.countdown-timer{--countdown-gap: 1rem;--countdown-box-bg: rgb(var(--color-foreground-rgb) / .1)}.countdown-timer__inner{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;padding-inline:var(--page-margin, 16px)}.countdown-timer--align-left .countdown-timer__inner{align-items:flex-start;text-align:left}.countdown-timer__content{display:flex;flex-direction:column;gap:.5rem}.countdown-timer__heading,.countdown-timer__text,.countdown-timer__text p{margin:0}.countdown-timer__timer{display:flex;align-items:flex-start;gap:.5rem;font-variant-numeric:tabular-nums}.countdown-timer__unit{display:flex;flex-direction:column;align-items:center;gap:.375rem;width:var(--countdown-unit-width, 6.5rem)}.countdown-timer__value{display:block;font-family:var(--font-heading--family);font-size:clamp(2rem,5vw,3.5rem);font-weight:600;line-height:1;transition:opacity .2s ease}.countdown-timer--boxes .countdown-timer__value{padding:.75rem .625rem;border-radius:8px;background:var(--countdown-box-bg);width:100%;box-sizing:border-box;text-align:center}.countdown-timer__label{font-size:.75rem;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;opacity:.8}.countdown-timer__separator{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600;line-height:1;padding-top:.75rem;opacity:.6}.countdown-timer--plain .countdown-timer__separator{padding-top:.125rem}countdown-timer[data-state=pending] .countdown-timer__value{opacity:0}.countdown-timer__ended,.countdown-timer__editor-note{display:none;margin:0}countdown-timer[data-state=ended] .countdown-timer__ended{display:block;font-size:1.25rem;font-weight:600}countdown-timer[data-state=ended]:has(.countdown-timer__ended) .countdown-timer__timer,countdown-timer[data-state=invalid] .countdown-timer__timer{display:none}countdown-timer[data-state=ended] .countdown-timer__editor-note--ended,countdown-timer[data-state=invalid] .countdown-timer__editor-note--invalid{display:block;padding:.5rem .75rem;border:1px dashed currentcolor;border-radius:4px;font-size:.8125rem;opacity:.8}.countdown-timer--bar .countdown-timer__inner{flex-flow:row wrap;justify-content:center;align-items:center;column-gap:1.25rem;row-gap:.5rem}.countdown-timer--bar .countdown-timer__content{flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:center;column-gap:.5rem;row-gap:0}.countdown-timer--bar.countdown-timer--align-left .countdown-timer__inner,.countdown-timer--bar.countdown-timer--align-left .countdown-timer__content{justify-content:flex-start}.countdown-timer--bar .countdown-timer__heading{font-weight:700;text-transform:uppercase;letter-spacing:.04em}.countdown-timer--bar .countdown-timer__heading,.countdown-timer--bar .countdown-timer__text{font-size:.875rem;line-height:1.4}.countdown-timer--bar .countdown-timer__timer{align-items:center;gap:.25rem}.countdown-timer--bar .countdown-timer__unit{flex-direction:row;align-items:baseline;gap:.125rem;width:auto}.countdown-timer--bar .countdown-timer__value{font-size:1rem;font-weight:700}.countdown-timer--bar .countdown-timer__value{width:1.6em;text-align:center}.countdown-timer--bar.countdown-timer--boxes .countdown-timer__value{width:2.2em;padding:.25rem 0;border-radius:4px}.countdown-timer--bar .countdown-timer__label{font-size:.75rem;letter-spacing:0;text-transform:none}.countdown-timer--bar .countdown-timer__separator{display:none}.countdown-timer--bar countdown-timer[data-state=ended] .countdown-timer__ended{font-size:.875rem}.countdown-timer--bar .countdown-timer__button{min-height:0;padding:.375rem .875rem;font-size:.8125rem}@media screen and (max-width:749px){.countdown-timer__inner{gap:1rem}.countdown-timer{--countdown-unit-width: 4rem}.countdown-timer__value{font-size:1.75rem}.countdown-timer--boxes .countdown-timer__value{padding:.625rem .375rem}.countdown-timer__separator{font-size:1.5rem;padding-top:.625rem}.countdown-timer--bar .countdown-timer__inner{column-gap:.75rem}.countdown-timer--bar .countdown-timer__value{font-size:.9375rem}.countdown-timer--bar .countdown-timer__actions{display:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/countdown-timer.css.map */