.mobile-menu-enter.svelte-1apv8g3{animation:svelte-1apv8g3-slideIn .2s ease-out}@keyframes svelte-1apv8g3-slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.piano-key.svelte-urq8sj{cursor:pointer;transition:fill .05s ease-out,filter .05s ease-out,y .05s ease-out,height .05s ease-out;will-change:fill,filter,y,height}.piano-key--white.svelte-urq8sj{fill:var(--color-piano-white-key);stroke:var(--color-piano-white-key-border);stroke-width:1}.piano-key--black.svelte-urq8sj{fill:var(--color-piano-black-key);stroke:var(--color-piano-black-key-border);stroke-width:.5}.piano-key--white.svelte-urq8sj:hover:not(.piano-key--pressed){fill:var(--color-piano-white-key-hover)}.piano-key--black.svelte-urq8sj:hover:not(.piano-key--pressed){fill:var(--color-piano-black-key-hover)}.piano-key.svelte-urq8sj:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.key-label.svelte-urq8sj{font-family:Google Sans Flex,system-ui,sans-serif;font-weight:300;pointer-events:none;-webkit-user-select:none;user-select:none}.key-label--white.svelte-urq8sj{font-size:28px;fill:#646478b3}.key-label--black.svelte-urq8sj{font-size:20px;fill:#ffffffb3}.piano-container.touch-enabled.svelte-15xm9q9{touch-action:none}.midi-btn.svelte-5nq8e5{transition:width .3s ease-out,border-color .3s ease-out,color .3s ease-out}