.hero-slideshow{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.hero-slideshow__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .8s ease}.hero-slideshow__slide.is-active{opacity:1;z-index:1}.hero-slideshow__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}@media(prefers-reduced-motion:reduce){.hero-slideshow__slide{transition:none}}.hero-slideshow__dots{position:absolute;bottom:2.4rem;left:50%;transform:translate(-50%);z-index:3;display:flex;gap:1rem}.hero-slideshow__dot{position:relative;width:.9rem;height:.9rem;padding:0;border:.15rem solid rgba(255,255,255,.85);border-radius:50%;background-color:transparent;cursor:pointer;transition:background-color .25s ease,transform .25s ease}.hero-slideshow__dot:before{content:"";position:absolute;top:50%;left:50%;width:calc(100% + 1rem);height:4.4rem;transform:translate(-50%,-50%)}.hero-slideshow__dot.is-active{background-color:#fff;transform:scale(1.15)}@media screen and (max-width:749px){.hero-slideshow__dots{bottom:1.6rem;gap:1.6rem}.hero-slideshow__dot{width:.8rem;height:.8rem}.hero-slideshow__dot:before{width:calc(100% + 1.6rem)}.hero-slideshow__arrow{display:none}}.hero-slideshow__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:none;border-radius:50%;background-color:#ffffffd9;color:#2b2a28;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s ease,background-color .25s ease}.hero-slideshow__arrow .icon{width:1.4rem;height:1.4rem}.hero-slideshow__arrow--prev{left:2rem}.hero-slideshow__arrow--prev .icon{transform:rotate(90deg)}.hero-slideshow__arrow--next{right:2rem}.hero-slideshow__arrow--next .icon{transform:rotate(-90deg)}.hero-slideshow__arrow:hover{background-color:#fff}@media screen and (min-width:990px){.hero-slideshow:hover .hero-slideshow__arrow{opacity:1;pointer-events:auto}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-hero-slideshow.css.map */