.mod-src-cyc_env{color:#000;color:var(--mod-src-cyc_env-text)}.mod-src-env{color:#000;color:var(--mod-src-env-text)}.mod-src-lfo{color:#000;color:var(--mod-src-lfo-text)}.mod-src-press{color:#000;color:var(--mod-src-press-text)}.mod-src-key_arp{color:#000;color:var(--mod-src-key_arp-text)}.mod-src-cyc_env-text{color:#fff5cf;color:var(--mod-src-cyc_env)}.mod-src-env-text{color:#d1e7ff;color:var(--mod-src-env)}.mod-src-lfo-text{color:#ffd4e5;color:var(--mod-src-lfo)}.mod-src-press-text{color:#94ffa5;color:var(--mod-src-press)}.mod-src-key_arp-text{color:#f0baff;color:var(--mod-src-key_arp)}.mod-src-cyc_env-bg{background-color:#fff5cf;background-color:var(--mod-src-cyc_env)}.mod-src-env-bg{background-color:#d1e7ff;background-color:var(--mod-src-env)}.mod-src-lfo-bg{background-color:#ffd4e5;background-color:var(--mod-src-lfo)}.mod-src-press-bg{background-color:#94ffa5;background-color:var(--mod-src-press)}.mod-src-key_arp-bg{background-color:#f0baff;background-color:var(--mod-src-key_arp)}html{--main-bg:#fff;--text:#000;--title-text:#222;--link:#00f;--footer:#ccc;--progress:#ccc;--header-select-bg:#fff;--header-select-text:#333;--header-select-border:#ccc;--midi-select-bg:#eee;--midi-select-text:#000;--preset-number-bg:#eee;--preset-number-text:#000;--button-text:#fff;--button-bg:#7d44ff;--button-disabled-bg:#ccc;--button-disabled-text:#949494;--button-hover-bg:#562ecd;--read-button-bg:#0ba20b;--read-button-hover-bg:#0bc00b;--input-border:1px solid #aaa;--group-bg:#fff;--group-border:1px solid #eee;--group-header:#eee;--group-header-border:1px solid #aaa;--switch-sel-bg:#42a5f5;--switch-sel-text:#fff;--knob-track-bg:#cfd8dc;--knob-track:#42a5f5;--knob-text:#42a5f5;--direct-access-bg:#fff;--direct-access-loaded-bg:#ddd;--direct-access-border:#ccc;--direct-access-hover-bg:#deb887!important;--presets-grid-text:#333;--presets-grid-loaded-bg:#f0f0f2;--mod-src-cyc_env:#fff5cf;--mod-src-env:#d1e7ff;--mod-src-lfo:#ffd4e5;--mod-src-press:#94ffa5;--mod-src-key_arp:#f0baff;--mod-src-cyc_env-text:#000;--mod-src-env-text:#000;--mod-src-lfo-text:#000;--mod-src-press-text:#000;--mod-src-key_arp-text:#000;--mod-src-bg:#e8e8ea;--abort-button-bg:#ff7272;--instructions-text:#666;--scrollbar-track:var(--knob-track-bg);--scrollbar-thumb:var(--knob-track);--list-view-grid-header:#eee;--list-view-grid-header-text:#000;--list-view-grid-border:#aaa;--list-view-text:#000;--list-view-osc-text:#000}@media screen{html[data-theme=light] .mod{--mod-src-cyc_env:#a6a398;--mod-src-env:#adb9c7;--mod-src-lfo:#c7afb8;--mod-src-press:#8bc795;--mod-src-key_arp:#cba7d5;--mod-src-cyc_env-text:#000;--mod-src-env-text:#000;--mod-src-lfo-text:#000;--mod-src-press-text:#000;--mod-src-key_arp-text:#000;--mod-src-bg:#e8e8ea}}@media print{.mod{--mod-src-cyc_env:#333;--mod-src-env:#333;--mod-src-lfo:#333;--mod-src-press:#333;--mod-src-key_arp:#333;--mod-src-cyc_env-text:#000;--mod-src-env-text:#000;--mod-src-lfo-text:#000;--mod-src-press-text:#000;--mod-src-key_arp-text:#000;--mod-src-bg:#e8e8ea}}@media screen{html[data-theme=dark]{--main-bg:#111;--title-text:#f8f8f8;--header-select-bg:#393e46;--header-select-text:#ccc;--midi-select-bg:#393e46;--preset-number-bg:#393e46;--input-border:1px solid #777;--group-bg:#222831;--group-header:#393e46;--group-header-border:2px solid #000;--knob-track-bg:#494949;--knob-track:#eec83f;--knob-text:#eec83f;--mod-src-cyc_env:#fff5cf;--mod-src-env:#d1e7ff;--mod-src-lfo:#ffd4e5;--mod-src-press:#94ffa5;--mod-src-key_arp:#f0baff;--mod-src-cyc_env-text:#000;--mod-src-env-text:#000;--mod-src-lfo-text:#000;--mod-src-press-text:#000;--mod-src-key_arp-text:#000;--mod-src-bg:#393e46;--mod-src-text:#eec83f;--abort-button-bg:#ff1313;--instructions-text:#aaa;--scrollbar-track:var(--group-bg);--list-view-grid-header:#444;--list-view-grid-header-text:#ccc;--list-view-grid-border:#777;--list-view-text:#e8e8e8;--list-view-osc-text:#e8e8e8}html[data-theme=dark],html[data-theme=darker]{--text:#fff;--link:#6d6dff;--footer:#444;--header-select-border:#555;--midi-select-text:#fff;--preset-number-text:#fff;--progress:#34ab33;--button-text:#fff;--button-bg:#7d44ff;--button-disabled-bg:#26017b;--button-disabled-text:#777;--button-hover-bg:#562ecd;--read-button-bg:#0ba20b;--read-button-hover-bg:#0bc00b;--group-border:none;--switch-sel-bg:#ecc53a;--switch-sel-text:#000;--direct-access-bg:#000;--direct-access-loaded-bg:#333;--direct-access-border:#555;--direct-access-hover-bg:#ff0!important;--direct-access-hover-text:#000!important;--presets-grid-text:#ccc;--presets-grid-loaded-bg:#1b1f26;--scrollbar-thumb:var(--group-header)}html[data-theme=darker]{--main-bg:#000;--title-text:#f0f0f0;--header-select-bg:#212121;--header-select-text:#bbb;--midi-select-bg:#000;--preset-number-bg:#000;--input-border:1px solid #393939;--group-bg:#212121;--group-header:#212121;--group-header-border:2px solid #000;--knob-track-bg:#393939;--knob-track:#eec83f;--knob-text:#eec83f;--mod-src-cyc_env:#fff5cf;--mod-src-env:#d1e7ff;--mod-src-lfo:#ffd4e5;--mod-src-press:#94ffa5;--mod-src-key_arp:#f0baff;--mod-src-cyc_env-text:#000;--mod-src-env-text:#000;--mod-src-lfo-text:#000;--mod-src-press-text:#000;--mod-src-key_arp-text:#000;--mod-src-bg:#101010;--abort-button-bg:#ff3636;--instructions-text:#999;--scrollbar-track:var(--knob-track-bg);--list-view-grid-header:#333;--list-view-grid-header-text:#ccc;--list-view-grid-border:#666;--list-view-text:#e0e0e0;--list-view-osc-text:#e0e0e0}}body{margin:0;padding:0;font-family:Oswald,sans-serif;background:var(--main-bg);color:var(--text)}button{outline:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.space-right{margin-right:10px}#root{margin:0 auto;max-width:1400px}.no-bold{font-weight:300!important}@media print{.header-options,.ports-row,button,label,select{display:none!important}}.app-wrapper.presets-grid-right{margin:0 auto;max-width:1420px}.app-wrapper.presets-grid-bottom,.app-wrapper.presets-grid-none{margin:0 auto;max-width:1200px}.presets-grid-right .App{display:flex;flex-direction:row}.presets-grid-bottom .App{display:flex;flex-direction:column}.banner{background-color:#ddd;color:#333;padding:5px}.warning.banner{background-color:#e45209;color:#fff}.header{display:flex;align-items:center;justify-content:flex-start;margin-bottom:5px}.header a{text-decoration:none}.header select{margin-left:5px;background-color:var(--header-select-bg);color:var(--header-select-text);border-color:var(--header-select-border);font-size:.9rem;font-weight:300}.link{text-decoration:none;color:var(--link)}.copyright{text-align:right;font-size:.75rem}.copyright a{text-decoration:none}.copyright a,.copyright a:visited{color:var(--link)}.title{font-size:2rem;display:flex;color:var(--title-text);flex-grow:1}.main-grid{display:grid;grid-row-gap:10px;grid-column-gap:10px;justify-content:stretch;align-items:stretch}.group{background-color:var(--group-bg);border:var(--group-border)}.controls{display:flex;flex-direction:row;padding:5px}h3{grid-column:span 2;margin:0;padding:5px;border-bottom:var(--group-header-border);background-color:var(--group-header);font-weight:400}.matrix{grid-column:1/span 2;grid-row:1}.preset{grid-column:3;grid-row:1}.preset-wrapper{padding:5px}.oscillator{grid-column:1;grid-row:2}.filter{grid-column:2;grid-row:2}.cycling-env{grid-column:3;grid-row:2}.arp-seq{grid-column:1;grid-row:3}.lfo{grid-column:2}.env,.lfo{grid-row:3}.env{grid-column:3}.keyboard{grid-column:1/span 2;grid-row:4}.instructions{grid-column:3;grid-row:4;padding:5px;font-size:14px;font-weight:300;color:var(--instructions-text)}.instructions h3{grid-column:span 2;margin:0;padding:5px 0;border-bottom:var(--main-bg);background-color:var(--main-bg);font-weight:400}.instructions ol{margin:0;padding:0 0 0 20px}.instructions li{margin:0}button,input,select{font-family:Oswald,sans-serif}select{margin-right:5px;background-color:var(--midi-select-bg);color:var(--midi-select-text);border:var(--input-border);font-size:1rem;font-weight:400}.control{min-width:60px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.control:not(:first-child){margin-left:10px}.control.osc{min-width:80px}.osc-name{margin-top:10px}.arp-sync,.osc-name{color:var(--knob-text);white-space:pre-wrap;text-align:center}.arp-sync{margin-top:16px}.ctrl-value{margin-top:-7px;color:var(--knob-text)}.control-off{opacity:.2}.knob{margin-top:2px;width:60px}.knob text{font-size:1.8rem;fill:var(--knob-text)}.knob-track-bg{stroke:var(--knob-track-bg)}.knob-track{stroke:var(--knob-track)}.control-mods,.mod{width:100%;position:relative}.mod{margin:0;border:none;background-color:#777;color:#000;font-size:67%}.control-mods .mod{margin-top:16px;height:3px}.control-mods-popup .mod{font-size:100%}.mod-text{font-weight:300;position:absolute;bottom:3px;padding:0 2px;display:flex;justify-content:space-between;z-index:1000}.mod-name{margin-right:4px}.mod-fill{position:absolute;top:0;left:0}.preset-selector>div{margin-bottom:5px}.preset-selector button{background-color:var(--button-bg);color:var(--button-text);padding:2px 10px;font-size:1.1rem;font-weight:300;border:none;border-radius:3px;margin-right:5px}.seq-access button{padding:2px 10px}.midi-ko button.button-midi{color:var(--button-disabled-text);background-color:var(--button-disabled-bg)}button:hover{background-color:var(--button-hover-bg)}.read-button,button.abort{padding-left:25px!important;padding-right:25px!important}button.abort{background-color:var(--abort-button-bg)}.read-button.ok{background-color:var(--read-button-bg)!important}.read-button.ok:hover{background-color:var(--read-button-hover-bg)!important}.preset-selector #preset{padding:0 5px 0 0;width:3rem;font-size:1.2rem;text-align:right;background-color:var(--preset-number-bg);color:var(--preset-number-text);border:var(--input-border)}.seq-access{margin-top:10px;display:flex;flex-direction:row;align-items:center}.seq-access>*{margin-right:5px}.actions{margin-top:10px}.direct-access{position:absolute;right:10px;background-color:var(--direct-access-bg);box-shadow:-10px 10px 10px 5px #000;margin:5px 10px 10px;display:grid;grid-template-columns:repeat(16,auto);justify-content:start;font-size:.85rem}.direct-access>div,.seq-access>div{margin:1px;padding:2px 8px;border:1px solid var(--direct-access-border);cursor:pointer;text-align:right}.direct-access>div:hover{background-color:var(--direct-access-hover-bg);color:var(--direct-access-hover-text)}.direct-access>div.sel{background-color:var(--switch-sel-bg);color:var(--switch-sel-text)}.aborting{margin-left:5px}select.preloader,select.preloader option{font-weight:300}.mod-matrix{padding:5px;background-color:var(--group-bg);display:grid;grid-template-columns:repeat(8,minmax(5rem,auto));justify-content:start}.mod-matrix>div{border-bottom:1px solid #aaa;border-right:1px solid #aaa;padding:0 5px}.mod-matrix-unsupported{grid-column:2/span 7;grid-row:2/span 5;padding:10px 20px 5px!important;font-weight:300}.mod-matrix-unsupported ol{margin:0;-webkit-padding-start:30px;padding-inline-start:30px}.mod-matrix-unsupported a{text-decoration:none;color:var(--link)}.mod-matrix-unsupported a:visited{color:var(--link)}.mod-matrix-dest,.mod-matrix-value{text-align:center}.mod-matrix-value{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.mod-matrix .mod-matrix-col-header{padding:2px 2px 2px 0}.mod-matrix>.mod-matrix-col-header>div{padding-left:2px}.mod-matrix-value .mod{margin-bottom:3px;margin-top:16px;height:3px}.switch{min-width:30px}.switch:not(:first-child){margin-left:10px}.sw-values{display:grid;grid-template-columns:auto;justify-items:start}.layout-2-cols{grid-template-columns:auto auto;grid-column-gap:2px}.layout-1-row{display:flex;flex-direction:row}.layout-1-row>div{padding:0 5px}.sw-val{margin-bottom:2px;padding:1px 3px 0 2px;color:#aaa}.sw-sel{color:var(--switch-sel-text);background-color:var(--switch-sel-bg)}.switch .ctrl-name{margin-bottom:5px}@media print{.sw-sel{border:1px solid #888}.sw-sel.sw-val{color:#000}}.progress{margin-top:10px;padding:0 5px;position:relative}.progress-bar{position:absolute;top:0;left:0;background-color:var(--progress)}.progress-counter{position:absolute;top:0;left:0;padding-left:5px}.progress.done{-webkit-animation:hide-animation .6s ease-in 1s forwards;animation:hide-animation .6s ease-in 1s forwards}@-webkit-keyframes hide-animation{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes hide-animation{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.ports-row{display:flex;margin:5px 0 10px;font-weight:300}.ports-row>div{margin-right:10px}.ports-row span{margin-right:5px}.presets-grid-right .presets-grid{max-height:calc(100vh - 92px);overflow-y:auto;width:200px;margin-left:10px;padding-right:5px;display:grid;grid-template-columns:1fr;grid-gap:3px;font-size:85%;color:var(--presets-grid-text)}.presets-grid::-webkit-scrollbar{width:1em}.presets-grid::-webkit-scrollbar-track{background-color:var(--scrollbar-track)}.presets-grid::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb)}.presets-grid-bottom .presets-grid{margin-top:10px;display:grid;grid-template-columns:repeat(8,1fr);grid-gap:3px;font-size:85%;color:var(--presets-grid-text)}.presets-grid>div{padding:0 5px;cursor:pointer;display:flex}.g-n{margin-left:5px;flex-grow:2}.presets-grid>div:hover{background-color:var(--direct-access-hover-bg);color:var(--direct-access-hover-text)}.presets-grid>.loaded{background-color:var(--presets-grid-loaded-bg)}.presets-grid>div.sel{background-color:var(--switch-sel-bg);color:var(--switch-sel-text)}.shorturl-icon{margin-right:5px;font-size:1rem;font-weight:300}.shorturl-icon button{background-color:var(--midi-select-bg);color:var(--midi-select-text);border:var(--input-border);font-size:1rem;font-weight:300;border-radius:3px}.share-label{font-weight:300;color:var(--header-select-text)}.share-link{color:var(--knob-text);font-weight:300;margin:0 10px 0 5px}.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:flex;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:#ffc73d;padding:10px 20px;font-size:1.5rem;color:#000}.midi-support-warning-top a{text-decoration:none;color:#00f}.warning-top{background-color:#ffc73d;padding:6px 12px;font-size:1rem;color:#000}.lw .header{display:flex;justify-content:flex-start;align-items:center;justify-content:left;margin-bottom:5px}.lw .title{flex-grow:unset;margin-right:20px}.lw .header-options,.lw .xpreloader{margin-left:10px;flex-grow:1;text-align:right}.lw .preloader{margin-top:5px;font-weight:400}.lw .bt-file{margin-top:5px;background-color:var(--header-select-bg);color:var(--header-select-text);border-color:var(--header-select-border)}.lw .header button{font-size:.9rem;font-family:Oswald,sans-serif;font-weight:400;border-radius:4px}.lw-content{font-family:sans-serif;margin-top:20px;color:var(--list-view-text)}.lw-font-small{font-size:.85rem}.num{border-left:1px solid var(--list-view-grid-border);text-align:right}.lw-presets-list{display:grid;justify-items:start;justify-content:start}.lw-grid-1{grid-template-columns:auto auto auto auto}.lw-grid-2{grid-template-columns:repeat(2,auto auto auto auto)}.lw-grid-3{grid-template-columns:repeat(3,auto auto auto auto)}.lw-grid-4{grid-template-columns:repeat(4,auto auto auto auto)}.lw-grid-6{grid-template-columns:repeat(6,auto auto auto auto)}.lw-grid-8{grid-template-columns:repeat(8,auto auto auto auto)}.lw-presets-list div{justify-self:stretch;padding:2px 10px}.lw-h{font-weight:700;font-size:small;background-color:var(--list-view-grid-header);color:var(--list-view-grid-header-text)}.lw-p{display:flex}.pl{padding-left:80px}.lw-controls{display:flex;flex-direction:row}.lw-bt{font-family:sans-serif;border:none;background-color:#9e9e9e;border-radius:3px;padding:4px 8px;margin:0 4px;color:#fff;box-shadow:0 4px 10px -4px rgba(0,0,0,.45)}.lw-bt-on{box-shadow:inset 1px 1px 4px #555;background-color:#e9e828;color:#333}button.lw-bt:hover{background-color:#bebd1c}.ml{margin-left:20px}@media print{.lw-controls,button,label,select{display:none!important}}
/*# sourceMappingURL=main.b8ae323f.chunk.css.map */