html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}#notAvailable{visibility:0;opacity:0;position:absolute;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;font-size:20px;background-color:#b6a8b5;color:#555;text-align:center}#notAvailable p{width:80%;border-radius:5%;padding:10px;box-shadow:1px 1px 1px 1px #555;background-color:#ddd}.interactive{cursor:pointer}.iconBtn{background:none;border:none;padding:0;cursor:pointer;color:inherit;font-size:inherit;width:auto}#mainDiv{position:absolute;height:100vh;width:100vw;display:grid;grid-template-columns:4vmax auto;grid-template-rows:4vmax auto;background-color:#ddd;padding:0;margin:0}#logo{height:100%;width:100%;padding:0;margin:0;background:#999;z-index:3}#sidebar{position:relative;height:100%;width:100%;background-color:#ddd;padding:0;margin:0;z-index:2;filter:drop-shadow(0 0 10px #555)}#header{height:100%;width:100%;padding:0 6px;margin:0;background-color:#555;filter:drop-shadow(0 0 20px #555);z-index:2;display:flex;align-items:center;gap:4px}#header .presetBar{display:flex;align-items:center;gap:5px;padding:0 10px;height:100%;margin-left:auto}#header .presetBar__name{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.2);border-radius:0;color:#ddd;font-size:11px;padding:2px 4px;width:110px;transition:border-color .2s}#header .presetBar__name::placeholder{color:#ffffff4d}#header .presetBar__name:focus{background:transparent;color:#ddd;outline:none;border-bottom-color:#ffffff8c}#header .presetBar__btn{height:auto;padding:4px 10px;font-size:10px;background:#ffffff14;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);border-radius:10px;width:auto;white-space:nowrap;display:inline-flex;flex-direction:column;align-items:center;gap:1px;text-transform:none;transition:background .15s,color .15s,border-color .15s}#header .presetBar__btn:hover{background:#ffffff26;color:#ddd;border-color:#fff3}#header .presetBar__btn:active{background:#ffffff1a}#header .presetBar__btn--clear{background:transparent;border-color:#c8323259;color:#dc6464cc}#header .presetBar__btn--clear:hover{background:#c8323226;color:#f08282;border-color:#c8323299}#header .presetBar__btnLabel{display:flex;align-items:center;gap:5px}#header .presetBar__btnLabel i{font-size:8px;opacity:.5}#header .presetBar__shortcut{font-size:9px;opacity:.5;letter-spacing:.05em;line-height:1}#header .presetBar__count{background:#ffffff2e;border-radius:8px;padding:0 5px;font-size:9px;line-height:1.6}#header .presetBar__dropdown{position:relative}#header .presetBar__dropdownPanel{position:absolute;top:calc(100% + 4px);left:0;background:#414141;border:1px solid rgba(255,255,255,.08);border-radius:6px;box-shadow:0 6px 24px #00000073;min-width:180px;z-index:500;overflow:hidden}#header .presetBar__dropdownItem{display:flex;align-items:center;gap:2px;padding-left:12px;transition:background .1s}#header .presetBar__dropdownItem:hover{background:#ffffff0f}#header .presetBar__dropdownItem span{flex:1;color:#ffffffd9;font-size:11px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 6px 8px 0}#header .presetBar__dropdownItem span:hover{color:#ddd}#header .presetBar__dropdownDelete{background:none;border:none;color:#fff3;font-size:11px;padding:6px 10px;cursor:pointer;border-radius:0;width:auto;flex-shrink:0;text-transform:none;transition:color .15s,background .15s}#header .presetBar__dropdownDelete:hover{color:#dc5050e6;background:#c832321f}#header .presetBar__dropdownDelete:active{background:transparent}#header .presetBar__dropdownEmpty{padding:10px 14px;color:#ffffff4d;font-size:11px;font-style:italic}#header .presetBar__clearConfirm{font-size:10px;color:#dc6464e6;white-space:nowrap}#header .presetBar__btn--add{padding:4px 9px}#header .presetBar__btn--add i{font-size:13px;opacity:1}.instrumentBar{display:flex;align-items:center;gap:5px;padding:0 8px;height:100%;border-right:1px solid rgba(255,255,255,.06)}.instrumentBar__btn{height:auto;padding:4px 10px;font-size:10px;background:#ffffff14;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);border-radius:10px;width:auto;white-space:nowrap;display:inline-flex;align-items:center;gap:1px;text-transform:none;transition:background .15s,color .15s,border-color .15s}.instrumentBar__btn:hover{background:#ffffff26;color:#ddd;border-color:#fff3}.instrumentBar__btn:active{background:#ffffff1a}.instrumentBar__btnLabel{display:flex;align-items:center;gap:5px}.instrumentBar__btnLabel i{font-size:8px;opacity:.5}.instrumentBar__count{background:#ffffff2e;border-radius:8px;padding:0 5px;font-size:9px;line-height:1.6}.instrumentBar__dropdown{position:relative}.instrumentBar__dropdownPanel{position:absolute;top:calc(100% + 4px);left:0;background:#414141;border:1px solid rgba(255,255,255,.08);border-radius:6px;box-shadow:0 6px 24px #00000073;min-width:200px;z-index:500;overflow:hidden}.instrumentBar__dropdownItem{display:flex;align-items:center;gap:2px;padding-left:12px;transition:background .1s}.instrumentBar__dropdownItem:hover{background:#ffffff0f}.instrumentBar__dropdownItem span{flex:1;color:#ffffffd9;font-size:11px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 6px 8px 0}.instrumentBar__dropdownItem span:hover{color:#ddd}.instrumentBar__dropdownIconBtn{background:none;border:none;color:#fff3;font-size:10px;padding:6px 7px;cursor:pointer;border-radius:0;width:auto;flex-shrink:0;text-transform:none;transition:color .15s,background .15s}.instrumentBar__dropdownIconBtn:hover{color:#8cc8ffe6;background:#64a0ff1a}.instrumentBar__dropdownDelete{background:none;border:none;color:#fff3;font-size:11px;padding:6px 10px;cursor:pointer;border-radius:0;width:auto;flex-shrink:0;text-transform:none;transition:color .15s,background .15s}.instrumentBar__dropdownDelete:hover{color:#dc5050e6;background:#c832321f}.instrumentBar__dropdownEmpty{padding:10px 14px;color:#ffffff4d;font-size:11px;font-style:italic}#addModuleWrapper{position:relative;height:100%;display:flex;align-items:center}#addModuleWrapper .modulePalette{position:absolute;top:100%;left:0;z-index:500;background:#414141;border:1px solid rgba(255,255,255,.08);border-radius:6px;box-shadow:0 8px 32px #00000080;width:200px;overflow:hidden}#addModuleWrapper .modulePalette__search{width:100%;box-sizing:border-box;padding:8px 10px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.08);color:#ddd;font-size:12px;text-align:left}#addModuleWrapper .modulePalette__search::placeholder{color:#ffffff4d}#addModuleWrapper .modulePalette__search:focus{outline:none;background:transparent;color:#ddd}#addModuleWrapper .modulePalette__list{list-style:none;margin:0;padding:4px 0;max-height:280px;overflow-y:auto}#addModuleWrapper .modulePalette__group{list-style:none}#addModuleWrapper .modulePalette__groupHeader{width:100%;padding:6px 12px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#ffffff59;background:none;border:none;cursor:pointer;text-align:left;display:flex;align-items:center;gap:4px}#addModuleWrapper .modulePalette__groupHeader:hover{color:#fff9}#addModuleWrapper .modulePalette__groupList{list-style:none;margin:0;padding:0}#addModuleWrapper .modulePalette__item{padding:6px 12px 6px 18px;font-size:12px;color:#fffc;cursor:pointer;text-align:left}#addModuleWrapper .modulePalette__item:hover,#addModuleWrapper .modulePalette__item--active{background:#ffffff14;color:#ddd}#addModuleWrapper .modulePalette__item--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}#addModuleWrapper .modulePalette__empty{padding:10px 12px;font-size:11px;color:#ffffff4d;font-style:italic}#playSpace{z-index:1;position:relative;overflow:hidden;background-color:#b6a8b5;background-image:url(/modular/media/bedge-grunge.png);width:100%;cursor:grab}#playSpace #patchExit{position:absolute;right:3%;top:3%;font-size:6vh;color:#ddd}#playSpace #patchExit:hover{color:#600}#playSpace .alertBox{position:absolute;top:24px;left:50%;transform:translate(-50%) translateY(-120%);opacity:0;z-index:200;display:flex;align-items:stretch;min-width:320px;max-width:480px;background:#484848;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #00000059,0 2px 8px #0003;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}#playSpace .alertBox--visible{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}#playSpace .alertBox__icon{display:flex;align-items:center;justify-content:center;padding:0 14px;background:#600;color:#ddd;font-size:18px}#playSpace .alertBox__body{flex:1;padding:10px 16px}#playSpace .alertBox__title{margin:0 0 2px;font-size:13px;font-weight:700;color:#ddd;letter-spacing:.5px;text-transform:uppercase}#playSpace .alertBox__message{margin:0;font-size:14px;color:#c4c4c4;line-height:1.4}#playSpace .alertBox__close{display:flex;align-items:center;padding:0 12px;color:#aaa;font-size:14px;transition:color .2s}#playSpace .alertBox__close:hover{color:#600}#playSpace .alertBox__timer{position:absolute;bottom:0;left:0;height:3px;background:#600;animation:alertTimer 4s linear forwards}@keyframes alertTimer{0%{width:100%}to{width:0%}}#playSpace .dragDiv{position:absolute;width:12.5vw;height:10.5vh}#playSpace .moduleDiv{position:absolute;top:2vh;left:2vh;background-color:#ddd;filter:drop-shadow(0 0 10px #555);text-align:center;min-width:150px;border-radius:2px;padding-bottom:5%;transform-origin:center center;transition:transform .25s cubic-bezier(.4,0,1,1),opacity .25s cubic-bezier(.4,0,1,1),filter .25s cubic-bezier(.4,0,1,1)}#playSpace .moduleDiv--closing{transform:scale(.85);opacity:0;filter:drop-shadow(0 0 0px transparent);pointer-events:none}#playSpace .moduleDiv:hover .cordOuter.show{visibility:visible;opacity:1}#playSpace .moduleDiv:hover .cordOuter.hide{visibility:none;opacity:0}#playSpace .moduleDiv:hover #firstParam{opacity:1}#playSpace .moduleDiv .iconBtn{position:absolute;top:0;left:0}#playSpace .moduleDiv .fa-times{color:#ddd;visibility:hidden;opacity:0;position:absolute;width:12px;height:12px;top:-8px;left:-4px;transition:filter .2s,visibility .2s,opacity .2s,color .2s,transform .2s;cursor:pointer}#playSpace .moduleDiv .fa-times:hover{filter:drop-shadow(0 0 3px rgba(0,0,0,.4));color:#600;transform:scale(1.3)}#playSpace .moduleDiv header{border-radius:2px 2px 0 0;width:100%;height:30%;background-color:#555;color:#ddd;margin:0 0 5%;padding-top:4%;padding-bottom:4%;cursor:move;transition:background-color .3s,color .3s}#playSpace .moduleDiv header:hover,#playSpace .moduleDiv header:focus-within{background-color:#6f6f6f;color:#f7f7f7}#playSpace .moduleDiv header:hover .fa-times,#playSpace .moduleDiv header:focus-within:not(:focus) .fa-times{visibility:visible;opacity:1}#playSpace .moduleDiv #fillingDiv{height:100%;width:100%;display:flex;justify-content:center;align-items:center}#playSpace .moduleDiv #fillingDiv input{width:60%}#playSpace .moduleDiv #fillingDiv button{width:20%;height:20%}#playSpace #firstParam{position:absolute;top:-1vh;right:25%;background-color:#024b30}#playSpace #firstParam .cordInner{background-color:#555}#playSpace #firstParam .tooltiptext{bottom:calc(100% + 4px);font-size:11px}#playSpace #inputOuter{top:-1vh;right:75%}#playSpace #outputOuter{bottom:-1vh;right:50%}#playSpace #outputOuter .cordInner{background-color:#ddd}#canvas{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:0 0}.zoom-controls{position:absolute;bottom:12px;right:12px;display:flex;flex-direction:column;align-items:center;gap:2px;z-index:50}.zoom-controls__btn{width:28px;height:28px;background:#00000073;color:#ddd;border:1px solid rgba(255,255,255,.15);border-radius:4px;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s}.zoom-controls__btn:hover{background:#000000a6}.zoom-controls__btn--reset{font-size:9px;letter-spacing:.03em;width:auto;padding:0 5px;min-width:28px}.module-rename-input{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.5);color:#ddd;font-size:inherit;text-align:center;width:calc(100% - 24px);outline:none;padding:0 2px;cursor:text}@keyframes invalidShake{0%,to{transform:translate(50%)}20%{transform:translate(calc(50% - 4px))}40%{transform:translate(calc(50% + 4px))}60%{transform:translate(calc(50% - 3px))}80%{transform:translate(calc(50% + 3px))}}.cord-invalid-flash{animation:invalidShake .35s ease;box-shadow:0 0 0 2px #e53e3e!important}:focus-visible{outline:2px solid rgba(220,220,220,.75);outline-offset:2px;box-shadow:0 0 0 4px #ffffff1a,0 0 10px #ffffff26}input:focus-visible{outline:none;box-shadow:none}input[type=range]:focus-visible{outline:2px solid rgba(220,220,220,.5);outline-offset:4px;box-shadow:none}.cordOuter:focus-visible{outline:none;opacity:1;box-shadow:0 0 0 2px #dcdcdccc,0 0 10px #ffffff59}path:focus-visible{outline:none;stroke:#ddd;stroke-width:5}.moduleDiv button:focus-visible{outline:2px solid rgba(60,60,60,.7);outline-offset:2px;box-shadow:0 0 0 3px #00000014}.moduleDiv header button:focus-visible{outline:2px solid rgba(220,220,220,.75);outline-offset:2px;box-shadow:0 0 0 4px #ffffff1a,0 0 10px #ffffff26}.moduleDiv input[type=text]:focus-visible,.moduleDiv input[type=number]:focus-visible{outline:2px solid rgba(60,60,60,.6);outline-offset:1px;box-shadow:none}.moduleDiv input[type=range]:focus-visible{outline:2px solid rgba(60,60,60,.55);outline-offset:3px;box-shadow:none}.moduleDiv .selectorDiv:focus-visible{outline:2px solid rgba(60,60,60,.7);outline-offset:1px;box-shadow:none}.selectorDiv{width:40%;color:#ddd;background:#555;text-transform:capitalize;position:relative;display:inline-block;border-radius:3px;font-size:12px}.selectorDiv span{display:block;padding:3px}.selectorDiv #selectorContent{width:100%;min-width:max-content;display:none;position:absolute;z-index:200}.selectorDiv .selectorVal{display:block;background:#555;padding:3px}.selectorDiv .selectorVal:hover{background:#6f6f6f;cursor:pointer}.selectorDiv:hover,.selectorDiv.selectorDiv--open{border-radius:3px 3px 0 0}.selectorDiv:hover span,.selectorDiv.selectorDiv--open span{color:#b6a8b5}.selectorDiv:hover #selectorContent,.selectorDiv.selectorDiv--open #selectorContent{display:block}.oscDiv #oscBoxOne{display:flex;align-items:center;justify-content:space-evenly;margin-bottom:10px}.oscDiv #waveSelector{z-index:100}.oscDiv #rangeNum{background:#6f6f6f;color:#ddd;width:29%;position:relative;left:35%;border-radius:3px;margin-bottom:5%}.oscDiv #freqNumInput{width:29%;position:relative;border-radius:3px}.oscDiv .switch input{opacity:0;width:0;height:0}.oscDiv .slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.oscDiv .slider:before{position:absolute;content:"";height:14px;width:14px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.oscDiv input:checked+.slider{background-color:#555}.oscDiv input:focus-visible+.slider{box-shadow:0 0 0 2px #3c3c3c99}.oscDiv input:checked+.slider:before{-webkit-transform:translateX(34px);-ms-transform:translateX(34px);transform:translate(34px)}.oscDiv .slider.round{border-radius:34px;z-index:100}.oscDiv .slider.round:before{border-radius:50%}#gainRangeInput{margin-top:3.5%}#gainNumInput{width:33%}#filterBoxOne{display:flex;align-items:center;justify-content:space-evenly}#filterSelector{z-index:1000}#ADSRDiv{display:flex;flex-direction:column;align-items:center}#ADSRSliderlogSliderWhole{margin-top:13px}#ADSRBox{width:100%;display:flex;align-items:center;justify-content:space-evenly;margin:5px 0}#ADSRControls{width:75%;height:30%;display:grid;grid:50% 50%/50% 50%}#ADSRControls label input{width:75%}#delayDiv{position:relative;width:100%;height:100%}#distortionCurveDiv{margin-bottom:5px;margin-top:15px}#distortionSelector{z-index:6;margin-bottom:10px}#reverbSelector{z-index:6;margin:5px 0}#RecorderDiv #recorderButtons{display:flex;align-items:center;justify-content:space-evenly;margin-bottom:5px}#RecorderDiv a{color:#ddd}#RecorderDiv a:link{color:#555}#RecorderDiv a{margin-bottom:3px}.compressorDiv{width:100%;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0}.noiseDiv{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0}.noiseDiv #noiseSelector{z-index:6}.lfoDiv{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 0}.lfoDiv #lfoWaveSelector{z-index:6;margin-bottom:4px}.sequencerDiv{padding:6px 4px;display:flex;flex-direction:column;gap:6px}.sequencerDiv__topRow{display:flex;align-items:center;gap:6px}.sequencerDiv__topRow #seqWaveSelector{z-index:6}.sequencerDiv #seqBpmDiv,.sequencerDiv #seqRateDepthDiv{display:flex;align-items:center;gap:4px}.sequencerDiv #seqBpmDiv input[type=range],.sequencerDiv #seqRateDepthDiv input[type=range]{flex:1;min-width:0}.sequencerDiv__playBtn{width:28px;height:28px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sequencerDiv__playBtn i{font-size:10px}.sequencerDiv__stepCount{display:flex;align-items:center;gap:3px;flex-shrink:0}.sequencerDiv__stepCountBtn{width:18px;height:18px;padding:0;border-radius:3px;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.sequencerDiv__stepCountBtn:disabled{opacity:.3;cursor:not-allowed}.sequencerDiv__stepCountNum{font-size:10px;min-width:16px;text-align:center;opacity:.8}.sequencerDiv__steps{display:flex;flex-direction:column;gap:3px}.sequencerDiv__step{display:flex;align-items:center;gap:5px;padding:1px 2px;border-left:2px solid transparent;transition:border-color .1s}.sequencerDiv__step--playing{border-left-color:#555}.sequencerDiv__stepToggle{width:8px;height:8px;flex-shrink:0;border-radius:50%;border:1.5px solid #555;background:transparent;padding:0;cursor:pointer;transition:background .15s}.sequencerDiv__stepToggle--on{background:#555}.sequencerDiv__stepHz{flex:1;min-width:0;font-size:10px;padding:2px 4px;border:1px solid #888888;border-radius:3px;background:#ddd;color:#555;text-align:right;font-family:monospace}.sequencerDiv__stepHz--muted{opacity:.4}.sequencerDiv__stepNote{width:38px;flex-shrink:0;font-size:10px;padding:2px 4px;border:1px solid #888888;border-radius:3px;background:#ddd;color:#555;text-align:center;font-family:monospace}.sequencerDiv__stepNote::placeholder{opacity:.35}.sequencerDiv__stepNote--muted{opacity:.4}.outputViewDiv{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 8px}.outputViewDiv input[type=range]{width:100%}.outputViewDiv__pct{font-size:11px;color:#555;opacity:.65}.dragDiv:has(.sequencerDiv){width:26vw}.cordOuter{visibility:0;opacity:0;position:absolute;width:15px;height:15px;background-color:#888;border-radius:50%;transition:transform .6s,filter .3s,visibility .3s,opacity .3s;display:flex;align-items:center;justify-content:center;padding:0;transform:translate(50%)}.cordOuter:hover{filter:drop-shadow(0 0 5px #555)}.cordOuter .cordInner{width:65%;height:65%;border-radius:50%;padding:0;margin:0;background-color:#555}#returnSpace{height:100%;width:100%}svg{position:absolute;width:100%;height:100%;overflow:visible;pointer-events:none;stroke-linecap:round}svg path{position:absolute;stroke:#555;stroke-width:3;pointer-events:all;cursor:pointer}svg path:hover{stroke:#600}svg path.cord-ghost{stroke:#ddd;stroke-width:2;stroke-dasharray:8 5;opacity:.6;pointer-events:none;cursor:default}svg path.cord--insert-target{stroke:#68d391;stroke-width:5;filter:drop-shadow(0 0 6px rgba(104,211,145,.8));animation:cord-pulse .7s ease-in-out infinite alternate}@keyframes cord-pulse{0%{stroke-width:4}to{stroke-width:6}}.show{visibility:visible}.hide{visibility:hidden}.raise{filter:drop-shadow(0 0 5px #ddd)}.patchSource{visibility:visible;opacity:1;filter:drop-shadow(0 0 8px #ddd);transform:translate(50%) scale(1.2)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;text-align:center}input[type=text]{-moz-appearance:textfield;text-align:center;background:#ddd;color:#555;width:29%;border-radius:3px}input,input:focus{border:0;outline:none}input:focus{background:#555;color:#ddd}.tooltiptext{visibility:hidden;width:max-content;font-size:12px;background-color:#6f6f6f;color:#ddd;text-align:center;border-radius:6px;padding:5px 8px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:100;white-space:nowrap}.tooltiptext .paramSpan{color:#fff;text-decoration:underline}.tooltip{position:relative}.tooltip:hover .tooltiptext{display:block;z-index:2000;visibility:visible}.tooltiptext:after{content:" ";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:rgb(110.5,110.5,110.5) transparent transparent transparent}input[type=range]{-webkit-appearance:none;position:relative;border-radius:6.5px;width:80%}input[type=range]:focus{outline:none;border-radius:10px}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;cursor:pointer;background:#555;border-radius:3px;border:.2px solid rgb(110.5,110.5,110.5)}input[type=range]::-webkit-slider-thumb{border:2px solid rgb(110.5,110.5,110.5);border-radius:50%;background:#ddd;cursor:pointer;-webkit-appearance:none;height:12px;width:12px}input[type=range]:focus::-webkit-slider-runnable-track{background:#555;border-radius:3px}input[type=range]::-moz-range-track{cursor:pointer;background:#555;height:100%;border-radius:3px;border:.2px solid rgb(110.5,110.5,110.5)}input[type=range]::-moz-range-thumb{border:2px solid rgb(110.5,110.5,110.5);border-radius:50%;background:#ddd;cursor:pointer;margin-top:-6%}.switch{position:relative;display:inline-block;width:60px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:14px;width:14px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#555}input:focus+.slider{box-shadow:0 0 1px #555}input:checked+.slider:before{-webkit-transform:translateX(34px);-ms-transform:translateX(34px);transform:translate(34px)}.slider.round{border-radius:34px;z-index:100}.slider.round:before{border-radius:50%}.dialWhole{height:60px;width:33%;display:flex;justify-content:center;flex-direction:column}.dialWhole input[type=range]{width:40px;height:40px;position:relative}.dialWhole #dialKnob{height:30px;width:30px;border-radius:50%;filter:drop-shadow(3px 3px 3px #555);position:relative}.dialWhole #dialKnob .dialRange{opacity:0;z-index:6}.dialWhole #dialKnob #dialEmpty{height:30px;width:30px;border-radius:50%;position:absolute;left:9px;top:0}.dialWhole #dialNumInput{height:30%;width:45px}button{background-color:#555;width:40%;text-transform:capitalize;font-size:12px;cursor:pointer;color:#ddd;outline:none;border:none;padding:3px 5px;border-radius:3px}button:active{background-color:#3c3c3c}.errorBoundary{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background-color:#555;display:flex;flex-direction:column;align-items:center;justify-content:center}.errorBoundary__title{color:#b6a8b5;font-size:2rem;margin-bottom:1rem}.errorBoundary__message{color:#ddd;font-size:1.2rem;margin-bottom:2rem;text-align:center;max-width:60%}.errorBoundary__reload{background-color:#b6a8b5;color:#555;font-size:1rem;padding:.5rem 2rem;border:none;border-radius:4px;cursor:pointer;width:auto}.errorBoundary__reload:hover{filter:brightness(1.1)}@media only screen and (max-device-width:480px){#App{visibility:0;opacity:0}#notAvailable{visibility:visible;opacity:1}}@media only screen and (max-device-width:800px){#App{visibility:0;opacity:0}#notAvailable{visibility:visible;opacity:1}}.midi-btn-wrapper .tooltiptext{bottom:auto;top:calc(100% + 8px);background-color:#232323;border:1px solid #444}.midi-btn-wrapper .tooltiptext:after{top:auto;bottom:100%;border-color:transparent transparent #232323 transparent}.midi-learn-active{background-color:#7c3aed!important;color:#fff!important;border-color:#6d28d9!important}@keyframes midi-arm-pulse{0%,to{box-shadow:0 0 0 2px #7c3aed}50%{box-shadow:0 0 0 5px #7c3aed66}}.midi-armed{animation:midi-arm-pulse 1s ease-in-out infinite;outline:2px solid #7c3aed;outline-offset:1px;position:relative}.midi-mapped{outline:2px solid rgba(124,58,237,.5);outline-offset:1px;position:relative}.midi-learn-tooltip{white-space:normal;width:280px;text-align:left;padding:10px 12px;left:0;transform:none;line-height:1.5}.midi-learn-tooltip strong{display:block;margin-bottom:6px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;opacity:.8}.midi-learn-tooltip ol{margin:0 0 8px;padding-left:18px;font-size:11px}.midi-learn-tooltip ol li{margin-bottom:3px}.midi-learn-tooltip p{margin:0;font-size:10px;opacity:.7}.midi-learn-tooltip kbd{display:inline-block;padding:1px 5px;border:1px solid rgba(255,255,255,.35);border-radius:3px;background:#ffffff1a;font-family:inherit;font-size:10px;line-height:1.4}.midi-learn-tooltip:after{left:20px;transform:none}.midi-badge{position:absolute;top:-6px;right:-6px;width:14px;height:14px;border-radius:50%;background:#7c3aed;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none;line-height:1}.moduleDiv--selected{outline:2px solid #63b3ed;box-shadow:0 0 12px #63b3ed99}.infoBtn__wrap{position:relative;display:flex;align-items:center}.infoBtn__wrap .infoDropdown{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .15s,visibility .15s}.infoBtn__wrap:hover .infoDropdown{visibility:visible;opacity:1;pointer-events:auto}.infoDropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:10000;background:#232323;border:1px solid #444;border-radius:6px;padding:8px 0 6px;min-width:280px;box-shadow:0 8px 24px #0009;color:#e0e0e0;font-size:12px;-webkit-user-select:none;user-select:none}.infoDropdown__section{padding:0 12px 6px}.infoDropdown__section+.infoDropdown__section{border-top:1px solid #3a3a3a;padding-top:6px}.infoDropdown__heading{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#888;margin-bottom:4px}.infoDropdown__table{border-collapse:collapse;width:100%}.infoDropdown__table td{padding:2px 4px;vertical-align:middle}.infoDropdown__table td:first-child{white-space:nowrap;padding-right:12px}.infoDropdown__table kbd{display:inline-block;background:#1a1a1a;border:1px solid #555;border-radius:3px;padding:1px 4px;font-size:10px;font-family:inherit;color:#ccc;line-height:1.4}.bypassBtn{background:none;border:none;cursor:pointer;position:absolute;top:0;right:0;padding:2px 5px;line-height:1;width:auto}.bypassBtn .fa-power-off{color:#ffffff59;font-size:11px;transition:color .2s}.bypassBtn:hover .fa-power-off{color:#fffc}.bypassBtn--active .fa-power-off{color:#f6ad55;filter:drop-shadow(0 0 4px rgba(246,173,85,.7))}.moduleDiv--bypassed{opacity:.6}.moduleDiv--bypassed header{background:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(246,173,85,.15) 4px,rgba(246,173,85,.15) 8px)}.rubber-band{position:absolute;border:1.5px dashed #0af;background:#00aaff14;pointer-events:none;z-index:9999}.vuMeter{width:100%;height:8px;background:#00000026;border-radius:4px;position:relative;overflow:visible}.vuMeter__bar{height:100%;border-radius:4px;transition:width .05s linear,background .1s}.vuMeter__peak{position:absolute;top:0;width:2px;height:100%;border-radius:1px;transform:translate(-1px)}.scopeDiv{padding:4px}.scopeDiv canvas{display:block;border-radius:4px;background:#0d0d0d}.dragDiv:has(.scopeDiv){width:16vw;min-width:220px}.bitcrusherDiv{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 8px}.bitcrusherDiv__label{font-size:11px;color:#555;opacity:.7}.bitcrusherDiv__value{font-size:12px;font-weight:700;color:#555}.envFollowerDiv{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 8px}.envFollowerDiv__meter{width:100%;height:8px;background:#00000026;border-radius:4px;overflow:hidden}.envFollowerDiv__bar{height:100%;background:#38a169;border-radius:4px;transition:width .05s linear}.envFollowerDiv__cv{font-size:11px;color:#555;opacity:.75;font-variant-numeric:tabular-nums}.midiNoteDiv{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 8px}.midiNoteDiv__note{font-size:18px;font-weight:700;color:#555;display:flex;align-items:center;gap:6px}.midiNoteDiv__note--held{opacity:.45}.midiNoteDiv__heldBadge{font-size:9px;font-weight:400;text-transform:uppercase;letter-spacing:.06em;background:#0000001f;border-radius:3px;padding:1px 4px;opacity:.7}.midiNoteDiv__hz{font-size:11px;color:#555;opacity:.7;font-variant-numeric:tabular-nums}.midiNoteDiv__waiting{font-size:12px;color:#555;opacity:.45;font-style:italic;text-align:center}.midiNoteDiv__hint{font-size:9px;color:#555;opacity:.35;text-align:center;margin-top:2px;line-height:1.3}.switchDiv{display:flex;flex-direction:column;gap:5px;padding:6px;min-width:155px}.switch__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.switch__header-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:#666}.switch__count{font-size:.72rem}.switch__count .selectorDiv{font-size:.72rem;padding:1px 6px;width:auto;min-width:52px}.switch__channels{display:flex;flex-direction:column;gap:2px}.switch__channel{display:flex;align-items:center;gap:6px;padding:2px 4px;border-radius:3px}.switch__channel--active{background:#4fc3f714}.switch__channel--active .switch__ch-label{color:#fff}.switch__channel--active .switch__ch-select{color:#4fc3f7}.cordOuter.switch__ch-top-dock,.cordOuter.switch__ch-top-dock:hover{transform:translate(-50%)}.cordOuter.switch__cv-top-dock{transform:translate(-50%);background-color:#024b30}.cordOuter.switch__cv-top-dock:hover{transform:translate(-50%)}.cordOuter.switch__cv-top-dock .cordInner{background-color:#555}.switch__dock-label{position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%);font-size:.55rem;color:#888;white-space:nowrap;pointer-events:none;line-height:1}.switch__ch-label{font-size:.78rem;font-weight:600;color:#888;width:14px;text-align:center;transition:color .1s}.switch__ch-select{margin-left:auto;background:transparent;border:none;color:#444;font-size:.85rem;cursor:pointer;padding:0 2px;line-height:1;transition:color .1s}.switch__ch-select:hover{color:#888}.switch__rate{display:flex;align-items:center;gap:5px;font-size:.72rem;color:#444;margin-top:2px}.switch__rate input[type=range]{flex:1;min-width:0}.switch__rate-label{flex-shrink:0}.switch__rate-val{font-size:.72rem;font-weight:600;color:#222;width:38px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.audioClipDiv{display:flex;flex-direction:column;gap:6px;padding:6px;min-width:296px}.audioClip__name{font-size:.75rem;color:#aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audioClip__placeholder{height:80px;display:flex;align-items:center;justify-content:center;color:#666;font-size:.8rem;background:#1a1a2e;border-radius:4px;cursor:pointer;border:1px dashed #333;transition:border-color .15s,color .15s}.audioClip__placeholder:hover,.audioClip__placeholder:focus{border-color:#4fc3f7;color:#4fc3f7;outline:none}.audioClip__trim{display:flex;align-items:center;gap:4px;font-size:.72rem}.audioClip__trim input[type=number]{width:56px;background:#222;border:1px solid #444;color:#eee;padding:2px 4px;border-radius:3px}.audioClip__controls{display:flex;flex-direction:column;gap:4px}.audioClip__controls-row{display:flex;align-items:center;gap:6px}.audioClip__playBtn{width:28px;height:24px;padding:0;flex-shrink:0}.audioClip__playBtn:disabled{opacity:.35;cursor:not-allowed}.audioClip__btn-group{margin-left:auto;display:flex;gap:4px;align-items:center}.audioClip__loadBtn{width:24px;height:24px;padding:0;background:transparent;border:1px solid #444;border-radius:3px;color:#aaa;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem}.audioClip__loadBtn:hover{border-color:#4fc3f7;color:#4fc3f7}.audioClip__loopLabel{display:flex;align-items:center;gap:4px;font-size:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.audioClip__rate{display:flex;align-items:center;gap:5px;font-size:.75rem;color:#444}.audioClip__rate input[type=range]{flex:1;min-width:0}.audioClip__rateVal{font-size:.78rem;font-weight:600;color:#222;width:38px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.audioClip__waveWrap{position:relative}.audioClip__playhead{position:absolute;top:0;left:-2px;width:2px;height:100%;background:#ffffffd9;pointer-events:none;border-radius:1px}.audioClip__clearBtn{width:24px;height:24px;padding:0;background:transparent;border:1px solid #444;border-radius:3px;color:#aaa;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem}.audioClip__clearBtn:hover{border-color:#600;color:#600}canvas.audioClip__wave{cursor:col-resize;display:block;border-radius:4px}.groupBox{position:absolute;border:1.5px solid rgba(100,160,255,.45);background:#64a0ff0d;border-radius:8px;pointer-events:none;box-sizing:border-box}.groupBox__header{display:flex;align-items:center;gap:6px;padding:3px 8px;pointer-events:all;cursor:pointer;background:#122655ed;border:1px solid rgba(100,160,255,.35);border-bottom:none;border-radius:6px 6px 0 0;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0;right:0;transform:translateY(-100%);white-space:nowrap}.groupBox__label{font-size:.7rem;color:#a0c8ffe6;font-weight:600;letter-spacing:.04em;flex:1;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.groupBox__label:hover{color:#bedcff}.groupBox__input{background:transparent;border:none;border-bottom:1px solid rgba(100,160,255,.5);color:#a0c8fff2;font-size:.7rem;font-weight:600;outline:none;width:100px;padding:0 2px;flex:1}.groupBox__actions{display:flex;align-items:center;gap:2px}.groupBox__btn{background:none;border:none;padding:2px 4px;cursor:pointer;color:#64a0ff8c;font-size:10px;border-radius:3px;line-height:1;transition:color .15s,background .15s}.groupBox__btn:hover{color:#bedcff;background:#64a0ff26}.groupBox__btn--delete:hover{color:#ff5a5ae6;background:#ff32321f}