.carousel{--carousel-gap: var(--space-12);--carousel-basis: 100%;position:relative;isolation:isolate}.carousel__viewport{min-width:0;overflow:visible}.carousel__track{display:flex;flex-direction:column;gap:var(--carousel-gap);margin:0;padding:0;list-style:none}.carousel__item{min-width:0;margin:0}.carousel__controls{position:absolute;inset-inline:var(--space-8, 8px);top:50%;z-index:1;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.carousel__controls[hidden]{display:none!important}.carousel__button{width:var(--target);height:var(--target);min-width:var(--target);min-height:var(--target);padding:0;pointer-events:auto;color:var(--color-ink);background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-ink) 15%,var(--color-surface));border-radius:var(--radius-control)}.carousel__button:hover{border-color:var(--color-ink)}.carousel__button:focus-visible,.carousel__button:hover:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.carousel__button:disabled,.carousel__button:disabled:hover{opacity:1;color:var(--color-ink);background:var(--color-surface);border-color:color-mix(in srgb,var(--color-ink) 15%,var(--color-surface));cursor:not-allowed}.carousel__button--previous .icon--chevron{transform:scaleX(-1)}@media(min-width:768px){.carousel{--carousel-gap: var(--space-24)}}.carousel.is-ready .carousel__track{flex-direction:row;flex-wrap:nowrap}.carousel.is-ready .carousel__item{flex:0 0 var(--carousel-basis);scroll-snap-align:start}.carousel.is-ready.is-overflow .carousel__viewport{overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory}.carousel.is-ready[data-carousel=product],.carousel.is-ready[data-carousel=needs]{--carousel-basis: 80%}.carousel.is-ready[data-carousel=category]{--carousel-basis: calc((80% - var(--carousel-gap)) / 2)}.carousel.is-ready[data-carousel=logos]{--carousel-basis: calc((100% - var(--carousel-gap)) / 2)}.carousel.is-ready[data-carousel=logos] .carousel__track{flex-wrap:wrap}.carousel.is-ready[data-carousel=logos] .carousel__viewport{overflow:visible;scroll-behavior:auto;scroll-snap-type:none}@media(min-width:768px){.carousel.is-ready[data-carousel=product]{--carousel-basis: calc((100% - 2 * var(--carousel-gap)) / 3)}.carousel.is-ready[data-carousel=category]{--carousel-basis: calc((100% - 3 * var(--carousel-gap)) / 4)}.carousel.is-ready[data-carousel=reviews]{--carousel-basis: calc((100% - var(--carousel-gap)) / 2)}}@media(min-width:1024px){.carousel.is-ready[data-carousel=product]{--carousel-basis: calc((100% - 3 * var(--carousel-gap)) / 4)}.carousel.is-ready[data-carousel=category]{--carousel-basis: calc((100% - 4 * var(--carousel-gap)) / 5)}.carousel.is-ready[data-carousel=reviews]{--carousel-basis: calc((100% - 3 * var(--carousel-gap)) / 4)}.carousel.is-ready[data-carousel=logos]{--carousel-basis: calc((100% - 5 * var(--carousel-gap)) / 6)}.carousel.is-ready[data-carousel=logos] .carousel__track{flex-wrap:nowrap}.carousel.is-ready.is-overflow[data-carousel=logos] .carousel__viewport{overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory}}@media(min-width:1280px){.carousel.is-ready[data-carousel=product]{--carousel-basis: calc((100% - 4 * var(--carousel-gap)) / 5)}.carousel.is-ready[data-carousel=category]{--carousel-basis: calc((100% - 6 * var(--carousel-gap)) / 7)}}@media(prefers-reduced-motion:reduce){.carousel.is-ready.is-overflow[data-carousel] .carousel__viewport{scroll-behavior:auto;scroll-snap-type:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/carousel.css.map */