.key.svelte-wxus1c{display:flex;align-items:flex-end;justify-content:center;font-size:1rem;line-height:1.5rem;--tw-text-opacity:1;color:rgb(82 82 91 / var(--tw-text-opacity))}.key.svelte-wxus1c:disabled{cursor:not-allowed;--tw-bg-opacity:1;background-color:rgb(113 113 122 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(212 212 216 / var(--tw-text-opacity));opacity:.95;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.note.svelte-wxus1c{-webkit-user-select:none;-moz-user-select:none;user-select:none}.white.playing.svelte-wxus1c,.black.playing.svelte-wxus1c{border:solid 3px rgb(66,224,255)}.white.svelte-wxus1c{--tw-bg-opacity:1;background-color:rgb(244 244 245 / var(--tw-bg-opacity));width:7.15%;height:100%;border:solid 1px black;box-sizing:border-box;position:absolute;box-shadow:0 0 20px #ffffffb3}.white.svelte-wxus1c:active{background-color:#e8e8e8}.black.svelte-wxus1c{width:4%;height:60%;background-color:#000;border:solid 1px rgb(74,74,74);position:absolute;z-index:1;box-shadow:0 0 20px #ffffffb3,0 4px 10px #00000080}.black.svelte-wxus1c:active{background-color:#000}.black.svelte-wxus1c:disabled{cursor:not-allowed;--tw-bg-opacity:1;background-color:rgb(39 39 42 / var(--tw-bg-opacity))}#key-1.svelte-wxus1c{left:0%}#key-3.svelte-wxus1c{left:7.15%}#key-5.svelte-wxus1c{left:14.3%}#key-6.svelte-wxus1c{left:21.45%}#key-8.svelte-wxus1c{left:28.6%}#key-10.svelte-wxus1c{left:35.75%}#key-12.svelte-wxus1c{left:42.9%}#key-13.svelte-wxus1c{left:50.05%}#key-15.svelte-wxus1c{left:57.2%}#key-17.svelte-wxus1c{left:64.35%}#key-18.svelte-wxus1c{left:71.5%}#key-20.svelte-wxus1c{left:78.65%}#key-22.svelte-wxus1c{left:85.8%}#key-24.svelte-wxus1c{left:92.95%}#key-25.svelte-wxus1c{left:100.1%}#key-2.svelte-wxus1c{left:5%}#key-4.svelte-wxus1c{left:12.15%}#key-7.svelte-wxus1c{left:26.45%}#key-9.svelte-wxus1c{left:33.6%}#key-11.svelte-wxus1c{left:40.75%}#key-14.svelte-wxus1c{left:55%}#key-16.svelte-wxus1c{left:62.15%}#key-19.svelte-wxus1c{left:76.45%}#key-21.svelte-wxus1c{left:83.6%}#key-23.svelte-wxus1c{left:90.75%}canvas.svelte-1uwy620{filter:invert(1) brightness(2)}.fade-out.svelte-1p0ljvq{animation:svelte-1p0ljvq-fadeOutAnimation 1s ease forwards}@keyframes svelte-1p0ljvq-fadeOutAnimation{0%{opacity:1}to{opacity:0}}