.color-swatch{--color-swatch-size: 2.2rem;--color-swatch-gap: .3rem;--color-swatch-ring: .1rem;display:block;flex:0 0 auto;width:var(--color-swatch-size);height:var(--color-swatch-size);margin:calc((var(--color-swatch-gap) + var(--color-swatch-ring)) / 2);padding:0;border:0;border-radius:50%;background:none;cursor:pointer;overflow:visible;transform:none}.product__product-group .color-swatch:first-of-type{margin-inline-start:calc(var(--color-swatch-gap) + var(--color-swatch-ring))}.product__variant-picker .color-swatch{--color-swatch-size: 2.7rem}.product-card .product__product-groups{margin-block-end:.8rem}.product-card .color-swatch{--color-swatch-size: 1.7rem;--color-swatch-gap: .25rem}.color-swatch__link{display:block;width:100%;height:100%;border:0;border-radius:50%;overflow:hidden;transition:box-shadow var(--duration-default);box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.12)}.color-swatch__fill{display:block;width:100%;height:100%;border:0;border-radius:50%}.color-swatch__link img{display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:50%}.color-swatch--active .color-swatch__link{box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.12),0 0 0 var(--color-swatch-gap) rgb(var(--color-background)),0 0 0 calc(var(--color-swatch-gap) + var(--color-swatch-ring)) rgba(var(--color-foreground),.6)}.color-swatch:not(.color-swatch--active):hover .color-swatch__link{box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.12),0 0 0 var(--color-swatch-gap) rgb(var(--color-background)),0 0 0 calc(var(--color-swatch-gap) + var(--color-swatch-ring)) rgba(var(--color-foreground),.25)}.product__product-group .product-option__label--circle.product-option__label--image.active{border-color:rgba(var(--color-foreground),.6)}@media screen and (max-width:749px){.color-swatch{--color-swatch-size: 1.9rem}.product__variant-picker .color-swatch{--color-swatch-size: 2.2rem}.product-card .color-swatch{--color-swatch-size: 1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/component-product-groups.css.map */