.OutputChannelSelect-module__midi-output-channel-selector-component__5WNmP{display:flex;flex-direction:column}.OutputChannelSelect-module__midi-output-channel-selector-component__5WNmP small{text-align:right;margin-top:1em}.OutputChannelSelect-module__midi-output-channel-selector-component__5WNmP select{height:22em}:root{--key-width: 15px;--key-white-height: 5rem;--key-black-height: 3rem}.Piano-module__piano-keyboard__Pj5U7{width:auto;position:relative;display:flex;justify-content:center;flex-wrap:nowrap;padding:var(--midi-app-padding)}.Piano-module__piano-key__29j0S{position:relative;flex:1;cursor:pointer;display:inline-block;border:var(--midi-app-border);border-right:0;background-color:#f6f6f6;width:var(--key-width);max-width:var(--key-width);min-width:var(--key-width);height:var(--key-white-height);z-index:1}.Piano-module__piano-key-highlighted__KbN-F{background-color:orange}.Piano-module__piano-key-black__YM-03{z-index:2;background-color:#000;width:var(--key-width);height:var(--key-black-height);margin-left:calc(var(--key-width) / -2);margin-right:calc(var(--key-width) / -2);border:2px solid white;border-top:none;border-bottom:none}:root{--midi-app-thumb-width: 2em;--midi-app-thumb-width-half: calc(var(--midi-app-thumb-width) / 2);--midi-app-range-height-input: 100%;--midi-app-range-size-normal: 4em;--midi-app-range-size-wide: 8em;--midi-app-range-size-narrow: 2em;--midi-app-range-size-narrowest: 6pt}.RangeInput-module__custom-range-input__7ds9l{position:relative;min-height:4em;max-height:4em;min-width:10em;width:calc(100% - var(--midi-app-thumb-width));margin:0 var(--midi-app-thumb-width-half)!important;background-color:transparent;border:var(--midi-app-border);border-radius:var(--midi-app-border-radius)}.RangeInput-module__custom-range-input__7ds9l.RangeInput-module__vertical__Eb84S{min-height:calc(var(--midi-app-thumb-width) * 4);height:var(--midi-app-range-height-input, 100%);max-height:100%;min-width:var(--midi-app-thumb-width);width:calc(100% - var(--midi-app-thumb-width))}.RangeInput-module__custom-range-input__7ds9l.RangeInput-module__flipped__L3ZHU{flex-direction:row-reverse}.RangeInput-module__custom-range-input__7ds9l.RangeInput-module__vertical__Eb84S.RangeInput-module__flipped__L3ZHU{flex-direction:column-reverse}.RangeInput-module__custom-range-input__7ds9l.RangeInput-module__flipped__L3ZHU .RangeInput-module__handle__0Ojx5{cursor:ew-resize}.RangeInput-module__custom-range-input__7ds9l.RangeInput-module__vertical__Eb84S.RangeInput-module__narrow__EM5hU{width:var(--midi-app-range-size-narrow)}.RangeInput-module__custom-range-input__7ds9l.RangeInput-module__vertical__Eb84S.RangeInput-module__narrowest__W6WGQ{width:var(--midi-app-range-size-narrowest);max-width:var(--midi-app-range-size-narrowest);min-width:var(--midi-app-range-size-narrowest)}.RangeInput-module__custom-range-input__7ds9l.RangeInput-module__vertical__Eb84S.RangeInput-module__normal__tm1SY{width:var(--midi-app-range-size-normal)}.RangeInput-module__custom-range-input__7ds9l.RangeInput-module__vertical__Eb84S.RangeInput-module__wide__uT71y{width:var(--midi-app-range-size-wide)}.RangeInput-module__bar__dnBR0{position:absolute;top:0;bottom:0;background-color:var(--midi-app-brand-clr);background:var(--midi-app-range-bg-horizontal)}.RangeInput-module__vertical__Eb84S .RangeInput-module__bar__dnBR0{background:var(--midi-app-brand-clr);background:var(--midi-app-range-bg-vertical)}.RangeInput-module__custom-range-input__7ds9l.RangeInput-module__vertical__Eb84S .RangeInput-module__bar__dnBR0{left:0;right:0}.RangeInput-module__handle__0Ojx5{background-color:transparent;position:absolute;top:0;bottom:0;transform:translate(-50%);width:var(--midi-app-thumb-width);height:100%;cursor:ew-resize;transition:left .1s ease,top .1s ease}.RangeInput-module__custom-range-input__7ds9l.RangeInput-module__vertical__Eb84S .RangeInput-module__handle__0Ojx5{left:0;right:0;top:0;height:var(--midi-app-thumb-width);width:100%;transform:translateY(-50%);cursor:ns-resize}.Featherise-module__featherize-component__mZ6SW{border:var(--midi-app-border);border-radius:var(--midi-app-border-radius);height:100%;min-height:100%;margin:0!important}.Featherise-module__legend__oWThp{border:var(--midi-app-border);border-radius:var(--midi-app-border-radius);padding:.3em .6em;width:100%}.Featherise-module__play-controls__jX6VA{display:flex;flex-grow:1;justify-content:space-evenly;align-items:flex-start;height:100%}.Featherise-module__play-control__gao71{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:stretch;flex-grow:1;line-height:200%;margin-bottom:.75em;width:100%;height:100%}.Featherise-module__vertical__0uGDM .Featherise-module__play-control__gao71{width:auto}.Featherise-module__play-control__gao71:last-child{margin-bottom:0}.Featherise-module__play-control__gao71 label{margin:0;display:flex;width:100%;align-items:center}.Featherise-module__vertical__0uGDM .Featherise-module__play-control__gao71 label{align-items:baseline;flex-direction:column;margin-bottom:1em}.Featherise-module__play-control__gao71 input{margin-right:.5em}.Featherise-module__play-control__gao71 small{font-size:xx-small;margin:0 .6em}.Featherise-module__play-control__gao71.Featherise-module__extensions__wRnRa .Featherise-module__sideBySide__OjWuX{display:flex;height:auto}.Featherise-module__play-control__gao71.Featherise-module__extensions__wRnRa .Featherise-module__labels__cFWsk{margin-top:var(--midi-app-padding)}.Featherise-module__play-control__gao71.Featherise-module__extensions__wRnRa .Featherise-module__labels__cFWsk label{display:flex;justify-content:flex-start;flex-direction:row;align-items:center;padding:0;font-size:xx-small;margin:0 0 0 1em}.Featherise-module__play-control__gao71.Featherise-module__extensions__wRnRa input[type=checkbox]{font-size:10pt!important;margin:0!important;padding:0!important;border:none!important}.NotesOnCanvas-module__canvas-component__gdQrI{margin:0 auto;margin-top:var(--midi-app-padding);flex:1;display:flex;flex-direction:column}.NotesOnCanvas-module__canvas__N7WaQ{border:var(--midi-app-border);flex-grow:1;height:auto;width:783.2px}.Dialog-module__dialog__c1nT5{border:none;border-radius:8px;padding:1em;position:relative;background-color:var(--midi-app-bg);border:var(--midi-app-border);color:var(--midi-app-fg)}.Dialog-module__dialog__c1nT5 *{background-color:var(--midi-app-bg);color:var(--midi-app-fg)}.Dialog-module__dialog__c1nT5 h2{font-weight:100}.Dialog-module__close__-hv0a{margin:0;position:relative;float:right;top:-.15em;right:0;background:none;font-size:larger;font-weight:bolder;min-width:1em;min-height:1em;cursor:pointer;color:var(--midi-app-fg);opacity:1;border:none}.MIDI-module__main__0hsZX{min-height:100vh;max-height:100vh;flex:1;display:flex;flex-direction:column;overflow:hidden;padding:0;margin:0}.MIDI-module__header__CwQRj{display:flex;align-items:center;justify-content:space-between}.MIDI-module__footer__2aCUU{width:calc(100vw - (2 * var(--midi-app-padding)));height:100%;flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--midi-app-fg: rgba(255, 255, 255, .87);--midi-app-bg: #242424;--midi-app-border: 1px solid #444;--midi-app-border-radius: 1pt;--midi-app-padding: .75em;--midi-app-brand-clr: #ffa600;--midi-app-range-bg-vertical: linear-gradient(0deg, rgba(255, 166, 0, 1) 0%, rgb(156, 101, 4) 35%, rgba(255, 166, 0, 1) 100%);--midi-app-range-bg-horizontal: linear-gradient(90deg, rgba(255, 166, 0, 1) 0%, rgb(129, 85, 8) 35%, rgba(255, 166, 0, 1) 100%);color:var(--midi-app-fg);background-color:var(--midi-app-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;display:flex;place-items:top;justify-content:space-between;min-height:100vh;max-height:100vh;min-width:100vw;overflow:hidden}#root{min-width:100vw;max-width:100vw;min-height:100vh;max-height:100vh;padding:0;margin:0;overflow:hidden}h1,legend{display:flex;justify-content:space-between;align-items:center;font-size:100%;padding:0;margin:0}h2{font-size:10pt;text-transform:uppercase;margin-top:0;padding-top:0}header{margin:0 var(--midi-app-padding);border-bottom:var(--midi-app-border)}.padded{margin:var(--midi-app-padding);padding:var(--midi-app-padding);border:var(--midi-app-border)}label{margin-right:.6em;line-height:normal;font-size:small}select{padding:.6em;border-color:transparent}select:hover{border-color:var(--midi-app-fg)}option:checked{background-color:#b3d4fc}button{font-size:66%;font-weight:100;text-transform:uppercase;font-variant:small-caps;opacity:50%;background-color:transparent;color:var(--midi-app-fg);border:var(--midi-app-border);margin-right:.5em}button:last-of-type{margin-right:none}button:hover{opacity:100%;cursor:pointer}small{font-size:xx-small;font-weight:100}