@layer components{.slider{display:block;position:relative}.slider--carousel{padding-top:var(--spacing-unit-m)}.product-media .slider--carousel{padding-top:0}.slider__slides{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;position:relative;overflow-x:scroll;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.slider__slides::-webkit-scrollbar{display:none}.product-media__secondary .slider__slides{gap:var(--spacing-unit-xs);width:calc(100% - 9.6rem - var(--spacing-unit-s))}.slider__slides>*{display:flex;flex-shrink:0;justify-content:center;max-width:100%;scroll-snap-align:start}.collection-list :is(.slider__slides>*){display:block}.slider__slides--1>*{width:100%}.slider__slides--2>*{width:50%}.slider__slides--3>*{width:calc(100% / 3)}.slider__slides--4>*{width:25%}.slider__slides--5>*{width:20%}.slider__slides--6>*{width:calc(100% / 6)}.slider__slide-button{border:var(--border-width) solid transparent;border-radius:var(--border-radius);overflow:clip}[active=true] .slider__slide-button{border-color:var(--color-brand-01)}.slider--carousel .slider__controls{display:flex;position:absolute;inset:auto 0 100% auto;border:var(--border-width) solid var(--color-borders);border-radius:var(--border-radius);background:var(--color-background);overflow:hidden}.product-media__secondary .slider__controls{bottom:0}.slider__control{display:flex;position:absolute;top:50%;justify-content:center;align-items:center;transform:translateY(-50%);z-index:1;transition:background var(--transition-speed),color var(--transition-speed);border-radius:50%;background:var(--color-overlay-d02);width:var(--slider-control-width);height:var(--slider-control-height);color:var(--color-text)}.slider__control:hover{background:var(--color-brand-01);color:var(--color-utility-01)}.slider__control[disabled]{cursor:not-allowed;background:var(--color-overlay-d01)}.slider--carousel .slider__control{position:relative;transform:none;inset:auto;border-radius:0;background:var(--color-background)}.slider--carousel .slider__control:hover:not([disabled]){background:var(--color-overlay-d01)}.slider__control--previous{left:var(--spacing-unit-xs)}.slider--carousel .slider__control--previous{border-right:var(--border-width) solid var(--color-borders)}.slider__control--next{right:var(--spacing-unit-xs)}.slider__control-icon svg{stroke:var(--color-utility-01)}.slider--carousel :is(.slider__control-icon svg){stroke:var(--color-brand-01)}.slider__control[disabled] :is(.slider--carousel :is(.slider__control-icon svg)){stroke:var(--color-overlay-d01)}.slider__navigation{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-unit-xs);margin:var(--spacing-unit-s) 0 0}.slider__dot{display:block;border-radius:50%;background:var(--color-overlay-d02);width:8px;height:8px;overflow:hidden;text-indent:200%;white-space:nowrap}[active=true] .slider__dot{background:var(--color-overlay-d02)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/slider.css.map */