figure.svelte-ay5lxu{--skin:color-mix(in oklab, #d6a17c 62%, var(--panel))}.key.svelte-ay5lxu{fill:var(--panel);stroke:var(--rule);stroke-width:1.5px;transition:fill .12s}.key.marked.svelte-ay5lxu{stroke:var(--main);stroke-width:3px}.key.down.svelte-ay5lxu{fill:var(--main);stroke:var(--main)}.bump.svelte-ay5lxu{fill:var(--sub)}.skin-light.svelte-ay5lxu{stop-color:color-mix(in oklab, var(--skin) 88%, white)}.skin-dark.svelte-ay5lxu{stop-color:color-mix(in oklab, var(--skin) 82%, black)}.skin.svelte-ay5lxu{fill:var(--skin-fill);stroke:color-mix(in oklab, var(--skin) 45%, var(--text));stroke-width:1.3px;stroke-linejoin:round}.crease.svelte-ay5lxu{fill:none;stroke:color-mix(in oklab, var(--skin) 55%, var(--text));stroke-width:1px;stroke-linecap:round;opacity:.55}.nail.svelte-ay5lxu{fill:color-mix(in oklab, var(--skin) 55%, white);stroke:color-mix(in oklab, var(--skin) 50%, var(--text));stroke-width:.8px}text.svelte-ay5lxu{text-anchor:middle;fill:var(--text);stroke:var(--panel);stroke-width:3px;paint-order:stroke;font-family:var(--font-mono);pointer-events:none}.label-key.svelte-ay5lxu{font-size:15px}.label-key.down.svelte-ay5lxu{fill:var(--panel);stroke:var(--main)}.label-mod.svelte-ay5lxu{letter-spacing:.06em;text-transform:uppercase;font-size:9px}.now.svelte-ay5lxu{background:color-mix(in oklab, var(--main) 12%, var(--panel))}.hands.svelte-eicz7r{pointer-events:none;opacity:.35;position:absolute;-webkit-mask-image:linear-gradient(#000 58%,#0000 96%);mask-image:linear-gradient(#000 58%,#0000 96%)}