.slider{--per: 3;--gap: 24px;position:relative;display:block}.slider__viewport{overflow:hidden;margin:-12px;padding:12px}.slider__track{display:flex;margin-inline:calc(var(--gap) / -2);transition:transform .7s var(--ease-out);touch-action:pan-y;will-change:transform}.slider__track.is-dragging{transition:none;cursor:grabbing}.slider__slide{flex:0 0 calc(100% / var(--per));padding-inline:calc(var(--gap) / 2);display:flex;min-width:0}.slider__slide>*{flex:1;min-width:0}.slider__slide[aria-hidden=true]{pointer-events:none}.slider__slide img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.slider__controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px}.slider.is-static .slider__controls{display:none}.slider__dots{display:flex;gap:8px;flex-wrap:wrap}.slider__dot{position:relative;width:8px;height:8px;border-radius:999px;background:rgba(var(--color-ink-rgb),.2);transition:width .4s var(--ease-out),background .3s}.slider__dot:after{content:"";position:absolute;top:-8px;right:-4px;bottom:-8px;left:-4px}.slider__dot:hover{background:rgba(var(--color-ink-rgb),.45)}.slider__dot[aria-current=true]{width:28px;background:var(--color-ink)}.slider__arrows{display:flex;gap:8px}.slider__arrow{width:42px;height:42px;border-radius:50%;border:1.5px solid rgba(var(--color-ink-rgb),.25);display:flex;align-items:center;justify-content:center;transition:background .25s,border-color .25s,color .25s}.slider__arrow:hover{background:var(--color-ink);border-color:var(--color-ink);color:#fff}.slider__arrow .icon{width:16px;height:16px}.slider__arrow[disabled]{opacity:.35;pointer-events:none}.slider__pause .icon--play,.slider__pause[aria-pressed=true] .icon--pause{display:none}.slider__pause[aria-pressed=true] .icon--play{display:block}.slider__pause .icon{width:14px;height:14px}.no-js .slider__viewport{overflow-x:auto;scroll-snap-type:x mandatory}.no-js .slider__slide{scroll-snap-align:start}@media(max-width:1024px){.slider{--per: 2;--gap: 16px}}@media(max-width:640px){.slider{--per: 1}.slider__controls{margin-top:20px}}@media(max-width:560px){.slider__arrow{width:38px;height:38px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-slider.css.map */