.color-swatch{display:inline-block;width:3.6rem;height:3.6rem;border-radius:50%;background-color:var(--color-swatch-bg);border:1px solid rgba(var(--color-foreground),.1);vertical-align:middle;position:relative}.color-swatch--square{border-radius:.4rem}.swatch-input__label .color-swatch{margin:.2rem}.color-swatch[style*="--color-swatch-bg: #FFFFFF"],.color-swatch[style*="--color-swatch-bg: #FFF"],.color-swatch[style*="--color-swatch-bg: #F5F5DC"],.color-swatch[style*="--color-swatch-bg: #E6E6FA"],.color-swatch[style*="--color-swatch-bg: #C0C0C0"]{box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.2)}input:checked+.swatch-input__label .color-swatch:after{content:"";position:absolute;top:-.3rem;right:-.3rem;bottom:-.3rem;left:-.3rem;border:.2rem solid rgba(var(--color-foreground),.8);border-radius:50%}input:checked+.swatch-input__label .color-swatch--square:after{border-radius:.6rem}.swatch-input__label:hover .color-swatch{transform:scale(1.1);transition:transform .2s ease}input.visually-disabled+.swatch-input__label .color-swatch{opacity:.5}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-color-swatch.css.map */