.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}}.facets__label:has(input[name="filter.p.m.custom.color_family"]){display:flex;align-items:center;gap:1rem}.facets__label:has(input[name="filter.p.m.custom.color_family"])>svg,.facets__label:has(input[name="filter.p.m.custom.color_family"])>.svg-wrapper{display:none!important}.facets__label:has(input[name="filter.p.m.custom.color_family"]):before{content:"";flex:0 0 auto;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--vr-cf, #8a8a8a);box-shadow:0 0 0 1px rgba(var(--color-foreground, 255 255 255),.35);transition:box-shadow .12s ease,transform .12s ease}.facets__label:has(input[name="filter.p.m.custom.color_family"]:hover):before,.facets__label:has(input[name="filter.p.m.custom.color_family"]:focus-visible):before{transform:translateY(-1px);box-shadow:0 0 0 2px rgb(var(--color-foreground, 255 255 255))}.facets__label:has(input[name="filter.p.m.custom.color_family"]:checked):before{box-shadow:0 0 0 2px rgb(var(--color-background, 0 0 0)),0 0 0 4px rgb(var(--color-foreground, 255 255 255))}.facets__label:has(input[name="filter.p.m.custom.color_family"][value=Beige]){--vr-cf: #e0cfb0}.facets__label:has(input[name="filter.p.m.custom.color_family"][value=Black]){--vr-cf: #141414}.facets__label:has(input[name="filter.p.m.custom.color_family"][value=Blue]){--vr-cf: #2f62ad}.facets__label:has(input[name="filter.p.m.custom.color_family"][value=Brown]){--vr-cf: #6b4425}.facets__label:has(input[name="filter.p.m.custom.color_family"][value=Green]){--vr-cf: #3f7d4c}.facets__label:has(input[name="filter.p.m.custom.color_family"][value=Grey]){--vr-cf: #9b9b9b}.facets__label:has(input[name="filter.p.m.custom.color_family"][value=Metallic]){--vr-cf: linear-gradient(135deg, #d9d9d9 0%, #f5f5f5 35%, #a8a8a8 60%, #ededed 100%)}.facets__label:has(input[name="filter.p.m.custom.color_family"][value=Orange]){--vr-cf: #e2762c}.facets__label:has(input[name="filter.p.m.custom.color_family"][value=Pink]){--vr-cf: #e06fa4}.facets__label:has(input[name="filter.p.m.custom.color_family"][value=Purple]){--vr-cf: #7a4ca8}.facets__label:has(input[name="filter.p.m.custom.color_family"][value=Red]){--vr-cf: #c0392b}.facets__label:has(input[name="filter.p.m.custom.color_family"][value=White]){--vr-cf: #ffffff}.facets__label:has(input[name="filter.p.m.custom.color_family"][value=Yellow]){--vr-cf: #e5c236}.facets__label:has(input[name="filter.p.m.custom.color_family"][value=Multicolour]):before{background:conic-gradient(#e05a5a,#e8a33d,#ece04a,#57b65a,#4a8fd4,#8a5ad0,#e05a5a)}.facets-layout:has(input[name="filter.p.m.custom.color_family"]) .facets__item.hidden{display:flex!important}.facets-layout:has(input[name="filter.p.m.custom.color_family"]) .show-more-item{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/65/assets/vivid-swatches.css.map */