body{margin:0;padding:0;background-color:#444;font-family:sans-serif;font-size:.8em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#a9a9a9;background-image:url(/static/media/concrete_wall.0fbf7bc3.png)}input[type=number],input[type=text],select{background-color:rgba(0,0,0,.1);border:1px solid #696969;border-radius:0;outline:0;color:#a9a9a9}input{padding:5px}input:disabled{opacity:.5}label[disabled],select:disabled{opacity:.5;color:hsla(0,0%,49.8%,.7)}input[type=radio]:after{width:12px;height:12px;background-color:#333;border:1px solid #696969;top:-1px;left:-1px;border-radius:15px;content:"";display:inline-block;visibility:visible;outline:0;position:relative}input[type=radio]:checked:after{background-color:#333;border:1px solid #ff8c00;top:-1px;left:-1px}.canvas{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABjCAMAAABaOVXeAAAAUVBMVEUnJycAAAAAAAAAAAB+fn4nJyeFhYX///+JiYl5eXmDg4P///98fHyEhIRDQ0NDQ0OJiYmJiYmKiop5eXn///+Dg4OEhISBgYGBgYFfX19fX1+fciHbAAAAG3RSTlMJAwYAJwA2AkUhMAEkMwwAQgBIAAAAAC0AEgDgGVynAAAEIElEQVR4Ae1Zi27bMBAjL02d59Z07/3/hw6wYkLcFfZ5LYKsG5FEVqOKoXiSrRPAaECMVwSiYSw3D9gu4FHtR3B8BRlXDDu0L6hGiDCS/SLJgeoPgSC7TigStFoDxIUAWFGC1h0RPVQ77sBGoI47MIDtaZHkrB7HAk7VlDB49YNGsMoT6x7XD0pJR8k2WJQOVjyR8aaB7RPNE5pJ0DvIYLCkRMoZCIOUwNm9XYHkwAgHQag/Ge9agC6EK8ZT7YE2DpQmYBiVsFWCmjLslHz4uIBDa8/xM9vSlLSqCFQLsKYkG2+cTUmKbC0QZRL4P4vTQxjpx7Bs/NQYUGRS3YnE549ABLb7AgkbDdgvtB7C00sl5RCwrc6T5HfjayTwAWKsXoXP7riEmJLsh1AzHpGRPBHguqskcjRFGIOmBFodTW9VCbu4FwuoZUVoRrmyzWlxxj+6Hw1oPMn4ZEvVeAQCEwcly4xnCimV1cmo5mKAapiM5zQVQd0U68bL1R6w2y98SIWykrN1m5hMyagTAUJhWFNymPMUiEbCyCiRSAmDjAwGbDKqRF9HKbpMAnsRii4EmJcdMFYocVeBgD/ciRrMd5bycxfs1zkGe+7KjpRm/NlHS0BQSgLpOYAqWIsuuN8phHcZT9315bQr4tlqBgxHxzC9h1bdfzomDPpQ1Ut91zrC5wUU1q4v8zjucFnAQ2wW8LeQnBZJzl/nMRRJ7n+43kTJt+/zWCY5vt6Tmxj/ek8Kw7VMctzfgOSyfGd8A5KHW3hyg+GqKPm/Ct96gdzfRMl78aQw4/+d6BruP7qKa9e9DNfp3Q3X/d9P5rcxT5f9bjXSdgq+lcnXvgkafqsMg3Y9eR+l4pr6BLRnhO0eq1ts+q4WQVWGHVJuEsF1u9+Duk5gTtkGg9Ml6mn0R+SNsyASB9Qe9WRBJsn5Lj/CQae8vo/3hDzBrEQ0huJJEF0K0fdGyxIh0bGmhOFAn/vTEaAxUCRlJchplWS8ki0ZXHd+4mQQiVgTWDf+RYAaLr6sg2vSgz5NdAkENVzUOVMAcK11JclWuCcIeFZVS1ntWNY5qDLNE+TsXnm4JJ/ZdyhX731DzYvHTXJQBbt06vFZufrOf6osLZDn7uxYgCc6MTnhDfFnuXqG3yvox03Iv6OsRKC5Lk/sL4Jc3JQ88bFCI8uHNExLXHuVTx18OJjWLn2j/leGsAGR5wlgzG4OSiS2quRObLiQXVm3QCIygprxoMzzw+E6iQHXuQbMPUhwarvZ1x6JXAZ1CphIMmFdCUCPMYpQJAEG7MbC+tHG1J4uht3DHTHZziypFl0IAyBBPlyySVz1EEbMAO4JQNGLbVPIpgbS2iXAlRjQ3tUDZspqn4/T/WThUKd+EjRzngTf3GT8+Jm2PdrlqKI9T9oIjQ1+ASmrFBua6fE2AAAAAElFTkSuQmCC);box-shadow:inset 0 0 34px 5px rgba(0,0,0,.4)}.main-body-container{display:flex;flex-direction:row}.main-container>div{position:relative}.column{display:flex;flex-direction:column}.row{justify-content:space-around}.row,.row-between{display:flex;margin-bottom:20px;align-items:center}.row-between{justify-content:space-between}.error-message{width:800px;margin:160px auto;text-align:center}.error-message img{opacity:.5}.error-message div{margin-top:48px;opacity:.5;color:#ccc;font-size:1.7em}.menu-container{width:55px;border-right:1px solid #696969;flex-direction:column;justify-content:top;padding-top:10px}.menu-button,.menu-container{display:flex;align-items:center}.menu-button{-webkit-transition:.1s ease-in-out;transition:.1s ease-in-out;opacity:1;width:40px;height:40px;-webkit-filter:grayscale(100%);filter:grayscale(100%);margin:5px 0;justify-content:center}.menu-button-container:first-child .menu-button,.menu-button-container:nth-child(2) .menu-button,.menu-button-container:nth-child(6) .menu-button,.menu-button-container:nth-child(7) .menu-button,.menu-button-container:nth-child(8) .menu-button{opacity:.35}.menu-button-active{opacity:1;-webkit-filter:grayscale(0);filter:grayscale(0)}.menu-button-container:first-child .menu-button-active,.menu-button-container:nth-child(2) .menu-button-active,.menu-button-container:nth-child(6) .menu-button-active,.menu-button-container:nth-child(7) .menu-button-active,.menu-button-container:nth-child(8) .menu-button-active{opacity:1}.menu-button-separator{border-bottom:1px solid #383838}.menu-button-icon{width:32px}.control-panel-container{border-left:1px solid #696969;height:calc(100% - 55px)}.panel-container{height:100%;box-sizing:border-box;padding:15px;overflow-y:auto;outline:none}.panel-container:last-child{border-top:none;border-bottom:none}.panel-list{height:100%}.panel-list .panel-empty{width:100%;margin-top:50px;text-align:center}.panel-title{margin-bottom:15px}.list-item-container{display:flex;padding:5px 10px;justify-content:space-between;box-sizing:border-box;cursor:default;border:1px solid transparent;margin-top:-1px;margin-left:-1px}.list-item-container:last-child{margin-bottom:15px}.list-item-container:hover,.list-item-selected{background-color:rgba(0,0,0,.1)}.list-item-selected{border:1px solid #696969;margin-top:-1px;margin-left:-1px}.list-item-icon,.list-item-name{margin-left:10px}.list-item-icon{opacity:0;-webkit-transition:.1s ease-in-out;transition:.1s ease-in-out;width:10px;height:10px}.list-item-info{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:180px}.list-item-container:hover .list-item-icon{opacity:1}.list-item-icon:hover{color:#ff8c00}.activity-indicator-container{display:inline-block}.activity-indicator-bullet{width:10px;height:10px}.selector-panel-container{height:250px}.editor-panel-container{border-top:1px solid #696969;overflow-y:auto;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;outline:none}.editor-panel-inner{padding:20px}.editor-panel-inset{box-shadow:inset 0 5px 20px rgba(0,0,0,.6)}.midi-node-panel-container .row{margin-top:40px}.midi-node-destination-selector label,.midi-node-selector label{margin-right:10px}.midi-node-destination-selector select{width:145px}.midi-node-velocity{margin-top:20px}.node-panel-header-container{width:100%;display:flex;justify-content:space-around}.knob-container{display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;margin-bottom:10px}.knob-label,.mini-knob-label{margin-top:12px;cursor:default}.mini-knob-label{font-size:.8em}.knob-container[disabled]{opacity:.5}.knob-outer{width:50px;height:50px}.knob-outer,.mini-knob-outer{align-items:center;justify-content:center;background-color:rgba(0,0,0,.1);border-radius:50%;border:1px solid hsla(0,0%,49.8%,.2);display:flex;flex-direction:column;position:relative}.mini-knob-outer{width:40px;height:40px}.knob-dot{width:33px;height:33px;font-size:2em}.knob-dot,.mini-knob-dot{position:absolute;line-height:1.75em;cursor:default;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;z-index:1;text-align:left}.mini-knob-dot{width:25px;height:25px;font-size:1.5em}.knob-container[disabled] .knob-dot{color:#696969}.knob-dial{width:40px;height:40px;font-size:.9em}.knob-dial,.mini-knob-dial{border-radius:50%;border:1px solid hsla(0,0%,49.8%,.35);text-align:center;vertical-align:middle;line-height:4.5em;box-shadow:3px 3px 3px 0 rgba(0,0,0,.75)}.mini-knob-dial{width:30px;height:30px;font-size:.8em}.knob-marks{width:65px;position:absolute;z-index:0}.mini-knob-marks{width:50px;position:absolute;z-index:0}.element-panel-header-name{width:185px}.element-panel-header-on{padding:4px 6px;border:1px solid #696969;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.element-panel-header-off{color:#696969;text-shadow:none}.transport-container{height:55px;border-bottom:1px solid #696969;display:flex;justify-content:space-between;align-items:center;cursor:default;width:100%}.transport-stats{display:flex;justify-content:flex-start}.transport-stats div{margin-left:20px;color:#696969;width:auto}.transport-fps-count{width:100%;color:#696969;text-align:right;margin-right:20px}.play-button-container{color:#ff8c00;text-shadow:#ff8c00 0 0 2px;width:100%;text-align:center;width:60px;font-size:1.5em}.about-container{cursor:pointer}.about-container img{opacity:.5;margin-left:10px}.about-popup-container{position:absolute;top:0;left:0;background-color:#333;z-index:1;background-image:url(/static/media/concrete_wall.0fbf7bc3.png)}.about-popup-content{width:400px;height:300px;margin:160px auto;text-align:center}.about-popup-content a,.about-popup-content div{font-size:1.2em;margin-bottom:8px;color:#ccc}.about-popup-content img{display:block;margin:auto auto 32px}
/*# sourceMappingURL=main.189d87d6.chunk.css.map */