.bf-bar-wrap{--bf-bg: radial-gradient(60% 160% at 50% 0%, rgba(60, 185, 255, .16), rgba(60, 185, 255, 0) 70%), linear-gradient(90deg, #040a1c 0%, #0a1a40 50%, #040a1c 100%);--bf-text: #ffffff;--bf-accent: #3cb9ff;--bf-pill-bg: rgba(60, 185, 255, .12);--bf-pill-text: #ffffff;--bf-pill-border: #3cb9ff;--bf-pill-glow: 0 0 10px rgba(60, 185, 255, .45), inset 0 0 6px rgba(60, 185, 255, .18);--bf-box-bg: #0b1736;--bf-box-border: rgba(60, 185, 255, .4);--bf-digits: #3cb9ff;--bf-digit-glow: 0 0 8px rgba(60, 185, 255, .55);--bf-shimmer: rgba(255, 255, 255, .45)}.bf-preset--baby-blue{--bf-bg: linear-gradient(90deg, var(--rn-accent, #69c7f2) 0%, #8ad4f5 50%, var(--rn-accent, #69c7f2) 100%);--bf-text: var(--rn-ink, #10224f);--bf-accent: var(--rn-ink, #10224f);--bf-pill-bg: var(--rn-ink, #10224f);--bf-pill-text: #ffffff;--bf-pill-border: var(--rn-ink, #10224f);--bf-pill-glow: 0 2px 8px rgba(var(--rn-ink-rgb, 16, 34, 79), .25);--bf-box-bg: var(--rn-ink, #10224f);--bf-box-border: var(--rn-ink, #10224f);--bf-digits: #ffffff;--bf-digit-glow: none;--bf-shimmer: rgba(255, 255, 255, .35)}.bf-preset--classic{--bf-bg: linear-gradient(90deg, #a10f18 0%, #5a0a0f 48%, #0d0d0d 100%);--bf-text: #ffffff;--bf-accent: #ff3b44;--bf-pill-bg: #e01b24;--bf-pill-text: #ffffff;--bf-pill-border: rgba(255, 255, 255, .35);--bf-pill-glow: 0 0 10px rgba(224, 27, 36, .45);--bf-box-bg: #0d0d0d;--bf-box-border: rgba(255, 255, 255, .18);--bf-digits: #ffffff;--bf-digit-glow: none;--bf-shimmer: rgba(255, 255, 255, .4)}.bf-preset--custom{--bf-pill-glow: none;--bf-digit-glow: none;--bf-shimmer: rgba(255, 255, 255, .35)}.bf-bar [hidden]{display:none!important}.bf-bar{--bf-height: 56px;display:block;position:relative;height:var(--bf-height);overflow:hidden;background:var(--bf-bg);color:var(--bf-text);font-family:var(--font-body-family);font-style:normal;letter-spacing:0;line-height:1;text-decoration:none;-webkit-tap-highlight-color:transparent}.bf-bar:focus-visible{outline:2px solid var(--bf-accent);outline-offset:-4px}.bf-bar__inner{display:flex;align-items:center;height:100%;max-width:var(--page-width);margin:0 auto;padding:0 12px}.bf-bar__main{display:flex;flex:1 1 auto;align-items:center;justify-content:space-between;gap:10px;min-width:0}.bf-bar__copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.bf-bar__headline{max-width:100%;overflow:hidden;font-size:clamp(14px,4vw,16px);font-weight:700;line-height:18px;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.bf-bar__pill{display:inline-flex;position:relative;align-items:center;max-width:100%;height:17px;padding:0 7px;overflow:hidden;border:1px solid var(--bf-pill-border);border-radius:999px;background:var(--bf-pill-bg);box-shadow:var(--bf-pill-glow);color:var(--bf-pill-text);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.bf-bar__pill-text{position:relative;z-index:1;overflow:hidden;text-overflow:ellipsis}.bf-bar__pill-text--desktop{display:none}.bf-bar__timer{display:flex;flex:0 0 auto;align-items:flex-start;gap:3px}.bf-bar__days{display:flex;align-items:flex-start;gap:3px}.bf-bar__unit{display:flex;flex-direction:column;align-items:center;gap:3px}.bf-bar__box{display:flex;align-items:center;justify-content:center;min-width:31px;height:29px;padding:0 3px;border:1px solid var(--bf-box-border);border-radius:5px;background:var(--bf-box-bg);color:var(--bf-digits);font-size:16px;font-variant-numeric:tabular-nums;font-weight:700;text-shadow:var(--bf-digit-glow)}.bf-bar__label{font-size:8px;font-weight:700;letter-spacing:.08em;opacity:.78;text-transform:uppercase}.bf-bar__colon{height:29px;font-size:14px;font-weight:700;line-height:27px;opacity:.6}.bf-bar__fallback,.bf-bar--fallback .bf-bar__main{display:none}.bf-bar--fallback .bf-bar__inner{justify-content:center}.bf-bar--fallback .bf-bar__fallback{display:block;overflow:hidden;font-size:13px;font-weight:700;letter-spacing:.02em;line-height:1.3;text-align:center}@media screen and (max-width:359px){.bf-bar__headline{font-size:13px}.bf-bar__box{min-width:27px;height:27px;font-size:14px}.bf-bar__colon{height:27px;line-height:25px}}@media screen and (min-width:750px){.bf-bar{--bf-height: 64px}.bf-bar__inner{justify-content:center;padding:0 40px}.bf-bar__main{flex:0 1 auto;justify-content:center;gap:36px}.bf-bar__copy{align-items:center;gap:6px}.bf-bar__headline{font-size:18px;line-height:20px}.bf-bar__pill{height:20px;padding:0 11px;font-size:11px;letter-spacing:.08em}.bf-bar__pill-text--desktop{display:inline}.bf-bar__pill-text--mobile{display:none}.bf-bar__timer,.bf-bar__days{gap:5px}.bf-bar__box{min-width:40px;height:34px;border-radius:6px;font-size:20px}.bf-bar__label{font-size:9px;letter-spacing:.12em}.bf-bar__colon{height:34px;font-size:18px;line-height:32px}.bf-bar--fallback .bf-bar__fallback{font-size:15px}}@media screen and (min-width:1200px){.bf-bar__headline{font-size:20px;line-height:22px}}@media(prefers-reduced-motion:no-preference){.bf-bar__pill:after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:35%;background:linear-gradient(100deg,transparent 0%,var(--bf-shimmer) 50%,transparent 100%);transform:translate(0) skew(-20deg);animation:bf-shimmer 4.5s ease-in-out 1s infinite;pointer-events:none}.bf-preset--navy-neon .bf-bar__pill{animation:bf-glow 3s ease-in-out infinite}}@keyframes bf-shimmer{0%{transform:translate(0) skew(-20deg)}30%,to{transform:translate(480%) skew(-20deg)}}@keyframes bf-glow{0%,to{box-shadow:0 0 6px #3cb9ff4d,inset 0 0 6px #3cb9ff1f}50%{box-shadow:0 0 14px #3cb9ff99,inset 0 0 8px #3cb9ff3d}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/bf-countdown-bar.css.map */