#modal[data-v-6976efe1]{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff3;display:flex;justify-content:center;inset:0;position:fixed;z-index:101}.midi-note[data-v-862438be]{align-items:center;border:1px solid #fff;color:#fff;cursor:pointer;display:flex;height:var(--v77a2a08d);justify-content:center;position:absolute;top:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.midi-note.active[data-v-862438be]{animation-duration:.1s;animation-name:midiScale-862438be}@keyframes midiScale-862438be{0%{scale:1}50%{scale:1.2}to{scale:1}}.midi-note[data-v-862438be]{background:pink}.midi-note.hit-perfect[data-v-862438be]{box-shadow:0 0 10px #fff,0 0 20px #0f0;z-index:10}.midi-note.hit-great[data-v-862438be],.midi-note.hit-perfect[data-v-862438be]{animation:hitScale-862438be .2s ease-out forwards;background:green}.midi-note.hit-great[data-v-862438be]{box-shadow:0 0 5px #fff;z-index:9}.midi-note.hit-early[data-v-862438be],.midi-note.hit-late[data-v-862438be]{background:orange;opacity:.8}.midi-note.hit-miss[data-v-862438be]{background:red}@keyframes hitScale-862438be{0%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(2);transform:scale(1.3)}to{filter:brightness(1);transform:scale(1)}}.horizental-line[data-v-862438be]{height:1px}.horizental-line[data-v-862438be],.vertical-line[data-v-862438be]{background-color:azure;opacity:.4;position:absolute}.vertical-line[data-v-862438be]{top:0;width:1px}.note-name[data-v-862438be],.vertical-line[data-v-862438be]{height:var(--v413379cc)}.note-name[data-v-862438be]{align-items:center;color:azure;display:flex;justify-content:flex-end;padding-right:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:var(--v413379cc)}.select-dropdown[data-v-c039fe57]{font-family:inherit}.select-header[data-v-c039fe57]{background-color:#2a2a2a;border:1px solid #3a3a3a;color:#e0e0e0}.select-header.active[data-v-c039fe57]{border-color:#4a90e2}.select-options[data-v-c039fe57]{background-color:#2a2a2a;border:1px solid #3a3a3a;max-height:200px;overflow-y:auto}.option[data-v-c039fe57]{color:#e0e0e0}.option[data-v-c039fe57]:hover{background-color:#3a3a3a}.option.selected[data-v-c039fe57]{background-color:#4a90e2;color:#fff}