.hero__track{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:pan-y}.hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s}.hero__slide.is-active{opacity:1;visibility:visible;transition:opacity .9s ease,visibility 0s;z-index:1}.hero__slide picture{position:absolute;top:0;right:0;bottom:0;left:0}.hero__slide .hero__img{transform:scale(1.04);transition:transform 7s ease-out}.hero__slide.is-active .hero__img{transform:scale(1)}.hero__placeholder{background:#2a2927;fill:#4a4844}.hero.has-slides .hero__content{padding-bottom:56px}@media(min-width:768px){.hero.has-slides .hero__content{padding-bottom:64px}}.hero__dots{position:absolute;left:0;right:0;bottom:18px;z-index:3;display:flex;justify-content:center;gap:4px}@media(min-width:768px){.hero__dots{bottom:24px}}.hero__dot{width:36px;height:24px;display:grid;place-items:center}.hero__dot span{display:block;width:100%;height:2px;background:#fff6;position:relative;overflow:hidden}.hero__dot span:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;transform:scaleX(0);transform-origin:left}.hero__dot.is-active span:after{transform:scaleX(1)}.hero[data-autoplay=true].is-playing .hero__dot.is-active span:after{transform:scaleX(0);animation:hero-progress var(--interval, 6s) linear forwards}@keyframes hero-progress{to{transform:scaleX(1)}}.hero__arrow{position:absolute;top:50%;z-index:3;width:48px;height:48px;margin-top:-24px;display:none;place-items:center;color:#fff;border-radius:50%;background:#0d0d0d40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s,background .2s}.hero__arrow:hover{background:#0d0d0d73}.hero__arrow .icon{width:18px;height:18px}.hero__arrow--prev{left:max(20px,env(safe-area-inset-left,0px))}.hero__arrow--prev .icon{transform:rotate(180deg)}.hero__arrow--next{right:max(20px,env(safe-area-inset-right,0px))}@media(min-width:768px)and (hover:hover){.hero__arrow{display:grid}.hero:hover .hero__arrow,.hero__arrow:focus-visible{opacity:1}}@media(prefers-reduced-motion:reduce){.hero__slide,.hero__slide .hero__img{transition:none;transform:none}.hero__dot span:after{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/slideshow.css.map */