.player-btn[data-v-6e3d1f62]{background-position:50%;border:none;width:48px;height:48px}.player-btn[data-v-6e3d1f62]:focus{outline:2px auto -webkit-focus-ring-color}.btn-start[data-v-6e3d1f62]{background:url(../img/play_arrow-light-18dp.cbe4ffd8.svg) 50% no-repeat;background-size:contain}.btn-stop[data-v-6e3d1f62]{background:url(../img/stop-18dp.85cd2b3e.svg) 50% no-repeat;background-size:contain}.btn-save[data-v-6e3d1f62]{background:url(../img/save-18dp.4764fc2a.svg) 50% no-repeat;background-size:36px}.btn-upload[data-v-6e3d1f62]{background:url(../img/ic_file_upload_48px.41423a51.svg) 50% no-repeat;background-size:36px;background-position-y:6px}.pianoroll{position:relative;overflow:auto;scroll-behavior:smooth}.playhead-img{position:absolute;top:0;left:0;width:2px;height:880px}.pianoroll>.note-pool>.draggable.resizable.vdr{border:1px solid rgba(0,255,0,.5);background-color:rgba(0,128,0,.5)}.pianoroll>.note-pool>.draggable.resizable.vdr.active{background-color:rgba(0,150,136,.5)}.pianoroll>.note-pool>.draggable.resizable.vdr .handle.handle-bl,.pianoroll>.note-pool>.draggable.resizable.vdr .handle.handle-bm,.pianoroll>.note-pool>.draggable.resizable.vdr .handle.handle-br,.pianoroll>.note-pool>.draggable.resizable.vdr .handle.handle-ml,.pianoroll>.note-pool>.draggable.resizable.vdr .handle.handle-tl,.pianoroll>.note-pool>.draggable.resizable.vdr .handle.handle-tm,.pianoroll>.note-pool>.draggable.resizable.vdr .handle.handle-tr{display:none!important}.pianoroll>.note-pool>.draggable.resizable.vdr .handle.handle-mr:before{content:"";left:0;right:-5px;bottom:-5px;top:-5px;position:absolute}.note-pool{position:relative;background:url(../img/brick-bg-piano.325a8b41.svg);width:50000px;height:880px;background-position-y:80px}.note-label{font-size:10px;color:#eee;line-height:8px;vertical-align:top;top:1px;position:relative;padding:0 2px;cursor:default;pointer-events:none}.ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap}.bg-grid{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:880px;background-image:url(../img/grid-bg.160x120.fbd3949f.svg);background-position-y:10px}#prefsForm input[data-v-0c8773d4]{padding:0;margin-left:1px;border-color:transparent}#prefsForm select+input[data-v-0c8773d4]{padding-left:3px}#prefsForm button[data-v-0c8773d4],#prefsForm input[data-v-0c8773d4],#prefsForm select[data-v-0c8773d4],#prefsForm select option[data-v-0c8773d4]{line-height:16px}.panel-dashboard .app-logo{font-family:Michroma;font-weight:900;font-size:20px;line-height:20px;letter-spacing:.2rem;padding:5px 16px 0 16px}.text-content{padding:.5rem}.panel-dashboard{background-color:rgba(54,54,54,.87);color:#ddd}.panel-tool{background-color:#363636;color:#aaa;padding:5px}.sub-panel{height:75%;min-height:100px;max-height:800px}#r-head{position:absolute;right:0;top:0}#r-head h3{margin-top:0}.presets{margin:0;padding:0;list-style-type:none}.presets li{display:inline-block;border:1px solid #111}.presets a{display:inline-block;padding:5px;width:200px;border:2px solid #333;background:#222;color:#555;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.6)));background-image:linear-gradient(transparent,rgba(0,0,0,.6));-webkit-transition:border-color .3s ease,background-color .3s ease,color .3s ease;transition:border-color .3s ease,background-color .3s ease,color .3s ease}.presets a:hover{background-color:#530;border-color:#f90}.presets a.active{border-color:#9ca;color:#fff;-webkit-animation:focused .5s ease;animation:focused .5s ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}#nav0{padding:0}#nav0 a{font-weight:700;color:#2c3e50}#nav0 a.router-link-exact-active{color:#42b983}.container{padding-left:2rem;position:relative}.flex-otl>div{color:#232323;background-color:#eee;padding:2px 5px;outline:1px dashed #aaa}.vdr{-ms-touch-action:none;touch-action:none;border:1px dashed #000}.handle,.vdr{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box}.handle{width:10px;height:10px;background:#eee;border:1px solid #333}.handle-tl{top:-10px;left:-10px;cursor:nw-resize}.handle-tm{top:-10px;left:50%;margin-left:-5px;cursor:n-resize}.handle-tr{top:-10px;right:-10px;cursor:ne-resize}.handle-ml{left:-10px;cursor:w-resize}.handle-ml,.handle-mr{top:50%;margin-top:-5px}.handle-mr{right:-10px;cursor:e-resize}.handle-bl{bottom:-10px;left:-10px;cursor:sw-resize}.handle-bm{bottom:-10px;left:50%;margin-left:-5px;cursor:s-resize}.handle-br{bottom:-10px;right:-10px;cursor:se-resize}@media only screen and (max-width:768px){[class*=handle-]:before{content:"";left:-10px;right:-10px;bottom:-10px;top:-10px;position:absolute}}