.vr-swatches{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.7rem 0 .2rem;min-height:2.6rem}.vr-swatch{-webkit-appearance:none;appearance:none;position:relative;display:block;width:2.4rem;height:2.4rem;padding:0;border:0;border-radius:50%;overflow:hidden;cursor:pointer;flex:0 0 auto;background:#ffffff0f;box-shadow:0 0 0 1px rgba(var(--color-foreground, 18 18 18),.22);transition:box-shadow .12s ease,transform .12s ease;touch-action:manipulation}.vr-swatch img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.vr-swatch:hover,.vr-swatch:focus-visible,.vr-swatch[aria-pressed=true]{box-shadow:0 0 0 2px rgb(var(--color-foreground, 18 18 18));transform:translateY(-1px);outline:none}@media screen and (min-width:990px){.card-wrapper.vr-swatch-image-active:hover .media.media--hover-effect>img:first-child:not(:only-child){opacity:1}.card-wrapper.vr-swatch-image-active:hover .media.media--hover-effect>img+img{opacity:0;transform:none}}.vr-swatch-more{font-size:1.2rem;line-height:2.4rem;opacity:.72;letter-spacing:.02em;flex:0 0 auto}@media screen and (max-width:749px){.vr-swatches{gap:.45rem;margin-top:.55rem;min-height:2.4rem}.vr-swatch{width:2.2rem;height:2.2rem}.vr-swatch-more{font-size:1.1rem;line-height:2.2rem}}@media(prefers-reduced-motion:reduce){.vr-swatch{transition:none}.vr-swatch:hover,.vr-swatch:focus-visible{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/vivid-swatches.css.map */