.sale-banner{--sb-bg: #1f1b16;--sb-title: #ebcc2c;--sb-subtitle: rgba(255, 246, 236, .8);--sb-box: rgba(255, 246, 236, .08);--sb-num: #fff6ec;--sb-muted: rgba(255, 246, 236, .55);--sb-cta-bg: #b51315;--sb-cta-text: #fff;display:flex;align-items:center;justify-content:center;min-height:64px;box-sizing:border-box;background:var(--sb-bg);color:var(--sb-num)}.sale-banner__inner{display:flex;align-items:center;justify-content:center;gap:64px;width:100%;padding:0 40px;box-sizing:border-box}.sale-banner__left{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;text-align:center;line-height:1.2}.sale-banner__title{color:var(--sb-title);font-size:24px;font-weight:600;line-height:1;text-wrap:balance}.sale-banner__subtitle{color:var(--sb-subtitle);font-size:12px;font-weight:500;line-height:1;white-space:nowrap}.sale-banner-timer{display:flex;flex:none;align-items:center}.sale-banner-timer__box{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:8px;background:var(--sb-box)}.sale-banner-timer__slots{display:flex;align-items:flex-start;transition:opacity .4s ease-out}.sale-banner-timer__slot{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:36px;text-align:center}.sale-banner-timer__num{color:var(--sb-num);font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.sale-banner-timer__label{color:var(--sb-muted);font-size:12px;line-height:1.2;text-transform:uppercase}.sale-banner-timer__sep{color:var(--sb-muted);font-size:24px;font-weight:600;line-height:.95}.sale-banner-timer__message{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:0 12px;color:var(--sb-num);font-size:15px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .4s ease-out}.sale-banner-timer__prompt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 8px 0 12px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease-out,visibility 0s .3s}.sale-banner-timer[data-view=prompt] .sale-banner-timer__slots,.sale-banner-timer[data-view=message] .sale-banner-timer__slots{opacity:0}.sale-banner-timer[data-view=message] .sale-banner-timer__message{opacity:1}.sale-banner-timer[data-view=prompt] .sale-banner-timer__prompt{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .4s ease-out}.sale-banner-timer__prompt-text{max-width:84px;color:var(--sb-num);font-size:13px;font-weight:700;line-height:1.15;text-align:center;text-transform:uppercase}.sale-banner-timer__yes{position:relative;isolation:isolate;overflow:hidden;flex-shrink:0;margin:0;padding:10px 24px;border:none;border-radius:8px;background:var(--sb-cta-bg);color:var(--sb-cta-text);font-family:inherit;font-size:16px;font-weight:700;letter-spacing:normal;line-height:1;text-transform:uppercase;cursor:pointer;transition:background .15s,transform .15s}.sale-banner-timer__yes:hover{background:color-mix(in srgb,var(--sb-cta-bg) 85%,black);transform:scale(1.04)}.sale-banner-timer__yes:before{content:"";position:absolute;top:0;left:-120%;width:80%;height:100%;background:linear-gradient(100deg,#fff0,#ffffff1a 30%,#fff6,#ffffff1a 70%,#fff0);transform:skew(-20deg);pointer-events:none;animation:sale-banner-shine 2.5s cubic-bezier(.4,0,.2,1) infinite}@keyframes sale-banner-shine{0%,75%{opacity:0;left:-120%}80%{opacity:1}to{opacity:0;left:120%}}@media(max-width:767px){.sale-banner{--sb-bg: #0b0a09;min-height:56px}.sale-banner__inner{gap:48px;padding:0 15px}.sale-banner__title,.sale-banner-timer__num,.sale-banner-timer__sep{font-size:20px}.sale-banner__subtitle,.sale-banner-timer__label{font-size:10px}.sale-banner-timer__box{padding:4px 8px}.sale-banner-timer__message{padding:0 8px}.sale-banner-timer__prompt{gap:6px}.sale-banner-timer__prompt-text{max-width:95px;font-size:12px}.sale-banner-timer__yes{padding:9px 18px;font-size:15px}}@media(max-width:479px){.sale-banner__inner{gap:24px;padding:0 8px}.sale-banner__title{font-size:16px}}@media(max-width:389px){.sale-banner__inner{gap:20px;padding:0 6px}.sale-banner-timer__slot{min-width:30px}}@media(prefers-reduced-motion:reduce){.sale-banner-timer__yes:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/219/assets/sale-banner-timer.css.map */