.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}.strip.svelte-53ts9k{grid-template-columns:repeat(auto-fit, minmax(calc(var(--spacing) * 36), 1fr));gap:calc(var(--spacing) * 3);display:grid}.panel.svelte-53ts9k{gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 4);border:1px solid var(--line-soft);border-radius:var(--r-md);background:color-mix(in srgb, var(--surface) 60%, transparent);flex-direction:column;display:flex}.numbers.svelte-53ts9k{font-family:var(--serif);font-size:var(--text-h2);color:var(--gold);line-height:1}.pill.svelte-1eeqdq3{align-items:center;gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 1) calc(var(--spacing) * 3);border:1px solid var(--line-soft);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--accent,var(--gold)) 6%, transparent);color:var(--cream);cursor:default;display:inline-flex}.dots.svelte-1eeqdq3{gap:calc(var(--spacing) * .5);display:inline-flex}.dot.svelte-1eeqdq3{width:calc(var(--spacing) * 1.25);height:calc(var(--spacing) * 1.25);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--cream-dim) 30%, transparent)}.dot.on.svelte-1eeqdq3{background:var(--accent,var(--gold))}