.scroll-slider{--scroll-slider-gap: var(--gap-xs, .5rem);--scroll-slider-item-min-width: 8rem;--scroll-slider-track-padding-block: 2px;--scroll-slider-item-hover-lift: -2px;--scroll-slider-visible: 3;position:relative;display:flex;align-items:center}.scroll-slider__track{margin:0;padding:0;padding-block:var(--scroll-slider-track-padding-block, 0);list-style:none;flex:1 1 auto;min-width:0;display:flex;flex-wrap:nowrap;gap:var(--scroll-slider-gap);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.scroll-slider__track::-webkit-scrollbar{display:none}.scroll-slider__track:focus-visible{outline:2px solid currentColor;outline-offset:2px}.scroll-slider__item{flex:0 0 calc((100% - (var(--scroll-slider-gap) * (var(--scroll-slider-visible) - 1))) / var(--scroll-slider-visible));min-width:0;scroll-snap-align:start;transition:transform .1s linear}.scroll-slider__item:hover{transform:translateY(var(--scroll-slider-item-hover-lift, 0))}.scroll-slider__nav{width:var(--minimum-touch-target, 44px);height:var(--minimum-touch-target, 44px);flex:0 0 auto;padding:0;-webkit-appearance:none;appearance:none;background:none;border:0;color:inherit;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1}.scroll-slider__nav[hidden]{display:none}.scroll-slider__nav:disabled{opacity:.3;pointer-events:none}.scroll-slider__nav:focus-visible{outline:2px solid currentColor;outline-offset:2px}.scroll-slider__nav-icon{width:20px;height:20px;fill:currentColor}.scroll-slider__nav--prev .scroll-slider__nav-icon{transform:rotate(180deg)}.scroll-slider--overlay .scroll-slider__nav{position:absolute;top:50%;translate:0 -50%;background:var(--color-background);border-radius:50%}.scroll-slider--overlay .scroll-slider__nav--prev{inset-inline-start:0}.scroll-slider--overlay .scroll-slider__nav--next{inset-inline-end:0}@media(prefers-reduced-motion:reduce){.scroll-slider__track{scroll-behavior:auto}.scroll-slider__item{transition:none}.scroll-slider__item:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/scroll-slider.css.map */