.editor[data-v-190b3875]{position:relative}canvas[data-v-190b3875]{position:absolute;top:0;left:0;width:100%;height:100%}.button[data-v-71861627]{border:1px solid transparent;border-radius:3px;display:inline-block;padding:2px;width:20px;height:20px;margin:2px;text-decoration:none}.button[data-v-71861627]:hover,.button[value=true][data-v-71861627]{border:1px solid #999}.button[value=true][data-v-71861627]{background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#ccc));background-image:linear-gradient(#eee,#ccc)}.button-image[data-v-71861627]{width:100%;height:100%}.layer[data-v-71861627]{position:relative;font-size:11px}.child[data-v-71861627]{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.child>[data-v-71861627]{display:inline-block;vertical-align:middle}.delete-button[data-v-71861627]{font-size:12pt;margin:0 2px}input[data-v-71861627]{font-size:inherit}input[name=name][data-v-71861627]{width:100px}input[name=volume][data-v-71861627]{width:20px}.timebox[data-v-f07f5182]{font-size:12px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.timebox>[data-v-f07f5182]{margin-right:10px}.times[data-v-f07f5182]{text-align:right}.current[data-v-f07f5182]{font-weight:700}.end[data-v-f07f5182]{font-size:11px}.tempo-container[data-v-f07f5182]{border:1px solid #000;cursor:text}.tempo-container[data-v-f07f5182]:not([vanilla-friendly]){background-color:#ffd5d5}input[name=tempo][data-v-f07f5182]{width:35px;text-align:right;border:0;background-color:inherit}.row[data-v-583a690e]{height:32px;width:100%}.overlay-container[data-v-54151350]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background-color:rgba(0,0,0,.3)}.overlay[data-v-54151350]{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#ededed;border-left:1px solid #e4e4e4;border-top:1px solid #e4e4e4;border-radius:7px;padding:15px 30px;-webkit-box-shadow:3px 3px #111;box-shadow:3px 3px #111}.section[data-v-407cd22d]{padding:0 10px;width:50%}p[data-v-407cd22d]{font-size:13px;margin:3px 0}.about[data-v-407cd22d]{border-right:1px solid #777;padding-right:20px}.about h1[data-v-407cd22d]{margin:0}.actions[data-v-407cd22d]{font-size:13px}.button[data-v-407cd22d]{padding:10px;border-radius:5px;min-width:200px;border:1px solid transparent}.button[data-v-407cd22d]:active,.button[data-v-407cd22d]:hover{border:1px solid #777}.button[data-v-407cd22d]:active{background-image:-webkit-gradient(linear,left top,left bottom,from(#dfdfdf),to(#cdcdcd));background-image:linear-gradient(#dfdfdf,#cdcdcd)}.button-body[data-v-407cd22d]{padding-left:5px}.load-song[data-v-407cd22d]{position:relative}.file-input[data-v-407cd22d]{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%}.details[data-v-758cda8b]{text-align:center}.author[data-v-758cda8b],.original-author[data-v-758cda8b],.title[data-v-758cda8b]{color:#909;text-shadow:2px 2px #ffcbff;font-weight:700}.description[data-v-758cda8b]{width:100%}.button[data-v-4ae0dd73]{position:relative}.instrument-body[data-v-4ae0dd73]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.toolbar[data-v-2515bbbb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.separator[data-v-2515bbbb]{border-right:1px solid #999;margin:2px}.button[data-v-2515bbbb]{border:1px solid transparent;border-radius:3px;display:inline-block;padding:2px;width:20px;height:20px;margin:2px;text-decoration:none}.button[data-v-2515bbbb]:hover,.button[value=true][data-v-2515bbbb]{border:1px solid #999}.button[value=true][data-v-2515bbbb]{background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#ccc));background-image:linear-gradient(#eee,#ccc)}.button[data-v-2515bbbb]:active{background-color:#ccc}.button-image[data-v-2515bbbb]{width:100%;height:100%}.volume[data-v-2515bbbb]:hover{width:auto}.volume input[name=volume][data-v-2515bbbb]{height:16px;width:100px;margin:0 10px;padding:0}.volume img[data-v-2515bbbb]{width:auto}.volume[data-v-2515bbbb] :not(img){display:none}.volume[data-v-2515bbbb]:hover :not(img){display:initial}.open[data-v-2515bbbb]{position:relative}.open input[type=file][data-v-2515bbbb]{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.key[data-v-e828db60]{position:relative;width:40px;height:100%;border-radius:0 0 3px 3px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.key.sharp[data-v-e828db60]{height:50%;width:30px;z-index:1;position:absolute;top:0;left:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#fff}.text[data-v-e828db60]{position:absolute;width:100%;text-align:center;bottom:10px;font-size:12px;font-weight:700}.key[data-v-e828db60]{background:-webkit-gradient(linear,left top,left bottom,from(#fdd),to(#fcc));background:linear-gradient(#fdd,#fcc);border:1px solid #555}.key.vanilla[data-v-e828db60]{background:-webkit-gradient(linear,left top,left bottom,from(#fcfcfc),to(#e0e0e0));background:linear-gradient(#fcfcfc,#e0e0e0);border:1px solid #555}.key.selected[data-v-e828db60]{background:#ccc}.key.sharp[data-v-e828db60]{background:-webkit-gradient(linear,left top,left bottom,from(#833),to(#733));background:linear-gradient(#833,#733);border:1px solid #111}.key.sharp.vanilla[data-v-e828db60]{background:-webkit-gradient(linear,left top,left bottom,from(#2c2c2c),to(#222));background:linear-gradient(#2c2c2c,#222);border:1px solid #111}.key.sharp.selected[data-v-e828db60]{background:#505}.octave[data-v-087acd99]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.keyboard-key[data-v-087acd99]{position:relative}.keyboard[data-v-61f4b92c]{position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow-x:auto;padding:2px 0}body{font-family:sans-serif;margin:0}a{cursor:pointer}a:hover{text-decoration:underline}.no-spinners{-moz-appearance:textfield}.no-spinners::-webkit-inner-spin-button,.no-spinners::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-row{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.flex-column,.flex-row{-webkit-box-direction:normal}.flex-column{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.flex-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}#main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100vw;height:100vh}#middle{-webkit-box-flex:1;-ms-flex:1;flex:1;display:grid;grid-template-rows:auto;grid-template-columns:200px auto;overflow-y:auto;background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/4QCqRXhpZgAATU0AKgAAAAgACQEaAAUAAAABAAAAegEbAAUAAAABAAAAggEoAAMAAAABAAIAAAExAAIAAAAQAAAAigMBAAUAAAABAAAAmgMDAAEAAAABAAAAAFEQAAEAAAABAQAAAFERAAQAAAABAAAOw1ESAAQAAAABAAAOwwAAAAAAAXbyAAAD6AABdvIAAAPocGFpbnQubmV0IDQuMS4xAAABhqAAALGP/9sAQwAHBQUGBQQHBgUGCAcHCAoRCwoJCQoVDxAMERgVGhkYFRgXGx4nIRsdJR0XGCIuIiUoKSssKxogLzMvKjInKisq/9sAQwEHCAgKCQoUCwsUKhwYHCoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioq/8AAEQgAQAABAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A+kaKKKACiiigDMooooAKKKKAP//Z);background-attachment:local;border-top:1px solid #777;border-bottom:1px solid #777}#layer-list{border-right:1px solid #777;width:200px}#editor{-webkit-box-flex:1;-ms-flex:1;flex:1}#keyboard{height:130px}