variant-slider{position:relative;display:block;width:100%;max-width:100%;min-width:0}.product-form__input:has(variant-slider){min-width:0}.variant-slider__track{display:flex;flex-wrap:nowrap;gap:0rem;width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-behavior:smooth;padding:.3rem 0 .4rem;scrollbar-width:none;-ms-overflow-style:none}.variant-slider__track::-webkit-scrollbar{display:none}.variant-slider__track input[type=radio]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}variant-slider .variant-slider__track label,.product-form__input .variant-slider__track label{box-sizing:border-box;flex:0 0 var(--vs-item-width, 105px);width:var(--vs-item-width, 105px);min-width:var(--vs-item-width, 105px);max-width:var(--vs-item-width, 105px);margin:0;padding-inline:.4rem;scroll-snap-align:center;text-align:center;white-space:normal;overflow-wrap:break-word}.variant-slider__track{padding-inline:.2rem;scroll-padding-inline:.2rem}.variant-slider__track img,.variant-slider__track svg{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.variant-slider__track[data-draggable=true]{cursor:grab}.variant-slider__track[data-dragging=true]{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.variant-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:2.6rem;height:4.4rem;padding:0;border:0;background:none;box-shadow:none;color:rgb(var(--color-foreground));cursor:pointer;opacity:.75;transition:opacity .15s ease}.variant-slider__arrow:hover{opacity:1}.variant-slider__arrow:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.variant-slider__arrow[hidden]{display:none}.variant-slider__arrow svg{width:2rem;height:2rem}.variant-slider__arrow--prev{left:var(--vs-arrow-inset, -3.4rem)}.variant-slider__arrow--next{right:var(--vs-arrow-inset, -3.4rem)}@media screen and (max-width:989px){variant-slider{--vs-arrow-inset: -1.6rem}.variant-slider__arrow{width:2rem;height:4rem;opacity:1}.variant-slider__arrow svg{width:1.6rem;height:1.6rem}}@media screen and (min-width:750px){variant-slider[data-mobile-only=true],variant-slider[data-mobile-only=true] .variant-slider__track{display:contents}variant-slider[data-mobile-only=true] .variant-slider__arrow{display:none}}@media(prefers-reduced-motion:reduce){.variant-slider__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-variant-slider.css.map */