@property --swatch-fade-start{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --swatch-fade-end{syntax: "<length>"; inherits: false; initial-value: 0px;}.variant-picker__option-values--media.scroll-area{padding-block:4px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--swatch-fade-start),#000 calc(100% - var(--swatch-fade-end)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--swatch-fade-start),#000 calc(100% - var(--swatch-fade-end)),transparent 100%);transition:--swatch-fade-start .25s ease,--swatch-fade-end .25s ease}.variant-picker__option-values--media.is-scrollable:not(.is-at-end){--swatch-fade-end: 72px}.variant-picker__option-values--media.is-scrollable:not(.is-at-start){--swatch-fade-start: 40px}.variant-picker__option-values--media .media-swatch{--swatch-size: 64px;flex:none;width:var(--swatch-size);height:var(--swatch-size);border-radius:8px}.variant-picker__option-values--media .media-swatch>img{width:100%;height:100%;object-fit:contain;border-radius:inherit;background:rgb(var(--background))}.variant-picker__option-values--media .media-swatch:before{box-shadow:0 0 0 2px rgb(var(--text-color))}.variant-picker__option-count{white-space:nowrap}@media screen and (min-width:700px){.swatch-scroller,.variant-picker__option-values--media.scroll-area{overflow:visible}.variant-picker__option-values--media.scroll-area{display:grid;grid-template-columns:repeat(auto-fill,var(--swatch-size, 64px));justify-content:space-between;row-gap:var(--spacing-2);-webkit-mask-image:none;mask-image:none}}.swatch-scroller{position:relative}.swatch-scroller__arrow{position:absolute;z-index:1;top:18px;inset-inline-end:var(--spacing-2);display:grid;place-items:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid rgb(var(--text-color) / .12);border-radius:50%;background:rgb(var(--background));color:rgb(var(--text-color));box-shadow:0 2px 8px #00000029;opacity:0;visibility:hidden;transform:scale(.85);transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s}.swatch-scroller.show-arrow .swatch-scroller__arrow{opacity:1;visibility:visible;transform:none;transition:opacity .25s ease,transform .25s ease}.swatch-scroller.show-arrow.is-settled .swatch-scroller__arrow{opacity:.8}.swatch-scroller__bar{position:relative;height:2px;margin-block-start:var(--spacing-1-5);overflow:hidden;border-radius:2px;background:rgb(var(--text-color) / .1);opacity:0;transition:opacity .3s ease}.swatch-scroller.is-moving .swatch-scroller__bar{opacity:1;transition-duration:.15s}.swatch-scroller__thumb{position:absolute;inset-block:0;inset-inline-start:0;border-radius:inherit;background:rgb(var(--text-color))}@media(prefers-reduced-motion:reduce){.variant-picker__option-values--media.scroll-area,.swatch-scroller__arrow,.swatch-scroller.show-arrow .swatch-scroller__arrow,.swatch-scroller__bar{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/variant-swatch-scroll.css.map */