.event-countdown-banner{display:flex;flex-direction:column;justify-content:center;padding:20px;position:relative;background:var(--event-color-bg);color:var(--event-color-text)}@media only screen and (min-width:768px){.event-countdown-banner{padding:30px}}.event-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){.event-countdown-banner--inner.layout--horizontal{flex-direction:row;align-items:center}}@media only screen and (min-width:768px){.event-countdown-banner--inner.layout--horizontal .event-countdown-banner--timer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;flex-direction:row;margin-left:55px}}@media only screen and (min-width:768px){.event-countdown-banner--inner.layout--horizontal .event-countdown-banner--content{text-align:left}.event-countdown-banner--inner.layout--horizontal .event-countdown-banner--content>*:last-child{margin-bottom:0}}.event-countdown-banner--inner .button{background:var(--event-solid-button-background);color:var(--event-solid-button-label);border-color:var(--event-solid-button-label);padding:6px 16px;height:auto;line-height:1.2;font-size:var(--event-countdown-button-font-size-mobile);letter-spacing:0}@media only screen and (min-width:768px){.event-countdown-banner--inner .button{padding:12px 28px;font-size:var(--event-countdown-button-font-size-desktop)}}.event-countdown-banner--inner .button:hover{color:var(--event-solid-button-background);background-color:var(--event-solid-button-label)}.event-countdown-banner--inner .button:before{background-color:var(--event-solid-button-label)}@media only screen and (min-width:768px){.event-countdown-banner--inner.layout--horizontal .button{margin:20px 0 20px 55px;height:48px}[dir=rtl] .event-countdown-banner--inner.layout--horizontal .button{margin:20px 55px 20px 0}.event-countdown-banner--inner.layout--vertical .event-countdown-banner--timer{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;gap:20px}.event-countdown-banner--inner.layout--vertical .event-countdown-banner--content h2{margin-bottom:15px}}@media only screen and (max-width:767px){.event-countdown-banner--timer.layout-mobile-horizontal,.event-countdown-banner--timer.layout-mobile-vertical{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:8px}.event-countdown-banner--timer.layout-mobile-vertical{flex-direction:column}.event-countdown-banner--timer.layout-mobile-horizontal{flex-direction:row}.event-countdown-banner--timer.layout-mobile-horizontal .event-countdown-timer{flex-wrap:nowrap}}.event-countdown-banner h2{margin-bottom:5px;color:inherit;font-size:var(--event-countdown-heading-font-size-mobile);line-height:1.2}@media only screen and (min-width:768px){.event-countdown-banner h2{font-size:var(--event-countdown-heading-font-size-desktop)}}.event-countdown-banner .subheading{font-size:var(--event-countdown-subheading-font-size-mobile)}.event-countdown-banner .event-countdown-banner--description{font-size:var(--event-countdown-description-font-size-mobile)}@media only screen and (min-width:768px){.event-countdown-banner .subheading{font-size:var(--event-countdown-subheading-font-size-desktop)}.event-countdown-banner .event-countdown-banner--description{font-size:var(--event-countdown-description-font-size-desktop)}}.event-countdown-banner--bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.event-countdown-banner--bg img{width:100%;height:100%;object-fit:cover}.event-countdown-banner--bg .event-countdown-image--mobile{display:block}@media only screen and (min-width:768px){.event-countdown-banner--bg .event-countdown-image--mobile{display:none}}.event-countdown-banner--bg .event-countdown-image--desktop{display:none}@media only screen and (min-width:768px){.event-countdown-banner--bg .event-countdown-image--desktop{display:block}}.event-countdown-banner--bg--overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:var(--event-overlay-color);opacity:var(--event-overlay-opacity)}.event-countdown-banner--content{text-align:center}.event-countdown-banner--content,.event-countdown-banner--timer{position:relative;z-index:5}.event-countdown-banner .event-countdown-timer{display:inline-flex;flex-wrap:wrap;justify-content:center}.event-countdown-banner .event-countdown-timer--column{display:flex;flex-direction:column;text-align:center;justify-content:center;position:relative;padding:0 8px}@media only screen and (min-width:768px){.event-countdown-banner .event-countdown-timer--column{padding:0 16px}}.event-countdown-banner .event-countdown-timer--column--number{font-size:var(--event-countdown-number-font-size-mobile);line-height:1}@media only screen and (min-width:768px){.event-countdown-banner .event-countdown-timer--column--number{font-size:var(--event-countdown-number-font-size-desktop)}}.event-countdown-banner .event-countdown-timer--column--text{font-size:var(--event-countdown-column-text-font-size-mobile);text-transform:uppercase;letter-spacing:.1em}@media only screen and (min-width:768px){.event-countdown-banner .event-countdown-timer--column--text{font-size:var(--event-countdown-column-text-font-size-desktop)}}.event-countdown-banner .event-countdown-timer--column+.event-countdown-timer--column .event-countdown-timer--column--number{position:relative}.event-countdown-banner .event-countdown-timer--column+.event-countdown-timer--column .event-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){.event-countdown-banner .event-countdown-timer--column+.event-countdown-timer--column .event-countdown-timer--column--number:before{font-size:2.125rem;line-height:3rem;left:-21px}}[dir=rtl] .event-countdown-banner .event-countdown-timer--column+.event-countdown-timer--column .event-countdown-timer--column--number:before{left:auto;right:-16px}@media only screen and (min-width:768px){[dir=rtl] .event-countdown-banner .event-countdown-timer--column+.event-countdown-timer--column .event-countdown-timer--column--number:before{right:-21px}}
/*# sourceMappingURL=/cdn/shop/t/258/assets/event-countdown-banner.css.map */