.swatch{--swatch-size:var(--swatch--size,4.4rem);--swatch-border-radius:var(--swatch--border-radius,50%);--swatch-border-width:var(--swatch--border-width--default,.0625rem);--swatch-border-color:var(--swatch--border-color--default,var(--body-text-color));width:var(--swatch-size);aspect-ratio:1;background:var(--swatch--background);background-position:var(--swatch--focal-point,center);border:var(--swatch-border-width,.1rem) solid var(--swatch-border-color,var(--body-text-color));border-radius:var(--swatch-border-radius);box-sizing:border-box;background-size:cover;background-origin:border-box;max-width:100%;display:block;position:relative}.swatch .icon--no-image{vertical-align:bottom;width:100%;height:100%}.swatch--square{--swatch-border-radius:var(--swatch--border-radius,0rem)}.swatch--unavailable{border-color:rgb(from var(--body-text-color) r g b / .5)}