#timer{display:flex;align-items:center;justify-content:center}.timer-wrapper{padding:1rem 0}.timer-wrapper .period{position:relative;display:flex;align-items:center;flex-direction:column;padding:0 .5rem .4rem;border:1px solid var(--color-foreground-20);margin:0 .5rem;min-width:3rem;border-radius:.25rem}.timer-wrapper .period>span:first-child{font-size:1.5rem}.timer-wrapper .period>span.label{font-size:.65rem;font-weight:400;letter-spacing:.05em}.timer-wrapper div:not(:last-child):after{content:":";position:absolute;right:-.85rem;top:50%;transform:translateY(-50%);font-size:1.5rem}@media all and (min-width:480px){.countdown .timer-wrapper .period{padding:0 .75rem .5rem;margin:0 .75rem;min-width:4rem}.countdown .timer-wrapper .period>span:first-child{font-size:2rem}.countdown .timer-wrapper div:not(:last-child):after{right:-1.15rem;font-size:2rem}}@media all and (min-width:750px){.countdown .timer-wrapper .period>span.label{font-size:1.5rem;letter-spacing:-1px}}@media all and (min-width:1024px){.countdown .timer-wrapper .period{min-width:7rem}.popup-banner__content:has(.media) .timer-wrapper .period{min-width:4rem}.countdown .timer-wrapper .period>span.label{font-size:1.8rem;letter-spacing:-3px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-countdown-timer.css.map */