@charset "UTF-8";
:root{--bf-banner-h:3.6rem}.bf-banner{--bf-lime:#D9FF57;--bf-dark:#151515;color:#fff;font-family:FixelDisplay,sans-serif;position:absolute;top:0;left:50%;z-index:9999;transform:translateX(-50%);padding:.5rem .7rem .6rem;border:1px solid var(--bf-lime);border-top:0;border-radius:0 0 .8rem .8rem;background:var(--bf-dark);text-align:center}.bf-banner-container{display:flex;flex-direction:column;align-items:center;gap:.4rem}@media screen and (min-width:993px){.bf-banner{position:relative;top:auto;left:auto;transform:none;height:var(--bf-banner-h);padding:0;border:0;border-radius:0;background:linear-gradient(180deg,#232323 0,var(--bf-dark) 100%)}.bf-banner-container{flex-direction:row;justify-content:center;gap:3rem;height:100%;padding:0 1rem}}@media screen and (min-width:1201px){.bf-banner-container{gap:5rem}}.bf-banner-title{display:flex;flex-direction:column;align-items:center;margin:0;font-size:.7rem;font-weight:800;line-height:1.1;text-transform:uppercase;white-space:nowrap}.bf-banner-title .text{font-weight:600}@media screen and (min-width:993px){.bf-banner-title{flex-direction:row;gap:.8rem;font-size:1.8rem;line-height:1}.bf-banner-title .text{transform:translateY(.06em)}}.bf-banner-badge{color:var(--bf-lime);font-size:1.15em;font-weight:700}.bf-banner-timer{display:none}@media screen and (min-width:993px){.bf-banner-badge{padding:.12em .3em 0;border-radius:.2em;background:var(--bf-lime);color:#000;font-size:.8em}.bf-banner-timer{display:flex;gap:.3rem;padding:.25rem;border-radius:.5rem;background:#101010}}.bf-banner-timer .unit{display:flex;flex-direction:column;align-items:center;min-width:2.3rem;padding:.2rem .3rem .15rem;border:1px solid #3a3a3a;border-radius:.3rem}.bf-banner-timer .value{font-size:1.1rem;font-weight:700;line-height:1}.bf-banner-timer .label{font-size:.45rem;line-height:1.3;color:#cacaca}.bf-banner-btn{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .8rem .25rem;border-radius:.4rem;background:var(--bf-lime);color:#000;font-size:.5rem;font-weight:700;line-height:1.2;text-transform:uppercase;white-space:nowrap;transition:opacity .2s ease-in}@media screen and (min-width:993px){.bf-banner-btn{padding:.45rem 1.5rem .35rem;border-radius:.6rem;font-size:.85rem;text-transform:none}}@media (hover:hover){.bf-banner-btn:hover{opacity:.8;color:#000}}