.countdown-timer{--_bg: var(--countdown-bg, #0f0f0f);--_text: var(--countdown-text, #fff);--_digit-bg: var(--countdown-digit-bg, #1f1f1f);--_digit-text: var(--countdown-digit-text, #fff);--_separator: color-mix(in srgb, var(--_text) 40%, transparent);--_label: color-mix(in srgb, var(--_text) 55%, transparent);--_glow: color-mix(in srgb, var(--_digit-text) 30%, transparent);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-sizing:border-box}.countdown-timer *,.countdown-timer *:before,.countdown-timer *:after{box-sizing:border-box}.countdown-timer--align-center{text-align:center}.countdown-timer--align-left{text-align:left}.countdown-timer--align-right{text-align:right}.countdown-timer--align-left .countdown-timer__digits,.countdown-timer--align-left .countdown-timer__inner{justify-content:flex-start}.countdown-timer--align-right .countdown-timer__digits,.countdown-timer--align-right .countdown-timer__inner{justify-content:flex-end}.countdown-timer--align-center .countdown-timer__digits,.countdown-timer--align-center .countdown-timer__inner{justify-content:center}.countdown-timer__link{display:block;text-decoration:none;color:inherit;transition:opacity .2s}.countdown-timer__link:hover{opacity:.85}.countdown-timer--banner{width:100%;background:var(--_bg);padding:12px 16px}.countdown-timer--banner .countdown-timer__inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}@media(min-width:640px){.countdown-timer--banner .countdown-timer__inner{gap:24px}}.countdown-timer--card{background:var(--_bg);border-radius:12px;padding:24px;box-shadow:0 0 30px -5px var(--_glow),0 0 60px -10px color-mix(in srgb,var(--_glow) 50%,transparent)}@media(min-width:640px){.countdown-timer--card{padding:32px}}.countdown-timer--inline{display:inline-flex;align-items:center;gap:12px;background:var(--_bg);border-radius:16px;padding:10px 20px;box-shadow:0 0 30px -5px var(--_glow)}@media(max-width:640px){.countdown-timer--inline{flex-wrap:wrap;justify-content:center;border-radius:12px;padding:12px 16px;gap:8px}.countdown-timer--inline .countdown-timer__title{width:100%;text-align:center;white-space:normal}}.countdown-timer__title{color:var(--_text);font-weight:700;letter-spacing:.025em;margin:0 0 4px}.countdown-timer--card .countdown-timer__title{font-size:18px;text-align:center}.countdown-timer--banner .countdown-timer__title,.countdown-timer--inline .countdown-timer__title{font-size:14px;white-space:nowrap}.countdown-timer__subtitle{color:var(--_label);font-size:14px;margin:0 0 20px}.countdown-timer--card .countdown-timer__subtitle{text-align:center}.countdown-timer--banner .countdown-timer__subtitle{margin:0;font-size:12px}.countdown-timer__digits{display:flex;align-items:flex-start;justify-content:center;gap:0}.countdown-digit{display:flex;flex-direction:column;align-items:center}.countdown-digit__card{position:relative;overflow:hidden;border-radius:8px;background:var(--_digit-bg);display:flex;align-items:center;justify-content:center;perspective:300px;box-shadow:0 4px 20px -2px #00000080,inset 0 1px #ffffff14}.countdown-digit__value{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-weight:700;color:var(--_digit-text);letter-spacing:.05em;line-height:1;position:relative;z-index:1}.countdown-digit__divider{position:absolute;left:0;right:0;top:50%;height:1px;background:#0003;z-index:2}.countdown-digit__highlight{position:absolute;left:0;right:0;top:0;height:50%;background:#ffffff0a;border-radius:8px 8px 0 0;pointer-events:none;z-index:1}.countdown-digit__label{color:var(--_label);text-transform:uppercase;letter-spacing:.1em;font-weight:500;min-width:100%;text-align:center}.countdown-timer--sm .countdown-digit__card{width:40px;height:44px}.countdown-timer--sm .countdown-digit__value{font-size:18px}.countdown-timer--sm .countdown-digit__label{font-size:10px;margin-top:4px}.countdown-timer--sm .countdown-separator{margin:0 4px;gap:4px}.countdown-timer--sm .countdown-separator span{width:4px;height:4px}.countdown-timer--md .countdown-digit__card{width:64px;height:72px}.countdown-timer--md .countdown-digit__value{font-size:30px}.countdown-timer--md .countdown-digit__label{font-size:12px;margin-top:6px}.countdown-timer--md .countdown-separator{margin:0 8px;gap:6px}.countdown-timer--md .countdown-separator span{width:6px;height:6px}.countdown-timer--lg .countdown-digit__card{width:80px;height:88px}.countdown-timer--lg .countdown-digit__value{font-size:36px}.countdown-timer--lg .countdown-digit__label{font-size:14px;margin-top:8px}.countdown-timer--lg .countdown-separator{margin:0 12px;gap:8px}.countdown-timer--lg .countdown-separator span{width:8px;height:8px}.countdown-separator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:20px}.countdown-separator span{border-radius:50%;background:var(--_separator);display:block;animation:countdown-pulse 2s ease-in-out infinite}.countdown-separator span:nth-child(2){animation-delay:.3s}.countdown-digit__card--flipping{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--_digit-bg);box-shadow:0 4px 20px -2px #00000080,inset 0 1px #ffffff14;transform-origin:bottom center;animation:countdown-flip .5s ease-in-out forwards;backface-visibility:hidden;z-index:3}.countdown-timer__expired p{color:var(--_label);font-size:14px;font-weight:500;text-align:center;margin:0}.countdown-timer--hiding{animation:countdown-fade-out .5s ease-out forwards}@keyframes countdown-flip{0%{transform:rotateX(0)}to{transform:rotateX(-90deg);opacity:0}}@keyframes countdown-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes countdown-fade-out{0%{opacity:1;max-height:200px}to{opacity:0;max-height:0;padding:0;margin:0;border:0;overflow:hidden}}@media(max-width:480px){.countdown-timer--lg .countdown-digit__card{width:56px;height:64px}.countdown-timer--lg .countdown-digit__value{font-size:26px}.countdown-timer--lg .countdown-separator{margin:0 6px}.countdown-timer--md .countdown-digit__card{width:48px;height:56px}.countdown-timer--md .countdown-digit__value{font-size:22px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/countdown-timer.css.map */