.cmap-canvas.svelte-ta1u3p{aspect-ratio:960/426;width:100%;color:var(--tone-5);cursor:crosshair;touch-action:pan-y;position:absolute;top:0;left:0}.cmap-tip.svelte-ta1u3p{z-index:2;pointer-events:none;white-space:nowrap;background:var(--color-paper);border:1px solid var(--color-ink);padding:.1rem .35rem;font-size:.78rem;position:absolute}.cmap-controls.svelte-ta1u3p{flex-wrap:wrap;align-items:center;gap:.5rem .9rem;margin:.8rem 0 .4rem;display:flex}input[type=range].svelte-ta1u3p{min-width:0;accent-color:var(--color-ink);flex:12rem}output.svelte-ta1u3p{white-space:nowrap;font-size:.9rem}button.svelte-ta1u3p{font:inherit;color:var(--color-paper);background:var(--color-ink);cursor:pointer;border:0;padding:.45rem .8rem;font-size:.9rem}button.svelte-ta1u3p:disabled{opacity:.6;cursor:progress}.first.svelte-g4og1w{border-top:0;padding-top:1.5rem}h1.svelte-g4og1w{margin:.35rem 0 1rem;font-size:clamp(1.6rem,3.4vw,2.6rem);font-weight:600;line-height:1.08}.cmap-wrap.svelte-g4og1w{max-width:80rem;margin:1rem auto .4rem;position:relative}.cmap-wrap.full.svelte-g4og1w .mdots circle{fill:#0000;pointer-events:none}