.cl-hero{--cl-hero-tuck: 1.5rem;position:relative;color:var(--cl-white);overflow:hidden;margin-bottom:calc(var(--cl-hero-tuck) * -1)}.shopify-section:has(>.cl-hero)+.shopify-section>.cl,.cl-hero+.cl{position:relative;z-index:1;border-radius:1.5rem 1.5rem 0 0}.cl-hero__viewport{position:relative;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none}.cl-hero__track{display:flex;will-change:transform;transition:transform var(--cl-hero-duration, .5s) cubic-bezier(.4,0,.2,1)}.cl-hero__track.is-dragging{transition:none}.cl-hero__slide{position:relative;flex:0 0 100%;min-width:100%;overflow:hidden}.cl-hero .container-small{max-width:48rem}@media screen and (min-width:992px){.cl-hero .max-width-large>.margin-bottom{margin-bottom:20px}}.cl-hero .max-width-large>.margin-top.margin-medium{--cl-space: 2rem}.cl-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.cl-hero__media img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.cl-hero__content{position:relative;z-index:1}.cl-hero__frame{display:flex;justify-content:center;align-items:center;min-height:var(--cl-hero-height, 100vh)}@media screen and (min-width:992px){.cl-hero.is-vh .cl-hero__frame{min-height:calc(var(--cl-hero-height, 100vh) - var(--cl-nav-h, 0px))}}.cl-hero__lines{display:flex;flex-wrap:wrap;justify-content:center}.cl .text-align-left .cl-hero__lines{justify-content:flex-start}.cl-hero .button-secondary.invert-colors{border-color:var(--cl-white);color:var(--cl-white);background-color:#ffffff26;-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);transition:background-color .2s ease}.cl-hero .button-secondary.invert-colors:hover{background-color:#ffffff40}.cl-hero__arrows{position:absolute;right:1.5rem;bottom:calc(var(--cl-hero-tuck) + 1.5rem);z-index:3;display:flex;border:1px solid #ffffff40;border-radius:100px;background-color:var(--cl-ink-15);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);overflow:hidden}.cl-hero__arrow{display:flex;justify-content:center;align-items:center;width:2.75rem;height:2.25rem;margin:0;padding:0;border:0;background-color:transparent;color:var(--cl-white);cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .2s ease}.cl-hero__arrow.is-next{border-left:1px solid #ffffff40}.cl-hero__arrow svg{display:block;width:1rem;height:1rem;opacity:.85}@media(hover:hover){.cl-hero__arrow:hover{background-color:#ffffff2e}}.cl-hero__arrow:focus-visible{outline:2px solid var(--cl-white);outline-offset:-3px}.cl-hero__dots{position:absolute;bottom:calc(var(--cl-hero-tuck) + 2.3125rem);left:50%;z-index:2;display:flex;align-items:center;gap:.5rem;padding:.1875rem .375rem;border-radius:100px;background-color:#ffffff1f;-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);transform:translate(-50%)}.cl-hero__dot{position:relative;width:.375rem;height:.375rem;margin:0;padding:0;border:0;border-radius:100px;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none;transition:width .25s linear}.cl-hero__dot:before{content:"";position:absolute;top:-.5rem;right:-.25rem;bottom:-.5rem;left:-.25rem}.cl-hero__dot[aria-current=true]{width:1.5rem}.cl-hero__dot:focus-visible{outline:2px solid var(--cl-white);outline-offset:3px}.cl-hero__dot-track{display:block;width:100%;height:100%;border-radius:100px;background-color:#ffffff80;overflow:hidden}.cl-hero__dot-fill{display:block;width:100%;height:100%;border-radius:100px;background-color:var(--cl-white);transform:scaleX(0);transform-origin:left center}.cl-hero__dot-fill.is-charging{animation-name:cl-hero-dot-fill;animation-duration:var(--cl-hero-delay, 6s);animation-timing-function:linear;animation-fill-mode:forwards}.cl-hero.is-paused .cl-hero__dot-fill{animation-play-state:paused}.cl-hero.is-static .cl-hero__dot[aria-current=true] .cl-hero__dot-fill{transform:scaleX(1)}@keyframes cl-hero-dot-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.cl-hero.is-single .cl-hero__dots,.cl-hero.is-single .cl-hero__arrows{display:none}@media screen and (max-width:991px){.cl-hero__frame{min-height:var(--cl-hero-height-tablet, 50rem)}.cl-hero.is-vh-t .cl-hero__frame{min-height:calc(var(--cl-hero-height-tablet, 50rem) - var(--cl-nav-h, 0px))}}@media screen and (max-width:767px){.cl-hero__frame{min-height:var(--cl-hero-height-mobile, 40rem)}.cl-hero.is-vh-m .cl-hero__frame{min-height:calc(var(--cl-hero-height-mobile, 40rem) - var(--cl-nav-h, 0px))}.cl-hero__frame{align-items:flex-end}.cl-hero .cl-hero__frame>.padding-vertical{padding-bottom:calc(var(--cl-hero-tuck) + 3.5rem)}.cl-hero__arrows{display:none}.cl-hero__dots{bottom:calc(var(--cl-hero-tuck) + 1.25rem)}}@media screen and (max-width:479px){.cl-hero__slide.is-padded-mobile{padding-top:3rem}}@media(prefers-reduced-motion:reduce){.cl-hero__track{display:grid;transition:none;transform:none!important}.cl-hero__slide[data-cl-hero-clone]{display:none}.cl-hero__slide{grid-area:1 / 1;min-width:0;opacity:0;transition:opacity .3s ease}.cl-hero__slide[aria-hidden=false]{opacity:1}.cl-hero__dot{transition:none}.cl-hero__dot-fill.is-charging{animation:none}.cl-hero__dot[aria-current=true] .cl-hero__dot-fill{transform:scaleX(1)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/cl-hero.css.map */
