.swatch.svelte-hy22mc{border:1px solid var(--bd);border-radius:var(--radius-sm);background:var(--bg);flex-direction:column;display:flex;overflow:hidden}.swatch-color.svelte-hy22mc{border-bottom:1px solid var(--bd);height:56px}.swatch-meta.svelte-hy22mc{padding:var(--spacing-sm)}code.svelte-hy22mc{font-family:var(--font-mono);color:var(--tx);font-size:11.5px;font-weight:600}.swatch-desc{margin:4px 0 var(--spacing-xs)}.swatch-values.svelte-hy22mc{font-family:var(--font-mono);color:var(--txt);justify-content:space-between;font-size:10px;display:flex}.note.svelte-12ph8hs{max-width:720px;margin-bottom:var(--spacing-xl);padding:var(--spacing-sm) var(--spacing-md);color:var(--txs);background:var(--sf);border:1px solid var(--bd);border-radius:var(--radius-sm);font-size:12px;line-height:1.6}.note.svelte-12ph8hs code:where(.svelte-12ph8hs){font-family:var(--font-mono);color:var(--tx);font-size:11px}