.image-slider,.image-slider__viewport{position:relative;width:100%;overflow:hidden}.image-slider__track{display:flex;align-items:center;transition:transform .5s ease;will-change:transform}.image-slider__slide{flex:0 0 min(var(--slide-width, 70%),1130px);max-width:min(var(--slide-width, 70%),1130px);box-sizing:border-box;padding:0 calc(var(--slide-gap, 16px) / 2);opacity:var(--side-opacity, .6);transform:scale(var(--side-scale, .92));transition:opacity .5s ease,transform .5s ease}.image-slider__slide.is-active{opacity:1;transform:scale(1)}.image-slider__link{display:block;width:100%;height:100%}.image-slider__picture,.image-slider__placeholder{display:block;width:100%}.image-slider__img{display:block;width:100%;height:auto;border-radius:12px;object-fit:cover}.image-slider__placeholder svg{width:100%;height:auto;border-radius:12px}.image-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:none;background:#ffffffe6;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;box-shadow:0 2px 8px #00000026;transition:background .2s ease}.image-slider__arrow:hover{background:#fff}.image-slider__arrow--prev{left:calc((100% - min(var(--slide-width, 70%),1130px))/2 - 24px)}.image-slider__arrow--next{right:calc((100% - min(var(--slide-width, 70%),1130px))/2 - 24px)}.image-slider__dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:14px}.image-slider__dot{width:8px;height:8px;border-radius:50%;border:none;background:#c4816459;padding:0;cursor:pointer;transition:background .2s ease,width .2s ease,height .2s ease}.image-slider__dot.is-active{width:10px;height:10px;background:#c48164}@media screen and (max-width:749px){.image-slider__arrow{width:36px;height:36px}.image-slider__arrow--prev{left:calc((100% - min(var(--slide-width, 70%),1130px))/2 - 18px)}.image-slider__arrow--next{right:calc((100% - min(var(--slide-width, 70%),1130px))/2 - 18px)}.image-slider__arrow svg{width:8px;height:auto}.image-slider__img,.image-slider__placeholder svg{border-radius:8px}.image-slider__dots{margin-top:10px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/image-slider.css.map */