.hero-carousel .carousel{overflow:hidden;position:relative}.hero-carousel .carousel .hero picture img{height:560px}@media(min-width:992px){.hero-carousel .carousel .hero picture img{height:100%}}@media(min-width:650px){.hero-carousel .carousel .hero__container{padding-left:150px;padding-right:150px}}.hero-carousel .carousel__track{display:flex}@media(min-width:650px){.hero-carousel .carousel__track{justify-content:center;min-width:100%}}.hero-carousel .carousel__track--clone{position:absolute;top:0;left:0;height:100%}.hero-carousel .carousel__nav__next.button--icon{position:absolute;top:280px;right:16px;margin-top:-13px;z-index:1;background-color:#fff}@media(min-width:992px){.hero-carousel .carousel__nav__next.button--icon{top:50%;right:60px}}.hero-carousel .carousel__nav__prev.button--icon{position:absolute;left:16px;top:280px;margin-top:-13px;z-index:1;background-color:#fff}@media(min-width:992px){.hero-carousel .carousel__nav__prev.button--icon{top:50%;left:60px}}.hero-carousel .carousel__dots{padding:0;display:flex;flex-direction:column;justify-content:center;list-style:none;margin:0;position:absolute;right:0;top:435px}@media(min-width:992px){.hero-carousel .carousel__dots{bottom:10%;top:auto}}.hero-carousel .carousel__dots__button{position:relative;border:0;padding:12px 0;margin:0;background-color:transparent;height:8px;width:60px}.hero-carousel .carousel__dots__button.is-active{right:0}.hero-carousel .carousel__dots__button.is-active .carousel__dots__number{left:-20px}.hero-carousel .carousel__dots__button:after{display:block;content:"";position:absolute;top:50%;left:calc(50% + 30px);transform:translate(-50%,-50%);height:8px;width:80px;border-radius:0;background-color:var(--color-grey-100);transition:transform .2s}.hero-carousel .carousel__dots__button.is-active:after{background-color:#fff;transform:translate(-100%,-50%)}.hero-carousel .carousel__dots__button:not(.is-active):hover:after{background-color:#fff;transform:translate(-75%,-50%)}.hero-carousel .carousel__dots__button:focus-visible{transition:none;outline:5px solid #fff;border-radius:0}.hero-carousel .carousel__dots__number{color:#fff;background-color:inherit;font-size:24px;bottom:20px;left:-80px;position:absolute}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-hero-carousel.css.map */