.piano-keyboard.svelte-w87oac{-webkit-user-select:none;user-select:none;max-width:100%;height:auto;display:block;overflow:visible}.piano-keyboard.is-passive.svelte-w87oac .key{pointer-events:none}.key.svelte-w87oac{cursor:pointer}.whites.svelte-w87oac .key:where(.svelte-w87oac){fill:var(--key-white);stroke:var(--key-stroke);stroke-width:2px}.whites.svelte-w87oac .key.is-scale-key:where(.svelte-w87oac){fill:var(--key-scale-white,#fff4c2)}.blacks.svelte-w87oac .key:where(.svelte-w87oac){fill:var(--key-black);stroke:none}.blacks.svelte-w87oac .key.is-scale-key:where(.svelte-w87oac){fill:var(--key-scale-black,#b8a242)}.key.is-selected.svelte-w87oac{stroke:var(--key-selected-stroke);stroke-width:4px}.key.is-pressed.svelte-w87oac{stroke:var(--key-highlight);stroke-width:6px}.key.svelte-w87oac:focus-visible{stroke:var(--key-selected-stroke);stroke-width:4px;outline:none}.whites.svelte-w87oac .key.is-correct:where(.svelte-w87oac),.blacks.svelte-w87oac .key.is-correct:where(.svelte-w87oac){fill:var(--success,#060)}.key.is-correct.svelte-w87oac{stroke:var(--success,#060);stroke-width:6px}.frame.svelte-w87oac{stroke:var(--key-stroke);stroke-width:2px}.end-strip.svelte-w87oac{fill:var(--key-highlight)}.end-strip.left.svelte-w87oac{fill:var(--key-highlight-left,#c2680c)}.end-strip.root.svelte-w87oac{fill:var(--key-dot-root)}.end-strip.wrong.svelte-w87oac{fill:var(--key-wrong)}.scale-bullet.svelte-w87oac{fill:var(--key-scale-bullet,#2e7d32)}.scale-bullet.root.svelte-w87oac{fill:var(--key-dot-root,#c0392b)}