:root{--editor-bg-color:#2d2d2d}*,:after,:before{box-sizing:border-box}@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:100;src:local("Lato Thin "),local("Lato-Thin"),url(/_webapps/kbp4/editorbeta/static/media/lato-thin-100.5c9da59e.woff2) format("woff2")}@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:300;src:local("Lato Light "),local("Lato-Light"),url(/_webapps/kbp4/editorbeta/static/media/lato-regular-300.6a65ea66.woff2) format("woff2")}body,html{background-color:var(--editor-bg-color);margin:0;padding:0;font-family:Lato,sans-serif;color:#fff;font-weight:300;font-size:14px;line-height:1.42857;-webkit-app-region:drag}body{padding:10px 0}.editor{margin:0 auto}.editor,.editor.windows{width:1000px}header{display:grid;grid-template-columns:repeat(10,1fr);grid-gap:10px;user-select:none}header .preset-manager-select .button-group .button{font-size:12px;text-shadow:0 1px 1px #000}header .button.toggled{background-color:#999}.electron header{padding:0 10px}.preset-manager-drop{position:relative;background:#333;grid-column:1/7;border:1px solid #efefef;border-radius:3px}.active-drop{background:#646464;opacity:.5}.accept-file-drop{background:#397d02}.reject-file-drop{background:#a04040}.reject-file-drop:after{content:"Wrong File Type";position:absolute;top:25px;left:0;width:100%;color:#fff;font-size:45px;font-weight:700;text-align:center;z-index:1}.preset-manager{display:grid;grid-template-columns:60% 40%;padding:8px 0 8px 8px;box-shadow:0 0 20px #111}.presets-label{font-size:10px;line-height:11px;width:5%;word-wrap:break-word;letter-spacing:20px;padding-top:10px;text-transform:uppercase}.preset-manager-select{display:flex;min-width:1px}.preset-manager-select select{margin-bottom:7px}.presets-box{position:relative;display:flex;flex-direction:column;flex:1 1;margin-right:10px}.presets-box .revert{margin-bottom:7px}.button-group.destination{display:contents}.preset-manager-user{display:flex;min-width:1px}.attention .revert,.attention .save:not([disabled]){background-color:rgba(128,0,0,.46)}.preset-manager-user .presets-label{width:7%;padding-top:25px}header button.delete,header button.send-to-malletstation{margin-bottom:0}.preset-name-form{display:flex;flex-direction:column;flex:1 1;margin-right:10px}.preset-name-form input{margin-bottom:7px;height:27px;border-radius:3px}.preset-name-form input.preset-name{border-radius:3px}.preset-name-form.duplicate input{border-color:maroon;outline-color:#646464}header .preset-name-form button.cancel{margin-bottom:7px}.preset-manager-select-destination>button{letter-spacing:1px}@media only screen and (max-width:768px){.preset-manager{grid-column:1/8}}select{background-color:#4a4a4a;color:#fff;font-size:11px;font-family:inherit;font-weight:300;padding:0 5px;border:1px solid #fff;height:27px;width:100%;cursor:pointer;outline:none;-webkit-app-region:no-drag;-webkit-appearance:none;border-radius:3px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='white'><polygon points='0,0 100,0 50,50'/></svg>");background-repeat:no-repeat;background-size:6px 10px;background-position:calc(100% - 5px) 65%}label select{margin-top:5px}option{margin:0;padding:6.75px}.disabled select{cursor:not-allowed;filter:opacity(.65)}.button{color:#fff;background-color:#4a4a4a;text-transform:uppercase;font-size:10px;font-family:inherit;font-weight:300;line-height:16px;padding:2px;max-width:100%;text-align:center;width:100%;height:27px;cursor:pointer;border-style:solid;border-width:1px;border-radius:3px;-webkit-app-region:no-drag}header .button{border:1px solid #fff;margin-bottom:0}section .button{border:1px solid #04aef0}.button:hover{color:#fff;background-color:#999;text-shadow:0 1px 3px #000;outline:none}.button.disabled,.button[disabled]{cursor:not-allowed;opacity:.65;filter:opacity(.65);box-shadow:none}.button.active,.button:active,.button:focus{outline:none;background-image:none;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.button.toggled{background-color:#04aef0}.button-group.round{justify-content:center}.button-group.round button{margin:0 5px}.button-group{margin-bottom:7px;display:flex}.button-group button{margin:0 4px}.button-group button:first-child{margin-left:0}.button-group button:last-child{margin-right:0}.button-group .send-label{white-space:nowrap;margin-right:5px;padding-top:6px;text-transform:uppercase;letter-spacing:1px;font-size:10px}button.arrow-right{background-repeat:no-repeat;filter:drop-shadow(0 0 5px #000);border:none;width:25px}button.arrow-right,button.arrow-right:hover{background-color:initial}button.arrow-left{background-repeat:no-repeat;filter:drop-shadow(0 0 5px #000);border:none;width:25px}button.arrow-left,button.arrow-left:hover{background-color:initial}button.arrow-up{background-repeat:no-repeat;filter:drop-shadow(0 0 5px #000);border:none;width:25px}button.arrow-up,button.arrow-up:hover{background-color:initial}button.arrow-down{background-repeat:no-repeat;filter:drop-shadow(0 0 5px #000);border:none;width:25px}button.arrow-down,button.arrow-down:hover{background-color:initial}input[type=text]{width:100%;padding:5px;background-color:#4a4a4a;border:1px solid #fff;color:#fff;font-family:inherit;font-weight:300;-webkit-app-region:no-drag}.status-logos{position:relative;grid-column:7/-1;margin-left:40px;transition:filter 1s}.connected .k-board-pro-4-logo{filter:drop-shadow(0 0 5px #000)}.status-bar-message{text-align:center;margin-top:19px}.status-bar{left:0;display:inline-block;height:0;width:100%;background-color:#646464;transition:all 1s ease;border-radius:3px}.progress-bar,.status-bar{position:absolute;bottom:0}.progress-bar{left:-46px;right:0;top:0;z-index:-1}.status-bar[data-status-message=disconnected]{background-color:#646464;height:1px}.status-bar[data-status-message=connected],.status-bar[data-status-message=reconnecting],.status-bar[data-status-message=updates-available]{background:linear-gradient(90deg,#00adef,#9a6aad);background-size:600% 300%;height:5px;animation:connected 7s ease infinite;animation-fill-mode:forwards;transform:translateZ(0)}.status-bar[data-status-message=reconnecting]{background:linear-gradient(-90deg,rgba(0,173,239,.6),#9a6aad);animation:reconnected .25s ease-out infinite;transform:translateZ(0)}.status-bar[data-status-message=updates-available]{background:linear-gradient(-180deg,#fed232,rgba(254,210,50,.93));animation:reconnected .25s ease-out infinite;transform:translateZ(0)}.status-bar[data-status-message="firmware-update-complete!"],.status-bar[data-status-message=downloading-editor],.status-bar[data-status-message=updating-firmware]{height:5px;overflow:hidden}.status-bar[data-status-message=updating-firmware] .progress-bar{z-index:1;background:repeating-linear-gradient(-55deg,#646464 1px,#fed232 2px,#fed232 11px,#646464 12px,#646464 20px);animation:progress .6s linear infinite;transform:translateZ(0)}.status-bar[data-status-message=bootloader]{background-color:#fed232;height:1px}.status-bar[data-status-message="firmware-update-complete!"] .progress-bar{z-index:1;background:#00ef16}.status-bar[data-status-message=downloading-editor]{height:5px}.status-bar[data-status-message=downloading-editor] .progress-bar{z-index:1;left:0;background-color:rgba(0,239,22,.4)}.status-bar[data-status-message=web-midi-unsupported]{background-color:maroon!important;height:1px}.status-bar[data-status-message=incompatible-preset]{background-color:maroon!important;height:5px}.editor-version{position:absolute;left:0;display:none}.beta .editor-version{display:block}@keyframes connected{0%{background-position:50% 50%}50%{background-position:100% 50%}to{background-position:50% 50%}}@keyframes reconnected{0%{transform:translateX(-1px)}to{transform:translateX(1px)}}@keyframes progress{0%{transform:translateX(0)}to{transform:translateX(46px)}}section{position:relative;border:3px solid #646464;border-radius:3px;padding:10px;box-shadow:0 0 20px #111;margin-top:40px;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:10px;user-select:none}.electron section{padding:10px 13px;border:none;box-shadow:none}section h2{font-size:30px;line-height:30px}section h2,section h4{font-weight:100;margin:0 0 10px}section h4{font-size:16px;line-height:16px}label{font-size:12px}label button,label input{margin-top:5px;border-radius:3px}label.off-label{opacity:.45}.has-cc select,.zone-curves select{background-position:calc(100% - 5px) 65%}.lower-zone-active select{border:1px solid #04aef0}.upper-zone-active select{border:1px solid #9a6aad}.lower-zone-active .button,.lower-zone-active .react-numeric-input input{border:1px solid #04aef0;border-radius:3px}.upper-zone-active .button,.upper-zone-active .react-numeric-input input{border:1px solid #9a6aad;border-radius:3px}.k-board-pro-4-keys{position:relative;grid-column:1/-1;grid-row:1/2}.k-board-pro-4-keys canvas{position:absolute;display:block;width:100%;height:100%;top:0;left:0;z-index:0}.k-board-pro-4-keys svg{position:relative;display:block}.k-board-pro-4-keys path{cursor:pointer;fill:transparent;stroke:#ababab;stroke-width:.5px}.k-board-pro-4-keys path[data-type=white].active{fill:#efefef}.k-board-pro-4-keys path[data-type=blue].active{fill:#040490}.k-board-pro-4-keys path[data-type=blue].split,.k-board-pro-4-keys path[data-type=white].split{stroke:#9a6aad;fill:##2c2424}#KBoardPro4Stems{position:absolute}#KBoardPro4Stems path{stroke:transparent}.split-slider{margin:0 5px 0 10px}.split-line{position:absolute;left:50%;width:2px;height:100%}.slider-handles>div{transition:filter .5s;-webkit-app-region:no-drag}.slider-handles>div:hover{filter:drop-shadow(0 0 5px #000);filter:contrast(225%)}.zone-cover{position:absolute;top:0;left:0;height:90%;cursor:pointer;transition:opacity .75s ease-in,width .1s;z-index:0;color:hsla(0,0%,100%,.6);font-size:24px;font-weight:100;text-transform:uppercase;text-align:center;writing-mode:vertical-lr;text-orientation:upright}.zone-cover.active:not(.autohide){background-image:repeating-linear-gradient(-45deg,transparent,transparent .2rem,rgba(0,173,239,.07) .3rem,rgba(70,82,152,.67) .4rem);background-size:200% 200%;animation-name:barberpole;animation-duration:40s;animation-timing-function:linear;animation-iteration-count:infinite;color:#fff;transform:translateZ(0)}.zone-cover.upper-zone.active{background-image:repeating-linear-gradient(-45deg,transparent,transparent .2rem,rgba(154,106,173,.07) .3rem,rgba(70,82,152,.67) .4rem)}.zone-cover.lower-zone.active.autohide{background-image:repeating-linear-gradient(-45deg,transparent,transparent .2rem,rgba(0,173,239,0) .3rem,rgba(70,82,152,0) .4rem)}.zone-cover.lower-zone.active.autohide:hover{background-image:repeating-linear-gradient(-45deg,transparent,transparent .2rem,rgba(0,173,239,.07) .3rem,rgba(70,82,152,.67) .4rem);background-size:200% 200%;animation-name:barberpole;animation-duration:40s;animation-timing-function:linear;animation-iteration-count:infinite;transform:translateZ(0)}.zone-cover.upper-zone.active.autohide{background-image:repeating-linear-gradient(-45deg,transparent,transparent .2rem,rgba(154,106,173,0) .3rem,rgba(70,82,152,0) .4rem)}.zone-cover.upper-zone.active.autohide:hover{background-image:repeating-linear-gradient(-45deg,transparent,transparent .2rem,rgba(154,106,173,.07) .3rem,rgba(70,82,152,.67) .4rem);background-size:200% 200%;animation-name:barberpole;animation-duration:40s;animation-timing-function:linear;animation-iteration-count:infinite;transform:translateZ(0)}.upper-zone{right:0;left:auto;width:auto;border-left:1px solid hsla(0,0%,100%,.8)}.zone-cover.off{opacity:0;z-index:-1}.zone-cover.full-zone{color:hsla(0,0%,100%,.2);border:none}.lower-zone:before{content:"";position:absolute;left:0;top:-4px;height:3px;width:100%;background-color:rgba(0,173,239,.4);border-radius:3px}.lower-zone.active:before{background-color:#00adef}.upper-zone:before{content:"";position:absolute;top:-4px;left:0;height:3px;width:100%;background-color:rgba(154,106,173,.4);border-radius:3px}.upper-zone.active:before{background-color:#9a6aad}.lower-zone:after{content:"";position:absolute;left:0;bottom:-3px;height:3px;width:100%;background-color:rgba(0,173,239,.4);border-radius:3px}.lower-zone.active:after{background-color:#00adef}.upper-zone:after{content:"";position:absolute;bottom:-3px;left:0;height:3px;width:100%;background-color:rgba(154,106,173,.4);border-radius:3px}.upper-zone.active:after{background-color:#9a6aad}.react-tabs{grid-column:1/-1;margin-top:10px}.react-tabs__tab-list{border:none!important;margin:0!important;padding:0;display:grid;grid-template-columns:1fr 1fr 1fr}.react-tabs__tab{border:none!important;bottom:0;padding:6px 10px!important;font-size:22px;line-height:26px;font-weight:100;background:#262626!important;color:hsla(0,0%,100%,.47);margin-right:5px;box-shadow:inset 0 -10px 13px 0 #222;border-top-left-radius:3px;border-top-right-radius:3px}.react-tabs__tab:last-child{margin-right:0}.react-tabs__tab:after,.react-tabs__tab:before{display:none}.react-tabs__tab--selected{background:#333!important;color:#fff!important;border-top-left-radius:3px;border-top-right-radius:3px;box-shadow:none}.react-tabs__tab--selected:focus{box-shadow:none}.react-tabs__tab-panel--selected{background:#333!important;padding-bottom:5px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.key-axes-zones{position:relative;grid-column:1/3;grid-row:2/2;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0}.key-axis{padding:20px 10px 0;background-repeat:no-repeat;background-size:30%;background-position-x:calc(100% - 7px);display:grid;grid-gap:5px;grid-template-rows:.75fr 1fr 1fr 1fr;transition:all .8s ease}.key-axis:hover{filter:drop-shadow(0 0 5px #111);text-shadow:0 0 5px #111}.axis-label{font-weight:100;margin-top:0;margin-bottom:0;transition:all .8s ease}.axis-label:hover{text-shadow:0 0 5px #000}.key-axis button,.key-axis input,.key-axis select{transition:opacity .8s ease,border .8s ease;margin-top:3px}.key-axis.off button,.key-axis.off input,.key-axis.off select{border-color:#777}.key-axis.axis-x{background-position-y:9px}.lower-zone-active .axis-x{background-image:url(/_webapps/kbp4/editorbeta/static/media/x-axis-icon.3c1348f6.svg)}.upper-zone-active .axis-x{background-image:url(/_webapps/kbp4/editorbeta/static/media/x-axis-icon-purple.6b0a8e7f.svg)}.axis-x.off{background-image:url(/_webapps/kbp4/editorbeta/static/media/x-axis-icon-off.5f064363.svg)}.key-axis.axis-y{background-position-y:7px}.lower-zone-active .axis-y{background-image:url(/_webapps/kbp4/editorbeta/static/media/y-axis-icon.5a88b3ec.svg);background-size:27%}.upper-zone-active .axis-y{background-image:url(/_webapps/kbp4/editorbeta/static/media/y-axis-icon-purple.4c59cd14.svg);background-size:27%}.axis-y.off{background-image:url(/_webapps/kbp4/editorbeta/static/media/y-axis-icon-off.d2fd23a4.svg)}.key-axis.axis-z{background-position-y:10px}.lower-zone-active .axis-z{background-image:url(/_webapps/kbp4/editorbeta/static/media/z-axis-icon.fb220f6c.svg);background-size:27%}.upper-zone-active .axis-z{background-image:url(/_webapps/kbp4/editorbeta/static/media/z-axis-icon-purple.2d31d0ab.svg);background-size:27%}.axis-z.off{background-image:url(/_webapps/kbp4/editorbeta/static/media/z-axis-icon-off.8c254bd4.svg)}.key-axis-mode-label,.key-axis-select-label,.keys-label{grid-column:1/-1}.has-cc .key-axis-mode-label{grid-column:1/3}.key-axis-mode{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:5px;align-items:end}.key-axis-cc-label{grid-column:3/-1;align-self:end}.key-axis-curves-zero,.key-axis-params{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:5px}.key-axis-curves-zero .key-axis-curve-label{grid-column:1/3}.axis-y .key-axis-curves-zero .key-axis-curve-label,.axis-z .key-axis-curves-zero .key-axis-curve-label{grid-column:1/2}.key-axis-invert .button{margin-top:3px;text-transform:capitalize;font-size:11px;line-height:15px}.key-axis-curve-label.off-label,.key-axis-zero-on-release-label.off-label{opacity:.35}.key-axis-curve-label.off-label select,.key-axis-invert.off-label button,.key-axis-zero-on-release-label.off-label select{background-color:#2d2d2d}.upper-zone-active button.toggled{background-color:#9a6aad}.react-numeric-input{position:relative;display:block}.react-numeric-input input{outline:none;padding-right:4px;font-size:12px;font-family:inherit;font-weight:300;-webkit-app-region:no-drag}.react-numeric-input btnDown,.react-numeric-input btnUp{display:none}.react-numeric-input .midi-note input:first-child{border-right:none;padding-right:0}.react-numeric-input .midi-note input:last-child{border-left:none;padding-left:0}.off .react-numeric-input input{border:1px solid hsla(0,0%,100%,.2);color:hsla(0,0%,100%,0);background-color:#4a4a4a;background-image:url(/_webapps/kbp4/editorbeta/static/media/off-bg.7bb53df7.svg);background-repeat:no-repeat;background-size:cover}.react-numeric-input input[disabled]{cursor:not-allowed;opacity:.65;filter:opacity(.65);box-shadow:none}.react-numeric-input input:focus{background-color:rgba(34,34,34,.4)}.zones{position:relative;padding:20px 10px 0 20px;display:grid;grid-template-rows:50px 1fr 1fr;grid-gap:5px;align-items:start;transition:all .8s ease}.zones:before{content:" ";position:absolute;left:5px;top:20px;width:1px;height:calc(100% - 18px);border-left:1px dashed hsla(0,0%,93.7%,.2)}.zones:hover{filter:drop-shadow(0 0 5px #111);text-shadow:0 0 5px #111}.zone-label{position:relative;font-weight:100;margin-top:0;margin-bottom:0}.zone-buttons{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px}.zone-channels{display:grid;grid-gap:5px;grid-template-columns:repeat(4,1fr)}.zone-channels.error,.zone-channels.error input{position:relative;border-color:maroon!important}.zone-channels.error:before{content:"not available";position:absolute;top:15px;right:55px;font-size:8px;text-transform:uppercase;letter-spacing:.5px}.zone-splits{display:grid;grid-gap:5px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.zone-splits label{grid-column:1/4;align-self:end}.zone-splits:after{content:"";position:absolute;width:calc(100% - 30px);top:102px;height:1px;border-bottom:1px dashed hsla(0,0%,100%,.27)}.zone-splits .react-numeric-input input{border-color:#efefef!important}.zone-splits.upper .react-numeric-input input{background-image:url(/_webapps/kbp4/editorbeta/static/media/off-bg.7bb53df7.svg);color:hsla(0,0%,100%,.4)}.zone-splits.lower .react-numeric-input input,.zone-splits.upper .react-numeric-input input{background-color:rgba(34,34,34,.67);background-image:url(/_webapps/kbp4/editorbeta/static/media/off-bg.7bb53df7.svg);background-repeat:no-repeat;background-size:cover;background-position:-27px 1px;color:hsla(0,0%,100%,0)}.zone-channels label{grid-column:1/4;align-self:end}.mpeoff:after{content:"( MPE OFF )";position:absolute;bottom:3px;right:0;font-size:10px}.zone-curves{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-gap:1px 10px;margin-top:14px}.zone-curves label{grid-column:1/1;padding-top:13px}.zone-curves select{grid-column:2/-1}.mpe-mode{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-gap:0 10px;margin-top:10px}.mpe-mode label{padding-top:13px}.mpe-mode select{border:1px solid #fff}.mpe-mode:after{content:"";position:absolute;width:100%;bottom:-17px;height:1px;border-top:1px dashed hsla(0,0%,100%,.27)}@keyframes barberpole{to{background-position:100% 100%}}.sliders{position:relative;grid-column:1/-1;grid-row:1/1;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0}.slider{display:grid;grid-template-rows:.5fr 1fr;padding:16px 10px 0;grid-gap:26px 0;align-items:flex-start;transition:all .8s ease}.slider:hover{filter:drop-shadow(0 0 5px #111)}.slider h3{font-weight:400;margin:0;background-color:hsla(0,0%,46.7%,.94);color:#333;text-transform:uppercase;font-size:16px;border-radius:3px;text-align:center;width:100%;transition:all .5s ease}.slider h3:hover{text-shadow:0 0 25px #111}.slider.lower:not(.off) h3{background-color:#00adef;color:hsla(0,0%,100%,.8)}.slider.upper:not(.off) h3{background-color:#9a6aad;color:hsla(0,0%,100%,.8)}.slider.no-zone:not(.off) h3{background-color:#fff;color:#333}.slider.dual-zone:not(.off) h3{background-image:linear-gradient(90deg,#00adef 0,#9a6aad 70%);color:hsla(0,0%,100%,.8)}.sliders-label{grid-column:1/-1;grid-row:1/1}.sliders-label:hover{text-shadow:0 0 5px #111}.slider-select-label{grid-column:1/-1}.slider-settings{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:5px}.no-zone .slider-mode-label,.off .slider-mode-label{grid-column:1/-1}.slider-mode-label{grid-column:1/3}.has-cc .slider-mode-label{grid-column:1/1}.slider-cc-label{grid-column:2/3;align-self:end}.slider input,.slider select{transition:border .5s ease}.slider select{margin-top:3px}.slider.lower.off input,.slider.lower.off select,.slider.off select,.slider.upper.off input,.slider.upper.off select{border-color:#777}.slider.lower:not(.off) input,.slider.lower:not(.off) select{border-color:#00adef}.slider.upper:not(.off) input,.slider.upper:not(.off) select{border-color:#9a6aad}.slider.no-zone select{border-color:#fff}.slider.dual-zone:not(.off) select{content:"";border-color:transparent;border-image:linear-gradient(90deg,#00adef 0,#9a6aad 70%);border-image-slice:1;border-radius:3px}.slider.dual-zone .react-numeric-input{border-radius:3px;padding:1px;margin-top:3px;background-image:linear-gradient(90deg,#00adef 0,#9a6aad 70%)}.slider.dual-zone .react-numeric-input input{margin-top:0;border:0}.slider.dual-zone .react-numeric-input input:focus{background-color:#222}.pedals{position:relative;grid-column:1/-1;grid-row:2/2;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:5px;padding-bottom:3px}.pedals:before{content:"";position:absolute;top:15px;left:10px;width:calc(100% - 20px);height:1px;border-top:1px dashed hsla(0,0%,93.7%,.2)}.pedal{position:relative;padding:48px 13px 0 43px;display:grid;grid-template-columns:repeat(2,1fr);background-repeat:no-repeat;transition:all .8s ease}.pedal:hover{filter:drop-shadow(0 0 5px #111);text-shadow:0 0 5px #111}.pedal-0{background-image:url(/_webapps/kbp4/editorbeta/static/media/pedal-sustain-icon.2c673f5a.svg);background-size:45% 45%;background-position:74px 65px;padding-left:31px;padding-right:8px}.pedal-1{background-image:url(/_webapps/kbp4/editorbeta/static/media/pedal-expression-icon.e1722f1f.svg);background-size:55% 55%;background-position:71px 44.5px;padding-left:28px;padding-right:10px}.pedal-0:before{content:"Switch (P1)";left:10px}.pedal-0:before,.pedal-1:before{position:absolute;font-size:20px;font-weight:100;top:30px}.pedal-1:before{content:"Expression (P2)";left:7px}.pedal-settings{grid-column:2/2;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px;justify-content:end}.pedals-label{grid-row:1/1}.pedal-select-label,.pedals-label{grid-column:1/-1}.pedal-mode-label{grid-column:1/3;grid-column:1/-1}.pedal-0 .pedal-mode-label.has-cc,.pedal-1 .pedal-mode-label.has-cc{grid-column:1/2}.pedal-cc-label{grid-column:2/2}.pedal-0 .pedal-cc-label{grid-column:3/2}.pedal.off{opacity:.6}.pedal input,.pedal select{transition:border .8s ease}.pedal.dual-zone .react-numeric-input{border-radius:3px;padding:1px;margin-top:5px;background-image:linear-gradient(90deg,#00adef 0,#9a6aad 70%)}.pedal.dual-zone .react-numeric-input input:focus{background-color:#222}.pedal.lower.off input,.pedal.lower.off select,.pedal.upper.off input,.pedal.upper.off select{border-color:#777}.pedal.lower:not(.off) input,.pedal.lower:not(.off) select{border-color:#00adef}.pedal.upper:not(.off) input,.pedal.upper:not(.off) select{border-color:#9a6aad}.pedal.dual-zone:not(.off) input{border:0;margin-top:0}.pedal.dual-zone:not(.off) select{border-color:transparent;border-image:linear-gradient(90deg,#00adef 0,#9a6aad 70%);border-image-slice:1}.sliders-pedals{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px 10px}.advanced-settings{position:relative;grid-column:1/-1;grid-row:3/3;padding:10px 5px 11px;display:grid;grid-template-columns:repeat(20,1fr);grid-template-rows:1fr;grid-gap:5px 10px;align-items:start}.advanced-settings h2{margin-bottom:20px;grid-column:1/-1}.advanced-settings input,.advanced-settings select{margin-top:3px}.grid-group{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:.5fr repeat(2,1fr);padding:0 5px;transition:all .8s ease}.advanced-settings .grid-group{grid-gap:20px 5px}.grid-group:hover{filter:drop-shadow(0 0 5px #111);text-shadow:0 0 5px #111}.grid-group:before{content:"";position:absolute;left:-6px;top:50px;width:1px;height:calc(100% - 50px);border-left:1px dashed hsla(0,0%,93.7%,.2)}.grid-group h3{font-weight:100;grid-column:1/-1;margin:10px 0 0}.grid-group.keys{grid-column:1/11;grid-gap:20px 5px;grid-template-columns:repeat(8,1fr)}.grid-group.keys h3{grid-column:1/-1;grid-row:1/1}.grid-group.keys:before{content:" ";display:none}.grid-group-mapping-assistant{grid-column:1/6;grid-row:3/3;position:relative;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:0 5px;margin-top:-6px;padding:0}.grid-group-mapping-assistant:after{content:"";position:absolute;top:-3px;left:-5px;width:calc(100% + 10px);height:calc(100% + 8px);background-color:#2a2a2a;border-radius:3px;z-index:0}.grid-group-mapping-assistant label{grid-row:1/1;z-index:1}.mapping-assistant-message-type-label:after{content:"";width:calc(100% - 90px);height:1px;position:absolute;top:5px;left:90px;overflow:visible;border-bottom:1px dotted hsla(0,0%,80%,.8)}.mapping-assistant-message-type-label{grid-column:1/3;font-size:9px;text-transform:uppercase;letter-spacing:.5px}.mapping-assistant-message-type-label span{font-size:10px;text-transform:capitalize;display:inline-block;padding-bottom:2px;margin-top:-2px;white-space:nowrap}.windows .mapping-assistant-message-type-label span{font-size:10px}.mapping-assistant-channel-label,.mapping-assistant-send-label{font-size:9px;text-transform:uppercase;letter-spacing:.5px}.mapping-assistant-channel-label{grid-column:3/3;padding-top:14px}.mapping-assistant-send-label{grid-column:4/-1;padding-top:14px}.grid-group-mapping-assistant select{grid-row:2/2;z-index:1;margin-top:2px}.mapping-assistant-channel-label .number-input{margin-top:0}.grid-group .grid-group-mapping-assistant button,.mapping-assistant-channel-label .number-input input{margin-top:2px}.grid-group .grid-group-mapping-assistant .react-numeric-input input,.grid-group .grid-group-mapping-assistant button{grid-row:2/2;z-index:1}.grid-group.pitch-bend{grid-column:11/17;grid-template-columns:repeat(4,1fr);grid-gap:22px 5px;padding-left:5px}.slider-bend-range-label{grid-column:1/3}.key-bend-range-label{grid-column:3/-1}.pitch-bend-return-mode-label{grid-column:1/3;grid-row:3/3}.pitch-bend-return-time-label{grid-column:3/5;grid-row:3/3}.pitch-bend-return-curve-label{grid-column:5/-1;grid-row:3/3}.grid-group.sliders{grid-template-columns:2fr;grid-column:17/19;grid-gap:20px 5px}.grid-group.sliders .react-numeric-input input,.grid-group.sliders select{border-color:#fff}.grid-group.key-gain{grid-template-columns:2fr;grid-column:19/-1;grid-gap:19px 5px}.grid-group.key-gain:before{height:calc(100% - 83px)}.grid-group.key-gain button{border-color:#fff!important;max-width:96%}.grid-item.octave,.grid-item.transpose{grid-row:2/2}.grid-item.transpose{grid-column:1/3}.grid-item.octave{grid-column:3/5}.grid-item.key-sensitivity{grid-column:6/9;padding:0 25px;grid-row:3/3}.grid-item.key-sensitivity input{border-color:#fff}.release-velocity{grid-column:5/9;grid-row:2/2;display:grid;grid-gap:5px;grid-template-columns:1fr 1fr;align-items:end}#react-tabs-5{padding-bottom:0}.ReactModal__Content{opacity:0;transition:all 1s;-webkit-app-region:no-drag}.ReactModal__Content--after-open{opacity:1}.ReactModal__Content--before-close{opacity:0}.react-modal{position:absolute;top:50%;left:50%;right:auto;bottom:auto;margin-right:-50%;transform:translate(-50%,-50%);outline:none;background-color:#333;padding:10px;user-select:none;border-radius:3px}.react-modal:focus{outline:none}.react-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.75);z-index:2}.velocity-curve-buttons{display:grid;grid-template-columns:repeat(11,2fr) 1fr;grid-gap:5px;margin-bottom:10px}.velocity-curve-buttons:before{content:"Template Curves";position:absolute;top:-15px;left:0;text-transform:uppercase;font-size:11px;letter-spacing:.5px}.velocity-curves-editor button{border:1px solid #fff;border-radius:3px}.velocity-curves-editor button.toggled{background-color:#999}.user-curve-dialog{display:grid;grid-template-columns:1fr repeat(4,.5fr) .5fr repeat(2,1fr);grid-gap:5px;margin-top:10px;align-items:end}.user-curve-dialog .label{line-height:30px;text-transform:uppercase;font-size:11px;letter-spacing:.5px}.user-curve-dialog.revertable .reset,.user-curve-dialog.revertable .save-and-send{background-color:rgba(128,0,0,.46)}.y-axis-position{position:absolute;background-color:hsla(0,0%,100%,.87);color:#333;font-size:12px;padding:0 5px;border-radius:3px;right:0;top:-20px}.key-gain-editor{position:relative;width:800px;display:grid;grid-template-columns:590px 1fr;opacity:.25;transition:opacity 1s ease-out}.key-gain-editor:before{content:"Loading Sensor Data";position:absolute;top:50%;width:100%;font-size:20px;text-transform:uppercase;text-align:center;color:#fff;z-index:1}.key-gain-editor.ready{opacity:1}.key-gain-editor.ready:before{content:"";width:0}.key-gain-editor input{border-radius:3px}.key-gain-octave{position:relative;height:500px;overflow:hidden;grid-column:1/1}.key-gain-octave svg{position:relative;height:100%;left:0}.key-gain-octave path{fill:transparent;stroke:#ababab;stroke-width:.5px;transition:stroke .5s}.key-gain-octave:not(.octave-ready) rect{fill:#323232}.key-gain-octave.octave-ready rect,.key-gain-octave:not(.octave-ready) rect{stroke:#ababab;stroke-width:.5px;transition:stroke .5s}.key-gain-octave rect{cursor:pointer;stroke:hsla(0,0%,67.1%,.4)}.key-gain-octave g:not(.active){transition:opacity .5s;opacity:.5}.key-gain-octave g:hover{opacity:1}.key-gain-octave path.active{stroke:rgba(0,173,239,.67);stroke-width:2px}.key-gain-octave rect.active{stroke:#fff;stroke-width:2px}.key-gain-status{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:.25fr .4fr .25fr;grid-row-gap:0}.key-gain-status .button{width:20px;height:20px;line-height:12px;justify-self:end}.key-gain-status .key-gain-status-prompt,.key-gain-status svg{grid-column:1/-1}.key-gain-status h4{margin:0;text-transform:uppercase;font-size:12px}.key-gain-settings{grid-column:2/-1;display:grid;grid-template-rows:.75fr .05fr .5fr 1.5fr .5fr;grid-gap:14.5px;padding:0 0 0 10px}.key-gain-settings p{margin:0;text-transform:uppercase;font-size:11px;letter-spacing:.15em;align-self:end}.color-legend{position:relative;top:-10px;background:url(/_webapps/kbp4/editorbeta/static/media/color-legend.e5e85512.svg) no-repeat;border-radius:2px;letter-spacing:.75px}.color-legend:before{content:"0";position:absolute;top:7px;left:0;font-size:10px}.color-legend:after{content:"254";position:absolute;top:7px;right:0;font-size:10px}.key-gain-sensor{text-align:right}#kboardpro4octaves{pointer-events:bounding-box}#kboardpro4octaves g{cursor:pointer;display:block}#kboardpro4octaves g path{transition:fill .5s}#kboardpro4octaves g.active path,#kboardpro4octaves g:hover path{fill:rgba(0,173,239,.67)}#kboardpro4octaves path{stroke:transparent;fill:rgba(0,173,239,.13)}.key-gain-params{position:relative;display:grid;grid-column:2/-1;grid-template-rows:.85fr 1fr;grid-gap:15px}.key-gain-params h4{margin:0;text-transform:uppercase}.key-gain-params .param{position:relative;display:grid;grid-row-gap:3px;align-self:end;align-items:center;margin-bottom:10px}.key-gain-params label{position:relative;text-transform:uppercase;font-size:10px}.key-gain-params .param.active label:after{content:"";position:absolute;bottom:-5px;left:0;height:1px;width:calc(100% - 10px);border-bottom:1px solid rgba(0,173,239,.67)}.key-gain-params .param.active input{border-color:rgba(0,173,239,.67)}.param-group{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;opacity:1;transition:opacity .5s}.param-group h4{grid-column:1/-1}.param-group h4 span{font-size:10px}.param-group.key{grid-template-columns:1fr 1fr 1fr}.param-group.key h4{margin-top:10px}.param-group.disabled{opacity:.6}.param-group.key:before{content:"";position:absolute;top:-5px;width:100%;height:1px;border-top:1px dashed hsla(0,0%,80%,.47)}.key-gain-dialog{grid-column:2/-1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:10px;align-self:end}.reset-all-sensors-to-factory{grid-column:1/-1}.key-gain-editor .revertable .button:not(.reset-all-sensors-to-factory){background-color:rgba(128,0,0,.46)}.preferences-panel{display:grid;grid-template-columns:1fr;grid-gap:5px}.preferences-panel button{border-color:#fff;border-width:1px;border-radius:3px}.logo img{display:block;width:185px}.preferences-panel .close{position:absolute;top:5px;right:10px;cursor:pointer}.preferences-panel .status-message{cursor:pointer;display:block;text-align:center;font-size:10px;text-transform:uppercase}.preferences-panel label{font-size:10px}.device-versions{font-size:10px;text-transform:uppercase;padding-top:2px;line-height:17px}.device-versions .KBoardPro4-logo{width:150px}.device-versions .version{color:#04aef0;padding-left:5px}.device-versions .update-message{color:#fed232;padding-left:10px}.preferences-panel .status-bar{position:relative;height:3px;width:100%}.pref-header{font-weight:100;margin:5px 0;border-bottom:1px solid hsla(0,0%,100%,.5)}.pref-header.disabled{color:hsla(0,0%,100%,.5)}.pref-section{margin-bottom:10px}.device-prefs .pref-header{grid-column:1/-1}label.disabled{color:hsla(0,0%,100%,.5)}.label-button,.label-number-input{font-size:10px;text-transform:uppercase;margin-bottom:10px}.label-button button{margin-top:3px}.label-button.toggle-item{display:grid;grid-template-columns:2fr 1fr;align-items:center;grid-gap:10px}.label-button:last-child{margin-bottom:0}.label-button .toggle{text-align:end;padding-left:0;padding-right:3px}.label-button.disabled{color:hsla(0,0%,100%,.5)}button.preferences{position:absolute;top:-36px;left:-3px;width:100px;border-color:#fff;border-radius:3px}.electron button.preferences{display:none}.toggle{padding-left:4px;-webkit-app-region:no-drag}.react-toggle{touch-action:pan-x;display:inline-block;position:relative;cursor:pointer;background-color:initial;border:0;padding:0;-webkit-touch-callout:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.react-toggle-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;transition:opacity 0s}.react-toggle-track{width:25px;height:5px;padding:0;border-radius:3px;transition:all 0s ease}.react-toggle-track,.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#4d4d4d}.react-toggle--checked .react-toggle-track,.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#04aef0}.react-toggle-track-check{display:none;position:absolute;width:14px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;left:8px;opacity:0;transition:opacity 0s ease}.react-toggle--checked .react-toggle-track-check,.react-toggle-track-x{opacity:1;transition:opacity 0s ease}.react-toggle-track-x{display:none;position:absolute;width:10px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;right:10px}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{transition:all .5s cubic-bezier(.23,1,.32,1) 0ms;position:absolute;top:-4px;left:0;width:12px;height:12px;border:0 solid #4d4d4d;border-radius:50%;background-color:#fafafa;box-sizing:border-box;transition:all 0s ease}.react-toggle--checked .react-toggle-thumb{left:15px;border-color:#04aef0}.imported-preset-renamer{max-width:250px}.imported-preset-renamer .close{position:absolute;top:10px;right:10px;cursor:pointer}.imported-preset-renamer h3{font-weight:100;margin:0}.imported-preset-renamer p{font-weight:100;font-size:12px;margin:10px 0}.duplicate-names{max-height:230px;overflow:auto}.duplicate-name-field{margin-bottom:10px}.duplicate-name-field label{display:block;margin-bottom:3px}.duplicate-name-field .preset-rename-duplicate{border-color:maroon;outline-color:maroon}.imported-preset-renamer .button-group{margin-top:10px}
/*# sourceMappingURL=main.9f51ad5c.chunk.css.map */