carousel-slider{--carousel-slides: 1;--carousel-gap: 0px;--carousel-button-size: 44px;--carousel-dot-size: 10px;--carousel-dot-gap: 8px;display:block;position:relative}.carousel__viewport{overflow:hidden}.carousel__viewport--ready{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.carousel__viewport--ready::-webkit-scrollbar{display:none}.carousel__viewport--ready{cursor:grab}.carousel__viewport--dragging{cursor:grabbing;user-select:none;-webkit-user-select:none}.carousel__viewport--dragging img{pointer-events:none}.carousel__track{display:flex;gap:var(--carousel-gap)}.carousel__slide{flex:0 0 calc((100% - (var(--carousel-slides) - 1) * var(--carousel-gap)) / var(--carousel-slides));min-width:0;scroll-snap-align:start}.carousel--peek .carousel__slide{flex:0 0 calc((100% - var(--carousel-slides) * var(--carousel-gap)) / (var(--carousel-slides) + var(--carousel-peek)))}.carousel__navigation{display:flex;gap:var(--carousel-gap);align-items:center;justify-content:center;margin-block-start:var(--carousel-gap)}.carousel__button{display:inline-flex;align-items:center;justify-content:center;width:var(--carousel-button-size);height:var(--carousel-button-size);padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation;transition:opacity .2s ease}.carousel__button[hidden]{display:none}.carousel__button:disabled{opacity:.3;cursor:not-allowed}.carousel__button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.carousel__button svg{width:1.25em;height:1.25em}.carousel__dots{display:flex;flex-wrap:wrap;gap:var(--carousel-dot-gap);align-items:center;justify-content:center;margin-block-start:var(--carousel-gap)}.carousel__dot{width:var(--carousel-dot-size);height:var(--carousel-dot-size);padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;cursor:pointer;touch-action:manipulation;transition:background-color .2s ease}.carousel__dot:before{content:"";position:absolute;inset:calc((44px - var(--carousel-dot-size)) / -2)}.carousel__dot{position:relative}.carousel__dot--selected{background:currentColor}.carousel__dot:focus-visible{outline:2px solid currentColor;outline-offset:2px}carousel-slider.carousel--arrows-external{padding-inline:clamp(16px,3vw,24px)}carousel-slider.carousel--arrows-external .carousel__button--prev{margin-inline-start:calc(-1*clamp(16px,3vw,24px))}carousel-slider.carousel--arrows-external .carousel__button--next{margin-inline-end:calc(-1*clamp(16px,3vw,24px))}@media(prefers-reduced-motion:reduce){.carousel__button,.carousel__dot{transition:none}}carousel-slider:not(:defined) .carousel__viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}carousel-slider:not(:defined) .carousel__viewport::-webkit-scrollbar{display:none}carousel-slider:not(:defined) .carousel__track{gap:0}carousel-slider:not(:defined) .carousel__slide{scroll-snap-align:start;margin-inline-end:var(--carousel-gap)}carousel-slider:not(:defined) .carousel__slide:last-child{margin-inline-end:0}carousel-slider:not(:defined) .carousel__navigation,carousel-slider:not(:defined) .carousel__dots{display:none}
/*# sourceMappingURL=/cdn/shop/t/862/assets/shared--content--carousel.css.map */