.heading-color-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.auto-swatch{border:1px solid var(--color-border-default);min-width:44px;min-height:36px;color:var(--color-text-muted);border-radius:5px;padding:0 11px;font-size:.8125rem;font-weight:700;line-height:1rem;transition:background-color .15s,border-color .15s,color .15s}.auto-swatch:hover{border-color:var(--color-border-heavy);color:var(--color-text-primary)}.auto-swatch.selected{border-color:var(--color-accent);color:var(--color-accent);background:0 0}.swatch-divider{background:var(--color-border-default);width:1px;height:24px;margin:0 5px 0 2px}.color-swatch-button{border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:36px;transition:background-color .15s,box-shadow .15s;display:flex;position:relative}.color-swatch-button:hover{background:var(--color-hover)}.color-swatch-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.color-swatch{border:1px solid #1f1e1c1f;border-radius:999px;width:22px;height:22px;transition:box-shadow .15s}