.swatch { --swatch--size: var(--swatch-input--size, 4.4rem); --swatch--border-radius: var(--swatch-input--border-radius, 50%); display: block; width: var(--swatch--size); aspect-ratio: 1/1; background: var(--swatch--background); background-size: cover; background-origin: border-box; border: .1rem solid rgba(var(--color-foreground),.45); border-radius: var(--swatch--border-radius); }
.swatch--square { --swatch--border-radius: var(--swatch-input--border-radius, 0.2rem); }
.swatch--unavailable { border-style: dashed; border-color: rgba(var(--color-foreground),.5); }
span.swatch__option__name { font-size: 16px!important; line-height: 1.3; }