.hero-banner{--hero-pad: clamp(20px, 4vw, 64px);--hero-gutter: clamp(16px, 3vw, 48px)}.hero-banner__inner{position:relative;display:block}.hero-banner__track{position:relative;display:flex}.hero-banner--page .hero-banner__track{overflow:hidden;border-radius:var(--media-radius)}.hero-banner--slideshow .hero-banner__track{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.hero-banner--slideshow .hero-banner__track::-webkit-scrollbar{display:none}.hero-banner--h-small{--hero-min-h: 420px;--hero-min-h-mobile: 340px}.hero-banner--h-medium{--hero-min-h: 560px;--hero-min-h-mobile: 440px}.hero-banner--h-large{--hero-min-h: 720px;--hero-min-h-mobile: 540px}.hero-banner__slide{position:relative;isolation:isolate;display:flex;flex:0 0 100%;min-width:0;min-height:var(--hero-min-h, 0px);aspect-ratio:var(--hero-ratio, auto);scroll-snap-align:start;scroll-snap-stop:always}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.hero-banner__content{display:flex;flex:1 1 auto;align-items:var(--content-align-y, flex-end);justify-content:var(--content-align-x, flex-start);width:100%;padding:var(--hero-pad);text-align:var(--content-text-align, left)}.hero-banner__box{display:flex;flex-direction:column;align-items:var(--content-justify, flex-start);gap:12px;max-width:min(640px,100%)}.hero-banner__box>*{margin:0}.hero-banner__box--boxed{padding:clamp(20px,3vw,40px);border-radius:var(--media-radius);background-color:var(--background);color:var(--text-color)}.hero-banner__text{max-width:52ch;font-size:calc(var(--font-size) + 1px);line-height:1.5;color:var(--text-muted)}.hero-banner__buttons{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:var(--content-justify, flex-start);gap:12px 20px;margin-top:8px}.hero-banner__heading-link,.hero-banner__heading-link:visited{color:inherit;text-decoration:none}.hero-banner__heading-link:focus-visible{outline:none!important}.hero-banner__slide:has(.hero-banner__heading-link:focus-visible){outline:2px solid var(--text-color);outline-offset:-6px}.hero-banner__cover-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}hero-video{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.hero-video__player{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}hero-video[data-playing] .hero-video__player{opacity:1}.hero-banner__video-button{--icon-size: 16px;position:absolute;top:clamp(12px,2vw,24px);right:clamp(12px,2vw,24px);z-index:3;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background-color:color-mix(in srgb,var(--background) 90%,transparent);color:var(--text-color)}.hero-banner__video-button:hover{background-color:var(--background);color:var(--text-color)}.hero-banner__media:has(hero-video:not(:defined))~.hero-banner__video-button,.hero-banner__video-icon--play,.hero-banner__video-button[data-state=paused] .hero-banner__video-icon--pause{display:none}.hero-banner__video-button[data-state=paused] .hero-banner__video-icon--play{display:inline-flex}.hero-banner__video-open-icon{--icon-size: 14px;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid currentColor}.hero-banner__video-close{display:none}.hero-banner__slide.is-video-open .hero-banner__video-close{display:inline-grid}.hero-banner__slide.is-video-open .hero-banner__media{z-index:2}.hero-banner__slide.is-video-open .hero-banner__media:after{display:none}.hero-banner__slide.is-video-open :is(.hero-banner__content,.hero-banner__cover-link){visibility:hidden}hero-slideshow:has(.is-video-open) .hero-banner__controls{visibility:hidden}@media(prefers-reduced-motion:reduce){.hero-video__player{transition:none}}hero-slideshow{display:block;position:relative}hero-slideshow:not(:defined) .hero-banner__controls{visibility:hidden}.hero-banner__controls{position:absolute;right:clamp(12px,2vw,24px);bottom:clamp(12px,2vw,24px);z-index:3;display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background-color:color-mix(in srgb,var(--background) 90%,transparent);color:var(--text-color)}.hero-banner--slideshow .hero-banner__content{padding-bottom:calc(var(--hero-pad) + 40px)}.hero-banner__control{--icon-size: 16px;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%}.hero-banner__control:hover{background-color:color-mix(in srgb,var(--text-color) 10%,transparent);color:var(--text-color)}.hero-banner__pause-icon{display:inline-flex}.hero-banner__play-icon,hero-slideshow[data-paused] .hero-banner__pause-icon{display:none}hero-slideshow[data-paused] .hero-banner__play-icon{display:inline-flex}.hero-banner__dots{display:flex;align-items:center}.hero-banner__dot{display:inline-grid;place-items:center;min-width:24px;height:36px;padding:0 3px}.hero-banner__dot:before{content:"";width:8px;height:8px;border-radius:999px;background-color:currentColor;opacity:.35;transition:width .3s ease,opacity .3s ease}.hero-banner__dot:hover:before{opacity:.7}.hero-banner__dot[aria-current=true]:before{width:22px;opacity:1}@media screen and (max-width:740px){.hero-banner__slide{min-height:var(--hero-min-h-mobile, 0px);aspect-ratio:var(--hero-ratio-mobile, auto)}.hero-banner--slideshow .hero-banner__content{padding-bottom:var(--hero-pad)}.hero-banner__controls{position:static;width:fit-content;margin:8px auto 0;background-color:transparent}.hero-banner--mobile-below .hero-banner__slide{flex-direction:column;min-height:0;aspect-ratio:auto}.hero-banner--mobile-below .hero-banner__media{position:relative;inset:auto;z-index:auto;aspect-ratio:var(--hero-media-ratio-mobile, 4 / 3)}.hero-banner--mobile-below .hero-banner__media:after{display:none}.hero-banner--mobile-below .hero-banner__content{--text-color: inherit;--heading-color: inherit;--text-muted: inherit;--dotted-color: inherit;--accent: inherit;--accent-text: inherit;--button-color: inherit;--button-text: inherit;--button-hover: inherit;--button-text-hover: inherit;padding:20px 0 4px}.hero-banner--full.hero-banner--mobile-below .hero-banner__content{padding-inline:var(--hero-gutter)}.hero-banner--mobile-below .hero-banner__box{padding:0;background-color:transparent}.hero-banner--mobile-below .hero-banner__slide.is-video-open .hero-banner__content{visibility:visible}}
/*# sourceMappingURL=/cdn/shop/t/204/assets/section-hero-banner.css.map */