body{background-color:grey}.editor{font-family:monospace;margin:0;padding:0}.pane{height:calc(100vh - 88px);background-color:#212529}.knob{border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 auto;aspect-ratio:1/1;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:ns-resize;margin:auto;position:relative}.knob:before{content:"";position:absolute;left:45%;top:3%;width:4px;height:18px;background:#ccc}@keyframes flash{0%,to{opacity:1}50%{opacity:0}}.reverse-wrapper{overflow-x:scroll;overflow-y:scroll}.reverse-content,.reverse-wrapper{transform:rotateX(180deg)}.fixed-div{position:fixed;bottom:10px;right:10px;width:20vw;height:70vh;display:flex;align-items:center;flex-direction:column-reverse}.opa{transition:filter .2s ease;filter:opacity(.4)}.opa_disabled{filter:opacity(.1)}.fixed-div2{position:fixed;bottom:25px;left:50vw;width:25vw;height:18vh;display:flex;align-items:center;flex-direction:column-reverse;transition:filter .2s ease;filter:opacity(.2)}.fixed-div2:hover{filter:opacity(1)}.pointer{cursor:pointer}.pianotable{white-space:nowrap;table-layout:fixed;width:100%}.piano-roll-wrapper{display:block}.piano-roll-wrapper .piano-roll-header{margin-bottom:0}.piano-roll-canvas{display:block;vertical-align:top}.bar::-webkit-scrollbar{width:12px;height:12px}.bar::-webkit-scrollbar-thumb{background:#777;border-radius:10px}.bar::-webkit-scrollbar-track-piece:start{background:#0e3542}.bar::-webkit-scrollbar-track-piece:end{background:#3c324a}