:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%;width:100%}#app{margin:0 auto;text-align:center;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}body{width:100%;height:100%;margin:0}.white-note[data-v-03c39c73]{font-size:.7rem;padding:0;position:absolute;height:100%;top:0;border:1px solid #1b1b1d;border-radius:0 0 3px 3px;outline:none;vertical-align:bottom;display:flex;flex-direction:column-reverse;justify-content:space-between;box-shadow:inset 0 -1px 2px #556573;background:#fff;align-items:center;color:#000}.white-note.down[data-v-03c39c73]{background-color:#ea979e}.black-note[data-v-03c39c73]{font-size:.7rem;padding:0;position:absolute;background:#1b1b1d;border-radius:0 0 3px 3px;border:1px solid #1b1b1d;outline:none;color:#fff;top:0;height:66%;display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center}.black-note.down[data-v-03c39c73]{background-color:#ea979e}.keys-container[data-v-03c39c73]{width:100%;height:100%;position:absolute}@media screen and (max-width:600px){.keys-container[data-v-03c39c73]{width:130%}}:root{--dxfm-dark: #191f1f;--dxfm-panel: #493a3f;--dxfm-cyan: #03bfea;--dxfm-pink: #ea979e;--dxfm-blue: #88b3ff;--dxfm-yellow: #dfac8e;--dxfm-lcd: #75819b;--accent-red: #c54b3e}body{background-color:var(--dxfm-yellow);display:flex;justify-content:center;align-items:center;height:100vh;margin:0;font-family:sans-serif}button[data-v-31bf092c]{border:none;box-sizing:border-box;border:1px solid transparent;padding:0}button[data-v-31bf092c]:active{border:1px solid white}.dexfm-app[data-v-31bf092c]{width:90%;display:flex;align-items:center;justify-content:center;flex-direction:column}.preset-selector[data-v-31bf092c]{display:flex;align-items:center;justify-content:center;margin-bottom:20px;gap:5px}.preset-selector button[data-v-31bf092c]{background:none;background:var(--dxfm-dark);height:100%;width:20px;box-sizing:border-box;border:none;border-radius:3px}.preset-selector select[data-v-31bf092c]{background:var(--dxfm-dark);font-size:.7rem;height:30px;padding:4px;max-width:70%;width:170px;border-radius:3px;font-family:Inter}.dex-fm-synth[data-v-31bf092c]{width:100%;display:flex;box-shadow:6px 6px #0003;aspect-ratio:16 / 5;box-sizing:border-box;align-items:center}.control-section[data-v-31bf092c]{box-sizing:border-box;height:54%;display:flex;flex-direction:column;align-items:center;position:relative;justify-content:center}.panel-branding[data-v-31bf092c]{width:100%;background-color:var(--dxfm-dark);height:47%;display:flex;align-items:end}.panel-control[data-v-31bf092c]{width:100%;flex:1;display:flex;background-color:var(--dxfm-panel);border-top:1px solid black;border-bottom:1px solid black}.panel-empty[data-v-31bf092c]{width:100%;background-color:var(--dxfm-dark);height:12%;border-bottom:2px solid black}.branding[data-v-31bf092c]{height:26%;margin-left:9.8%;margin-bottom:1.6%;display:flex}.branding img[data-v-31bf092c]{height:100%;width:100%}.keyboard-section[data-v-31bf092c]{flex:1;display:flex;position:relative;background:var(--dxfm-dark)}.side-wheels[data-v-31bf092c]{width:12%;display:flex;gap:17%;justify-content:center;align-items:center}.wheel[data-v-31bf092c]{width:12%;height:50%;background:var(--dxfm-panel);border:2px solid #000;border-radius:4px}.piano-keys[data-v-31bf092c]{background:var(--dxfm-dark);flex:1;margin-right:2%;display:flex;position:relative;overflow-x:scroll}.chassis-side[data-v-31bf092c]{width:1.5%;height:102%;background:#464044;border:1px solid black}.main[data-v-31bf092c]{flex:1;height:100%;display:flex;flex-direction:column}.controllers[data-v-31bf092c]{width:20%}.memory-select[data-v-31bf092c]{width:14.5%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.mem-up-btn-2[data-v-31bf092c],.mem-up-btn-3[data-v-31bf092c],.mem-down-btn-2[data-v-31bf092c],.mem-down-btn-3[data-v-31bf092c]{background-color:var(--dxfm-cyan)}.btn-matrix-memory.mem-up-btn-1[data-v-31bf092c]{background-color:var(--dxfm-pink)}.btn-matrix-memory.mem-up-btn-4[data-v-31bf092c],.btn-matrix-memory.mem-down-btn-1[data-v-31bf092c]{background-color:var(--dxfm-blue)}.btn-matrix-memory.mem-down-btn-4[data-v-31bf092c]{background-color:var(--dxfm-yellow)}.memory-select .matrix-row[data-v-31bf092c]{width:59%}.display-area[data-v-31bf092c]{width:13%;display:flex;justify-content:left;align-items:center}.display-rect[data-v-31bf092c]{background:#000;height:40%;width:80%;display:flex;align-items:center;justify-content:space-around;padding:0 5%;box-sizing:border-box}.red-led-container[data-v-31bf092c]{width:20%;display:flex;justify-content:center}.red-led[data-v-31bf092c]{background:var(--accent-red);width:20%;aspect-ratio:1;border-radius:50%}.lcd-screen[data-v-31bf092c]{background:#75819b;flex:1;height:50%}.operator-matrix[data-v-31bf092c]{flex:1;display:flex;flex-direction:column;height:100%;justify-content:space-around}.matrix-row[data-v-31bf092c]{display:flex;width:66%;gap:2px;height:12%}.btn-matrix-operator[data-v-31bf092c]{flex:1;background:#03bfea}.btn-matrix-memory[data-v-31bf092c]{width:25%}