body{margin:0;overflow:hidden}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.header[data-v-22142c84]{position:relative;background-color:#add8e6}.heading-1[data-v-22142c84]{font-size:2em;font-weight:700}.left[data-v-22142c84]{position:absolute;left:12px;top:6px;z-index:100}.left h1[data-v-22142c84]{font-size:2em;line-height:0}.left input[data-v-22142c84]{position:relative;top:-6px;background-color:transparent;width:200px}.right[data-v-22142c84]{position:absolute;right:12px;top:11px}.center[data-v-22142c84]{position:absolute;top:8px;width:100%;display:flex;justify-content:center}.center div[data-v-22142c84]{position:relative}.center div .running[data-v-22142c84]{position:absolute;color:#000;font-weight:700;text-align:center;top:10px;left:-306px;text-align:right;width:300px}.center div .active[data-v-22142c84]{background-color:orange;color:#000}button[data-v-22142c84]{background-color:#000;margin-left:10px;border:none;cursor:pointer;color:#fff;padding:12px 18px;text-align:center;text-decoration:none;display:inline-block;font-size:12px}button[data-v-22142c84]:hover{background-color:orange;color:#000}.unapplied[data-v-22142c84]{border-bottom:4px solid #f0f}label[data-v-22142c84]{margin-left:16px;margin-top:6px}input[data-v-22142c84]{width:140px;margin-left:2px;margin-right:20px;padding:6px 10px}.footer-container[data-v-48b1241d]{color:#999;background-color:#222;font-size:.9em}.footer-container span[data-v-48b1241d]{margin-right:18px}.footer-container a[data-v-48b1241d]{color:#999;text-decoration:none;margin-right:12px}.footer-container a[data-v-48b1241d]:hover{color:#fff}.footer-container .left[data-v-48b1241d]{float:left;margin-top:10px;margin-left:16px}.footer-container .right[data-v-48b1241d]{margin-top:10px;margin-right:10px;float:right}.footer-container abbr[data-v-48b1241d]{text-decoration:none}.footer-container .quickkeys[data-v-48b1241d]{margin-right:22px}.footer-container .quickkeys b[data-v-48b1241d]{margin-left:12px}.footer-container .midi-log[data-v-48b1241d]{color:#777;font-size:.7em}.notification-container[data-v-2be0532f]{width:100%;display:flex;justify-content:center}.notification-container .alert-container[data-v-2be0532f]{background-color:#add8e6;padding:4px 30px;border-radius:10px;min-width:200px;text-align:center;color:#000}.notification-container .alert-container h1[data-v-2be0532f]{font-size:1.8em;line-height:20px}.notification-container .v-enter-active[data-v-2be0532f],.notification-container .v-leave-active[data-v-2be0532f]{transition:opacity .5s ease}.notification-container .v-enter-from[data-v-2be0532f],.notification-container .v-leave-to[data-v-2be0532f]{opacity:0}.canvas-div[data-v-45890268]{position:relative}canvas[data-v-45890268]{z-index:1000}.canvas-div[data-v-007d9584]{position:relative}canvas[data-v-007d9584]{z-index:1000}.canvas-div[data-v-75ac7748]{position:relative}canvas[data-v-75ac7748]{z-index:1000}.canvas-div[data-v-481a17fc]{position:relative}canvas[data-v-481a17fc]{z-index:1000}.ui[data-v-85b928fe]{position:relative;background-color:pink}.ui span[data-v-85b928fe]{font-size:10px}.ui[data-v-d409898c]{position:relative;background-color:orange}.ui span[data-v-d409898c]{-ms-user-select:none;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.editor-component{position:absolute;left:0;height:0;width:100%;height:100%;overflow:hidden;margin:0;background-color:teal}.editor-component p button,.editor-component p select{margin-left:5px}.editor-component .visuals{margin:10px;position:absolute;display:grid;gap:10px}.editor-component .visuals div{position:relative}.editor-component .visuals .error{padding-left:20px;position:absolute;top:80px;width:100%;background-color:rgba(255,255,0,.94);padding-bottom:30px}.editor-component .visuals .error h1{font-size:1.4em;line-height:2px}.editor-component .visuals .error p{font-size:.9em}.editor-component .visuals .active{outline:3px solid orange}.editor-component .editor{position:absolute}.editor-component .editor .lineHighlightDecoration{background:#add8e6;background:orange;width:3px!important;margin-left:8px}.editor-component .footer{position:absolute;left:0;bottom:0;height:40px;width:100%;overflow:hidden}.editor-component .header{height:54px}.editor-component .notification{position:absolute;z-index:1000;bottom:50px}