.color-swatch{border:1.5px solid var(--border-01);border-radius:var(--border-radius-08);background-color:var(--background-tint-light-01);justify-content:center;align-items:center;gap:.1rem;padding:.12rem .25rem;display:inline-flex}.color-swatch[data-state=dark]{background-color:var(--background-tint-dark-01)}.color-swatch__text{color:var(--text-dark-05);font-size:.5rem;font-weight:500}.color-swatch[data-state=dark] .color-swatch__text{color:var(--text-light-05)}