.color-control.svelte-jh6ht9{color:var(--il-muted,var(--muted,#737373));justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;font-size:12px;display:flex}.color-actions.svelte-jh6ht9{align-items:center;gap:12px;display:flex}.icon-color-trigger{border:1px solid var(--il-border,var(--line,#e5e5e5));background:var(--il-surface,var(--paper,#fff));color:var(--il-text,var(--ink,#262626));cursor:pointer;border-radius:7px;align-items:center;gap:9px;padding:7px 10px;font-size:12px;display:inline-flex}.swatch.svelte-jh6ht9{border:1px solid #a3a3a355;border-radius:50%;flex-shrink:0;width:20px;height:20px;display:block}.color-control.compact.svelte-jh6ht9{margin:0}.compact-trigger{border-radius:7px;padding:5px}.compact.svelte-jh6ht9 .swatch:where(.svelte-jh6ht9){border-radius:4px;width:22px;height:22px}.reset-color.svelte-jh6ht9,.picker-title.svelte-jh6ht9 button:where(.svelte-jh6ht9){color:#737373;cursor:pointer;font-size:11px}.reset-color.svelte-jh6ht9:hover,.picker-title.svelte-jh6ht9 button:where(.svelte-jh6ht9):hover{text-decoration:underline}.picker-panel.svelte-jh6ht9{width:232px;max-width:calc(100vw - 64px)}.picker-title.svelte-jh6ht9{justify-content:space-between;align-items:center;margin-bottom:14px;font-size:12px;font-weight:500;display:flex}hex-color-picker.svelte-jh6ht9{width:100%;height:184px;display:flex}hex-color-picker.svelte-jh6ht9::part(saturation){border-bottom:none;border-radius:7px;margin-bottom:12px}hex-color-picker.svelte-jh6ht9::part(hue){border-radius:6px;flex-basis:12px;height:12px}hex-color-picker.svelte-jh6ht9::part(saturation-pointer),hex-color-picker.svelte-jh6ht9::part(hue-pointer){border-width:2px;width:16px;height:16px}.swatches.svelte-jh6ht9{justify-content:space-between;margin:18px 1px;display:flex}.swatches.svelte-jh6ht9 button:where(.svelte-jh6ht9){cursor:pointer;width:23px;height:23px}.swatches.svelte-jh6ht9 button[aria-pressed=true]:where(.svelte-jh6ht9){outline-offset:3px;outline:1px solid}form.svelte-jh6ht9{border:1px solid #e5e5e5;border-radius:7px;align-items:center;gap:8px;padding:7px 9px;font-size:12px;display:flex}form.svelte-jh6ht9 label:where(.svelte-jh6ht9){color:#737373;font-size:10px}form.svelte-jh6ht9 input:where(.svelte-jh6ht9){text-transform:uppercase;background:0 0;outline:none;flex:1;width:0;min-width:0;font-family:monospace}form.svelte-jh6ht9:has(input:where(.svelte-jh6ht9):focus-visible){outline-offset:3px;outline:2px solid #818cf8}form.svelte-jh6ht9 button:where(.svelte-jh6ht9){cursor:pointer}.picker-error.svelte-jh6ht9{color:#ef4444;margin-top:8px;font-size:11px}.picker-loading.svelte-jh6ht9{color:#737373;place-items:center;height:184px;font-size:12px;display:grid}.dark form.svelte-jh6ht9{border-color:#404040}.dark .picker-title.svelte-jh6ht9 button:where(.svelte-jh6ht9),.dark .reset-color.svelte-jh6ht9{color:#a3a3a3}