.variant-picker__option-values:has(>.thumbnail-swatch){flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:3px;margin:-3px}.variant-picker__option-values:has(>.thumbnail-swatch)::-webkit-scrollbar{display:none}.variant-picker__option-values:has(>.thumbnail-swatch)>.thumbnail-swatch{flex:0 0 auto;scroll-snap-align:start;height:auto!important;aspect-ratio:4 / 5;position:relative;overflow:hidden}.variant-picker__option-values:has(>.thumbnail-swatch)>.thumbnail-swatch img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.swatch-scroll{position:relative}.swatch-scroll__btn{position:absolute;top:50%;z-index:2;display:none;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;padding:0;transform:translateY(-50%);border:1px solid rgb(0 0 0 / .15);border-radius:50%;background:#fff;color:#1c1c1c;cursor:pointer;box-shadow:0 1px 4px #0000001f}.swatch-scroll__btn:hover{border-color:#1c1c1c}.swatch-scroll__btn svg{width:.75rem;height:.75rem}.swatch-scroll__btn--prev{left:-.5rem}.swatch-scroll__btn--next{right:-.5rem}.swatch-scroll:before,.swatch-scroll:after{content:"";position:absolute;top:0;bottom:0;z-index:1;width:2.5rem;opacity:0;pointer-events:none;transition:opacity .2s}.swatch-scroll:before{left:0;background:linear-gradient(to right,rgb(var(--background, 255 255 255)),transparent)}.swatch-scroll:after{right:0;background:linear-gradient(to left,rgb(var(--background, 255 255 255)),transparent)}.swatch-scroll.can-scroll-prev:before,.swatch-scroll.can-scroll-next:after{opacity:1}@media(hover:hover)and (pointer:fine){.swatch-scroll.can-scroll-prev>.swatch-scroll__btn--prev,.swatch-scroll.can-scroll-next>.swatch-scroll__btn--next{display:flex}}@media(hover:none){.swatch-scroll:before,.swatch-scroll:after{display:none}}@media(min-width:700px){.variant-picker__option-values:has(>input.sr-only){column-gap:6px}.variant-picker__option-values:has(>input.sr-only)>.block-swatch{padding-inline:10px}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/swatch-scroll.css.map */