.field.svelte-1alqgy9{display:grid}.seals.svelte-1alqgy9{gap:var(--space-8);border:0;min-width:0;margin:0;padding:0;display:grid}.legend.svelte-1alqgy9{color:var(--color-label);padding:0}.swatches.svelte-1alqgy9{gap:var(--space-8);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.swatch.svelte-1alqgy9{justify-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-4);border-radius:var(--radius-m);color:var(--color-ink-2);cursor:pointer;transition:background-color var(--dur-state) var(--ease-state), border-color var(--dur-state) var(--ease-state);border:1.5px solid #0000;display:grid}.disc.svelte-1alqgy9{background:var(--seal);border-radius:var(--radius-pill);width:44px;height:44px;box-shadow:var(--shadow-e1);color:var(--color-on-rani);place-items:center;display:grid}.disc.svelte-1alqgy9 .icon{opacity:0;transition:opacity var(--dur-state) var(--ease-state)}.swatch.svelte-1alqgy9:has(input:where(.svelte-1alqgy9):checked){background:var(--color-surface-selected);border-color:var(--color-rani);color:var(--color-ink)}.swatch.svelte-1alqgy9:has(input:where(.svelte-1alqgy9):checked) .disc:where(.svelte-1alqgy9) .icon{opacity:1}.swatch.svelte-1alqgy9:has(input:where(.svelte-1alqgy9):focus-visible){outline:3px solid var(--color-focus);outline-offset:2px}.note.svelte-1alqgy9{align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-16);background:var(--color-surface-tint);border-radius:var(--radius-m);color:var(--color-ink-2);display:flex}.note.svelte-1alqgy9 .icon{color:var(--color-rani);flex:none}