.hero-slider{position:relative;display:block}.hero-slider__track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth}.hero-slider__track::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:reduce){.hero-slider__track{scroll-behavior:auto}}.hero-slider__slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.hero-slider__slide[aria-hidden=true]{pointer-events:none}.hero-slider__slide.is-active{pointer-events:auto}.hero-slider__video-frame{position:relative;width:100%}.hero-slider__video-poster{width:100%}.hero-slider__video-frame .video__player{z-index:1}.hero-slider__controls{position:absolute;left:0;right:0;bottom:20px;z-index:2;display:flex;align-items:center;justify-content:center;gap:12px;pointer-events:none}.hero-slider__dots{display:flex;align-items:center;gap:8px;pointer-events:auto}.hero-slider__dot{position:relative;width:6px;height:6px;padding:0;border:none;border-radius:50%;background:currentColor;color:var(--text-on-hero, #fff);opacity:.45;cursor:pointer;transition:opacity .2s ease,width .2s ease}.hero-slider__dot:after{content:"";position:absolute;top:-14px;bottom:-14px;left:-10px;right:-10px}.hero-slider__dot.is-active{opacity:1;width:16px;border-radius:3px}.hero-slider__dot:focus-visible{outline:2px solid currentColor;outline-offset:4px}.hero-slider__pause{position:relative;display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;background:none;color:var(--text-on-hero, #fff);opacity:.85;cursor:pointer;pointer-events:auto}.hero-slider__pause:after{content:"";position:absolute;top:-11px;right:-11px;bottom:-11px;left:-11px}.hero-slider__pause svg{width:14px;height:14px}.hero-slider__pause .icon-play{display:none}.hero-slider__pause.is-paused .icon-play{display:block}.hero-slider__pause.is-paused .icon-pause{display:none}.hero-slider__pause:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media only screen and (max-width:749px){.hero-slider__controls{bottom:14px}}.hero-slider__empty-slide{display:flex;align-items:center;justify-content:center;min-height:120px;padding:24px;color:var(--text-light);font-size:13px;text-align:center;border:1px dashed var(--border-color, #d9d9d9)}
/*# sourceMappingURL=/cdn/shop/t/12/assets/hero-slider.css.map */