@font-face{font-family:Recursive;src:url(/RecursiveMonoLnrSt-Light.woff2)}:root{--bg: #222;--tc: #fff;--lc: #fff;--bc: #fff;--bbc: #333;--gbc: #252525;--fmc: #333;--sbc: #666;--stc: #fff;--inputColor: #0ff;--inputAlertColor: #f00;font-family:Recursive;font-size:16px;color:var(--tc);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;place-items:center;width:100vw;height:100vh}#canvas{width:100%;height:100%;outline:none}#fps{position:absolute;text-align:right;top:10px;right:10px;width:80px;height:22px}#info{position:absolute;text-align:right;bottom:5px;right:5px;width:100px;height:16px;font-size:12px}#noteDisplay{position:absolute;text-align:left;top:10px;right:100px;width:40px;height:22px}#sliderDiv,#sliderDiv2{position:absolute;top:62px;width:500px}#sliderDiv{left:10px}#sliderDiv2{right:10px}button{position:absolute;background-color:var(--bbc);opacity:.5;border:none;border-radius:4px;cursor:pointer;color:var(--bc);height:22px;font-size:16px;font-family:inherit}button:hover{opacity:.7}button:disabled{opacity:.1;cursor:default}.switchButtonOff{background-color:var(--bbc);color:var(--bc)}.switchButtonOn{background-color:var(--bc);color:var(--bbc)}.verticalButton{right:10px;width:22px}button>span{writing-mode:vertical-rl;vertical-align:middle;line-height:12px}select,option{cursor:pointer;background-color:var(--bbc);color:var(--bc)}svg>path{stroke-linecap:round;stroke-linejoin:round;fill:none}.sliderContainer{position:relative;height:22px;margin:auto auto 10px;cursor:pointer;border-radius:4px;background:var(--sbc);opacity:.5}.sliderContainer:hover{opacity:.7}.sliderContainer>p{position:absolute;left:5px;height:22px;margin:0;padding:0;text-align:left}.slider{position:absolute;left:0;-webkit-appearance:none;appearance:none;width:100%;height:22px;background:none;outline:none;border:none;cursor:inherit;margin:0;border-radius:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;border-radius:4px;appearance:none;outline:none;border:none;width:22px;height:22px;background:var(--stc);opacity:.5}.slider::-moz-range-thumb{appearance:none;border-radius:4px;outline:none;border:none;width:22px;height:22px;background:var(--stc);opacity:.5}#volumeSlider,#gravitySlider,#dissipationSlider,#cohesionSlider,#reverbSlider,#cutoffSlider,#sizeSlider{position:absolute;top:42px}#gravitySlider{top:10px;left:10px}#volumeSlider{left:320px}#reverbSlider{left:530px}#cutoffSlider{left:740px}#sizeSlider{top:10px;left:840px}#dissipationSlider{top:10px;left:420px}#cohesionSlider{top:10px;left:630px}#midiInput{position:absolute;top:42px;left:740px;width:200px;height:22px;font:inherit;font-size:11px;border:none;border-radius:4px;opacity:.5}#midiInput:hover{opacity:.7}#logo{opacity:.4}#logo:hover{opacity:.7}