custom-hero-slideshow{display:block;position:relative}.custom-hero__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.custom-hero--single .custom-hero__track{overflow-x:visible;scroll-snap-type:none}.custom-hero__track::-webkit-scrollbar{display:none}.custom-hero__slide{flex:0 0 100%;max-width:100%;scroll-snap-align:start;scroll-snap-stop:always}.custom-hero .banner__media>img,.custom-hero .banner__media>svg{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.custom-hero .custom-hero__slide:after{opacity:var(--overlay-opacity, 0)}.custom-hero__controls{position:absolute;bottom:2rem;left:0;right:0;z-index:3;display:flex;justify-content:center;gap:.6rem;pointer-events:none}.custom-hero__dot{pointer-events:auto;width:2.6rem;height:2.6rem;padding:0;margin:0;background:transparent;border:none;cursor:pointer}.custom-hero__dot:focus-visible{outline:.2rem solid #fff;outline-offset:.2rem;border-radius:50%}.custom-hero__dot svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 .1rem .2rem rgba(0,0,0,.6))}.custom-hero__dot-circle{fill:#ffffff59;stroke:#fff;stroke-width:1.5;transition:fill .2s ease}.custom-hero__dot:hover .custom-hero__dot-circle,.custom-hero__dot.is-active .custom-hero__dot-circle{fill:#fff}.custom-hero__dot-ring-track,.custom-hero__dot-ring{fill:none;stroke-width:2;opacity:0}.custom-hero__dot-ring-track{stroke:#ffffff4d}.custom-hero__dot-ring{stroke:#fff;stroke-linecap:round;stroke-dasharray:62.832;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:center}.custom-hero--autoplay .custom-hero__dot.is-active .custom-hero__dot-ring-track{opacity:1}.custom-hero--autoplay .custom-hero__dot.is-active .custom-hero__dot-ring{opacity:1;animation:custom-hero-countdown var(--hero-speed, 7s) linear forwards}.custom-hero.is-paused .custom-hero__dot-ring{animation-play-state:paused}@keyframes custom-hero-countdown{0%{stroke-dashoffset:0}to{stroke-dashoffset:62.832}}@media(prefers-reduced-motion:reduce){.custom-hero__dot-ring,.custom-hero__dot-ring-track{display:none}}@media screen and (max-width:749px){.custom-hero--mobile-bottom.custom-hero--small .custom-hero__controls{bottom:auto;top:23.8rem}.custom-hero--mobile-bottom.custom-hero--medium .custom-hero__controls{bottom:auto;top:31.8rem}.custom-hero--mobile-bottom.custom-hero--large .custom-hero__controls{bottom:auto;top:34.8rem}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/custom-hero-slideshow.css.map */