.countdown-banner{display:flex;flex-direction:column;justify-content:center;padding:15px;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;z-index:5}.countdown-banner--inner.layout--horizontal{flex-direction:row;align-items:center}.countdown-banner--inner.layout--promo{display:grid;grid-template-columns:repeat(2,auto);row-gap:8px;justify-content:space-between}.countdown-banner--inner.layout--promo .countdown-banner--content{display:flex;justify-content:space-between;align-items:flex-start;grid-column:1 / span 2}.countdown-banner--inner.layout--promo .grid-col-left{grid-column:1}.countdown-banner--inner.layout--promo .grid-col-right{grid-column:2}.countdown-banner--inner.layout--promo .countdown-banner--timer{align-self:flex-end;text-align:right;grid-row:2}@media only screen and (max-width: 767px){.countdown-banner.countdown-banner--promo{padding:15px 23px}.countdown-banner--inner.layout--promo .countdown-banner--content+.countdown-banner--promo-code+.countdown-banner--read-more,.countdown-banner--inner.layout--promo .countdown-banner--content+.countdown-banner--timer+.countdown-banner--read-more{grid-column:2;line-height:1;margin-top:auto;margin-left:auto}.countdown-banner--inner.layout--promo .countdown-banner--content+.countdown-banner--timer{grid-column:1;align-items:flex-start;text-align:left}.countdown-banner--inner.layout--promo .countdown-banner--content+.countdown-banner--timer .countdown-timer--column.days{padding-left:0}}@media only screen and (min-width: 768px){.countdown-banner--inner.layout--promo .countdown-banner--content+.countdown-banner--promo-code+.countdown-banner--read-more{grid-column:2;margin-top:auto;margin-left:auto}}.countdown-banner h2{font-size:.75rem;line-height:1.333;margin-bottom:2px;color:inherit}.countdown-banner.countdown-banner--promo h2{font-size:1.25rem;max-width:var(--h-w-m, 100%)}.countdown-banner .subheading{text-transform:none;font-size:.75rem}.countdown-banner-modal__opener{display:block;max-width:fit-content;margin-left:auto}.countdown-banner-modal__opener svg{width:20px;height:20px}.countdown-banner--promo-code{display:flex;align-items:baseline;gap:10px}.countdown-banner--promo-code--copy{display:flex;align-items:baseline;gap:5px;font-size:.9375rem}.countdown-banner--promo-code,.countdown-banner--timer--heading,.countdown-banner--read-more{font-size:.75rem}.countdown-banner--read-more{display:flex;align-items:flex-end;gap:5px;font-size:.9375rem}.countdown-banner--read-more svg{align-self:center;margin-top:2px}@media only screen and (max-width: 767px){.countdown-banner--inner.layout--promo .countdown-banner--timer{display:flex;flex-flow:column;align-items:flex-end;gap:0}.countdown-banner--promo-code{display:flex;flex-flow:column;justify-content:space-between;align-items:flex-start;gap:0}.countdown-banner.countdown-banner--promo .countdown-banner--heading,.countdown-banner.countdown-banner--promo .countdown-banner--subheading{font-size:var(--h-fs-m, 100%)}.countdown-banner.countdown-banner--promo h2.newline-mobile--true span{display:block}.countdown-banner.countdown-banner--promo h2.newline-mobile--false .countdown-banner--subheading{margin-left:.5ch}}@media only screen and (min-width: 768px){.countdown-banner{padding:25px 40px}.countdown-banner h2{font-size:1.875rem;line-height:1.133}.countdown-banner.countdown-banner--promo h2{font-size:1.375rem;max-width:var(--h-w-d, 100%)}.countdown-banner.countdown-banner--promo .countdown-banner--heading,.countdown-banner.countdown-banner--promo .countdown-banner--subheading{font-size:var(--h-fs-d, 100%)}.countdown-banner.countdown-banner--promo h2.newline-desktop--true span{display:block}.countdown-banner.countdown-banner--promo h2.newline-desktop--false .countdown-banner--subheading{margin-left:.5ch}.countdown-banner-modal__opener svg{width:25px;height:25px}.countdown-banner--promo-code,.countdown-banner--timer--heading,.countdown-banner--read-more{font-size:1.0625rem}.countdown-banner--promo-code--copy{font-size:1.25rem}}.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:0 0 0 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}@media only screen and (max-width: 870px){.countdown-banner--timer .button{display:none!important;pointer-events:none!important}}.countdown-banner--bg{pointer-events:none!important;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--inner.layout--promo .countdown-banner--content{text-align:left}.countdown-banner--inner.layout--promo .countdown-banner--content>*{display:inline}.countdown-banner .countdown-timer{display:inline-flex;flex-wrap:nowrap;justify-content:center}.countdown-banner .countdown-banner--timer-default .countdown-timer{min-height:55px}.countdown-banner .countdown-timer--column{display:flex;flex-direction:column;text-align:center;justify-content:center;position:relative;padding:12px}.countdown-banner.countdown-banner--promo .countdown-timer--column{padding:0 0 0 8px}@media only screen and (max-width: 767px){.countdown-banner .countdown-timer--column{font-size:.75rem}}@media only screen and (min-width: 768px){.countdown-banner .countdown-banner--timer-default .countdown-timer{min-height:80px}.countdown-banner .countdown-timer--column{padding:0 16px}.countdown-banner.countdown-banner--promo .countdown-timer--column{padding:0 0 0 16px}}.countdown-banner .countdown-timer--column--number{font-size:.75rem;line-height:1}.countdown-banner.countdown-banner--promo .countdown-timer--column--number{font-size:.9375rem}@media only screen and (min-width: 768px){.countdown-banner .countdown-timer--column--number{font-size:1.875rem}.countdown-banner.countdown-banner--promo .countdown-timer--column--number{font-size:1.25rem}}.countdown-banner .countdown-banner--timer-units-left .countdown-timer--column{display:flex;flex-direction:row;align-items:flex-end;gap:5px}.countdown-banner .countdown-banner--timer-units-left .countdown-timer--column--text{font-size:0;line-height:1}.countdown-banner .countdown-banner--timer-units-left .minutes .countdown-timer--column--text,.countdown-banner .countdown-banner--timer-units-left .seconds .countdown-timer--column--text,.countdown-banner .countdown-banner--timer-units-left .countdown-timer--column--text:first-letter{font-size:.6875rem}.countdown-banner .countdown-banner--timer-default .countdown-timer--column--text{font-size:.625rem;text-transform:uppercase;letter-spacing:.1em}@media only screen and (min-width: 768px){.countdown-banner .countdown-banner--timer-default .countdown-timer--column--text{font-size:.75rem}.countdown-banner .countdown-banner--timer-units-left .minutes .countdown-timer--column--text,.countdown-banner .countdown-banner--timer-units-left .seconds .countdown-timer--column--text,.countdown-banner .countdown-banner--timer-units-left .countdown-timer--column--text:first-letter{font-size:.9375rem}}.countdown-banner .countdown-timer--column+.countdown-timer--column .countdown-timer--column--number{position:relative}.countdown-banner .countdown-banner--timer-default .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-banner--timer-default .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-banner--timer-default .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-banner--timer-default .countdown-timer--column+.countdown-timer--column .countdown-timer--column--number:before{right:-21px}}@media only screen and (min-width: 768px){.countdown-banner-popup-modal.product-popup-modal .product-popup-modal__content{max-width:515px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/countdown-banner.css.map */