.countdown-timer__section{z-index:1;position:relative}.countdown-timer__section:before{content:"";background:var(--content-over-media-gradient-overlay);border-radius:inherit;z-index:1;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.countdown-timer__section .content-over-media{display:grid}.countdown-timer__section .content-over-media .image-wrap{grid-area:1/1;width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.countdown-timer__section .content-over-media .image-wrap .desktop{display:none}@media (min-width: 750px){.countdown-timer__section .content-over-media .image-wrap .desktop{display:block}}.countdown-timer__section .content-over-media .image-wrap .mobile{display:block}@media (min-width: 750px){.countdown-timer__section .content-over-media .image-wrap .mobile{display:none}}.countdown-timer__section .content-over-media img{width:100%;height:100%;object-fit:cover}.countdown-timer__section .content-over-media .countdown{grid-area:1/1;position:relative;z-index:2;justify-content:space-between;padding:4.5rem 2.5rem;column-gap:5rem;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:3rem}@media (min-width: 750px){.countdown-timer__section .content-over-media .countdown{flex-direction:row}}@media (min-width: 750px){.countdown-timer__section .content-over-media .countdown.left{flex-direction:row-reverse}}.countdown-timer__section .content-over-media .countdown__content{text-align:center}@media (min-width: 750px){.countdown-timer__section .content-over-media .countdown__content{text-align:left}}.countdown-timer__section .content-over-media .countdown__content .h6{margin-bottom:0;font-size:var(--countdown-timer-subheading-mobile-font-size)}@media (min-width: 750px){.countdown-timer__section .content-over-media .countdown__content .h6{font-size:var(--countdown-timer-subheading-desktop-font-size)}}.countdown-timer__section .content-over-media .countdown__content .h1{margin-top:0;margin-bottom:1rem;font-size:var(--countdown-timer-heading-mobile-font-size)}@media (min-width: 750px){.countdown-timer__section .content-over-media .countdown__content .h1{font-size:var(--countdown-timer-heading-desktop-font-size)}}.countdown-timer__section .content-over-media .countdown__content p{margin-top:0;font-size:var(--countdown-timer-content-mobile-font-size)}@media (min-width: 750px){.countdown-timer__section .content-over-media .countdown__content p{font-size:var(--countdown-timer-content-desktop-font-size)}}@keyframes fadeInDigit{0%{opacity:0}to{opacity:1}}@keyframes fadeOutDigit{0%{opacity:1}to{opacity:0}}.countdown-timer__section .countdown-timer{font-size:var(--countdown-timer-flip-mobile-font-size);font-family:monospace;display:flex;justify-content:center;text-align:center;column-gap:3px}@media (min-width: 750px){.countdown-timer__section .countdown-timer{font-size:var(--countdown-timer-flip-desktop-font-size);column-gap:10px}}.countdown-timer__section .countdown-timer.is-animated .digit-char span{transition:transform .4s cubic-bezier(.4,2,.6,1),opacity .4s cubic-bezier(.4,2,.6,1)}.countdown-timer__section .countdown-timer.is-animated .digit-char span.fade-in{opacity:0;animation:fadeInDigit .4s forwards}.countdown-timer__section .countdown-timer.is-animated .digit-char span.fade-out{opacity:1;animation:fadeOutDigit .4s forwards}.countdown-timer__section .countdown-timer>div{display:flex;flex-direction:column;row-gap:3px}@media (min-width: 750px){.countdown-timer__section .countdown-timer>div{row-gap:5px}}.countdown-timer__section .countdown-timer .digit{display:inline-block;height:2em;overflow:hidden;vertical-align:middle;position:relative}.countdown-timer__section .countdown-timer .digit-inner{display:inline-flex;position:relative;width:100%;height:100%;column-gap:1px;align-items:center;justify-content:center}.countdown-timer__section .countdown-timer .digit-inner .digit-char{background-color:var(--countdown-timer-flip-background);color:var(--countdown-timer-flip-text-color);overflow:hidden;display:inline-block;padding:0 5px;border-radius:3px}@media (min-width: 750px){.countdown-timer__section .countdown-timer .digit-inner .digit-char{padding:0 8px}}.countdown-timer__section .countdown-timer .digit-char span{display:inline-block;width:1ch;height:1em;will-change:transform,opacity;position:relative;opacity:1}.countdown-timer__section .countdown-timer .digit-char span.fade-in{opacity:1;animation:none}.countdown-timer__section .countdown-timer .digit-char span.fade-out{opacity:0;animation:none}.countdown-timer__section .countdown-timer .label{font-size:12px;text-transform:uppercase;letter-spacing:1px}
/*# sourceMappingURL=/cdn/shop/t/109/assets/section-countdown-timer.css.map */