.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 .countdown-banner--button{margin-top:15px}@media only screen and (min-width:768px){.countdown-banner--inner.layout--horizontal .countdown-banner--button{margin:20px 0 20px 55px}[dir=rtl] .countdown-banner--inner.layout--horizontal .countdown-banner--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 .countdown-banner--button{margin-top:30px}.countdown-banner h2{margin-bottom:5px;color:inherit}.countdown-banner .h1-large{font-size:var(--font-11);line-height:1.1;margin-bottom:5px;color:inherit}.countdown-banner .h1-xlarge{font-size:var(--font-13);line-height:1.1;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.section-spacing{margin-top:60px;margin-bottom:60px}@media only screen and (max-width:767px){.countdown-banner.section-spacing{margin-top:40px;margin-bottom:40px}}.countdown-banner.section-spacing.section-spacing--disable-top{margin-top:0}.countdown-banner.section-spacing.section-spacing--disable-bottom{margin-bottom:0}@media only screen and (max-width:767px){.countdown-banner.mobile-height-auto{min-height:auto}.countdown-banner.mobile-height-350{min-height:350px}.countdown-banner.mobile-height-400{min-height:400px}.countdown-banner.mobile-height-450{min-height:450px}.countdown-banner.mobile-height-500{min-height:500px}.countdown-banner.mobile-height-full{height:calc(100vh - var(--announcement-height, 0px))}@supports (height: 100svh){.countdown-banner.mobile-height-full{height:calc(100svh - var(--announcement-height, 0px))}}}@media only screen and (min-width:768px){.countdown-banner.desktop-height-auto{min-height:auto}.countdown-banner.desktop-height-450{min-height:450px}.countdown-banner.desktop-height-550{min-height:550px}.countdown-banner.desktop-height-650{min-height:650px}.countdown-banner.desktop-height-750{min-height:750px}.countdown-banner.desktop-height-full{height:calc(100vh - var(--announcement-height, 0px))}@supports (height: 100dvh){.countdown-banner.desktop-height-full{height:calc(100dvh - var(--announcement-height, 0px))}}}.countdown-banner--button{display:inline-flex;cursor:pointer;padding:9px 30px 7px;align-items:center;justify-content:center;height:48px;font-size:.875rem;font-weight:600;letter-spacing:.02em;border:1px solid var(--outline-button-label, var(--color-text));color:var(--outline-button-label, var(--color-text));background:transparent;text-align:center;text-decoration:none;position:relative;z-index:1;overflow:hidden;transition:color .25s cubic-bezier(.104,.204,.492,1),background-color .25s cubic-bezier(.104,.204,.492,1),border-color .25s cubic-bezier(.104,.204,.492,1)}.countdown-banner--button:before{content:"";display:block;position:absolute;top:0;bottom:0;left:-5%;width:125%;height:100%;background:var(--outline-button-label, var(--color-text));z-index:-1;transform-origin:bottom left;backface-visibility:hidden;transform:rotate3d(0,0,1,6deg) translate3d(-1.2em,110%,0);will-change:transform}.countdown-banner--button span{position:relative;z-index:8}@media screen and (hover:hover){.countdown-banner--button:hover,.countdown-banner--button:focus{background:transparent;color:var(--solid-button-label, var(--color-bg))}.countdown-banner--button:hover:before,.countdown-banner--button:focus:before{transform:rotate3d(0,0,1,0) translateZ(0)}}
/*# sourceMappingURL=/cdn/shop/t/288/assets/countdown-banner.css.map */