body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,body,html{height:100%;max-height:100%}body{margin:0}#root{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.app{overflow:hidden}.top{background-color:#999}.footer{height:30px}.left{-webkit-flex-grow:1;flex-grow:1;max-width:80%;border-right:1px solid #bbb}.left .title{font-weight:700;margin-bottom:.25rem}.right{min-width:450px;overflow-y:auto;height:100%;padding:0 10px}.scroll-y{overflow-y:auto;scroll-behavior:smooth}.text-left{text-align:left!important;text-align:start!important}.flex,.row{display:-webkit-flex;display:flex}.row.spaced>div{margin-right:10px}.row.spaced>div:last-child{margin-right:0}.grow{-webkit-flex-grow:1;flex-grow:1}.baseline{-webkit-align-items:baseline;align-items:baseline}.between{-webkit-justify-content:space-between;justify-content:space-between}.row.center{-webkit-align-items:center;align-items:center}.row.stretch{-webkit-align-items:stretch;align-items:stretch}.p-10{padding:10px}.p-20{padding:20px}.pl-5{padding-left:5px}.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-20{padding-top:20px}.pt-30{padding-top:30px}.pb-10{padding-bottom:10px}.px-10{padding-left:10px;padding-right:10px}.py-10{padding-top:10px;padding-bottom:10px}.py-20{padding-top:20px;padding-bottom:20px}.px-20{padding-right:20px}.pl-20,.px-20{padding-left:20px}.pl-30{padding-left:30px}.my-10{margin-top:10px;margin-bottom:10px}.my-20{margin-top:20px;margin-bottom:20px}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-05rem{margin-bottom:.5rem}.mb-10rem{margin-bottom:1rem}.mb-15rem{margin-bottom:1.5rem}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mt-40{margin-top:40px}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}.ml-35{margin-left:35px}.ml-40{margin-left:40px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.max-w-30{max-width:30vw}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.text-small{font-size:.85rem}.b,.bold{font-weight:700}.line-15{line-height:150%}.line-125{line-height:125%}li{margin-bottom:.25rem}html{scroll-behaviour:smooth}.md p{margin:0 0 .5rem}.icon-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.__react_component_tooltip.show{opacity:1!important}.react-select__control{border-radius:0!important}.react-select__input,.react-select__placeholder{font-family:"Roboto Mono",monospace}html{--COLOR-PRESETS:#fff;--COLOR-DEVICES:#fff;--COLOR-DISPLAY:#fff;--COLOR-MIDI:#fff;--COLOR-USB:#fff;--COLOR-MULTIJACK:#fff;--COLOR-JACK_TIP:#fff;--COLOR-JACK_RING:#fff;--COLOR-UTILS:#fff;--COLOR-UTIL_X:#fff;--COLOR-UTIL_Y:#fff;--COLOR-CUSTOM_1:#fff;--COLOR-CUSTOM_2:#fff;--COLOR-CLOCK_MISC:#fff}@media screen{html[colors=on]{--COLOR-PRESETS:#dfe7fd;--COLOR-DEVICES:#fad2e1;--COLOR-DISPLAY:#fff1e6;--COLOR-MIDI:#dfe7fd;--COLOR-USB:#cddafd;--COLOR-MULTIJACK:#eae4e9;--COLOR-JACK_TIP:#fff1e6;--COLOR-JACK_RING:#f0efeb;--COLOR-UTILS:#dfe7fd;--COLOR-UTIL_X:#eae4e9;--COLOR-UTIL_Y:#fff1e6;--COLOR-CUSTOM_1:#fde2e4;--COLOR-CUSTOM_2:#fad2e1;--COLOR-CLOCK_MISC:#cddafd}}.PRESETS{background-color:#fff;background-color:var(--COLOR-PRESETS)}.DEVICES{background-color:#fff;background-color:var(--COLOR-DEVICES)}.DISPLAY{background-color:#fff;background-color:var(--COLOR-DISPLAY)}.MIDI{background-color:#fff;background-color:var(--COLOR-MIDI)}.USB{background-color:#fff;background-color:var(--COLOR-USB)}.MULTIJACK{background-color:#fff;background-color:var(--COLOR-MULTIJACK)}.JACK_TIP{background-color:#fff;background-color:var(--COLOR-JACK_TIP)}.JACK_RING{background-color:#fff;background-color:var(--COLOR-JACK_RING)}.UTILS{background-color:#fff;background-color:var(--COLOR-UTILS)}.UTIL_X{background-color:#fff;background-color:var(--COLOR-UTIL_X)}.UTIL_Y{background-color:#fff;background-color:var(--COLOR-UTIL_Y)}.CUSTOM_1{background-color:#fff;background-color:var(--COLOR-CUSTOM_1)}.CUSTOM_2{background-color:#fff;background-color:var(--COLOR-CUSTOM_2)}.CLOCK_MISC{background-color:#fff;background-color:var(--COLOR-CLOCK_MISC)}.red{color:red}.green{color:green}.bg-warning{background-color:#ffbe46}.midi-support-warning-fs{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#d08e5a;z-index:1000;opacity:.9;font-size:1.5rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding-top:80px}.midi-support-warning-fs h1{font-size:2rem;font-weight:700;margin-top:0}div.warning-message-fs{background-color:#fff;padding:20px 40px;line-height:2}div.warning-message a{font-weight:700}.midi-support-warning-top{background-color:#ff8125;padding:10px 20px;font-size:1.5rem}.midi-support-warning-top a{font-weight:700;text-decoration:none;color:#00f}.midi-reading,.midi-writing{font-size:.85rem;margin-top:1px;padding:2px 10px 0;border-radius:4px}.midi-writing{background-color:#ff9898;color:#333}.midi-reading{background-color:#90ee90;color:#333}.ports-row{display:-webkit-flex;display:flex}.ports-row>div{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin-right:10px}.port{padding:0 3px}.header a{text-decoration:none}.header{display:-webkit-flex;display:flex;margin:0;padding:20px 20px 0;-webkit-align-items:center;align-items:center;overflow:hidden!important;height:85px;min-height:85px;max-height:85px}.header .logo{-webkit-flex-shrink:0;flex-shrink:0;margin:0 20px 0 0}.header .logo,.header img{min-height:100%;height:100%}.header-lines{width:100%;-webkit-flex-direction:column;flex-direction:column;-webkit-align-content:space-between;align-content:space-between}.header-lines,.header-top-line{display:-webkit-flex;display:flex}.header-top-line{-webkit-align-items:baseline;align-items:baseline;-webkit-justify-content:space-between;justify-content:space-between}.header-link{padding:14px 0;margin:0;cursor:pointer}.header-link:hover{background-color:#000}.header-link div{padding:0 16px;margin:0;text-decoration:none;color:#fff}.header-link.active{background-color:#0030ff}.header-link.active a{color:#fff}.spacer{-webkit-flex-grow:10;flex-grow:10}.header-title{font-weight:700;font-size:1.25rem}.tabs{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-end;align-items:flex-end;margin-top:20px}.tab-name{margin:0;font-weight:700}.tabs .tab{border:1px solid #000;border-top-left-radius:5px;border-top-right-radius:5px;padding:5px 10px;text-align:center}.tab.active,.tab.inactive{min-width:120px;cursor:pointer}.tab.padding{-webkit-flex-grow:1;flex-grow:1;border-top:none;border-left:none;border-right:none}.tab.padding-left{width:20px}.tab.padding-left,.tab.padding-middle{padding:0;border-top:none;border-left:none;border-right:none}.tab.padding-middle{width:10px}.tabs .tab.tab-info{border-top:none;border-left:none;border-right:none;text-align:left;padding-left:20px}.tab.active{border-bottom-color:transparent}.tab.inactive{color:#3030ff;border-top-color:#999;border-left-color:#999;border-right-color:#999}.grid-2cols{display:grid;grid-template-columns:auto auto;grid-column-gap:10px;grid-row-gap:10px;-webkit-align-content:start;align-content:start;-webkit-align-items:start;align-items:start}.name-input-big{width:100px;font-family:"Roboto Mono",monospace;letter-spacing:1px;font-size:1rem;padding-left:5px;padding-right:5px}.nav-button{width:20px}.number-input{font-size:1rem;padding:1px 0 0 5px}.span-2cols{grid-column:span 2}.save-button{margin-left:10px}.selectors-grid{display:grid;grid-template-columns:repeat(auto-fit,180px);-webkit-justify-content:start;justify-content:start}.sortable-selector-wrapper{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.handle-wrapper{padding:3px 0 0 5px;cursor:pointer;fill:#555}.overlay .handle-wrapper{cursor:-webkit-grabbing;cursor:grabbing}.src-elem input{background-color:#eef!important}.overed input{background-color:#faa!important}.title{font-weight:700;font-size:2rem;margin:1rem 0}.title:first-child{margin-top:0}.title2{font-weight:700;font-size:1.5rem;margin:.75rem 0}.justify-right,.num{justify-self:end}.config-data-grid,.preset-data-grid{display:grid;grid-template-columns:auto auto auto auto;grid-column-gap:10px;-webkit-justify-content:start;justify-content:start}.grid-header{font-weight:700}.float-right{float:right}.italic{font-style:italic}.light-text{color:#999}.help-text{font-size:75%;color:#999}.legend{font-size:.85rem;color:#000}.legend>div{border:1px solid #000;width:80px;color:#000;text-align:center;padding:1px 0}.legend.green{color:#000}.legend.green>div{background-color:#90ee90}.legend.yellow>div{background-color:#ff0}.param-display{font-weight:700}.param-value input,.param-value select{font-size:1rem;font-family:"Roboto Mono",monospace}.param-value select{min-width:92px;padding-left:2px}.param-value input[type=text]{min-width:80px;border-style:solid;border-width:1px;padding-left:4px;padding-right:4px;text-align:left}.param-value input.input-number{text-align:right}.value-help{color:green}.value-help p{margin:0}ul{-webkit-margin-before:.5em;margin-block-start:.5em;-webkit-margin-after:.5em;margin-block-end:.5em}input[type=checkbox]{-webkit-transform:scale(1.25);transform:scale(1.25)}.dirty input,.dirty label,.dirty select,.state.dirty{background-color:#ff0!important;-webkit-animation:none;animation:none}@-webkit-keyframes background-fade{99.9%{background-color:#90ee90}to{background-color:#fff}}@keyframes background-fade{99.9%{background-color:#90ee90}to{background-color:#fff}}.presets-list{width:180px;padding:10px 20px 20px}.preset-selector{padding:5px 0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.preset-selector:hover{background-color:#eee;color:#000}.preset-selector.selected:hover{background-color:rgb(255 255 64)}.preset-selector.selected{background-color:rgb(255 255 128);box-shadow:inset 0 0 6px #999;border-color:#555;color:#000}.drag-handle:focus{outline:none}.preset-number{margin-right:5px;width:1.25rem;text-align:right}.preset-name{font-family:"Roboto Mono",monospace;font-weight:500}.preset-name,.preset-tempo{font-size:1rem}.param-value{display:-webkit-flex;display:flex;margin-top:5px}.preset-selector input{font-size:1rem;font-family:"Roboto Mono",monospace;width:100px;padding-left:5px}.utils-grid{display:grid;grid-template-columns:6rem 10rem 6rem 10rem 6rem 10rem;-webkit-justify-content:start;justify-content:start;grid-row-gap:10px}.utils-grid input{font-size:1rem;font-family:"Roboto Mono",monospace;width:100px;padding-left:5px}
/*# sourceMappingURL=main.f0ad20e0.chunk.css.map */