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