.countdown-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;position:relative;background:var(--color-bg);color:var(--color-text)}@media only screen and (min-width: 768px){.countdown-banner.layout--horizontal .countdown-banner--inner{display:flex;flex-direction:row;align-items:center}.countdown-banner.layout--vertical .countdown-banner--inner{display:flex;flex-direction:column}}.countdown-banner.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.layout--horizontal .countdown-banner--content{text-align:left}.countdown-banner.layout--horizontal .countdown-banner--content>*:last-child{margin-bottom:0}}.countdown-banner.layout--horizontal .button{margin-top:15px}@media only screen and (min-width: 768px){.countdown-banner.layout--horizontal .button{margin:0 20px}}.countdown-banner--inner.layout--vertical .countdown-banner--content h2{margin-bottom:15px}.countdown-banner.layout--vertical .button{margin:20px 0}.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,.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 .timer-font-extra-small .countdown-timer--column--number{font-size:1.8rem}.countdown-banner .timer-font-small .countdown-timer--column--number{font-size:2.8rem}.countdown-banner .timer-font-medium .countdown-timer--column--number{font-size:4rem}.countdown-banner .timer-font-large .countdown-timer--column--number{font-size:5.8rem;font-weight:600}.countdown-banner .timer-font-extra-large .countdown-timer--column--number{font-weight:700;font-size:8.5rem}}.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 .timer-font-extra-small .countdown-timer--column--text{font-size:2px}.countdown-banner .timer-font-small .countdown-timer--column--text{font-size:5px}.countdown-banner .timer-font-medium .countdown-timer--column--text{font-size:8px}.countdown-banner .timer-font-large .countdown-timer--column--text{font-size:12px}.countdown-banner .timer-font-extra-large .countdown-timer--column--text{font-size:14px}}.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}}.countdown-banner .black-friday-image{position:relative}@media screen and (min-width: 750px){.countdown-banner--top-left{align-items:flex-start;justify-content:flex-start}.countdown-banner--top-center{align-items:center;justify-content:flex-start}.countdown-banner--top-right{align-items:flex-end;justify-content:flex-start}.countdown-banner--middle-left{align-items:flex-start;justify-content:center}.countdown-banner--middle-center{align-items:center;justify-content:center}.countdown-banner--middle-right{align-items:flex-end;justify-content:center}.countdown-banner--bottom-left{align-items:flex-start;justify-content:flex-end}.countdown-banner--bottom-center{align-items:center;justify-content:flex-end}.countdown-banner--bottom-right{align-items:flex-end;justify-content:flex-end}.countdown-content-right .countdown-banner--inner{text-align:right;align-items:flex-end}.countdown-content-left .countdown-banner--inner{text-align:left;align-items:flex-start}.countdown-content-center .countdown-banner--inner{text-align:center;align-items:center}.countdown-width-2{flex:0 0 66.6%;max-width:66.6%}}.countdown-banner .description-size--medium{font-size:20px}.countdown-banner .description-size--large{font-size:26px}.countdown-banner .content-heading.h1{font-size:40px}.countdown-banner .content-heading.h2{font-size:20px}@media screen and (max-width: 750px){.countdown-content-position-top-left{align-items:flex-start;justify-content:flex-start}.countdown-content-position-top-center{align-items:center;justify-content:flex-start}.countdown-content-position-top-right{align-items:flex-end;justify-content:flex-start}.countdown-content-position-middle-left{align-items:flex-start;justify-content:center}.countdown-content-position-middle-center{align-items:center;justify-content:center}.countdown-content-position-middle-right{align-items:flex-end;justify-content:center}.countdown-content-position-bottom-left{align-items:flex-start;justify-content:flex-end}.countdown-content-position-bottom-center{align-items:center;justify-content:flex-end}.countdown-content-position-bottom-right{align-items:flex-end;justify-content:flex-end}.countdown-content-align-right .countdown-banner--inner{text-align:right;align-items:flex-end}.countdown-content-align-left .countdown-banner--inner{text-align:left;align-items:flex-start}.countdown-content-align-center .countdown-banner--inner{text-align:center;align-items:center}.countdown-banner .content-heading.h1{font-size:30px}.countdown-banner .content-heading.h2,.countdown-banner .description-size--medium{font-size:16px}.countdown-banner .description-size--large{font-size:20px}.countdown-banner .timer-font-extra-small .countdown-timer--column--number{font-size:1rem}.countdown-banner .timer-font-small .countdown-timer--column--number{font-size:2rem}.countdown-banner .timer-font-medium .countdown-timer--column--number{font-size:3rem}.countdown-banner .timer-font-large .countdown-timer--column--number{font-size:3.8rem;font-weight:600}.countdown-banner .timer-font-extra-large .countdown-timer--column--number{font-weight:700;font-size:6.5rem}.countdown-banner .timer-font-extra-small .countdown-timer--column--text{font-size:1.8px}.countdown-banner .timer-font-small .countdown-timer--column--text{font-size:4px}.countdown-banner .timer-font-medium .countdown-timer--column--text{font-size:8px}.countdown-banner .timer-font-large .countdown-timer--column--text{font-size:10px}.countdown-banner .timer-font-extra-large .countdown-timer--column--text{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/countdown-banner.css.map */