:root{--background-color:#1a1a1a;--foreground-color:#e6a100;--text-color:#fff;--button-background-color:#e6a100;--button-text-color:#1a1a1a;--keyboard-white-color:#f5f5f5;--keyboard-white-active-color-human:#17a72a;--keyboard-white-active-color-worker:#e63600;--keyboard-white-text-color:#1a1a1a;--keyboard-black-color:#1a1a1a;--keyboard-black-text-color:#f5f5f5;--keyboard-black-active-color-worker:#942402;--keyboard-black-active-color-human:#11771f;--keyboard-border-radius:5px;--note-color:#e6a100;--line-color:#ebe9e0;--score-background-color:#3d3c3ce7;--pianoRoll-human-color:#17a72a;--pianoRoll-worker-color:#e63600}#app{font-family:source-serif-pro,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color)}body,html{background-color:var(--background-color);overflow:hidden;padding:0;margin:0;height:100%;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#LoadingScreen{position:absolute;z-index:1;height:100%;width:100%}.center{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.loader{width:500px;margin:0 auto;border-radius:10px;border:4px solid transparent;position:relative;padding:1px}.loader:before{content:"";border:1px solid var(--foreground-color);top:-4px;right:-4px;bottom:-4px;left:-4px}.loader .loaderBar,.loader:before{border-radius:10px;position:absolute}.loader .loaderBar{top:0;right:100%;bottom:0;left:0;background:var(--foreground-color);width:0;animation:borealisBar 1s linear infinite}@keyframes borealisBar{0%{left:0;right:100%;width:0}10%{left:0;right:75%;width:25%}90%{right:0;left:75%;width:25%}to{left:100%;right:0;width:0}}