.swatch.svelte-1tngmpc{--swatch:transparent;width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);border-radius:var(--radius-pill);background:var(--swatch);box-shadow:0 0 0 1px var(--line);flex-shrink:0}.swatch.lg.svelte-1tngmpc{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.swatch[data-swatch=black].svelte-1tngmpc{--swatch:#1b1b1f}.swatch[data-swatch=blue].svelte-1tngmpc{--swatch:#3d6fc4}.swatch[data-swatch=brown].svelte-1tngmpc{--swatch:#7a4f2c}.swatch[data-swatch=gold].svelte-1tngmpc{--swatch:#d4a93c}.swatch[data-swatch=gray].svelte-1tngmpc{--swatch:#8e9098}.swatch[data-swatch=green].svelte-1tngmpc{--swatch:#4f9a5b}.swatch[data-swatch=orange].svelte-1tngmpc{--swatch:#e0822f}.swatch[data-swatch=pink].svelte-1tngmpc{--swatch:#e79ab5}.swatch[data-swatch=purple].svelte-1tngmpc{--swatch:#8458b3}.swatch[data-swatch=red].svelte-1tngmpc{--swatch:#c63d3a}.swatch[data-swatch=white].svelte-1tngmpc{--swatch:#f7f5ef}.swatch[data-swatch=yellow].svelte-1tngmpc{--swatch:#e8c83a}