.volume-control.svelte-sr02wu.svelte-sr02wu{display:flex;align-items:center;gap:10px}.volume-control.svelte-sr02wu input[type=range].svelte-sr02wu{width:200px}@media (min-width: 912px) and (max-width: 1660px){.piano-keys.svelte-sr02wu>button.svelte-sr02wu:nth-child(n+25){display:none}.wrapper.svelte-sr02wu.svelte-sr02wu{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-sr02wu>button.svelte-sr02wu:nth-child(n+25){display:none}.wrapper.svelte-sr02wu.svelte-sr02wu{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-sr02wu .white.svelte-sr02wu{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-sr02wu .black.svelte-sr02wu{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-sr02wu .white.svelte-sr02wu: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-sr02wu>button.svelte-sr02wu:nth-child(n+13){display:none}.wrapper.svelte-sr02wu.svelte-sr02wu{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-sr02wu.svelte-sr02wu{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-sr02wu.svelte-sr02wu{padding:0;margin:0;display:flex;list-style:none}.piano-keys.svelte-sr02wu .white.svelte-sr02wu{height:200px;display:flex;flex-direction:row;justify-content:center;align-items:flex-end;width:50px;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-sr02wu .white.svelte-sr02wu:active{height:205px;width:50px;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-keys.svelte-sr02wu .key span.svelte-sr02wu{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-sr02wu.svelte-sr02wu{color:#bababa;width:100%;text-align:center;padding-top:0;padding-bottom:2em;font:-webkit-mini-control}.piano-keys.svelte-sr02wu .black.svelte-sr02wu{z-index:2;width:44px;height:120px;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-sr02wu .black.svelte-sr02wu:active{z-index:2;width:44px;height:124px;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}