@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:red;color:var(--tc);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-family:Recursive;font-size:16px}body{place-items:center;width:100vw;height:100vh;margin:0;display:flex}#canvas{outline:none;width:100%;height:100%}#fps{text-align:right;width:80px;height:22px;position:absolute;top:10px;right:10px}#info{text-align:right;width:100px;height:16px;font-size:12px;position:absolute;bottom:5px;right:5px}#noteDisplay{text-align:left;width:40px;height:22px;position:absolute;top:10px;right:100px}#sliderDiv,#sliderDiv2{width:500px;position:absolute;top:62px}#sliderDiv{left:10px}#sliderDiv2{right:10px}button{background-color:var(--bbc);opacity:.5;cursor:pointer;color:var(--bc);border:none;border-radius:4px;height:22px;font-family:inherit;font-size:16px;position:absolute}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{width:22px;right:10px}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{cursor:pointer;background:var(--sbc);opacity:.5;border-radius:4px;height:22px;margin:auto auto 10px;position:relative}.sliderContainer:hover{opacity:.7}.sliderContainer>p{text-align:left;height:22px;margin:0;padding:0;position:absolute;left:5px}.slider{appearance:none;width:100%;height:22px;cursor:inherit;background:0 0;border:none;border-radius:4px;outline:none;margin:0;position:absolute;left:0}.slider::-webkit-slider-thumb{appearance:none;background:var(--stc);opacity:.5;border:none;border-radius:4px;outline:none;width:22px;height:22px}.slider::-moz-range-thumb{appearance:none;background:var(--stc);opacity:.5;border:none;border-radius:4px;outline:none;width:22px;height:22px}#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{width:200px;height:22px;font:inherit;opacity:.5;border:none;border-radius:4px;font-size:11px;position:absolute;top:42px;left:740px}#midiInput:hover{opacity:.7}#logo{opacity:.4}#logo:hover{opacity:.7}