.ColorPicker .label{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.75em}.ColorPicker .label span{font-size:.78em;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:500}.ColorPicker .label strong{font-size:.9em;font-weight:500;color:var(--text)}.ColorPicker .row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.ColorPicker .swatch{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(0,0,0,.08);transition:transform .18s ease;box-shadow:inset 0 -2px 4px rgba(0,0,0,.1)}.ColorPicker .swatch.sm{width:1.3em;height:1.3em}.ColorPicker .swatch.md{width:1.7em;height:1.7em}.ColorPicker .swatch.lg{width:2.1em;height:2.1em}.ColorPicker .swatch:hover{transform:scale(1.08)}.ColorPicker .swatch .ring{position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--text);opacity:0;transition:opacity .18s ease}.ColorPicker .swatch.active .ring{opacity:1}