@layer components{.slider{position:relative;display:block}.slider__track{--per-view: var(--per-view-mobile, 1);--peek: var(--peek-mobile, 0px);--gap: var(--slider-gap, var(--grid-gap));position:relative;display:grid;grid-auto-columns:calc((100% - var(--peek) - (var(--per-view) - 1) * var(--gap)) / var(--per-view));grid-auto-flow:column;gap:var(--gap);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.slider__track::-webkit-scrollbar{display:none}[data-drag]>.slider__track{cursor:grab}[data-drag].is-dragging>.slider__track{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.slider__track>*{min-width:0;scroll-snap-align:start}@media(min-width:750px){.slider__track{--per-view: var(--per-view-tablet, var(--per-view-mobile, 1));--peek: var(--peek-tablet, 0px)}}@media(min-width:990px){.slider__track{--per-view: var(--per-view-desktop, var(--per-view-tablet, 1));--peek: 0px}}.slider__controls{display:flex;align-items:center;gap:var(--space-2)}.slider__btn{--icon-size: 1.125rem;display:grid;place-items:center;width:2.75rem;height:2.75rem;background-color:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-border-strong);border-radius:50%;transition:opacity var(--duration-fast)}.slider__btn:disabled{opacity:.35;cursor:default}.slider:not([data-scrollable]) .slider__btn{visibility:hidden}.slider__counter{font-size:.8125rem;font-variant-numeric:tabular-nums}.slider__dots{display:flex;justify-content:center;gap:var(--space-1);margin-block-start:var(--space-4)}.slider__dot{display:grid;place-items:center;width:1.5rem;height:1.5rem}.slider__dot:before{content:"";width:.5rem;height:.5rem;background-color:var(--color-border-strong);border-radius:50%;transition:background-color var(--duration-fast)}.slider__dot[aria-current=true]:before{background-color:var(--color-fg)}@media(prefers-reduced-motion:reduce){:root[data-motion=respect] .slider__track{scroll-behavior:auto}}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-slider.css.map */
