.image-slider{position:relative;width:100%;height:var(--slider-height, 90vh);overflow:hidden}.image-slider__viewport{position:relative;width:100%;height:100%;overflow:hidden}.image-slider__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.image-slider__slide-link{display:block;width:100%;height:100%}.image-slider--slide .image-slider__track{display:flex;height:100%;transition:transform var(--slider-transition-speed, .6s) cubic-bezier(.16,1,.3,1)}.image-slider--slide .image-slider__slide{flex:0 0 100%;width:100%;height:100%}.image-slider--fade .image-slider__track{position:relative;height:100%}.image-slider--fade .image-slider__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity var(--slider-transition-speed, .6s) ease;z-index:0}.image-slider--fade .image-slider__slide.is-active{opacity:1;z-index:1}.image-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:var(--slider-arrow-size, 44px);height:var(--slider-arrow-size, 44px);border:none;cursor:pointer;background:none;color:var(--slider-arrow-color, #ffffff);padding:0}.image-slider__arrow--prev{left:24px}.image-slider__arrow--next{right:24px}.image-slider__arrow svg{width:calc(var(--slider-arrow-size, 44px) * .5);height:calc(var(--slider-arrow-size, 44px) * .5)}.image-slider__arrow[disabled]{opacity:.3;cursor:default}.image-slider__dots{position:absolute;left:50%;bottom:20px;transform:translate(-50%);z-index:2;display:flex;gap:10px}.image-slider__dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;cursor:pointer;background:var(--slider-dot-color, rgba(255, 255, 255, .5));transition:background .2s ease,transform .2s ease}.image-slider__dot.is-active{background:var(--slider-dot-active-color, #ffffff);transform:scale(1.25)}@media screen and (max-width:749px){.image-slider__arrow{width:calc(var(--slider-arrow-size, 44px) * .8);height:calc(var(--slider-arrow-size, 44px) * .8)}.image-slider__arrow--prev{left:12px}.image-slider__arrow--next{right:12px}.image-slider__arrow svg{width:calc(var(--slider-arrow-size, 44px) * .4);height:calc(var(--slider-arrow-size, 44px) * .4)}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/section-image-slider.css.map */