.variant-picker__option-values--olivia{position:relative;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:var(--olivia-swatch-gap, 8px);padding:2px;margin:-2px}.variant-picker__option-values--olivia::-webkit-scrollbar{display:none;height:0;width:0}.variant-picker__option-values--olivia .thumbnail-swatch{flex:0 0 var(--olivia-swatch-width, 76px);width:var(--olivia-swatch-width, 76px);height:auto;aspect-ratio:var(--olivia-swatch-ratio, .8);border-radius:var(--olivia-swatch-radius, 4px);border:1px solid rgb(var(--border-color));background-color:rgb(var(--background));scroll-snap-align:start;overflow:hidden;position:relative;cursor:pointer;display:block;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;--swatch-size: auto}@media(hover:hover){.variant-picker__option-values--olivia .thumbnail-swatch:hover{border-color:rgb(var(--text-color) / .55);transform:translateY(-1px)}}.variant-picker__option-values--olivia :checked+.thumbnail-swatch,.variant-picker__option-values--olivia .thumbnail-swatch.is-selected{border-color:rgb(var(--text-color));border-width:2px;box-shadow:0 1px 3px rgb(var(--text-color) / .08)}.variant-picker__option-values--olivia .thumbnail-swatch>img{width:100%!important;height:100%!important;object-fit:cover;object-position:center;display:block;border-radius:inherit}.variant-picker__option-values--olivia .thumbnail-swatch.is-disabled{opacity:.55}.variant-picker__option-values--olivia .thumbnail-swatch.is-disabled:before{top:0;right:0;bottom:0;left:0;margin:0}.variant-picker__option-values--olivia :focus-visible+.thumbnail-swatch{outline:2px solid rgb(var(--text-color));outline-offset:2px}@media(max-width:699px){.variant-picker__option-values--olivia{gap:var(--olivia-swatch-gap-mobile, 6px)}.variant-picker__option-values--olivia .thumbnail-swatch{flex-basis:var(--olivia-swatch-width-mobile, 72px);width:var(--olivia-swatch-width-mobile, 72px)}}.variant-picker .block-swatch{background:rgb(var(--background));border-color:rgb(var(--border-color));color:rgb(var(--text-color) / .75);font-weight:500;transition:background-color .15s ease,color .15s ease,border-color .15s ease}@media(hover:hover){.variant-picker .block-swatch:hover{border-color:rgb(var(--text-color) / .55);color:rgb(var(--text-color))}}.variant-picker :checked+.block-swatch,.variant-picker .block-swatch.is-selected{background:rgb(var(--text-color));color:rgb(var(--background));border-color:rgb(var(--text-color))}
/*# sourceMappingURL=/cdn/shop/t/46/assets/olivia-swatches.css.map */