@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&display=swap);*{box-sizing:inherit;margin:0;padding:0}:root{--piano-border-color:#787b84;--piano-border-color2:#d5d6dd;--pale-gold:#fefddb;--violet:#9f82ee;--violet-hover:#9177da;--violet-focus:#7f68be;--violet-bg:#4f378b;--dark-violet-bg:#504458;box-sizing:border-box}#myCanvas{left:5rem;position:fixed;top:5rem}body{overflow:hidden}body,button,input,textarea{font-family:Open Sans,serif}body.piano-freeze .piano-inner{pointer-events:none}.interface{align-items:center;background-position:50%;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:flex-end;padding-bottom:calc(4rem + 1%);width:100vw}.piano-wrapper{-webkit-user-select:none;user-select:none}.btn--icon{background-color:initial;background-position:50%;background-repeat:no-repeat;border:1px solid #0000;opacity:.9;outline:none;position:relative;transition:all .25s ease-in-out}.btn--icon:hover{cursor:pointer;opacity:1}.btn--icon:before{background-color:#ffffff1a;border:1px solid #0000;border-radius:50%;content:"";height:100%;left:-1px;opacity:0;position:absolute;top:-1px;transform:scale(.9);transition:inherit;width:100%}.btn--icon:hover:before{opacity:1;transform:none}.btn--icon:active:before{border:1px solid #fff6}.notepad{position:relative;top:-24rem}.textarea{background-color:#dbd8e2;border:none;border-radius:4px;color:#3d3c41;font-weight:500;line-height:1.3;outline:none;padding:.8rem .7rem;resize:none;transition:all .2s ease-in-out;width:23rem}.textarea:focus{background-color:#fff;box-shadow:0 2px 3px 1px #85858566,0 4px 6px 2px #85858533}.nav-bar{display:flex;left:3rem;position:absolute;top:2rem}.nav__link{align-items:center;display:flex;gap:.5rem;text-decoration:none}.nav__icon{background-position:50%;background-repeat:no-repeat;background-size:100%;color:#0000;height:2.5rem;transition:all .2s ease-in-out;width:2.5rem}.nav__icon:hover{opacity:.8}.nav__icon--github{background-image:url(/virtual-instrument/static/media/github.50558b4219a4ca618c15.svg)}.nav__label{border-radius:4px;box-shadow:0 2px 5px 1px #8585854d;color:#0a0a0a;opacity:0;padding:.5em .6em;pointer-events:none;transition:all .2s ease-in-out}.nav__icon:hover+.nav__label{opacity:1;pointer-events:all}.widget{bottom:9rem;left:3rem;position:absolute;z-index:30}.widget__main{align-items:center;background-color:#1f1f1f;border:1px solid #ffffff26;border-radius:20px;display:flex;gap:1rem;height:3rem;max-width:20rem;min-width:3rem;overflow:hidden;padding:.4rem .4rem .5rem .8rem;position:relative;transition:all .25s ease-in-out}.widget__main:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAACaCAYAAABbjz0AAAAA0GVYSWZJSSoACAAAAAoAAAEEAAEAAABmAAAAAQEEAAEAAACaAAAAAgEDAAMAAACGAAAAEgEDAAEAAAABAAAAGgEFAAEAAACMAAAAGwEFAAEAAACUAAAAKAEDAAEAAAADAAAAMQECAA0AAACcAAAAMgECABQAAACqAAAAaYcEAAEAAAC+AAAAAAAAAAgACAAIADcCAAAUAAAANwIAABQAAABHSU1QIDIuMTAuMzgAADIwMjQ6MTI6MjggMTc6MTY6MjkAAQABoAMAAQAAAAEAAAAAAAAAI77nmgAAAYRpQ0NQSUNDIHByb2ZpbGUAAHicfZE9SMNAHMVfU6UqVQc7iHTIUJ3soqKOtQpFqBBqhVYdTC79giYNSYqLo+BacPBjserg4qyrg6sgCH6AODs4KbpIif9LCi1iPTjux7t7j7t3gFAvM83qigGabpupRFzMZFfFwCuCCKMXA5iRmWXMSVISHcfXPXx8vYvyrM7n/hz9as5igE8kjjHDtIk3iKc3bYPzPnGIFWWV+Jx43KQLEj9yXfH4jXPBZYFnhsx0ap44RCwW2lhpY1Y0NeIp4oiq6ZQvZDxWOW9x1spV1rwnf2Ewp68sc51mGAksYgkSRCioooQybERp1UmxkKL9eAf/iOuXyKWQqwRGjgVUoEF2/eB/8LtbKz854SUF40D3i+N8jAKBXaBRc5zvY8dpnAD+Z+BKb/krdWD2k/RaS4scAYPbwMV1S1P2gMsdYPjJkE3Zlfw0hXweeD+jb8oCQ7dA35rXW3Mfpw9AmrpK3gAHh8BYgbLXO7y7p723f880+/sBxJFyx5jgts8AAA14aVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA0LjQuMC1FeGl2MiI+CiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICB4bWxuczpHSU1QPSJodHRwOi8vd3d3LmdpbXAub3JnL3htcC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgeG1wTU06RG9jdW1lbnRJRD0iZ2ltcDpkb2NpZDpnaW1wOmU0NmE0ZmU4LThmNjEtNGIxZS05OGY5LTY5NzdlN2RiZmNmZCIKICAgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNmYwZGZmNy01YTNmLTQ1NzctOGMxOC0wMGMwNWI1ZWU0ODEiCiAgIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3N2VjOTA1MS03MGI3LTRmNmYtOTQ0Yi1hNTY1OTAwNWU1OWMiCiAgIGRjOkZvcm1hdD0iaW1hZ2UvcG5nIgogICBHSU1QOkFQST0iMi4wIgogICBHSU1QOlBsYXRmb3JtPSJMaW51eCIKICAgR0lNUDpUaW1lU3RhbXA9IjE3MzUzNzczODk3MzM3NTciCiAgIEdJTVA6VmVyc2lvbj0iMi4xMC4zOCIKICAgdGlmZjpPcmllbnRhdGlvbj0iMSIKICAgeG1wOkNyZWF0b3JUb29sPSJHSU1QIDIuMTAiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjQ6MTI6MjhUMTc6MTY6MjkrMDg6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDI0OjEyOjI4VDE3OjE2OjI5KzA4OjAwIj4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiCiAgICAgIHN0RXZ0OmNoYW5nZWQ9Ii8iCiAgICAgIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YWQ4MTIwYWQtYzc4Mi00N2Q3LWJjYzUtODE5YWIyY2RjM2VhIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJHaW1wIDIuMTAgKExpbnV4KSIKICAgICAgc3RFdnQ6d2hlbj0iMjAyNC0xMi0yOFQxNzoxNjoyOSswODowMCIvPgogICAgPC9yZGY6U2VxPgogICA8L3htcE1NOkhpc3Rvcnk+CiAgPC9yZGY6RGVzY3JpcHRpb24+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz78tEYqAAAABmJLR0QAjACmAPN0FGSYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH6AwcCRAdz+lzbgAAFclJREFUeF7tnXl0FFW+x7/Vne5Oh+wLWSEhG0v2hE10wA0c49PxjYMLCLjh6DhPZ3tznj7f87gwOiP6BHRQGXEB3HgM6hMQUCCCLNmTTgIkZE8nITvZekm66/0RujtJV9e93V3V6Wh/zuGcoupb6ar61q3f/d176xbwI+Ffbr2NvfuWXJakmy4wJIG788EHX91ryO/4JD4iA94ANK0D0C7VPpr7QO4O0r7uzLQ25vCrZ9jOkUzObSnKamT9PmPant+0PPCaXbW/PNcctY+kA4CFYQ2b5m2c/yxJ525MO2N2/0XjUBy5/xnltDrXaXOwNXsbIs/VhLeSdHxkRtQ9l/pQygsknTswLYxxtJRwkWSsxJJnF7r9ebv1AV7YXbOisCnmBElnLzH6bgREX9mUtTHFbWOP2xpTuek8W8LEkWRO466xx+0O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);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:2.5rem;left:50%;opacity:0;position:absolute;top:48%;transform:translate(-50%,-50%) scale(.9);transition:inherit;transition-delay:0s;width:2.5rem}.widget__main.folded{border-radius:50%;border-width:2px;cursor:pointer;height:3rem;max-width:3rem}.widget__main.folded:hover{border-color:var(--violet-hover)}.widget__main.folded:before{opacity:.8;transform:translate(-50%,-50%);transition-delay:.2s}@media (max-width:1150px){.widget{left:calc(1rem + 1vw)}.widget__main{border-radius:20px;flex-direction:column;gap:.5rem;height:4.5rem}.widget__close-btn{bottom:.4rem;margin:0!important;position:absolute;right:.4rem}}.widget__content{overflow:hidden;white-space:nowrap}.widget__main>*{max-width:10rem;overflow:hidden;transition:inherit}.widget__main.folded>*{max-width:0}.widget__content:hover{color:#fff;cursor:pointer;-webkit-text-decoration:underline 1px solid;text-decoration:underline 1px solid;text-underline-offset:2px}.widget__btn{background-color:var(--violet);border:1px solid #0000;border-radius:10px;font-weight:600;padding:.2rem .5rem .25rem;transition:all .2s ease-in-out}.widget__main.folded .widget__btn{display:none}.widget__btn:hover{background-color:var(--violet-hover);cursor:pointer}.widget__btn:active{border:1px solid var(--violet)}.widget__close-btn{background-image:url(/virtual-instrument/static/media/close.7ec423f9a773245bc2d1.svg);background-size:70%;border-radius:50%;height:2.2rem;margin-left:-.7rem;opacity:.8;width:2.2rem}.audio-wrapper{align-items:center;display:flex;gap:1rem}.audio{display:none}.audio__btn{background-color:initial;background-position:0;background-repeat:no-repeat;border:none;height:1.6rem;transition:all .2s ease-in-out;width:1.6rem}.audio__btn--play{background-image:url(/virtual-instrument/static/media/play.aebfc4159bf9197c8588.svg);background-position-x:15%;background-size:85%}.audio-entry.on .audio__btn--play:hover{cursor:pointer;transform:scale(1.2)}.audio__btn--pause{background-image:url(/virtual-instrument/static/media/pause.53c4a56462215e0d966a.svg);background-size:100%}.audio__label{align-items:center;background-color:var(--violet-bg);border-radius:50%;color:#e4d7f7;display:flex;font-weight:500;height:1.8rem;justify-content:center;line-height:1;width:2rem}.audio__inner{width:100%}.audio__inner.no-controls{display:flex;gap:1rem}.audio__title-wrapper{display:block;position:relative;width:10rem}.audio-entry.off .audio__title-wrapper{pointer-events:none}.audio__title{background-color:initial;border:none;color:#eee;font-size:1rem;font-weight:400;outline:none;text-overflow:ellipsis;transition:all .25s ease-in-out;white-space:nowrap;width:100%}.audio__title:focus{color:var(--violet)}.audio__title-underline{border-top:1px solid var(--violet);bottom:0;display:block;height:0;left:0;opacity:0;position:absolute;transform:scaleX(.5);transform-origin:left;transition:all .25s ease-in-out;width:100%}.audio__title:focus+.audio__title-underline{opacity:1;transform:none}.audio__header{align-items:center;display:flex;justify-content:space-between}.audio__more{position:relative;z-index:10}.audio__more-btn{background-image:url(/virtual-instrument/static/media/more.4be310fd6c52544ea0b9.svg);background-size:75%;height:2rem;width:2rem}.audio__actions{background-color:#2f3131;border-radius:5px;padding:.3rem 0;position:absolute;right:0;top:calc(100% + .5rem);transform-origin:right top;transition:all .25s ease-in-out}.audio__actions.off{opacity:0;pointer-events:none;transform:scale(.9)}.audio__actions.on{opacity:1;transform:none}.audio__act{background-position:9%;background-repeat:no-repeat;background-size:16%;padding:.5rem 1rem .6rem 2.4rem;transition:all .2s ease-in-out}.audio__act:hover{background-color:#7a7a7a33;cursor:pointer}.audio__act--delete{background-image:url(/virtual-instrument/static/media/delete.5bfaca79cb0cea931db8.svg)}.audio__act--download{background-image:url(/virtual-instrument/static/media/download.d42bec47d776016370ef.svg)}.audio__duration{align-items:center;color:#aaa;display:flex;gap:.5rem;margin-left:auto;width:-webkit-max-content;width:max-content}.audio__dur-icon{background-image:url(/virtual-instrument/static/media/clock.0ea5184f8c4bbfe41f43.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:1.3rem;width:1.3rem}.audio__inner.controls .audio__duration{margin-top:.6rem}@keyframes fadeScaleIn{0%{opacity:0;transform:translateY(10%) scale(0)}to{opacity:1;transform:none}}.audio__track-wrapper{align-items:center;animation-duration:.3s;animation-fill-mode:forwards;animation-name:fadeScaleIn;display:flex;height:15px;margin:.4rem 0 .6rem;transform:none;transform-origin:left;transition:all .3s ease-in-out;width:calc(100% - .5rem)}.audio__track-wrapper:hover{cursor:pointer}.audio__track{background-color:#aaaaaab7;border-radius:3px;height:3px;opacity:1;transition:all .3s ease-in-out;width:100%}.audio__track-wrapper:hover .audio__track{height:5px}.audio__played{background-color:#fff;border-radius:inherit;height:100%;position:relative}.audio__thumb{background-color:#fff;border-radius:50%;height:1rem;opacity:1;position:absolute;right:0;top:50%;transform:translate(50%,-50%);transition:all .2s ease-in-out;width:1rem}.audio__thumb.off{opacity:0;transform:scale(0) translate(50%,-50%)}.audio__track-wrapper:hover .audio__thumb{transform:scale(1.1) translate(50%,-50%)}.piano-wrapper{max-width:100%;position:relative}.piano-inner{--num-keys:36;display:block;perspective:100px;transform-style:preserve-3d;width:-webkit-max-content;width:max-content}.piano,.piano-inner{margin:0 auto;position:relative}.piano{--border-style:1px solid var(--piano-border-color);--piano-padding:min(2.5rem,3vw);--piano-height:calc(var(--key-height) + 4rem);--key-width:min(2.2rem,max(1.5rem,calc((100vw - var(--piano-padding)*2 - 3rem)/var(--num-keys))));--key-height:min(11rem,max(9rem,calc(var(--key-width)*5.8)));height:var(--piano-height);padding:0 var(--piano-padding) var(--piano-padding);transform:rotateX(1deg);transform-origin:top;transform-style:preserve-3d;z-index:0}.piano:before{--black-bg-height:calc(var(--piano-height) - var(--piano-padding));background-image:linear-gradient(-45deg,#fff0,40%,#ffffff1a,60%,#fff0),linear-gradient(to bottom,#000 var(--black-bg-height),#0000 var(--black-bg-height)),linear-gradient(to bottom,#242e30,#3b4547);height:100%;top:0;transform:translateZ(-10px) scale(1.1)}.piano:after,.piano:before{border-radius:3px;content:"";left:0;position:absolute;width:100%}.piano:after{background-image:linear-gradient(180deg,#010101,#000);background-size:cover;height:2rem;top:100%;transform:rotateX(-5deg);transform-origin:top}.piano__key,.piano__key-wrapper{display:inline-block;position:relative;transform-style:preserve-3d}.piano__key{border-right:var(--border-style);border-top:var(--border-style);transform-origin:top;vertical-align:top}.piano__key--white{background-color:#fff;background-image:linear-gradient(180deg,#f0f2f5,#fff);border-image:linear-gradient(to bottom,var(--piano-border-color),var(--piano-border-color2)) 1;border-radius:0 0 3px 3px;border-style:solid;border-width:1px 1px 0;height:var(--key-height);width:var(--key-width);z-index:5}.piano__key--white.piano__key--pressed,.piano__key-wrapper.white:active .piano__key--white{background-image:linear-gradient(180deg,#f0f2f5,#f5f4f4);height:calc(var(--key-height)*1.02 + .1rem);transform:rotateX(-.5deg)}.piano__key--white:before{background-color:#d0d1d6;background-image:linear-gradient(180deg,#f0f2f5,#e5e7e9);bottom:0;content:"";height:calc(100% + 1.3rem);left:0;position:absolute;right:0;top:0;transform:translateZ(-2.5px);width:100%}.piano__key--white.piano__key--pressed:before,.piano__key-wrapper.white:active .piano__key--white:before{display:none}.piano__key--white .key__shadow{background-color:#a5abc3;background-image:linear-gradient(180deg,#b7b8bd,#cbccd1);border-bottom:var(--border-style);border-right:var(--border-style);height:1.3rem;position:absolute;top:100%;transform:rotateX(-5deg) translateZ(-.5px);transform-origin:top;width:calc(100% + 2px);z-index:50}.piano__key--white:first-child .key__shadow{border-left:var(--border-style);margin-left:-1px;width:calc(100% + 3px)}.piano__key--white.piano__key--pressed .key__shadow,.piano__key-wrapper.white:active .piano__key--white .key__shadow{height:1.1rem}.piano__key-wrapper.black{z-index:10}.piano__key--black{--black-key-width:calc(0.3rem + var(--key-width)/2);--black-key-height:min(7rem,max(5rem,calc(var(--black-key-width)*5)));background-color:#424242;background-image:linear-gradient(90deg,#000,10%,#0000,90%,#000),linear-gradient(180deg,#0000 5.8rem,#8d8d8d80 0);border-radius:0 0 3px 3px;box-shadow:inset 0 -2px 4px #00000080;height:var(--black-key-height);margin-left:calc(var(--black-key-width)*-1/2);margin-right:calc(var(--black-key-width)*-1/2);transform-style:preserve-3d;width:var(--black-key-width);z-index:10}.piano__key--black.piano__key--pressed,.piano__key-wrapper.black:active .piano__key--black{--black-key-height:min(7.1rem,max(5.1rem,calc(var(--black-key-width)*5 + 0.1rem)));background-color:#4e4e4e;background-image:linear-gradient(90deg,#000,10%,#0000,90%,#000),linear-gradient(180deg,#0000 5.8rem,#66666680 0)}.piano__key--black:before{--black-key-width:0.8rem;--height:calc(100% - 0.7rem);background-color:#1a1a1a;background-image:linear-gradient(180deg,#000,70%,#272727);box-shadow:0 1px 5px #424242;content:"";display:block;height:var(--height);left:calc((100% - var(--black-key-width))/2);position:absolute;top:0;width:var(--black-key-width)}.piano__key--black.piano__key--pressed:before,.piano__key-wrapper.black:active .piano__key--black:before{--height:calc(100% - 0.6rem)}.key__note{font-family:Oswald,sans-serif;font-weight:400;position:relative;text-align:center;top:calc(100% - 2rem)}.piano__key--black .key__note{color:#e7e6c9;top:calc(100% - 3rem)}.piano-headboard{perspective:100px;position:relative;transform-style:preserve-3d;width:100%;z-index:30}.piano__title{background-image:linear-gradient(100deg,#3b4547,70%,#abbbc3);border-radius:3px;box-shadow:inset 0 3px 5px #0003;color:var(--pale-gold);font-family:Oswald,sans-serif;font-size:1.1rem;font-weight:400;letter-spacing:.2rem;padding:1.5rem;text-align:center;text-shadow:0 1px 2px #000;text-transform:uppercase;transform:rotateX(1deg);transform-origin:bottom}.piano__band{background-color:#010101;height:2rem;position:relative;width:100%}.piano__band:before{background-image:url(data:image/jpeg;base64,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);background-size:cover;box-shadow:inset 0 1px 2px #a9744a;content:"";height:4px}.piano__band:before,.piano__loading{bottom:0;left:0;position:absolute;width:100%}.piano__loading{align-items:center;background-image:linear-gradient(180deg,#0000 0,#0000 73.3px,#484b4bb3 0,#484b4bb3);display:flex;flex-direction:column;height:100%;justify-content:center;right:0;top:0;z-index:200}.loading__title{color:#fff;display:block;font-family:Roboto,sans-serif;font-size:1.1rem;margin-top:1vw}.loading__dots{display:flex;gap:.7rem;margin-top:1rem}@keyframes loading{0%{transform:scale(0)}to{transform:scale(1)}}.loading__dot{animation-direction:alternate;animation-duration:.6s;animation-iteration-count:infinite;animation-name:loading;background-color:#fff;border-radius:50%;display:block;height:1.2rem;width:1.2rem}.loading__dot:nth-child(2){animation-delay:.15s}.loading__dot:nth-child(3){animation-delay:.3s}.loading__error{color:#fff;font-family:Roboto,sans-serif;font-size:1.1rem;line-height:1.6;text-align:center}.metro-markings{--border-color:#c6bc9f;color:#c6bc9f;display:flex;font-size:.7rem;height:405px;line-height:1;padding:0 5rem;-webkit-user-select:none;user-select:none}.markings__col{height:405px;position:relative;width:5rem;z-index:20}.markings__col:before{content:"";position:absolute;width:0}.markings--left:before{border-left:2px solid var(--border-color);height:calc(100% - 18px);right:0;top:6px}.markings--right:before{border-right:2px solid var(--border-color);height:calc(100% - 22px);left:0;top:10px}.markings--right:after{border-top:2px solid var(--border-color);bottom:11px;content:"";height:0;left:0;position:absolute;width:2rem}.marking{align-items:center;display:flex;gap:.6rem;position:absolute;width:100%}.marking--left{justify-content:right}.marking--right{justify-content:left}.marking__line{border-bottom:2px solid var(--border-color);height:0;width:2rem}.metro__labels{position:relative;width:4rem}.metro__label{color:var(--pale-gold);font-family:Oswald,sans-serif;opacity:.8;position:absolute;text-align:center;text-transform:uppercase;width:100%}@keyframes beat{0%{transform:rotate(-30deg)}to{transform:rotate(30deg)}}.pendulum{bottom:-2rem;cursor:pointer;height:calc(100% + 2rem);left:50%;position:absolute;transform-origin:bottom;translate:-50% 0;width:3.3rem;z-index:40}.pendulum.on{animation-direction:alternate;animation-duration:1s;animation-iteration-count:infinite;animation-name:beat;animation-timing-function:linear;pointer-events:none}.pendulum__slider{background-color:#c0c0c080;background-image:linear-gradient(180deg,#8b8b8b80,60%,#ffffffe6,68%,#c0c0c080,90%,#0000 98%);border-radius:1px;box-shadow:inset 1px 0 1px #ffffff80,inset -1px 0 1px #ffffff80;height:100%;margin:0 auto;width:8px}.pendulum__head{background-image:url(/virtual-instrument/static/media/metronome.ad1bd4997043f1bbc08b.png);background-position:50%;background-repeat:no-repeat;background-size:contain;cursor:grab;height:3.2rem;left:0;position:absolute;top:0;transform-origin:top;transition:all .2s ease-in-out,translate 0s;width:100%}.pendulum__head:active{cursor:move;opacity:.8;transform:scale(.95)}.metro-attrs{padding:.5rem .5rem 1rem}.attrs-flex{align-items:center;display:flex;gap:1rem}.metro__attr{color:#ccc}.metro__attr--note{font-size:.9rem;margin-top:.3rem}.metro__btn{background-color:var(--violet);border:1px solid #0000;border-radius:6px;color:#000;font-weight:500;outline:none;padding:.15rem .4rem .2rem;transition:all .2s ease-in-out}.metro__btn:hover{background-color:var(--violet-focus);cursor:pointer}.metro__btn:active{border:1px solid var(--piano-border-color2)}.piano__tools{--height:25rem;align-items:center;background-image:linear-gradient(110deg,#010101,30%,#1f1f1f,80%,#010101);border-radius:10px 10px 0 0;color:#eee;display:flex;height:calc(100% + var(--height));left:-.3rem;padding:2rem 0 6rem;position:absolute;top:calc(var(--height)*-1);transform:translateZ(-2px);transform-style:preserve-3d;transition:all .3s ease-in-out;width:calc(100% + .6rem)}.piano__tools:before{background-blend-mode:multiply;background-image:url(/virtual-instrument/static/media/wood2.8cc766bf2a9df6610347.jpg),url(/virtual-instrument/static/media/gold_texture.f7ec49bf4ca9b955e533.avif);bottom:6.5rem;box-shadow:inset 0 -10px 10px #0003;content:"";display:block;filter:saturate(.6) opacity(.8);height:8.5rem;left:0;position:absolute;width:100%}.tools__inner{align-items:flex-end;bottom:10rem;display:flex;height:-webkit-max-content;height:max-content;left:50%;position:absolute;transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:30}.tools__back{background-color:initial;background-image:url(/virtual-instrument/static/media/back.96471cc888c50c420c48.svg);background-position:9%;background-repeat:no-repeat;background-size:27%;border:none;color:#efeeee;cursor:pointer;font-size:1rem;left:2.3rem;padding:.4rem .7rem .5rem 2.1rem;position:absolute;top:1.7rem}.tools__back:before{background-color:#ffffff28;border-radius:6px;content:"";height:100%;left:0;opacity:0;outline:1px solid #fff0;position:absolute;top:0;transform:scale(.9);transition:all .25s ease-in-out;width:100%;z-index:-1}.tools__back:hover:before{opacity:1;transform:none}.tools__back:active:before{outline:1px solid #ffffff54}.piano__tool{align-items:center;display:flex;max-height:10rem;transform:translateY(2rem);transition:all .3s ease-in-out}.piano__tool--on{transform:translateY(0)}.piano__tools--extend{background-image:radial-gradient(farthest-side at center 20%,#445856,60%,#010101)}.piano__tools:not(.piano__tools--extend) .piano__tool+.piano__tool{margin-left:2rem}.piano__tools--extend .piano__tool--off{opacity:0;pointer-events:none;width:0}.tool__btn,.tool__static-btn{align-items:center;display:flex;flex-direction:column;gap:.8rem;width:4rem}.tool__static-btn{position:relative;z-index:30}.tool__btn:hover{cursor:pointer}.piano__tool--on>.tool__btn:first-child{display:none}.tool__icon{height:2.5rem;width:2.5rem}.tool__label{color:#fefddb;cursor:pointer;font-family:Oswald,sans-serif;letter-spacing:.03rem;margin:0 auto;position:relative;transition:all .2s ease-in-out;width:-webkit-max-content;width:max-content}.piano__tool--on .tool__extend .tool__label{top:20.5rem}.tool__btn:hover .tool__label,.tool__label:hover{color:var(--violet)}.tool__label:before{border-bottom:1px solid var(--violet);bottom:0;content:"";display:block;height:0;opacity:0;position:absolute;transform:scaleX(0);transition:all .2s ease-in-out;width:100%}.tool__btn:hover .tool__label:before,.tool__label:hover:before{opacity:1;transform:none}.piano__tool--off .tool__static-btn{display:none}.tool__extend{border-radius:10px 10px 0 0;bottom:-6rem;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);height:100%;left:50%;min-height:26rem;opacity:0;overflow:hidden;overflow-y:hidden;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .3s ease-in-out;width:30rem}.tool__extend.folded{height:-webkit-max-content;height:max-content;z-index:25!important}.piano__tool--on .tool__extend{-webkit-clip-path:inset(0);clip-path:inset(0);opacity:1;pointer-events:all;width:30rem}.tool__extend.on{z-index:35}.tool__extend.off{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(10%)}.piano__tool--on .tool__extend.empty{max-width:0}.extend__close{background-color:initial;background-image:url(/virtual-instrument/static/media/close.7ec423f9a773245bc2d1.svg);background-repeat:no-repeat;border:none;position:absolute;right:1.3rem;top:1.3rem}.extend__back,.extend__close{background-position:50%;background-size:75%;border-radius:50%;height:2.3rem;width:2.3rem}.extend__back{background-image:url(/virtual-instrument/static/media/back.96471cc888c50c420c48.svg)}.icon--recorder{border:3px solid #fff;border-radius:50%;display:block;height:3.5rem;position:relative;transition:.3s ease-in-out;width:3.5rem}.piano__tool--off .icon--recorder{border:3.5px solid #e4b66d;transform:scale(.8)}.piano__tool--on .icon--recorder:after{background-color:#fff;border-radius:50%;content:"";display:block;left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease-in-out}.piano__tool--on .icon--recorder.idle:after{height:2.6rem;width:2.6rem}.icon--recorder.recording:after{border-radius:2px;height:.9rem;width:.9rem}.icon--recorder.countdown{align-items:center;border:3.5px solid #ffffff80;display:flex;justify-content:center;pointer-events:none}.icon--recorder.countdown>span{font-size:1.1rem;font-weight:500}.icon--recorder.countdown:after{height:0;opacity:0;width:0}.tool__popup{align-items:center;display:flex;height:100%;justify-content:center;left:50%;position:absolute;top:0;transform:translateX(-50%);transition:all .3s ease-in-out;width:100%;z-index:40}.tool__popup.off{opacity:0;pointer-events:none}.tool__popup.on{opacity:1}.tool__popup.min{height:-webkit-max-content;height:max-content;left:50%;top:calc(9.5rem - 6vw);transform:translateX(-50%) scale(.6);width:-webkit-max-content;width:max-content}.popup__min{background-color:initial;background-image:url(/virtual-instrument/static/media/minimize.8d03e7e769aaa2c0964c.svg);background-position:50%;background-repeat:no-repeat;background-size:60%;border:none;border-radius:50%;height:2.4rem;position:absolute;right:1rem;top:1.25rem;width:2.4rem}.tool__popup.min .popup__min{background-image:url(/virtual-instrument/static/media/maximize.808300ad025bd4dc85b0.svg);right:3.7rem}.popup__bg{background-color:#2424249a;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:-1}.tool__popup.min .popup__bg{opacity:0;pointer-events:none}.popup__body{border:1px solid #80808066;border-radius:6px;height:-webkit-max-content;height:max-content;padding:1rem 1rem 2rem;position:relative;transition:inherit;width:-webkit-max-content;width:max-content}.tool__popup.min .popup__body{border:none}.tool__popup:not(.min) .popup__body{background-color:#1f1f1f}.tool__popup.off .popup__body{transform:scale(.9) translateY(10px)}.tool__popup.on .popup__body{transform:none}.list-wrapper{background-color:#141218;height:100%;opacity:1;overflow:hidden;pointer-events:all;position:absolute;top:0;transition:all .3s ease-in-out;width:100%}.list-wrapper.off{opacity:0;pointer-events:none;transform:translateY(10%)}.list__heading{align-items:center;background-color:#211f24;display:flex;gap:.8rem;padding:1.2rem .8rem 1rem}.list__heading>h1{font-size:1.3rem;font-weight:500}.list{height:calc(100% - 77px);overflow-y:auto;padding-bottom:3rem;width:100%}.list__entry{padding:1rem 2rem 1rem 1.5rem;transition:all .2s ease-in-out}.audio-entry{padding:0}.audio-wrapper{padding:1rem 2rem 1rem 1.5rem}.list__entry+.list__entry{border-top:1px solid #3a373f}.list__entry.off:hover{background-color:#2522294f;cursor:pointer}.list__entry:focus{background-color:#2d2b31}.list__filter-wrapper{position:relative;top:.1rem}.list__filter{background-color:initial;border:none;border-bottom:1px solid #fff3;color:#fff;font-size:1.1rem;outline:none;padding-bottom:.25rem;transition:all .2s ease-in-out;width:20rem}.list__filter:focus{color:var(--violet)}.list__filter-line{border-top:2px solid var(--violet);bottom:0;height:0;left:0;opacity:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:inherit;transition:all .2s ease-in-out;width:100%}.list__filter:focus+.list__filter-line{opacity:1;transform:none}.instrument-list{padding-left:1.3rem;padding-right:1rem}.instrument-entry{padding:1rem 0;text-transform:capitalize}.instrument-entry:hover{color:var(--violet);cursor:pointer}.instrument-entry.highlighted{color:var(--violet);padding-left:2rem;position:relative}.instrument-entry.highlighted:before{--side:0.8rem;background-color:currentColor;border-radius:50%;content:"";height:var(--side);left:calc((2rem - var(--side))/2);position:absolute;top:50%;transform:translateY(-50%);width:var(--side)}.display-entry{align-items:flex-start;display:flex;justify-content:space-between;transition:all .2s ease-in-out}.display-entry:not(.highlighted):hover{background-color:#8080801a;color:#fff;cursor:pointer}.display-entry+.display-entry{border-top:1px solid #80808080}.display__text{gap:.7rem}.display__radio,.display__text{align-items:center;display:flex}.display__radio{border:1.5px solid #b4b4b4;border-radius:50%;height:1.2rem;justify-content:center;position:relative;transition:all .2s ease-in-out;width:1.2rem}.display__radio:before{background-color:var(--violet);border-radius:inherit;content:"";display:block;height:75%;opacity:0;transform:scale(.7);transition:inherit;width:75%}.display-entry.highlighted .display__radio{border-color:var(--violet)}.display-entry.highlighted .display__radio:before{opacity:1;transform:none}.display__label{text-transform:capitalize}.display-entry.highlighted .display__label{color:var(--violet)}.display__img{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:3px;filter:contrast(1.5);height:4rem;image-rendering:pixelated;width:10rem}.display__img--key{background-image:url(/virtual-instrument/static/media/key_dm2.e72e67b38ac33b28da76.png)}.display__img--note{background-image:url(/virtual-instrument/static/media/note_dm2.5d5e82038f7b3ede3667.png)}.sheet__dir{color:#000}.sheet-overlay{left:50%;opacity:1;position:absolute;top:-5.26rem;transform:translateX(-50%);transition:all .3s ease-in-out;z-index:20}.sheet-overlay:before{background-color:#000c;content:"";height:120vh;left:-30vw;opacity:0;pointer-events:none;position:fixed;top:-20vh;transition:opacity .3s ease-in-out;width:150vw;z-index:-1}.sheet-overlay.enlarged:before{opacity:1;pointer-events:all}.sheet-overlay.hidden{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(10%) scale(.95);visibility:hidden}.sheet-overlay.enlarged{height:85vh;left:50%;position:absolute;top:-7vh;transform:translateX(-50%) translateZ(3px);z-index:50}.sheet-overlay.enlarged #music-sheet,.sheet-overlay.enlarged .sheet-viewport{height:100%}.sheet-overlay.enlarged .sheet-viewport{-webkit-mask-image:none;mask-image:none}.sheet-viewport{background-color:#fff;border:1px solid #dcdcdc;border-bottom:none;height:350px;-webkit-mask-image:linear-gradient(180deg,#000,96%,#0000);mask-image:linear-gradient(180deg,#000,96%,#0000);overflow-y:auto}#music-sheet{background-color:#fff;transition:all .3s ease-in-out}button{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.vf-stave{animation-duration:.4s;animation-name:fadeIn}.sheet__sidebar{position:absolute;right:-1rem;top:10rem;transform:translateX(100%)}.sidebar__action{align-items:flex-start;border-radius:6px;display:flex;gap:1em;padding:.5em .8em .3em .5em}.sidebar__action:hover{background-color:#6e6e6e4d;cursor:pointer}.sidebar__action+.sidebar__action{margin-top:.2em}.sidebar__icon{background-color:initial;border:none}.sidebar__label{text-transform:capitalize}
/*# sourceMappingURL=main.c5ef52f2.css.map*/