.countdown-bar{width:100%;background:var(--color-background);color:var(--color-foreground)}.countdown-bar[hidden]{display:none!important}.countdown-bar__layout{display:flex;flex-direction:row;align-items:center;gap:20px;min-width:0;padding-top:2px;padding-bottom:2px}.countdown-bar__message{flex:1 1 auto;min-width:0;line-height:1.25;overflow-wrap:break-word}.countdown-bar__heading{margin:0;font-weight:600;font-size:var(--font-paragraph--size, 14px);color:var(--color-foreground, var(--color-foreground))}.countdown-bar__subheading{margin:0;font-size:12px;opacity:.8}.countdown-bar__timer{display:flex;flex-direction:row;align-items:flex-start;gap:var(--countdown-bar-gap, 6px);flex:none}.countdown-bar__unit{display:flex;flex-direction:column;align-items:center;gap:2px;flex:none;min-width:0}.countdown-bar__value{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 6px;border-radius:6px;background:var(--countdown-bar-value-background, var(--color-foreground));color:var(--countdown-bar-value-color, var(--color-background));font-weight:600;font-variant-numeric:tabular-nums;font-size:15px;line-height:1;white-space:nowrap}.countdown-bar__label{font-size:10px;line-height:1.2;opacity:.75;text-align:center;white-space:nowrap}.countdown-bar__sep{display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:4px;flex:none;font-weight:600;font-size:15px;line-height:1;color:var(--countdown-bar-value-color, inherit);opacity:.55}.countdown-bar__close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;opacity:.7}.countdown-bar__close svg{width:20px;height:20px;flex:none}.countdown-bar__close:hover{opacity:1}.countdown-bar__close:focus-visible{outline:2px solid currentColor;outline-offset:2px;opacity:1}.countdown-bar__sr{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}@media screen and (max-width:749px){.countdown-bar__layout{gap:12px}.countdown-bar__heading{font-size:13px}.countdown-bar__subheading{font-size:11px}.countdown-bar__timer{gap:min(var(--countdown-bar-gap, 6px),6px)}.countdown-bar__value{min-width:32px;height:32px;font-size:13px}.countdown-bar__sep{height:32px;font-size:13px}.countdown-bar__label{font-size:9px}.countdown-bar__close svg{width:18px;height:18px}}@media screen and (max-width:320px){.countdown-bar__layout{gap:8px}.countdown-bar__message{overflow:hidden}.countdown-bar__heading,.countdown-bar__subheading{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.countdown-bar__value{min-width:30px;height:30px;font-size:12px}.countdown-bar__sep{height:30px;font-size:12px}}@media(prefers-reduced-motion:reduce){.countdown-bar__close{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/countdown-bar.css.map */