.color-input.svelte-17i3daz{align-items:center;gap:var(--spacing-md);min-width:0;display:inline-flex}.swatch.svelte-17i3daz{border:2px solid var(--border-color);border-radius:var(--radius-sm);flex-shrink:0;transition:border-color .15s;position:relative}.color-input.svelte-17i3daz:not(.disabled):hover .swatch:where(.svelte-17i3daz){border-color:var(--text-secondary)}.swatch.svelte-17i3daz:has(input:where(.svelte-17i3daz):focus-visible){outline:2px solid var(--focus-ring-color);outline-offset:2px}input.svelte-17i3daz{opacity:0;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.label-text.svelte-17i3daz{color:var(--text-primary);font-size:13px}.hex.svelte-17i3daz{color:var(--text-secondary);font-family:monospace;font-size:13px}.disabled.svelte-17i3daz{opacity:.5}