.tad-color-swatch{--color-swatch-text-light: var(--base-color-gray-950);--color-swatch-text-dark: var(--base-color-gray-100);--color-swatch-shadow: var(--color-border-bleed) 0 0 0 1px inset;border-radius:var(--size-radius-ui-small);display:flex;inline-size:var(--size-icon-small);block-size:var(--size-icon-small);justify-content:center;align-items:center;background:var(--color-swatch-background);color:var(--color-swatch-text-dark);box-shadow:var(--color-swatch-shadow)}.tad-color-swatch--interactive{inline-size:var(--size-input-extra-small);block-size:var(--size-input-extra-small)}.tad-color-swatch--light{color:var(--color-swatch-text-light)}