.natural.svelte-18osc30.svelte-18osc30{height:16.5rem;width:5rem;border-radius:0 0 .5rem .5rem;border:1px solid #a3a3a3;background:linear-gradient(#fff 94%,#e5e5e5 4%);transition:all .1s ease}.natural.pressed.svelte-18osc30.svelte-18osc30{box-shadow:inset - .375rem .375rem 20px #0003;background:linear-gradient(#fafafa 0%,#e5e5e5 100%);transition:all .1s ease}.natural.pressed.svelte-18osc30 span.svelte-18osc30{color:#525252}.accidental.svelte-18osc30.svelte-18osc30{z-index:10;width:3rem;height:10rem;margin:0 -1.5rem;border-radius:0 0 .375rem .375rem;background:linear-gradient(#262626 92%,#171717 6%)}.accidental.pressed.svelte-18osc30.svelte-18osc30{box-shadow:inset -.375rem -.75rem .75rem #ffffff1a;background:linear-gradient(#171717,#404040)}.accidental.svelte-18osc30 span.svelte-18osc30{bottom:1rem;color:#a3a3a3}.accidental.pressed.svelte-18osc30 span.svelte-18osc30{color:#e5e5e5}