@media (min-width: 912px) and (max-width: 1660px){.piano-keys.svelte-1vmizu2>button:where(.svelte-1vmizu2):nth-child(n+23){display:none}.wrapper.svelte-1vmizu2{width:-moz-max-content;width:max-content;padding:5em;border-radius:20px;background:linear-gradient(-65deg,#211f1f,#3e3e3e,#242121,#666,#1f1c1c 75%);box-shadow:inset 0 -1px 1px #ffffff70,inset -.4rem .4rem #282828,0 0 50px #00000080 inset,0 5px 15px #00000080}}@media (min-width: 740px) and (max-width: 912px){.piano-keys.svelte-1vmizu2>button:where(.svelte-1vmizu2):nth-child(n+18){display:none}.wrapper.svelte-1vmizu2{width:-moz-max-content;width:max-content;padding:5em;border-radius:20px;background:linear-gradient(-65deg,#211f1f,#3e3e3e,#242121,#666,#1f1c1c 75%);box-shadow:inset 0 -1px 1px #ffffff70,inset -.4rem .4rem #282828,0 0 50px #00000080 inset,0 5px 15px #00000080}}@media (max-width: 740px){.piano-keys.svelte-1vmizu2 .white:where(.svelte-1vmizu2){height:280px!important;display:flex;flex-direction:row;justify-content:center;align-items:flex-end;width:70px;font-weight:600;border:1px solid #000;border-left:1px solid #fff2;border-bottom:1px solid #bababa;border-radius:0 0 5px 5px;box-shadow:-1px 0 #fffc inset,0 0 3px #0003,inset -15px 0 20px #0006,inset 3px 0 20px #fff,0 5px 5px #000!important;background:linear-gradient(to bottom,#ededed,#fff);color:#0000004d}.piano-keys.svelte-1vmizu2 .black:where(.svelte-1vmizu2){z-index:2;width:44px;height:180px!important;margin:0 -22px;border:1px solid #000;border-radius:0 0 3px 3px;box-shadow:-1px -1px 2px #fff3 inset,0 -5px 2px 3px #0009 inset,0 2px 4px #00000080;background:#3e3f42;color:#ffffff80}.piano-keys.svelte-1vmizu2 .white:where(.svelte-1vmizu2):active{height:250px;width:70px;border:1px solid #000;border-left:1px solid #fff2;border-bottom:1px solid #bababa;border-radius:0 0 5px 5px;box-shadow:-1px 0 #fffc inset,0 0 3px #0003,inset -15px 0 20px #0006,inset 3px 0 20px #fff,0 5px 5px #000;background:linear-gradient(to bottom,#ffffff4d,#fff);color:#0000004d}.piano-keys.svelte-1vmizu2>button:where(.svelte-1vmizu2):nth-child(n+13){display:none}.wrapper.svelte-1vmizu2{width:20em!important;padding:15em;border-radius:20px;background:#3e3f42;box-shadow:inset 0 -1px 1px #ffffff70,inset -.4rem .4rem #282828,0 0 50px #00000080 inset,0 5px 15px #00000080}}.wrapper.svelte-1vmizu2{width:-moz-max-content;width:max-content;padding:1em;border-radius:20px;background:#3e3f42;box-shadow:inset 0 -1px 1px #ffffff70,inset -.4rem .4rem #282828,0 0 50px #00000080 inset,0 5px 15px #00000080}.piano-keys.svelte-1vmizu2{padding:0;margin:0;display:flex;list-style:none}.piano-keys.svelte-1vmizu2 .white:where(.svelte-1vmizu2){height:320px;display:flex;flex-direction:row;justify-content:center;align-items:flex-end;width:70px;font-weight:600;border:1px solid #000;border-left:1px solid #fff2;border-bottom:1px solid #bababa;border-radius:0 0 5px 5px;box-shadow:-1px 0 #fffc inset,0 0 3px #fff3,inset -15px 0 20px #c2bebe66,inset 3px 0 20px #fff,0 5px 5px #ffffff1a;background:linear-gradient(to bottom,#ededed,#fff);color:#0000004d}.piano-keys.svelte-1vmizu2 .white:where(.svelte-1vmizu2):active{height:320px;width:70px;border-left:1px solid #fff2;border-bottom:1px solid #bababa;border-radius:0 0 5px 5px;box-shadow:-1px 0 #fffc inset,0 0 3px #0003,inset -15px 0 20px #0006,inset 3px 0 20px #fff,0 5px 5px #000;background:linear-gradient(to bottom,#dddada,#fdfafa);color:#0000004d}.piano-header.svelte-1vmizu2{color:#bababa;width:100%;text-align:center;padding-top:0;padding-bottom:2em;font:-webkit-mini-control}.piano-keys.svelte-1vmizu2 .black:where(.svelte-1vmizu2){z-index:2;width:44px;height:200px;margin:0 -22px;border:1px solid #000;border-radius:0 0 3px 3px;box-shadow:-1px -1px 2px #fff3 inset,0 -5px 2px 3px #0009 inset,0 2px 4px #00000080;background:#3e3f42;color:#ffffff80}.piano-keys.svelte-1vmizu2 .black:where(.svelte-1vmizu2):active{z-index:2;width:44px;height:200px;margin:0 -22px;border:1px solid #000;border-radius:0 0 3px 3px;box-shadow:-1px -1px 2px #fff3 inset,0 -5px 2px 3px #0009 inset,0 2px 4px #00000080;background:linear-gradient(45deg,#595959,#545454);color:#ffffff80}