@keyframes countdown-slide-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes countdown-slide-out{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.countdown-banner{display:flex;flex-direction:column;justify-content:center;padding:30px;position:relative;background:var(--color-bg);color:var(--color-text);border-radius:4px;overflow:hidden}.countdown-banner--inner{display:flex;flex-direction:column;justify-content:center;max-width:1340px;width:100%;margin:0 auto}@media only screen and (min-width:768px){.countdown-banner--inner.layout--horizontal{flex-direction:row;align-items:center}}.countdown-banner--inner.layout--horizontal .countdown-banner--timer{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center}@media only screen and (min-width:768px){.countdown-banner--inner.layout--horizontal .countdown-banner--timer{flex-direction:row;align-items:center;justify-content:flex-end;margin-left:55px}}@media only screen and (min-width:768px){.countdown-banner--inner.layout--horizontal .countdown-banner--content{text-align:left}.countdown-banner--inner.layout--horizontal .countdown-banner--content>*:last-child{margin-bottom:0}}.countdown-banner--inner.layout--horizontal .button{margin-top:15px}@media only screen and (min-width:768px){.countdown-banner--inner.layout--horizontal .button{margin:20px 0 20px 55px}[dir=rtl] .countdown-banner--inner.layout--horizontal .button{margin:20px 55px 20px 0}}.countdown-banner--inner.layout--vertical .countdown-banner--timer{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center}.countdown-banner--inner.layout--vertical .countdown-banner--content h2{margin-bottom:15px}.countdown-banner--inner.layout--vertical .button{margin-top:30px}.countdown-banner h2{margin-bottom:5px;color:inherit}.countdown-banner .subheading{font-size:.75rem}.countdown-banner--bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.countdown-banner--bg img{width:100%;height:100%;object-fit:cover;object-position:var(--bg-position-mobile, center center)}@media only screen and (min-width:768px){.countdown-banner--bg img{object-position:var(--bg-position, center center)}}.countdown-banner--bg .countdown-image--mobile{display:block}@media only screen and (min-width:768px){.countdown-banner--bg .countdown-image--mobile{display:none}}.countdown-banner--bg .countdown-image--desktop{display:none}@media only screen and (min-width:768px){.countdown-banner--bg .countdown-image--desktop{display:block}}.countdown-banner--bg--overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:var(--overlay-color);opacity:var(--overlay-opacity)}.countdown-banner--content{text-align:center}.countdown-banner--content,.countdown-banner--timer{position:relative;z-index:5}.countdown-banner .countdown-timer{display:inline-flex;flex-wrap:wrap;justify-content:center;min-height:80px}.countdown-banner .countdown-timer--column{display:flex;flex-direction:column;text-align:center;justify-content:center;position:relative;padding:0 12px}@media only screen and (min-width:768px){.countdown-banner .countdown-timer--column{padding:0 16px}}.countdown-banner .countdown-timer--column--number{font-size:var(--timer-number-size-mobile, 2.25rem);line-height:1;display:flex;justify-content:center}@media only screen and (min-width:768px){.countdown-banner .countdown-timer--column--number{font-size:var(--timer-number-size, 3rem)}}.countdown-banner .countdown-timer--column--number .countdown-digit{display:inline-block;overflow:hidden;position:relative;height:1em}.countdown-banner .countdown-timer--column--number .countdown-digit .countdown-sizer{display:block;visibility:hidden;text-align:center}.countdown-banner .countdown-timer--column--number .countdown-digit .countdown-num--current,.countdown-banner .countdown-timer--column--number .countdown-digit .countdown-num--entering,.countdown-banner .countdown-timer--column--number .countdown-digit .countdown-num--leaving{display:block;position:absolute;top:0;left:0;right:0;text-align:center}.countdown-banner .countdown-timer--column--number .countdown-digit .countdown-num--entering{animation:countdown-slide-in .3s ease forwards;filter:url(#countdown-blur-y)}.countdown-banner .countdown-timer--column--number .countdown-digit .countdown-num--leaving{animation:countdown-slide-out .3s ease forwards;filter:url(#countdown-blur-y)}.countdown-banner .countdown-timer--column--text{font-size:var(--timer-label-size, .75rem);text-transform:uppercase;letter-spacing:.1em}.countdown-banner .countdown-timer--column+.countdown-timer--column .countdown-timer--column--number{position:relative}.countdown-banner .countdown-timer--column+.countdown-timer--column .countdown-timer--column--number:before{content:":";display:inline-flex;justify-content:center;width:12px;font-size:.7em;line-height:1;position:absolute;top:50%;transform:translateY(-50%);left:-16px}@media only screen and (min-width:768px){.countdown-banner .countdown-timer--column+.countdown-timer--column .countdown-timer--column--number:before{left:-21px}}[dir=rtl] .countdown-banner .countdown-timer--column+.countdown-timer--column .countdown-timer--column--number:before{left:auto;right:-16px}@media only screen and (min-width:768px){[dir=rtl] .countdown-banner .countdown-timer--column+.countdown-timer--column .countdown-timer--column--number:before{right:-21px}}.countdown-banner--content .countdown-banner--button{margin:15px 0 20px}.countdown-banner--content .countdown-banner--button+p{margin-top:0}.countdown-banner--inner.layout--stacked{flex-direction:column;align-items:center;text-align:center}.countdown-banner--inner.layout--stacked .countdown-banner--content{text-align:center;max-width:800px}.countdown-banner--inner.layout--stacked .countdown-banner--content h2{margin-bottom:10px}.countdown-banner--inner.layout--stacked .countdown-banner--timer{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:20px}@media only screen and (min-width:768px){.countdown-banner--inner.layout--stacked .countdown-banner--timer{margin-top:30px}}.countdown-banner--inner.layout--stacked .countdown-banner--button{margin-top:30px}
/*# sourceMappingURL=/cdn/shop/t/19/assets/countdown-banner.css.map */