.ColorPalette_palette__47tWF{display:grid;gap:12px;width:224px;max-width:100%;color:var(--ink-2);font-size:12px}.ColorPalette_swatches__qjCX_{display:flex;gap:8px;flex-wrap:wrap}.ColorPalette_swatches__qjCX_ button{width:24px;height:24px;flex:none;border:1px solid var(--control-edge,var(--line));border-radius:50%;cursor:pointer}.ColorPalette_swatches__qjCX_ button[aria-pressed=true]{outline:2px solid var(--ink-2);outline-offset:2px}.ColorPalette_field__gmouH,.ColorPalette_field__gmouH label{display:flex;align-items:center;gap:8px}.ColorPalette_field__gmouH label{min-width:0}.ColorPalette_field__gmouH input{width:84px;min-width:0;height:28px;padding:0 8px;border:1px solid var(--control-edge,var(--line));border-radius:6px;background:var(--control,var(--well));color:var(--ink-2);font:inherit}.ColorPalette_field__gmouH button{height:28px;padding:0 10px;border-radius:6px;background:var(--control,var(--fill-3));color:var(--ink-2);font:inherit;cursor:pointer}.ColorPalette_field__gmouH button:disabled{opacity:.4;cursor:default}.ColorPalette_field__gmouH input:focus-visible,.ColorPalette_palette__47tWF button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}