.tag-color-picker{min-width:0;display:block}.tag-color-grid{flex-wrap:wrap;align-items:center;gap:8px;padding:5px;display:flex}.tag-color-grid>button{border:2px solid var(--surface,#fff);background:var(--tag-swatch-color);color:#fff;outline-offset:1px;cursor:pointer;border-radius:50%;outline:1px solid #0000;flex:0 0 22px;place-items:center;width:22px;height:22px;padding:0;transition:outline-color .12s,transform .12s;display:grid}.tag-color-grid>button[aria-checked=true]{outline-color:var(--tag-swatch-color)}.tag-color-grid>button:hover{transform:scale(1.1)}.tag-color-grid>button:focus-visible{outline:2px solid var(--focus-ring,#7772bc);outline-offset:3px}.tag-color-grid>button:disabled{opacity:.5;cursor:default;transform:none}.tag-color-trigger{min-width:38px;min-height:28px;color:var(--muted,#747b88);cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:4px 5px;display:inline-flex}.tag-color-trigger>span{border-radius:50%;flex:none;width:13px;height:13px;display:block}.tag-color-trigger:hover,.tag-color-trigger[aria-expanded=true]{background:var(--hover,#f4f4f8)}.tag-color-trigger:focus-visible{outline:2px solid var(--focus-ring,#7772bc);outline-offset:2px}.tag-color-picker.is-compact{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:3px;display:flex}.tag-color-picker.is-compact .tag-color-grid{flex-basis:100%;justify-content:flex-end;max-width:276px}.tag-color-trigger:disabled{opacity:.5;cursor:default}@media (prefers-reduced-motion:reduce){.tag-color-grid>button{transition:none}}