.countdown-banner{display:flex;flex-direction:column;justify-content:center;padding:30px 20px;position:relative;background:var(--color-bg);color:var(--color-text)}@media only screen and (min-width: 768px){.countdown-banner{padding:40px 30px}}@media only screen and (min-width: 1024px){.countdown-banner{padding:50px 40px}}@media only screen and (min-width: 1280px){.countdown-banner{padding:60px 50px}}.countdown-banner--inner{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0 auto;gap:30px}@media only screen and (min-width: 768px){.countdown-banner--inner{gap:35px}}@media only screen and (min-width: 1024px){.countdown-banner--inner{gap:40px}}@media only screen and (min-width: 1024px){.countdown-banner--inner.layout--horizontal{flex-direction:row;align-items:center;justify-content:space-between}}@media only screen and (min-width: 1280px){.countdown-banner--inner.layout--horizontal{gap:60px}}.countdown-banner--inner.layout--horizontal .countdown-banner--timer{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%}@media only screen and (min-width: 1024px){.countdown-banner--inner.layout--horizontal .countdown-banner--timer{flex-direction:row;align-items:flex-end;justify-content:flex-end;width:auto;flex-shrink:0}}.countdown-banner--inner.layout--horizontal .countdown-banner--buttons{display:flex;flex-direction:column;gap:15px;width:100%}@media only screen and (min-width: 480px){.countdown-banner--inner.layout--horizontal .countdown-banner--buttons{flex-direction:row;justify-content:center;gap:15px}}@media only screen and (min-width: 1024px){.countdown-banner--inner.layout--horizontal .countdown-banner--buttons{justify-content:flex-end;width:auto}}@media only screen and (min-width: 1024px){.countdown-banner--inner.layout--horizontal .countdown-banner--content{text-align:left;flex:1 1 auto;max-width:45%}.countdown-banner--inner.layout--horizontal .countdown-banner--content>*:last-child{margin-bottom:0}}@media only screen and (min-width: 1280px){.countdown-banner--inner.layout--horizontal .countdown-banner--content{max-width:50%}}.countdown-banner--inner.layout--horizontal .countdown-banner--buttons .button{margin:0;white-space:nowrap;padding-left:25px;padding-right:25px}@media only screen and (max-width: 479px){.countdown-banner--inner.layout--horizontal .countdown-banner--buttons .button{width:100%}}.countdown-banner--inner.layout--vertical .countdown-banner--timer{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;gap:20px}.countdown-banner--inner.layout--vertical .countdown-banner--content{margin-bottom:0}.countdown-banner--inner.layout--vertical .countdown-banner--content h2{margin-bottom:15px}.countdown-banner--inner.layout--vertical .countdown-banner--buttons{display:flex;flex-direction:column;flex-basis:100%;gap:15px;width:100%}@media only screen and (min-width: 480px){.countdown-banner--inner.layout--vertical .countdown-banner--buttons{flex-direction:row;width:auto;justify-content:center}}.countdown-banner--inner.layout--vertical .countdown-banner--buttons .button{margin:0;padding-left:25px;padding-right:25px}@media only screen and (max-width: 479px){.countdown-banner--inner.layout--vertical .countdown-banner--buttons .button{width:100%}}.countdown-banner h2{margin-bottom:10px;color:inherit}@media only screen and (min-width: 768px){.countdown-banner h2{margin-bottom:15px}}.countdown-banner .subheading{font-size:.6875rem;margin-bottom:10px}@media only screen and (min-width: 768px){.countdown-banner .subheading{font-size:.75rem;margin-bottom:12px}}@media only screen and (min-width: 1024px){.countdown-banner .subheading{font-size:.8125rem}}.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}.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;width:100%}.countdown-banner--content p{max-width:600px;margin-left:auto;margin-right:auto}@media only screen and (min-width: 1024px){.countdown-banner--inner.layout--horizontal .countdown-banner--content p{margin-left:0;margin-right:0;max-width:100%}}.countdown-banner--content,.countdown-banner--timer{position:relative;z-index:5}.countdown-banner .countdown-timer{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;min-height:70px;gap:10px}@media only screen and (min-width: 480px){.countdown-banner .countdown-timer{gap:12px;min-height:75px}}@media only screen and (min-width: 768px){.countdown-banner .countdown-timer{gap:15px;min-height:80px}}@media only screen and (min-width: 1024px){.countdown-banner .countdown-timer{gap:18px;min-height:85px}}.countdown-banner .countdown-timer--column{display:flex;flex-direction:column;text-align:center;justify-content:flex-end;position:relative;padding:0 8px;min-width:55px}@media only screen and (min-width: 480px){.countdown-banner .countdown-timer--column{padding:0 10px;min-width:65px}}@media only screen and (min-width: 768px){.countdown-banner .countdown-timer--column{padding:0 12px;min-width:75px}}@media only screen and (min-width: 1024px){.countdown-banner .countdown-timer--column{padding:0 14px;min-width:85px}}@media only screen and (min-width: 1280px){.countdown-banner .countdown-timer--column{padding:0 16px;min-width:95px}}.countdown-banner .countdown-timer--column--number{font-size:1.875rem;line-height:1;font-weight:600}@media only screen and (min-width: 480px){.countdown-banner .countdown-timer--column--number{font-size:2.25rem}}@media only screen and (min-width: 768px){.countdown-banner .countdown-timer--column--number{font-size:2.75rem}}@media only screen and (min-width: 1024px){.countdown-banner .countdown-timer--column--number{font-size:3.25rem}}@media only screen and (min-width: 1280px){.countdown-banner .countdown-timer--column--number{font-size:3.75rem}}.countdown-banner .countdown-timer--column--text{font-size:.5625rem;text-transform:uppercase;letter-spacing:.1em;margin-top:6px}@media only screen and (min-width: 480px){.countdown-banner .countdown-timer--column--text{font-size:.625rem;margin-top:7px}}@media only screen and (min-width: 768px){.countdown-banner .countdown-timer--column--text{font-size:.6875rem;margin-top:8px}}@media only screen and (min-width: 1024px){.countdown-banner .countdown-timer--column--text{font-size:.75rem;margin-top:9px}}@media only screen and (min-width: 1280px){.countdown-banner .countdown-timer--column--text{font-size:.875rem;margin-top:10px}}.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:10px;font-size:1.375rem;line-height:1.875rem;position:absolute;top:50%;transform:translateY(-50%);left:-12px;opacity:.7}@media only screen and (min-width: 480px){.countdown-banner .countdown-timer--column+.countdown-timer--column .countdown-timer--column--number:before{font-size:1.625rem;line-height:2.25rem;left:-14px}}@media only screen and (min-width: 768px){.countdown-banner .countdown-timer--column+.countdown-timer--column .countdown-timer--column--number:before{font-size:1.875rem;line-height:2.75rem;left:-16px}}@media only screen and (min-width: 1024px){.countdown-banner .countdown-timer--column+.countdown-timer--column .countdown-timer--column--number:before{font-size:2.25rem;line-height:3.25rem;left:-18px}}@media only screen and (min-width: 1280px){.countdown-banner .countdown-timer--column+.countdown-timer--column .countdown-timer--column--number:before{font-size:2.625rem;line-height:3.75rem;left:-20px}}[dir=rtl] .countdown-banner .countdown-timer--column+.countdown-timer--column .countdown-timer--column--number:before{left:auto;right:-12px}@media only screen and (min-width: 480px){[dir=rtl] .countdown-banner .countdown-timer--column+.countdown-timer--column .countdown-timer--column--number:before{right:-14px}}@media only screen and (min-width: 768px){[dir=rtl] .countdown-banner .countdown-timer--column+.countdown-timer--column .countdown-timer--column--number:before{right:-16px}}@media only screen and (min-width: 1024px){[dir=rtl] .countdown-banner .countdown-timer--column+.countdown-timer--column .countdown-timer--column--number:before{right:-18px}}@media only screen and (min-width: 1280px){[dir=rtl] .countdown-banner .countdown-timer--column+.countdown-timer--column .countdown-timer--column--number:before{right:-20px}}@media only screen and (max-width: 479px){.countdown-banner{padding:25px 15px}.countdown-banner--inner{gap:25px}.countdown-banner .countdown-timer{width:100%;justify-content:space-around}.countdown-banner--buttons .button{min-height:48px}}@media only screen and (min-width: 768px) and (max-width: 1023px){.countdown-banner--inner.layout--horizontal{flex-direction:column}.countdown-banner--inner.layout--horizontal .countdown-banner--content{text-align:center;max-width:100%}.countdown-banner--inner.layout--horizontal .countdown-banner--content p{margin-left:auto;margin-right:auto}.countdown-banner--inner.layout--horizontal .countdown-banner--timer{width:100%}.countdown-banner--inner.layout--horizontal .countdown-banner--buttons{justify-content:center}}@media only screen and (max-width: 374px){.countdown-banner{padding:20px 10px}.countdown-banner--inner{gap:20px}.countdown-banner .countdown-timer{gap:6px}.countdown-banner .countdown-timer--column{padding:0 5px;min-width:48px}}.countdown-banner--buttons{flex-basis:100%}@media only screen and (min-width: 1023px){.countdown-banner--timer{max-width:50%}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/countdown-banner.css.map */