@media (min-width: 912px) and (max-width: 1660px){.piano-keys.svelte-h29adi>button.svelte-h29adi:nth-child(n+23){display:none}.wrapper.svelte-h29adi.svelte-h29adi{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-h29adi>button.svelte-h29adi:nth-child(n+18){display:none}.wrapper.svelte-h29adi.svelte-h29adi{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-h29adi .white.svelte-h29adi{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,hsl(0,0%,93%) 0%,white 100%);color:#0000004d}.piano-keys.svelte-h29adi .black.svelte-h29adi{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:rgba(62,63,66,1);color:#ffffff80}.piano-keys.svelte-h29adi .white.svelte-h29adi: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,hsla(0,0%,100%,.303) 0%,rgb(255,255,255) 100%);color:#0000004d}.piano-keys.svelte-h29adi>button.svelte-h29adi:nth-child(n+13){display:none}.wrapper.svelte-h29adi.svelte-h29adi{width:20em!important;padding:15em;border-radius:20px;background:rgba(62,63,66,1);box-shadow:inset 0 -1px 1px #ffffff70,inset -.4rem .4rem #282828,0 0 50px #00000080 inset,0 5px 15px #00000080}}.wrapper.svelte-h29adi.svelte-h29adi{width:-moz-max-content;width:max-content;padding:1em;border-radius:20px;background:rgba(62,63,66,1);box-shadow:inset 0 -1px 1px #ffffff70,inset -.4rem .4rem #282828,0 0 50px #00000080 inset,0 5px 15px #00000080}.piano-keys.svelte-h29adi.svelte-h29adi{padding:0;margin:0;display:flex;list-style:none}.piano-keys.svelte-h29adi .white.svelte-h29adi{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,hsl(0,0%,93%) 0%,white 100%);color:#0000004d}.piano-keys.svelte-h29adi .white.svelte-h29adi: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,hsl(0,4%,86%) 0%,rgb(253,250,250) 100%);color:#0000004d}.piano-keys.svelte-h29adi .key span.svelte-h29adi{position:absolute;bottom:20px;width:100%;color:#a2a2a2;font-size:18px;text-align:center;color:#0000004d;font-family:Roboto;font-weight:500}.piano-header.svelte-h29adi.svelte-h29adi{color:#bababa;width:100%;text-align:center;padding-top:0;padding-bottom:2em;font:-webkit-mini-control}.piano-keys.svelte-h29adi .black.svelte-h29adi{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:rgba(62,63,66,1);color:#ffffff80}.piano-keys.svelte-h29adi .black.svelte-h29adi: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 0%,#545454 100%);color:#ffffff80}