.slider{position:relative;overflow:hidden;border-radius:var(--border-radius-lg)}.slider__track{display:flex;transition:transform var(--transition-normal) ease}.slider__slide{flex:0 0 100%;width:100%}.slider__slide img{width:100%;height:auto;display:block}.slider__nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast) ease;z-index:10}.slider__nav:hover{background:var(--color-white);box-shadow:var(--shadow-md)}.slider__nav--prev{left:var(--spacing-md)}.slider__nav--next{right:var(--spacing-md)}.slider__nav:disabled{opacity:.5;cursor:not-allowed}.slider__nav svg{width:20px;height:20px;color:var(--color-text)}.slider__pagination{position:absolute;bottom:var(--spacing-md);left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-sm);z-index:10}.slider__dot{width:12px;height:12px;border-radius:50%;background:#fff9;border:none;cursor:pointer;transition:all var(--transition-fast) ease}.slider__dot:hover,.slider__dot.active{background:var(--color-white);transform:scale(1.2)}.slider--multi .slider__slide{flex:0 0 calc(100% / 3);padding:0 var(--spacing-sm)}@media (max-width: 1024px){.slider--multi .slider__slide{flex:0 0 50%}}@media (max-width: 768px){.slider--multi .slider__slide{flex:0 0 100%}}.slider--thumbnails{max-height:100px}.slider--thumbnails .slider__slide{flex:0 0 auto;width:80px;height:80px;margin-right:var(--spacing-sm);border-radius:var(--border-radius-md);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all var(--transition-fast) ease}.slider--thumbnails .slider__slide:hover,.slider--thumbnails .slider__slide.active{border-color:var(--color-primary)}.slider--thumbnails .slider__slide img{width:100%;height:100%;object-fit:cover}.slider--auto-height,.slider--auto-height .slider__slide{height:auto}@media (max-width: 768px){.slider__nav{width:40px;height:40px}.slider__nav--prev{left:var(--spacing-sm)}.slider__nav--next{right:var(--spacing-sm)}.slider__pagination{bottom:var(--spacing-sm)}.slider__dot{width:10px;height:10px}}.slider__nav:focus,.slider__dot:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.slider__track,.slider__nav,.slider__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-slider.css.map */