.hero-slides{--showcase-slide-width:calc((100vw - 40px) / 2.5);width:calc(100% + 112px);margin:58px -56px 0;overflow:hidden}.hero-slides:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.hero-slides-track{width:max-content;animation:90s linear infinite paused hero-slide-loop;display:flex}.hero-slides.is-ready .hero-slides-track{animation-play-state:running}.hero-slides:hover .hero-slides-track,.hero-slides:focus-within .hero-slides-track{animation-play-state:paused}.hero-slides-group{flex:none;gap:20px;padding-right:20px;display:flex}.hero-slides img{width:var(--showcase-slide-width);aspect-ratio:16/9;object-fit:contain;background:var(--background);border:1px solid var(--product-media-border);border-radius:7px;flex:none;height:auto;display:block}@keyframes hero-slide-loop{to{transform:translate(-50%)}}@media (width<=767px){.hero-slides{width:calc(100% + 48px);margin:42px -24px 0}}@media (width<=600px){.hero-slides{--showcase-slide-width:calc((100vw - 20px) / 1.15)}}@media (prefers-reduced-motion:reduce){.hero-slides{overscroll-behavior-x:contain;overflow-x:auto}.hero-slides-track{animation:none}.hero-slides-group:nth-child(2){display:none}}
