.select--color{display:none}.variant-color-select{flex:0 0 100%;padding:0;margin:0 0 1.2rem;min-width:fit-content;border:none;display:flex;flex-wrap:wrap}.variant-color-select .color__swatch--round{border-radius:50%}.variant-color-select .color__swatch{padding:0;min-width:auto;min-height:auto;width:3.6rem;height:3.6rem;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;position:relative;margin-inline-end:.5rem;border-radius:min(var(--button-radius),.3rem);cursor:pointer}.variant-color-select .color__swatch.selected:before,.variant-color-select .color__swatch.selected:after,.variant-color-select .color__swatch.selected:hover:before,.variant-color-select .color__swatch.selected:hover:after,.variant-color-select .color__swatch.selected .color__swatch-dot:after{transform:scale(1)}.variant-color-select .color__swatch--round:before,.variant-color-select .color__swatch--round:after{border-radius:50%}.variant-color-select .color__swatch:before{box-shadow:inset 0 0 0 .1rem rgb(var(--color-border))}.variant-color-select .color__swatch:before,.variant-color-select .color__swatch:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(.6);background-size:cover;background-color:var(--swatch-background-color);background-image:var(--swatch-background-image);transition:transform var(--duration-long) ease}.variant-color-select .color__swatch .color__swatch-dot:before{content:"";z-index:1;position:absolute;left:20%;top:50%;width:60%;border-bottom:.1rem solid rgb(var(--color-background));transform:rotate(-45deg);opacity:0;transition:opacity var(--duration-default) ease}.variant-color-select .color__swatch.selected .color__swatch-dot:before{left:0;width:100%}.variant-color-select .color__swatch .color__swatch-dot:after{content:"";z-index:1;position:absolute;top:50%;left:50%;width:4rem;height:4rem;margin-top:-2rem;margin-left:-2rem;background-color:transparent;transform:scale(.6);transition:transform var(--duration-long) ease;border-radius:min(var(--button-radius),.1rem);box-shadow:inset 0 0 0 .1rem #000;filter:brightness(1.1)}.variant-color-select .color__swatch--round .color__swatch-dot:after{border-radius:50%}.variant-color-select .color__swatch.selected .color__swatch-dot:after{filter:brightness(1)}@media screen and (hover: hover){.variant-color-select .color__swatch:hover:before,.variant-color-select .color__swatch:hover:after{transform:scale(.8)}}
/*# sourceMappingURL=/cdn/shop/t/92/assets/component-product-related.css.map */