.countdown-banner{display:flex;flex-direction:column;justify-content:center;padding:30px;position:relative;background:var(--color-bg);color:var(--color-text)}.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}.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:2.25rem;line-height:1}@media only screen and (min-width: 768px){.countdown-banner .countdown-timer--column--number{font-size:3rem}}.countdown-banner .countdown-timer--column--text{font-size:.625rem;text-transform:uppercase;letter-spacing:.1em}@media only screen and (min-width: 768px){.countdown-banner .countdown-timer--column--text{font-size:.75rem}}.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:1.5rem;line-height:2.25rem;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{font-size:2.125rem;line-height:3rem;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--inner{max-width:1400px!important;margin:0 auto!important;padding:0 40px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:84px!important}.countdown-banner--content{flex:1!important;min-width:200px!important}.countdown-banner--timer{display:flex!important;align-items:center!important;gap:20px!important;flex-wrap:wrap!important}.countdown-timer{display:flex!important;align-items:center!important;gap:64px!important}.countdown-timer--column{text-align:center!important}.countdown-timer--column--number{font-size:38px!important;font-weight:700!important;display:block!important}.countdown-timer--column--text{font-size:10px!important;letter-spacing:1px!important;display:block!important;text-transform:uppercase!important}.countdown-banner .button.outline{padding:10px 20px!important;border:1px solid var(--color-text)!important;font-weight:600!important;text-transform:uppercase!important;text-decoration:none!important;white-space:nowrap!important}@media screen and (max-width: 768px){.countdown-banner--inner{flex-direction:column;align-items:center;text-align:center}.countdown-banner--timer{justify-content:center}.countdown-banner .button.outline{margin-top:16px}}.countdown-banner .countdown-timer{margin-right:80px}.countdown-banner .countdown-timer--column+.countdown-timer--column .countdown-timer--column--number:before{left:-52px!important}.countdown-timer--column--number{letter-spacing:20px}.countdown-banner .countdown-timer--column--text{margin-left:-15px}.countdown-banner{padding:0!important;margin:0!important;background:var(--color-bg)}.countdown-banner--inner{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:28px!important;padding:12px 40px!important;margin:0 auto!important;max-width:1400px!important;min-height:120px!important}.countdown-banner--content{flex:1 1 auto!important;min-width:260px!important;margin:0!important;padding:0!important;text-align:left!important}.countdown-banner h2,.countdown-banner .subheading{margin:0!important;line-height:1.05!important}.countdown-banner--timer{display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:22px!important;margin:0!important;padding:0!important}.countdown-timer{display:flex!important;align-items:center!important;gap:40px!important;margin:0!important;padding:0!important}.countdown-timer--column{text-align:center!important;padding:0 6px!important}.countdown-timer--column--number{font-size:38px!important;font-weight:700!important;display:block!important;line-height:1!important;letter-spacing:2px!important}.countdown-timer--column--text{font-size:10px!important;letter-spacing:1px!important;margin:0!important;text-transform:uppercase!important}.countdown-banner .button.outline{margin:0 0 0 28px!important;padding:10px 20px!important;white-space:nowrap!important;flex:0 0 auto!important}.countdown-banner .countdown-timer--column+.countdown-timer--column .countdown-timer--column--number:before{left:-20px!important;font-size:2rem!important;line-height:1!important}@media screen and (max-width: 767px){.countdown-banner--inner{flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:16px 12px!important;gap:14px!important;min-height:auto!important}.countdown-banner--content{text-align:center!important;margin:0!important;padding:0!important;order:1}.countdown-banner--timer{order:2;justify-content:center!important;width:100%!important}.countdown-timer{gap:14px!important}.countdown-timer--column--number{font-size:24px!important;letter-spacing:0!important}.countdown-timer--column--text{font-size:10px!important;margin-top:4px!important}.countdown-banner .countdown-timer--column+.countdown-timer--column .countdown-timer--column--number:before{left:-10px!important;font-size:18px!important;line-height:1!important}.countdown-banner .button.outline{order:3;margin:8px auto 0!important;display:inline-block!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/countdown-banner.css.map */
