.swatch.svelte-10tg9c0{align-items:center;gap:10px;display:inline-flex}.swatch__tile.svelte-10tg9c0{border-radius:var(--radius-chip);border:1px solid var(--border);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--foreground) 6%, transparent);flex-shrink:0;display:block;position:relative;overflow:hidden}.swatch__tile--btn.svelte-10tg9c0{cursor:pointer;appearance:none;padding:0}.swatch__tile--btn.svelte-10tg9c0:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.swatch__overlay.svelte-10tg9c0{color:#fff;opacity:0;background:#00000061;justify-content:center;align-items:center;transition:opacity .12s;display:flex;position:absolute;inset:0}.swatch__tile--btn.svelte-10tg9c0:hover .swatch__overlay:where(.svelte-10tg9c0),.swatch__tile--btn.svelte-10tg9c0:focus-visible .swatch__overlay:where(.svelte-10tg9c0),.swatch__tile--copied.svelte-10tg9c0 .swatch__overlay:where(.svelte-10tg9c0){opacity:1}.swatch__meta.svelte-10tg9c0{flex-direction:column;line-height:1.2;display:flex}.swatch__hex.svelte-10tg9c0{color:var(--foreground);font-size:14px;font-weight:600;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.swatch__name.svelte-10tg9c0{color:var(--text-low);font-size:13px}@media (prefers-reduced-motion:reduce){.swatch__overlay.svelte-10tg9c0{transition:none}}