@layer components{.countdown-timer{display:block;text-align:center}.countdown-timer__inner[hidden],.countdown-timer__message[hidden]{display:none}.countdown-timer__inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5em;animation:ct-fade-in .5s ease-out forwards}.countdown-timer__display{display:flex;align-items:flex-start;gap:clamp(8px,2vw,20px)}.countdown-timer__segment{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.countdown-timer__value-wrap{display:flex;align-items:center;justify-content:center;width:100%}.countdown-timer__value{color:var(--color-foreground);font-family:inherit;font-size:var(--ct-timer-size-mobile, inherit);font-weight:var(--ct-timer-font-weight, 400);line-height:1;min-width:2ch;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.04em;position:relative;overflow:hidden;height:1em}.countdown-timer__value .digit-roll,.countdown-timer__value .digit-roll span{font-weight:inherit}.countdown-timer__label{color:var(--color-foreground);font-size:var(--ct-label-size-mobile, .65em);font-weight:var(--ct-label-font-weight, 600);line-height:1;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.countdown-timer__sep{color:var(--color-foreground);font-size:var(--ct-timer-size-mobile, inherit);font-weight:var(--ct-timer-font-weight, 400);line-height:1;opacity:.7;align-self:flex-start}.countdown-timer__prefix,.countdown-timer__suffix{color:var(--color-foreground);font-size:var(--ct-prefix-size-mobile, inherit);font-weight:var(--ct-prefix-font-weight, 400);white-space:nowrap}.countdown-timer__suffix{font-size:var(--ct-suffix-size-mobile, inherit);font-weight:var(--ct-suffix-font-weight, 400)}.countdown-timer__message{text-align:center;color:var(--color-foreground);font-size:var(--ct-message-size-mobile, var(--paragraph-size-mobile));font-weight:var(--ct-message-font-weight, 400);line-height:var(--paragraph-line-height);font-style:italic;opacity:.8}@media(min-width:640px)and (max-width:879px){.countdown-timer__value,.countdown-timer__sep{font-size:var( --ct-timer-size-tablet, var(--ct-timer-size-mobile, inherit) )}.countdown-timer__label{font-size:var( --ct-label-size-tablet, var(--ct-label-size-mobile, .65em) )}.countdown-timer__prefix{font-size:var( --ct-prefix-size-tablet, var(--ct-prefix-size-mobile, inherit) )}.countdown-timer__suffix{font-size:var( --ct-suffix-size-tablet, var(--ct-suffix-size-mobile, inherit) )}.countdown-timer__message{font-size:var(--ct-message-size-tablet, var(--paragraph-size-tablet))}}@media(min-width:880px){.countdown-timer__value,.countdown-timer__sep{font-size:var( --ct-timer-size-desktop, var(--ct-timer-size-tablet, var(--ct-timer-size-mobile, inherit)) )}.countdown-timer__label{font-size:var( --ct-label-size-desktop, var(--ct-label-size-tablet, var(--ct-label-size-mobile, .65em)) )}.countdown-timer__prefix{font-size:var( --ct-prefix-size-desktop, var(--ct-prefix-size-tablet, var(--ct-prefix-size-mobile, inherit)) )}.countdown-timer__suffix{font-size:var( --ct-suffix-size-desktop, var(--ct-suffix-size-tablet, var(--ct-suffix-size-mobile, inherit)) )}.countdown-timer__message{font-size:var(--ct-message-size-desktop, var(--paragraph-size-desktop))}}.digit-roll{display:flex;flex-direction:column;transform:translateY(0);will-change:transform;transition:transform .5s cubic-bezier(.22,1,.36,1)}.digit-roll.animate{transform:translateY(-50%)}.digit-roll span{display:block;height:1em}@keyframes ct-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes ct-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.countdown-timer__segment.is-bouncing{animation:ct-bounce .3s ease-out}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/snippet-countdown-timer-styles.css.map */