diff --git a/synth/synth.ts b/synth/synth.ts index 1da8aa4..509ee40 100644 --- a/synth/synth.ts +++ b/synth/synth.ts @@ -14,7 +14,7 @@ export function changeLoopType() { _loopType += 1;} else { _loopType = 1; } - console.log("Loop count: "+_loopType); + //console.log("Loop count: "+_loopType); } declare global { diff --git a/website/beepbox_editor.js b/website/beepbox_editor.js index 8e91cca..900c36b 100644 --- a/website/beepbox_editor.js +++ b/website/beepbox_editor.js @@ -20014,7 +20014,6 @@ li.select2-results__option[role=group] > strong:hover { else { _loopType = 1; } - console.log("Loop count: " + _loopType); } const epsilon = (1.0e-24); function clamp(min, max, val) { diff --git a/website/beepbox_editor.min.js b/website/beepbox_editor.min.js index 2ad6774..0e91057 100644 --- a/website/beepbox_editor.min.js +++ b/website/beepbox_editor.min.js @@ -19,5 +19,5 @@ var beepbox=function(t){"use strict"; LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. - */const e=["chip","FM","noise","spectrum","drumset","harmonics","pulse width","picked string","supersaw","chip (custom)","mod","FM (6-op)"];function n(t){switch(t){case 0:return"loading";case 1:return"loaded";case 2:return"error"}}const i=new class{constructor(){this.statusTable={},this.urlTable={},this.totalSamples=0,this.samplesLoaded=0}};class o extends Event{constructor(t,e){super("sampleloaded"),this.totalSamples=t,this.samplesLoaded=e}}class s extends EventTarget{constructor(){super()}}const a=new s;function r(t,e,n,s,r){const h=new AudioContext({sampleRate:r});let c=!1;const l=p.chipWaves[e],m=p.rawChipWaves[e],f=p.rawRawChipWaves[e];fetch(t).then((t=>t.ok?t.arrayBuffer():(i.statusTable[e]=2,Promise.reject(new Error("Couldn't load sample"))))).then((t=>h.decodeAudioData(t))).then((t=>{const r=d(Array.from(t.getChannelData(0))),p=u(r);l.samples=p,m.samples=r,f.samples=r,s.isUsingAdvancedLoopControls&&(n.chipWaveLoopStart=null!=s.chipWaveLoopStart?s.chipWaveLoopStart:0,n.chipWaveLoopEnd=null!=s.chipWaveLoopEnd?s.chipWaveLoopEnd:r.length-1,n.chipWaveLoopMode=null!=s.chipWaveLoopMode?s.chipWaveLoopMode:0,n.chipWavePlayBackwards=s.chipWavePlayBackwards,n.chipWaveStartOffset=null!=s.chipWaveStartOffset?s.chipWaveStartOffset:0),i.samplesLoaded++,i.statusTable[e]=1,a.dispatchEvent(new o(i.totalSamples,i.samplesLoaded)),c||(c=!0,h.close())})).catch((n=>{i.statusTable[e]=2,alert("Failed to load "+t+":\n"+n),c||(c=!0,h.close())}))}function h(t,e){let n=localStorage.getItem(t);return null!=n&&"null"!==n&&"undefined"!==n||(n=e),n}function c(t){return new Promise(((e,n)=>{if(!p.willReloadForCustomSamples){const n=document.createElement("script");n.src=t,document.head.appendChild(n),n.addEventListener("load",(t=>{e()}))}}))}function l(t){const e=p.chipWaves[0].samples,n=p.rawRawChipWaves[0].samples;if(0==t){const t=[{name:"paandorasbox kick",expression:4,isSampled:!0,isPercussion:!0,extraSampleDetune:0},{name:"paandorasbox snare",expression:3,isSampled:!0,isPercussion:!0,extraSampleDetune:0},{name:"paandorasbox piano1",expression:3,isSampled:!0,isPercussion:!1,extraSampleDetune:2},{name:"paandorasbox WOW",expression:1,isSampled:!0,isPercussion:!1,extraSampleDetune:0},{name:"paandorasbox overdrive",expression:1,isSampled:!0,isPercussion:!1,extraSampleDetune:-2},{name:"paandorasbox trumpet",expression:3,isSampled:!0,isPercussion:!1,extraSampleDetune:1.2},{name:"paandorasbox saxophone",expression:2,isSampled:!0,isPercussion:!1,extraSampleDetune:-5},{name:"paandorasbox orchestrahit",expression:2,isSampled:!0,isPercussion:!1,extraSampleDetune:4.2},{name:"paandorasbox detatched violin",expression:2,isSampled:!0,isPercussion:!1,extraSampleDetune:4.2},{name:"paandorasbox synth",expression:2,isSampled:!0,isPercussion:!1,extraSampleDetune:-.8},{name:"paandorasbox sonic3snare",expression:2,isSampled:!0,isPercussion:!0,extraSampleDetune:0},{name:"paandorasbox come on",expression:2,isSampled:!0,isPercussion:!1,extraSampleDetune:0},{name:"paandorasbox choir",expression:2,isSampled:!0,isPercussion:!1,extraSampleDetune:-3},{name:"paandorasbox overdriveguitar",expression:2,isSampled:!0,isPercussion:!1,extraSampleDetune:-6.2},{name:"paandorasbox flute",expression:2,isSampled:!0,isPercussion:!1,extraSampleDetune:-6},{name:"paandorasbox legato violin",expression:2,isSampled:!0,isPercussion:!1,extraSampleDetune:-28},{name:"paandorasbox tremolo violin",expression:2,isSampled:!0,isPercussion:!1,extraSampleDetune:-33},{name:"paandorasbox amen break",expression:1,isSampled:!0,isPercussion:!0,extraSampleDetune:-55},{name:"paandorasbox pizzicato violin",expression:2,isSampled:!0,isPercussion:!1,extraSampleDetune:-11},{name:"paandorasbox tim allen grunt",expression:2,isSampled:!0,isPercussion:!1,extraSampleDetune:-20},{name:"paandorasbox tuba",expression:2,isSampled:!0,isPercussion:!1,extraSampleDetune:44},{name:"paandorasbox loopingcymbal",expression:2,isSampled:!0,isPercussion:!1,extraSampleDetune:-17},{name:"paandorasbox standardkick",expression:2,isSampled:!0,isPercussion:!0,extraSampleDetune:-7},{name:"paandorasbox standardsnare",expression:2,isSampled:!0,isPercussion:!0,extraSampleDetune:0},{name:"paandorasbox closedhihat",expression:2,isSampled:!0,isPercussion:!0,extraSampleDetune:5},{name:"paandorasbox foothihat",expression:2,isSampled:!0,isPercussion:!0,extraSampleDetune:4},{name:"paandorasbox openhihat",expression:2,isSampled:!0,isPercussion:!0,extraSampleDetune:-31},{name:"paandorasbox crashcymbal",expression:2,isSampled:!0,isPercussion:!0,extraSampleDetune:-43},{name:"paandorasbox pianoC4",expression:2,isSampled:!0,isPercussion:!1,extraSampleDetune:-42.5},{name:"paandorasbox liver pad",expression:2,isSampled:!0,isPercussion:!1,extraSampleDetune:-22.5},{name:"paandorasbox marimba",expression:2,isSampled:!0,isPercussion:!1,extraSampleDetune:-15.5},{name:"paandorasbox susdotwav",expression:2,isSampled:!0,isPercussion:!1,extraSampleDetune:-24.5},{name:"paandorasbox wackyboxtts",expression:2,isSampled:!0,isPercussion:!1,extraSampleDetune:-17.5},{name:"paandorasbox peppersteak_1",expression:2,isSampled:!0,isPercussion:!1,extraSampleDetune:-42.2},{name:"paandorasbox peppersteak_2",expression:2,isSampled:!0,isPercussion:!1,extraSampleDetune:-47},{name:"paandorasbox vinyl_noise",expression:2,isSampled:!0,isPercussion:!0,extraSampleDetune:-50},{name:"paandorasbeta slap bass",expression:1,isSampled:!0,isPercussion:!1,extraSampleDetune:-56},{name:"paandorasbeta HD EB overdrive guitar",expression:1,isSampled:!0,isPercussion:!1,extraSampleDetune:-60},{name:"paandorasbeta sunsoft bass",expression:1,isSampled:!0,isPercussion:!1,extraSampleDetune:-18.5},{name:"paandorasbeta masculine choir",expression:1,isSampled:!0,isPercussion:!1,extraSampleDetune:-50},{name:"paandorasbeta feminine choir",expression:1,isSampled:!0,isPercussion:!1,extraSampleDetune:-60.5},{name:"paandorasbeta tololoche",expression:1,isSampled:!0,isPercussion:!1,extraSampleDetune:-29.5},{name:"paandorasbeta harp",expression:1,isSampled:!0,isPercussion:!1,extraSampleDetune:-54},{name:"paandorasbeta pan flute",expression:1,isSampled:!0,isPercussion:!1,extraSampleDetune:-58},{name:"paandorasbeta krumhorn",expression:1,isSampled:!0,isPercussion:!1,extraSampleDetune:-46},{name:"paandorasbeta timpani",expression:1,isSampled:!0,isPercussion:!1,extraSampleDetune:-50},{name:"paandorasbeta crowd hey",expression:1,isSampled:!0,isPercussion:!0,extraSampleDetune:-29},{name:"paandorasbeta wario land 4 brass",expression:1,isSampled:!0,isPercussion:!1,extraSampleDetune:-68},{name:"paandorasbeta wario land 4 rock organ",expression:1,isSampled:!0,isPercussion:!1,extraSampleDetune:-63},{name:"paandorasbeta wario land 4 DAOW",expression:1,isSampled:!0,isPercussion:!1,extraSampleDetune:-35},{name:"paandorasbeta wario land 4 hour chime",expression:1,isSampled:!0,isPercussion:!1,extraSampleDetune:-47.5},{name:"paandorasbeta wario land 4 tick",expression:1,isSampled:!0,isPercussion:!0,extraSampleDetune:-12.5},{name:"paandorasbeta kirby kick",expression:1,isSampled:!0,isPercussion:!0,extraSampleDetune:-46.5},{name:"paandorasbeta kirby snare",expression:1,isSampled:!0,isPercussion:!0,extraSampleDetune:-46.5},{name:"paandorasbeta kirby bongo",expression:1,isSampled:!0,isPercussion:!0,extraSampleDetune:-46.5},{name:"paandorasbeta kirby click",expression:1,isSampled:!0,isPercussion:!0,extraSampleDetune:-46.5},{name:"paandorasbeta sonor kick",expression:1,isSampled:!0,isPercussion:!0,extraSampleDetune:-28.5},{name:"paandorasbeta sonor snare",expression:1,isSampled:!0,isPercussion:!0,extraSampleDetune:-28.5},{name:"paandorasbeta sonor snare (left hand)",expression:1,isSampled:!0,isPercussion:!0,extraSampleDetune:-22.5},{name:"paandorasbeta sonor snare (right hand)",expression:1,isSampled:!0,isPercussion:!0,extraSampleDetune:-22.5},{name:"paandorasbeta sonor high tom",expression:1,isSampled:!0,isPercussion:!0,extraSampleDetune:-41.5},{name:"paandorasbeta sonor low tom",expression:1,isSampled:!0,isPercussion:!0,extraSampleDetune:-41.5},{name:"paandorasbeta sonor hihat (closed)",expression:1,isSampled:!0,isPercussion:!0,extraSampleDetune:-17},{name:"paandorasbeta sonor hihat (half opened)",expression:1,isSampled:!0,isPercussion:!0,extraSampleDetune:-21},{name:"paandorasbeta sonor hihat (open)",expression:1,isSampled:!0,isPercussion:!0,extraSampleDetune:-54.5},{name:"paandorasbeta sonor hihat (open tip)",expression:1,isSampled:!0,isPercussion:!0,extraSampleDetune:-43.5},{name:"paandorasbeta sonor hihat (pedal)",expression:1,isSampled:!0,isPercussion:!0,extraSampleDetune:-28},{name:"paandorasbeta sonor crash",expression:1,isSampled:!0,isPercussion:!0,extraSampleDetune:-51},{name:"paandorasbeta sonor crash (tip)",expression:1,isSampled:!0,isPercussion:!0,extraSampleDetune:-50.5},{name:"paandorasbeta sonor ride",expression:1,isSampled:!0,isPercussion:!0,extraSampleDetune:-46}];i.totalSamples+=t.length;const s=p.rawRawChipWaves.length;for(const o of t){const t=p.rawRawChipWaves.length,s={index:t,name:o.name,expression:o.expression,isSampled:o.isSampled,isPercussion:o.isPercussion,extraSampleDetune:o.extraSampleDetune,samples:n},a={index:t,name:o.name,expression:o.expression,isSampled:o.isSampled,isPercussion:o.isPercussion,extraSampleDetune:o.extraSampleDetune,samples:n},r={index:t,name:o.name,expression:o.expression,isSampled:o.isSampled,isPercussion:o.isPercussion,extraSampleDetune:o.extraSampleDetune,samples:e};p.rawRawChipWaves[t]=a,p.rawRawChipWaves.dictionary[o.name]=a,p.rawChipWaves[t]=s,p.rawChipWaves.dictionary[o.name]=s,p.chipWaves[t]=r,p.chipWaves.dictionary[o.name]=s,i.statusTable[t]=0,i.urlTable[t]="legacySamples"}c("samples.js").then((()=>c("samples2.js"))).then((()=>c("samples3.js"))).then((()=>c("drumsamples.js"))).then((()=>c("wario_samples.js"))).then((()=>c("kirby_samples.js"))).then((()=>{const t=[d(kicksample),d(snaresample),d(pianosample),d(WOWsample),d(overdrivesample),d(trumpetsample),d(saxophonesample),d(orchhitsample),d(detatchedviolinsample),d(synthsample),d(sonic3snaresample),d(comeonsample),d(choirsample),d(overdrivensample),d(flutesample),d(legatoviolinsample),d(tremoloviolinsample),d(amenbreaksample),d(pizzicatoviolinsample),d(timallengruntsample),d(tubasample),d(loopingcymbalsample),d(kickdrumsample),d(snaredrumsample),d(closedhihatsample),d(foothihatsample),d(openhihatsample),d(crashsample),d(pianoC4sample),d(liverpadsample),d(marimbasample),d(susdotwavsample),d(wackyboxttssample),d(peppersteak1),d(peppersteak2),d(vinyl),d(slapbass),d(hdeboverdrive),d(sunsoftbass),d(masculinechoir),d(femininechoir),d(southtololoche),d(harp),d(panflute),d(krumhorn),d(timpani),d(crowdhey),d(warioland4brass),d(warioland4organ),d(warioland4daow),d(warioland4hourchime),d(warioland4tick),d(kirbykick),d(kirbysnare),d(kirbybongo),d(kirbyclick),d(funkkick),d(funksnare),d(funksnareleft),d(funksnareright),d(funktomhigh),d(funktomlow),d(funkhihatclosed),d(funkhihathalfopen),d(funkhihatopen),d(funkhihatopentip),d(funkhihatfoot),d(funkcrash),d(funkcrashtip),d(funkride)];let e=0;for(const n of t){const t=s+e;p.rawChipWaves[t].samples=n,p.rawRawChipWaves[t].samples=n,p.chipWaves[t].samples=u(n),i.statusTable[t]=1,i.samplesLoaded++,a.dispatchEvent(new o(i.totalSamples,i.samplesLoaded)),e++}}))}else if(1==t){const t=[{name:"chronoperc1final",expression:4,isSampled:!0,isPercussion:!0,extraSampleDetune:0},{name:"synthkickfm",expression:4,isSampled:!0,isPercussion:!0,extraSampleDetune:0},{name:"mcwoodclick1",expression:4,isSampled:!0,isPercussion:!0,extraSampleDetune:0},{name:"acoustic snare",expression:4,isSampled:!0,isPercussion:!0,extraSampleDetune:0}];i.totalSamples+=t.length;const s=p.rawRawChipWaves.length;for(const o of t){const t=p.rawRawChipWaves.length,s={index:t,name:o.name,expression:o.expression,isSampled:o.isSampled,isPercussion:o.isPercussion,extraSampleDetune:o.extraSampleDetune,samples:n},a={index:t,name:o.name,expression:o.expression,isSampled:o.isSampled,isPercussion:o.isPercussion,extraSampleDetune:o.extraSampleDetune,samples:n},r={index:t,name:o.name,expression:o.expression,isSampled:o.isSampled,isPercussion:o.isPercussion,extraSampleDetune:o.extraSampleDetune,samples:e};p.rawRawChipWaves[t]=a,p.rawRawChipWaves.dictionary[o.name]=a,p.rawChipWaves[t]=s,p.rawChipWaves.dictionary[o.name]=s,p.chipWaves[t]=r,p.chipWaves.dictionary[o.name]=s,i.statusTable[t]=0,i.urlTable[t]="nintariboxSamples"}c("nintaribox_samples.js").then((()=>{const t=[d(chronoperc1finalsample),d(synthkickfmsample),d(woodclicksample),d(acousticsnaresample)];let e=0;for(const n of t){const t=s+e;p.rawChipWaves[t].samples=n,p.rawRawChipWaves[t].samples=n,p.chipWaves[t].samples=u(n),i.statusTable[t]=1,i.samplesLoaded++,a.dispatchEvent(new o(i.totalSamples,i.samplesLoaded)),e++}}))}else if(2==t){const t=[{name:"cat",expression:1,isSampled:!0,isPercussion:!1,extraSampleDetune:-3},{name:"gameboy",expression:1,isSampled:!0,isPercussion:!1,extraSampleDetune:7},{name:"mario",expression:1,isSampled:!0,isPercussion:!1,extraSampleDetune:0},{name:"drum",expression:1,isSampled:!0,isPercussion:!1,extraSampleDetune:4},{name:"yoshi",expression:1,isSampled:!0,isPercussion:!1,extraSampleDetune:-16},{name:"star",expression:1,isSampled:!0,isPercussion:!1,extraSampleDetune:-16},{name:"fire flower",expression:1,isSampled:!0,isPercussion:!1,extraSampleDetune:-1},{name:"dog",expression:1,isSampled:!0,isPercussion:!1,extraSampleDetune:-1},{name:"oink",expression:1,isSampled:!0,isPercussion:!1,extraSampleDetune:3},{name:"swan",expression:1,isSampled:!0,isPercussion:!1,extraSampleDetune:1},{name:"face",expression:1,isSampled:!0,isPercussion:!1,extraSampleDetune:-12}];i.totalSamples+=t.length;const s=p.rawRawChipWaves.length;for(const o of t){const t=p.rawRawChipWaves.length,s={index:t,name:o.name,expression:o.expression,isSampled:o.isSampled,isPercussion:o.isPercussion,extraSampleDetune:o.extraSampleDetune,samples:n},a={index:t,name:o.name,expression:o.expression,isSampled:o.isSampled,isPercussion:o.isPercussion,extraSampleDetune:o.extraSampleDetune,samples:n},r={index:t,name:o.name,expression:o.expression,isSampled:o.isSampled,isPercussion:o.isPercussion,extraSampleDetune:o.extraSampleDetune,samples:e};p.rawRawChipWaves[t]=a,p.rawRawChipWaves.dictionary[o.name]=a,p.rawChipWaves[t]=s,p.rawChipWaves.dictionary[o.name]=s,p.chipWaves[t]=r,p.chipWaves.dictionary[o.name]=s,i.statusTable[t]=0,i.urlTable[t]="marioPaintboxSamples"}c("mario_paintbox_samples.js").then((()=>{const t=[d(catpaintboxsample),d(gameboypaintboxsample),d(mariopaintboxsample),d(drumpaintboxsample),d(yoshipaintboxsample),d(starpaintboxsample),d(fireflowerpaintboxsample),d(dogpaintbox),d(oinkpaintbox),d(swanpaintboxsample),d(facepaintboxsample)];let e=0;for(const n of t){const t=s+e;p.rawChipWaves[t].samples=n,p.rawRawChipWaves[t].samples=n,p.chipWaves[t].samples=u(n),i.statusTable[t]=1,i.samplesLoaded++,a.dispatchEvent(new o(i.totalSamples,i.samplesLoaded)),e++}}))}else console.log("invalid set of built-in samples")}class p{}function d(t){let e=0;for(let n=0;n>1;1==(t+n&1)&&(n+=16384),t=n}}else if(1==t)for(let t=0;t>1;1==(t+n&1)&&(n+=32768),t=n}}else if(3==t){let t=1;for(let e=0;e>1;1==(t+n&1)&&(n+=40),t=n}}else if(4==t)b(i,p.chipNoiseLength,10,11,1,1,0),b(i,p.chipNoiseLength,11,14,.6578,.6578,0),e(i,p.chipNoiseLength),n(i,1/Math.sqrt(p.chipNoiseLength));else if(5==t)for(var o=1,s=0;s>1)&1)&&(a+=40),o=a}else if(6==t)b(i,p.chipNoiseLength,1,10,1,1,0),b(i,p.chipNoiseLength,20,14,-2,-2,0),e(i,p.chipNoiseLength),n(i,1/Math.sqrt(p.chipNoiseLength));else if(7==t)for(o=1,s=0;s>1)&1)&&(a+=60),o=a}else if(8==t)for(o=1,s=0;s<32768;s++){i[s]=(1&o)/2-.5,1==(o+(a=o>>1)&1)&&(a-=40),o=a}else if(9==t){let t=1;for(let e=0;e>1;1==(t+n&1)&&(n+=131080),t=n}}else if(10==t)for(let t=0;t>1)&1)&&(a-=40),o=a}else if(12==t)for(let t=0;t>1,0|Math.pow(2,i)),c=y(0,null,null);let l=0;for(let p=r;pMath.max(t,e)))),p.chords=k([{name:"simultaneous",customInterval:!1,arpeggiates:!1,strumParts:0,singleTone:!1},{name:"strum",customInterval:!1,arpeggiates:!1,strumParts:1,singleTone:!1},{name:"arpeggio",customInterval:!1,arpeggiates:!0,strumParts:0,singleTone:!0},{name:"custom interval",customInterval:!0,arpeggiates:!1,strumParts:0,singleTone:!0}]),p.maxChordSize=9,p.operatorCount=4,p.maxPitchOrOperatorCount=Math.max(p.maxChordSize,p.operatorCount+2),p.algorithms=k([{name:"1←(2 3 4)",carrierCount:1,associatedCarrier:[1,1,1,1],modulatedBy:[[2,3,4],[],[],[]]},{name:"1←(2 3←4)",carrierCount:1,associatedCarrier:[1,1,1,1],modulatedBy:[[2,3],[],[4],[]]},{name:"1←2←(3 4)",carrierCount:1,associatedCarrier:[1,1,1,1],modulatedBy:[[2],[3,4],[],[]]},{name:"1←(2 3)←4",carrierCount:1,associatedCarrier:[1,1,1,1],modulatedBy:[[2,3],[4],[4],[]]},{name:"1←2←3←4",carrierCount:1,associatedCarrier:[1,1,1,1],modulatedBy:[[2],[3],[4],[]]},{name:"1←3 2←4",carrierCount:2,associatedCarrier:[1,2,1,2],modulatedBy:[[3],[4],[],[]]},{name:"1 2←(3 4)",carrierCount:2,associatedCarrier:[1,2,2,2],modulatedBy:[[],[3,4],[],[]]},{name:"1 2←3←4",carrierCount:2,associatedCarrier:[1,2,2,2],modulatedBy:[[],[3],[4],[]]},{name:"(1 2)←3←4",carrierCount:2,associatedCarrier:[1,2,2,2],modulatedBy:[[3],[3],[4],[]]},{name:"(1 2)←(3 4)",carrierCount:2,associatedCarrier:[1,2,2,2],modulatedBy:[[3,4],[3,4],[],[]]},{name:"1 2 3←4",carrierCount:3,associatedCarrier:[1,2,3,3],modulatedBy:[[],[],[4],[]]},{name:"(1 2 3)←4",carrierCount:3,associatedCarrier:[1,2,3,3],modulatedBy:[[4],[4],[4],[]]},{name:"1 2 3 4",carrierCount:4,associatedCarrier:[1,2,3,4],modulatedBy:[[],[],[],[]]},{name:"1←(2 3) 2←4",carrierCount:2,associatedCarrier:[1,2,1,2],modulatedBy:[[2,3],[4],[],[]]},{name:"1←(2 (3 (4",carrierCount:3,associatedCarrier:[1,2,3,3],modulatedBy:[[2,3,4],[3,4],[4],[]]}]),p.algorithms6Op=k([{name:"Custom",carrierCount:1,associatedCarrier:[1,1,1,1,1,1],modulatedBy:[[2,3,4,5,6],[],[],[],[],[]]},{name:"1←2←3←4←5←6",carrierCount:1,associatedCarrier:[1,1,1,1,1,1],modulatedBy:[[2],[3],[4],[5],[6],[]]},{name:"1←3 2←4←5←6",carrierCount:2,associatedCarrier:[1,2,2,2,2,2],modulatedBy:[[3],[4],[],[5],[6],[]]},{name:"1←3←4 2←5←6",carrierCount:2,associatedCarrier:[1,1,1,2,2,2],modulatedBy:[[3],[5],[4],[],[6],[]]},{name:"1←4 2←5 3←6",carrierCount:3,associatedCarrier:[1,2,3,1,2,3],modulatedBy:[[4],[5],[6],[],[],[]]},{name:"1←3 2←(4 5←6)",carrierCount:2,associatedCarrier:[1,2,2,2,2,2],modulatedBy:[[3],[4,5],[],[],[6],[]]},{name:"1←(3 4) 2←5←6",carrierCount:2,associatedCarrier:[1,2,2,2,2,2],modulatedBy:[[3,4],[5],[],[],[6],[]]},{name:"1←3 2←(4 5 6)",carrierCount:2,associatedCarrier:[1,2,2,2,2,2],modulatedBy:[[3],[4,5,6],[],[],[],[]]},{name:"1←3 2←(4 5)←6",carrierCount:2,associatedCarrier:[1,2,2,2,2,2],modulatedBy:[[3],[4,5],[],[6],[6],[]]},{name:"1←3 2←4←(5 6)",carrierCount:2,associatedCarrier:[1,2,2,2,2,2],modulatedBy:[[3],[4],[],[5,6],[],[]]},{name:"1←(2 3 4 5 6)",carrierCount:1,associatedCarrier:[1,1,1,1,1,1],modulatedBy:[[2,3,4,5,6],[],[],[],[],[]]},{name:"1←(2 3←5 4←6)",carrierCount:1,associatedCarrier:[1,1,1,1,1,1],modulatedBy:[[2,3,4],[],[5],[6],[],[]]},{name:"1←(2 3 4←5←6)",carrierCount:1,associatedCarrier:[1,1,1,1,1,1],modulatedBy:[[2,3,4],[],[],[5],[6],[]]},{name:"1←4←5 (2 3)←6",carrierCount:3,associatedCarrier:[1,2,3,1,2,3],modulatedBy:[[4],[6],[6],[5],[],[]]},{name:"1←(3 4)←5 2←6",carrierCount:2,associatedCarrier:[1,2,2,2,2,2],modulatedBy:[[3,4],[6],[5],[5],[],[]]},{name:"(1 2)←4 3←(5 6)",carrierCount:3,associatedCarrier:[1,2,3,1,2,3],modulatedBy:[[4],[4],[5,6],[],[],[]]},{name:"(1 2)←5 (3 4)←6",carrierCount:4,associatedCarrier:[1,2,3,4,4,4],modulatedBy:[[5],[5],[6],[6],[],[]]},{name:"(1 2 3)←(4 5 6)",carrierCount:3,associatedCarrier:[1,2,3,1,2,3],modulatedBy:[[4,5,6],[4,5,6],[4,5,6],[],[],[]]},{name:"1←5 (2 3 4)←6",carrierCount:4,associatedCarrier:[1,2,3,4,4,4],modulatedBy:[[5],[6],[6],[6],[],[]]},{name:"1 2←5 (3 4)←6",carrierCount:4,associatedCarrier:[1,2,3,4,4,4],modulatedBy:[[],[5],[6],[6],[],[]]},{name:"1 2 (3 4 5)←6",carrierCount:5,associatedCarrier:[1,2,3,4,5,5],modulatedBy:[[],[],[6],[6],[6],[]]},{name:"1 2 3 (4 5)←6",carrierCount:5,associatedCarrier:[1,2,3,4,5,5],modulatedBy:[[],[],[],[6],[6],[]]},{name:"1 2←4 3←(5 6)",carrierCount:3,associatedCarrier:[1,2,3,3,3,3],modulatedBy:[[],[4],[5,6],[],[],[]]},{name:"1←4 2←(5 6) 3",carrierCount:3,associatedCarrier:[1,2,3,3,3,3],modulatedBy:[[4],[5,6],[],[],[],[]]},{name:"1 2 3←5 4←6",carrierCount:4,associatedCarrier:[1,2,3,4,4,4],modulatedBy:[[],[],[5],[6],[],[]]},{name:"1 (2 3)←5←6 4",carrierCount:4,associatedCarrier:[1,2,3,4,4,4],modulatedBy:[[],[5],[5],[],[6],[]]},{name:"1 2 3←5←6 4",carrierCount:4,associatedCarrier:[1,2,3,4,4,4],modulatedBy:[[],[],[5,6],[],[],[]]},{name:"(1 2 3 4 5)←6",carrierCount:5,associatedCarrier:[1,2,3,4,5,5],modulatedBy:[[6],[6],[6],[6],[6],[]]},{name:"1 2 3 4 5←6",carrierCount:5,associatedCarrier:[1,2,3,4,5,5],modulatedBy:[[],[],[],[],[6],[]]},{name:"1 2 3 4 5 6",carrierCount:6,associatedCarrier:[1,2,3,4,5,6],modulatedBy:[[],[],[],[],[],[]]},{name:"1←(2 (3 (4 (5 (6",carrierCount:5,associatedCarrier:[1,2,3,4,5,5],modulatedBy:[[2,3,4,5,6],[3,4,5,6],[4,5,6],[5,6],[6],[]]},{name:"1←(2(3(4(5(6",carrierCount:1,associatedCarrier:[1,1,1,1,1,1],modulatedBy:[[2,3,4,5,6],[3,4,5,6],[4,5,6],[5,6],[6],[]]},{name:"1←4(2←5(3←6",carrierCount:3,associatedCarrier:[1,2,3,1,2,3],modulatedBy:[[2,3,4],[3,5],[6],[],[],[]]},{name:"1←4(2←5 3←6",carrierCount:3,associatedCarrier:[1,2,3,1,2,3],modulatedBy:[[2,3,4],[5],[6],[],[],[]]}]),p.operatorCarrierInterval=[0,.04,-.073,.091,.061,.024],p.operatorAmplitudeMax=15,p.operatorFrequencies=k([{name:"0.12×",mult:.125,hzOffset:0,amplitudeSign:1},{name:"0.25×",mult:.25,hzOffset:0,amplitudeSign:1},{name:"0.5×",mult:.5,hzOffset:0,amplitudeSign:1},{name:"0.75×",mult:.75,hzOffset:0,amplitudeSign:1},{name:"1×",mult:1,hzOffset:0,amplitudeSign:1},{name:"~1×",mult:1,hzOffset:1.5,amplitudeSign:-1},{name:"2×",mult:2,hzOffset:0,amplitudeSign:1},{name:"~2×",mult:2,hzOffset:-1.3,amplitudeSign:-1},{name:"3×",mult:3,hzOffset:0,amplitudeSign:1},{name:"3.5×",mult:3.5,hzOffset:-.05,amplitudeSign:1},{name:"4×",mult:4,hzOffset:0,amplitudeSign:1},{name:"~4×",mult:4,hzOffset:-2.4,amplitudeSign:-1},{name:"5×",mult:5,hzOffset:0,amplitudeSign:1},{name:"6×",mult:6,hzOffset:0,amplitudeSign:1},{name:"7×",mult:7,hzOffset:0,amplitudeSign:1},{name:"8×",mult:8,hzOffset:0,amplitudeSign:1},{name:"9×",mult:9,hzOffset:0,amplitudeSign:1},{name:"10×",mult:10,hzOffset:0,amplitudeSign:1},{name:"11×",mult:11,hzOffset:0,amplitudeSign:1},{name:"12×",mult:12,hzOffset:0,amplitudeSign:1},{name:"13×",mult:13,hzOffset:0,amplitudeSign:1},{name:"14×",mult:14,hzOffset:0,amplitudeSign:1},{name:"15×",mult:15,hzOffset:0,amplitudeSign:1},{name:"16×",mult:16,hzOffset:0,amplitudeSign:1},{name:"17×",mult:17,hzOffset:0,amplitudeSign:1},{name:"18×",mult:18,hzOffset:0,amplitudeSign:1},{name:"19×",mult:19,hzOffset:0,amplitudeSign:1},{name:"20×",mult:20,hzOffset:0,amplitudeSign:1},{name:"~20×",mult:20,hzOffset:-5,amplitudeSign:-1},{name:"25×",mult:25,hzOffset:0,amplitudeSign:1},{name:"50×",mult:50,hzOffset:0,amplitudeSign:1},{name:"75×",mult:75,hzOffset:0,amplitudeSign:1},{name:"100×",mult:100,hzOffset:0,amplitudeSign:1}]),p.envelopes=k([{name:"none",type:1,speed:0},{name:"note size",type:0,speed:0},{name:"punch",type:2,speed:0},{name:"flare -1",type:3,speed:128},{name:"flare 1",type:3,speed:32},{name:"flare 2",type:3,speed:8},{name:"flare 3",type:3,speed:2},{name:"twang -1",type:4,speed:128},{name:"twang 1",type:4,speed:32},{name:"twang 2",type:4,speed:8},{name:"twang 3",type:4,speed:2},{name:"swell -1",type:5,speed:128},{name:"swell 1",type:5,speed:32},{name:"swell 2",type:5,speed:8},{name:"swell 3",type:5,speed:2},{name:"tremolo0",type:6,speed:8},{name:"tremolo1",type:6,speed:4},{name:"tremolo2",type:6,speed:2},{name:"tremolo3",type:6,speed:1},{name:"tremolo4",type:7,speed:4},{name:"tremolo5",type:7,speed:2},{name:"tremolo6",type:7,speed:1},{name:"decay -1",type:8,speed:40},{name:"decay 1",type:8,speed:10},{name:"decay 2",type:8,speed:7},{name:"decay 3",type:8,speed:4},{name:"wibble-1",type:9,speed:96},{name:"wibble 1",type:9,speed:24},{name:"wibble 2",type:9,speed:12},{name:"wibble 3",type:9,speed:4},{name:"linear-2",type:11,speed:256},{name:"linear-1",type:11,speed:128},{name:"linear 1",type:11,speed:32},{name:"linear 2",type:11,speed:8},{name:"linear 3",type:11,speed:2},{name:"rise -2",type:12,speed:256},{name:"rise -1",type:12,speed:128},{name:"rise 1",type:12,speed:32},{name:"rise 2",type:12,speed:8},{name:"rise 3",type:12,speed:2},{name:"flute 1",type:9,speed:16},{name:"flute 2",type:9,speed:8},{name:"flute 3",type:9,speed:4},{name:"tripolo1",type:6,speed:9},{name:"tripolo2",type:6,speed:6},{name:"tripolo3",type:6,speed:3},{name:"tripolo4",type:7,speed:9},{name:"tripolo5",type:7,speed:6},{name:"tripolo6",type:7,speed:3},{name:"pentolo1",type:6,speed:10},{name:"pentolo2",type:6,speed:5},{name:"pentolo3",type:6,speed:2.5},{name:"pentolo4",type:7,speed:10},{name:"pentolo5",type:7,speed:5},{name:"pentolo6",type:7,speed:2.5},{name:"flutter 1",type:6,speed:14},{name:"flutter 2",type:7,speed:11},{name:"water-y flutter",type:6,speed:9},{name:"blip 1",type:13,speed:6},{name:"blip 2",type:13,speed:16},{name:"blip 3",type:13,speed:32}]),p.feedbacks=k([{name:"1⟲",indices:[[1],[],[],[]]},{name:"2⟲",indices:[[],[2],[],[]]},{name:"3⟲",indices:[[],[],[3],[]]},{name:"4⟲",indices:[[],[],[],[4]]},{name:"1⟲ 2⟲",indices:[[1],[2],[],[]]},{name:"3⟲ 4⟲",indices:[[],[],[3],[4]]},{name:"1⟲ 2⟲ 3⟲",indices:[[1],[2],[3],[]]},{name:"2⟲ 3⟲ 4⟲",indices:[[],[2],[3],[4]]},{name:"1⟲ 2⟲ 3⟲ 4⟲",indices:[[1],[2],[3],[4]]},{name:"1→2",indices:[[],[1],[],[]]},{name:"1→3",indices:[[],[],[1],[]]},{name:"1→4",indices:[[],[],[],[1]]},{name:"2→3",indices:[[],[],[2],[]]},{name:"2→4",indices:[[],[],[],[2]]},{name:"3→4",indices:[[],[],[],[3]]},{name:"1→3 2→4",indices:[[],[],[1],[2]]},{name:"1→4 2→3",indices:[[],[],[2],[1]]},{name:"1→2→3→4",indices:[[],[1],[2],[3]]},{name:"1↔2 3↔4",indices:[[2],[1],[4],[3]]},{name:"1↔4 2↔3",indices:[[4],[3],[2],[1]]},{name:"2→1→4→3→2",indices:[[2],[3],[4],[1]]},{name:"1→2→3→4→1",indices:[[4],[1],[2],[3]]},{name:"(1 2 3)→4",indices:[[],[],[],[1,2,3]]},{name:"ALL",indices:[[1,2,3,4],[1,2,3,4],[1,2,3,4],[1,2,3,4]]}]),p.feedbacks6Op=k([{name:"Custom",indices:[[2,3,4,5,6],[],[],[],[],[]]},{name:"1⟲",indices:[[1],[],[],[],[],[]]},{name:"2⟲",indices:[[],[2],[],[],[],[]]},{name:"3⟲",indices:[[],[],[3],[],[],[]]},{name:"4⟲",indices:[[],[],[],[4],[],[]]},{name:"5⟲",indices:[[],[],[],[],[5],[]]},{name:"6⟲",indices:[[],[],[],[],[],[6]]},{name:"1⟲ 2⟲",indices:[[1],[2],[],[],[],[]]},{name:"3⟲ 4⟲",indices:[[],[],[3],[4],[],[]]},{name:"1⟲ 2⟲ 3⟲",indices:[[1],[2],[3],[],[],[]]},{name:"2⟲ 3⟲ 4⟲",indices:[[],[2],[3],[4],[],[]]},{name:"1⟲ 2⟲ 3⟲ 4⟲",indices:[[1],[2],[3],[4],[],[]]},{name:"1⟲ 2⟲ 3⟲ 4⟲ 5⟲",indices:[[1],[2],[3],[4],[5],[]]},{name:"1⟲ 2⟲ 3⟲ 4⟲ 5⟲ 6⟲",indices:[[1],[2],[3],[4],[5],[6]]},{name:"1→2",indices:[[],[1],[],[],[],[]]},{name:"1→3",indices:[[],[],[1],[],[],[]]},{name:"1→4",indices:[[],[],[],[1],[],[]]},{name:"1→5",indices:[[],[],[],[],[1],[]]},{name:"1→6",indices:[[],[],[],[],[],[1]]},{name:"2→3",indices:[[],[],[2],[],[],[]]},{name:"2→4",indices:[[],[],[],[2],[],[]]},{name:"3→4",indices:[[],[],[],[3],[],[]]},{name:"4→5",indices:[[],[],[],[],[4],[]]},{name:"1→4 2→5 3→6",indices:[[],[],[],[1],[2],[3]]},{name:"1→5 2→6 3→4",indices:[[],[],[],[3],[1],[2]]},{name:"1→2→3→4→5→6",indices:[[],[1],[2],[3],[4],[5]]},{name:"2→1→6→5→4→3→2",indices:[[2],[3],[4],[5],[6],[1]]},{name:"1→2→3→4→5→6→1",indices:[[6],[1],[2],[3],[4],[5]]},{name:"1↔2 3↔4 5↔6",indices:[[2],[1],[4],[3],[6],[5]]},{name:"1↔4 2↔5 3↔6",indices:[[4],[5],[6],[1],[2],[3]]},{name:"(1,2,3,4,5)→6",indices:[[],[],[],[],[],[1,2,3,4,5]]},{name:"ALL",indices:[[1,2,3,4,5,6],[1,2,3,4,5,6],[1,2,3,4,5,6],[1,2,3,4,5,6],[1,2,3,4,5,6],[1,2,3,4,5,6]]}]),p.chipNoiseLength=32768,p.spectrumNoiseLength=32768,p.spectrumBasePitch=24,p.spectrumControlPoints=30,p.spectrumControlPointsPerOctave=7,p.spectrumControlPointBits=3,p.spectrumMax=(1<Math.log2(t)*p.pitchesPerOctave)),p.pitchShiftRange=p.justIntonationSemitones.length,p.pitchShiftCenter=p.pitchShiftRange>>1,p.detuneCenter=200,p.detuneMax=400,p.detuneMin=0,p.songDetuneMin=0,p.songDetuneMax=500,p.unisonVoicesMin=1,p.unisonVoicesMax=2,p.unisonSpreadMin=-96,p.unisonSpreadMax=96,p.unisonOffsetMin=-96,p.unisonOffsetMax=96,p.unisonExpressionMin=-2,p.unisonExpressionMax=2,p.unisonSignMin=-2,p.unisonSignMax=2,p.sineWaveLength=256,p.sineWaveMask=p.sineWaveLength-1,p.sineWave=function(){const t=new Float32Array(p.sineWaveLength+1);for(let e=0;e>6,n=63&t;return null==O?void 0:O.presetCategories[e].presets[n]}static midiProgramToPresetValue(t){for(let e=0;e Presets",presets:k([{name:"Demonic Bell",generalMidi:!1,settings:{type:"Picked String",eqFilter:[{type:"low-pass",cutoffHz:6727.17,linearGain:.7071},{type:"high-pass",cutoffHz:353.55,linearGain:.7071},{type:"peak",cutoffHz:1414.21,linearGain:.0884}],eqFilterType:!1,eqSimpleCut:10,eqSimplePeak:0,eqSubFilters0:[{type:"low-pass",cutoffHz:6727.17,linearGain:.7071},{type:"high-pass",cutoffHz:353.55,linearGain:.7071},{type:"peak",cutoffHz:1414.21,linearGain:.0884}],effects:["detune","distortion","bitcrusher","echo","reverb"],detuneCents:-52,distortion:29,aliases:!1,bitcrusherOctave:4.5,bitcrusherQuantization:29,panDelay:10,echoSustain:43,echoDelayBeats:1,reverb:68,fadeInSeconds:0,fadeOutTicks:96,harmonics:[43,71,71,100,86,100,43,86,71,57,86,29,14,71,14,14,57,14,14,43,14,14,43,14,14,43,14,14],unison:"shimmer",stringSustain:64,envelopes:[]}},{name:"Spacey Triangle",generalMidi:!1,settings:{type:"chip",eqFilter:[{type:"low-pass",cutoffHz:6727.17,linearGain:11.3137},{type:"high-pass",cutoffHz:176.78,linearGain:4}],eqFilterType:!1,eqSimpleCut:10,eqSimplePeak:0,eqSubFilters0:[{type:"low-pass",cutoffHz:6727.17,linearGain:11.3137},{type:"high-pass",cutoffHz:176.78,linearGain:4}],effects:["transition type","vibrato","distortion","bitcrusher","chorus","echo","reverb"],transition:"normal",clicklessTransition:!1,vibrato:"shaky",vibratoDepth:.1,vibratoDelay:0,vibratoSpeed:10,vibratoType:1,distortion:29,aliases:!1,bitcrusherOctave:5.5,bitcrusherQuantization:14,panDelay:10,chorus:86,echoSustain:43,echoDelayBeats:1,reverb:26,fadeInSeconds:0,fadeOutTicks:96,wave:"triangle",unison:"dirty",isUsingAdvancedLoopControls:!1,chipWaveLoopStart:0,chipWaveLoopEnd:32,chipWaveLoopMode:0,chipWavePlayBackwards:!1,chipWaveStartOffset:0,envelopes:[]}},{name:"Harmonic Piano",generalMidi:!1,settings:{type:"harmonics",eqFilter:[{type:"low-pass",cutoffHz:5656.85,linearGain:.3536},{type:"peak",cutoffHz:353.55,linearGain:.125},{type:"high-pass",cutoffHz:88.39,linearGain:1}],eqFilterType:!1,eqSimpleCut:10,eqSimplePeak:0,eqSubFilters0:[{type:"low-pass",cutoffHz:5656.85,linearGain:.3536},{type:"peak",cutoffHz:353.55,linearGain:.125},{type:"high-pass",cutoffHz:88.39,linearGain:1}],effects:["transition type"],transition:"interrupt",clicklessTransition:!1,panDelay:10,fadeInSeconds:0,fadeOutTicks:-1,harmonics:[100,57,57,57,14,14,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],unison:"none",envelopes:[]}},{name:"Organic Synth",generalMidi:!1,settings:{type:"FM",eqFilter:[{type:"low-pass",cutoffHz:5656.85,linearGain:.1768}],eqFilterType:!1,eqSimpleCut:10,eqSimplePeak:0,eqSubFilters0:[{type:"low-pass",cutoffHz:5656.85,linearGain:.1768}],effects:["chord type","reverb"],chord:"simultaneous",fastTwoNoteArp:!1,arpeggioSpeed:12,panDelay:10,reverb:71,fadeInSeconds:.0263,fadeOutTicks:96,algorithm:"(1 2 3)←4",feedbackType:"1⟲ 2⟲ 3⟲",feedbackAmplitude:2,operators:[{frequency:"1×",amplitude:15,waveform:"sine",pulseWidth:5},{frequency:"5×",amplitude:3,waveform:"sine",pulseWidth:5},{frequency:"8×",amplitude:7,waveform:"sine",pulseWidth:5},{frequency:"1×",amplitude:0,waveform:"sine",pulseWidth:5},{frequency:"1×",amplitude:0,waveform:"sine",pulseWidth:5},{frequency:"1×",amplitude:0,waveform:"sine",pulseWidth:5}],envelopes:[{target:"operatorAmplitude",envelope:"twang 1",index:3},{target:"noteVolume",envelope:"twang 2"}]}},{name:"Nokia Ringtone",generalMidi:!1,settings:{type:"FM",eqFilter:[],effects:["transition type","chord type"],transition:"interrupt",chord:"custom interval",fadeInSeconds:0,fadeOutTicks:-1,algorithm:"(1 2)←(3 4)",feedbackType:"1→2",feedbackAmplitude:0,operators:[{frequency:"1×",amplitude:2},{frequency:"1×",amplitude:15},{frequency:"1×",amplitude:15},{frequency:"1×",amplitude:15}],envelopes:[]}}])},{name:"AbyssBox 1.3 Presets",presets:k([{name:"Ghost House",generalMidi:!1,settings:{type:"FM",eqFilter:[],eqFilterType:!1,eqSimpleCut:10,eqSimplePeak:0,envelopeSpeed:12,discreteEnvelope:!1,eqSubFilters0:[],effects:["transition type","vibrato","bitcrusher"],transition:"normal",clicklessTransition:!1,vibrato:"heavy",vibratoDepth:.45,vibratoDelay:0,vibratoSpeed:10,vibratoType:0,bitcrusherOctave:3.5,bitcrusherQuantization:43,panDelay:10,fadeInSeconds:0,fadeOutTicks:-3,algorithm:"1←(2 3←4)",feedbackType:"1⟲",feedbackAmplitude:0,operators:[{frequency:"1×",amplitude:15,waveform:"sine",pulseWidth:5},{frequency:"1×",amplitude:4,waveform:"sine",pulseWidth:5},{frequency:"1×",amplitude:6,waveform:"sine",pulseWidth:5},{frequency:"1×",amplitude:7,waveform:"sine",pulseWidth:5},{frequency:"1×",amplitude:0,waveform:"sine",pulseWidth:5},{frequency:"1×",amplitude:0,waveform:"sine",pulseWidth:5}],envelopes:[{target:"noteVolume",envelope:"punch"}]}},{name:"Supersaw Pluck",generalMidi:!1,settings:{type:"supersaw",eqFilter:[],eqFilterType:!1,eqSimpleCut:9,eqSimplePeak:0,envelopeSpeed:12,discreteEnvelope:!1,eqSubFilters0:[],eqSubFilters1:[],effects:["chord type","note filter","chorus","echo","reverb"],chord:"simultaneous",fastTwoNoteArp:!0,arpeggioSpeed:12,noteFilterType:!0,noteSimpleCut:7,noteSimplePeak:1,noteFilter:[{type:"low-pass",cutoffHz:3828.43,linearGain:.5}],noteSubFilters1:[{type:"low-pass",cutoffHz:3828.43,linearGain:.5}],panDelay:10,chorus:14,echoSustain:29,echoDelayBeats:1,reverb:0,fadeInSeconds:0,fadeOutTicks:48,pulseWidth:40,decimalOffset:0,dynamism:67,spread:50,shape:0,envelopes:[{target:"noteFilterAllFreqs",envelope:"twang 1"}]}},{name:"Credits Bass",generalMidi:!1,settings:{type:"chip",eqFilter:[],eqFilterType:!1,eqSimpleCut:8,eqSimplePeak:0,envelopeSpeed:12,discreteEnvelope:!1,effects:["transition type","chord type","note filter"],transition:"interrupt",clicklessTransition:!1,chord:"arpeggio",fastTwoNoteArp:!0,arpeggioSpeed:9,noteFilterType:!0,noteSimpleCut:8,noteSimplePeak:0,noteFilter:[{type:"low-pass",cutoffHz:16e3,linearGain:.3536}],noteSubFilters1:[{type:"low-pass",cutoffHz:16e3,linearGain:.3536}],panDelay:10,fadeInSeconds:0,fadeOutTicks:-1,wave:"alto sax",unison:"none",isUsingAdvancedLoopControls:!1,chipWaveLoopStart:0,chipWaveLoopEnd:2,chipWaveLoopMode:0,chipWavePlayBackwards:!1,chipWaveStartOffset:0,envelopes:[{target:"noteFilterAllFreqs",envelope:"decay 1"}]}}])}]);var q=t&&t.T||function(t){var e="function"==typeof Symbol&&Symbol.iterator,n=e&&t[e],i=0;if(n)return n.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&i>=t.length&&(t=void 0),{value:t&&t[i++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")},N=t&&t.P||function(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var i,o,s=n.call(t),a=[];try{for(;(void 0===e||e-- >0)&&!(i=s.next()).done;)a.push(i.value)}catch(t){o={error:t}}finally{try{i&&!i.done&&(n=s.return)&&n.call(s)}finally{if(o)throw o.error}}return a},R=t&&t.q||function(){for(var t=[],e=0;e=t.length&&(t=void 0),{value:t&&t[i++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")},K=function(){for(var t=[],e=0;e'+t.join()+"","image/svg+xml").documentElement;null!==i.firstChild;)document.importNode(i.firstChild,!0),n.appendChild(i.firstChild);return n},Y=function(t){K[t]=function(){for(var e=[],n=0;n section > h1 > font {\n\t\t\tdisplay: none;\n\t\t\t}\n\t\t\t#text-content > section > h1 {\n\t\t\tmargin: auto;\n\t\t\tcontent: url("https://choptop84.github.io/choptop84s-image-repository/AbyssBoxFrutigerAeroThemeLogo.png");\n\t\t\t}\n\n\t\tselect.trackSelectBox {\n\t\t\tborder-image: none !important;\n\t\t}\n\n\t\t\t@font-face {\n\t\t font-family: "Frutiger";\n\t\t src:\n \t\t url("https://choptop84.github.io/choptop84s-image-repository/FrutigerLight.ttf") format("truetype") tech(color-COLRv1),\n\t\t\t}\n\n\t\t\tcanvas#oscilascopeAll {\n\t\t\t\tbackground: #2e538c !important; \n\t\t\t\tborder: 2px solid #84aef000 !important;\n\t\t\t}\n\n\t\t\t.beepboxEditor .play-pause-area div:last-child {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 144px;\n\t\t\t\theight: 32px;\n\t\t\t }\n\t\t\t .beepboxEditor .play-pause-area div:last-child::before {\n\t\t\t\tcontent: "";\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: calc(144px + 4px);\n\t\t\t\theight: calc(32px + 4px);\n\t\t\t\tbox-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), inset 0px -1px 0px 0px rgba(255, 255, 255, 0.3);\n\t\t\t\tposition: absolute;\n\t\t\t\tz-index: 1;\n\t\t\t }\n\n\t\t\tdiv.prompt.noSelection{\n\t\t\t\tbackground: linear-gradient(#84aef080, #2a3d6a80) !important; \n\t\t\t\topacity: 77;\n\t\t\t\tbackdrop-filter: blur(14px);\n\t\t\t} \n\n\t\t\tsvg#firstImage {\n\t\t\t\topacity: 50%;\n\t\t\t\t--editor-background: #84aef0;\n\t\t\t}\n\n\t\t\t/* sets background image */\n\t\t\tbody {\n\t\t\tbackground-image: url("https://choptop84.github.io/choptop84s-image-repository/frutigerbg3.jpg") !important;\n\t\t\tbackground-position: top;\n\t\t\tbackground-attachment: fixed;\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-size: cover;\n\t\t\timage-rendering: optimizeQuality !important; /* IE */ \n\t\t\t\t}\n\n\t\t\t#beepboxEditorContainer {\n\t\t\t\tbackground: linear-gradient(#eef3ff80, #395eb380) !important;\n\t\t\t\tborder-style: solid;\n \t\t\t\tborder-color: lightblue;\n\t\t\t\tpadding-bottom: 5px;\n\t\t\t\t--inverted-text: black;\n\t\t\t\tbackdrop-filter: blur(14px);\n\t\t\t\tbox-shadow: inset 0 0 2000px rgba(255, 255, 255, .5);\n\t\t\t}\n\t\t\t#text-content {\n\t\t\t\tbackground: linear-gradient(#395eb380, #03112f80);\n\t\t\t\tborder-style: solid;\n \t\t\t\tborder-color: lightblue;\n\t\t\t\t backdrop-filter: blur(14px);\n\t\t\t\t box-shadow: inset 0 0 2000px rgba(255, 255, 255, .5);\n\t\t\t}\n\n\t\t\t\t.beepboxEditor select\n\t\t\t\t{\n\t\t\t\t\tbox-shadow: 0px 1px 3px 0px rgb(0, 0, 0), inset 0px -12px 14px 0px rgba(0, 0, 0, 0.3), inset 0px -15px 0px 0px rgba(0, 0, 0, 0.2);\n\n\t\t\t\t\t--ui-widget-background: linear-gradient(#84aef0, #4f6db3) !important;\n\t\t\t\t\tborder-image-source:url("https://choptop84.github.io/choptop84s-image-repository/buttonshading.png") !important;\n\t\t\t\t\tborder-image-slice: 40 fill !important; \n \t\t\t\t\tborder-image-width: 4px !important; \n\t\t\t\t\tborder-image-repeat: stretch; \n\t\t\t\t\n\n\t\t\t\t}\n\n\t\t\t\tdiv.playback-bar-controls button.playButton, \n\t\t\t\tdiv.playback-bar-controls button.pauseButton, \n\t\t\t\tdiv.playback-bar-controls button.recordButton, \n\t\t\t\tdiv.playback-bar-controls button.stopButton, \n\t\t\t\tdiv.playback-bar-controls button.prevBarButton, \n\t\t\t\tdiv.playback-bar-controls button.nextBarButton, \n\t\t\t\tdiv.selectRow button.copyButton, \n\t\t\t\tdiv.selectRow button.pasteButton, \n\t\t\t\tdiv.editor-controls button.exportInstrumentButton, \n\t\t\t\tdiv.editor-controls button.importInstrumentButton,\n\t\t\t\tdiv.editor-controls div button.add-envelope,\n\t\t\t\tdiv.editor-controls div button.delete-envelope { \n\t\t\t\t\tbox-shadow: 0px 1px 3px 0px rgb(0, 0, 0), inset 0px -12px 14px 0px rgba(0, 0, 0, 0.3), inset 0px -15px 0px 0px rgba(0, 0, 0, 0.2);\n\n\t\t\t\t\t--ui-widget-background: linear-gradient(#84aef0, #4f6db3) !important;\n\t\t\t\t\tborder-image-source:url("https://choptop84.github.io/choptop84s-image-repository/buttonshading.png") !important;\n\t\t\t\t\tborder-image-slice: 40 fill !important; \n \t\t\t\t\tborder-image-width: 4px !important; \n\t\t\t\t\tborder-image-repeat: stretch; \n\t\t\t\t}\n\n\t\t\t\t.beepboxEditor select:focus\n\t\t\t\t{\n\t\t\t\t\tborder-image-source: none;\n\t\t\t\t\t\n\t\t\t\t\t--ui-widget-background: linear-gradient(#2a3d6a, #2a3d6a) !important;\n\t\t\t\t\tbox-shadow:\n\t\t\t\t\t\t0px 0px 1px 1px rgba(0, 0, 0, 0.7),\n\t\t\t\t\t\tinset 0px 2px 3px 0px rgba(0, 0, 0, 0.7),\n\t\t\t\t\t\tinset 0px 10px 20px 1px rgba(0, 0, 0, 0.4),\n\t\t\t\t\t\tinset 0px -1px 0px 0px rgba(255, 255, 255, 0.3)\n\t\t\t\t\t;\n\t\t\t\t}\n\n\t\t\t\t.beepboxEditor .select2-selection__rendered,\n\t\t\t\t.beepboxEditor .instrument-bar button,\n\t\t\t\t.beepboxEditor .eq-filter-type-bar button .deactivated,\n\t\t\t\t.beepboxEditor .note-filter-type-bar button .deactivated\n\t\t\t\t{\n\t\t\t\t\tbox-shadow: 0px 1px 3px 0px rgb(0, 0, 0), inset 0px -12px 14px 0px rgba(0, 0, 0, 0.3), inset 0px -15px 0px 0px rgba(0, 0, 0, 0.2);\n\t\t\t\t\t--ui-widget-background: linear-gradient(#84aef0, #4f6db3) !important;\n\n\t\t\t\t\tborder-image-source:url("https://choptop84.github.io/choptop84s-image-repository/buttonshading.png") !important;\n\t\t\t\t\tborder-image-slice: 40 fill !important; \n \t\t\t\t\tborder-image-width: 4px !important; \n\t\t\t\t\tborder-image-repeat: stretch; \n\t\t\t\t}\n\t\t\t\t.beepboxEditor button, button\n\t\t\t\t{\n\t\t\t\t\t--ui-widget-background: linear-gradient(#84aef0, #2a3d6a) !important;\n\t\t\t\t\tbox-shadow:\n\t\t\t\t\t\t0px 2px 2px 1px rgba(0, 0, 0, 0.4),\n\t\t\t\t\t\t0px 0px 1px 1px rgba(0, 0, 0, 0.7),\n\t\t\t\t\t\tinset 0px 1px 0px 0px rgba(255, 255, 255, 0.3)\n\t\t\t\t\t;\n\t\t\t\t}\n\t\t\t\t.beepboxEditor .select2-container--open .select2-selection__rendered,\n\t\t\t\t.beepboxEditor button:focus,\n\t\t\t\tbutton:focus,\n\t\t\t\t.beepboxEditor .instrument-bar .selected-instrument,\n\t\t\t\t.beepboxEditor .eq-filter-type-bar button:not(.deactivated),\n\t\t\t\t.beepboxEditor .note-filter-type-bar button:not(.deactivated)\n\t\t\t\t{\n\t\t\t\t\t--ui-widget-background: linear-gradient(#333, #444) !important;\n\t\t\t\t\tbox-shadow:\n\t\t\t\t\t\t0px 0px 1px 1px rgba(0, 0, 0, 0.7),\n\t\t\t\t\t\tinset 0px 2px 3px 0px rgba(0, 0, 0, 0.7),\n\t\t\t\t\t\tinset 0px -1px 0px 0px rgba(255, 255, 255, 0.3)\n\t\t\t\t\t;\n\t\t\t\t}\n\t\t\t\t \n\t\t\t\t.beepboxEditor .filterEditor svg,\n\t\t\t\t.beepboxEditor .fadeInOut svg,\n\t\t\t\t.beepboxEditor .harmonics svg,\n\t\t\t\t.beepboxEditor .spectrum svg\n\t\t\t\t{\n\t\t\t\t\tbackground: rgba(0, 0, 0, 0.3) !important;\n\t\t\t\t\tbox-shadow:\n\t\t\t\t\t\t0px 0px 1px 1px rgba(0, 0, 0, 0.7),\n\t\t\t\t\t\tinset 0px 2px 3px 0px rgba(0, 0, 0, 0.7),\n\t\t\t\t\t\tinset 0px -1px 0px 0px rgba(255, 255, 255, 0.3)\n\t\t\t\t\t;\n\t\t\t\t}\n\t\t\t\t \n\t\t\t\t.beepboxEditor input[type="range"]::-webkit-slider-thumb\n\t\t\t\t{\n\t\t\t\t\tbox-shadow:\n\t\t\t\t\t\t0px 2px 2px 1px rgba(0, 0, 0, 0.4),\n\t\t\t\t\t\t0px 0px 1px 1px rgba(0, 0, 0, 0.7),\n\t\t\t\t\t\tinset 0px 1px 0px 0px rgba(255, 255, 255, 1),\n\t\t\t\t\t\tinset 0px -1px 1px 0px rgba(0, 0, 0, 0.5),\n\t\t\t\t\t\tinset 0px -8px 3px rgba(0, 0, 0, 0.2)\n\t\t\t\t\t;\n\t\t\t\t}\n\t\t\t\t \n\t\t\t\t.beepboxEditor input[type="range"]::-webkit-slider-runnable-track\n\t\t\t\t{\n\t\t\t\t\tbackground: rgba(0, 0, 0, 0.2) !important;\n\t\t\t\t\tbox-shadow:\n\t\t\t\t\t\t0px 0px 1px 1px rgba(0, 0, 0, 0.2),\n\t\t\t\t\t\tinset 0px 1px 2px 0px rgba(0, 0, 0, 0.5),\n\t\t\t\t\t\tinset 0px -1px 0px 0px rgba(255, 255, 255, 0.3)\n\t\t\t\t\t;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t}\n\t\t\t\t \n\t\t\t\t.beepboxEditor input[type="range"]:focus::-webkit-slider-runnable-track\n\t\t\t\t{\n\t\t\t\t\tbackground: rgba(255, 255, 255, 0.2) !important;\n\t\t\t\t\tbox-shadow:\n\t\t\t\t\t\t0px 0px 1px 1px rgba(0, 0, 0, 0.2),\n\t\t\t\t\t\tinset 0px 1px 2px 0px rgba(0, 0, 0, 0.2),\n\t\t\t\t\t\tinset 0px -1px 0px 0px rgba(255, 255, 255, 0.3)\n\t\t\t\t\t;\n\t\t\t\t}\n\t\t\t\t \n\t\t\t\t.beepboxEditor input[type="range"]::-ms-thumb\n\t\t\t\t{\n\t\t\t\t\tbox-shadow:\n\t\t\t\t\t\t0px 2px 2px 1px rgba(0, 0, 0, 0.4),\n\t\t\t\t\t\t0px 0px 1px 1px rgba(0, 0, 0, 0.7),\n\t\t\t\t\t\tinset 0px 1px 0px 0px rgba(255, 255, 255, 1),\n\t\t\t\t\t\tinset 0px -1px 1px 0px rgba(0, 0, 0, 0.5),\n\t\t\t\t\t\tinset 0px -8px 3px rgba(0, 0, 0, 0.2)\n\t\t\t\t\t;\n\t\t\t\t}\n\t\t\t\t \n\t\t\t\t.beepboxEditor input[type="range"]::-ms-track\n\t\t\t\t{\n\t\t\t\t\tbackground: rgba(0, 0, 0, 0.2) !important;\n\t\t\t\t\tbox-shadow:\n\t\t\t\t\t\t0px 0px 1px 1px rgba(0, 0, 0, 0.2),\n\t\t\t\t\t\tinset 0px 1px 2px 0px rgba(0, 0, 0, 0.5),\n\t\t\t\t\t\tinset 0px -1px 0px 0px rgba(255, 255, 255, 0.3)\n\t\t\t\t\t;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t}\n\t\t\t\t \n\t\t\t\t.beepboxEditor input[type="range"]:focus::-ms-track\n\t\t\t\t{\n\t\t\t\t\tbackground: rgba(255, 255, 255, 0.2) !important;\n\t\t\t\t\tbox-shadow:\n\t\t\t\t\t\t0px 0px 1px 1px rgba(0, 0, 0, 0.2),\n\t\t\t\t\t\tinset 0px 1px 2px 0px rgba(0, 0, 0, 0.2),\n\t\t\t\t\t\tinset 0px -1px 0px 0px rgba(255, 255, 255, 0.3)\n\t\t\t\t\t;\n\t\t\t\t}\n\t\t\t\t \n\t\t\t\t.beepboxEditor input[type="range"]::-moz-range-thumb\n\t\t\t\t{\n\t\t\t\t\theight: 16px !important;\n\t\t\t\t\twidth: 16px !important;\n\t\t\t\t\tborder-radius: 40px !important;\n\t\t\t\t\tbox-shadow:\n\t\t\t\t\t\t0px 2px 2px 1px rgba(0, 0, 0, 0.4),\n\t\t\t\t\t\t0px 0px 1px 1px rgba(0, 0, 0, 0.7),\n\t\t\t\t\t\tinset 0px 1px 0px 0px rgba(255, 255, 255, 1),\n\t\t\t\t\t\tinset 0px -1px 1px 0px rgba(0, 0, 0, 0.5),\n\t\t\t\t\t\tinset 0px -8px 3px rgba(0, 0, 0, 0.2)\n\t\t\t\t\t;\n\t\t\t\t}\n\t\t\t\t \n\t\t\t\t.beepboxEditor input[type="range"]::-moz-range-track\n\t\t\t\t{\n\t\t\t\t\tbackground: rgba(0, 0, 0, 0.2) !important;\n\t\t\t\t\tbox-shadow:\n\t\t\t\t\t\t0px 0px 1px 1px rgba(0, 0, 0, 0.2),\n\t\t\t\t\t\tinset 0px 1px 2px 0px rgba(0, 0, 0, 0.5),\n\t\t\t\t\t\tinset 0px -1px 0px 0px rgba(255, 255, 255, 0.3)\n\t\t\t\t\t;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t}\n\t\t\t\t \n\t\t\t\t.beepboxEditor input[type="range"]:focus::-moz-range-track\n\t\t\t\t{\n\t\t\t\t\tbackground: rgba(255, 255, 255, 0.2) !important;\n\t\t\t\t\tbox-shadow:\n\t\t\t\t\t\t0px 0px 1px 1px rgba(0, 0, 0, 0.2),\n\t\t\t\t\t\tinset 0px 1px 2px 0px rgba(0, 0, 0, 0.2),\n\t\t\t\t\t\tinset 0px -1px 0px 0px rgba(255, 255, 255, 0.3)\n\t\t\t\t\t;\n\t\t\t\t}\n\t\t\t\t \n\t\t\t\t.beepboxEditor input[type="text"],\n\t\t\t\t.beepboxEditor input[type="number"]\n\t\t\t\t{\n\t\t\t\t\tborder: none !important;\n\t\t\t\t\tbackground: rgba(0, 0, 0, 0.2) !important;\n\t\t\t\t\tbox-shadow:\n\t\t\t\t\t\t0px -1px 1px 0px rgba(0, 0, 0, 0.5),\n\t\t\t\t\t\tinset 0px 1px 2px 0px rgba(0, 0, 0, 0.5),\n\t\t\t\t\t\tinset 0px -1px 0px 0px rgba(255, 255, 255, 0.3)\n\t\t\t\t\t;\n\t\t\t\t}\n\t\t\t\t \n\t\t\t\t.beepboxEditor input[type="checkbox"]\n\t\t\t\t{\n\t\t\t\t\tappearance: none;\n\t\t\t\t\tbackground: rgba(0, 0, 0, 0.3);\n\t\t\t\t\tcolor: currentColor;\n\t\t\t\t\tborder-radius: 1px;\n\t\t\t\t\twidth: 1em !important;\n\t\t\t\t\theight: 1em !important;\n\t\t\t\t\tbox-shadow:\n\t\t\t\t\t\tinset 0px 2px 3px 0px rgba(0, 0, 0, 0.7),\n\t\t\t\t\t\tinset 0px -1px 0px 0px rgba(255, 255, 255, 0.3)\n\t\t\t\t\t;\n\t\t\t\t}\n\t\t\t\t \n\t\t\t\t.beepboxEditor input[type="checkbox"]:checked\n\t\t\t\t{\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t}\n\t\t\t\t \n\t\t\t\t.beepboxEditor input[type="checkbox"]:checked:after\n\t\t\t\t{\n\t\t\t\t\twidth: 1em;\n\t\t\t\t\theight: 1em;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\tfont-size: 0.8em;\n\t\t\t\t\tcontent: "✓";\n\t\t\t\t\tcolor: currentColor;\n\t\t\t\t\ttext-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);\n\t\t\t\t}\n\n\t\t\thtml {\n \t\t \tfont-family: \'Frutiger\';\n\t\t\t}\n\n\t\t\tdiv.channelBoxLabel {\n\t\t\t\tfont-family: \'Frutiger\' !important;\n\t\t\t}\n\n\t\t\t\t/* Use this code down here when you have transparent backgrounds!!! */\n\n\t\t div.beepboxEditor.load {\n\t\t\tbackground: none !important;\n\t\t }\n\n\t\t div.noSelection {\n\t\t\tbackground: none !important;\n\t\t }\n\n\t\t .beepboxEditor .loopEditor {\n\t\t\tbackground: none !important;\n\t\t }\n\n\t\t .beepboxEditor .muteEditor {\n\t\t\tbackground: linear-gradient(#c4f0d1, #83c139) !important;\n\t\t\tborder-radius: 5px;\n\t\t\tbox-shadow: 0px 1px 1px 0px rgb(0, 0, 0), inset 0px 3px 14px 0px rgba(0, 0, 0, 0.1), inset 0px -4px 0px 0px rgba(0, 0, 0, 0.1);\n\t\t\topacity: 65%;\n\t\t }\n\n\t\t div.muteEditor div {\n\t\t\tbackground: none !important;\n\t\t\t--track-editor-bg-pitch: #1b4079;\n\t\t\t--track-editor-bg-noise: #213779;\n\t\t\t--track-editor-bg-mod: #46299e;\n\t\n\t\t\t--track-editor-bg-pitch-dim: #0c2b3e; \t\t\n\t\t\t--track-editor-bg-noise-dim: #08204f; \t\t\t\n\t\t\t--track-editor-bg-mod-dim: #26145e; \n\n\t\t }\n\n\t\t div.channelBox {\n\t\t\tborder-radius: 5px;\n\t\t }\n\t\t div.curChannelBox {\n\t\t\tborder-radius: 5px;\n\t\t }\n\n\t\t\t',Skeuomorphic:'\n\t\t:root {\n\t\t\t--page-margin: #020202;\n\t\t\t--editor-background: #1e1e1e;\n\t\t\t--hover-preview: white;\n\t\t\t--playhead: rgba(255, 255, 255, 0.9);\n\t\t\t--primary-text: white;\n\t\t\t--secondary-text: #848484;\n\t\t\t--inverted-text: black;\n\t\t\t--text-selection: rgba(119,68,255,0.99);\n\t\t\t--box-selection-fill: #044b94;\n\t\t\t--loop-accent: #74f;\n\t\t\t--link-accent: #98f;\n\t\t\t--ui-widget-background: #444;\n\t\t\t--ui-widget-focus: #555;\n\t\t\t--pitch-background: #393e4f;\n\t\t\t--tonic: #725491;\n\t\t\t--fifth-note: #54547a;\n\t\t\t--white-piano-key: #eee;\n\t\t\t--black-piano-key: #666;\n\t\t\t--white-piano-key-text: #131200;\n\t\t\t--black-piano-key-text: #fff;\n\t\t\t--use-color-formula: false;\n\t\t\t--track-editor-bg-pitch: linear-gradient(#4b5164, #3e3f48);\n\t\t\t--track-editor-bg-pitch-dim: linear-gradient(#3e3f48, #212530);\n\t\t\t--track-editor-bg-noise: linear-gradient(#3d3535,#161313);\n\t\t\t--track-editor-bg-noise-dim: linear-gradient(#161313,#0e0c0c);\n\t\t\t--track-editor-bg-mod: linear-gradient(#283560,#0a101f);\n\t\t\t--track-editor-bg-mod-dim: linear-gradient(#05080f,#0a101f);\n\t\t\t--multiplicative-mod-slider: #606c9f;\n\t\t\t--overwriting-mod-slider: #6850b5;\n\t\t\t--indicator-primary: #9c64f7;\n\t\t\t--indicator-secondary: #393e4f;\n\t\t\t--select2-opt-group: #333;\n\t\t\t--input-box-outline: #222;\n\t\t\t--mute-button-normal: #dda85d;\n\t\t\t--mute-button-mod: #886eae;\n\t\t\t--mod-label-primary: #282840;\n\t\t\t--mod-label-secondary-text: rgb(87, 86, 120);\n\t\t\t--mod-label-primary-text: white;\n\n\t\t\t--pitch1-secondary-channel: #bb1111;\n\t\t\t--pitch1-primary-channel: #ff5959;\n\t\t\t--pitch1-secondary-note: #7c0404;\n\t\t\t--pitch1-primary-note: #ffb6b6;\n\t\t\n\t\t\t--pitch2-secondary-channel: #bb5b11;\n\t\t\t--pitch2-primary-channel: #ffa159;\n\t\t\t--pitch2-secondary-note: #7c3804;\n\t\t\t--pitch2-primary-note: #ffd5b6;\n\t\t\n\t\t\t--pitch3-secondary-channel: #bba411;\n\t\t\t--pitch3-primary-channel: #ffe959;\n\t\t\t--pitch3-secondary-note: #7c6c04;\n\t\t\t--pitch3-primary-note: #fff5b6;\n\t\t\n\t\t\t--pitch4-secondary-channel: #88bb11;\n\t\t\t--pitch4-primary-channel: #cdff59;\n\t\t\t--pitch4-secondary-note: #587c04;\n\t\t\t--pitch4-primary-note: #e9ffb6;\n\t\t\n\t\t\t--pitch5-secondary-channel: #3ebb11;\n\t\t\t--pitch5-primary-channel: #85ff59;\n\t\t\t--pitch5-secondary-note: #247c04;\n\t\t\t--pitch5-primary-note: #c9ffb6;\n\t\t\n\t\t\t--pitch6-secondary-channel: #11bb2e;\n\t\t\t--pitch6-primary-channel: #59ff75;\n\t\t\t--pitch6-secondary-note: #047c18;\n\t\t\t--pitch6-primary-note: #b6ffc2;\n\t\t\n\t\t\t--pitch7-secondary-channel: #11bb77;\n\t\t\t--pitch7-primary-channel: #59ffbd;\n\t\t\t--pitch7-secondary-note: #047c4c;\n\t\t\t--pitch7-primary-note: #b6ffe2;\n\t\t\n\t\t\t--pitch8-secondary-channel: #11b5bb;\n\t\t\t--pitch8-primary-channel: #59f9ff;\n\t\t\t--pitch8-secondary-note: #04777c;\n\t\t\t--pitch8-primary-note: #b6fcff;\n\t\t\n\t\t\t--pitch9-secondary-channel: #116bbb;\n\t\t\t--pitch9-primary-channel: #59b1ff;\n\t\t\t--pitch9-secondary-note: #04437c;\n\t\t\t--pitch9-primary-note: #b6dcff;\n\t\t\n\t\t\t--pitch10-secondary-channel:#1826aa;\n\t\t\t--pitch10-primary-channel: #5161f6;\n\t\t\t--pitch10-secondary-note: #091370;\n\t\t\t--pitch10-primary-note: #adb4fd;\n\t\t\n\t\t\t--pitch11-secondary-channel:#4918aa;\n\t\t\t--pitch11-primary-channel: #8951f6;\n\t\t\t--pitch11-secondary-note: #2c0970;\n\t\t\t--pitch11-primary-note: #c8adfd;\n\t\t\n\t\t\t--pitch12-secondary-channel:#8818aa;\n\t\t\t--pitch12-primary-channel: #d051f6;\n\t\t\t--pitch12-secondary-note: #580970;\n\t\t\t--pitch12-primary-note: #ebadfd;\n\t\t\n\t\t\t--pitch13-secondary-channel:#aa188c;\n\t\t\t--pitch13-primary-channel: #f651d4;\n\t\t\t--pitch13-secondary-note: #70095b;\n\t\t\t--pitch13-primary-note: #fdadec;\n\t\t\n\t\t\t--pitch14-secondary-channel:#aa184d;\n\t\t\t--pitch14-primary-channel: #f6518d;\n\t\t\t--pitch14-secondary-note: #70092e;\n\t\t\t--pitch14-primary-note: #fdadca; \n\t\t\n\t\t\t--noise1-secondary-channel: #6F6F6F;\n\t\t\t--noise1-primary-channel: #AAAAAA;\n\t\t\t--noise1-secondary-note: #A7A7A7;\n\t\t\t--noise1-primary-note: #E0E0E0;\n\t\t\t--noise2-secondary-channel: #996633;\n\t\t\t--noise2-primary-channel: #DDAA77;\n\t\t\t--noise2-secondary-note: #CC9966;\n\t\t\t--noise2-primary-note: #F0D0BB;\n\t\t\t--noise3-secondary-channel: #4A6D8F;\n\t\t\t--noise3-primary-channel: #77AADD;\n\t\t\t--noise3-secondary-note: #6F9FCF;\n\t\t\t--noise3-primary-note: #BBD7FF;\n\t\t\t--noise4-secondary-channel: #7A4F9A;\n\t\t\t--noise4-primary-channel: #AF82D2;\n\t\t\t--noise4-secondary-note: #9E71C1;\n\t\t\t--noise4-primary-note: #D4C1EA;\n\t\t\t--noise5-secondary-channel: #607837;\n\t\t\t--noise5-primary-channel: #A2BB77;\n\t\t\t--noise5-secondary-note: #91AA66;\n\t\t\t--noise5-primary-note: #C5E2B2;\n\t\t--mod1-secondary-channel: #339955;\n\t\t\t\t--mod1-primary-channel: #77fc55;\n\t\t\t\t--mod1-secondary-note: #77ff8a;\n\t\t\t\t--mod1-primary-note: #cdffee;\n\t\t\t\t--mod2-secondary-channel: #993355;\n\t\t\t\t--mod2-primary-channel: #f04960;\n\t\t\t\t--mod2-secondary-note: #f057a0;\n\t\t\t\t--mod2-primary-note: #ffb8de;\n\t\t\t\t--mod3-secondary-channel: #553399;\n\t\t\t\t--mod3-primary-channel: #8855fc;\n\t\t\t\t--mod3-secondary-note: #aa64ff;\n\t\t\t\t--mod3-primary-note:\t #f8ddff;\n\t\t\t\t--mod4-secondary-channel: #a86436;\n\t\t\t\t--mod4-primary-channel: #c8a825;\n\t\t\t\t--mod4-secondary-note: #e8ba46;\n\t\t\t\t--mod4-primary-note: #fff6d3;\n\t\t\t--disabled-note-primary: #91879f;\n\t\t\t--disabled-note-secondary: #6a677a;\n\t\t}\n\t\t \n\t\t.curChannelBox {\n\t\t\t--pitch1-primary-channel: linear-gradient(#ff7777, #ff5959);\n\t\t\t--pitch2-primary-channel: linear-gradient(#ffaf71, #ffa159);\n\t\t\t--pitch3-primary-channel: linear-gradient(#ffee7c, #ffe959);\n\t\t\t--pitch4-primary-channel: linear-gradient(#d3fa7a, #cdff59);\n\t\t\t--pitch5-primary-channel: linear-gradient(#a4ff83, #85ff59);\n\t\t\t--pitch6-primary-channel: linear-gradient(#8aff9e, #59ff75);\n\t\t\t--pitch7-primary-channel: linear-gradient(#81ffcc, #59ffbd);\n\t\t\t--pitch8-primary-channel: linear-gradient(#59f9ff, #59f9ff);\n\t\t\t--pitch9-primary-channel: linear-gradient(#87c7ff, #59b1ff);\n\t\t\t--pitch10-primary-channel: linear-gradient(#7a87ff, #5161f6);\n\t\t\t--pitch11-primary-channel: linear-gradient(#a476ff, #8951f6);\n\t\t\t--pitch12-primary-channel: linear-gradient(#df75ff, #d051f6);\n\t\t\t--pitch13-primary-channel: linear-gradient(#ff75e3, #f651d4);\n\t\t\t--pitch14-primary-channel: linear-gradient(#ff71a5, #f6518d);\n\t\t\n\t\t\tborder-radius: 5px;\n\t\t\tbox-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.2), 0px 0px 1px 1px rgba(0, 0, 0, 0.7), inset 0px -10px 20px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);\n\t\t}\n\t\t.channelBox {\n\t\t\tborder-radius: 5px;\n\t\t\tbox-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.2), 0px 0px 1px 1px rgba(0, 0, 0, 0.7), inset 0px -10px 20px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);\n\t\t}\n\t\t\n\t\t.channelBoxLabel {\n\t\t\t--pitch1-primary-channel: #ff5959;\n\t\t\t--pitch2-primary-channel: #ffa159;\n\t\t\t--pitch3-primary-channel: #ffe959;\n\t\t\t--pitch4-primary-channel: #cdff59;\n\t\t\t--pitch5-primary-channel: #85ff59;\n\t\t\t--pitch6-primary-channel: #59ff75;\n\t\t\t--pitch7-primary-channel: #59ffbd;\n\t\t\t--pitch8-primary-channel: #59f9ff;\n\t\t\t--pitch9-primary-channel: #59b1ff;\n\t\t\t--pitch10-primary-channel: #5161f6;\n\t\t\t--pitch11-primary-channel: #8951f6;\n\t\t\t--pitch12-primary-channel: #d051f6;\n\t\t\t--pitch13-primary-channel: #f651d4;\n\t\t\t--pitch14-primary-channel: #f6518d;\n\t\t}\n\t\t\n\t\tbody {\n\t\t\tbackground-image: url(\'https://github.com/choptop84/choptop84s-image-repository/blob/main/skeuobg.png?raw=true\') !important;\n\t\t\tbackground-repeat: no-repeat !important;\n\t\t\tbackground-size: contain;\n\t\t\tfont-family: Arial, Helvetica, sans-serif;\n\t\t}\n\t\t\n\t\t#beepboxEditorContainer, .track-area, .beepboxEditor, #text-content, div.noSelection {\n\t\t\tbackground-color: #fff0 !important;\n\t\t} \n\t\t\n\t\t#pitchEditorBackground {\n\t\t\topacity: 0.5 !important;\n\t\t\tfilter: brightness(150%);\n\t\t}\n\t\t\n\t\tsvg#firstImage {\n\t\t\tbackground-image: url(\'https://github.com/choptop84/choptop84s-image-repository/blob/main/skeuobg2.png?raw=true\') !important;\n\t\t}\n\t\t\n\t\t#oscilascopeAll {\n\t\t\tmargin-left: auto;\n\t\t\tmargin-right: auto;\n\t\t\tposition: static;\n\t\t}\n\t\t \n\t\t.beepboxEditor,\n\t\t.beepboxEditor select\n\t\t{\n\t\t\ttext-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);\n\t\t}\n\t\t \n\t\t.beepboxEditor .piano-button {\n\t\t\ttext-shadow: none;\n\t\t}\n\t\t \n\t\t.beepboxEditor .prompt\n\t\t{\n\t\t\tbackground: radial-gradient(farthest-corner at 50% 0px, #2a2a2a, #1a1a1a) !important;\n\t\t}\n\t\t \n\t\t#beepboxEditorContainer {\n\t\t\tbackground-color: rgba(0, 0, 0, 0) !important;\n\t\t}\n\t\t \n\t\t.beepboxEditor .trackAndMuteContainer {\n\t\t\ttext-shadow: none;\n\t\t}\n\t\t \n\t\t.beepboxEditor .loopEditor\n\t\t{\n\t\t\t--editor-background: rgba(0, 0, 0, 0.0) !important;\n\t\t}\n\t\t \n\t\t.beepboxEditor .muteEditor\n\t\t{\n\t\t\t--editor-background: #1e1e1e !important;\n\t\t}\n\t\t \n\t\t.beepboxEditor .pattern-area\n\t\t{\n\t\t\t--editor-background: rgba(0, 0, 0, 1) !important;\n\t\t}\n\t\t \n\t\t.beepboxEditor .trackContainer svg\n\t\t{\n\t\t\t--editor-background: #111 !important;\n\t\t}\n\t\t \n\t\t.beepboxEditor .muteEditor > :last-child {\n\t\t\t--editor-background: rgba(0, 0, 0, 0) !important;\n\t\t}\n\t\t \n\t\t.beepboxEditor #octaveScrollBarContainer {\n\t\t\tbackground-color: rgba(0, 0, 0, 0.3);\n\t\t}\n\t\t \n\t\t.beepboxEditor {\n\t\t\t--track-editor-bg-pitch-dim: #1e1f28;\n\t\t}\n\t\t \n\t\t.beepboxEditor .muteButtonText {\n\t\t\ttransform: translate(0px, 1px) !important;\n\t\t\tcolor: #777 !important;\n\t\t}\n\t\t \n\t\t.beepboxEditor .instrument-bar {\n\t\t\t--text-color-lit: #eee;\n\t\t\t--text-color-dim: #777;\n\t\t}\n\t\t \n\t\t.beepboxEditor .instrument-bar .selected-instrument {\n\t\t\tcolor: rgba(255, 255, 255, 1) !important;\n\t\t\ttext-shadow: 0px 0px 4px var(--text-color-lit);\n\t\t}\n\t\t \n\t\t.beepboxEditor .instrument-bar .deactivated {\n\t\t\tcolor: rgba(0, 0, 0, 1) !important;\n\t\t\ttext-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);\n\t\t}\n\t\t \n\t\t.beepboxEditor .instrument-bar > :not(.last-button) {\n\t\t\tborder-color: var(--background-color-lit) !important;\n\t\t}\n\t\t \n\t\t.beepboxEditor .instrument-bar .selected-instrument {\n\t\t\tborder-color: rgba(255, 255, 255, 1) !important;\n\t\t}\n\t\t \n\t\t.beepboxEditor select\n\t\t{\n\t\t\tbackground: #444 !important;\n\t\t\tbox-shadow:\n\t\t\t\t0px 2px 2px 1px rgba(0, 0, 0, 0.4),\n\t\t\t\t0px 0px 1px 1px rgba(0, 0, 0, 0.7),\n\t\t\t\tinset 0px -10px 20px 1px rgba(0, 0, 0, 0.4),\n\t\t\t\tinset 0px 1px 0px 0px rgba(255, 255, 255, 0.3)\n\t\t\t;\n\t\t}\n\t\t \n\t\t.beepboxEditor select:focus\n\t\t{\n\t\t\tbackground: #333 !important;\n\t\t\tbox-shadow:\n\t\t\t\t0px 0px 1px 1px rgba(0, 0, 0, 0.7),\n\t\t\t\tinset 0px 2px 3px 0px rgba(0, 0, 0, 0.7),\n\t\t\t\tinset 0px 10px 20px 1px rgba(0, 0, 0, 0.4),\n\t\t\t\tinset 0px -1px 0px 0px rgba(255, 255, 255, 0.3)\n\t\t\t;\n\t\t}\n\t\t \n\t\t.beepboxEditor .select2-selection__rendered,\n\t\t.beepboxEditor button,\n\t\t.beepboxEditor .instrument-bar button,\n\t\t.beepboxEditor .eq-filter-type-bar button .deactivated,\n\t\t.beepboxEditor .note-filter-type-bar button .deactivated\n\t\t{\n\t\t\tbackground: linear-gradient(#444, #333) !important;\n\t\t\tbox-shadow:\n\t\t\t\t0px 2px 2px 1px rgba(0, 0, 0, 0.4),\n\t\t\t\t0px 0px 1px 1px rgba(0, 0, 0, 0.7),\n\t\t\t\tinset 0px 1px 0px 0px rgba(255, 255, 255, 0.3)\n\t\t\t;\n\t\t}\n\t\t \n\t\t.beepboxEditor .select2-container--open .select2-selection__rendered,\n\t\t.beepboxEditor button:focus,\n\t\t.beepboxEditor .instrument-bar .selected-instrument,\n\t\t.beepboxEditor .eq-filter-type-bar button:not(.deactivated),\n\t\t.beepboxEditor .note-filter-type-bar button:not(.deactivated)\n\t\t{\n\t\t\tbackground: linear-gradient(#333, #444) !important;\n\t\t\tbox-shadow:\n\t\t\t\t0px 0px 1px 1px rgba(0, 0, 0, 0.7),\n\t\t\t\tinset 0px 2px 3px 0px rgba(0, 0, 0, 0.7),\n\t\t\t\tinset 0px -1px 0px 0px rgba(255, 255, 255, 0.3)\n\t\t\t;\n\t\t}\n\t\t \n\t\t.beepboxEditor .filterEditor svg,\n\t\t.beepboxEditor .fadeInOut svg,\n\t\t.beepboxEditor .harmonics svg,\n\t\t.beepboxEditor .spectrum svg\n\t\t{\n\t\t\tbackground: rgba(0, 0, 0, 0.3) !important;\n\t\t\tbox-shadow:\n\t\t\t\t0px 0px 1px 1px rgba(0, 0, 0, 0.7),\n\t\t\t\tinset 0px 2px 3px 0px rgba(0, 0, 0, 0.7),\n\t\t\t\tinset 0px -1px 0px 0px rgba(255, 255, 255, 0.3)\n\t\t\t;\n\t\t}\n\t\t \n\t\t.beepboxEditor input[type="range"]::-webkit-slider-thumb\n\t\t{\n\t\t\tbox-shadow:\n\t\t\t\t0px 2px 2px 1px rgba(0, 0, 0, 0.4),\n\t\t\t\t0px 0px 1px 1px rgba(0, 0, 0, 0.7),\n\t\t\t\tinset 0px 1px 0px 0px rgba(255, 255, 255, 1),\n\t\t\t\tinset 0px -1px 1px 0px rgba(0, 0, 0, 0.5),\n\t\t\t\tinset 0px -8px 3px rgba(0, 0, 0, 0.2)\n\t\t\t;\n\t\t}\n\t\t \n\t\t.beepboxEditor input[type="range"]::-webkit-slider-runnable-track\n\t\t{\n\t\t\tbackground: rgba(0, 0, 0, 0.2) !important;\n\t\t\tbox-shadow:\n\t\t\t\t0px 0px 1px 1px rgba(0, 0, 0, 0.2),\n\t\t\t\tinset 0px 1px 2px 0px rgba(0, 0, 0, 0.5),\n\t\t\t\tinset 0px -1px 0px 0px rgba(255, 255, 255, 0.3)\n\t\t\t;\n\t\t\tborder-radius: 4px;\n\t\t}\n\t\t \n\t\t.beepboxEditor input[type="range"]:focus::-webkit-slider-runnable-track\n\t\t{\n\t\t\tbackground: rgba(255, 255, 255, 0.2) !important;\n\t\t\tbox-shadow:\n\t\t\t\t0px 0px 1px 1px rgba(0, 0, 0, 0.2),\n\t\t\t\tinset 0px 1px 2px 0px rgba(0, 0, 0, 0.2),\n\t\t\t\tinset 0px -1px 0px 0px rgba(255, 255, 255, 0.3)\n\t\t\t;\n\t\t}\n\t\t \n\t\t.beepboxEditor input[type="range"]::-ms-thumb\n\t\t{\n\t\t\tbox-shadow:\n\t\t\t\t0px 2px 2px 1px rgba(0, 0, 0, 0.4),\n\t\t\t\t0px 0px 1px 1px rgba(0, 0, 0, 0.7),\n\t\t\t\tinset 0px 1px 0px 0px rgba(255, 255, 255, 1),\n\t\t\t\tinset 0px -1px 1px 0px rgba(0, 0, 0, 0.5),\n\t\t\t\tinset 0px -8px 3px rgba(0, 0, 0, 0.2)\n\t\t\t;\n\t\t}\n\t\t \n\t\t.beepboxEditor input[type="range"]::-ms-track\n\t\t{\n\t\t\tbackground: rgba(0, 0, 0, 0.2) !important;\n\t\t\tbox-shadow:\n\t\t\t\t0px 0px 1px 1px rgba(0, 0, 0, 0.2),\n\t\t\t\tinset 0px 1px 2px 0px rgba(0, 0, 0, 0.5),\n\t\t\t\tinset 0px -1px 0px 0px rgba(255, 255, 255, 0.3)\n\t\t\t;\n\t\t\tborder-radius: 4px;\n\t\t}\n\t\t \n\t\t.beepboxEditor input[type="range"]:focus::-ms-track\n\t\t{\n\t\t\tbackground: rgba(255, 255, 255, 0.2) !important;\n\t\t\tbox-shadow:\n\t\t\t\t0px 0px 1px 1px rgba(0, 0, 0, 0.2),\n\t\t\t\tinset 0px 1px 2px 0px rgba(0, 0, 0, 0.2),\n\t\t\t\tinset 0px -1px 0px 0px rgba(255, 255, 255, 0.3)\n\t\t\t;\n\t\t}\n\t\t \n\t\t.beepboxEditor input[type="range"]::-moz-range-thumb\n\t\t{\n\t\t\tbox-shadow:\n\t\t\t\t0px 2px 2px 1px rgba(0, 0, 0, 0.4),\n\t\t\t\t0px 0px 1px 1px rgba(0, 0, 0, 0.7),\n\t\t\t\tinset 0px 1px 0px 0px rgba(255, 255, 255, 1),\n\t\t\t\tinset 0px -1px 1px 0px rgba(0, 0, 0, 0.5),\n\t\t\t\tinset 0px -8px 3px rgba(0, 0, 0, 0.2)\n\t\t\t;\n\t\t}\n\t\t \n\t\t.beepboxEditor input[type="range"]::-moz-range-track\n\t\t{\n\t\t\tbackground: rgba(0, 0, 0, 0.2) !important;\n\t\t\tbox-shadow:\n\t\t\t\t0px 0px 1px 1px rgba(0, 0, 0, 0.2),\n\t\t\t\tinset 0px 1px 2px 0px rgba(0, 0, 0, 0.5),\n\t\t\t\tinset 0px -1px 0px 0px rgba(255, 255, 255, 0.3)\n\t\t\t;\n\t\t\tborder-radius: 4px;\n\t\t}\n\t\t \n\t\t.beepboxEditor input[type="range"]:focus::-moz-range-track\n\t\t{\n\t\t\tbackground: rgba(255, 255, 255, 0.2) !important;\n\t\t\tbox-shadow:\n\t\t\t\t0px 0px 1px 1px rgba(0, 0, 0, 0.2),\n\t\t\t\tinset 0px 1px 2px 0px rgba(0, 0, 0, 0.2),\n\t\t\t\tinset 0px -1px 0px 0px rgba(255, 255, 255, 0.3)\n\t\t\t;\n\t\t}\n\t\t \n\t\t.beepboxEditor input[type="text"],\n\t\t.beepboxEditor input[type="number"]\n\t\t{\n\t\t\tborder: none !important;\n\t\t\tbackground: rgba(0, 0, 0, 0.2) !important;\n\t\t\tbox-shadow:\n\t\t\t\t0px -1px 1px 0px rgba(0, 0, 0, 0.5),\n\t\t\t\tinset 0px 1px 2px 0px rgba(0, 0, 0, 0.5),\n\t\t\t\tinset 0px -1px 0px 0px rgba(255, 255, 255, 0.3)\n\t\t\t;\n\t\t}\n\t\t \n\t\t.beepboxEditor input[type="checkbox"]\n\t\t{\n\t\t\tappearance: none;\n\t\t\tbackground: rgba(0, 0, 0, 0.3);\n\t\t\tcolor: currentColor;\n\t\t\tborder-radius: 1px;\n\t\t\twidth: 1em !important;\n\t\t\theight: 1em !important;\n\t\t\tbox-shadow:\n\t\t\t\tinset 0px 2px 3px 0px rgba(0, 0, 0, 0.7),\n\t\t\t\tinset 0px -1px 0px 0px rgba(255, 255, 255, 0.3)\n\t\t\t;\n\t\t}\n\t\t \n\t\t.beepboxEditor input[type="checkbox"]:checked\n\t\t{\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t}\n\t\t \n\t\t.beepboxEditor input[type="checkbox"]:checked:after\n\t\t{\n\t\t\twidth: 1em;\n\t\t\theight: 1em;\n\t\t\ttext-align: center;\n\t\t\tfont-size: 0.8em;\n\t\t\tcontent: "✓";\n\t\t\tcolor: currentColor;\n\t\t\ttext-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);\n\t\t}\n\t\t',Glyde:'\n\t :root { \n\t\t--page-margin: #000000; \n\t\t--song-player-margin: #000;\n\t\t--editor-background: #472434a8; \n\t\t--hover-preview: white; \n\t\t--playhead: rgba(255, 255, 255, 0.9); \n\t\t--primary-text: #ffe5c2; \n\t\t--secondary-text: #ffcedd; \n\t\t--inverted-text: black; \n\t\t--text-selection: rgba(119,68,255,0.99); \n\t\t--box-selection-fill: #1e0915; \n\t\t--loop-accent: #ffdeaf; \n\t\t--link-accent: #df88ff; \n\t\t--ui-widget-background: #8a516e9e; \n\t\t--ui-widget-focus: #4f152b; \n\t\t--pitch-background: #00000038; \n\t\t--tonic: #ff9db9; \n\t\t--fifth-note: #ffe1b88c; \n\t\t--white-piano-key: #ffb6ce; \n\t\t--black-piano-key: #ff7ba7; \n\t\t--use-color-formula: true; \n\t\t--track-editor-bg-pitch: #751e40; \n\t\t--track-editor-bg-pitch-dim: #4f152b; \n\t\t--track-editor-bg-noise: #751e30; \n\t\t--track-editor-bg-noise-dim: #4f152b; \n\t\t--track-editor-bg-mod: #751e29; \n\t\t--track-editor-bg-mod-dim: #4f152b; \n\t\t--multiplicative-mod-slider: #ea7d7d; \n\t\t--overwriting-mod-slider: #ffebd5; \n\t\t--indicator-primary: #ffebd5; \n\t\t--indicator-secondary: #4f152b; \n\t\t--select2-opt-group: #ffebd5; \n\t\t--input-box-outline: #a33e67; \n\t\t--mute-button-normal: #b63448; \n\t\t--mute-button-mod: #6d0f1d; \n\t\t--mod-label-primary: #2b080d; \n\t\t--mod-label-secondary-text: #421a20; \n\t\t--mod-label-primary-text: #ffc6cf; \n\t\t--progress-bar: #ffc9ff;\n\t\t--pitch-secondary-channel-hue: 60; \n\t\t--pitch-secondary-channel-sat: 23; \n\t\t--pitch-secondary-channel-sat-scale: 0.1; \n\t\t--pitch-secondary-channel-lum: 50; \n\t\t--pitch-secondary-channel-lum-scale: 0.05; \n\t\t--pitch-primary-channel-hue: 60; \n\t\t--pitch-primary-channel-hue-scale: 6.1; \n\t\t--pitch-primary-channel-sat: 75; \n\t\t--pitch-primary-channel-sat-scale: 0.1; \n\t\t--pitch-primary-channel-lum: 87.5; \n\t\t--pitch-primary-channel-lum-scale: 0.05; \n\t\t--pitch-secondary-note-hue: 60; \n\t\t--pitch-secondary-note-hue-scale: 6.1; \n\t\t--pitch-secondary-note-sat: 53.9; \n\t\t--pitch-secondary-note-sat-scale: 0.1; \n\t\t--pitch-secondary-note-lum: 65; \n\t\t--pitch-secondary-note-lum-scale: 0.05; \n\t\t--pitch-primary-note-hue: 60; \n\t\t--pitch-primary-note-hue-scale: 6.1; \n\t\t--pitch-primary-note-sat: 100; \n\t\t--pitch-primary-note-sat-scale: 0.05; \n\t\t--pitch-primary-note-lum: 95.6; \n\t\t--pitch-primary-note-lum-scale: 0.025; \n\t\t--noise-secondary-channel-hue: 0; \n\t\t--noise-secondary-channel-hue-scale: 2; \n\t\t--noise-secondary-channel-sat: 65; \n\t\t--noise-secondary-channel-sat-scale: 0; \n\t\t--noise-secondary-channel-lum: 72; \n\t\t--noise-secondary-channel-lum-scale: 0; \n\t\t--noise-primary-channel-hue: 0; \n\t\t--noise-primary-channel-hue-scale: 1; \n\t\t--noise-primary-channel-sat: 100; \n\t\t--noise-primary-channel-sat-scale: 1; \n\t\t--noise-primary-channel-lum: 93.5; \n\t\t--noise-primary-channel-lum-scale: 0; \n\t\t--noise-secondary-note-hue: 24; \n\t\t--noise-secondary-note-hue-scale: 2; \n\t\t--noise-secondary-note-sat: 100; \n\t\t--noise-secondary-note-sat-scale: 0; \n\t\t--noise-secondary-note-lum: 75; \n\t\t--noise-secondary-note-lum-scale: 0; \n\t\t--noise-primary-note-hue: 24; \n\t\t--noise-primary-note-hue-scale: 2; \n\t\t--noise-primary-note-sat: 100; \n\t\t--noise-primary-note-sat-scale: 1; \n\t\t--noise-primary-note-lum: 90; \n\t\t--noise-primary-note-lum-scale: 1; \n\t\t--mod-secondary-channel-hue: 55; \n\t\t--mod-secondary-channel-hue-scale: 1.5; \n\t\t--mod-secondary-channel-sat: 100; \n\t\t--mod-secondary-channel-sat-scale: 0; \n\t\t--mod-secondary-channel-lum: 70; \n\t\t--mod-secondary-channel-lum-scale: 0; \n\t\t--mod-primary-channel-hue: 55; \n\t\t--mod-primary-channel-hue-scale: 1.5; \n\t\t--mod-primary-channel-sat: 96; \n\t\t--mod-primary-channel-sat-scale: 0; \n\t\t--mod-primary-channel-lum: 95; \n\t\t--mod-primary-channel-lum-scale: 0; \n\t\t--mod-secondary-note-hue: 55; \n\t\t--mod-secondary-note-hue-scale: 1.5; \n\t\t--mod-secondary-note-sat: 92; \n\t\t--mod-secondary-note-sat-scale: 0; \n\t\t--mod-secondary-note-lum: 75; \n\t\t--mod-secondary-note-lum-scale: 0; \n\t\t--mod-primary-note-hue: 55; \n\t\t--mod-primary-note-hue-scale: 1.5; \n\t\t--mod-primary-note-sat: 96; \n\t\t--mod-primary-note-sat-scale: 0; \n\t\t--mod-primary-note-lum: 95; \n\t\t--mod-primary-note-lum-scale: 0; \n\t\t--note-flash: #fff; \n\t\t--note-flash-secondary: #ffffff54; }\n\t\t* {\n\t\tcursor: url("abyssbox_cursor.png"), auto !important;\n\t\t}\n\t\t\n\t\t\t@font-face {\n\t\t font-family: "Varela";\n\t\t src:\n \t\t url("https://choptop84.github.io/abyssbox-app/Varela.ttf") format("truetype") tech(color-COLRv1),\n\t\t\t}\n\n\t\t\t/* sets background image */\n\t\t\tbody {\n\t\t\tbackground-image: url("https://choptop84.github.io/choptop84s-image-repository/glydebg.png") !important;\n\t\t\tbackground-position: top right;\n\t\t\tbackground-repeat: no-repeat !important;\n\n\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t\t\t}\n\n\t\t\tdiv#beepboxEditorContainer {\n\t\t\t\tborder-style: solid;\n\t\t\t\tborder-width: 8px;\n\t\t\t\tborder-color: #4f152b;\n\t\t\t\tpadding-bottom: 5px;\n\t\t\t}\n\t\t\t\t\n\t\t\t#text-content {\n\t\t\t\tborder-style: solid;\n\t\t\t\tborder-width: 8px;\n\t\t\t\tborder-color: #4f152b;\n\t\t\t}\n\n\t\t\thtml {\n \t\t \tfont-family: \'Varela\';\n\t\t\t}\n\n\t\t\tdiv.channelBoxLabel {\n\t\t\t\tfont-family: \'Varela\' !important;\n\t\t\t}\n\n\t\t\t#firstImage {\n\t\t\t\tbackground-image: url("https://choptop84.github.io/choptop84s-image-repository/slushiepfp.PNG") !important;\n\t\t\t\tbackground-repeat: no-repeat !important;\n\t\t\t\tbackground-size: 100% 100% !important;\n\t\t\t}\n\n\t\t\t#text-content > section > h1 > font {\n\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t\t#text-content > section > h1 {\n\t\t\t\tmargin: auto;\n\t\t\t\tcontent: url("https://choptop84.github.io/choptop84s-image-repository/AbyssBoxGlydeThemeLogo.png");\n\t\t\t\t}\n\n\t\t\t\tdiv.beepboxEditor.load {\n\t\t\t\t\tbackground: none !important;\n\t\t\t\t }\n\t\t\n\t\t\t\t div.noSelection {\n\t\t\t\t\tbackground: none !important;\n\t\t\t\t }\n\t\t\n\t\t\t\t .beepboxEditor .loopEditor {\n\t\t\t\t\tbackground: none !important;\n\t\t\t\t }\n\t\t\n\t\t\t\t .beepboxEditor .muteEditor {\n\t\t\t\t\tbackground: none !important;\n\t\t\t\t }\n\t\t\n\t\t\t\t div.muteEditor div {\n\t\t\t\t\tbackground: none !important;\n\t\t\t\t }\n\n\n\t\t\t',"starry studio":'\n\t\t\t:root { \n\t\t\t\t--page-margin: black; \n\t\t\t\t--editor-background: rgba(0, 0, 0, 0.65); \n\t\t\t\t--hover-preview: #f8f8f8; \n\t\t\t\t--playhead: rgba(255, 255, 255, 0.8); \n\t\t\t\t--primary-text: #f8f8f8; \n\t\t\t\t--secondary-text: #b8b4e8; \n\t\t\t\t--inverted-text: #3b2655; \n\t\t\t\t--text-selection: rgba(124, 91, 173, 0.9); \n\t\t\t\t--box-selection-fill: #b8b4e8; \n\t\t\t\t--loop-accent: #a80a61; \n\t\t\t\t--link-accent: #a286d7; \n\t\t\t\t--ui-widget-background: #31253f; \n\t\t\t\t--ui-widget-focus: #7c5bad; \n\t\t\t\t--pitch-background: rgba(40, 40, 44, 0.5); \n\t\t\t\t--tonic: rgba(83, 81, 95, 0.5); \n\t\t\t\t--fifth-note: rgba(59, 38, 85, 0.5); \n\t\t\t\t--white-piano-key: rgb(155, 151, 166); \n\t\t\t\t--black-piano-key: #39363e; \n\t\t\t\t--white-piano-key-text: #39363e; \n\t\t\t\t--black-piano-key-text: #9b97a6; \n\t\t\t\t--use-color-formula: true; \n\t\t\t\t--track-editor-bg-pitch: #423174; \n\t\t\t\t--track-editor-bg-pitch-dim: #252335; \n\t\t\t\t--track-editor-bg-noise: #39363e; \n\t\t\t\t--track-editor-bg-noise-dim: #28282c; \n\t\t\t\t--track-editor-bg-mod: #3b2655; \n\t\t\t\t--track-editor-bg-mod-dim: #252335; \n\t\t\t\t--multiplicative-mod-slider: #168ee4; \n\t\t\t\t--overwriting-mod-slider: #2457c6; \n\t\t\t\t--indicator-primary: #f8f8f8; \n\t\t\t\t--indicator-secondary: #423174; \n\t\t\t\t--select2-opt-group: #423174; \n\t\t\t\t--input-box-outline: #3b2655; \n\t\t\t\t--mute-button-normal: #00b176; \n\t\t\t\t--mute-button-mod: #e6a418; \n\t\t\t\t--mod-label-primary: #3b2655; \n\t\t\t\t--mod-label-secondary-text: rgb(124 91 173); \n\t\t\t\t--mod-label-primary-text: #b8b4e8; \n\t\t\t\t--pitch-secondary-channel-hue: 0; \n\t\t\t\t--pitch-secondary-channel-hue-scale: 6.5; \n\t\t\t\t--pitch-secondary-channel-sat: 83.3; \n\t\t\t\t--pitch-secondary-channel-sat-scale: 0.1; \n\t\t\t\t--pitch-secondary-channel-lum: 40; \n\t\t\t\t--pitch-secondary-channel-lum-scale: 0.05; \n\t\t\t\t--pitch-primary-channel-hue: 0; \n\t\t\t\t--pitch-primary-channel-hue-scale: 6.5; \n\t\t\t\t--pitch-primary-channel-sat: 100; \n\t\t\t\t--pitch-primary-channel-sat-scale: 0.1; \n\t\t\t\t--pitch-primary-channel-lum: 67.5; \n\t\t\t\t--pitch-primary-channel-lum-scale: 0.05; \n\t\t\t\t--pitch-secondary-note-hue: 0; \n\t\t\t\t--pitch-secondary-note-hue-scale: 6.5; \n\t\t\t\t--pitch-secondary-note-sat: 93.9; \n\t\t\t\t--pitch-secondary-note-sat-scale: 0.1; \n\t\t\t\t--pitch-secondary-note-lum: 25; \n\t\t\t\t--pitch-secondary-note-lum-scale: 0.05; \n\t\t\t\t--pitch-primary-note-hue: 0; \n\t\t\t\t--pitch-primary-note-hue-scale: 6.5; \n\t\t\t\t--pitch-primary-note-sat: 100; \n\t\t\t\t--pitch-primary-note-sat-scale: 0.05; \n\t\t\t\t--pitch-primary-note-lum: 85.6; \n\t\t\t\t--pitch-primary-note-lum-scale: 0.025; \n\t\t\t\t--noise-secondary-channel-hue: 0; \n\t\t\t\t--noise-secondary-channel-hue-scale: 2; \n\t\t\t\t--noise-secondary-channel-sat: 25; \n\t\t\t\t--noise-secondary-channel-sat-scale: 0; \n\t\t\t\t--noise-secondary-channel-lum: 42; \n\t\t\t\t--noise-secondary-channel-lum-scale: 0; \n\t\t\t\t--noise-primary-channel-hue: 0; \n\t\t\t\t--noise-primary-channel-hue-scale: 2; \n\t\t\t\t--noise-primary-channel-sat: 33; \n\t\t\t\t--noise-primary-channel-sat-scale: 0; \n\t\t\t\t--noise-primary-channel-lum: 63.5; \n\t\t\t\t--noise-primary-channel-lum-scale: 0; \n\t\t\t\t--noise-secondary-note-hue: 0; \n\t\t\t\t--noise-secondary-note-hue-scale: 2; \n\t\t\t\t--noise-secondary-note-sat: 33.5; \n\t\t\t\t--noise-secondary-note-sat-scale: 0; \n\t\t\t\t--noise-secondary-note-lum: 55; \n\t\t\t\t--noise-secondary-note-lum-scale: 0; \n\t\t\t\t--noise-primary-note-hue: 0; \n\t\t\t\t--noise-primary-note-hue-scale: 2; \n\t\t\t\t--noise-primary-note-sat: 46.5; \n\t\t\t\t--noise-primary-note-sat-scale: 0; \n\t\t\t\t--noise-primary-note-lum: 74; \n\t\t\t\t--noise-primary-note-lum-scale: 0; \n\t\t\t\t--mod-secondary-channel-hue: 192; \n\t\t\t\t--mod-secondary-channel-hue-scale: 1.5; \n\t\t\t\t--mod-secondary-channel-sat: 88; \n\t\t\t\t--mod-secondary-channel-sat-scale: 0; \n\t\t\t\t--mod-secondary-channel-lum: 50; \n\t\t\t\t--mod-secondary-channel-lum-scale: 0; \n\t\t\t\t--mod-primary-channel-hue: 192; \n\t\t\t\t--mod-primary-channel-hue-scale: 1.5; \n\t\t\t\t--mod-primary-channel-sat: 96; \n\t\t\t\t--mod-primary-channel-sat-scale: 0; \n\t\t\t\t--mod-primary-channel-lum: 80; \n\t\t\t\t--mod-primary-channel-lum-scale: 0; \n\t\t\t\t--mod-secondary-note-hue: 192; \n\t\t\t\t--mod-secondary-note-hue-scale: 1.5; \n\t\t\t\t--mod-secondary-note-sat: 92; \n\t\t\t\t--mod-secondary-note-sat-scale: 0; \n\t\t\t\t--mod-secondary-note-lum: 45; \n\t\t\t\t--mod-secondary-note-lum-scale: 0; \n\t\t\t\t--mod-primary-note-hue: 192; \n\t\t\t\t--mod-primary-note-hue-scale: 1.5; \n\t\t\t\t--mod-primary-note-sat: 96; \n\t\t\t\t--mod-primary-note-sat-scale: 0; \n\t\t\t\t--mod-primary-note-lum: 85; \n\t\t\t\t--mod-primary-note-lum-scale: 0; \n\t\t\t\t--disabled-note-primary: #252a46; \n\t\t\t\t--disabled-note-secondary: #181c34; }\n\n\t\t\t\t/* sets background image */\n\t\t\t.beepboxEditor load {\n\t\t\t\tbackground: #fff0 !important;\n\t\t\t\t}\n\n\t\t\tbody {\n\t\t\tbackground-image: url("https://choptop84.github.io/choptop84s-image-repository/stars.gif") !important;\n\t\t\tbackground-repeat: repeat !important;\n\n\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t\t\t}\n\t\t\t',AWeebyssBox:'\n\t\t\t:root {\t\t\n\t\t\t--page-margin: #1e0915; \t\t\n\t\t\t--editor-background: #1e0915; \t\t\n\t\t\t--hover-preview: white; \t\t\n\t\t\t--playhead: rgba(255, 255, 255, 0.9); \t\t\n\t\t\t--primary-text: white; \t\t\n\t\t\t--secondary-text: #ffcedd; \t\t\n\t\t\t--inverted-text: black;\t \t\t\n\t\t\t--text-selection: rgba(119,68,255,0.99); \t\t\n\t\t\t--box-selection-fill: #1e0915; \t\t\n\t\t\t--loop-accent: #873a51; \t\t\n\t\t\t--link-accent: #df88ff; \t\t\n\t\t\t--ui-widget-background: #581b3e; \t\t\n\t\t\t--ui-widget-focus: #762b4c; \t\t\n\t\t\t--pitch-background: #381d2455; \t\t\n\t\t\t--tonic: #873a51; \t\t\n\t\t\t--fifth-note: #75001e; \t\t\n\t\t\t--white-piano-key: #cca5c7; \t\t\n\t\t\t--black-piano-key: #402f2f; \t\t\n\t\t\t--use-color-formula: true; \t\t\n\t\t\t--track-editor-bg-pitch: #571c40; \t\t\n\t\t\t--track-editor-bg-pitch-dim: #290d0d; \t\t\n\t\t\t--track-editor-bg-noise: #571131; \t\t\n\t\t\t--track-editor-bg-noise-dim: #330a28; \t\t\n\t\t\t--track-editor-bg-mod: #54083c; \t\t\n\t\t\t--track-editor-bg-mod-dim: #360426; \t\t\n\t\t\t--multiplicative-mod-slider: #9f6082; \t\t\n\t\t\t--overwriting-mod-slider: #9e3470; \t\t\n\t\t\t--indicator-primary: #b3498f; \t\t\n\t\t\t--indicator-secondary: #541d40; \t\t\n\t\t\t--select2-opt-group: #4f191e; \t\t\n\t\t\t--input-box-outline: #18041a; \t\t\n\t\t\t--mute-button-normal: #dd5d94;\t \t\t\n\t\t\t--mute-button-mod: #ba364c; \t\t\n\t\t\t--mod-label-primary: #541625; \t\t\n\t\t\t--mod-label-secondary-text: rgb(120, 87, 86); \n\t\t\t--mod-label-primary-text: gray; \n\t\t\t--progress-bar: #bf2c5d;\n\n\t\t\t--pitch-secondary-channel-hue: -80; \t\t\n\t\t\t--pitch-secondary-channel-hue-scale 0; \t\t\n\t\t\t--pitch-secondary-channel-sat: 43; \t\t\n\t\t\t--pitch-secondary-channel-sat-scale: 0.1; \t\t\n\t\t\t--pitch-secondary-channel-lum: 40; \t\t\n\t\t\t--pitch-secondary-channel-lum-scale: 0.05; \n\t\t\n\t\t\t--pitch-primary-channel-hue: -53; \t\t\n\t\t\t--pitch-primary-channel-hue-scale: 6.1; \t\t\n\t\t\t--pitch-primary-channel-sat: 75; \t\t\n\t\t\t--pitch-primary-channel-sat-scale: 0.1; \t\t\n\t\t\t--pitch-primary-channel-lum: 67.5; \t\t\n\t\t\t--pitch-primary-channel-lum-scale: 0.05; \t\n\t\n\t\t\t--pitch-secondary-note-hue: -34; \t\t\n\t\t\t--pitch-secondary-note-hue-scale: 6.1; \t\t\n\t\t\t--pitch-secondary-note-sat: 93.9; \t\t\n\t\t\t--pitch-secondary-note-sat-scale: 0.1; \t\t\n\t\t\t--pitch-secondary-note-lum: 25; \t\t\n\t\t\t--pitch-secondary-note-lum-scale: 0.05; \n\t\t\n\t\t\t--pitch-primary-note-hue: -53; \t\t\n\t\t\t--pitch-primary-note-hue-scale: 6.1; \t\t\n\t\t\t--pitch-primary-note-sat: 100; \t\t\n\t\t\t--pitch-primary-note-sat-scale: 0.05; \t\t\n\t\t\t--pitch-primary-note-lum: 85.6; \t\t\n\t\t\t--pitch-primary-note-lum-scale: 0.025; \n\t\t\n\t\t\t--noise-secondary-channel-hue: 0; \t\t\n\t\t\t--noise-secondary-channel-hue-scale: 2; \t\t\n\t\t\t--noise-secondary-channel-sat: 65; \t\t\n\t\t\t--noise-secondary-channel-sat-scale: 0; \t\t\n\t\t\t--noise-secondary-channel-lum: 42; \t\t\n\t\t\t--noise-secondary-channel-lum-scale: 0; \n\t\t\n\t\t\t--noise-primary-channel-hue: 0; \t\t\n\t\t\t--noise-primary-channel-hue-scale: 1; \t\t\n\t\t\t--noise-primary-channel-sat: 100; \t\t\n\t\t\t--noise-primary-channel-sat-scale: 1; \t\t\n\t\t\t--noise-primary-channel-lum: 63.5; \t\t\n\t\t\t--noise-primary-channel-lum-scale: 0; \n\t\t\n\t\t\t--noise-secondary-note-hue: 24; \t\t\n\t\t\t--noise-secondary-note-hue-scale: 2; \t\t\n\t\t\t--noise-secondary-note-sat: 100; \t\t\n\t\t\t--noise-secondary-note-sat-scale: 0; \t\t\n\t\t\t--noise-secondary-note-lum: 35; \t\t\n\t\t\t--noise-secondary-note-lum-scale: 0; \t\n\t\n\t\t\t--noise-primary-note-hue: 24; \t\t\n\t\t\t--noise-primary-note-hue-scale: 2; \t\t\n\t\t\t--noise-primary-note-sat: 100; \t\t\n\t\t\t--noise-primary-note-sat-scale: 1; \t\t\n\t\t\t--noise-primary-note-lum: 60; \t\t\n\t\t\t--noise-primary-note-lum-scale: 1; \t\n\t\n\t\t\t--mod-secondary-channel-hue: 55; \t\t\n\t\t\t--mod-secondary-channel-hue-scale: 1.5; \t\t\n\t\t\t--mod-secondary-channel-sat: 100; \t\t\n\t\t\t--mod-secondary-channel-sat-scale: 0; \t\t\n\t\t\t--mod-secondary-channel-lum: 20; \t\t\n\t\t\t--mod-secondary-channel-lum-scale: 0; \n\t\t\n\t\t\t--mod-primary-channel-hue: 55; \t\t\n\t\t\t--mod-primary-channel-hue-scale: 1.5; \t\t\n\t\t\t--mod-primary-channel-sat: 96; \t\t\n\t\t\t--mod-primary-channel-sat-scale: 0; \t\t\n\t\t\t--mod-primary-channel-lum: 50; \t\t\n\t\t\t--mod-primary-channel-lum-scale: 0; \n\t\t\n\t\t\t--mod-secondary-note-hue: 55; \t\t\n\t\t\t--mod-secondary-note-hue-scale: 1.5; \t\t\n\t\t\t--mod-secondary-note-sat: 92; \t\t\n\t\t\t--mod-secondary-note-sat-scale: 0; \t\t\n\t\t\t--mod-secondary-note-lum: 45; \t\t\n\t\t\t--mod-secondary-note-lum-scale: 0; \n\t\t\n\t\t\t--mod-primary-note-hue: 55; \t\t\n\t\t\t--mod-primary-note-hue-scale: 1.5; \t\t\n\t\t\t--mod-primary-note-sat: 96; \t\t\n\t\t\t--mod-primary-note-sat-scale: 0; \t\t\n\t\t\t--mod-primary-note-lum: 85; \t\t\n\t\t\t--mod-primary-note-lum-scale: 0; \n\t\t\t--note-flash: #ffffff;\n\t\t\t--note-flash-secondary: #ffffff77;\t\n\t\t\t\t}\n\t\t* {\n\t\tcursor: url("abyssbox_cursor.png"), auto !important;\n\t\t}\n\n\t\t\t@font-face {\n\t\t font-family: "AbyssType";\n\t\t src:\n \t\t url("abysstype.otf") format("opentype") tech(color-COLRv1),\n\t\t\t}\n\n\t\t\tbutton.envelopeDropdown, div.selectRow button:not(.copyButton,.pasteButton,.exportInstrumentButton,.importInstrumentButton) {\n\t\t\t\t--ui-widget-background: var(--editor-background) !important;\n\t\t\t\tborder-image-source: none !important;\n\t\t\t}\n\n\t\t\t#text-content {\n \t\t\t\tborder-image-source: url("https://choptop84.github.io/abyssbox-app/abyssbox_border.png");\n \t\t\t\tborder-image-slice: 4 fill; \n \t\t\t\tborder-image-width: 8px; \n\t\t\t\tborder-image-repeat: stretch; \n \t\t\t\tpadding: 12px; \n\n \t\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n \t\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n \t\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n \t\t\t\timage-rendering: pixelated !important; /* Future browsers */\n \t\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t\t\t}\n\t\t\t#beepboxEditorContainer {\n \t\t\t\tborder-image-source: url("https://choptop84.github.io/abyssbox-app/abyssbox_border.png");\n \t\t\t\tborder-image-slice: 4 fill; \n \t\t\t\tborder-image-width: 8px; \n\t\t\t\tborder-image-repeat: stretch;\n \t\t\t\tpadding: 12px;\n\n \t\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n \t\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n \t\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n \t\t\t\timage-rendering: pixelated !important; /* Future browsers */\n \t\t\t\timage-rendering: optimizeSpeed !important; /* IE */ \n\n\t\t\t\t}\n\t\t\t .beepboxEditor button, .beepboxEditor select, .beepboxEditor .select2-selection__rendered {\n \t\t\t\tborder-image-source: url("https://choptop84.github.io/abyssbox-app/abyssbox_border.png") !important;\n \t\t\t\tborder-image-slice: 4 fill !important; \n \t\t\t\tborder-image-width: 4px !important; \n\t\t\t\tborder-image-repeat: stretch !important;\n \t\t\t\tpadding: 4px !important; \n\n \t\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n \t\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n \t\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n \t\t\t\timage-rendering: pixelated !important; /* Future browsers */\n \t\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t\t\t}\n\n\t\t\t\tselect.trackSelectBox {\n\t\t\t\t\tborder-image: none !important;\n\t\t\t\t}\n\n\t\t\t\t#firstImage {\n\t\t\t\t\tbackground-image: url("https://choptop84.github.io/abyssbox-source/website/viviandbelle.png") !important;\n\t\t\t\t\tbackground-repeat: no-repeat !important;\n\t\t\t\t\tbackground-size: 100% 100% !important;\n\t\t\t\t}\n\n\n\t\t\t@font-face {\n\t\t font-family: "AbyssType_small";\n\t\t src:\n \t\t url("abysstype_small.otf") format("opentype") tech(color-COLRv1),\n\t\t\t}\n\n\t\t\thtml {\n \t\t \tfont-family: \'AbyssType\';\n\t\t\t}\n\n\t\t\tdiv.channelBoxLabel {\n\t\t\t\tfont-family: \'AbyssType_small\' !important;\n\t\t\t}\n\n\t\t \n\n\t\t\t',"Half-Life":'\n\t\t\t:root { \t\t\n\t\t\t--page-margin: #0c1012; \t\t\n\t\t\t--editor-background: #0c1012; \t\t\n\t\t\t--hover-preview: white; \t\t\n\t\t\t--playhead: rgba(255, 255, 255, 0.9); \t\t\n\t\t\t--primary-text: #ffee00; \t\t\n\t\t\t--secondary-text: #ffee00; \t\t\n\t\t\t--inverted-text: #000000;\t \t\t\n\t\t\t--text-selection: rgba(119,68,255,0.99); \t\t\n\t\t\t--box-selection-fill: #ff6f00; \t\t\n\t\t\t--loop-accent: #ff6f00; \t\t\n\t\t\t--link-accent: #ff6f00; \t\t\n\t\t\t--ui-widget-background: #36454F;\t\t\n\t\t\t--ui-widget-focus: #36454F; \t\t\n\t\t\t--pitch-background: #5e2103; \t\t\n\t\t\t--tonic: #ff6f00; \t\t\n\t\t\t--fifth-note: #963c00; \t\t\n\t\t\t--white-piano-key: #ccbca5; \t\t\n\t\t\t--black-piano-key: #40382f; \t\t\n\t\t\t--use-color-formula: true; \t\t\n\t\t\t--track-editor-bg-pitch: #7d5100; \t\t\n\t\t\t--track-editor-bg-pitch-dim: #3b2c10; \t\t\n\t\t\t--track-editor-bg-noise: #730a00; \t\t\n\t\t\t--track-editor-bg-noise-dim: #360e0b; \t\t\n\t\t\t--track-editor-bg-mod: #856f00; \t\t\n\t\t\t--track-editor-bg-mod-dim: #3b3205; \t\t\n\t\t\t--multiplicative-mod-slider: #9f8460; \t\t\n\t\t\t--overwriting-mod-slider: #9e7534; \t\t\n\t\t\t--indicator-primary: #b38949; \t\t\n\t\t\t--indicator-secondary: #543d1d; \t\t\n\t\t\t--select2-opt-group: #4f3b19; \t\t\n\t\t\t--input-box-outline: #1a0b04; \t\t\n\t\t\t--mute-button-normal: #ddac5d;\t \t\t\n\t\t\t--mute-button-mod: #ba3d36; \t\t\n\t\t\t--mod-label-primary: #542f16; \t\t\n\t\t\t--mod-label-secondary-text: rgb(120, 87, 86); \n\t\t\t--mod-label-primary-text: gray; \n\t\t\t--progress-bar: #ff6f00;\n\n\t\t\t--pitch-secondary-channel-hue: 0; \t\t\n\t\t\t--pitch-secondary-channel-hue-scale 0; \t\t\n\t\t\t--pitch-secondary-channel-sat: 43; \t\t\n\t\t\t--pitch-secondary-channel-sat-scale: 0.1; \t\t\n\t\t\t--pitch-secondary-channel-lum: 60; \t\t\n\t\t\t--pitch-secondary-channel-lum-scale: 0.05; \n\t\t\n\t\t\t--pitch-primary-channel-hue: 154; \t\t\n\t\t\t--pitch-primary-channel-hue-scale: 6.1; \t\t\n\t\t\t--pitch-primary-channel-sat: 75; \t\t\n\t\t\t--pitch-primary-channel-sat-scale: 0.1; \t\t\n\t\t\t--pitch-primary-channel-lum: 60; \t\t\n\t\t\t--pitch-primary-channel-lum-scale: 0.05; \t\n\t\n\t\t\t--pitch-secondary-note-hue: 154; \t\t\n\t\t\t--pitch-secondary-note-hue-scale: 6.1; \t\t\n\t\t\t--pitch-secondary-note-sat: 93.9; \t\t\n\t\t\t--pitch-secondary-note-sat-scale: 0.1; \t\t\n\t\t\t--pitch-secondary-note-lum: 20; \t\t\n\t\t\t--pitch-secondary-note-lum-scale: 0.05; \n\t\t\n\t\t\t--pitch-primary-note-hue: 154; \t\t\n\t\t\t--pitch-primary-note-hue-scale: 6.1; \t\t\n\t\t\t--pitch-primary-note-sat: 65; \t\t\n\t\t\t--pitch-primary-note-sat-scale: 0.05; \t\t\n\t\t\t--pitch-primary-note-lum: 60; \t\t\n\t\t\t--pitch-primary-note-lum-scale: 0.05; \n\t\t\n\t\t\t--noise-secondary-channel-hue: 0; \t\t\n\t\t\t--noise-secondary-channel-hue-scale: 2; \t\t\n\t\t\t--noise-secondary-channel-sat: 65; \t\t\n\t\t\t--noise-secondary-channel-sat-scale: 0; \t\t\n\t\t\t--noise-secondary-channel-lum: 60; \t\t\n\t\t\t--noise-secondary-channel-lum-scale: 0; \n\t\t\n\t\t\t--noise-primary-channel-hue: 0; \t\t\n\t\t\t--noise-primary-channel-hue-scale: 1; \t\t\n\t\t\t--noise-primary-channel-sat: 100; \t\t\n\t\t\t--noise-primary-channel-sat-scale: 1; \t\t\n\t\t\t--noise-primary-channel-lum: 63.5; \t\t\n\t\t\t--noise-primary-channel-lum-scale: 0; \n\t\t\n\t\t\t--noise-secondary-note-hue: 24; \t\t\n\t\t\t--noise-secondary-note-hue-scale: 2; \t\t\n\t\t\t--noise-secondary-note-sat: 100; \t\t\n\t\t\t--noise-secondary-note-sat-scale: 0; \t\t\n\t\t\t--noise-secondary-note-lum: 25; \t\t\n\t\t\t--noise-secondary-note-lum-scale: 0; \t\n\t\n\t\t\t--noise-primary-note-hue: 24; \t\t\n\t\t\t--noise-primary-note-hue-scale: 2; \t\t\n\t\t\t--noise-primary-note-sat: 75; \t\t\n\t\t\t--noise-primary-note-sat-scale: 1; \t\t\n\t\t\t--noise-primary-note-lum: 60; \t\t\n\t\t\t--noise-primary-note-lum-scale: 1; \t\n\t\n\t\t\t--mod-secondary-channel-hue: 55; \t\t\n\t\t\t--mod-secondary-channel-hue-scale: 1.5; \t\t\n\t\t\t--mod-secondary-channel-sat: 100; \t\t\n\t\t\t--mod-secondary-channel-sat-scale: 0; \t\t\n\t\t\t--mod-secondary-channel-lum: 20; \t\t\n\t\t\t--mod-secondary-channel-lum-scale: 0; \n\t\t\n\t\t\t--mod-primary-channel-hue: 55; \t\t\n\t\t\t--mod-primary-channel-hue-scale: 1.5; \t\t\n\t\t\t--mod-primary-channel-sat: 96; \t\t\n\t\t\t--mod-primary-channel-sat-scale: 0; \t\t\n\t\t\t--mod-primary-channel-lum: 50; \t\t\n\t\t\t--mod-primary-channel-lum-scale: 0; \n\t\t\n\t\t\t--mod-secondary-note-hue: 55; \t\t\n\t\t\t--mod-secondary-note-hue-scale: 1.5; \t\t\n\t\t\t--mod-secondary-note-sat: 92; \t\t\n\t\t\t--mod-secondary-note-sat-scale: 0; \t\t\n\t\t\t--mod-secondary-note-lum: 45; \t\t\n\t\t\t--mod-secondary-note-lum-scale: 0; \n\t\t\n\t\t\t--mod-primary-note-hue: 55; \t\t\n\t\t\t--mod-primary-note-hue-scale: 1.5; \t\t\n\t\t\t--mod-primary-note-sat: 96; \t\t\n\t\t\t--mod-primary-note-sat-scale: 0; \t\t\n\t\t\t--mod-primary-note-lum: 85; \t\t\n\t\t\t--mod-primary-note-lum-scale: 0; \n\t\t\t--note-flash: #ffffff;\n\t\t\t--note-flash-secondary: #ffffff77;\t\n\t\t\t\t}\n\t\t/* replaces hotdog (in a hacky way) with an image of gordon freeman but really wide*/\n\t\t#Hotdog {\n\t\tdisplay: none;\n\t\t}\n\t\t.instructions-column > section:first-of-type > p:first-of-type:after {\n\t\tdisplay: block;\n\t\tcontent: url("wide-gordon.png");\n\t\twidth: inherit;\n\t\theight: contain;\n\t\ttext-align: center;\n\t\tmargin-top: 25px;\n\t\t}\n\t\t/* sets background image */\n\t\tbody {\n\t\tbackground-image: url("https://choptop84.github.io/abyssbox-source/website/lambda.png") !important;\n\t\tbackground-size: cover !important;\n\t\tbackground-position: center !important;\n\t\tbackground-repeat: no-repeat !important;\n\t\t\t}\n\t\t\t/* make editor background transparent */\n\t\t#beepboxEditorContainer, .beepboxEditor, #text-content {\n\t\t}\n\n\t\t\t@font-face {\n\t\t font-family: "trebuc";\n\t\t src:\n \t\t url("trebuc.otf") format("opentype") tech(color-COLRv1),\n\t\t\t}\n\n\t\t\thtml {\n \t\t font-family: \'trebuc\';\n\t\t\t}\n\t\t\tdiv.channelBoxLabel {\n\t\t\t\tfont-family: \'trebuc\' !important;\n\t\t\t}\n\n\t\t\t.modTitle::before {\n\t\t\t\tcontent: "λbyssBox" !important;\n\t\t\t}\n\n\t\t\t',"Half-Life: Source":'\n\t\t\t:root { \t\t\n\t\t\t--page-margin: #0c1012; \t\t\n\t\t\t--editor-background: #0c1012; \t\t\n\t\t\t--hover-preview: white; \t\t\n\t\t\t--playhead: rgba(255, 255, 255, 0.9); \t\t\n\t\t\t--primary-text: #ffee00; \t\t\n\t\t\t--secondary-text: #ffee00; \t\t\n\t\t\t--inverted-text: #000000;\t \t\t\n\t\t\t--text-selection: rgba(119,68,255,0.99); \t\t\n\t\t\t--box-selection-fill: #ff6f00; \t\t\n\t\t\t--loop-accent: #ff6f00; \t\t\n\t\t\t--link-accent: #ff6f00; \t\t\n\t\t\t--ui-widget-background: #36454F;\t\t\n\t\t\t--ui-widget-focus: #36454F; \t\t\n\t\t\t--pitch-background: #5e2103; \t\t\n\t\t\t--tonic: #ff6f00; \t\t\n\t\t\t--fifth-note: #963c00; \t\t\n\t\t\t--white-piano-key: #ccbca5; \t\t\n\t\t\t--black-piano-key: #40382f; \t\t\n\t\t\t--use-color-formula: true; \t\t\n\t\t\t--track-editor-bg-pitch: #7d5100; \t\t\n\t\t\t--track-editor-bg-pitch-dim: #3b2c10; \t\t\n\t\t\t--track-editor-bg-noise: #730a00; \t\t\n\t\t\t--track-editor-bg-noise-dim: #360e0b; \t\t\n\t\t\t--track-editor-bg-mod: #856f00; \t\t\n\t\t\t--track-editor-bg-mod-dim: #3b3205; \t\t\n\t\t\t--multiplicative-mod-slider: #9f8460; \t\t\n\t\t\t--overwriting-mod-slider: #9e7534; \t\t\n\t\t\t--indicator-primary: #b38949; \t\t\n\t\t\t--indicator-secondary: #543d1d; \t\t\n\t\t\t--select2-opt-group: #4f3b19; \t\t\n\t\t\t--input-box-outline: #1a0b04; \t\t\n\t\t\t--mute-button-normal: #ddac5d;\t \t\t\n\t\t\t--mute-button-mod: #ba3d36; \t\t\n\t\t\t--mod-label-primary: #542f16; \t\t\n\t\t\t--mod-label-secondary-text: rgb(120, 87, 86); \n\t\t\t--mod-label-primary-text: gray; \n\t\t\t--progress-bar: #ff6f00;\n\n\t\t\t--pitch-secondary-channel-hue: 0; \t\t\n\t\t\t--pitch-secondary-channel-hue-scale 0; \t\t\n\t\t\t--pitch-secondary-channel-sat: 43; \t\t\n\t\t\t--pitch-secondary-channel-sat-scale: 0.1; \t\t\n\t\t\t--pitch-secondary-channel-lum: 60; \t\t\n\t\t\t--pitch-secondary-channel-lum-scale: 0.05; \n\t\t\n\t\t\t--pitch-primary-channel-hue: 154; \t\t\n\t\t\t--pitch-primary-channel-hue-scale: 6.1; \t\t\n\t\t\t--pitch-primary-channel-sat: 75; \t\t\n\t\t\t--pitch-primary-channel-sat-scale: 0.1; \t\t\n\t\t\t--pitch-primary-channel-lum: 60; \t\t\n\t\t\t--pitch-primary-channel-lum-scale: 0.05; \t\n\t\n\t\t\t--pitch-secondary-note-hue: 154; \t\t\n\t\t\t--pitch-secondary-note-hue-scale: 6.1; \t\t\n\t\t\t--pitch-secondary-note-sat: 93.9; \t\t\n\t\t\t--pitch-secondary-note-sat-scale: 0.1; \t\t\n\t\t\t--pitch-secondary-note-lum: 20; \t\t\n\t\t\t--pitch-secondary-note-lum-scale: 0.05; \n\t\t\n\t\t\t--pitch-primary-note-hue: 154; \t\t\n\t\t\t--pitch-primary-note-hue-scale: 6.1; \t\t\n\t\t\t--pitch-primary-note-sat: 65; \t\t\n\t\t\t--pitch-primary-note-sat-scale: 0.05; \t\t\n\t\t\t--pitch-primary-note-lum: 60; \t\t\n\t\t\t--pitch-primary-note-lum-scale: 0.05; \n\t\t\n\t\t\t--noise-secondary-channel-hue: 0; \t\t\n\t\t\t--noise-secondary-channel-hue-scale: 2; \t\t\n\t\t\t--noise-secondary-channel-sat: 65; \t\t\n\t\t\t--noise-secondary-channel-sat-scale: 0; \t\t\n\t\t\t--noise-secondary-channel-lum: 60; \t\t\n\t\t\t--noise-secondary-channel-lum-scale: 0; \n\t\t\n\t\t\t--noise-primary-channel-hue: 0; \t\t\n\t\t\t--noise-primary-channel-hue-scale: 1; \t\t\n\t\t\t--noise-primary-channel-sat: 100; \t\t\n\t\t\t--noise-primary-channel-sat-scale: 1; \t\t\n\t\t\t--noise-primary-channel-lum: 63.5; \t\t\n\t\t\t--noise-primary-channel-lum-scale: 0; \n\t\t\n\t\t\t--noise-secondary-note-hue: 24; \t\t\n\t\t\t--noise-secondary-note-hue-scale: 2; \t\t\n\t\t\t--noise-secondary-note-sat: 100; \t\t\n\t\t\t--noise-secondary-note-sat-scale: 0; \t\t\n\t\t\t--noise-secondary-note-lum: 25; \t\t\n\t\t\t--noise-secondary-note-lum-scale: 0; \t\n\t\n\t\t\t--noise-primary-note-hue: 24; \t\t\n\t\t\t--noise-primary-note-hue-scale: 2; \t\t\n\t\t\t--noise-primary-note-sat: 75; \t\t\n\t\t\t--noise-primary-note-sat-scale: 1; \t\t\n\t\t\t--noise-primary-note-lum: 60; \t\t\n\t\t\t--noise-primary-note-lum-scale: 1; \t\n\t\n\t\t\t--mod-secondary-channel-hue: 55; \t\t\n\t\t\t--mod-secondary-channel-hue-scale: 1.5; \t\t\n\t\t\t--mod-secondary-channel-sat: 100; \t\t\n\t\t\t--mod-secondary-channel-sat-scale: 0; \t\t\n\t\t\t--mod-secondary-channel-lum: 20; \t\t\n\t\t\t--mod-secondary-channel-lum-scale: 0; \n\t\t\n\t\t\t--mod-primary-channel-hue: 55; \t\t\n\t\t\t--mod-primary-channel-hue-scale: 1.5; \t\t\n\t\t\t--mod-primary-channel-sat: 96; \t\t\n\t\t\t--mod-primary-channel-sat-scale: 0; \t\t\n\t\t\t--mod-primary-channel-lum: 50; \t\t\n\t\t\t--mod-primary-channel-lum-scale: 0; \n\t\t\n\t\t\t--mod-secondary-note-hue: 55; \t\t\n\t\t\t--mod-secondary-note-hue-scale: 1.5; \t\t\n\t\t\t--mod-secondary-note-sat: 92; \t\t\n\t\t\t--mod-secondary-note-sat-scale: 0; \t\t\n\t\t\t--mod-secondary-note-lum: 45; \t\t\n\t\t\t--mod-secondary-note-lum-scale: 0; \n\t\t\n\t\t\t--mod-primary-note-hue: 55; \t\t\n\t\t\t--mod-primary-note-hue-scale: 1.5; \t\t\n\t\t\t--mod-primary-note-sat: 96; \t\t\n\t\t\t--mod-primary-note-sat-scale: 0; \t\t\n\t\t\t--mod-primary-note-lum: 85; \t\t\n\t\t\t--mod-primary-note-lum-scale: 0; \n\t\t\t--note-flash: #ffffff;\n\t\t\t--note-flash-secondary: #ffffff77;\t\n\t\t\t\t}\n\t\t/* replaces hotdog (in a hacky way) with an image of gordon freeman but really wide*/\n\t\t#Hotdog {\n\t\tdisplay: none;\n\t\t}\n\t\t.instructions-column > section:first-of-type > p:first-of-type:after {\n\t\tdisplay: block;\n\t\tcontent: url("wide-gordon.png");\n\t\twidth: inherit;\n\t\theight: contain;\n\t\ttext-align: center;\n\t\tmargin-top: 25px;\n\t\t}\n\t\t/* sets background image */\n\t\tbody {\n\t\tbackground-image: url("https://choptop84.github.io/abyssbox-source/website/lambda.png") !important;\n\t\tbackground-position: center;\n\t\tbackground-repeat: repeat;\n\t\t\t}\n\t\t\t/* make editor background transparent */\n\t\t#beepboxEditorContainer, .beepboxEditor, #text-content {\n\t\t}\n\n\t\t\t@font-face {\n\t\t font-family: "trebuc";\n\t\t src:\n \t\t url("trebuc.otf") format("opentype") tech(color-COLRv1),\n\t\t\t}\n\n\t\t\tdiv.prompt.noSelection {\n\t\t\t\tleft: 636px !important;\n\t\t\t}\n\n\t\t\t#beepboxEditorContainer {\n\t\t\t\tpadding-top: 20px;\n\t\t\t}\n\n\t\t\tdiv.beepboxEditor.load {\n\t\t\t\twidth: 50%;\n\t\t\t}\n\n\t\t\t#text-content {\n\t\t\t\toverflow: visible;\n\t\t\t\twidth: 20% !important;\n\t\t\t}\n\n\t\t\thtml {\n \t\t font-family: \'trebuc\';\n\t\t\t}\n\t\t\tdiv.channelBoxLabel {\n\t\t\t\tfont-family: \'trebuc\' !important;\n\t\t\t}\n\n\t\t\t.modTitle::before {\n\t\t\t\tcontent: "λbyssBox: Source" !important;\n\t\t\t}\n\n\t\t\t',Scratch:'\n\t\t:root {\n\t\t\t--page-margin: #4d97ff40;\n\t\t\t--editor-background: #f6e5fa;\n\t\t\t--hover-preview: #ff9900;\n\t\t\t--playhead: #4cbf56;\n\t\t\t--primary-text: #fff;\n\t\t\t--secondary-text: #000;\n\t\t\t--inverted-text: #fff;\n\t\t\t--text-selection: rgba(255, 255, 255, 0.99);\n\t\t\t--box-selection-fill: #7725ff;\n\t\t\t--loop-accent: #ffab19;\n\t\t\t--link-accent: #ff9900;\n\t\t\t--ui-widget-background: #855cd6;\n\t\t\t--ui-widget-focus: #ff661a;\n\t\t\t--pitch-background: #fff;\n\t\t\t--tonic: #855cd6;\n\t\t\t--fifth-note: #7e7e7e;\n\t\t\t--use-color-formula: false;\n\t\t\t--track-editor-bg-pitch: #fff;\n\t\t\t--track-editor-bg-pitch-dim: #c7c7c7;\n\t\t\t--track-editor-bg-noise: #4d97ff40;\n\t\t\t--track-editor-bg-noise-dim: #1c54a3b0;\n\t\t\t--track-editor-bg-mod: #855cd6;\n\t\t\t--track-editor-bg-mod-dim: #503389;\n\t\t\t--multiplicative-mod-slider: #ff6680;\n\t\t\t--overwriting-mod-slider: #ff3355;\n\t\t\t--indicator-primary: #855cd6;\n\t\t\t--indicator-secondary: #cecece;\n\t\t\t--select2-opt-group: #5a3b98;\n\t\t\t--input-box-outline: #626262;\n\t\t\t--mute-button-normal: #cf63cf;\n\t\t\t--mute-button-mod: #cf63cf;\n\t\t\t--mod-label-primary: #ff3355;\n\t\t\t--white-piano-key: #fff;\n\t\t\t--black-piano-key: #000;\n\t\t\t--white-piano-key-text: #000;\n\t\t\t--black-piano-key-text: #fff;\n\t\t\t--note-flash: #4cbf56;\n\t\t\t--note-flash-secondary: #b84848;\n\t\t\t--oscilloscope-line-L: #d587e6;\n\t\t\t--oscilloscope-line-R: #b11cc7;\n\t\t\t--pitch1-secondary-channel: #3373cc;\n\t\t\t--pitch1-primary-channel: #4c97ff;\n\t\t\t--pitch1-secondary-note: #3373cc;\n\t\t\t--pitch1-primary-note: #4c97ff;\n\t\t\t--pitch2-secondary-channel: #774dcb;\n\t\t\t--pitch2-primary-channel: #9966ff;\n\t\t\t--pitch2-secondary-note: #774dcb;\n\t\t\t--pitch2-primary-note: #9966ff;\n\t\t\t--pitch3-secondary-channel: #bd42bd;\n\t\t\t--pitch3-primary-channel: #cf63cf;\n\t\t\t--pitch3-secondary-note: #bd42bd;\n\t\t\t--pitch3-primary-note: #cf63cf;\n\t\t\t--pitch4-secondary-channel: #cc9900;\n\t\t\t--pitch4-primary-channel: #ffbf00;\n\t\t\t--pitch4-secondary-note: #cc9900;\n\t\t\t--pitch4-primary-note: #ffbf00;\n\t\t\t--pitch5-secondary-channel: #cf8b17;\n\t\t\t--pitch5-primary-channel: #ffab19;\n\t\t\t--pitch5-secondary-note: #cf8b17;\n\t\t\t--pitch5-primary-note: #ffab19;\n\t\t\t--pitch6-secondary-channel: #2e8eb8;\n\t\t\t--pitch6-primary-channel: #5cb1d6;\n\t\t\t--pitch6-secondary-note: #2e8eb8;\n\t\t\t--pitch6-primary-note: #5cb1d6;\n\t\t\t--pitch7-secondary-channel: #389438;\n\t\t\t--pitch7-primary-channel: #59c059;\n\t\t\t--pitch7-secondary-note: #389438;\n\t\t\t--pitch7-primary-note: #59c059;\n\t\t\t--pitch8-secondary-channel: #db6e00;\n\t\t\t--pitch8-primary-channel: #ff8c1a;\n\t\t\t--pitch8-secondary-note: #db6e00;\n\t\t\t--pitch8-primary-note: #ff8c1a;\n\t\t\t--pitch9-secondary-channel: #ff3355;\n\t\t\t--pitch9-primary-channel: #ff6680;\n\t\t\t--pitch9-secondary-note: #ff3355;\n\t\t\t--pitch9-primary-note: #ff6680;\n\t\t\t--pitch10-secondary-channel: #0b8e69;\n\t\t\t--pitch10-primary-channel: #0fbd8c;\n\t\t\t--pitch10-secondary-note: #0b8e69;\n\t\t\t--pitch10-primary-note: #0fbd8c;\n\t\t\t--noise1-secondary-channel: #ef3d23;\n\t\t\t--noise1-primary-channel: #fcf9ce;\n\t\t\t--noise1-secondary-note: #ef3d23;\n\t\t\t--noise1-primary-note: #fcf9ce;\n\t\t\t--noise2-secondary-channel: #dd002b;\n\t\t\t--noise2-primary-channel: #f73d61;\n\t\t\t--noise2-secondary-note: #dd002b;\n\t\t\t--noise2-primary-note: #f73d61;\n\t\t\t--noise3-secondary-channel: #d0e9ea;\n\t\t\t--noise3-primary-channel: #f3ffff;\n\t\t\t--noise3-secondary-note: #d0e9ea;\n\t\t\t--noise3-primary-note: #f3ffff;\n\t\t\t--noise4-secondary-channel: #ed9b24;\n\t\t\t--noise4-primary-channel: #ffc941;\n\t\t\t--noise4-secondary-note: #ed9b24;\n\t\t\t--noise4-primary-note: #ffc941;\n\t\t\t--noise5-secondary-channel: #663b00;\n\t\t\t--noise5-primary-channel: #ffe9cc;\n\t\t\t--noise5-secondary-note: #663b00;\n\t\t\t--noise5-primary-note: #ffe9cc;\n\t\t\t--mod1-secondary-channel: #001026;\n\t\t\t--mod1-primary-channel: #ffab19;\n\t\t\t--mod1-secondary-note: #001026;\n\t\t\t--mod1-primary-note: #ffab19;\n\t\t\t--mod2-secondary-channel: #603813;\n\t\t\t--mod2-primary-channel: #ffc93e;\n\t\t\t--mod2-secondary-note: #603813;\n\t\t\t--mod2-primary-note: #ffc93e;\n\t\t\t--mod3-secondary-channel: #1b75bb;\n\t\t\t--mod3-primary-channel: #e6e7e8;\n\t\t\t--mod3-secondary-note: #1b75bb;\n\t\t\t--mod3-primary-note: #e6e7e8;\n\t\t\t--mod4-secondary-channel: #404041;\n\t\t\t--mod4-primary-channel: #f05a28;\n\t\t\t--mod4-secondary-note: #404041;\n\t\t\t--mod4-primary-note: #f05a28;\n\t\t\t--disabled-note-primary: #ff6680;\n\t\t\t--disabled-note-secondary: #ff3355;\n\t\t }\n\t\t * {\n\t\t --play-symbol:url("https://choptop84.github.io/choptop84s-image-repository/Greenflag.png");\n\t\t --pause-symbol:url("https://choptop84.github.io/choptop84s-image-repository/stopsign.png");\n\t\t --stop-symbol:url("https://choptop84.github.io/choptop84s-image-repository/stopsign.png");\n\t\t }\n\n\t\tdiv.promptContainerBG {\n\t\t\tbackground-color: var(--editor-background) !important;\n\t\t\tbackdrop-filter: unset !important;\n\t\t\topacity: 0.5 !important;\n\t\t}\n\n\t\t button.playButton::before {\n\n\t\t\tbackground-image: url("https://choptop84.github.io/choptop84s-image-repository/Greenflag.png") !important;\n\t\t\tbackground-size: 18px !important;\n\t\t\tbackground-position: center !important;\n\t\t\tbackground-repeat: no-repeat !important;\n\t\t\tmask-size: 800px;\n\t\t\tcolor: #fff0;\n\t\t\t/* Hold on, before you start asking: "WHAT THE? WHY IS THE ICON SO LARGE!!!" Let me tell ya that this method removes all the filtering issues on the png and it looks incredibly seemless so shush */\n\n\t\t}\n\n\t\tbutton.pauseButton::before {\n\n\t\t\tbackground-image: url("https://choptop84.github.io/choptop84s-image-repository/stopsign.png") !important;\n\t\t\tbackground-size: 18px !important;\n\t\t\tbackground-position: center !important;\n\t\t\tbackground-repeat: no-repeat !important;\n\t\t\tmask-size: 800px;\n\t\t\tcolor: #fff0;\n\t\t}\n\n\t\tbutton.stopButton::before {\n\n\t\t\tbackground-image: url("https://choptop84.github.io/choptop84s-image-repository/stopsign.png") !important;\n\t\t\tbackground-size: 18px !important;\n\t\t\tbackground-position: center !important;\n\t\t\tbackground-repeat: no-repeat !important;\n\t\t\tmask-size: 800px;\n\t\t\tcolor: #fff0;\n\t\t}\n\n\t\t #text-content > section > h1 {\n\t\t\tmargin: auto;\n\t\t\tcontent: url("https://file.garden/ZMQ0Om5nmTe-x2hq/AbyssBox%20Scratch%20Logo3.png");\n\t\t }\n\t\t .beepboxEditor,\n\t\t #beepboxEditorContainer {\n\t\t\tbackground-color: rgb(255, 255, 255) !important;\n\t\t\tborder-radius: 6px;\n\t\t\tbox-shadow: 0px 0px 0px 4px rgba(158, 158, 158, 0.91);\n\t\t }\n\t\t .beepboxEditor .loopEditor {\n\t\t\t--editor-background: #4d97ff40 !important;\n\t\t\tborder-radius: 3px;\n\t\t }\n\t\t .beepboxEditor .muteEditor {\n\t\t\t--editor-background: #4d97ff40 !important;\n\t\t\tborder-radius: 0px;\n\t\t\theight: 158px;\n\t\t }\n\t\t .beepboxEditor .pattern-area {\n\t\t\t--editor-background: #4d97ff40 !important;\n\t\t\tborder-radius: 3px;\n\t\t }\n\t\t .beepboxEditor .trackContainer svg {\n\t\t\t--editor-background: #3100ff !important;\n\t\t }\n\t\t .beepboxEditor .muteEditor > :last-child {\n\t\t\t--editor-background: #4d97ff40 !important;\n\t\t }\n\t\t .beepboxEditor #octaveScrollBarContainer {\n\t\t\tbackground-color: #4d97ff40;\n\t\t }\n\t\t .beepboxEditor .muteButtonText {\n\t\t\ttransform: translate(0px, 1px) !important;\n\t\t\tcolor: #777 !important;\n\t\t }\n\t\t .beepboxEditor .instrument-bar {\n\t\t\t--text-color-lit: #fff !important;\n\t\t\t--text-color-dim: #4c4c4c !important;\n\t\t }\n\t\t .beepboxEditor .instrument-bar .selected-instrument {\n\t\t\tcolor: rgb(0, 0, 0) !important;\n\t\t\ttext-shadow: 0px 0px 4px var(--text-color-lit);\n\t\t }\n\t\t .beepboxEditor .instrument-bar .deactivated {\n\t\t\tcolor: rgba(0, 0, 0, 1) !important;\n\t\t\ttext-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);\n\t\t }\n\t\t .beepboxEditor .instrument-bar > :not(.last-button) {\n\t\t\tborder-color: var(--background-color-lit) !important;\n\t\t }\n\t\t .beepboxEditor .instrument-bar .selected-instrument {\n\t\t\tborder-color: rgba(255, 255, 255, 1) !important;\n\t\t }\n\t\t .beepboxEditor button, button {\n\t\t\tcolor: #fff;\n\t\t\tbackground: #3c236f;\n\t\t }\n\t\t .beepboxEditor .instrument-bar .selected-instrument,\n\t\t .beepboxEditor .filterEditor svg,\n\t\t .beepboxEditor .fadeInOut svg,\n\t\t .beepboxEditor .harmonics svg,\n\t\t .beepboxEditor .spectrum svg {\n\t\t\tbackground: rgb(255, 255, 255) !important;\n\t\t\tbox-shadow:\n\t\t\t 0px 0px 1px 1px rgba(0, 0, 0, 0.7),\n\t\t\t inset 0px 2px 3px 0px rgba(0, 0, 0, 0.7),\n\t\t\t inset 0px -1px 0px 0px rgba(255, 255, 255, 0.3);\n\t\t }\n\t\t .beepboxEditor input[type="range"]::-webkit-slider-thumb {\n\t\t\tbackground: #000000 !important;\n\t\t }\n\t\t .beepboxEditor input[type="range"]::-moz-range-thumb {\n\t\t\tbackground: #000000 !important;\n\t\t }\n\t\t .beepboxEditor input[type="range"]::-webkit-slider-runnable-track {\n\t\t\tbackground: rgb(127, 127, 127) !important;\n\t\t }\n\t\t .beepboxEditor input[type="range"]::-moz-range-track {\n\t\t\tbackground: rgb(127, 127, 127) !important;\n\t\t }\n\t\t .beepboxEditor input[type="range"]::-webkit-slider-runnable-track::focus {\n\t\t\tbackground: rgba(255, 255, 255, 0.2) !important;\n\t\t\tbox-shadow:\n\t\t\t 0px 0px 1px 1px rgba(0, 0, 0, 0.2),\n\t\t\t inset 0px 1px 2px 0px rgba(0, 0, 0, 0.2),\n\t\t\t inset 0px -1px 0px 0px rgba(255, 255, 255, 0.3);\n\t\t }\n\t\t .beepboxEditor input[type="range"]::-moz-range-track::focus {\n\t\t\tbackground: rgba(255, 255, 255, 0.2) !important;\n\t\t\tbox-shadow:\n\t\t\t 0px 0px 1px 1px rgba(0, 0, 0, 0.2),\n\t\t\t inset 0px 1px 2px 0px rgba(0, 0, 0, 0.2),\n\t\t\t inset 0px -1px 0px 0px rgba(255, 255, 255, 0.3);\n\t\t }\n\t\t .beepboxEditor input[type="text"],\n\t\t .beepboxEditor input[type="number"] {\n\t\t\tfont-size: inherit !important;\n\t\t\tfont-weight: bold !important;\n\t\t\tfont-family: inherit !important;\n\t\t\tbackground: #ff8c1a !important;\n\t\t\ttext-align: center !important;\n\t\t\tborder: 1px solid var(--input-box-outline);\n\t\t\tcolor: #fff !important;\n\t\t\tbox-shadow: 0px 0px 0px 1px rgb(134, 134, 134) !important;\n\t\t }\n\t\t .beepboxEditor .prompt {\n\t\t\t--primary-text: #fff;\n\t\t\t--secondary-text: #fff;\n\t\t\t--ui-widget-background: #351f5f;\n\t\t\tcolor: #fff !important;\n\t\t\tbackground: #855cd6 !important;\n\t\t }\n\t\t .beepboxEditor .trackContainer {\n\t\t\t--editor-background: #fff;\n\t\t }\n\t\t #text-content {\n\t\t\tcolor: #fff;\n\t\t\tbackground: #855cd6;\n\t\t }\n\t\t body:not(#secondImage) {\n\t\t\tbackground-image: url("https://cdn.scratch.mit.edu/scratchr2/static/__74e70580e9dbe93ce1c3f8422dde592d__/images/scratch-bg.png");\n\t\t }\n\t\t body:not(#secondImage) input {\n\t\t\t--primary-text: #000;\n\t\t }\n\t\t body:not(#secondImage) h1 {\n\t\t\tcolor: #000;\n\t\t }\n\t\t button.copyButton,\n\t\t button.pasteButton,\n\t\t button.exportInstrumentButton,\n\t\t button.importInstrumentButton, \n\t\t button.addEnvelope,\n\t\t div.editor-controls div button,\n\t\t div.selectRow button,\n\t\t div.effects-menu button,\n\t\t div.effects-menu::before,\n\t\t div.selectContainer select,\n\t\t div.selectContainer::after,\n\t\t span#select2-pitchPresetSelect-container {\n\t\t\tcolor: white !important;\n\t\t }\n\t\t div#text-content {\n\t\t\tpadding-top: 15px;\n\t\t }\n\t\t div#beepboxEditorContainer{\n\t\t\tpadding-bottom: 15px;\n\t\t }\n\t\t div.channelBox {\n\t\t\tborder-radius: 5px;\n\t\t }\n\t\t div.curChannelBox {\n\t\t\tborder-radius: 5px;\n\t\t }\n\t\t div.muteEditor {\n\t\t\tborder-radius: 0px !important;\n\t\t\theight: 158px !important;\n\t\t }\n\t\t div.loopEditor {\n\t\t\tborder-radius: 0px !important;\n\t\t }\n\t\t',"Scratch Addons":'\n\t\t:root {\n\t\t\t--page-margin: #111111;\n\t\t\t--editor-background: #f6e5fa;\n\t\t\t--hover-preview: #ff9900;\n\t\t\t--playhead: #4cbf56;\n\t\t\t--primary-text: #fff;\n\t\t\t--secondary-text: #fff;\n\t\t\t--inverted-text: #fff;\n\t\t\t--text-selection: rgba(255, 255, 255, .99);\n\t\t\t--box-selection-fill: #7725ff;\n\t\t\t--loop-accent: rgb(225, 169, 26);\n\t\t\t--link-accent: #ff9900;\n\t\t\t--ui-widget-background: #202020;\n\t\t\t--ui-widget-focus: #0a0a0a;\n\t\t\t--pitch-background: #111111;\n\t\t\t--tonic: #855cd6;\n\t\t\t--fifth-note: #2e4274;\n\t\t\t--use-color-formula: false;\n\t\t\t--track-editor-bg-pitch: #393939;\n\t\t\t--track-editor-bg-pitch-dim: #21211F;\n\t\t\t--track-editor-bg-noise: #393939;\n\t\t\t--track-editor-bg-noise-dim: #21211FF;\n\t\t\t--track-editor-bg-mod: #393939;\n\t\t\t--track-editor-bg-mod-dim: #21211FF;\n\t\t\t--multiplicative-mod-slider: #ff6680;\n\t\t\t--overwriting-mod-slider: #ff3355;\n\t\t\t--indicator-primary: #855cd6;\n\t\t\t--indicator-secondary: #cecece;\n\t\t\t--select2-opt-group: #333;\n\t\t\t--input-box-outline: #626262;\n\t\t\t--mute-button-normal: #cf63cf;\n\t\t\t--mute-button-mod: #cf63cf;\n\t\t\t--mod-label-primary: #ff3355;\n\t\t\t--white-piano-key: #fff;\n\t\t\t--black-piano-key: #000;\n\t\t\t--white-piano-key-text: #000;\n\t\t\t--black-piano-key-text: #fff;\n\t\t\t--note-flash: #ff0;\n\t\t\t--note-flash-secondary: #ff7b00;\n\t\t\t--oscilloscope-line-L: #d587e6;\n\t\t\t--oscilloscope-line-R: #b11cc7;\n\t\t \n\t\t\t--pitch1-secondary-channel: #3b56aa;\n\t\t\t--pitch1-primary-channel: #4a6cd4;\n\t\t\t--pitch1-secondary-note: #3b56aa;\n\t\t\t--pitch1-primary-note: #4a6cd4;\n\t\t\t--pitch2-secondary-channel: rgb(110, 68, 172);\n\t\t\t--pitch2-primary-channel: rgb(138, 85, 215);\n\t\t\t--pitch2-secondary-note: rgb(110, 68, 172);\n\t\t\t--pitch2-primary-note: rgb(138, 85, 215);\n\t\t\t--pitch3-secondary-channel: rgb(150, 53, 156);\n\t\t\t--pitch3-primary-channel: rgb(187, 66, 195);\n\t\t\t--pitch3-secondary-note: rgb(150, 53, 156);\n\t\t\t--pitch3-primary-note: rgb(187, 66, 195);\n\t\t\t--pitch4-secondary-channel: rgb(160, 105, 38);\n\t\t\t--pitch4-primary-channel: rgb(200, 131, 48);\n\t\t\t--pitch4-secondary-note: rgb(160, 105, 38);\n\t\t\t--pitch4-primary-note: rgb(200, 131, 48);\n\t\t\t--pitch5-secondary-channel: rgb(180, 135, 21);\n\t\t\t--pitch5-primary-channel: rgb(225, 169, 26);\n\t\t\t--pitch5-secondary-note: rgb(180, 135, 21);\n\t\t\t--pitch5-primary-note: rgb(225, 169, 26);\n\t\t\t--pitch6-secondary-channel: rgb(35, 132, 181);\n\t\t\t--pitch6-primary-channel: rgb(44, 165, 226);\n\t\t\t--pitch6-secondary-note: rgb(35, 132, 181);\n\t\t\t--pitch6-primary-note: rgb(44, 165, 226);\n\t\t\t--pitch7-secondary-channel: rgb(74, 146, 14);\n\t\t\t--pitch7-primary-channel: rgb(92, 183, 18);\n\t\t\t--pitch7-secondary-note: rgb(74, 146, 14);\n\t\t\t--pitch7-primary-note: rgb(92, 183, 18);\n\t\t\t--pitch8-secondary-channel: rgb(190, 100, 18);\n\t\t\t--pitch8-primary-channel: rgb(238, 125, 22);\n\t\t\t--pitch8-secondary-note: rgb(190, 100, 18);\n\t\t\t--pitch8-primary-note: rgb(238, 125, 22);\n\t\t\t--pitch9-secondary-channel: rgb(79, 36, 122);\n\t\t\t--pitch9-primary-channel: rgb(99, 45, 153);\n\t\t\t--pitch9-secondary-note: rgb(79, 36, 122);\n\t\t\t--pitch9-primary-note: rgb(99, 45, 153);\n\t\t\t--pitch10-secondary-channel: rgb(11, 123, 86);\n\t\t\t--pitch10-primary-channel: rgb(14, 154, 108);\n\t\t\t--pitch10-secondary-note: rgb(11, 123, 86);\n\t\t\t--pitch10-primary-note: rgb(14, 154, 108);\n\t\t\t--noise1-secondary-channel: #ef3d23;\n\t\t\t--noise1-primary-channel: #fcf9ce;\n\t\t\t--noise1-secondary-note: #ef3d23;\n\t\t\t--noise1-primary-note: #fcf9ce;\n\t\t\t--noise2-secondary-channel: #dd002b;\n\t\t\t--noise2-primary-channel: #f73d61;\n\t\t\t--noise2-secondary-note: #dd002b;\n\t\t\t--noise2-primary-note: #f73d61;\n\t\t\t--noise3-secondary-channel: #d0e9ea;\n\t\t\t--noise3-primary-channel: #f3ffff;\n\t\t\t--noise3-secondary-note: #d0e9ea;\n\t\t\t--noise3-primary-note: #f3ffff;\n\t\t\t--noise4-secondary-channel: #ed9b24;\n\t\t\t--noise4-primary-channel: #ffc941;\n\t\t\t--noise4-secondary-note: #ed9b24;\n\t\t\t--noise4-primary-note: #ffc941;\n\t\t\t--noise5-secondary-channel: #663b00;\n\t\t\t--noise5-primary-channel: #ffe9cc;\n\t\t\t--noise5-secondary-note: #663b00;\n\t\t\t--noise5-primary-note: #ffe9cc;\n\t\t\t--mod1-secondary-channel: #001026;\n\t\t\t--mod1-primary-channel: #ffab19;\n\t\t\t--mod1-secondary-note: #001026;\n\t\t\t--mod1-primary-note: #ffab19;\n\t\t\t--mod2-secondary-channel: #603813;\n\t\t\t--mod2-primary-channel: #ffc93e;\n\t\t\t--mod2-secondary-note: #603813;\n\t\t\t--mod2-primary-note: #ffc93e;\n\t\t\t--mod3-secondary-channel: #1b75bb;\n\t\t\t--mod3-primary-channel: #e6e7e8;\n\t\t\t--mod3-secondary-note: #1b75bb;\n\t\t\t--mod3-primary-note: #e6e7e8;\n\t\t\t--mod4-secondary-channel: #404041;\n\t\t\t--mod4-primary-channel: #f05a28;\n\t\t\t--mod4-secondary-note: #404041;\n\t\t\t--mod4-primary-note: #f05a28;\n\t\t\t--disabled-note-primary: #ff6680;\n\t\t\t--disabled-note-secondary: #ff3355;\n\t\t }\n\n\t\tdiv.promptContainerBG {\n\t\t\tbackground-color: var(--editor-background) !important;\n\t\t\tbackdrop-filter: unset !important;\n\t\t\topacity: 0.5 !important;\n\t\t}\n\n\t\t * {\n\t\t --play-symbol:url("https://choptop84.github.io/choptop84s-image-repository/Greenflag.png");\n\t\t --pause-symbol:url("https://choptop84.github.io/choptop84s-image-repository/stopsign.png");\n\t\t }\n \n\t\t button.playButton::before {\n\t\t\t background-image: url("https://choptop84.github.io/choptop84s-image-repository/Greenflag.png") !important;\n\t\t\t background-size: 18px !important;\n\t\t\t background-position: center !important;\n\t\t\t background-repeat: no-repeat !important;\n\t\t\t mask-size: 800px;\n\t\t\t color: #fff0;\n\t\t }\n \n\t\t button.pauseButton::before {\n\t\t\t background-image: url("https://choptop84.github.io/choptop84s-image-repository/stopsign.png") !important;\n\t\t\t background-size: 18px !important;\n\t\t\t background-position: center !important;\n\t\t\t background-repeat: no-repeat !important;\n\t\t\t mask-size: 800px;\n\t\t\t color: #fff0;\n\t\t }\n\n\t\t #text-content > section > h1 {\n\t\t\t margin: auto;\n\t\t\t content: url("https://file.garden/ZMQ0Om5nmTe-x2hq/AbyssBox%20Scratch%20Logo3.png");\n\t\t }\n\t\t .beepboxEditor,\n\t\t #beepboxEditorContainer {\n\t\t\t background-color: #111111 !important;\n\t\t\t border-radius: 6px;\n\t\t\t box-shadow: 0px 0px 0px 4px rgba(158, 158, 158, 0.91);\n\t\t }\n\t\t .beepboxEditor .loopEditor {\n\t\t\t --editor-background: #111111 !important;\n\t\t\t border-radius: 3px;\n\t\t }\n\t\t .beepboxEditor .muteEditor {\n\t\t\t --editor-background: #4d97ff40 !important;\n\t\t\t border-radius: 3px;\n\t\t }\n\t\t .beepboxEditor .pattern-area {\n\t\t\t --editor-background: #292929 !important;\n\t\t\t border-radius: 3px;\n\t\t }\n\t\t .beepboxEditor .trackContainer svg {\n\t\t\t --editor-background: #3100ff !important;\n\t\t }\n\t\t .beepboxEditor .muteEditor > :last-child {\n\t\t\t --editor-background: #111111 !important;\n\t\t }\n\t\t .beepboxEditor #octaveScrollBarContainer {\n\t\t\t background-color: #111111;\n\t\t }\n\t\t .beepboxEditor .muteButtonText {\n\t\t\t transform: translate(0px, 1px) !important;\n\t\t\t color: #777 !important;\n\t\t }\n\t\t .beepboxEditor .instrument-bar {\n\t\t\t --text-color-lit: #111111 !important;\n\t\t\t --text-color-dim: #4c4c4c !important;\n\t\t }\n\t\t .beepboxEditor .instrument-bar .selected-instrument {\n\t\t\t color: rgb(0, 0, 0) !important;\n\t\t\t text-shadow: 0px 0px 4px var(--text-color-lit);\n\t\t }\n\t\t .beepboxEditor .instrument-bar .deactivated {\n\t\t\t color: rgba(0, 0, 0, 1) !important;\n\t\t\t text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);\n\t\t }\n\t\t .beepboxEditor .instrument-bar > :not(.last-button) {\n\t\t\t border-color: var(--background-color-lit) !important;\n\t\t }\n\t\t .beepboxEditor .instrument-bar .selected-instrument {\n\t\t\t border-color: #111111 !important;\n\t\t }\n\t\t .beepboxEditor button, button {\n\t\t\t color: #fff;\n\t\t\t background: #3c236f;\n\t\t }\n\t\t .beepboxEditor .instrument-bar .selected-instrument,\n\t\t .beepboxEditor .filterEditor svg,\n\t\t .beepboxEditor .fadeInOut svg,\n\t\t .beepboxEditor .harmonics svg,\n\t\t .beepboxEditor .spectrum svg {\n\t\t\t background: rgb(255, 255, 255) !important;\n\t\t\t box-shadow:\n\t\t\t 0px 0px 1px 1px rgba(0, 0, 0, 0.7),\n\t\t\t inset 0px 2px 3px 0px rgba(0, 0, 0, 0.7),\n\t\t\t inset 0px -1px 0px 0px rgba(255, 255, 255, 0.3);\n\t\t }\n\t\t .beepboxEditor input[type="range"]::-webkit-slider-thumb {\n\t\t\t background: #fff !important;\n\t\t }\n\t\t .beepboxEditor input[type="range"]::-moz-range-thumb {\n\t\t\t background: #000000 !important;\n\t\t }\n\t\t .beepboxEditor input[type="range"]::-webkit-slider-runnable-track {\n\t\t\t background: rgb(127, 127, 127) !important;\n\t\t }\n\t\t .beepboxEditor input[type="range"]::-moz-range-track {\n\t\t\t background: rgb(127, 127, 127) !important;\n\t\t }\n\t\t .beepboxEditor input[type="range"]::-webkit-slider-runnable-track::focus {\n\t\t\t background: rgba(255, 255, 255, 0.2) !important;\n\t\t\t box-shadow:\n\t\t\t 0px 0px 1px 1px rgba(0, 0, 0, 0.2),\n\t\t\t inset 0px 1px 2px 0px rgba(0, 0, 0, 0.2),\n\t\t\t inset 0px -1px 0px 0px rgba(255, 255, 255, 0.3);\n\t\t }\n\t\t .beepboxEditor input[type="range"]::-moz-range-track::focus {\n\t\t\t background: rgba(255, 255, 255, 0.2) !important;\n\t\t\t box-shadow:\n\t\t\t 0px 0px 1px 1px rgba(0, 0, 0, 0.2),\n\t\t\t inset 0px 1px 2px 0px rgba(0, 0, 0, 0.2),\n\t\t\t inset 0px -1px 0px 0px rgba(255, 255, 255, 0.3);\n\t\t }\n\t\t .beepboxEditor input[type="text"],\n\t\t .beepboxEditor input[type="number"] {\n\t\t\t font-size: inherit !important;\n\t\t\t font-weight: bold !important;\n\t\t\t font-family: inherit !important;\n\t\t\t background: #202020 !important;\n\t\t\t text-align: center !important;\n\t\t\t border: 1px solid var(--input-box-outline);\n\t\t\t color: #fff !important;\n\t\t\t box-shadow: 0px 0px 0px 1px rgb(134, 134, 134) !important;\n\t\t }\n\t\t .beepboxEditor .prompt {\n\t\t\t --primary-text: #fff;\n\t\t\t --secondary-text: #fff;\n\t\t\t --ui-widget-background: #351f5f;\n\t\t\t color: #fff !important;\n\t\t\t background: #202020 !important;\n\t\t }\n\t\t .beepboxEditor .trackContainer {\n\t\t\t --editor-background: #000;\n\t\t }\n\t\t #text-content {\n\t\t\t color: #fff;\n\t\t\t background: #202020;\n\t\t }\n\t\t body:not(#secondImage) {\n\t\t\t background: #202020;\n\t\t }\n\t\t body:not(#secondImage) input {\n\t\t\t --primary-text: #000;\n\t\t }\n\t\t body:not(#secondImage) h1 {\n\t\t\t color: #fff;\n\t\t }\n\t\t div#text-content {\n\t\t\tpadding-top: 15px;\n\t\t }\n\t\t div#beepboxEditorContainer{\n\t\t\tpadding-bottom: 15px;\n\t\t }\n\t\t div.channelBox {\n\t\t\tborder-radius: 5px;\n\t\t }\n\t\t div.curChannelBox {\n\t\t\tborder-radius: 5px;\n\t\t }\n\t\t div.muteEditor {\n\t\t\tborder-radius: 0px !important;\n\t\t }\n\t\t',"Doom 1993":'\n\t\t\t:root { \t\t\n\t\t\t--page-margin: #470000; \t\t\n\t\t\t--editor-background: #470000; \t\t\n\t\t\t--hover-preview: white; \t\t\n\t\t\t--playhead: rgba(255, 255, 255, 0.9); \t\t\n\t\t\t--primary-text: #ffffff; \t\t\n\t\t\t--secondary-text: #ffffff; \t\t\n\t\t\t--inverted-text: #000000;\t \t\t\n\t\t\t--text-selection: rgba(119,68,255,0.99); \t\t\n\t\t\t--box-selection-fill: #ff6f00; \t\t\n\t\t\t--loop-accent: #ff0000; \t\t\n\t\t\t--link-accent: #962727; \t\t\n\t\t\t--ui-widget-background: #4f3b36;\t\t\n\t\t\t--ui-widget-focus: #4f3b36; \t\t\n\t\t\t--pitch-background: #7d0000; \t\t\n\t\t\t--tonic: #ff0000; \t\t\n\t\t\t--fifth-note: #962727; \t\t\n\t\t\t--white-piano-key: #ccbca5; \t\t\n\t\t\t--black-piano-key: #40382f; \t\t\n\t\t\t--use-color-formula: true; \t\t\n\t\t\t--track-editor-bg-pitch: #7d1f00; \t\t\n\t\t\t--track-editor-bg-pitch-dim: #401000; \t\t\n\t\t\t--track-editor-bg-noise: #7d0000; \t\t\n\t\t\t--track-editor-bg-noise-dim: #400000; \t\t\n\t\t\t--track-editor-bg-mod: #7d0028; \t\t\n\t\t\t--track-editor-bg-mod-dim: #470017; \t\t\n\t\t\t--multiplicative-mod-slider: #9f8460; \t\t\n\t\t\t--overwriting-mod-slider: #9f6460; \t\t\n\t\t\t--indicator-primary: #b38949; \t\t\n\t\t\t--indicator-secondary: #543d1d; \t\t\n\t\t\t--select2-opt-group: #4f3b19; \t\t\n\t\t\t--input-box-outline: #1a0404; \t\t\n\t\t\t--mute-button-normal: #dd5d5d;\t \t\t\n\t\t\t--mute-button-mod: #ba3d36; \t\t\n\t\t\t--mod-label-primary: #541616; \t\t\n\t\t\t--mod-label-secondary-text: rgb(120, 87, 86); \n\t\t\t--mod-label-primary-text: gray; \n\t\t\t--progress-bar: #ff0000;\n\n\t\t\t--pitch-secondary-channel-hue: 0; \t\t\n\t\t\t--pitch-secondary-channel-hue-scale 0; \t\t\n\t\t\t--pitch-secondary-channel-sat: 43; \t\t\n\t\t\t--pitch-secondary-channel-sat-scale: 0.1; \t\t\n\t\t\t--pitch-secondary-channel-lum: 60; \t\t\n\t\t\t--pitch-secondary-channel-lum-scale: 0.05; \n\t\t\n\t\t\t--pitch-primary-channel-hue: -4; \t\t\n\t\t\t--pitch-primary-channel-hue-scale: 6.1; \t\t\n\t\t\t--pitch-primary-channel-sat: 75; \t\t\n\t\t\t--pitch-primary-channel-sat-scale: 0.1; \t\t\n\t\t\t--pitch-primary-channel-lum: 60; \t\t\n\t\t\t--pitch-primary-channel-lum-scale: 0.05; \t\n\t\n\t\t\t--pitch-secondary-note-hue: -4; \t\t\n\t\t\t--pitch-secondary-note-hue-scale: 6.1; \t\t\n\t\t\t--pitch-secondary-note-sat: 93.9; \t\t\n\t\t\t--pitch-secondary-note-sat-scale: 0.1; \t\t\n\t\t\t--pitch-secondary-note-lum: 20; \t\t\n\t\t\t--pitch-secondary-note-lum-scale: 0.05; \n\t\t\n\t\t\t--pitch-primary-note-hue: -4; \t\t\n\t\t\t--pitch-primary-note-hue-scale: 6.1; \t\t\n\t\t\t--pitch-primary-note-sat: 65; \t\t\n\t\t\t--pitch-primary-note-sat-scale: 0.05; \t\t\n\t\t\t--pitch-primary-note-lum: 60; \t\t\n\t\t\t--pitch-primary-note-lum-scale: 0.05; \n\t\t\n\t\t\t--noise-secondary-channel-hue: 0; \t\t\n\t\t\t--noise-secondary-channel-hue-scale: 2; \t\t\n\t\t\t--noise-secondary-channel-sat: 65; \t\t\n\t\t\t--noise-secondary-channel-sat-scale: 0; \t\t\n\t\t\t--noise-secondary-channel-lum: 60; \t\t\n\t\t\t--noise-secondary-channel-lum-scale: 0; \n\t\t\n\t\t\t--noise-primary-channel-hue: 0; \t\t\n\t\t\t--noise-primary-channel-hue-scale: 1; \t\t\n\t\t\t--noise-primary-channel-sat: 100; \t\t\n\t\t\t--noise-primary-channel-sat-scale: 1; \t\t\n\t\t\t--noise-primary-channel-lum: 63.5; \t\t\n\t\t\t--noise-primary-channel-lum-scale: 0; \n\t\t\n\t\t\t--noise-secondary-note-hue: 24; \t\t\n\t\t\t--noise-secondary-note-hue-scale: 2; \t\t\n\t\t\t--noise-secondary-note-sat: 100; \t\t\n\t\t\t--noise-secondary-note-sat-scale: 0; \t\t\n\t\t\t--noise-secondary-note-lum: 25; \t\t\n\t\t\t--noise-secondary-note-lum-scale: 0; \t\n\t\n\t\t\t--noise-primary-note-hue: 24; \t\t\n\t\t\t--noise-primary-note-hue-scale: 2; \t\t\n\t\t\t--noise-primary-note-sat: 75; \t\t\n\t\t\t--noise-primary-note-sat-scale: 1; \t\t\n\t\t\t--noise-primary-note-lum: 60; \t\t\n\t\t\t--noise-primary-note-lum-scale: 1; \t\n\t\n\t\t\t--mod-secondary-channel-hue: 55; \t\t\n\t\t\t--mod-secondary-channel-hue-scale: 1.5; \t\t\n\t\t\t--mod-secondary-channel-sat: 100; \t\t\n\t\t\t--mod-secondary-channel-sat-scale: 0; \t\t\n\t\t\t--mod-secondary-channel-lum: 20; \t\t\n\t\t\t--mod-secondary-channel-lum-scale: 0; \n\t\t\n\t\t\t--mod-primary-channel-hue: 55; \t\t\n\t\t\t--mod-primary-channel-hue-scale: 1.5; \t\t\n\t\t\t--mod-primary-channel-sat: 96; \t\t\n\t\t\t--mod-primary-channel-sat-scale: 0; \t\t\n\t\t\t--mod-primary-channel-lum: 50; \t\t\n\t\t\t--mod-primary-channel-lum-scale: 0; \n\t\t\n\t\t\t--mod-secondary-note-hue: 55; \t\t\n\t\t\t--mod-secondary-note-hue-scale: 1.5; \t\t\n\t\t\t--mod-secondary-note-sat: 92; \t\t\n\t\t\t--mod-secondary-note-sat-scale: 0; \t\t\n\t\t\t--mod-secondary-note-lum: 45; \t\t\n\t\t\t--mod-secondary-note-lum-scale: 0; \n\t\t\n\t\t\t--mod-primary-note-hue: 55; \t\t\n\t\t\t--mod-primary-note-hue-scale: 1.5; \t\t\n\t\t\t--mod-primary-note-sat: 96; \t\t\n\t\t\t--mod-primary-note-sat-scale: 0; \t\t\n\t\t\t--mod-primary-note-lum: 85; \t\t\n\t\t\t--mod-primary-note-lum-scale: 0; \n\t\t\t\n\t\t\t--note-flash: #ffffff;\n\t\t\t--note-flash-secondary: #ffffff77;\n\t\t\t\t}\n\t\t\n\t\t\t#text-content > section > h1 > font {\n\t\tdisplay: none;\n\t\t}\n\t\t#text-content > section > h1 {\n\t\tmargin: auto;\n\t\tcontent: url("AbyssBox_DOOM.png");\n\t\t}\n\t\t\t\t\n\t\t\t\t/* sets background image */\n\t\tbody {\n\t\tbackground-image: url("doomsky.png") !important;\n\t\tbackground-size: cover;\n\t\tbackground-position: center;\n\t\tbackground-repeat: no-repeat;\n\t\t\t}\n\t\t\t/* make editor background transparent */\n\t\t#beepboxEditorContainer, .beepboxEditor, #text-content {\n\t\t}\n\n\n\t\t\t@font-face {\n\t\t font-family: "doomfont";\n\t\t src:\n \t\t url("doomfont.otf") format("opentype") tech(color-COLRv1),\n\t\t\t}\n\n\t\t\thtml {\n \t\t font-family: \'doomfont\';\n\t\t\t}\n\t\t\tdiv.channelBoxLabel {\n\t\t\t\tfont-family: \'doomfont\' !important;\n\t\t\t}\n\n\t\t\t',Undertale:'\n\t\t\t:root {\n\t\t\t\t--page-margin: #000;\n\t\t\t\t--editor-background: #000;\n\t\t\t\t--hover-preview: #fff;\n\t\t\t\t--playhead: rgba(255, 255, 255, 0.9);\n\t\t\t\t--primary-text: #fff;\n\t\t\t\t--secondary-text: #979797;\n\t\t\t\t--inverted-text: #000;\n\t\t\t\t--text-selection: rgba(255, 255, 255, .99);\n\t\t\t\t--box-selection-fill: #fff;\n\t\t\t\t--loop-accent: #f00;\n\t\t\t\t--link-accent: #0f0;\n\t\t\t\t--ui-widget-background: #4d4d4d;\n\t\t\t\t--ui-widget-focus: #000;\n\t\t\t\t--pitch-background: #2d2d2d73;\n\t\t\t\t--tonic: #c9c9c9;\n\t\t\t\t--fifth-note: #400000;\n\t\t\t\t--white-piano-key: #fff;\n\t\t\t\t--black-piano-key: #000;\n\t\t\t\t--white-piano-key-text: #000;\n\t\t\t\t--black-piano-key-text: #fff;\n\t\t\t\t--use-color-formula: false;\n\t\t\t\t--track-editor-bg-pitch: #8b8b8b;\n\t\t\t\t--track-editor-bg-pitch-dim: #000;\n\t\t\t\t--track-editor-bg-noise: #5c5c5c;\n\t\t\t\t--track-editor-bg-noise-dim: #000;\n\t\t\t\t--track-editor-bg-mod: #585858;\n\t\t\t\t--track-editor-bg-mod-dim: #000;\n\t\t\t\t--multiplicative-mod-slider: #f00;\n\t\t\t\t--overwriting-mod-slider: #00f;\n\t\t\t\t--indicator-primary: #f00;\n\t\t\t\t--indicator-secondary: #919191;\n\t\t\t\t--select2-opt-group: #5d576f;\n\t\t\t\t--input-box-outline: #626262;\n\t\t\t\t--mute-button-normal: #ffffff;\n\t\t\t\t--mute-button-mod: #4f4f4f;\n\t\t\t\t--mod-label-primary: #f00;\n\t\t\t\t--progress-bar: #00ff00;\n\n\t\t\t\t--pitch1-secondary-channel: #590000;\n\t\t\t --pitch1-primary-channel: #f00;\n\t\t\t --pitch1-secondary-note: #590000;\n\t\t\t --pitch1-primary-note: #f00;\n\t\t\t\n\t\t\t --pitch2-secondary-channel: #00678a;\n\t\t\t --pitch2-primary-channel: #00ffef;\n\t\t\t --pitch2-secondary-note: #00678a;\n\t\t\t --pitch2-primary-note: #00ffef;\n\t\t\t\n\t\t\t --pitch3-secondary-channel: #b35600;\n\t\t\t --pitch3-primary-channel: #ff7a00;\n\t\t\t --pitch3-secondary-note: #b35600;\n\t\t\t --pitch3-primary-note: #ff7a00;\n\t\t\t\n\t\t\t --pitch4-secondary-channel: #002866;\n\t\t\t --pitch4-primary-channel: #001aff;\n\t\t\t --pitch4-secondary-note: #002866;\n\t\t\t --pitch4-primary-note: #001aff;\n\t\t\t\n\t\t\t --pitch5-secondary-channel: #005e0b;\n\t\t\t --pitch5-primary-channel: #00ff1d;\n\t\t\t --pitch5-secondary-note: #005e0b;\n\t\t\t --pitch5-primary-note: #00ff1d;\n\t\t\t\n\t\t\t --pitch6-secondary-channel: #b55d00;\n\t\t\t --pitch6-primary-channel: #fe0;\n\t\t\t --pitch6-secondary-note: #b55d00;\n\t\t\t --pitch6-primary-note: #fe0;\n\t\t\t\n\t\t\t --pitch7-secondary-channel: #6a00b3;\n\t\t\t --pitch7-primary-channel: #a429f7;\n\t\t\t --pitch7-secondary-note: #6a00b3;\n\t\t\t --pitch7-primary-note: #a429f7;\n\t\t\t\n\t\t\t --pitch8-secondary-channel: #02009f;\n\t\t\t --pitch8-primary-channel: #0058ff;\n\t\t\t --pitch8-secondary-note: #02009f;\n\t\t\t --pitch8-primary-note: #0058ff;\n\t\t\t\n\t\t\t --pitch9-secondary-channel: #5c5c5c;\n\t\t\t --pitch9-primary-channel: #fff;\n\t\t\t --pitch9-secondary-note: #5c5c5c;\n\t\t\t --pitch9-primary-note: #fff;\n\t\t\t\n\t\t\t --pitch10-secondary-channel: #5e2700;\n\t\t\t --pitch10-primary-channel: #ffb300;\n\t\t\t --pitch10-secondary-note: #5e2700;\n\t\t\t --pitch10-primary-note: #ffb300;\n\t\t\t\n\t\t\t --noise1-secondary-channel: #750000;\n\t\t\t --noise1-primary-channel: #f00;\n\t\t\t --noise1-secondary-note: #750000;\n\t\t\t --noise1-primary-note: #f00;\n\t\t\t\n\t\t\t --noise2-secondary-channel: #8567ff;\n\t\t\t --noise2-primary-channel: #f00;\n\t\t\t --noise2-secondary-note: #8567ff;\n\t\t\t --noise2-primary-note: #f00;\n\t\t\t\n\t\t\t --noise3-secondary-channel: #8567ff;\n\t\t\t --noise3-primary-channel: #cec2ff;\n\t\t\t --noise3-secondary-note: #8567ff;\n\t\t\t --noise3-primary-note: #cec2ff;\n\t\t\t\n\t\t\t --noise4-secondary-channel: #00266a;\n\t\t\t --noise4-primary-channel: #ffe100;\n\t\t\t --noise4-secondary-note: #00266a;\n\t\t\t --noise4-primary-note: #ffe100;\n\t\t\t\n\t\t\t --noise5-secondary-channel: #976a00;\n\t\t\t --noise5-primary-channel: #ffe100;\n\t\t\t --noise5-secondary-note: #976a00;\n\t\t\t --noise5-primary-note: #ffe100;\n\t\t\t\n\t\t\t --mod1-secondary-channel: #aaa;\n\t\t\t --mod1-primary-channel: #fff;\n\t\t\t --mod1-secondary-note: #aaa;\n\t\t\t --mod1-primary-note: #fff;\n\t\t\t\n\t\t\t --mod2-secondary-channel: #950000;\n\t\t\t --mod2-primary-channel: #ff6000;\n\t\t\t --mod2-secondary-note: #950000;\n\t\t\t --mod2-primary-note: #ff6000;\n\t\t\t\n\t\t\t --mod3-secondary-channel: #021300;\n\t\t\t --mod3-primary-channel: #1db917;\n\t\t\t --mod3-secondary-note: #021300;\n\t\t\t --mod3-primary-note: #1db917;\n\t\t\t\n\t\t\t --mod4-secondary-channel: #a00000;\n\t\t\t --mod4-primary-channel: #ff252f;\n\t\t\t --mod4-secondary-note: #a00000;\n\t\t\t --mod4-primary-note: #ff252f;\n\t\t\t\n\t\t\t --disabled-note-primary: #999;\n\t\t\t --disabled-note-secondary: #696969;\n\n\t\t\t --arrow-color: #f67c33;\n\t\t\t --icon-color: #f67c33;\n\t\t\t\t}\n\t\t\t\t* {\n\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/cursor-heart.png"), auto !important;\n\t\t\t\t\t--file-page-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-file.png");\n\t\t\t\t\t--edit-pencil-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-edit.png");\n\t\t\t\t\t--preferences-gear-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-preferences.png");\n\t\t\t\t\t--text-enabled-icon:❤️ ;\n\t\t\t\t\t}\n\t\t\n\t\t\t\n\t\t\t\t\tdiv.promptContainerBG {\n\t\t\t\t\t\tbackground-color: var(--editor-background) !important;\n\t\t\t\t\t\tbackdrop-filter: unset !important;\n\t\t\t\t\t\topacity: 0.5 !important;\n\t\t\t\t\t}\n\n\t\t\t/* sets background image */\n\t\t\tbody {\n\t\t\tbackground-image: url("https://choptop84.github.io/choptop84s-image-repository/battlebg.png") !important;\n\t\t\tbackground-position: center;\n\t\t\tbackground-size: contain;\n\t\t\tbackground-attachment: fixed;\n\t\t\tbackground-repeat: no-repeat;\n\t\t\t}\n\t\t\t#text-content > section > h1 > font {\n\t\t\tdisplay: none;\n\t\t\t}\n\t\t\t#text-content > section > h1 {\n\t\t\tmargin: auto;\n\t\t\tcontent: url("https://choptop84.github.io/choptop84s-image-repository/UndertaleThemeLogo.png");\n\t\t\tbackground-image: url("https://choptop84.github.io/choptop84s-image-repository/AbyssBoxUtThemeLogo.png");\n \t\t\tbackground-size: contain;\n \t\t\tbackground-position: center;\n \t\t\tbackground-repeat: no-repeat;\n\t\t\t}\n\n\t\t\tdiv.selectContainer.menu.file select,\n\t\t\tdiv.selectContainer.menu.edit select,\n\t\t\tdiv.selectContainer.menu.preferences select {\n\t\t\t\tborder-style: solid;\n\t\t\t\tborder-color: #f67c33;\n\t\t\t\tborder-radius: 0px;\n\t\t\t}\n\t\t\tdiv.selectContainer.menu.file,\n\t\t\tdiv.selectContainer.menu.edit,\n\t\t\tdiv.selectContainer.menu.preferences {\n\t\t\t\t--ui-widget-background: black;\n\t\t\t\t--icon-color: #f67c33;\n\t\t\t\t--arrow-color: #f67c33;\n\t\t\t\tcolor: #f67c33;\n\t\t\t}\n\t\t\t.beepboxEditor select:focus,\n\t\t\t.beepboxEditor .selectContainer:focus-within\n\t\t\t{\n\t\t\t\tborder-color: #fbff4b !important;\n\t\t\t\t--ui-widget-background: black !important;\n\t\t\t\t--icon-color: #f00 !important;\n\t\t\t\t--arrow-color: #fbff4b !important;\n\t\t\t\tcolor: #fbff4b !important;\n\n\t\t\t\t--file-page-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-soul.png");\n\t\t\t\t--edit-pencil-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-soul.png");\n\t\t\t\t--preferences-gear-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-soul.png");\n\t\t\t}\n\t\t\t.beepboxEditor .menu.edit::before,\n\t\t\t.beepboxEditor .menu.file::before,\n\t\t\t.beepboxEditor .menu.preferences::before {\n\t\t\t\tbackground: var(--icon-color) !important;\n\t\t\t}\n\t\t\t.beepboxEditor .menu.edit::after,\n\t\t\t.beepboxEditor .menu.file::after,\n\t\t\t.beepboxEditor .menu.preferences::after {\n\t\t\t\tbackground: var(--arrow-color) !important;\n\t\t\t}\n\n\t\t\t#text-content {\n\t\t\t\tborder-style: solid;\n\t\t\t\tborder-radius: 0px;\n\t\t\t\tpadding-left: 20px;\n\t\t\t\tpadding-right: 20px;\n\t\t\t\tpadding-top: 15px;\n\t\t\t}\n\t\t#beepboxEditorContainer {\n\t\t\tborder-style: solid;\n\t\t\tborder-radius: 0px;\n\t\t\tpadding-left: 20px;\n\t\t\tpadding-right: 20px;\n\t\t\tpadding-bottom: 15px;\n\t\t\t}\n\t\t\t',"Windows Xp":'\n\t\t\t:root {\t\t\n\t\t\t--page-margin: #edead9; \t\t\n\t\t\t--editor-background: #edead9; \t\t\n\t\t\t--hover-preview: black; \t\t\n\t\t\t--playhead: rgba(255, 255, 255, 0.9); \t\t\n\t\t\t--primary-text: #231f20; \t\t\n\t\t\t--secondary-text: #231f20; \t\t\n\t\t\t--inverted-text: black;\t \t\t\n\t\t\t--text-selection: rgba(119,68,255,0.99); \t\t\n\t\t\t--box-selection-fill: #1e0915; \t\t\n\t\t\t--loop-accent: #003399; \t\t\n\t\t\t--link-accent: #003399; \t\t\n\t\t\t--ui-widget-background: #faf9f2; \t\t\n\t\t\t--ui-widget-focus: #faf9f2; \t\t\n\t\t\t--pitch-background: #ffffff; \t\t\n\t\t\t--tonic: #d5dbf5; \t\t\n\t\t\t--fifth-note: #e8e8e8; \t\t\n\t\t\t--white-piano-key: #ebe2ca; \t\t\n\t\t\t--black-piano-key: #403a2f; \t\t\n\t\t\t--use-color-formula: true; \t\t\n\t\t\t--track-editor-bg-pitch: #cfcab2; \t\t\n\t\t\t--track-editor-bg-pitch-dim: #9c9781; \t\t\n\t\t\t--track-editor-bg-noise: #cfcab2; \t\t\n\t\t\t--track-editor-bg-noise-dim: #9c9781; \t\t\n\t\t\t--track-editor-bg-mod: #cfcab2; \t\t\n\t\t\t--track-editor-bg-mod-dim: #9c9781; \t\t\n\t\t\t--multiplicative-mod-slider: #9f6082; \t\t\n\t\t\t--overwriting-mod-slider: #9e3470; \t\t\n\t\t\t--indicator-primary: #b3498f; \t\t\n\t\t\t--indicator-secondary: #541d40; \t\t\n\t\t\t--select2-opt-group: #4f191e; \t\t\n\t\t\t--input-box-outline: #18041a; \t\t\n\t\t\t--mute-button-normal: #dd5d94;\t \t\t\n\t\t\t--mute-button-mod: #ba364c; \t\t\n\t\t\t--mod-label-primary: #541625; \t\t\n\t\t\t--mod-label-secondary-text: rgb(120, 87, 86); \n\t\t\t--mod-label-primary-text: gray;\n\t\t\t--progress-bar: #00ff00;\n\n--pitch-secondary-channel-hue: 0;\t\t\n--pitch-secondary-channel-hue-scale: 6.1;\t\t\n--pitch-secondary-channel-sat: 43.3;\t\t\n--pitch-secondary-channel-sat-scale: 0.1;\t\t\n--pitch-secondary-channel-lum: 20;\t\t\n--pitch-secondary-channel-lum-scale: 0.05;\n\t\t\n--pitch-primary-channel-hue: 0;\t\t\n--pitch-primary-channel-hue-scale: 6.1;\t\t\n--pitch-primary-channel-sat: 60;\t\t\n--pitch-primary-channel-sat-scale: 0.1;\t\t\n--pitch-primary-channel-lum: 47.5;\t\t\n--pitch-primary-channel-lum-scale: 0.05;\n\t\t\n--pitch-secondary-note-hue: 0;\t\t\n--pitch-secondary-note-hue-scale: 6.1;\t\t\n--pitch-secondary-note-sat: 43.9;\t\t\n--pitch-secondary-note-sat-scale: 0.1;\t\t\n--pitch-secondary-note-lum: 25;\t\t\n--pitch-secondary-note-lum-scale: 0.05;\n\t\t\n--pitch-primary-note-hue: 0;\t\t\n--pitch-primary-note-hue-scale: 6.1;\t\t\n--pitch-primary-note-sat: 60;\t\t\n--pitch-primary-note-sat-scale: 0.05;\t\t\n--pitch-primary-note-lum: 65.6;\t\t\n--pitch-primary-note-lum-scale: 0.025;\n\t\t\n--noise-secondary-channel-hue: 0;\t\t\n--noise-secondary-channel-hue-scale: 2;\t\t\n--noise-secondary-channel-sat: 25;\t\t\n--noise-secondary-channel-sat-scale: 0;\t\t\n--noise-secondary-channel-lum: 22;\t\t\n--noise-secondary-channel-lum-scale: 0;\n\t\t\n--noise-primary-channel-hue: 0;\t\t\n--noise-primary-channel-hue-scale: 2;\t\t\n--noise-primary-channel-sat: 33;\t\t\n--noise-primary-channel-sat-scale: 0;\t\t\n--noise-primary-channel-lum: 43.5;\t\t\n--noise-primary-channel-lum-scale: 0;\n\t\t\n--noise-secondary-note-hue: 0;\t\t\n--noise-secondary-note-hue-scale: 2;\t\t\n--noise-secondary-note-sat: 33.5;\t\t\n--noise-secondary-note-sat-scale: 0;\t\t\n--noise-secondary-note-lum: 35;\t\t\n--noise-secondary-note-lum-scale: 0;\t\n\t\n--noise-primary-note-hue: 0;\t\t\n--noise-primary-note-hue-scale: 2;\t\t\n--noise-primary-note-sat: 46.5;\t\t\n--noise-primary-note-sat-scale: 0;\t\t\n--noise-primary-note-lum: 54;\t\t\n--noise-primary-note-lum-scale: 0;\t\n\t\n--mod-secondary-channel-hue: 192;\t\t\n--mod-secondary-channel-hue-scale: 1.5;\t\t\n--mod-secondary-channel-sat: 88;\t\t\n--mod-secondary-channel-sat-scale: 0;\t\t\n--mod-secondary-channel-lum: 30;\t\t\n--mod-secondary-channel-lum-scale: 0;\t\n\t\n--mod-primary-channel-hue: 192;\t\t\n--mod-primary-channel-hue-scale: 1.5;\t\t\n--mod-primary-channel-sat: 56;\t\t\n--mod-primary-channel-sat-scale: 0;\t\t\n--mod-primary-channel-lum: 60;\t\t\n--mod-primary-channel-lum-scale: 0;\t\n\t\n--mod-secondary-note-hue: 192;\t\t\n--mod-secondary-note-hue-scale: 1.5;\t\t\n--mod-secondary-note-sat: 42;\t\t\n--mod-secondary-note-sat-scale: 0;\t\t\n--mod-secondary-note-lum: 25;\t\t\n--mod-secondary-note-lum-scale: 0;\t\n\t\n--mod-primary-note-hue: 192;\t\t\n--mod-primary-note-hue-scale: 1.5;\t\t\n--mod-primary-note-sat: 56;\t\t\n--mod-primary-note-sat-scale: 0;\t\t\n--mod-primary-note-lum: 65;\t\t\n--mod-primary-note-lum-scale: 0;\t\n\n\t\t\t--note-flash: #ffffff77;\n\t\t\t--note-flash-secondary: #ffffff66;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t@font-face {\n\t\t\t\t\tfont-family: "tahoma";\n\t\t\t\t\tsrc:\n\t\t\t\t\t url("https://choptop84.github.io/abyssbox-app/tahoma.otf") format("opentype") tech(color-COLRv1),\n\t\t\t\t\t image-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\t\t\t image-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\t\t\t image-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\t\t\t image-rendering: pixelated !important; /* Future browsers */\n\t\t\t\t\t image-rendering: optimizeSpeed !important; /* IE */\n\n\t\t\t\t}\n\t\t\n\t\t\t\tdiv.promptContainerBG {\n\t\t\t\t\tdisplay: none !important;\n\t\t\t\t}\n\n\t\t\t\thtml {\n\t\t\t\tfont-family: \'tahoma\' !important;\n\t\t\t font-size: 150% !important;\n\t\t\t\t}\n\t\t\t\tdiv.channelBoxLabel {\n\t\t\t\t\tfont-family: \'tahoma\' !important;\n\t\t\t\t}\n\n\t\t\t\t.beepboxEditor .promptContainer {\n\t\t\t\t}\n\n\t\t\t\tdiv.prompt.noSelection {\n\t\t\t\t\tmargin: auto;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\tbackground: var(--editor-background);\n\t\t\t\t\tborder-radius: 15px;\n\t\t\t\t\tborder: 0px solid var(--ui-widget-background) !important;\n\t\t\t\t\tpadding-left: 20px !important;\n\t\t\t\t\tbox-shadow: 6px 6px 27px 4px rgba(0, 0, 0, 0.5) !important;\n\t\t\t\t\tpadding-top: 6px !important;\n\t\t\t\t\tpadding-right: 20px !important;\n\t\t\t\t\tpadding-bottom: 20px !important;\n\t\t\t\t\tborder-image-source: url("https://choptop84.github.io/choptop84s-image-repository/xpborder.png") !important;\n\t\t\t\t\tborder-image-slice: 34 !important;\n\t\t\t\t\tborder-image-width: 50px !important;\n\t\t\t\t\tborder-width: unset !important;\n\n\t\t\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t\t\t}\n\n\t\t\t\tdiv.prompt.noSelection button.cancelButton {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\tdiv.promptTitle {\n\t\t\t\t\ttext-align: left !important;\n\t\t\t\t\tcolor: white !important;\n\t\t\t\t}\n\t\t\t\t.layoutExt::before {\n\t\t\t\t\tcontent: "layout.exe";\n\t\t\t\t}\n\t\t\t\t.layoutTitle {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t\t.channelExt::after {\n\t\t\t\t\tcontent: "channelSettings.exe";\n\t\t\t\t}\n\t\t\t\t.channelTitle {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t\t.limiterExt::after {\n\t\t\t\t\tcontent: "limiter.exe";\n\t\t\t\t}\n\t\t\t\t.limiterTitle {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.bpmTitle {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t\t.bpmExt::after {\n\t\t\t\t\tcontent: "bpb.exe";\n\t\t\t\t}\n\n\t\t\t\t.gerTitle {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t\t.gerExt::after {\n\t\t\t\t\tcontent: "euclidianRhythm.exe";\n\t\t\t\t}\n\n\t\t\t\t.samplesTitle {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t\t.samplesExt::after {\n\t\t\t\t\tcontent: "sampler.exe";\n\t\t\t\t\tmargin-bottom: 0.5em;\n\n\t\t\t\t}\n\t\t\t\t.samplesExt {\n\t\t\t\t\tpadding-bottom: 8px;\n\t\t\t\t}\n\n\t\t\t\t.importTitle {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t\t.importExt::after {\n\t\t\t\t\tcontent: "import.exe";\n\t\t\t\t}\n\n\t\t\t\t.exportTitle {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t\t.exportExt::after {\n\t\t\t\t\tcontent: "export.exe";\n\t\t\t\t}\n\n\t\t\t\t.import-instrumentTitle {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t\t.import-instrumentExt::after {\n\t\t\t\t\tcontent: "importInstrument.exe";\n\t\t\t\t}\n\n\t\t\t\t.export-instrumentTitle {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t\t.export-instrumentExt::after {\n\t\t\t\t\tcontent: "exportInstrument.exe";\n\t\t\t\t}\n\n\t\t\t\t.song-lengthTitle {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t\t.song-lengthExt::after {\n\t\t\t\t\tcontent: "songExtender.exe";\n\t\t\t\t}\n\n\t\t\t\t.mnsTitle {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t\t.mnsExt::after {\n\t\t\t\t\tcontent: "moveNotesSideways.exe";\n\t\t\t\t}\n\n\t\t\t\t.themeExt::after {\n\t\t\t\t\tcontent: "setTheme.exe";\n\t\t\t\t}\n\t\t\t\t.themeTitle {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.customThemeExt::after {\n\t\t\t\t\tcontent: "customThemeEditor.exe";\n\t\t\t\t}\n\t\t\t\t.customThemeTitle {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.nrsTitle {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t\t.nrsExt::after {\n\t\t\t\t\tcontent: "setupMidiKeyboard.exe";\n\t\t\t\t}\n\n\t\t\t\t.beepboxEditor .promptContainer::before {\n\t\t\t\t\tbackground: #fff0;\n\t\t\t\t}\n\n\t\t* {\n\t\tcursor: url("https://choptop84.github.io/abyssbox-app/xpcursor.png"), auto !important;\n\t\t--play-symbol:url("https://choptop84.github.io/abyssbox-app/xpPlay.png");\n\t\t--pause-symbol:url("https://choptop84.github.io/abyssbox-app/xpPause.png");\n\t\t--record-symbol:url("https://choptop84.github.io/abyssbox-app/xpRecord.png");\n\t\t--stop-symbol:url("https://choptop84.github.io/abyssbox-app/xpStop.png");\n\t\t--prev-bar-symbol:url("https://choptop84.github.io/abyssbox-app/xpBackward.png");\n\t\t--next-bar-symbol:url("https://choptop84.github.io/abyssbox-app/xpForward.png");\n\t\t--file-page-symbol: url("https://choptop84.github.io/abyssbox-app/xpFile.png");\n\t\t--edit-pencil-symbol: url("https://choptop84.github.io/abyssbox-app/xpEdit.png");\n\t\t--preferences-gear-symbol: url("https://choptop84.github.io/abyssbox-app/xpPreferences.png");\n\t\t--muted-symbol: url("https://choptop84.github.io/abyssbox-app/xpSpeakerMute.png");\n\t\t--unmuted-symbol: url("https://choptop84.github.io/abyssbox-app/xpSpeaker.png");\n\t\t--volume-symbol: url("https://choptop84.github.io/abyssbox-app/xpSpeaker.png");\n\t\t--zoom-in-symbol: url("https://choptop84.github.io/abyssbox-app/xpZoomIn.png");\n\t\t--zoom-out-symbol: url("https://choptop84.github.io/abyssbox-app/xpZoomOut.png");\n\t\t}\n\n\t\t.beepboxEditor button,\n\t\tbutton.mobilePatternButton,\n\t\tbutton.mobileTrackButton,\n\t\tbutton.mobileSettingsButton,\n\t\tbutton.mobilePlayButton,\n\t\tbutton.mobilePauseButton,\n\t\tbutton.mobileNextBarButton,\n\t\tbutton.mobilePrevBarButton,\n\t\tbutton.playButton,\n\t\tbutton.pauseButton, \n\t\tbutton.recordButton, \n\t\tbutton.stopButton,\n\t\tbutton.nextBarButton, \n\t\tbutton.prevBarButton, \n\t\tbutton.copyButton, \n\t\tbutton.pasteButton, \n\t\tbutton.exportInstrumentButton, \n\t\tbutton.importInstrumentButton, \n\t\t.beepboxEditor select, \n\t\t.beepboxEditor .select2-selection__rendered {\n\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/xphandcursor.png"), pointer !important;\n\t\t\t}\n\n\t\tdiv.mute-button::before {\n\t\t\tbackground-image: url("https://choptop84.github.io/abyssbox-app/xpSpeaker.png") !important;\n\t\t\tbackground-size: 120% !important;\n\t\t\tbackground-position-x: center !important;\n\t\t\tbackground-position-y: center !important;\n\t\t\tbackground-repeat: no-repeat !important;\n\n\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t}\n\n\t\tdiv.mute-button.muted::before {\n\t\t\tbackground-image: url("https://choptop84.github.io/abyssbox-app/xpSpeakerMute.png") !important;\n\t\t\tbackground-size: 120% !important;\n\t\t\tbackground-position-x: center !important;\n\t\t\tbackground-position-y: center !important;\n\t\t\tbackground-repeat: no-repeat !important;\n\t\t\t\n\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t}\n\n\t\tbutton.recordButton::Before {\n\t\t\tbackground-image: url("https://choptop84.github.io/abyssbox-app/xpRecord.png") !important;\n\t\t\tbackground-size: 64% !important;\n\t\t\tbackground-position: center !important;\n\t\t\tbackground-repeat: no-repeat !important;\n\n\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\n\t\t}\n\n\t\tbutton.stopButton::Before {\n\t\t\tbackground-image: url("https://choptop84.github.io/abyssbox-app/xpStop.png") !important;\n\t\t\tbackground-size: 64% !important;\n\t\t\tbackground-position: center !important;\n\t\t\tbackground-repeat: no-repeat !important;\n\n\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\n\t\t}\n\n\t\tbutton.pauseButton::Before {\n\t\t\tbackground-image: url("https://choptop84.github.io/abyssbox-app/xpPause.png") !important;\n\t\t\tbackground-size: 64% !important;\n\t\t\tbackground-position: center !important;\n\t\t\tbackground-repeat: no-repeat !important;\n\n\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\n\t\t}\n\n\t\t.beepboxEditor span.volume-speaker {\n\t\t\tbackground-image: url("https://choptop84.github.io/abyssbox-app/xpSpeaker.png");\n\t\t\tbackground-position: center !important;\n\t\t\tbackground-repeat: no-repeat !important;\n\n\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t\t}\n\n\t\tdiv.selectContainer.menu.file::before {\n\n\t\t\tbackground-image: url("https://choptop84.github.io/abyssbox-app/xpFile.png");\n\t\t\tbackground-size: 64%;\n\t\t\tbackground-position-x: center;\n\t\t\tbackground-position-y: center;\n\n\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t}\n\n\t\tdiv.selectContainer.menu.edit::before {\n\n\t\t\tbackground-image: url("https://choptop84.github.io/abyssbox-app/xpEdit.png");\n\t\t\tbackground-size: 64%;\n\t\t\tbackground-position-x: center;\n\t\t\tbackground-position-y: center;\n\n\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t}\n\t\tdiv.selectContainer.menu.preferences::before {\n\n\t\t\tbackground-image: url("https://choptop84.github.io/abyssbox-app/xpPreferences.png");\n\t\t\tbackground-size: 64%;\n\t\t\tbackground-position-x: center;\n\t\t\tbackground-position-y: center;\n\n\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t}\n\t\tbutton.playButton::before {\n\n\t\t\tbackground-image: url("https://choptop84.github.io/abyssbox-app/xpPlay.png") !important;\n\t\t\tbackground-size: 64% !important;\n\t\t\tbackground-position: center !important;\n\n\n\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t}\n\n\t\t.beepboxEditor button.prevBarButton::before {\n\t\t\tbackground-image: url("https://choptop84.github.io/abyssbox-app/xpBackward.png") !important;\n\t\t\tbackground-size: 64% !important;\n\t\t\tbackground-position: center !important;\n\n\n\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\n\t\t}\n\n\t\t.beepboxEditor button.nextBarButton::before {\n\t\t\tbackground-image: url("https://choptop84.github.io/abyssbox-app/xpForward.png") !important;\n\t\t\tbackground-size: 64% !important;\n\t\t\tbackground-position: center !important;\n\n\n\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\n\t\t}\n\n\t\t.beepboxEditor .zoomInButton::before {\n\t\t\tbackground-image: url("https://choptop84.github.io/abyssbox-app/xpZoomIn.png") !important;\n\t\t\tbackground-position: center !important;\n\n\n\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\n\t\t}\n\n\t\t.beepboxEditor .zoomOutButton::before {\n\t\t\tbackground-image: url("https://choptop84.github.io/abyssbox-app/xpZoomOut.png") !important;\n\t\t\tbackground-position: center !important;\n\n\n\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\n\t\t}\n\n\t\t.beepboxEditor input[type="range"]::-moz-range-thumb {\n\t\t\tbackground-image: url("https://choptop84.github.io/abyssbox-app/scrollbar.png") !important;\n\t\t\tbackground-position: center !important;\n\t\t\tbackground-size: inherit !important;\n\n\t\t\tborder-radius: 0px !important;\n\t\t\twidth: 13px !important;\n\t\t\theight: 23px !important;\n\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\n\t\t}\n\n\t\t\t/* NON ICON STUFFS SO DON\'T GET CONFUSED DUMMY!!! */\n\n\t\t\t#text-content > section > h1 > font {\n\t\tdisplay: none;\n\t\t}\n\t\t#text-content > section > h1 {\n\t\tmargin: auto;\n\t\tcontent: url("https://choptop84.github.io/abyssbox-app/AbyssBox_XP.png");\n\t\t}\n\n\t\t\t\t/* sets background image */\n\t\tbody {\n\t\tbackground-image: url("https://choptop84.github.io/abyssbox-app/xphills.png") !important;\n\t\tbackground-size: cover;\n\t\tbackground-position: center;\n\t\tbackground-repeat: no-repeat;\n\t\t\t}\n\n\t\t\t#text-content {\n \t\t\t\tborder-image-source: url("https://choptop84.github.io/abyssbox-app/xptextbg.png");\n \t\t\t\tborder-image-slice: 11 fill; \n \t\t\t\tborder-image-width: 11px; \n\t\t\t\tborder-image-repeat: stretch;\n \t\t\t\tbackground-color: transparent; \n \t\t\t\tpadding: 14px; \n\t\t\t\t}\n\t\t\t#beepboxEditorContainer {\n \t\t\t\tborder-image-source: url("https://choptop84.github.io/abyssbox-app/xptextbg.png");\n \t\t\t\tborder-image-slice: 11 fill; \n \t\t\t\tborder-image-width: 11px; \n\t\t\t\tborder-image-repeat: stretch;\n \t\t\t\tbackground-color: transparent; \n \t\t\t\tpadding: 13px; \n\t\t\t\t}\n\n\t\t\t#firstImage {\n\t\t\t\tbackground-image: url("https://choptop84.github.io/abyssbox-app/xpsongeditorbg.png") !important;\n\t\t\t\tbackground-repeat: no-repeat !important;\n\t\t\t\tbackground-size: 100% 100% !important;\n\t\t\t}\n\n\t\t\tdiv.menu-area {\n\t\t\t\t--ui-widget-background: #edead9; \n\t\t\t}\n\t\t\tselect {\n\t\t\t\t--ui-widget-background: #edead9; \n\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/xphandcursor.png"), pointer !important;\n\t\t\t}\n\t\t\tdiv.playback-bar-controls {\n\t\t\t\t--ui-widget-background: #edead9; \n\t\t\t}\n\n\t\t\t.beepboxEditor input[type="range"]::-moz-range-track\n\t\t\t{\n\t\t\t\tbackground: rgba(222, 217, 189, 0.2) !important;\n\t\t\t\tbox-shadow:\n\t\t\t\t\t0px 0px 1px 1px rgba(0, 0, 0, 0.0), \n\t\t\t\t\tinset 0px 1px 2px 0px rgb(125, 120, 95), \n\t\t\t\t\tinset 0px -1px 0px 0px rgb(255, 255, 255)\n\t\t\t\t;\n\t\t\t\tborder-radius: 4px;\n\t\t\t} /* Thanks to LeoV\'s Skeumorphic theme on this one */\n\t\t\t\n\t\t\t.beepboxEditor input[type="range"]::-moz-range-track {\n\t\t\t\theight: 3px !important;\n\t\t\t}\n\t\t\t\n\t\t\t.beepboxEditor select:focus {\n\t\t\t\t\tborder-image-source: url("https://choptop84.github.io/abyssbox-app/xpbuttonpressedbg.png");\n\t\t\t\t\tborder-image-slice: 4 fill; \n\t\t\t\t\tborder-image-width: 4px; \n\t\t\t\t\tborder-image-repeat: repeat;\n\t\t\t\t\tbackground-color: transparent; \n\t\t\t\t\tpadding: 6px; \n\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/xphandcursor.png"), pointer !important;\n\t\t\t\t}\n\n\t\t\t\t.beepboxEditor input[type="checkbox"]\n\t\t\t\t{\n\t\t\t\t\tappearance: none;\n\t\t\t\t\tbackground: rgba(255, 255, 255, 1);\n\t\t\t\t\tcolor: currentColor;\n\t\t\t\t\tborder-radius: 0px;\n\t\t\t\t\twidth: 13px !important;\n\t\t\t\t\theight: 13px !important;\n\t\t\t\t\tbackground-image:url("https://choptop84.github.io/abyssbox-app/xpCheckmarkBlank.png");\n\t\t\t\t\tbackground-repeat:no-repeat;\n\n\t\t\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t\t\t\ttransform: scale(2) !important;\n\t\t\t\t\t}\n\n\t\t\t\t.beepboxEditor input[type="checkbox"]:checked\n\t\t\t\t{\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\ttransform: scale(2) !important;\n\t\t\t\t}\n\t\t\t\t \n\t\t\t\t.beepboxEditor input[type="checkbox"]:checked:after\n\t\t\t\t{\n\t\t\t\t\twidth: 13px;\n\t\t\t\t\theight: 13px;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\tcontent: "";\n\t\t\t\t\tbackground-repeat:no-repeat;\n\t\t\t\t\tbackground-image:url("https://choptop84.github.io/abyssbox-app/xpCheckmark.png");\n\t\t\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t\t\t}\n\n\t\t\t\tbutton.envelopeDropdown, div.selectRow button:not(.copyButton,.pasteButton,.exportInstrumentButton,.importInstrumentButton) {\n\t\t\t\t\t--ui-widget-background: var(--editor-background) !important;\n\t\t\t\t\tborder-image-source: none !important;\n\t\t\t\t}\n\n\t\t\t\t.beepboxEditor input[type="range"]::-webkit-slider-thumb\n\t\t\t\t{\n\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/xphandcursor.png"), pointer !important;\n\t\t\t\t}\n\t\t\t\t \n\t\t\t\t.beepboxEditor input[type="range"]::-webkit-slider-runnable-track\n\t\t\t\t{\n\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/xphandcursor.png"), pointer !important;\n\t\t\t\t}\n\t\t\t\t \n\t\t\t\t.beepboxEditor input[type="range"]:focus::-webkit-slider-runnable-track\n\t\t\t\t{\n\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/xphandcursor.png"), pointer !important;\n\t\t\t\t}\n\t\t\t\t \n\t\t\t\t.beepboxEditor input[type="range"]::-ms-thumb\n\t\t\t\t{\n\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/xphandcursor.png"), pointer !important;\n\t\t\t\t}\n\t\t\t\t \n\t\t\t\t.beepboxEditor input[type="range"]::-ms-track\n\t\t\t\t{\n\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/xphandcursor.png"), pointer !important;\n\t\t\t\t}\n\t\t\t\t \n\t\t\t\t.beepboxEditor input[type="range"]:focus::-ms-track\n\t\t\t\t{\n\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/xphandcursor.png"), pointer !important;\n\t\t\t\t}\n\t\t\t\t \n\t\t\t\t.beepboxEditor input[type="range"]::-moz-range-thumb\n\t\t\t\t{\n\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/xphandcursor.png"), pointer !important;\n\t\t\t\t}\n\t\t\t\t \n\t\t\t\t.beepboxEditor input[type="range"]::-moz-range-track\n\t\t\t\t{\n\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/xphandcursor.png"), pointer !important;\n\t\t\t\t}\n\t\t\t\t \n\t\t\t\t.beepboxEditor input[type="range"]:focus::-moz-range-track\n\t\t\t\t{\n\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/xphandcursor.png"), pointer !important;\n\t\t\t\t}\n\t\t\t\t \n\t\t\t\t.beepboxEditor input[type="text"],\n\t\t\t\t.beepboxEditor input[type="number"]\n\t\t\t\t{\n\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/xphandcursor.png"), pointer !important;\n\t\t\t\t}\n\t\t\t\t \n\t\t\t\t.beepboxEditor input[type="checkbox"]\n\t\t\t\t{\n\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/xphandcursor.png"), pointer !important;\n\t\t\t\t}\n\t\t\t\t \n\t\t\t\t.beepboxEditor input[type="checkbox"]:checked\n\t\t\t\t{\n\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/xphandcursor.png"), pointer !important;\n\t\t\t\t}\n\t\t\t\t \n\t\t\t\t.beepboxEditor input[type="checkbox"]:checked:after\n\t\t\t\t{\n\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/xphandcursor.png"), pointer !important;\n\t\t\t\t}\n\t\n\t\t\t\tdiv.selectRow span \n\t\t\t\t{\n\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/xphandcursor.png"), pointer !important;\n\t\t\t\t}\n\t\t\t\t \n\n\n\t\t\t',"Terminal 2.0 (AB)":'\n\t\t\t:root { \n\t\t\t--page-margin: black; \n\t\t\t--editor-background: black; \n\t\t\t--hover-preview: white; \n\t\t\t--playhead: white; \n\t\t\t--primary-text: #26ff00; \n\t\t\t--secondary-text: #0d6d00; \n\t\t\t--inverted-text: #000000; \n\t\t\t--text-selection: rgba(119,68,255,0.99); \n\t\t\t--box-selection-fill: rgba(255,255,255,0.2); \n\t\t\t--loop-accent: #1eff00; \n\t\t\t--link-accent: #8dff7e; \n\t\t\t--ui-widget-background: #000000; \n\t\t\t--ui-widget-focus: #242424; \n\t\t\t--pitch-background: #0d0d0d50; \n\t\t\t--tonic: #06350090; \n\t\t\t--fifth-note: #20202090; \n\t\t\t--white-piano-key: #ffffff; \n\t\t\t--black-piano-key: #000000; \n\t\t\t--white-piano-key-text: #131200; \n\t\t\t--black-piano-key-text: #fff; \n\t\t\t--use-color-formula: false; \n\t\t\t--track-editor-bg-pitch: #152912; \n\t\t\t--track-editor-bg-pitch-dim: #091307; \n\t\t\t--track-editor-bg-noise: #1a1a1a; \n\t\t\t--track-editor-bg-noise-dim: #333; \n\t\t\t--track-editor-bg-mod: #000000; \n\t\t\t--track-editor-bg-mod-dim: #000000; \n\t\t\t--multiplicative-mod-slider: #073c00; \n\t\t\t--overwriting-mod-slider: #0c6700; \n\t\t\t--indicator-primary: #139f00; \n\t\t\t--indicator-secondary: #1eff00; \n\t\t\t--select2-opt-group: #171717; \n\t\t\t--input-box-outline: #00ff00; \n\t\t\t--mute-button-normal: #00ff44; \n\t\t\t--mute-button-mod: #44ff00; \n\t\t\t--progress-bar: #00ff00;\n\t\t\t--pitch1-secondary-channel: #0099A1; \n\t\t\t--pitch1-primary-channel: #25F3FF; \n\t\t\t--pitch1-secondary-note: #00BDC7; \n\t\t\t--pitch1-primary-note: #92F9FF; \n\t\t\t--pitch2-secondary-channel: #A1A100; \n\t\t\t--pitch2-primary-channel: #FFFF25; \n\t\t\t--pitch2-secondary-note: #C7C700; \n\t\t\t--pitch2-primary-note: #FFFF92; \n\t\t\t--pitch3-secondary-channel: #C75000; \n\t\t\t--pitch3-primary-channel: #FF9752; \n\t\t\t--pitch3-secondary-note: #FF771C; \n\t\t\t--pitch3-primary-note: #FFCDAB; \n\t\t\t--pitch4-secondary-channel: #00A100; \n\t\t\t--pitch4-primary-channel: #50FF50; \n\t\t\t--pitch4-secondary-note: #00C700; \n\t\t\t--pitch4-primary-note: #A0FFA0; \n\t\t\t--pitch5-secondary-channel: #D020D0; \n\t\t\t--pitch5-primary-channel: #FF90FF; \n\t\t\t--pitch5-secondary-note: #E040E0; \n\t\t\t--pitch5-primary-note: #FFC0FF; \n\t\t\t--pitch6-secondary-channel: #7777B0; \n\t\t\t--pitch6-primary-channel: #A0A0FF; \n\t\t\t--pitch6-secondary-note: #8888D0; \n\t\t\t--pitch6-primary-note: #D0D0FF; \n\t\t\t--pitch7-secondary-channel: #8AA100; \n\t\t\t--pitch7-primary-channel: #DEFF25; \n\t\t\t--pitch7-secondary-note: #AAC700; \n\t\t\t--pitch7-primary-note: #E6FF92; \n\t\t\t--pitch8-secondary-channel: #DF0019; \n\t\t\t--pitch8-primary-channel: #FF98A4; \n\t\t\t--pitch8-secondary-note: #FF4E63; \n\t\t\t--pitch8-primary-note: #FFB2BB; \n\t\t\t--pitch9-secondary-channel: #00A170; \n\t\t\t--pitch9-primary-channel: #50FFC9; \n\t\t\t--pitch9-secondary-note: #00C78A; \n\t\t\t--pitch9-primary-note: #83FFD9; \n\t\t\t--pitch10-secondary-channel: #A11FFF; \n\t\t\t--pitch10-primary-channel: #CE8BFF; \n\t\t\t--pitch10-secondary-note: #B757FF; \n\t\t\t--pitch10-primary-note: #DFACFF; \n\t\t\t--noise1-secondary-channel: #6F6F6F; \n\t\t\t--noise1-primary-channel: #AAAAAA; \n\t\t\t--noise1-secondary-note: #A7A7A7; \n\t\t\t--noise1-primary-note: #E0E0E0; \n\t\t\t--noise2-secondary-channel: #996633; \n\t\t\t--noise2-primary-channel: #DDAA77; \n\t\t\t--noise2-secondary-note: #CC9966; \n\t\t\t--noise2-primary-note: #F0D0BB; \n\t\t\t--noise3-secondary-channel: #4A6D8F; \n\t\t\t--noise3-primary-channel: #77AADD; \n\t\t\t--noise3-secondary-note: #6F9FCF; \n\t\t\t--noise3-primary-note: #BBD7FF; \n\t\t\t--noise4-secondary-channel: #7A4F9A; \n\t\t\t--noise4-primary-channel: #AF82D2; \n\t\t\t--noise4-secondary-note: #9E71C1; \n\t\t\t--noise4-primary-note: #D4C1EA; \n\t\t\t--noise5-secondary-channel: #607837; \n\t\t\t--noise5-primary-channel: #A2BB77; \n\t\t\t--noise5-secondary-note: #91AA66; \n\t\t\t--noise5-primary-note: #C5E2B2; \n\t\t\t--mod1-secondary-channel: #339955; \n\t\t\t--mod1-primary-channel: #77fc55; \n\t\t\t--mod1-secondary-note: #77ff8a; \n\t\t\t--mod1-primary-note: #cdffee; \n\t\t\t--mod2-secondary-channel: #993355; \n\t\t\t--mod2-primary-channel: #f04960; \n\t\t\t--mod2-secondary-note: #f057a0; \n\t\t\t--mod2-primary-note: #ffb8de; \n\t\t\t--mod3-secondary-channel: #553399; \n\t\t\t--mod3-primary-channel: #8855fc; \n\t\t\t--mod3-secondary-note: #aa64ff; \n\t\t\t--mod3-primary-note: #f8ddff; \n\t\t\t--mod4-secondary-channel: #a86436; \n\t\t\t--mod4-primary-channel: #c8a825; \n\t\t\t--mod4-secondary-note: #e8ba46; \n\t\t\t--mod4-primary-note: #fff6d3; \n\t\t\t--mod-label-primary: #164705; \n\t\t\t--mod-label-secondary-text: #333; \n\t\t\t--mod-label-primary-text: #44ff00; \n\t\t\t--disabled-note-primary: #999; \n\t\t\t--disabled-note-secondary: #666; \n\t\t\t--note-flash: #a4ff82; \n\t\t\t--note-flash-secondary: #dffbd57a; }\n\t\t\t\n\t\t\t.overlay {\n\t\t\t\tbackground-image: url("https://choptop84.github.io/choptop84s-image-repository/lines2.png") !important;\n\t\t\t\tbackground-size: 10%;\n\t\t\t}\n\n\t\t\t\t\t\t@font-face {\n\t\t\t\t\t font-family: "Workbench";\n\t\t\t\t\t src:\n\t\t\t\t\t\turl("https://choptop84.github.io/abyssbox-app/Workbench.ttf") format("truetype") tech(color-COLRv1),\n\t\t\t\t\t\t}\n\t\t\t\n\t\t\t\t\t\thtml {\n\t\t\t\t\t\t\tfont-family: \'Workbench\';\n\t\t\t\t\t\t}\n\t\t\t\n\t\t\t\t\t\tdiv.channelBoxLabel {\n\t\t\t\t\t\t\tfont-family: \'Workbench\' !important;\n\t\t\t\t\t\t}\n\t\t\t\n\t\t\t\t\t\t\t#firstImage {\n\t\t\t\t\t\t\t\tbackground-image: url("https://choptop84.github.io/choptop84s-image-repository/lines.png") !important;\n\t\t\t\t\t\t\t\tbackground-repeat: repeat !important;\n\t\t\t\t\t\t\t\tbackground-size: 40% 40% !important;\n\t\t\t\t\t\t\t\topacity: 70%;\n\t\t\t\t\t\t\t}\n\t\t\t\n\t\t\t\t\t\t.modTitle::before {\n\t\t\t\t\t\t\tcontent: "> AbyssBox Terminal 2.0" !important;\n\t\t\t\t\t\t}\n\t\t\t',Slushie:"\n\t\t\t:root { \n\t\t\t\t--page-margin: #040814; \n\t\t\t\t--editor-background: #040814; \n\t\t\t\t--hover-preview: #c6f7ff; \n\t\t\t\t--playhead: white; \n\t\t\t\t--primary-text: #d3f3ff; \n\t\t\t\t--secondary-text: #6f72b5; \n\t\t\t\t--inverted-text: black; \n\t\t\t\t--text-selection: rgba(119,68,255,0.99); \n\t\t\t\t--box-selection-fill: rgb(43 70 171 / 62%); \n\t\t\t\t--loop-accent: #573ebb; \n\t\t\t\t--link-accent: #98f; \n\t\t\t\t--ui-widget-background: #2e2f44; \n\t\t\t\t--ui-widget-focus: #2b2c46; \n\t\t\t\t--pitch-background: #353654; \n\t\t\t\t--tonic: #716fe3; \n\t\t\t\t--fifth-note: #76469b; \n\t\t\t\t--white-piano-key: #abbce3; \n\t\t\t\t--black-piano-key: #2f235e; \n\t\t\t\t--use-color-formula: false; \n\t\t\t\t--track-editor-bg-pitch: #3a3b5c; \n\t\t\t\t--track-editor-bg-pitch-dim: #1f2036; \n\t\t\t\t--track-editor-bg-noise: #3c3554; \n\t\t\t\t--track-editor-bg-noise-dim: #1e1834; \n\t\t\t\t--track-editor-bg-mod: #30335e; \n\t\t\t\t--track-editor-bg-mod-dim: #161938; \n\t\t\t\t--multiplicative-mod-slider: #e29cff; \n\t\t\t\t--overwriting-mod-slider: #495789; \n\t\t\t\t--indicator-primary: #e1a6ff; \n\t\t\t\t--indicator-secondary: #415187; \n\t\t\t\t--select2-opt-group: #22223a; \n\t\t\t\t--input-box-outline: #2d2648; \n\t\t\t\t--mute-button-normal: #7aceff; \n\t\t\t\t--mute-button-mod: #9d6bff; \n\t\t\t\t--pitch1-secondary-channel: #5f3ea5; \n\t\t\t\t--pitch1-primary-channel: #c1a4ff; \n\t\t\t\t--pitch1-secondary-note: #794fd3; \n\t\t\t\t--pitch1-primary-note: #d8c6ff; \n\t\t\t\t--pitch2-secondary-channel: #4f44bf; \n\t\t\t\t--pitch2-primary-channel: #9287ff; \n\t\t\t\t--pitch2-secondary-note: #5e51d9; \n\t\t\t\t--pitch2-primary-note: #b6afff; \n\t\t\t\t--pitch3-secondary-channel: #374eb9; \n\t\t\t\t--pitch3-primary-channel: #8097ff; \n\t\t\t\t--pitch3-secondary-note: #445cc9; \n\t\t\t\t--pitch3-primary-note: #a0b2ff; \n\t\t\t\t--pitch4-secondary-channel: #2867cf; \n\t\t\t\t--pitch4-primary-channel: #6fa5ff; \n\t\t\t\t--pitch4-secondary-note: #2e6ed7; \n\t\t\t\t--pitch4-primary-note: #a6c7ff; \n\t\t\t\t--pitch5-secondary-channel: #3175a7; \n\t\t\t\t--pitch5-primary-channel: #7ec9ff; \n\t\t\t\t--pitch5-secondary-note: #367eb3; \n\t\t\t\t--pitch5-primary-note: #9fd7ff; \n\t\t\t\t--pitch6-secondary-channel: #3993a9; \n\t\t\t\t--pitch6-primary-channel: #8ce9ff; \n\t\t\t\t--pitch6-secondary-note: #386da3; \n\t\t\t\t--pitch6-primary-note: #9eecff; \n\t\t\t\t--pitch7-secondary-channel: #369d8a; \n\t\t\t\t--pitch7-primary-channel: #8bfce7; \n\t\t\t\t--pitch7-secondary-note: #1c93a7; \n\t\t\t\t--pitch7-primary-note: #abffef; \n\t\t\t\t--pitch8-secondary-channel: #00A170; \n\t\t\t\t--pitch8-primary-channel: #50FFC9; \n\t\t\t\t--pitch8-secondary-note: #00C78A; \n\t\t\t\t--pitch8-primary-note: #83FFD9; \n\t\t\t\t--pitch9-secondary-channel: #49b374; \n\t\t\t\t--pitch9-primary-channel: #8affa9; \n\t\t\t\t--pitch9-secondary-note: #26815f; \n\t\t\t\t--pitch9-primary-note: #c8ffde; \n\t\t\t\t--pitch10-secondary-channel: #58a747; \n\t\t\t\t--pitch10-primary-channel: #bbffaa; \n\t\t\t\t--pitch10-secondary-note: #1d7c48; \n\t\t\t\t--pitch10-primary-note: #c7ffbc; \n\t\t\t\t--noise1-secondary-channel: #42829b; \n\t\t\t\t--noise1-primary-channel: #97d3fc; \n\t\t\t\t--noise1-secondary-note: #3f53b3; \n\t\t\t\t--noise1-primary-note: #97d3fc; \n\t\t\t\t--noise2-secondary-channel: #6354bb; \n\t\t\t\t--noise2-primary-channel: #9a89ff; \n\t\t\t\t--noise2-secondary-note: #5f4dcd; \n\t\t\t\t--noise2-primary-note: #c6bcff; \n\t\t\t\t--noise3-secondary-channel: #704a95; \n\t\t\t\t--noise3-primary-channel: #c285ff; \n\t\t\t\t--noise3-secondary-note: #ad5aff; \n\t\t\t\t--noise3-primary-note: #d3a6ff; \n\t\t\t\t--noise4-secondary-channel: #a53c65; \n\t\t\t\t--noise4-primary-channel: #f794bb; \n\t\t\t\t--noise4-secondary-note: #cb5080; \n\t\t\t\t--noise4-primary-note: #f794bb; \n\t\t\t\t--noise5-secondary-channel: #9b2d2d; \n\t\t\t\t--noise5-primary-channel: #ff7676; \n\t\t\t\t--noise5-secondary-note: #cb4444; \n\t\t\t\t--noise5-primary-note: #ff9999; \n\t\t\t\t--mod1-secondary-channel: #b7613c; \n\t\t\t\t--mod1-primary-channel: #ff9f76; \n\t\t\t\t--mod1-secondary-note: #e77e52; \n\t\t\t\t--mod1-primary-note: #ffb99b; \n\t\t\t\t--mod2-secondary-channel: #916d34; \n\t\t\t\t--mod2-primary-channel: #fece80; \n\t\t\t\t--mod2-secondary-note: #c58b35; \n\t\t\t\t--mod2-primary-note: #ffdda5; \n\t\t\t\t--mod3-secondary-channel: #83761a; \n\t\t\t\t--mod3-primary-channel: #fdf68c; \n\t\t\t\t--mod3-secondary-note: #c18e00; \n\t\t\t\t--mod3-primary-note: #fdf68c; \n\t\t\t\t--mod4-secondary-channel: #a86436; \n\t\t\t\t--mod4-primary-channel: #c8a825; \n\t\t\t\t--mod4-secondary-note: #e8ba46; \n\t\t\t\t--mod4-primary-note: #c8a825; \n\t\t\t\t--mod-label-primary: #37325e; \n\t\t\t\t--mod-label-secondary-text: #6e8aa7; \n\t\t\t\t--mod-label-primary-text: #c1ffff; \n\t\t\t\t--disabled-note-primary: #999; \n\t\t\t\t--disabled-note-secondary: #666; \n\t\t\t\t--note-flash: #ffffff; \n\t\t\t\t--note-flash-secondary: #ffffff77; }\n\t\t\t","Slushie Pixel":'\n\t\t\t:root { \n\t\t\t\t--page-margin: #040814; \n\t\t\t\t--editor-background: #040814; \n\t\t\t\t--hover-preview: #c6f7ff; \n\t\t\t\t--playhead: white; \n\t\t\t\t--primary-text: #d3f3ff; \n\t\t\t\t--secondary-text: #6f72b5; \n\t\t\t\t--inverted-text: black; \n\t\t\t\t--text-selection: rgba(119,68,255,0.99); \n\t\t\t\t--box-selection-fill: rgb(43 70 171 / 62%); \n\t\t\t\t--loop-accent: #573ebb; \n\t\t\t\t--link-accent: #98f; \n\t\t\t\t--ui-widget-background: #2e2f44; \n\t\t\t\t--ui-widget-focus: #2b2c46; \n\t\t\t\t--pitch-background: #353654; \n\t\t\t\t--tonic: #716fe3; \n\t\t\t\t--fifth-note: #76469b; \n\t\t\t\t--white-piano-key: #abbce3; \n\t\t\t\t--black-piano-key: #2f235e; \n\t\t\t\t--progress-bar: #716fe3;\n\t\t\t\t--use-color-formula: false; \n\t\t\t\t--track-editor-bg-pitch: #3a3b5c; \n\t\t\t\t--track-editor-bg-pitch-dim: #1f2036; \n\t\t\t\t--track-editor-bg-noise: #3c3554; \n\t\t\t\t--track-editor-bg-noise-dim: #1e1834; \n\t\t\t\t--track-editor-bg-mod: #30335e; \n\t\t\t\t--track-editor-bg-mod-dim: #161938; \n\t\t\t\t--multiplicative-mod-slider: #e29cff; \n\t\t\t\t--overwriting-mod-slider: #495789; \n\t\t\t\t--indicator-primary: #e1a6ff; \n\t\t\t\t--indicator-secondary: #415187; \n\t\t\t\t--select2-opt-group: #22223a; \n\t\t\t\t--input-box-outline: #2d2648; \n\t\t\t\t--mute-button-normal: #7aceff; \n\t\t\t\t--mute-button-mod: #9d6bff; \n\t\t\t\t--pitch1-secondary-channel: #5f3ea5; \n\t\t\t\t--pitch1-primary-channel: #c1a4ff; \n\t\t\t\t--pitch1-secondary-note: #794fd3; \n\t\t\t\t--pitch1-primary-note: #d8c6ff; \n\t\t\t\t--pitch2-secondary-channel: #4f44bf; \n\t\t\t\t--pitch2-primary-channel: #9287ff; \n\t\t\t\t--pitch2-secondary-note: #5e51d9; \n\t\t\t\t--pitch2-primary-note: #b6afff; \n\t\t\t\t--pitch3-secondary-channel: #374eb9; \n\t\t\t\t--pitch3-primary-channel: #8097ff; \n\t\t\t\t--pitch3-secondary-note: #445cc9; \n\t\t\t\t--pitch3-primary-note: #a0b2ff; \n\t\t\t\t--pitch4-secondary-channel: #2867cf; \n\t\t\t\t--pitch4-primary-channel: #6fa5ff; \n\t\t\t\t--pitch4-secondary-note: #2e6ed7; \n\t\t\t\t--pitch4-primary-note: #a6c7ff; \n\t\t\t\t--pitch5-secondary-channel: #3175a7; \n\t\t\t\t--pitch5-primary-channel: #7ec9ff; \n\t\t\t\t--pitch5-secondary-note: #367eb3; \n\t\t\t\t--pitch5-primary-note: #9fd7ff; \n\t\t\t\t--pitch6-secondary-channel: #3993a9; \n\t\t\t\t--pitch6-primary-channel: #8ce9ff; \n\t\t\t\t--pitch6-secondary-note: #386da3; \n\t\t\t\t--pitch6-primary-note: #9eecff; \n\t\t\t\t--pitch7-secondary-channel: #369d8a; \n\t\t\t\t--pitch7-primary-channel: #8bfce7; \n\t\t\t\t--pitch7-secondary-note: #1c93a7; \n\t\t\t\t--pitch7-primary-note: #abffef; \n\t\t\t\t--pitch8-secondary-channel: #00A170; \n\t\t\t\t--pitch8-primary-channel: #50FFC9; \n\t\t\t\t--pitch8-secondary-note: #00C78A; \n\t\t\t\t--pitch8-primary-note: #83FFD9; \n\t\t\t\t--pitch9-secondary-channel: #49b374; \n\t\t\t\t--pitch9-primary-channel: #8affa9; \n\t\t\t\t--pitch9-secondary-note: #26815f; \n\t\t\t\t--pitch9-primary-note: #c8ffde; \n\t\t\t\t--pitch10-secondary-channel: #58a747; \n\t\t\t\t--pitch10-primary-channel: #bbffaa; \n\t\t\t\t--pitch10-secondary-note: #1d7c48; \n\t\t\t\t--pitch10-primary-note: #c7ffbc; \n\t\t\t\t--noise1-secondary-channel: #42829b; \n\t\t\t\t--noise1-primary-channel: #97d3fc; \n\t\t\t\t--noise1-secondary-note: #3f53b3; \n\t\t\t\t--noise1-primary-note: #97d3fc; \n\t\t\t\t--noise2-secondary-channel: #6354bb; \n\t\t\t\t--noise2-primary-channel: #9a89ff; \n\t\t\t\t--noise2-secondary-note: #5f4dcd; \n\t\t\t\t--noise2-primary-note: #c6bcff; \n\t\t\t\t--noise3-secondary-channel: #704a95; \n\t\t\t\t--noise3-primary-channel: #c285ff; \n\t\t\t\t--noise3-secondary-note: #ad5aff; \n\t\t\t\t--noise3-primary-note: #d3a6ff; \n\t\t\t\t--noise4-secondary-channel: #a53c65; \n\t\t\t\t--noise4-primary-channel: #f794bb; \n\t\t\t\t--noise4-secondary-note: #cb5080; \n\t\t\t\t--noise4-primary-note: #f794bb; \n\t\t\t\t--noise5-secondary-channel: #9b2d2d; \n\t\t\t\t--noise5-primary-channel: #ff7676; \n\t\t\t\t--noise5-secondary-note: #cb4444; \n\t\t\t\t--noise5-primary-note: #ff9999; \n\t\t\t\t--mod1-secondary-channel: #b7613c; \n\t\t\t\t--mod1-primary-channel: #ff9f76; \n\t\t\t\t--mod1-secondary-note: #e77e52; \n\t\t\t\t--mod1-primary-note: #ffb99b; \n\t\t\t\t--mod2-secondary-channel: #916d34; \n\t\t\t\t--mod2-primary-channel: #fece80; \n\t\t\t\t--mod2-secondary-note: #c58b35; \n\t\t\t\t--mod2-primary-note: #ffdda5; \n\t\t\t\t--mod3-secondary-channel: #83761a; \n\t\t\t\t--mod3-primary-channel: #fdf68c; \n\t\t\t\t--mod3-secondary-note: #c18e00; \n\t\t\t\t--mod3-primary-note: #fdf68c; \n\t\t\t\t--mod4-secondary-channel: #a86436; \n\t\t\t\t--mod4-primary-channel: #c8a825; \n\t\t\t\t--mod4-secondary-note: #e8ba46; \n\t\t\t\t--mod4-primary-note: #c8a825; \n\t\t\t\t--mod-label-primary: #37325e; \n\t\t\t\t--mod-label-secondary-text: #6e8aa7; \n\t\t\t\t--mod-label-primary-text: #c1ffff; \n\t\t\t\t--disabled-note-primary: #999; \n\t\t\t\t--disabled-note-secondary: #666; \n\t\t\t\t--note-flash: #ffffff; \n\t\t\t\t--note-flash-secondary: #ffffff77; }\n\t\t\t\n\t\t\t\t* {\n\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/slush_pixel_cursor.png"), auto !important;\n\t\t\t\t--file-page-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-file.png");\n\t\t\t\t--edit-pencil-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-edit.png");\n\t\t\t\t--preferences-gear-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-preferences.png");\n\t\t\t\t--instrument-copy-symbol: url("https://choptop84.github.io/abyssbox-app/icon-copy.png");\n\t\t\t\t--instrument-paste-symbol: url("https://choptop84.github.io/abyssbox-app/icon-paste.png");\n\t\t\t\t--play-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-play.png");\n\t\t\t\t--pause-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-pause.png");\n\t\t\t\t--record-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-record.png");\n\t\t\t\t--stop-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-stop.png");\n\t\t\t\t--prev-bar-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-prev.png");\n\t\t\t\t--next-bar-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-next.png");\n\t\t\t\t--muted-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-speakerMuted.png");\n\t\t\t\t--unmuted-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-speaker.png");\n\t\t\t\t--volume-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-speaker.png");\n\t\t\t\t--zoom-in-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-zoomIn.png");\n\t\t\t\t--zoom-out-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-zoomOut.png");\n\t\t\t\t--export-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-export.png");\n\t\t\t\t--export-instrument-symbol: var(--export-symbol);\n\t\t\t\t--import-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-import.png");\n\t\t\t\t} \n\t\t\t\t\t@font-face {\n\t\t\t\t font-family: "AbyssType";\n\t\t\t\t src:\n\t\t\t\t\turl("abysstype.otf") format("opentype") tech(color-COLRv1),\n\t\t\t\t\t}\n\t\t\t\n\t\t\t\t\t@font-face {\n\t\t\t\t font-family: "AbyssType_small";\n\t\t\t\t src:\n\t\t\t\t\turl("abysstype_small.otf") format("opentype") tech(color-COLRv1),\n\t\t\t\t\t}\n\t\t\t\n\t\t\t\t\tbody {\n\t\t\t\t\t\tbackground-image: url("https://choptop84.github.io/choptop84s-image-repository/slushbg.gif") !important;\n\t\t\t\t\t\tbackground-size: 32px;\n\t\t\t\t\t\tbackground-position: center;\n\t\t\t\t\t\tbackground-repeat: repeat;\n\t\t\t\n\t\t\t\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\t\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\t\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\t\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\t\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t\t\t\t\t}\n\t\t\t\n\t\t\t\t\t#text-content {\n\t\t\t\t\t\tborder-image-source: url("https://choptop84.github.io/choptop84s-image-repository/slushiepixel_border.png");\n\t\t\t\t\t\tborder-image-slice: 4 fill; \n\t\t\t\t\t border-image-width: 8px; \n\t\t\t\t\tborder-image-repeat: repeat; \n\t\t\t\t\t\tpadding-left: 12px; \n\t\t\t\t\t\tpadding-right: 12px; \n\t\t\t\t\t\tpadding-bottom: 12px; \n\t\t\t\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\t\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\t\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\t\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\t\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t\t\t\t}\n\t\t\t\t#beepboxEditorContainer {\n\t\t\t\t\t\tborder-image-source: url("https://choptop84.github.io/choptop84s-image-repository/slushiepixel_border.png");\n\t\t\t\t\t\tborder-image-slice: 4 fill; \n\t\t\t\t\t border-image-width: 8px; \n\t\t\t\t\tborder-image-repeat: repeat;\n\t\t\t\t\t\tpadding-left: 12px; \n\t\t\t\t\t\tpadding-right: 12px; \n\t\t\t\t\t\tpadding-bottom: 12px; \n\t\t\t\n\t\t\t\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\t\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\t\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\t\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\t\t\t\timage-rendering: optimizeSpeed !important; /* IE */ \n\t\t\t\t\t}\n\t\t\t\n\t\t\t\t\t.beepboxEditor button,\n\t\t\t\t\tbutton.mobilePatternButton,\n\t\t\t\t\tbutton.mobileTrackButton,\n\t\t\t\t\tbutton.mobileSettingsButton,\n\t\t\t\t\tbutton.mobilePlayButton,\n\t\t\t\t\tbutton.mobilePauseButton,\n\t\t\t\t\tbutton.mobileNextBarButton,\n\t\t\t\t\tbutton.mobilePrevBarButton,\n\t\t\t\t\tbutton.playButton,\n\t\t\t\t\tbutton.pauseButton, \n\t\t\t\t\tbutton.recordButton, \n\t\t\t\t\tbutton.stopButton,\n\t\t\t\t\tbutton.nextBarButton, \n\t\t\t\t\tbutton.prevBarButton, \n\t\t\t\t\tbutton.copyButton, \n\t\t\t\t\tbutton.pasteButton, \n\t\t\t\t\tbutton.exportInstrumentButton, \n\t\t\t\t\tbutton.importInstrumentButton, \n\t\t\t\t\t.beepboxEditor select, \n\t\t\t\t\t.beepboxEditor .select2-selection__rendered {\n\t\t\t\t\t\t\tborder-image-source: url("https://choptop84.github.io/choptop84s-image-repository/slushie buttonbg.png") !important;\n\t\t\t\t\t\t\tborder-image-slice: 4 fill !important; \n\t\t\t\t\t\t border-image-width: 4px !important; \n\t\t\t\t\t\tborder-image-repeat: stretch !important;\n\t\t\t\t\t\t\tpadding: 4px !important; \n\t\t\t\n\t\t\t\t\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\t\t\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\t\t\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\t\t\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\t\t\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t\t\n\t\t\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/slush_pixel_hand.png"), pointer !important;\n\t\t\t\t\t\t}\n\t\t\t\n\t\t\t\t\t\tbutton.envelopeDropdown, div.selectRow button:not(.copyButton,.pasteButton,.exportInstrumentButton,.importInstrumentButton) {\n\t\t\t\t\t\t\t--ui-widget-background: var(--editor-background) !important;\n\t\t\t\t\t\t\tborder-image-source: none !important;\n\t\t\t\t\t\t}\n\n\t\t\t\t\thtml {\n\t\t\t\t\tfont-family: \'AbyssType\';\n\t\t\t\t\t}\n\t\t\t\t\tdiv.channelBoxLabel {\n\t\t\t\t\t\tfont-family: \'AbyssType_small\' !important;\n\t\t\t\t\t}\n\t\t\t\n\t\t\t\t\t.beepboxEditor input[type="range"]::-webkit-slider-thumb\n\t\t\t\t\t{\n\t\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/slush_pixel_hand.png"), pointer !important;\n\t\t\t\t\t}\n\t\t\t\t\t \n\t\t\t\t\t.beepboxEditor input[type="range"]::-webkit-slider-runnable-track\n\t\t\t\t\t{\n\t\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/slush_pixel_hand.png"), pointer !important;\n\t\t\t\t\t}\n\t\t\t\t\t \n\t\t\t\t\t.beepboxEditor input[type="range"]:focus::-webkit-slider-runnable-track\n\t\t\t\t\t{\n\t\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/slush_pixel_hand.png"), pointer !important;\n\t\t\t\t\t}\n\t\t\t\t\t \n\t\t\t\t\t.beepboxEditor input[type="range"]::-ms-thumb\n\t\t\t\t\t{\n\t\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/slush_pixel_hand.png"), pointer !important;\n\t\t\t\t\t}\n\t\t\t\t\t \n\t\t\t\t\t.beepboxEditor input[type="range"]::-ms-track\n\t\t\t\t\t{\n\t\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/slush_pixel_hand.png"), pointer !important;\n\t\t\t\t\t}\n\t\t\t\t\t \n\t\t\t\t\t.beepboxEditor input[type="range"]:focus::-ms-track\n\t\t\t\t\t{\n\t\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/slush_pixel_hand.png"), pointer !important;\n\t\t\t\t\t}\n\t\t\t\t\t \n\t\t\t\t\t.beepboxEditor input[type="range"]::-moz-range-thumb\n\t\t\t\t\t{\n\t\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/slush_pixel_hand.png"), pointer !important;\n\t\t\t\t\t}\n\t\t\t\t\t \n\t\t\t\t\t.beepboxEditor input[type="range"]::-moz-range-track\n\t\t\t\t\t{\n\t\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/slush_pixel_hand.png"), pointer !important;\n\t\t\t\t\t}\n\t\t\t\t\t \n\t\t\t\t\t.beepboxEditor input[type="range"]:focus::-moz-range-track\n\t\t\t\t\t{\n\t\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/slush_pixel_hand.png"), pointer !important;\n\t\t\t\t\t}\n\t\t\t\t\t \n\t\t\t\t\t.beepboxEditor input[type="text"],\n\t\t\t\t\t.beepboxEditor input[type="number"]\n\t\t\t\t\t{\n\t\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/slush_pixel_hand.png"), pointer !important;\n\t\t\t\t\t}\n\t\t\t\t\t \n\t\t\t\t\t.beepboxEditor input[type="checkbox"]\n\t\t\t\t\t{\n\t\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/slush_pixel_hand.png"), pointer !important;\n\t\t\t\t\t}\n\t\t\t\t\t \n\t\t\t\t\t.beepboxEditor input[type="checkbox"]:checked\n\t\t\t\t\t{\n\t\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/slush_pixel_hand.png"), pointer !important;\n\t\t\t\t\t}\n\t\t\t\t\t \n\t\t\t\t\t.beepboxEditor input[type="checkbox"]:checked:after\n\t\t\t\t\t{\n\t\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/slush_pixel_hand.png"), pointer !important;\n\t\t\t\t\t}\n\t\t\t\n\t\t\t\t\tdiv.selectRow span {\n\t\t\t\t\t\tcursor: url("https://choptop84.github.io/choptop84s-image-repository/slush_pixel_hand.png"), pointer !important;\n\t\t\t\t\t}\n\t\t\t',"2012 Video Tutorial":'\n\t\t\t:root {\n\t\t\t\t--page-margin: black;\n\t\t\t\t--editor-background: black;\n\t\t\t\t--hover-preview: white;\n\t\t\t\t--playhead: white;\n\t\t\t\t--primary-text: white;\n\t\t\t\t--secondary-text: #999;\n\t\t\t\t--inverted-text: black;\n\t\t\t\t--text-selection: rgba(119,68,255,0.99);\n\t\t\t\t--box-selection-fill: rgba(255,255,255,0.2);\n\t\t\t\t--loop-accent: #74f;\n\t\t\t\t--link-accent: #98f;\n\t\t\t\t--ui-widget-background: #444;\n\t\t\t\t--ui-widget-focus: #777;\n\t\t\t\t--pitch-background: #444;\n\t\t\t\t--tonic: #864;\n\t\t\t\t--fifth-note: #468;\n\t\t\t\t--white-piano-key: #bbb;\n\t\t\t\t--black-piano-key: #444;\n\t\t\t\t--white-piano-key-text: #131200;\n\t\t\t\t--black-piano-key-text: #fff;\n\t\t\t\t\t--use-color-formula: false;\n\t\t\t\t\t--track-editor-bg-pitch: #444;\n\t\t\t\t\t--track-editor-bg-pitch-dim: #333;\n\t\t\t\t\t--track-editor-bg-noise: #444;\n\t\t\t\t\t--track-editor-bg-noise-dim: #333;\n\t\t\t\t\t--track-editor-bg-mod: #234;\n\t\t\t\t\t--track-editor-bg-mod-dim: #123;\n\t\t\t\t\t--multiplicative-mod-slider: #456;\n\t\t\t\t\t--overwriting-mod-slider: #654;\n\t\t\t\t\t--indicator-primary: #74f;\n\t\t\t\t\t--indicator-secondary: #444;\n\t\t\t\t\t--select2-opt-group: #585858;\n\t\t\t\t\t--input-box-outline: #333;\n\t\t\t\t\t--mute-button-normal: #ffa033;\n\t\t\t\t\t--mute-button-mod: #9a6bff;\n\t\t\t\t--pitch1-secondary-channel: #0099A1;\n\t\t\t\t--pitch1-primary-channel: #25F3FF;\n\t\t\t\t--pitch1-secondary-note: #00BDC7;\n\t\t\t\t--pitch1-primary-note: #92F9FF;\n\t\t\t\t--pitch2-secondary-channel: #A1A100;\n\t\t\t\t--pitch2-primary-channel: #FFFF25;\n\t\t\t\t--pitch2-secondary-note: #C7C700;\n\t\t\t\t--pitch2-primary-note: #FFFF92;\n\t\t\t\t--pitch3-secondary-channel: #C75000;\n\t\t\t\t--pitch3-primary-channel: #FF9752;\n\t\t\t\t--pitch3-secondary-note: #FF771C;\n\t\t\t\t--pitch3-primary-note: #FFCDAB;\n\t\t\t\t--pitch4-secondary-channel: #00A100;\n\t\t\t\t--pitch4-primary-channel: #50FF50;\n\t\t\t\t--pitch4-secondary-note: #00C700;\n\t\t\t\t--pitch4-primary-note: #A0FFA0;\n\t\t\t\t--pitch5-secondary-channel: #D020D0;\n\t\t\t\t--pitch5-primary-channel: #FF90FF;\n\t\t\t\t--pitch5-secondary-note: #E040E0;\n\t\t\t\t--pitch5-primary-note: #FFC0FF;\n\t\t\t\t--pitch6-secondary-channel: #7777B0;\n\t\t\t\t--pitch6-primary-channel: #A0A0FF;\n\t\t\t\t--pitch6-secondary-note: #8888D0;\n\t\t\t\t--pitch6-primary-note: #D0D0FF;\n\t\t\t\t--pitch7-secondary-channel: #8AA100;\n\t\t\t\t--pitch7-primary-channel: #DEFF25;\n\t\t\t\t--pitch7-secondary-note: #AAC700;\n\t\t\t\t--pitch7-primary-note: #E6FF92;\n\t\t\t\t--pitch8-secondary-channel: #DF0019;\n\t\t\t\t--pitch8-primary-channel: #FF98A4;\n\t\t\t\t--pitch8-secondary-note: #FF4E63;\n\t\t\t\t--pitch8-primary-note: #FFB2BB;\n\t\t\t\t--pitch9-secondary-channel: #00A170;\n\t\t\t\t--pitch9-primary-channel: #50FFC9;\n\t\t\t\t--pitch9-secondary-note: #00C78A;\n\t\t\t\t--pitch9-primary-note: #83FFD9;\n\t\t\t\t--pitch10-secondary-channel:#A11FFF;\n\t\t\t\t--pitch10-primary-channel: #CE8BFF;\n\t\t\t\t--pitch10-secondary-note: #B757FF;\n\t\t\t\t--pitch10-primary-note: #DFACFF;\n\t\t\t\t--noise1-secondary-channel: #6F6F6F;\n\t\t\t\t--noise1-primary-channel: #AAAAAA;\n\t\t\t\t--noise1-secondary-note: #A7A7A7;\n\t\t\t\t--noise1-primary-note: #E0E0E0;\n\t\t\t\t--noise2-secondary-channel: #996633;\n\t\t\t\t--noise2-primary-channel: #DDAA77;\n\t\t\t\t--noise2-secondary-note: #CC9966;\n\t\t\t\t--noise2-primary-note: #F0D0BB;\n\t\t\t\t--noise3-secondary-channel: #4A6D8F;\n\t\t\t\t--noise3-primary-channel: #77AADD;\n\t\t\t\t--noise3-secondary-note: #6F9FCF;\n\t\t\t\t--noise3-primary-note: #BBD7FF;\n\t\t\t\t--noise4-secondary-channel: #7A4F9A;\n\t\t\t\t--noise4-primary-channel: #AF82D2;\n\t\t\t\t--noise4-secondary-note: #9E71C1;\n\t\t\t\t--noise4-primary-note: #D4C1EA;\n\t\t\t\t--noise5-secondary-channel: #607837;\n\t\t\t\t--noise5-primary-channel: #A2BB77;\n\t\t\t\t--noise5-secondary-note: #91AA66;\n\t\t\t\t--noise5-primary-note: #C5E2B2;\n --mod1-secondary-channel: #339955;\n\t\t\t\t\t--mod1-primary-channel: #77fc55;\n\t\t\t\t\t--mod1-secondary-note: #77ff8a;\n\t\t\t\t\t--mod1-primary-note: #cdffee;\n\t\t\t\t\t--mod2-secondary-channel: #993355;\n\t\t\t\t\t--mod2-primary-channel: #f04960;\n\t\t\t\t\t--mod2-secondary-note: #f057a0;\n\t\t\t\t\t--mod2-primary-note: #ffb8de;\n\t\t\t\t\t--mod3-secondary-channel: #553399;\n\t\t\t\t\t--mod3-primary-channel: #8855fc;\n\t\t\t\t\t--mod3-secondary-note: #aa64ff;\n\t\t\t\t\t--mod3-primary-note:\t #f8ddff;\n\t\t\t\t\t--mod4-secondary-channel: #a86436;\n\t\t\t\t\t--mod4-primary-channel: #c8a825;\n\t\t\t\t\t--mod4-secondary-note: #e8ba46;\n\t\t\t\t\t--mod4-primary-note: #fff6d3;\n\t\t\t\t\t--mod-label-primary: #999;\n\t\t\t\t\t--mod-label-secondary-text: #333;\n\t\t\t\t\t--mod-label-primary-text: black;\n\t\t\t\t\t--disabled-note-primary: #999;\n\t\t\t\t\t--disabled-note-secondary: #666;\n\t\t\t\t}\n\n\t\t\t\t.overlay {\n\t\t\t\t\tbackground-image: url("https://choptop84.github.io/choptop84s-image-repository/bandicam_watermark.png");\n\t\t\t\t\tbackground-repeat: no-repeat;\n \t\t\t\t\tbackground-size: contain;\n \t\t\t\t\tbackground-position-x: center;\n\t\t\t\t \tbackdrop-filter: blur(1px);\n\t\t\t\t\tposition: fixed !important;\n\t\t\t\t}\n\n\t\t\t\t html:not(.overlay) {\n\t\t\t\t\twidth: 75vw;\n\t\t\t\t\tpadding-left: 12.5%;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tbackground: black;\n\t\t\t\t} \n\n\t\t\t',"I am on fire":'\n\t\t\t:root {\n\t\t\t\t--page-margin: black;\n\t\t\t\t--editor-background: black;\n\t\t\t\t--hover-preview: white;\n\t\t\t\t--playhead: white;\n\t\t\t\t--primary-text: white;\n\t\t\t\t--secondary-text: #999;\n\t\t\t\t--inverted-text: black;\n\t\t\t\t--text-selection: rgba(119,68,255,0.99);\n\t\t\t\t--box-selection-fill: rgba(255,255,255,0.2);\n\t\t\t\t--loop-accent: #74f;\n\t\t\t\t--link-accent: #98f;\n\t\t\t\t--ui-widget-background: #444;\n\t\t\t\t--ui-widget-focus: #777;\n\t\t\t\t--pitch-background: #444;\n\t\t\t\t--tonic: #864;\n\t\t\t\t--fifth-note: #468;\n\t\t\t\t--white-piano-key: #bbb;\n\t\t\t\t--black-piano-key: #444;\n\t\t\t\t--white-piano-key-text: #131200;\n\t\t\t\t--black-piano-key-text: #fff;\n\t\t\t\t\t--use-color-formula: false;\n\t\t\t\t\t--track-editor-bg-pitch: #444;\n\t\t\t\t\t--track-editor-bg-pitch-dim: #333;\n\t\t\t\t\t--track-editor-bg-noise: #444;\n\t\t\t\t\t--track-editor-bg-noise-dim: #333;\n\t\t\t\t\t--track-editor-bg-mod: #234;\n\t\t\t\t\t--track-editor-bg-mod-dim: #123;\n\t\t\t\t\t--multiplicative-mod-slider: #456;\n\t\t\t\t\t--overwriting-mod-slider: #654;\n\t\t\t\t\t--indicator-primary: #74f;\n\t\t\t\t\t--indicator-secondary: #444;\n\t\t\t\t\t--select2-opt-group: #585858;\n\t\t\t\t\t--input-box-outline: #333;\n\t\t\t\t\t--mute-button-normal: #ffa033;\n\t\t\t\t\t--mute-button-mod: #9a6bff;\n\t\t\t\t--pitch1-secondary-channel: #0099A1;\n\t\t\t\t--pitch1-primary-channel: #25F3FF;\n\t\t\t\t--pitch1-secondary-note: #00BDC7;\n\t\t\t\t--pitch1-primary-note: #92F9FF;\n\t\t\t\t--pitch2-secondary-channel: #A1A100;\n\t\t\t\t--pitch2-primary-channel: #FFFF25;\n\t\t\t\t--pitch2-secondary-note: #C7C700;\n\t\t\t\t--pitch2-primary-note: #FFFF92;\n\t\t\t\t--pitch3-secondary-channel: #C75000;\n\t\t\t\t--pitch3-primary-channel: #FF9752;\n\t\t\t\t--pitch3-secondary-note: #FF771C;\n\t\t\t\t--pitch3-primary-note: #FFCDAB;\n\t\t\t\t--pitch4-secondary-channel: #00A100;\n\t\t\t\t--pitch4-primary-channel: #50FF50;\n\t\t\t\t--pitch4-secondary-note: #00C700;\n\t\t\t\t--pitch4-primary-note: #A0FFA0;\n\t\t\t\t--pitch5-secondary-channel: #D020D0;\n\t\t\t\t--pitch5-primary-channel: #FF90FF;\n\t\t\t\t--pitch5-secondary-note: #E040E0;\n\t\t\t\t--pitch5-primary-note: #FFC0FF;\n\t\t\t\t--pitch6-secondary-channel: #7777B0;\n\t\t\t\t--pitch6-primary-channel: #A0A0FF;\n\t\t\t\t--pitch6-secondary-note: #8888D0;\n\t\t\t\t--pitch6-primary-note: #D0D0FF;\n\t\t\t\t--pitch7-secondary-channel: #8AA100;\n\t\t\t\t--pitch7-primary-channel: #DEFF25;\n\t\t\t\t--pitch7-secondary-note: #AAC700;\n\t\t\t\t--pitch7-primary-note: #E6FF92;\n\t\t\t\t--pitch8-secondary-channel: #DF0019;\n\t\t\t\t--pitch8-primary-channel: #FF98A4;\n\t\t\t\t--pitch8-secondary-note: #FF4E63;\n\t\t\t\t--pitch8-primary-note: #FFB2BB;\n\t\t\t\t--pitch9-secondary-channel: #00A170;\n\t\t\t\t--pitch9-primary-channel: #50FFC9;\n\t\t\t\t--pitch9-secondary-note: #00C78A;\n\t\t\t\t--pitch9-primary-note: #83FFD9;\n\t\t\t\t--pitch10-secondary-channel:#A11FFF;\n\t\t\t\t--pitch10-primary-channel: #CE8BFF;\n\t\t\t\t--pitch10-secondary-note: #B757FF;\n\t\t\t\t--pitch10-primary-note: #DFACFF;\n\t\t\t\t--noise1-secondary-channel: #6F6F6F;\n\t\t\t\t--noise1-primary-channel: #AAAAAA;\n\t\t\t\t--noise1-secondary-note: #A7A7A7;\n\t\t\t\t--noise1-primary-note: #E0E0E0;\n\t\t\t\t--noise2-secondary-channel: #996633;\n\t\t\t\t--noise2-primary-channel: #DDAA77;\n\t\t\t\t--noise2-secondary-note: #CC9966;\n\t\t\t\t--noise2-primary-note: #F0D0BB;\n\t\t\t\t--noise3-secondary-channel: #4A6D8F;\n\t\t\t\t--noise3-primary-channel: #77AADD;\n\t\t\t\t--noise3-secondary-note: #6F9FCF;\n\t\t\t\t--noise3-primary-note: #BBD7FF;\n\t\t\t\t--noise4-secondary-channel: #7A4F9A;\n\t\t\t\t--noise4-primary-channel: #AF82D2;\n\t\t\t\t--noise4-secondary-note: #9E71C1;\n\t\t\t\t--noise4-primary-note: #D4C1EA;\n\t\t\t\t--noise5-secondary-channel: #607837;\n\t\t\t\t--noise5-primary-channel: #A2BB77;\n\t\t\t\t--noise5-secondary-note: #91AA66;\n\t\t\t\t--noise5-primary-note: #C5E2B2;\n --mod1-secondary-channel: #339955;\n\t\t\t\t\t--mod1-primary-channel: #77fc55;\n\t\t\t\t\t--mod1-secondary-note: #77ff8a;\n\t\t\t\t\t--mod1-primary-note: #cdffee;\n\t\t\t\t\t--mod2-secondary-channel: #993355;\n\t\t\t\t\t--mod2-primary-channel: #f04960;\n\t\t\t\t\t--mod2-secondary-note: #f057a0;\n\t\t\t\t\t--mod2-primary-note: #ffb8de;\n\t\t\t\t\t--mod3-secondary-channel: #553399;\n\t\t\t\t\t--mod3-primary-channel: #8855fc;\n\t\t\t\t\t--mod3-secondary-note: #aa64ff;\n\t\t\t\t\t--mod3-primary-note:\t #f8ddff;\n\t\t\t\t\t--mod4-secondary-channel: #a86436;\n\t\t\t\t\t--mod4-primary-channel: #c8a825;\n\t\t\t\t\t--mod4-secondary-note: #e8ba46;\n\t\t\t\t\t--mod4-primary-note: #fff6d3;\n\t\t\t\t\t--mod-label-primary: #999;\n\t\t\t\t\t--mod-label-secondary-text: #333;\n\t\t\t\t\t--mod-label-primary-text: black;\n\t\t\t\t\t--disabled-note-primary: #999;\n\t\t\t\t\t--disabled-note-secondary: #666;\n\t\t\t\t}\n\n\t\t\t\t.overlay {\n\t\t\t\t\tbackground-image: url("https://choptop84.github.io/choptop84s-image-repository/fire.gif");\n\t\t\t\t\tbackground-repeat: no-repeat;\n \t\t\t\t\tbackground-size: cover;\n \t\t\t\t\tbackground-position-y: bottom;\n\t\t\t\t}\n\n\t\t\t\t\n\t\t\t\t.modTitle::before {\n\t\t\t\t\tcontent: "AAAA I\'M ON FIRE AAA" !important;\n\t\t\t\t}\n\n\t\t\t',"BeepBox Pixel":'\n\t\t\t:root {\n\t\t\t\t--page-margin: black;\n\t\t\t\t--editor-background: black;\n\t\t\t\t--hover-preview: white;\n\t\t\t\t--playhead: white;\n\t\t\t\t--primary-text: white;\n\t\t\t\t--secondary-text: #999;\n\t\t\t\t--inverted-text: black;\n\t\t\t\t--text-selection: rgba(119,68,255,0.99);\n\t\t\t\t--box-selection-fill: rgba(255,255,255,0.2);\n\t\t\t\t--loop-accent: #74f;\n\t\t\t\t--link-accent: #98f;\n\t\t\t\t--ui-widget-background: #444;\n\t\t\t\t--ui-widget-focus: #777;\n\t\t\t\t--pitch-background: #444;\n\t\t\t\t--tonic: #864;\n\t\t\t\t--fifth-note: #468;\n\t\t\t\t--white-piano-key: #bbb;\n\t\t\t\t--black-piano-key: #444;\n\t\t\t\t--white-piano-key-text: #131200;\n\t\t\t\t--black-piano-key-text: #fff;\n\t\t\t\t\t--use-color-formula: false;\n\t\t\t\t\t--track-editor-bg-pitch: #444;\n\t\t\t\t\t--track-editor-bg-pitch-dim: #333;\n\t\t\t\t\t--track-editor-bg-noise: #444;\n\t\t\t\t\t--track-editor-bg-noise-dim: #333;\n\t\t\t\t\t--track-editor-bg-mod: #234;\n\t\t\t\t\t--track-editor-bg-mod-dim: #123;\n\t\t\t\t\t--multiplicative-mod-slider: #456;\n\t\t\t\t\t--overwriting-mod-slider: #654;\n\t\t\t\t\t--indicator-primary: #74f;\n\t\t\t\t\t--indicator-secondary: #444;\n\t\t\t\t\t--select2-opt-group: #585858;\n\t\t\t\t\t--input-box-outline: #333;\n\t\t\t\t\t--mute-button-normal: #ffa033;\n\t\t\t\t\t--mute-button-mod: #9a6bff;\n\t\t\t\t--pitch1-secondary-channel: #0099A1;\n\t\t\t\t--pitch1-primary-channel: #25F3FF;\n\t\t\t\t--pitch1-secondary-note: #00BDC7;\n\t\t\t\t--pitch1-primary-note: #92F9FF;\n\t\t\t\t--pitch2-secondary-channel: #A1A100;\n\t\t\t\t--pitch2-primary-channel: #FFFF25;\n\t\t\t\t--pitch2-secondary-note: #C7C700;\n\t\t\t\t--pitch2-primary-note: #FFFF92;\n\t\t\t\t--pitch3-secondary-channel: #C75000;\n\t\t\t\t--pitch3-primary-channel: #FF9752;\n\t\t\t\t--pitch3-secondary-note: #FF771C;\n\t\t\t\t--pitch3-primary-note: #FFCDAB;\n\t\t\t\t--pitch4-secondary-channel: #00A100;\n\t\t\t\t--pitch4-primary-channel: #50FF50;\n\t\t\t\t--pitch4-secondary-note: #00C700;\n\t\t\t\t--pitch4-primary-note: #A0FFA0;\n\t\t\t\t--pitch5-secondary-channel: #D020D0;\n\t\t\t\t--pitch5-primary-channel: #FF90FF;\n\t\t\t\t--pitch5-secondary-note: #E040E0;\n\t\t\t\t--pitch5-primary-note: #FFC0FF;\n\t\t\t\t--pitch6-secondary-channel: #7777B0;\n\t\t\t\t--pitch6-primary-channel: #A0A0FF;\n\t\t\t\t--pitch6-secondary-note: #8888D0;\n\t\t\t\t--pitch6-primary-note: #D0D0FF;\n\t\t\t\t--pitch7-secondary-channel: #8AA100;\n\t\t\t\t--pitch7-primary-channel: #DEFF25;\n\t\t\t\t--pitch7-secondary-note: #AAC700;\n\t\t\t\t--pitch7-primary-note: #E6FF92;\n\t\t\t\t--pitch8-secondary-channel: #DF0019;\n\t\t\t\t--pitch8-primary-channel: #FF98A4;\n\t\t\t\t--pitch8-secondary-note: #FF4E63;\n\t\t\t\t--pitch8-primary-note: #FFB2BB;\n\t\t\t\t--pitch9-secondary-channel: #00A170;\n\t\t\t\t--pitch9-primary-channel: #50FFC9;\n\t\t\t\t--pitch9-secondary-note: #00C78A;\n\t\t\t\t--pitch9-primary-note: #83FFD9;\n\t\t\t\t--pitch10-secondary-channel:#A11FFF;\n\t\t\t\t--pitch10-primary-channel: #CE8BFF;\n\t\t\t\t--pitch10-secondary-note: #B757FF;\n\t\t\t\t--pitch10-primary-note: #DFACFF;\n\t\t\t\t--noise1-secondary-channel: #6F6F6F;\n\t\t\t\t--noise1-primary-channel: #AAAAAA;\n\t\t\t\t--noise1-secondary-note: #A7A7A7;\n\t\t\t\t--noise1-primary-note: #E0E0E0;\n\t\t\t\t--noise2-secondary-channel: #996633;\n\t\t\t\t--noise2-primary-channel: #DDAA77;\n\t\t\t\t--noise2-secondary-note: #CC9966;\n\t\t\t\t--noise2-primary-note: #F0D0BB;\n\t\t\t\t--noise3-secondary-channel: #4A6D8F;\n\t\t\t\t--noise3-primary-channel: #77AADD;\n\t\t\t\t--noise3-secondary-note: #6F9FCF;\n\t\t\t\t--noise3-primary-note: #BBD7FF;\n\t\t\t\t--noise4-secondary-channel: #7A4F9A;\n\t\t\t\t--noise4-primary-channel: #AF82D2;\n\t\t\t\t--noise4-secondary-note: #9E71C1;\n\t\t\t\t--noise4-primary-note: #D4C1EA;\n\t\t\t\t--noise5-secondary-channel: #607837;\n\t\t\t\t--noise5-primary-channel: #A2BB77;\n\t\t\t\t--noise5-secondary-note: #91AA66;\n\t\t\t\t--noise5-primary-note: #C5E2B2;\n --mod1-secondary-channel: #339955;\n\t\t\t\t\t--mod1-primary-channel: #77fc55;\n\t\t\t\t\t--mod1-secondary-note: #77ff8a;\n\t\t\t\t\t--mod1-primary-note: #cdffee;\n\t\t\t\t\t--mod2-secondary-channel: #993355;\n\t\t\t\t\t--mod2-primary-channel: #f04960;\n\t\t\t\t\t--mod2-secondary-note: #f057a0;\n\t\t\t\t\t--mod2-primary-note: #ffb8de;\n\t\t\t\t\t--mod3-secondary-channel: #553399;\n\t\t\t\t\t--mod3-primary-channel: #8855fc;\n\t\t\t\t\t--mod3-secondary-note: #aa64ff;\n\t\t\t\t\t--mod3-primary-note:\t #f8ddff;\n\t\t\t\t\t--mod4-secondary-channel: #a86436;\n\t\t\t\t\t--mod4-primary-channel: #c8a825;\n\t\t\t\t\t--mod4-secondary-note: #e8ba46;\n\t\t\t\t\t--mod4-primary-note: #fff6d3;\n\t\t\t\t\t--mod-label-primary: #999;\n\t\t\t\t\t--mod-label-secondary-text: #333;\n\t\t\t\t\t--mod-label-primary-text: black;\n\t\t\t\t\t--disabled-note-primary: #999;\n\t\t\t\t\t--disabled-note-secondary: #666;\n\t\t\t\t}\t\t\n\t\t\t\t\n\t\t\t\t* {\n\t\t\t\t\tcursor: url("abyssbox_cursor.png"), auto;\n\t\t\t\t\t--file-page-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-file.png");\n\t\t\t\t\t--edit-pencil-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-edit.png");\n\t\t\t\t\t--preferences-gear-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-preferences.png");\n\t\t\t\t\t--instrument-copy-symbol: url("https://choptop84.github.io/abyssbox-app/icon-copy.png");\n\t\t\t\t\t--instrument-paste-symbol: url("https://choptop84.github.io/abyssbox-app/icon-paste.png");\n\t\t\t\t\t--play-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-play.png");\n\t\t\t\t\t--pause-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-pause.png");\n\t\t\t\t\t--record-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-record.png");\n\t\t\t\t\t--stop-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-stop.png");\n\t\t\t\t\t--prev-bar-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-prev.png");\n\t\t\t\t\t--next-bar-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-next.png");\n\t\t\t\t\t--muted-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-speakerMuted.png");\n\t\t\t\t\t--unmuted-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-speaker.png");\n\t\t\t\t\t--volume-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-speaker.png");\n\t\t\t\t\t--zoom-in-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-zoomIn.png");\n\t\t\t\t\t--zoom-out-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-zoomOut.png");\n\t\t\t\t\t--export-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-export.png");\n\t\t\t\t\t--export-instrument-symbol: var(--export-symbol);\n\t\t\t\t\t--import-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-import.png");\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\t@font-face {\n\t\t\t\t\t font-family: "AbyssType";\n\t\t\t\t\t src:\n\t\t\t\t\t\turl("abysstype.otf") format("opentype") tech(color-COLRv1),\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t/* sets background image */\n\t\t\t\t\t\tbody {\n\t\t\t\t\t\tbackground-image: url("https://choptop84.github.io/abyssbox-source/website/diamondsbg.gif") !important;\n\t\t\t\t\t\tbackground-position: center;\n\t\t\t\t\t\tbackground-repeat: repeat;\n\t\t\t\n\t\t\t\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\t\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\t\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\t\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\t\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t\t\t\t\t\t}\n\t\t\t\n\t\t\t\t\t\t#text-content {\n\t\t\t\t\t\t\t\tborder-image-source: url("https://choptop84.github.io/abyssbox-source/website/beepbox_pixel_border.png");\n\t\t\t\t\t\t\t\tborder-image-slice: 4 fill; \n\t\t\t\t\t\t\t border-image-width: 8px; \n\t\t\t\t\t\t\tborder-image-repeat: stretch; \n\t\t\t\t\t\t\t\tpadding: 12px; \n\t\t\t\n\t\t\t\t\t\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\t\t\t\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\t\t\t\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\t\t\t\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\t\t\t\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t#beepboxEditorContainer {\n\t\t\t\t\t\t\t\tborder-image-source: url("https://choptop84.github.io/abyssbox-source/website/beepbox_pixel_border.png");\n\t\t\t\t\t\t\t\tborder-image-slice: 4 fill; \n\t\t\t\t\t\t\t border-image-width: 8px; \n\t\t\t\t\t\t\tborder-image-repeat: stretch;\n\t\t\t\t\t\t\t\tpadding: 12px;\n\t\t\t\n\t\t\t\t\t\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\t\t\t\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\t\t\t\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\t\t\t\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\t\t\t\t\t\timage-rendering: optimizeSpeed !important; /* IE */ \n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t.beepboxEditor button,\n\t\t\t\t\t\tbutton.mobilePatternButton,\n\t\t\t\t\t\tbutton.mobileTrackButton,\n\t\t\t\t\t\tbutton.mobileSettingsButton,\n\t\t\t\t\t\tbutton.mobilePlayButton,\n\t\t\t\t\t\tbutton.mobilePauseButton,\n\t\t\t\t\t\tbutton.mobileNextBarButton,\n\t\t\t\t\t\tbutton.mobilePrevBarButton,\n\t\t\t\t\t\tbutton.playButton,\n\t\t\t\t\t\tbutton.pauseButton, \n\t\t\t\t\t\tbutton.recordButton, \n\t\t\t\t\t\tbutton.stopButton,\n\t\t\t\t\t\tbutton.nextBarButton, \n\t\t\t\t\t\tbutton.prevBarButton, \n\t\t\t\t\t\tbutton.copyButton, \n\t\t\t\t\t\tbutton.pasteButton, \n\t\t\t\t\t\tbutton.exportInstrumentButton, \n\t\t\t\t\t\tbutton.importInstrumentButton, \n\t\t\t\t\t\t.beepboxEditor select, \n\t\t\t\t\t\t.beepboxEditor .select2-selection__rendered {\n\t\t\t\t\t\t\t\tborder-image-source: url("https://choptop84.github.io/abyssbox-source/website/beepbox_pixel_border.png") !important;\n\t\t\t\t\t\t\t\tborder-image-slice: 4 fill !important; \n\t\t\t\t\t\t\t border-image-width: 4px !important; \n\t\t\t\t\t\t\tborder-image-repeat: stretch !important;\n\t\t\t\t\t\t\t\tpadding: 4px !important; \n\t\t\t\n\t\t\t\t\t\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\t\t\t\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\t\t\t\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\t\t\t\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\t\t\t\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t\t\n\t\t\t\t\t\t\t\tcursor: url("https://choptop84.github.io/abyssbox-app/abyssbox_cursor_hand.png"), pointer !important;\n\t\t\t\t\t\t\t}\n\t\t\t\n\t\t\t\t\t\t.beepboxEditor .channelBox {\n\t\t\t\t\t\t\tclip-path: polygon(\n\t\t\t\t\t\t\t\t0px calc(100% - 2px),\n\t\t\t\t\t\t\t\t2px calc(100% - 2px),\n\t\t\t\t\t\t\t\t2px 100%,\n\t\t\t\t\t\t\t\tcalc(100% - 2px) 100%,\n\t\t\t\t\t\t\t\tcalc(100% - 2px) calc(100% - 2px),\n\t\t\t\t\t\t\t\t100% calc(100% - 2px),\n\t\t\t\t\t\t\t\t100% 2px,\n\t\t\t\t\t\t\t\tcalc(100% - 2px) 2px,\n\t\t\t\t\t\t\t\tcalc(100% - 2px) 0px,\n\t\t\t\t\t\t\t\t2px 0px,\n\t\t\t\t\t\t\t\t2px 2px,\n\t\t\t\t\t\t\t\t0px 2px\n\t\t\t\t\t\t\t );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t.beepboxEditor .curChannelBox {\n\t\t\t\t\t\t\t\tclip-path: polygon(\n\t\t\t\t\t\t\t\t\t0px calc(100% - 2px),\n\t\t\t\t\t\t\t\t\t2px calc(100% - 2px),\n\t\t\t\t\t\t\t\t\t2px 100%,\n\t\t\t\t\t\t\t\t\tcalc(100% - 2px) 100%,\n\t\t\t\t\t\t\t\t\tcalc(100% - 2px) calc(100% - 2px),\n\t\t\t\t\t\t\t\t\t100% calc(100% - 2px),\n\t\t\t\t\t\t\t\t\t100% 2px,\n\t\t\t\t\t\t\t\t\tcalc(100% - 2px) 2px,\n\t\t\t\t\t\t\t\t\tcalc(100% - 2px) 0px,\n\t\t\t\t\t\t\t\t\t2px 0px,\n\t\t\t\t\t\t\t\t\t2px 2px,\n\t\t\t\t\t\t\t\t\t0px 2px\n\t\t\t\t\t\t\t\t );\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tbutton.envelopeDropdown, div.selectRow button:not(.copyButton,.pasteButton,.exportInstrumentButton,.importInstrumentButton) {\n\t\t\t\t\t\t\t\t--ui-widget-background: var(--editor-background) !important;\n\t\t\t\t\t\t\t\tborder-image-source: none !important;\n\t\t\t\t\t\t\t}\n\t\t\t\n\t\t\t\t\t\t\tselect.trackSelectBox {\n\t\t\t\t\t\t\t\tborder-image: none !important;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t@font-face {\n\t\t\t\t\t font-family: "AbyssType_small";\n\t\t\t\t\t src:\n\t\t\t\t\t\turl("abysstype_small.otf") format("opentype") tech(color-COLRv1),\n\t\t\t\t\t\t}\n\t\t\t\n\t\t\t\t\t\thtml {\n\t\t\t\t\t\t\tfont-family: \'AbyssType\';\n\t\t\t\t\t\t}\n\t\t\t\n\t\t\t\t\t\tdiv.channelBoxLabel {\n\t\t\t\t\t\t\tfont-family: \'AbyssType_small\' !important;\n\t\t\t\t\t\t}\n\t\t\t\n\t\t\t\t\t\t.beepboxEditor input[type="range"]::-webkit-slider-thumb\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tcursor: url("https://choptop84.github.io/abyssbox-app/abyssbox_cursor_hand.png"), pointer !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t \n\t\t\t\t\t\t.beepboxEditor input[type="range"]::-webkit-slider-runnable-track\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tcursor: url("https://choptop84.github.io/abyssbox-app/abyssbox_cursor_hand.png"), pointer !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t \n\t\t\t\t\t\t.beepboxEditor input[type="range"]:focus::-webkit-slider-runnable-track\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tcursor: url("https://choptop84.github.io/abyssbox-app/abyssbox_cursor_hand.png"), pointer !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t \n\t\t\t\t\t\t.beepboxEditor input[type="range"]::-ms-thumb\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tcursor: url("https://choptop84.github.io/abyssbox-app/abyssbox_cursor_hand.png"), pointer !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t \n\t\t\t\t\t\t.beepboxEditor input[type="range"]::-ms-track\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tcursor: url("https://choptop84.github.io/abyssbox-app/abyssbox_cursor_hand.png"), pointer !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t \n\t\t\t\t\t\t.beepboxEditor input[type="range"]:focus::-ms-track\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tcursor: url("https://choptop84.github.io/abyssbox-app/abyssbox_cursor_hand.png"), pointer !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t \n\t\t\t\t\t\t.beepboxEditor input[type="range"]::-moz-range-thumb\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tcursor: url("https://choptop84.github.io/abyssbox-app/abyssbox_cursor_hand.png"), pointer !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t \n\t\t\t\t\t\t.beepboxEditor input[type="range"]::-moz-range-track\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tcursor: url("https://choptop84.github.io/abyssbox-app/abyssbox_cursor_hand.png"), pointer !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t \n\t\t\t\t\t\t.beepboxEditor input[type="range"]:focus::-moz-range-track\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tcursor: url("https://choptop84.github.io/abyssbox-app/abyssbox_cursor_hand.png"), pointer !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t \n\t\t\t\t\t\t.beepboxEditor input[type="text"],\n\t\t\t\t\t\t.beepboxEditor input[type="number"]\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tcursor: url("https://choptop84.github.io/abyssbox-app/abyssbox_cursor_hand.png"), pointer !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t \n\t\t\t\t\t\t.beepboxEditor input[type="checkbox"]\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tcursor: url("https://choptop84.github.io/abyssbox-app/abyssbox_cursor_hand.png"), pointer !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t \n\t\t\t\t\t\t.beepboxEditor input[type="checkbox"]:checked\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tcursor: url("https://choptop84.github.io/abyssbox-app/abyssbox_cursor_hand.png"), pointer !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t \n\t\t\t\t\t\t.beepboxEditor input[type="checkbox"]:checked:after\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tcursor: url("https://choptop84.github.io/abyssbox-app/abyssbox_cursor_hand.png"), pointer !important;\n\t\t\t\t\t\t}\n\t\t\t\n\t\t\t\t\t\tdiv.selectRow span {\n\t\t\t\t\t\t\tcursor: url("https://choptop84.github.io/abyssbox-app/abyssbox_cursor_hand.png"), pointer !important;\n\t\t\t\t\t\t}\n\t\t\t\n\t\t\t',"dark classic":"\n\t\t\t:root {\n\t\t\t\t--page-margin: black;\n\t\t\t\t--editor-background: black;\n\t\t\t\t--hover-preview: white;\n\t\t\t\t--playhead: white;\n\t\t\t\t--primary-text: white;\n\t\t\t\t--secondary-text: #999;\n\t\t\t\t--inverted-text: black;\n\t\t\t\t--text-selection: rgba(119,68,255,0.99);\n\t\t\t\t--box-selection-fill: rgba(255,255,255,0.2);\n\t\t\t\t--loop-accent: #74f;\n\t\t\t\t--link-accent: #98f;\n\t\t\t\t--ui-widget-background: #444;\n\t\t\t\t--ui-widget-focus: #777;\n\t\t\t\t--pitch-background: #444;\n\t\t\t\t--tonic: #864;\n\t\t\t\t--fifth-note: #468;\n\t\t\t\t--white-piano-key: #bbb;\n\t\t\t\t--black-piano-key: #444;\n\t\t\t\t--white-piano-key-text: #131200;\n\t\t\t\t--black-piano-key-text: #fff;\n\t\t\t\t\t--use-color-formula: false;\n\t\t\t\t\t--track-editor-bg-pitch: #444;\n\t\t\t\t\t--track-editor-bg-pitch-dim: #333;\n\t\t\t\t\t--track-editor-bg-noise: #444;\n\t\t\t\t\t--track-editor-bg-noise-dim: #333;\n\t\t\t\t\t--track-editor-bg-mod: #234;\n\t\t\t\t\t--track-editor-bg-mod-dim: #123;\n\t\t\t\t\t--multiplicative-mod-slider: #456;\n\t\t\t\t\t--overwriting-mod-slider: #654;\n\t\t\t\t\t--indicator-primary: #74f;\n\t\t\t\t\t--indicator-secondary: #444;\n\t\t\t\t\t--select2-opt-group: #585858;\n\t\t\t\t\t--input-box-outline: #333;\n\t\t\t\t\t--mute-button-normal: #ffa033;\n\t\t\t\t\t--mute-button-mod: #9a6bff;\n\t\t\t\t--pitch1-secondary-channel: #0099A1;\n\t\t\t\t--pitch1-primary-channel: #25F3FF;\n\t\t\t\t--pitch1-secondary-note: #00BDC7;\n\t\t\t\t--pitch1-primary-note: #92F9FF;\n\t\t\t\t--pitch2-secondary-channel: #A1A100;\n\t\t\t\t--pitch2-primary-channel: #FFFF25;\n\t\t\t\t--pitch2-secondary-note: #C7C700;\n\t\t\t\t--pitch2-primary-note: #FFFF92;\n\t\t\t\t--pitch3-secondary-channel: #C75000;\n\t\t\t\t--pitch3-primary-channel: #FF9752;\n\t\t\t\t--pitch3-secondary-note: #FF771C;\n\t\t\t\t--pitch3-primary-note: #FFCDAB;\n\t\t\t\t--pitch4-secondary-channel: #00A100;\n\t\t\t\t--pitch4-primary-channel: #50FF50;\n\t\t\t\t--pitch4-secondary-note: #00C700;\n\t\t\t\t--pitch4-primary-note: #A0FFA0;\n\t\t\t\t--pitch5-secondary-channel: #D020D0;\n\t\t\t\t--pitch5-primary-channel: #FF90FF;\n\t\t\t\t--pitch5-secondary-note: #E040E0;\n\t\t\t\t--pitch5-primary-note: #FFC0FF;\n\t\t\t\t--pitch6-secondary-channel: #7777B0;\n\t\t\t\t--pitch6-primary-channel: #A0A0FF;\n\t\t\t\t--pitch6-secondary-note: #8888D0;\n\t\t\t\t--pitch6-primary-note: #D0D0FF;\n\t\t\t\t--pitch7-secondary-channel: #8AA100;\n\t\t\t\t--pitch7-primary-channel: #DEFF25;\n\t\t\t\t--pitch7-secondary-note: #AAC700;\n\t\t\t\t--pitch7-primary-note: #E6FF92;\n\t\t\t\t--pitch8-secondary-channel: #DF0019;\n\t\t\t\t--pitch8-primary-channel: #FF98A4;\n\t\t\t\t--pitch8-secondary-note: #FF4E63;\n\t\t\t\t--pitch8-primary-note: #FFB2BB;\n\t\t\t\t--pitch9-secondary-channel: #00A170;\n\t\t\t\t--pitch9-primary-channel: #50FFC9;\n\t\t\t\t--pitch9-secondary-note: #00C78A;\n\t\t\t\t--pitch9-primary-note: #83FFD9;\n\t\t\t\t--pitch10-secondary-channel:#A11FFF;\n\t\t\t\t--pitch10-primary-channel: #CE8BFF;\n\t\t\t\t--pitch10-secondary-note: #B757FF;\n\t\t\t\t--pitch10-primary-note: #DFACFF;\n\t\t\t\t--noise1-secondary-channel: #6F6F6F;\n\t\t\t\t--noise1-primary-channel: #AAAAAA;\n\t\t\t\t--noise1-secondary-note: #A7A7A7;\n\t\t\t\t--noise1-primary-note: #E0E0E0;\n\t\t\t\t--noise2-secondary-channel: #996633;\n\t\t\t\t--noise2-primary-channel: #DDAA77;\n\t\t\t\t--noise2-secondary-note: #CC9966;\n\t\t\t\t--noise2-primary-note: #F0D0BB;\n\t\t\t\t--noise3-secondary-channel: #4A6D8F;\n\t\t\t\t--noise3-primary-channel: #77AADD;\n\t\t\t\t--noise3-secondary-note: #6F9FCF;\n\t\t\t\t--noise3-primary-note: #BBD7FF;\n\t\t\t\t--noise4-secondary-channel: #7A4F9A;\n\t\t\t\t--noise4-primary-channel: #AF82D2;\n\t\t\t\t--noise4-secondary-note: #9E71C1;\n\t\t\t\t--noise4-primary-note: #D4C1EA;\n\t\t\t\t--noise5-secondary-channel: #607837;\n\t\t\t\t--noise5-primary-channel: #A2BB77;\n\t\t\t\t--noise5-secondary-note: #91AA66;\n\t\t\t\t--noise5-primary-note: #C5E2B2;\n --mod1-secondary-channel: #339955;\n\t\t\t\t\t--mod1-primary-channel: #77fc55;\n\t\t\t\t\t--mod1-secondary-note: #77ff8a;\n\t\t\t\t\t--mod1-primary-note: #cdffee;\n\t\t\t\t\t--mod2-secondary-channel: #993355;\n\t\t\t\t\t--mod2-primary-channel: #f04960;\n\t\t\t\t\t--mod2-secondary-note: #f057a0;\n\t\t\t\t\t--mod2-primary-note: #ffb8de;\n\t\t\t\t\t--mod3-secondary-channel: #553399;\n\t\t\t\t\t--mod3-primary-channel: #8855fc;\n\t\t\t\t\t--mod3-secondary-note: #aa64ff;\n\t\t\t\t\t--mod3-primary-note:\t #f8ddff;\n\t\t\t\t\t--mod4-secondary-channel: #a86436;\n\t\t\t\t\t--mod4-primary-channel: #c8a825;\n\t\t\t\t\t--mod4-secondary-note: #e8ba46;\n\t\t\t\t\t--mod4-primary-note: #fff6d3;\n\t\t\t\t\t--mod-label-primary: #999;\n\t\t\t\t\t--mod-label-secondary-text: #333;\n\t\t\t\t\t--mod-label-primary-text: black;\n\t\t\t\t\t--disabled-note-primary: #999;\n\t\t\t\t\t--disabled-note-secondary: #666;\n\t\t\t\t}\n\t\t\t","dark competition":"\n\t\t\t\t:root {\n\t\t\t\t\t--page-margin: black;\n\t\t\t\t\t--editor-background: black;\n\t\t\t\t\t--hover-preview: #ddd;\n\t\t\t\t\t--playhead: #ddd;\n\t\t\t\t\t--primary-text: #ddd;\n\t\t\t\t\t--secondary-text: #8e695b;\n\t\t\t\t\t--inverted-text: black;\n\t\t\t\t\t--text-selection: rgba(169,0,255,0.99);\n\t\t\t\t\t--box-selection-fill: rgba(221,221,221,0.2);\n\t\t\t\t\t--loop-accent: #bf15ba;\n\t\t\t\t\t--link-accent: #f888ff;\n\t\t\t\t\t--ui-widget-background: #443a3a;\n\t\t\t\t\t--ui-widget-focus: #777;\n\t\t\t\t\t--pitch-background: #353333;\n\t\t\t\t\t--tonic: #884a44;\n\t\t\t\t\t--fifth-note: #415498;\n\t\t\t\t\t--white-piano-key: #bbb;\n\t\t\t\t\t--black-piano-key: #444;\n --white-piano-key-text: #131200;\n --black-piano-key-text: #fff;\n\t\t\t\t\t--use-color-formula: false;\n\t\t\t\t\t--track-editor-bg-pitch: #444;\n\t\t\t\t\t--track-editor-bg-pitch-dim: #333;\n\t\t\t\t\t--track-editor-bg-noise: #444;\n\t\t\t\t\t--track-editor-bg-noise-dim: #333;\n\t\t\t\t\t--track-editor-bg-mod: #234;\n\t\t\t\t\t--track-editor-bg-mod-dim: #123;\n\t\t\t\t\t--multiplicative-mod-slider: #456;\n\t\t\t\t\t--overwriting-mod-slider: #654;\n\t\t\t\t\t--indicator-primary: #74f;\n\t\t\t\t\t--indicator-secondary: #444;\n\t\t\t\t\t--select2-opt-group: #585858;\n\t\t\t\t\t--input-box-outline: #333;\n\t\t\t\t\t--mute-button-normal: #ffa033;\n\t\t\t\t\t--mute-button-mod: #9a6bff;\n\t\t\t\t\t--pitch1-secondary-channel: #0099a1;\n\t\t\t\t\t--pitch1-primary-channel: #25f3ff;\n\t\t\t\t\t--pitch1-secondary-note: #00bdc7;\n\t\t\t\t\t--pitch1-primary-note: #92f9ff;\n\t\t\t\t\t--pitch2-secondary-channel: #a1a100;\n\t\t\t\t\t--pitch2-primary-channel: #ffff25;\n\t\t\t\t\t--pitch2-secondary-note: #c7c700;\n\t\t\t\t\t--pitch2-primary-note: #ffff92;\n\t\t\t\t\t--pitch3-secondary-channel: #c75000;\n\t\t\t\t\t--pitch3-primary-channel: #ff9752;\n\t\t\t\t\t--pitch3-secondary-note: #ff771c;\n\t\t\t\t\t--pitch3-primary-note: #ffcdab;\n\t\t\t\t\t--pitch4-secondary-channel: #00a100;\n\t\t\t\t\t--pitch4-primary-channel: #50ff50;\n\t\t\t\t\t--pitch4-secondary-note: #00c700;\n\t\t\t\t\t--pitch4-primary-note: #a0ffa0;\n\t\t\t\t\t--pitch5-secondary-channel: #d020d0;\n\t\t\t\t\t--pitch5-primary-channel: #ff90ff;\n\t\t\t\t\t--pitch5-secondary-note: #e040e0;\n\t\t\t\t\t--pitch5-primary-note: #ffc0ff;\n\t\t\t\t\t--pitch6-secondary-channel: #7777b0;\n\t\t\t\t\t--pitch6-primary-channel: #a0a0ff;\n\t\t\t\t\t--pitch6-secondary-note: #8888d0;\n\t\t\t\t\t--pitch6-primary-note: #d0d0ff;\n\t\t\t\t\t--pitch7-secondary-channel: #8AA100;\n\t\t\t\t\t--pitch7-primary-channel: #DEFF25;\n\t\t\t\t\t--pitch7-secondary-note:\t #AAC700;\n\t\t\t\t\t--pitch7-primary-note:\t\t\t#E6FF92;\n\t\t\t\t\t--pitch8-secondary-channel: #DF0019;\n\t\t\t\t\t--pitch8-primary-channel: #FF98A4;\n\t\t\t\t\t--pitch8-secondary-note: #FF4E63;\n\t\t\t\t\t--pitch8-primary-note: #FFB2BB;\n\t\t\t\t\t--pitch9-secondary-channel: #00A170;\n\t\t\t\t\t--pitch9-primary-channel: #50FFC9;\n\t\t\t\t\t--pitch9-secondary-note: #00C78A;\n\t\t\t\t\t--pitch9-primary-note:\t\t\t#83FFD9;\n\t\t\t\t\t--pitch10-secondary-channel:#A11FFF;\n\t\t\t\t\t--pitch10-primary-channel: #CE8BFF;\n\t\t\t\t\t--pitch10-secondary-note: #B757FF;\n\t\t\t\t\t--pitch10-primary-note: #DFACFF;\n\t\t\t\t\t--noise1-secondary-channel: #6f6f6f;\n\t\t\t\t\t--noise1-primary-channel: #aaaaaa;\n\t\t\t\t\t--noise1-secondary-note: #a7a7a7;\n\t\t\t\t\t--noise1-primary-note: #e0e0e0;\n\t\t\t\t\t--noise2-secondary-channel: #996633;\n\t\t\t\t\t--noise2-primary-channel: #ddaa77;\n\t\t\t\t\t--noise2-secondary-note: #cc9966;\n\t\t\t\t\t--noise2-primary-note: #f0d0bb;\n\t\t\t\t\t--noise3-secondary-channel: #4a6d8f;\n\t\t\t\t\t--noise3-primary-channel: #77aadd;\n\t\t\t\t\t--noise3-secondary-note: #6f9fcf;\n\t\t\t\t\t--noise3-primary-note: #bbd7ff;\n\t\t\t\t\t--noise4-secondary-channel: #6B3E8E;\n\t\t\t\t\t--noise4-primary-channel: #AF82D2;\n\t\t\t\t\t--noise4-secondary-note: #9E71C1;\n\t\t\t\t\t--noise5-secondary-channel: #607837;\n\t\t\t\t\t--noise5-primary-channel: #A2BB77;\n\t\t\t\t\t--noise5-secondary-note: #91AA66;\n\t\t\t\t\t--noise5-primary-note: #C5E2B2;\n\t\t\t\t\t--mod1-secondary-channel: #339955;\n\t\t\t\t\t--mod1-primary-channel: #77fc55;\n\t\t\t\t\t--mod1-secondary-note: #77ff8a;\n\t\t\t\t\t--mod1-primary-note: #cdffee;\n\t\t\t\t\t--mod2-secondary-channel: #993355;\n\t\t\t\t\t--mod2-primary-channel: #f04960;\n\t\t\t\t\t--mod2-secondary-note: #f057a0;\n\t\t\t\t\t--mod2-primary-note: #ffb8de;\n\t\t\t\t\t--mod3-secondary-channel: #553399;\n\t\t\t\t\t--mod3-primary-channel: #8855fc;\n\t\t\t\t\t--mod3-secondary-note: #aa64ff;\n\t\t\t\t\t--mod3-primary-note:\t\t\t #f8ddff;\n\t\t\t\t\t--mod4-secondary-channel: #a86436;\n\t\t\t\t\t--mod4-primary-channel: #c8a825;\n\t\t\t\t\t--mod4-secondary-note: #e8ba46;\n\t\t\t\t\t--mod4-primary-note: #fff6d3;\n\t\t\t\t\t--mod-label-primary: #999;\n\t\t\t\t\t--mod-label-secondary-text: #333;\n\t\t\t\t\t--mod-label-primary-text: black;\n\t\t\t\t\t--disabled-note-primary: #999;\n\t\t\t\t\t--disabled-note-secondary: #666;\n\n\t\t\t}\n\t\t","light classic":"\n\t\t\t:root {\n\t\t\t\t-webkit-text-stroke-width: 0.5px;\n\t\t\t\t--page-margin: #685d88;\n\t\t\t\t--editor-background: white;\n\t\t\t\t--hover-preview: black;\n\t\t\t\t--playhead: rgba(0,0,0,0.5);\n\t\t\t\t--primary-text: black;\n\t\t\t\t--secondary-text: #777;\n\t\t\t\t--inverted-text: white;\n\t\t\t\t--text-selection: rgba(200,170,255,0.99);\n\t\t\t\t--box-selection-fill: rgba(0,0,0,0.1);\n\t\t\t\t--loop-accent: #98f;\n\t\t\t\t--link-accent: #74f;\n\t\t\t\t--ui-widget-background: #ececec;\n\t\t\t\t--ui-widget-focus: #eee;\n\t\t\t\t--pitch-background: #ececec;\n\t\t\t\t--tonic: #f0d6b6;\n\t\t\t\t--fifth-note: #bbddf0;\n\t\t\t\t--white-piano-key: #eee;\n\t\t\t\t--black-piano-key: #666;\n\t\t\t\t--white-piano-key-text: #131200;\n\t\t\t\t--black-piano-key-text: #fff;\n\t\t\t\t\t--use-color-formula: false;\n\t\t\t\t\t--track-editor-bg-pitch: #ececec;\n\t\t\t\t\t--track-editor-bg-pitch-dim: #fdfdfd;\n\t\t\t\t\t--track-editor-bg-noise: #ececec;\n\t\t\t\t\t--track-editor-bg-noise-dim: #fdfdfd;\n\t\t\t\t\t--track-editor-bg-mod: #dbecfd;\n\t\t\t\t\t--track-editor-bg-mod-dim: #ecfdff;\n\t\t\t\t\t--multiplicative-mod-slider: #789;\n\t\t\t\t\t--overwriting-mod-slider: #987;\n\t\t\t\t\t--indicator-primary: #98f;\n\t\t\t\t\t--indicator-secondary: #cde;\n\t\t\t\t\t--select2-opt-group: #cecece;\n\t\t\t\t\t--input-box-outline: #ddd;\n\t\t\t\t\t--mute-button-normal: #c0b47f;\n\t\t\t\t\t--mute-button-mod: #bd7fc0;\n\t\t\t\t--pitch1-secondary-channel: #6CD9ED;\n\t\t\t\t--pitch1-primary-channel: #00A0BD;\n\t\t\t\t--pitch1-secondary-note: #34C2DC;\n\t\t\t\t--pitch1-primary-note: #00758A;\n\t\t\t\t--pitch2-secondary-channel: #E3C941;\n\t\t\t\t--pitch2-primary-channel: #B49700;\n\t\t\t\t--pitch2-secondary-note: #D1B628;\n\t\t\t\t--pitch2-primary-note: #836E00;\n\t\t\t\t--pitch3-secondary-channel: #FF9D61;\n\t\t\t\t--pitch3-primary-channel: #E14E00;\n\t\t\t\t--pitch3-secondary-note: #F67D3C;\n\t\t\t\t--pitch3-primary-note: #B64000;\n\t\t\t\t--pitch4-secondary-channel: #4BE24B;\n\t\t\t\t--pitch4-primary-channel: #00A800;\n\t\t\t\t--pitch4-secondary-note: #2DC82D;\n\t\t\t\t--pitch4-primary-note: #008000;\n\t\t\t\t--pitch5-secondary-channel: #FF90FF;\n\t\t\t\t--pitch5-primary-channel: #E12EDF;\n\t\t\t\t--pitch5-secondary-note: #EC6EEC;\n\t\t\t\t--pitch5-primary-note: #A600A5;\n\t\t\t\t--pitch6-secondary-channel: #B5B5FE;\n\t\t\t\t--pitch6-primary-channel: #6969FD;\n\t\t\t\t--pitch6-secondary-note: #9393FE;\n\t\t\t\t--pitch6-primary-note: #4A4AD7;\n\t\t\t\t--pitch7-secondary-channel: #C2D848;\n\t\t\t\t--pitch7-primary-channel: #8EA800;\n\t\t\t\t--pitch7-secondary-note: #B0C82D;\n\t\t\t\t--pitch7-primary-note: #6C8000;\n\t\t\t\t--pitch8-secondary-channel: #FF90A4;\n\t\t\t\t--pitch8-primary-channel: #E12E4D;\n\t\t\t\t--pitch8-secondary-note: #EC6E85;\n\t\t\t\t--pitch8-primary-note: #A6001D;\n\t\t\t\t--pitch9-secondary-channel: #41E3B5;\n\t\t\t\t--pitch9-primary-channel: #00B481;\n\t\t\t\t--pitch9-secondary-note: #28D1A1;\n\t\t\t\t--pitch9-primary-note: #00835E;\n\t\t\t\t--pitch10-secondary-channel:#CA77FF;\n\t\t\t\t--pitch10-primary-channel: #9609FF;\n\t\t\t\t--pitch10-secondary-note: #B54FFF;\n\t\t\t\t--pitch10-primary-note: #8400E3;\n\t\t\t\t--noise1-secondary-channel: #C1C1C1;\n\t\t\t\t--noise1-primary-channel: #898989;\n\t\t\t\t--noise1-secondary-note: #ADADAD;\n\t\t\t\t--noise1-primary-note: #6C6C6C;\n\t\t\t\t--noise2-secondary-channel: #E8BB8C;\n\t\t\t\t--noise2-primary-channel: #BD7D3A;\n\t\t\t\t--noise2-secondary-note: #D1A374;\n\t\t\t\t--noise2-primary-note: #836342;\n\t\t\t\t--noise3-secondary-channel: #9BC4EB;\n\t\t\t\t--noise3-primary-channel: #4481BE;\n\t\t\t\t--noise3-secondary-note: #7CA7D3;\n\t\t\t\t--noise3-primary-note: #476685;\n\t\t\t\t--noise4-secondary-channel: #C5A5E0;\n\t\t\t\t--noise4-primary-channel: #8553AE;\n\t\t\t\t--noise4-secondary-note: #B290CC;\n\t\t\t\t--noise4-primary-note: #684F7D;\n\t\t\t\t--noise5-secondary-channel: #B8CE93;\n\t\t\t\t--noise5-primary-channel: #87A74F;\n\t\t\t\t--noise5-secondary-note: #ABC183;\n\t\t\t\t--noise5-primary-note: #68784C;\n\t\t\t\t\t--mod1-secondary-channel: #339955;\n\t\t\t\t\t--mod1-primary-channel: #77dd55;\n\t\t\t\t\t--mod1-secondary-note: #77ff8a;\n\t\t\t\t\t--mod1-primary-note: #2ad84a;\n\t\t\t\t\t--mod2-secondary-channel: #993355;\n\t\t\t\t\t--mod2-primary-channel: #f04960;\n\t\t\t\t\t--mod2-secondary-note: #f057a0;\n\t\t\t\t\t--mod2-primary-note: #ba124a;\n\t\t\t\t\t--mod3-secondary-channel: #553399;\n\t\t\t\t\t--mod3-primary-channel: #8855fc;\n\t\t\t\t\t--mod3-secondary-note: #aa64ff;\n\t\t\t\t\t--mod3-primary-note: #7a1caa;\n\t\t\t\t\t--mod4-secondary-channel: #a86436;\n\t\t\t\t\t--mod4-primary-channel: #c8a825;\n\t\t\t\t\t--mod4-secondary-note: #e8ba46;\n\t\t\t\t\t--mod4-primary-note: #a86810;\n\t\t\t\t\t--mod-label-primary: #dddddd;\n\t\t\t\t\t--mod-label-secondary-text: #777;\n\t\t\t\t\t--mod-label-primary-text: black;\n\t\t\t\t\t--disabled-note-primary: #666;\n\t\t\t\t\t--disabled-note-secondary: #aaa;\n\n\t\t\t\t\t\n\t\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t\t.promptContainerBG::before {\n\t\t\t\tbox-shadow: inset 0 0 2000px rgba(255, 255, 255, .5);\n\t\t\t}\n\n\t\t\t.beepboxEditor button, .beepboxEditor select, button {\n\t\t\t\tbox-shadow: inset 0 0 0 1px var(--secondary-text);\n\t\t\t}\n\n\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\tbox-shadow: inset 0 0 0 1px var(--secondary-text);\n\t\t\t\t}\n\t\t","jummbox classic":"\n\t\t\t\t:root {\n\t\t\t\t\t--page-margin: #040410;\n\t\t\t\t\t--editor-background: #040410;\n\t\t\t\t\t--hover-preview: white;\n\t\t\t\t\t--playhead: rgba(255, 255, 255, 0.9);\n\t\t\t\t\t--primary-text: white;\n\t\t\t\t\t--secondary-text: #84859a;\n\t\t\t\t\t--inverted-text: black;\n\t\t\t\t\t--text-selection: rgba(119,68,255,0.99);\n\t\t\t\t\t--box-selection-fill: #044b94;\n\t\t\t\t\t--loop-accent: #74f;\n\t\t\t\t\t--link-accent: #98f;\n\t\t\t\t\t--ui-widget-background: #393e4f;\n\t\t\t\t\t--ui-widget-focus: #6d6886;\n\t\t\t\t\t--pitch-background: #393e4f;\n\t\t\t\t\t--tonic: #725491;\n\t\t\t\t\t--fifth-note: #54547a;\n\t\t\t\t\t--white-piano-key: #eee;\n\t\t\t\t\t--black-piano-key: #666;\n --white-piano-key-text: #131200;\n --black-piano-key-text: #fff;\n\t\t\t\t\t--use-color-formula: true;\n\t\t\t\t\t--track-editor-bg-pitch: #393e4f;\n\t\t\t\t\t--track-editor-bg-pitch-dim: #1c1d28;\n\t\t\t\t\t--track-editor-bg-noise: #3d3535;\n\t\t\t\t\t--track-editor-bg-noise-dim: #161313;\n\t\t\t\t\t--track-editor-bg-mod: #283560;\n\t\t\t\t\t--track-editor-bg-mod-dim: #0a101f;\n\t\t\t\t\t--multiplicative-mod-slider: #606c9f;\n\t\t\t\t\t--overwriting-mod-slider: #6850b5;\n\t\t\t\t\t--indicator-primary: #9c64f7;\n\t\t\t\t\t--indicator-secondary: #393e4f;\n\t\t\t\t\t--select2-opt-group: #5d576f;\n\t\t\t\t\t--input-box-outline: #222;\n\t\t\t\t\t--mute-button-normal: #dda85d;\n\t\t\t\t\t--mute-button-mod: #886eae;\n\t\t\t\t\t--mod-label-primary: #282840;\n\t\t\t\t\t--mod-label-secondary-text: rgb(87, 86, 120);\n\t\t\t\t\t--mod-label-primary-text: white;\n\t\t\t\t\t--pitch-secondary-channel-hue: 0;\n\t\t\t\t\t--pitch-secondary-channel-hue-scale: 6.5;\n\t\t\t\t\t--pitch-secondary-channel-sat: 83.3;\n\t\t\t\t\t--pitch-secondary-channel-sat-scale: 0.1;\n\t\t\t\t\t--pitch-secondary-channel-lum: 40;\n\t\t\t\t\t--pitch-secondary-channel-lum-scale: 0.05;\n\t\t\t\t\t--pitch-primary-channel-hue: 0;\n\t\t\t\t\t--pitch-primary-channel-hue-scale: 6.5;\n\t\t\t\t\t--pitch-primary-channel-sat: 100;\n\t\t\t\t\t--pitch-primary-channel-sat-scale: 0.1;\n\t\t\t\t\t--pitch-primary-channel-lum: 67.5;\n\t\t\t\t\t--pitch-primary-channel-lum-scale: 0.05;\n\t\t\t\t\t--pitch-secondary-note-hue: 0;\n\t\t\t\t\t--pitch-secondary-note-hue-scale: 6.5;\n\t\t\t\t\t--pitch-secondary-note-sat: 93.9;\n\t\t\t\t\t--pitch-secondary-note-sat-scale: 0.1;\n\t\t\t\t\t--pitch-secondary-note-lum: 25;\n\t\t\t\t\t--pitch-secondary-note-lum-scale: 0.05;\n\t\t\t\t\t--pitch-primary-note-hue: 0;\n\t\t\t\t\t--pitch-primary-note-hue-scale: 6.5;\n\t\t\t\t\t--pitch-primary-note-sat: 100;\n\t\t\t\t\t--pitch-primary-note-sat-scale: 0.05;\n\t\t\t\t\t--pitch-primary-note-lum: 85.6;\n\t\t\t\t\t--pitch-primary-note-lum-scale: 0.025;\n\t\t\t\t\t--noise-secondary-channel-hue: 0;\n\t\t\t\t\t--noise-secondary-channel-hue-scale: 2;\n\t\t\t\t\t--noise-secondary-channel-sat: 25;\n\t\t\t\t\t--noise-secondary-channel-sat-scale: 0;\n\t\t\t\t\t--noise-secondary-channel-lum: 42;\n\t\t\t\t\t--noise-secondary-channel-lum-scale: 0;\n\t\t\t\t\t--noise-primary-channel-hue: 0;\n\t\t\t\t\t--noise-primary-channel-hue-scale: 2;\n\t\t\t\t\t--noise-primary-channel-sat: 33;\n\t\t\t\t\t--noise-primary-channel-sat-scale: 0;\n\t\t\t\t\t--noise-primary-channel-lum: 63.5;\n\t\t\t\t\t--noise-primary-channel-lum-scale: 0;\n\t\t\t\t\t--noise-secondary-note-hue: 0;\n\t\t\t\t\t--noise-secondary-note-hue-scale: 2;\n\t\t\t\t\t--noise-secondary-note-sat: 33.5;\n\t\t\t\t\t--noise-secondary-note-sat-scale: 0;\n\t\t\t\t\t--noise-secondary-note-lum: 55;\n\t\t\t\t\t--noise-secondary-note-lum-scale: 0;\n\t\t\t\t\t--noise-primary-note-hue: 0;\n\t\t\t\t\t--noise-primary-note-hue-scale: 2;\n\t\t\t\t\t--noise-primary-note-sat: 46.5;\n\t\t\t\t\t--noise-primary-note-sat-scale: 0;\n\t\t\t\t\t--noise-primary-note-lum: 74;\n\t\t\t\t\t--noise-primary-note-lum-scale: 0;\n\t\t\t\t\t--mod-secondary-channel-hue: 192;\n\t\t\t\t\t--mod-secondary-channel-hue-scale: 1.5;\n\t\t\t\t\t--mod-secondary-channel-sat: 88;\n\t\t\t\t\t--mod-secondary-channel-sat-scale: 0;\n\t\t\t\t\t--mod-secondary-channel-lum: 50;\n\t\t\t\t\t--mod-secondary-channel-lum-scale: 0;\n\t\t\t\t\t--mod-primary-channel-hue: 192;\n\t\t\t\t\t--mod-primary-channel-hue-scale: 1.5;\n\t\t\t\t\t--mod-primary-channel-sat: 96;\n\t\t\t\t\t--mod-primary-channel-sat-scale: 0;\n\t\t\t\t\t--mod-primary-channel-lum: 80;\n\t\t\t\t\t--mod-primary-channel-lum-scale: 0;\n\t\t\t\t\t--mod-secondary-note-hue: 192;\n\t\t\t\t\t--mod-secondary-note-hue-scale: 1.5;\n\t\t\t\t\t--mod-secondary-note-sat: 92;\n\t\t\t\t\t--mod-secondary-note-sat-scale: 0;\n\t\t\t\t\t--mod-secondary-note-lum: 45;\n\t\t\t\t\t--mod-secondary-note-lum-scale: 0;\n\t\t\t\t\t--mod-primary-note-hue: 192;\n\t\t\t\t\t--mod-primary-note-hue-scale: 1.5;\n\t\t\t\t\t--mod-primary-note-sat: 96;\n\t\t\t\t\t--mod-primary-note-sat-scale: 0;\n\t\t\t\t\t--mod-primary-note-lum: 85;\n\t\t\t\t\t--mod-primary-note-lum-scale: 0;\n\t\t\t\t\t--disabled-note-primary: #91879f;\n\t\t\t\t\t--disabled-note-secondary: #6a677a;\n\n\t\t\t\t\t\n\t\t\t\t\t\n\n\t\t\t\t}\n\t\t\t",forest:"\n\t\t\t\t:root {\n\t\t\t\t\t--page-margin: #010c03;\n\t\t\t\t\t--editor-background: #010c03;\n\t\t\t\t\t--hover-preview: #efe;\n\t\t\t\t\t--playhead: rgba(232, 255, 232, 0.9);\n\t\t\t\t\t--primary-text: #efe;\n\t\t\t\t\t--secondary-text: #70A070;\n\t\t\t\t\t--inverted-text: #280228;\n\t\t\t\t\t--text-selection: rgba(255,68,199,0.99);\n\t\t\t\t\t--box-selection-fill: #267aa3;\n\t\t\t\t\t--loop-accent: #ffe845;\n\t\t\t\t\t--link-accent: #9f8;\n\t\t\t\t\t--ui-widget-background: #203829;\n\t\t\t\t\t--ui-widget-focus: #487860;\n\t\t\t\t\t--pitch-background: #203829;\n\t\t\t\t\t--tonic: #2b8d20;\n\t\t\t\t\t--fifth-note: #385840;\n\t\t\t\t\t--white-piano-key: #bda;\n\t\t\t\t\t--black-piano-key: #573;\n --white-piano-key-text: #131200;\n --black-piano-key-text: #ffffff;\n\t\t\t\t\t--use-color-formula: true;\n\t\t\t\t\t--track-editor-bg-pitch: #254820;\n\t\t\t\t\t--track-editor-bg-pitch-dim: #102819;\n\t\t\t\t\t--track-editor-bg-noise: #304050;\n\t\t\t\t\t--track-editor-bg-noise-dim: #102030;\n\t\t\t\t\t--track-editor-bg-mod: #506030;\n\t\t\t\t\t--track-editor-bg-mod-dim: #2a300a;\n\t\t\t\t\t--multiplicative-mod-slider: #205c8f;\n\t\t\t\t\t--overwriting-mod-slider: #20ac6f;\n\t\t\t\t\t--indicator-primary: #dcd866;\n\t\t\t\t\t--indicator-secondary: #203829;\n\t\t\t\t\t--select2-opt-group: #1a6f5a;\n\t\t\t\t\t--input-box-outline: #242;\n\t\t\t\t\t--mute-button-normal: #49e980;\n\t\t\t\t\t--mute-button-mod: #c2e502;\n\t\t\t\t\t--mod-label-primary: #133613;\n\t\t\t\t\t--mod-label-secondary-text: rgb(27, 126, 40);\n\t\t\t\t\t--mod-label-primary-text: #efe;\n\t\t\t\t\t--pitch-secondary-channel-hue: 120;\n\t\t\t\t\t--pitch-secondary-channel-hue-scale: 8.1;\n\t\t\t\t\t--pitch-secondary-channel-sat: 59;\n\t\t\t\t\t--pitch-secondary-channel-sat-scale: 0.1;\n\t\t\t\t\t--pitch-secondary-channel-lum: 50;\n\t\t\t\t\t--pitch-secondary-channel-lum-scale: 0.04;\n\t\t\t\t\t--pitch-primary-channel-hue: 120;\n\t\t\t\t\t--pitch-primary-channel-hue-scale: 8.1;\n\t\t\t\t\t--pitch-primary-channel-sat: 86;\n\t\t\t\t\t--pitch-primary-channel-sat-scale: 0.1;\n\t\t\t\t\t--pitch-primary-channel-lum: 70;\n\t\t\t\t\t--pitch-primary-channel-lum-scale: 0.04;\n\t\t\t\t\t--pitch-secondary-note-hue: 120;\n\t\t\t\t\t--pitch-secondary-note-hue-scale: 8.1;\n\t\t\t\t\t--pitch-secondary-note-sat: 85;\n\t\t\t\t\t--pitch-secondary-note-sat-scale: 0.1;\n\t\t\t\t\t--pitch-secondary-note-lum: 30;\n\t\t\t\t\t--pitch-secondary-note-lum-scale: 0.04;\n\t\t\t\t\t--pitch-primary-note-hue: 120;\n\t\t\t\t\t--pitch-primary-note-hue-scale: 8.1;\n\t\t\t\t\t--pitch-primary-note-sat: 90;\n\t\t\t\t\t--pitch-primary-note-sat-scale: 0.05;\n\t\t\t\t\t--pitch-primary-note-lum: 80;\n\t\t\t\t\t--pitch-primary-note-lum-scale: 0.025;\n\t\t\t\t\t--noise-secondary-channel-hue: 200;\n\t\t\t\t\t--noise-secondary-channel-hue-scale: 1.1;\n\t\t\t\t\t--noise-secondary-channel-sat: 25;\n\t\t\t\t\t--noise-secondary-channel-sat-scale: 0;\n\t\t\t\t\t--noise-secondary-channel-lum: 22;\n\t\t\t\t\t--noise-secondary-channel-lum-scale: 0;\n\t\t\t\t\t--noise-primary-channel-hue: 200;\n\t\t\t\t\t--noise-primary-channel-hue-scale: 1.1;\n\t\t\t\t\t--noise-primary-channel-sat: 48;\n\t\t\t\t\t--noise-primary-channel-sat-scale: 0;\n\t\t\t\t\t--noise-primary-channel-lum: 65;\n\t\t\t\t\t--noise-primary-channel-lum-scale: 0;\n\t\t\t\t\t--noise-secondary-note-hue: 200;\n\t\t\t\t\t--noise-secondary-note-hue-scale: 1.1;\n\t\t\t\t\t--noise-secondary-note-sat: 33.5;\n\t\t\t\t\t--noise-secondary-note-sat-scale: 0;\n\t\t\t\t\t--noise-secondary-note-lum: 33;\n\t\t\t\t\t--noise-secondary-note-lum-scale: 0;\n\t\t\t\t\t--noise-primary-note-hue: 200;\n\t\t\t\t\t--noise-primary-note-hue-scale: 1.1;\n\t\t\t\t\t--noise-primary-note-sat: 46.5;\n\t\t\t\t\t--noise-primary-note-sat-scale: 0;\n\t\t\t\t\t--noise-primary-note-lum: 64;\n\t\t\t\t\t--noise-primary-note-lum-scale: 0;\n\t\t\t\t\t--mod-secondary-channel-hue: 40;\n\t\t\t\t\t--mod-secondary-channel-hue-scale: 1.8;\n\t\t\t\t\t--mod-secondary-channel-sat: 44;\n\t\t\t\t\t--mod-secondary-channel-sat-scale: 0;\n\t\t\t\t\t--mod-secondary-channel-lum: 50;\n\t\t\t\t\t--mod-secondary-channel-lum-scale: 0;\n\t\t\t\t\t--mod-primary-channel-hue: 40;\n\t\t\t\t\t--mod-primary-channel-hue-scale: 1.8;\n\t\t\t\t\t--mod-primary-channel-sat: 60;\n\t\t\t\t\t--mod-primary-channel-sat-scale: 0;\n\t\t\t\t\t--mod-primary-channel-lum: 80;\n\t\t\t\t\t--mod-primary-channel-lum-scale: 0;\n\t\t\t\t\t--mod-secondary-note-hue: 40;\n\t\t\t\t\t--mod-secondary-note-hue-scale: 1.8;\n\t\t\t\t\t--mod-secondary-note-sat: 62;\n\t\t\t\t\t--mod-secondary-note-sat-scale: 0;\n\t\t\t\t\t--mod-secondary-note-lum: 55;\n\t\t\t\t\t--mod-secondary-note-lum-scale: 0;\n\t\t\t\t\t--mod-primary-note-hue: 40;\n\t\t\t\t\t--mod-primary-note-hue-scale: 1.8;\n\t\t\t\t\t--mod-primary-note-sat: 66;\n\t\t\t\t\t--mod-primary-note-sat-scale: 0;\n\t\t\t\t\t--mod-primary-note-lum: 85;\n\t\t\t\t\t--mod-primary-note-lum-scale: 0;\n\t\t\t\t\t--disabled-note-primary: #536e5c;\n\t\t\t\t\t--disabled-note-secondary: #395440;\n\n\t\t\t\t\t\n\t\t\t\t\t\n\n\t\t\t\t}\n\t\t\t","forest 2":'\n\t\t\t\t\t:root { --page-margin: #132f16; \n\t\t\t\t\t--editor-background: #002b03;; \n\t\t\t\t\t--hover-preview: white; \n\t\t\t\t\t--playhead: rgba(255, 255, 255, 0.9); \n\t\t\t\t\t--primary-text: #96d69f; \n\t\t\t\t\t--secondary-text: #7fdb60; \n\t\t\t\t\t--inverted-text: #2c562e; \n\t\t\t\t\t--text-selection: rgba(119,68,255,0.99); \n\t\t\t\t\t--box-selection-fill: #044b94; \n\t\t\t\t\t--loop-accent: #63e469; \n\t\t\t\t\t--link-accent: #c5facd; \n\t\t\t\t\t--ui-widget-background: #396b32; \n\t\t\t\t\t--ui-widget-focus: #002b03; \n\t\t\t\t\t--pitch-background: #30583c; \n\t\t\t\t\t--tonic: #4dac5b; \n\t\t\t\t\t--fifth-note: #458343; \n\t\t\t\t\t--white-piano-key: #bee9bf; \n\t\t\t\t\t--black-piano-key: #395e3c;\n\t\t\t\t\t--white-piano-key-text: #024a0c;\t\t\n\t\t\t\t\t--black-piano-key-text: #96d69f; \n\t\t\t\t\t--use-color-formula: true; \n\t\t\t\t\t--track-editor-bg-pitch: #43a631; \n\t\t\t\t\t--track-editor-bg-pitch-dim: #387e34; \n\t\t\t\t\t--track-editor-bg-noise: #3c8462; \n\t\t\t\t\t--track-editor-bg-noise-dim: #285821; \n\t\t\t\t\t--track-editor-bg-mod: #419296; \n\t\t\t\t\t--track-editor-bg-mod-dim: #3e7b59; \n\t\t\t\t\t--multiplicative-mod-slider: #345838; \n\t\t\t\t\t--overwriting-mod-slider: #3a8136; \n\t\t\t\t\t--indicator-primary: #75ce71; \n\t\t\t\t\t--indicator-secondary: #5fe857; \n\t\t\t\t\t--select2-opt-group: #002002; \n\t\t\t\t\t--input-box-outline: #bbe6b0; \n\t\t\t\t\t--mute-button-normal: #50aa4a; \n\t\t\t\t\t--mute-button-mod: #49ab69; \n\t\t\t\t\t--mod-label-primary: #8dd883; \n\t\t\t\t\t--mod-label-secondary-text: #7be250; \n\t\t\t\t\t--mod-label-primary-text: #bcebb4; \n\n\t\t\t\t\t--pitch-secondary-channel-hue: 120;\n\t\t\t\t\t--pitch-secondary-channel-hue-scale: 8.1;\n\t\t\t\t\t--pitch-secondary-channel-sat: 59;\n\t\t\t\t\t--pitch-secondary-channel-sat-scale: 0.1;\n\t\t\t\t\t--pitch-secondary-channel-lum: 50;\n\t\t\t\t\t--pitch-secondary-channel-lum-scale: 0.04;\n\t\t\t\t\t--pitch-primary-channel-hue: 120;\n\t\t\t\t\t--pitch-primary-channel-hue-scale: 8.1;\n\t\t\t\t\t--pitch-primary-channel-sat: 86;\n\t\t\t\t\t--pitch-primary-channel-sat-scale: 0.1;\n\t\t\t\t\t--pitch-primary-channel-lum: 70;\n\t\t\t\t\t--pitch-primary-channel-lum-scale: 0.04;\n\t\t\t\t\t--pitch-secondary-note-hue: 120;\n\t\t\t\t\t--pitch-secondary-note-hue-scale: 8.1;\n\t\t\t\t\t--pitch-secondary-note-sat: 85;\n\t\t\t\t\t--pitch-secondary-note-sat-scale: 0.1;\n\t\t\t\t\t--pitch-secondary-note-lum: 30;\n\t\t\t\t\t--pitch-secondary-note-lum-scale: 0.04;\n\t\t\t\t\t--pitch-primary-note-hue: 120;\n\t\t\t\t\t--pitch-primary-note-hue-scale: 8.1;\n\t\t\t\t\t--pitch-primary-note-sat: 90;\n\t\t\t\t\t--pitch-primary-note-sat-scale: 0.05;\n\t\t\t\t\t--pitch-primary-note-lum: 80;\n\t\t\t\t\t--pitch-primary-note-lum-scale: 0.025;\n\t\t\t\t\t--noise-secondary-channel-hue: 200;\n\t\t\t\t\t--noise-secondary-channel-hue-scale: 1.1;\n\t\t\t\t\t--noise-secondary-channel-sat: 25;\n\t\t\t\t\t--noise-secondary-channel-sat-scale: 0;\n\t\t\t\t\t--noise-secondary-channel-lum: 22;\n\t\t\t\t\t--noise-secondary-channel-lum-scale: 0;\n\t\t\t\t\t--noise-primary-channel-hue: 200;\n\t\t\t\t\t--noise-primary-channel-hue-scale: 1.1;\n\t\t\t\t\t--noise-primary-channel-sat: 48;\n\t\t\t\t\t--noise-primary-channel-sat-scale: 0;\n\t\t\t\t\t--noise-primary-channel-lum: 65;\n\t\t\t\t\t--noise-primary-channel-lum-scale: 0;\n\t\t\t\t\t--noise-secondary-note-hue: 200;\n\t\t\t\t\t--noise-secondary-note-hue-scale: 1.1;\n\t\t\t\t\t--noise-secondary-note-sat: 33.5;\n\t\t\t\t\t--noise-secondary-note-sat-scale: 0;\n\t\t\t\t\t--noise-secondary-note-lum: 33;\n\t\t\t\t\t--noise-secondary-note-lum-scale: 0;\n\t\t\t\t\t--noise-primary-note-hue: 200;\n\t\t\t\t\t--noise-primary-note-hue-scale: 1.1;\n\t\t\t\t\t--noise-primary-note-sat: 46.5;\n\t\t\t\t\t--noise-primary-note-sat-scale: 0;\n\t\t\t\t\t--noise-primary-note-lum: 64;\n\t\t\t\t\t--noise-primary-note-lum-scale: 0;\n\t\t\t\t\t--mod-secondary-channel-hue: 40;\n\t\t\t\t\t--mod-secondary-channel-hue-scale: 1.8;\n\t\t\t\t\t--mod-secondary-channel-sat: 44;\n\t\t\t\t\t--mod-secondary-channel-sat-scale: 0;\n\t\t\t\t\t--mod-secondary-channel-lum: 50;\n\t\t\t\t\t--mod-secondary-channel-lum-scale: 0;\n\t\t\t\t\t--mod-primary-channel-hue: 40;\n\t\t\t\t\t--mod-primary-channel-hue-scale: 1.8;\n\t\t\t\t\t--mod-primary-channel-sat: 60;\n\t\t\t\t\t--mod-primary-channel-sat-scale: 0;\n\t\t\t\t\t--mod-primary-channel-lum: 80;\n\t\t\t\t\t--mod-primary-channel-lum-scale: 0;\n\t\t\t\t\t--mod-secondary-note-hue: 40;\n\t\t\t\t\t--mod-secondary-note-hue-scale: 1.8;\n\t\t\t\t\t--mod-secondary-note-sat: 62;\n\t\t\t\t\t--mod-secondary-note-sat-scale: 0;\n\t\t\t\t\t--mod-secondary-note-lum: 55;\n\t\t\t\t\t--mod-secondary-note-lum-scale: 0;\n\t\t\t\t\t--mod-primary-note-hue: 40;\n\t\t\t\t\t--mod-primary-note-hue-scale: 1.8;\n\t\t\t\t\t--mod-primary-note-sat: 66;\n\t\t\t\t\t--mod-primary-note-sat-scale: 0;\n\t\t\t\t\t--mod-primary-note-lum: 85;\n\t\t\t\t\t--mod-primary-note-lum-scale: 0;\n\t\t\t\t\t--disabled-note-primary: #536e5c;\n\t\t\t\t\t--disabled-note-secondary: #395440;\n\n\n\t\t\t\t\t}\n\n\t\t\t\t\t.note-primary {\n\t\t\t\t\t\tclip-path: polygon(\n\t\t\t\t\t\t\t0px calc(100% - 4px),\n\t\t\t\t\t\t\t4px calc(100% - 4px),\n\t\t\t\t\t\t\t4px 100%,\n\t\t\t\t\t\t\tcalc(100% - 4px) 100%,\n\t\t\t\t\t\t\tcalc(100% - 4px) calc(100% - 4px),\n\t\t\t\t\t\t\t100% calc(100% - 4px),\n\t\t\t\t\t\t\t100% 4px,\n\t\t\t\t\t\t\tcalc(100% - 4px) 4px,\n\t\t\t\t\t\t\tcalc(100% - 4px) 0px,\n\t\t\t\t\t\t\t4px 0px,\n\t\t\t\t\t\t\t4px 4px,\n\t\t\t\t\t\t\t0px 4px\n\t\t\t\t\t\t );\n\t\t\t\t\t}\n\t\t\t\t\t.note-secondary {\n\t\t\t\t\t\tclip-path: polygon(\n\t\t\t\t\t\t\t0px calc(100% - 4px),\n\t\t\t\t\t\t\t4px calc(100% - 4px),\n\t\t\t\t\t\t\t4px 100%,\n\t\t\t\t\t\t\tcalc(100% - 4px) 100%,\n\t\t\t\t\t\t\tcalc(100% - 4px) calc(100% - 4px),\n\t\t\t\t\t\t\t100% calc(100% - 4px),\n\t\t\t\t\t\t\t100% 4px,\n\t\t\t\t\t\t\tcalc(100% - 4px) 4px,\n\t\t\t\t\t\t\tcalc(100% - 4px) 0px,\n\t\t\t\t\t\t\t4px 0px,\n\t\t\t\t\t\t\t4px 4px,\n\t\t\t\t\t\t\t0px 4px\n\t\t\t\t\t\t );\n\t\t\t\t\t}\n\t\t\t\t\t.note-flash {\n\t\t\t\t\t\tclip-path: polygon(\n\t\t\t\t\t\t\t0px calc(100% - 4px),\n\t\t\t\t\t\t\t4px calc(100% - 4px),\n\t\t\t\t\t\t\t4px 100%,\n\t\t\t\t\t\t\tcalc(100% - 4px) 100%,\n\t\t\t\t\t\t\tcalc(100% - 4px) calc(100% - 4px),\n\t\t\t\t\t\t\t100% calc(100% - 4px),\n\t\t\t\t\t\t\t100% 4px,\n\t\t\t\t\t\t\tcalc(100% - 4px) 4px,\n\t\t\t\t\t\t\tcalc(100% - 4px) 0px,\n\t\t\t\t\t\t\t4px 0px,\n\t\t\t\t\t\t\t4px 4px,\n\t\t\t\t\t\t\t0px 4px\n\t\t\t\t\t\t );\n\t\t\t\t\t}\n\n\t\t\t\t\t/* sets background image */\n\t\t\t\t\tbody {\n\t\t\t\t\t\tbackground-image: url("https://choptop84.github.io/abyssbox-app/Forest2Trees.png") !important;\n\t\t\t\t\t\tbackground-size: cover;\n\t\t\t\t\t\tbackground-position: center top; /* Adjusted to align with the top */\n \t\t\t\t\t\tbackground-repeat: no-repeat;\n\n \t\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n \t\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n \t\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n \t\t\t\timage-rendering: pixelated !important; /* Future browsers */\n \t\t\t\timage-rendering: optimizeSpeed !important; /* IE */ \n\t\t\t\t\t\t}\n\t\t\t\t\t\t#text-content {\n\t\t\t\t\t\t--editor-background: (255, 255, 255, 0);\n\t\t\t\t\t\t\tborder-image-source: url("https://choptop84.github.io/abyssbox-app/forest2_border.png");\n\t\t\t\t\t\t\tborder-image-slice: 16 fill; \n\t\t\t\t\t\t \tborder-image-width: 32px; \n\t\t\t\t\t\t\tborder-image-repeat: repeat; \n\t\t\t\t\t\t\tpadding: 36px; \n\t\t\n\t\t\t\t\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\t\t\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\t\t\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\t\t\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\t\t\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t\t\t\t\t}\n\t\t\t\t\t#beepboxEditorContainer {\n\t\t\t\t\t\t--editor-background: (255, 255, 255, 0);\n\t\t\t\t\t\t\tborder-image-source: url("https://choptop84.github.io/abyssbox-app/forest2_border.png");\n\t\t\t\t\t\t\tborder-image-slice: 16 fill; \n\t\t\t\t\t\t \tborder-image-width: 32px; \n\t\t\t\t\t\t\tborder-image-repeat: repeat; \n\t\t\t\t\t\t\tpadding-left: 36px; \n\t\t\t\t\t\t\tpadding-right: 36px; \n\t\t\t\t\t\t\tpadding-top: 5px; \n\t\t\t\t\t\t\tpadding-bottom: 5px; \n\n\t\t\t\t\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\t\t\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\t\t\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\t\t\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\t\t\t\t\timage-rendering: optimizeSpeed !important; /* IE */ \n\t\t\t\t\t\t}\n\t\t\t\t\t.beepboxEditor button, .beepboxEditor select, .beepboxEditor .select2-selection__rendered, button {\n\t\t\t\t\t\t\tborder-image-source: url("https://choptop84.github.io/abyssbox-app/forest2_border2.png") !important;\n\t\t\t\t\t\t\tborder-image-slice: 4 fill !important; \n\t\t\t\t\t\t border-image-width: 4px !important; \n\t\t\t\t\t\tborder-image-repeat: stretch !important;\n\t\t\t\t\t\t\tpadding: 4px !important; \n\t\t\n\t\t\t\t\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\t\t\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\t\t\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\t\t\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\t\t\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t\t\t\t\t}\n\t\t\t\t\tselect.trackSelectBox {\n\t\t\t\t\t\tborder-image: none !important;\n\t\t\t\t\t}\n\t\t\t\t\tdiv.prompt.noSelection {\n\t\t\t\t\t\t--editor-background: #002b03; \n\t\t\t\t\t}\n\t\t\t\t\t/* div.channelBox {\n\t\t\t\t\tborder-radius: 5px;\n\t\t\t\t\t} */\n\t\t\t\t\t* {\n\t\t\t\t\t\tcursor: url("https://choptop84.github.io/abyssbox-app/pixel_cursor.png"), auto !important;\n\t\t\t\t\t\t--file-page-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-file.png");\n\t\t\t\t\t\t--edit-pencil-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-edit.png");\n\t\t\t\t\t\t--preferences-gear-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-preferences.png");\n\t\t\t\t\t\t--instrument-copy-symbol: url("https://choptop84.github.io/abyssbox-app/icon-copy.png");\n\t\t\t\t\t\t--instrument-paste-symbol: url("https://choptop84.github.io/abyssbox-app/icon-paste.png");\n\t\t\t\t\t\t--play-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-play.png");\n\t\t\t\t\t\t--pause-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-pause.png");\n\t\t\t\t\t\t--record-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-record.png");\n\t\t\t\t\t\t--stop-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-stop.png");\n\t\t\t\t\t\t--prev-bar-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-prev.png");\n\t\t\t\t\t\t--next-bar-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-next.png");\n\t\t\t\t\t\t--muted-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-speakerMuted.png");\n\t\t\t\t\t\t--unmuted-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-speaker.png");\n\t\t\t\t\t\t--volume-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-speaker.png");\n\t\t\t\t\t\t--zoom-in-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-zoomIn.png");\n\t\t\t\t\t\t--zoom-out-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-zoomOut.png");\n\t\t\t\t\t\t--export-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-export.png");\n\t\t\t\t\t\t--export-instrument-symbol: var(--export-symbol);\n\t\t\t\t\t\t--import-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-import.png");\n\t\t\t\t\t\t} \n\t\t\t\t\t\t\t@font-face {\n\t\t\t\t\t\t font-family: "AbyssType";\n\t\t\t\t\t\t src:\n\t\t\t\t\t\t\turl("abysstype.otf") format("opentype") tech(color-COLRv1),\n\t\t\t\t\t\t\t}\n\t\t\t\t\n\t\t\t\t\t\t\tbutton.envelopeDropdown, div.selectRow button:not(.copyButton,.pasteButton,.exportInstrumentButton,.importInstrumentButton) {\n\t\t\t\t\t\t\t\t--ui-widget-background: var(--editor-background) !important;\n\t\t\t\t\t\t\t\tborder-image-source: none !important;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@font-face {\n\t\t\t\t\t\t font-family: "AbyssType_small";\n\t\t\t\t\t\t src:\n\t\t\t\t\t\t\turl("abysstype_small.otf") format("opentype") tech(color-COLRv1),\n\t\t\t\t\t\t\t}\n\t\t\t\t\n\t\t\t\t\t\t\thtml {\n\t\t\t\t\t\t\tfont-family: \'AbyssType\';\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tdiv.channelBoxLabel {\n\t\t\t\t\t\t\t\tfont-family: \'AbyssType_small\' !important;\n\t\t\t\t\t\t\t}\n\t\t\t',canyon:"\n\t\t\t\t:root {\n\t\t\t\t\t--page-margin: #0a0000;\n\t\t\t\t\t--editor-background: #0a0000;\n\t\t\t\t\t--hover-preview: white;\n\t\t\t\t\t--playhead: rgba(247, 172, 196, 0.9);\n\t\t\t\t\t--primary-text: #f5d6bf;\n\t\t\t\t\t--secondary-text: #934050;\n\t\t\t\t\t--inverted-text: #290505;\n\t\t\t\t\t--text-selection: rgba(255, 208, 68, 0.99);\n\t\t\t\t\t--box-selection-fill: #94044870;\n\t\t\t\t\t--loop-accent: #ff1e1e;\n\t\t\t\t\t--link-accent: #da7b76;\n\t\t\t\t\t--ui-widget-background: #533137;\n\t\t\t\t\t--ui-widget-focus: #743e4b;\n\t\t\t\t\t--pitch-background: #4f3939;\n\t\t\t\t\t--tonic: #9e4145;\n\t\t\t\t\t--fifth-note: #5b3e6b;\n\t\t\t\t\t--white-piano-key: #d89898;\n\t\t\t\t\t--black-piano-key: #572b29;\n --white-piano-key-text: #131200;\n --black-piano-key-text: #ffffff;\n\t\t\t\t\t--use-color-formula: true;\n\t\t\t\t\t--track-editor-bg-pitch: #5e3a41;\n\t\t\t\t\t--track-editor-bg-pitch-dim: #281d1c;\n\t\t\t\t\t--track-editor-bg-noise: #3a3551;\n\t\t\t\t\t--track-editor-bg-noise-dim: #272732;\n\t\t\t\t\t--track-editor-bg-mod: #552045;\n\t\t\t\t\t--track-editor-bg-mod-dim: #3e1442;\n\t\t\t\t\t--multiplicative-mod-slider: #9f6095;\n\t\t\t\t\t--overwriting-mod-slider: #b55050;\n\t\t\t\t\t--indicator-primary: #f2f764;\n\t\t\t\t\t--indicator-secondary: #4f3939;\n\t\t\t\t\t--select2-opt-group: #673030;\n\t\t\t\t\t--input-box-outline: #443131;\n\t\t\t\t\t--mute-button-normal: #d81833;\n\t\t\t\t\t--mute-button-mod: #9e2691;\n\t\t\t\t\t--mod-label-primary: #5f2b39;\n\t\t\t\t\t--mod-label-secondary-text: rgb(158, 66, 122);\n\t\t\t\t\t--mod-label-primary-text: #e6caed;\n\t\t\t\t\t--pitch-secondary-channel-hue: 0;\n\t\t\t\t\t--pitch-secondary-channel-hue-scale: 11.8;\n\t\t\t\t\t--pitch-secondary-channel-sat: 73.3;\n\t\t\t\t\t--pitch-secondary-channel-sat-scale: 0.1;\n\t\t\t\t\t--pitch-secondary-channel-lum: 40;\n\t\t\t\t\t--pitch-secondary-channel-lum-scale: 0.05;\n\t\t\t\t\t--pitch-primary-channel-hue: 0;\n\t\t\t\t\t--pitch-primary-channel-hue-scale: 11.8;\n\t\t\t\t\t--pitch-primary-channel-sat: 90;\n\t\t\t\t\t--pitch-primary-channel-sat-scale: 0.1;\n\t\t\t\t\t--pitch-primary-channel-lum: 67.5;\n\t\t\t\t\t--pitch-primary-channel-lum-scale: 0.05;\n\t\t\t\t\t--pitch-secondary-note-hue: 0;\n\t\t\t\t\t--pitch-secondary-note-hue-scale: 11.8;\n\t\t\t\t\t--pitch-secondary-note-sat: 83.9;\n\t\t\t\t\t--pitch-secondary-note-sat-scale: 0.1;\n\t\t\t\t\t--pitch-secondary-note-lum: 35;\n\t\t\t\t\t--pitch-secondary-note-lum-scale: 0.05;\n\t\t\t\t\t--pitch-primary-note-hue: 0;\n\t\t\t\t\t--pitch-primary-note-hue-scale: 11.8;\n\t\t\t\t\t--pitch-primary-note-sat: 100;\n\t\t\t\t\t--pitch-primary-note-sat-scale: 0.05;\n\t\t\t\t\t--pitch-primary-note-lum: 85.6;\n\t\t\t\t\t--pitch-primary-note-lum-scale: 0.025;\n\t\t\t\t\t--noise-secondary-channel-hue: 60;\n\t\t\t\t\t--noise-secondary-channel-hue-scale: 2;\n\t\t\t\t\t--noise-secondary-channel-sat: 25;\n\t\t\t\t\t--noise-secondary-channel-sat-scale: 0;\n\t\t\t\t\t--noise-secondary-channel-lum: 42;\n\t\t\t\t\t--noise-secondary-channel-lum-scale: 0;\n\t\t\t\t\t--noise-primary-channel-hue: 60;\n\t\t\t\t\t--noise-primary-channel-hue-scale: 2;\n\t\t\t\t\t--noise-primary-channel-sat: 33;\n\t\t\t\t\t--noise-primary-channel-sat-scale: 0;\n\t\t\t\t\t--noise-primary-channel-lum: 63.5;\n\t\t\t\t\t--noise-primary-channel-lum-scale: 0;\n\t\t\t\t\t--noise-secondary-note-hue: 60;\n\t\t\t\t\t--noise-secondary-note-hue-scale: 2;\n\t\t\t\t\t--noise-secondary-note-sat: 33.5;\n\t\t\t\t\t--noise-secondary-note-sat-scale: 0;\n\t\t\t\t\t--noise-secondary-note-lum: 55;\n\t\t\t\t\t--noise-secondary-note-lum-scale: 0;\n\t\t\t\t\t--noise-primary-note-hue: 60;\n\t\t\t\t\t--noise-primary-note-hue-scale: 2;\n\t\t\t\t\t--noise-primary-note-sat: 46.5;\n\t\t\t\t\t--noise-primary-note-sat-scale: 0;\n\t\t\t\t\t--noise-primary-note-lum: 74;\n\t\t\t\t\t--noise-primary-note-lum-scale: 0;\n\t\t\t\t\t--mod-secondary-channel-hue: 222;\n\t\t\t\t\t--mod-secondary-channel-hue-scale: 1.5;\n\t\t\t\t\t--mod-secondary-channel-sat: 88;\n\t\t\t\t\t--mod-secondary-channel-sat-scale: 0;\n\t\t\t\t\t--mod-secondary-channel-lum: 50;\n\t\t\t\t\t--mod-secondary-channel-lum-scale: 0;\n\t\t\t\t\t--mod-primary-channel-hue: 222;\n\t\t\t\t\t--mod-primary-channel-hue-scale: 1.5;\n\t\t\t\t\t--mod-primary-channel-sat: 96;\n\t\t\t\t\t--mod-primary-channel-sat-scale: 0;\n\t\t\t\t\t--mod-primary-channel-lum: 80;\n\t\t\t\t\t--mod-primary-channel-lum-scale: 0;\n\t\t\t\t\t--mod-secondary-note-hue: 222;\n\t\t\t\t\t--mod-secondary-note-hue-scale: 1.5;\n\t\t\t\t\t--mod-secondary-note-sat: 92;\n\t\t\t\t\t--mod-secondary-note-sat-scale: 0;\n\t\t\t\t\t--mod-secondary-note-lum: 54;\n\t\t\t\t\t--mod-secondary-note-lum-scale: 0;\n\t\t\t\t\t--mod-primary-note-hue: 222;\n\t\t\t\t\t--mod-primary-note-hue-scale: 1.5;\n\t\t\t\t\t--mod-primary-note-sat: 96;\n\t\t\t\t\t--mod-primary-note-sat-scale: 0;\n\t\t\t\t\t--mod-primary-note-lum: 75;\n\t\t\t\t\t--mod-primary-note-lum-scale: 0;\n\t\t\t\t\t--disabled-note-primary: #515164;\n\t\t\t\t\t--disabled-note-secondary: #2a2a3a;\n\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t","canyon 2":'\n\t\t\t:root {\n\t\t\t\t--page-margin: #0a0000;\n\t\t\t\t--song-player-margin: var(--page-margin);\n\t\t\t\t--editor-background: #5a1616;\n\t\t\t\t--hover-preview: white;\n\t\t\t\t--playhead: rgba(247, 172, 196, 0.9);\n\t\t\t\t--primary-text: #f5d6bf;\n\t\t\t\t--secondary-text: #ff234d;\n\t\t\t\t--inverted-text: #290505;\n\t\t\t\t--text-selection: rgba(255, 208, 68, 0.99);\n\t\t\t\t--box-selection-fill: #94044870;\n\t\t\t\t--loop-accent: #ff1e1e;\n\t\t\t\t--link-accent: #da7b76;\n\t\t\t\t--ui-widget-background: #832d2d;\n\t\t\t\t--ui-widget-focus: #832d2d;\n\t\t\t\t--pitch-background: #832d2d;\n\t\t\t\t--tonic: #bb5a5e;\n\t\t\t\t--fifth-note: #5b3e6b;\n\t\t\t\t--white-piano-key: #ff8383;\n\t\t\t\t--black-piano-key: #2b0806;\n\t\t\t\t--white-piano-key-text: #131200;\n\t\t\t\t--black-piano-key-text: #ffffff;\n\t\t\t\t--use-color-formula: true;\n\t\t\t\t--track-editor-bg-pitch: #a80b2b;\n\t\t\t\t--track-editor-bg-pitch-dim: #38030e;\n\t\t\t\t--track-editor-bg-noise: #3a3551;\n\t\t\t\t--track-editor-bg-noise-dim: #272732;\n\t\t\t\t--track-editor-bg-mod: #552045;\n\t\t\t\t--track-editor-bg-mod-dim: #3e1442;\n\t\t\t\t--multiplicative-mod-slider: #9f6095;\n\t\t\t\t--overwriting-mod-slider: #b55050;\n\t\t\t\t--indicator-primary: #f2f764;\n\t\t\t\t--indicator-secondary: #4f3939;\n\t\t\t\t--select2-opt-group: #673030;\n\t\t\t\t--input-box-outline: #443131;\n\t\t\t\t--mute-button-normal: #d81833;\n\t\t\t\t--mute-button-mod: #9e2691;\n\t\t\t\t--mod-label-primary: #5f2b39;\n\t\t\t\t--mod-label-secondary-text: rgb(158, 66, 122);\n\t\t\t\t--mod-label-primary-text: #e6caed;\n\t\t\t\t--pitch-secondary-channel-hue: 0;\n\t\t\t\t--pitch-secondary-channel-hue-scale: 11.8;\n\t\t\t\t--pitch-secondary-channel-sat: 73.3;\n\t\t\t\t--pitch-secondary-channel-sat-scale: 0.1;\n\t\t\t\t--pitch-secondary-channel-lum: 40;\n\t\t\t\t--pitch-secondary-channel-lum-scale: 0.05;\n\t\t\t\t--pitch-primary-channel-hue: 0;\n\t\t\t\t--pitch-primary-channel-hue-scale: 11.8;\n\t\t\t\t--pitch-primary-channel-sat: 90;\n\t\t\t\t--pitch-primary-channel-sat-scale: 0.1;\n\t\t\t\t--pitch-primary-channel-lum: 67.5;\n\t\t\t\t--pitch-primary-channel-lum-scale: 0.05;\n\t\t\t\t--pitch-secondary-note-hue: 0;\n\t\t\t\t--pitch-secondary-note-hue-scale: 11.8;\n\t\t\t\t--pitch-secondary-note-sat: 83.9;\n\t\t\t\t--pitch-secondary-note-sat-scale: 0.1;\n\t\t\t\t--pitch-secondary-note-lum: 35;\n\t\t\t\t--pitch-secondary-note-lum-scale: 0.05;\n\t\t\t\t--pitch-primary-note-hue: 0;\n\t\t\t\t--pitch-primary-note-hue-scale: 11.8;\n\t\t\t\t--pitch-primary-note-sat: 100;\n\t\t\t\t--pitch-primary-note-sat-scale: 0.05;\n\t\t\t\t--pitch-primary-note-lum: 85.6;\n\t\t\t\t--pitch-primary-note-lum-scale: 0.025;\n\t\t\t\t--noise-secondary-channel-hue: 60;\n\t\t\t\t--noise-secondary-channel-hue-scale: 2;\n\t\t\t\t--noise-secondary-channel-sat: 25;\n\t\t\t\t--noise-secondary-channel-sat-scale: 0;\n\t\t\t\t--noise-secondary-channel-lum: 42;\n\t\t\t\t--noise-secondary-channel-lum-scale: 0;\n\t\t\t\t--noise-primary-channel-hue: 60;\n\t\t\t\t--noise-primary-channel-hue-scale: 2;\n\t\t\t\t--noise-primary-channel-sat: 33;\n\t\t\t\t--noise-primary-channel-sat-scale: 0;\n\t\t\t\t--noise-primary-channel-lum: 63.5;\n\t\t\t\t--noise-primary-channel-lum-scale: 0;\n\t\t\t\t--noise-secondary-note-hue: 60;\n\t\t\t\t--noise-secondary-note-hue-scale: 2;\n\t\t\t\t--noise-secondary-note-sat: 33.5;\n\t\t\t\t--noise-secondary-note-sat-scale: 0;\n\t\t\t\t--noise-secondary-note-lum: 55;\n\t\t\t\t--noise-secondary-note-lum-scale: 0;\n\t\t\t\t--noise-primary-note-hue: 60;\n\t\t\t\t--noise-primary-note-hue-scale: 2;\n\t\t\t\t--noise-primary-note-sat: 46.5;\n\t\t\t\t--noise-primary-note-sat-scale: 0;\n\t\t\t\t--noise-primary-note-lum: 74;\n\t\t\t\t--noise-primary-note-lum-scale: 0;\n\t\t\t\t--mod-secondary-channel-hue: 222;\n\t\t\t\t--mod-secondary-channel-hue-scale: 1.5;\n\t\t\t\t--mod-secondary-channel-sat: 88;\n\t\t\t\t--mod-secondary-channel-sat-scale: 0;\n\t\t\t\t--mod-secondary-channel-lum: 50;\n\t\t\t\t--mod-secondary-channel-lum-scale: 0;\n\t\t\t\t--mod-primary-channel-hue: 222;\n\t\t\t\t--mod-primary-channel-hue-scale: 1.5;\n\t\t\t\t--mod-primary-channel-sat: 96;\n\t\t\t\t--mod-primary-channel-sat-scale: 0;\n\t\t\t\t--mod-primary-channel-lum: 80;\n\t\t\t\t--mod-primary-channel-lum-scale: 0;\n\t\t\t\t--mod-secondary-note-hue: 222;\n\t\t\t\t--mod-secondary-note-hue-scale: 1.5;\n\t\t\t\t--mod-secondary-note-sat: 92;\n\t\t\t\t--mod-secondary-note-sat-scale: 0;\n\t\t\t\t--mod-secondary-note-lum: 54;\n\t\t\t\t--mod-secondary-note-lum-scale: 0;\n\t\t\t\t--mod-primary-note-hue: 222;\n\t\t\t\t--mod-primary-note-hue-scale: 1.5;\n\t\t\t\t--mod-primary-note-sat: 96;\n\t\t\t\t--mod-primary-note-sat-scale: 0;\n\t\t\t\t--mod-primary-note-lum: 75;\n\t\t\t\t--mod-primary-note-lum-scale: 0;\n\t\t\t\t--disabled-note-primary: #515164;\n\t\t\t\t--disabled-note-secondary: #2a2a3a;\n\t\t\t}\n\t\t\t\n\t\t\t* {\n\t\t\t\tcursor: url("https://choptop84.github.io/abyssbox-app/pixel_cursor.png"), auto !important;\n\t\t\t\t--file-page-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-file.png");\n\t\t\t\t--edit-pencil-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-edit.png");\n\t\t\t\t--preferences-gear-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-preferences.png");\n\t\t\t\t--instrument-copy-symbol: url("https://choptop84.github.io/abyssbox-app/icon-copy.png");\n\t\t\t\t--instrument-paste-symbol: url("https://choptop84.github.io/abyssbox-app/icon-paste.png");\n\t\t\t\t--play-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-play.png");\n\t\t\t\t--pause-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-pause.png");\n\t\t\t\t--record-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-record.png");\n\t\t\t\t--stop-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-stop.png");\n\t\t\t\t--prev-bar-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-prev.png");\n\t\t\t\t--next-bar-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-next.png");\n\t\t\t\t--muted-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-speakerMuted.png");\n\t\t\t\t--unmuted-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-speaker.png");\n\t\t\t\t--volume-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-speaker.png");\n\t\t\t\t--zoom-in-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-zoomIn.png");\n\t\t\t\t--zoom-out-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-zoomOut.png");\n\t\t\t\t--export-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-export.png");\n\t\t\t\t--export-instrument-symbol: var(--export-symbol);\n\t\t\t\t--import-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-import.png");\n\t\t\t\t} \n\t\t\t\n\t\t\t@font-face {\n\t\t\t\tfont-family: "AbyssType";\n\t\t\t\tsrc:\n\t\t\t\t url("abysstype.otf") format("opentype") tech(color-COLRv1),\n\t\t\t\t }\n\t\t\t\n\t\t\t\t @font-face {\n\t\t\t\tfont-family: "AbyssType_small";\n\t\t\t\tsrc:\n\t\t\t\t url("abysstype_small.otf") format("opentype") tech(color-COLRv1),\n\t\t\t\t }\n\t\t\t\n\t\t\t\t #pattern-area {\n\t\t\t\t\tborder-style: solid;\n\t\t\t\t\tborder-color: #0a0000;\n\t\t\t\t\tborder-bottom: 0;\n\t\t\t\t\tborder-right: 0;\n\t\t\t\t\tborder-top: 0;\n\t\t\t\t }\n\t\t\t\n\t\t\t\t body {\n\t\t\t\t\tbackground-image: url("https://choptop84.github.io/choptop84s-image-repository/canyonbg.png") !important;\n\t\t\t\t\tbackground-size: 200% !important;\n\t\t\t\t\tbackground-position: center top; /* Adjusted to align with the top */\n\t\t\t\t\t background-repeat: no-repeat !important;\n\t\t\t\n\t\t\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\t\t\timage-rendering: optimizeSpeed !important; /* IE */ \n\t\t\t\t\t }\n\t\t\t\n\t\t\t\t #text-content {\n\t\t\t\t\tborder-image-source: url("https://choptop84.github.io/choptop84s-image-repository/canyon2_border.png");\n\t\t\t\t\tborder-image-slice: 16 fill; \n\t\t\t\t\tborder-image-width: 32px; \n\t\t\t\t\tborder-image-repeat: repeat; \n\t\t\t\t\tpadding-left: 36px; \n\t\t\t\t\tpadding-right: 36px; \n\t\t\t\t\tpadding-bottom: 6px; \n\t\t\t\t\n\t\t\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t\t\t\tbackground: #fff0;\n\t\t\t\t }\n\t\t\t #beepboxEditorContainer {\n\t\t\t\t\tborder-image-source: url("https://choptop84.github.io/choptop84s-image-repository/canyon2_border.png");\n\t\t\t\t\tborder-image-slice: 16 fill; \n\t\t\t\t\tborder-image-width: 32px; \n\t\t\t\t\tborder-image-repeat: repeat; \n\t\t\t\t\tpadding-left: 36px; \n\t\t\t\t\tpadding-right: 36px; \n\t\t\t\t\tpadding-bottom: 6px; \n\t\t\t\t\t\n\t\t\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t\t\t\tbackground: #fff0;\n\t\t\t\t }\n\t\t\t\n\t\t\t\t .beepboxEditor button,\n\t\t\t\t button.mobilePatternButton,\n\t\t\t\t button.mobileTrackButton,\n\t\t\t\t button.mobileSettingsButton,\n\t\t\t\t button.mobilePlayButton,\n\t\t\t\t button.mobilePauseButton,\n\t\t\t\t button.mobileNextBarButton,\n\t\t\t\t button.mobilePrevBarButton,\n\t\t\t\t button.playButton,\n\t\t\t\t button.pauseButton, \n\t\t\t\t button.recordButton, \n\t\t\t\t button.stopButton,\n\t\t\t\t button.nextBarButton, \n\t\t\t\t button.prevBarButton, \n\t\t\t\t button.copyButton, \n\t\t\t\t button.pasteButton, \n\t\t\t\t button.exportInstrumentButton, \n\t\t\t\t button.importInstrumentButton, \n\t\t\t\t .beepboxEditor select, \n\t\t\t\t .beepboxEditor .select2-selection__rendered {\n\t\t\t\t\t\t border-image-source: url("https://choptop84.github.io/choptop84s-image-repository/canyon2_button.png") !important;\n\t\t\t\t\t\t border-image-slice: 4 fill !important; \n\t\t\t\t\t\tborder-image-width: 4px !important; \n\t\t\t\t\t border-image-repeat: stretch !important;\n\t\t\t\t\t\t padding: 4px !important; \n\t\t\t\n\t\t\t\t\t\t image-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\t\t\t\t image-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\t\t\t\t image-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\t\t\t\t image-rendering: pixelated !important; /* Future browsers */\n\t\t\t\t\t\t image-rendering: optimizeSpeed !important; /* IE */\n\t\t\t\t\t }\n\t\t\t\n\t\t\t\tbutton.envelopeDropdown, div.selectRow button:not(.copyButton,.pasteButton,.exportInstrumentButton,.importInstrumentButton) {\n\t\t\t\t\t\t--ui-widget-background: var(--editor-background) !important;\n\t\t\t\t\t\tborder-image-source: none !important;\n\t\t\t\t\t}\n\n\t\t\t\t html {\n\t\t\t\t font-family: \'AbyssType\';\n\t\t\t\t }\n\t\t\t\t div.channelBoxLabel {\n\t\t\t\t\t font-family: \'AbyssType_small\' !important;\n\t\t\t\t }\n\t\t',midnight:"\n\t\t:root {\n\t\t\t--page-margin: #000;\n\t\t\t--editor-background: #000;\n\t\t\t--hover-preview: #757575;\n\t\t\t--playhead: #fff;\n\t\t\t--primary-text: #fff;\n\t\t\t--secondary-text: #acacac;\n\t\t\t--inverted-text: #290505;\n\t\t\t--text-selection: rgba(155, 155, 155, 0.99);\n\t\t\t--box-selection-fill: #79797970;\n\t\t\t--loop-accent: #646464;\n\t\t\t--link-accent: #707070;\n\t\t\t--ui-widget-background: #353535;\n\t\t\t--ui-widget-focus: #464646;\n\t\t\t--pitch-background: #222121;\n\t\t\t--tonic: #555955;\n\t\t\t--fifth-note: #1a1818;\n\t\t\t--white-piano-key: #a89e9e;\n\t\t\t--black-piano-key: #2d2424;\n --white-piano-key-text: #131200;\n --black-piano-key-text: #ffffff;\n\t\t\t--use-color-formula: true;\n\t\t\t--track-editor-bg-pitch: #373737;\n\t\t\t--track-editor-bg-pitch-dim: #131313;\n\t\t\t--track-editor-bg-noise: #484848;\n\t\t\t--track-editor-bg-noise-dim: #131313;\n\t\t\t--track-editor-bg-mod: #373737;\n\t\t\t--track-editor-bg-mod-dim: #131313;\n\t\t\t--multiplicative-mod-slider: #555;\n\t\t\t--overwriting-mod-slider: #464545;\n\t\t\t--indicator-primary: #e0e0e0;\n\t\t\t--indicator-secondary: #404040;\n\t\t\t--select2-opt-group: #3c3b3b;\n\t\t\t--input-box-outline: #757575;\n\t\t\t--mute-button-normal: #8e8d8d;\n\t\t\t--mute-button-mod: #ddd;\n\t\t\t--mod-label-primary: #262526;\n\t\t\t--mod-label-secondary-text: rgb(227, 222, 225);\n\t\t\t--mod-label-primary-text: #b9b9b9;\n\t\t\t--pitch-secondary-channel-hue: 240;\n\t\t\t--pitch-secondary-channel-hue-scale: 228;\n\t\t\t--pitch-secondary-channel-sat: 73.3;\n\t\t\t--pitch-secondary-channel-sat-scale: 0.1;\n\t\t\t--pitch-secondary-channel-lum: 25;\n\t\t\t--pitch-secondary-channel-lum-scale: 0.05;\n\t\t\t--pitch-primary-channel-hue: 240;\n\t\t\t--pitch-primary-channel-hue-scale: 228;\n\t\t\t--pitch-primary-channel-sat: 80;\n\t\t\t--pitch-primary-channel-sat-scale: 0.1;\n\t\t\t--pitch-primary-channel-lum: 60.5;\n\t\t\t--pitch-primary-channel-lum-scale: 0.05;\n\t\t\t--pitch-secondary-note-hue: 240;\n\t\t\t--pitch-secondary-note-hue-scale: 228;\n\t\t\t--pitch-secondary-note-sat: 73.9;\n\t\t\t--pitch-secondary-note-sat-scale: 0.1;\n\t\t\t--pitch-secondary-note-lum: 32;\n\t\t\t--pitch-secondary-note-lum-scale: 0.05;\n\t\t\t--pitch-primary-note-hue: 240;\n\t\t\t--pitch-primary-note-hue-scale: 228;\n\t\t\t--pitch-primary-note-sat: 90;\n\t\t\t--pitch-primary-note-sat-scale: 0.05;\n\t\t\t--pitch-primary-note-lum: 80.6;\n\t\t\t--pitch-primary-note-lum-scale: 0.025;\n\t\t\t--noise-secondary-channel-hue: 160;\n\t\t\t--noise-secondary-channel-hue-scale: 2;\n\t\t\t--noise-secondary-channel-sat: 25;\n\t\t\t--noise-secondary-channel-sat-scale: 0;\n\t\t\t--noise-secondary-channel-lum: 42;\n\t\t\t--noise-secondary-channel-lum-scale: 0;\n\t\t\t--noise-primary-channel-hue: 160;\n\t\t\t--noise-primary-channel-hue-scale: 2;\n\t\t\t--noise-primary-channel-sat: 33;\n\t\t\t--noise-primary-channel-sat-scale: 0;\n\t\t\t--noise-primary-channel-lum: 63.5;\n\t\t\t--noise-primary-channel-lum-scale: 0;\n\t\t\t--noise-secondary-note-hue: 160;\n\t\t\t--noise-secondary-note-hue-scale: 2;\n\t\t\t--noise-secondary-note-sat: 33.5;\n\t\t\t--noise-secondary-note-sat-scale: 0;\n\t\t\t--noise-secondary-note-lum: 55;\n\t\t\t--noise-secondary-note-lum-scale: 0;\n\t\t\t--noise-primary-note-hue: 160;\n\t\t\t--noise-primary-note-hue-scale: 2;\n\t\t\t--noise-primary-note-sat: 46.5;\n\t\t\t--noise-primary-note-sat-scale: 0;\n\t\t\t--noise-primary-note-lum: 74;\n\t\t\t--noise-primary-note-lum-scale: 0;\n\t\t\t--mod-secondary-channel-hue: 62;\n\t\t\t--mod-secondary-channel-hue-scale: 1.5;\n\t\t\t--mod-secondary-channel-sat: 88;\n\t\t\t--mod-secondary-channel-sat-scale: 0;\n\t\t\t--mod-secondary-channel-lum: 30;\n\t\t\t--mod-secondary-channel-lum-scale: 0;\n\t\t\t--mod-primary-channel-hue: 62;\n\t\t\t--mod-primary-channel-hue-scale: 1.5;\n\t\t\t--mod-primary-channel-sat: 96;\n\t\t\t--mod-primary-channel-sat-scale: 0;\n\t\t\t--mod-primary-channel-lum: 80;\n\t\t\t--mod-primary-channel-lum-scale: 0;\n\t\t\t--mod-secondary-note-hue: 62;\n\t\t\t--mod-secondary-note-hue-scale: 1.5;\n\t\t\t--mod-secondary-note-sat: 92;\n\t\t\t--mod-secondary-note-sat-scale: 0;\n\t\t\t--mod-secondary-note-lum: 34;\n\t\t\t--mod-secondary-note-lum-scale: 0;\n\t\t\t--mod-primary-note-hue: 62;\n\t\t\t--mod-primary-note-hue-scale: 1.5;\n\t\t\t--mod-primary-note-sat: 96;\n\t\t\t--mod-primary-note-sat-scale: 0;\n\t\t\t--mod-primary-note-lum: 75;\n\t\t\t--mod-primary-note-lum-scale: 0;\n\t\t\t--disabled-note-primary: #66a;\n\t\t\t--disabled-note-secondary: #447;\n\n\t\t\t\n\t\t\t\n\t\t}\n\t","gold light":"\n\t\t\t\t:root {\n\t\t\t\t\t-webkit-text-stroke-width: 0.5px;\n\t\t\t\t\t--page-margin: #cab1d3;\n\t\t\t\t\t--editor-background: #f4f4f4;\n\t\t\t\t\t--hover-preview: #2d26a2;\n\t\t\t\t\t--playhead: rgb(20 25 153 / 90%);\n\t\t\t\t\t--primary-text: #b686c3;\n\t\t\t\t\t--secondary-text: #970f38;\n\t\t\t\t\t--inverted-text: #fefdff;\n\t\t\t\t\t--text-selection: rgb(56 21 8 / 99%);\n\t\t\t\t\t--box-selection-fill: rgb(20 203 160 / 61%);\n\t\t\t\t\t--loop-accent: #09dc0e;\n\t\t\t\t\t--link-accent: #3ee669;\n\t\t\t\t\t--ui-widget-background: #0e0a42;\n\t\t\t\t\t--ui-widget-focus: #380c42;\n\t\t\t\t\t--pitch-background: #8daf96;\n\t\t\t\t\t--tonic: #a16fb1;\n\t\t\t\t\t--fifth-note: #d08c8c;\n\t\t\t\t\t--white-piano-key: #fbffee;\n\t\t\t\t\t--black-piano-key: #c9d8e5;\n\t\t\t\t\t--white-piano-key-text: #101160;\n\t\t\t\t\t--black-piano-key-text: #231b03;\n\t\t\t\t\t--use-color-formula: true;\n\t\t\t\t\t--track-editor-bg-pitch: #34456a;\n\t\t\t\t\t--track-editor-bg-pitch-dim: #88afad;\n\t\t\t\t\t--track-editor-bg-noise: #564566;\n\t\t\t\t\t--track-editor-bg-noise-dim: #aaa;\n\t\t\t\t\t--track-editor-bg-mod: #7f779d;\n\t\t\t\t\t--track-editor-bg-mod-dim: #aaa;\n\t\t\t\t\t--multiplicative-mod-slider: #807caf;\n\t\t\t\t\t--overwriting-mod-slider: #909cdf;\n\t\t\t\t\t--indicator-primary: #ae38ff;\n\t\t\t\t\t--indicator-secondary: #5c8dbb;\n\t\t\t\t\t--select2-opt-group: #581b50;\n\t\t\t\t\t--input-box-outline: #6f7074;\n\t\t\t\t\t--mute-button-normal: #db1e00;\n\t\t\t\t\t--mute-button-mod: #883bf9;\n\t\t\t\t\t--mod-label-primary: #525297;\n\t\t\t\t\t--mod-label-secondary-text: rgb(197 147 245);\n\t\t\t\t\t--mod-label-primary-text: #a3aae9;\n --pitch-secondary-channel-hue: 26;\n --pitch-secondary-channel-hue-scale: 214.5;\n --pitch-secondary-channel-sat: 74.3;\n --pitch-secondary-channel-sat-scale: -0.1;\n\t\t\t\t\t--pitch-secondary-channel-lum: 55;\n\t\t\t\t\t--pitch-secondary-channel-lum-scale: -0.05;\n\t\t\t\t\t--pitch-primary-channel-hue: 26;\n\t\t\t\t\t--pitch-primary-channel-hue-scale: 214.5;\n\t\t\t\t\t--pitch-primary-channel-sat: 74;\n\t\t\t\t\t--pitch-primary-channel-sat-scale: -0.1;\n\t\t\t\t\t--pitch-primary-channel-lum: 65.5;\n\t\t\t\t\t--pitch-primary-channel-lum-scale: -0.05;\n\t\t\t\t\t--pitch-secondary-note-hue: 26;\n\t\t\t\t\t--pitch-secondary-note-hue-scale: 214.5;\n\t\t\t\t\t--pitch-secondary-note-sat: 74.9;\n\t\t\t\t\t--pitch-secondary-note-sat-scale: -0.1;\n\t\t\t\t\t--pitch-secondary-note-lum: 70;\n\t\t\t\t\t--pitch-secondary-note-lum-scale: -0.05;\n\t\t\t\t\t--pitch-primary-note-hue: 26;\n\t\t\t\t\t--pitch-primary-note-hue-scale: 214.5;\n\t\t\t\t\t--pitch-primary-note-sat: 85;\n\t\t\t\t\t--pitch-primary-note-sat-scale: 0.05;\n\t\t\t\t\t--pitch-primary-note-lum: 64.6;\n\t\t\t\t\t--pitch-primary-note-lum-scale: -0.025;\n\t\t\t\t\t--noise-secondary-channel-hue: 220;\n\t\t\t\t\t--noise-secondary-channel-hue-scale: 2;\n\t\t\t\t\t--noise-secondary-channel-sat: 25;\n\t\t\t\t\t--noise-secondary-channel-sat-scale: 0;\n\t\t\t\t\t--noise-secondary-channel-lum: 62;\n\t\t\t\t\t--noise-secondary-channel-lum-scale: -0.1;\n\t\t\t\t\t--noise-primary-channel-hue: 220;\n\t\t\t\t\t--noise-primary-channel-hue-scale: 2;\n\t\t\t\t\t--noise-primary-channel-sat: 53;\n\t\t\t\t\t--noise-primary-channel-sat-scale: 0;\n\t\t\t\t\t--noise-primary-channel-lum: 53.5;\n\t\t\t\t\t--noise-primary-channel-lum-scale: -0.1;\n\t\t\t\t\t--noise-secondary-note-hue: 220;\n\t\t\t\t\t--noise-secondary-note-hue-scale: 2;\n\t\t\t\t\t--noise-secondary-note-sat: 58.5;\n\t\t\t\t\t--noise-secondary-note-sat-scale: 0;\n\t\t\t\t\t--noise-secondary-note-lum: 85;\n\t\t\t\t\t--noise-secondary-note-lum-scale: -1;\n\t\t\t\t\t--noise-primary-note-hue: 220;\n\t\t\t\t\t--noise-primary-note-hue-scale: 2;\n\t\t\t\t\t--noise-primary-note-sat: 56.5;\n\t\t\t\t\t--noise-primary-note-sat-scale: 0;\n\t\t\t\t\t--noise-primary-note-lum: 54;\n\t\t\t\t\t--noise-primary-note-lum-scale: -1;\n\t\t\t\t\t--mod-secondary-channel-hue: 90;\n\t\t\t\t\t--mod-secondary-channel-hue-scale: 1.5;\n\t\t\t\t\t--mod-secondary-channel-sat: 88;\n\t\t\t\t\t--mod-secondary-channel-sat-scale: 0;\n\t\t\t\t\t--mod-secondary-channel-lum: 60;\n\t\t\t\t\t--mod-secondary-channel-lum-scale: 0;\n\t\t\t\t\t--mod-primary-channel-hue: 90;\n\t\t\t\t\t--mod-primary-channel-hue-scale: 1.5;\n\t\t\t\t\t--mod-primary-channel-sat: 89;\n\t\t\t\t\t--mod-primary-channel-sat-scale: 0;\n\t\t\t\t\t--mod-primary-channel-lum: 65;\n\t\t\t\t\t--mod-primary-channel-lum-scale: 0;\n\t\t\t\t\t--mod-secondary-note-hue: 90;\n\t\t\t\t\t--mod-secondary-note-hue-scale: 1.5;\n\t\t\t\t\t--mod-secondary-note-sat: 79;\n\t\t\t\t\t--mod-secondary-note-sat-scale: 0;\n\t\t\t\t\t--mod-secondary-note-lum: 95;\n\t\t\t\t\t--mod-secondary-note-lum-scale: 0;\n\t\t\t\t\t--mod-primary-note-hue: 90;\n\t\t\t\t\t--mod-primary-note-hue-scale: 1.5;\n\t\t\t\t\t--mod-primary-note-sat: 79;\n\t\t\t\t\t--mod-primary-note-sat-scale: 0;\n\t\t\t\t\t--mod-primary-note-lum: 55;\n\t\t\t\t\t--mod-primary-note-lum-scale: 0;\n\t\t\t\t\t--disabled-note-primary: #868;\n\t\t\t\t\t--disabled-note-secondary: #767;\n\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\n\t\t\t\t.promptContainerBG::before {\n\t\t\t\t\tbox-shadow: inset 0 0 2000px rgba(255, 255, 255, .5);\n\t\t\t\t}\n\n\t\t\t\t.beepboxEditor button, .beepboxEditor select, button {\n\t\t\t\t\tbackground-color: var(--secondary-text);\n\t\t\t\t}\n\n\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\tbackground-color: var(--secondary-text);\n\t\t\t\t}\n\n\t\t\t\t.beepboxEditor .piano-button::before {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t","amoled dark":"\n\t\t\t\t:root {\n\t\t\t\t\t--page-margin: #000;\n\t\t\t\t\t--editor-background: #020406;\n\t\t\t\t\t--hover-preview: white;\n\t\t\t\t\t--playhead: rgba(255, 255, 255, 0.9);\n\t\t\t\t\t--primary-text: white;\n\t\t\t\t\t--secondary-text: #8e88ce;\n\t\t\t\t\t--inverted-text: black;\n\t\t\t\t\t--text-selection: rgba(119,68,255,0.99);\n\t\t\t\t\t--box-selection-fill: #044b94;\n\t\t\t\t\t--loop-accent: #ad38f9;\n\t\t\t\t\t--link-accent: #bd25ff;\n\t\t\t\t\t--ui-widget-background: #080d1f;\n\t\t\t\t\t--ui-widget-focus: #060f2d;\n\t\t\t\t\t--pitch-background: #02060b;\n\t\t\t\t\t--tonic: #00113a;\n\t\t\t\t\t--fifth-note: #1b0019;\n\t\t\t\t\t--white-piano-key: #02040c;\n\t\t\t\t\t--black-piano-key: #02040c;\n --white-piano-key-text: #fff;\n --black-piano-key-text: #fff;\n\t\t\t\t\t--use-color-formula: true;\n\t\t\t\t\t--track-editor-bg-pitch: #050829;\n\t\t\t\t\t--track-editor-bg-pitch-dim: #010213;\n\t\t\t\t\t--track-editor-bg-noise: #051529;\n\t\t\t\t\t--track-editor-bg-noise-dim: #010b13;\n\t\t\t\t\t--track-editor-bg-mod: #150529;\n\t\t\t\t\t--track-editor-bg-mod-dim: #0a0113;\n\t\t\t\t\t--multiplicative-mod-slider: #2b409c;\n\t\t\t\t\t--overwriting-mod-slider: #6850b5;\n\t\t\t\t\t--indicator-primary: #7f3bec;\n\t\t\t\t\t--indicator-secondary: #213888;\n\t\t\t\t\t--select2-opt-group: #1d123c;\n\t\t\t\t\t--input-box-outline: #1b1e48;\n\t\t\t\t\t--mute-button-normal: #d234b0;\n\t\t\t\t\t--mute-button-mod: #263d98;\n\t\t\t\t\t--mod-label-primary: #090910;\n\t\t\t\t\t--mod-label-secondary-text: rgb(73, 69, 214);\n\t\t\t\t\t--mod-label-primary-text: white;\n\t\t\t\t\t--pitch-secondary-channel-hue: 183;\n\t\t\t\t\t--pitch-secondary-channel-hue-scale: 158.7;\n\t\t\t\t\t--pitch-secondary-channel-sat: 83.3;\n\t\t\t\t\t--pitch-secondary-channel-sat-scale: 0.1;\n\t\t\t\t\t--pitch-secondary-channel-lum: 40;\n\t\t\t\t\t--pitch-secondary-channel-lum-scale: 0.05;\n\t\t\t\t\t--pitch-primary-channel-hue: 183;\n\t\t\t\t\t--pitch-primary-channel-hue-scale: 158.7;\n\t\t\t\t\t--pitch-primary-channel-sat: 100;\n\t\t\t\t\t--pitch-primary-channel-sat-scale: 0.1;\n\t\t\t\t\t--pitch-primary-channel-lum: 67.5;\n\t\t\t\t\t--pitch-primary-channel-lum-scale: 0.05;\n\t\t\t\t\t--pitch-secondary-note-hue: 183;\n\t\t\t\t\t--pitch-secondary-note-hue-scale: 158.7;\n\t\t\t\t\t--pitch-secondary-note-sat: 93.9;\n\t\t\t\t\t--pitch-secondary-note-sat-scale: 0.1;\n\t\t\t\t\t--pitch-secondary-note-lum: 25;\n\t\t\t\t\t--pitch-secondary-note-lum-scale: 0.05;\n\t\t\t\t\t--pitch-primary-note-hue: 183;\n\t\t\t\t\t--pitch-primary-note-hue-scale: 158.7;\n\t\t\t\t\t--pitch-primary-note-sat: 100;\n\t\t\t\t\t--pitch-primary-note-sat-scale: 0.05;\n\t\t\t\t\t--pitch-primary-note-lum: 85.6;\n\t\t\t\t\t--pitch-primary-note-lum-scale: 0.025;\n\t\t\t\t\t--noise-secondary-channel-hue: 30;\n\t\t\t\t\t--noise-secondary-channel-hue-scale: 2;\n\t\t\t\t\t--noise-secondary-channel-sat: 25;\n\t\t\t\t\t--noise-secondary-channel-sat-scale: 0;\n\t\t\t\t\t--noise-secondary-channel-lum: 42;\n\t\t\t\t\t--noise-secondary-channel-lum-scale: 0;\n\t\t\t\t\t--noise-primary-channel-hue: 30;\n\t\t\t\t\t--noise-primary-channel-hue-scale: 2;\n\t\t\t\t\t--noise-primary-channel-sat: 33;\n\t\t\t\t\t--noise-primary-channel-sat-scale: 0;\n\t\t\t\t\t--noise-primary-channel-lum: 63.5;\n\t\t\t\t\t--noise-primary-channel-lum-scale: 0;\n\t\t\t\t\t--noise-secondary-note-hue: 30;\n\t\t\t\t\t--noise-secondary-note-hue-scale: 2;\n\t\t\t\t\t--noise-secondary-note-sat: 33.5;\n\t\t\t\t\t--noise-secondary-note-sat-scale: 0;\n\t\t\t\t\t--noise-secondary-note-lum: 55;\n\t\t\t\t\t--noise-secondary-note-lum-scale: 0;\n\t\t\t\t\t--noise-primary-note-hue: 30;\n\t\t\t\t\t--noise-primary-note-hue-scale: 2;\n\t\t\t\t\t--noise-primary-note-sat: 46.5;\n\t\t\t\t\t--noise-primary-note-sat-scale: 0;\n\t\t\t\t\t--noise-primary-note-lum: 74;\n\t\t\t\t\t--noise-primary-note-lum-scale: 0;\n\t\t\t\t\t--mod-secondary-channel-hue: 0;\n\t\t\t\t\t--mod-secondary-channel-hue-scale: 1.5;\n\t\t\t\t\t--mod-secondary-channel-sat: 88;\n\t\t\t\t\t--mod-secondary-channel-sat-scale: 0;\n\t\t\t\t\t--mod-secondary-channel-lum: 50;\n\t\t\t\t\t--mod-secondary-channel-lum-scale: 0;\n\t\t\t\t\t--mod-primary-channel-hue: 0;\n\t\t\t\t\t--mod-primary-channel-hue-scale: 1.5;\n\t\t\t\t\t--mod-primary-channel-sat: 96;\n\t\t\t\t\t--mod-primary-channel-sat-scale: 0;\n\t\t\t\t\t--mod-primary-channel-lum: 80;\n\t\t\t\t\t--mod-primary-channel-lum-scale: 0;\n\t\t\t\t\t--mod-secondary-note-hue: 0;\n\t\t\t\t\t--mod-secondary-note-hue-scale: 1.5;\n\t\t\t\t\t--mod-secondary-note-sat: 92;\n\t\t\t\t\t--mod-secondary-note-sat-scale: 0;\n\t\t\t\t\t--mod-secondary-note-lum: 45;\n\t\t\t\t\t--mod-secondary-note-lum-scale: 0;\n\t\t\t\t\t--mod-primary-note-hue: 0;\n\t\t\t\t\t--mod-primary-note-hue-scale: 1.5;\n\t\t\t\t\t--mod-primary-note-sat: 96;\n\t\t\t\t\t--mod-primary-note-sat-scale: 0;\n\t\t\t\t\t--mod-primary-note-lum: 85;\n\t\t\t\t\t--mod-primary-note-lum-scale: 0;\n\t\t\t\t\t--disabled-note-primary: #91879f;\n\t\t\t\t\t--disabled-note-secondary: #6a677a;\n\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\n\t\t\t",beachcombing:"\n\t\t\t:root {\n\t\t\t --page-margin: #010121;\n --editor-background: #020222;\n --hover-preview: #f3ffff;\n --playhead: #fff;\n --primary-text: #c1f1ff;\n --secondary-text: #546775;\n --inverted-text: black;\n --text-selection: rgba(119,68,255,0.99);\n --box-selection-fill: #3e0028;\n --loop-accent: #5e68fffc;\n --link-accent: #ff3ad5fc;\n --ui-widget-background: #1f2b52;\n --ui-widget-focus: #384e91;\n --pitch-background: #2c3155;\n --tonic: #935175;\n --fifth-note: #1f569f;\n --white-piano-key: #f3f2ff;\n --black-piano-key: #4b4471;\n --white-piano-key-text: #4b4471;\n --black-piano-key-text: #fff;\n --use-color-formula: false;\n --track-editor-bg-pitch: #34406c;\n --track-editor-bg-pitch-dim: #121931;\n --track-editor-bg-noise: #562e3b;\n --track-editor-bg-noise-dim: #161313;\n --track-editor-bg-mod: #372e66;\n --track-editor-bg-mod-dim: #2a1640;\n --multiplicative-mod-slider: #606c9f;\n --overwriting-mod-slider: #6850b5;\n --indicator-primary: #ff8bd1;\n --indicator-secondary: #393e4f;\n --select2-opt-group: #5d576f;\n --input-box-outline: #222;\n --mute-button-normal: #7ce1ff;\n --mute-button-mod: #db519d;\n --pitch1-secondary-channel: #329b70;\n --pitch1-primary-channel: #53ffb8;\n --pitch1-secondary-note: #4cb98c;\n --pitch1-primary-note: #98ffd4;\n --pitch2-secondary-channel: #b08e4d;\n --pitch2-primary-channel: #ffe185;\n --pitch2-secondary-note: #91782e;\n --pitch2-primary-note: #ffd968;\n --pitch3-secondary-channel: #018e8e;\n --pitch3-primary-channel: #3de4ff;\n --pitch3-secondary-note: #24b7b7;\n --pitch3-primary-note: #a7ffff;\n --pitch4-secondary-channel: #792354;\n --pitch4-primary-channel: #ff68bd;\n --pitch4-secondary-note: #a73c78;\n --pitch4-primary-note: #ff98d2;\n --pitch5-secondary-channel: #185aab;\n --pitch5-primary-channel: #6493ff;\n --pitch5-secondary-note: #3e99d9;\n --pitch5-primary-note: #b3e3ff;\n --pitch6-secondary-channel: #953C47;\n --pitch6-primary-channel: #FF7888;\n --pitch6-secondary-note: #DF4F60;\n --pitch6-primary-note: #FFB2BB;\n --pitch7-secondary-channel: #4f007d;\n --pitch7-primary-channel: #a54cd9;\n --pitch7-secondary-note: #732b9d;\n --pitch7-primary-note: #d386ff;\n --pitch8-secondary-channel: #323c99;\n --pitch8-primary-channel: #1b61ff;\n --pitch8-secondary-note: #1848b3;\n --pitch8-primary-note: #6f9bff;\n --pitch9-secondary-channel: #1F605A;\n --pitch9-primary-channel: #69FFEA;\n --pitch9-secondary-note: #178076;\n --pitch9-primary-note: #83FFD9;\n --pitch10-secondary-channel: #6D438C;\n --pitch10-primary-channel: #CE8BFF;\n --pitch10-secondary-note: #8040B0;\n --pitch10-primary-note: #DFACFF;\n --noise1-secondary-channel: #635070;\n --noise1-primary-channel: #9071db;\n --noise1-secondary-note: #915dc1;\n --noise1-primary-note: #c5a5ff;\n --noise2-secondary-channel: #993367;\n --noise2-primary-channel: #dd777c;\n --noise2-secondary-note: #cc6695;\n --noise2-primary-note: #f0bbd1;\n --noise3-secondary-channel: #4a8c8f;\n --noise3-primary-channel: #77c5dd;\n --noise3-secondary-note: #6fb4cf;\n --noise3-primary-note: #bbf2ff;\n --noise4-secondary-channel: #8e3e7d;\n --noise4-primary-channel: #c682d2;\n --noise4-secondary-note: #b871c1;\n --noise4-primary-note: #ffb8f0;\n --noise5-secondary-channel: #785e37;\n --noise5-primary-channel: #bb9d77;\n --noise5-secondary-note: #aa8c66;\n --noise5-primary-note: #e2d1b2;\n --mod1-secondary-channel: #4e8397;\n --mod1-primary-channel: #92e6f3;\n --mod1-secondary-note: #76b9d9;\n --mod1-primary-note: #cde3ff;\n --mod2-secondary-channel: #ad5774;\n --mod2-primary-channel: #eba4ae;\n --mod2-secondary-note: #c9719b;\n --mod2-primary-note: #fdcee7;\n --mod3-secondary-channel: #6f579f;\n --mod3-primary-channel: #b192f7;\n --mod3-secondary-note: #7c3fc8;\n --mod3-primary-note: #f8ddff;\n --mod4-secondary-channel: #a88a36;\n --mod4-primary-channel: #bec825;\n --mod4-secondary-note: #aecb57;\n --mod4-primary-note: #dee9bd;\n --mod-label-primary: #2c2c56;\n --mod-label-secondary-text: rgb(71,69,147);\n --mod-label-primary-text: white;\n --disabled-note-primary: #91879f;\n --disabled-note-secondary: #6a677a;\n\n \n \n\n\t\t\t}\n\t\t",roe:"\n\t\t\t:root {\n\t\t\t--page-margin: #050000;\n\t\t\t--editor-background: #050000;\n\t\t\t--hover-preview: white;\n\t\t\t--playhead: white;\n\t\t\t--primary-text: #b8cee0;\n\t\t\t--secondary-text: #cb3434;\n\t\t\t--inverted-text: black;\n\t\t\t--text-selection: rgb(255 68 68 / 99%);\n\t\t\t--box-selection-fill: rgb(255 0 0 / 30%);\n\t\t\t--loop-accent: #7744FF;\n\t\t\t--link-accent: #FF2A2A;\n\t\t\t--ui-widget-background: #1a2642;\n\t\t\t--ui-widget-focus: #2c3f6d;\n\t\t\t--pitch-background: #15111a;\n\t\t\t--tonic: #1b3041;\n\t\t\t--fifth-note: #381818;\n\t\t\t--white-piano-key: #cdcdcd;\n\t\t\t--black-piano-key: #232323;\n\t\t\t--white-piano-key-text: #131200;\n\t\t\t--black-piano-key-text: #fff;\n\t\t\t--use-color-formula: false;\n\t\t\t--track-editor-bg-pitch: #302938;\n\t\t\t--track-editor-bg-pitch-dim: #211c26;\n\t\t\t--track-editor-bg-noise: #261f42;\n\t\t\t--track-editor-bg-noise-dim: #1a152d;\n\t\t\t--track-editor-bg-mod: #183049;\n\t\t\t--track-editor-bg-mod-dim: #102132;\n\t\t\t--multiplicative-mod-slider: #344a7f;\n\t\t\t--overwriting-mod-slider: #344a7f;\n\t\t\t--indicator-primary: #FF2A2A;\n\t\t\t--indicator-secondary: #800000;\n\t\t\t--select2-opt-group: #141e34;\n\t\t\t--input-box-outline: #141e34;\n\t\t\t--mute-button-normal: #299eff;\n\t\t\t--mute-button-mod: #165a93;\n\t\t\t--pitch1-secondary-channel: #273c90;\n\t\t\t--pitch1-primary-channel: #476BFF;\n\t\t\t--pitch1-secondary-note: #273c90;\n\t\t\t--pitch1-primary-note: #476BFF;\n\t\t\t--pitch2-secondary-channel: #3a3898;\n\t\t\t--pitch2-primary-channel: #625FFB;\n\t\t\t--pitch2-secondary-note: #3a3898;\n\t\t\t--pitch2-primary-note: #625FFB;\n\t\t\t--pitch3-secondary-channel: #542780;\n\t\t\t--pitch3-primary-channel: #9C49EC;\n\t\t\t--pitch3-secondary-note: #542780;\n\t\t\t--pitch3-primary-note: #9C49EC;\n\t\t\t--pitch4-secondary-channel: #84225d;\n\t\t\t--pitch4-primary-channel: #fd3fb1;\n\t\t\t--pitch4-secondary-note: #84225d;\n\t\t\t--pitch4-primary-note: #fd3fb1;\n\t\t\t--pitch5-secondary-channel: #8d2323;\n\t\t\t--pitch5-primary-channel: #ff3f3f;\n\t\t\t--pitch5-secondary-note: #8d2323;\n\t\t\t--pitch5-primary-note: #ff3f3f;\n\t\t\t--pitch6-secondary-channel: #84225d;\n\t\t\t--pitch6-primary-channel: #fd3fb1;\n\t\t\t--pitch6-secondary-note: #84225d;\n\t\t\t--pitch6-primary-note: #fd3fb1;\n\t\t\t--pitch7-secondary-channel: #542780;\n\t\t\t--pitch7-primary-channel: #9C49EC;\n\t\t\t--pitch7-secondary-note: #542780;\n\t\t\t--pitch7-primary-note: #9C49EC;\n\t\t\t--pitch8-secondary-channel: #3a3898;\n\t\t\t--pitch8-primary-channel: #625FFB;\n\t\t\t--pitch8-secondary-note: #3a3898;\n\t\t\t--pitch8-primary-note: #625FFB;\n\t\t\t--pitch9-secondary-channel: #273c90;\n\t\t\t--pitch9-primary-channel: #476BFF;\n\t\t\t--pitch9-secondary-note: #273c90;\n\t\t\t--pitch9-primary-note: #476BFF;\n\t\t\t--pitch10-secondary-channel: #165a93;\n\t\t\t--pitch10-primary-channel: #299EFF;\n\t\t\t--pitch10-secondary-note: #165a93;\n\t\t\t--pitch10-primary-note: #299EFF;\n\t\t\t--noise1-secondary-channel: #4281FF;\n\t\t\t--noise1-primary-channel: #96b9ff;\n\t\t\t--noise1-secondary-note: #4281FF;\n\t\t\t--noise1-primary-note: #96b9ff;\n\t\t\t--noise2-secondary-channel: #7347FF;\n\t\t\t--noise2-primary-channel: #c3b0ff;\n\t\t\t--noise2-secondary-note: #7347FF;\n\t\t\t--noise2-primary-note: #c3b0ff;\n\t\t\t--noise3-secondary-channel: #9F3CBF;\n\t\t\t--noise3-primary-channel: #e29cf9;\n\t\t\t--noise3-secondary-note: #9F3CBF;\n\t\t\t--noise3-primary-note: #e29cf9;\n\t\t\t--noise4-secondary-channel: #D3326F;\n\t\t\t--noise4-primary-channel: #fb9bbf;\n\t\t\t--noise4-secondary-note: #D3326F;\n\t\t\t--noise4-primary-note: #fb9bbf;\n\t\t\t--noise5-secondary-channel: #FF2A2A;\n\t\t\t--noise5-primary-channel: #ffa2a2;\n\t\t\t--noise5-secondary-note: #FF2A2A;\n\t\t\t--noise5-primary-note: #ffa2a2;\n\t\t\t--mod1-secondary-channel: #47587a;\n\t\t\t--mod1-primary-channel: #96b9ff;\n\t\t\t--mod1-secondary-note: #47587a;\n\t\t\t--mod1-primary-note: #96b9ff;\n\t\t\t--mod2-secondary-channel: #716791;\n\t\t\t--mod2-primary-channel: #c3b0ff;\n\t\t\t--mod2-secondary-note: #716791;\n\t\t\t--mod2-primary-note: #c3b0ff;\n\t\t\t--mod3-secondary-channel: #6f4c7b;\n\t\t\t--mod3-primary-channel: #e29cf9;\n\t\t\t--mod3-secondary-note: #6f4c7b;\n\t\t\t--mod3-primary-note: #e29cf9;\n\t\t\t--mod4-secondary-channel: #9e6279;\n\t\t\t--mod4-primary-channel: #fb9bbf;\n\t\t\t--mod4-secondary-note: #9e6279;\n\t\t\t--mod4-primary-note: #fb9bbf;\n\t\t\t--mod-label-primary: #15111a;\n\t\t\t--mod-label-secondary-text: #cb3434;\n\t\t\t--mod-label-primary-text: white;\n\t\t\t--disabled-note-primary: #c9c9c9;\n\t\t\t--disabled-note-secondary: #616161;\n\n\t\t\t\n\t\t\t\n\t\t}",moonlight:"\n\t\t\t:root {\n\t\t\t--page-margin: #020514;\n\t\t\t--editor-background: #020514;\n\t\t\t--hover-preview: white;\n\t\t\t--playhead: white;\n\t\t\t--primary-text: #D4DCE9;\n\t\t\t--secondary-text: #3E87DA;\n\t\t\t--inverted-text: black;\n\t\t\t--text-selection: #03599bd9;\n\t\t\t--box-selection-fill: hsl(206deg 66% 41% / 85%);\n\t\t\t--loop-accent: #639BD6;\n\t\t\t--link-accent: #A8C6E8;\n\t\t\t--ui-widget-background: #1e2940;\n\t\t\t--ui-widget-focus: #324b81;\n\t\t\t--pitch-background: #223849;\n\t\t\t--tonic: #33536c;\n\t\t\t--fifth-note: hsl(206deg 36% 16%);\n\t\t\t--white-piano-key: #c1bfe9;\n\t\t\t--black-piano-key: #454354;\n\t\t\t--white-piano-key-text: #131200;\n\t\t\t--black-piano-key-text: #fff;\n\t\t\t--use-color-formula: false;\n\t\t\t--track-editor-bg-pitch: #25568d80;\n\t\t\t--track-editor-bg-pitch-dim: #10253c80;\n\t\t\t--track-editor-bg-noise: #25568d80;\n\t\t\t--track-editor-bg-noise-dim: #10253c80;\n\t\t\t--track-editor-bg-mod: #25568d80;\n\t\t\t--track-editor-bg-mod-dim: #10253c80;\n\t\t\t--multiplicative-mod-slider: #0476cd;\n\t\t\t--overwriting-mod-slider: #035899;\n\t\t\t--indicator-primary: #57a1f4;\n\t\t\t--indicator-secondary: #2e5684;\n\t\t\t--select2-opt-group: #24355c;\n\t\t\t--input-box-outline: #141e34;\n\t\t\t--mute-button-normal: #6ebffc;\n\t\t\t--mute-button-mod: #0a92fa;\n\t\t\t--pitch1-secondary-channel: #47425c;\n\t\t\t--pitch1-primary-channel: #918bac;\n\t\t\t--pitch1-secondary-note: #6b6489;\n\t\t\t--pitch1-primary-note: #a8a3bf;\n\t\t\t--pitch2-secondary-channel: #626493;\n\t\t\t--pitch2-primary-channel: #bdbed3;\n\t\t\t--pitch2-secondary-note: #626493;\n\t\t\t--pitch2-primary-note: #bdbed3;\n\t\t\t--pitch3-secondary-channel: #6e89b4;\n\t\t\t--pitch3-primary-channel: #d4dce9;\n\t\t\t--pitch3-secondary-note: #6e89b4;\n\t\t\t--pitch3-primary-note: #d4dce9;\n\t\t\t--pitch4-secondary-channel: #4c77a9;\n\t\t\t--pitch4-primary-channel: #a8c6e8;\n\t\t\t--pitch4-secondary-note: #4c77a9;\n\t\t\t--pitch4-primary-note: #a8c6e8;\n\t\t\t--pitch5-secondary-channel: #314e6d;\n\t\t\t--pitch5-primary-channel: #639bd6;\n\t\t\t--pitch5-secondary-note: #46698f;\n\t\t\t--pitch5-primary-note: #639bd6;\n\t\t\t--pitch6-secondary-channel: #143d6b;\n\t\t\t--pitch6-primary-channel: #3e87da;\n\t\t\t--pitch6-secondary-note: #143d6b;\n\t\t\t--pitch6-primary-note: #3e87da;\n\t\t\t--pitch7-secondary-channel: #314e6d;\n\t\t\t--pitch7-primary-channel: #639bd6;\n\t\t\t--pitch7-secondary-note: #314e6d;\n\t\t\t--pitch7-primary-note: #639bd6;\n\t\t\t--pitch8-secondary-channel: #4c77a9;\n\t\t\t--pitch8-primary-channel: #a8c6e8;\n\t\t\t--pitch8-secondary-note: #4c77a9;\n\t\t\t--pitch8-primary-note: #a8c6e8;\n\t\t\t--pitch9-secondary-channel: #6e89b4;\n\t\t\t--pitch9-primary-channel: #d4dce9;\n\t\t\t--pitch9-secondary-note: #6e89b4;\n\t\t\t--pitch9-primary-note: #d4dce9;\n\t\t\t--pitch10-secondary-channel: #626493;\n\t\t\t--pitch10-primary-channel: #bdbed3;\n\t\t\t--pitch10-secondary-note: #626493;\n\t\t\t--pitch10-primary-note: #bdbed3;\n\t\t\t--noise1-secondary-channel: #4b4a55;\n\t\t\t--noise1-primary-channel: #9795a3;\n\t\t\t--noise1-secondary-note: #4b4a55;\n\t\t\t--noise1-primary-note: #9795a3;\n\t\t\t--noise2-secondary-channel: #858e9d;\n\t\t\t--noise2-primary-channel: #d7dce5;\n\t\t\t--noise2-secondary-note: #858e9d;\n\t\t\t--noise2-primary-note: #d7dce5;\n\t\t\t--noise3-secondary-channel: #394e65;\n\t\t\t--noise3-primary-channel: #809bb7;\n\t\t\t--noise3-secondary-note: #394e65;\n\t\t\t--noise3-primary-note: #809bb7;\n\t\t\t--noise4-secondary-channel: #37577b;\n\t\t\t--noise4-primary-channel: #6189b8;\n\t\t\t--noise4-secondary-note: #37577b;\n\t\t\t--noise4-primary-note: #6189b8;\n\t\t\t--noise5-secondary-channel: #223849;\n\t\t\t--noise5-primary-channel: #5588af;\n\t\t\t--noise5-secondary-note: #223849;\n\t\t\t--noise5-primary-note: #5588af;\n\t\t\t--mod1-secondary-channel: #3e336c;\n\t\t\t--mod1-primary-channel: #6d60a4;\n\t\t\t--mod1-secondary-note: #3e336c;\n\t\t\t--mod1-primary-note: #6d60a4;\n\t\t\t--mod2-secondary-channel: #716791;\n\t\t\t--mod2-primary-channel: #bdbed3;\n\t\t\t--mod2-secondary-note: #716791;\n\t\t\t--mod2-primary-note: #bdbed3;\n\t\t\t--mod3-secondary-channel: #6b91bd;\n\t\t\t--mod3-primary-channel: #4b8fdd;\n\t\t\t--mod3-secondary-note: #597ca7;\n\t\t\t--mod3-primary-note: #7eade3;\n\t\t\t--mod4-secondary-channel: #14559f;\n\t\t\t--mod4-primary-channel: #3386e6;\n\t\t\t--mod4-secondary-note: #14559f;\n\t\t\t--mod4-primary-note: #3386e6;\n\t\t\t--mod-label-primary: #1e2940;\n\t\t\t--mod-label-secondary-text: #748ebe;\n\t\t\t--mod-label-primary-text: white;\n\t\t\t--disabled-note-primary: #828282;\n\t\t\t--disabled-note-secondary: #4f4f4f;\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t}",autumn:"\n\t\t:root {\n\t\t\t--page-margin: #060304;\n\t\t\t--editor-background: #060304;\n\t\t\t--hover-preview: white;\n\t\t\t--playhead: white;\n\t\t\t--primary-text: white;\n\t\t\t--secondary-text: #999;\n\t\t\t--inverted-text: black;\n\t\t\t--text-selection: rgb(115 80 76);\n\t\t\t--box-selection-fill: rgb(174 73 81 / 45%);\n\t\t\t--loop-accent: #834A69;\n\t\t\t--link-accent: #98f;\n\t\t\t--ui-widget-background: #2a2523;\n\t\t\t--ui-widget-focus: #4e4c44;\n\t\t\t--pitch-background: #121212;\n\t\t\t--tonic: #4f4f4f;\n\t\t\t--fifth-note: #222;\n\t\t\t--white-piano-key: #b59b9b;\n\t\t\t--black-piano-key: #231e1e;\n\t\t\t--white-piano-key-text: #131200;\n\t\t\t--black-piano-key-text: #fff;\n\t\t\t--use-color-formula: false;\n\t\t\t--track-editor-bg-pitch: #352f38;\n\t\t\t--track-editor-bg-pitch-dim: #232025;\n\t\t\t--track-editor-bg-noise: #3c3029;\n\t\t\t--track-editor-bg-noise-dim: #251d19;\n\t\t\t--track-editor-bg-mod: #202623;\n\t\t\t--track-editor-bg-mod-dim: #131715;\n\t\t\t--multiplicative-mod-slider: #D9D16E;\n\t\t\t--overwriting-mod-slider: #2D826F;\n\t\t\t--indicator-primary: #D9D16E;\n\t\t\t--indicator-secondary: #444226;\n\t\t\t--select2-opt-group: #20191c;\n\t\t\t--input-box-outline: #20191c;\n\t\t\t--mute-button-normal: var(--pitch2-primary-channel);\n\t\t\t--mute-button-mod: var(--pitch4-primary-channel);\n\t\t\t--pitch1-secondary-channel: #704a34;\n\t\t\t--pitch1-primary-channel: #D9895A;\n\t\t\t--pitch1-secondary-note: #704a34;\n\t\t\t--pitch1-primary-note: #D9895A;\n\t\t\t--pitch2-secondary-channel: #5f3538;\n\t\t\t--pitch2-primary-channel: #AE4951;\n\t\t\t--pitch2-secondary-note: #5f3538;\n\t\t\t--pitch2-primary-note: #AE4951;\n\t\t\t--pitch3-secondary-channel: #5c4336;\n\t\t\t--pitch3-primary-channel: #CA9A81;\n\t\t\t--pitch3-secondary-note: #5c4336;\n\t\t\t--pitch3-primary-note: #CA9A81;\n\t\t\t--pitch4-secondary-channel: #1d3143;\n\t\t\t--pitch4-primary-channel: #386995;\n\t\t\t--pitch4-secondary-note: #1d3143;\n\t\t\t--pitch4-primary-note: #386995;\n\t\t\t--pitch5-secondary-channel: #9c8a58;\n\t\t\t--pitch5-primary-channel: #D9D16E;\n\t\t\t--pitch5-secondary-note: #7c783f;\n\t\t\t--pitch5-primary-note: #D9D16E;\n\t\t\t--pitch6-secondary-channel: #886562;\n\t\t\t--pitch6-primary-channel: #D3A9A5;\n\t\t\t--pitch6-secondary-note: #886562;\n\t\t\t--pitch6-primary-note: #D3A9A5;\n\t\t\t--pitch7-secondary-channel: #1c3f37;\n\t\t\t--pitch7-primary-channel: #2D826F;\n\t\t\t--pitch7-secondary-note: #1c3f37;\n\t\t\t--pitch7-primary-note: #2D826F;\n\t\t\t--pitch8-secondary-channel: #442e2d;\n\t\t\t--pitch8-primary-channel: #815150;\n\t\t\t--pitch8-secondary-note: #442e2d;\n\t\t\t--pitch8-primary-note: #815150;\n\t\t\t--pitch9-secondary-channel: #8e6f60;\n\t\t\t--pitch9-primary-channel: #E5B8A1;\n\t\t\t--pitch9-secondary-note: #8e6f60;\n\t\t\t--pitch9-primary-note: #E5B8A1;\n\t\t\t--pitch10-secondary-channel: #4f3142;\n\t\t\t--pitch10-primary-channel: #834A69;\n\t\t\t--pitch10-secondary-note: #4f3142;\n\t\t\t--pitch10-primary-note: #834A69;\n\t\t\t--noise1-secondary-channel: #6b5346;\n\t\t\t--noise1-primary-channel: #b99c89;\n\t\t\t--noise1-secondary-note: #6b5346;\n\t\t\t--noise1-primary-note: #F0D0BB;\n\t\t\t--noise2-secondary-channel: #4a3839;\n\t\t\t--noise2-primary-channel: #9c6b6e;\n\t\t\t--noise2-secondary-note: #4a3839;\n\t\t\t--noise2-primary-note: #c18b8f;\n\t\t\t--noise3-secondary-channel: #2d3c4a;\n\t\t\t--noise3-primary-channel: #536e86;\n\t\t\t--noise3-secondary-note: #2d3c4a;\n\t\t\t--noise3-primary-note: #8fa8c0;\n\t\t\t--noise4-secondary-channel: #273f3a;\n\t\t\t--noise4-primary-channel: #4e8377;\n\t\t\t--noise4-secondary-note: #273f3a;\n\t\t\t--noise4-primary-note: #87baae;\n\t\t\t--noise5-secondary-channel: #372730;\n\t\t\t--noise5-primary-channel: #7f5e70;\n\t\t\t--noise5-secondary-note: #372730;\n\t\t\t--noise5-primary-note: #cc96b3;\n\t\t\t--mod1-secondary-channel: #783f1f;\n\t\t\t--mod1-primary-channel: #dc6d2c;\n\t\t\t--mod1-secondary-note: #783f1f;\n\t\t\t--mod1-primary-note: #dc6d2c;\n\t\t\t--mod2-secondary-channel: #0b3153;\n\t\t\t--mod2-primary-channel: #1464ac;\n\t\t\t--mod2-secondary-note: #0b3153;\n\t\t\t--mod2-primary-note: #1464ac;\n\t\t\t--mod3-secondary-channel: #075040;\n\t\t\t--mod3-primary-channel: #08a17f;\n\t\t\t--mod3-secondary-note: #075040;\n\t\t\t--mod3-primary-note: #08a17f;\n\t\t\t--mod4-secondary-channel: #631640;\n\t\t\t--mod4-primary-channel: #b4186d;\n\t\t\t--mod4-secondary-note: #631640;\n\t\t\t--mod4-primary-note: #b4186d;\n\t\t\t--mod-label-primary: #000;\n\t\t\t--mod-label-secondary-text: #707070;\n\t\t\t--mod-label-primary-text: white;\n\t\t\t--disabled-note-primary: #5d5d5d;\n\t\t\t--disabled-note-secondary: #292929;\n\n\t\t\t\n\t\t\t\n\t\t}",fruit:"\n\t\t:root {\n\t\t\t--page-margin: #040507;\n\t\t\t--editor-background: #040507;\n\t\t\t--hover-preview: white;\n\t\t\t--playhead: white;\n\t\t\t--primary-text: white;\n\t\t\t--secondary-text: #999;\n\t\t\t--inverted-text: black;\n\t\t\t--text-selection: rgb(115 103 76);\n\t\t\t--box-selection-fill: rgb(174 109 73 / 45%);\n\t\t\t--loop-accent: #EC897D;\n\t\t\t--link-accent: #FDE484;\n\t\t\t--ui-widget-background: #22222c;\n\t\t\t--ui-widget-focus: #39394c;\n\t\t\t--pitch-background: #101010;\n\t\t\t--tonic: #2c2d34;\n\t\t\t--fifth-note: #191a20;\n\t\t\t--white-piano-key: #bbbaba;\n\t\t\t--black-piano-key: #2d2d2d;\n\t\t\t--white-piano-key-text: #131200;\n\t\t\t--black-piano-key-text: #fff;\n\t\t\t--use-color-formula: false;\n\t\t\t--track-editor-bg-pitch: #2b2d40;\n\t\t\t--track-editor-bg-pitch-dim: #191a25;\n\t\t\t--track-editor-bg-noise: #3c3644;\n\t\t\t--track-editor-bg-noise-dim: #26222b;\n\t\t\t--track-editor-bg-mod: #322a2a;\n\t\t\t--track-editor-bg-mod-dim: #191515;\n\t\t\t--multiplicative-mod-slider: #977da9;\n\t\t\t--overwriting-mod-slider: #798FA7;\n\t\t\t--indicator-primary: #EAAC9D;\n\t\t\t--indicator-secondary: #5e413a;\n\t\t\t--select2-opt-group: #191920;\n\t\t\t--input-box-outline: #191920;\n\t\t\t--mute-button-normal: #798FA7;\n\t\t\t--mute-button-mod: #354457;\n\t\t\t--pitch1-secondary-channel: #91655a;\n\t\t\t--pitch1-primary-channel: #EAAC9D;\n\t\t\t--pitch1-secondary-note: #91655a;\n\t\t\t--pitch1-primary-note: #EAAC9D;\n\t\t\t--pitch2-secondary-channel: #8f6513;\n\t\t\t--pitch2-primary-channel: #FFAF12;\n\t\t\t--pitch2-secondary-note: #8f6513;\n\t\t\t--pitch2-primary-note: #FFAF12;\n\t\t\t--pitch3-secondary-channel: #212f46;\n\t\t\t--pitch3-primary-channel: #34558B;\n\t\t\t--pitch3-secondary-note: #212f46;\n\t\t\t--pitch3-primary-note: #34558B;\n\t\t\t--pitch4-secondary-channel: #2e6b5b;\n\t\t\t--pitch4-primary-channel: #4EC5A7;\n\t\t\t--pitch4-secondary-note: #2e6b5b;\n\t\t\t--pitch4-primary-note: #4EC5A7;\n\t\t\t--pitch5-secondary-channel: #555D46;\n\t\t\t--pitch5-primary-channel: #aabf84;\n\t\t\t--pitch5-secondary-note: #555D46;\n\t\t\t--pitch5-primary-note: #aabf84;\n\t\t\t--pitch6-secondary-channel: #A2553B;\n\t\t\t--pitch6-primary-channel: #e59a81;\n\t\t\t--pitch6-secondary-note: #A2553B;\n\t\t\t--pitch6-primary-note: #e59a81;\n\t\t\t--pitch7-secondary-channel: #7b4021;\n\t\t\t--pitch7-primary-channel: #FE813E;\n\t\t\t--pitch7-secondary-note: #7b4021;\n\t\t\t--pitch7-primary-note: #FE813E;\n\t\t\t--pitch8-secondary-channel: #847753;\n\t\t\t--pitch8-primary-channel: #EFDAA3;\n\t\t\t--pitch8-secondary-note: #847753;\n\t\t\t--pitch8-primary-note: #EFDAA3;\n\t\t\t--pitch9-secondary-channel: #2c3642;\n\t\t\t--pitch9-primary-channel: #798FA7;\n\t\t\t--pitch9-secondary-note: #2c3642;\n\t\t\t--pitch9-primary-note: #798FA7;\n\t\t\t--pitch10-secondary-channel: #0d4453;\n\t\t\t--pitch10-primary-channel: #107895;\n\t\t\t--pitch10-secondary-note: #0d4453;\n\t\t\t--pitch10-primary-note: #107895;\n\t\t\t--noise1-secondary-channel: #71617C;\n\t\t\t--noise1-primary-channel: #977da9;\n\t\t\t--noise1-secondary-note: #71617C;\n\t\t\t--noise1-primary-note: #977da9;\n\t\t\t--noise2-secondary-channel: #3B3D4A;\n\t\t\t--noise2-primary-channel: #707591;\n\t\t\t--noise2-secondary-note: #3B3D4A;\n\t\t\t--noise2-primary-note: #707591;\n\t\t\t--noise3-secondary-channel: #625f5e;\n\t\t\t--noise3-primary-channel: #A19D9C;\n\t\t\t--noise3-secondary-note: #625f5e;\n\t\t\t--noise3-primary-note: #A19D9C;\n\t\t\t--noise4-secondary-channel: #ab847b;\n\t\t\t--noise4-primary-channel: #EAAC9D;\n\t\t\t--noise4-secondary-note: #ab847b;\n\t\t\t--noise4-primary-note: #EAAC9D;\n\t\t\t--noise5-secondary-channel: #B49D74;\n\t\t\t--noise5-primary-channel: #dec69b;\n\t\t\t--noise5-secondary-note: #B49D74;\n\t\t\t--noise5-primary-note: #dec69b;\n\t\t\t--mod1-secondary-channel: #722124;\n\t\t\t--mod1-primary-channel: #D13A41;\n\t\t\t--mod1-secondary-note: #722124;\n\t\t\t--mod1-primary-note: #D13A41;\n\t\t\t--mod2-secondary-channel: #213657;\n\t\t\t--mod2-primary-channel: #34558B;\n\t\t\t--mod2-secondary-note: #213657;\n\t\t\t--mod2-primary-note: #34558B;\n\t\t\t--mod3-secondary-channel: #555D46;\n\t\t\t--mod3-primary-channel: #848f6d;\n\t\t\t--mod3-secondary-note: #555D46;\n\t\t\t--mod3-primary-note: #848f6d;\n\t\t\t--mod4-secondary-channel: #71617C;\n\t\t\t--mod4-primary-channel: #a68ab9;\n\t\t\t--mod4-secondary-note: #71617C;\n\t\t\t--mod4-primary-note: #a68ab9;\n\t\t\t--mod-label-primary: #282828;\n\t\t\t--mod-label-secondary-text: #707070;\n\t\t\t--mod-label-primary-text: white;\n\t\t\t--disabled-note-primary: #5d5d5d;\n\t\t\t--disabled-note-secondary: #292929;\n\n\t\t\t\n\t\t\t\n\t\t}",sunset:"\n\t\t:root {\n\t\t\t--page-margin: #040300;\n\t\t\t--editor-background: #040300;\n\t\t\t--hover-preview: white;\n\t\t\t--playhead: white;\n\t\t\t--primary-text: white;\n\t\t\t--secondary-text: #999;\n\t\t\t--inverted-text: black;\n\t\t\t--text-selection: rgb(94 0 157);\n\t\t\t--box-selection-fill: rgb(174 173 73 / 45%);\n\t\t\t--loop-accent: #EC897D;\n\t\t\t--link-accent: #FDE484;\n\t\t\t--ui-widget-background: #241b24;\n\t\t\t--ui-widget-focus: #3a2e39;\n\t\t\t--pitch-background: #141414;\n\t\t\t--tonic: #2C212B;\n\t\t\t--fifth-note: #2E2A15;\n\t\t\t--white-piano-key: #bbbaba;\n\t\t\t--black-piano-key: #2d2d2d;\n\t\t\t--white-piano-key-text: #131200;\n\t\t\t--black-piano-key-text: #fff;\n\t\t\t--use-color-formula: false;\n\t\t\t--track-editor-bg-pitch: #2d2e42;\n\t\t\t--track-editor-bg-pitch-dim: #191a25;\n\t\t\t--track-editor-bg-noise: #393340;\n\t\t\t--track-editor-bg-noise-dim: #26222b;\n\t\t\t--track-editor-bg-mod: #232a2c;\n\t\t\t--track-editor-bg-mod-dim: #151819;\n\t\t\t--multiplicative-mod-slider: #977da9;\n\t\t\t--overwriting-mod-slider: #798FA7;\n\t\t\t--indicator-primary: #F28891;\n\t\t\t--indicator-secondary: #601d23;\n\t\t\t--select2-opt-group: #151015;\n\t\t\t--input-box-outline: #151015;\n\t\t\t--mute-button-normal: #E4739D;\n\t\t\t--mute-button-mod: #9650A6;\n\t\t\t--pitch1-secondary-channel: #7F7721;\n\t\t\t--pitch1-primary-channel: #F3E79A;\n\t\t\t--pitch1-secondary-note: #7F7721;\n\t\t\t--pitch1-primary-note: #F3E79A;\n\t\t\t--pitch2-secondary-channel: #785E20;\n\t\t\t--pitch2-primary-channel: #F7D086;\n\t\t\t--pitch2-secondary-note: #785E20;\n\t\t\t--pitch2-primary-note: #F7D086;\n\t\t\t--pitch3-secondary-channel: #6E4219;\n\t\t\t--pitch3-primary-channel: #F9B881;\n\t\t\t--pitch3-secondary-note: #6E4219;\n\t\t\t--pitch3-primary-note: #F9B881;\n\t\t\t--pitch4-secondary-channel: #79351F;\n\t\t\t--pitch4-primary-channel: #F7A086;\n\t\t\t--pitch4-secondary-note: #79351F;\n\t\t\t--pitch4-primary-note: #F7A086;\n\t\t\t--pitch5-secondary-channel: #81272F;\n\t\t\t--pitch5-primary-channel: #F28891;\n\t\t\t--pitch5-secondary-note: #81272F;\n\t\t\t--pitch5-primary-note: #F28891;\n\t\t\t--pitch6-secondary-channel: #8F224D;\n\t\t\t--pitch6-primary-channel: #E4739D;\n\t\t\t--pitch6-secondary-note: #8F224D;\n\t\t\t--pitch6-primary-note: #E4739D;\n\t\t\t--pitch7-secondary-channel: #611548;\n\t\t\t--pitch7-primary-channel: #CF63A6;\n\t\t\t--pitch7-secondary-note: #611548;\n\t\t\t--pitch7-primary-note: #CF63A6;\n\t\t\t--pitch8-secondary-channel: #561253;\n\t\t\t--pitch8-primary-channel: #B557A9;\n\t\t\t--pitch8-secondary-note: #4D104A;\n\t\t\t--pitch8-primary-note: #B557A9;\n\t\t\t--pitch9-secondary-channel: #4c1260;\n\t\t\t--pitch9-primary-channel: #9650A6;\n\t\t\t--pitch9-secondary-note: #3C0F4C;\n\t\t\t--pitch9-primary-note: #9650A6;\n\t\t\t--pitch10-secondary-channel: #3e1d78;\n\t\t\t--pitch10-primary-channel: #704D9E;\n\t\t\t--pitch10-secondary-note: #27124C;\n\t\t\t--pitch10-primary-note: #704D9E;\n\t\t\t--noise1-secondary-channel: #A7A578;\n\t\t\t--noise1-primary-channel: #EFE9AC;\n\t\t\t--noise1-secondary-note: #A7A578;\n\t\t\t--noise1-primary-note: #EFE9AC;\n\t\t\t--noise2-secondary-channel: #947A5F;\n\t\t\t--noise2-primary-channel: #FBCEA8;\n\t\t\t--noise2-secondary-note: #947A5F;\n\t\t\t--noise2-primary-note: #FBCEA8;\n\t\t\t--noise3-secondary-channel: #A3635D;\n\t\t\t--noise3-primary-channel: #F4A5AB;\n\t\t\t--noise3-secondary-note: #A3635D;\n\t\t\t--noise3-primary-note: #F4A5AB;\n\t\t\t--noise4-secondary-channel: #724D60;\n\t\t\t--noise4-primary-channel: #CD90B6;\n\t\t\t--noise4-secondary-note: #724D60;\n\t\t\t--noise4-primary-note: #CD90B6;\n\t\t\t--noise5-secondary-channel: #503F5C;\n\t\t\t--noise5-primary-channel: #7C6A9E;\n\t\t\t--noise5-secondary-note: #503F5C;\n\t\t\t--noise5-primary-note: #7C6A9E;\n\t\t\t--mod1-secondary-channel: #371883;\n\t\t\t--mod1-primary-channel: #6416C6;\n\t\t\t--mod1-secondary-note: #1F0A52;\n\t\t\t--mod1-primary-note: #6416C6;\n\t\t\t--mod2-secondary-channel: #690645;\n\t\t\t--mod2-primary-channel: #E52FA2;\n\t\t\t--mod2-secondary-note: #690645;\n\t\t\t--mod2-primary-note: #E52FA2;\n\t\t\t--mod3-secondary-channel: #943618;\n\t\t\t--mod3-primary-channel: #eb5b2c;\n\t\t\t--mod3-secondary-note: #943618;\n\t\t\t--mod3-primary-note: #eb5b2c;\n\t\t\t--mod4-secondary-channel: #928409;\n\t\t\t--mod4-primary-channel: #ecd50e;\n\t\t\t--mod4-secondary-note: #928409;\n\t\t\t--mod4-primary-note: #ecd50e;\n\t\t\t--mod-label-primary: #282828;\n\t\t\t--mod-label-secondary-text: #707070;\n\t\t\t--mod-label-primary-text: white;\n\t\t\t--disabled-note-primary: #5d5d5d;\n\t\t\t--disabled-note-secondary: #292929;\n\n\t\t\t\n\t\t\t\n\t\t}",toxic:"\n\t\t:root {\n\t\t\t--page-margin: #010003;\n\t\t\t--editor-background: #010003;\n\t\t\t--hover-preview: white;\n\t\t\t--playhead: white;\n\t\t\t--primary-text: white;\n\t\t\t--secondary-text: #999;\n\t\t\t--inverted-text: black;\n\t\t\t--text-selection: rgb(147 195 0);\n\t\t\t--box-selection-fill: rgb(145 174 73 / 49%);\n\t\t\t--loop-accent: #BCDE2C;\n\t\t\t--link-accent: #edff9f;\n\t\t\t--ui-widget-background: #261e2e;\n\t\t\t--ui-widget-focus: #322042;\n\t\t\t--pitch-background: #141c15;\n\t\t\t--tonic: #282c21;\n\t\t\t--fifth-note: #18221a;\n\t\t\t--white-piano-key: #e3e3e3;\n\t\t\t--black-piano-key: #2d2d2d;\n\t\t\t--white-piano-key-text: #131200;\n\t\t\t--black-piano-key-text: #fff;\n\t\t\t--use-color-formula: false;\n\t\t\t--track-editor-bg-pitch: #38293e;\n\t\t\t--track-editor-bg-pitch-dim: #251c29;\n\t\t\t--track-editor-bg-noise: #2c304c;\n\t\t\t--track-editor-bg-noise-dim: #191b2b;\n\t\t\t--track-editor-bg-mod: #311b32;\n\t\t\t--track-editor-bg-mod-dim: #1d101e;\n\t\t\t--multiplicative-mod-slider: #977da9;\n\t\t\t--overwriting-mod-slider: #798FA7;\n\t\t\t--indicator-primary: #aae9ff;\n\t\t\t--indicator-secondary: #253e46;\n\t\t\t--select2-opt-group: #110d15;\n\t\t\t--input-box-outline: #110d15;\n\t\t\t--mute-button-normal: #8f5ad1;\n\t\t\t--mute-button-mod: #482574;\n\t\t\t--pitch1-secondary-channel: #6b7f19;\n\t\t\t--pitch1-primary-channel: #BCDE2C;\n\t\t\t--pitch1-secondary-note: #6b7f19;\n\t\t\t--pitch1-primary-note: #BCDE2C;\n\t\t\t--pitch2-secondary-channel: #497a31;\n\t\t\t--pitch2-primary-channel: #7BD152;\n\t\t\t--pitch2-secondary-note: #497a31;\n\t\t\t--pitch2-primary-note: #7BD152;\n\t\t\t--pitch3-secondary-channel: #286b40;\n\t\t\t--pitch3-primary-channel: #45BE71;\n\t\t\t--pitch3-secondary-note: #286b40;\n\t\t\t--pitch3-primary-note: #45BE71;\n\t\t\t--pitch4-secondary-channel: #125140;\n\t\t\t--pitch4-primary-channel: #25A884;\n\t\t\t--pitch4-secondary-note: #125140;\n\t\t\t--pitch4-primary-note: #25A884;\n\t\t\t--pitch5-secondary-channel: #114c49;\n\t\t\t--pitch5-primary-channel: #21908C;\n\t\t\t--pitch5-secondary-note: #114c49;\n\t\t\t--pitch5-primary-note: #21908C;\n\t\t\t--pitch6-secondary-channel: #143843;\n\t\t\t--pitch6-primary-channel: #2B788E;\n\t\t\t--pitch6-secondary-note: #143843;\n\t\t\t--pitch6-primary-note: #2B788E;\n\t\t\t--pitch7-secondary-channel: #1d354e;\n\t\t\t--pitch7-primary-channel: #355F8D;\n\t\t\t--pitch7-secondary-note: #1a2f46;\n\t\t\t--pitch7-primary-note: #355F8D;\n\t\t\t--pitch8-secondary-channel: #2c2e5a;\n\t\t\t--pitch8-primary-channel: #414486;\n\t\t\t--pitch8-secondary-note: #1e1f3d;\n\t\t\t--pitch8-primary-note: #414486;\n\t\t\t--pitch9-secondary-channel: #3c1f5e;\n\t\t\t--pitch9-primary-channel: #5e3b89;\n\t\t\t--pitch9-secondary-note: #25133b;\n\t\t\t--pitch9-primary-note: #5e3b89;\n\t\t\t--pitch10-secondary-channel: #510264;\n\t\t\t--pitch10-primary-channel: #720d8a;\n\t\t\t--pitch10-secondary-note: #440154;\n\t\t\t--pitch10-primary-note: #720d8a;\n\t\t\t--noise1-secondary-channel: #BCDE2C;\n\t\t\t--noise1-primary-channel: #edff9f;\n\t\t\t--noise1-secondary-note: #BCDE2C;\n\t\t\t--noise1-primary-note: #edff9f;\n\t\t\t--noise2-secondary-channel: #45BE71;\n\t\t\t--noise2-primary-channel: #89ffb4;\n\t\t\t--noise2-secondary-note: #45BE71;\n\t\t\t--noise2-primary-note: #89ffb4;\n\t\t\t--noise3-secondary-channel: #21908C;\n\t\t\t--noise3-primary-channel: #72fffa;\n\t\t\t--noise3-secondary-note: #21908C;\n\t\t\t--noise3-primary-note: #72fffa;\n\t\t\t--noise4-secondary-channel: #355F8D;\n\t\t\t--noise4-primary-channel: #7cb6f5;\n\t\t\t--noise4-secondary-note: #355F8D;\n\t\t\t--noise4-primary-note: #7cb6f5;\n\t\t\t--noise5-secondary-channel: #482574;\n\t\t\t--noise5-primary-channel: #8f5ad1;\n\t\t\t--noise5-secondary-note: #48257A;\n\t\t\t--noise5-primary-note: #8f5ad1;\n\t\t\t--mod1-secondary-channel: #815a16;\n\t\t\t--mod1-primary-channel: #F5AB29;\n\t\t\t--mod1-secondary-note: #815a16;\n\t\t\t--mod1-primary-note: #F5AB29;\n\t\t\t--mod2-secondary-channel: #4d341a;\n\t\t\t--mod2-primary-channel: #C98540;\n\t\t\t--mod2-secondary-note: #4d341a;\n\t\t\t--mod2-primary-note: #C98540;\n\t\t\t--mod3-secondary-channel: #643734;\n\t\t\t--mod3-primary-channel: #A75D58;\n\t\t\t--mod3-secondary-note: #643734;\n\t\t\t--mod3-primary-note: #A75D58;\n\t\t\t--mod4-secondary-channel: #461430;\n\t\t\t--mod4-primary-channel: #812359;\n\t\t\t--mod4-secondary-note: #3f112b;\n\t\t\t--mod4-primary-note: #812359;\n\t\t\t--mod-label-primary: #282828;\n\t\t\t--mod-label-secondary-text: #707070;\n\t\t\t--mod-label-primary-text: white;\n\t\t\t--disabled-note-primary: #5d5d5d;\n\t\t\t--disabled-note-secondary: #292929;\n\n\t\t\t\n\t\t\t\n\t\t}","violet verdant":"\n\t\t:root {\n\t\t\t--page-margin: #0e031a;\n\t\t\t--editor-background: #0e031a;\n\t\t\t--hover-preview: #e5ffea;\n\t\t\t--playhead: rgba(255, 255, 255, 0.9);\n\t\t\t--primary-text: #f0e0ff;\n\t\t\t--secondary-text: #706087;\n\t\t\t--inverted-text: black;\n\t\t\t--text-selection: rgba(119,68,255,0.99);\n\t\t\t--box-selection-fill: #225835;\n\t\t\t--loop-accent: #8f00fb;\n\t\t\t--link-accent: #82dd5d;\n\t\t\t--ui-widget-background: #303c66;\n\t\t\t--ui-widget-focus: #62559b;\n\t\t\t--pitch-background: #293b52;\n\t\t\t--tonic: #5b46ad;\n\t\t\t--fifth-note: #42604d;\n\t\t\t--white-piano-key: #f6e8ff;\n\t\t\t--black-piano-key: #5a4972;\n\t\t\t--white-piano-key-text: #131200;\n\t\t\t--black-piano-key-text: #fff;\n\t\t\t--use-color-formula: true;\n\t\t\t--track-editor-bg-pitch: #392a46;\n\t\t\t--track-editor-bg-pitch-dim: #1c1d28;\n\t\t\t--track-editor-bg-noise: #403150;\n\t\t\t--track-editor-bg-noise-dim: #161313;\n\t\t\t--track-editor-bg-mod: #253c25;\n\t\t\t--track-editor-bg-mod-dim: #0c1811;\n\t\t\t--multiplicative-mod-slider: #606c9f;\n\t\t\t--overwriting-mod-slider: #6850b5;\n\t\t\t--indicator-primary: #9c64f7;\n\t\t\t--indicator-secondary: #393e4f;\n\t\t\t--select2-opt-group: #5d576f;\n\t\t\t--input-box-outline: #403150;\n\t\t\t--mute-button-normal: #82dd5d;\n\t\t\t--mute-button-mod: #945de5;\n\t\t\t--mod-label-primary: #312840;\n\t\t\t--mod-label-secondary-text: rgb(88 70 104);\n\t\t\t--mod-label-primary-text: #82dd5d;\n\t\t\t--pitch-secondary-channel-hue: 64;\n\t\t\t--pitch-secondary-channel-hue-scale: 6.1;\n\t\t\t--pitch-secondary-channel-sat: 63.3;\n\t\t\t--pitch-secondary-channel-sat-scale: 0.1;\n\t\t\t--pitch-secondary-channel-lum: 40;\n\t\t\t--pitch-secondary-channel-lum-scale: 0.05;\n\t\t\t--pitch-primary-channel-hue: 64;\n\t\t\t--pitch-primary-channel-hue-scale: 6.1;\n\t\t\t--pitch-primary-channel-sat: 90;\n\t\t\t--pitch-primary-channel-sat-scale: 0.1;\n\t\t\t--pitch-primary-channel-lum: 67.5;\n\t\t\t--pitch-primary-channel-lum-scale: 0.05;\n\t\t\t--pitch-secondary-note-hue: 32;\n\t\t\t--pitch-secondary-note-hue-scale: 6.1;\n\t\t\t--pitch-secondary-note-sat: 87.9;\n\t\t\t--pitch-secondary-note-sat-scale: 0.1;\n\t\t\t--pitch-secondary-note-lum: 25;\n\t\t\t--pitch-secondary-note-lum-scale: 0.05;\n\t\t\t--pitch-primary-note-hue: 64;\n\t\t\t--pitch-primary-note-hue-scale: 6.1;\n\t\t\t--pitch-primary-note-sat: 90;\n\t\t\t--pitch-primary-note-sat-scale: 0.05;\n\t\t\t--pitch-primary-note-lum: 85.6;\n\t\t\t--pitch-primary-note-lum-scale: 0.025;\n\t\t\t--noise-secondary-channel-hue: 192;\n\t\t\t--noise-secondary-channel-hue-scale: 2;\n\t\t\t--noise-secondary-channel-sat: 45;\n\t\t\t--noise-secondary-channel-sat-scale: 0;\n\t\t\t--noise-secondary-channel-lum: 32;\n\t\t\t--noise-secondary-channel-lum-scale: 0;\n\t\t\t--noise-primary-channel-hue: 192;\n\t\t\t--noise-primary-channel-hue-scale: 2;\n\t\t\t--noise-primary-channel-sat: 33;\n\t\t\t--noise-primary-channel-sat-scale: 0;\n\t\t\t--noise-primary-channel-lum: 43.5;\n\t\t\t--noise-primary-channel-lum-scale: 0;\n\t\t\t--noise-secondary-note-hue: 160;\n\t\t\t--noise-secondary-note-hue-scale: 2;\n\t\t\t--noise-secondary-note-sat: 33.5;\n\t\t\t--noise-secondary-note-sat-scale: 0;\n\t\t\t--noise-secondary-note-lum: 45;\n\t\t\t--noise-secondary-note-lum-scale: 0;\n\t\t\t--noise-primary-note-hue: 192;\n\t\t\t--noise-primary-note-hue-scale: 2;\n\t\t\t--noise-primary-note-sat: 46.5;\n\t\t\t--noise-primary-note-sat-scale: 0;\n\t\t\t--noise-primary-note-lum: 74;\n\t\t\t--noise-primary-note-lum-scale: 0;\n\t\t\t--mod-secondary-channel-hue: 132;\n\t\t\t--mod-secondary-channel-hue-scale: 1.5;\n\t\t\t--mod-secondary-channel-sat: 88;\n\t\t\t--mod-secondary-channel-sat-scale: 0;\n\t\t\t--mod-secondary-channel-lum: 50;\n\t\t\t--mod-secondary-channel-lum-scale: 0;\n\t\t\t--mod-primary-channel-hue: 132;\n\t\t\t--mod-primary-channel-hue-scale: 1.5;\n\t\t\t--mod-primary-channel-sat: 96;\n\t\t\t--mod-primary-channel-sat-scale: 0;\n\t\t\t--mod-primary-channel-lum: 80;\n\t\t\t--mod-primary-channel-lum-scale: 0;\n\t\t\t--mod-secondary-note-hue: 100;\n\t\t\t--mod-secondary-note-hue-scale: 1.5;\n\t\t\t--mod-secondary-note-sat: 92;\n\t\t\t--mod-secondary-note-sat-scale: 0;\n\t\t\t--mod-secondary-note-lum: 45;\n\t\t\t--mod-secondary-note-lum-scale: 0;\n\t\t\t--mod-primary-note-hue: 132;\n\t\t\t--mod-primary-note-hue-scale: 1.5;\n\t\t\t--mod-primary-note-sat: 96;\n\t\t\t--mod-primary-note-sat-scale: 0;\n\t\t\t--mod-primary-note-lum: 85;\n\t\t\t--mod-primary-note-lum-scale: 0;\n\t\t\t--disabled-note-primary: #91879f;\n\t\t\t--disabled-note-secondary: #6a677a;\n\n\t\t\t\n\t\t\t\n\t\t}",portal:"\n\t\t:root {\n\t\t\t--page-margin: #04081a;\n\t\t\t--editor-background: #04081a;\n\t\t\t--hover-preview: white;\n\t\t\t--playhead: white;\n\t\t\t--primary-text: white;\n\t\t\t--secondary-text: #999;\n\t\t\t--inverted-text: black;\n\t\t\t--text-selection: rgba(119,68,255,0.99);\n\t\t\t--box-selection-fill: rgb(0 72 181);\n\t\t\t--loop-accent: #44d4ff;\n\t\t\t--link-accent: #ffa500;\n\t\t\t--ui-widget-background: #212c4a;\n\t\t\t--ui-widget-focus: #121f42;\n\t\t\t--pitch-background: #1b263e;\n\t\t\t--tonic: #995d00;\n\t\t\t--fifth-note: #0898a1;\n\t\t\t--white-piano-key: #ffffff;\n\t\t\t--black-piano-key: #516d7a;\n\t\t\t--white-piano-key-text: #131200;\n\t\t\t--black-piano-key-text: #fff;\n\t\t\t--use-color-formula: false;\n\t\t\t--track-editor-bg-pitch: #213352;\n\t\t\t--track-editor-bg-pitch-dim: #152032;\n\t\t\t--track-editor-bg-noise: #403524;\n\t\t\t--track-editor-bg-noise-dim: #2a1f0e;\n\t\t\t--track-editor-bg-mod: #234;\n\t\t\t--track-editor-bg-mod-dim: #123;\n\t\t\t--multiplicative-mod-slider: #456;\n\t\t\t--overwriting-mod-slider: #654;\n\t\t\t--indicator-primary: #5490ff;\n\t\t\t--indicator-secondary: #444;\n\t\t\t--select2-opt-group: #585858;\n\t\t\t--input-box-outline: #333;\n\t\t\t--mute-button-normal: #3372ff;\n\t\t\t--mute-button-mod: #dd872f;\n\t\t\t--pitch1-secondary-channel: #0099A1;\n\t\t\t--pitch1-primary-channel: #77f7ff;\n\t\t\t--pitch1-secondary-note: #00BDC7;\n\t\t\t--pitch1-primary-note: #92F9FF;\n\t\t\t--pitch2-secondary-channel: #0083a1;\n\t\t\t--pitch2-primary-channel: #35d9ff;\n\t\t\t--pitch2-secondary-note: #0083a1;\n\t\t\t--pitch2-primary-note: #a4eeff;\n\t\t\t--pitch3-secondary-channel: #0074c7;\n\t\t\t--pitch3-primary-channel: #3caeff;\n\t\t\t--pitch3-secondary-note: #00477a;\n\t\t\t--pitch3-primary-note: #aadcff;\n\t\t\t--pitch4-secondary-channel: #0039a1;\n\t\t\t--pitch4-primary-channel: #2673ff;\n\t\t\t--pitch4-secondary-note: #001f56;\n\t\t\t--pitch4-primary-note: #9bbeff;\n\t\t\t--pitch5-secondary-channel: #31148b;\n\t\t\t--pitch5-primary-channel: #7042ff;\n\t\t\t--pitch5-secondary-note: #190656;\n\t\t\t--pitch5-primary-note: #b79fff;\n\t\t\t--pitch6-secondary-channel: #979934;\n\t\t\t--pitch6-primary-channel: #fbff2f;\n\t\t\t--pitch6-secondary-note: #5d5e0a;\n\t\t\t--pitch6-primary-note: #fdff9a;\n\t\t\t--pitch7-secondary-channel: #b78f00;\n\t\t\t--pitch7-primary-channel: #ffd747;\n\t\t\t--pitch7-secondary-note: #5e3d00;\n\t\t\t--pitch7-primary-note: #ffe381;\n\t\t\t--pitch8-secondary-channel: #9d6500;\n\t\t\t--pitch8-primary-channel: #ffa400;\n\t\t\t--pitch8-secondary-note: #583900;\n\t\t\t--pitch8-primary-note: #ffd07c;\n\t\t\t--pitch9-secondary-channel: #744203;\n\t\t\t--pitch9-primary-channel: #ff8e00;\n\t\t\t--pitch9-secondary-note: #502d00;\n\t\t\t--pitch9-primary-note: #ffcb89;\n\t\t\t--pitch10-secondary-channel: #a32d00;\n\t\t\t--pitch10-primary-channel: #ff885b;\n\t\t\t--pitch10-secondary-note: #521700;\n\t\t\t--pitch10-primary-note: #ffb397;\n\t\t\t--noise1-secondary-channel: #6e2210;\n\t\t\t--noise1-primary-channel: #ff4600;\n\t\t\t--noise1-secondary-note: #4c1a08;\n\t\t\t--noise1-primary-note: #ffc9b4;\n\t\t\t--noise2-secondary-channel: #6a3110;\n\t\t\t--noise2-primary-channel: #ff782a;\n\t\t\t--noise2-secondary-note: #4c1f05;\n\t\t\t--noise2-primary-note: #ffb488;\n\t\t\t--noise3-secondary-channel: #72460e;\n\t\t\t--noise3-primary-channel: #d9871f;\n\t\t\t--noise3-secondary-note: #442905;\n\t\t\t--noise3-primary-note: #ffdcae;\n\t\t\t--noise4-secondary-channel: #837a0f;\n\t\t\t--noise4-primary-channel: #f7ea55;\n\t\t\t--noise4-secondary-note: #605906;\n\t\t\t--noise4-primary-note: #fff9ab;\n\t\t\t--noise5-secondary-channel: #8c8f00;\n\t\t\t--noise5-primary-channel: #fdff90;\n\t\t\t--noise5-secondary-note: #606200;\n\t\t\t--noise5-primary-note: #feffbc;\n\t\t\t--mod1-secondary-channel: #561b97;\n\t\t\t--mod1-primary-channel: #aa66f5;\n\t\t\t--mod1-secondary-note: #30075c;\n\t\t\t--mod1-primary-note: #cd9fff;\n\t\t\t--mod2-secondary-channel: #5116df;\n\t\t\t--mod2-primary-channel: #6b2dff;\n\t\t\t--mod2-secondary-note: #36138b;\n\t\t\t--mod2-primary-note: #bea3ff;\n\t\t\t--mod3-secondary-channel: #2535a1;\n\t\t\t--mod3-primary-channel: #3f57ff;\n\t\t\t--mod3-secondary-note: #0e185c;\n\t\t\t--mod3-primary-note: #8494ff;\n\t\t\t--mod4-secondary-channel: #1b5883;\n\t\t\t--mod4-primary-channel: #5eb7f5;\n\t\t\t--mod4-secondary-note: #072f4a;\n\t\t\t--mod4-primary-note: #63beff;\n\t\t\t--mod-label-primary: #24293a;\n\t\t\t--mod-label-secondary-text: #454d4e;\n\t\t\t--mod-label-primary-text: #7bd4ff;\n\t\t\t--disabled-note-primary: #072f4a;\n\t\t\t--disabled-note-secondary: #6585a7;\n\n\t\t\t\n\t\t\t\n\t\t}",fusion:":root {\n\t\t\t--page-margin: #0c0306;\n\t\t\t--editor-background: #0c0306;\n\t\t\t--hover-preview: white;\n\t\t\t--playhead: white;\n\t\t\t--primary-text: #26d9cd;\n\t\t\t--secondary-text: #ff6666;\n\t\t\t--inverted-text: white;\n\t\t\t--text-selection: #ffffff;\n\t\t\t--box-selection-fill: #ff00004d;\n\t\t\t--loop-accent: #ff6666;\n\t\t\t--link-accent: white;\n\t\t\t--ui-widget-background: #232323;\n\t\t\t--ui-widget-focus: #303030;\n\t\t\t--pitch-background: hsl(61deg 100% 70% / 25%);\n\t\t\t--tonic: #66a3ff40;\n\t\t\t--fifth-note: #ff666640;\n\t\t\t--white-piano-key: #cdcdcd;\n\t\t\t--black-piano-key: #232323;\n\t\t\t--white-piano-key-text: #131200;\n\t\t\t--black-piano-key-text: #fff;\n\t\t\t--use-color-formula: false;\n\t\t\t--track-editor-bg-pitch: #404040bf;\n\t\t\t--track-editor-bg-pitch-dim: #151515;\n\t\t\t--track-editor-bg-noise: #404040bf;\n\t\t\t--track-editor-bg-noise-dim: #151515;\n\t\t\t--track-editor-bg-mod: #404040bf;\n\t\t\t--track-editor-bg-mod-dim: #151515;\n\t\t\t--multiplicative-mod-slider: #ef7692;\n\t\t\t--overwriting-mod-slider: #f43e69;\n\t\t\t--indicator-primary: #26d9cd;\n\t\t\t--indicator-secondary: hsl(176deg 70% 25%);\n\t\t\t--select2-opt-group: #232323;\n\t\t\t--input-box-outline: #141e34;\n\t\t\t--mute-button-normal: #26d9cd;\n\t\t\t--mute-button-mod: hsl(346deg 70% 50%);\n\t\t\t--pitch1-secondary-channel: #bf4040;\n\t\t\t--pitch1-primary-channel: #ff6666;\n\t\t\t--pitch1-secondary-note: #bf4040;\n\t\t\t--pitch1-primary-note: #ff6666;\n\t\t\t--pitch2-secondary-channel: #bf5b40;\n\t\t\t--pitch2-primary-channel: #ff8766;\n\t\t\t--pitch2-secondary-note: #bf5b40;\n\t\t\t--pitch2-primary-note: #ff8766;\n\t\t\t--pitch3-secondary-channel: #bf7940;\n\t\t\t--pitch3-primary-channel: #ffab66;\n\t\t\t--pitch3-secondary-note: #bf7940;\n\t\t\t--pitch3-primary-note: #ffab66;\n\t\t\t--pitch4-secondary-channel: #bf9b40;\n\t\t\t--pitch4-primary-channel: #ffd466;\n\t\t\t--pitch4-secondary-note: #bf9b40;\n\t\t\t--pitch4-primary-note: #ffd466;\n\t\t\t--pitch5-secondary-channel: #bdbf40;\n\t\t\t--pitch5-primary-channel: #fcff66;\n\t\t\t--pitch5-secondary-note: #bdbf40;\n\t\t\t--pitch5-primary-note: #fcff66;\n\t\t\t--pitch6-secondary-channel: #9dbf40;\n\t\t\t--pitch6-primary-channel: #d6ff66;\n\t\t\t--pitch6-secondary-note: #9dbf40;\n\t\t\t--pitch6-primary-note: #d6ff66;\n\t\t\t--pitch7-secondary-channel: #9dbf40;\n\t\t\t--pitch7-primary-channel: #fcff66;\n\t\t\t--pitch7-secondary-note: #9dbf40;\n\t\t\t--pitch7-primary-note: #fcff66;\n\t\t\t--pitch8-secondary-channel: #bf9b40;\n\t\t\t--pitch8-primary-channel: #ffd466;\n\t\t\t--pitch8-secondary-note: #bf9b40;\n\t\t\t--pitch8-primary-note: #ffd466;\n\t\t\t--pitch9-secondary-channel: #bf5b40;\n\t\t\t--pitch9-primary-channel: #ffab66;\n\t\t\t--pitch9-secondary-note: #bf5b40;\n\t\t\t--pitch9-primary-note: #ffab66;\n\t\t\t--pitch10-secondary-channel: #d15a1f;\n\t\t\t--pitch10-primary-channel: #ff8766;\n\t\t\t--pitch10-secondary-note: #d15a1f;\n\t\t\t--pitch10-primary-note: #ff8766;\n\t\t\t--noise1-secondary-channel: #4073bf;\n\t\t\t--noise1-primary-channel: #66a3ff;\n\t\t\t--noise1-secondary-note: #4073bf;\n\t\t\t--noise1-primary-note: #66a3ff;\n\t\t\t--noise2-secondary-channel: #405dbf;\n\t\t\t--noise2-primary-channel: #668aff;\n\t\t\t--noise2-secondary-note: #405dbf;\n\t\t\t--noise2-primary-note: #668aff;\n\t\t\t--noise3-secondary-channel: #4f40bf;\n\t\t\t--noise3-primary-channel: #7866ff;\n\t\t\t--noise3-secondary-note: #4f40bf;\n\t\t\t--noise3-primary-note: #7866ff;\n\t\t\t--noise4-secondary-channel: #8840bf;\n\t\t\t--noise4-primary-channel: #bd66ff;\n\t\t\t--noise4-secondary-note: #8840bf;\n\t\t\t--noise4-primary-note: #bd66ff;\n\t\t\t--noise5-secondary-channel: #bf40b5;\n\t\t\t--noise5-primary-channel: #ff66f2;\n\t\t\t--noise5-secondary-note: #bf40b5;\n\t\t\t--noise5-primary-note: #ff66f2;\n\t\t\t--mod1-secondary-channel: #cc6666;\n\t\t\t--mod1-primary-channel: #ff9999;\n\t\t\t--mod1-secondary-note: #cc6666;\n\t\t\t--mod1-primary-note: #ff9999;\n\t\t\t--mod2-secondary-channel: #cc7766;\n\t\t\t--mod2-primary-channel: #ffaa99;\n\t\t\t--mod2-secondary-note: #bf5540;\n\t\t\t--mod2-primary-note: #ffaa99;\n\t\t\t--mod3-secondary-channel: #cc8866;\n\t\t\t--mod3-primary-channel: #ffbb99;\n\t\t\t--mod3-secondary-note: #cc8866;\n\t\t\t--mod3-primary-note: #ffbb99;\n\t\t\t--mod4-secondary-channel: #cc9966;\n\t\t\t--mod4-primary-channel: #ffcc99;\n\t\t\t--mod4-secondary-note: #cc9966;\n\t\t\t--mod4-primary-note: #ffcc99;\n\t\t\t--mod-label-primary: #999;\n\t\t\t--mod-label-secondary-text: #333;\n\t\t\t--mod-label-primary-text: black;\n\t\t\t--disabled-note-primary: #696969;\n\t\t\t--disabled-note-secondary: #232323;\n\n\t\t\t\n\t\t\t\n\t\t}",inverse:":root {\n\t\t\t--page-margin: #c4c8e3;\n\t\t\t--editor-background: #c4c8e3;\n\t\t\t--hover-preview: #000000;\n\t\t\t--playhead: #243953;\n\t\t\t--primary-text: black;\n\t\t\t--secondary-text: #855b95;\n\t\t\t--inverted-text: black;\n\t\t\t--text-selection: rgb(132 125 255);\n\t\t\t--box-selection-fill: rgb(174 109 73 / 65%);\n\t\t\t--loop-accent: #EC897D;\n\t\t\t--link-accent: #4e00c8;\n\t\t\t--ui-widget-background: #e7e7ff;\n\t\t\t--ui-widget-focus: #d0d3e9;\n\t\t\t--pitch-background: #ffffff;\n\t\t\t--tonic: #bbbbbb;\n\t\t\t--fifth-note: #dcdcdc;\n\t\t\t--white-piano-key: #ffffff;\n\t\t\t--black-piano-key: #615f66;\n\t\t\t--white-piano-key-text: #131200;\n\t\t\t--black-piano-key-text: #fff;\n\t\t\t--use-color-formula: false;\n\t\t\t--track-editor-bg-pitch: #e9ebff;\n\t\t\t--track-editor-bg-pitch-dim: #e9ebff;\n\t\t\t--track-editor-bg-noise: #fdf2fe;\n\t\t\t--track-editor-bg-noise-dim: #fdf2fe;\n\t\t\t--track-editor-bg-mod: #dbdefe;\n\t\t\t--track-editor-bg-mod-dim: #dbdefe;\n\t\t\t--multiplicative-mod-slider: #6900b3;\n\t\t\t--overwriting-mod-slider: #004b9d;\n\t\t\t--indicator-primary: #ff633d;\n\t\t\t--indicator-secondary: #933822;\n\t\t\t--select2-opt-group: #e7e7ff;\n\t\t\t--input-box-outline: #e7e7ff;\n\t\t\t--mute-button-normal: #0072ef;\n\t\t\t--mute-button-mod: #002e67;\n\t\t\t--pitch1-secondary-channel: #b77d6e;\n\t\t\t--pitch1-primary-channel: #ff9d85;\n\t\t\t--pitch1-secondary-note: #b77d6e;\n\t\t\t--pitch1-primary-note: #ff9d85;\n\t\t\t--pitch2-secondary-channel: #be8821;\n\t\t\t--pitch2-primary-channel: #FFAF12;\n\t\t\t--pitch2-secondary-note: #be8821;\n\t\t\t--pitch2-primary-note: #FFAF12;\n\t\t\t--pitch3-secondary-channel: #3a62a4;\n\t\t\t--pitch3-primary-channel: #528ae6;\n\t\t\t--pitch3-secondary-note: #3a62a4;\n\t\t\t--pitch3-primary-note: #528ae6;\n\t\t\t--pitch4-secondary-channel: #3e8d78;\n\t\t\t--pitch4-primary-channel: #4EC5A7;\n\t\t\t--pitch4-secondary-note: #3e8d78;\n\t\t\t--pitch4-primary-note: #4EC5A7;\n\t\t\t--pitch5-secondary-channel: #84906d;\n\t\t\t--pitch5-primary-channel: #aabf84;\n\t\t\t--pitch5-secondary-note: #84906d;\n\t\t\t--pitch5-primary-note: #aabf84;\n\t\t\t--pitch6-secondary-channel: #bd6345;\n\t\t\t--pitch6-primary-channel: #e59a81;\n\t\t\t--pitch6-secondary-note: #bd6345;\n\t\t\t--pitch6-primary-note: #e59a81;\n\t\t\t--pitch7-secondary-channel: #aa592f;\n\t\t\t--pitch7-primary-channel: #FE813E;\n\t\t\t--pitch7-secondary-note: #aa592f;\n\t\t\t--pitch7-primary-note: #FE813E;\n\t\t\t--pitch8-secondary-channel: #b2a171;\n\t\t\t--pitch8-primary-channel: #ffd76d;\n\t\t\t--pitch8-secondary-note: #b2a171;\n\t\t\t--pitch8-primary-note: #ffd76d;\n\t\t\t--pitch9-secondary-channel: #4f6177;\n\t\t\t--pitch9-primary-channel: #798FA7;\n\t\t\t--pitch9-secondary-note: #4f6177;\n\t\t\t--pitch9-primary-note: #798FA7;\n\t\t\t--pitch10-secondary-channel: #165162;\n\t\t\t--pitch10-primary-channel: #107895;\n\t\t\t--pitch10-secondary-note: #165162;\n\t\t\t--pitch10-primary-note: #107895;\n\t\t\t--noise1-secondary-channel: #71617C;\n\t\t\t--noise1-primary-channel: #977da9;\n\t\t\t--noise1-secondary-note: #71617C;\n\t\t\t--noise1-primary-note: #977da9;\n\t\t\t--noise2-secondary-channel: #4a4c5b;\n\t\t\t--noise2-primary-channel: #707591;\n\t\t\t--noise2-secondary-note: #4a4c5b;\n\t\t\t--noise2-primary-note: #707591;\n\t\t\t--noise3-secondary-channel: #817c7b;\n\t\t\t--noise3-primary-channel: #A19D9C;\n\t\t\t--noise3-secondary-note: #817c7b;\n\t\t\t--noise3-primary-note: #A19D9C;\n\t\t\t--noise4-secondary-channel: #ab847b;\n\t\t\t--noise4-primary-channel: #EAAC9D;\n\t\t\t--noise4-secondary-note: #ab847b;\n\t\t\t--noise4-primary-note: #EAAC9D;\n\t\t\t--noise5-secondary-channel: #B49D74;\n\t\t\t--noise5-primary-channel: #dec69b;\n\t\t\t--noise5-secondary-note: #B49D74;\n\t\t\t--noise5-primary-note: #dec69b;\n\t\t\t--mod1-secondary-channel: #722124;\n\t\t\t--mod1-primary-channel: #D13A41;\n\t\t\t--mod1-secondary-note: #722124;\n\t\t\t--mod1-primary-note: #D13A41;\n\t\t\t--mod2-secondary-channel: #213657;\n\t\t\t--mod2-primary-channel: #34558B;\n\t\t\t--mod2-secondary-note: #213657;\n\t\t\t--mod2-primary-note: #34558B;\n\t\t\t--mod3-secondary-channel: #555D46;\n\t\t\t--mod3-primary-channel: #848f6d;\n\t\t\t--mod3-secondary-note: #555D46;\n\t\t\t--mod3-primary-note: #848f6d;\n\t\t\t--mod4-secondary-channel: #71617C;\n\t\t\t--mod4-primary-channel: #a68ab9;\n\t\t\t--mod4-secondary-note: #71617C;\n\t\t\t--mod4-primary-note: #a68ab9;\n\t\t\t--mod-label-primary: #e9e9e9;\n\t\t\t--mod-label-secondary-text: #707070;\n\t\t\t--mod-label-primary-text: black;\n\t\t\t--disabled-note-primary: #959595;\n\t\t\t--disabled-note-secondary: #6e6e6e;\n\n\t\t\t\n\t\t\t\n\t\t\t}",nebula:"\n\t\t:root {\n\t\t\t--page-margin: #11001c;\n\t\t\t--editor-background: #150e1f;\n\t\t\t--hover-preview: white;\n\t\t\t--playhead: rgba(255, 255, 255, 0.9);\n\t\t\t--primary-text: white;\n\t\t\t--secondary-text: #8C849A;\n\t\t\t--inverted-text: black;\n\t\t\t--text-selection: rgba(141,79,201,0.99);\n\t\t\t--box-selection-fill: #311E44;\n\t\t\t--loop-accent: #CC688C;\n\t\t\t--link-accent: #817DC9;\n\t\t\t--ui-widget-background: #44394F;\n\t\t\t--ui-widget-focus: #7A6386;\n\t\t\t--pitch-background: #393e4f40;\n\t\t\t--tonic: #7D5C9EC0;\n\t\t\t--fifth-note: #ab77bd50;\n\t\t\t--white-piano-key: #EEEEEE;\n\t\t\t--black-piano-key: #5F5566;\n\t\t\t--white-piano-key-text: #131200;\n\t\t\t--black-piano-key-text: #fff;\n\t\t\t--use-color-formula: true;\n\t\t\t--track-editor-bg-pitch: #46374C;\n\t\t\t--track-editor-bg-pitch-dim: #1F1C2850;\n\t\t\t--track-editor-bg-noise: #3D353B;\n\t\t\t--track-editor-bg-noise-dim: #16131550;\n\t\t\t--track-editor-bg-mod: #623F4C;\n\t\t\t--track-editor-bg-mod-dim: #361A2450;\n\t\t\t--multiplicative-mod-slider: #9F6E6A;\n\t\t\t--overwriting-mod-slider: #A664B5;\n\t\t\t--indicator-primary: #CC6B8E;\n\t\t\t--indicator-secondary: #44394F;\n\t\t\t--select2-opt-group: #6A576F;\n\t\t\t--input-box-outline: #222;\n\t\t\t--mute-button-normal: #BF91DC;\n\t\t\t--mute-button-mod: #DC8C9A;\n\t\t\t--mod-label-primary: #3A2840;\n\t\t\t--mod-label-secondary-text: #62485E;\n\t\t\t--mod-label-primary-text: white;\n\t\t\t--pitch-secondary-channel-hue: -96;\n\t\t\t--pitch-secondary-channel-hue-scale: 4.2;\n\t\t\t--pitch-secondary-channel-sat: 50.3;\n\t\t\t--pitch-secondary-channel-sat-scale: 0.1;\n\t\t\t--pitch-secondary-channel-lum: 40;\n\t\t\t--pitch-secondary-channel-lum-scale: 0.05;\n\t\t\t--pitch-primary-channel-hue: -96;\n\t\t\t--pitch-primary-channel-hue-scale: 4.2;\n\t\t\t--pitch-primary-channel-sat: 70;\n\t\t\t--pitch-primary-channel-sat-scale: 0.1;\n\t\t\t--pitch-primary-channel-lum: 67.5;\n\t\t\t--pitch-primary-channel-lum-scale: 0.05;\n\t\t\t--pitch-secondary-note-hue: -96;\n\t\t\t--pitch-secondary-note-hue-scale: 4.2;\n\t\t\t--pitch-secondary-note-sat: 70.9;\n\t\t\t--pitch-secondary-note-sat-scale: 0.1;\n\t\t\t--pitch-secondary-note-lum: 25;\n\t\t\t--pitch-secondary-note-lum-scale: 0.05;\n\t\t\t--pitch-primary-note-hue: -96;\n\t\t\t--pitch-primary-note-hue-scale: 4.2;\n\t\t\t--pitch-primary-note-sat: 90;\n\t\t\t--pitch-primary-note-sat-scale: 0.05;\n\t\t\t--pitch-primary-note-lum: 85.6;\n\t\t\t--pitch-primary-note-lum-scale: 0.025;\n\t\t\t--noise-secondary-channel-hue: 16;\n\t\t\t--noise-secondary-channel-hue-scale: -1.33;\n\t\t\t--noise-secondary-channel-sat: 25;\n\t\t\t--noise-secondary-channel-sat-scale: 0;\n\t\t\t--noise-secondary-channel-lum: 42;\n\t\t\t--noise-secondary-channel-lum-scale: 0;\n\t\t\t--noise-primary-channel-hue: 16;\n\t\t\t--noise-primary-channel-hue-scale: -1.33;\n\t\t\t--noise-primary-channel-sat: 33;\n\t\t\t--noise-primary-channel-sat-scale: 0;\n\t\t\t--noise-primary-channel-lum: 63.5;\n\t\t\t--noise-primary-channel-lum-scale: 0;\n\t\t\t--noise-secondary-note-hue: 12;\n\t\t\t--noise-secondary-note-hue-scale: -1.33;\n\t\t\t--noise-secondary-note-sat: 33.5;\n\t\t\t--noise-secondary-note-sat-scale: 0;\n\t\t\t--noise-secondary-note-lum: 55;\n\t\t\t--noise-secondary-note-lum-scale: 0;\n\t\t\t--noise-primary-note-hue: 12;\n\t\t\t--noise-primary-note-hue-scale: -1.33;\n\t\t\t--noise-primary-note-sat: 46.5;\n\t\t\t--noise-primary-note-sat-scale: 0;\n\t\t\t--noise-primary-note-lum: 74;\n\t\t\t--noise-primary-note-lum-scale: 0;\n\t\t\t--mod-secondary-channel-hue: 12;\n\t\t\t--mod-secondary-channel-hue-scale: -.75;\n\t\t\t--mod-secondary-channel-sat: 50;\n\t\t\t--mod-secondary-channel-sat-scale: 0;\n\t\t\t--mod-secondary-channel-lum: 50;\n\t\t\t--mod-secondary-channel-lum-scale: 0;\n\t\t\t--mod-primary-channel-hue: 12;\n\t\t\t--mod-primary-channel-hue-scale: -.75;\n\t\t\t--mod-primary-channel-sat: 70;\n\t\t\t--mod-primary-channel-sat-scale: 0;\n\t\t\t--mod-primary-channel-lum: 80;\n\t\t\t--mod-primary-channel-lum-scale: 0;\n\t\t\t--mod-secondary-note-hue: 12;\n\t\t\t--mod-secondary-note-hue-scale: -.75;\n\t\t\t--mod-secondary-note-sat: 75;\n\t\t\t--mod-secondary-note-sat-scale: 0;\n\t\t\t--mod-secondary-note-lum: 45;\n\t\t\t--mod-secondary-note-lum-scale: 0;\n\t\t\t--mod-primary-note-hue: 12;\n\t\t\t--mod-primary-note-hue-scale: -.75;\n\t\t\t--mod-primary-note-sat: 85;\n\t\t\t--mod-primary-note-sat-scale: 0;\n\t\t\t--mod-primary-note-lum: 85;\n\t\t\t--mod-primary-note-lum-scale: 0;\n\t\t\t--disabled-note-primary: #aaa;\n\t\t\t--disabled-note-secondary: #666;\n\n\t\t\t\n\t\t\t\n\t\t}","Nebula 2":' \n\t\t\t:root { \n\t\t\t\t--page-margin: #040410;\n\t\t\t\t--editor-background: #11001c;\n\t\t\t\t--hover-preview: white;\n\t\t\t\t--playhead: rgba(255, 255, 255, 0.9);\n\t\t\t\t--primary-text: white;\n\t\t\t\t--secondary-text: #8C849A;\n\t\t\t\t--inverted-text: black;\n\t\t\t\t--text-selection: rgba(141,79,201,0.99);\n\t\t\t\t--box-selection-fill: #311E44;\n\t\t\t\t--loop-accent: #CC688C;\n\t\t\t\t--link-accent: #817DC9;\n\t\t\t\t--ui-widget-background: #3b2057;\n\t\t\t\t--ui-widget-focus: #7A6386;\n\t\t\t\t--pitch-background: #393e4f40;\n\t\t\t\t--tonic: #7D5C9EC0;\n\t\t\t\t--fifth-note: #ab77bd50;\n\t\t\t\t--white-piano-key: #EEEEEE;\n\t\t\t\t--black-piano-key: #5F5566;\n\t\t\t\t--white-piano-key-text: #131200;\n\t\t\t\t--black-piano-key-text: #fff;\n\t\t\t\t--use-color-formula: true;\n\t\t\t\t--track-editor-bg-pitch: #46374C;\n\t\t\t\t--track-editor-bg-pitch-dim: #1F1C2850;\n\t\t\t\t--track-editor-bg-noise: #3D353B;\n\t\t\t\t--track-editor-bg-noise-dim: #16131550;\n\t\t\t\t--track-editor-bg-mod: #623F4C;\n\t\t\t\t--track-editor-bg-mod-dim: #361A2450;\n\t\t\t\t--multiplicative-mod-slider: #9F6E6A;\n\t\t\t\t--overwriting-mod-slider: #A664B5;\n\t\t\t\t--indicator-primary: #CC6B8E;\n\t\t\t\t--indicator-secondary: #3b2057;\n\t\t\t\t--select2-opt-group: #6A576F;\n\t\t\t\t--input-box-outline: #222;\n\t\t\t\t--mute-button-normal: #BF91DC;\n\t\t\t\t--mute-button-mod: #DC8C9A;\n\t\t\t\t--mod-label-primary: #3A2840;\n\t\t\t\t--mod-label-secondary-text: #62485E;\n\t\t\t\t--mod-label-primary-text: white;\n\t\t\t\t--pitch-secondary-channel-hue: -96;\n\t\t\t\t--pitch-secondary-channel-hue-scale: 4.2;\n\t\t\t\t--pitch-secondary-channel-sat: 50.3;\n\t\t\t\t--pitch-secondary-channel-sat-scale: 0.1;\n\t\t\t\t--pitch-secondary-channel-lum: 40;\n\t\t\t\t--pitch-secondary-channel-lum-scale: 0.05;\n\t\t\t\t--pitch-primary-channel-hue: -96;\n\t\t\t\t--pitch-primary-channel-hue-scale: 4.2;\n\t\t\t\t--pitch-primary-channel-sat: 70;\n\t\t\t\t--pitch-primary-channel-sat-scale: 0.1;\n\t\t\t\t--pitch-primary-channel-lum: 67.5;\n\t\t\t\t--pitch-primary-channel-lum-scale: 0.05;\n\t\t\t\t--pitch-secondary-note-hue: -96;\n\t\t\t\t--pitch-secondary-note-hue-scale: 4.2;\n\t\t\t\t--pitch-secondary-note-sat: 70.9;\n\t\t\t\t--pitch-secondary-note-sat-scale: 0.1;\n\t\t\t\t--pitch-secondary-note-lum: 25;\n\t\t\t\t--pitch-secondary-note-lum-scale: 0.05;\n\t\t\t\t--pitch-primary-note-hue: -96;\n\t\t\t\t--pitch-primary-note-hue-scale: 4.2;\n\t\t\t\t--pitch-primary-note-sat: 90;\n\t\t\t\t--pitch-primary-note-sat-scale: 0.05;\n\t\t\t\t--pitch-primary-note-lum: 85.6;\n\t\t\t\t--pitch-primary-note-lum-scale: 0.025;\n\t\t\t\t--noise-secondary-channel-hue: 16;\n\t\t\t\t--noise-secondary-channel-hue-scale: -1.33;\n\t\t\t\t--noise-secondary-channel-sat: 25;\n\t\t\t\t--noise-secondary-channel-sat-scale: 0;\n\t\t\t\t--noise-secondary-channel-lum: 42;\n\t\t\t\t--noise-secondary-channel-lum-scale: 0;\n\t\t\t\t--noise-primary-channel-hue: 16;\n\t\t\t\t--noise-primary-channel-hue-scale: -1.33;\n\t\t\t\t--noise-primary-channel-sat: 33;\n\t\t\t\t--noise-primary-channel-sat-scale: 0;\n\t\t\t\t--noise-primary-channel-lum: 63.5;\n\t\t\t\t--noise-primary-channel-lum-scale: 0;\n\t\t\t\t--noise-secondary-note-hue: 12;\n\t\t\t\t--noise-secondary-note-hue-scale: -1.33;\n\t\t\t\t--noise-secondary-note-sat: 33.5;\n\t\t\t\t--noise-secondary-note-sat-scale: 0;\n\t\t\t\t--noise-secondary-note-lum: 55;\n\t\t\t\t--noise-secondary-note-lum-scale: 0;\n\t\t\t\t--noise-primary-note-hue: 12;\n\t\t\t\t--noise-primary-note-hue-scale: -1.33;\n\t\t\t\t--noise-primary-note-sat: 46.5;\n\t\t\t\t--noise-primary-note-sat-scale: 0;\n\t\t\t\t--noise-primary-note-lum: 74;\n\t\t\t\t--noise-primary-note-lum-scale: 0;\n\t\t\t\t--mod-secondary-channel-hue: 12;\n\t\t\t\t--mod-secondary-channel-hue-scale: -.75;\n\t\t\t\t--mod-secondary-channel-sat: 50;\n\t\t\t\t--mod-secondary-channel-sat-scale: 0;\n\t\t\t\t--mod-secondary-channel-lum: 50;\n\t\t\t\t--mod-secondary-channel-lum-scale: 0;\n\t\t\t\t--mod-primary-channel-hue: 12;\n\t\t\t\t--mod-primary-channel-hue-scale: -.75;\n\t\t\t\t--mod-primary-channel-sat: 70;\n\t\t\t\t--mod-primary-channel-sat-scale: 0;\n\t\t\t\t--mod-primary-channel-lum: 80;\n\t\t\t\t--mod-primary-channel-lum-scale: 0;\n\t\t\t\t--mod-secondary-note-hue: 12;\n\t\t\t\t--mod-secondary-note-hue-scale: -.75;\n\t\t\t\t--mod-secondary-note-sat: 75;\n\t\t\t\t--mod-secondary-note-sat-scale: 0;\n\t\t\t\t--mod-secondary-note-lum: 45;\n\t\t\t\t--mod-secondary-note-lum-scale: 0;\n\t\t\t\t--mod-primary-note-hue: 12;\n\t\t\t\t--mod-primary-note-hue-scale: -.75;\n\t\t\t\t--mod-primary-note-sat: 85;\n\t\t\t\t--mod-primary-note-sat-scale: 0;\n\t\t\t\t--mod-primary-note-lum: 85;\n\t\t\t\t--mod-primary-note-lum-scale: 0;\n\t\t\t\t--disabled-note-primary: #aaa;\n\t\t\t\t--disabled-note-secondary: #666;\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t}\n\n\t\t\t.note-primary {\n\t\t\t\tclip-path: polygon(\n\t\t\t\t\t0px calc(100% - 4px),\n\t\t\t\t\t4px calc(100% - 4px),\n\t\t\t\t\t4px 100%,\n\t\t\t\t\tcalc(100% - 4px) 100%,\n\t\t\t\t\tcalc(100% - 4px) calc(100% - 4px),\n\t\t\t\t\t100% calc(100% - 4px),\n\t\t\t\t\t100% 4px,\n\t\t\t\t\tcalc(100% - 4px) 4px,\n\t\t\t\t\tcalc(100% - 4px) 0px,\n\t\t\t\t\t4px 0px,\n\t\t\t\t\t4px 4px,\n\t\t\t\t\t0px 4px\n\t\t\t\t );\n\t\t\t}\n\t\t\t.note-secondary {\n\t\t\t\tclip-path: polygon(\n\t\t\t\t\t0px calc(100% - 4px),\n\t\t\t\t\t4px calc(100% - 4px),\n\t\t\t\t\t4px 100%,\n\t\t\t\t\tcalc(100% - 4px) 100%,\n\t\t\t\t\tcalc(100% - 4px) calc(100% - 4px),\n\t\t\t\t\t100% calc(100% - 4px),\n\t\t\t\t\t100% 4px,\n\t\t\t\t\tcalc(100% - 4px) 4px,\n\t\t\t\t\tcalc(100% - 4px) 0px,\n\t\t\t\t\t4px 0px,\n\t\t\t\t\t4px 4px,\n\t\t\t\t\t0px 4px\n\t\t\t\t );\n\t\t\t}\n\t\t\t.note-flash {\n\t\t\t\tclip-path: polygon(\n\t\t\t\t\t0px calc(100% - 4px),\n\t\t\t\t\t4px calc(100% - 4px),\n\t\t\t\t\t4px 100%,\n\t\t\t\t\tcalc(100% - 4px) 100%,\n\t\t\t\t\tcalc(100% - 4px) calc(100% - 4px),\n\t\t\t\t\t100% calc(100% - 4px),\n\t\t\t\t\t100% 4px,\n\t\t\t\t\tcalc(100% - 4px) 4px,\n\t\t\t\t\tcalc(100% - 4px) 0px,\n\t\t\t\t\t4px 0px,\n\t\t\t\t\t4px 4px,\n\t\t\t\t\t0px 4px\n\t\t\t\t );\n\t\t\t}\n\n\t\t\t.prompt.noSelection {\n\t\t\t\tbackground: #040410 !important;\n\t\t\t}\n\n\t\t\tbody {\n\t\t\t\tbackground-image: url("https://choptop84.github.io/abyssbox-app/stars.gif") !important;\n\t\t\t\tbackground-size: contain !important;\n\t\t\t\tbackground-position: center top !important;\n\t\t\t\t background-repeat: repeat !important;\n\n\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\timage-rendering: optimizeSpeed !important; /* IE */ \n\t\t\t\t}\n\t\t\t#text-content {\n\t\t\t\t--editor-background: rgba(255, 255, 255, 0);\n\t\t\t\t\tborder-image-source: url("https://choptop84.github.io/abyssbox-app/nebula2_border.png");\n\t\t\t\t\tborder-image-slice: 16 fill; \n\t\t\t\t\t border-image-width: 32px; \n\t\t\t\t\tborder-image-repeat: repeat; \n\t\t\t\t\tpadding: 36px; \n\n\t\t\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t\t\t}\n\t\t\t#beepboxEditorContainer {\n\t\t\t\t--editor-background: rgba(255, 255, 255, 0);\n\t\t\t\t\tborder-image-source: url("https://choptop84.github.io/abyssbox-app/nebula2_border.png");\n\t\t\t\t\tborder-image-slice: 16 fill; \n\t\t\t\t\t border-image-width: 32px; \n\t\t\t\t\tborder-image-repeat: repeat; \n\t\t\t\t\tpadding-left: 36px; \n\t\t\t\t\tpadding-right: 36px; \n\t\t\t\t\tpadding-top: 5px; \n\t\t\t\t\tpadding-bottom: 5px; \n\n\t\t\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\t\t\timage-rendering: optimizeSpeed !important; /* IE */ \n\t\t\t\t}\n\t\t\t.beepboxEditor button, .beepboxEditor select, .beepboxEditor .select2-selection__rendered, button {\n\t\t\t\t\tborder-image-source: url("https://choptop84.github.io/abyssbox-app/nebula2_border2.png") !important;\n\t\t\t\t\tborder-image-slice: 4 fill !important; \n\t\t\t\t border-image-width: 4px !important; \n\t\t\t\tborder-image-repeat: stretch !important;\n\t\t\t\t\tpadding: 4px !important; \n\n\t\t\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t\t\t}\n\t\t\t\tselect.trackSelectBox {\n\t\t\t\t\tborder-image: none !important;\n\t\t\t\t}\n\t\t\t/* div.channelBox {\n\t\t\tborder-radius: 5px;\n\t\t\t} */\n\t\t\t* {\n\t\t\t\tcursor: url("https://choptop84.github.io/abyssbox-app/pixel_cursor.png"), auto !important;\n\t\t\t\t--file-page-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-file.png");\n\t\t\t\t--edit-pencil-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-edit.png");\n\t\t\t\t--preferences-gear-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-preferences.png");\n\t\t\t\t--instrument-copy-symbol: url("https://choptop84.github.io/abyssbox-app/icon-copy.png");\n\t\t\t\t--instrument-paste-symbol: url("https://choptop84.github.io/abyssbox-app/icon-paste.png");\n\t\t\t\t--play-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-play.png");\n\t\t\t\t--pause-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-pause.png");\n\t\t\t\t--record-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-record.png");\n\t\t\t\t--stop-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-stop.png");\n\t\t\t\t--prev-bar-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-prev.png");\n\t\t\t\t--next-bar-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-next.png");\n\t\t\t\t--muted-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-speakerMuted.png");\n\t\t\t\t--unmuted-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-speaker.png");\n\t\t\t\t--volume-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-speaker.png");\n\t\t\t\t--zoom-in-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-zoomIn.png");\n\t\t\t\t--zoom-out-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-zoomOut.png");\n\t\t\t\t--export-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-export.png");\n\t\t\t\t--export-instrument-symbol: var(--export-symbol);\n\t\t\t\t--import-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-import.png");\n\t\t\t\t} \n\t\t\t\t\t@font-face {\n\t\t\t\t font-family: "AbyssType";\n\t\t\t\t src:\n\t\t\t\t\turl("abysstype.otf") format("opentype") tech(color-COLRv1),\n\t\t\t\t\t}\n\t\t\n\t\t\t\t\t@font-face {\n\t\t\t\t font-family: "AbyssType_small";\n\t\t\t\t src:\n\t\t\t\t\turl("abysstype_small.otf") format("opentype") tech(color-COLRv1),\n\t\t\t\t\t}\n\t\t\n\t\t\t\t\thtml {\n\t\t\t\t\tfont-family: \'AbyssType\';\n\t\t\t\t\t}\n\t\t\t\t\tdiv.channelBoxLabel {\n\t\t\t\t\t\tfont-family: \'AbyssType_small\' !important;\n\t\t\t\t\t}\n\t\t\n\n\n\t\t',"roe light":"\n\t\t:root {\n\t\t\t--page-margin: #fff5f5;\n\t\t\t--editor-background: #fff5f5;\n\t\t\t--hover-preview: #0e8bf1;\n\t\t\t--playhead: 000;\n\t\t\t--primary-text: #0e8bf1;\n\t\t\t--secondary-text: #f10e0e;\n\t\t\t--inverted-text: white;\n\t\t\t--text-selection: #ff4444fc;\n\t\t\t--box-selection-fill: #ff00004d;\n\t\t\t--loop-accent: #9a75ff;\n\t\t\t--link-accent: #ff7070;\n\t\t\t--ui-widget-background: #bdc9e5;\n\t\t\t--ui-widget-focus: #a3b7e5;\n\t\t\t--pitch-background: #d0c7db;\n\t\t\t--tonic: #bed3e4;\n\t\t\t--fifth-note: #e7c6c6;\n\t\t\t--white-piano-key: #cdcdcd;\n\t\t\t--black-piano-key: #232323;\n\t\t\t--white-piano-key-text: #131200;\n\t\t\t--black-piano-key-text: #fff;\n\t\t\t--use-color-formula: false;\n\t\t\t--track-editor-bg-pitch: #e5e1ea;\n\t\t\t--track-editor-bg-pitch-dim: #cbc4d4;\n\t\t\t--track-editor-bg-noise: #e0ddee;\n\t\t\t--track-editor-bg-noise-dim: #c1bade;\n\t\t\t--track-editor-bg-mod: #d8e6f3;\n\t\t\t--track-editor-bg-mod-dim: #b1cce7;\n\t\t\t--multiplicative-mod-slider: #8097cb;\n\t\t\t--overwriting-mod-slider: #8097cb;\n\t\t\t--indicator-primary: #FF2A2A;\n\t\t\t--indicator-secondary: #92a6d3;\n\t\t\t--select2-opt-group: #b6c4e2;\n\t\t\t--input-box-outline: #bdc9e5;\n\t\t\t--mute-button-normal: #66baff;\n\t\t\t--mute-button-mod: #1a98ff;\n\t\t\t--pitch1-secondary-channel: #273c90;\n\t\t\t--pitch1-primary-channel: #476BFF;\n\t\t\t--pitch1-secondary-note: #273c90;\n\t\t\t--pitch1-primary-note: #476BFF;\n\t\t\t--pitch2-secondary-channel: #3a3898;\n\t\t\t--pitch2-primary-channel: #625FFB;\n\t\t\t--pitch2-secondary-note: #3a3898;\n\t\t\t--pitch2-primary-note: #625FFB;\n\t\t\t--pitch3-secondary-channel: #542780;\n\t\t\t--pitch3-primary-channel: #9C49EC;\n\t\t\t--pitch3-secondary-note: #542780;\n\t\t\t--pitch3-primary-note: #9C49EC;\n\t\t\t--pitch4-secondary-channel: #84225d;\n\t\t\t--pitch4-primary-channel: #fd3fb1;\n\t\t\t--pitch4-secondary-note: #84225d;\n\t\t\t--pitch4-primary-note: #fd3fb1;\n\t\t\t--pitch5-secondary-channel: #8d2323;\n\t\t\t--pitch5-primary-channel: #ff3f3f;\n\t\t\t--pitch5-secondary-note: #8d2323;\n\t\t\t--pitch5-primary-note: #ff3f3f;\n\t\t\t--pitch6-secondary-channel: #84225d;\n\t\t\t--pitch6-primary-channel: #fd3fb1;\n\t\t\t--pitch6-secondary-note: #84225d;\n\t\t\t--pitch6-primary-note: #fd3fb1;\n\t\t\t--pitch7-secondary-channel: #542780;\n\t\t\t--pitch7-primary-channel: #9C49EC;\n\t\t\t--pitch7-secondary-note: #542780;\n\t\t\t--pitch7-primary-note: #9C49EC;\n\t\t\t--pitch8-secondary-channel: #3a3898;\n\t\t\t--pitch8-primary-channel: #625FFB;\n\t\t\t--pitch8-secondary-note: #3a3898;\n\t\t\t--pitch8-primary-note: #625FFB;\n\t\t\t--pitch9-secondary-channel: #273c90;\n\t\t\t--pitch9-primary-channel: #476BFF;\n\t\t\t--pitch9-secondary-note: #273c90;\n\t\t\t--pitch9-primary-note: #476BFF;\n\t\t\t--pitch10-secondary-channel: #165a93;\n\t\t\t--pitch10-primary-channel: #299EFF;\n\t\t\t--pitch10-secondary-note: #165a93;\n\t\t\t--pitch10-primary-note: #299EFF;\n\t\t\t--noise1-secondary-channel: #336bdb;\n\t\t\t--noise1-primary-channel: #4281FF;\n\t\t\t--noise1-secondary-note: #336bdb;\n\t\t\t--noise1-primary-note: #4281FF;\n\t\t\t--noise2-secondary-channel: #5e38dc;\n\t\t\t--noise2-primary-channel: #7347FF;\n\t\t\t--noise2-secondary-note: #5e38dc;\n\t\t\t--noise2-primary-note: #7347FF;\n\t\t\t--noise3-secondary-channel: #7d3097;\n\t\t\t--noise3-primary-channel: #9F3CBF;\n\t\t\t--noise3-secondary-note: #7d3097;\n\t\t\t--noise3-primary-note: #9F3CBF;\n\t\t\t--noise4-secondary-channel: #ad2559;\n\t\t\t--noise4-primary-channel: #D3326F;\n\t\t\t--noise4-secondary-note: #ad2559;\n\t\t\t--noise4-primary-note: #D3326F;\n\t\t\t--noise5-secondary-channel: #d02525;\n\t\t\t--noise5-primary-channel: #FF2A2A;\n\t\t\t--noise5-secondary-note: #d02525;\n\t\t\t--noise5-primary-note: #FF2A2A;\n\t\t\t--mod1-secondary-channel: #35415a;\n\t\t\t--mod1-primary-channel: #47587a;\n\t\t\t--mod1-secondary-note: #35415a;\n\t\t\t--mod1-primary-note: #47587a;\n\t\t\t--mod2-secondary-channel: #5a5374;\n\t\t\t--mod2-primary-channel: #716791;\n\t\t\t--mod2-secondary-note: #5a5374;\n\t\t\t--mod2-primary-note: #716791;\n\t\t\t--mod3-secondary-channel: #53385c;\n\t\t\t--mod3-primary-channel: #6f4c7b;\n\t\t\t--mod3-secondary-note: #53385c;\n\t\t\t--mod3-primary-note: #6f4c7b;\n\t\t\t--mod4-secondary-channel: #7e4e60;\n\t\t\t--mod4-primary-channel: #9e6279;\n\t\t\t--mod4-secondary-note: #7e4e60;\n\t\t\t--mod4-primary-note: #9e6279;\n\t\t\t--mod-label-primary: #d0c7db;\n\t\t\t--mod-label-secondary-text: #cb3434;\n\t\t\t--mod-label-primary-text: black;\n\t\t\t--disabled-note-primary: #616161;\n\t\t\t--disabled-note-secondary: #474747;\n\t\t}\n\t\t.promptContainerBG::before {\n\t\t\tbox-shadow: inset 0 0 2000px rgba(255, 255, 255, .5);\n\t\t}\n\t\t","jummbox light":"\n\t\t:root {\n\t\t\t-webkit-text-stroke-width: 0.5px;\n\t\t\t--page-margin: #fefdff;\n\t\t\t--editor-background: #fefdff;\n\t\t\t--hover-preview: #302880;\n\t\t\t--playhead: rgba(62, 32, 120, 0.9);\n\t\t\t--primary-text: #401890;\n\t\t\t--secondary-text: #8769af;\n\t\t\t--inverted-text: #fefdff;\n\t\t\t--text-selection: rgba(255,160,235,0.99);\n\t\t\t--box-selection-fill: rgba(30,62,220,0.5);\n\t\t\t--loop-accent: #4c35d4;\n\t\t\t--link-accent: #7af;\n\t\t\t--ui-widget-background: #bf9cec;\n\t\t\t--ui-widget-focus: #e9c4ff;\n\t\t\t--pitch-background: #e2d9f9;\n\t\t\t--tonic: #c288cc;\n\t\t\t--fifth-note: #d8c9fd;\n\t\t\t--white-piano-key: #e2e2ff;\n\t\t\t--black-piano-key: #66667a;\n\t\t\t--use-color-formula: true;\n\t\t\t--track-editor-bg-pitch: #d9e5ec;\n\t\t\t--track-editor-bg-pitch-dim: #eaeef5;\n\t\t\t--track-editor-bg-noise: #ffc3ae;\n\t\t\t--track-editor-bg-noise-dim: #ffe0cf;\n\t\t\t--track-editor-bg-mod: #c9accc;\n\t\t\t--track-editor-bg-mod-dim: #ebe3ef;\n\t\t\t--multiplicative-mod-slider: #807caf;\n\t\t\t--overwriting-mod-slider: #909cdf;\n\t\t\t--indicator-primary: #ae38ff;\n\t\t\t--indicator-secondary: #bbd4ec;\n\t\t\t--select2-opt-group: #c1b7f1;\n\t\t\t--input-box-outline: #bbb;\n\t\t\t--mute-button-normal: #e9b752;\n\t\t\t--mute-button-mod: #9558ee;\n\t\t\t--mod-label-primary: #ececff;\n\t\t\t--mod-label-secondary-text: rgb(197, 145, 247);\n\t\t\t--mod-label-primary-text: #302880;\n\t\t\t--pitch-secondary-channel-hue: 0;\n\t\t\t--pitch-secondary-channel-hue-scale: 8.1;\n\t\t\t--pitch-secondary-channel-sat: 53.3;\n\t\t\t--pitch-secondary-channel-sat-scale: -0.1;\n\t\t\t--pitch-secondary-channel-lum: 72;\n\t\t\t--pitch-secondary-channel-lum-scale: -0.05;\n\t\t\t--pitch-primary-channel-hue: 0;\n\t\t\t--pitch-primary-channel-hue-scale: 8.1;\n\t\t\t--pitch-primary-channel-sat: 97;\n\t\t\t--pitch-primary-channel-sat-scale: -0.1;\n\t\t\t--pitch-primary-channel-lum: 45.5;\n\t\t\t--pitch-primary-channel-lum-scale: -0.05;\n\t\t\t--pitch-secondary-note-hue: 0;\n\t\t\t--pitch-secondary-note-hue-scale: 8.1;\n\t\t\t--pitch-secondary-note-sat: 93.9;\n\t\t\t--pitch-secondary-note-sat-scale: -0.1;\n\t\t\t--pitch-secondary-note-lum: 95;\n\t\t\t--pitch-secondary-note-lum-scale: -0.05;\n\t\t\t--pitch-primary-note-hue: 0;\n\t\t\t--pitch-primary-note-hue-scale: 8.1;\n\t\t\t--pitch-primary-note-sat: 100;\n\t\t\t--pitch-primary-note-sat-scale: 0.05;\n\t\t\t--pitch-primary-note-lum: 43.6;\n\t\t\t--pitch-primary-note-lum-scale: -0.025;\n\t\t\t--noise-secondary-channel-hue: 220;\n\t\t\t--noise-secondary-channel-hue-scale: 2;\n\t\t\t--noise-secondary-channel-sat: 25;\n\t\t\t--noise-secondary-channel-sat-scale: 0;\n\t\t\t--noise-secondary-channel-lum: 62;\n\t\t\t--noise-secondary-channel-lum-scale: -0.1;\n\t\t\t--noise-primary-channel-hue: 220;\n\t\t\t--noise-primary-channel-hue-scale: 2;\n\t\t\t--noise-primary-channel-sat: 53;\n\t\t\t--noise-primary-channel-sat-scale: 0;\n\t\t\t--noise-primary-channel-lum: 53.5;\n\t\t\t--noise-primary-channel-lum-scale: -0.1;\n\t\t\t--noise-secondary-note-hue: 220;\n\t\t\t--noise-secondary-note-hue-scale: 2;\n\t\t\t--noise-secondary-note-sat: 58.5;\n\t\t\t--noise-secondary-note-sat-scale: 0;\n\t\t\t--noise-secondary-note-lum: 85;\n\t\t\t--noise-secondary-note-lum-scale: -1;\n\t\t\t--noise-primary-note-hue: 220;\n\t\t\t--noise-primary-note-hue-scale: 2;\n\t\t\t--noise-primary-note-sat: 56.5;\n\t\t\t--noise-primary-note-sat-scale: 0;\n\t\t\t--noise-primary-note-lum: 54;\n\t\t\t--noise-primary-note-lum-scale: -1;\n\t\t\t--mod-secondary-channel-hue: 90;\n\t\t\t--mod-secondary-channel-hue-scale: 1.5;\n\t\t\t--mod-secondary-channel-sat: 88;\n\t\t\t--mod-secondary-channel-sat-scale: 0;\n\t\t\t--mod-secondary-channel-lum: 60;\n\t\t\t--mod-secondary-channel-lum-scale: 0;\n\t\t\t--mod-primary-channel-hue: 90;\n\t\t\t--mod-primary-channel-hue-scale: 1.5;\n\t\t\t--mod-primary-channel-sat: 100;\n\t\t\t--mod-primary-channel-sat-scale: 0;\n\t\t\t--mod-primary-channel-lum: 65;\n\t\t\t--mod-primary-channel-lum-scale: 0;\n\t\t\t--mod-secondary-note-hue: 90;\n\t\t\t--mod-secondary-note-hue-scale: 1.5;\n\t\t\t--mod-secondary-note-sat: 92;\n\t\t\t--mod-secondary-note-sat-scale: 0;\n\t\t\t--mod-secondary-note-lum: 95;\n\t\t\t--mod-secondary-note-lum-scale: 0;\n\t\t\t--mod-primary-note-hue: 90;\n\t\t\t--mod-primary-note-hue-scale: 1.5;\n\t\t\t--mod-primary-note-sat: 96;\n\t\t\t--mod-primary-note-sat-scale: 0;\n\t\t\t--mod-primary-note-lum: 55;\n\t\t\t--mod-primary-note-lum-scale: 0;\n\t\t}\n\t\t.beepboxEditor button, .beepboxEditor select, button {\n\t\t\tbox-shadow: inset 0 0 0 1px var(--secondary-text);\n\t\t}\n\t\t.select2-selection__rendered {\n\t\t\tbox-shadow: inset 0 0 0 1px var(--secondary-text);\n\t\t}\n\t\t.promptContainerBG::before {\n\t\t\tbox-shadow: inset 0 0 2000px rgba(255, 255, 255, .5);\n\t\t}\n\t\t",energized:"\n\t\t:root {\n\t\t\t--page-margin: #000a08;\n\t\t\t--editor-background: #000a08;\n\t\t\t--hover-preview: #ffffcc;\n\t\t\t--playhead: #ccfff5;\n\t\t\t--primary-text: white;\n\t\t\t--secondary-text: #d9d98c;\n\t\t\t--inverted-text: black;\n\t\t\t--text-selection: #ffff6659;\n\t\t\t--box-selection-fill: #ffffff33;\n\t\t\t--loop-accent: #ffff00;\n\t\t\t--link-accent: #00ffcc;\n\t\t\t--ui-widget-background: #141f1d;\n\t\t\t--ui-widget-focus: #24423d;\n\t\t\t--pitch-background: #001410;\n\t\t\t--tonic: #00241d;\n\t\t\t--fifth-note: #ffff6633;\n\t\t\t--white-piano-key: #66998f;\n\t\t\t--black-piano-key: #141f1d;\n\t\t\t--use-color-formula: false;\n\t\t\t--track-editor-bg-pitch: #66998f40;\n\t\t\t--track-editor-bg-pitch-dim: #293d3940;\n\t\t\t--track-editor-bg-noise: #66998f40;\n\t\t\t--track-editor-bg-noise-dim: #293d3940;\n\t\t\t--track-editor-bg-mod: #99996640;\n\t\t\t--track-editor-bg-mod-dim: #3d3d2940;\n\t\t\t--multiplicative-mod-slider: #ffff00;\n\t\t\t--overwriting-mod-slider: #00ffcc;\n\t\t\t--indicator-primary: #ffff00;\n\t\t\t--indicator-secondary: #141f1d;\n\t\t\t--select2-opt-group: #1b312e;\n\t\t\t--input-box-outline: #141f1d;\n\t\t\t--mute-button-normal: #00ffcc;\n\t\t\t--mute-button-mod: #00997a;\n\t\t\t--pitch1-secondary-channel: #bfbf40;\n\t\t\t--pitch1-primary-channel: #ffff64;\n\t\t\t--pitch1-secondary-note: #bfbf40;\n\t\t\t--pitch1-primary-note: #ffff64;\n\t\t\t--pitch2-secondary-channel: #a2bf40;\n\t\t\t--pitch2-primary-channel: #e0ff7d;\n\t\t\t--pitch2-secondary-note: #a2bf40;\n\t\t\t--pitch2-primary-note: #e0ff7d;\n\t\t\t--pitch3-secondary-channel: #75bf40;\n\t\t\t--pitch3-primary-channel: #c1ff96;\n\t\t\t--pitch3-secondary-note: #75bf40;\n\t\t\t--pitch3-primary-note: #c1ff96;\n\t\t\t--pitch4-secondary-channel: #40bf51;\n\t\t\t--pitch4-primary-channel: #a2ffaf;\n\t\t\t--pitch4-secondary-note: #40bf51;\n\t\t\t--pitch4-primary-note: #a2ffaf;\n\t\t\t--pitch5-secondary-channel: #40bf86;\n\t\t\t--pitch5-primary-channel: #83ffc8;\n\t\t\t--pitch5-secondary-note: #40bf86;\n\t\t\t--pitch5-primary-note: #83ffc8;\n\t\t\t--pitch6-secondary-channel: #40bfa6;\n\t\t\t--pitch6-primary-channel: #64ffe1;\n\t\t\t--pitch6-secondary-note: #40bfa6;\n\t\t\t--pitch6-primary-note: #64ffe1;\n\t\t\t--pitch7-secondary-channel: #40bf86;\n\t\t\t--pitch7-primary-channel: #83ffc8;\n\t\t\t--pitch7-secondary-note: #40bf86;\n\t\t\t--pitch7-primary-note: #83ffc8;\n\t\t\t--pitch8-secondary-channel: #40bf51;\n\t\t\t--pitch8-primary-channel: #a2ffaf;\n\t\t\t--pitch8-secondary-note: #40bf51;\n\t\t\t--pitch8-primary-note: #a2ffaf;\n\t\t\t--pitch9-secondary-channel: #75bf40;\n\t\t\t--pitch9-primary-channel: #c1ff96;\n\t\t\t--pitch9-secondary-note: #75bf40;\n\t\t\t--pitch9-primary-note: #c1ff96;\n\t\t\t--pitch10-secondary-channel: #a2bf40;\n\t\t\t--pitch10-primary-channel: #e0ff7d;\n\t\t\t--pitch10-secondary-note: #a2bf40;\n\t\t\t--pitch10-primary-note: #e0ff7d;\n\t\t\t--noise1-secondary-channel: #a6a659;\n\t\t\t--noise1-primary-channel: #ffffcc;\n\t\t\t--noise1-secondary-note: #a6a659;\n\t\t\t--noise1-primary-note: #ffffcc;\n\t\t\t--noise2-secondary-channel: #94a659;\n\t\t\t--noise2-primary-channel: #f3ffcc;\n\t\t\t--noise2-secondary-note: #94a659;\n\t\t\t--noise2-primary-note: #f3ffcc;\n\t\t\t--noise3-secondary-channel: #79a659;\n\t\t\t--noise3-primary-channel: #e1ffcc;\n\t\t\t--noise3-secondary-note: #79a659;\n\t\t\t--noise3-primary-note: #e1ffcc;\n\t\t\t--noise4-secondary-channel: #94a659;\n\t\t\t--noise4-primary-channel: #f3ffcc;\n\t\t\t--noise4-secondary-note: #94a659;\n\t\t\t--noise4-primary-note: #f3ffcc;\n\t\t\t--noise5-secondary-channel: #a6a659;\n\t\t\t--noise5-primary-channel: #ffffcc;\n\t\t\t--noise5-secondary-note: #a6a659;\n\t\t\t--noise5-primary-note: #ffffcc;\n\t\t\t--mod1-secondary-channel: #a3a329;\n\t\t\t--mod1-primary-channel: #ffff00;\n\t\t\t--mod1-secondary-note: #a3a329;\n\t\t\t--mod1-primary-note: #ffff00;\n\t\t\t--mod2-secondary-channel: #a38529;\n\t\t\t--mod2-primary-channel: #ffbf00;\n\t\t\t--mod2-secondary-note: #a38529;\n\t\t\t--mod2-primary-note: #ffbf00;\n\t\t\t--mod3-secondary-channel: #a36629;\n\t\t\t--mod3-primary-channel: #ff7f00;\n\t\t\t--mod3-secondary-note: #a36629;\n\t\t\t--mod3-primary-note: #ff7f00;\n\t\t\t--mod4-secondary-channel: #a38529;\n\t\t\t--mod4-primary-channel: #ffbf00;\n\t\t\t--mod4-secondary-note: #a38529;\n\t\t\t--mod4-primary-note: #ffbf00;\n\t\t\t--mod-label-primary: #141f1d;\n\t\t\t--mod-label-secondary-text: #d9d98c;\n\t\t\t--mod-label-primary-text: white;\n\t\t\t--disabled-note-primary: #808080;\n\t\t\t--disabled-note-secondary: #666666;\n\n\t\t\t\n\t\t\t\n\t\t}",neapolitan:":root {\n\t\t\t--page-margin: #120807;\n\t\t\t--editor-background: #120807;\n\t\t\t--hover-preview: #e79a82;\n\t\t\t--playhead: #e79a82;\n\t\t\t--primary-text: #decdbf;\n\t\t\t--secondary-text: #fa99bb;\n\t\t\t--inverted-text: black;\n\t\t\t--text-selection: #990036;\n\t\t\t--box-selection-fill: rgba(255,255,255,0.2);\n\t\t\t--loop-accent: #f6377a;\n\t\t\t--link-accent: #f6377a;\n\t\t\t--ui-widget-background: #24160f;\n\t\t\t--ui-widget-focus: #362217;\n\t\t\t--pitch-background: #1e1106;\n\t\t\t--tonic: #382414;\n\t\t\t--fifth-note: #41240c;\n\t\t\t--white-piano-key: #e1c5b7;\n\t\t\t--black-piano-key: #482c1e;\n\t\t\t--white-piano-key-text: black;\n\t\t\t--black-piano-key-text: white;\n\t\t\t--use-color-formula: false;\n\t\t\t--track-editor-bg-pitch: #4d2a19;\n\t\t\t--track-editor-bg-pitch-dim: #27150c;\n\t\t\t--track-editor-bg-noise: #4d2a19;\n\t\t\t--track-editor-bg-noise-dim: #27150c;\n\t\t\t--track-editor-bg-mod: #4d2a19;\n\t\t\t--track-editor-bg-mod-dim: #27150c;\n\t\t\t--multiplicative-mod-slider: #decdbf;\n\t\t\t--overwriting-mod-slider: #decdbf;\n\t\t\t--indicator-primary: #decdbf;\n\t\t\t--indicator-secondary: #362217;\n\t\t\t--select2-opt-group: #24160f;\n\t\t\t--input-box-outline: #24160f;\n\t\t\t--mute-button-normal: #ff66a1;\n\t\t\t--mute-button-mod: #e61968;\n\t\t\t--pitch1-secondary-channel: #680029;\n\t\t\t--pitch1-primary-channel: #cc0052;\n\t\t\t--pitch1-secondary-note: #660029;\n\t\t\t--pitch1-primary-note: #cc0052;\n\t\t\t--pitch2-secondary-channel: #7e1b43;\n\t\t\t--pitch2-primary-channel: #d32e71;\n\t\t\t--pitch2-secondary-note: #7e1b43;\n\t\t\t--pitch2-primary-note: #d32e71;\n\t\t\t--pitch3-secondary-channel: #aa275e;\n\t\t\t--pitch3-primary-channel: #da5d91;\n\t\t\t--pitch3-secondary-note: #aa275e;\n\t\t\t--pitch3-primary-note: #da5d91;\n\t\t\t--pitch4-secondary-channel: #cc3878;\n\t\t\t--pitch4-primary-channel: #e18bb0;\n\t\t\t--pitch4-secondary-note: #cc3878;\n\t\t\t--pitch4-primary-note: #e18bb0;\n\t\t\t--pitch5-secondary-channel: #d06c9b;\n\t\t\t--pitch5-primary-channel: #e9bad0;\n\t\t\t--pitch5-secondary-note: #d06c9b;\n\t\t\t--pitch5-primary-note: #e9bad0;\n\t\t\t--pitch6-secondary-channel: #c9acc5;\n\t\t\t--pitch6-primary-channel: #f0e8ef;\n\t\t\t--pitch6-secondary-note: #c9acc5;\n\t\t\t--pitch6-primary-note: #f0e8ef;\n\t\t\t--pitch7-secondary-channel: #d06c9b;\n\t\t\t--pitch7-primary-channel: #e9bad0;\n\t\t\t--pitch7-secondary-note: #d06c9b;\n\t\t\t--pitch7-primary-note: #e9bad0;\n\t\t\t--pitch8-secondary-channel: #cc3878;\n\t\t\t--pitch8-primary-channel: #e18bb0;\n\t\t\t--pitch8-secondary-note: #cc3878;\n\t\t\t--pitch8-primary-note: #e18bb0;\n\t\t\t--pitch9-secondary-channel: #aa275e;\n\t\t\t--pitch9-primary-channel: #da5d91;\n\t\t\t--pitch9-secondary-note: #aa275e;\n\t\t\t--pitch9-primary-note: #da5d91;\n\t\t\t--pitch10-secondary-channel: #7e1b43;\n\t\t\t--pitch10-primary-channel: #d32e71;\n\t\t\t--pitch10-secondary-note: #7e1b43;\n\t\t\t--pitch10-primary-note: #d32e71;\n\t\t\t--noise1-secondary-channel: #683a37;\n\t\t\t--noise1-primary-channel: #A85F5A;\n\t\t\t--noise1-secondary-note: #683a37;\n\t\t\t--noise1-primary-note: #A85F5A;\n\t\t\t--noise2-secondary-channel: #7c4a41;\n\t\t\t--noise2-primary-channel: #B47A70;\n\t\t\t--noise2-secondary-note: #7c4a41;\n\t\t\t--noise2-primary-note: #B47A70;\n\t\t\t--noise3-secondary-channel: #935f4d;\n\t\t\t--noise3-primary-channel: #c09587;\n\t\t\t--noise3-secondary-note: #935f4d;\n\t\t\t--noise3-primary-note: #C09587;\n\t\t\t--noise4-secondary-channel: #aa795a;\n\t\t\t--noise4-primary-channel: #cdb09d;\n\t\t\t--noise4-secondary-note: #aa795a;\n\t\t\t--noise4-primary-note: #CDAF9D;\n\t\t\t--noise5-secondary-channel: #bb987c;\n\t\t\t--noise5-primary-channel: #decdbf;\n\t\t\t--noise5-secondary-note: #bb987c;\n\t\t\t--noise5-primary-note: #decdbf;\n\t\t\t--mod1-secondary-channel: #6ca784;\n\t\t\t--mod1-primary-channel: #accdb9;\n\t\t\t--mod1-secondary-note: #6ca784;\n\t\t\t--mod1-primary-note: #accdb9;\n\t\t\t--mod2-secondary-channel: #7daa9f;\n\t\t\t--mod2-primary-channel: #bbd3cd;\n\t\t\t--mod2-secondary-note: #7daa9f;\n\t\t\t--mod2-primary-note: #bbd3cd;\n\t\t\t--mod3-secondary-channel: #70a3a9;\n\t\t\t--mod3-primary-channel: #afcccf;\n\t\t\t--mod3-secondary-note: #70a3a9;\n\t\t\t--mod3-primary-note: #afcccf;\n\t\t\t--mod4-secondary-channel: #5698b8;\n\t\t\t--mod4-primary-channel: #9ec3d6;\n\t\t\t--mod4-secondary-note: #5698b8;\n\t\t\t--mod4-primary-note: #9ec3d6;\n\t\t\t--mod-label-primary: #24160f;\n\t\t\t--mod-label-secondary-text: #E5AFC2;\n\t\t\t--mod-label-primary-text: #decdbf;\n\t\t\t--disabled-note-primary: #bababa;\n\t\t\t--disabled-note-secondary: #878787;\n\n\t\t\t\n\t\t\t\n\t\t}",mono:":root {\n\t\t\t--page-margin: #000;\n\t\t\t--editor-background: #000;\n\t\t\t--hover-preview: #808080;\n\t\t\t--playhead: #808080;\n\t\t\t--primary-text: white;\n\t\t\t--secondary-text: #cccccc;\n\t\t\t--inverted-text: black;\n\t\t\t--text-selection: #696969;\n\t\t\t--box-selection-fill: #cccccc40;\n\t\t\t--loop-accent: #808080;\n\t\t\t--link-accent: white;\n\t\t\t--ui-widget-background: #232323;\n\t\t\t--ui-widget-focus: #303030;\n\t\t\t--pitch-background: #1a1a1a;\n\t\t\t--tonic: #262626;\n\t\t\t--fifth-note: #0d0d0d;\n\t\t\t--white-piano-key: #808080;\n\t\t\t--black-piano-key: #232323;\n\t\t\t--use-color-formula: true;\n\t\t\t--track-editor-bg-pitch: #262626;\n\t\t\t--track-editor-bg-pitch-dim: #1a1a1a;\n\t\t\t--track-editor-bg-noise: #262626;\n\t\t\t--track-editor-bg-noise-dim: #1a1a1a;\n\t\t\t--track-editor-bg-mod: #262626;\n\t\t\t--track-editor-bg-mod-dim: #1a1a1a;\n\t\t\t--multiplicative-mod-slider: #808080;\n\t\t\t--overwriting-mod-slider: #808080;\n\t\t\t--indicator-primary: #808080;\n\t\t\t--indicator-secondary: #333333;\n\t\t\t--select2-opt-group: #232323;\n\t\t\t--input-box-outline: #222;\n\t\t\t--mute-button-normal: #808080;\n\t\t\t--mute-button-mod: #808080;\n\t\t\t--mod-label-primary: #232323;\n\t\t\t--mod-label-secondary-text: #696969;\n\t\t\t--mod-label-primary-text: #cdcdcd;\n\t\t\t--pitch-secondary-channel-hue: 0;\n\t\t\t--pitch-secondary-channel-hue-scale: 25;\n\t\t\t--pitch-secondary-channel-sat: 10;\n\t\t\t--pitch-secondary-channel-sat-scale: 0.1;\n\t\t\t--pitch-secondary-channel-lum: 70;\n\t\t\t--pitch-secondary-channel-lum-scale: 0;\n\t\t\t--pitch-primary-channel-hue: 0;\n\t\t\t--pitch-primary-channel-hue-scale: 25;\n\t\t\t--pitch-primary-channel-sat: 50;\n\t\t\t--pitch-primary-channel-sat-scale: 0.1;\n\t\t\t--pitch-primary-channel-lum: 95;\n\t\t\t--pitch-primary-channel-lum-scale: 0;\n\t\t\t--pitch-secondary-note-hue: 0;\n\t\t\t--pitch-secondary-note-hue-scale: 25;\n\t\t\t--pitch-secondary-note-sat: 10;\n\t\t\t--pitch-secondary-note-sat-scale: 0.1;\n\t\t\t--pitch-secondary-note-lum: 70;\n\t\t\t--pitch-secondary-note-lum-scale: 0;\n\t\t\t--pitch-primary-note-hue: 0;\n\t\t\t--pitch-primary-note-hue-scale: 25;\n\t\t\t--pitch-primary-note-sat: 50;\n\t\t\t--pitch-primary-note-sat-scale: 0.1;\n\t\t\t--pitch-primary-note-lum: 95;\n\t\t\t--pitch-primary-note-lum-scale: 0;\n\t\t\t--noise-secondary-channel-hue: 125;\n\t\t\t--noise-secondary-channel-hue-scale: 50;\n\t\t\t--noise-secondary-channel-sat: 10;\n\t\t\t--noise-secondary-channel-sat-scale: 0.1;\n\t\t\t--noise-secondary-channel-lum: 70;\n\t\t\t--noise-secondary-channel-lum-scale: 0;\n\t\t\t--noise-primary-channel-hue: 125;\n\t\t\t--noise-primary-channel-hue-scale: 50;\n\t\t\t--noise-primary-channel-sat: 50;\n\t\t\t--noise-primary-channel-sat-scale: 0.1;\n\t\t\t--noise-primary-channel-lum: 95;\n\t\t\t--noise-primary-channel-lum-scale: 0;\n\t\t\t--noise-secondary-note-hue: 125;\n\t\t\t--noise-secondary-note-hue-scale: 50;\n\t\t\t--noise-secondary-note-sat: 10;\n\t\t\t--noise-secondary-note-sat-scale: 0.1;\n\t\t\t--noise-secondary-note-lum: 70;\n\t\t\t--noise-secondary-note-lum-scale: 0;\n\t\t\t--noise-primary-note-hue: 125;\n\t\t\t--noise-primary-note-hue-scale: 50;\n\t\t\t--noise-primary-note-sat: 50;\n\t\t\t--noise-primary-note-sat-scale: 0.1;\n\t\t\t--noise-primary-note-lum: 95;\n\t\t\t--noise-primary-note-lum-scale: 0;\n\t\t\t--mod-secondary-channel-hue: 255;\n\t\t\t--mod-secondary-channel-hue-scale: 75;\n\t\t\t--mod-secondary-channel-sat: 10;\n\t\t\t--mod-secondary-channel-sat-scale: 0;\n\t\t\t--mod-secondary-channel-lum: 70;\n\t\t\t--mod-secondary-channel-lum-scale: 0;\n\t\t\t--mod-primary-channel-hue: 255;\n\t\t\t--mod-primary-channel-hue-scale: 75;\n\t\t\t--mod-primary-channel-sat: 50;\n\t\t\t--mod-primary-channel-sat-scale: 0;\n\t\t\t--mod-primary-channel-lum: 95;\n\t\t\t--mod-primary-channel-lum-scale: 0;\n\t\t\t--mod-secondary-note-hue: 255;\n\t\t\t--mod-secondary-note-hue-scale: 75;\n\t\t\t--mod-secondary-note-sat: 10;\n\t\t\t--mod-secondary-note-sat-scale: 0;\n\t\t\t--mod-secondary-note-lum: 70;\n\t\t\t--mod-secondary-note-lum-scale: 0;\n\t\t\t--mod-primary-note-hue: 255;\n\t\t\t--mod-primary-note-hue-scale: 75;\n\t\t\t--mod-primary-note-sat: 50;\n\t\t\t--mod-primary-note-sat-scale: 0;\n\t\t\t--mod-primary-note-lum: 95;\n\t\t\t--mod-primary-note-lum-scale: 0;\n\t\t\t--disabled-note-primary: #c6c6c6;\n\t\t\t--disabled-note-secondary: #8c8c8c;\n\t\t}",blutonium:":root {\n\t\t\t--page-margin: #02070D;\n\t\t\t--editor-background: #02070D;\n\t\t\t--hover-preview: white;\n\t\t\t--playhead: white;\n\t\t\t--primary-text: #9bd1ee;\n\t\t\t--secondary-text: #5a6da8;\n\t\t\t--inverted-text: black;\n\t\t\t--text-selection: rgb(68 68 255 / 99%);\n\t\t\t--box-selection-fill: rgb(0 0 255 / 30%);\n\t\t\t--loop-accent: #024aca;\n\t\t\t--link-accent: #024aca;\n\t\t\t--ui-widget-background: #161c2e;\n\t\t\t--ui-widget-focus: #262c3e;\n\t\t\t--pitch-background: #22272D;\n\t\t\t--tonic: #1b3056;\n\t\t\t--fifth-note: #344051;\n\t\t\t--white-piano-key: #a6c6ed;\n\t\t\t--black-piano-key: #2f4687;\n\t\t\t--use-color-formula: false;\n\t\t\t--track-editor-bg-pitch: #25284c;\n\t\t\t--track-editor-bg-pitch-dim: #211c26;\n\t\t\t--track-editor-bg-noise: #261f42;\n\t\t\t--track-editor-bg-noise-dim: #1a152d;\n\t\t\t--track-editor-bg-mod: #183049;\n\t\t\t--track-editor-bg-mod-dim: #102132;\n\t\t\t--multiplicative-mod-slider: #344a7f;\n\t\t\t--overwriting-mod-slider: #344a7f;\n\t\t\t--indicator-primary: #024aca;\n\t\t\t--indicator-secondary: #00177d;\n\t\t\t--select2-opt-group: #141e34;\n\t\t\t--input-box-outline: #141e34;\n\t\t\t--mute-button-normal: #273b9d;\n\t\t\t--mute-button-mod: #27989d;\n\t\t\t--pitch1-secondary-channel: hsl(200, 100%, 40%);\n\t\t\t--pitch1-primary-channel: #99ddff;\n\t\t\t--pitch1-secondary-note: hsl(200, 100%, 40%);\n\t\t\t--pitch1-primary-note: #99ddff;\n\t\t\t--pitch2-secondary-channel: \thsl(212, 100%, 34%);\n\t\t\t--pitch2-primary-channel: #5BA8FF;\n\t\t\t--pitch2-secondary-note: hsl(212, 100%, 34%);\n\t\t\t--pitch2-primary-note: #5BA8FF;\n\t\t\t--pitch3-secondary-channel: #024ACA;\n\t\t\t--pitch3-primary-channel: #0A89FF;\n\t\t\t--pitch3-secondary-note: #024ACA;\n\t\t\t--pitch3-primary-note: #0A89FF;\n\t\t\t--pitch4-secondary-channel: #00177D;\n\t\t\t--pitch4-primary-channel: #024ACA;\n\t\t\t--pitch4-secondary-note: #00177D;\n\t\t\t--pitch4-primary-note: #024ACA;\n\t\t\t--pitch5-secondary-channel: #000e4e;\n\t\t\t--pitch5-primary-channel: #0023bf;\n\t\t\t--pitch5-secondary-note: #000e4e;\n\t\t\t--pitch5-primary-note: #0023bf;\n\t\t\t--pitch6-secondary-channel: #8990FE;\n\t\t\t--pitch6-primary-channel: #C2C6FF;\n\t\t\t--pitch6-secondary-note: #8990FE;\n\t\t\t--pitch6-primary-note: #C2C6FF;\n\t\t\t--pitch7-secondary-channel: #5E65D3;\n\t\t\t--pitch7-primary-channel: #8990FE;\n\t\t\t--pitch7-secondary-note: #5E65D3;\n\t\t\t--pitch7-primary-note: #8990FE;\n\t\t\t--pitch8-secondary-channel: #3138A6;\n\t\t\t--pitch8-primary-channel: #5E65D3;\n\t\t\t--pitch8-secondary-note: #3138A6;\n\t\t\t--pitch8-primary-note: #5E65D3;\n\t\t\t--pitch9-secondary-channel: #1B0B7F;\n\t\t\t--pitch9-primary-channel: #3138A6;\n\t\t\t--pitch9-secondary-note: #1B0B7F;\n\t\t\t--pitch9-primary-note: #3138A6;\n\t\t\t--pitch10-secondary-channel: #13015D;\n\t\t\t--pitch10-primary-channel: #1c02bd;\n\t\t\t--pitch10-secondary-note: #13015D;\n\t\t\t--pitch10-primary-note: #1c02bd;\n\t\t\t--noise1-secondary-channel: #A675FE;\n\t\t\t--noise1-primary-channel: #E2C9FF;\n\t\t\t--noise1-secondary-note: #A675FE;\n\t\t\t--noise1-primary-note: #E2C9FF;\n\t\t\t--noise2-secondary-channel: #6A31CA;\n\t\t\t--noise2-primary-channel: #A675FE;\n\t\t\t--noise2-secondary-note: #6A31CA;\n\t\t\t--noise2-primary-note: #A675FE;\n\t\t\t--noise3-secondary-channel: #5A1991;\n\t\t\t--noise3-primary-channel: #6A31CA;\n\t\t\t--noise3-secondary-note: #5A1991;\n\t\t\t--noise3-primary-note: #6A31CA;\n\t\t\t--noise4-secondary-channel: #2f1a68;\n\t\t\t--noise4-primary-channel: #5A1991;\n\t\t\t--noise4-secondary-note: #2f1a68;\n\t\t\t--noise4-primary-note: #5A1991;\n\t\t\t--noise5-secondary-channel: #211640;\n\t\t\t--noise5-primary-channel: #391b8d;\n\t\t\t--noise5-secondary-note: #211640;\n\t\t\t--noise5-primary-note: #391b8d;\n\t\t\t--mod1-secondary-channel: #25E2CD;\n\t\t\t--mod1-primary-channel: #BDFFCA;\n\t\t\t--mod1-secondary-note: #25E2CD;\n\t\t\t--mod1-primary-note: #BDFFCA;\n\t\t\t--mod2-secondary-channel: #0A98AC;\n\t\t\t--mod2-primary-channel: #25E2CD;\n\t\t\t--mod2-secondary-note: #0A98AC;\n\t\t\t--mod2-primary-note: #25E2CC;\n\t\t\t--mod3-secondary-channel: #005280;\n\t\t\t--mod3-primary-channel: #0A98AC;\n\t\t\t--mod3-secondary-note: #005280;\n\t\t\t--mod3-primary-note: #0A98AC;\n\t\t\t--mod4-secondary-channel: #0f3670;\n\t\t\t--mod4-primary-channel: #1369c1;\n\t\t\t--mod4-secondary-note: #0f3670;\n\t\t\t--mod4-primary-note: #1369c1;\n\t\t\t--mod-label-primary: #191d26;\n\t\t\t--mod-label-secondary-text: #024aca;\n\t\t\t--mod-label-primary-text: #ffffffa6;\n\t\t\t--disabled-note-primary: #c9c9c9;\n\t\t\t--disabled-note-secondary: #616161;\n\n\t\t\t\n\t\t\t\n\t}","Ghost House":"\n\t:root { \n\t\t--page-margin: #120918; \n\t\t--editor-background: #120918; \n\t\t--hover-preview: #c6f7ff; \n\t\t--playhead: white; \n\t\t--primary-text: #bbb8db; \n\t\t--secondary-text: #6f72b5; \n\t\t--inverted-text: black; \n\t\t--text-selection: rgba(119,68,255,0.99); \n\t\t--box-selection-fill: rgb(43 70 171 / 62%); \n\t\t--loop-accent: #573ebb; \n\t\t--link-accent: #98f; \n\t\t--ui-widget-background: #1c1a2f; \n\t\t--ui-widget-focus: var(--ui-widget-background); \n\t\t--pitch-background: #3e3a5f; \n\t\t--tonic: #7874a1; \n\t\t--fifth-note: #423fff; \n\t\t--white-piano-key: #bbb8db; \n\t\t--black-piano-key: #1c1a2f; \n\t\t--white-piano-key-text: #1c1a2f; \n\t\t--black-piano-key-text: #bbb8db; \n\t\t--use-color-formula: false; \n\t\t--track-editor-bg-pitch: #3a3b5c; \n\t\t--track-editor-bg-pitch-dim: #1f2036; \n\t\t--track-editor-bg-noise: #3c3554; \n\t\t--track-editor-bg-noise-dim: #1e1834; \n\t\t--track-editor-bg-mod: #30335e; \n\t\t--track-editor-bg-mod-dim: #161938; \n\t\t--multiplicative-mod-slider: #573ebb; \n\t\t--overwriting-mod-slider: #495789; \n\t\t--indicator-primary: #573ebb; \n\t\t--indicator-secondary: #415187; \n\t\t--select2-opt-group: #22223a; \n\t\t--input-box-outline: #2d2648; \n\t\t--mute-button-normal: #7aceff; \n\t\t--mute-button-mod: #9d6bff; \n\t\t--pitch1-secondary-channel: #5f3ea5; \n\t\t--pitch1-primary-channel: #c1a4ff; \n\t\t--pitch1-secondary-note: #794fd3; \n\t\t--pitch1-primary-note: #d8c6ff; \n\t\t--pitch2-secondary-channel: #4f44bf; \n\t\t--pitch2-primary-channel: #9287ff; \n\t\t--pitch2-secondary-note: #5e51d9; \n\t\t--pitch2-primary-note: #b6afff; \n\t\t--pitch3-secondary-channel: #374eb9; \n\t\t--pitch3-primary-channel: #8097ff; \n\t\t--pitch3-secondary-note: #445cc9; \n\t\t--pitch3-primary-note: #a0b2ff; \n\t\t--pitch4-secondary-channel: #2867cf; \n\t\t--pitch4-primary-channel: #6fa5ff; \n\t\t--pitch4-secondary-note: #2e6ed7; \n\t\t--pitch4-primary-note: #a6c7ff; \n\t\t--pitch5-secondary-channel: #3175a7; \n\t\t--pitch5-primary-channel: #7ec9ff; \n\t\t--pitch5-secondary-note: #367eb3; \n\t\t--pitch5-primary-note: #9fd7ff; \n\t\t--pitch6-secondary-channel: #3993a9; \n\t\t--pitch6-primary-channel: #8ce9ff; \n\t\t--pitch6-secondary-note: #386da3; \n\t\t--pitch6-primary-note: #9eecff; \n\t\t--pitch7-secondary-channel: #369d8a; \n\t\t--pitch7-primary-channel: #8bfce7; \n\t\t--pitch7-secondary-note: #1c93a7; \n\t\t--pitch7-primary-note: #abffef; \n\t\t--pitch8-secondary-channel: #00A170; \n\t\t--pitch8-primary-channel: #50FFC9; \n\t\t--pitch8-secondary-note: #00C78A; \n\t\t--pitch8-primary-note: #83FFD9; \n\t\t--pitch9-secondary-channel: #49b374; \n\t\t--pitch9-primary-channel: #8affa9; \n\t\t--pitch9-secondary-note: #26815f; \n\t\t--pitch9-primary-note: #c8ffde; \n\t\t--pitch10-secondary-channel: #58a747; \n\t\t--pitch10-primary-channel: #bbffaa; \n\t\t--pitch10-secondary-note: #1d7c48; \n\t\t--pitch10-primary-note: #c7ffbc; \n\t\t--noise1-secondary-channel: #42829b; \n\t\t--noise1-primary-channel: #97d3fc; \n\t\t--noise1-secondary-note: #3f53b3; \n\t\t--noise1-primary-note: #97d3fc; \n\t\t--noise2-secondary-channel: #6354bb; \n\t\t--noise2-primary-channel: #9a89ff; \n\t\t--noise2-secondary-note: #5f4dcd; \n\t\t--noise2-primary-note: #c6bcff; \n\t\t--noise3-secondary-channel: #704a95; \n\t\t--noise3-primary-channel: #c285ff; \n\t\t--noise3-secondary-note: #ad5aff; \n\t\t--noise3-primary-note: #d3a6ff; \n\t\t--noise4-secondary-channel: #a53c65; \n\t\t--noise4-primary-channel: #f794bb; \n\t\t--noise4-secondary-note: #cb5080; \n\t\t--noise4-primary-note: #f794bb; \n\t\t--noise5-secondary-channel: #9b2d2d; \n\t\t--noise5-primary-channel: #ff7676; \n\t\t--noise5-secondary-note: #cb4444; \n\t\t--noise5-primary-note: #ff9999; \n\t\t--mod1-secondary-channel: #b7613c; \n\t\t--mod1-primary-channel: #ff9f76; \n\t\t--mod1-secondary-note: #e77e52; \n\t\t--mod1-primary-note: #ffb99b; \n\t\t--mod2-secondary-channel: #916d34; \n\t\t--mod2-primary-channel: #fece80; \n\t\t--mod2-secondary-note: #c58b35; \n\t\t--mod2-primary-note: #ffdda5; \n\t\t--mod3-secondary-channel: #83761a; \n\t\t--mod3-primary-channel: #fdf68c; \n\t\t--mod3-secondary-note: #c18e00; \n\t\t--mod3-primary-note: #fdf68c; \n\t\t--mod4-secondary-channel: #a86436; \n\t\t--mod4-primary-channel: #c8a825; \n\t\t--mod4-secondary-note: #e8ba46; \n\t\t--mod4-primary-note: #c8a825; \n\t\t--mod-label-primary: #37325e; \n\t\t--mod-label-secondary-text: #6e8aa7; \n\t\t--mod-label-primary-text: #c1ffff; \n\t\t--disabled-note-primary: #999; \n\t\t--disabled-note-secondary: #666; \n\t\t--note-flash: #ffffff; \n\t\t--note-flash-secondary: #ffffff77; }\n\t","Ghost House 2":'\n\t:root { \n\t\t--page-margin: #120918; \n\t\t--editor-background: #1c1a2f; \n\t\t--hover-preview: #c6f7ff; \n\t\t--playhead: white; \n\t\t--primary-text: #bbb8db; \n\t\t--secondary-text: #6f72b5; \n\t\t--inverted-text: black; \n\t\t--text-selection: rgba(119,68,255,0.99); \n\t\t--box-selection-fill: rgb(43 70 171 / 62%); \n\t\t--loop-accent: #573ebb; \n\t\t--link-accent: #98f; \n\t\t--ui-widget-background: #3e3a5f; \n\t\t--ui-widget-focus: var(--ui-widget-background); \n\t\t--pitch-background: var(--ui-widget-background); \n\t\t--tonic: #7874a1; \n\t\t--fifth-note: #423fff; \n\t\t--white-piano-key: #bbb8db; \n\t\t--black-piano-key: #1c1a2f; \n\t\t--white-piano-key-text: #1c1a2f; \n\t\t--black-piano-key-text: #bbb8db; \n\t\t--use-color-formula: false; \n\t\t--track-editor-bg-pitch: #3a3b5c; \n\t\t--track-editor-bg-pitch-dim: #1f2036; \n\t\t--track-editor-bg-noise: #3c3554; \n\t\t--track-editor-bg-noise-dim: #1e1834; \n\t\t--track-editor-bg-mod: #30335e; \n\t\t--track-editor-bg-mod-dim: #161938; \n\t\t--multiplicative-mod-slider: #573ebb; \n\t\t--overwriting-mod-slider: #495789; \n\t\t--indicator-primary: #573ebb; \n\t\t--indicator-secondary: #415187; \n\t\t--select2-opt-group: #22223a; \n\t\t--input-box-outline: #2d2648; \n\t\t--mute-button-normal: #7aceff; \n\t\t--mute-button-mod: #9d6bff; \n\t\t--pitch1-secondary-channel: #5f3ea5; \n\t\t--pitch1-primary-channel: #c1a4ff; \n\t\t--pitch1-secondary-note: #794fd3; \n\t\t--pitch1-primary-note: #d8c6ff; \n\t\t--pitch2-secondary-channel: #4f44bf; \n\t\t--pitch2-primary-channel: #9287ff; \n\t\t--pitch2-secondary-note: #5e51d9; \n\t\t--pitch2-primary-note: #b6afff; \n\t\t--pitch3-secondary-channel: #374eb9; \n\t\t--pitch3-primary-channel: #8097ff; \n\t\t--pitch3-secondary-note: #445cc9; \n\t\t--pitch3-primary-note: #a0b2ff; \n\t\t--pitch4-secondary-channel: #2867cf; \n\t\t--pitch4-primary-channel: #6fa5ff; \n\t\t--pitch4-secondary-note: #2e6ed7; \n\t\t--pitch4-primary-note: #a6c7ff; \n\t\t--pitch5-secondary-channel: #3175a7; \n\t\t--pitch5-primary-channel: #7ec9ff; \n\t\t--pitch5-secondary-note: #367eb3; \n\t\t--pitch5-primary-note: #9fd7ff; \n\t\t--pitch6-secondary-channel: #3993a9; \n\t\t--pitch6-primary-channel: #8ce9ff; \n\t\t--pitch6-secondary-note: #386da3; \n\t\t--pitch6-primary-note: #9eecff; \n\t\t--pitch7-secondary-channel: #369d8a; \n\t\t--pitch7-primary-channel: #8bfce7; \n\t\t--pitch7-secondary-note: #1c93a7; \n\t\t--pitch7-primary-note: #abffef; \n\t\t--pitch8-secondary-channel: #00A170; \n\t\t--pitch8-primary-channel: #50FFC9; \n\t\t--pitch8-secondary-note: #00C78A; \n\t\t--pitch8-primary-note: #83FFD9; \n\t\t--pitch9-secondary-channel: #49b374; \n\t\t--pitch9-primary-channel: #8affa9; \n\t\t--pitch9-secondary-note: #26815f; \n\t\t--pitch9-primary-note: #c8ffde; \n\t\t--pitch10-secondary-channel: #58a747; \n\t\t--pitch10-primary-channel: #bbffaa; \n\t\t--pitch10-secondary-note: #1d7c48; \n\t\t--pitch10-primary-note: #c7ffbc; \n\t\t--noise1-secondary-channel: #42829b; \n\t\t--noise1-primary-channel: #97d3fc; \n\t\t--noise1-secondary-note: #3f53b3; \n\t\t--noise1-primary-note: #97d3fc; \n\t\t--noise2-secondary-channel: #6354bb; \n\t\t--noise2-primary-channel: #9a89ff; \n\t\t--noise2-secondary-note: #5f4dcd; \n\t\t--noise2-primary-note: #c6bcff; \n\t\t--noise3-secondary-channel: #704a95; \n\t\t--noise3-primary-channel: #c285ff; \n\t\t--noise3-secondary-note: #ad5aff; \n\t\t--noise3-primary-note: #d3a6ff; \n\t\t--noise4-secondary-channel: #a53c65; \n\t\t--noise4-primary-channel: #f794bb; \n\t\t--noise4-secondary-note: #cb5080; \n\t\t--noise4-primary-note: #f794bb; \n\t\t--noise5-secondary-channel: #9b2d2d; \n\t\t--noise5-primary-channel: #ff7676; \n\t\t--noise5-secondary-note: #cb4444; \n\t\t--noise5-primary-note: #ff9999; \n\t\t--mod1-secondary-channel: #b7613c; \n\t\t--mod1-primary-channel: #ff9f76; \n\t\t--mod1-secondary-note: #e77e52; \n\t\t--mod1-primary-note: #ffb99b; \n\t\t--mod2-secondary-channel: #916d34; \n\t\t--mod2-primary-channel: #fece80; \n\t\t--mod2-secondary-note: #c58b35; \n\t\t--mod2-primary-note: #ffdda5; \n\t\t--mod3-secondary-channel: #83761a; \n\t\t--mod3-primary-channel: #fdf68c; \n\t\t--mod3-secondary-note: #c18e00; \n\t\t--mod3-primary-note: #fdf68c; \n\t\t--mod4-secondary-channel: #a86436; \n\t\t--mod4-primary-channel: #c8a825; \n\t\t--mod4-secondary-note: #e8ba46; \n\t\t--mod4-primary-note: #c8a825; \n\t\t--mod-label-primary: #37325e; \n\t\t--mod-label-secondary-text: #6e8aa7; \n\t\t--mod-label-primary-text: #c1ffff; \n\t\t--disabled-note-primary: #999; \n\t\t--disabled-note-secondary: #666; \n\t\t--note-flash: #ffffff; \n\t\t--note-flash-secondary: #ffffff77; }\n\t\n\t\t* {\n\t\tcursor: url("https://choptop84.github.io/abyssbox-app/pixel_cursor.png"), auto !important;\n\t\t--file-page-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-file.png");\n\t\t--edit-pencil-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-edit.png");\n\t\t--preferences-gear-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-preferences.png");\n\t\t--instrument-copy-symbol: url("https://choptop84.github.io/abyssbox-app/icon-copy.png");\n\t\t--instrument-paste-symbol: url("https://choptop84.github.io/abyssbox-app/icon-paste.png");\n\t\t--play-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-play.png");\n\t\t--pause-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-pause.png");\n\t\t--record-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-record.png");\n\t\t--stop-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-stop.png");\n\t\t--prev-bar-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-prev.png");\n\t\t--next-bar-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-next.png");\n\t\t--muted-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-speakerMuted.png");\n\t\t--unmuted-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-speaker.png");\n\t\t--volume-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-speaker.png");\n\t\t--zoom-in-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-zoomIn.png");\n\t\t--zoom-out-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-zoomOut.png");\n\t\t--export-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-export.png");\n\t\t--export-instrument-symbol: var(--export-symbol);\n\t\t--import-symbol: url("https://choptop84.github.io/choptop84s-image-repository/icon-import.png");\n\t\t} \n\t\t\t@font-face {\n\t\t font-family: "AbyssType";\n\t\t src:\n\t\t\turl("abysstype.otf") format("opentype") tech(color-COLRv1),\n\t\t\t}\n\t\n\t\t\t#beepboxEditorContainer, .track-area, .beepboxEditor, #text-content, div.noSelection, .beepboxEditor .loopEditor {\n\t\t\t\tbackground-color: #fff0 !important;\n\t\t\t} \n\t\n\t\t\t@font-face {\n\t\t font-family: "AbyssType_small";\n\t\t src:\n\t\t\turl("abysstype_small.otf") format("opentype") tech(color-COLRv1),\n\t\t\t}\n\t\n\t\t\tbody {\n\t\t\t\tbackground-image: url("https://choptop84.github.io/choptop84s-image-repository/ghosthousebg.png") !important;\n\t\t\t\tbackground-size: 256px;\n\t\t\t\tbackground-position: center;\n\t\t\t\tbackground-repeat: repeat;\n\t\n\t\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t\t\t}\n\t\n\t\t\t#text-content {\n\t\t\t\tborder-image-source: url("https://choptop84.github.io/choptop84s-image-repository/ghosthousebg2.png");\n\t\t\t\tborder-image-slice: 16 fill; \n\t\t\t border-image-width: 32px; \n\t\t\tborder-image-repeat: repeat; \n\t\t\t\tpadding-left: 32px; \n\t\t\t\tpadding-right: 32px; \n\t\t\t\tpadding-bottom: 16px; \n\t\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t\t}\n\t\t#beepboxEditorContainer {\n\t\t\t\tborder-image-source: url("https://choptop84.github.io/choptop84s-image-repository/ghosthousebg2.png");\n\t\t\t\tborder-image-slice: 16 fill; \n\t\t\t border-image-width: 32px; \n\t\t\tborder-image-repeat: repeat;\n\t\t\t\tpadding-left: 32px; \n\t\t\t\tpadding-right: 32px; \n\t\t\t\tpadding-bottom: 16px; \n\t\n\t\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\t\timage-rendering: optimizeSpeed !important; /* IE */ \n\t\t\t}\n\t\n\t\t\tdiv.prompt.noSelection {\n\t\t\t\tbackground-color: var(--editor-background) !important;\n\t\t\t}\n\t\t\t\n\t\t\t.beepboxEditor button,\n\t\t\tbutton.mobilePatternButton,\n\t\t\tbutton.mobileTrackButton,\n\t\t\tbutton.mobileSettingsButton,\n\t\t\tbutton.mobilePlayButton,\n\t\t\tbutton.mobilePauseButton,\n\t\t\tbutton.mobileNextBarButton,\n\t\t\tbutton.mobilePrevBarButton,\n\t\t\tbutton.playButton,\n\t\t\tbutton.pauseButton, \n\t\t\tbutton.recordButton, \n\t\t\tbutton.stopButton,\n\t\t\tbutton.nextBarButton, \n\t\t\tbutton.prevBarButton, \n\t\t\tbutton.copyButton, \n\t\t\tbutton.pasteButton, \n\t\t\tbutton.exportInstrumentButton, \n\t\t\tbutton.importInstrumentButton, \n\t\t\t.beepboxEditor select, \n\t\t\t.beepboxEditor .select2-selection__rendered {\n\t\t\t\t\tborder-image-source: url("https://choptop84.github.io/choptop84s-image-repository/ghosthouse_button.png") !important;\n\t\t\t\t\tborder-image-slice: 5 fill !important; \n\t\t\t\t border-image-width: 5px !important; \n\t\t\t\tborder-image-repeat: repeat !important;\n\t\t\t\t\tpadding: 4px !important; \n\t\n\t\t\t\t\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\t\t\t\t\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\t\t\t\t\timage-rendering: -o-crisp-edges !important; /* Opera */\n\t\t\t\t\timage-rendering: pixelated !important; /* Future browsers */\n\t\t\t\t\timage-rendering: optimizeSpeed !important; /* IE */\n\t\t\t\t}\n\t\n\t\t\t\tbutton.envelopeDropdown, div.selectRow button:not(.copyButton,.pasteButton,.exportInstrumentButton,.importInstrumentButton) {\n\t\t\t\t\t--ui-widget-background: var(--editor-background) !important;\n\t\t\t\t\tborder-image-source: none !important;\n\t\t\t\t}\n\t\n\t\t\thtml {\n\t\t\tfont-family: \'AbyssType\';\n\t\t\t}\n\t\t\tdiv.channelBoxLabel {\n\t\t\t\tfont-family: \'AbyssType_small\' !important;\n\t\t\t}\n\t',"modbox classic":"\n\t\t\t:root {\n\t\t\t\t--page-margin: black;\n\t\t\t\t--editor-background: black;\n\t\t\t\t--hover-preview: white;\n\t\t\t\t--playhead: white;\n\t\t\t\t--primary-text: white;\n\t\t\t\t--secondary-text: #999;\n\t\t\t\t--inverted-text: black;\n\t\t\t\t--text-selection: rgba(119,68,255,0.99);\n\t\t\t\t--box-selection-fill: rgba(255,255,255,0.2);\n\t\t\t\t--loop-accent: #9900cc;\n\t\t\t\t--link-accent: #98f;\n\t\t\t\t--ui-widget-background: #444;\n\t\t\t\t--ui-widget-focus: #777;\n\t\t\t\t--pitch-background: #444;\n\t\t\t\t--tonic: #864;\n\t\t\t\t--fifth-note: #468;\n\t\t\t\t--white-piano-key: #bbb;\n\t\t\t\t--black-piano-key: #444;\n\t\t\t\t--white-piano-key-text: #131200;\n\t\t\t\t--black-piano-key-text: #fff;\n\t\t\t\t\t--use-color-formula: false;\n\t\t\t\t\t--track-editor-bg-pitch: #444;\n\t\t\t\t\t--track-editor-bg-pitch-dim: #333;\n\t\t\t\t\t--track-editor-bg-noise: #444;\n\t\t\t\t\t--track-editor-bg-noise-dim: #333;\n\t\t\t\t\t--track-editor-bg-mod: #234;\n\t\t\t\t\t--track-editor-bg-mod-dim: #123;\n\t\t\t\t\t--multiplicative-mod-slider: #456;\n\t\t\t\t\t--overwriting-mod-slider: #654;\n\t\t\t\t\t--indicator-primary: #74f;\n\t\t\t\t\t--indicator-secondary: #444;\n\t\t\t\t\t--select2-opt-group: #585858;\n\t\t\t\t\t--input-box-outline: #333;\n\t\t\t\t\t--mute-button-normal: #ffa033;\n\t\t\t\t\t--mute-button-mod: #9a6bff;\n\t\t\t\t\t--pitch-channel-limit: 6;\n\t\t\t\t\t--noise-channel-limit: 4;\n\t\t\t\t--pitch1-secondary-channel: #0099a1;\n\t\t\t\t--pitch1-primary-channel: #25f3ff;\n\t\t\t\t--pitch1-secondary-note: #0099a1;\n\t\t\t\t--pitch1-primary-note: #25f3ff;\n\t\t\t\t--pitch2-secondary-channel: #439143;\n\t\t\t\t--pitch2-primary-channel: #44ff44;\n\t\t\t\t--pitch2-secondary-note: #439143;\n\t\t\t\t--pitch2-primary-note: #44ff44;\n\t\t\t\t--pitch3-secondary-channel: #a1a100;\n\t\t\t\t--pitch3-primary-channel: #ffff25;\n\t\t\t\t--pitch3-secondary-note: #a1a100;\n\t\t\t\t--pitch3-primary-note: #ffff25;\n\t\t\t\t--pitch4-secondary-channel: #c75000;\n\t\t\t\t--pitch4-primary-channel: #ff9752;\n\t\t\t\t--pitch4-secondary-note: #c75000;\n\t\t\t\t--pitch4-primary-note: #ff9752;\n\t\t\t\t--pitch5-secondary-channel: #d020d0;\n\t\t\t\t--pitch5-primary-channel: #FF90FF;\n\t\t\t\t--pitch5-secondary-note: #d020d0;\n\t\t\t\t--pitch5-primary-note: #ff90ff;\n\t\t\t\t--pitch6-secondary-channel: #552377;\n\t\t\t\t--pitch6-primary-channel: #9f31ea;\n\t\t\t\t--pitch6-secondary-note: #552377;\n\t\t\t\t--pitch6-primary-note: #9f31ea;\n\t\t\t\t--pitch7-secondary-channel: #221b89;\n\t\t\t\t--pitch7-primary-channel: #2b6aff;\n\t\t\t\t--pitch7-secondary-note: #221b89;\n\t\t\t\t--pitch7-primary-note: #2b6aff;\n\t\t\t\t--pitch8-secondary-channel: #00995f;\n\t\t\t\t--pitch8-primary-channel: #00ff9f;\n\t\t\t\t--pitch8-secondary-note: #00995f;\n\t\t\t\t--pitch8-primary-note: #00ff9f;\n\t\t\t\t--pitch9-secondary-channel: #d6b03e;\n\t\t\t\t--pitch9-primary-channel: #ffbf00;\n\t\t\t\t--pitch9-secondary-note: #d6b03e;\n\t\t\t\t--pitch9-primary-note: #ffbf00;\n\t\t\t\t--pitch10-secondary-channel:#b25915;\n\t\t\t\t--pitch10-primary-channel: #d85d00;\n\t\t\t\t--pitch10-secondary-note: #b25915;\n\t\t\t\t--pitch10-primary-note: #d85d00;\n\t\t\t\t--noise1-secondary-channel: #991010;\n\t\t\t\t--noise1-primary-channel: #ff1616;\n\t\t\t\t--noise1-secondary-note: #991010;\n\t\t\t\t--noise1-primary-note: #ff1616;\n\t\t\t\t--noise2-secondary-channel: #aaaaaa;\n\t\t\t\t--noise2-primary-channel: #ffffff;\n\t\t\t\t--noise2-secondary-note: #aaaaaa;\n\t\t\t\t--noise2-primary-note: #ffffff;\n\t\t\t\t--noise3-secondary-channel: #5869BD;\n\t\t\t\t--noise3-primary-channel: #768dfc;\n\t\t\t\t--noise3-secondary-note: #5869BD;\n\t\t\t\t--noise3-primary-note: #768dfc;\n\t\t\t\t--noise4-secondary-channel: #7c9b42;\n\t\t\t\t--noise4-primary-channel: #a5ff00;\n\t\t\t\t--noise4-secondary-note: #7c9b42;\n\t\t\t\t--noise4-primary-note: #a5ff00;\n\t\t\t\t--noise5-secondary-channel: #7c9b42;\n\t\t\t\t--noise5-primary-channel: #A2BB77;\n\t\t\t\t--noise5-secondary-note: #91AA66;\n\t\t\t\t--noise5-primary-note: #C5E2B2;\n --mod1-secondary-channel: #0099a1;\n\t\t\t\t--mod1-primary-channel: #25f3ff;\n\t\t\t\t--mod1-secondary-note: #0099a1;\n\t\t\t\t--mod1-primary-note: #25f3ff;\n\t\t\t\t--mod2-secondary-channel: #439143;\n\t\t\t\t--mod2-primary-channel: #44ff44;\n\t\t\t\t--mod2-secondary-note: #439143;\n\t\t\t\t--mod2-primary-note: #44ff44;\n\t\t\t\t--mod3-secondary-channel: #a1a100;\n\t\t\t\t--mod3-primary-channel: #ffff25;\n\t\t\t\t--mod3-secondary-note: #a1a100;\n\t\t\t\t--mod3-primary-note: #ffff25;\n\t\t\t\t--mod4-secondary-channel: #c75000;\n\t\t\t\t--mod4-primary-channel: #ff9752;\n\t\t\t\t--mod4-secondary-note: #c75000;\n\t\t\t\t--mod4-primary-note: #ff9752;\n\t\t\t\t\t--mod-label-primary: #999;\n\t\t\t\t\t--mod-label-secondary-text: #333;\n\t\t\t\t\t--mod-label-primary-text: black;\n\t\t\t\t\t--disabled-note-primary: #999;\n\t\t\t\t\t--disabled-note-secondary: #666;\n\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t",zefbox:"\n\t\t\t:root {\n\t\t\t\t--page-margin: black;\n\t\t\t\t--editor-background: black;\n\t\t\t\t--hover-preview: white;\n\t\t\t\t--playhead: white;\n\t\t\t\t--primary-text: white;\n\t\t\t\t--secondary-text: #999;\n\t\t\t\t--inverted-text: black;\n\t\t\t\t--text-selection: rgba(119,68,255,0.99);\n\t\t\t\t--box-selection-fill: rgba(255,255,255,0.2);\n\t\t\t\t--loop-accent: #C3593D;\n\t\t\t\t--link-accent: #98f;\n\t\t\t\t--ui-widget-background: #444;\n\t\t\t\t--ui-widget-focus: #777;\n\t\t\t\t--pitch-background: #444;\n\t\t\t\t--tonic: #864;\n\t\t\t\t--fifth-note: #468;\n\t\t\t\t--white-piano-key: #bbb;\n\t\t\t\t--black-piano-key: #444;\n\t\t\t\t--white-piano-key-text: #131200;\n\t\t\t\t--black-piano-key-text: #fff;\n\t\t\t\t\t--use-color-formula: false;\n\t\t\t\t\t--track-editor-bg-pitch: #444;\n\t\t\t\t\t--track-editor-bg-pitch-dim: #333;\n\t\t\t\t\t--track-editor-bg-noise: #444;\n\t\t\t\t\t--track-editor-bg-noise-dim: #333;\n\t\t\t\t\t--track-editor-bg-mod: #234;\n\t\t\t\t\t--track-editor-bg-mod-dim: #123;\n\t\t\t\t\t--multiplicative-mod-slider: #456;\n\t\t\t\t\t--overwriting-mod-slider: #654;\n\t\t\t\t\t--indicator-primary: #74f;\n\t\t\t\t\t--indicator-secondary: #444;\n\t\t\t\t\t--select2-opt-group: #585858;\n\t\t\t\t\t--input-box-outline: #333;\n\t\t\t\t\t--mute-button-normal: #ffa033;\n\t\t\t\t\t--mute-button-mod: #9a6bff;\n\t\t\t\t--pitch1-secondary-channel: #06c400;\n\t\t\t\t--pitch1-primary-channel: #08ff00;\n\t\t\t\t--pitch1-secondary-note: #06c400;\n\t\t\t\t--pitch1-primary-note: #06e000;\n\t\t\t\t--pitch2-secondary-channel: #00bf97;\n\t\t\t\t--pitch2-primary-channel: #00ffcb;\n\t\t\t\t--pitch2-secondary-note: #00bf97;\n\t\t\t\t--pitch2-primary-note: #00edbc;\n\t\t\t\t--pitch3-secondary-channel: #b5b000;\n\t\t\t\t--pitch3-primary-channel: #fffa00;\n\t\t\t\t--pitch3-secondary-note: #b5b000;\n\t\t\t\t--pitch3-primary-note: #e0db00;\n\t\t\t\t--pitch4-secondary-channel: #c90000;\n\t\t\t\t--pitch4-primary-channel: #e20000;\n\t\t\t\t--pitch4-secondary-note: #c90000;\n\t\t\t\t--pitch4-primary-note: #e20000;\n\t\t\t\t--pitch5-secondary-channel: #d17d12;\n\t\t\t\t--pitch5-primary-channel: #ff9e21;\n\t\t\t\t--pitch5-secondary-note: #d17d12;\n\t\t\t\t--pitch5-primary-note: #ef9017;\n\t\t\t\t--pitch6-secondary-channel: #d35bc8;\n\t\t\t\t--pitch6-primary-channel: #ffa5f7;\n\t\t\t\t--pitch6-secondary-note: #d35bc8;\n\t\t\t\t--pitch6-primary-note: #fc64ee;\n\t\t\t\t--pitch7-secondary-channel: #D00000;\n\t\t\t\t--pitch7-primary-channel: #FF4444;\n\t\t\t\t--pitch7-secondary-note: #D00000;\n\t\t\t\t--pitch7-primary-note: #FF4444;\n\t\t\t\t--pitch8-secondary-channel: #00C700;\n\t\t\t\t--pitch8-primary-channel: #A0FFA0;\n\t\t\t\t--pitch8-secondary-note: #00C700;\n\t\t\t\t--pitch8-primary-note: #A0FFA0;\n\t\t\t\t--pitch9-secondary-channel: #A88981;\n\t\t\t\t--pitch9-primary-channel: #F1C3B7;\n\t\t\t\t--pitch9-secondary-note: #A88981;\n\t\t\t\t--pitch9-primary-note: #F1C3B7;\n\t\t\t\t--pitch10-secondary-channel:#0C0A99;\n\t\t\t\t--pitch10-primary-channel: #0000EE;\n\t\t\t\t--pitch10-secondary-note: #0C0A99;\n\t\t\t\t--pitch10-primary-note: #0000EE;\n\t\t\t\t--noise1-secondary-channel: #ABABAB;\n\t\t\t\t--noise1-primary-channel: #D6D6D6;\n\t\t\t\t--noise1-secondary-note: #ABABAB;\n\t\t\t\t--noise1-primary-note: #D6D6D6;\n\t\t\t\t--noise2-secondary-channel: #A18F51;\n\t\t\t\t--noise2-primary-channel: #F6BB6A;\n\t\t\t\t--noise2-secondary-note: #A18F51;\n\t\t\t\t--noise2-primary-note: #F6BB6A;\n\t\t\t\t--noise3-secondary-channel: #5869BD;\n\t\t\t\t--noise3-primary-channel: #768DFC;\n\t\t\t\t--noise3-secondary-note: #5869BD;\n\t\t\t\t--noise3-primary-note: #768DFC;\n\t\t\t\t--noise4-secondary-channel: #8888D0;\n\t\t\t\t--noise4-primary-channel: #D0D0FF;\n\t\t\t\t--noise4-secondary-note: #8888D0;\n\t\t\t\t--noise4-primary-note: #D0D0FF;\n\t\t\t\t--noise5-secondary-channel: #B7148E;\n\t\t\t\t--noise5-primary-channel: #E819B4;\n\t\t\t\t--noise5-secondary-note: #B7148E;\n\t\t\t\t--noise5-primary-note: #E819B4;\n --mod1-secondary-channel: #06c400;\n\t\t\t\t--mod1-primary-channel: #08ff00;\n\t\t\t\t--mod1-secondary-note: #06c400;\n\t\t\t\t--mod1-primary-note: #06e000;\n\t\t\t\t--mod2-secondary-channel: #00bf97;\n\t\t\t\t--mod2-primary-channel: #00ffcb;\n\t\t\t\t--mod2-secondary-note: #00bf97;\n\t\t\t\t--mod2-primary-note: #00edbc;\n\t\t\t\t--mod3-secondary-channel: #b5b000;\n\t\t\t\t--mod3-primary-channel: #fffa00;\n\t\t\t\t--mod3-secondary-note: #b5b000;\n\t\t\t\t--mod3-primary-note: #e0db00;\n\t\t\t\t--mod4-secondary-channel: #c90000;\n\t\t\t\t--mod4-primary-channel: #e20000;\n\t\t\t\t--mod4-secondary-note: #c90000;\n\t\t\t\t--mod4-primary-note: #e20000;\n\t\t\t\t\t--mod-label-primary: #999;\n\t\t\t\t\t--mod-label-secondary-text: #333;\n\t\t\t\t\t--mod-label-primary-text: black;\n\t\t\t\t\t--disabled-note-primary: #999;\n\t\t\t\t\t--disabled-note-secondary: #666;\n\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t","sandbox classic":"\n\t\t\t:root {\n\t\t\t\t--page-margin: black;\n\t\t\t\t--editor-background: black;\n\t\t\t\t--hover-preview: white;\n\t\t\t\t--playhead: white;\n\t\t\t\t--primary-text: white;\n\t\t\t\t--secondary-text: #999;\n\t\t\t\t--inverted-text: black;\n\t\t\t\t--text-selection: rgba(119,68,255,0.99);\n\t\t\t\t--box-selection-fill: rgba(255,255,255,0.2);\n\t\t\t\t--loop-accent: #198195;\n\t\t\t\t--link-accent: #98f;\n\t\t\t\t--ui-widget-background: #444;\n\t\t\t\t--ui-widget-focus: #777;\n\t\t\t\t--pitch-background: #444;\n\t\t\t\t--tonic: #864;\n\t\t\t\t--fifth-note: #468;\n\t\t\t\t--white-piano-key: #bbb;\n\t\t\t\t--black-piano-key: #444;\n\t\t\t\t--white-piano-key-text: #131200;\n\t\t\t\t--black-piano-key-text: #fff;\n\t\t\t\t\t--use-color-formula: false;\n\t\t\t\t\t--track-editor-bg-pitch: #444;\n\t\t\t\t\t--track-editor-bg-pitch-dim: #333;\n\t\t\t\t\t--track-editor-bg-noise: #444;\n\t\t\t\t\t--track-editor-bg-noise-dim: #333;\n\t\t\t\t\t--track-editor-bg-mod: #234;\n\t\t\t\t\t--track-editor-bg-mod-dim: #123;\n\t\t\t\t\t--multiplicative-mod-slider: #456;\n\t\t\t\t\t--overwriting-mod-slider: #654;\n\t\t\t\t\t--indicator-primary: #74f;\n\t\t\t\t\t--indicator-secondary: #444;\n\t\t\t\t\t--select2-opt-group: #585858;\n\t\t\t\t\t--input-box-outline: #333;\n\t\t\t\t\t--mute-button-normal: #ffa033;\n\t\t\t\t\t--mute-button-mod: #9a6bff;\n\t\t\t\t\t--pitch-channel-limit: 6;\n\t\t\t\t\t--noise-channel-limit: 4;\n\t\t\t\t--pitch1-secondary-channel: #539999;\n\t\t\t\t--pitch1-primary-channel: #5EB1B1;\n\t\t\t\t--pitch1-secondary-note: #539999;\n\t\t\t\t--pitch1-primary-note: #5EB1B1;\n\t\t\t\t--pitch2-secondary-channel: #95933C;\n\t\t\t\t--pitch2-primary-channel: #B0AD44;\n\t\t\t\t--pitch2-secondary-note: #95933C;\n\t\t\t\t--pitch2-primary-note: #B0AD44;\n\t\t\t\t--pitch3-secondary-channel: #E75566;\n\t\t\t\t--pitch3-primary-channel: #FF9AA6;\n\t\t\t\t--pitch3-secondary-note: #E75566;\n\t\t\t\t--pitch3-primary-note: #FF9AA6;\n\t\t\t\t--pitch4-secondary-channel: #8B4343;\n\t\t\t\t--pitch4-primary-channel: #FF8844;\n\t\t\t\t--pitch4-secondary-note: #8B4343;\n\t\t\t\t--pitch4-primary-note: #FF8844;\n\t\t\t\t--pitch5-secondary-channel: #888888;\n\t\t\t\t--pitch5-primary-channel: #BBBBBB;\n\t\t\t\t--pitch5-secondary-note: #888888;\n\t\t\t\t--pitch5-primary-note: #BBBBBB;\n\t\t\t\t--pitch6-secondary-channel: #BB6906;\n\t\t\t\t--pitch6-primary-channel: #FE8D00;\n\t\t\t\t--pitch6-secondary-note: #BB6906;\n\t\t\t\t--pitch6-primary-note: #FE8D00;\n\t\t\t\t--pitch7-secondary-channel: #539999;\n\t\t\t\t--pitch7-primary-channel: #5EB1B1;\n\t\t\t\t--pitch7-secondary-note: #539999;\n\t\t\t\t--pitch7-primary-note: #5EB1B1;\n\t\t\t\t--pitch8-secondary-channel: #95933C;\n\t\t\t\t--pitch8-primary-channel: #B0AD44;\n\t\t\t\t--pitch8-secondary-note: #95933C;\n\t\t\t\t--pitch8-primary-note: #B0AD44;\n\t\t\t\t--pitch9-secondary-channel: #E75566;\n\t\t\t\t--pitch9-primary-channel: #FF9AA6;\n\t\t\t\t--pitch9-secondary-note: #E75566;\n\t\t\t\t--pitch9-primary-note: #FF9AA6;\n\t\t\t\t--pitch10-secondary-channel: #8B4343;\n\t\t\t\t--pitch10-primary-channel: #FF8844;\n\t\t\t\t--pitch10-secondary-note: #8B4343;\n\t\t\t\t--pitch10-primary-note: #FF8844;\t\t\t\n\t\t\t\t--noise1-secondary-channel: #ABABAB;\n\t\t\t\t--noise1-primary-channel: #D6D6D6;\n\t\t\t\t--noise1-secondary-note: #ABABAB;\n\t\t\t\t--noise1-primary-note: #D6D6D6;\n\t\t\t\t--noise2-secondary-channel: #A18F51;\n\t\t\t\t--noise2-primary-channel: #F6BB6A;\n\t\t\t\t--noise2-secondary-note: #A18F51;\n\t\t\t\t--noise2-primary-note: #F6BB6A;\n\t\t\t\t--noise3-secondary-channel: #5869BD;\n\t\t\t\t--noise3-primary-channel: #768DFC;\n\t\t\t\t--noise3-secondary-note: #5869BD;\n\t\t\t\t--noise3-primary-note: #768DFC;\n\t\t\t\t--noise4-secondary-channel: #8888D0;\n\t\t\t\t--noise4-primary-channel: #D0D0FF;\n\t\t\t\t--noise4-secondary-note: #8888D0;\n\t\t\t\t--noise4-primary-note: #D0D0FF;\n\t\t\t\t--noise5-secondary-channel: #A18F51;\n\t\t\t\t--noise5-primary-channel: #F6BB6A;\n\t\t\t\t--noise5-secondary-note: #A18F51;\n\t\t\t\t--noise5-primary-note: #F6BB6A;\t\t\t\n \t--mod1-secondary-channel: #539999;\n\t\t\t\t--mod1-primary-channel: #5EB1B1;\n\t\t\t\t--mod1-secondary-note: #539999;\n\t\t\t\t--mod1-primary-note: #5EB1B1;\n\t\t\t\t--mod2-secondary-channel: #95933C;\n\t\t\t\t--mod2-primary-channel: #B0AD44;\n\t\t\t\t--mod2-secondary-note: #95933C;\n\t\t\t\t--mod2-primary-note: #B0AD44;\n\t\t\t\t--mod3-secondary-channel: #E75566;\n\t\t\t\t--mod3-primary-channel: #FF9AA6;\n\t\t\t\t--mod3-secondary-note: #E75566;\n\t\t\t\t--mod3-primary-note: #FF9AA6;\n\t\t\t\t--mod4-secondary-channel: #8B4343;\n\t\t\t\t--mod4-primary-channel: #FF8844;\n\t\t\t\t--mod4-secondary-note: #8B4343;\n\t\t\t\t--mod4-primary-note: #FF8844;\n\t\t\t\t\t--mod-label-primary: #999;\n\t\t\t\t\t--mod-label-secondary-text: #333;\n\t\t\t\t\t--mod-label-primary-text: black;\n\t\t\t\t\t--disabled-note-primary: #999;\n\t\t\t\t\t--disabled-note-secondary: #666;\n\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t",harrybox:"\n\t\t\t:root {\n\t\t\t\t--page-margin: black;\n\t\t\t\t--editor-background: black;\n\t\t\t\t--hover-preview: white;\n\t\t\t\t--playhead: white;\n\t\t\t\t--primary-text: white;\n\t\t\t\t--secondary-text: #999;\n\t\t\t\t--inverted-text: black;\n\t\t\t\t--text-selection: rgba(119,68,255,0.99);\n\t\t\t\t--box-selection-fill: rgba(255,255,255,0.2);\n\t\t\t\t--loop-accent: #9900cc;\n\t\t\t\t--link-accent: #98f;\n\t\t\t\t--ui-widget-background: #444;\n\t\t\t\t--ui-widget-focus: #777;\n\t\t\t\t--pitch-background: #444;\n\t\t\t\t--tonic: #864;\n\t\t\t\t--fifth-note: #468;\n\t\t\t\t--white-piano-key: #bbb;\n\t\t\t\t--black-piano-key: #444;\n\t\t\t\t--white-piano-key-text: #131200;\n\t\t\t\t--black-piano-key-text: #fff;\n\t\t\t\t\t--use-color-formula: false;\n\t\t\t\t\t--track-editor-bg-pitch: #444;\n\t\t\t\t\t--track-editor-bg-pitch-dim: #333;\n\t\t\t\t\t--track-editor-bg-noise: #444;\n\t\t\t\t\t--track-editor-bg-noise-dim: #333;\n\t\t\t\t\t--track-editor-bg-mod: #234;\n\t\t\t\t\t--track-editor-bg-mod-dim: #123;\n\t\t\t\t\t--multiplicative-mod-slider: #456;\n\t\t\t\t\t--overwriting-mod-slider: #654;\n\t\t\t\t\t--indicator-primary: #74f;\n\t\t\t\t\t--indicator-secondary: #444;\n\t\t\t\t\t--select2-opt-group: #585858;\n\t\t\t\t\t--input-box-outline: #333;\n\t\t\t\t\t--mute-button-normal: #ffa033;\n\t\t\t\t\t--mute-button-mod: #9a6bff;\n\t\t\t\t\t--noise-channel-limit: 2;\n\t\t\t\t--pitch1-secondary-channel: #00ffff;\n\t\t\t\t--pitch1-primary-channel: #00ffff;\n\t\t\t\t--pitch1-secondary-note: #00ffff;\n\t\t\t\t--pitch1-primary-note: #00ffff;\n\t\t\t\t--pitch2-secondary-channel: #00d8d8;\n\t\t\t\t--pitch2-primary-channel: #00d8d8;\n\t\t\t\t--pitch2-secondary-note: #00d8d8;\n\t\t\t\t--pitch2-primary-note: #00d8d8;\n\t\t\t\t--pitch3-secondary-channel: #00adad;\n\t\t\t\t--pitch3-primary-channel: #00adad;\n\t\t\t\t--pitch3-secondary-note: #00adad;\n\t\t\t\t--pitch3-primary-note: #00adad;\n\t\t\t\t-pitch4-secondary-channel: #008c8c;\n\t\t\t\t--pitch4-primary-channel: #008c8c;\n\t\t\t\t--pitch4-secondary-note: #008c8c;\n\t\t\t\t--pitch4-primary-note: #008c8c;\n\t\t\t\t--pitch5-secondary-channel: #005b5b;\n\t\t\t\t--pitch5-primary-channel: #005b5b;\n\t\t\t\t--pitch5-secondary-note: #005b5b;\n\t\t\t\t--pitch5-primary-note: #005b5b;\n\t\t\t\t--pitch6-secondary-channel: #003333;\n\t\t\t\t--pitch6-primary-channel: #003333;\n\t\t\t\t--pitch6-secondary-note: #003333;\n\t\t\t\t--pitch6-primary-note: #003333;\n\t\t\t\t--pitch7-secondary-channel: #00ffff;\n\t\t\t\t--pitch7-primary-channel: #00ffff;\n\t\t\t\t--pitch7-secondary-note: #00ffff;\n\t\t\t\t--pitch7-primary-note: #00ffff;\n\t\t\t\t--pitch8-secondary-channel: #00ffff;\n\t\t\t\t--pitch8-primary-channel: #00ffff;\n\t\t\t\t--pitch8-secondary-note: #00ffff;\n\t\t\t\t--pitch8-primary-note: #00ffff;\n\t\t\t\t--pitch9-secondary-channel: #00ffff;\n\t\t\t\t--pitch9-primary-channel: #00ffff;\n\t\t\t\t--pitch9-secondary-note: #00ffff;\n\t\t\t\t--pitch9-primary-note: #00ffff;\n\t\t\t\t--pitch10-secondary-channel:#00ffff;\n\t\t\t\t--pitch10-primary-channel: #00ffff;\n\t\t\t\t--pitch10-secondary-note: #00ffff;\n\t\t\t\t--pitch10-primary-note: #00ffff;\n\t\t\t\t--noise1-secondary-channel: #991010;\n\t\t\t\t--noise1-primary-channel: #ff1616;\n\t\t\t\t--noise1-secondary-note: #991010;\n\t\t\t\t--noise1-primary-note: #ff1616;\n\t\t\t\t--noise2-secondary-channel: #aaaaaa;\n\t\t\t\t--noise2-primary-channel: #ffffff;\n\t\t\t\t--noise2-secondary-note: #aaaaaa;\n\t\t\t\t--noise2-primary-note: #ffffff;\n\t\t\t\t--noise3-secondary-channel: #991010;\n\t\t\t\t--noise3-primary-channel: #ff1616;\n\t\t\t\t--noise3-secondary-note: #991010;\n\t\t\t\t--noise3-primary-note: #ff1616;\n\t\t\t\t--noise4-secondary-channel: #aaaaaa;\n\t\t\t\t--noise4-primary-channel: #ffffff;\n\t\t\t\t--noise4-secondary-note: #aaaaaa;\n\t\t\t\t--noise4-primary-note: #ffffff;\n\t\t\t\t--noise5-secondary-channel: #991010;\n\t\t\t\t--noise5-primary-channel: #ff1616;\n\t\t\t\t--noise5-secondary-note: #991010;\n\t\t\t\t--noise5-primary-note: #ff1616;\n \t--mod1-secondary-channel: #00ffff;\n\t\t\t\t--mod1-primary-channel: #00ffff;\n\t\t\t\t--mod1-secondary-note: #00ffff;\n\t\t\t\t--mod1-primary-note: #00ffff;\n\t\t\t\t--mod2-secondary-channel: #00d8d8;\n\t\t\t\t--mod2-primary-channel: #00d8d8;\n\t\t\t\t--mod2-secondary-note: #00d8d8;\n\t\t\t\t--mod2-primary-note: #00d8d8;\n\t\t\t\t--mod3-secondary-channel: #00adad;\n\t\t\t\t--mod3-primary-channel: #00adad;\n\t\t\t\t--mod3-secondary-note: #00adad;\n\t\t\t\t--mod3-primary-note: #00adad;\n\t\t\t\t-mod4-secondary-channel: #008c8c;\n\t\t\t\t--mod4-primary-channel: #008c8c;\n\t\t\t\t--mod4-secondary-note: #008c8c;\n\t\t\t\t--mod4-primary-note: #008c8c;\n\t\t\t\t\t--mod-label-primary: #999;\n\t\t\t\t\t--mod-label-secondary-text: #333;\n\t\t\t\t\t--mod-label-primary-text: black;\n\t\t\t\t\t--disabled-note-primary: #999;\n\t\t\t\t\t--disabled-note-secondary: #666;\n\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t",brucebox:"\n\t\t\t:root {\n\t\t\t\tfont: 16px/2 cursive;\n\t\t\t\t--page-margin: #4667CE;\n\t\t\t\t--editor-background: #4667CE;\n\t\t\t\t--hover-preview: white;\n\t\t\t\t--playhead: white;\n\t\t\t\t--primary-text: white;\n\t\t\t\t--secondary-text: #999;\n\t\t\t\t--inverted-text: black;\n\t\t\t\t--text-selection: rgba(119,68,255,0.99);\n\t\t\t\t--box-selection-fill: rgba(255,255,255,0.2);\n\t\t\t\t--loop-accent: #74f;\n\t\t\t\t--link-accent: #98f;\n\t\t\t\t--ui-widget-background: #444;\n\t\t\t\t--ui-widget-focus: #777;\n\t\t\t\t--pitch-background: #444;\n\t\t\t\t--tonic: #864;\n\t\t\t\t--fifth-note: #468;\n\t\t\t\t--white-piano-key: #bbb;\n\t\t\t\t--black-piano-key: #444;\n\t\t\t\t--white-piano-key-text: #131200;\n\t\t\t\t--black-piano-key-text: #fff;\n\t\t\t\t\t--use-color-formula: false;\n\t\t\t\t\t--track-editor-bg-pitch: #444;\n\t\t\t\t\t--track-editor-bg-pitch-dim: #444;\n\t\t\t\t\t--track-editor-bg-noise: #444;\n\t\t\t\t\t--track-editor-bg-noise-dim: #444;\n\t\t\t\t\t--track-editor-bg-mod: #234;\n\t\t\t\t\t--track-editor-bg-mod-dim: #123;\n\t\t\t\t\t--multiplicative-mod-slider: #456;\n\t\t\t\t\t--overwriting-mod-slider: #654;\n\t\t\t\t\t--indicator-primary: #74f;\n\t\t\t\t\t--indicator-secondary: #444;\n\t\t\t\t\t--select2-opt-group: #585858;\n\t\t\t\t\t--input-box-outline: #333;\n\t\t\t\t\t--mute-button-normal: #ffa033;\n\t\t\t\t\t--mute-button-mod: #9a6bff;\n\t\t\t\t\t--pitch-channel-limit: 3;\n\t\t\t\t\t--noise-channel-limit: 1;\n\t\t\t\t--pitch1-secondary-channel: #bda822;\n\t\t\t\t--pitch1-primary-channel: #fcdb00;\n\t\t\t\t--pitch1-secondary-note: #bda822;\n\t\t\t\t--pitch1-primary-note: #fcdb00;\n\t\t\t\t--pitch2-secondary-channel: #612278;\n\t\t\t\t--pitch2-primary-channel: #bb00ff;\n\t\t\t\t--pitch2-secondary-note: #612278;\n\t\t\t\t--pitch2-primary-note: #bb00ff;\n\t\t\t\t--pitch3-secondary-channel: #8b4343;\n\t\t\t\t--pitch3-primary-channel: #ff8844;\n\t\t\t\t--pitch3-secondary-note: #8b4343;\n\t\t\t\t--pitch3-primary-note: #ff8844;\n\t\t\t\t--pitch4-secondary-channel: #bda822;\n\t\t\t\t--pitch4-primary-channel: #fcdb00;\n\t\t\t\t--pitch4-secondary-note: #bda822;\n\t\t\t\t--pitch4-primary-note: #fcdb00;\n\t\t\t\t--pitch5-secondary-channel: #612278;\n\t\t\t\t--pitch5-primary-channel: #bb00ff;\n\t\t\t\t--pitch5-secondary-note: #612278;\n\t\t\t\t--pitch5-primary-note: #bb00ff;\n\t\t\t\t--pitch6-secondary-channel: #8b4343;\n\t\t\t\t--pitch6-primary-channel: #ff8844;\n\t\t\t\t--pitch6-secondary-note: #8b4343;\n\t\t\t\t--pitch6-primary-note: #ff8844;\n\t\t\t\t--pitch7-secondary-channel: #bda822;\n\t\t\t\t--pitch7-primary-channel: #fcdb00;\n\t\t\t\t--pitch7-secondary-note: #bda822;\n\t\t\t\t--pitch7-primary-note: #fcdb00;\n\t\t\t\t--pitch8-secondary-channel: #612278;\n\t\t\t\t--pitch8-primary-channel: #bb00ff;\n\t\t\t\t--pitch8-secondary-note: #612278;\n\t\t\t\t--pitch8-primary-note: #bb00ff;\n\t\t\t\t--pitch9-secondary-channel: #8b4343;\n\t\t\t\t--pitch9-primary-channel: #ff8844;\n\t\t\t\t--pitch9-secondary-note: #8b4343;\n\t\t\t\t--pitch9-primary-note: #ff8844;\n\t\t\t\t--pitch10-secondary-channel: #bda822;\n\t\t\t\t--pitch10-primary-channel: #fcdb00;\n\t\t\t\t--pitch10-secondary-note: #bda822;\n\t\t\t\t--pitch10-primary-note: #fcdb00;\n\t\t\t\t--noise1-secondary-channel: #991010;\n\t\t\t\t--noise1-secondary-channel: #6F6F6F;\n\t\t\t\t--noise1-primary-channel: #AAAAAA;\n\t\t\t\t--noise1-secondary-note: #A7A7A7;\n\t\t\t\t--noise1-primary-note: #E0E0E0;\n\t\t\t\t--noise2-secondary-channel: #996633;\n\t\t\t\t--noise2-primary-channel: #DDAA77;\n\t\t\t\t--noise2-secondary-note: #CC9966;\n\t\t\t\t--noise2-primary-note: #F0D0BB;\n\t\t\t\t--noise3-secondary-channel: #4A6D8F;\n\t\t\t\t--noise3-primary-channel: #77AADD;\n\t\t\t\t--noise3-secondary-note: #6F9FCF;\n\t\t\t\t--noise3-primary-note: #BBD7FF;\n\t\t\t\t--noise4-secondary-channel: #7A4F9A;\n\t\t\t\t--noise4-primary-channel: #AF82D2;\n\t\t\t\t--noise4-secondary-note: #9E71C1;\n\t\t\t\t--noise4-primary-note: #D4C1EA;\n\t\t\t\t--noise5-secondary-channel: #607837;\n\t\t\t\t--noise5-primary-channel: #A2BB77;\n\t\t\t\t--noise5-secondary-note: #91AA66;\n\t\t\t\t--noise5-primary-note: #C5E2B2;\n --mod1-secondary-channel: #339955;\n\t\t\t\t\t--mod1-primary-channel: #77fc55;\n\t\t\t\t\t--mod1-secondary-note: #77ff8a;\n\t\t\t\t\t--mod1-primary-note: #cdffee;\n\t\t\t\t\t--mod2-secondary-channel: #993355;\n\t\t\t\t\t--mod2-primary-channel: #f04960;\n\t\t\t\t\t--mod2-secondary-note: #f057a0;\n\t\t\t\t\t--mod2-primary-note: #ffb8de;\n\t\t\t\t\t--mod3-secondary-channel: #553399;\n\t\t\t\t\t--mod3-primary-channel: #8855fc;\n\t\t\t\t\t--mod3-secondary-note: #aa64ff;\n\t\t\t\t\t--mod3-primary-note:\t #f8ddff;\n\t\t\t\t\t--mod4-secondary-channel: #a86436;\n\t\t\t\t\t--mod4-primary-channel: #c8a825;\n\t\t\t\t\t--mod4-secondary-note: #e8ba46;\n\t\t\t\t\t--mod4-primary-note: #fff6d3;\n\t\t\t\t\t--mod-label-primary: #999;\n\t\t\t\t\t--mod-label-secondary-text: #333;\n\t\t\t\t\t--mod-label-primary-text: black;\n\t\t\t\t\t--disabled-note-primary: #999;\n\t\t\t\t\t--disabled-note-secondary: #666;\n\t\t\t\t}\n\n\t\t\t\tspan input, \n\t\t\t\tdiv.harmonics svg,\n\t\t\t\tdiv.spectrum svg,\n\t\t\t\tdiv.filterEditor svg,\n\t\t\t\tdiv.fadeInOut svg,\n\t\t\t\tdiv.loopEditor svg,\n\t\t\t\tsvg#firstImage,\n\t\t\t\tdiv.trackContainer div.noSelection\n\t\t\t\t{\n\t\t\t\t\tbackground: black !important;\n\t\t\t\t}\n\n\t\t\t\tinput, textarea {\n\t\t\t\t\tbackground-color: black !important;\n\t\t\t\t}\n\n\t\t\t\t#text-content > section > h1 {\n\t\t\t\t\tcolor: white;\n\t\t\t\t}\n\t\t\t","shitbox 2.0":"\n\t\t\t:root {\n\t\t\t--page-margin: maroon;\n\t\t\t\t\t--editor-background: black;\n\t\t\t\t\t--hover-preview: white;\n\t\t\t\t\t--playhead: firebrick;\n\t\t\t\t\t--primary-text: silver;\n\t\t\t\t\t--secondary-text: #999;\n\t\t\t\t\t--inverted-text: black;\n\t\t\t\t--text-selection: rgba(139,69,19,0.99);\n\t\t\t\t\t--box-selection-fill: rgba(220,20,60,0.2);\n\t\t\t\t\t--loop-accent: #841;\n\t\t\t\t\t--link-accent: #841;\n\t\t\t\t\t--ui-widget-background: #800;\n\t\t\t\t\t--ui-widget-focus: #a00;\n\t\t\t\t\t--pitch-background: #700;\n\t\t\t\t\t--tonic: #522;\n\t\t\t\t\t--fifth-note: #f75;\n\t\t\t\t\t--white-piano-key: #bbb;\n\t\t\t\t\t--black-piano-key: #444;\n\t\t\t\t--white-piano-key-text: #131200;\n\t\t\t\t--black-piano-key-text: #fff;\n\t\t\t\t\t--use-color-formula: false;\n\t\t\t\t\t--track-editor-bg-pitch: #444;\n\t\t\t\t\t--track-editor-bg-pitch-dim: #333;\n\t\t\t\t\t--track-editor-bg-noise: #444;\n\t\t\t\t\t--track-editor-bg-noise-dim: #333;\n\t\t\t\t\t--track-editor-bg-mod: #234;\n\t\t\t\t\t--track-editor-bg-mod-dim: #123;\n\t\t\t\t\t--multiplicative-mod-slider: #456;\n\t\t\t\t\t--overwriting-mod-slider: #654;\n\t\t\t\t\t--indicator-primary: #74f;\n\t\t\t\t\t--indicator-secondary: #444;\n\t\t\t\t\t--select2-opt-group: #585858;\n\t\t\t\t\t--input-box-outline: #333;\n\t\t\t\t\t--mute-button-normal: #ffa033;\n\t\t\t\t\t--mute-button-mod: #9a6bff;\n\t\t\t\t\t--pitch-channel-limit: 6;\n\t\t\t\t\t--noise-channel-limit: 3;\n\t\t\t\t--pitch1-secondary-channel: #7e4a35;\n\t\t\t\t\t--pitch1-primary-channel: #c27251;\n\t\t\t\t\t--pitch1-secondary-note: #7e4a35;\n\t\t\t\t\t--pitch1-primary-note: #f09571;\n\t\t\t\t\t--pitch2-secondary-channel: #998a5c;\n\t\t\t\t\t--pitch2-primary-channel: #d9c27c;\n\t\t\t\t\t--pitch2-secondary-note: #998a5c;\n\t\t\t\t\t--pitch2-primary-note: #fae196;\n\t\t\t\t\t--pitch3-secondary-channel: #9c927c;\n\t\t\t\t\t--pitch3-primary-channel: #dbceb0;\n\t\t\t\t\t--pitch3-secondary-note: #9c927c;\n\t\t\t\t\t--pitch3-primary-note: #eddebb;\n\t\t\t\t\t--pitch4-secondary-channel: #838060;\n\t\t\t\t\t--pitch4-primary-channel: #ccc795;\n\t\t\t\t\t--pitch4-secondary-note: #838060;\n\t\t\t\t\t--pitch4-primary-note: #f2ecb1;\n\t\t\t\t\t--pitch5-secondary-channel: #8b6f47;\n\t\t\t\t\t--pitch5-primary-channel: #d1a76b;\n\t\t\t\t\t--pitch5-secondary-note: #8b6f47;\n\t\t\t\t\t--pitch5-primary-note: #ffcc82;\n\t\t\t\t\t--pitch6-secondary-channel: #a96e5b;\n\t\t\t\t\t--pitch6-primary-channel: #e3967d;\n\t\t\t\t\t--pitch6-secondary-note: #a96e5b;\n\t\t\t\t\t--pitch6-primary-note: #ffa68a;\n\t\t\t\t\t\t--pitch7-secondary-channel: #7e4a35;\n\t\t\t\t\t--pitch7-primary-channel: #c27251;\n\t\t\t\t\t--pitch7-secondary-note: #7e4a35;\n\t\t\t\t\t--pitch7-primary-note: #f09571;\n\t\t\t\t\t--pitch8-secondary-channel: #998a5c;\n\t\t\t\t\t--pitch8-primary-channel: #d9c27c;\n\t\t\t\t\t--pitch8-secondary-note: #998a5c;\n\t\t\t\t\t--pitch8-primary-note: #fae196;\n\t\t\t\t\t--pitch9-secondary-channel: #9c927c;\n\t\t\t\t\t--pitch9-primary-channel: #dbceb0;\n\t\t\t\t\t--pitch9-secondary-note: #9c927c;\n\t\t\t\t\t--pitch9-primary-note: #eddebb;\n\t\t\t\t\t--pitch10-secondary-channel: #838060;\n\t\t\t\t\t--pitch10-primary-channel: #ccc795;\n\t\t\t\t\t--pitch10-secondary-note: #838060;\n\t\t\t\t\t--pitch10-primary-note: #f2ecb1;\n\t\t\t\t\t--noise1-secondary-channel: #6f6f6f;\n\t\t\t\t\t--noise1-primary-channel: #aaaaaa;\n\t\t\t\t\t--noise1-secondary-note: #a7a7a7;\n\t\t\t\t\t--noise1-primary-note: #e0e0e0;\n\t\t\t\t\t--noise2-secondary-channel: #996633;\n\t\t\t\t\t--noise2-primary-channel: #ddaa77;\n\t\t\t\t\t--noise2-secondary-note: #cc9966;\n\t\t\t\t\t--noise2-primary-note: #f0d0bb;\n\t\t\t\t\t--noise3-secondary-channel: #4a6d8f;\n\t\t\t\t\t--noise3-primary-channel: #77aadd;\n\t\t\t\t\t--noise3-secondary-note: #6f9fcf;\n\t\t\t\t\t--noise3-primary-note: #bbd7ff;\n\t\t\t\t\t--noise4-secondary-channel: #6f6f6f;\n\t\t\t\t\t--noise4-primary-channel: #aaaaaa;\n\t\t\t\t\t--noise4-secondary-note: #a7a7a7;\n\t\t\t\t\t--noise4-primary-note: #e0e0e0;\n\t\t\t\t\t--noise5-secondary-channel: #996633;\n\t\t\t\t\t--noise5-primary-channel: #ddaa77;\n\t\t\t\t\t--noise5-secondary-note: #cc9966;\n\t\t\t\t\t--noise5-primary-note: #f0d0bb;\n --mod1-secondary-channel: #7e4a35;\n\t\t\t\t\t--mod1-primary-channel: #c27251;\n\t\t\t\t\t--mod1-secondary-note: #7e4a35;\n\t\t\t\t\t--mod1-primary-note: #f09571;\n\t\t\t\t\t--mod2-secondary-channel: #998a5c;\n\t\t\t\t\t--mod2-primary-channel: #d9c27c;\n\t\t\t\t\t--mod2-secondary-note: #998a5c;\n\t\t\t\t\t--mod2-primary-note: #fae196;\n\t\t\t\t\t--mod3-secondary-channel: #9c927c;\n\t\t\t\t\t--mod3-primary-channel: #dbceb0;\n\t\t\t\t\t--mod3-secondary-note: #9c927c;\n\t\t\t\t\t--mod3-primary-note: #eddebb;\n\t\t\t\t\t--mod4-secondary-channel: #838060;\n\t\t\t\t\t--mod4-primary-channel: #ccc795;\n\t\t\t\t\t--mod4-secondary-note: #838060;\n\t\t\t\t\t--mod4-primary-note: #f2ecb1;\n\t\t\t\t\t--mod-label-primary: #999;\n\t\t\t\t\t--mod-label-secondary-text: #333;\n\t\t\t\t\t--mod-label-primary-text: black;\n\t\t\t\t\t--disabled-note-primary: #999;\n\t\t\t\t\t--disabled-note-secondary: #666;\n\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t","shitbox 3.0":'\n\t\t\t\n\t\t\t :root {\n\t\t\t\t--page-margin: #252525;\n\t\t\t\t--editor-background: #252525;\n\t\t\t\t--hover-preview: white;\n\t\t\t\t--playhead: white;\n\t\t\t\t--primary-text: #C8C8C8;\n\t\t\t\t--secondary-text: #999;\n\t\t\t\t--inverted-text: black;\n\t\t\t\t--text-selection: rgba(119,68,255,0.99);\n\t\t\t\t--box-selection-fill: rgba(255,255,255,0.2);\n\t\t\t\t--loop-accent: #74f;\n\t\t\t\t--link-accent: #945800;\n\t\t\t\t--ui-widget-background: #444;\n\t\t\t\t--ui-widget-focus: #777;\n\t\t\t\t--pitch-background: #444;\n\t\t\t\t--tonic: #864;\n\t\t\t\t--fifth-note: #468;\n\t\t\t\t--white-piano-key: #bbb;\n\t\t\t\t--black-piano-key: #444;\n\t\t\t\t--white-piano-key-text: #131200;\n\t\t\t\t--black-piano-key-text: #fff;\n\t\t\t\t\t--use-color-formula: false;\n\t\t\t\t\t--track-editor-bg-pitch: #444;\n\t\t\t\t\t--track-editor-bg-pitch-dim: #444;\n\t\t\t\t\t--track-editor-bg-noise: #444;\n\t\t\t\t\t--track-editor-bg-noise-dim: #444;\n\t\t\t\t\t--track-editor-bg-mod: #234;\n\t\t\t\t\t--track-editor-bg-mod-dim: #123;\n\t\t\t\t\t--multiplicative-mod-slider: #456;\n\t\t\t\t\t--overwriting-mod-slider: #654;\n\t\t\t\t\t--indicator-primary: #74f;\n\t\t\t\t\t--indicator-secondary: #444;\n\t\t\t\t\t--select2-opt-group: #585858;\n\t\t\t\t\t--input-box-outline: #333;\n\t\t\t\t\t--mute-button-normal: #ffa033;\n\t\t\t\t\t--mute-button-mod: #9a6bff;\n\t\t\t\t\t--pitch-channel-limit: 6;\n\t\t\t\t\t--noise-channel-limit: 3;\n\t\t\t\t--pitch1-secondary-channel: #0099A1;\n\t\t\t\t--pitch1-primary-channel: #25F3FF;\n\t\t\t\t--pitch1-secondary-note: #00BDC7;\n\t\t\t\t--pitch1-primary-note: #92F9FF;\n\t\t\t\t--pitch2-secondary-channel: #A1A100;\n\t\t\t\t--pitch2-primary-channel: #FFFF25;\n\t\t\t\t--pitch2-secondary-note: #C7C700;\n\t\t\t\t--pitch2-primary-note: #FFFF92;\n\t\t\t\t--pitch3-secondary-channel: #C75000;\n\t\t\t\t--pitch3-primary-channel: #FF9752;\n\t\t\t\t--pitch3-secondary-note: #FF771C;\n\t\t\t\t--pitch3-primary-note: #FFCDAB;\n\t\t\t\t--pitch4-secondary-channel: #00A100;\n\t\t\t\t--pitch4-primary-channel: #50FF50;\n\t\t\t\t--pitch4-secondary-note: #00C700;\n\t\t\t\t--pitch4-primary-note: #A0FFA0;\n\t\t\t\t--pitch5-secondary-channel: #D020D0;\n\t\t\t\t--pitch5-primary-channel: #FF90FF;\n\t\t\t\t--pitch5-secondary-note: #E040E0;\n\t\t\t\t--pitch5-primary-note: #FFC0FF;\n\t\t\t\t--pitch6-secondary-channel: #7777B0;\n\t\t\t\t--pitch6-primary-channel: #A0A0FF;\n\t\t\t\t--pitch6-secondary-note: #8888D0;\n\t\t\t\t--pitch6-primary-note: #D0D0FF;\n\t\t\t\t--pitch7-secondary-channel: #8AA100;\n\t\t\t\t--pitch7-primary-channel: #DEFF25;\n\t\t\t\t--pitch7-secondary-note: #AAC700;\n\t\t\t\t--pitch7-primary-note: #E6FF92;\n\t\t\t\t--pitch8-secondary-channel: #DF0019;\n\t\t\t\t--pitch8-primary-channel: #FF98A4;\n\t\t\t\t--pitch8-secondary-note: #FF4E63;\n\t\t\t\t--pitch8-primary-note: #FFB2BB;\n\t\t\t\t--pitch9-secondary-channel: #00A170;\n\t\t\t\t--pitch9-primary-channel: #50FFC9;\n\t\t\t\t--pitch9-secondary-note: #00C78A;\n\t\t\t\t--pitch9-primary-note: #83FFD9;\n\t\t\t\t--pitch10-secondary-channel:#A11FFF;\n\t\t\t\t--pitch10-primary-channel: #CE8BFF;\n\t\t\t\t--pitch10-secondary-note: #B757FF;\n\t\t\t\t--pitch10-primary-note: #DFACFF;\n\t\t\t\t--noise1-secondary-channel: #6F6F6F;\n\t\t\t\t--noise1-primary-channel: #AAAAAA;\n\t\t\t\t--noise1-secondary-note: #A7A7A7;\n\t\t\t\t--noise1-primary-note: #E0E0E0;\n\t\t\t\t--noise2-secondary-channel: #996633;\n\t\t\t\t--noise2-primary-channel: #DDAA77;\n\t\t\t\t--noise2-secondary-note: #CC9966;\n\t\t\t\t--noise2-primary-note: #F0D0BB;\n\t\t\t\t--noise3-secondary-channel: #4A6D8F;\n\t\t\t\t--noise3-primary-channel: #77AADD;\n\t\t\t\t--noise3-secondary-note: #6F9FCF;\n\t\t\t\t--noise3-primary-note: #BBD7FF;\n\t\t\t\t--noise4-secondary-channel: #7A4F9A;\n\t\t\t\t--noise4-primary-channel: #AF82D2;\n\t\t\t\t--noise4-secondary-note: #9E71C1;\n\t\t\t\t--noise4-primary-note: #D4C1EA;\n\t\t\t\t--noise5-secondary-channel: #607837;\n\t\t\t\t--noise5-primary-channel: #A2BB77;\n\t\t\t\t--noise5-secondary-note: #91AA66;\n\t\t\t\t--noise5-primary-note: #C5E2B2;\n --mod1-secondary-channel: #339955;\n\t\t\t\t\t--mod1-primary-channel: #77fc55;\n\t\t\t\t\t--mod1-secondary-note: #77ff8a;\n\t\t\t\t\t--mod1-primary-note: #cdffee;\n\t\t\t\t\t--mod2-secondary-channel: #993355;\n\t\t\t\t\t--mod2-primary-channel: #f04960;\n\t\t\t\t\t--mod2-secondary-note: #f057a0;\n\t\t\t\t\t--mod2-primary-note: #ffb8de;\n\t\t\t\t\t--mod3-secondary-channel: #553399;\n\t\t\t\t\t--mod3-primary-channel: #8855fc;\n\t\t\t\t\t--mod3-secondary-note: #aa64ff;\n\t\t\t\t\t--mod3-primary-note:\t #f8ddff;\n\t\t\t\t\t--mod4-secondary-channel: #a86436;\n\t\t\t\t\t--mod4-primary-channel: #c8a825;\n\t\t\t\t\t--mod4-secondary-note: #e8ba46;\n\t\t\t\t\t--mod4-primary-note: #fff6d3;\n\t\t\t\t\t--mod-label-primary: #999;\n\t\t\t\t\t--mod-label-secondary-text: #333;\n\t\t\t\t\t--mod-label-primary-text: black;\n\t\t\t\t\t--disabled-note-primary: #999;\n\t\t\t\t\t--disabled-note-secondary: #666;\n\t\t\t\t}\n\n\t\t\t\t.beepboxEditor input[type="range"]::-moz-range-thumb {\n\t\t\t\t\twidth: 8px !important;\n\t\t\t\t }\n\n\t\t\t\tbutton.playButton {\n\t\t\t\t\twidth: 80px;\n\t\t\t\t}\n\t\t\t\tbutton.prevBarButton {\n\t\t\t\t\twidth: 40px;\n\t\t\t\t\tleft:-5px;\n\t\t\t\t}\n\t\t\t\tbutton.nextBarButton {\n\t\t\t\t\twidth: 40px;\n\t\t\t\t}\n\n\t\t\t\tspan input, \n\t\t\t\tdiv.harmonics svg,\n\t\t\t\tdiv.spectrum svg,\n\t\t\t\tdiv.filterEditor svg,\n\t\t\t\tdiv.fadeInOut svg,\n\t\t\t\tdiv.loopEditor svg,\n\t\t\t\tsvg#firstImage \n\t\t\t\t{\n\t\t\t\t\tbackground: black !important;\n\t\t\t\t}\n\n\t\t\t\t.beepboxEditor {\n\t\t\t\t\tline-height: 1.25;\n\t\t\t\t}\n\n\t\t\t\t#text-content {\n\t\t\t\t\tfont-size: 32px;\n\t\t\t\t\tline-height: 40px;\n\t\t\t\t}\n\n\t\t\t\t#text-content > section > h1 {\n\t\t\t\t\tcolor: #C8C8C8;\n\t\t\t\t\t}\n\n\t\t\t\thtml {\n\t\t\t\t\tfont-family: 20px/2 monospace;\n\t\t\t\t\t}\n\t\t\t',shitbox4:'\n\t\t\t:root {\n\t\t\t font: 20px/2 monospace;\n\t\t\t --page-margin: #252525;\n\t\t\t --editor-background: #252525;\n\t\t\t --hover-preview: white;\n\t\t\t --playhead: white;\n\t\t\t --primary-text: #C8C8C8;\n\t\t\t --secondary-text: #999;\n\t\t\t --inverted-text: black;\n\t\t\t --text-selection: rgba(119,68,255,0.99);\n\t\t\t --box-selection-fill: rgba(255,255,255,0.2);\n\t\t\t --loop-accent: #74f;\n\t\t\t --link-accent: #945800;\n\t\t\t --ui-widget-background: #444;\n\t\t\t --ui-widget-focus: #777;\n\t\t\t --pitch-background: #444;\n\t\t\t --tonic: #864;\n\t\t\t --fifth-note: #468;\n\t\t\t --white-piano-key: #bbb;\n\t\t\t --black-piano-key: #444;\n\t\t\t --white-piano-key-text: #131200;\n\t\t\t --black-piano-key-text: #fff;\n\t\t\t\t --use-color-formula: false;\n\t\t\t\t --track-editor-bg-pitch: #444;\n\t\t\t\t --track-editor-bg-pitch-dim: #444;\n\t\t\t\t --track-editor-bg-noise: #444;\n\t\t\t\t --track-editor-bg-noise-dim: #444;\n\t\t\t\t --track-editor-bg-mod: #234;\n\t\t\t\t --track-editor-bg-mod-dim: #123;\n\t\t\t\t --multiplicative-mod-slider: #456;\n\t\t\t\t --overwriting-mod-slider: #654;\n\t\t\t\t --indicator-primary: #74f;\n\t\t\t\t --indicator-secondary: #444;\n\t\t\t\t --select2-opt-group: #585858;\n\t\t\t\t --input-box-outline: #333;\n\t\t\t\t --mute-button-normal: #ffa033;\n\t\t\t\t --mute-button-mod: #9a6bff;\n\t\t\t\t --pitch-channel-limit: 6;\n\t\t\t\t --noise-channel-limit: 3;\n\t\t\t --pitch1-secondary-channel: #0099A1;\n\t\t\t --pitch1-primary-channel: #25F3FF;\n\t\t\t --pitch1-secondary-note: #00BDC7;\n\t\t\t --pitch1-primary-note: #92F9FF;\n\t\t\t --pitch2-secondary-channel: #A1A100;\n\t\t\t --pitch2-primary-channel: #FFFF25;\n\t\t\t --pitch2-secondary-note: #C7C700;\n\t\t\t --pitch2-primary-note: #FFFF92;\n\t\t\t --pitch3-secondary-channel: #C75000;\n\t\t\t --pitch3-primary-channel: #FF9752;\n\t\t\t --pitch3-secondary-note: #FF771C;\n\t\t\t --pitch3-primary-note: #FFCDAB;\n\t\t\t --pitch4-secondary-channel: #00A100;\n\t\t\t --pitch4-primary-channel: #50FF50;\n\t\t\t --pitch4-secondary-note: #00C700;\n\t\t\t --pitch4-primary-note: #A0FFA0;\n\t\t\t --pitch5-secondary-channel: #D020D0;\n\t\t\t --pitch5-primary-channel: #FF90FF;\n\t\t\t --pitch5-secondary-note: #E040E0;\n\t\t\t --pitch5-primary-note: #FFC0FF;\n\t\t\t --pitch6-secondary-channel: #7777B0;\n\t\t\t --pitch6-primary-channel: #A0A0FF;\n\t\t\t --pitch6-secondary-note: #8888D0;\n\t\t\t --pitch6-primary-note: #D0D0FF;\n\t\t\t --pitch7-secondary-channel: #8AA100;\n\t\t\t --pitch7-primary-channel: #DEFF25;\n\t\t\t --pitch7-secondary-note: #AAC700;\n\t\t\t --pitch7-primary-note: #E6FF92;\n\t\t\t --pitch8-secondary-channel: #DF0019;\n\t\t\t --pitch8-primary-channel: #FF98A4;\n\t\t\t --pitch8-secondary-note: #FF4E63;\n\t\t\t --pitch8-primary-note: #FFB2BB;\n\t\t\t --pitch9-secondary-channel: #00A170;\n\t\t\t --pitch9-primary-channel: #50FFC9;\n\t\t\t --pitch9-secondary-note: #00C78A;\n\t\t\t --pitch9-primary-note: #83FFD9;\n\t\t\t --pitch10-secondary-channel:#A11FFF;\n\t\t\t --pitch10-primary-channel: #CE8BFF;\n\t\t\t --pitch10-secondary-note: #B757FF;\n\t\t\t --pitch10-primary-note: #DFACFF;\n\t\t\t --noise1-secondary-channel: #6F6F6F;\n\t\t\t --noise1-primary-channel: #AAAAAA;\n\t\t\t --noise1-secondary-note: #A7A7A7;\n\t\t\t --noise1-primary-note: #E0E0E0;\n\t\t\t --noise2-secondary-channel: #996633;\n\t\t\t --noise2-primary-channel: #DDAA77;\n\t\t\t --noise2-secondary-note: #CC9966;\n\t\t\t --noise2-primary-note: #F0D0BB;\n\t\t\t --noise3-secondary-channel: #4A6D8F;\n\t\t\t --noise3-primary-channel: #77AADD;\n\t\t\t --noise3-secondary-note: #6F9FCF;\n\t\t\t --noise3-primary-note: #BBD7FF;\n\t\t\t --noise4-secondary-channel: #7A4F9A;\n\t\t\t --noise4-primary-channel: #AF82D2;\n\t\t\t --noise4-secondary-note: #9E71C1;\n\t\t\t --noise4-primary-note: #D4C1EA;\n\t\t\t --noise5-secondary-channel: #607837;\n\t\t\t --noise5-primary-channel: #A2BB77;\n\t\t\t --noise5-secondary-note: #91AA66;\n\t\t\t --noise5-primary-note: #C5E2B2;\n\t\t --mod1-secondary-channel: #339955;\n\t\t\t\t --mod1-primary-channel: #77fc55;\n\t\t\t\t --mod1-secondary-note: #77ff8a;\n\t\t\t\t --mod1-primary-note: #cdffee;\n\t\t\t\t --mod2-secondary-channel: #993355;\n\t\t\t\t --mod2-primary-channel: #f04960;\n\t\t\t\t --mod2-secondary-note: #f057a0;\n\t\t\t\t --mod2-primary-note: #ffb8de;\n\t\t\t\t --mod3-secondary-channel: #553399;\n\t\t\t\t --mod3-primary-channel: #8855fc;\n\t\t\t\t --mod3-secondary-note: #aa64ff;\n\t\t\t\t --mod3-primary-note:\t #f8ddff;\n\t\t\t\t --mod4-secondary-channel: #a86436;\n\t\t\t\t --mod4-primary-channel: #c8a825;\n\t\t\t\t --mod4-secondary-note: #e8ba46;\n\t\t\t\t --mod4-primary-note: #fff6d3;\n\t\t\t\t --mod-label-primary: #999;\n\t\t\t\t --mod-label-secondary-text: #333;\n\t\t\t\t --mod-label-primary-text: black;\n\t\t\t\t --disabled-note-primary: #999;\n\t\t\t\t --disabled-note-secondary: #666;\n\t\t\t }\n\n\t\t\t .beepboxEditor input[type="range"]::-moz-range-thumb {\n\t\t\t\t width: 8px !important;\n\t\t\t\t }\n\n\t\t\t button.playButton {\n\t\t\t\t width: 80px;\n\t\t\t }\n\t\t\t button.prevBarButton {\n\t\t\t\t width: 40px;\n\t\t\t\t left:-5px;\n\t\t\t }\n\t\t\t button.nextBarButton {\n\t\t\t\t width: 40px;\n\t\t\t }\n\n\t\t\t span input, \n\t\t\t div.harmonics svg,\n\t\t\t div.spectrum svg,\n\t\t\t div.filterEditor svg,\n\t\t\t div.fadeInOut svg,\n\t\t\t div.loopEditor svg,\n\t\t\t svg#firstImage \n\t\t\t {\n\t\t\t\t background: black !important;\n\t\t\t }\n\n\t\t\t div.visualizer {\n\t\t\t\ttransform: skew(30deg,20deg) scale(0.5);\n\t\t\t\t}\n\n\t\t\t .beepboxEditor {\n\t\t\t\t line-height: 1.25;\n\t\t\t }\n\n\t\t\t #text-content {\n\t\t\t\t font-size: 32px;\n\t\t\t\t line-height: 40px;\n\t\t\t }\n\n\t\t\t #text-content > section > h1 {\n\t\t\t\t color: #C8C8C8;\n\t\t\t\t }\n\t\t ',nerdbox:"\n\t\t\t:root {\n\t\t\t\t--page-margin: black;\n\t\t\t\t--editor-background: black;\n\t\t\t\t--hover-preview: white;\n\t\t\t\t--playhead: white;\n\t\t\t\t--primary-text: white;\n\t\t\t\t--secondary-text: #999;\n\t\t\t\t--inverted-text: black;\n\t\t\t\t--text-selection: rgba(119,68,255,0.99);\n\t\t\t\t--box-selection-fill: rgba(255,255,255,0.2);\n\t\t\t\t--loop-accent: #74f;\n\t\t\t\t--link-accent: #98f;\n\t\t\t\t--ui-widget-background: #444;\n\t\t\t\t--ui-widget-focus: #777;\n\t\t\t\t--pitch-background: #444;\n\t\t\t\t--tonic: #864;\n\t\t\t\t--fifth-note: #468;\n\t\t\t\t--white-piano-key: #bbb;\n\t\t\t\t--black-piano-key: #444;\n\t\t\t\t--white-piano-key-text: #131200;\n\t\t\t\t--black-piano-key-text: #fff;\n\t\t\t\t\t--use-color-formula: false;\n\t\t\t\t\t--track-editor-bg-pitch: #444;\n\t\t\t\t\t--track-editor-bg-pitch-dim: #333;\n\t\t\t\t\t--track-editor-bg-noise: #444;\n\t\t\t\t\t--track-editor-bg-noise-dim: #333;\n\t\t\t\t\t--track-editor-bg-mod: #234;\n\t\t\t\t\t--track-editor-bg-mod-dim: #123;\n\t\t\t\t\t--multiplicative-mod-slider: #456;\n\t\t\t\t\t--overwriting-mod-slider: #654;\n\t\t\t\t\t--indicator-primary: #74f;\n\t\t\t\t\t--indicator-secondary: #444;\n\t\t\t\t\t--select2-opt-group: #585858;\n\t\t\t\t\t--input-box-outline: #333;\n\t\t\t\t\t--mute-button-normal: #ffa033;\n\t\t\t\t\t--mute-button-mod: #9a6bff;\n\t\t\t\t\t--pitch-channel-limit: 9;\n\t\t\t\t\t--noise-channel-limit: 3;\n\t\t\t\t--pitch1-secondary-channel: #139620;\n\t\t\t\t--pitch1-primary-channel: #25ff3a;\n\t\t\t\t--pitch1-secondary-note: #139620;\n\t\t\t\t--pitch1-primary-note: #25ff3a;\n\t\t\t\t--pitch2-secondary-channel: #109986;\n\t\t\t\t--pitch2-primary-channel: #1cffe0;\n\t\t\t\t--pitch2-secondary-note: #109986;\n\t\t\t\t--pitch2-primary-note: #1cffe0;\n\t\t\t\t--pitch3-secondary-channel: #127296;\n\t\t\t\t--pitch3-primary-channel: #21c3ff;\n\t\t\t\t--pitch3-secondary-note: #127296;\n\t\t\t\t--pitch3-primary-note: #21c3ff;\n\t\t\t\t--pitch4-secondary-channel: #6038a5;\n\t\t\t\t--pitch4-primary-channel: #9456ff;\n\t\t\t\t--pitch4-secondary-note: #6038a5;\n\t\t\t\t--pitch4-primary-note: #ff35e0;\n\t\t\t\t--pitch5-secondary-channel: #a52491;\n\t\t\t\t--pitch5-primary-channel: #ff35e0;\n\t\t\t\t--pitch5-secondary-note: #a52491;\n\t\t\t\t--pitch5-primary-note: #af3221;\n\t\t\t\t--pitch6-secondary-channel: #af3221;\n\t\t\t\t--pitch6-primary-channel: #ff4a32;\n\t\t\t\t--pitch6-secondary-note: #af3221;\n\t\t\t\t--pitch6-primary-note: #ff4a32;\n\t\t\t\t--pitch7-secondary-channel: #ad6e0f;\n\t\t\t\t--pitch7-primary-channel: #ffa216;\n\t\t\t\t--pitch7-secondary-note: #ad6e0f;\n\t\t\t\t--pitch7-primary-note: #ffa216;\n\t\t\t\t--pitch8-secondary-channel: #ad6e0f;\n\t\t\t\t--pitch8-primary-channel: #ffa216;\n\t\t\t\t--pitch8-secondary-note: #ad6e0f;\n\t\t\t\t--pitch8-primary-note: #ffa216;\n\t\t\t\t--pitch9-secondary-channel: #a7b512;\n\t\t\t\t--pitch9-primary-channel: #ebff19;\n\t\t\t\t--pitch9-secondary-note: #a7b512;\n\t\t\t\t--pitch9-primary-note: #ebff19;\n\t\t\t\t--pitch10-secondary-channel:#70ad1b;\n\t\t\t\t--pitch10-primary-channel: #a4ff26;\n\t\t\t\t--pitch10-secondary-note: #70ad1b;\n\t\t\t\t--pitch10-primary-note: #a4ff26;\n\t\t\t\t--noise1-secondary-channel: #68706f;\n\t\t\t\t--noise1-primary-channel: #a6b2b1;\n\t\t\t\t--noise1-secondary-note: #68706f;\n\t\t\t\t--noise1-primary-note: #a6b2b1;\n\t\t\t\t--noise2-secondary-channel: #665c64;\n\t\t\t\t--noise2-primary-channel: #a396a1;\n\t\t\t\t--noise2-secondary-note: #665c64;\n\t\t\t\t--noise2-primary-note: #a396a1;\n\t\t\t\t--noise3-secondary-channel: #60605a;\n\t\t\t\t--noise3-primary-channel: #afaea3;\n\t\t\t\t--noise3-secondary-note: #60605a;\n\t\t\t\t--noise3-primary-note: #afaea3;\n\t\t\t--noise4-secondary-channel: #665c64;\n\t\t\t--noise4-primary-channel: #a396a1;\n\t\t\t\t--noise4-secondary-note: #665c64;\n\t\t\t\t--noise4-primary-note: #a396a1;\n\t\t\t\t--noise5-secondary-channel: #60605a;\n\t\t\t\t--noise5-primary-channel: #afaea3;\n\t\t\t\t--noise5-secondary-note: #60605a;\n\t\t\t\t--noise5-primary-note: #afaea3;\n --mod1-secondary-channel: #139620;\n\t\t\t\t--mod1-primary-channel: #25ff3a;\n\t\t\t\t--mod1-secondary-note: #139620;\n\t\t\t\t--mod1-primary-note: #25ff3a;\n\t\t\t\t--mod2-secondary-channel: #109986;\n\t\t\t\t--mod2-primary-channel: #1cffe0;\n\t\t\t\t--mod2-secondary-note: #109986;\n\t\t\t\t--mod2-primary-note: #1cffe0;\n\t\t\t\t--mod3-secondary-channel: #127296;\n\t\t\t\t--mod3-primary-channel: #21c3ff;\n\t\t\t\t--mod3-secondary-note: #127296;\n\t\t\t\t--mod3-primary-note: #21c3ff;\n\t\t\t\t--mod4-secondary-channel: #6038a5;\n\t\t\t\t--mod4-primary-channel: #9456ff;\n\t\t\t\t--mod4-secondary-note: #6038a5;\n\t\t\t\t--mod4-primary-note: #ff35e0;\n\t\t\t\t\t--mod-label-primary: #999;\n\t\t\t\t\t--mod-label-secondary-text: #333;\n\t\t\t\t\t--mod-label-primary-text: black;\n\t\t\t\t\t--disabled-note-primary: #999;\n\t\t\t\t\t--disabled-note-secondary: #666;\n\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t",nepbox:"\n\t\t\t:root {\n\t\t\t\t--page-margin: #000;\n\t\t\t\t--editor-background: #060606;\n\t\t\t\t--hover-preview: #fff;\n\t\t\t\t--playhead: rgb(0, 242, 255);\n\t\t\t\t--primary-text: #00fff5;\n\t\t\t\t--secondary-text: #a82f2f;\n\t\t\t\t--inverted-text: #000;\n\t\t\t\t--text-selection: rgba(98, 46, 164, .99);\n\t\t\t\t--box-selection-fill: #b74a4a;\n\t\t\t\t--loop-accent: #7744FF;\n\t\t\t\t--link-accent: #ff00e1;\n\t\t\t\t--ui-widget-background: #484848;\n\t\t\t\t--ui-widget-focus: #3e3e3e;\n\t\t\t\t--pitch-background: #0a2d44;\n\t\t\t\t--tonic: #9150ff;\n\t\t\t\t--fifth-note: #900;\n\t\t\t\t--white-piano-key: #353535;\n\t\t\t\t--black-piano-key: #fff;\n\t\t\t\t--white-piano-key-text: #fff;\n\t\t\t\t--black-piano-key-text: #000;\n\t\t\t\t--use-color-formula: false;\n\t\t\t\t--track-editor-bg-pitch: #424242;\n\t\t\t\t--track-editor-bg-pitch-dim: #000;\n\t\t\t\t--track-editor-bg-noise: #424242;\n\t\t\t\t--track-editor-bg-noise-dim: #000;\n\t\t\t\t--track-editor-bg-mod: #3c3c3c;\n\t\t\t\t--track-editor-bg-mod-dim: #000;\n\t\t\t\t--multiplicative-mod-slider: #fff;\n\t\t\t\t--overwriting-mod-slider: #9d9d9d;\n\t\t\t\t--indicator-primary: #f00;\n\t\t\t\t--indicator-secondary: #919191;\n\t\t\t\t--select2-opt-group: #5d576f;\n\t\t\t\t--input-box-outline: #626262;\n\t\t\t\t--mute-button-normal: #9a00ff;\n\t\t\t\t--mute-button-mod: #00fff7;\n\t\t\t\t--mod-label-primary: #2b2b2b;\n\t\t\t\t--pitch-channel-limit: 4;\n\t\t\t\t--noise-channel-limit: 2;\n\t\t\t\t--pitch1-secondary-channel: #c13cbf;\n\t\t\t\t--pitch1-primary-channel: #f75dff;\n\t\t\t\t--pitch1-secondary-note: #b930a2;\n\t\t\t\t--pitch1-primary-note: #fca5ff;\n\t\t\t\t--pitch2-secondary-channel: #800000;\n\t\t\t\t--pitch2-primary-channel: #f00;\n\t\t\t\t--pitch2-secondary-note: #8c2121;\n\t\t\t\t--pitch2-primary-note: #ff5252;\n\t\t\t\t--pitch3-secondary-channel: #004bb3;\n\t\t\t\t--pitch3-primary-channel: #1792ff;\n\t\t\t\t--pitch3-secondary-note: #005cb3;\n\t\t\t\t--pitch3-primary-note: #00ffe9;\n\t\t\t\t--pitch4-secondary-channel: #a48800;\n\t\t\t\t--pitch4-primary-channel: #fb0;\n\t\t\t\t--pitch4-secondary-note: #9c4100;\n\t\t\t\t--pitch4-primary-note: #ffd84e;\n\t\t\t\t--noise1-secondary-channel: #868686;\n\t\t\t\t--noise1-primary-channel: #fff;\n\t\t\t\t--noise1-secondary-note: #868686;\n\t\t\t\t--noise1-primary-note: #fff;\n\t\t\t\t--noise2-secondary-channel: #805300;\n\t\t\t\t--noise2-primary-channel: #ff8c00;\n\t\t\t\t--noise2-secondary-note: #6a3500;\n\t\t\t\t--noise2-primary-note: #a85400;\n\t\t\t\t--mod1-secondary-channel: #6c0000;\n\t\t\t\t--mod1-primary-channel: #ff3e3e;\n\t\t\t\t--mod1-secondary-note: #6c0000;\n\t\t\t\t--mod1-primary-note: #ff3e3e;\n\t\t\t\t--mod2-secondary-channel: #d25a00;\n\t\t\t\t--mod2-primary-channel: #fdff00;\n\t\t\t\t--mod2-secondary-note: #d25a00;\n\t\t\t\t--mod2-primary-note: #fdff00;\n\t\t\t\t--mod3-secondary-channel: #046000;\n\t\t\t\t--mod3-primary-channel: #23ff1b;\n\t\t\t\t--mod3-secondary-note: #046000;\n\t\t\t\t--mod3-primary-note: #23ff1b;\n\t\t\t\t--mod4-secondary-channel: #3b2bae;\n\t\t\t\t--mod4-primary-channel: #0c79ff;\n\t\t\t\t--mod4-secondary-note: #3b2bae;\n\t\t\t\t--mod4-primary-note: #0c79ff;\n\t\t\t\t--disabled-note-primary: #999;\n\t\t\t\t--disabled-note-secondary: #696969;\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t}\n\t\t\t","cardboardbox classic":"\n\t\t\t\t:root {\n\t\t\t\t\t--page-margin: #0f0700;\n--editor-background: #0f0700;\n--hover-preview: #75461d;\n--playhead: #75461d;\n--primary-text: #ddd;\n--secondary-text: #8e695b;\n--inverted-text: black;\n--text-selection: #75461d;\n--box-selection-fill: rgba(117, 70, 29,0.5);\n--loop-accent: #75461d;\n--link-accent: #75461d;\n--ui-widget-background: #574a3e;\n--ui-widget-focus: #756453;\n--pitch-background: #361900;\n--tonic: #fdba9a;\n--fifth-note: #7f78d2;\n--white-piano-key: #bbb;\n--black-piano-key: #444;\n--use-color-formula: false;\n--track-editor-bg-pitch: #444;\n--track-editor-bg-pitch-dim: #333;\n--track-editor-bg-noise: #444;\n--track-editor-bg-noise-dim: #333;\n--track-editor-bg-mod: #234;\n--track-editor-bg-mod-dim: #123;\n--multiplicative-mod-slider: #456;\n--overwriting-mod-slider: #654;\n--indicator-primary: #74f;\n--indicator-secondary: #444;\n--select2-opt-group: #585858;\n--input-box-outline: #333;\n--mute-button-normal: #ffa033;\n--mute-button-mod: #9a6bff;\n--pitch1-secondary-channel: #798566;\n--pitch1-primary-channel: #9dab86;\n--pitch1-secondary-note: #798566;\n--pitch1-primary-note: #9dab86;\n--pitch2-secondary-channel: #a6733d;\n--pitch2-primary-channel: #e6a157;\n--pitch2-secondary-note: #a6733d;\n--pitch2-primary-note: #e6a157;\n--pitch3-secondary-channel: #874c27;\n--pitch3-primary-channel: #eb8242;\n--pitch3-secondary-note: #874c27;\n--pitch3-primary-note: #eb8242;\n--pitch4-secondary-channel: #395866;\n--pitch4-primary-channel: #537d91;\n--pitch4-secondary-note: #395866;\n--pitch4-primary-note: #537d91;\n--pitch5-secondary-channel: #779992;\n--pitch5-primary-channel: #a4d1c8;\n--pitch5-secondary-note: #779992;\n--pitch5-primary-note: #a4d1c8;\n--pitch6-secondary-channel: #7777b0;\n--pitch6-primary-channel: #a0a0ff;\n--pitch6-secondary-note: #8888d0;\n--pitch6-primary-note: #d0d0ff;\n--pitch7-secondary-channel: #300707;\n--pitch7-primary-channel: #560d0d;\n--pitch7-secondary-note: #300707;\n--pitch7-primary-note: #560d0d;\n--pitch8-secondary-channel: #486312;\n--pitch8-primary-channel: #76a21e;\n--pitch8-secondary-note: #486312;\n--pitch8-primary-note: #76a21e;\n--pitch9-secondary-channel: #4a1242;\n--pitch9-primary-channel: #721b65;\n--pitch9-secondary-note: #4a1242;\n--pitch9-primary-note: #721b65;\n--pitch10-secondary-channel: #7a312d;\n--pitch10-primary-channel: #f8615a;\n--pitch10-secondary-note: #7a312d;\n--pitch10-primary-note: #f8615a;\n--noise1-secondary-channel: #5f6582;\n--noise1-primary-channel: #a6b1e1;\n--noise1-secondary-note: #5f6582;\n--noise1-primary-note: #a6b1e1;\n--noise2-secondary-channel: #996633;\n--noise2-primary-channel: #ddaa77;\n--noise2-secondary-note: #cc9966;\n--noise2-primary-note: #f0d0bb;\n--noise3-secondary-channel: #4a6d8f;\n--noise3-primary-channel: #77aadd;\n--noise3-secondary-note: #6f9fcf;\n--noise3-primary-note: #bbd7ff;\n--noise4-secondary-channel: #6B3E8E;\n--noise4-primary-channel: #AF82D2;\n--noise4-secondary-note: #9E71C1;\n--noise4-primary-note: #D4C1EA;\n--noise5-secondary-channel: #996633;\n--noise5-primary-channel: #ddaa77;\n--noise5-secondary-note: #cc9966;\n--noise5-primary-note: #f0d0bb;\n--mod1-secondary-channel: #339955;\n--mod1-primary-channel: #77fc55;\n--mod1-secondary-note: #77ff8a;\n--mod1-primary-note: #cdffee;\n--mod2-secondary-channel: #993355;\n--mod2-primary-channel: #f04960;\n--mod2-secondary-note: #f057a0;\n--mod2-primary-note: #ffb8de;\n--mod3-secondary-channel: #553399;\n--mod3-primary-channel: #8855fc;\n--mod3-secondary-note: #aa64ff;\n--mod3-primary-note: #f8ddff;\n--mod4-secondary-channel: #a86436;\n--mod4-primary-channel: #c8a825;\n--mod4-secondary-note: #e8ba46;\n--mod4-primary-note: #fff6d3;\n--mod-label-primary: #999;\n--mod-label-secondary-text: #333;\n--mod-label-primary-text: black;\n\n\t\t\t\n\t\t\t\n\t\t\t\t}\n\t\t\t","blubox classic":"\n\t\t\t:root {\n\t\t\t\t--page-margin: #040410;\n\t\t\t\t\t--editor-background: #040410;\n\t\t\t\t\t--hover-preview: white;\n\t\t\t\t\t--playhead: white;\n\t\t\t\t\t--primary-text: white;\n\t\t\t\t\t--secondary-text: #84859a;\n\t\t\t\t\t--inverted-text: black;\n\t\t\t\t\t--text-selection: rgba(119,68,255,0.99);\n\t\t\t\t\t--box-selection-fill: #044b94;\n\t\t\t\t\t--loop-accent: #74f;\n\t\t\t\t\t--link-accent: #024ACA;\n\t\t\t\t\t--ui-widget-background: #393e4f;\n\t\t\t\t\t--ui-widget-focus: #6d6886;\n\t\t\t\t\t--pitch-background: #393e4f;\n\t\t\t\t\t--tonic: #725491;\n\t\t\t\t\t--fifth-note: #54547a;\n\t\t\t\t\t--white-piano-key: #bbb;\n\t\t\t\t\t--black-piano-key: #444;\n\t\t\t\t\t--use-color-formula: false;\n\t\t\t\t\t--track-editor-bg-pitch: #393e4f;\n\t\t\t\t\t--track-editor-bg-pitch-dim: #1c1d28;\n\t\t\t\t\t--track-editor-bg-noise: #3d3535;\n\t\t\t\t\t--track-editor-bg-noise-dim: #161313;\n\t\t\t\t\t--track-editor-bg-mod: #283560;\n\t\t\t\t\t--track-editor-bg-mod-dim: #0a101f;\n\t\t\t\t\t--multiplicative-mod-slider: #606c9f;\n\t\t\t\t\t--overwriting-mod-slider: #6850b5;\n\t\t\t\t\t--indicator-primary: #9c64f7;\n\t\t\t\t\t--indicator-secondary: #393e4f;\n\t\t\t\t\t--select2-opt-group: #5d576f;\n\t\t\t\t\t--input-box-outline: #222;\n\t\t\t\t\t--mute-button-normal: #886eae;\n\t\t\t\t\t--mute-button-mod: #9a6bff;\n\t\t\t\t\t--pitch1-secondary-channel: #0A89FF;\n\t\t\t\t\t--pitch1-primary-channel: #024ACA;\n\t\t\t\t\t--pitch1-secondary-note: #0A89FF;\n\t\t\t\t\t--pitch1-primary-note: #024ACA;\n\t\t\t\t\t--pitch2-secondary-channel: #0A89FF;\n\t\t\t\t\t--pitch2-primary-channel: #024ACA;\n\t\t\t\t\t--pitch2-secondary-note: #0A89FF;\n\t\t\t\t\t--pitch2-primary-note: #024ACA;\n\t\t\t\t\t--pitch3-secondary-channel: #0A89FF;\n\t\t\t\t\t--pitch3-primary-channel: #024ACA;\n\t\t\t\t\t--pitch3-secondary-note: #0A89FF;\n\t\t\t\t\t--pitch3-primary-note: #024ACA;\n\t\t\t\t\t--pitch4-secondary-channel: #0A89FF;\n\t\t\t\t\t--pitch4-primary-channel: #024ACA;\n\t\t\t\t\t--pitch4-secondary-note: #0A89FF;\n\t\t\t\t\t--pitch4-primary-note: #024ACA;\n\t\t\t\t\t--pitch5-secondary-channel: #0A89FF;\n\t\t\t\t\t--pitch5-primary-channel: #024ACA;\n\t\t\t\t\t--pitch5-secondary-note: #0A89FF;\n\t\t\t\t\t--pitch5-primary-note: #024ACA;\n\t\t\t\t\t--pitch6-secondary-channel: #0A89FF;\n\t\t\t\t\t--pitch6-primary-channel: #024ACA;\n\t\t\t\t\t--pitch6-secondary-note: #0A89FF;\n\t\t\t\t\t--pitch6-primary-note: #024ACA;\n\t\t\t\t\t--pitch7-secondary-channel: #0A89FF;\n\t\t\t\t\t--pitch7-primary-channel: #024ACA;\n\t\t\t\t\t--pitch7-secondary-note:\t #0A89FF;\n\t\t\t\t\t--pitch7-primary-note:\t\t\t#024ACA;\n\t\t\t\t\t--pitch8-secondary-channel: #0A89FF;\n\t\t\t\t\t--pitch8-primary-channel: #024ACA;\n\t\t\t\t\t--pitch8-secondary-note: #0A89FF;\n\t\t\t\t\t--pitch8-primary-note: #024ACA;\n\t\t\t\t\t--pitch9-secondary-channel: #0A89FF;\n\t\t\t\t\t--pitch9-primary-channel: #024ACA;\n\t\t\t\t\t--pitch9-secondary-note: #0A89FF;\n\t\t\t\t\t--pitch9-primary-note:\t\t\t#024ACA;\n\t\t\t\t\t--pitch10-secondary-channel:#0A89FF;\n\t\t\t\t\t--pitch10-primary-channel: #024ACA;\n\t\t\t\t\t--pitch10-secondary-note: #0A89FF;\n\t\t\t\t\t--pitch10-primary-note: #024ACA;\n\t\t\t\t\t--noise1-secondary-channel: #0A89FF;\n\t\t\t\t\t--noise1-primary-channel: #024ACA;\n\t\t\t\t\t--noise1-secondary-note: #0A89FF;\n\t\t\t\t\t--noise1-primary-note: #024ACA;\n\t\t\t\t\t--noise2-secondary-channel: #0A89FF;\n\t\t\t\t\t--noise2-primary-channel: #024ACA;\n\t\t\t\t\t--noise2-secondary-note: #0A89FF;\n\t\t\t\t\t--noise2-primary-note: #024ACA;\n\t\t\t\t\t--noise3-secondary-channel: #0A89FF;\n\t\t\t\t\t--noise3-primary-channel: #024ACA;\n\t\t\t\t\t--noise3-secondary-note: #0A89FF;\n\t\t\t\t\t--noise3-primary-note: #024ACA;\n\t\t\t\t\t--noise4-secondary-channel: #0A89FF;\n\t\t\t\t\t--noise4-primary-channel: #024ACA;\n\t\t\t\t\t--noise4-secondary-note: #0A89FF;\n\t\t\t\t\t--noise4-primary-note: #024ACA;\n\t\t\t\t\t--mod1-secondary-channel: #0A89FF;\n\t\t\t\t\t--mod1-primary-channel: #024ACA;\n\t\t\t\t\t--mod1-secondary-note: #0A89FF;\n\t\t\t\t\t--mod1-primary-note: #024ACA;\n\t\t\t\t\t--mod2-secondary-channel: #0A89FF;\n\t\t\t\t\t--mod2-primary-channel: #024ACA;\n\t\t\t\t\t--mod2-secondary-note: #0A89FF;\n\t\t\t\t\t--mod2-primary-note: #024ACA;\n\t\t\t\t\t--mod3-secondary-channel: #0A89FF;\n\t\t\t\t\t--mod3-primary-channel: #024ACA;\n\t\t\t\t\t--mod3-secondary-note: #0A89FF;\n\t\t\t\t\t--mod3-primary-note:\t\t\t #024ACA;\n\t\t\t\t\t--mod4-secondary-channel: #0A89FF;\n\t\t\t\t\t--mod4-primary-channel: #024ACA;\n\t\t\t\t\t--mod4-secondary-note: #0A89FF;\n\t\t\t\t\t--mod4-primary-note: #024ACA;\n\t\t\t\t\t--mod-label-primary: #282840;\n\t\t\t\t\t--mod-label-secondary-text: rgb(87, 86, 120);\n\t\t\t\t\t--mod-label-primary-text: white;\n\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t","dogebox classic":"\n\t\t\t\t:root {\n\t\t\t--page-margin: #0d0063;\n\t\t\t--editor-background: #0D0063;\n\t\t\t--hover-preview: white;\n\t\t\t--playhead: white;\n\t\t\t--primary-text: white;\n\t\t\t--secondary-text: #999;\n\t\t\t--inverted-text: black;\n\t\t\t--text-selection: rgba(119,68,255,0.99);\n\t\t\t--box-selection-fill: rgba(255,255,255,0.2);\n\t\t\t--loop-accent: #74f;\n\t\t\t--link-accent: #98f;\n\t\t\t--ui-widget-background: #444;\n\t\t\t--ui-widget-focus: #777;\n\t\t\t--pitch-background: #322c59;\n\t\t\t--tonic: #1c1933;\n\t\t\t--fifth-note: #7b74ad;\n\t\t\t--white-piano-key: #bbb;\n\t\t\t--black-piano-key: #444;\n\t\t\t--white-piano-key-text: #131200;\n\t\t\t--black-piano-key-text: #fff;\n\t\t\t--use-color-formula: false;\n\t\t\t--track-editor-bg-pitch: #444;\n\t\t\t--track-editor-bg-pitch-dim: #333;\n\t\t\t--track-editor-bg-noise: #444;\n\t\t\t--track-editor-bg-noise-dim: #333;\n\t\t\t--track-editor-bg-mod: #234;\n\t\t\t--track-editor-bg-mod-dim: #123;\n\t\t\t--multiplicative-mod-slider: #456;\n\t\t\t--overwriting-mod-slider: #654;\n\t\t\t--indicator-primary: #74f;\n\t\t\t--indicator-secondary: #444;\n\t\t\t--select2-opt-group: #585858;\n\t\t\t--input-box-outline: #333;\n\t\t\t--mute-button-normal: #ffa033;\n\t\t\t--mute-button-mod: #9a6bff;\n\t\t\t--pitch-channel-limit: 6;\n\t\t\t--noise-channel-limit: 3;\n\t\t\t--pitch1-secondary-channel: #c7ac00;\n\t\t\t--pitch1-primary-channel: #fcf403;\n\t\t\t--pitch1-secondary-note: #c7c700;\n\t\t\t--pitch1-primary-note: #fcf403;\n\t\t\t--pitch2-secondary-channel: #9400b5;\n\t\t\t--pitch2-primary-channel: #ff00ee;\n\t\t\t--pitch2-secondary-note: #9400b5;\n\t\t\t--pitch2-primary-note: #ff00ee;\n\t\t\t--pitch3-secondary-channel: #b37466;\n\t\t\t--pitch3-primary-channel: #ffc6a1;\n\t\t\t--pitch3-secondary-note: #b37466;\n\t\t\t--pitch3-primary-note: #ffc6a1;\n\t\t\t--pitch4-secondary-channel: #00a100;\n\t\t\t--pitch4-primary-channel: #50ff50;\n\t\t\t--pitch4-secondary-note: #00c700;\n\t\t\t--pitch4-primary-note: #a0ffa0;\n\t\t\t--pitch5-secondary-channel: #d020d0;\n\t\t\t--pitch5-primary-channel: #ff90ff;\n\t\t\t--pitch5-secondary-note: #e040e0;\n\t\t\t--pitch5-primary-note: #ffc0ff;\n\t\t\t--pitch6-secondary-channel: #7777b0;\n\t\t\t--pitch6-primary-channel: #a0a0ff;\n\t\t\t--pitch6-secondary-note: #8888d0;\n\t\t\t--pitch6-primary-note: #d0d0ff;\n\t\t\t--pitch7-secondary-channel: #c7ac00;\n\t\t\t--pitch7-primary-channel: #fcf403;\n\t\t\t--pitch7-secondary-note: #c7c700;\n\t\t\t--pitch7-primary-note: #fcf403;\n\t\t\t--pitch8-secondary-channel: #9400b5;\n\t\t\t--pitch8-primary-channel: #ff00ee;\n\t\t\t--pitch8-secondary-note: #9400b5;\n\t\t\t--pitch8-primary-note: #ff00ee;\n\t\t\t--pitch9-secondary-channel: #b37466;\n\t\t\t--pitch9-primary-channel: #ffc6a1;\n\t\t\t--pitch9-secondary-note: #b37466;\n\t\t\t--pitch9-primary-note: #ffc6a1;\n\t\t\t--pitch10-secondary-channel: #00a100;\n\t\t\t--pitch10-primary-channel: #50ff50;\n\t\t\t--pitch10-secondary-note: #00c700;\n\t\t\t--pitch10-primary-note: #a0ffa0;\n\t\t\t--noise1-secondary-channel: #95acad;\n\t\t\t--noise1-primary-channel: #cee9eb;\n\t\t\t--noise1-secondary-note: #95acad;\n\t\t\t--noise1-primary-note: #cee9eb;\n\t\t\t--noise2-secondary-channel: #996633;\n\t\t\t--noise2-primary-channel: #ddaa77;\n\t\t\t--noise2-secondary-note: #cc9966;\n\t\t\t--noise2-primary-note: #f0d0bb;\n\t\t\t--noise3-secondary-channel: #4a6d8f;\n\t\t\t--noise3-primary-channel: #77aadd;\n\t\t\t--noise3-secondary-note: #6f9fcf;\n\t\t\t--noise3-primary-note: #bbd7ff;\n\t\t\t--noise4-secondary-channel: #7c9b42;\n\t\t\t--noise4-primary-channel: #a5ff00;\n\t\t\t--noise4-secondary-note: #7c9b42;\n\t\t\t--noise4-primary-note: #a5ff00;\n\t\t\t--noise5-secondary-channel: #7c9b42;\n\t\t\t--noise5-primary-channel: #A2BB77;\n\t\t\t--noise5-secondary-note: #91AA66;\n\t\t\t--noise5-primary-note: #C5E2B2;\n \t \t--mod1-secondary-channel: #c7ac00;\n\t\t\t--mod1-primary-channel: #fcf403;\n\t\t\t--mod1-secondary-note: #c7c700;\n\t\t\t--mod1-primary-note: #fcf403;\n\t\t\t--mod2-secondary-channel: #9400b5;\n\t\t\t--mod2-primary-channel: #ff00ee;\n\t\t\t--mod2-secondary-note: #9400b5;\n\t\t\t--mod2-primary-note: #ff00ee;\n\t\t\t--mod3-secondary-channel: #b37466;\n\t\t\t--mod3-primary-channel: #ffc6a1;\n\t\t\t--mod3-secondary-note: #b37466;\n\t\t\t--mod3-primary-note: #ffc6a1;\n\t\t\t--mod4-secondary-channel: #00a100;\n\t\t\t--mod4-primary-channel: #50ff50;\n\t\t\t--mod4-secondary-note: #00c700;\n\t\t\t--mod4-primary-note: #a0ffa0;\n\t\t\t--mod-label-primary: #999;\n\t\t\t--mod-label-secondary-text: #333;\n\t\t\t--mod-label-primary-text: black;\n\t\t\t--disabled-note-primary: #999;\n\t\t\t--disabled-note-secondary: #666;\n\n\t\t\t\n\t\t\t\n\t\t\t\t}\n\t\t\t","dogebox dark":"\n\t\t\t\t:root {\n\t\t\t\t\t--page-margin: #0d0063;\n\t\t\t\t\t--editor-background: #0D0063;\n\t\t\t\t\t--hover-preview: white;\n\t\t\t\t\t--playhead: white;\n\t\t\t\t\t--primary-text: white;\n\t\t\t\t\t--secondary-text: #999;\n\t\t\t\t\t--inverted-text: black;\n\t\t\t\t\t--text-selection: rgba(119,68,255,0.99);\n\t\t\t\t\t--box-selection-fill: rgba(255,255,255,0.2);\n\t\t\t\t\t--loop-accent: #74f;\n\t\t\t\t\t--link-accent: #98f;\n\t\t\t\t\t--ui-widget-background: #444;\n\t\t\t\t\t--ui-widget-focus: #777;\n\t\t\t\t\t--pitch-background: #322c59;\n\t\t\t\t\t--tonic: #1c1933;\n\t\t\t\t\t--fifth-note: #7b74ad;\n\t\t\t\t\t--white-piano-key: #bbb;\n\t\t\t\t\t--black-piano-key: #444;\n\t\t\t\t\t--pitch1-secondary-channel: #c7ac00;\n\t\t\t\t\t--pitch1-primary-channel: #fcf403;\n\t\t\t\t\t--pitch1-secondary-note: #c7c700;\n\t\t\t\t\t--pitch1-primary-note: #fcf403;\n\t\t\t\t\t--pitch2-secondary-channel: #9400b5;\n\t\t\t\t\t--pitch2-primary-channel: #ff00ee;\n\t\t\t\t\t--pitch2-secondary-note: #9400b5;\n\t\t\t\t\t--pitch2-primary-note: #ff00ee;\n\t\t\t\t\t--pitch3-secondary-channel: #b37466;\n\t\t\t\t\t--pitch3-primary-channel: #ffc6a1;\n\t\t\t\t\t--pitch3-secondary-note: #b37466;\n\t\t\t\t\t--pitch3-primary-note: #ffc6a1;\n\t\t\t\t\t--pitch4-secondary-channel: #00a100;\n\t\t\t\t\t--pitch4-primary-channel: #50ff50;\n\t\t\t\t\t--pitch4-secondary-note: #00c700;\n\t\t\t\t\t--pitch4-primary-note: #a0ffa0;\n\t\t\t\t\t--pitch5-secondary-channel: #d020d0;\n\t\t\t\t\t--pitch5-primary-channel: #ff90ff;\n\t\t\t\t\t--pitch5-secondary-note: #e040e0;\n\t\t\t\t\t--pitch5-primary-note: #ffc0ff;\n\t\t\t\t\t--pitch6-secondary-channel: #7777b0;\n\t\t\t\t\t--pitch6-primary-channel: #a0a0ff;\n\t\t\t\t\t--pitch6-secondary-note: #8888d0;\n\t\t\t\t\t--pitch6-primary-note: #d0d0ff;\n\t\t\t\t\t--noise1-secondary-channel: #95acad;\n\t\t\t\t\t--noise1-primary-channel: #cee9eb;\n\t\t\t\t\t--noise1-secondary-note: #95acad;\n\t\t\t\t\t--noise1-primary-note: #cee9eb;\n\t\t\t\t\t--noise2-secondary-channel: #996633;\n\t\t\t\t\t--noise2-primary-channel: #ddaa77;\n\t\t\t\t\t--noise2-secondary-note: #cc9966;\n\t\t\t\t\t--noise2-primary-note: #f0d0bb;\n\t\t\t\t\t--noise3-secondary-channel: #4a6d8f;\n\t\t\t\t\t--noise3-primary-channel: #77aadd;\n\t\t\t\t\t--noise3-secondary-note: #6f9fcf;\n\t\t\t\t\t--noise3-primary-note: #bbd7ff;\n\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t","todbox classic":"\n\t\t\t\t:root {\n\t\t\t\t\t--page-margin: black;\n\t\t\t\t\t--editor-background: black;\n\t\t\t\t\t--hover-preview: white;\n\t\t\t\t\t--playhead: white;\n\t\t\t\t\t--primary-text: white;\n\t\t\t\t\t--secondary-text: #999;\n\t\t\t\t\t--inverted-text: black;\n\t\t\t\t\t--text-selection: rgba(119,68,255,0.99);\n\t\t\t\t\t--box-selection-fill: rgba(255,255,255,0.2);\n\t\t\t\t\t--loop-accent: #74f;\n\t\t\t\t\t--link-accent: #98f;\n\t\t\t\t\t--ui-widget-background: #444;\n\t\t\t\t\t--ui-widget-focus: #777;\n\t\t\t\t\t--pitch-background: #444;\n\t\t\t\t\t--tonic: #864;\n\t\t\t\t\t--fifth-note: #468;\n\t\t\t\t\t--white-piano-key: #bbb;\n\t\t\t\t\t--black-piano-key: #444;\n\t\t\t\t\t\t--white-piano-key-text: #131200;\n\t\t\t\t\t\t--black-piano-key-text: #fff;\n\t\t\t\t\t\t--use-color-formula: false;\n\t\t\t\t\t\t--track-editor-bg-pitch: #444;\n\t\t\t\t\t\t--track-editor-bg-pitch-dim: #333;\n\t\t\t\t\t\t--track-editor-bg-noise: #444;\n\t\t\t\t\t\t--track-editor-bg-noise-dim: #333;\n\t\t\t\t\t\t--track-editor-bg-mod: #234;\n\t\t\t\t\t\t--track-editor-bg-mod-dim: #123;\n\t\t\t\t\t\t--multiplicative-mod-slider: #456;\n\t\t\t\t\t\t--overwriting-mod-slider: #654;\n\t\t\t\t\t\t--indicator-primary: #74f;\n\t\t\t\t\t\t--indicator-secondary: #444;\n\t\t\t\t\t\t--select2-opt-group: #585858;\n\t\t\t\t\t\t--input-box-outline: #333;\n\t\t\t\t\t\t--mute-button-normal: #ffa033;\n\t\t\t\t\t\t--mute-button-mod: #9a6bff;s\n\t\t\t\t\t\t--pitch-channel-limit: 6;\n\t\t\t\t\t--noise-channel-limit: 3;\n\t\t\t\t\t--pitch1-secondary-channel: #0099a1;\n\t\t\t\t\t--pitch1-primary-channel: #25f3ff;\n\t\t\t\t\t--pitch1-secondary-note: #00bdc7;\n\t\t\t\t\t--pitch1-primary-note: #92f9ff;\n\t\t\t\t\t--pitch2-secondary-channel: #a1a100;\n\t\t\t\t\t--pitch2-primary-channel: #ffff25;\n\t\t\t\t\t--pitch2-secondary-note: #c7c700;\n\t\t\t\t\t--pitch2-primary-note: #ffff92;\n\t\t\t\t\t--pitch3-secondary-channel: #c75000;\n\t\t\t\t\t--pitch3-primary-channel: #ff9752;\n\t\t\t\t\t--pitch3-secondary-note: #ff771c;\n\t\t\t\t\t--pitch3-primary-note: #ffcdab;\n\t\t\t\t\t--pitch4-secondary-channel: #00a100;\n\t\t\t\t\t--pitch4-primary-channel: #50ff50;\n\t\t\t\t\t--pitch4-secondary-note: #00c700;\n\t\t\t\t\t--pitch4-primary-note: #a0ffa0;\n\t\t\t\t\t--pitch5-secondary-channel: #d020d0;\n\t\t\t\t\t--pitch5-primary-channel: #ff90ff;\n\t\t\t\t\t--pitch5-secondary-note: #e040e0;\n\t\t\t\t\t--pitch5-primary-note: #ffc0ff;\n\t\t\t\t\t--pitch6-secondary-channel: #7777b0;\n\t\t\t\t\t--pitch6-primary-channel: #a0a0ff;\n\t\t\t\t\t--pitch6-secondary-note: #8888d0;\n\t\t\t\t\t--pitch6-primary-note: #d0d0ff;\n\t\t\t\t\t--pitch7-secondary-channel: #0099a1;\n\t\t\t\t\t--pitch7-primary-channel: #25f3ff;\n\t\t\t\t\t--pitch7-secondary-note: #00bdc7;\n\t\t\t\t\t--pitch7-primary-note: #92f9ff;\n\t\t\t\t\t--pitch8-secondary-channel: #a1a100;\n\t\t\t\t\t--pitch8-primary-channel: #ffff25;\n\t\t\t\t\t--pitch8-secondary-note: #c7c700;\n\t\t\t\t\t--pitch8-primary-note: #ffff92;\n\t\t\t\t\t--pitch9-secondary-channel: #c75000;\n\t\t\t\t\t--pitch9-primary-channel: #ff9752;\n\t\t\t\t\t--pitch9-secondary-note: #ff771c;\n\t\t\t\t\t--pitch9-primary-note: #ffcdab;\n\t\t\t\t\t--pitch10-secondary-channel: #00a100;\n\t\t\t\t\t--pitch10-primary-channel: #50ff50;\n\t\t\t\t\t--pitch10-secondary-note: #00c700;\n\t\t\t\t\t--pitch10-primary-note: #a0ffa0;\n\t\t\t\t\t--noise1-secondary-channel: #6f6f6f;\n\t\t\t\t\t--noise1-primary-channel: #aaaaaa;\n\t\t\t\t\t--noise1-secondary-note: #a7a7a7;\n\t\t\t\t\t--noise1-primary-note: #e0e0e0;\n\t\t\t\t\t--noise2-secondary-channel: #996633;\n\t\t\t\t\t--noise2-primary-channel: #ddaa77;\n\t\t\t\t\t--noise2-secondary-note: #cc9966;\n\t\t\t\t\t--noise2-primary-note: #f0d0bb;\n\t\t\t\t\t--noise3-secondary-channel: #4a6d8f;\n\t\t\t\t\t--noise3-primary-channel: #77aadd;\n\t\t\t\t\t--noise3-secondary-note: #6f9fcf;\n\t\t\t\t\t--noise3-primary-note: #bbd7ff;\n\t\t\t\t\t--noise4-secondary-channel: #6f6f6f;\n\t\t\t\t\t--noise4-primary-channel: #aaaaaa;\n\t\t\t\t\t--noise4-secondary-note: #a7a7a7;\n\t\t\t\t\t--noise4-primary-note: #e0e0e0;\n\t\t\t\t\t--noise5-secondary-channel: #996633;\n\t\t\t\t\t--noise5-primary-channel: #ddaa77;\n\t\t\t\t\t--noise5-secondary-note: #cc9966;\n\t\t\t\t\t--noise5-primary-note: #f0d0bb;\n\t\t\t\t\t--mod1-secondary-channel: #0099a1;\n\t\t\t\t\t--mod1-primary-channel: #25f3ff;\n\t\t\t\t\t--mod1-secondary-note: #00bdc7;\n\t\t\t\t\t--mod1-primary-note: #92f9ff;\n\t\t\t\t\t--mod2-secondary-channel: #a1a100;\n\t\t\t\t\t--mod2-primary-channel: #ffff25;\n\t\t\t\t\t--mod2-secondary-note: #c7c700;\n\t\t\t\t\t--mod2-primary-note: #ffff92;\n\t\t\t\t\t--mod3-secondary-channel: #c75000;\n\t\t\t\t\t--mod3-primary-channel: #ff9752;\n\t\t\t\t\t--mod3-secondary-note: #ff771c;\n\t\t\t\t\t--mod3-primary-note: #ffcdab;\n\t\t\t\t\t--mod4-secondary-channel: #00a100;\n\t\t\t\t\t--mod4-primary-channel: #50ff50;\n\t\t\t\t\t--mod4-secondary-note: #00c700;\n\t\t\t\t\t--mod4-primary-note: #a0ffa0;\n\t\t\t\t\t--mod-label-primary: #999;\n\t\t\t\t\t--mod-label-secondary-text: #333;\n\t\t\t\t\t--mod-label-primary-text: black;\n\t\t\t\t\t--disabled-note-primary: #999;\n\t\t\t\t\t--disabled-note-secondary: #666;\n\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t","todbox dark mode":"\n\t\t\t:root {\n\t\t\t\t-webkit-text-stroke-width: 0.5px;\n\t\t\t\t\t--page-margin: black;\n\t\t\t\t\t--editor-background: black;\n\t\t\t\t\t--hover-preview: #999999;\n\t\t\t\t\t--playhead: #999999;\n\t\t\t\t\t--primary-text: #999999;\n\t\t\t\t\t--secondary-text: #444444;\n\t\t\t\t\t--inverted-text: black;\n\t\t\t\t--text-selection: #999999;\n\t\t\t\t\t--box-selection-fill: #999999;\n\t\t\t\t\t--loop-accent: #999999;\n\t\t\t\t\t--link-accent: #999999;\n\t\t\t\t\t--ui-widget-background: #222222;\n\t\t\t\t\t--ui-widget-focus: #444444;\n\t\t\t\t--pitch-background: #101010;\n\t\t\t\t\t--tonic: #404040;\n\t\t\t\t\t--fifth-note: #202020;\n\t\t\t\t\t--white-piano-key: #999999;\n\t\t\t\t\t--black-piano-key: #101010;\n\t\t\t\t--white-piano-key-text: #131200;\n\t\t\t\t--black-piano-key-text: #fff;\n\t\t\t\t\t--use-color-formula: false;\n\t\t\t\t\t--track-editor-bg-pitch: #444;\n\t\t\t\t\t--track-editor-bg-pitch-dim: #333;\n\t\t\t\t\t--track-editor-bg-noise: #444;\n\t\t\t\t\t--track-editor-bg-noise-dim: #333;\n\t\t\t\t\t--track-editor-bg-mod: #234;\n\t\t\t\t\t--track-editor-bg-mod-dim: #123;\n\t\t\t\t\t--multiplicative-mod-slider: #456;\n\t\t\t\t\t--overwriting-mod-slider: #654;\n\t\t\t\t\t--indicator-primary: #74f;\n\t\t\t\t\t--indicator-secondary: #444;\n\t\t\t\t\t--select2-opt-group: #585858;\n\t\t\t\t\t--input-box-outline: #333;\n\t\t\t\t\t--mute-button-normal: #ffa033;\n\t\t\t\t\t--mute-button-mod: #9a6bff;\n\t\t\t\t\t--pitch-channel-limit: 6;\n\t\t\t\t\t--noise-channel-limit: 3;\n\t\t\t\t\t--pitch1-secondary-channel: #004444;\n\t\t\t\t\t--pitch1-primary-channel: #009999;\n\t\t\t\t\t--pitch1-secondary-note: #004444;\n\t\t\t\t\t--pitch1-primary-note: #009999;\n\t\t\t\t\t--pitch2-secondary-channel: #444400;\n\t\t\t\t\t--pitch2-primary-channel: #999900;\n\t\t\t\t\t--pitch2-secondary-note: #444400;\n\t\t\t\t\t--pitch2-primary-note: #999900;\n\t\t\t\t\t--pitch3-secondary-channel: #443300;\n\t\t\t\t\t--pitch3-primary-channel: #996600;\n\t\t\t\t\t--pitch3-secondary-note: #443300;\n\t\t\t\t\t--pitch3-primary-note: #996600;\n\t\t\t\t\t--pitch4-secondary-channel: #004400;\n\t\t\t\t\t--pitch4-primary-channel: #009900;\n\t\t\t\t\t--pitch4-secondary-note: #004400;\n\t\t\t\t\t--pitch4-primary-note: #009900;\n\t\t\t\t\t--pitch5-secondary-channel: #440044;\n\t\t\t\t\t--pitch5-primary-channel: #990099;\n\t\t\t\t\t--pitch5-secondary-note: #440044;\n\t\t\t\t\t--pitch5-primary-note: #990099;\n\t\t\t\t\t--pitch6-secondary-channel: #333344;\n\t\t\t\t\t--pitch6-primary-channel: #666699;\n\t\t\t\t\t--pitch6-secondary-note: #333344;\n\t\t\t\t\t--pitch6-primary-note: #666699;\n\t\t\t\t\t--pitch7-secondary-channel: #444400;\n\t\t\t\t\t--pitch7-primary-channel: #999900;\n\t\t\t\t\t--pitch7-secondary-note: #444400;\n\t\t\t\t\t--pitch7-primary-note: #999900;\n\t\t\t\t\t--pitch8-secondary-channel: #824E54;\n\t\t\t\t\t--pitch8-primary-channel: #C4757E;\n\t\t\t\t\t--pitch8-secondary-note: #824E54;\n\t\t\t\t\t--pitch8-primary-note: #C4757E;\n\t\t\t\t\t--pitch9-secondary-channel: #006342;\n\t\t\t\t\t--pitch9-primary-channel: #008E5F;\n\t\t\t\t\t--pitch9-secondary-note: #006342;\n\t\t\t\t\t--pitch9-primary-note: #008E5F;\n\t\t\t\t\t--pitch10-secondary-channel: #561291;\n\t\t\t\t\t--pitch10-primary-channel: #7819C1;\n\t\t\t\t\t--pitch10-secondary-note: #561291;\n\t\t\t\t\t--pitch10-primary-note: #7819C1;\n\t\t\t\t\t--noise1-secondary-channel: #444444;\n\t\t\t\t\t--noise1-primary-channel: #999999;\n\t\t\t\t\t--noise1-secondary-note: #444444;\n\t\t\t\t\t--noise1-primary-note: #999999;\n\t\t\t\t\t--noise2-secondary-channel: #443311;\n\t\t\t\t\t--noise2-primary-channel: #996633;\n\t\t\t\t\t--noise2-secondary-note: #443311;\n\t\t\t\t\t--noise2-primary-note: #996633;\n\t\t\t\t\t--noise3-secondary-channel: #113344;\n\t\t\t\t\t--noise3-primary-channel: #336699;\n\t\t\t\t\t--noise3-secondary-note: #113344;\n\t\t\t\t\t--noise3-primary-note: #336699;\n\t\t\t\t\t--noise4-secondary-channel: #444444;\n\t\t\t\t\t--noise4-primary-channel: #999999;\n\t\t\t\t\t--noise4-secondary-note: #444444;\n\t\t\t\t\t--noise4-primary-note: #999999;\n\t\t\t\t\t--noise5-secondary-channel: #443311;\n\t\t\t\t\t--noise5-primary-channel: #996633;\n\t\t\t\t\t--noise5-secondary-note: #443311;\n\t\t\t\t\t--noise5-primary-note: #996633;\n --mod1-secondary-channel: #004444;\n\t\t\t\t\t--mod1-primary-channel: #009999;\n\t\t\t\t\t--mod1-secondary-note: #004444;\n\t\t\t\t\t--mod1-primary-note: #009999;\n\t\t\t\t\t--mod2-secondary-channel: #444400;\n\t\t\t\t\t--mod2-primary-channel: #999900;\n\t\t\t\t\t--mod2-secondary-note: #444400;\n\t\t\t\t\t--mod2-primary-note: #999900;\n\t\t\t\t\t--mod3-secondary-channel: #443300;\n\t\t\t\t\t--mod3-primary-channel: #996600;\n\t\t\t\t\t--mod3-secondary-note: #443300;\n\t\t\t\t\t--mod3-primary-note: #996600;\n\t\t\t\t\t--mod4-secondary-channel: #004400;\n\t\t\t\t\t--mod4-primary-channel: #009900;\n\t\t\t\t\t--mod4-secondary-note: #004400;\n\t\t\t\t\t--mod4-primary-note: #009900;\n\t\t\t\t\t--mod-label-primary: #999;\n\t\t\t\t\t--mod-label-secondary-text: #333;\n\t\t\t\t\t--mod-label-primary-text: black;\n\t\t\t\t\t--disabled-note-primary: #999;\n\t\t\t\t\t--disabled-note-secondary: #666;\n\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t\t.beepboxEditor button, .beepboxEditor select, button {\n\t\t\t\t\tbox-shadow: inset 0 0 0 1px var(--secondary-text);\n\t\t\t\t}\n\t\t\t","mainbox 1.0":"\n\t\t\t:root {\n\t\t\t\t--page-margin: black;\n\t\t\t\t--editor-background: black;\n\t\t\t\t--hover-preview: white;\n\t\t\t\t--playhead: white;\n\t\t\t\t--primary-text: white;\n\t\t\t\t--secondary-text: #999;\n\t\t\t\t--inverted-text: black;\n\t\t\t\t--text-selection: rgba(119,68,255,0.99);\n\t\t\t\t--box-selection-fill: rgba(255,255,255,0.2);\n\t\t\t\t--loop-accent: #2F1C40;\n\t\t\t\t--link-accent: #543873;\n\t\t\t\t--ui-widget-background: #2F1C40;\n\t\t\t\t--ui-widget-focus: #543873;\n\t\t\t\t--pitch-background: #2F1C40;\n\t\t\t\t--tonic: #42286D;\n\t\t\t\t--fifth-note: #37416B;\n\t\t\t\t--white-piano-key: #156CB6;\n\t\t\t\t--black-piano-key: #130D14;\n\t\t\t\t--white-piano-key-text: #131200;\n\t\t\t\t--black-piano-key-text: #fff;\n\t\t\t\t\t--use-color-formula: false;\n\t\t\t\t\t--track-editor-bg-pitch: #444;\n\t\t\t\t\t--track-editor-bg-pitch-dim: #333;\n\t\t\t\t\t--track-editor-bg-noise: #444;\n\t\t\t\t\t--track-editor-bg-noise-dim: #333;\n\t\t\t\t\t--track-editor-bg-mod: #234;\n\t\t\t\t\t--track-editor-bg-mod-dim: #123;\n\t\t\t\t\t--multiplicative-mod-slider: #456;\n\t\t\t\t\t--overwriting-mod-slider: #654;\n\t\t\t\t\t--indicator-primary: #74f;\n\t\t\t\t\t--indicator-secondary: #444;\n\t\t\t\t\t--select2-opt-group: #585858;\n\t\t\t\t\t--input-box-outline: #333;\n\t\t\t\t\t--mute-button-normal: #ffa033;\n\t\t\t\t\t--mute-button-mod: #9a6bff;\n\t\t\t\t\t--pitch-channel-limit: 6;\n\t\t\t\t\t--noise-channel-limit: 3;\n\t\t\t\t\t--pitch1-secondary-channel: #156C99;\n\t\t\t\t\t--pitch1-primary-channel: #00CFDF;\n\t\t\t\t\t--pitch1-secondary-note: #0080A8;\n\t\t\t\t\t--pitch1-primary-note: #009FC6;\n\t\t\t\t\t--pitch2-secondary-channel: #AD923A;\n\t\t\t\t\t--pitch2-primary-channel: #FFD552;\n\t\t\t\t\t--pitch2-secondary-note: #C49736;\n\t\t\t\t\t--pitch2-primary-note: #EFC742;\n\t\t\t\t\t--pitch3-secondary-channel: #7A401E;\n\t\t\t\t\t--pitch3-primary-channel: #C14E30;\n\t\t\t\t\t--pitch3-secondary-note: #89381B;\n\t\t\t\t\t--pitch3-primary-note: #E15427;\n\t\t\t\t\t--pitch4-secondary-channel: #0B6030;\n\t\t\t\t\t--pitch4-primary-channel: #00915C;\n\t\t\t\t\t--pitch4-secondary-note: #004337;\n\t\t\t\t\t--pitch4-primary-note: #00915E;\n\t\t\t\t\t--pitch5-secondary-channel: #543873;\n\t\t\t\t\t--pitch5-primary-channel: #695B95;\n\t\t\t\t\t--pitch5-secondary-note: #8188BE;\n\t\t\t\t\t--pitch5-primary-note: #848ED8;\n\t\t\t\t\t--pitch6-secondary-channel: #585882;\n\t\t\t\t\t--pitch6-primary-channel: #5A72DD;\n\t\t\t\t\t--pitch6-secondary-note: #8888d0;\n\t\t\t\t\t--pitch6-primary-note: #d0d0ff;\n\t\t\t\t\t--pitch7-secondary-channel: #7D7C2E;\n\t\t\t\t\t--pitch7-primary-channel: #B0C952;\n\t\t\t\t\t--pitch7-secondary-note: #7D7C2E;\n\t\t\t\t\t--pitch7-primary-note: #B0C952;\n\t\t\t\t\t--pitch8-secondary-channel: #7F426A;\n\t\t\t\t\t--pitch8-primary-channel: #B75297;\n\t\t\t\t\t--pitch8-secondary-note: #7F426A;\n\t\t\t\t\t--pitch8-primary-note: #B75297;\n\t\t\t\t\t--pitch9-secondary-channel: #2A6B65;\n\t\t\t\t\t--pitch9-primary-channel: #3BA590;\n\t\t\t\t\t--pitch9-secondary-note: #2A6B65;\n\t\t\t\t\t--pitch9-primary-note: #3BA590;\n\t\t\t\t\t--pitch10-secondary-channel: #713EA0;\n\t\t\t\t\t--pitch10-primary-channel: #925EC9;\n\t\t\t\t\t--pitch10-secondary-note: #713EA0;\n\t\t\t\t\t--pitch10-primary-note: #925EC9;\n\t\t\t\t\t--noise1-secondary-channel: #6C6C8E;\n\t\t\t\t\t--noise1-primary-channel: #8A7F96;\n\t\t\t\t\t--noise1-secondary-note: #A1A3B7;\n\t\t\t\t\t--noise1-primary-note: #DDBADD;\n\t\t\t\t\t--noise2-secondary-channel: #865E40;\n\t\t\t\t\t--noise2-primary-channel: #ddaa77;\n\t\t\t\t\t--noise2-secondary-note: #C7B47A;\n\t\t\t\t\t--noise2-primary-note: #CFC587;\n\t\t\t\t\t--noise3-secondary-channel: #7E7068;\n\t\t\t\t\t--noise3-primary-channel: #B19998;\n\t\t\t\t\t--noise3-secondary-note: #BAA6BC;\n\t\t\t\t\t--noise3-primary-note: #EDDCEC;\n\t\t\t\t--noise4-secondary-channel: #7A4F9A;\n\t\t\t\t--noise4-primary-channel: #AF82D2;\n\t\t\t\t--noise4-secondary-note: #9E71C1;\n\t\t\t\t--noise4-primary-note: #D4C1EA;\n\t\t\t\t--noise5-secondary-channel: #607837;\n\t\t\t\t--noise5-primary-channel: #A2BB77;\n\t\t\t\t--noise5-secondary-note: #91AA66;\n\t\t\t\t--noise5-primary-note: #C5E2B2;\n --mod1-secondary-channel: #156C99;\n\t\t\t\t\t--mod1-primary-channel: #00CFDF;\n\t\t\t\t\t--mod1-secondary-note: #0080A8;\n\t\t\t\t\t--mod1-primary-note: #009FC6;\n\t\t\t\t\t--mod2-secondary-channel: #AD923A;\n\t\t\t\t\t--mod2-primary-channel: #FFD552;\n\t\t\t\t\t--mod2-secondary-note: #C49736;\n\t\t\t\t\t--mod2-primary-note: #EFC742;\n\t\t\t\t\t--mod3-secondary-channel: #7A401E;\n\t\t\t\t\t--mod3-primary-channel: #C14E30;\n\t\t\t\t\t--mod3-secondary-note: #89381B;\n\t\t\t\t\t--mod3-primary-note: #E15427;\n\t\t\t\t\t--mod4-secondary-channel: #0B6030;\n\t\t\t\t\t--mod4-primary-channel: #00915C;\n\t\t\t\t\t--mod4-secondary-note: #004337;\n\t\t\t\t\t--mod4-primary-note: #00915E;\n\t\t\t\t\t--mod-label-primary: #999;\n\t\t\t\t\t--mod-label-secondary-text: #333;\n\t\t\t\t\t--mod-label-primary-text: black;\n\t\t\t\t\t--disabled-note-primary: #999;\n\t\t\t\t\t--disabled-note-secondary: #666;\n\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t",fogbox:"\n\t\t\t:root {\n\t\t\t\t--page-margin: #252525;\n\t\t\t\t--editor-background: #252525;\n\t\t\t\t--hover-preview: white;\n\t\t\t\t--playhead: white;\n\t\t\t\t--primary-text: white;\n\t\t\t\t--secondary-text: #999;\n\t\t\t\t--inverted-text: black;\n\t\t\t\t--text-selection: rgba(119,68,255,0.99);\n\t\t\t\t--box-selection-fill: rgba(255,255,255,0.2);\n\t\t\t\t--loop-accent: #74f;\n\t\t\t\t--link-accent: #98f;\n\t\t\t\t--ui-widget-background: #444;\n\t\t\t\t--ui-widget-focus: #777;\n\t\t\t\t--pitch-background: #444;\n\t\t\t\t--tonic: #864;\n\t\t\t\t--fifth-note: #468;\n\t\t\t\t--white-piano-key: #bbb;\n\t\t\t\t--black-piano-key: #444;\n\t\t\t\t--white-piano-key-text: #131200;\n\t\t\t\t--black-piano-key-text: #fff;\n\t\t\t\t\t--use-color-formula: false;\n\t\t\t\t\t--track-editor-bg-pitch: #444;\n\t\t\t\t\t--track-editor-bg-pitch-dim: #333;\n\t\t\t\t\t--track-editor-bg-noise: #444;\n\t\t\t\t\t--track-editor-bg-noise-dim: #333;\n\t\t\t\t\t--track-editor-bg-mod: #234;\n\t\t\t\t\t--track-editor-bg-mod-dim: #123;\n\t\t\t\t\t--multiplicative-mod-slider: #456;\n\t\t\t\t\t--overwriting-mod-slider: #654;\n\t\t\t\t\t--indicator-primary: #74f;\n\t\t\t\t\t--indicator-secondary: #444;\n\t\t\t\t\t--select2-opt-group: #585858;\n\t\t\t\t\t--input-box-outline: #333;\n\t\t\t\t\t--mute-button-normal: #ffa033;\n\t\t\t\t\t--mute-button-mod: #9a6bff;\n\t\t\t\t--pitch1-secondary-channel: #0099A1;\n\t\t\t\t--pitch1-primary-channel: #25F3FF;\n\t\t\t\t--pitch1-secondary-note: #00BDC7;\n\t\t\t\t--pitch1-primary-note: #92F9FF;\n\t\t\t\t--pitch2-secondary-channel: #A1A100;\n\t\t\t\t--pitch2-primary-channel: #FFFF25;\n\t\t\t\t--pitch2-secondary-note: #C7C700;\n\t\t\t\t--pitch2-primary-note: #FFFF92;\n\t\t\t\t--pitch3-secondary-channel: #C75000;\n\t\t\t\t--pitch3-primary-channel: #FF9752;\n\t\t\t\t--pitch3-secondary-note: #FF771C;\n\t\t\t\t--pitch3-primary-note: #FFCDAB;\n\t\t\t\t--pitch4-secondary-channel: #00A100;\n\t\t\t\t--pitch4-primary-channel: #50FF50;\n\t\t\t\t--pitch4-secondary-note: #00C700;\n\t\t\t\t--pitch4-primary-note: #A0FFA0;\n\t\t\t\t--pitch5-secondary-channel: #D020D0;\n\t\t\t\t--pitch5-primary-channel: #FF90FF;\n\t\t\t\t--pitch5-secondary-note: #E040E0;\n\t\t\t\t--pitch5-primary-note: #FFC0FF;\n\t\t\t\t--pitch6-secondary-channel: #7777B0;\n\t\t\t\t--pitch6-primary-channel: #A0A0FF;\n\t\t\t\t--pitch6-secondary-note: #8888D0;\n\t\t\t\t--pitch6-primary-note: #D0D0FF;\n\t\t\t\t--pitch7-secondary-channel: #8AA100;\n\t\t\t\t--pitch7-primary-channel: #DEFF25;\n\t\t\t\t--pitch7-secondary-note: #AAC700;\n\t\t\t\t--pitch7-primary-note: #E6FF92;\n\t\t\t\t--pitch8-secondary-channel: #DF0019;\n\t\t\t\t--pitch8-primary-channel: #FF98A4;\n\t\t\t\t--pitch8-secondary-note: #FF4E63;\n\t\t\t\t--pitch8-primary-note: #FFB2BB;\n\t\t\t\t--pitch9-secondary-channel: #00A170;\n\t\t\t\t--pitch9-primary-channel: #50FFC9;\n\t\t\t\t--pitch9-secondary-note: #00C78A;\n\t\t\t\t--pitch9-primary-note: #83FFD9;\n\t\t\t\t--pitch10-secondary-channel:#A11FFF;\n\t\t\t\t--pitch10-primary-channel: #CE8BFF;\n\t\t\t\t--pitch10-secondary-note: #B757FF;\n\t\t\t\t--pitch10-primary-note: #DFACFF;\n\t\t\t\t--noise1-secondary-channel: #6F6F6F;\n\t\t\t\t--noise1-primary-channel: #AAAAAA;\n\t\t\t\t--noise1-secondary-note: #A7A7A7;\n\t\t\t\t--noise1-primary-note: #E0E0E0;\n\t\t\t\t--noise2-secondary-channel: #996633;\n\t\t\t\t--noise2-primary-channel: #DDAA77;\n\t\t\t\t--noise2-secondary-note: #CC9966;\n\t\t\t\t--noise2-primary-note: #F0D0BB;\n\t\t\t\t--noise3-secondary-channel: #4A6D8F;\n\t\t\t\t--noise3-primary-channel: #77AADD;\n\t\t\t\t--noise3-secondary-note: #6F9FCF;\n\t\t\t\t--noise3-primary-note: #BBD7FF;\n\t\t\t\t--noise4-secondary-channel: #7A4F9A;\n\t\t\t\t--noise4-primary-channel: #AF82D2;\n\t\t\t\t--noise4-secondary-note: #9E71C1;\n\t\t\t\t--noise4-primary-note: #D4C1EA;\n\t\t\t\t--noise5-secondary-channel: #607837;\n\t\t\t\t--noise5-primary-channel: #A2BB77;\n\t\t\t\t--noise5-secondary-note: #91AA66;\n\t\t\t\t--noise5-primary-note: #C5E2B2;\n --mod1-secondary-channel: #339955;\n\t\t\t\t\t--mod1-primary-channel: #77fc55;\n\t\t\t\t\t--mod1-secondary-note: #77ff8a;\n\t\t\t\t\t--mod1-primary-note: #cdffee;\n\t\t\t\t\t--mod2-secondary-channel: #993355;\n\t\t\t\t\t--mod2-primary-channel: #f04960;\n\t\t\t\t\t--mod2-secondary-note: #f057a0;\n\t\t\t\t\t--mod2-primary-note: #ffb8de;\n\t\t\t\t\t--mod3-secondary-channel: #553399;\n\t\t\t\t\t--mod3-primary-channel: #8855fc;\n\t\t\t\t\t--mod3-secondary-note: #aa64ff;\n\t\t\t\t\t--mod3-primary-note:\t #f8ddff;\n\t\t\t\t\t--mod4-secondary-channel: #a86436;\n\t\t\t\t\t--mod4-primary-channel: #c8a825;\n\t\t\t\t\t--mod4-secondary-note: #e8ba46;\n\t\t\t\t\t--mod4-primary-note: #fff6d3;\n\t\t\t\t\t--mod-label-primary: #999;\n\t\t\t\t\t--mod-label-secondary-text: #333;\n\t\t\t\t\t--mod-label-primary-text: black;\n\t\t\t\t\t--disabled-note-primary: #999;\n\t\t\t\t\t--disabled-note-secondary: #666;\n\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t",foxbox:"\n\t\t\t:root {\n\t\t\t\t--page-margin: #ADD8E6;\n\t\t\t\t--editor-background: black;\n\t\t\t\t--hover-preview: white;\n\t\t\t\t--playhead: white;\n\t\t\t\t--primary-text: white;\n\t\t\t\t--secondary-text: #999;\n\t\t\t\t--inverted-text: black;\n\t\t\t\t--text-selection: rgba(119,68,255,0.99);\n\t\t\t\t--box-selection-fill: rgba(255,255,255,0.2);\n\t\t\t\t--loop-accent: #74f;\n\t\t\t\t--link-accent: #98f;\n\t\t\t\t--ui-widget-background: #444;\n\t\t\t\t--ui-widget-focus: #777;\n\t\t\t\t--pitch-background: #444;\n\t\t\t\t--tonic: #864;\n\t\t\t\t--fifth-note: #468;\n\t\t\t\t--white-piano-key: #bbb;\n\t\t\t\t--black-piano-key: #444;\n\t\t\t\t--white-piano-key-text: #131200;\n\t\t\t\t--black-piano-key-text: #fff;\n\t\t\t\t\t--use-color-formula: false;\n\t\t\t\t\t--track-editor-bg-pitch: #444;\n\t\t\t\t\t--track-editor-bg-pitch-dim: #333;\n\t\t\t\t\t--track-editor-bg-noise: #444;\n\t\t\t\t\t--track-editor-bg-noise-dim: #333;\n\t\t\t\t\t--track-editor-bg-mod: #234;\n\t\t\t\t\t--track-editor-bg-mod-dim: #123;\n\t\t\t\t\t--multiplicative-mod-slider: #456;\n\t\t\t\t\t--overwriting-mod-slider: #654;\n\t\t\t\t\t--indicator-primary: #74f;\n\t\t\t\t\t--indicator-secondary: #444;\n\t\t\t\t\t--select2-opt-group: #585858;\n\t\t\t\t\t--input-box-outline: #333;\n\t\t\t\t\t--mute-button-normal: #ffa033;\n\t\t\t\t\t--mute-button-mod: #9a6bff;\n\t\t\t\t--pitch1-secondary-channel: #0099A1;\n\t\t\t\t--pitch1-primary-channel: #25F3FF;\n\t\t\t\t--pitch1-secondary-note: #00BDC7;\n\t\t\t\t--pitch1-primary-note: #92F9FF;\n\t\t\t\t--pitch2-secondary-channel: #A1A100;\n\t\t\t\t--pitch2-primary-channel: #FFFF25;\n\t\t\t\t--pitch2-secondary-note: #C7C700;\n\t\t\t\t--pitch2-primary-note: #FFFF92;\n\t\t\t\t--pitch3-secondary-channel: #C75000;\n\t\t\t\t--pitch3-primary-channel: #FF9752;\n\t\t\t\t--pitch3-secondary-note: #FF771C;\n\t\t\t\t--pitch3-primary-note: #FFCDAB;\n\t\t\t\t--pitch4-secondary-channel: #00A100;\n\t\t\t\t--pitch4-primary-channel: #50FF50;\n\t\t\t\t--pitch4-secondary-note: #00C700;\n\t\t\t\t--pitch4-primary-note: #A0FFA0;\n\t\t\t\t--pitch5-secondary-channel: #D020D0;\n\t\t\t\t--pitch5-primary-channel: #FF90FF;\n\t\t\t\t--pitch5-secondary-note: #E040E0;\n\t\t\t\t--pitch5-primary-note: #FFC0FF;\n\t\t\t\t--pitch6-secondary-channel: #7777B0;\n\t\t\t\t--pitch6-primary-channel: #A0A0FF;\n\t\t\t\t--pitch6-secondary-note: #8888D0;\n\t\t\t\t--pitch6-primary-note: #D0D0FF;\n\t\t\t\t--pitch7-secondary-channel: #8AA100;\n\t\t\t\t--pitch7-primary-channel: #DEFF25;\n\t\t\t\t--pitch7-secondary-note: #AAC700;\n\t\t\t\t--pitch7-primary-note: #E6FF92;\n\t\t\t\t--pitch8-secondary-channel: #DF0019;\n\t\t\t\t--pitch8-primary-channel: #FF98A4;\n\t\t\t\t--pitch8-secondary-note: #FF4E63;\n\t\t\t\t--pitch8-primary-note: #FFB2BB;\n\t\t\t\t--pitch9-secondary-channel: #00A170;\n\t\t\t\t--pitch9-primary-channel: #50FFC9;\n\t\t\t\t--pitch9-secondary-note: #00C78A;\n\t\t\t\t--pitch9-primary-note: #83FFD9;\n\t\t\t\t--pitch10-secondary-channel:#A11FFF;\n\t\t\t\t--pitch10-primary-channel: #CE8BFF;\n\t\t\t\t--pitch10-secondary-note: #B757FF;\n\t\t\t\t--pitch10-primary-note: #DFACFF;\n\t\t\t\t--noise1-secondary-channel: #6F6F6F;\n\t\t\t\t--noise1-primary-channel: #AAAAAA;\n\t\t\t\t--noise1-secondary-note: #A7A7A7;\n\t\t\t\t--noise1-primary-note: #E0E0E0;\n\t\t\t\t--noise2-secondary-channel: #996633;\n\t\t\t\t--noise2-primary-channel: #DDAA77;\n\t\t\t\t--noise2-secondary-note: #CC9966;\n\t\t\t\t--noise2-primary-note: #F0D0BB;\n\t\t\t\t--noise3-secondary-channel: #4A6D8F;\n\t\t\t\t--noise3-primary-channel: #77AADD;\n\t\t\t\t--noise3-secondary-note: #6F9FCF;\n\t\t\t\t--noise3-primary-note: #BBD7FF;\n\t\t\t\t--noise4-secondary-channel: #7A4F9A;\n\t\t\t\t--noise4-primary-channel: #AF82D2;\n\t\t\t\t--noise4-secondary-note: #9E71C1;\n\t\t\t\t--noise4-primary-note: #D4C1EA;\n\t\t\t\t--noise5-secondary-channel: #607837;\n\t\t\t\t--noise5-primary-channel: #A2BB77;\n\t\t\t\t--noise5-secondary-note: #91AA66;\n\t\t\t\t--noise5-primary-note: #C5E2B2;\n --mod1-secondary-channel: #339955;\n\t\t\t\t\t--mod1-primary-channel: #77fc55;\n\t\t\t\t\t--mod1-secondary-note: #77ff8a;\n\t\t\t\t\t--mod1-primary-note: #cdffee;\n\t\t\t\t\t--mod2-secondary-channel: #993355;\n\t\t\t\t\t--mod2-primary-channel: #f04960;\n\t\t\t\t\t--mod2-secondary-note: #f057a0;\n\t\t\t\t\t--mod2-primary-note: #ffb8de;\n\t\t\t\t\t--mod3-secondary-channel: #553399;\n\t\t\t\t\t--mod3-primary-channel: #8855fc;\n\t\t\t\t\t--mod3-secondary-note: #aa64ff;\n\t\t\t\t\t--mod3-primary-note:\t #f8ddff;\n\t\t\t\t\t--mod4-secondary-channel: #a86436;\n\t\t\t\t\t--mod4-primary-channel: #c8a825;\n\t\t\t\t\t--mod4-secondary-note: #e8ba46;\n\t\t\t\t\t--mod4-primary-note: #fff6d3;\n\t\t\t\t\t--mod-label-primary: #999;\n\t\t\t\t\t--mod-label-secondary-text: #333;\n\t\t\t\t\t--mod-label-primary-text: black;\n\t\t\t\t\t--disabled-note-primary: #999;\n\t\t\t\t\t--disabled-note-secondary: #666;\t\n\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t",wackybox:"\n\t\t\t:root {\n\t\t\t\t--page-margin: black;\n\t\t\t\t--editor-background: black;\n\t\t\t\t--hover-preview: white;\n\t\t\t\t--playhead: white;\n\t\t\t\t--primary-text: white;\n\t\t\t\t--secondary-text: #999;\n\t\t\t\t--inverted-text: black;\n\t\t\t\t--text-selection: rgba(119,68,255,0.99);\n\t\t\t\t--box-selection-fill: rgba(255,255,255,0.2);\n\t\t\t\t--loop-accent: #74f;\n\t\t\t\t--link-accent: #98f;\n\t\t\t\t--ui-widget-background: #444;\n\t\t\t\t--ui-widget-focus: #777;\n\t\t\t\t--pitch-background: #444;\n\t\t\t\t--tonic: #864;\n\t\t\t\t--fifth-note: #468;\n\t\t\t\t--white-piano-key: #bbb;\n\t\t\t\t--black-piano-key: #444;\n\t\t\t\t--white-piano-key-text: #131200;\n\t\t\t\t--black-piano-key-text: #fff;\n\t\t\t\t\t--use-color-formula: false;\n\t\t\t\t\t--track-editor-bg-pitch: #444;\n\t\t\t\t\t--track-editor-bg-pitch-dim: #333;\n\t\t\t\t\t--track-editor-bg-noise: #444;\n\t\t\t\t\t--track-editor-bg-noise-dim: #333;\n\t\t\t\t\t--track-editor-bg-mod: #234;\n\t\t\t\t\t--track-editor-bg-mod-dim: #123;\n\t\t\t\t\t--multiplicative-mod-slider: #456;\n\t\t\t\t\t--overwriting-mod-slider: #654;\n\t\t\t\t\t--indicator-primary: #74f;\n\t\t\t\t\t--indicator-secondary: #444;\n\t\t\t\t\t--select2-opt-group: #585858;\n\t\t\t\t\t--input-box-outline: #333;\n\t\t\t\t\t--mute-button-normal: #ffa033;\n\t\t\t\t\t--mute-button-mod: #9a6bff;\n\t\t\t\t\t--pitch-channel-limit: 6;\n\t\t\t\t\t--noise-channel-limit: 3;\n\t\t\t\t--pitch1-secondary-channel: #0099A1;\n\t\t\t\t--pitch1-primary-channel: #25F3FF;\n\t\t\t\t--pitch1-secondary-note: #00BDC7;\n\t\t\t\t--pitch1-primary-note: #92F9FF;\n\t\t\t\t--pitch2-secondary-channel: #A1A100;\n\t\t\t\t--pitch2-primary-channel: #FFFF25;\n\t\t\t\t--pitch2-secondary-note: #C7C700;\n\t\t\t\t--pitch2-primary-note: #FFFF92;\n\t\t\t\t--pitch3-secondary-channel: #C75000;\n\t\t\t\t--pitch3-primary-channel: #FF9752;\n\t\t\t\t--pitch3-secondary-note: #FF771C;\n\t\t\t\t--pitch3-primary-note: #FFCDAB;\n\t\t\t\t--pitch4-secondary-channel: #00A100;\n\t\t\t\t--pitch4-primary-channel: #50FF50;\n\t\t\t\t--pitch4-secondary-note: #00C700;\n\t\t\t\t--pitch4-primary-note: #A0FFA0;\n\t\t\t\t--pitch5-secondary-channel: #D020D0;\n\t\t\t\t--pitch5-primary-channel: #FF90FF;\n\t\t\t\t--pitch5-secondary-note: #E040E0;\n\t\t\t\t--pitch5-primary-note: #FFC0FF;\n\t\t\t\t--pitch6-secondary-channel: #7777B0;\n\t\t\t\t--pitch6-primary-channel: #A0A0FF;\n\t\t\t\t--pitch6-secondary-note: #8888D0;\n\t\t\t\t--pitch6-primary-note: #D0D0FF;\n\t\t\t\t--pitch7-secondary-channel: #8AA100;\n\t\t\t\t--pitch7-primary-channel: #DEFF25;\n\t\t\t\t--pitch7-secondary-note: #AAC700;\n\t\t\t\t--pitch7-primary-note: #E6FF92;\n\t\t\t\t--pitch8-secondary-channel: #DF0019;\n\t\t\t\t--pitch8-primary-channel: #FF98A4;\n\t\t\t\t--pitch8-secondary-note: #FF4E63;\n\t\t\t\t--pitch8-primary-note: #FFB2BB;\n\t\t\t\t--pitch9-secondary-channel: #00A170;\n\t\t\t\t--pitch9-primary-channel: #50FFC9;\n\t\t\t\t--pitch9-secondary-note: #00C78A;\n\t\t\t\t--pitch9-primary-note: #83FFD9;\n\t\t\t\t--pitch10-secondary-channel:#A11FFF;\n\t\t\t\t--pitch10-primary-channel: #CE8BFF;\n\t\t\t\t--pitch10-secondary-note: #B757FF;\n\t\t\t\t--pitch10-primary-note: #DFACFF;\n\t\t\t\t--noise1-secondary-channel: #6F6F6F;\n\t\t\t\t--noise1-primary-channel: #AAAAAA;\n\t\t\t\t--noise1-secondary-note: #A7A7A7;\n\t\t\t\t--noise1-primary-note: #E0E0E0;\n\t\t\t\t--noise2-secondary-channel: #996633;\n\t\t\t\t--noise2-primary-channel: #DDAA77;\n\t\t\t\t--noise2-secondary-note: #CC9966;\n\t\t\t\t--noise2-primary-note: #F0D0BB;\n\t\t\t\t--noise3-secondary-channel: #4A6D8F;\n\t\t\t\t--noise3-primary-channel: #77AADD;\n\t\t\t\t--noise3-secondary-note: #6F9FCF;\n\t\t\t\t--noise3-primary-note: #BBD7FF;\n\t\t\t\t--noise4-secondary-channel: #7A4F9A;\n\t\t\t\t--noise4-primary-channel: #AF82D2;\n\t\t\t\t--noise4-secondary-note: #9E71C1;\n\t\t\t\t--noise4-primary-note: #D4C1EA;\n\t\t\t\t--noise5-secondary-channel: #607837;\n\t\t\t\t--noise5-primary-channel: #A2BB77;\n\t\t\t\t--noise5-secondary-note: #91AA66;\n\t\t\t\t--noise5-primary-note: #C5E2B2;\n --mod1-secondary-channel: #339955;\n\t\t\t\t\t--mod1-primary-channel: #77fc55;\n\t\t\t\t\t--mod1-secondary-note: #77ff8a;\n\t\t\t\t\t--mod1-primary-note: #cdffee;\n\t\t\t\t\t--mod2-secondary-channel: #993355;\n\t\t\t\t\t--mod2-primary-channel: #f04960;\n\t\t\t\t\t--mod2-secondary-note: #f057a0;\n\t\t\t\t\t--mod2-primary-note: #ffb8de;\n\t\t\t\t\t--mod3-secondary-channel: #553399;\n\t\t\t\t\t--mod3-primary-channel: #8855fc;\n\t\t\t\t\t--mod3-secondary-note: #aa64ff;\n\t\t\t\t\t--mod3-primary-note:\t #f8ddff;\n\t\t\t\t\t--mod4-secondary-channel: #a86436;\n\t\t\t\t\t--mod4-primary-channel: #c8a825;\n\t\t\t\t\t--mod4-secondary-note: #e8ba46;\n\t\t\t\t\t--mod4-primary-note: #fff6d3;\n\t\t\t\t\t--mod-label-primary: #999;\n\t\t\t\t\t--mod-label-secondary-text: #333;\n\t\t\t\t\t--mod-label-primary-text: black;\n\t\t\t\t\t--disabled-note-primary: #999;\n\t\t\t\t\t--disabled-note-secondary: #666;\n\t\t\t\t}\n\n\t\t\t* {\n\t\t\t\tcursor: url('wackybox_cursor.png'), auto;\n\t\t\t}\n\n\n.beepboxEditor {\n\tcursor: url('wackybox_cursor.png'), auto !important;;\n}\n\t\t\n.beepboxEditor .tip {\n\tcursor: url('wackybox_cursor.png'), auto !important;;\n}\n\n.beepboxEditor .prompt label {\n\tcursor: url('wackybox_cursor.png'), auto !important;;\n}\n\n.beepboxEditor .layout-option {\n\tcursor: url('wackybox_cursor.png'), auto !important;;\n}\n\n.beepboxEditor select {\n\tcursor: url('wackybox_cursor.png'), auto !important;;\n}\n\n.select2-selection__rendered {\n\tcursor: url('wackybox_cursor.png'), auto !important;;\n}\n\n.select2-container--default .select2-results__group {\n cursor: url('wackybox_cursor.png'), auto !important;;\n}\n\n.beepboxEditor button {\n\t cursor: url('wackybox_cursor.png'), auto !important;;\n}\n\n.beepboxEditor canvas {\n\tcursor: url('wackybox_cursor.png'), auto !important;;\n}\n\n.beepboxEditor input {\n\tcursor: url('wackybox_cursor.png'), auto !important;;\n}\n\n\t\t\t",microbox:"\n\t\t\t\t:root {\n\t\t\t\t\t--page-margin: #000000;\n\t\t\t\t\t--editor-background: #000000;\n\t\t\t\t\t--hover-preview: white;\n\t\t\t\t\t--playhead: rgba(255, 255, 255, 0.9);\n\t\t\t\t\t--primary-text: white;\n\t\t\t\t\t--secondary-text: #93B6AD;\n\t\t\t\t\t--inverted-text: black;\n\t\t\t\t\t--text-selection: rgba(47,255,250,0.99);\n\t\t\t\t\t--box-selection-fill: #03B068;\n\t\t\t\t\t--loop-accent: #FF0061;\n\t\t\t\t\t--link-accent: #FFC800;\n\t\t\t\t\t--ui-widget-background: #38554E;\n\t\t\t\t\t--ui-widget-focus: #2A7E69;\n\t\t\t\t\t--pitch-background: #281F23;\n\t\t\t\t\t--tonic: #004634;\n\t\t\t\t\t--fifth-note: #463400;\n\t\t\t\t\t--white-piano-key: #edc;\n\t\t\t\t\t--black-piano-key: #456;\n\t\t\t\t\t--use-color-formula: true;\n\t\t\t\t\t--track-editor-bg-pitch: #333333;\n\t\t\t\t\t--track-editor-bg-pitch-dim: #000000;\n\t\t\t\t\t--track-editor-bg-noise: #463400;\n\t\t\t\t\t--track-editor-bg-noise-dim: #000000;\n\t\t\t\t\t--track-editor-bg-mod: #004634;\n\t\t\t\t\t--track-editor-bg-mod-dim: #000000;\n\t\t\t\t\t--multiplicative-mod-slider: #FFC800;\n\t\t\t\t\t--overwriting-mod-slider: #00ffc0;\n\t\t\t\t\t--indicator-primary: #333333;\n\t\t\t\t\t--indicator-secondary: #00ffc0;\n\t\t\t\t\t--select2-opt-group: #2B2B2B;\n\t\t\t\t\t--input-box-outline: #69BFC6;\n\t\t\t\t\t--mute-button-normal: #00ffc0;\n\t\t\t\t\t--mute-button-mod: #FFC800;\n\t\t\t\t\t--mod-label-primary: #38554E;\n\t\t\t\t\t--mod-label-secondary-text: rgb(0, 43, 45);\n\t\t\t\t\t--mod-label-primary-text: white;\n\t\t\t\t\t--pitch-secondary-channel-hue: 0;\n\t\t\t\t\t--pitch-secondary-channel-hue-scale: 6.1;\n\t\t\t\t\t--pitch-secondary-channel-sat: 83.3;\n\t\t\t\t\t--pitch-secondary-channel-sat-scale: 0.1;\n\t\t\t\t\t--pitch-secondary-channel-lum: 40;\n\t\t\t\t\t--pitch-secondary-channel-lum-scale: 0.05;\n\t\t\t\t\t--pitch-primary-channel-hue: 0;\n\t\t\t\t\t--pitch-primary-channel-hue-scale: 6.1;\n\t\t\t\t\t--pitch-primary-channel-sat: 100;\n\t\t\t\t\t--pitch-primary-channel-sat-scale: 0.1;\n\t\t\t\t\t--pitch-primary-channel-lum: 67.5;\n\t\t\t\t\t--pitch-primary-channel-lum-scale: 0.05;\n\t\t\t\t\t--pitch-secondary-note-hue: 0;\n\t\t\t\t\t--pitch-secondary-note-hue-scale: 6.1;\n\t\t\t\t\t--pitch-secondary-note-sat: 93.9;\n\t\t\t\t\t--pitch-secondary-note-sat-scale: 0.1;\n\t\t\t\t\t--pitch-secondary-note-lum: 25;\n\t\t\t\t\t--pitch-secondary-note-lum-scale: 0.05;\n\t\t\t\t\t--pitch-primary-note-hue: 0;\n\t\t\t\t\t--pitch-primary-note-hue-scale: 6.1;\n\t\t\t\t\t--pitch-primary-note-sat: 100;\n\t\t\t\t\t--pitch-primary-note-sat-scale: 0.05;\n\t\t\t\t\t--pitch-primary-note-lum: 85.6;\n\t\t\t\t\t--pitch-primary-note-lum-scale: 0.025;\n\t\t\t\t\t--noise-secondary-channel-hue: 0;\n\t\t\t\t\t--noise-secondary-channel-hue-scale: 2;\n\t\t\t\t\t--noise-secondary-channel-sat: 25;\n\t\t\t\t\t--noise-secondary-channel-sat-scale: 0;\n\t\t\t\t\t--noise-secondary-channel-lum: 42;\n\t\t\t\t\t--noise-secondary-channel-lum-scale: 0;\n\t\t\t\t\t--noise-primary-channel-hue: 0;\n\t\t\t\t\t--noise-primary-channel-hue-scale: 2;\n\t\t\t\t\t--noise-primary-channel-sat: 33;\n\t\t\t\t\t--noise-primary-channel-sat-scale: 0;\n\t\t\t\t\t--noise-primary-channel-lum: 63.5;\n\t\t\t\t\t--noise-primary-channel-lum-scale: 0;\n\t\t\t\t\t--noise-secondary-note-hue: 0;\n\t\t\t\t\t--noise-secondary-note-hue-scale: 2;\n\t\t\t\t\t--noise-secondary-note-sat: 33.5;\n\t\t\t\t\t--noise-secondary-note-sat-scale: 0;\n\t\t\t\t\t--noise-secondary-note-lum: 55;\n\t\t\t\t\t--noise-secondary-note-lum-scale: 0;\n\t\t\t\t\t--noise-primary-note-hue: 0;\n\t\t\t\t\t--noise-primary-note-hue-scale: 2;\n\t\t\t\t\t--noise-primary-note-sat: 46.5;\n\t\t\t\t\t--noise-primary-note-sat-scale: 0;\n\t\t\t\t\t--noise-primary-note-lum: 74;\n\t\t\t\t\t--noise-primary-note-lum-scale: 0;\n\t\t\t\t\t--mod-secondary-channel-hue: 192;\n\t\t\t\t\t--mod-secondary-channel-hue-scale: 1.5;\n\t\t\t\t\t--mod-secondary-channel-sat: 88;\n\t\t\t\t\t--mod-secondary-channel-sat-scale: 0;\n\t\t\t\t\t--mod-secondary-channel-lum: 50;\n\t\t\t\t\t--mod-secondary-channel-lum-scale: 0;\n\t\t\t\t\t--mod-primary-channel-hue: 192;\n\t\t\t\t\t--mod-primary-channel-hue-scale: 1.5;\n\t\t\t\t\t--mod-primary-channel-sat: 96;\n\t\t\t\t\t--mod-primary-channel-sat-scale: 0;\n\t\t\t\t\t--mod-primary-channel-lum: 80;\n\t\t\t\t\t--mod-primary-channel-lum-scale: 0;\n\t\t\t\t\t--mod-secondary-note-hue: 192;\n\t\t\t\t\t--mod-secondary-note-hue-scale: 1.5;\n\t\t\t\t\t--mod-secondary-note-sat: 92;\n\t\t\t\t\t--mod-secondary-note-sat-scale: 0;\n\t\t\t\t\t--mod-secondary-note-lum: 45;\n\t\t\t\t\t--mod-secondary-note-lum-scale: 0;\n\t\t\t\t\t--mod-primary-note-hue: 192;\n\t\t\t\t\t--mod-primary-note-hue-scale: 1.5;\n\t\t\t\t\t--mod-primary-note-sat: 96;\n\t\t\t\t\t--mod-primary-note-sat-scale: 0;\n\t\t\t\t\t--mod-primary-note-lum: 85;\n\t\t\t\t\t--mod-primary-note-lum-scale: 0;\n\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t",paandorasbox:"\n\t\t\t:root {\n\t\t\t --page-margin: #200000;\n\t\t\t --editor-background: #200000;\n\t\t\t --hover-preview: white;\n\t\t\t --playhead: white;\n\t\t\t --primary-text: white;\n\t\t\t --secondary-text: #999;\n\t\t\t --inverted-text: black;\n\t\t\t --text-selection: #FF5100;\n\t\t\t --box-selection-fill: rgba(255,255,255,0.2);\n\t\t\t --loop-accent: #FF5100;\n\t\t\t --link-accent: #0F0;\n\t\t\t --ui-widget-background: #562334;\n\t\t\t --ui-widget-focus: #6D1B36;\n\t\t\t --pitch-background: #6D1B36;\n\t\t\t --tonic: #FF5100;\n\t\t\t --fifth-note: #00B6FF;\n\t\t\t --white-piano-key: #bbb;\n\t\t\t --black-piano-key: #444;\n\t\t\t --use-color-formula: false;\n\t\t\t --track-editor-bg-pitch: #380C14;\n\t\t\t --track-editor-bg-pitch-dim: #200000;\n\t\t\t --track-editor-bg-noise: #233323;\n\t\t\t --track-editor-bg-noise-dim: #101A0F;\n\t\t\t --track-editor-bg-mod: #234C82;\n\t\t\t --track-editor-bg-mod-dim: #0D1D33;\n\t\t\t --multiplicative-mod-slider: #456;\n\t\t\t --overwriting-mod-slider: #654;\n\t\t\t --indicator-primary: #FF5100;\n\t\t\t --indicator-secondary: #444;\n\t\t\t --select2-opt-group: #585858;\n\t\t\t --input-box-outline: #333;\n\t\t\t --mute-button-normal: #ffa033;\n\t\t\t --mute-button-mod: #9a6bff;\n\t\t\t --pitch1-secondary-channel: #00B200;\n\t\t\t --pitch1-primary-channel: #0F0;\n\t\t\t --pitch1-secondary-note: #00B200;\n\t\t\t --pitch1-primary-note: #0F0;\n\t\t\t --pitch2-secondary-channel: #00B282;\n\t\t\t --pitch2-primary-channel: #00FFBF;\n\t\t\t --pitch2-secondary-note: #00B282;\n\t\t\t --pitch2-primary-note: #00FFBF;\n\t\t\t --pitch3-secondary-channel: #00B2B2;\n\t\t\t --pitch3-primary-channel: #0FF;\n\t\t\t --pitch3-secondary-note: #00B2B2;\n\t\t\t --pitch3-primary-note: #0FF;\n\t\t\t --pitch4-secondary-channel: #2623B2;\n\t\t\t --pitch4-primary-channel: #3631FF;\n\t\t\t --pitch4-secondary-note: #2623B2;\n\t\t\t --pitch4-primary-note: #3631FF;\n\t\t\t --pitch5-secondary-channel: #7700B2;\n\t\t\t --pitch5-primary-channel: #A0F;\n\t\t\t --pitch5-secondary-note: #7700B2;\n\t\t\t --pitch5-primary-note: #A0F;\n\t\t\t --pitch6-secondary-channel: #B200B2;\n\t\t\t --pitch6-primary-channel: #F0F;\n\t\t\t --pitch6-secondary-note: #B200B2;\n\t\t\t --pitch6-primary-note: #F0F;\n\t\t\t --pitch7-secondary-channel: #B20000;\n\t\t\t --pitch7-primary-channel: #F00;\n\t\t\t --pitch7-secondary-note: #B20000;\n\t\t\t --pitch7-primary-note: #F00;\n\t\t\t --pitch8-secondary-channel: #00B200;\n\t\t\t --pitch8-primary-channel: #0F0;\n\t\t\t --pitch8-secondary-note: #00B200;\n\t\t\t --pitch8-primary-note: #0F0;\n\t\t\t --pitch9-secondary-channel: #00B282;\n\t\t\t --pitch9-primary-channel: #0FF;\n\t\t\t --pitch9-secondary-note: #00B282;\n\t\t\t --pitch9-primary-note: #0FF;\n\t\t\t --pitch10-secondary-channel: #0071B2;\n\t\t\t --pitch10-primary-channel: #009EFF;\n\t\t\t --pitch10-secondary-note: #0071B2;\n\t\t\t --pitch10-primary-note: #009EFF;\n\t\t\t --noise1-secondary-channel: #32B221;\n\t\t\t --noise1-primary-channel: #44FF2F;\n\t\t\t --noise1-secondary-note: #32B221;\n\t\t\t --noise1-primary-note: #44FF2F;\n\t\t\t --noise2-secondary-channel: #216FB2;\n\t\t\t --noise2-primary-channel: #2F9DFF;\n\t\t\t --noise2-secondary-note: #216FB2;\n\t\t\t --noise2-primary-note: #2F9DFF;\n\t\t\t --noise3-secondary-channel: #2623B2;\n\t\t\t --noise3-primary-channel: #3631FF;\n\t\t\t --noise3-secondary-note: #2623B2;\n\t\t\t --noise3-primary-note: #3631FF;\n\t\t\t --noise4-secondary-channel: #7223B2;\n\t\t\t --noise4-primary-channel: #A531FF;\n\t\t\t --noise4-secondary-note: #7223B2;\n\t\t\t --noise4-primary-note: #A531FF;\n\t\t\t --noise5-secondary-channel: #B2235A;\n\t\t\t --noise5-primary-channel: #FF317E;\n\t\t\t --noise5-secondary-note: #B2235A;\n\t\t\t --noise5-primary-note: #FF317E;\n\t\t\t --mod1-secondary-channel: #17B274;\n\t\t\t --mod1-primary-channel: #21FFA8;\n\t\t\t --mod1-secondary-note: #17B274;\n\t\t\t --mod1-primary-note: #21FFA8;\n\t\t\t --mod2-secondary-channel: #1783B2;\n\t\t\t --mod2-primary-channel: #1FBAFF;\n\t\t\t --mod2-secondary-note: #1783B2;\n\t\t\t --mod2-primary-note: #1FBAFF;\n\t\t\t --mod3-secondary-channel: #553399;\n\t\t\t --mod3-primary-channel: #8855fc;\n\t\t\t --mod3-secondary-note: #aa64ff;\n\t\t\t --mod3-primary-note: #f8ddff;\n\t\t\t --mod4-secondary-channel: #B20E6B;\n\t\t\t --mod4-primary-channel: #FF1291;\n\t\t\t --mod4-secondary-note: #B20E6B;\n\t\t\t --mod4-primary-note: #FF1291;\n\t\t\t --mod-label-primary: #994038;\n\t\t\t --mod-label-secondary-text: #331512;\n\t\t\t --mod-label-primary-text: #331512;\n\t\t\t --disabled-note-primary: #994038;\n\t\t\t --disabled-note-secondary: #331512;\n\n\t\t\t \n\t\t\t \n\t\t\t}\n\t\t\t",midbox:":root {\n\t\t\t--page-margin: #010a1e;\n\t\t\t--editor-background: #010a1e;\n\t\t\t--hover-preview: #dfe9fe;\n\t\t\t--playhead: #e7f5f6;\n\t\t\t--primary-text: #f0fdff;\n\t\t\t--secondary-text: #c4c7d7;\n\t\t\t--inverted-text: #0f0623;\n\t\t\t--text-selection: #3f0ab4;\n\t\t\t--box-selection-fill: #32afb3;\n\t\t\t--loop-accent: #1719ff;\n\t\t\t--link-accent: #83a6ed;\n\t\t\t--ui-widget-background: #222856;\n\t\t\t--ui-widget-focus: #21417c;\n\t\t\t--pitch-background: #10264a;\n\t\t\t--tonic: #0797ce;\n\t\t\t--fifth-note: #3e2fb5;\n\t\t\t--white-piano-key: #ebf3f4;\n\t\t\t--black-piano-key: #253353;\n\t\t\t--oscilloscope-line-L: #72dcfc;\n\t\t\t--oscilloscope-line-R: #304eff;\n\t\t\t--use-color-formula: true;\n\t\t\t--track-editor-bg-pitch: #183b65; \n\t\t\t--track-editor-bg-pitch-dim: #1f2c3d;\n\t\t\t--track-editor-bg-noise: #2e196d;\n\t\t\t--track-editor-bg-noise-dim: #212038;\n\t\t\t--track-editor-bg-mod: #066433;\n\t\t\t--track-editor-bg-mod-dim: #152b1f;\n\t\t\t--multiplicative-mod-slider: #1242a4;\n\t\t\t--overwriting-mod-slider: #2218db;\n\t\t\t--indicator-primary: #1698d3;\n\t\t\t--indicator-secondary: #1b478e;\n\t\t\t--select2-opt-group: #312f6d;\n\t\t\t--input-box-outline: #788b96;\n\t\t\t--mute-button-normal: #1d34f2;\n\t\t\t--mute-button-mod: #06bad6;\n\t\t\t--mod-label-primary: #14383f;\n\t\t\t--mod-label-secondary-text: #1d7080;\n\t\t\t--mod-label-primary-text: #b7e9f2;\n\t\t\t--pitch-secondary-channel-hue: 0;\n\t\t\t--pitch-secondary-channel-hue-scale: 6.1;\n\t\t\t--pitch-secondary-channel-sat: 83.3;\n\t\t\t--pitch-secondary-channel-sat-scale: 0.1;\n\t\t\t--pitch-secondary-channel-lum: 40;\n\t\t\t--pitch-secondary-channel-lum-scale: 0.05;\n\t\t\t--pitch-primary-channel-hue: 0;\n\t\t\t--pitch-primary-channel-hue-scale: 6.1;\n\t\t\t--pitch-primary-channel-sat: 100;\n\t\t\t--pitch-primary-channel-sat-scale: 0.1;\n\t\t\t--pitch-primary-channel-lum: 67.5;\n\t\t\t--pitch-primary-channel-lum-scale: 0.05;\n\t\t\t--pitch-secondary-note-hue: 0;\n\t\t\t--pitch-secondary-note-hue-scale: 6.1;\n\t\t\t--pitch-secondary-note-sat: 93.9;\n\t\t\t--pitch-secondary-note-sat-scale: 0.1;\n\t\t\t--pitch-secondary-note-lum: 25;\n\t\t\t--pitch-secondary-note-lum-scale: 0.05;\n\t\t\t--pitch-primary-note-hue: 0;\n\t\t\t--pitch-primary-note-hue-scale: 6.1;\n\t\t\t--pitch-primary-note-sat: 100;\n\t\t\t--pitch-primary-note-sat-scale: 0.05;\n\t\t\t--pitch-primary-note-lum: 85.6;\n\t\t\t--pitch-primary-note-lum-scale: 0.025;\n\t\t\t--noise-secondary-channel-hue: 0;\n\t\t\t--noise-secondary-channel-hue-scale: 2;\n\t\t\t--noise-secondary-channel-sat: 25;\n\t\t\t--noise-secondary-channel-sat-scale: 0;\n\t\t\t--noise-secondary-channel-lum: 42;\n\t\t\t--noise-secondary-channel-lum-scale: 0;\n\t\t\t--noise-primary-channel-hue: 0;\n\t\t\t--noise-primary-channel-hue-scale: 2;\n\t\t\t--noise-primary-channel-sat: 33;\n\t\t\t--noise-primary-channel-sat-scale: 0;\n\t\t\t--noise-primary-channel-lum: 63.5;\n\t\t\t--noise-primary-channel-lum-scale: 0;\n\t\t\t--noise-secondary-note-hue: 0;\n\t\t\t--noise-secondary-note-hue-scale: 2;\n\t\t\t--noise-secondary-note-sat: 33.5;\n\t\t\t--noise-secondary-note-sat-scale: 0;\n\t\t\t--noise-secondary-note-lum: 55;\n\t\t\t--noise-secondary-note-lum-scale: 0;\n\t\t\t--noise-primary-note-hue: 0;\n\t\t\t--noise-primary-note-hue-scale: 2;\n\t\t\t--noise-primary-note-sat: 46.5;\n\t\t\t--noise-primary-note-sat-scale: 0;\n\t\t\t--noise-primary-note-lum: 74;\n\t\t\t--noise-primary-note-lum-scale: 0;\n\t\t\t--mod-secondary-channel-hue: 192;\n\t\t\t--mod-secondary-channel-hue-scale: 1.5;\n\t\t\t--mod-secondary-channel-sat: 88;\n\t\t\t--mod-secondary-channel-sat-scale: 0;\n\t\t\t--mod-secondary-channel-lum: 50;\n\t\t\t--mod-secondary-channel-lum-scale: 0;\n\t\t\t--mod-primary-channel-hue: 192;\n\t\t\t--mod-primary-channel-hue-scale: 1.5;\n\t\t\t--mod-primary-channel-sat: 96;\n\t\t\t--mod-primary-channel-sat-scale: 0;\n\t\t\t--mod-primary-channel-lum: 80;\n\t\t\t--mod-primary-channel-lum-scale: 0;\n\t\t\t--mod-secondary-note-hue: 192;\n\t\t\t--mod-secondary-note-hue-scale: 1.5;\n\t\t\t--mod-secondary-note-sat: 92;\n\t\t\t--mod-secondary-note-sat-scale: 0;\n\t\t\t--mod-secondary-note-lum: 45;\n\t\t\t--mod-secondary-note-lum-scale: 0;\n\t\t\t--mod-primary-note-hue: 192;\n\t\t\t--mod-primary-note-hue-scale: 1.5;\n\t\t\t--mod-primary-note-sat: 96;\n\t\t\t--mod-primary-note-sat-scale: 0;\n\t\t\t--mod-primary-note-lum: 85;\n\t\t\t--mod-primary-note-lum-scale: 0;\n\t\t\t--disabled-note-primary: #53527b;\n\t\t\t--disabled-note-secondary: #1c1b30;\n\n\t\t\t\n\t\t\t\n\t\t}",dogebox2:"\n\t\t\t:root {\n\t\t\t\t--page-margin: #000015;\n\t\t\t\t--editor-background: #000015;\n\t\t\t\t--hover-preview: #00ffff;\n\t\t\t\t--playhead: #00ffff;\n\t\t\t\t--primary-text: white;\n\t\t\t\t--secondary-text: #999;\n\t\t\t\t--inverted-text: black;\n\t\t\t\t--text-selection: rgba(255, 127, 80, 0.99);\n\t\t\t\t--box-selection-fill: rgba(255, 255, 255, 0.2);\n\t\t\t\t--loop-accent: #ff00ff;\n\t\t\t\t--link-accent: #00ffff;\n\t\t\t\t--ui-widget-background: #222222;\n\t\t\t\t--ui-widget-focus: #444444;\n\t\t\t\t--pitch-background: #222222;\n\t\t\t\t--tonic: #ab382c;\n\t\t\t\t--fifth-note: #2a76a8;\n\t\t\t\t--white-piano-key: #ffffff;\n\t\t\t\t--black-piano-key: #222222;\n\t\t\t\t--white-piano-key-text: #000000;\n\t\t\t\t--use-color-formula: false;\n\t\t\t\t--track-editor-bg-pitch: #222222;\n\t\t\t\t--track-editor-bg-pitch-dim: #111111;\n\t\t\t\t--track-editor-bg-noise: #222222;\n\t\t\t\t--track-editor-bg-noise-dim: #111111;\n\t\t\t\t--track-editor-bg-mod: #333333;\n\t\t\t\t--track-editor-bg-mod-dim: #111111;\n\t\t\t\t--multiplicative-mod-slider: #666666;\n\t\t\t\t--overwriting-mod-slider: #666666;\n\t\t\t\t--indicator-primary: #ff00ff;\n\t\t\t\t--indicator-secondary: #00ffff;\n\t\t\t\t--select2-opt-group: #333333;\n\t\t\t\t--input-box-outline: #444444;\n\t\t\t\t--mute-button-normal: #ff00ff;\n\t\t\t\t--mute-button-mod: #00ffff;\n\t\t\t\t--mod-label-primary: #282840;\n\t\t\t\t--mod-label-secondary-text: rgb(87, 86, 120);\n\t\t\t\t--mod-label-primary-text: white;\n\t\t\t\t--pitch1-secondary-channel: #bd9909;\n\t\t\t\t--pitch1-primary-channel: #fbff8e;\n\t\t\t\t--pitch1-secondary-note: #c79d3a;\n\t\t\t\t--pitch1-primary-note: #fdffb2;\n\t\t\t\t--pitch2-secondary-channel: #b86e0d;\n\t\t\t\t--pitch2-primary-channel: #ffb28e;\n\t\t\t\t--pitch2-secondary-note: #ba643a;\n\t\t\t\t--pitch2-primary-note: #fbac92;\n\t\t\t\t--pitch3-secondary-channel: #a81b08;\n\t\t\t\t--pitch3-primary-channel: #f56c67;\n\t\t\t\t--pitch3-secondary-note: #94352b;\n\t\t\t\t--pitch3-primary-note: #f56147;\n\t\t\t\t--pitch4-secondary-channel: #2a7722;\n\t\t\t\t--pitch4-primary-channel: #6ebf5e;\n\t\t\t\t--pitch4-secondary-note: #1c5c18;\n\t\t\t\t--pitch4-primary-note: #88cf82;\n\t\t\t\t--pitch5-secondary-channel: #8c8b3c;\n\t\t\t\t--pitch5-primary-channel: #c3c168;\n\t\t\t\t--pitch5-secondary-note: #747330;\n\t\t\t\t--pitch5-primary-note: #d4d394;\n\t\t\t\t--pitch6-secondary-channel: #3f9577;\n\t\t\t\t--pitch6-primary-channel: #6fc4b4;\n\t\t\t\t--pitch6-secondary-note: #2c6a5c;\n\t\t\t\t--pitch6-primary-note: #8fdad0;\n\t\t\t\t--pitch7-secondary-channel: #204a80;\n\t\t\t\t--pitch7-primary-channel: #6d9fc2;\n\t\t\t\t--pitch7-secondary-note: #132f5a;\n\t\t\t\t--pitch7-primary-note: #9dbed8;\n\t\t\t\t--pitch8-secondary-channel: #a531ad;\n\t\t\t\t--pitch8-primary-channel: #db68e3;\n\t\t\t\t--pitch8-secondary-note: #8d2f94;\n\t\t\t\t--pitch8-primary-note: #e66cbf;\n\t\t\t\t--pitch9-secondary-channel: #03a1a1;\n\t\t\t\t--pitch9-primary-channel: #52fffb;\n\t\t\t\t--pitch9-secondary-note: #34baba;\n\t\t\t\t--pitch9-primary-note: #60fbfb;\n\t\t\t\t--pitch10-secondary-channel: #4208a1;\n\t\t\t\t--pitch10-primary-channel: #9282ff;\n\t\t\t\t--pitch10-secondary-note: #5735b5;\n\t\t\t\t--pitch10-primary-note: #ab52fb;\n\t\t\t\t--noise1-secondary-channel: #2a5555;\n\t\t\t\t--noise1-primary-channel: #4c7878;\n\t\t\t\t--noise1-secondary-note: #6e9a9a;\n\t\t\t\t--noise1-primary-note: #90bcbc;\n\t\t\t\t--noise2-secondary-channel: #553355;\n\t\t\t\t--noise2-primary-channel: #775577;\n\t\t\t\t--noise2-secondary-note: #997799;\n\t\t\t\t--noise2-primary-note: #bbaa99;\n\t\t\t\t--noise3-secondary-channel: #2a6622;\n\t\t\t\t--noise3-primary-channel: #4c8844;\n\t\t\t\t--noise3-secondary-note: #6eaa66;\n\t\t\t\t--noise3-primary-note: #90cc88;\n\t\t\t\t--noise4-secondary-channel: #664400;\n\t\t\t\t--noise4-primary-channel: #886600;\n\t\t\t\t--noise4-secondary-note: #aa8800;\n\t\t\t\t--noise4-primary-note: #cccc00;\n\t\t\t\t--noise5-secondary-channel: #006633;\n\t\t\t\t--noise5-primary-channel: #008855;\n\t\t\t\t--noise5-secondary-note: #00aa77;\n\t\t\t\t--noise5-primary-note: #00cc99;\n\t\t\t\t--mod1-secondary-channel: #fe00ff;\n\t\t\t\t--mod1-primary-channel: #ff72ff;\n\t\t\t\t--mod1-secondary-note: #ff92ff;\n\t\t\t\t--mod1-primary-note: #ffb2fb;\n\t\t\t\t--mod2-secondary-channel: #00fe00;\n\t\t\t\t--mod2-primary-channel: #8eff8e;\n\t\t\t\t--mod2-secondary-note: #92ff92;\n\t\t\t\t--mod2-primary-note: #b2ffb2;\n\t\t\t\t--mod3-secondary-channel: #feff00;\n\t\t\t\t--mod3-primary-channel: #fffb8e;\n\t\t\t\t--mod3-secondary-note: #fffd92;\n\t\t\t\t--mod3-primary-note: #fffe92;\n\t\t\t\t--mod4-secondary-channel: #00fffe;\n\t\t\t\t--mod4-primary-channel: #82fffb;\n\t\t\t\t--mod4-secondary-note: #92ffff;\n\t\t\t\t--mod4-primary-note: #b2fffb;\n\t\t\t\t--disabled-note-primary: #c6c6c6;\n\t\t\t\t--disabled-note-secondary: #8c8c8c;\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t}","azur lane":'\n\t\t:root {\n\t\t\t--page-margin: #19337e;\n\t\t\t--editor-background: #000333cf;\n\t\t\t--hover-preview: white;\n\t\t\t--playhead: rgba(255, 255, 255, 0.9);\n\t\t\t--primary-text: #9af9ff;\n\t\t\t--secondary-text: #4072dd;\n\t\t\t--inverted-text: black;\n\t\t\t--text-selection: rgba(119,68,255,0.99);\n\t\t\t--box-selection-fill: #044b94;\n\t\t\t--loop-accent: #950d0d;\n\t\t\t--link-accent: #0072ff;\n\t\t\t--ui-widget-background: #255bb3;\n\t\t\t--ui-widget-focus: #757575;\n\t\t\t--pitch-background: #20468b73;\n\t\t\t--tonic: #c9c9c9;\n\t\t\t--fifth-note: #731d1d;\n\t\t\t--white-piano-key: #eee;\n\t\t\t--black-piano-key: #000;\n\t\t\t--white-piano-key-text: #131200;\n\t\t\t--black-piano-key-text: #fff;\n\t\t\t--use-color-formula: false;\n\t\t\t--track-editor-bg-pitch: #535a73;\n\t\t\t--track-editor-bg-pitch-dim: #353643;\n\t\t\t--track-editor-bg-noise: #770000;\n\t\t\t--track-editor-bg-noise-dim: #430000;\n\t\t\t--track-editor-bg-mod: #5d1d06;\n\t\t\t--track-editor-bg-mod-dim: #270000;\n\t\t\t--multiplicative-mod-slider: #bb0000;\n\t\t\t--overwriting-mod-slider: #ad0000;\n\t\t\t--indicator-primary: #9c64f7;\n\t\t\t--indicator-secondary: #393e4f;\n\t\t\t--select2-opt-group: #5d576f;\n\t\t\t--input-box-outline: #002957;\n\t\t\t--mute-button-normal: #ffffff;\n\t\t\t--mute-button-mod: #4f4f4f;\n\t\t\t--mod-label-primary: #531313;\n\t\t\t--pitch1-secondary-channel: #80858d;\n\t\t --pitch1-primary-channel: #f2f7ff;\n\t\t --pitch1-secondary-note: #80858d;\n\t\t --pitch1-primary-note: #f2f7ff;\n\t\t --pitch2-secondary-channel: #7392ad;\n\t\t --pitch2-primary-channel: #a8d6ff;\n\t\t --pitch2-secondary-note: #7392ad;\n\t\t --pitch2-primary-note: #a8d6ff;\n\t\t --pitch3-secondary-channel: #4b7eaa;\n\t\t --pitch3-primary-channel: #71bdff;\n\t\t --pitch3-secondary-note: #4b7eaa;\n\t\t --pitch3-primary-note: #71bdff;\n\t\t --pitch4-secondary-channel: #3594b1;\n\t\t --pitch4-primary-channel: #48d4ff;\n\t\t --pitch4-secondary-note: #3594b1;\n\t\t --pitch4-primary-note: #48d4ff;\n\t\t --pitch5-secondary-channel: #1b98b1;\n\t\t --pitch5-primary-channel: #30f1ff;\n\t\t --pitch5-secondary-note: #1b98b1;\n\t\t --pitch5-primary-note: #30f1ff;\n\t\t --pitch6-secondary-channel: #9e0000;\n\t\t --pitch6-primary-channel: #db0000;\n\t\t --pitch6-secondary-note: #9e0000;\n\t\t --pitch6-primary-note: #db0000;\n\t\t --pitch7-secondary-channel: #7c1717;\n\t\t --pitch7-primary-channel: #9e0000;\n\t\t --pitch7-secondary-note: #7c1717;\n\t\t --pitch7-primary-note: #9e0000;\n\t\t --pitch8-secondary-channel: #5c1f1f;\n\t\t --pitch8-primary-channel: #7c1717;\n\t\t --pitch8-secondary-note: #5c1f1f;\n\t\t --pitch8-primary-note: #7c1717;\n\t\t --pitch9-secondary-channel: #3e2020;\n\t\t --pitch9-primary-channel: #5c1f1f;\n\t\t --pitch9-secondary-note: #3e2020;\n\t\t --pitch9-primary-note: #5c1f1f;\n\t\t --pitch10-secondary-channel: #2f1c1c;\n\t\t --pitch10-primary-channel: #5c1f1f;\n\t\t --pitch10-secondary-note: #2f1c1c;\n\t\t --pitch10-primary-note: #5c1f1f;\n\t\t --noise1-secondary-channel: #828282;\n\t\t --noise1-primary-channel: #cacaca;\n\t\t --noise1-secondary-note: #828282;\n\t\t --noise1-primary-note: #cacaca;\n\t\t --noise2-secondary-channel: #2f8baf;\n\t\t --noise2-primary-channel: #3de2ff;\n\t\t --noise2-secondary-note: #2f8baf;\n\t\t --noise2-primary-note: #3de2ff;\n\t\t --noise3-secondary-channel: #6f50b1;\n\t\t --noise3-primary-channel: #8567ff;\n\t\t --noise3-secondary-note: #6f50b1;\n\t\t --noise3-primary-note: #8567ff;\n\t\t --noise4-secondary-channel: #d38900;\n\t\t --noise4-primary-channel: #ffb500;\n\t\t --noise4-secondary-note: #d38900;\n\t\t --noise4-primary-note: #ffb500;\n\t\t --noise5-secondary-channel: #af0008;\n\t\t --noise5-primary-channel: #00d70e;\n\t\t --noise5-secondary-note: #29b700;\n\t\t --noise5-primary-note: #00f7ff;\n\t\t --mod1-secondary-channel: #9d5bb9;\n\t\t --mod1-primary-channel: #e16bff;\n\t\t --mod1-secondary-note: #3a3ea4;\n\t\t --mod1-primary-note: #fff;\n\t\t --mod2-secondary-channel: #3a8d58;\n\t\t --mod2-primary-channel: #42ffff;\n\t\t --mod2-secondary-note: #3a8d58;\n\t\t --mod2-primary-note: #42ffff;\n\t\t --mod3-secondary-channel: #af6c00;\n\t\t --mod3-primary-channel: #fa0;\n\t\t --mod3-secondary-note: #0001a2;\n\t\t --mod3-primary-note: #970000;\n\t\t --mod4-secondary-channel: #d3d3d3;\n\t\t --mod4-primary-channel: #759bff;\n\t\t --mod4-secondary-note: #a00000;\n\t\t --mod4-primary-note: #fff;\n\t\t --disabled-note-primary: #3a3a3a;\n\t\t --disabled-note-secondary: #000;\n\n\t\t \n\t\t \n\t\t\t}\n\n\t\t.promptContainerBG::before {\n\t\t\tbox-shadow: inset 0 0 2000px rgba(255, 255, 255, .5);\n\t\t}\n\n\t\n\t\t/* replaces hotdog (in a hacky way) with an image of the girls using the same scratch sprites from the 404 page*/\n\t\t#Hotdog {\n\t\tdisplay: none;\n\t\t}\n\t\t.instructions-column > section:first-of-type > p:first-of-type:after {\n\t\tdisplay: block;\n\t\tcontent: url("UltraboxAzurLaneThemeStarterSquad.png");\n\t\twidth: 100%;\n\t\ttext-align: center;\n\t\tmargin-top: 25px;\n\t\t}\n\t\t/* sets cursor */\n\t\t* {\n\t\tcursor: url("UltraBoxAzurLaneThemeMouse.png"), auto !important;\n\t\t}\n\t\t/* sets background image */\n\t\tbody {\n\t\tbackground-image: url("UltraBoxAzurLaneThemeMemoryTaskBackground.png") !important;\n\t\tbackground-size: cover;\n\t\tbackground-position: center;\n\t\tbackground-repeat: no-repeat;\n\t\t\t}\n\t\t\t/* make editor background transparent */\n\t\t#beepboxEditorContainer, .beepboxEditor, #text-content {\n\t\tbackground: #0400257d !important;\n\t\t}\n\t\t\t#text-content > section > h1 > font {\n\t\tdisplay: none;\n\t\t}\n\t\t#text-content > section > h1 {\n\t\tmargin: auto;\n\t\tcontent: url("UltraBoxALThemeLogo.png");\n\t\t}\n\t}',WeebBox:'\n\t:root {\n\t\t--page-margin: #040410;\n\t\t--editor-background: #040410;\n\t\t--hover-preview: white;\n\t\t--playhead: rgba(255, 255, 255, 0.9);\n\t\t--primary-text: white;\n\t\t--secondary-text: #84859a;\n\t\t--inverted-text: black;\n\t\t--text-selection: rgba(119,68,255,0.99);\n\t\t--box-selection-fill: #044b94;\n\t\t--loop-accent: #74f;\n\t\t--link-accent: #98f;\n\t\t--ui-widget-background: #393e4f;\n\t\t--ui-widget-focus: #6d6886;\n\t\t--pitch-background: #393e4f55;\n\t\t--tonic: #725491;\n\t\t--fifth-note: #54547a;\n\t\t--white-piano-key: #eee;\n\t\t--black-piano-key: #666;\n\t\t--white-piano-key-text: #131200;\n\t\t--black-piano-key-text: #fff;\n\t\t--use-color-formula: true;\n\t\t--track-editor-bg-pitch: #393e4f;\n\t\t--track-editor-bg-pitch-dim: #1c1d28;\n\t\t--track-editor-bg-noise: #3d3535;\n\t\t--track-editor-bg-noise-dim: #161313;\n\t\t--track-editor-bg-mod: #283560;\n\t\t--track-editor-bg-mod-dim: #0a101f;\n\t\t--multiplicative-mod-slider: #606c9f;\n\t\t--overwriting-mod-slider: #6850b5;\n\t\t--indicator-primary: #9c64f7;\n\t\t--indicator-secondary: #393e4f;\n\t\t--select2-opt-group: #5d576f;\n\t\t--input-box-outline: #222;\n\t\t--mute-button-normal: #dda85d;\n\t\t--mute-button-mod: #886eae;\n\t\t--mod-label-primary: #282840;\n\t\t--mod-label-secondary-text: rgb(87, 86, 120);\n\t\t--mod-label-primary-text: white;\n\t\t--pitch-secondary-channel-hue: 0;\n\t\t--pitch-secondary-channel-hue-scale: 6.5;\n\t\t--pitch-secondary-channel-sat: 83.3;\n\t\t--pitch-secondary-channel-sat-scale: 0.1;\n\t\t--pitch-secondary-channel-lum: 40;\n\t\t--pitch-secondary-channel-lum-scale: 0.05;\n\t\t--pitch-primary-channel-hue: 0;\n\t\t--pitch-primary-channel-hue-scale: 6.5;\n\t\t--pitch-primary-channel-sat: 100;\n\t\t--pitch-primary-channel-sat-scale: 0.1;\n\t\t--pitch-primary-channel-lum: 67.5;\n\t\t--pitch-primary-channel-lum-scale: 0.05;\n\t\t--pitch-secondary-note-hue: 0;\n\t\t--pitch-secondary-note-hue-scale: 6.5;\n\t\t--pitch-secondary-note-sat: 93.9;\n\t\t--pitch-secondary-note-sat-scale: 0.1;\n\t\t--pitch-secondary-note-lum: 25;\n\t\t--pitch-secondary-note-lum-scale: 0.05;\n\t\t--pitch-primary-note-hue: 0;\n\t\t--pitch-primary-note-hue-scale: 6.5;\n\t\t--pitch-primary-note-sat: 100;\n\t\t--pitch-primary-note-sat-scale: 0.05;\n\t\t--pitch-primary-note-lum: 85.6;\n\t\t--pitch-primary-note-lum-scale: 0.025;\n\t\t--noise-secondary-channel-hue: 0;\n\t\t--noise-secondary-channel-hue-scale: 2;\n\t\t--noise-secondary-channel-sat: 25;\n\t\t--noise-secondary-channel-sat-scale: 0;\n\t\t--noise-secondary-channel-lum: 42;\n\t\t--noise-secondary-channel-lum-scale: 0;\n\t\t--noise-primary-channel-hue: 0;\n\t\t--noise-primary-channel-hue-scale: 2;\n\t\t--noise-primary-channel-sat: 33;\n\t\t--noise-primary-channel-sat-scale: 0;\n\t\t--noise-primary-channel-lum: 63.5;\n\t\t--noise-primary-channel-lum-scale: 0;\n\t\t--noise-secondary-note-hue: 0;\n\t\t--noise-secondary-note-hue-scale: 2;\n\t\t--noise-secondary-note-sat: 33.5;\n\t\t--noise-secondary-note-sat-scale: 0;\n\t\t--noise-secondary-note-lum: 55;\n\t\t--noise-secondary-note-lum-scale: 0;\n\t\t--noise-primary-note-hue: 0;\n\t\t--noise-primary-note-hue-scale: 2;\n\t\t--noise-primary-note-sat: 46.5;\n\t\t--noise-primary-note-sat-scale: 0;\n\t\t--noise-primary-note-lum: 74;\n\t\t--noise-primary-note-lum-scale: 0;\n\t\t--mod-secondary-channel-hue: 192;\n\t\t--mod-secondary-channel-hue-scale: 1.5;\n\t\t--mod-secondary-channel-sat: 88;\n\t\t--mod-secondary-channel-sat-scale: 0;\n\t\t--mod-secondary-channel-lum: 50;\n\t\t--mod-secondary-channel-lum-scale: 0;\n\t\t--mod-primary-channel-hue: 192;\n\t\t--mod-primary-channel-hue-scale: 1.5;\n\t\t--mod-primary-channel-sat: 96;\n\t\t--mod-primary-channel-sat-scale: 0;\n\t\t--mod-primary-channel-lum: 80;\n\t\t--mod-primary-channel-lum-scale: 0;\n\t\t--mod-secondary-note-hue: 192;\n\t\t--mod-secondary-note-hue-scale: 1.5;\n\t\t--mod-secondary-note-sat: 92;\n\t\t--mod-secondary-note-sat-scale: 0;\n\t\t--mod-secondary-note-lum: 45;\n\t\t--mod-secondary-note-lum-scale: 0;\n\t\t--mod-primary-note-hue: 192;\n\t\t--mod-primary-note-hue-scale: 1.5;\n\t\t--mod-primary-note-sat: 96;\n\t\t--mod-primary-note-sat-scale: 0;\n\t\t--mod-primary-note-lum: 85;\n\t\t--mod-primary-note-lum-scale: 0;\n\t\t--disabled-note-primary: #91879f;\n\t\t--disabled-note-secondary: #6a677a;\n\n\t\t\n\t\t\n\t}\n\t#firstImage {\n\t\tbackground-image: url("https://choptop84.github.io/choptop84s-image-repository/weebboxbackground.jpg") !important;\n\t\tbackground-repeat: no-repeat !important;\n\t\tbackground-size: 100% 100% !important;\n\t}\n\n\t#firstImage rect {\n\t\topacity: 0.8 !important;\n\t}\n',"BoxBeep Dark":"\n\t\t:root {\n\t\t\t--page-margin: #97a277;\n\t\t\t--editor-background: black;\n\t\t\t--hover-preview: white;\n\t\t\t--playhead: rgba(255,255,255,255.5);\n\t\t\t--primary-text: white;\n\t\t\t--secondary-text: #888;\n\t\t\t--inverted-text: black;\n\t\t\t--text-selection: rgba(55, 85, 0, 0.99);\n\t\t\t--box-selection-fill: rgba(225,255,255,0.1);\n\t\t\t--loop-accent: #670;\n\t\t\t--link-accent: #8b0;\n\t\t\t--ui-widget-background: #131313;\n\t\t\t--ui-widget-focus: #111;\n\t\t\t--pitch-background: #131313;\n\t\t\t--tonic: #0f2949;\n\t\t\t--fifth-note: #44220f;\n\t\t\t--white-piano-key: #111111;\n\t\t\t--black-piano-key: #999999;\n\t\t\t--white-piano-key-text: #fff;\n\t\t\t--black-piano-key-text: #000;\n\n\t\t\t--pitch1-secondary-channel: #932612;\n\t\t\t--pitch1-primary-channel: #ff5f42;\n\t\t\t--pitch1-secondary-note: #cb3d23;\n\t\t\t--pitch1-primary-note: #ff8a75;\n\n\t\t\t--pitch2-secondary-channel: #1c36be;\n\t\t\t--pitch2-primary-channel: #4b68ff;\n\t\t\t--pitch2-secondary-note: #2e49d7;\n\t\t\t--pitch2-primary-note: #7c91ff;\n\n\t\t\t--pitch3-secondary-channel: #00629e;\n\t\t\t--pitch3-primary-channel: #1eb1ff;\n\t\t\t--pitch3-secondary-note: #0982c3;\n\t\t\t--pitch3-primary-note: #49bfff;\n\n\t\t\t--pitch4-secondary-channel: #b41db4;\n\t\t\t--pitch4-primary-channel: #ff57ff;\n\t\t\t--pitch4-secondary-note: #d237d2;\n\t\t\t--pitch4-primary-note: #ff7fff;\n\n\t\t\t--pitch5-secondary-channel: #006f00;\n\t\t\t--pitch5-primary-channel: #1ed120;\n\t\t\t--pitch5-secondary-note: #139113;\n\t\t\t--pitch5-primary-note: #59ff5a;\n\n\t\t\t--pitch6-secondary-channel: #4a4a01;\n\t\t\t--pitch6-primary-channel: #969602;\n\t\t\t--pitch6-secondary-note: #6c6c01;\n\t\t\t--pitch6-primary-note: #b5b528;\n\n\t\t\t--pitch7-secondary-channel: #3d27b7;\n\t\t\t--pitch7-primary-channel: #7157ff;\n\t\t\t--pitch7-secondary-note: #4f37d2;\n\t\t\t--pitch7-primary-note: #937fff;\n\n\t\t\t--pitch8-secondary-channel: #006f5b;\n\t\t\t--pitch8-primary-channel: #1ed1b2;\n\t\t\t--pitch8-secondary-note: #13917a;\n\t\t\t--pitch8-primary-note: #59ffe2;\n\n\t\t\t--pitch9-secondary-channel: #be1c4a;\n\t\t\t--pitch9-primary-channel: #ff4b7e;\n\t\t\t--pitch9-secondary-note: #d72e5e;\n\t\t\t--pitch9-primary-note: #ff7ca1;\n\n\t\t\t--pitch10-secondary-channel:#358800;\n\t\t\t--pitch10-primary-channel: #69f600;\n\t\t\t--pitch10-secondary-note: #4ab000;\n\t\t\t--pitch10-primary-note: #7bff1c;\n\n\t\t\t--noise1-secondary-channel: #3e3e3e;\n\t\t\t--noise1-primary-channel: #767676;\n\t\t\t--noise1-secondary-note: #525252;\n\t\t\t--noise1-primary-note: #939393;\n\n\t\t\t--noise2-secondary-channel: #174473;\n\t\t\t--noise2-primary-channel: #4282c5;\n\t\t\t--noise2-secondary-note: #2e5c8b;\n\t\t\t--noise2-primary-note: #7c9cbd;\n\n\t\t\t--noise3-secondary-channel: #643b14;\n\t\t\t--noise3-primary-channel: #bb7e41;\n\t\t\t--noise3-secondary-note: #83582c;\n\t\t\t--noise3-primary-note: #b8997a;\n\n\t\t\t--noise4-secondary-channel: #3a5a1f;\n\t\t\t--noise4-primary-channel: #7aac51;\n\t\t\t--noise4-secondary-note: #4d6f33;\n\t\t\t--noise4-primary-note: #97b082;\n\n\t\t\t--noise5-secondary-channel: #47316c;\n\t\t\t--noise5-primary-channel: #87A74F;\n\t\t\t--noise5-secondary-note: #7858b0;\n\t\t\t--noise5-primary-note: #9787b3;\n\t\t}\n\t\t\n\t\t.beepboxEditor button, .beepboxEditor select, button {\n\t\t\tbox-shadow: inset 0 0 0 1px var(--secondary-text);\n\t\t}\n\t\t\n\t\ta.tip {\n\t\t\tdisplay:none;\n\t\t}\n\n\t\tdiv.visualizer {\n\t\t\ttransform: scaleX(-1);\n\t\t}\n\n\t\t","BoxBeep light":"\n\t\t:root {\n\t\t\t--page-margin: white;\n\t\t\t--editor-background: white;\n\t\t\t--hover-preview: black;\n\t\t\t--playhead: black;\n\t\t\t--primary-text: black;\n\t\t\t--secondary-text: #666666;\n\t\t\t--inverted-text: white;\n\t\t\t--text-selection: rgba(136, 187, 0,0.99);\n\t\t\t--box-selection-fill: rgba(0,0,0,0.2);\n\t\t\t--loop-accent: #88bb00;\n\t\t\t--link-accent: #667700;\n\t\t\t--ui-widget-background: #bbbbbb;\n\t\t\t--ui-widget-focus: #888888;\n\t\t\t--pitch-background: #bbbbbb;\n\t\t\t--tonic: #7799bb;\n\t\t\t--fifth-note: #bb9977;\n\t\t\t--white-piano-key: #444444;\n\t\t\t--black-piano-key: #bbbbbb;\n\t\t\t--white-piano-key-text: #fff;\n\t\t\t--black-piano-key-text: #000;\n\n\t\t\t--pitch1-secondary-channel: #ff665e;\n\t\t\t--pitch1-primary-channel: #da0c00;\n\t\t\t--pitch1-secondary-note: #ff4238;\n\t\t\t--pitch1-primary-note: #6d0600;\n\n\t\t\t--pitch2-secondary-channel: #5e5eff;\n\t\t\t--pitch2-primary-channel: #0000da;\n\t\t\t--pitch2-secondary-note: \t#3838ff;\n\t\t\t--pitch2-primary-note: #00006d;\n\n\t\t\t--pitch3-secondary-channel: #38afff;\n\t\t\t--pitch3-primary-channel: #0068ad;\n\t\t\t--pitch3-secondary-note: #0088e3;\n\t\t\t--pitch3-primary-note: #003254;\n\n\t\t\t--pitch4-secondary-channel: #ff5eff;\n\t\t\t--pitch4-primary-channel: #af00af;\n\t\t\t--pitch4-secondary-note: #ff38ff;\n\t\t\t--pitch4-primary-note: #5f005f;\n\n\t\t\t--pitch5-secondary-channel: #2fdf2f;\n\t\t\t--pitch5-primary-channel: #006f00;\n\t\t\t--pitch5-secondary-note: #1fbf1f;\n\t\t\t--pitch5-primary-note: #003f00;\n\n\t\t\t--pitch6-secondary-channel: #88884f;\n\t\t\t--pitch6-primary-channel: #5f5f00;\n\t\t\t--pitch6-secondary-note: #77772f;\n\t\t\t--pitch6-primary-note: #2f2f00;\n\n\t\t\t--pitch7-secondary-channel: #755eff;\n\t\t\t--pitch7-primary-channel: #2100da;\n\t\t\t--pitch7-secondary-note: #5538ff;\n\t\t\t--pitch7-primary-note: #19006d;\n\n\t\t\t--pitch8-secondary-channel: #20ffe6;\n\t\t\t--pitch8-primary-channel: #00675b;\n\t\t\t--pitch8-secondary-note: #00b19c;\n\t\t\t--pitch8-primary-note: #004d44;\n\n\t\t\t--pitch9-secondary-channel: #ff5e8f;\n\t\t\t--pitch9-primary-channel: #af0036;\n\t\t\t--pitch9-secondary-note: #ff3875;\n\t\t\t--pitch9-primary-note: #7c0026;\n\n\t\t\t--pitch10-secondary-channel:#5ee000;\n\t\t\t--pitch10-primary-channel: #317400;\n\t\t\t--pitch10-secondary-note: #48a800;\n\t\t\t--pitch10-primary-note: #205300;\n\n\t\t\t--noise1-secondary-channel: #909090;\n\t\t\t--noise1-primary-channel: #555555;\n\t\t\t--noise1-secondary-note: #585858;\n\t\t\t--noise1-primary-note: #1f1f1f;\n\n\t\t\t--noise2-secondary-channel: #6699cc;\n\t\t\t--noise2-primary-channel: #225588;\n\t\t\t--noise2-secondary-note: #336699;\n\t\t\t--noise2-primary-note: #0f2f44;\n\n\t\t\t--noise3-secondary-channel: #b59270;\n\t\t\t--noise3-primary-channel: #885522;\n\t\t\t--noise3-secondary-note: #906030;\n\t\t\t--noise3-primary-note: #442800;\n\n\t\t\t--noise4-secondary-channel: #85b065;\n\t\t\t--noise4-primary-channel: #507d2d;\n\t\t\t--noise4-secondary-note: #618e3e;\n\t\t\t--noise4-primary-note: #2b3e15;\n\n\t\t\t--noise5-secondary-channel: #9f87c8;\n\t\t\t--noise5-primary-channel: #5d4488;\n\t\t\t--noise5-secondary-note: #6e5599;\n\t\t\t--noise5-primary-note: #3a1d4d;\n\t\t}\n\n\t\tdiv.visualizer {\n\t\t\ttransform: scaleX(-1);\n\t\t}\n\n\t\ta.tip {\n\t\t\tdisplay:none;\n\t\t}\n\t\t",Protanopia:"\n:root { \n--page-margin: #000000; \n--editor-background: #000000; \n--hover-preview: white; \n--playhead: rgba(255, 255, 255, 0.9); \n--primary-text: #ffffff; \n--secondary-text: #e5e5e5; \n--inverted-text: #000000; \n--text-selection: rgba(119,68,255,0.99); \n--box-selection-fill: #044b94; \n--loop-accent: #ffffff; \n--link-accent: #8915c8; \n--ui-widget-background: #676767; \n--ui-widget-focus: #696969; \n--pitch-background: #302f36; \n--tonic: #19181c; \n--fifth-note: #1b1924; \n--white-piano-key: #a6a6a6; \n--black-piano-key: #484848; \n--use-color-formula: false; \n--track-editor-bg-pitch: #666666; \n--track-editor-bg-pitch-dim: #383838; \n--track-editor-bg-noise: #438240; \n--track-editor-bg-noise-dim: #1e361d; \n--track-editor-bg-mod: #5f419c; \n--track-editor-bg-mod-dim: #3e2b66; \n--multiplicative-mod-slider: #b62326; \n--overwriting-mod-slider: #5f1214; \n--indicator-primary: #ccffdb; \n--indicator-secondary: #55dee6; \n--select2-opt-group: #595959; \n--input-box-outline: #ffffff; \n--mute-button-normal: #f11d22; \n--mute-button-mod: #4b57c2; \n--mod-label-primary: #0909ff; \n--mod-label-secondary-text: #ffffff; \n--mod-label-primary-text: #c8ecfd; \n\t\t\t\t--pitch1-secondary-channel: #160740;\n\t\t\t\t--pitch1-primary-channel: #482d8a;\n\n\t\t\t\t--pitch1-secondary-note: #160740;\n\t\t\t\t--pitch1-primary-note: #482d8a;\n\n\t\t\t\t--pitch2-secondary-channel: #0b555e;\n\t\t\t\t--pitch2-primary-channel: #126e7a;\n\n\t\t\t\t--pitch2-secondary-note: #0b555e;\n\t\t\t\t--pitch2-primary-note: #126e7a;\n\n\t\t\t\t--pitch3-secondary-channel: #1d898c;\n\t\t\t\t--pitch3-primary-channel: #2fa9ad;\n\n\t\t\t\t--pitch3-secondary-note: #1d898c;\n\t\t\t\t--pitch3-primary-note: #2fa9ad;\n\n\t\t\t\t--pitch4-secondary-channel: #3f9160;\n\t\t\t\t--pitch4-primary-channel: #55ad78;\n\n\t\t\t\t--pitch4-secondary-note: #3f9160;\n\t\t\t\t--pitch4-primary-note: #55ad78;\n\n\t\t\t\t--pitch5-secondary-channel: #69b051;\n\t\t\t\t--pitch5-primary-channel: #97e07e;\n\n\t\t\t\t--pitch5-secondary-note: #69b051;\n\t\t\t\t--pitch5-primary-note: #97e07e;\n\n\t\t\t\t--pitch6-secondary-channel: #bbcc8f;\n\t\t\t\t--pitch6-primary-channel: #d4e3ac;\n\n\t\t\t\t--pitch6-secondary-note: #bbcc8f;\n\t\t\t\t--pitch6-primary-note: #d4e3ac;\n\n\t\t\t\t--pitch7-secondary-channel: #8f7657;\n\t\t\t\t--pitch7-primary-channel: #b5a28a;\n\n\t\t\t\t--pitch7-secondary-note: #8f7657;\n\t\t\t\t--pitch7-primary-note: #b5a28a;\n\n\t\t\t\t--pitch8-secondary-channel: #804d3c;\n\t\t\t\t--pitch8-primary-channel: #a16a58;\n\n\t\t\t\t--pitch8-secondary-note: #804d3c;\n\t\t\t\t--pitch8-primary-note: #a16a58;\n\n\t\t\t\t--pitch9-secondary-channel: #a62b2b;\n\t\t\t\t--pitch9-primary-channel: #ba3c3c;\n\n\t\t\t\t--pitch9-secondary-note: #a62b2b;\n\t\t\t\t--pitch9-primary-note: #ba3c3c;\n\n\t\t\t\t--pitch10-secondary-channel:#ba497c;\n\t\t\t\t--pitch10-primary-channel: #d46195;\n\n\t\t\t\t--pitch10-secondary-note: #ba497c;\n\t\t\t\t--pitch10-primary-note: #d46195;\n\n\t\t\t\t--noise1-secondary-channel: #6F6F6F;\n\t\t\t\t--noise1-primary-channel: #AAAAAA;\n\n\t\t\t\t--noise1-secondary-note: #A7A7A7;\n\t\t\t\t--noise1-primary-note: #E0E0E0;\n\n\t\t\t\t--noise2-secondary-channel: #996633;\n\t\t\t\t--noise2-primary-channel: #DDAA77;\n\t\t\t\t--noise2-secondary-note: #CC9966;\n\t\t\t\t--noise2-primary-note: #F0D0BB;\n\t\t\t\t--noise3-secondary-channel: #4A6D8F;\n\t\t\t\t--noise3-primary-channel: #77AADD;\n\t\t\t\t--noise3-secondary-note: #6F9FCF;\n\t\t\t\t--noise3-primary-note: #BBD7FF;\n\t\t\t\t--noise4-secondary-channel: #7A4F9A;\n\t\t\t\t--noise4-primary-channel: #AF82D2;\n\t\t\t\t--noise4-secondary-note: #9E71C1;\n\t\t\t\t--noise4-primary-note: #D4C1EA;\n\t\t\t\t--noise5-secondary-channel: #607837;\n\t\t\t\t--noise5-primary-channel: #A2BB77;\n\t\t\t\t--noise5-secondary-note: #91AA66;\n\t\t\t\t--noise5-primary-note: #C5E2B2;\n \t\t\t\t--mod1-secondary-channel: #339955;\n\t\t\t\t\t--mod1-primary-channel: #77fc55;\n\t\t\t\t\t--mod1-secondary-note: #77ff8a;\n\t\t\t\t\t--mod1-primary-note: #cdffee;\n\t\t\t\t\t--mod2-secondary-channel: #993355;\n\t\t\t\t\t--mod2-primary-channel: #f04960;\n\t\t\t\t\t--mod2-secondary-note: #f057a0;\n\t\t\t\t\t--mod2-primary-note: #ffb8de;\n\t\t\t\t\t--mod3-secondary-channel: #553399;\n\t\t\t\t\t--mod3-primary-channel: #8855fc;\n\t\t\t\t\t--mod3-secondary-note: #aa64ff;\n\t\t\t\t\t--mod3-primary-note:\t #f8ddff;\n\t\t\t\t\t--mod4-secondary-channel: #a86436;\n\t\t\t\t\t--mod4-primary-channel: #c8a825;\n\t\t\t\t\t--mod4-secondary-note: #e8ba46;\n\t\t\t\t\t--mod4-primary-note: #fff6d3;\n\t\t\t\t\t--mod-label-primary: #999;\n\t\t\t\t\t--mod-label-secondary-text: #333;\n\t\t\t\t\t--mod-label-primary-text: black;\n\t\t\t\t\t--disabled-note-primary: #999;\n\t\t\t\t\t--disabled-note-secondary: #666;\n\n\t\t\t\t\t\n\t\t\t\t\t\n}\n\n\t\t\t",Tritanopia:"\n:root { \n--page-margin: #000000; \n--editor-background: #000000; \n--hover-preview: white; \n--playhead: rgba(255, 255, 255, 0.9); \n--primary-text: #ffffff; \n--secondary-text: #e5e5e5; \n--inverted-text: #000000; \n--text-selection: rgba(119,68,255,0.99); \n--box-selection-fill: #044b94; \n--loop-accent: #ffffff; \n--link-accent: #8915c8; \n--ui-widget-background: #676767; \n--ui-widget-focus: #696969; \n--pitch-background: #302f36; \n--tonic: #19181c; \n--fifth-note: #1b1924; \n--white-piano-key: #a6a6a6; \n--black-piano-key: #484848; \n--use-color-formula: false; \n--track-editor-bg-pitch: #666666; \n--track-editor-bg-pitch-dim: #383838; \n--track-editor-bg-noise: #438240; \n--track-editor-bg-noise-dim: #1e361d; \n--track-editor-bg-mod: #5f419c; \n--track-editor-bg-mod-dim: #3e2b66; \n--multiplicative-mod-slider: #b62326; \n--overwriting-mod-slider: #5f1214; \n--indicator-primary: #ccffdb; \n--indicator-secondary: #55dee6; \n--select2-opt-group: #595959; \n--input-box-outline: #ffffff; \n--mute-button-normal: #f11d22; \n--mute-button-mod: #4b57c2; \n--mod-label-primary: #0909ff; \n--mod-label-secondary-text: #ffffff; \n--mod-label-primary-text: #c8ecfd; \n\t\t\t\t--pitch1-secondary-channel: #9C0000;\n\t\t\t\t--pitch1-primary-channel: #FF0000;\n\n\t\t\t\t--pitch1-secondary-note: #9C0000;\n\t\t\t\t--pitch1-primary-note: #FF0000;\n\n\t\t\t\t--pitch2-secondary-channel: #8E009C;\n\t\t\t\t--pitch2-primary-channel: #EB25FF;\n\n\t\t\t\t--pitch2-secondary-note: #8E009C;\n\t\t\t\t--pitch2-primary-note: #EB25FF;\n\n\t\t\t\t--pitch3-secondary-channel: #00069C;\n\t\t\t\t--pitch3-primary-channel: #3D45FF;\n\n\t\t\t\t--pitch3-secondary-note: #00069C;\n\t\t\t\t--pitch3-primary-note: #3D45FF;\n\n\t\t\t\t--pitch4-secondary-channel: #00829C;\n\t\t\t\t--pitch4-primary-channel: #24DBFF;\n\n\t\t\t\t--pitch4-secondary-note: #00829C;\n\t\t\t\t--pitch4-primary-note: #24DBFF;\n\n\t\t\t\t--pitch5-secondary-channel: #009C18;\n\t\t\t\t--pitch5-primary-channel: #70FF86;\n\n\t\t\t\t--pitch5-secondary-note: #009C18;\n\t\t\t\t--pitch5-primary-note: #70FF86;\n\n\t\t\t\t--pitch6-secondary-channel: #8E9C00;\n\t\t\t\t--pitch6-primary-channel: #DBEF16;\n\n\t\t\t\t--pitch6-secondary-note: #8E9C00;\n\t\t\t\t--pitch6-primary-note: #DBEF16;\n\n\t\t\t\t--pitch7-secondary-channel: #9C6A00;\n\t\t\t\t--pitch7-primary-channel: #F7AC0E;\n\n\t\t\t\t--pitch7-secondary-note: #9C6A00;\n\t\t\t\t--pitch7-primary-note: #F7AC0E;\n\n\t\t\t\t--pitch8-secondary-channel: #9C2300;\n\t\t\t\t--pitch8-primary-channel: #F53700;\n\n\t\t\t\t--pitch8-secondary-note: #9C2300;\n\t\t\t\t--pitch8-primary-note: #F53700;\n\n\t\t\t\t--pitch9-secondary-channel: #441A0D;\n\t\t\t\t--pitch9-primary-channel: #9E3F22;\n\n\t\t\t\t--pitch9-secondary-note: #441A0D;\n\t\t\t\t--pitch9-primary-note: #9E3F22;\n\n\t\t\t\t--pitch10-secondary-channel:#2C0D44;\n\t\t\t\t--pitch10-primary-channel: #7436A4;\n\n\t\t\t\t--pitch10-secondary-note: #2C0D44;\n\t\t\t\t--pitch10-primary-note: #7436A4;\n\n\t\t\t\t--noise1-secondary-channel: #6F6F6F;\n\t\t\t\t--noise1-primary-channel: #AAAAAA;\n\n\t\t\t\t--noise1-secondary-note: #A7A7A7;\n\t\t\t\t--noise1-primary-note: #E0E0E0;\n\n\t\t\t\t--noise2-secondary-channel: #996633;\n\t\t\t\t--noise2-primary-channel: #DDAA77;\n\t\t\t\t--noise2-secondary-note: #CC9966;\n\t\t\t\t--noise2-primary-note: #F0D0BB;\n\t\t\t\t--noise3-secondary-channel: #4A6D8F;\n\t\t\t\t--noise3-primary-channel: #77AADD;\n\t\t\t\t--noise3-secondary-note: #6F9FCF;\n\t\t\t\t--noise3-primary-note: #BBD7FF;\n\t\t\t\t--noise4-secondary-channel: #7A4F9A;\n\t\t\t\t--noise4-primary-channel: #AF82D2;\n\t\t\t\t--noise4-secondary-note: #9E71C1;\n\t\t\t\t--noise4-primary-note: #D4C1EA;\n\t\t\t\t--noise5-secondary-channel: #607837;\n\t\t\t\t--noise5-primary-channel: #A2BB77;\n\t\t\t\t--noise5-secondary-note: #91AA66;\n\t\t\t\t--noise5-primary-note: #C5E2B2;\n \t\t\t\t--mod1-secondary-channel: #339955;\n\t\t\t\t\t--mod1-primary-channel: #77fc55;\n\t\t\t\t\t--mod1-secondary-note: #77ff8a;\n\t\t\t\t\t--mod1-primary-note: #cdffee;\n\t\t\t\t\t--mod2-secondary-channel: #993355;\n\t\t\t\t\t--mod2-primary-channel: #f04960;\n\t\t\t\t\t--mod2-secondary-note: #f057a0;\n\t\t\t\t\t--mod2-primary-note: #ffb8de;\n\t\t\t\t\t--mod3-secondary-channel: #553399;\n\t\t\t\t\t--mod3-primary-channel: #8855fc;\n\t\t\t\t\t--mod3-secondary-note: #aa64ff;\n\t\t\t\t\t--mod3-primary-note:\t #f8ddff;\n\t\t\t\t\t--mod4-secondary-channel: #a86436;\n\t\t\t\t\t--mod4-primary-channel: #c8a825;\n\t\t\t\t\t--mod4-secondary-note: #e8ba46;\n\t\t\t\t\t--mod4-primary-note: #fff6d3;\n\t\t\t\t\t--mod-label-primary: #999;\n\t\t\t\t\t--mod-label-secondary-text: #333;\n\t\t\t\t\t--mod-label-primary-text: black;\n\t\t\t\t\t--disabled-note-primary: #999;\n\t\t\t\t\t--disabled-note-secondary: #666;\n\t\t\t\t\t\n\t\t\t\t\t\n}\n\n\t\t\t",Deuteranopia:"\n :root {\n --page-margin: #000;\n --editor-background: #060606;\n --hover-preview: #fff;\n --playhead: rgb(255, 255, 255);\n --primary-text: #fff;\n --secondary-text: #fff;\n --inverted-text: #000;\n --text-selection: rgba(126, 126, 126, .99);\n --box-selection-fill: #b74a4a;\n --loop-accent: #7744FF;\n --link-accent: #7744FF;\n --ui-widget-background: #484848;\n --ui-widget-focus: #3e3e3e;\n --pitch-background: #3e3e3e;\n --tonic: #861057;\n --fifth-note: #7e7e7e;\n --use-color-formula: false;\n --track-editor-bg-pitch: #666161;\n --track-editor-bg-pitch-dim: #3e3e3e;\n --track-editor-bg-noise: #474747;\n --track-editor-bg-noise-dim: #1a1a1a;\n --track-editor-bg-mod: #474747;\n --track-editor-bg-mod-dim: #1a1a1a;\n --multiplicative-mod-slider: #868686;\n --overwriting-mod-slider: #fff;\n --indicator-primary: #fff;\n --indicator-secondary: #535353;\n --select2-opt-group: #5d576f;\n --input-box-outline: #626262;\n --mute-button-normal: #ffdc00;\n --mute-button-mod: #0027ff;\n --mod-label-primary: #2b2b2b;\n\n --pitch1-secondary-channel: #0082BB;\n --pitch1-primary-channel: #B1E8FF;\n --pitch1-secondary-note: #0082BB;\n --pitch1-primary-note: #B1E8FF;\n --pitch2-secondary-channel: #005F88;\n --pitch2-primary-channel: #00B2FF;\n --pitch2-secondary-note: #005F88;\n --pitch2-primary-note: #00B2FF;\n --pitch3-secondary-channel: #0E0090;\n --pitch3-primary-channel: #5196ff;\n --pitch3-secondary-note: #0E0090;\n --pitch3-primary-note: #5196ff;\n --pitch4-secondary-channel: #001540;\n --pitch4-primary-channel: #0041CA;\n --pitch4-secondary-note: #001b55;\n --pitch4-primary-note: #0041CA;\n --pitch5-secondary-channel: #936e21;\n --pitch5-primary-channel: #ffb300;\n --pitch5-secondary-note: #936e21;\n --pitch5-primary-note: #ffbe23;\n --pitch6-secondary-channel: #ca5b00;\n --pitch6-primary-channel: #faff52;\n --pitch6-secondary-note: #ca5b00;\n --pitch6-primary-note: #faff52;\n --pitch7-secondary-channel: #75714a;\n --pitch7-primary-channel: #fff3b8;\n --pitch7-secondary-note: #75714a;\n --pitch7-primary-note: #fff3b8;\n --pitch8-secondary-channel: #9c4100;\n --pitch8-primary-channel: #fc0;\n --pitch8-secondary-note: #9c4100;\n --pitch8-primary-note: #fc0;\n --pitch9-secondary-channel: #8d4d00;\n --pitch9-primary-channel: #ff9b20;\n --pitch9-secondary-note: #8d4d00;\n --pitch9-primary-note: #ff9b20;\n --pitch10-secondary-channel: #a28f00;\n --pitch10-primary-channel: #ffac55;\n --pitch10-secondary-note: #a28f00;\n --pitch10-primary-note: #ffac55;\n --noise1-secondary-channel: #868686;\n --noise1-primary-channel: #fff;\n --noise1-secondary-note: #868686;\n --noise1-primary-note: #fff;\n --noise2-secondary-channel: #ad5600;\n --noise2-primary-channel: #ffd300;\n --noise2-secondary-note: #ad5600;\n --noise2-primary-note: #ffd300;\n --noise3-secondary-channel: #4f2f00;\n --noise3-primary-channel: #fff3bc;\n --noise3-secondary-note: #4f2f00;\n --noise3-primary-note: #fff3bc;\n --noise4-secondary-channel: #0070ff;\n --noise4-primary-channel: #84f1ff;\n --noise4-secondary-note: #0070ff;\n --noise4-primary-note: #84f1ff;\n --noise5-secondary-channel: #00c4b2;\n --noise5-primary-channel: #4198ff;\n --noise5-secondary-note: #00c4b2;\n --noise5-primary-note: #4198ff;\n --mod1-secondary-channel: #00046c;\n --mod1-primary-channel: #00faff;\n --mod1-secondary-note: #00046c;\n --mod1-primary-note: #00faff;\n --mod2-secondary-channel: #d25a00;\n --mod2-primary-channel: #fdff00;\n --mod2-secondary-note: #d25a00;\n --mod2-primary-note: #fdff00;\n --mod3-secondary-channel: #5a5a5a;\n --mod3-primary-channel: #fff;\n --mod3-secondary-note: #5a5a5a;\n --mod3-primary-note: #fff;\n --mod4-secondary-channel: #006dfb;\n --mod4-primary-channel: #0ce7ff;\n --mod4-secondary-note: #006dfb;\n --mod4-primary-note: #0ce7ff;\n --disabled-note-primary: #8d8d8d;\n --disabled-note-secondary: #363636;\n\n \n \n }\n\n\t\t\t",custom:`${localStorage.getItem("customColors")||":root {\n\t\t\t\t--page-margin: #040410;\n\t\t\t\t--editor-background: #040410;\n\t\t\t\t--hover-preview: white;\n\t\t\t\t--playhead: rgba(255, 255, 255, 0.9);\n\t\t\t\t--primary-text: white;\n\t\t\t\t--secondary-text: #84859a;\n\t\t\t\t--inverted-text: black;\n\t\t\t\t--text-selection: rgba(119,68,255,0.99);\n\t\t\t\t--box-selection-fill: #044b94;\n\t\t\t\t--loop-accent: #74f;\n\t\t\t\t--link-accent: #98f;\n\t\t\t\t--ui-widget-background: #393e4f;\n\t\t\t\t--ui-widget-focus: #6d6886;\n\t\t\t\t--pitch-background: #393e4f99;\n\t\t\t\t--tonic: #725491;\n\t\t\t\t--fifth-note: #54547a;\n\t\t\t\t--white-piano-key: #eee;\n\t\t\t\t--black-piano-key: #666;\n\t\t\t\t--use-color-formula: true;\n\t\t\t\t--track-editor-bg-pitch: #393e4f;\n\t\t\t\t--track-editor-bg-pitch-dim: #1c1d28;\n\t\t\t\t--track-editor-bg-noise: #3d3535;\n\t\t\t\t--track-editor-bg-noise-dim: #161313;\n\t\t\t\t--track-editor-bg-mod: #283560;\n\t\t\t\t--track-editor-bg-mod-dim: #0a101f;\n\t\t\t\t--multiplicative-mod-slider: #606c9f;\n\t\t\t\t--overwriting-mod-slider: #6850b5;\n\t\t\t\t--indicator-primary: #9c64f7;\n\t\t\t\t--indicator-secondary: #393e4f;\n\t\t\t\t--select2-opt-group: #5d576f;\n\t\t\t\t--input-box-outline: #222;\n\t\t\t\t--mute-button-normal: #dda85d;\n\t\t\t\t--mute-button-mod: #886eae;\n\t\t\t\t--mod-label-primary: #282840;\n\t\t\t\t--mod-label-secondary-text: rgb(87, 86, 120);\n\t\t\t\t--mod-label-primary-text: white;\n\t\t\t\t--pitch-secondary-channel-hue: 0;\n\t\t\t\t--pitch-secondary-channel-hue-scale: 6.1;\n\t\t\t\t--pitch-secondary-channel-sat: 83.3;\n\t\t\t\t--pitch-secondary-channel-sat-scale: 0.1;\n\t\t\t\t--pitch-secondary-channel-lum: 40;\n\t\t\t\t--pitch-secondary-channel-lum-scale: 0.05;\n\t\t\t\t--pitch-primary-channel-hue: 0;\n\t\t\t\t--pitch-primary-channel-hue-scale: 6.1;\n\t\t\t\t--pitch-primary-channel-sat: 100;\n\t\t\t\t--pitch-primary-channel-sat-scale: 0.1;\n\t\t\t\t--pitch-primary-channel-lum: 67.5;\n\t\t\t\t--pitch-primary-channel-lum-scale: 0.05;\n\t\t\t\t--pitch-secondary-note-hue: 0;\n\t\t\t\t--pitch-secondary-note-hue-scale: 6.1;\n\t\t\t\t--pitch-secondary-note-sat: 93.9;\n\t\t\t\t--pitch-secondary-note-sat-scale: 0.1;\n\t\t\t\t--pitch-secondary-note-lum: 25;\n\t\t\t\t--pitch-secondary-note-lum-scale: 0.05;\n\t\t\t\t--pitch-primary-note-hue: 0;\n\t\t\t\t--pitch-primary-note-hue-scale: 6.1;\n\t\t\t\t--pitch-primary-note-sat: 100;\n\t\t\t\t--pitch-primary-note-sat-scale: 0.05;\n\t\t\t\t--pitch-primary-note-lum: 85.6;\n\t\t\t\t--pitch-primary-note-lum-scale: 0.025;\n\t\t\t\t--noise-secondary-channel-hue: 0;\n\t\t\t\t--noise-secondary-channel-hue-scale: 2;\n\t\t\t\t--noise-secondary-channel-sat: 25;\n\t\t\t\t--noise-secondary-channel-sat-scale: 0;\n\t\t\t\t--noise-secondary-channel-lum: 42;\n\t\t\t\t--noise-secondary-channel-lum-scale: 0;\n\t\t\t\t--noise-primary-channel-hue: 0;\n\t\t\t\t--noise-primary-channel-hue-scale: 2;\n\t\t\t\t--noise-primary-channel-sat: 33;\n\t\t\t\t--noise-primary-channel-sat-scale: 0;\n\t\t\t\t--noise-primary-channel-lum: 63.5;\n\t\t\t\t--noise-primary-channel-lum-scale: 0;\n\t\t\t\t--noise-secondary-note-hue: 0;\n\t\t\t\t--noise-secondary-note-hue-scale: 2;\n\t\t\t\t--noise-secondary-note-sat: 33.5;\n\t\t\t\t--noise-secondary-note-sat-scale: 0;\n\t\t\t\t--noise-secondary-note-lum: 55;\n\t\t\t\t--noise-secondary-note-lum-scale: 0;\n\t\t\t\t--noise-primary-note-hue: 0;\n\t\t\t\t--noise-primary-note-hue-scale: 2;\n\t\t\t\t--noise-primary-note-sat: 46.5;\n\t\t\t\t--noise-primary-note-sat-scale: 0;\n\t\t\t\t--noise-primary-note-lum: 74;\n\t\t\t\t--noise-primary-note-lum-scale: 0;\n\t\t\t\t--mod-secondary-channel-hue: 192;\n\t\t\t\t--mod-secondary-channel-hue-scale: 1.5;\n\t\t\t\t--mod-secondary-channel-sat: 88;\n\t\t\t\t--mod-secondary-channel-sat-scale: 0;\n\t\t\t\t--mod-secondary-channel-lum: 50;\n\t\t\t\t--mod-secondary-channel-lum-scale: 0;\n\t\t\t\t--mod-primary-channel-hue: 192;\n\t\t\t\t--mod-primary-channel-hue-scale: 1.5;\n\t\t\t\t--mod-primary-channel-sat: 96;\n\t\t\t\t--mod-primary-channel-sat-scale: 0;\n\t\t\t\t--mod-primary-channel-lum: 80;\n\t\t\t\t--mod-primary-channel-lum-scale: 0;\n\t\t\t\t--mod-secondary-note-hue: 192;\n\t\t\t\t--mod-secondary-note-hue-scale: 1.5;\n\t\t\t\t--mod-secondary-note-sat: 92;\n\t\t\t\t--mod-secondary-note-sat-scale: 0;\n\t\t\t\t--mod-secondary-note-lum: 45;\n\t\t\t\t--mod-secondary-note-lum-scale: 0;\n\t\t\t\t--mod-primary-note-hue: 192;\n\t\t\t\t--mod-primary-note-hue-scale: 1.5;\n\t\t\t\t--mod-primary-note-sat: 96;\n\t\t\t\t--mod-primary-note-sat-scale: 0;\n\t\t\t\t--mod-primary-note-lum: 85;\n\t\t\t\t--mod-primary-note-lum-scale: 0;\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t}"}`},nt.pageMargin="var(--page-margin)",nt.editorBackground="var(--editor-background)",nt.hoverPreview="var(--hover-preview)",nt.playhead="var(--playhead)",nt.primaryText="var(--primary-text)",nt.secondaryText="var(--secondary-text)",nt.invertedText="var(--inverted-text)",nt.textSelection="var(--text-selection)",nt.boxSelectionFill="var(--box-selection-fill)",nt.loopAccent="var(--loop-accent)",nt.linkAccent="var(--link-accent)",nt.uiWidgetBackground="var(--ui-widget-background)",nt.uiWidgetFocus="var(--ui-widget-focus)",nt.pitchBackground="var(--pitch-background)",nt.tonic="var(--tonic)",nt.fifthNote="var(--fifth-note)",nt.whitePianoKey="var(--white-piano-key)",nt.blackPianoKey="var(--black-piano-key)",nt.whitePianoKeyText="var(--white-piano-key-text)",nt.blackPianoKeyText="var(--black-piano-key-text)",nt.songPlayerMargin="var(--song-player-margin)",nt.progressBar="var(--progress-bar)",nt.useColorFormula="var(--use-color-formula)",nt.pitchSecondaryChannelHue="var(--pitch-secondary-channel-hue)",nt.pitchSecondaryChannelHueScale="var(--pitch-secondary-channel-hue-scale)",nt.pitchSecondaryChannelSat="var(--pitch-secondary-channel-sat)",nt.pitchSecondaryChannelSatScale="var(--pitch-secondary-channel-sat-scale)",nt.pitchSecondaryChannelLum="var(--pitch-secondary-channel-lum)",nt.pitchSecondaryChannelLumScale="var(--pitch-secondary-channel-lum-scale)",nt.pitchPrimaryChannelHue="var(--pitch-primary-channel-hue)",nt.pitchPrimaryChannelHueScale="var(--pitch-primary-channel-hue-scale)",nt.pitchPrimaryChannelSat="var(--pitch-primary-channel-sat)",nt.pitchPrimaryChannelSatScale="var(--pitch-primary-channel-sat-scale)",nt.pitchPrimaryChannelLum="var(--pitch-primary-channel-lum)",nt.pitchPrimaryChannelLumScale="var(--pitch-primary-channel-lum-scale)",nt.pitchSecondaryNoteHue="var(--pitch-secondary-note-hue)",nt.pitchSecondaryNoteHueScale="var(--pitch-secondary-note-hue-scale)",nt.pitchSecondaryNoteSat="var(--pitch-secondary-note-sat)",nt.pitchSecondaryNoteSatScale="var(--pitch-secondary-note-sat-scale)",nt.pitchSecondaryNoteLum="var(--pitch-secondary-note-lum)",nt.pitchSecondaryNoteLumScale="var(--pitch-secondary-note-lum-scale)",nt.pitchPrimaryNoteHue="var(--pitch-primary-note-hue)",nt.pitchPrimaryNoteHueScale="var(--pitch-primary-note-hue-scale)",nt.pitchPrimaryNoteSat="var(--pitch-primary-note-sat)",nt.pitchPrimaryNoteSatScale="var(--pitch-primary-note-sat-scale)",nt.pitchPrimaryNoteLum="var(--pitch-primary-note-lum)",nt.pitchPrimaryNoteLumScale="var(--pitch-primary-note-lum-scale)",nt.modSecondaryChannelHue="var(--mod-secondary-channel-hue)",nt.modSecondaryChannelHueScale="var(--mod-secondary-channel-hue-scale)",nt.modSecondaryChannelSat="var(--mod-secondary-channel-sat)",nt.modSecondaryChannelSatScale="var(--mod-secondary-channel-sat-scale)",nt.modSecondaryChannelLum="var(--mod-secondary-channel-lum)",nt.modSecondaryChannelLumScale="var(--mod-secondary-channel-lum-scale)",nt.modPrimaryChannelHue="var(--mod-primary-channel-hue)",nt.modPrimaryChannelHueScale="var(--mod-primary-channel-hue-scale)",nt.modPrimaryChannelSat="var(--mod-primary-channel-sat)",nt.modPrimaryChannelSatScale="var(--mod-primary-channel-sat-scale)",nt.modPrimaryChannelLum="var(--mod-primary-channel-lum)",nt.modPrimaryChannelLumScale="var(--mod-primary-channel-lum-scale)",nt.modSecondaryNoteHue="var(--mod-secondary-note-hue)",nt.modSecondaryNoteHueScale="var(--mod-secondary-note-hue-scale)",nt.modSecondaryNoteSat="var(--mod-secondary-note-sat)",nt.modSecondaryNoteSatScale="var(--mod-secondary-note-sat-scale)",nt.modSecondaryNoteLum="var(--mod-secondary-note-lum)",nt.modSecondaryNoteLumScale="var(--mod-secondary-note-lum-scale)",nt.modPrimaryNoteHue="var(--mod-primary-note-hue)",nt.modPrimaryNoteHueScale="var(--mod-primary-note-hue-scale)",nt.modPrimaryNoteSat="var(--mod-primary-note-sat)",nt.modPrimaryNoteSatScale="var(--mod-primary-note-sat-scale)",nt.modPrimaryNoteLum="var(--mod-primary-note-lum)",nt.modPrimaryNoteLumScale="var(--mod-primary-note-lum-scale)",nt.noiseSecondaryChannelHue="var(--noise-secondary-channel-hue)",nt.noiseSecondaryChannelHueScale="var(--noise-secondary-channel-hue-scale)",nt.noiseSecondaryChannelSat="var(--noise-secondary-channel-sat)",nt.noiseSecondaryChannelSatScale="var(--noise-secondary-channel-sat-scale)",nt.noiseSecondaryChannelLum="var(--noise-secondary-channel-lum)",nt.noiseSecondaryChannelLumScale="var(--noise-secondary-channel-lum-scale)",nt.noisePrimaryChannelHue="var(--noise-primary-channel-hue)",nt.noisePrimaryChannelHueScale="var(--noise-primary-channel-hue-scale)",nt.noisePrimaryChannelSat="var(--noise-primary-channel-sat)",nt.noisePrimaryChannelSatScale="var(--noise-primary-channel-sat-scale)",nt.noisePrimaryChannelLum="var(--noise-primary-channel-lum)",nt.noisePrimaryChannelLumScale="var(--noise-primary-channel-lum-scale)",nt.noiseSecondaryNoteHue="var(--noise-secondary-note-hue)",nt.noiseSecondaryNoteHueScale="var(--noise-secondary-note-hue-scale)",nt.noiseSecondaryNoteSat="var(--noise-secondary-note-sat)",nt.noiseSecondaryNoteSatScale="var(--noise-secondary-note-sat-scale)",nt.noiseSecondaryNoteLum="var(--noise-secondary-note-lum)",nt.noiseSecondaryNoteLumScale="var(--noise-secondary-note-lum-scale)",nt.noisePrimaryNoteHue="var(--noise-primary-note-hue)",nt.noisePrimaryNoteHueScale="var(--noise-primary-note-hue-scale)",nt.noisePrimaryNoteSat="var(--noise-primary-note-sat)",nt.noisePrimaryNoteSatScale="var(--noise-primary-note-sat-scale)",nt.noisePrimaryNoteLum="var(--noise-primary-note-lum)",nt.noisePrimaryNoteLumScale="var(--noise-primary-note-lum-scale)",nt.trackEditorBgPitch="var(--track-editor-bg-pitch)",nt.trackEditorBgPitchDim="var(--track-editor-bg-pitch-dim)",nt.trackEditorBgNoise="var(--track-editor-bg-noise)",nt.trackEditorBgNoiseDim="var(--track-editor-bg-noise-dim)",nt.trackEditorBgMod="var(--track-editor-bg-mod)",nt.trackEditorBgModDim="var(--track-editor-bg-mod-dim)",nt.multiplicativeModSlider="var(--multiplicative-mod-slider)",nt.overwritingModSlider="var(--overwriting-mod-slider)",nt.indicatorPrimary="var(--indicator-primary)",nt.indicatorSecondary="var(--indicator-secondary)",nt.select2OptGroup="var(--select2-opt-group)",nt.inputBoxOutline="var(--input-box-outline)",nt.muteButtonNormal="var(--mute-button-normal)",nt.muteButtonMod="var(--mute-button-mod)",nt.modLabelPrimary="var(--mod-label-primary)",nt.modLabelSecondaryText="var(--mod-label-secondary-text)",nt.modLabelPrimaryText="var(--mod-label-primary-text)",nt.disabledNotePrimary="var(--disabled-note-primary)",nt.disabledNoteSecondary="var(--disabled-note-secondary)",nt.scrollbarColor="var(--scrollbar-color)",nt.scrollbarBackground="var(--scrollbar-background)",nt.c_pitchSecondaryChannelHue=0,nt.c_pitchSecondaryChannelHueScale=0,nt.c_pitchSecondaryChannelSat=0,nt.c_pitchSecondaryChannelSatScale=0,nt.c_pitchSecondaryChannelLum=0,nt.c_pitchSecondaryChannelLumScale=0,nt.c_pitchPrimaryChannelHue=0,nt.c_pitchPrimaryChannelHueScale=0,nt.c_pitchPrimaryChannelSat=0,nt.c_pitchPrimaryChannelSatScale=0,nt.c_pitchPrimaryChannelLum=0,nt.c_pitchPrimaryChannelLumScale=0,nt.c_pitchSecondaryNoteHue=0,nt.c_pitchSecondaryNoteHueScale=0,nt.c_pitchSecondaryNoteSat=0,nt.c_pitchSecondaryNoteSatScale=0,nt.c_pitchSecondaryNoteLum=0,nt.c_pitchSecondaryNoteLumScale=0,nt.c_pitchPrimaryNoteHue=0,nt.c_pitchPrimaryNoteHueScale=0,nt.c_pitchPrimaryNoteSat=0,nt.c_pitchPrimaryNoteSatScale=0,nt.c_pitchPrimaryNoteLum=0,nt.c_pitchPrimaryNoteLumScale=0,nt.c_modSecondaryChannelHue=0,nt.c_modSecondaryChannelHueScale=0,nt.c_modSecondaryChannelSat=0,nt.c_modSecondaryChannelSatScale=0,nt.c_modSecondaryChannelLum=0,nt.c_modSecondaryChannelLumScale=0,nt.c_modPrimaryChannelHue=0,nt.c_modPrimaryChannelHueScale=0,nt.c_modPrimaryChannelSat=0,nt.c_modPrimaryChannelSatScale=0,nt.c_modPrimaryChannelLum=0,nt.c_modPrimaryChannelLumScale=0,nt.c_modSecondaryNoteHue=0,nt.c_modSecondaryNoteHueScale=0,nt.c_modSecondaryNoteSat=0,nt.c_modSecondaryNoteSatScale=0,nt.c_modSecondaryNoteLum=0,nt.c_modSecondaryNoteLumScale=0,nt.c_modPrimaryNoteHue=0,nt.c_modPrimaryNoteHueScale=0,nt.c_modPrimaryNoteSat=0,nt.c_modPrimaryNoteSatScale=0,nt.c_modPrimaryNoteLum=0,nt.c_modPrimaryNoteLumScale=0,nt.c_noiseSecondaryChannelHue=0,nt.c_noiseSecondaryChannelHueScale=0,nt.c_noiseSecondaryChannelSat=0,nt.c_noiseSecondaryChannelSatScale=0,nt.c_noiseSecondaryChannelLum=0,nt.c_noiseSecondaryChannelLumScale=0,nt.c_noisePrimaryChannelHue=0,nt.c_noisePrimaryChannelHueScale=0,nt.c_noisePrimaryChannelSat=0,nt.c_noisePrimaryChannelSatScale=0,nt.c_noisePrimaryChannelLum=0,nt.c_noisePrimaryChannelLumScale=0,nt.c_noiseSecondaryNoteHue=0,nt.c_noiseSecondaryNoteHueScale=0,nt.c_noiseSecondaryNoteSat=0,nt.c_noiseSecondaryNoteSatScale=0,nt.c_noiseSecondaryNoteLum=0,nt.c_noiseSecondaryNoteLumScale=0,nt.c_noisePrimaryNoteHue=0,nt.c_noisePrimaryNoteHueScale=0,nt.c_noisePrimaryNoteSat=0,nt.c_noisePrimaryNoteSatScale=0,nt.c_noisePrimaryNoteLum=0,nt.c_noisePrimaryNoteLumScale=0,nt.c_invertedText="",nt.c_trackEditorBgNoiseDim="",nt.c_trackEditorBgNoise="",nt.c_trackEditorBgModDim="",nt.c_trackEditorBgMod="",nt.c_trackEditorBgPitchDim="",nt.c_trackEditorBgPitch="",nt.pitchChannels=k([{name:"pitch1",secondaryChannel:"var(--pitch1-secondary-channel)",primaryChannel:"var(--pitch1-primary-channel)",secondaryNote:"var(--pitch1-secondary-note)",primaryNote:"var(--pitch1-primary-note)"},{name:"pitch2",secondaryChannel:"var(--pitch2-secondary-channel)",primaryChannel:"var(--pitch2-primary-channel)",secondaryNote:"var(--pitch2-secondary-note)",primaryNote:"var(--pitch2-primary-note)"},{name:"pitch3",secondaryChannel:"var(--pitch3-secondary-channel)",primaryChannel:"var(--pitch3-primary-channel)",secondaryNote:"var(--pitch3-secondary-note)",primaryNote:"var(--pitch3-primary-note)"},{name:"pitch4",secondaryChannel:"var(--pitch4-secondary-channel)",primaryChannel:"var(--pitch4-primary-channel)",secondaryNote:"var(--pitch4-secondary-note)",primaryNote:"var(--pitch4-primary-note)"},{name:"pitch5",secondaryChannel:"var(--pitch5-secondary-channel)",primaryChannel:"var(--pitch5-primary-channel)",secondaryNote:"var(--pitch5-secondary-note)",primaryNote:"var(--pitch5-primary-note)"},{name:"pitch6",secondaryChannel:"var(--pitch6-secondary-channel)",primaryChannel:"var(--pitch6-primary-channel)",secondaryNote:"var(--pitch6-secondary-note)",primaryNote:"var(--pitch6-primary-note)"},{name:"pitch7",secondaryChannel:"var(--pitch7-secondary-channel)",primaryChannel:"var(--pitch7-primary-channel)",secondaryNote:"var(--pitch7-secondary-note)",primaryNote:"var(--pitch7-primary-note)"},{name:"pitch8",secondaryChannel:"var(--pitch8-secondary-channel)",primaryChannel:"var(--pitch8-primary-channel)",secondaryNote:"var(--pitch8-secondary-note)",primaryNote:"var(--pitch8-primary-note)"},{name:"pitch9",secondaryChannel:"var(--pitch9-secondary-channel)",primaryChannel:"var(--pitch9-primary-channel)",secondaryNote:"var(--pitch9-secondary-note)",primaryNote:"var(--pitch9-primary-note)"},{name:"pitch10",secondaryChannel:"var(--pitch10-secondary-channel)",primaryChannel:"var(--pitch10-primary-channel)",secondaryNote:"var(--pitch10-secondary-note)",primaryNote:"var(--pitch10-primary-note)"}]),nt.noiseChannels=k([{name:"noise1",secondaryChannel:"var(--noise1-secondary-channel)",primaryChannel:"var(--noise1-primary-channel)",secondaryNote:"var(--noise1-secondary-note)",primaryNote:"var(--noise1-primary-note)"},{name:"noise2",secondaryChannel:"var(--noise2-secondary-channel)",primaryChannel:"var(--noise2-primary-channel)",secondaryNote:"var(--noise2-secondary-note)",primaryNote:"var(--noise2-primary-note)"},{name:"noise3",secondaryChannel:"var(--noise3-secondary-channel)",primaryChannel:"var(--noise3-primary-channel)",secondaryNote:"var(--noise3-secondary-note)",primaryNote:"var(--noise3-primary-note)"},{name:"noise4",secondaryChannel:"var(--noise4-secondary-channel)",primaryChannel:"var(--noise4-primary-channel)",secondaryNote:"var(--noise4-secondary-note)",primaryNote:"var(--noise4-primary-note)"},{name:"noise5",secondaryChannel:"var(--noise5-secondary-channel)",primaryChannel:"var(--noise5-primary-channel)",secondaryNote:"var(--noise5-secondary-note)",primaryNote:"var(--noise5-primary-note)"}]),nt.modChannels=k([{name:"mod1",secondaryChannel:"var(--mod1-secondary-channel)",primaryChannel:"var(--mod1-primary-channel)",secondaryNote:"var(--mod1-secondary-note)",primaryNote:"var(--mod1-primary-note)"},{name:"mod2",secondaryChannel:"var(--mod2-secondary-channel)",primaryChannel:"var(--mod2-primary-channel)",secondaryNote:"var(--mod2-secondary-note)",primaryNote:"var(--mod2-primary-note)"},{name:"mod3",secondaryChannel:"var(--mod3-secondary-channel)",primaryChannel:"var(--mod3-primary-channel)",secondaryNote:"var(--mod3-secondary-note)",primaryNote:"var(--mod3-primary-note)"},{name:"mod4",secondaryChannel:"var(--mod4-secondary-channel)",primaryChannel:"var(--mod4-primary-channel)",secondaryNote:"var(--mod4-secondary-note)",primaryNote:"var(--mod4-primary-note)"}]),nt.N=document.head.appendChild(K.style({type:"text/css"}));const it=document.body.appendChild(K.div({style:"width:30px; height:30px; overflow: auto;"},K.div({style:"width:100%;height:40px"})));it.firstChild.clientWidth<30&&document.documentElement.classList.add("obtrusive-scrollbars"),document.body.removeChild(it),document.head.appendChild(K.style({type:"text/css"},`\n\n/* Note: "#" symbols need to be encoded as "%23" in SVG data urls, otherwise they are interpreted as fragment identifiers! */\n:root {\n\t--button-size: 26px;\n\t--settings-area-width: 192px;\n\t--play-symbol: url('data:image/svg+xml,');\n\t--pause-symbol: url('data:image/svg+xml,');\n\t--record-symbol: url('data:image/svg+xml,');\n\t--stop-symbol: url('data:image/svg+xml,');\n\t--prev-bar-symbol: url('data:image/svg+xml,');\n\t--next-bar-symbol: url('data:image/svg+xml,');\n\t--volume-symbol: url('data:image/svg+xml,');\n\t--unmuted-symbol: url('data:image/svg+xml,');\n\t--muted-symbol: url('data:image/svg+xml,');\n\t--menu-down-symbol: url('data:image/svg+xml,');\n\t--select-arrows-symbol: url('data:image/svg+xml,');\n\t--file-page-symbol: url('data:image/svg+xml,');\n\t--edit-pencil-symbol: url('data:image/svg+xml,');\n\t--preferences-gear-symbol: url('data:image/svg+xml,');\n\t--customize-dial-symbol: url('data:image/svg+xml, \t\t \t\t\t\t \t\t\t\t \t\t\t\t \t\t\t\t \t\t\t\t \t\t\t\t \t\t\t\t \t\t\t\t \t\t\t\t \t\t\t\t \t\t\t\t \t\t\t \t\t');\n\t--instrument-copy-symbol: url('data:image/svg+xml,');\n\t--instrument-paste-symbol: url('data:image/svg+xml,');\n\t--export-symbol: url('data:image/svg+xml,');\n\t--export-instrument-symbol: url('data:image/svg+xml,');\n\t--import-symbol: url('data:image/svg+xml,');\n\t--close-symbol: url('data:image/svg+xml,');\n\t--add-symbol: url('data:image/svg+xml,');\n\t--zoom-in-symbol: url('data:image/svg+xml,');\n\t--zoom-out-symbol: url('data:image/svg+xml,');\n\t--undo-symbol: url("https://choptop84.github.io/abyssbox-app/icon-undo.png");\n\t--redo-symbol: url("https://choptop84.github.io/abyssbox-app/icon-redo.png");\n\t--copy-symbol: url("https://choptop84.github.io/abyssbox-app/icon-copy.png");\n\t--paste-symbol: url("https://choptop84.github.io/abyssbox-app/icon-paste.png");\n\t--insert-channel-symbol: url("https://choptop84.github.io/abyssbox-app/icon-insertChannel.png");\n\t--delete-channel-symbol: url("https://choptop84.github.io/abyssbox-app/icon-deleteChannel.png");\n\t--select-all-symbol: url("https://choptop84.github.io/abyssbox-app/icon-SelectAll.png");\n\t--duplicate-symbol: url("https://choptop84.github.io/abyssbox-app/icon-duplicate.png");\n\t--notes-up-symbol: url("https://choptop84.github.io/abyssbox-app/moveNotesUp.png");\n\t--notes-down-symbol: url("https://choptop84.github.io/abyssbox-app/moveNotesDown.png");\n\t--loop-bar-symbol: url("https://choptop84.github.io/abyssbox-app/icon-singleBarLoop.png");\n\t--fullscreen-symbol: url("https://choptop84.github.io/abyssbox-app/icon-fullscreen.png");\n\n\t--loop-within-bar-symbol: url("https://choptop84.github.io/abyssbox-app/icon-loop-bar.png");\n\t--loop-full-song-symbol: url("https://choptop84.github.io/abyssbox-app/icon-loop-song.png");\n\t--dont-loop-symbol: url("https://choptop84.github.io/abyssbox-app/icon-loop-once.png");\n\n\t--checkmark-symbol: url('data:image/svg+xml,');\n\t--drum-symbol: url('data:image/svg+xml, \t\t\t \t\t\t\t \t\t\t\t\t \t\t\t\t\t \t\t\t\t\t \t\t\t\t \t\t\t\t \t\t\t\t\t \t\t\t\t\t \t\t\t\t\t \t\t\t\t\t \t\t\t\t\t \t\t\t\t \t\t\t\t \t\t\t\t\t \t\t\t\t\t \t\t\t\t\t \t\t\t\t \t\t\t\t \t\t\t\t\t \t\t\t\t\t \t\t\t\t\t \t\t\t\t \t\t\t\t \t\t\t\t\t \t\t\t\t\t \t\t\t\t\t \t\t\t\t \t\t\t \t\t\t \t\t\t \t\t\t \t\t\t \t\t\t \t\t\t \t\t\t \t\t\t \t\t\t \t\t\t \t\t\t \t\t\t \t\t\t \t\t\t \t\t\t \t\t\t \t\t\t \t\t');\n\t--piano-key-symbol: url('data:image/svg+xml, \t\t\t \t\t\t\t \t\t\t\t\t \t\t\t\t\t \t\t\t\t \t\t\t \t\t\t \t\t\t \t\t\t \t\t');\n --mod-key-symbol: url('data:image/svg+xml, \t\t\t \t\t\t\t \t\t\t\t\t \t\t\t\t\t \t\t\t\t \t\t\t \t\t\t \t\t\t \t\t\t \t\t');\n}\n\nhtml {\n\tscrollbar-color: var(--scrollbar-color, var(--ui-widget-background)) var(--scrollbar-background, var(--editor-background));\n}\n\n.tutorialButton {\n\theight: auto !important;\n} \n\n.obtrusive-scrollbars, .obtrusive-scrollbars * {\n\tscrollbar-width: thin;\n}\n.obtrusive-scrollbars::-webkit-scrollbar, .obtrusive-scrollbars *::-webkit-scrollbar {\n\twidth: 12px;\n}\n.obtrusive-scrollbars::-webkit-scrollbar-track, .obtrusive-scrollbars *::-webkit-scrollbar-track {\n\tbackground: ${nt.editorBackground};\n}\n.obtrusive-scrollbars::-webkit-scrollbar-thumb, .obtrusive-scrollbars *::-webkit-scrollbar-thumb {\n\tbackground-color: ${nt.uiWidgetBackground};\n\tborder: 3px solid ${nt.editorBackground};\n}\n\n.songLoopButton::before {\ncontent: "";\n position: absolute;\n width: var(--button-size);\n height: var(--button-size);\n left: 3px;\n top: 0;\n mask-image: var(--loop-within-bar-symbol);\n -webkit-mask-image: var(--loop-within-bar-symbol);\n pointer-events: none;\n background: currentColor;\n mask-repeat: no-repeat;\n mask-position: center;\n -webkit-mask-repeat: no-repeat;\n -webkit-mask-position: center;\n image-rendering: -moz-crisp-edges !important;\n image-rendering: -webkit-optimize-contrast !important;\n image-rendering: -o-crisp-edges !important;\n image-rendering: pixelated !important;\n image-rendering: optimizeSpeed !important;\n}\n\n.beepboxEditor {\n\tdisplay: grid;\n grid-template-columns: minmax(0, 1fr) max-content;\n grid-template-rows: max-content 1fr; /* max-content minmax(0, 1fr); Chrome 80 grid layout regression. https://bugs.chromium.org/p/chromium/issues/detail?id=1050307 */\n grid-template-areas: "pattern-area settings-area" "track-area settings-area";\n\tgrid-column-gap: 6px;\n\tgrid-row-gap: 6px;\n\tposition: relative;\n\ttouch-action: manipulation;\n\tcursor: default;\n\tfont-size: 13px;\n\toverflow: show;\n\tcolor: ${nt.primaryText};\n\tbackground: ${nt.editorBackground};\n opacity: 0;\n -webkit-transition: opacity 0.2s ease-in;\n -moz-transition: opacity 0.2s ease-in;\n -o-transition: opacity 0.2s ease-in;\n -ms-transition: opacity 0.2s ease-in;\n transition: opacity 0.2s ease-in;\n transition-delay: 0s;\n}\n\n.beepboxEditor .operatorRow {\n\tmargin: 2px 0;\n\theight: 2em;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n\n.beepboxEditor .operatorRow > * {\n\tflex-grow: 1;\n\tflex-shrink: 1;\n}\n\n.pattern-area {\n opacity: 0;\n -webkit-transition: opacity 0.5s ease-in;\n -moz-transition: opacity 0.5s ease-in;\n -o-transition: opacity 0.5s ease-in;\n -ms-transition: opacity 0.5s ease-in;\n transition: opacity 0.5s ease-in;\n transition-delay: 0s;\n}\n\n.settings-area {\n opacity: 0;\n -webkit-transition: opacity 0.5s ease-in;\n -moz-transition: opacity 0.5s ease-in;\n -o-transition: opacity 0.5s ease-in;\n -ms-transition: opacity 0.5s ease-in;\n transition: opacity 0.5s ease-in;\n transition-delay: 0.15s;\n}\n\n.editor-song-settings {\n opacity: 0;\n -webkit-transition: opacity 0.5s ease-in;\n -moz-transition: opacity 0.5s ease-in;\n -o-transition: opacity 0.5s ease-in;\n -ms-transition: opacity 0.5s ease-in;\n transition: opacity 0.5s ease-in;\n transition-delay: 0.35s;\n}\n\n.instrument-settings-area {\n opacity: 0;\n -webkit-transition: opacity 0.5s ease-in;\n -moz-transition: opacity 0.5s ease-in;\n -o-transition: opacity 0.5s ease-in;\n -ms-transition: opacity 0.5s ease-in;\n transition: opacity 0.5s ease-in;\n transition-delay: 0.15s;\n}\n\n.trackAndMuteContainer {\n opacity: 0;\n -webkit-transition: opacity 0.5s ease-in;\n -moz-transition: opacity 0.5s ease-in;\n -o-transition: opacity 0.5s ease-in;\n -ms-transition: opacity 0.5s ease-in;\n transition: opacity 0.5s ease-in;\n transition-delay: 0.4s;\n}\n\n.barScrollBar {\n opacity: 0;\n -webkit-transition: opacity 0.5s ease-in;\n -moz-transition: opacity 0.5s ease-in;\n -o-transition: opacity 0.5s ease-in;\n -ms-transition: opacity 0.5s ease-in;\n transition: opacity 0.5s ease-in;\n transition-delay: 0.5s;\n}\n\n\n\n.load {\n opacity: 1;\n}\n\n.beepboxEditor .noSelection {\n\t-webkit-touch-callout: none;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n}\n\n.beepboxEditor div {\n\tmargin: 0;\n\tpadding: 0;\n}\n\n.beepboxEditor .pattern-area {\n\tgrid-area: pattern-area;\n\theight: 481px;\n\tdisplay: flex;\n\tflex-direction: row;\n\tposition: relative;\n}\n\n.beepboxEditor .track-area {\n\tgrid-area: track-area;\n}\n\n.beepboxEditor .loopEditor {\n\theight: 20px;\n\tposition: sticky;\n\tbottom: 0;\n\tpadding: 5px 0;\n\tbackground-color: ${nt.editorBackground};\n}\n\n.beepboxEditor .settings-area {\n\tgrid-area: settings-area;\n\tdisplay: grid;\n grid-template-columns: auto;\n grid-template-rows: min-content min-content min-content min-content min-content;\n grid-template-areas: "version-area" "play-pause-area" "menu-area" "song-settings-area" "instrument-settings-area";\n\tgrid-column-gap: 6px;\n}\n\n.beepboxEditor .version-area{ grid-area: version-area; }\n.beepboxEditor .play-pause-area{ grid-area: play-pause-area; }\n.beepboxEditor .menu-area{ grid-area: menu-area; }\n.beepboxEditor .song-settings-area{ grid-area: song-settings-area; }\n.beepboxEditor .instrument-settings-area{ grid-area: instrument-settings-area; }\n\n.beepboxEditor .tip {\n\tcursor: help;\n\tcolor: ${nt.secondaryText};\n\ttext-decoration: none;\n}\n\n.beepboxEditor .tip:hover {\n\tcolor: ${nt.linkAccent};\n\ttext-decoration: underline;\n}\n.beepboxEditor .tip:active {\n\tcolor: ${nt.primaryText};\n}\n\n.beepboxEditor .volume-speaker {\n\tflex-shrink: 0;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tbackground: ${nt.secondaryText};\n\t-webkit-mask-image: var(--volume-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\tmask-image: var(--volume-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n}\n\n.beepboxEditor .drum-button {\n\tflex: 1;\n\tbackground-color: transparent;\n\tbackground-image: var(--drum-symbol);\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n}\n\n.beepboxEditor .modulator-button {\n\tflex: 1;\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n}\n.beepboxEditor .modulator-button::before {\n\tcontent: "";\n\tposition: absolute;\n\tleft: 0;\n\ttop: 0;\n\twidth: 100%;\n\theight: 100%;\n\tpointer-events: none;\n\tbackground-image: var(--mod-key-symbol);\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-size: 100% 102%;\n}\n\n.beepboxEditor .piano-button {\n\tflex: 1;\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n}\n.beepboxEditor .piano-button::before {\n\tcontent: "";\n\tposition: absolute;\n\tleft: 0;\n\ttop: 0;\n\twidth: 100%;\n\theight: 100%;\n\tpointer-events: none;\n\tbackground-image: var(--piano-key-symbol);\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-size: 100% 115.38%;\n}\n.beepboxEditor .piano-button.disabled::after {\n\tcontent: "";\n\tposition: absolute;\n\tright: 0;\n\ttop: 0;\n\twidth: 70%;\n\theight: 100%;\n\tpointer-events: none;\n\tbackground: ${nt.editorBackground};\n\t-webkit-mask-image: linear-gradient(90deg, transparent 0%, gray 70%, gray 100%);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\tmask-image: linear-gradient(90deg, transparent 0%, gray 70%, gray 100%);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n}\n\n.beepboxEditor .piano-button.pressed, .beepboxEditor .drum-button.pressed {\n\tfilter: brightness(0.5);\n}\n\n.beepboxEditor .customize-instrument {\n\tmargin: 2px 0;\n}\n.beepboxEditor .customize-instrument::before {\n\tcontent: "";\n\tflex-shrink: 0;\n\tposition: absolute;\n\tleft: 0;\n\ttop: 50%;\n\ttransform: translateY(-50%);\n\tpointer-events: none;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tbackground: currentColor;\n\t-webkit-mask-image: var(--customize-dial-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\tmask-image: var(--customize-dial-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n}\n\n.beepboxEditor .instrumentCopyPasteRow {\n\tgap: 2px;\n}\n\n.beepboxEditor .copyButton::before {\n\tcontent: "";\n\tflex-shrink: 0;\n\tposition: absolute;\n\tleft: 0;\n\ttop: 50%;\n\ttransform: translateY(-50%);\n\tpointer-events: none;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tbackground: currentColor;\n\t-webkit-mask-image: var(--instrument-copy-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\tmask-image: var(--instrument-copy-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n}\n\n.beepboxEditor .pasteButton::before {\n\tcontent: "";\n\tflex-shrink: 0;\n\tposition: absolute;\n\tleft: 0;\n\ttop: 50%;\n\ttransform: translateY(-50%);\n\tpointer-events: none;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tbackground: currentColor;\n\t-webkit-mask-image: var(--instrument-paste-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\tmask-image: var(--instrument-paste-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n}\n\n.beepboxEditor .exportInstrumentButton::before {\n\tcontent: "";\n\tflex-shrink: 0;\n\tposition: absolute;\n\tleft: 0;\n\ttop: 50%;\n\ttransform: translateY(-50%);\n\tpointer-events: none;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tbackground: currentColor;\n\t-webkit-mask-image: var(--export-instrument-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\tmask-image: var(--export-instrument-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n}\n\n.beepboxEditor .importInstrumentButton::before {\n\tcontent: "";\n\tflex-shrink: 0;\n\tposition: absolute;\n\tleft: 0;\n\ttop: 50%;\n\ttransform: translateY(-50%);\n\tpointer-events: none;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tbackground: currentColor;\n\t-webkit-mask-image: var(--import-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\tmask-image: var(--import-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n}\n\n.beepboxEditor .envelopeEditor {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.beepboxEditor .envelope-row {\n\tdisplay: flex;\n\tmargin: 2px 0;\n\tgap: 2px;\n}\n\n.beepboxEditor .add-envelope {\n\twidth: var(--button-size);\n}\n.beepboxEditor .add-envelope::before {\n\tcontent: "";\n\tposition: absolute;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tleft: 0;\n\ttop: 0;\n\tpointer-events: none;\n\tbackground: currentColor;\n\tmask-image: var(--add-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n\t-webkit-mask-image: var(--add-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n}\n.beepboxEditor .add-envelope:disabled {\n\tvisibility: hidden;\n}\n\n.beepboxEditor .effects-menu {\n\twidth: var(--button-size);\n\tposition: relative;\n}\n.beepboxEditor .effects-menu::before {\n\tcontent: "";\n\tposition: absolute;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tleft: 0;\n\ttop: 0;\n\tpointer-events: none;\n\tbackground: currentColor;\n\tmask-image: var(--menu-down-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n\t-webkit-mask-image: var(--menu-down-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n}\n\n.beepboxEditor .zoomInButton, .beepboxEditor .zoomOutButton {\n\twidth: var(--button-size);\n\tposition: absolute;\n\tright: 10px;\n}\n.beepboxEditor .zoomInButton {\n\ttop: 10px;\n}\n.beepboxEditor .zoomOutButton {\n\ttop: 50px;\n}\n.beepboxEditor .zoomInButton::before {\n\tcontent: "";\n\tposition: absolute;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tleft: 0;\n\ttop: 0;\n\tpointer-events: none;\n\tbackground: currentColor;\n\tmask-image: var(--zoom-in-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n\t-webkit-mask-image: var(--zoom-in-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n}\n.beepboxEditor .zoomOutButton::before {\n\tcontent: "";\n\tposition: absolute;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tleft: 0;\n\ttop: 0;\n\tpointer-events: none;\n\tbackground: currentColor;\n\tmask-image: var(--zoom-out-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n\t-webkit-mask-image: var(--zoom-out-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n}\n\n.beepboxEditor .undoButton,\n.beepboxEditor .redoButton,\n.beepboxEditor .copyPatternButton,\n.beepboxEditor .pastePatternButton,\n.beepboxEditor .insertChannelButton,\n.beepboxEditor .deleteChannelButton, \n.beepboxEditor .selectAllButton,\n.beepboxEditor .duplicateButton, \n.beepboxEditor .notesUpButton, \n.beepboxEditor .notesDownButton,\n.beepboxEditor .loopBarButton,\n.beepboxEditor .fullscreenButton\n {\n\twidth: var(--button-size);\n\tposition: absolute;\n\tright: 10px;\n}\n.beepboxEditor .undoButton {\n\ttop: 10px;\n}\n.beepboxEditor .redoButton {\n\ttop: 10px;\n}\n.beepboxEditor .copyPatternButton {\n\ttop: 40px;\n}\n.beepboxEditor .pastePatternButton {\n\ttop: 40px;\n}\n.beepboxEditor .insertChannelButton {\n\ttop: 70px;\n}\n.beepboxEditor .deleteChannelButton {\n\ttop: 70px;\n}\n.beepboxEditor .selectAllButton {\n\ttop: 100px;\n}\n.beepboxEditor .duplicateButton {\n\ttop: 100px;\n}\n.beepboxEditor .notesUpButton {\n\ttop: 130px;\n}\n.beepboxEditor .notesDownButton {\n\ttop: 130px;\n}\n.beepboxEditor .loopBarButton {\n\ttop: 160px;\n}\n.beepboxEditor .copyPatternButton::before {\n\tcontent: "";\n\tposition: absolute;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tleft: 0;\n\ttop: 0;\n\tpointer-events: none;\n\tbackground: currentColor;\n\tmask-image: var(--copy-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n\t-webkit-mask-image: var(--copy-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\timage-rendering: -o-crisp-edges !important; /* Opera */\n\timage-rendering: pixelated !important; /* Future browsers */\n\timage-rendering: optimizeSpeed !important; /* IE */\n}\n.beepboxEditor .pastePatternButton::before {\n\tcontent: "";\n\tposition: absolute;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tleft: 0;\n\ttop: 0;\n\tpointer-events: none;\n\tbackground: currentColor;\n\tmask-image: var(--paste-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n\t-webkit-mask-image: var(--paste-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\timage-rendering: -o-crisp-edges !important; /* Opera */\n\timage-rendering: pixelated !important; /* Future browsers */\n\timage-rendering: optimizeSpeed !important; /* IE */\n}\n.beepboxEditor .undoButton::before {\n\tcontent: "";\n\tposition: absolute;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tleft: 0;\n\ttop: 0;\n\tpointer-events: none;\n\tbackground: currentColor;\n\tmask-image: var(--undo-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n\t-webkit-mask-image: var(--undo-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\timage-rendering: -o-crisp-edges !important; /* Opera */\n\timage-rendering: pixelated !important; /* Future browsers */\n\timage-rendering: optimizeSpeed !important; /* IE */\n}\n.beepboxEditor .redoButton::before {\n\tcontent: "";\n\tposition: absolute;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tleft: 0;\n\ttop: 0;\n\tpointer-events: none;\n\tbackground: currentColor;\n\tmask-image: var(--redo-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n\t-webkit-mask-image: var(--redo-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\timage-rendering: -o-crisp-edges !important; /* Opera */\n\timage-rendering: pixelated !important; /* Future browsers */\n\timage-rendering: optimizeSpeed !important; /* IE */\n}\n.beepboxEditor .insertChannelButton::before {\n\tcontent: "";\n\tposition: absolute;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tleft: 0;\n\ttop: 0;\n\tpointer-events: none;\n\tbackground: currentColor;\n\tmask-image: var(--insert-channel-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n\t-webkit-mask-image: var(--insert-channel-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\timage-rendering: -o-crisp-edges !important; /* Opera */\n\timage-rendering: pixelated !important; /* Future browsers */\n\timage-rendering: optimizeSpeed !important; /* IE */\n}\n.beepboxEditor .deleteChannelButton::before {\n\tcontent: "";\n\tposition: absolute;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tleft: 0;\n\ttop: 0;\n\tpointer-events: none;\n\tbackground: currentColor;\n\tmask-image: var(--delete-channel-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n\t-webkit-mask-image: var(--delete-channel-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\timage-rendering: -o-crisp-edges !important; /* Opera */\n\timage-rendering: pixelated !important; /* Future browsers */\n\timage-rendering: optimizeSpeed !important; /* IE */\n}\n.beepboxEditor .selectAllButton::before {\n\tcontent: "";\n\tposition: absolute;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tleft: 0;\n\ttop: 0;\n\tpointer-events: none;\n\tbackground: currentColor;\n\tmask-image: var(--select-all-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n\t-webkit-mask-image: var(--select-all-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\timage-rendering: -o-crisp-edges !important; /* Opera */\n\timage-rendering: pixelated !important; /* Future browsers */\n\timage-rendering: optimizeSpeed !important; /* IE */\n}\n.beepboxEditor .duplicateButton::before {\n\tcontent: "";\n\tposition: absolute;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tleft: 0;\n\ttop: 0;\n\tpointer-events: none;\n\tbackground: currentColor;\n\tmask-image: var(--duplicate-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n\t-webkit-mask-image: var(--duplicate-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\timage-rendering: -o-crisp-edges !important; /* Opera */\n\timage-rendering: pixelated !important; /* Future browsers */\n\timage-rendering: optimizeSpeed !important; /* IE */\n}\n.beepboxEditor .notesUpButton::before {\n\tcontent: "";\n\tposition: absolute;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tleft: 0;\n\ttop: 0;\n\tpointer-events: none;\n\tbackground: currentColor;\n\tmask-image: var(--notes-up-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n\t-webkit-mask-image: var(--notes-up-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\timage-rendering: -o-crisp-edges !important; /* Opera */\n\timage-rendering: pixelated !important; /* Future browsers */\n\timage-rendering: optimizeSpeed !important; /* IE */\n}\n.beepboxEditor .notesDownButton::before {\n\tcontent: "";\n\tposition: absolute;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tleft: 0;\n\ttop: 0;\n\tpointer-events: none;\n\tbackground: currentColor;\n\tmask-image: var(--notes-down-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n\t-webkit-mask-image: var(--notes-down-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\timage-rendering: -o-crisp-edges !important; /* Opera */\n\timage-rendering: pixelated !important; /* Future browsers */\n\timage-rendering: optimizeSpeed !important; /* IE */\n}\n.beepboxEditor .loopBarButton::before {\n\tcontent: "";\n\tposition: absolute;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tleft: 0;\n\ttop: 0;\n\tpointer-events: none;\n\tbackground: currentColor;\n\tmask-image: var(--loop-bar-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n\t-webkit-mask-image: var(--loop-bar-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\timage-rendering: -o-crisp-edges !important; /* Opera */\n\timage-rendering: pixelated !important; /* Future browsers */\n\timage-rendering: optimizeSpeed !important; /* IE */\n}\n.beepboxEditor .fullscreenButton::before {\n\tcontent: "";\n\tposition: absolute;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tleft: 0;\n\ttop: 0;\n\tpointer-events: none;\n\tbackground: currentColor;\n\tmask-image: var(--fullscreen-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n\t-webkit-mask-image: var(--fullscreen-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\timage-rendering: -moz-crisp-edges !important; /* Firefox */\n\timage-rendering: -webkit-optimize-contrast !important; /* Webkit (Chrome/Safari) */\n\timage-rendering: -o-crisp-edges !important; /* Opera */\n\timage-rendering: pixelated !important; /* Future browsers */\n\timage-rendering: optimizeSpeed !important; /* IE */\n}\n\n.beepboxEditor .delete-envelope {\n\twidth: var(--button-size);\n\tflex-shrink: 0;\n\tflex-grow: 0;\n}\n.beepboxEditor .delete-envelope::before {\n\tcontent: "";\n\tposition: absolute;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tleft: 0;\n\ttop: 0;\n\tpointer-events: none;\n\tbackground: currentColor;\n\tmask-image: var(--close-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n\t-webkit-mask-image: var(--close-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n}\n.beepboxEditor .delete-envelope:disabled {\n\tvisibility: hidden;\n}\n\n.beepboxEditor .menu.file::before {\n\tcontent: "";\n\tflex-shrink: 0;\n\tposition: absolute;\n\tleft: 0;\n\ttop: 50%;\n\ttransform: translateY(-50%);\n\tpointer-events: none;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tbackground: currentColor;\n\t-webkit-mask-image: var(--file-page-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\tmask-image: var(--file-page-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n}\n\n.beepboxEditor .menu.edit::before {\n\tcontent: "";\n\tflex-shrink: 0;\n\tposition: absolute;\n\tleft: 0;\n\ttop: 50%;\n\ttransform: translateY(-50%);\n\tpointer-events: none;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tbackground: currentColor;\n\t-webkit-mask-image: var(--edit-pencil-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\tmask-image: var(--edit-pencil-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n}\n\n.beepboxEditor .menu.preferences::before {\n\tcontent: "";\n\tflex-shrink: 0;\n\tposition: absolute;\n\tleft: 0;\n\ttop: 50%;\n\ttransform: translateY(-50%);\n\tpointer-events: none;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tbackground: currentColor;\n\t-webkit-mask-image: var(--preferences-gear-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\tmask-image: var(--preferences-gear-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n}\n\n.beepboxEditor .mute-button {\n\tbackground: transparent;\n\tborder: none;\n padding-right: 0px;\n padding-left: 0px;\n box-shadow: none;\n}\n\n.beepboxEditor .mute-button:focus {\n background: transparent;\n\tborder: none;\n}\n\n.beepboxEditor .mute-button::before {\n\tcontent: "";\n\tpointer-events: none;\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: inline-block;\n background: var(--mute-button-normal);\n\t-webkit-mask-image: var(--unmuted-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\t-webkit-mask-size: cover;\n mask-repeat: no-repeat;\n\tmask-position: center;\n\tmask-size: cover;\n mask-image: var(--unmuted-symbol);\n}\n\n.beepboxEditor .mute-button.muted::before {\n background: var(--ui-widget-background);\n\t-webkit-mask-image: var(--muted-symbol);\n mask-image: var(--muted-symbol);\n}\n\n.beepboxEditor .mute-button.modMute.muted::before {\n background: var(--ui-widget-background);\n\t-webkit-mask-image: var(--muted-symbol);\n mask-image: var(--muted-symbol);\n}\n\n.beepboxEditor .mute-button.modMute::before {\n background: var(--mute-button-mod);\n}\n\n\n.beepboxEditor .promptContainer {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tz-index: 100;\n}\n\n.beepboxEditor .prompt {\n\tmargin: auto;\n\ttext-align: center;\n\tbackground: ${nt.editorBackground};\n\tborder-radius: 15px;\n\tborder: 4px solid ${nt.uiWidgetBackground};\n\tcolor: ${nt.primaryText};\n\tpadding: 20px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tposition: relative;\n\tbox-shadow: 5px 5px 20px 10px rgba(0,0,0,0.5);\n}\n\n.beepboxEditor .prompt > *:not(:first-child):not(.cancelButton) {\n\tmargin-top: 1.5em;\n}\n\n.beepboxEditor .prompt h2 {\n\tfont-size: 2em;\n\tmargin: 0 16px;\n\tfont-weight: normal;\n}\n\n.beepboxEditor .prompt p {\n\ttext-align: left;\n\tmargin: 1em 0;\n}\n\n.beepboxEditor .prompt label {\n\tcursor: pointer;\n}\n\n.beepboxEditor .prompt.recordingSetupPrompt p {\n\tmargin-top: 0.75em;\n\tmargin-bottom: 0;\n}\n\n.beepboxEditor .prompt.recordingSetupPrompt > label:not(:first-child):not(.cancelButton) {\n\tmargin: 2px 0;\n}\n\n.beepboxEditor .layout-option {\n\tdisplay: flex;\n\tflex-direction: column;\n\tcursor: pointer;\n\tcolor: ${nt.secondaryText};\n\twidth: 25%;\n}\n\n.beepboxEditor .layout-option input {\n\tdisplay: none;\n}\n\n.beepboxEditor .layout-option input:checked ~ * {\n\tcolor: ${nt.primaryText};\n}\n.beepboxEditor select.invalidSetting {\n\tborder: solid 1px red;\n}\n.beepboxEditor .selectContainer {\n\tposition: relative;\n}\n.beepboxEditor .selectContainer:not(.menu)::after {\n\tcontent: "";\n\tflex-shrink: 0;\n\tposition: absolute;\n\tright: 0;\n\ttop: 50%;\n\ttransform: translateY(-50%);\n\tpointer-events: none;\n\twidth: 14px;\n\theight: var(--button-size);\n\tbackground: currentColor;\n\t-webkit-mask-image: var(--select-arrows-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\tmask-image: var(--select-arrows-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n}\n.beepboxEditor .selectContainer.menu::after {\n\tcontent: "";\n\tflex-shrink: 0;\n\tposition: absolute;\n\tright: 0;\n\ttop: 50%;\n\ttransform: translateY(-50%);\n\tpointer-events: none;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tbackground: currentColor;\n\t-webkit-mask-image: var(--menu-down-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\tmask-image: var(--menu-down-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n}\n.beepboxEditor select {\n\tmargin: 0;\n\tpadding: 0 4px;\n\tdisplay: block;\n\theight: var(--button-size);\n\tborder: none;\n\tborder-radius: 5px;\n\tbackground: ${nt.uiWidgetBackground};\n\tcolor: inherit;\n\tfont-size: inherit;\n\tcursor: pointer;\n\tfont-family: inherit;\n\tfont-weight: inherit;\n\n\t-webkit-appearance:none;\n\t-moz-appearance: none;\n\tappearance: none;\n}\n.beepboxEditor select option:disabled {\n\tcolor: ${nt.linkAccent};\n\tfont-weight: bold;\n}\n\n.select2-container .select2-selection--single {\n height: auto;\n}\n\n.select2-container {\n width: -moz-available !important;\n width: -webkit-fill-available !important;\n}\n@media (min-width: 711px) {\n\t.select2 {\n\t width: calc(var(--settings-area-width) * 0.625) !important;\n\t}\n}\n\n.select2-container--default .select2-selection--single{\n border-radius: 0px;\n border: 0px;\n background-color: transparent;\n outline: none;\n}\n\n.select2-selection__rendered:not(.menu)::before {\n\tcontent: "";\n\tposition: absolute;\n\tright: 0.3em;\n\ttop: 0.4em;\n\tborder-bottom: 0.4em solid currentColor;\n\tborder-left: 0.3em solid transparent;\n\tborder-right: 0.3em solid transparent;\n\tpointer-events: none;\n}\n.select2-selection__rendered:not(.menu)::after {\n\tcontent: "";\n\tposition: absolute;\n\tright: 0.3em;\n\tbottom: 0.4em;\n\tborder-top: 0.4em solid currentColor;\n\tborder-left: 0.3em solid transparent;\n\tborder-right: 0.3em solid transparent;\n\tpointer-events: none;\n}\n.select2-selection__rendered {\n\tmargin: 0;\n\tpadding: 0 0.3em;\n\tdisplay: block;\n\theight: 2em;\n\tborder: none;\n\tborder-radius: 0.4em;\n\tbackground: ${nt.uiWidgetBackground};\n\tcolor: inherit !important;\n\tfont-size: inherit;\n\tcursor: pointer;\n\tfont-family: inherit;\n\t-webkit-appearance:none;\n\t-moz-appearance: none;\n\tappearance: none;\n}\n.select2-selection__arrow b{\n display:none !important;\n}\n\n.select2-selection__rendered--focus {\n\tbackground: ${nt.uiWidgetFocus};\n\toutline: none;\n}\n.select2-search__field {\n background: ${nt.uiWidgetBackground};\n color: inherit !important;\n font-size: small;\n font-family: inherit;\n border: 0px !important;\n padding: 1px !important;\n}\n.select2-dropdown {\n box-sizing: border-box;\n display: inline-block;\n margin: 0;\n font-size: small;\n position: relative;\n vertical-align: middle;\n background-color: ${nt.uiWidgetFocus};\n}\n\n.select2-container--default .select2-results>.select2-results__options {\n max-height: 430px;\n overflow-x: hidden;\n}\n.select2-container--default .select2-results__group {\n cursor: default;\n display: block;\n padding: 1px;\n background: ${nt.select2OptGroup};\n}\n.select2-results__option {\n padding: 2px;\n user-select: none;\n -webkit-user-select: none;\n}\n.select2-container--default .select2-results__option .select2-results__option {\n padding-left: 0.1em;\n}\n.select2-container--default .select2-results__option[aria-selected=true] {\n background-color: transparent !important;\n}\n\n.select2-results__option--highlighted[aria-selected] {\n\tcolor: white !important;\n}\n\n.beepboxEditor .menu select {\n\tpadding: 0 var(--button-size);\n}\n.beepboxEditor select:focus {\n\tbackground: ${nt.uiWidgetFocus};\n\toutline: none;\n}\n.beepboxEditor .menu select {\n\ttext-align: center;\n\ttext-align-last: center;\n}\n.beepboxEditor .settings-area select {\n width: 100%;\n}\n\n/* This makes it look better in firefox on my computer... What about others?\n@-moz-document url-prefix() {\n\t.beepboxEditor select { padding: 0 2px; }\n}\n*/\n.beepboxEditor button, button {\n\tmargin: 0;\n\tposition: relative;\n\theight: var(--button-size);\n\tborder: none;\n\tborder-radius: 5px;\n\tbackground: ${nt.uiWidgetBackground};\n\tcolor: inherit;\n\tfont-size: inherit;\n\tfont-family: inherit;\n\tfont-weight: inherit;\n\tcursor: pointer;\n}\n.mobileEditMenuIcon {\n content: "";\n pointer-events: none;\n background: currentColor;\n mask-image: var(--edit-pencil-symbol);\n mask-repeat: no-repeat;\n mask-position: center;\n -webkit-mask-image: var(--edit-pencil-symbol);\n -webkit-mask-repeat: no-repeat;\n -webkit-mask-position: center;\n image-rendering: -moz-crisp-edges !important;\n image-rendering: -webkit-optimize-contrast !important;\n image-rendering: -o-crisp-edges !important;\n image-rendering: pixelated !important;\n image-rendering: optimizeSpeed !important;\n width: 100%;\n height: 100%;\n mask-size: 50%;\n \n}\n.mobileTrackMenuIcon {\n\tcontent: "";\n\tpointer-events: none;\n\tbackground: currentColor;\n\tmask-image: var(--insert-channel-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n\t-webkit-mask-image: var(--insert-channel-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\timage-rendering: -moz-crisp-edges !important;\n\timage-rendering: -webkit-optimize-contrast !important;\n\timage-rendering: -o-crisp-edges !important;\n\timage-rendering: pixelated !important;\n\timage-rendering: optimizeSpeed !important;\n\twidth: 100%;\n\theight: 100%;\n\tmask-size: 50%;\n }\n.mobileSettingsMenuIcon {\n\tcontent: "";\n\tpointer-events: none;\n\tbackground: currentColor;\n\tmask-image: var(--preferences-gear-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n\t-webkit-mask-image: var(--preferences-gear-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\timage-rendering: -moz-crisp-edges !important;\n\timage-rendering: -webkit-optimize-contrast !important;\n\timage-rendering: -o-crisp-edges !important;\n\timage-rendering: pixelated !important;\n\timage-rendering: optimizeSpeed !important;\n\twidth: 100%;\n\theight: 100%;\n\tmask-size: 50%;\n }\n.beepboxEditor button:focus {\n\tbackground: ${nt.uiWidgetFocus};\n\toutline: none;\n}\n\n.beepboxEditor button.cancelButton {\n\tfloat: right;\n\twidth: var(--button-size);\n\tposition: absolute;\n\ttop: 8px;\n\tright: 8px;\n}\n\n.beepboxEditor .playback-bar-controls {\n\tdisplay: grid;\n\tgrid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);\n\tgrid-template-rows: min-content;\n\tgrid-column-gap: 4px;\n}\n\n.beepboxEditor button.playButton::before {\n\tcontent: "";\n\tflex-shrink: 0;\n\tposition: absolute;\n\tleft: 0;\n\ttop: 50%;\n\ttransform: translateY(-50%);\n\tpointer-events: none;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tbackground: currentColor;\n\t-webkit-mask-image: var(--play-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\tmask-image: var(--play-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n}\n.beepboxEditor button.pauseButton::before {\n\tcontent: "";\n\tflex-shrink: 0;\n\tposition: absolute;\n\tleft: 0;\n\ttop: 50%;\n\ttransform: translateY(-50%);\n\tpointer-events: none;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tbackground: currentColor;\n\t-webkit-mask-image: var(--pause-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\tmask-image: var(--pause-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n}\nbutton.mobilePlayButton::before {\n\tcontent: "";\n\tflex-shrink: 0;\n\tposition: absolute;\n\tleft: 50%;\n\ttop: 50%;\n\ttransform: translate(-50%, -50%);\n\tpointer-events: none;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tbackground: currentColor;\n\t-webkit-mask-image: var(--play-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\tmask-image: var(--play-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n}\nbutton.mobilePauseButton::before {\n\tcontent: "";\n\tflex-shrink: 0;\n\tposition: absolute;\n\tleft: 50%;\n\ttop: 50%;\n\ttransform: translate(-50%, -50%);\n\tpointer-events: none;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tbackground: currentColor;\n\t-webkit-mask-image: var(--pause-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\tmask-image: var(--pause-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n}\n.beepboxEditor button.recordButton::before {\n\tcontent: "";\n\tflex-shrink: 0;\n\tposition: absolute;\n\tleft: 0;\n\ttop: 50%;\n\ttransform: translateY(-50%);\n\tpointer-events: none;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tbackground: currentColor;\n\t-webkit-mask-image: var(--record-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\tmask-image: var(--record-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n}\n.beepboxEditor button.stopButton::before {\n\tcontent: "";\n\tflex-shrink: 0;\n\tposition: absolute;\n\tleft: 0;\n\ttop: 50%;\n\ttransform: translateY(-50%);\n\tpointer-events: none;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tbackground: currentColor;\n\t-webkit-mask-image: var(--stop-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\tmask-image: var(--stop-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n}\n\n.beepboxEditor button.prevBarButton::before, button.mobilePrevBarButton::before {\n\tcontent: "";\n\tflex-shrink: 0;\n\tposition: absolute;\n\tleft: 50%;\n\ttop: 50%;\n\ttransform: translate(-50%, -50%);\n\tpointer-events: none;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tbackground: currentColor;\n\t-webkit-mask-image: var(--prev-bar-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\tmask-image: var(--prev-bar-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n}\n\n.beepboxEditor button.nextBarButton::before, button.mobileNextBarButton::before {\n\tcontent: "";\n\tflex-shrink: 0;\n\tposition: absolute;\n\tleft: 50%;\n\ttop: 50%;\n\ttransform: translate(-50%, -50%);\n\tpointer-events: none;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tbackground: currentColor;\n\t-webkit-mask-image: var(--next-bar-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\tmask-image: var(--next-bar-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n}\n\n.beepboxEditor button.playButton, .beepboxEditor button.pauseButton, .beepboxEditor button.recordButton, .beepboxEditor button.stopButton, .beepboxEditor button.okayButton, .beepboxEditor button.exportButton {\n\tpadding-left: var(--button-size);\n}\n.beepboxEditor button.playButton, .beepboxEditor button.pauseButton, .beepboxEditor button.recordButton {\n\tgrid-column-start: 1;\n\tgrid-column-end: 3;\n}\n.beepboxEditor button.stopButton {\n\tgrid-column-start: 1;\n\tgrid-column-end: 5;\n}\n.beepboxEditor button.prevBarButton {\n\tgrid-column-start: 3;\n\tgrid-column-end: 4;\n}\n.beepboxEditor button.nextBarButton {\n\tgrid-column-start: 4;\n\tgrid-column-end: 5;\n}\n\n.beepboxEditor button.playButton.shrunk, .beepboxEditor button.recordButton.shrunk {\n\tpadding: 0;\n}\n.beepboxEditor button.playButton.shrunk::before, .beepboxEditor button.recordButton.shrunk::before {\n\tleft: 50%;\n\ttop: 50%;\n\ttransform: translate(-50%, -50%);\n}\n.beepboxEditor button.playButton.shrunk span, .beepboxEditor button.recordButton.shrunk span {\n\tdisplay: none;\n}\n.beepboxEditor button.playButton.shrunk {\n\tgrid-column-start: 1;\n\tgrid-column-end: 2;\n}\n.beepboxEditor button.recordButton.shrunk {\n\tgrid-column-start: 2;\n\tgrid-column-end: 3;\n}\n\n.beepboxEditor button.cancelButton::before {\n\tcontent: "";\n\tposition: absolute;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tleft: 0;\n\ttop: 0;\n\tpointer-events: none;\n\tbackground: currentColor;\n\tmask-image: var(--close-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n\t-webkit-mask-image: var(--close-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n}\n\n.beepboxEditor button.okayButton::before {\n\tcontent: "";\n\tposition: absolute;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tleft: 0;\n\ttop: 0;\n\tpointer-events: none;\n\tbackground: currentColor;\n\t-webkit-mask-image: var(--checkmark-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n\tmask-image: var(--checkmark-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n}\n\n.beepboxEditor button.exportButton::before {\n\tcontent: "";\n\tposition: absolute;\n\twidth: var(--button-size);\n\theight: var(--button-size);\n\tleft: 0;\n\ttop: 0;\n\tpointer-events: none;\n\tbackground: currentColor;\n\tmask-image: var(--export-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n\t-webkit-mask-image: var(--export-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n}\n\n.beepboxEditor .instrument-bar {\n\tdisplay: flex;\n\tgap: 2px;\n}\n\n.beepboxEditor .instrument-bar button {\n\tflex-grow: 1;\n\tmin-width: 0;\n\tpadding: 0;\n\tflex-basis: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcolor: var(--text-color-lit);\n}\n\n.beepboxEditor .instrument-bar .remove-instrument, .beepboxEditor .instrument-bar .add-instrument {\n\tmax-width: var(--button-size);\n}\n\n.beepboxEditor .instrument-bar > :not(:first-child) {\n\tborder-top-left-radius: 0;\n\tborder-bottom-left-radius: 0;\n}\n\n.beepboxEditor .instrument-bar > :not(.last-button) {\n\tborder-top-right-radius: 0;\n\tborder-bottom-right-radius: 0;\n\tborder-bottom: inset;\n\tborder-color: var(--background-color-dim);\n}\n\n.beepboxEditor .instrument-bar .selected-instrument {\n\tbackground: var(--background-color-lit);\n\tcolor: ${nt.invertedText};\n}\n\n.beepboxEditor .instrument-bar .deactivated {\n\tbackground: ${nt.editorBackground};\n\tcolor: var(--text-color-dim);\n\tborder-bottom: unset;\n}\n\n.beepboxEditor .instrument-bar .deactivated.selected-instrument {\n\tbackground: var(--background-color-dim);\n\tcolor: ${nt.invertedText};\n}\n\n.beepboxEditor .instrument-bar .remove-instrument {\n\tborder-bottom: unset;\n}\n\n.beepboxEditor .instrument-bar .remove-instrument::before {\n\tcontent: "";\n\tposition: absolute;\n\twidth: 100%;\n\theight: var(--button-size);\n\tleft: 0;\n\ttop: 0;\n\tpointer-events: none;\n\tbackground: currentColor;\n\tmask-image: var(--close-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n\t-webkit-mask-image: var(--close-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n}\n\n.beepboxEditor .instrument-bar .add-instrument {\n\tborder-bottom: unset;\n}\n\n.beepboxEditor .instrument-bar .no-underline {\n\tborder-bottom: unset;\n}\n\n.beepboxEditor .instrument-bar .add-instrument::before {\n\tcontent: "";\n\tposition: absolute;\n\twidth: 100%;\n\theight: var(--button-size);\n\tleft: 0;\n\ttop: 0;\n\tpointer-events: none;\n\tbackground: currentColor;\n\tmask-image: var(--add-symbol);\n\tmask-repeat: no-repeat;\n\tmask-position: center;\n\t-webkit-mask-image: var(--add-symbol);\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center;\n}\n\n.beepboxEditor canvas {\n\toverflow: hidden;\n\tposition: absolute;\n\tdisplay: block;\n cursor: crosshair;\n}\n\n@keyframes dash-animation {\n to {\n stroke-dashoffset: -100;\n }\n}\n\n.beepboxEditor .dash-move {\n animation: dash-animation 20s infinite linear;\n}\n\n.beepboxEditor .trackContainer {\n\tflex-grow: 1;\n}\n\n.beepboxEditor .trackAndMuteContainer {\n\tdisplay: flex;\n\talign-items: flex-start;\n\twidth: 100%;\n\tmin-height: 0;\n\tflex: 1;\n\toverflow-x: hidden;\n\tposition: relative;\n}\n\n.beepboxEditor .channelRow {\n\tdisplay: flex;\n}\n.beepboxEditor .channelBox {\n\tdisplay: flex;\n\ttext-align: center;\n\talign-items: center;\n\tjustify-content: center;\n\tbox-sizing: border-box;\n\tpadding-top: 1px;\n}\n.beepboxEditor .emptyChannelBox {\n\tdisplay: flex;\n\ttext-align: center;\n\talign-items: center;\n\tjustify-content: center;\n\tbox-sizing: border-box;\n\tpadding-top: 1px;\n}\n\n.beepboxEditor .curChannelBox {\n\tdisplay: flex;\n\ttext-align: center;\n\talign-items: center;\n\tjustify-content: center;\n\tbox-sizing: border-box;\n\tpadding-top: 1px;\n}\n.beepboxEditor .channelBoxLabel {\n\tfont-size: 20px;\n\tfont-family: sans-serif;\n\tfont-weight: bold;\n}\n.beepboxEditor .dropFader {\n\topacity: 0;\n\t-webkit-transition:opacity 0.17s linear;\n -moz-transition:opacity 0.17s linear;\n -o-transition:opacity 0.17s linear;\n -ms-transition:opacity 0.17s linear; \n transition:opacity 0.17s linear;\n}\n\n.beepboxEditor .muteEditor {\n\twidth: 32px;\n\tflex-shrink: 0;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: stretch;\n\tposition: sticky;\n\tleft: 0;\n\tz-index: 1;\n\tbackground: ${nt.editorBackground};\n}\n\n.beepboxEditor .selectRow, .beepboxEditor .instrumentCopyPasteRow {\n\tmargin: 2px 0;\n\theight: var(--button-size);\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: space-between;\n}\n\n.beepboxEditor .selectRow > :last-child {\n\twidth: 62.5%;\n\tflex-shrink: 0;\n}\n\n.beepboxEditor .menu-area {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n.beepboxEditor .menu-area > * {\n\tmargin: 2px 0;\n}\n.beepboxEditor .menu-area > button {\n\tpadding: 0 var(--button-size);\n\twhite-space: nowrap;\n}\n\n.beepboxEditor .song-settings-area {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.beepboxEditor .editor-controls {\n\tflex-shrink: 0;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.beepboxEditor .instrument-settings-area {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.beepboxEditor .editor-right-side-top > *, .beepboxEditor .editor-right-side-bottom > * {\n\tflex-shrink: 0;\n}\n\n.beepboxEditor .pitchShiftMarkerContainer {\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\theight: 100%;\n\tleft: 3px;\n\tright: 3px;\n\tposition: absolute;\n\talign-items: center;\n\tpointer-events: none;\n}\n\n#secondImage {\n\tbackground-image: url(${h("customTheme2","")});\n}\n\n.beepboxEditor .pitchShiftMarker {\n\twidth: 0;\n\theight: 0;\n\tposition: absolute;\n}\n\n.beepboxEditor .pitchShiftMarker::before {\n\tcontent: "";\n\twidth: 2px;\n\theight: 20px;\n\ttransform: translate(-50%, -50%);\n\tposition: absolute;\n\tbackground: currentColor;\n\tborder-radius: 3px;\n}\n\n.beepboxEditor input[type=text], .beepboxEditor input[type=number] {\n\tfont-size: inherit;\n\tfont-weight: inherit;\n\tfont-family: inherit;\n\tbackground: transparent;\n\ttext-align: center;\n\tborder: 1px solid ${nt.inputBoxOutline};\n\tcolor: ${nt.primaryText};\n}\n\n.beepboxEditor input[type=text]::selection, .beepboxEditor input[type=number]::selection {\n\tbackground-color: ${nt.textSelection};\n\tcolor: ${nt.primaryText};\n}\n\n.beepboxEditor input[type=checkbox] {\n transform: scale(1.5);\n}\n\n.beepboxEditor input[type=range] {\n\t-webkit-appearance: none;\n\tcolor: inherit;\n\twidth: 100%;\n\theight: var(--button-size);\n\tfont-size: inherit;\n\tmargin: 0;\n\tcursor: pointer;\n\tbackground: none;\n\ttouch-action: pan-y;\n position: relative;\n}\n.beepboxEditor input[type=range]:focus {\n\toutline: none;\n}\n.beepboxEditor input[type=range]::-webkit-slider-runnable-track {\n\twidth: 100%;\n\theight: 6px;\n\tcursor: pointer;\n\tbackground: ${nt.uiWidgetBackground};\n}\n\n.modTarget:hover {\n\tfill: ${nt.hoverPreview} !important;\n}\n\n.beepboxEditor span.midTick:after {\n content: "";\n display:inline-block;\n position: absolute;\n background: currentColor;\n width: 2%;\n left: 49%;\n height: 0.5em;\n top: 32%;\n z-index: 1;\n\t\tpointer-events: none;\n}\n.beepboxEditor span.modSlider {\n\t--mod-position: 20%;\n\t--mod-color: ${nt.overwritingModSlider};\n --mod-border-radius: 0%;\n}\n.beepboxEditor span.modSlider:before {\n\tcontent: "";\n display:inline-block;\n position: absolute;\n background: var(--mod-color);\n width: 4%;\n left: var(--mod-position);\n height: 0.8em;\n top: 28%;\n z-index: 2;\n\t\ttransform: translate(-50%, 0%);\n\t\tpointer-events: none;\n\t\tborder: 40%;\n\t\tborder-radius: var(--mod-border-radius);\n}\n.beepboxEditor input[type=range]::-webkit-slider-thumb {\n\theight: var(--button-size);\n\twidth: 6px;\n\tborder-radius: 3px;\n\tbackground: currentColor;\n\tcursor: pointer;\n\t-webkit-appearance: none;\n\tmargin-top: -10px;\n}\n.beepboxEditor input[type=range]:focus::-webkit-slider-runnable-track {\n\tbackground: ${nt.uiWidgetFocus};\n}\n.beepboxEditor input[type=range]::-moz-range-track {\n\twidth: 100%;\n\theight: 6px;\n\tcursor: pointer;\n\tbackground: ${nt.uiWidgetBackground};\n}\n.beepboxEditor input[type=range]:focus::-moz-range-track {\n\tbackground: ${nt.uiWidgetFocus};\n}\n.beepboxEditor input[type=range]::-moz-range-thumb {\n\theight: var(--button-size);\n\twidth: 6px;\n\tborder-radius: 3px;\n\tborder: none;\n\tbackground: currentColor;\n\tcursor: pointer;\n}\n.beepboxEditor input[type=range]::-ms-track {\n\twidth: 100%;\n\theight: 6px;\n\tcursor: pointer;\n\tbackground: ${nt.uiWidgetBackground};\n\tborder-color: transparent;\n}\n.beepboxEditor input[type=range]:focus::-ms-track {\n\tbackground: ${nt.uiWidgetFocus};\n}\n.beepboxEditor input[type=range]::-ms-thumb {\n\theight: var(--button-size);\n\twidth: 6px;\n\tborder-radius: 3px;\n\tbackground: currentColor;\n\tcursor: pointer;\n}\n\nli.select2-results__option[role=group] > strong:hover {\n background-color: #516fbb;\n}\n\n/* wide screen */\n@media (min-width: 711px) {\n\t#beepboxEditorContainer {\n\t\tdisplay: table;\n\t}\n\t.beepboxEditor {\n\t\tflex-direction: row;\n\t}\n\t.beepboxEditor:focus-within {\n\t\toutline: 3px solid ${nt.uiWidgetBackground};\n\t}\n\t.beepboxEditor .trackAndMuteContainer {\n\t\twidth: 512px;\n\t}\n\t.beepboxEditor .trackSelectBox {\n\t\tdisplay: none;\n\t}\n .beepboxEditor .muteButtonSelectBox {\n\t\tdisplay: none;\n\t}\n\t.beepboxEditor .play-pause-area {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\t.beepboxEditor .playback-bar-controls {\n\t\tmargin: 2px 0;\n\t}\n\t.beepboxEditor .playback-volume-controls {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tmargin: 2px 0;\n\t\talign-items: center;\n\t}\n\t.beepboxEditor .settings-area {\n\t\twidth: var(--settings-area-width);\n\t}\n}\n\n/* narrow screen */\n@media (max-width: 710px) {\n\t.beepboxEditor {\n\t\tgrid-template-columns: minmax(0, 1fr);\n\t\tgrid-template-rows: min-content 6px min-content min-content;\n\t\tgrid-template-areas: "pattern-area" "." "track-area" "settings-area";\n\t\tgrid-row-gap: 0;\n\t}\n\t.beepboxEditor .settings-area {\n\t\tgrid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n\t\tgrid-template-rows: min-content min-content 1fr min-content;\n\t\tgrid-template-areas:\n\t\t\t"play-pause-area play-pause-area"\n\t\t\t"menu-area instrument-settings-area"\n\t\t\t"song-settings-area instrument-settings-area"\n\t\t\t"version-area version-area";\n\t\tgrid-column-gap: 8px;\n\t\tmargin: 0 4px;\n\t}\n\t.beepboxEditor:focus-within {\n\t\toutline: none;\n\t}\n\t.beepboxEditor .pattern-area {\n\t\tmax-height: 75vh;\n\t}\n\t.beepboxEditor .trackAndMuteContainer {\n\t\toverflow-x: auto;\n\t}\n\t.beepboxEditor .barScrollBar {\n\t\tdisplay: none;\n\t}\n\t.beepboxEditor .play-pause-area {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n\t\tgrid-column-gap: 8px;\n\t\tmargin: 2px 0;\n\t}\n\t.beepboxEditor .playback-bar-controls {\n\t\tflex-grow: 1;\n\t}\n\t.beepboxEditor .playback-volume-controls {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\tflex-grow: 1;\n\t}\n\t\n\t.beepboxEditor .soundIcon {\n\t background: ${nt.editorBackground};\n\t display: inline-block;\n\t height: 10px;\n\t margin-left: 0px;\n\t margin-top: 8px;\n\t\tposition: relative;\n\t\twidth: 10px;\n\t}\n\t.beepboxEditor .soundIcon:before {\n\t border-bottom: 6px solid transparent;\n\t border-top: 6px solid transparent;\n\t border-right: 10px solid ${nt.editorBackground};\n\t content: "";\n\t height: 10px;\n\t left: 6px;\n\t position: absolute;\n\t top: -6px;\n\t width: 0;\n\t}\n}\n\n`));class ot{constructor(t){this.R=t,this.W=512,this.U=20,this.K=J.rect("rect",{fill:nt.playhead,x:0,y:0,width:2,height:this.U}),this.J=J.svg({"pointer-events":"none"}),this.Y=J.rect({fill:nt.uiWidgetBackground,x:0,y:2,width:10,height:this.U-4}),this.Z=J.rect({fill:"none",stroke:nt.hoverPreview,"stroke-width":2,"pointer-events":"none",x:0,y:1,width:10,height:this.U-2}),this.X=J.path({fill:nt.hoverPreview,"pointer-events":"none"}),this.tt=J.path({fill:nt.hoverPreview,"pointer-events":"none"}),this.et=-1,this.nt=J.svg({style:`background-color: ${nt.editorBackground}; touch-action: pan-y; position: absolute;`,width:this.W,height:this.U},this.J,this.Y,this.Z,this.X,this.tt,this.K),this.container=K.div({class:"barScrollBar",style:"width: 512px; height: 20px; overflow: hidden; position: relative;"},this.nt),this.it=0,this.ot=!1,this.st=!1,this.rt=!1,this.ht=-1,this.ct=-1,this.animatePlayhead=()=>{const t=Math.min(512,Math.max(0,this.lt*this.R.synth.playhead-2));this.et!=t&&(this.et=t,this.K.setAttribute("x",""+t))},this.dt=t=>{this.st||(this.st=!0,this.ut())},this.ft=t=>{this.st&&(this.st=!1,this.ut())},this.yt=t=>{t.preventDefault(),this.ot=!0;const e=this.nt.getBoundingClientRect();this.it=(t.clientX||t.pageX)-e.left,this.ut(),this.it>=this.R.barScrollPos*this.lt&&this.it<=(this.R.barScrollPos+this.R.trackVisibleBars)*this.lt&&(this.rt=!0,this.bt=this.it)},this.gt=t=>{t.preventDefault(),this.ot=!0;const e=this.nt.getBoundingClientRect();this.it=t.touches[0].clientX-e.left,this.ut(),this.it>=this.R.barScrollPos*this.lt&&this.it<=(this.R.barScrollPos+this.R.trackVisibleBars)*this.lt&&(this.rt=!0,this.bt=this.it)},this.xt=t=>{const e=this.nt.getBoundingClientRect();this.it=(t.clientX||t.pageX)-e.left,this.wt()},this.kt=t=>{if(!this.ot)return;t.preventDefault();const e=this.nt.getBoundingClientRect();this.it=t.touches[0].clientX-e.left,this.wt()},this.vt=t=>{!this.rt&&this.ot&&(this.it<(this.R.barScrollPos+8)*this.lt?(this.R.barScrollPos>0&&this.R.barScrollPos--,this.R.notifier.changed()):(this.R.barScrollPos0;)this.R.barScrollPos--,this.bt-=this.lt,this.R.notifier.changed();for(;this.it-this.bt>.5*this.lt&&this.R.barScrollPos=1;)t<0?this.R.barScrollPos>0&&(this.R.barScrollPos--,this.bt+=this.lt,this.R.notifier.changed()):this.R.barScrollPos0?-1:1}ut(){let t=!1,e=!1,n=!1;this.st&&!this.ot&&(this.it(this.R.barScrollPos+this.R.trackVisibleBars)*this.lt?e=!0:n=!0),this.X.style.visibility=t?"visible":"hidden",this.tt.style.visibility=e?"visible":"hidden",this.Z.style.visibility=n?"visible":"hidden"}render(){this.lt=(this.W-1)/Math.max(this.R.trackVisibleBars,this.R.song.barCount);const t=this.ht!=this.R.song.barCount;if(t){for(this.ht=this.R.song.barCount;this.J.firstChild;)this.J.removeChild(this.J.firstChild);for(let t=0;t<=this.R.song.barCount;t++){const e=t%16==0?0:t%4==0?this.U/8:this.U/3;this.J.appendChild(J.rect({fill:nt.uiWidgetBackground,x:t*this.lt-1,y:e,width:2,height:this.U-2*e}))}}(t||this.ct!=this.R.barScrollPos)&&(this.ct=this.R.barScrollPos,this.Y.setAttribute("x",String(this.lt*this.R.barScrollPos)),this.Y.setAttribute("width",String(this.lt*this.R.trackVisibleBars)),this.Z.setAttribute("x",String(this.lt*this.R.barScrollPos)),this.Z.setAttribute("width",String(this.lt*this.R.trackVisibleBars))),this.ut()}}function st(t,e){for(let n=0;n=2;i--){const n=1<>1,s=n<<1,a=2*Math.PI/s,r=Math.cos(a),h=Math.sin(a),c=2*r;for(let i=0;i16)throw new Error("FFT array length must not be greater than 2^16.");const i=16-n;for(let n=0;n>1|(21845&n)<<1,e=(52428&e)>>2|(13107&e)<<2,e=(61680&e)>>4|(3855&e)<<4,e=(e>>8|(255&e)<<8)>>i,e>n){let i=t[n];t[n]=t[e],t[e]=i}}}(t,e)}class ht{constructor(){this.Ft=1,this.St=[void 0],this.Mt=0,this.Et=0,this.Bt=0}pushFront(t){this.Bt>=this.Ft&&this.Ct(),this.Et=this.Et-1&this.Mt,this.St[this.Et]=t,this.Bt++}pushBack(t){this.Bt>=this.Ft&&this.Ct(),this.St[this.Et+this.Bt&this.Mt]=t,this.Bt++}popFront(){if(this.Bt<=0)throw new Error("No elements left to pop.");const t=this.St[this.Et];return this.St[this.Et]=void 0,this.Et=this.Et+1&this.Mt,this.Bt--,t}popBack(){if(this.Bt<=0)throw new Error("No elements left to pop.");this.Bt--;const t=this.Et+this.Bt&this.Mt,e=this.St[t];return this.St[t]=void 0,e}peakFront(){if(this.Bt<=0)throw new Error("No elements left to pop.");return this.St[this.Et]}peakBack(){if(this.Bt<=0)throw new Error("No elements left to pop.");return this.St[this.Et+this.Bt-1&this.Mt]}count(){return this.Bt}set(t,e){if(t<0||t>=this.Bt)throw new Error("Invalid index");this.St[this.Et+t&this.Mt]=e}get(t){if(t<0||t>=this.Bt)throw new Error("Invalid index");return this.St[this.Et+t&this.Mt]}remove(t){if(t<0||t>=this.Bt)throw new Error("Invalid index");if(t<=this.Bt>>1){for(;t>0;)this.set(t,this.get(t-1)),t--;this.popFront()}else{for(t++;t=1073741824)throw new Error("Capacity too big.");this.Ft=this.Ft<<1;const t=this.St,e=new Array(this.Ft),n=0|this.Bt,i=0|this.Et;for(let o=0;o=1?i:1/i),s=Math.tan(.5*o),a=1+s/i;this.b[0]=(1+s*i)/a,this.b[1]=this.a[1]=-2*Math.cos(t)/a,this.b[2]=(1-s*i)/a,this.a[2]=(1-s/i)/a,this.order=2}}class pt{constructor(){this.real=0,this.imag=0,this.denom=1}analyze(t,e){this.analyzeComplex(t,Math.cos(e),Math.sin(e))}analyzeComplex(t,e,n){const i=t.a,o=t.b,s=e,a=-n;let r=o[0]+o[1]*s,h=o[1]*a,c=1+i[1]*s,l=i[1]*a,p=s,d=a;for(let e=2;e<=t.order;e++){const t=p*a+d*s;p=p*s-d*a,d=t,r+=o[e]*p,h+=o[e]*d,c+=i[e]*p,l+=i[e]*d}this.denom=c*c+l*l,this.real=r*c+h*l,this.imag=h*c-r*l}magnitude(){return Math.sqrt(this.real*this.real+this.imag*this.imag)/this.denom}angle(){return Math.atan2(this.imag,this.real)}}class dt{constructor(){this.a1=0,this.a2=0,this.b0=1,this.b1=0,this.b2=0,this.a1Delta=0,this.a2Delta=0,this.b0Delta=0,this.b1Delta=0,this.b2Delta=0,this.output1=0,this.output2=0,this.useMultiplicativeInputCoefficients=!1}resetOutput(){this.output1=0,this.output2=0}loadCoefficientsWithGradient(t,e,n,i){if(2!=t.order||2!=e.order)throw new Error;this.a1=t.a[1],this.a2=t.a[2],this.b0=t.b[0],this.b1=t.b[1],this.b2=t.b[2],this.a1Delta=(e.a[1]-t.a[1])*n,this.a2Delta=(e.a[2]-t.a[2])*n,i?(this.b0Delta=Math.pow(e.b[0]/t.b[0],n),this.b1Delta=Math.pow(e.b[1]/t.b[1],n),this.b2Delta=Math.pow(e.b[2]/t.b[2],n)):(this.b0Delta=(e.b[0]-t.b[0])*n,this.b1Delta=(e.b[1]-t.b[1])*n,this.b2Delta=(e.b[2]-t.b[2])*n),this.useMultiplicativeInputCoefficients=i}}function mt(t){return 2*Math.atan(.5*t)}let ut=1;const ft=1e-24;function yt(t,e,n){return n<=(e-=1)?n>=t?n:t:e}function bt(t,e,n){if(t<=n&&n<=e)return n;throw new Error(`Value ${n} not in range [${t}, ${e}]`)}function gt(t,e){let n=parseFloat(t);return Number.isNaN(n)&&(n=e),n}function xt(t,e){let n=parseInt(t);return Number.isNaN(n)&&(n=e),n}function wt(t,e){t.push(St[e>>>30&3]),t.push(St[e>>>24&63]),t.push(St[e>>>18&63]),t.push(St[e>>>12&63]),t.push(St[e>>>6&63]),t.push(St[e>>>0&63])}function kt(t,e){let n=0;return n|=Mt[t.charCodeAt(e++)]<<30,n|=Mt[t.charCodeAt(e++)]<<24,n|=Mt[t.charCodeAt(e++)]<<18,n|=Mt[t.charCodeAt(e++)]<<12,n|=Mt[t.charCodeAt(e++)]<<6,n|=Mt[t.charCodeAt(e++)]<<0,n}function vt(t,e,n,i,o,s){t.push(St[e]),t.push(St[Number(n>0)]);let a=Math.round(1e3*Math.abs(n)),r=Math.floor(a/63);t.push(St[a%63],St[r%63],St[Math.floor(r/63)]),t.push(St[Number(i>0)]);let h=Math.round(1e3*Math.abs(i)),c=Math.floor(h/63);t.push(St[h%63],St[c%63],St[Math.floor(c/63)]),t.push(St[Number(o>0)]);let l=Math.round(1e3*Math.abs(o));t.push(St[l%63],St[Math.floor(l/63)]),t.push(St[Number(s>0)]);let p=Math.round(1e3*Math.abs(s));t.push(St[p%63],St[Math.floor(p/63)])}function Ft(t){let e=yt(0,p.keys.length,t),n=0;return 12===t?(e=0,n=1):13===t?(e=6,n=-1):14===t?(e=0,n=-1):15===t&&(e=5,n=-1),[e,n]}const St=[48,49,50,51,52,53,54,55,56,57,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,45,95],Mt=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,62,62,0,0,1,2,3,4,5,6,7,8,9,0,0,0,0,0,0,0,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,0,0,0,0,63,0,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,0,0,0,0,0];class Et{constructor(t,e,n){this.At=[],this.zt=0;for(let i=e;i>5&1),this.At.push(e>>4&1),this.At.push(e>>3&1),this.At.push(e>>2&1),this.At.push(e>>1&1),this.At.push(1&e)}}read(t){let e=0;for(;t>0;)e<<=1,e+=this.At[this.zt++],t--;return e}readLongTail(t,e){let n=t,i=e;for(;this.At[this.zt++];)n+=1<0;)i--,this.At[this.zt++]&&(n+=1<=0;)this.At[this.Tt++]=e>>>t&1,t--}writeLongTail(t,e,n){if(n=1<0;)i--,this.At[this.Tt++]=n>>>i&1}writePartDuration(t){this.writeLongTail(1,3,t)}writePinCount(t){this.writeLongTail(1,0,t)}writePitchInterval(t){t<0?(this.write(1,1),this.writeLongTail(1,3,-t)):(this.write(1,0),this.writeLongTail(1,3,t))}concat(t){for(let e=0;et);e++);return e}}class zt{constructor(){this.notes=[],this.instruments=[0]}cloneNotes(){const t=[];for(const e of this.notes)t.push(e.clone());return t}reset(){this.notes.length=0,this.instruments[0]=0,this.instruments.length=1}toJsonObject(t,e,n){const i=[];for(const o of this.notes){let s=e.instruments[this.instruments[0]],a=Math.max(0,p.modCount-o.pitches[0]-1),r=t.getVolumeCapForSetting(n,s.modulators[a],s.modFilterTypes[a]);const h=[];for(const e of o.pins){let i=n?Math.round(e.size):Math.round(100*e.size/r);h.push({tick:(e.time+o.start)*p.rhythms[t.rhythm].stepsPerBeat/p.partsPerBeat,pitchBend:e.interval,volume:i,forMod:n})}const c={pitches:o.pitches,points:h};0==o.start&&(c.continuesLastPattern=o.continuesLastPattern),i.push(c)}const o={notes:i};return t.patternInstruments&&(o.instruments=this.instruments.map((t=>t+1))),o}fromJsonObject(t,e,n,i,o,s){if(e.patternInstruments)if(Array.isArray(t.instruments)){const i=t.instruments,o=yt(p.instrumentCountMin,e.getMaxInstrumentsPerPatternForChannel(n)+1,i.length);for(let t=0;t0){const a=Math.min(e.beatsPerBar*p.partsPerBeat*(s?p.modCount:1),t.notes.length>>>0);for(let r=0;r=a);r++){const a=t.notes[r];if(!(a&&a.pitches&&a.pitches.length>=1&&a.points&&a.points.length>=2))continue;const h=new At(0,0,0,0);h.pitches=[],h.pins=[];for(let t=0;t=p.maxChordSize))break}if(h.pitches.length<1)continue;let c=0;for(let t=0;t0?Math.round(0|o.volume):Math.max(0,Math.min(f,Math.round((0|o.volume)*f/100))),l>e.beatsPerBar*p.partsPerBeat||(0==h.pins.length&&(h.start=l,c=r),h.pins.push(Ct(r-c,l-h.start,d)))}if(h.pins.length<2)continue;h.end=h.pins[h.pins.length-1].time+h.start;const l=o?p.drumCount-1:p.maxPitch;let d=l,m=0;for(let t=0;tl)&&(h.pitches.splice(t,1),t--),h.pitches[t]m&&(m=h.pitches[t]);if(!(h.pitches.length<1)){for(let t=0;tl&&(e.interval=l-m),t>=2&&e.interval==h.pins[t-1].interval&&e.interval==h.pins[t-2].interval&&e.size==h.pins[t-1].size&&e.size==h.pins[t-2].size&&(h.pins.splice(t-1,1),t--)}0==h.start?h.continuesLastPattern=!0===a.continuesLastPattern:h.continuesLastPattern=!1,this.notes.push(h)}}}}}class Tt{constructor(t){this.frequency=4,this.amplitude=0,this.waveform=0,this.pulseWidth=.5,this.reset(t)}reset(t){this.frequency=4,this.amplitude=t<=1?p.operatorAmplitudeMax:0,this.waveform=0,this.pulseWidth=5}copy(t){this.frequency=t.frequency,this.amplitude=t.amplitude,this.waveform=t.waveform,this.pulseWidth=t.pulseWidth}}class It{constructor(){this.name="",this.carrierCount=0,this.modulatedBy=[[],[],[],[],[],[]],this.associatedCarrier=[],this.fromPreset(1)}set(t,e){this.reset(),this.carrierCount=t;for(let n=0;nt-1&&(this.associatedCarrier[e[n][i]-1]=n+1),this.name+=",";this.name+=n=25;this.spectrum[e]=t?Math.max(0,Math.round(p.spectrumMax*(1-e/30))):0}this.markCustomWaveDirty()}markCustomWaveDirty(){const t=Jt.fittingPowerOfTwo(p.spectrumMax+2)-1;let e=0;for(const n of this.spectrum)e=e*t+n>>>0;this.hash=e}}class Lt{constructor(){this.wave=null,this.It=-1}getCustomWave(t,e){if(this.It==t.hash)return this.wave;this.It=t.hash;const n=p.spectrumNoiseLength;null!=this.wave&&this.wave.length==n+1||(this.wave=new Float32Array(n+1));const i=this.wave;for(let t=0;t=p.spectrumControlPoints?t.spectrum[p.spectrumControlPoints-1]:t.spectrum[e],h=s(e-1);let c=s(e);e>=p.spectrumControlPoints&&(c=14+.25*(c-14)),0==o&&0==r||(a+=.02*b(i,n,h,c,o/p.spectrumMax,r/p.spectrumMax,-.5))}return t.spectrum[p.spectrumControlPoints-1]>0&&(a+=.02*b(i,n,14+.25*(s(p.spectrumControlPoints)-14),14,t.spectrum[p.spectrumControlPoints-1]/p.spectrumMax,0,-.5)),rt(i,n),st(i,5/(Math.sqrt(n)*Math.pow(a,.75))),i[n]=i[0],i}}class Ot{constructor(){this.harmonics=[],this.hash=-1,this.reset()}reset(){for(let t=0;t>>0;this.hash=e}}class qt{constructor(){this.wave=null,this.It=-1}getCustomWave(t,e){if(this.It==t.hash&&this.Dt==e)return this.wave;this.It=t.hash,this.Dt=e;const n=7==e?p.harmonicsRenderedForPickedString:p.harmonicsRendered,i=p.harmonicsWavelength,o=y(0,null,null);null!=this.wave&&this.wave.length==i+1||(this.wave=new Float32Array(i+1));const s=this.wave;for(let t=0;t=p.harmonicsControlPoints&&(h*=1-(e-p.harmonicsControlPoints)/(n-p.harmonicsControlPoints));const c=h/p.harmonicsMax;let l=Math.pow(2,h-p.harmonicsMax+1)*Math.sqrt(c);e=1?e:t}convertLegacySettings(t,e,n){this.reset();const i=2*Math.asin(.475),o=e>1,s=0==e,a=10==t,r=3==n.type||4==n.type||8==n.type||0==n.type,h=48e3,c=8e3*Math.pow(2,.5*(t-10)),l=Math.min(i,2*Math.PI*c/h);if(1==n.type&&!o&&a);else if(s){const t=3.5,e=l*Math.pow(2,t),n=h*(e/(1+e/Math.PI))/(2*Math.PI),i=Nt.getRoundedSettingValueFromHz(n),o=Nt.getHzFromSettingValue(i),s=2*Math.PI*o/h,a=new lt;a.lowPass1stOrderSimplified(l);const c=new pt;c.analyze(a,s);const p=c.magnitude();let d=Math.log2(p);d=.82*(d+t)-t,r&&(d=Math.min(d,-1));const m=Math.pow(2,d),u=Nt.getRoundedSettingValueFromLinearGain(m);this.addPoint(0,i,u)}else{const t=.5/(1-.95*Math.sqrt(Math.max(0,e-1)/6)),n=.5/t,i=l+(l*(l/(2*Math.PI*8e3/h)*Math.pow(n,.9)+1)-l)*n;let s;s=r?h*Math.min(i,l*Math.pow(2,.25))/(2*Math.PI):h*i/(2*Math.PI);const a=Nt.getRoundedSettingValueFromHz(s);let c;if(r)c=t;else{const e=new lt;e.lowPass2ndOrderSimplified(l,t);const n=new pt;n.analyze(e,i),c=n.magnitude()}o||(c=Math.min(c,Math.sqrt(.5)));const p=Nt.getRoundedSettingValueFromLinearGain(c);this.addPoint(0,a,p)}this.controlPoints.length=this.controlPointCount}convertLegacySettingsForSynth(t,e,n=!1){this.reset();const i=2*Math.asin(.475),o=0==e&&n,s=48e3,a=8e3*Math.pow(2,.5*(t-10)),r=Math.min(i,2*Math.PI*a/s);if(o){const t=3.5,e=r*Math.pow(2,t),n=s*(e/(1+e/Math.PI))/(2*Math.PI),i=Nt.getRoundedSettingValueFromHz(n),o=Nt.getHzFromSettingValue(i),a=2*Math.PI*o/s,h=new lt;h.lowPass1stOrderSimplified(r);const c=new pt;c.analyze(h,a);const l=c.magnitude();let p=Math.log2(l);p=.82*(p+t)-t;const d=Math.pow(2,p),m=Nt.getRoundedSettingValueFromLinearGain(d);this.addPoint(0,i,m)}else{const t=.5/(1-.95*Math.sqrt(Math.max(0,e-1)/6)),n=.5/t,i=r+(r*(r/(2*Math.PI*8e3/s)*Math.pow(n,.9)+1)-r)*n;let o;o=s*i/(2*Math.PI);const a=Nt.getSettingValueFromHz(o);let h;const c=new lt;c.lowPass2ndOrderSimplified(r,t);const l=new pt;l.analyze(c,i),h=l.magnitude();const p=Nt.getRoundedSettingValueFromLinearGain(h);this.addPoint(0,a,p)}}}class _t{constructor(){this.target=0,this.index=0,this.envelope=0,this.reset()}reset(){this.target=0,this.index=0,this.envelope=0}toJsonObject(){const t={target:p.instrumentAutomationTargets[this.target].name,envelope:p.envelopes[this.envelope].name};return p.instrumentAutomationTargets[this.target].maxCount>1&&(t.index=this.index),t}fromJsonObject(t){this.reset();let e=p.instrumentAutomationTargets.dictionary[t.target];null==e&&(e=p.instrumentAutomationTargets.dictionary.noteVolume),this.target=e.index;let n=p.envelopes.dictionary[t.envelope];null==n&&(n=p.envelopes.dictionary.none),this.envelope=n.index,null!=t.index?this.index=yt(0,p.instrumentAutomationTargets[this.target].maxCount,0|t.index):this.index=0}}class $t{constructor(t,e){if(this.type=0,this.preset=0,this.chipWave=2,this.isUsingAdvancedLoopControls=!1,this.chipWaveLoopStart=0,this.chipWaveLoopEnd=p.rawRawChipWaves[this.chipWave].samples.length-1,this.chipWaveLoopMode=0,this.chipWavePlayBackwards=!1,this.chipWaveStartOffset=0,this.chipNoise=1,this.eqFilter=new Rt,this.eqFilterType=!1,this.eqFilterSimpleCut=p.filterSimpleCutRange-1,this.eqFilterSimplePeak=0,this.noteFilter=new Rt,this.noteFilterType=!1,this.noteFilterSimpleCut=p.filterSimpleCutRange-1,this.noteFilterSimplePeak=0,this.eqSubFilters=[],this.noteSubFilters=[],this.envelopes=[],this.fadeIn=0,this.fadeOut=p.fadeOutNeutral,this.envelopeCount=0,this.transition=p.transitions.dictionary.normal.index,this.pitchShift=0,this.detune=0,this.vibrato=0,this.interval=0,this.vibratoDepth=0,this.vibratoSpeed=10,this.vibratoDelay=0,this.vibratoType=0,this.envelopeSpeed=12,this.discreteEnvelope=!1,this.unison=0,this.unisonVoices=1,this.unisonSpread=0,this.unisonOffset=0,this.unisonExpression=1.4,this.unisonSign=1,this.effects=0,this.chord=1,this.volume=0,this.pan=p.panCenter,this.panDelay=10,this.arpeggioSpeed=12,this.fastTwoNoteArp=!1,this.legacyTieOver=!1,this.clicklessTransition=!1,this.aliases=!1,this.pulseWidth=p.pulseWidthRange,this.decimalOffset=0,this.supersawDynamism=p.supersawDynamismMax,this.supersawSpread=Math.ceil(p.supersawSpreadMax/2),this.supersawShape=0,this.stringSustain=10,this.stringSustainType=1,this.distortion=0,this.bitcrusherFreq=0,this.bitcrusherQuantization=0,this.chorus=0,this.reverb=0,this.echoSustain=0,this.echoDelay=0,this.algorithm=0,this.feedbackType=0,this.algorithm6Op=1,this.feedbackType6Op=1,this.customAlgorithm=new It,this.customFeedbackType=new Dt,this.feedbackAmplitude=0,this.customChipWave=new Float32Array(64),this.customChipWaveIntegral=new Float32Array(65),this.operators=[],this.harmonicsWave=new Ot,this.drumsetEnvelopes=[],this.drumsetSpectrumWaves=[],this.modChannels=[],this.modInstruments=[],this.modulators=[],this.modFilterTypes=[],this.invalidModulators=[],e)for(let t=0;t>>0),null!=t.volume?this.volume=yt(-p.volumeRange/2,p.volumeRange/2+1,0|t.volume):this.volume=0,null!=t.envelopeSpeed?this.envelopeSpeed=yt(0,p.modulators.dictionary["envelope speed"].maxRawVol+1,0|t.envelopeSpeed):this.envelopeSpeed=12,null!=t.discreteEnvelope?this.discreteEnvelope=t.discreteEnvelope:this.discreteEnvelope=!1,Array.isArray(t.effects)){let e=0;for(let n=0;ne.name==t.wave)),"pink noise"==t.wave&&(this.chipNoise=p.chipNoises.findIndex((t=>"pink"==t.name))),"brownian noise"==t.wave&&(this.chipNoise=p.chipNoises.findIndex((t=>"brownian"==t.name))),-1==this.chipNoise&&(this.chipNoise=1));const l={custom:"note size",steady:"none","pluck 1":"twang 1","pluck 2":"twang 2","pluck 3":"twang 3"},d=t=>null!=l[t]?p.envelopes.dictionary[l[t]]:p.envelopes.dictionary[t];if(4==this.type&&null!=t.drums)for(let e=0;et.name==r));-1!=t&&(this.chipWave=t)}-1==this.chipWave&&(this.chipWave=1)}if(1==this.type||11==this.type){1==this.type?(this.algorithm=p.algorithms.findIndex((e=>e.name==t.algorithm)),-1==this.algorithm&&(this.algorithm=0),this.feedbackType=p.feedbacks.findIndex((e=>e.name==t.feedbackType)),-1==this.feedbackType&&(this.feedbackType=0)):(this.algorithm6Op=p.algorithms6Op.findIndex((e=>e.name==t.algorithm)),-1==this.algorithm6Op&&(this.algorithm6Op=1),0==this.algorithm6Op?this.customAlgorithm.set(t.customAlgorithm.carrierCount,t.customAlgorithm.mods):this.customAlgorithm.fromPreset(this.algorithm6Op),this.feedbackType6Op=p.feedbacks6Op.findIndex((e=>e.name==t.feedbackType)),-1==this.feedbackType6Op&&(this.feedbackType6Op=1),0==this.feedbackType6Op?this.customFeedbackType.set(t.customFeedback.mods):this.customFeedbackType.fromPreset(this.feedbackType6Op)),null!=t.feedbackAmplitude?this.feedbackAmplitude=yt(0,p.operatorAmplitudeMax+1,0|t.feedbackAmplitude):this.feedbackAmplitude=0;for(let e=0;et.name==i.frequency)),-1==n.frequency&&(n.frequency=0),null!=i.amplitude?n.amplitude=yt(0,p.operatorAmplitudeMax+1,0|i.amplitude):n.amplitude=0,null!=i.waveform?(n.waveform=p.operatorWaves.findIndex((t=>t.name==i.waveform)),-1==n.waveform&&("square"==i.waveform?(n.waveform=p.operatorWaves.dictionary["pulse width"].index,n.pulseWidth=5):n.waveform=0)):n.waveform=0,null!=i.pulseWidth?n.pulseWidth=0|i.pulseWidth:n.pulseWidth=5}}else if(9==this.type){if(t.customChipWave){for(let e=0;e<64;e++)this.customChipWave[e]=t.customChipWave[e];let e=0;for(let t=0;t=p.maxEnvelopeCount);t++){const n=new _t;n.fromJsonObject(e[t]),this.addEnvelope(n.target,n.index,n.envelope)}}}0===a&&(null!=t.isUsingAdvancedLoopControls?(this.isUsingAdvancedLoopControls=t.isUsingAdvancedLoopControls,this.chipWaveLoopStart=t.chipWaveLoopStart,this.chipWaveLoopEnd=t.chipWaveLoopEnd,this.chipWaveLoopMode=t.chipWaveLoopMode,this.chipWavePlayBackwards=t.chipWavePlayBackwards,this.chipWaveStartOffset=t.chipWaveStartOffset):(this.isUsingAdvancedLoopControls=!1,this.chipWaveLoopStart=0,this.chipWaveLoopEnd=p.rawRawChipWaves[this.chipWave].samples.length-1,this.chipWaveLoopMode=0,this.chipWavePlayBackwards=!1,this.chipWaveStartOffset=0))}getLargestControlPointCount(t){let e;if(t){e=this.noteFilter.controlPointCount;for(let t=0;te&&(e=this.noteSubFilters[t].controlPointCount)}else{e=this.eqFilter.controlPointCount;for(let t=0;te&&(e=this.eqSubFilters[t].controlPointCount)}return e}static frequencyFromPitch(t){return 440*Math.pow(2,(t-69)/12)}addEnvelope(t,e,n){let i=!1;if(this.supportsEnvelopeTarget(t,e)||(i=!0),this.envelopeCount>=p.maxEnvelopeCount)throw new Error;for(;this.envelopes.length<=this.envelopeCount;)this.envelopes[this.envelopes.length]=new _t;const o=this.envelopes[this.envelopeCount];o.target=i?p.instrumentAutomationTargets.dictionary.none.index:t,o.index=i?0:e,o.envelope=n,this.envelopeCount++}supportsEnvelopeTarget(t,e){const n=p.instrumentAutomationTargets[t];if(null==n.computeIndex&&"none"!=n.name)return!1;if(e>=n.maxCount)return!1;if(null!=n.compatibleInstruments&&-1==n.compatibleInstruments.indexOf(this.type))return!1;if(null!=n.effect&&0==(this.effects&1<=t)return!1}return!0}clearInvalidEnvelopeTargets(){for(let t=0;t{if(t&&null!=e&&null!=n&&null!=i){i=p.modCount-i-1;let t=p.modulators[this.channels[e].instruments[n].modulators[i]].newNoteVol,o=p.modulators.dictionary.tempo.index;return this.channels[e].instruments[n].modulators[i]==o&&(t=this.tempo-p.modulators[o].convertRealFactor),null!=t?t:6}return 6},this.getVolumeCap=(t,e,n,i)=>{if(t&&null!=e&&null!=n&&null!=i){i=p.modCount-i-1;let t=this.channels[e].instruments[n],o=p.modulators[t.modulators[i]],s=o.maxRawVol;return null!=s?("eq filter"!=o.name&&"note filter"!=o.name||(s=p.filterMorphCount-1,t.modFilterTypes[i]>0&&t.modFilterTypes[i]%2?s=p.filterFreqRange:t.modFilterTypes[i]>0&&(s=p.filterGainRange)),s):6}return 6},this.getVolumeCapForSetting=(t,e,n)=>{if(t){let t=p.modulators[e].maxRawVol;return null!=t?(null==n||"eq filter"!=p.modulators[e].name&&"note filter"!=p.modulators[e].name||(t=p.filterMorphCount-1,n>0&&n%2?t=p.filterFreqRange:n>0&&(t=p.filterGainRange)),t):p.noteSizeMax}return p.noteSizeMax},null!=t?this.fromBase64String(t):this.initToDefault(!0)}getChannelCount(){return this.pitchChannelCount+this.noiseChannelCount+this.modChannelCount}getMaxInstrumentsPerChannel(){return Math.max(this.layeredInstruments?p.layeredInstrumentCountMax:p.instrumentCountMin,this.patternInstruments?p.patternInstrumentCountMax:p.instrumentCountMin)}getMaxInstrumentsPerPattern(t){return this.getMaxInstrumentsPerPatternForChannel(this.channels[t])}getMaxInstrumentsPerPatternForChannel(t){return this.layeredInstruments?Math.min(p.layeredInstrumentCountMax,t.instruments.length):1}getChannelIsNoise(t){return t>=this.pitchChannelCount&&t=this.pitchChannelCount+this.noiseChannelCount}initToDefault(t=!0){if(this.scale=0,this.scaleCustom=[!0,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1],this.key=0,this.octave=0,this.loopStart=0,this.loopLength=4,this.tempo=120,this.reverb=0,this.beatsPerBar=8,this.barCount=16,this.patternsPerChannel=8,this.rhythm=3,this.layeredInstruments=!1,this.patternInstruments=!1,this.title="Untitled",document.title=O.versionDisplayName,t){this.pitchChannelCount=3,this.noiseChannelCount=1,this.modChannelCount=0;for(let t=0;t=this.pitchChannelCount&&t=this.pitchChannelCount+this.noiseChannelCount;this.channels.length<=t&&(this.channels[t]=new Ht);const i=this.channels[t];i.octave=Math.max(3-t,0);for(let t=0;t>6],St[63&n.length]);for(let t=0;t>6],St[63&this.loopStart]),e.push(101,St[this.loopLength-1>>6],St[this.loopLength-1&63]),e.push(116,St[this.tempo>>6],St[63&this.tempo]),e.push(97,St[this.beatsPerBar-1]),e.push(103,St[this.barCount-1>>6],St[this.barCount-1&63]),e.push(106,St[this.patternsPerChannel-1>>6],St[this.patternsPerChannel-1&63]),e.push(114,St[this.rhythm]),e.push(79),1!=this.compressionRatio||1!=this.limitRatio||4e3!=this.limitRise||4!=this.limitDecay||1!=this.limitThreshold||1!=this.compressionThreshold||1!=this.masterGain?(e.push(St[Math.round(this.compressionRatio<1?10*this.compressionRatio:10+60*(this.compressionRatio-1))]),e.push(St[Math.round(this.limitRatio<1?10*this.limitRatio:9+this.limitRatio)]),e.push(St[this.limitDecay]),e.push(St[Math.round((this.limitRise-2e3)/250)]),e.push(St[Math.round(20*this.compressionThreshold)]),e.push(St[Math.round(20*this.limitThreshold)]),e.push(St[Math.round(50*this.masterGain)>>6],St[63&Math.round(50*this.masterGain)])):e.push(St[63]),e.push(85);for(let t=0;t>6],St[63&o.length]);for(let t=0;t>6],St[i.volume+p.volumeRange/2&63]),e.push(117,St[i.preset>>6],St[63&i.preset]),e.push(102),e.push(St[+i.eqFilterType]),i.eqFilterType)e.push(St[i.eqFilterSimpleCut]),e.push(St[i.eqFilterSimplePeak]);else{if(null==i.eqFilter)e.push(St[0]),console.log("Null EQ filter settings detected in toBase64String for channelIndex "+t+", instrumentIndex "+n);else{e.push(St[i.eqFilter.controlPointCount]);for(let t=0;t>6],St[63&o]);for(let t=0;t>6],St[63&i.effects]),B(i.effects))if(e.push(St[+i.noteFilterType]),i.noteFilterType)e.push(St[i.noteFilterSimpleCut]),e.push(St[i.noteFilterSimplePeak]);else{if(null==i.noteFilter)e.push(St[0]),console.log("Null note filter settings detected in toBase64String for channelIndex "+t+", instrumentIndex "+n);else{e.push(St[i.noteFilter.controlPointCount]);for(let t=0;t>6],St[63&o]);for(let t=0;t>6],St[i.detune-p.detuneMin&63]),E(i.effects)&&(e.push(St[i.vibrato]),i.vibrato==p.vibratos.length&&(e.push(St[Math.round(25*i.vibratoDepth)]),e.push(St[i.vibratoSpeed]),e.push(St[Math.round(i.vibratoDelay)]),e.push(St[i.vibratoType]))),C(i.effects)&&(e.push(St[i.distortion]),e.push(St[+i.aliases])),A(i.effects)&&e.push(St[i.bitcrusherFreq],St[i.bitcrusherQuantization]),z(i.effects)&&(e.push(St[i.pan>>6],St[63&i.pan]),e.push(St[i.panDelay])),T(i.effects)&&e.push(St[i.chorus]),I(i.effects)&&e.push(St[i.echoSustain],St[i.echoDelay]),D(i.effects)&&e.push(St[i.reverb]),4!=i.type&&(e.push(100,St[i.fadeIn],St[i.fadeOut]),e.push(St[+i.clicklessTransition])),5==i.type||7==i.type){e.push(72);const t=new Bt;for(let e=0;e186?(e.push(119,St[i.chipWave-186]),e.push(St[3])):i.chipWave>124?(e.push(119,St[i.chipWave-124]),e.push(St[2])):i.chipWave>62?(e.push(119,St[i.chipWave-62]),e.push(St[1])):(e.push(119,St[i.chipWave]),e.push(St[0])),e.push(104,St[i.unison]),i.unison==p.unisons.length&&vt(e,i.unisonVoices,i.unisonSpread,i.unisonOffset,i.unisonExpression,i.unisonSign),e.push(121);const t=yt(0,32,i.chipWaveLoopMode)<<1|(i.isUsingAdvancedLoopControls?1:0);e.push(St[t]);const n=yt(0,32,0)<<1|(i.chipWavePlayBackwards?1:0);e.push(St[n]),wt(e,i.chipWaveLoopStart),wt(e,i.chipWaveLoopEnd),wt(e,i.chipWaveStartOffset)}else if(1==i.type||11==i.type){if(1==i.type)e.push(65,St[i.algorithm]),e.push(70,St[i.feedbackType]);else{if(e.push(65,St[i.algorithm6Op]),0==i.algorithm6Op){e.push(67,St[i.customAlgorithm.carrierCount]),e.push(113);for(let t=0;t186?(e.push(119,St[i.chipWave-186]),e.push(St[3])):i.chipWave>124?(e.push(119,St[i.chipWave-124]),e.push(St[2])):i.chipWave>62?(e.push(119,St[i.chipWave-62]),e.push(St[1])):(e.push(119,St[i.chipWave]),e.push(St[0])),e.push(104,St[i.unison]),i.unison==p.unisons.length&&vt(e,i.unisonVoices,i.unisonSpread,i.unisonOffset,i.unisonExpression,i.unisonSign),e.push(77);for(let t=0;t<64;t++)e.push(St[i.customChipWave[t]+24])}else if(2==i.type)e.push(119,St[i.chipNoise]);else if(3==i.type){e.push(83);const t=new Bt;for(let e=0;e>6],St[63&i.decimalOffset]);else if(8==i.type)e.push(120,St[i.supersawDynamism],St[i.supersawSpread],St[i.supersawShape]),e.push(87,St[i.pulseWidth]),e.push(St[i.decimalOffset>>6],St[63&i.decimalOffset]);else if(7==i.type){if(p.stringSustainRange>32)throw new Error("Not enough bits to represent sustain value and type in same base64 character.");e.push(104,St[i.unison]),i.unison==p.unisons.length&&vt(e,i.unisonVoices,i.unisonSpread,i.unisonOffset,i.unisonExpression,i.unisonSign),e.push(73,St[i.stringSustain|i.stringSustainType<<5])}else if(10!=i.type)throw new Error("Unknown instrument type.");e.push(69,St[i.envelopeCount]),e.push(St[i.envelopeSpeed]),e.push(St[+i.discreteEnvelope]);for(let t=0;t1&&e.push(St[i.envelopes[t].index]),e.push(St[i.envelopes[t].envelope])}e.push(98),t=new Bt;let s=0;for(;1<0){t.write(1,1);let n=0;for(const i of e.notes){i.startn&&(t.write(2,0),s&&t.write(1,0),t.writePartDuration(i.start-n)),a.clear(),1==i.pitches.length?a.write(1,0):(a.write(1,1),a.write(3,i.pitches.length-2)),a.writePinCount(i.pins.length-1),s?a.write(9,i.pins[0].size):a.write(r,i.pins[0].size);let e=0,o=i.pitches[0],h=o;const c=[];for(let t=1;t10&&u.pop();const f=i.pitches.concat(c);for(let e=0;e16&&m.pop(),d=e==i.pitches.length-1?i.pitches[0]:n}0==i.start&&t.write(1,i.continuesLastPattern?1:0),n=i.end}n0;)c.unshift(St[63&h]),h>>=6;e.push(St[c.length]),Array.prototype.push.apply(e,c),t.encodeBase64(e);const l=64e3;let d="";if(null!=O.customSamples&&O.customSamples.length>0&&(d="|"+O.customSamples.join("|")),e.lengthWt.Nt||mWt._t||mWt.Ht||mWt.Gt||mWt.Lt||m0&&(O.customSamples=s),r.length>0){const t=k(r);O.presetCategories[O.presetCategories.length]={name:"Custom Sample Presets",presets:t,index:O.presetCategories.length}}}}if(f&&s){for(const t of this.channels)t.instruments[0].transition=p.transitions.dictionary.interrupt.index,t.instruments[0].effects|=1024;this.channels[3].instruments[0].chipNoise=0}let R=null;if(s&&P||r&&b||y&&h){R=[];for(let t=R.length;t1;for(let t=0;t=this.pitchChannelCount&&t=this.pitchChannelCount+this.noiseChannelCount;for(let o=this.channels[t].instruments.length;o=2&&(V=!0))}break;case 111:if(f&&s){const n=Mt[t.charCodeAt(e++)];this.channels[n].octave=yt(0,p.pitchOctaves,Mt[t.charCodeAt(e++)]+1),n>=this.pitchChannelCount&&(this.channels[n].octave=0)}else if(P&&s||r&&b||y&&h)for(let n=0;n=this.pitchChannelCount&&(this.channels[n].octave=0);else{for(let n=0;n=this.channels[H].instruments.length&&(H++,W=0),bt(0,this.channels.length-1,H);const n=this.channels[H].instruments[W];let i=bt(0,11,Mt[t.charCodeAt(e++)]);r&&b||y&&h?7!=i&&8!=i||(i+=2):(r&&g||h&&!y||c&&b)&&(8!=i&&9!=i&&10!=i||(i+=1)),n.setTypeAndReset(i,H>=this.pitchChannelCount&&H=this.pitchChannelCount+this.noiseChannelCount),!(x&&s||u&&r)||0!=i&&9!=i&&6!=i||(n.aliases=!0,n.distortion=0,n.effects|=8),G&&(n.arpeggioSpeed=9),V&&(n.fastTwoNoteArp=!0),x&&s&&(n.effects=0,n.chord!=p.chords.dictionary.simultaneous.index&&(n.effects|=2048))}break;case 117:{const n=Mt[t.charCodeAt(e++)]<<6|Mt[t.charCodeAt(e++)];this.channels[H].instruments[W].preset=n,r&&b||y&&h?7==this.channels[H].instruments[W].preset&&(this.channels[H].instruments[W].preset=9,this.channels[H].instruments[W].type=9):(r&&g||c&&b)&&(8==this.channels[H].instruments[W].preset&&(this.channels[H].instruments[W].preset=9,this.channels[H].instruments[W].type=9),10==this.channels[H].instruments[W].preset&&(this.channels[H].instruments[W].preset=11,this.channels[H].instruments[W].type=11)),s&&n==O.nameToPresetValue("grand piano 1")&&(this.channels[H].instruments[W].preset=O.nameToPresetValue("grand piano 3"))}break;case 119:if(f&&s){const n=[1,2,3,4,5,6,7,8,0],i=Mt[t.charCodeAt(e++)],o=this.channels[i].instruments[0];o.chipWave=yt(0,p.chipWaves.length,0|n[Mt[t.charCodeAt(e++)]]),o.convertLegacySettings(R[i][0],L)}else if(g&&s){const n=[1,2,3,4,5,6,7,8,0];for(let i=0;i=this.pitchChannelCount?o.chipNoise=yt(0,p.chipNoises.length,Mt[t.charCodeAt(e++)]):o.chipWave=yt(0,p.chipWaves.length,0|n[Mt[t.charCodeAt(e++)]])}else if(x&&s){const n=[1,2,3,4,5,6,7,8,0];H>=this.pitchChannelCount?this.channels[H].instruments[W].chipNoise=yt(0,p.chipNoises.length,Mt[t.charCodeAt(e++)]):this.channels[H].instruments[W].chipWave=yt(0,p.chipWaves.length,0|n[Mt[t.charCodeAt(e++)]])}else if(2==this.channels[H].instruments[W].type)this.channels[H].instruments[W].chipNoise=yt(0,p.chipNoises.length,Mt[t.charCodeAt(e++)]);else if(c||d){const n=Mt[t.charCodeAt(e++)],i=Mt[t.charCodeAt(e++)];this.channels[H].instruments[W].chipWave=yt(0,p.chipWaves.length,3==i?n+186:2==i?n+124:1==i?n+62:n)}else this.channels[H].instruments[W].chipWave=yt(0,p.chipWaves.length,Mt[t.charCodeAt(e++)]);break;case 102:if(P&&s||b&&r||y&&h)if(x&&s){const n=[10,6,3,0,8,5,2],i=["none","none","none","none","decay 1","decay 2","decay 3"];if(f&&s){const o=Mt[t.charCodeAt(e++)],s=this.channels[o].instruments[0],a=R[o][0],r=[1,3,4,5][yt(0,n.length,Mt[t.charCodeAt(e++)])];a.filterCutoff=n[r],a.filterResonance=0,a.filterEnvelope=p.envelopes.dictionary[i[r]],s.convertLegacySettings(a,L)}else if(g&&s)for(let o=0;o>1,s=Mt[t.charCodeAt(e++)],a=Boolean(1&s),r=kt(t,e);e+=6;const h=kt(t,e);e+=6;const c=kt(t,e);e+=6;const l=this.channels[H].instruments[W];l.isUsingAdvancedLoopControls=i,l.chipWaveLoopStart=r,l.chipWaveLoopEnd=h,l.chipWaveLoopMode=o,l.chipWavePlayBackwards=a,l.chipWaveStartOffset=c}else if(h&&!y&&g)"legacysamples"!=document.URL.substring(document.URL.length-13).toLowerCase()&&(q||(q=!0,p.willReloadForCustomSamples=!0,O.customSamples=["legacySamples"],l(0))),this.channels[H].instruments[W].chipWave=yt(0,p.chipWaves.length,Mt[t.charCodeAt(e++)]+125);else if(P&&s||r&&b||y&&h){const n=8,i=this.channels[H].instruments[W],o=R[H][W];o.filterResonance=yt(0,n,Mt[t.charCodeAt(e++)]),i.convertLegacySettings(o,L)}break;case 122:{const n=this.channels[H].instruments[W],i=[0,1,2,4,5,6,8,9,10,12,13,14,16,17,18,19,20,21,23,24,25,27,28,29,32,33,34,31,11];if(P&&s||b&&r||y&&h)if(4==n.type)for(let o=0;o>5):0}break;case 100:if(P&&s||r&&b||y&&h){const n=[{transition:"interrupt",fadeInSeconds:0,fadeOutTicks:-1},{transition:"normal",fadeInSeconds:0,fadeOutTicks:-3},{transition:"normal",fadeInSeconds:.025,fadeOutTicks:-3},{transition:"slide in pattern",fadeInSeconds:.025,fadeOutTicks:-3},{transition:"normal",fadeInSeconds:.04,fadeOutTicks:6},{transition:"normal",fadeInSeconds:0,fadeOutTicks:48},{transition:"normal",fadeInSeconds:.0125,fadeOutTicks:72},{transition:"normal",fadeInSeconds:.06,fadeOutTicks:96},{transition:"slide in pattern",fadeInSeconds:.025,fadeOutTicks:-3}];if(f&&s){const i=Mt[t.charCodeAt(e++)],o=n[yt(0,n.length,Mt[t.charCodeAt(e++)])],s=this.channels[i].instruments[0];s.fadeIn=Jt.secondsToFadeInSetting(o.fadeInSeconds),s.fadeOut=Jt.ticksToFadeOutSetting(o.fadeOutTicks),s.transition=p.transitions.dictionary[o.transition].index,s.transition!=p.transitions.dictionary.normal.index&&(s.effects|=1024)}else if(g&&s)for(let i=0;i0&&(o.legacyTieOver=!0),o.clicklessTransition=!!Mt[t.charCodeAt(e++)],(o.transition!=p.transitions.dictionary.normal.index||o.clicklessTransition)&&(o.effects|=1024)}}else{const n=this.channels[H].instruments[W];n.fadeIn=yt(0,p.fadeInRange,Mt[t.charCodeAt(e++)]),n.fadeOut=yt(0,p.fadeOutTicks.length,Mt[t.charCodeAt(e++)]),(r||h||c||d)&&(n.clicklessTransition=!!Mt[t.charCodeAt(e++)])}break;case 99:if(P&&s||r&&b||y&&h)if(x&&s)if(f&&s){const n=[0,3,2,0],i=["none","none","none","tremolo2"],o=Mt[t.charCodeAt(e++)],s=yt(0,n.length,Mt[t.charCodeAt(e++)]),a=this.channels[o].instruments[0],r=R[o][0];a.vibrato=n[s],null!=r.filterEnvelope&&1!=r.filterEnvelope.type||(r.filterEnvelope=p.envelopes.dictionary[i[s]],a.convertLegacySettings(r,L)),a.vibrato!=p.vibratos.dictionary.none.index&&(a.effects|=512)}else if(g&&s){const n=[0,1,2,3,0,0],i=["none","none","none","none","tremolo5","tremolo2"];for(let o=0;o85&&"legacysamples"!=document.URL.substring(document.URL.length-13).toLowerCase()&&(q||(q=!0,p.willReloadForCustomSamples=!0,O.customSamples=["legacySamples"],l(0))),this.channels[H].instruments[W].chipWave=n+62>78?yt(0,p.chipWaves.length,n+63):n+62>67?yt(0,p.chipWaves.length,n+61):n+62==67?40:yt(0,p.chipWaves.length,n+62)}const n=this.channels[H].instruments[W];n.supersawDynamism=yt(0,p.supersawDynamismMax+1,Mt[t.charCodeAt(e++)]),n.supersawSpread=yt(0,p.supersawSpreadMax+1,Mt[t.charCodeAt(e++)]),n.supersawShape=yt(0,p.supersawShapeMax+1,Mt[t.charCodeAt(e++)])}break;case 70:{const n=this.channels[H].instruments[W];if(1==n.type)n.feedbackType=yt(0,p.feedbacks.length,Mt[t.charCodeAt(e++)]);else{n.feedbackType6Op=yt(0,p.feedbacks6Op.length,Mt[t.charCodeAt(e++)]),n.customFeedbackType.fromPreset(n.feedbackType6Op);let i=[];if(113==t.charCodeAt(e)){let o=0;for(e++;113!=t.charCodeAt(e);){i[o]=[];let n=0;for(;82!=t.charCodeAt(e);)i[o][n]=yt(1,p.operatorCount+2,Mt[t.charCodeAt(e)]),n++,e++;o++,e++}n.customFeedbackType.set(i),e++}}}break;case 66:this.channels[H].instruments[W].feedbackAmplitude=yt(0,p.operatorAmplitudeMax+1,Mt[t.charCodeAt(e++)]);break;case 86:if(P&&s||b&&r||y&&h){const n=[0,1,2,4,5,6,8,9,10,12,13,14,16,17,18,19,20,21,23,24,25,27,28,29,32,33,34,31,11],i=this.channels[H].instruments[W],o=R[H][W];let s=Mt[t.charCodeAt(e++)];(u&&h||!h&&!c&&!d)&&(s=n[s]),o.feedbackEnvelope=Wt.Ot(Mt[s]),i.convertLegacySettings(o,L)}break;case 81:{const n=this.channels[H].instruments[W];if(f&&h){const i=[4,5,6,7,8,10,12,13,14,15,16,18,20,22,24,2,1,9,17,19,21,23,0,3];for(let o=0;o<(11==n.type?6:p.operatorCount);o++)n.operators[o].frequency=i[yt(0,i.length,Mt[t.charCodeAt(e++)])]}else if(h||c||d)for(let i=0;i<(11==n.type?6:p.operatorCount);i++)n.operators[i].frequency=yt(0,p.operatorFrequencies.length,Mt[t.charCodeAt(e++)]);else{const i=[4,5,6,7,8,10,12,13,14,15,16,18,20,23,27,2,1,9,17,19,21,23,0,3];for(let o=0;o<(11==n.type?6:p.operatorCount);o++)n.operators[o].frequency=i[yt(0,i.length,Mt[t.charCodeAt(e++)])]}}break;case 80:{const n=this.channels[H].instruments[W];for(let i=0;i<(11==n.type?6:p.operatorCount);i++)n.operators[i].amplitude=yt(0,p.operatorAmplitudeMax+1,Mt[t.charCodeAt(e++)])}break;case 69:{const n=[0,1,2,4,5,6,8,9,10,12,13,14,16,17,18,19,20,21,23,24,25,27,28,29,32,33,34,31,11],i=[0,1,2,4,5,6,8,9,10,12,13,14,16,17,18,19,20,21,23,24,25,58,59,60],o=this.channels[H].instruments[W];if(P&&s||b&&r||y&&h){const a=R[H][W];a.operatorEnvelopes=[];for(let c=0;c<(11==o.type?6:p.operatorCount);c++){let o=Mt[t.charCodeAt(e++)];(u&&h||s)&&(o=n[o]),r&&(o=i[o]),a.operatorEnvelopes[c]=Wt.Ot(o)}o.convertLegacySettings(a,L)}else{const a=yt(0,p.maxEnvelopeCount+1,Mt[t.charCodeAt(e++)]);(r&&!g||c&&!b||d)&&(o.envelopeSpeed=yt(0,p.modulators.dictionary["envelope speed"].maxRawVol+1,Mt[t.charCodeAt(e++)]),o.discreteEnvelope=!!Mt[t.charCodeAt(e++)]);for(let c=0;c1&&(c=yt(0,l,Mt[t.charCodeAt(e++)]));let d=Mt[t.charCodeAt(e++)];(u&&h||s)&&(d=n[d]),r&&(d=i[d]);const m=yt(0,p.envelopes.length,d);o.addEnvelope(a,c,m)}}}break;case 82:{const n=this.channels[H].instruments[W];if(f&&h)for(let i=0;i0;)i<<=6,i+=Mt[t.charCodeAt(e++)],o--}const m=new Et(t,e,e+i);e+=i;const u=Wt.getNeededBits(p.noteSizeMax);let g=-1,w=-1,k=-1;for(;;){const t=this.channels[n],e=this.getChannelIsNoise(n),i=this.getChannelIsMod(n),v=this.getMaxInstrumentsPerPattern(n),F=Wt.getNeededBits(v-p.instrumentCountMin),S=Wt.getNeededBits(t.instruments.length-1);if(i){let e=b&&r||y&&h;const i=e?S:Wt.getNeededBits(this.getMaxInstrumentsPerChannel()+2);for(let o=0;o=0){let e=B(this.channels[s.modChannels[t]].instruments[s.modInstruments[t]].effects);7==s.modulators[t]?(s.modulators[t]=e?p.modulators.dictionary["note filt cut"].index:p.modulators.dictionary["eq filt cut"].index,s.modFilterTypes[t]=1):8==s.modulators[t]&&(s.modulators[t]=e?p.modulators.dictionary["note filt peak"].index:p.modulators.dictionary["eq filt peak"].index,s.modFilterTypes[t]=2)}else e&&s.modulators[t]==p.modulators.dictionary["song reverb"].index&&(g=n,w=o,k=t);e&&12!=p.modulators[s.modulators[t]].associatedEffect&&(this.channels[s.modChannels[t]].instruments[s.modInstruments[t]].effects|=1<10&&z.pop(),w.length<=k?(F=new At(0,g,g+f.length,f.initialSize),w[k++]=F):(F=w[k++],F.start=g,F.end=g+f.length,F.pins[0].size=f.initialSize);let E=0;const B=[];for(let t=0;t0;){for(S++;-1!=A.indexOf(S);)S++;t--}for(;t<0;){for(S--;-1!=A.indexOf(S);)S--;t++}}A.unshift(S),A.length>l&&A.pop(),t=this.getChannelCount())break}if((r&&b||y&&h)&&k>=0)for(let t=0;t0){const n=this.channels[t].patterns[e-1];let i=6;for(const t of n.notes)t.pitches[0]==p.modCount-1-k&&(i=Math.min(i,t.start));i>0&&n.notes.push(new At(p.modCount-1-k,0,i,$))}else if(this.channels[t].patterns.lengththis.patternsPerChannel){for(let t=0;t{location.reload()}),50))}static Jt(t){try{return Boolean(new URL(t))}catch(t){return!1}}static Kt(t,e,n,i,o){const s=p.chipWaves[0].samples,a=p.rawRawChipWaves[0].samples,h=e.length;e.push(t);const c=p.chipWaves.length;let l=t,d=44100,m=!1,u=60,f=!1,y=null,b=null,g=null,x=null,w=!1,k=!1,v=t.indexOf("!"),F=-1;if(0===v&&(F=t.indexOf("!",v+1),-1!==F)){const M=t.slice(v+1,F).split(",");for(const E of M){const B=E.charAt(0),C=E.slice(1,E.length);"s"===B?d=yt(8e3,96001,gt(C,44100)):"r"===B?u=gt(C,60):"p"===B?m=!0:"a"===B?(y=xt(C,null),null!=y&&(f=!0)):"b"===B?(b=xt(C,null),null!=b&&(f=!0)):"c"===B?(g=xt(C,null),null!=g&&(f=!0)):"d"===B?(x=xt(C,null),null!=x&&(x=yt(0,4,x),f=!0)):"e"===B&&(w=!0,f=!0)}l=t.slice(F+1,t.length),k=!0}let S=null;if(!Wt.Jt(l))return alert(t+" is not a valid url"),!1;if(S=new URL(l),o&&!k&&null!=S){function A(){l=t.slice(0,t.indexOf(",")),S=new URL(l),d=yt(8e3,96001,gt(t.slice(t.indexOf(",")+1),44100))}function z(){l=t.slice(0,t.indexOf("!")),S=new URL(l),u=gt(t.slice(t.indexOf("!")+1),60)}-1!=t.indexOf("@")&&(l=t.replaceAll("@",""),S=new URL(l),m=!0),-1!=t.indexOf(",")&&-1!=t.indexOf("!")?t.indexOf(",")0&&(T="!"+I.join(",")+"!"+l),e[h]=T;const D=decodeURIComponent(S.pathname.replace(/^([^\/]*\/)+/,"")),P=1;p.chipWaves[c]={name:D,expression:P,isCustomSampled:!0,isPercussion:m,rootKey:u,sampleRate:d,samples:s,index:c},p.rawChipWaves[c]={name:D,expression:P,isCustomSampled:!0,isPercussion:m,rootKey:u,sampleRate:d,samples:a,index:c},p.rawRawChipWaves[c]={name:D,expression:P,isCustomSampled:!0,isPercussion:m,rootKey:u,sampleRate:d,samples:a,index:c};const L={type:"chip",eqFilter:[],effects:[],transition:"normal",fadeInSeconds:0,fadeOutTicks:-3,chord:"harmony",wave:D,unison:"none",envelopes:[]};f&&(L.isUsingAdvancedLoopControls=!0,L.chipWaveLoopStart=null!=y?y:0,L.chipWaveLoopEnd=null!=b?b:2,L.chipWaveLoopMode=null!=x?x:0,L.chipWavePlayBackwards=w,L.chipWaveStartOffset=null!=g?g:0);const O={index:0,name:D,midiProgram:80,settings:L};if(n.push(O),!p.willReloadForCustomSamples){r(l,c,L,{isUsingAdvancedLoopControls:f,chipWaveLoopStart:y,chipWaveLoopEnd:b,chipWaveLoopMode:x,chipWavePlayBackwards:w,chipWaveStartOffset:g},d)}i.statusTable[c]=0,i.urlTable[c]=l,i.totalSamples++}return!0}static Ut(){p.chipWaves=k(p.chipWaves.slice(0,p.firstIndexForSamplesInChipWaveList)),p.rawChipWaves=k(p.rawChipWaves.slice(0,p.firstIndexForSamplesInChipWaveList)),p.rawRawChipWaves=k(p.rawRawChipWaves.slice(0,p.firstIndexForSamplesInChipWaveList))}static qt(){O.customSamples=null,Wt.Ut(),i.statusTable={},i.urlTable={},i.totalSamples=0,i.samplesLoaded=0,a.dispatchEvent(new o(i.totalSamples,i.samplesLoaded))}toJsonObject(t=!0,e=1,n=!0){const i=[];for(let o=0;o0&&(o.customSamples=O.customSamples),o}fromJsonObject(t){if(this.initToDefault(!0),!t)return;if(null!=t.name&&(this.title=t.name),null!=t.customSamples){const e=t.customSamples;if(null==O.customSamples||O.customSamples.join(", ")!=e.join(", ")){p.willReloadForCustomSamples=!0,Wt.Ut();let t=!1,n=!1,o=!1;const s=[],a=[];for(const r of e)if("legacysamples"===r.toLowerCase())t||(t=!0,s.push(r),l(0));else if("nintariboxsamples"===r.toLowerCase())n||(n=!0,s.push(r),l(1));else if("mariopaintboxsamples"===r.toLowerCase())o||(o=!0,s.push(r),l(2));else{const t=!1;Wt.Kt(r,s,a,i,t)}if(s.length>0&&(O.customSamples=s),a.length>0){const t=k(a);O.presetCategories[O.presetCategories.length]={name:"Custom Sample Presets",presets:t,index:O.presetCategories.length}}}}else{let e=!1;if(null!=t.channels)for(let n=0;nt===o))]):r.includes(o)&&("trumpet"===o||"flute"===o||(e=!0,i.wave=s[r.findIndex((t=>t===o))]))}}}e?(p.willReloadForCustomSamples=!0,Wt.Ut(),l(0),O.customSamples=["legacySamples"]):null!=O.customSamples&&O.customSamples.length>0&&(p.willReloadForCustomSamples=!0,Wt.qt())}if(this.scale=0,null!=t.scale){const n={"romani :)":"double harmonic :)","romani :(":"double harmonic :(","dbl harmonic :)":"double harmonic :)","dbl harmonic :(":"double harmonic :(",enigma:"strange"},i=null!=n[t.scale]?n[t.scale]:t.scale,o=p.scales.findIndex((t=>t.name==i));if(-1!=o&&(this.scale=o),this.scale==p.scales.dictionary.Custom.index&&null!=t.customScale)for(var e of t.customScale.keys())this.scaleCustom[e]=t.customScale[e]}if(null!=t.key)if("number"==typeof t.key)this.key=(t.key+1200>>>0)%p.keys.length;else if("string"==typeof t.key){const e=t.key;if("C+"===e)this.key=0,this.octave=1;else if("G- (actually F#-)"===e)this.key=6,this.octave=-1;else if("C-"===e)this.key=0,this.octave=-1;else if("oh no (F-)"===e)this.key=5,this.octave=-1;else{const t=e.charAt(0).toUpperCase(),n=e.charAt(1).toLowerCase();let i={C:0,D:2,E:4,F:5,G:7,A:9,B:11}[t];const o={"#":1,"♯":1,b:-1,"♭":-1}[n];null!=i&&(null!=o&&(i+=o),i<0&&(i+=12),i%=12,this.key=i)}}null!=t.beatsPerMinute&&(this.tempo=yt(p.tempoMin,p.tempoMax+1,0|t.beatsPerMinute)),null!=t.keyOctave&&(this.octave=yt(p.octaveMin,p.octaveMax+1,0|t.keyOctave));let n=0;null!=t.reverb&&(n=yt(0,32,0|t.reverb)),null!=t.beatsPerBar&&(this.beatsPerBar=Math.max(p.beatsPerBarMin,Math.min(p.beatsPerBarMax,0|t.beatsPerBar)));let o=4;null!=t.ticksPerBeat&&(o=0|t.ticksPerBeat||4,this.rhythm=p.rhythms.findIndex((t=>t.stepsPerBeat==o)),-1==this.rhythm&&(this.rhythm=1)),null!=t.masterGain?this.masterGain=Math.max(0,Math.min(5,t.masterGain||0)):this.masterGain=1,null!=t.limitThreshold?this.limitThreshold=Math.max(0,Math.min(2,t.limitThreshold||0)):this.limitThreshold=1,null!=t.compressionThreshold?this.compressionThreshold=Math.max(0,Math.min(1.1,t.compressionThreshold||0)):this.compressionThreshold=1,null!=t.limitRise?this.limitRise=Math.max(2e3,Math.min(1e4,t.limitRise||0)):this.limitRise=4e3,null!=t.limitDecay?this.limitDecay=Math.max(1,Math.min(30,t.limitDecay||0)):this.limitDecay=4,null!=t.limitRatio?this.limitRatio=Math.max(0,Math.min(11,t.limitRatio||0)):this.limitRatio=1,null!=t.compressionRatio?this.compressionRatio=Math.max(0,Math.min(1.168,t.compressionRatio||0)):this.compressionRatio=1;let s=1,a=1,r=1;if(null!=t.channels)for(const e of t.channels)e.instruments&&(s=Math.max(s,0|e.instruments.length)),e.patterns&&(a=Math.max(a,0|e.patterns.length)),e.sequence&&(r=Math.max(r,0|e.sequence.length));null!=t.layeredInstruments?this.layeredInstruments=!!t.layeredInstruments:this.layeredInstruments=!1,null!=t.patternInstruments?this.patternInstruments=!!t.patternInstruments:this.patternInstruments=s>1,this.patternsPerChannel=Math.min(a,p.barCountMax),this.barCount=Math.min(r,p.barCountMax),null!=t.introBars&&(this.loopStart=yt(0,this.barCount,0|t.introBars)),null!=t.loopBars&&(this.loopLength=yt(1,this.barCount-this.loopStart+1,0|t.loopBars));const h=[],c=[],d=[];if(null!=t.channels)for(let e=0;e=3,a?c.push(s):r?d.push(s):h.push(s),null!=i.octaveScrollBar&&(s.octave=yt(0,p.pitchOctaves,1+(0|i.octaveScrollBar)),a&&(s.octave=0)),null!=i.name?s.name=i.name:s.name="",Array.isArray(i.instruments)){const t=i.instruments;for(let e=0;e=this.getMaxInstrumentsPerChannel());e++){const i=new $t(a,r);s.instruments[e]=i,i.fromJsonObject(t[e],a,r,!1,!1,n)}}for(let t=0;t>>0):0;s.bars.length=this.barCount}h.length>p.pitchChannelCountMax&&(h.length=p.pitchChannelCountMax),c.length>p.noiseChannelCountMax&&(c.length=p.noiseChannelCountMax),d.length>p.modChannelCountMax&&(d.length=p.modChannelCountMax),this.pitchChannelCount=h.length,this.noiseChannelCount=c.length,this.modChannelCount=d.length,this.channels.length=0,Array.prototype.push.apply(this.channels,h),Array.prototype.push.apply(this.channels,c),Array.prototype.push.apply(this.channels,d),p.willReloadForCustomSamples&&(window.location.hash=this.toBase64String(),setTimeout((()=>{location.reload()}),50))}getPattern(t,e){if(e<0||e>=this.barCount)return null;const n=this.channels[t].bars[e];return 0==n?null:this.channels[t].patterns[n-1]}getBeatsPerMinute(){return this.tempo}static getNeededBits(t){return 32-Math.clz32(Math.ceil(t+1)-1)}restoreLimiterDefaults(){this.compressionRatio=1,this.limitRatio=1,this.limitRise=4e3,this.limitDecay=4,this.limitThreshold=1,this.compressionThreshold=1,this.masterGain=1}}Wt.Yt="UltraBox",Wt.Rt=2,Wt.Nt=9,Wt.$t=1,Wt._t=6,Wt.Wt=1,Wt.Ht=4,Wt.Vt=1,Wt.Gt=5,Wt.jt=1,Wt.Lt=1,Wt.Pt=97;class Gt{constructor(){this.delayLine=null,this.allPassG=0,this.allPassGDelta=0,this.sustainFilterA1=0,this.sustainFilterA1Delta=0,this.sustainFilterA2=0,this.sustainFilterA2Delta=0,this.sustainFilterB0=0,this.sustainFilterB0Delta=0,this.sustainFilterB1=0,this.sustainFilterB1Delta=0,this.sustainFilterB2=0,this.sustainFilterB2Delta=0,this.reset()}reset(){this.delayIndex=-1,this.allPassSample=0,this.allPassPrevInput=0,this.sustainFilterSample=0,this.sustainFilterPrevOutput2=0,this.sustainFilterPrevInput1=0,this.sustainFilterPrevInput2=0,this.fractionalDelaySample=0,this.prevDelayLength=-1,this.delayResetOffset=0}update(t,e,n,i,o,s,a,r){const h=2*Math.PI*p.pickedStringDispersionCenterFreq/t.samplesPerSecond,c=this.prevDelayLength,l=n.phaseDeltas[i],d=n.phaseDeltaScales[i],m=l*Math.pow(d,o),u=2*Math.PI*l,f=2*Math.PI*m,y=2*u,b=2*f,g=Math.min(Math.PI,u*p.pickedStringDispersionFreqMult*Math.pow(h/u,p.pickedStringDispersionFreqScale)),x=Math.min(Math.PI,f*p.pickedStringDispersionFreqMult*Math.pow(h/f,p.pickedStringDispersionFreqScale)),w=2*Math.PI*p.pickedStringShelfHz/t.samplesPerSecond,k=(Math.pow(100,s)-1)/99,v=(Math.pow(100,a)-1)/99,F=1==r?.25:0,S=15.6,M=3*t.samplesPerSecond/48e3,E=Math.pow(.5,k*Math.pow(w/(u*S),1+2*F)*S),B=Math.pow(.5,v*Math.pow(w/(f*S),1+2*F)*S),C=Math.pow(E,.002),A=Math.pow(B,.002);Jt.tempFilterStartCoefficients.allPass1stOrderInvertPhaseAbove(g),t.tempFrequencyResponse.analyze(Jt.tempFilterStartCoefficients,y);const z=Jt.tempFilterStartCoefficients.b[0],T=-t.tempFrequencyResponse.angle()/y;Jt.tempFilterEndCoefficients.allPass1stOrderInvertPhaseAbove(x),t.tempFrequencyResponse.analyze(Jt.tempFilterEndCoefficients,b);const I=Jt.tempFilterEndCoefficients.b[0],D=-t.tempFrequencyResponse.angle()/b,P=0==r?0:1;if(0==P){const t=Math.pow(E,p.stringDecayRate),e=Math.pow(B,p.stringDecayRate);Jt.tempFilterStartCoefficients.highShelf2ndOrder(w,t,.5),Jt.tempFilterEndCoefficients.highShelf2ndOrder(w,e,.5)}else{const e=Math.pow(1==P?0:1,.25),n=Math.pow(M*M*u*3.3*48e3/t.samplesPerSecond,.5+F)/M/Math.pow(k,.5),i=Math.pow(M*M*f*3.3*48e3/t.samplesPerSecond,.5+F)/M/Math.pow(v,.5),o=n*Math.pow(2,.5-1.75*(1-Math.pow(1-e,.85))),s=i*Math.pow(2,.5-1.75*(1-Math.pow(1-e,.85))),a=Math.pow(2,-Math.pow(2,-Math.pow(e,.9))),r=Math.pow(2,-Math.pow(2,-Math.pow(e,.9)));Jt.tempFilterStartCoefficients.lowPass2ndOrderButterworth(mt(o),a),Jt.tempFilterEndCoefficients.lowPass2ndOrderButterworth(mt(s),r)}t.tempFrequencyResponse.analyze(Jt.tempFilterStartCoefficients,y);const L=Jt.tempFilterStartCoefficients.a[1],O=Jt.tempFilterStartCoefficients.a[2],q=Jt.tempFilterStartCoefficients.b[0]*C,N=Jt.tempFilterStartCoefficients.b[1]*C,R=Jt.tempFilterStartCoefficients.b[2]*C,_=-t.tempFrequencyResponse.angle()/y;t.tempFrequencyResponse.analyze(Jt.tempFilterEndCoefficients,b);const $=Jt.tempFilterEndCoefficients.a[1],H=Jt.tempFilterEndCoefficients.a[2],W=Jt.tempFilterEndCoefficients.b[0]*A,G=Jt.tempFilterEndCoefficients.b[1]*A,V=Jt.tempFilterEndCoefficients.b[2]*A,j=-t.tempFrequencyResponse.angle()/b,U=1/l,K=1/m,J=Math.ceil(2*Math.max(U,K)),Y=U-T-_,Q=K-D-j;this.prevDelayLength=Y,this.delayLengthDelta=(Q-Y)/o,this.allPassG=z,this.sustainFilterA1=L,this.sustainFilterA2=O,this.sustainFilterB0=q,this.sustainFilterB1=N,this.sustainFilterB2=R,this.allPassGDelta=(I-z)/o,this.sustainFilterA1Delta=($-L)/o,this.sustainFilterA2Delta=(H-O)/o,this.sustainFilterB0Delta=(W-q)/o,this.sustainFilterB1Delta=(G-N)/o,this.sustainFilterB2Delta=(V-R)/o;const Z=Math.abs(Math.log2(Y/c))>.01,X=-1==this.delayIndex||Z;if(null==this.delayLine||this.delayLine.length<=J){const e=Math.ceil(2*t.samplesPerSecond/$t.frequencyFromPitch(12)),n=new Float32Array(Jt.fittingPowerOfTwo(Math.max(e,J)));if(!X&&null!=this.delayLine){const t=this.delayLine.length-1>>0,e=this.delayIndex+this.delayResetOffset;this.delayIndex=this.delayLine.length-this.delayResetOffset;for(let i=0;i>0;if(X){this.delayIndex=0,this.allPassSample=0,this.allPassPrevInput=0,this.sustainFilterSample=0,this.sustainFilterPrevOutput2=0,this.sustainFilterPrevInput1=0,this.sustainFilterPrevInput2=0,this.fractionalDelaySample=0;const n=-Y,i=Math.floor(n-U/2),o=Math.ceil(i+2*U);this.delayResetOffset=o;for(let t=i;t<=o;t++)tt[t&et]=0;const s=e.wave,a=s.length-1,r=a/U,h=Math.min(.2*U,.003*t.samplesPerSecond),c=Math.ceil(n),l=n+U+h,p=l;let d=(c-n)*r,m=0;for(let t=c;t<=p;t++){const e=0|d,i=e%a;let o=s[i];const c=d-e;o+=(s[i+1]-o)*c;const p=(o-m)/r,u=Math.min(1,(t-n)/h)*Math.min(1,(l-t)/h),f=u*u*(3-2*u);tt[t&et]+=p*f,m=o,d+=r}}}}class Vt{constructor(){this.noteSecondsStart=0,this.noteSecondsEnd=0,this.noteTicksStart=0,this.noteTicksEnd=0,this.noteSizeStart=p.noteSizeMax,this.noteSizeEnd=p.noteSizeMax,this.prevNoteSize=p.noteSizeMax,this.nextNoteSize=p.noteSizeMax,this.Qt=p.noteSizeMax,this.prevNoteSecondsStart=0,this.prevNoteSecondsEnd=0,this.prevNoteTicksStart=0,this.prevNoteTicksEnd=0,this.Zt=p.noteSizeMax,this.prevSlideStart=!1,this.prevSlideEnd=!1,this.nextSlideStart=!1,this.nextSlideEnd=!1,this.prevSlideRatioStart=0,this.prevSlideRatioEnd=0,this.nextSlideRatioStart=0,this.nextSlideRatioEnd=0,this.envelopeStarts=[],this.envelopeEnds=[],this.Xt=[],this.te=0,this.lowpassCutoffDecayVolumeCompensation=1;for(let t=0;t<41;t++)this.envelopeStarts[t]=1,this.envelopeEnds[t]=1;this.reset()}reset(){this.noteSecondsEnd=0,this.noteTicksEnd=0,this.Qt=p.noteSizeMax,this.prevNoteSecondsEnd=0,this.prevNoteTicksEnd=0,this.Zt=p.noteSizeMax,this.te=0}computeEnvelopes(t,e,n,i,o,s,a){o*=a;const r=t.getTransition();null==s||!s.atNoteStart||r.continues||s.forceContinueAtStart||(this.prevNoteSecondsEnd=this.noteSecondsEnd,this.prevNoteTicksEnd=this.noteTicksEnd,this.Zt=this.Qt,this.noteSecondsEnd=0,this.noteTicksEnd=0),null!=s&&(null!=s.note?this.Qt=s.note.pins[s.note.pins.length-1].size:this.Qt=p.noteSizeMax);const h=n+a,c=i+1,l=this.noteSecondsEnd,d=l+o,m=this.noteTicksEnd,u=m+1,f=this.prevNoteSecondsEnd,y=f+o,b=this.prevNoteTicksEnd,g=b+1,x=1/(p.ticksPerPart*p.partsPerBeat),w=x*n,k=x*h;let v=this.Qt,F=this.Qt,S=this.Zt,M=0,E=!1,B=!1,C=!1,A=!1,z=0,T=0,I=0,D=0;if(null!=s&&null!=s.note&&!s.passedEndOfNote){const t=s.note.getEndPinIndex(e),n=s.note.pins[t-1],o=s.note.pins[t],a=(s.note.start+n.time)*p.ticksPerPart,h=(s.note.start+o.time)*p.ticksPerPart,l=(i-a)/(h-a),d=(c-a)/(h-a);if(v=n.size+(o.size-n.size)*l,F=n.size+(o.size-n.size)*d,r.slides){const t=s.noteStartPart*p.ticksPerPart,e=s.noteEndPart*p.ticksPerPart,n=.5*(e-t),o=Math.min(n,r.slideTicks);null==s.prevNote||s.forceContinueAtStart||(i-ti&&0==e.controlPoints[i].type&&(P=Math.max(P,Vt.getLowpassCutoffDecayVolumeCompensation(o)))}}}this.noteSecondsStart=l,this.noteSecondsEnd=d,this.noteTicksStart=m,this.noteTicksEnd=u,this.prevNoteSecondsStart=f,this.prevNoteSecondsEnd=y,this.prevNoteTicksStart=b,this.prevNoteTicksEnd=g,this.prevNoteSize=S,this.nextNoteSize=M,this.noteSizeStart=v,this.noteSizeEnd=F,this.prevSlideStart=E,this.prevSlideEnd=B,this.nextSlideStart=C,this.nextSlideEnd=A,this.prevSlideRatioStart=z,this.prevSlideRatioEnd=T,this.nextSlideRatioStart=I,this.nextSlideRatioEnd=D,this.lowpassCutoffDecayVolumeCompensation=P}clearEnvelopes(){for(let t=0;t0?s:0,s;case 11:{let n=1-e/(16/t.speed);return n=n>0?n:0,n}case 12:{let n=e/(16/t.speed);return n=n<1?n:1,n}default:throw new Error("Unrecognized operator envelope type.")}}static getLowpassCutoffDecayVolumeCompensation(t){return 8==t.type?1.25+.025*t.speed:4==t.type?1+.02*t.speed:1}}class jt{constructor(){this.pitches=Array(p.maxChordSize+2).fill(0),this.pitchCount=0,this.chordSize=0,this.drumsetPitch=null,this.note=null,this.prevNote=null,this.nextNote=null,this.prevNotePitchIndex=0,this.nextNotePitchIndex=0,this.freshlyAllocated=!0,this.atNoteStart=!1,this.isOnLastTick=!1,this.passedEndOfNote=!1,this.forceContinueAtStart=!1,this.forceContinueAtEnd=!1,this.noteStartPart=0,this.noteEndPart=0,this.ticksSinceReleased=0,this.liveInputSamplesHeld=0,this.lastInterval=0,this.noiseSample=0,this.stringSustainStart=0,this.stringSustainEnd=0,this.phases=[],this.operatorWaves=[],this.phaseDeltas=[],this.directions=[],this.chipWaveCompletions=[],this.chipWavePrevWaves=[],this.chipWaveCompletionsLastWave=[],this.phaseDeltaScales=[],this.expression=0,this.expressionDelta=0,this.operatorExpressions=[],this.operatorExpressionDeltas=[],this.prevPitchExpressions=Array(p.maxPitchOrOperatorCount).fill(null),this.prevVibrato=null,this.prevStringDecay=null,this.pulseWidth=0,this.pulseWidthDelta=0,this.decimalOffset=0,this.supersawDynamism=0,this.supersawDynamismDelta=0,this.supersawUnisonDetunes=[],this.supersawShape=0,this.supersawShapeDelta=0,this.supersawDelayLength=0,this.supersawDelayLengthDelta=0,this.supersawDelayLine=null,this.supersawDelayIndex=-1,this.supersawPrevPhaseDelta=null,this.pickedStrings=[],this.noteFilters=[],this.noteFilterCount=0,this.initialNoteFilterInput1=0,this.initialNoteFilterInput2=0,this.specialIntervalExpressionMult=1,this.feedbackOutputs=[],this.feedbackMult=0,this.feedbackDelta=0,this.stereoVolumeLStart=0,this.stereoVolumeRStart=0,this.stereoVolumeLDelta=0,this.stereoVolumeRDelta=0,this.stereoDelayStart=0,this.stereoDelayEnd=0,this.stereoDelayDelta=0,this.customVolumeStart=0,this.customVolumeEnd=0,this.filterResonanceStart=0,this.filterResonanceDelta=0,this.isFirstOrder=!1,this.envelopeComputer=new Vt,this.reset()}reset(){this.noiseSample=0;for(let t=0;t>1,e.echoDelay+1),i=2*Jt.fittingPowerOfTwo(t*p.echoDelayStepTicks*n);if(null==this.echoDelayLineL||null==this.echoDelayLineR)this.echoDelayLineL=new Float32Array(i),this.echoDelayLineR=new Float32Array(i);else if(this.echoDelayLineL.length=e&&(this.deactivateAfterThisTick=!0)}else{0==this.attentuationProgress||(g=0),x=0;const t=1/256,e=-Math.log2(t);let i=0;if(d&&(i+=p.chorusMaxDelay),m){const t=Math.pow(v,1/F);i+=-1/Math.log2(t)*e}if(u){const t=2*S,n=p.reverbDelayBufferSize/4/r,o=Math.pow(t,1/n);i+=-1/Math.log2(o)*e}const o=n/r/i,s=this.attentuationProgress+o;s>=1&&(k=0),this.attentuationProgress=s,this.attentuationProgress>=1&&(this.flushingDelayLines=!0)}this.eqFilterVolume=g,this.eqFilterVolumeDelta=(x-g)/i,this.delayInputMult=w,this.delayInputMultDelta=(k-w)/i}updateWaves(t,e){if(this.volumeScale=1,0==t.type)this.wave=this.aliases?p.rawChipWaves[t.chipWave].samples:p.chipWaves[t.chipWave].samples,this.isUsingAdvancedLoopControls=t.isUsingAdvancedLoopControls,this.chipWaveLoopStart=t.chipWaveLoopStart,this.chipWaveLoopEnd=t.chipWaveLoopEnd,this.chipWaveLoopMode=t.chipWaveLoopMode,this.chipWavePlayBackwards=t.chipWavePlayBackwards,this.chipWaveStartOffset=t.chipWaveStartOffset,this.unisonVoices=t.unisonVoices,this.unisonSpread=t.unisonSpread,this.unisonOffset=t.unisonOffset,this.unisonExpression=t.unisonExpression,this.unisonSign=t.unisonSign;else if(9==t.type)this.wave=this.aliases?t.customChipWave:t.customChipWaveIntegral,this.volumeScale=.05,this.unisonVoices=t.unisonVoices,this.unisonSpread=t.unisonSpread,this.unisonOffset=t.unisonOffset,this.unisonExpression=t.unisonExpression,this.unisonSign=t.unisonSign;else if(2==t.type)this.wave=y(t.chipNoise,rt,st);else if(5==t.type)this.wave=this.harmonicsWave.getCustomWave(t.harmonicsWave,t.type),this.unisonVoices=t.unisonVoices,this.unisonSpread=t.unisonSpread,this.unisonOffset=t.unisonOffset,this.unisonExpression=t.unisonExpression,this.unisonSign=t.unisonSign;else if(7==t.type)this.wave=this.harmonicsWave.getCustomWave(t.harmonicsWave,t.type),this.unisonVoices=t.unisonVoices,this.unisonSpread=t.unisonSpread,this.unisonOffset=t.unisonOffset,this.unisonExpression=t.unisonExpression,this.unisonSign=t.unisonSign;else if(3==t.type)this.wave=this.spectrumWave.getCustomWave(t.spectrumWave,8);else if(4==t.type){for(let e=0;e0){let t=[],e=[];this.modValues=[],this.nextModValues=[],this.modInsValues=[],this.nextModInsValues=[],this.heldMods=[];for(let t=0;t=0;s--)if(o=this.song.getPattern(i,s),null!=o){let a=o.instruments[0],r=this.song.channels[i].instruments[a],h=[],c=[],l=s==this.bar?n:this.findPartsInBar(s);for(const t of o.notes)if(t.start<=l&&(null==h[p.modCount-1-t.pitches[0]]||t.end>h[p.modCount-1-t.pitches[0]]))if(t.start==l&&(h[p.modCount-1-t.pitches[0]]=t.start,c[p.modCount-1-t.pitches[0]]=t.pins[0].size),t.end<=l)h[p.modCount-1-t.pitches[0]]=t.end,c[p.modCount-1-t.pitches[0]]=t.pins[t.pins.length-1].size;else{h[p.modCount-1-t.pitches[0]]=l;for(let e=0;el){const n=t.pins[e].time-t.pins[e-1].time,i=l-t.start-t.pins[e-1].time,o=t.pins[e].size-t.pins[e-1].size;c[p.modCount-1-t.pitches[0]]=Math.round(t.pins[e-1].size+o*i/n),e=t.pins.length}}for(let n=0;nt[r.modulators[n]])&&(this.setModValue(c[n],c[n],r.modChannels[n],r.modInstruments[n],r.modulators[n]),t[r.modulators[n]]=s*p.partsPerBeat*this.song.beatsPerBar+h[n]);else{let t=[];if(r.modInstruments[n]==this.song.channels[r.modChannels[n]].instruments.length)for(let e=0;ethis.song.channels[r.modChannels[n]].instruments.length){const e=this.song.getPattern(r.modChannels[n],s);null!=e&&(t=e.instruments)}else t.push(r.modInstruments[n]);for(let i=0;ie[r.modChannels[n]][t[i]][l]){if(o){let e=this.song.channels[r.modChannels[n]].instruments[t[i]];if(0==r.modFilterTypes[n])e.tmpEqFilterStart=e.eqSubFilters[c[n]];else{for(let t=0;t=n.instruments.length?n.instruments:[n.instruments[t.modInstruments[e]]];for(let n=0;no.getLargestControlPointCount(!1)||o.noteFilterType&&"note filter"==s||!o.noteFilterType&&("note filt cut"==s||"note filt peak"==s)||"note filter"==s&&Math.floor((t.modFilterTypes[e]+1)/2)>o.getLargestControlPointCount(!0)||(t.invalidModulators[e]=!1,n=i.length)}}}static operatorAmplitudeCurve(t){return(Math.pow(16,t/15)-1)/15}get playing(){return this.isPlayingSong}get recording(){return this.isRecording}get playhead(){return this.playheadInternal}set playhead(t){if(null!=this.song){this.playheadInternal=Math.max(0,Math.min(this.song.barCount,t));let e=this.playheadInternal;this.bar=Math.floor(e),e=this.song.beatsPerBar*(e-this.bar),this.beat=Math.floor(e),e=p.partsPerBeat*(e-this.beat),this.part=Math.floor(e),e=p.ticksPerPart*(e-this.part),this.tick=Math.floor(e),this.tickSampleCountdown=0,this.isAtStartOfTick=!0,this.prevBar=null}}getSamplesPerBar(){if(null==this.song)throw new Error;return this.getSamplesPerTick()*p.ticksPerPart*p.partsPerBeat*this.song.beatsPerBar}getTicksIntoBar(){return(this.beat*p.partsPerBeat+this.part)*p.ticksPerPart+this.tick}getCurrentPart(){return this.beat*p.partsPerBeat+this.part}findPartsInBar(t){if(null==this.song)return 0;let e=p.partsPerBeat*this.song.beatsPerBar;for(let n=this.song.pitchChannelCount+this.song.noiseChannelCount;nt.start&&(e=t.start)}}return e}getTotalSamples(t,e,n){if(null==this.song)return-1;let i=t?0:this.song.loopStart,o=e?this.song.barCount:this.song.loopStart+this.song.loopLength,s=!1,a=!1,r=this.song.tempo;for(let t=this.song.getChannelCount()-1;t>=this.song.pitchChannelCount+this.song.noiseChannelCount;t--)for(let e=i;e0){let t=null,e=0;for(let n=i-1;n>=0;n--){for(let i=this.song.getChannelCount()-1;i>=this.song.pitchChannelCount+this.song.noiseChannelCount;i--){let o=this.song.getPattern(i,n);if(null!=o){let s=o.instruments[0],a=this.song.channels[i].instruments[s],r=this.findPartsInBar(n);for(const n of o.notes)if(a.modulators[p.modCount-1-n.pitches[0]]==p.modulators.dictionary.tempo.index&&n.startt))if(n.end<=r)t=n.end,e=n.pins[n.pins.length-1].size;else{t=r;for(let t=0;tr){const i=n.pins[t].time-n.pins[t-1].time,o=r-n.start-n.pins[t-1].time,s=n.pins[t].size-n.pins[t-1].size;e=Math.round(n.pins[t-1].size+s*o/i),t=n.pins.length}}}}null!=t&&(r=e+p.modulators.dictionary.tempo.convertRealFactor,n=-1)}}if(s||a){let t=i,e=!1,h=0;for(;!e;){let i=p.partsPerBeat*this.song.beatsPerBar,c=0;if(a&&(i=this.findPartsInBar(t)),s){let e=!1;for(let n=this.song.getChannelCount()-1;n>=this.song.pitchChannelCount+this.song.noiseChannelCount;n--)if(0==e){let o=this.song.getPattern(n,t);if(null!=o){let t=this.song.channels[n].instruments[o.instruments[0]];for(let n=0;nt.pitches[0]==p.modCount-1-n))){e=!0,o.notes.sort((function(t,e){return t.start==e.start?t.pitches[0]-e.pitches[0]:t.start-e.start}));for(const t of o.notes)if(t.pitches[0]==p.modCount-1-n&&(h+=Math.min(i-c,t.start-c)*p.ticksPerPart*this.getSamplesPerTickSpecificBPM(r),t.starti&&(s=t.pins[e-1].size+(t.pins[e].size-t.pins[e-1].size)*(i-(t.start+t.pins[e-1].time))/(t.pins[e].time-t.pins[e-1].time)+p.modulators.dictionary.tempo.convertRealFactor);let a=p.partsPerBeat*p.ticksPerPart/60;h+=s!=o?-this.samplesPerSecond*n*(Math.log(a*s*n)-Math.log(a*o*n))/(a*(o-s)):n*this.getSamplesPerTickSpecificBPM(s),r=s}c=Math.min(t.start+t.pins[e].time,i)}}}}}h+=(i-c)*p.ticksPerPart*this.getSamplesPerTickSpecificBPM(r),t++,0!=n&&t==this.song.loopStart+this.song.loopLength&&(t=this.song.loopStart,n>0&&n--),t>=o&&(e=!0)}return Math.ceil(h)}return this.getSamplesPerBar()*this.getTotalBars(t,e,n)}getTotalBars(t,e,n=this.loopRepeatCount){if(null==this.song)throw new Error;let i=this.song.loopLength*(n+1);return t&&(i+=this.song.loopStart),e&&(i+=this.song.barCount-(this.song.loopStart+this.song.loopLength)),i}constructor(t=null){this.samplesPerSecond=44100,this.song=null,this.preferLowerLatency=!1,this.anticipatePoorPerformance=!1,this.liveInputDuration=0,this.liveBassInputDuration=0,this.liveInputStarted=!1,this.liveBassInputStarted=!1,this.liveInputPitches=[],this.liveBassInputPitches=[],this.liveInputChannel=0,this.liveBassInputChannel=0,this.liveInputInstruments=[],this.liveBassInputInstruments=[],this.loopRepeatCount=-1,this.volume=1,this.oscRefreshEventTimer=0,this.oscEnabled=!0,this.enableMetronome=!1,this.countInMetronome=!1,this.renderingSong=!1,this.heldMods=[],this.wantToSkip=!1,this.playheadInternal=0,this.bar=0,this.prevBar=null,this.nextBar=null,this.beat=0,this.part=0,this.tick=0,this.isAtStartOfTick=!0,this.isAtEndOfTick=!0,this.tickSampleCountdown=0,this.modValues=[],this.modInsValues=[],this.nextModValues=[],this.nextModInsValues=[],this.isPlayingSong=!1,this.isRecording=!1,this.liveInputEndTime=0,this.browserAutomaticallyClearsAudioBuffer=!0,this.tempDrumSetControlPoint=new Nt,this.tempFrequencyResponse=new pt,this.loopBarStart=-1,this.loopBarEnd=-1,this.channels=[],this.tonePool=new ht,this.tempMatchedPitchTones=Array(p.maxChordSize).fill(null),this.startedMetronome=!1,this.metronomeSamplesRemaining=-1,this.metronomeAmplitude=0,this.metronomePrevAmplitude=0,this.metronomeFilter=0,this.limit=0,this.tempMonoInstrumentSampleBuffer=null,this.audioCtx=null,this.scriptNode=null,this.audioProcessCallback=t=>{const e=t.outputBuffer,n=e.getChannelData(0),i=e.getChannelData(1);if(!this.browserAutomaticallyClearsAudioBuffer||0==n[0]&&0==i[0]&&0==n[e.length-1]&&0==i[e.length-1]||(this.browserAutomaticallyClearsAudioBuffer=!1),!this.browserAutomaticallyClearsAudioBuffer){const t=e.length;for(let e=0;e=this.liveInputEndTime?this.deactivateAudio():(this.synthesize(n,i,e.length,this.isPlayingSong),this.oscEnabled&&(this.oscRefreshEventTimer<=0?(ct.raise("oscillascopeUpdate",n,i),this.oscRefreshEventTimer=2):this.oscRefreshEventTimer--))},this.computeDelayBufferSizes(),null!=t&&this.setSong(t)}setSong(t){"string"==typeof t?this.song=new Wt(t):t instanceof Wt&&(this.song=t),this.prevBar=null}computeDelayBufferSizes(){this.panningDelayBufferSize=Jt.fittingPowerOfTwo(this.samplesPerSecond*p.panDelaySecondsMax),this.panningDelayBufferMask=this.panningDelayBufferSize-1,this.chorusDelayBufferSize=Jt.fittingPowerOfTwo(this.samplesPerSecond*p.chorusMaxDelay),this.chorusDelayBufferMask=this.chorusDelayBufferSize-1}activateAudio(){const t=this.anticipatePoorPerformance?this.preferLowerLatency?2048:4096:this.preferLowerLatency?512:2048;if(null==this.audioCtx||null==this.scriptNode||this.scriptNode.bufferSize!=t){null!=this.scriptNode&&this.deactivateAudio();const e=this.anticipatePoorPerformance?this.preferLowerLatency?"balanced":"playback":this.preferLowerLatency?"interactive":"balanced";this.audioCtx=this.audioCtx||new(window.AudioContext||window.webkitAudioContext)({latencyHint:e}),this.samplesPerSecond=this.audioCtx.sampleRate,this.scriptNode=this.audioCtx.createScriptProcessor?this.audioCtx.createScriptProcessor(t,0,2):this.audioCtx.createJavaScriptNode(t,0,2),this.scriptNode.onaudioprocess=this.audioProcessCallback,this.scriptNode.channelCountMode="explicit",this.scriptNode.channelInterpretation="speakers",this.scriptNode.connect(this.audioCtx.destination),this.computeDelayBufferSizes()}this.audioCtx.resume()}deactivateAudio(){null!=this.audioCtx&&null!=this.scriptNode&&(this.scriptNode.disconnect(this.audioCtx.destination),this.scriptNode=null,this.audioCtx.close&&this.audioCtx.close(),this.audioCtx=null)}maintainLiveInput(){this.activateAudio(),this.liveInputEndTime=performance.now()+1e4}play(){this.isPlayingSong||(this.initModFilters(this.song),this.computeLatestModValues(),this.activateAudio(),this.warmUpSynthesizer(this.song),this.isPlayingSong=!0)}pause(){if(this.isPlayingSong){if(this.isPlayingSong=!1,this.isRecording=!1,this.modValues=[],this.nextModValues=[],this.heldMods=[],null!=this.song){this.song.inVolumeCap=0,this.song.outVolumeCap=0;for(let t=0;t=this.song.loopStart+this.song.loopLength)){const t=this.bar;this.bar=this.song.loopStart,this.playheadInternal+=this.bar-t,this.playing&&this.computeLatestModValues()}}goToNextBar(){if(!this.song)return;this.prevBar=this.bar;const t=this.bar;this.bar++,this.bar>=this.song.barCount&&(this.bar=0),this.playheadInternal+=this.bar-t,this.playing&&this.computeLatestModValues()}goToPrevBar(){if(!this.song)return;this.prevBar=null;const t=this.bar;this.bar--,(this.bar<0||this.bar>=this.song.barCount)&&(this.bar=this.song.barCount-1),this.playheadInternal+=this.bar-t,this.playing&&this.computeLatestModValues()}getNextBar(){let t=this.bar+1;return 2!=ut?this.isRecording?t>=this.song.barCount&&(t=this.song.barCount-1):this.bar!=this.loopBarEnd||this.renderingSong?0!=this.loopRepeatCount&&t==Math.max(this.loopBarEnd+1,this.song.loopStart+this.song.loopLength)&&(t=this.song.loopStart):t=this.loopBarStart:2==ut&&this.bar==this.song.barCount-1&&(t=0),t}skipBar(){if(!this.song)return;const t=this.getSamplesPerTick();this.loopBarEnd!=this.bar?this.bar++:this.bar=this.loopBarStart,this.beat=0,this.part=0,this.tick=0,this.tickSampleCountdown=t,this.isAtStartOfTick=!0,0!=this.loopRepeatCount&&this.bar==Math.max(this.song.loopStart+this.song.loopLength,this.loopBarEnd)&&(this.bar=this.song.loopStart,this.loopRepeatCount>0&&this.loopRepeatCount--)}synthesize(t,e,n,i=!0){if(null==this.song){for(let i=0;is)&&(this.tickSampleCountdown=s,this.isAtStartOfTick=!0),i&&(this.beat>=o.beatsPerBar&&(this.beat=0,this.part=0,this.tick=0,this.tickSampleCountdown=s,this.isAtStartOfTick=!0,this.prevBar=this.bar,this.bar=this.getNextBar(),this.bar<=this.prevBar&&this.loopRepeatCount>0&&this.loopRepeatCount--),this.bar>=o.barCount&&(this.bar=0,-1!=this.loopRepeatCount&&(a=!0,this.pause()))),this.syncSongState(),(null==this.tempMonoInstrumentSampleBuffer||this.tempMonoInstrumentSampleBuffer.length=o.barCount&&(this.nextBar=null);const f=n-u,y=Math.ceil(this.tickSampleCountdown),b=Math.min(y,f),g=u+b;if(this.isPlayingSong||this.renderingSong){for(let t=o.pitchChannelCount+o.noiseChannelCount;t0||this.playModTone(o,t,s,u,b,i,!1,!1)}}}for(let t=o.pitchChannelCount+o.noiseChannelCount;t0&&this.playModTone(o,t,s,u,b,i,!1,!1)}}}}if(this.wantToSkip){let t=d.includes(this.bar);if(t&&u==m)return void this.pause();-1==m&&(m=u),t||d.push(this.bar),this.wantToSkip=!1,this.skipBar()}else{for(let n=0;n=Math.abs(h.getFadeOutTicks())){this.freeReleasedTone(c,e),e--;continue}const a=t>=p.maximumTonesPerChannel;this.computeTone(o,n,s,i,!0,a),t++}c.awake&&(c.computed||c.compute(this,h,s,Math.ceil(s),null,n,i),c.computed=!1)}for(let t=0;t4&&o.beatsPerBar%2==0&&this.beat==o.beatsPerBar/2,e=0==this.beat?8:t?6:4,n=0==this.beat?1600:t?1200:800,i=0==this.beat?.06:t?.05:.04,s=this.samplesPerSecond/n,a=2*Math.PI/s;this.metronomeSamplesRemaining=Math.floor(s*e),this.metronomeFilter=2*Math.cos(a),this.metronomeAmplitude=i*Math.sin(a),this.metronomePrevAmplitude=0,this.startedMetronome=!0}if(this.metronomeSamplesRemaining>0){const n=Math.min(g,u+this.metronomeSamplesRemaining);this.metronomeSamplesRemaining-=n-u;for(let i=u;ip?a:p;this.song.inVolumeCap=this.song.inVolumeCap>d?this.song.inVolumeCap:d;const m=+(d>o.compressionThreshold)+ +(d>o.limitThreshold),u=+(0==m)*((.8*(d+1-o.compressionThreshold)+.25)*o.compressionRatio+1.05*(1-o.compressionRatio))+1.05*+(1==m)+ +(2==m)*(1.05*((d+1-o.limitThreshold)*o.limitRatio+(1-o.limitThreshold)));l+=(u-l)*(l=1?1.05*l:.8*l+.25);t[n]=i*f,e[n]=s*f,this.song.outVolumeCap=this.song.outVolumeCap>d*f?this.song.outVolumeCap:d*f}if(u+=b,this.isAtStartOfTick=!1,this.tickSampleCountdown-=b,this.tickSampleCountdown<=0){this.isAtStartOfTick=!0;for(const t of this.channels)for(const e of t.instruments){for(let t=0;t0&&this.loopRepeatCount--,this.bar>=o.barCount&&(this.bar=0,-1!=this.loopRepeatCount&&(a=!0,this.resetEffects(),this.pause()))))))}}for(let t=0;t0){const t=this.tonePool.popBack();return t.freshlyAllocated=!0,t}return new jt}releaseTone(t,e){t.releasedTones.pushFront(e),e.atNoteStart=!1,e.passedEndOfNote=!0}freeReleasedTone(t,e){this.freeTone(t.releasedTones.get(e)),t.releasedTones.remove(e)}freeAllTones(){for(const t of this.channels)for(const e of t.instruments){for(;e.activeTones.count()>0;)this.freeTone(e.activeTones.popBack());for(;e.activeModTones.count()>0;)this.freeTone(e.activeModTones.popBack());for(;e.releasedTones.count()>0;)this.freeTone(e.releasedTones.popBack());for(;e.liveInputTones.count()>0;)this.freeTone(e.liveInputTones.popBack())}}determineLiveInputTones(t,e,n){const i=t.channels[e],o=this.channels[e],s=this.liveInputPitches,a=this.liveBassInputPitches;for(let r=0;r0&&e==this.liveInputChannel&&s.length>0&&-1!=this.liveInputInstruments.indexOf(r)){const o=i.instruments[r];if(o.getChord().singleTone){let i;c.count()<=l?(i=this.newTone(),c.pushBack(i)):!o.getTransition().isSeamless&&this.liveInputStarted?(this.releaseTone(h,c.get(l)),i=this.newTone(),c.set(l,i)):i=c.get(l),l++;for(let t=0;t0&&e==this.liveBassInputChannel&&a.length>0&&-1!=this.liveBassInputInstruments.indexOf(r)){const o=i.instruments[r];if(o.getChord().singleTone){let i;c.count()<=l?(i=this.newTone(),c.pushBack(i)):!o.getTransition().isSeamless&&this.liveInputStarted?(this.releaseTone(h,c.get(l)),i=this.newTone(),c.set(l,i)):i=c.get(l),l++;for(let t=0;tl;)this.releaseTone(h,c.popBack());this.clearTempMatchedPitchTones(l,h)}this.liveInputStarted=!1,this.liveBassInputStarted=!1}adjacentPatternHasCompatibleInstrumentTransition(t,e,n,i,o,s,a,r,h,c){if(t.patternInstruments&&-1==i.instruments.indexOf(o)){if(n.instruments.length>1||i.instruments.length>1)return null;const t=e.instruments[i.instruments[0]];if(c)return t.getChord();const o=t.getTransition();return s.includeAdjacentPatterns&&o.includeAdjacentPatterns&&o.slides==s.slides?t.getChord():null}return c||s.includeAdjacentPatterns?a:null}static adjacentNotesHaveMatchingPitches(t,e){if(t.pitches.length!=e.pitches.length)return!1;const n=t.pins[t.pins.length-1].interval;for(const i of t.pitches)if(-1==e.pitches.indexOf(i+n))return!1;return!0}moveTonesIntoOrderedTempMatchedList(t,e){for(let n=0;n0;){const e=t.popFront();for(let t=0;ti[a.notes[t].pitches[0]].start)&&(i[a.notes[t].pitches[0]]=a.notes[t]):a.notes[t].start<=r&&a.notes[t].end>r?n[a.notes[t].pitches[0]]=a.notes[t]:a.notes[t].start>r&&(null==c[a.notes[t].pitches[0]]||a.notes[t].start0;)e.activeModTones.pushFront(t.activeModTones.popBack())}if(s.singleSeamlessInstrument=m,null!=n[t]){let e=i[t],o=c[t],s=!1,a=!1;const r=p.ticksPerPart*n[t].start==h&&this.isAtStartOfTick;let l;if(f.count()<=d)l=this.newTone(),f.pushBack(l);else if(r&&null==e){const t=f.get(d);t.isOnLastTick?this.freeTone(t):this.releaseTone(u,t),l=this.newTone(),f.set(d,l)}else l=f.get(d);d++;for(let e=0;ed;){const n=f.popBack(),i=t.channels[e];if(n.instrumentIndexr)c=a.notes[t];else if(a.notes[t].start>r){d=a.notes[t];break}null!=c&&(null!=l&&l.end!=c.start&&(l=null),null!=d&&d.start!=c.end&&(d=null))}if(null!=a&&(!t.layeredInstruments||1==o.instruments.length||t.patternInstruments&&1==a.instruments.length)){const e=t.patternInstruments?a.instruments[0]:0;if(null!=s.singleSeamlessInstrument&&s.singleSeamlessInstrument!=e&&s.singleSeamlessInstrument0;)n.activeTones.pushFront(t.activeTones.popBack())}s.singleSeamlessInstrument=e}else s.singleSeamlessInstrument=null;for(let i=0;is?y:null,d=c,g=S>s?b:null,x=d.start+a,M=!1;if(x>r){if(!(u.count()>s&&(o.isSeamless||k)&&null!=l))break;g=d,d=l,l=null,x=d.start+a,M=!0}let E=d.end;(o.isSeamless||k)&&null!=g&&(E=Math.min(p.partsPerBeat*this.song.beatsPerBar,E+a)),(o.continues||k)&&null!=l||(a+=w.strumParts);const B=p.ticksPerPart*x==h;let C;if(null!=this.tempMatchedPitchTones[f])C=this.tempMatchedPitchTones[f],this.tempMatchedPitchTones[f]=null,u.pushBack(C);else if(u.count()<=f)C=this.newTone(),u.pushBack(C);else if(!B||(o.isSeamless||k)&&null!=l)C=u.get(f);else{const t=u.get(f);t.isOnLastTick?this.freeTone(t):this.releaseTone(m,t),C=this.newTone(),u.set(f,C)}f++,C.pitches[0]=d.pitches[s],C.pitchCount=1,C.chordSize=d.pitches.length,C.instrumentIndex=i,C.note=d,C.noteStartPart=x,C.noteEndPart=E,C.prevNote=l,C.nextNote=g,C.prevNotePitchIndex=s,C.nextNotePitchIndex=s,C.atNoteStart=B,C.passedEndOfNote=M,C.forceContinueAtStart=k&&null!=l,C.forceContinueAtEnd=v&&null!=g,this.computeTone(t,e,n,C,!1,!1)}}}for(;u.count()>f;){const n=u.popBack(),i=t.channels[e];if(n.instrumentIndex=n&&(T=!0)}else if(null==i.note)P=L=1,i.lastInterval=0,i.ticksSinceReleased=0,i.liveInputSamplesHeld+=a;else{const t=i.note,e=i.nextNote,n=i.noteStartPart,o=i.noteEndPart,s=t.getEndPinIndex(A),a=t.pins[s-1],r=t.pins[s],h=n*p.ticksPerPart,l=o*p.ticksPerPart,m=(t.start+a.time)*p.ticksPerPart,u=(t.start+r.time)*p.ticksPerPart;i.ticksSinceReleased=0;const f=A*p.ticksPerPart+this.tick,y=f+1,b=f-h,g=y-h,x=Math.min(1,(f-m)/(u-m)),w=Math.min(1,(y-m)/(u-m));if(P=1,L=1,I=a.interval+(r.interval-a.interval)*x,D=a.interval+(r.interval-a.interval)*w,i.lastInterval=D,!d.isSeamless&&!i.forceContinueAtEnd||null==e){const t=-c.getFadeOutTicks();if(t>0){const e=l-h;P*=Math.min(1,(e-b)/t),L*=Math.min(1,(e-g)/t),y>=h+e&&(T=!0)}}}i.isOnLastTick=T;let H,W,G=c.noteFilter;if(c.noteFilterType){const t=c.noteFilter;null==c.noteSubFilters[1]&&(c.noteSubFilters[1]=new Rt);const n=c.noteSubFilters[1];let o=c.noteFilterSimpleCut,s=c.noteFilterSimplePeak,a=c.noteFilterSimpleCut,r=c.noteFilterSimplePeak,h=!1;this.isModActive(p.modulators.dictionary["note filt cut"].index,e,i.instrumentIndex)&&(o=this.getModValue(p.modulators.dictionary["note filt cut"].index,e,i.instrumentIndex,!1),a=this.getModValue(p.modulators.dictionary["note filt cut"].index,e,i.instrumentIndex,!0),h=!0),this.isModActive(p.modulators.dictionary["note filt peak"].index,e,i.instrumentIndex)&&(s=this.getModValue(p.modulators.dictionary["note filt peak"].index,e,i.instrumentIndex,!1),r=this.getModValue(p.modulators.dictionary["note filt peak"].index,e,i.instrumentIndex,!0),h=!0),t.convertLegacySettingsForSynth(o,s,!h),n.convertLegacySettingsForSynth(a,r,!h),H=t.controlPoints[0],W=n.controlPoints[0],c.noteFilter=t,c.tmpNoteFilterStart=t}const V=i.envelopeComputer;let j=p.arpSpeedScale[c.envelopeSpeed];this.isModActive(p.modulators.dictionary["envelope speed"].index,e,i.instrumentIndex)&&(j=Math.max(0,Math.min(p.arpSpeedScale.length-1,this.getModValue(p.modulators.dictionary["envelope speed"].index,e,i.instrumentIndex,!1))),j=Number.isInteger(j)?p.arpSpeedScale[j]:(1-j%1)*p.arpSpeedScale[Math.floor(j)]+j%1*p.arpSpeedScale[Math.ceil(j)]),V.computeEnvelopes(c,A,l.envelopeTime,p.ticksPerPart*F,n/this.samplesPerSecond,i,j);const U=i.envelopeComputer.envelopeStarts,K=i.envelopeComputer.envelopeEnds;if(c.noteFilter=G,null!=i.note&&d.slides){const t=i.prevNote,e=i.nextNote;if(null!=t){const e=t.pitches[i.prevNotePitchIndex]+t.pins[t.pins.length-1].interval-i.pitches[0];if(V.prevSlideStart&&(I+=e*V.prevSlideRatioStart),V.prevSlideEnd&&(D+=e*V.prevSlideRatioEnd),!m.singleTone){const e=t.pitches.length-i.chordSize;V.prevSlideStart&&(O=Jt.computeChordExpression(i.chordSize+e*V.prevSlideRatioStart)),V.prevSlideEnd&&(q=Jt.computeChordExpression(i.chordSize+e*V.prevSlideRatioEnd))}}if(null!=e){const t=e.pitches[i.nextNotePitchIndex]-(i.pitches[0]+i.note.pins[i.note.pins.length-1].interval);if(V.nextSlideStart&&(I+=t*V.nextSlideRatioStart),V.nextSlideEnd&&(D+=t*V.nextSlideRatioEnd),!m.singleTone){const t=e.pitches.length-i.chordSize;V.nextSlideStart&&(O=Jt.computeChordExpression(i.chordSize+t*V.nextSlideRatioStart)),V.nextSlideEnd&&(q=Jt.computeChordExpression(i.chordSize+t*V.nextSlideRatioEnd))}}}if(S(c.effects)){let t=p.justIntonationSemitones[c.pitchShift]/b,n=1,o=1;this.isModActive(p.modulators.dictionary["pitch shift"].index,e,i.instrumentIndex)&&(t=p.justIntonationSemitones[p.justIntonationSemitones.length-1],n=this.getModValue(p.modulators.dictionary["pitch shift"].index,e,i.instrumentIndex,!1)/p.pitchShiftCenter,o=this.getModValue(p.modulators.dictionary["pitch shift"].index,e,i.instrumentIndex,!0)/p.pitchShiftCenter);I+=t*U[18]*n,D+=t*K[18]*o}if(M(c.effects)||this.isModActive(p.modulators.dictionary["song detune"].index,e,i.instrumentIndex)){const t=U[19],n=K[19];let o=c.detune,s=c.detune;this.isModActive(p.modulators.dictionary.detune.index,e,i.instrumentIndex)&&(o=this.getModValue(p.modulators.dictionary.detune.index,e,i.instrumentIndex,!1)+p.detuneCenter,s=this.getModValue(p.modulators.dictionary.detune.index,e,i.instrumentIndex,!0)+p.detuneCenter),this.isModActive(p.modulators.dictionary["song detune"].index,e,i.instrumentIndex)&&(o+=4*this.getModValue(p.modulators.dictionary["song detune"].index,e,i.instrumentIndex,!1),s+=4*this.getModValue(p.modulators.dictionary["song detune"].index,e,i.instrumentIndex,!0)),I+=Jt.detuneToCents(o)*t*p.pitchesPerOctave/1200,D+=Jt.detuneToCents(s)*n*p.pitchesPerOctave/1200}if(E(c.effects)){let t,n,o,s;if(c.vibrato==p.vibratos.length?(t=2*c.vibratoDelay,c.vibratoDelay==p.modulators.dictionary["vibrato delay"].maxRawVol&&(t=Number.POSITIVE_INFINITY),n=c.vibratoDepth,o=n):(t=p.vibratos[c.vibrato].delayTicks,n=p.vibratos[c.vibrato].amplitude,o=n),this.isModActive(p.modulators.dictionary["vibrato delay"].index,e,i.instrumentIndex)&&(t=2*this.getModValue(p.modulators.dictionary["vibrato delay"].index,e,i.instrumentIndex,!1),t==2*p.modulators.dictionary["vibrato delay"].maxRawVol&&(t=Number.POSITIVE_INFINITY)),this.isModActive(p.modulators.dictionary["vibrato depth"].index,e,i.instrumentIndex)&&(n=this.getModValue(p.modulators.dictionary["vibrato depth"].index,e,i.instrumentIndex,!1)/25,o=this.getModValue(p.modulators.dictionary["vibrato depth"].index,e,i.instrumentIndex,!0)/25),null!=i.prevVibrato)s=i.prevVibrato;else{if(s=n*Jt.getLFOAmplitude(c,g*l.vibratoTime)*U[20],t>0){const e=t-V.noteTicksStart;s*=Math.max(0,Math.min(1,1-e/2))}}let a=Jt.getLFOAmplitude(c,g*l.nextVibratoTime);const r=K[20];if(10!=c.type){let e=o*a*r;if(t>0){const n=t-V.noteTicksEnd;e*=Math.max(0,Math.min(1,1-n/2))}i.prevVibrato=e,I+=s,D+=e}}if(!d.isSeamless&&!i.forceContinueAtStart||null==i.prevNote){const t=c.getFadeInSeconds();t>0&&(P*=Math.min(1,V.noteSecondsStart/t),L*=Math.min(1,V.noteSecondsEnd/t))}4==c.type&&null==i.drumsetPitch&&(i.drumsetPitch=i.pitches[0],null!=i.note&&(i.drumsetPitch+=i.note.pickMainInterval()),i.drumsetPitch=Math.max(0,Math.min(p.drumCount-1,i.drumsetPitch)));let J=V.lowpassCutoffDecayVolumeCompensation;if(B(c.effects)){const t=U[1],e=K[1];if(c.noteFilterType){const n=U[21],o=K[21],s=U[29],r=K[29];H.toCoefficients(Jt.tempFilterStartCoefficients,this.samplesPerSecond,t*n,s),W.toCoefficients(Jt.tempFilterEndCoefficients,this.samplesPerSecond,e*o,r),i.noteFilters.length<1&&(i.noteFilters[0]=new dt),i.noteFilters[0].loadCoefficientsWithGradient(Jt.tempFilterStartCoefficients,Jt.tempFilterEndCoefficients,1/a,0==H.type),J*=H.getVolumeCompensationMult(),i.noteFilterCount=1}else{const n=null!=c.tmpNoteFilterStart?c.tmpNoteFilterStart:c.noteFilter;for(let o=0;o1&&s){const t=Math.floor(l.arpTime/p.ticksPerArpeggio);o=i.pitches[w(i.pitchCount,c.fastTwoNoteArp,t)]-i.pitches[0]}const r=11==c.type?c.customAlgorithm.carrierCount:p.algorithms[c.algorithm].carrierCount;for(let h=0;h<(11==c.type?6:p.operatorCount);h++){const l=11==c.type?c.customAlgorithm.associatedCarrier[h]-1:p.algorithms[c.algorithm].associatedCarrier[h]-1,d=i.pitches[s?0:h1&&(m.arpeggiates||m.customInterval)){const t=Math.floor(l.arpTime/p.ticksPerArpeggio);if(m.customInterval){const e=i.pitches[1+w(i.pitchCount-1,c.fastTwoNoteArp,t)]-i.pitches[0];z=Math.pow(2,e/12),i.specialIntervalExpressionMult=Math.pow(2,-e/$)}else o=i.pitches[w(i.pitchCount,c.fastTwoNoteArp,t)]}const s=R+(o+I)*b,r=R+(o+D)*b;let h;h=null!=i.prevPitchExpressions[0]?i.prevPitchExpressions[0]:Math.pow(2,-(s-N)/$);const u=Math.pow(2,-(r-N)/$);i.prevPitchExpressions[0]=u;let y=_*J;if(2==c.type&&(y*=p.chipNoises[c.chipNoise].expression),0==c.type&&(y*=p.chipWaves[c.chipWave].expression),6==c.type){const t=f(c.pulseWidth);let n=t,o=t;this.isModActive(p.modulators.dictionary["pulse width"].index,e,i.instrumentIndex)&&(n=this.getModValue(p.modulators.dictionary["pulse width"].index,e,i.instrumentIndex,!1)/(2*p.pulseWidthRange),o=this.getModValue(p.modulators.dictionary["pulse width"].index,e,i.instrumentIndex,!0)/(2*p.pulseWidthRange));const s=n*U[2],r=o*K[2];i.pulseWidth=s,i.pulseWidthDelta=(r-s)/a;let h=c.decimalOffset;this.isModActive(p.modulators.dictionary["decimal offset"].index,e,i.instrumentIndex)&&(h=this.getModValue(p.modulators.dictionary["decimal offset"].index,e,i.instrumentIndex,!1));const l=h*U[37];i.decimalOffset=l,i.pulseWidth-=i.decimalOffset/1e4}if(7==c.type){let t=c.stringSustain,n=c.stringSustain;this.isModActive(p.modulators.dictionary.sustain.index,e,i.instrumentIndex)&&(t=this.getModValue(p.modulators.dictionary.sustain.index,e,i.instrumentIndex,!1),n=this.getModValue(p.modulators.dictionary.sustain.index,e,i.instrumentIndex,!0)),i.stringSustainStart=t,i.stringSustainEnd=n,y*=Math.pow(2,.7*(1-t/(p.stringSustainRange-1)))}const g=$t.frequencyFromPitch(s);if(0==c.type||9==c.type||5==c.type||7==c.type){const t=c.unisonVoices,e=c.unisonSpread,o=c.unisonOffset;y*=c.unisonExpression*(7==c.type?1:t/2);const s=U[4],r=K[4],h=Math.pow(2,(o+e)*s/12),l=Math.pow(2,(o+e)*r/12),p=Math.pow(2,(o-e)*s/12)*z,d=Math.pow(2,(o-e)*r/12)*z;i.phaseDeltas[0]=g*x*h,i.phaseDeltas[1]=g*x*p,i.phaseDeltaScales[0]=n*Math.pow(l/h,1/a),i.phaseDeltaScales[1]=n*Math.pow(d/p,1/a)}else i.phaseDeltas[0]=g*x,i.phaseDeltaScales[0]=n;let k=1,v=1;if(8==c.type){const n=1/Math.sqrt(p.supersawVoiceCount);let o=c.supersawDynamism/p.supersawDynamismMax,s=c.supersawDynamism/p.supersawDynamismMax;this.isModActive(p.modulators.dictionary.dynamism.index,e,i.instrumentIndex)&&(o=this.getModValue(p.modulators.dictionary.dynamism.index,e,i.instrumentIndex,!1)/p.supersawDynamismMax,s=this.getModValue(p.modulators.dictionary.dynamism.index,e,i.instrumentIndex,!0)/p.supersawDynamismMax);const r=1-Math.pow(Math.max(0,1-o*U[38]),.2),h=1-Math.pow(Math.max(0,1-s*K[38]),.2),l=Math.pow(2,Math.log2(n)*r),d=Math.pow(2,Math.log2(n)*h),m=Math.sqrt((1/Math.pow(l,2)-1)/(p.supersawVoiceCount-1)),u=Math.sqrt((1/Math.pow(d,2)-1)/(p.supersawVoiceCount-1));i.supersawDynamism=m,i.supersawDynamismDelta=(u-m)/a;const y=-1==i.supersawDelayIndex;if(y){let t=0;for(let e=0;e=0;t--){const a=1-i.phases[t],r=a-s;if(n<0){const t=-n/e;if(t>1)-.5+.025*((2&t)-1))/(p.supersawVoiceCount>>1),1.1)*(2*(1&t)-1);i.supersawUnisonDetunes[t]=Math.pow(2,M*e/12)}const E=c.supersawShape/p.supersawShapeMax;let B=E*U[40],C=E*K[40];this.isModActive(p.modulators.dictionary["saw shape"].index,e,i.instrumentIndex)&&(B=this.getModValue(p.modulators.dictionary["saw shape"].index,e,i.instrumentIndex,!1)/p.supersawShapeMax,C=this.getModValue(p.modulators.dictionary["saw shape"].index,e,i.instrumentIndex,!0)/p.supersawShapeMax);const A=B*U[40],z=C*K[40];i.supersawShape=A,i.supersawShapeDelta=(z-A)/a;let T=c.decimalOffset;this.isModActive(p.modulators.dictionary["decimal offset"].index,e,i.instrumentIndex)&&(T=this.getModValue(p.modulators.dictionary["decimal offset"].index,e,i.instrumentIndex,!1));const I=T*U[37];i.decimalOffset=I;const D=f(c.pulseWidth);let P=D,L=D;this.isModActive(p.modulators.dictionary["pulse width"].index,e,i.instrumentIndex)&&(P=this.getModValue(p.modulators.dictionary["pulse width"].index,e,i.instrumentIndex,!1)/(2*p.pulseWidthRange),L=this.getModValue(p.modulators.dictionary["pulse width"].index,e,i.instrumentIndex,!0)/(2*p.pulseWidthRange));let O=P*U[2],q=L*K[2];O-=I/1e4,q-=I/1e4;const N=null!=i.supersawPrevPhaseDelta?i.supersawPrevPhaseDelta:g*x,R=g*x*t;i.supersawPrevPhaseDelta=R;const _=O/N,$=q/R;i.supersawDelayLength=_,i.supersawDelayLengthDelta=($-_)/a;const H=Math.ceil(Math.max(_,$))+2;if(null==i.supersawDelayLine||i.supersawDelayLine.length<=H){const t=Math.ceil(.5*this.samplesPerSecond/$t.frequencyFromPitch(24)),e=new Float32Array(Jt.fittingPowerOfTwo(Math.max(t,H)));if(!y&&null!=i.supersawDelayLine){const t=i.supersawDelayLine.length-1>>0,n=i.supersawDelayIndex;for(let o=0;o=0;e--)for(const i of Jt.operatorSourceTemplate)if(-1!=i.indexOf("/* + operator@Scaled*/")){let o="";for(const n of p.algorithms[t.algorithm].modulatedBy[e])o+=" + operator"+(n-1)+"Scaled";const s=p.feedbacks[t.feedbackType].indices[e];if(s.length>0){o+=" + feedbackMult * (";const t=[];for(const e of s)t.push("operator"+(e-1)+"Output");o+=t.join(" + ")+")"}n.push(i.replace(/\#/g,e+"").replace("/* + operator@Scaled*/",o))}else n.push(i.replace(/\#/g,e+""));else if(-1!=e.indexOf("#"))for(let t=0;t=0;e--)for(const i of Jt.operatorSourceTemplate)if(-1!=i.indexOf("/* + operator@Scaled*/")){let o="";for(const n of t.customAlgorithm.modulatedBy[e])o+=" + operator"+(n-1)+"Scaled";const s=t.customFeedbackType.indices[e];if(s.length>0){o+=" + feedbackMult * (";const t=[];for(const e of s)t.push("operator"+(e-1)+"Output");o+=t.join(" + ")+")"}n.push(i.replace(/\#/g,e+"").replace("/* + operator@Scaled*/",o))}else n.push(i.replace(/\#/g,e+""));else if(-1!=e.indexOf("#"))for(let t=0;t0&&w0&&kc&&(w<=0&&(v=_,w++),e=1):-1===g&&z<0&&(w<=0&&(v=_,w++),e=1),1===x?T>c&&(k<=0&&(F=$,k++),e=1):-1===g&&T<0&&(k<=0&&(F=$,k++),e=1)):3===m?(1===g?z>l&&(w<=0&&(v=_,w++),e=1):-1===g&&zl&&(k<=0&&(F=$,k++),e=1):-1===g&&Tl&&(z=p+Jt.wrap(z-l,d),e=1):-1===g&&zl&&(T=p+Jt.wrap(T-l,d),e=1):-1===x&&Tl&&(z=l-Jt.wrap(z-l,d),g=-1,e=1):-1===g&&zl&&(T=l-Jt.wrap(T-l,d),x=-1,e=1):-1===x&&T0?(S-Math.min(w,S))/S:1,e=k>0?(S-Math.min(k,S))/S:1;o=0,o+=w>0?v*t:n,o+=k>0?F*e:i}else{const t=Math.floor(z),s=Math.floor(T),a=Jt.wrap(t,c),h=Jt.wrap(s,c);let d=r[a],u=r[h];const M=z-t,E=T-s;if(d+=(r[Jt.wrap(a+1,c)]-d)*M,u+=(r[Jt.wrap(h+1,c)]-u)*E,(0!==m||0!==p||l!==c)&&0!==e){let t=0,e=0;const n=Math.max(0,z-y*g),i=Math.max(0,T-b*x),o=Math.floor(n),s=Math.floor(i),a=Jt.wrap(o,c),h=Jt.wrap(s,c);t=r[a],e=r[h],t+=(r[Jt.wrap(a+1,c)]-t)*(n-o)*g,e+=(r[Jt.wrap(h+1,c)]-e)*(i-s)*x,I=t,D=e}1===m&&0!==e?(n=_,i=$):(n=(d-I)/(y*g),i=(u-D)/(b*x)),_=n,$=i,I=d,D=u;const B=w>0?(S-Math.min(w,S))/S:1,C=k>0?(S-Math.min(k,S))/S:1;o+=w>0?v*B:n,o+=k>0?F*C:i*f}const u=N(o*h,O,q,L,P);q=O,O=o*h,y*=M,b*=E;const C=u*B;B+=A,a[t]+=C}i.phases[0]=z/c,i.phases[1]=T/c,i.phaseDeltas[0]=y/c,i.phaseDeltas[1]=b/c,i.directions[0]=g,i.directions[1]=x,i.chipWaveCompletions[0]=w,i.chipWaveCompletions[1]=k,i.chipWavePrevWaves[0]=_,i.chipWavePrevWaves[1]=$,i.chipWaveCompletionsLastWave[0]=v,i.chipWaveCompletionsLastWave[1]=F,i.expression=B,t.sanitizeFilters(P),i.initialNoteFilterInput1=O,i.initialNoteFilterInput2=q}static chipSynth(t,e,n,i,o){const s=C(o.effects)&&o.aliases,a=t.tempMonoInstrumentSampleBuffer,r=o.wave,h=o.volumeScale,c=s&&8==o.type?r.length:r.length-1,l=i.specialIntervalExpressionMult*o.unisonSign;1!=o.unisonVoices||o.chord.customInterval||(i.phases[1]=i.phases[0]);let p=i.phaseDeltas[0]*c,d=i.phaseDeltas[1]*c;const m=+i.phaseDeltaScales[0],u=+i.phaseDeltaScales[1];let f=+i.expression;const y=+i.expressionDelta;let b=i.phases[0]%1*c,g=i.phases[1]%1*c;const x=i.noteFilters,w=0|i.noteFilterCount;let k=+i.initialNoteFilterInput1,v=+i.initialNoteFilterInput2;const F=Jt.applyFilters;let S=0,M=0;if(!s){const t=0|b,e=0|g,n=t%c,i=e%c,o=b-t,s=g-e;S=+r[n],M=+r[i],S+=(r[n+1]-S)*o,M+=(r[i+1]-M)*s}const E=e+n;for(let t=e;t{const e=[];for(let n=0;n0,c=z(s.effects),l=T(s.effects),d=I(s.effects),m=D(s.effects);let u=0;a&&(u|=1),u<<=1,r&&(u|=1),u<<=1,h&&(u|=1),u<<=1,c&&(u|=1),u<<=1,l&&(u|=1),u<<=1,d&&(u|=1),u<<=1,m&&(u|=1);let f=Jt.effectsFunctionCache[u];if(null==f){let t="return (synth, outputDataL, outputDataR, bufferIndex, runLength, instrumentState) => {";const e=l||m||d;t+="\n\t\t\t\tconst tempMonoInstrumentSampleBuffer = synth.tempMonoInstrumentSampleBuffer;\n\t\t\t\t\n\t\t\t\tlet mixVolume = +instrumentState.mixVolume;\n\t\t\t\tconst mixVolumeDelta = +instrumentState.mixVolumeDelta;",e&&(t+="\n\t\t\t\t\n\t\t\t\tlet delayInputMult = +instrumentState.delayInputMult;\n\t\t\t\tconst delayInputMultDelta = +instrumentState.delayInputMultDelta;"),a&&(t+="\n\t\t\t\t\n\t\t\t\tconst distortionBaseVolume = +Config.distortionBaseVolume;\n\t\t\t\tlet distortion = instrumentState.distortion;\n\t\t\t\tconst distortionDelta = instrumentState.distortionDelta;\n\t\t\t\tlet distortionDrive = instrumentState.distortionDrive;\n\t\t\t\tconst distortionDriveDelta = instrumentState.distortionDriveDelta;\n\t\t\t\tconst distortionFractionalResolution = 4.0;\n\t\t\t\tconst distortionOversampleCompensation = distortionBaseVolume / distortionFractionalResolution;\n\t\t\t\tconst distortionFractionalDelay1 = 1.0 / distortionFractionalResolution;\n\t\t\t\tconst distortionFractionalDelay2 = 2.0 / distortionFractionalResolution;\n\t\t\t\tconst distortionFractionalDelay3 = 3.0 / distortionFractionalResolution;\n\t\t\t\tconst distortionFractionalDelayG1 = (1.0 - distortionFractionalDelay1) / (1.0 + distortionFractionalDelay1); // Inlined version of FilterCoefficients.prototype.allPass1stOrderFractionalDelay\n\t\t\t\tconst distortionFractionalDelayG2 = (1.0 - distortionFractionalDelay2) / (1.0 + distortionFractionalDelay2); // Inlined version of FilterCoefficients.prototype.allPass1stOrderFractionalDelay\n\t\t\t\tconst distortionFractionalDelayG3 = (1.0 - distortionFractionalDelay3) / (1.0 + distortionFractionalDelay3); // Inlined version of FilterCoefficients.prototype.allPass1stOrderFractionalDelay\n\t\t\t\tconst distortionNextOutputWeight1 = Math.cos(Math.PI * distortionFractionalDelay1) * 0.5 + 0.5;\n\t\t\t\tconst distortionNextOutputWeight2 = Math.cos(Math.PI * distortionFractionalDelay2) * 0.5 + 0.5;\n\t\t\t\tconst distortionNextOutputWeight3 = Math.cos(Math.PI * distortionFractionalDelay3) * 0.5 + 0.5;\n\t\t\t\tconst distortionPrevOutputWeight1 = 1.0 - distortionNextOutputWeight1;\n\t\t\t\tconst distortionPrevOutputWeight2 = 1.0 - distortionNextOutputWeight2;\n\t\t\t\tconst distortionPrevOutputWeight3 = 1.0 - distortionNextOutputWeight3;\n\t\t\t\t\n\t\t\t\tlet distortionFractionalInput1 = +instrumentState.distortionFractionalInput1;\n\t\t\t\tlet distortionFractionalInput2 = +instrumentState.distortionFractionalInput2;\n\t\t\t\tlet distortionFractionalInput3 = +instrumentState.distortionFractionalInput3;\n\t\t\t\tlet distortionPrevInput = +instrumentState.distortionPrevInput;\n\t\t\t\tlet distortionNextOutput = +instrumentState.distortionNextOutput;"),r&&(t+="\n\t\t\t\t\n\t\t\t\tlet bitcrusherPrevInput = +instrumentState.bitcrusherPrevInput;\n\t\t\t\tlet bitcrusherCurrentOutput = +instrumentState.bitcrusherCurrentOutput;\n\t\t\t\tlet bitcrusherPhase = +instrumentState.bitcrusherPhase;\n\t\t\t\tlet bitcrusherPhaseDelta = +instrumentState.bitcrusherPhaseDelta;\n\t\t\t\tconst bitcrusherPhaseDeltaScale = +instrumentState.bitcrusherPhaseDeltaScale;\n\t\t\t\tlet bitcrusherScale = +instrumentState.bitcrusherScale;\n\t\t\t\tconst bitcrusherScaleScale = +instrumentState.bitcrusherScaleScale;\n\t\t\t\tlet bitcrusherFoldLevel = +instrumentState.bitcrusherFoldLevel;\n\t\t\t\tconst bitcrusherFoldLevelScale = +instrumentState.bitcrusherFoldLevelScale;"),h&&(t+="\n\t\t\t\t\n\t\t\t\tlet filters = instrumentState.eqFilters;\n\t\t\t\tconst filterCount = instrumentState.eqFilterCount|0;\n\t\t\t\tlet initialFilterInput1 = +instrumentState.initialEqFilterInput1;\n\t\t\t\tlet initialFilterInput2 = +instrumentState.initialEqFilterInput2;\n\t\t\t\tconst applyFilters = Synth.applyFilters;"),t+="\n\t\t\t\t\n\t\t\t\tlet eqFilterVolume = +instrumentState.eqFilterVolume;\n\t\t\t\tconst eqFilterVolumeDelta = +instrumentState.eqFilterVolumeDelta;",c&&(t+="\n\t\t\t\t\n\t\t\t\tconst panningMask = synth.panningDelayBufferMask >>> 0;\n\t\t\t\tconst panningDelayLine = instrumentState.panningDelayLine;\n\t\t\t\tlet panningDelayPos = instrumentState.panningDelayPos & panningMask;\n\t\t\t\tlet panningVolumeL = +instrumentState.panningVolumeL;\n\t\t\t\tlet panningVolumeR = +instrumentState.panningVolumeR;\n\t\t\t\tconst panningVolumeDeltaL = +instrumentState.panningVolumeDeltaL;\n\t\t\t\tconst panningVolumeDeltaR = +instrumentState.panningVolumeDeltaR;\n\t\t\t\tlet panningOffsetL = +instrumentState.panningOffsetL;\n\t\t\t\tlet panningOffsetR = +instrumentState.panningOffsetR;\n\t\t\t\tconst panningOffsetDeltaL = 1.0 - instrumentState.panningOffsetDeltaL;\n\t\t\t\tconst panningOffsetDeltaR = 1.0 - instrumentState.panningOffsetDeltaR;"),l&&(t+="\n\t\t\t\t\n\t\t\t\tconst chorusMask = synth.chorusDelayBufferMask >>> 0;\n\t\t\t\tconst chorusDelayLineL = instrumentState.chorusDelayLineL;\n\t\t\t\tconst chorusDelayLineR = instrumentState.chorusDelayLineR;\n\t\t\t\tinstrumentState.chorusDelayLineDirty = true;\n\t\t\t\tlet chorusDelayPos = instrumentState.chorusDelayPos & chorusMask;\n\t\t\t\t\n\t\t\t\tlet chorusVoiceMult = +instrumentState.chorusVoiceMult;\n\t\t\t\tconst chorusVoiceMultDelta = +instrumentState.chorusVoiceMultDelta;\n\t\t\t\tlet chorusCombinedMult = +instrumentState.chorusCombinedMult;\n\t\t\t\tconst chorusCombinedMultDelta = +instrumentState.chorusCombinedMultDelta;\n\t\t\t\t\n\t\t\t\tconst chorusDuration = +beepbox.Config.chorusPeriodSeconds;\n\t\t\t\tconst chorusAngle = Math.PI * 2.0 / (chorusDuration * synth.samplesPerSecond);\n\t\t\t\tconst chorusRange = synth.samplesPerSecond * beepbox.Config.chorusDelayRange;\n\t\t\t\tconst chorusOffset0 = synth.chorusDelayBufferSize - beepbox.Config.chorusDelayOffsets[0][0] * chorusRange;\n\t\t\t\tconst chorusOffset1 = synth.chorusDelayBufferSize - beepbox.Config.chorusDelayOffsets[0][1] * chorusRange;\n\t\t\t\tconst chorusOffset2 = synth.chorusDelayBufferSize - beepbox.Config.chorusDelayOffsets[0][2] * chorusRange;\n\t\t\t\tconst chorusOffset3 = synth.chorusDelayBufferSize - beepbox.Config.chorusDelayOffsets[1][0] * chorusRange;\n\t\t\t\tconst chorusOffset4 = synth.chorusDelayBufferSize - beepbox.Config.chorusDelayOffsets[1][1] * chorusRange;\n\t\t\t\tconst chorusOffset5 = synth.chorusDelayBufferSize - beepbox.Config.chorusDelayOffsets[1][2] * chorusRange;\n\t\t\t\tlet chorusPhase = instrumentState.chorusPhase % (Math.PI * 2.0);\n\t\t\t\tlet chorusTap0Index = chorusDelayPos + chorusOffset0 - chorusRange * Math.sin(chorusPhase + beepbox.Config.chorusPhaseOffsets[0][0]);\n\t\t\t\tlet chorusTap1Index = chorusDelayPos + chorusOffset1 - chorusRange * Math.sin(chorusPhase + beepbox.Config.chorusPhaseOffsets[0][1]);\n\t\t\t\tlet chorusTap2Index = chorusDelayPos + chorusOffset2 - chorusRange * Math.sin(chorusPhase + beepbox.Config.chorusPhaseOffsets[0][2]);\n\t\t\t\tlet chorusTap3Index = chorusDelayPos + chorusOffset3 - chorusRange * Math.sin(chorusPhase + beepbox.Config.chorusPhaseOffsets[1][0]);\n\t\t\t\tlet chorusTap4Index = chorusDelayPos + chorusOffset4 - chorusRange * Math.sin(chorusPhase + beepbox.Config.chorusPhaseOffsets[1][1]);\n\t\t\t\tlet chorusTap5Index = chorusDelayPos + chorusOffset5 - chorusRange * Math.sin(chorusPhase + beepbox.Config.chorusPhaseOffsets[1][2]);\n\t\t\t\tchorusPhase += chorusAngle * runLength;\n\t\t\t\tconst chorusTap0End = chorusDelayPos + chorusOffset0 - chorusRange * Math.sin(chorusPhase + beepbox.Config.chorusPhaseOffsets[0][0]) + runLength;\n\t\t\t\tconst chorusTap1End = chorusDelayPos + chorusOffset1 - chorusRange * Math.sin(chorusPhase + beepbox.Config.chorusPhaseOffsets[0][1]) + runLength;\n\t\t\t\tconst chorusTap2End = chorusDelayPos + chorusOffset2 - chorusRange * Math.sin(chorusPhase + beepbox.Config.chorusPhaseOffsets[0][2]) + runLength;\n\t\t\t\tconst chorusTap3End = chorusDelayPos + chorusOffset3 - chorusRange * Math.sin(chorusPhase + beepbox.Config.chorusPhaseOffsets[1][0]) + runLength;\n\t\t\t\tconst chorusTap4End = chorusDelayPos + chorusOffset4 - chorusRange * Math.sin(chorusPhase + beepbox.Config.chorusPhaseOffsets[1][1]) + runLength;\n\t\t\t\tconst chorusTap5End = chorusDelayPos + chorusOffset5 - chorusRange * Math.sin(chorusPhase + beepbox.Config.chorusPhaseOffsets[1][2]) + runLength;\n\t\t\t\tconst chorusTap0Delta = (chorusTap0End - chorusTap0Index) / runLength;\n\t\t\t\tconst chorusTap1Delta = (chorusTap1End - chorusTap1Index) / runLength;\n\t\t\t\tconst chorusTap2Delta = (chorusTap2End - chorusTap2Index) / runLength;\n\t\t\t\tconst chorusTap3Delta = (chorusTap3End - chorusTap3Index) / runLength;\n\t\t\t\tconst chorusTap4Delta = (chorusTap4End - chorusTap4Index) / runLength;\n\t\t\t\tconst chorusTap5Delta = (chorusTap5End - chorusTap5Index) / runLength;"),d&&(t+="\n\t\t\t\t\n\t\t\t\tlet echoMult = +instrumentState.echoMult;\n\t\t\t\tconst echoMultDelta = +instrumentState.echoMultDelta;\n\t\t\t\t\n\t\t\t\tconst echoDelayLineL = instrumentState.echoDelayLineL;\n\t\t\t\tconst echoDelayLineR = instrumentState.echoDelayLineR;\n\t\t\t\tconst echoMask = (echoDelayLineL.length - 1) >>> 0;\n\t\t\t\tinstrumentState.echoDelayLineDirty = true;\n\t\t\t\t\n\t\t\t\tlet echoDelayPos = instrumentState.echoDelayPos & echoMask;\n\t\t\t\tconst echoDelayOffsetStart = (echoDelayLineL.length - instrumentState.echoDelayOffsetStart) & echoMask;\n\t\t\t\tconst echoDelayOffsetEnd = (echoDelayLineL.length - instrumentState.echoDelayOffsetEnd) & echoMask;\n\t\t\t\tlet echoDelayOffsetRatio = +instrumentState.echoDelayOffsetRatio;\n\t\t\t\tconst echoDelayOffsetRatioDelta = +instrumentState.echoDelayOffsetRatioDelta;\n\t\t\t\t\n\t\t\t\tconst echoShelfA1 = +instrumentState.echoShelfA1;\n\t\t\t\tconst echoShelfB0 = +instrumentState.echoShelfB0;\n\t\t\t\tconst echoShelfB1 = +instrumentState.echoShelfB1;\n\t\t\t\tlet echoShelfSampleL = +instrumentState.echoShelfSampleL;\n\t\t\t\tlet echoShelfSampleR = +instrumentState.echoShelfSampleR;\n\t\t\t\tlet echoShelfPrevInputL = +instrumentState.echoShelfPrevInputL;\n\t\t\t\tlet echoShelfPrevInputR = +instrumentState.echoShelfPrevInputR;"),m&&(t+="\n\t\t\t\t\n\t\t\t\tconst reverbMask = Config.reverbDelayBufferMask >>> 0; //TODO: Dynamic reverb buffer size.\n\t\t\t\tconst reverbDelayLine = instrumentState.reverbDelayLine;\n\t\t\t\tinstrumentState.reverbDelayLineDirty = true;\n\t\t\t\tlet reverbDelayPos = instrumentState.reverbDelayPos & reverbMask;\n\t\t\t\t\n\t\t\t\tlet reverb = +instrumentState.reverbMult;\n\t\t\t\tconst reverbDelta = +instrumentState.reverbMultDelta;\n\t\t\t\t\n\t\t\t\tconst reverbShelfA1 = +instrumentState.reverbShelfA1;\n\t\t\t\tconst reverbShelfB0 = +instrumentState.reverbShelfB0;\n\t\t\t\tconst reverbShelfB1 = +instrumentState.reverbShelfB1;\n\t\t\t\tlet reverbShelfSample0 = +instrumentState.reverbShelfSample0;\n\t\t\t\tlet reverbShelfSample1 = +instrumentState.reverbShelfSample1;\n\t\t\t\tlet reverbShelfSample2 = +instrumentState.reverbShelfSample2;\n\t\t\t\tlet reverbShelfSample3 = +instrumentState.reverbShelfSample3;\n\t\t\t\tlet reverbShelfPrevInput0 = +instrumentState.reverbShelfPrevInput0;\n\t\t\t\tlet reverbShelfPrevInput1 = +instrumentState.reverbShelfPrevInput1;\n\t\t\t\tlet reverbShelfPrevInput2 = +instrumentState.reverbShelfPrevInput2;\n\t\t\t\tlet reverbShelfPrevInput3 = +instrumentState.reverbShelfPrevInput3;"),t+="\n\t\t\t\t\n\t\t\t\tconst stopIndex = bufferIndex + runLength;\n\t\t\t\tfor (let sampleIndex = bufferIndex; sampleIndex < stopIndex; sampleIndex++) {\n\t\t\t\t\tlet sample = tempMonoInstrumentSampleBuffer[sampleIndex];\n\t\t\t\t\ttempMonoInstrumentSampleBuffer[sampleIndex] = 0.0;",a&&(t+="\n\t\t\t\t\t\n\t\t\t\t\tconst distortionReverse = 1.0 - distortion;\n\t\t\t\t\tconst distortionNextInput = sample * distortionDrive;\n\t\t\t\t\tsample = distortionNextOutput;\n\t\t\t\t\tdistortionNextOutput = distortionNextInput / (distortionReverse * Math.abs(distortionNextInput) + distortion);\n\t\t\t\t\tdistortionFractionalInput1 = distortionFractionalDelayG1 * distortionNextInput + distortionPrevInput - distortionFractionalDelayG1 * distortionFractionalInput1;\n\t\t\t\t\tdistortionFractionalInput2 = distortionFractionalDelayG2 * distortionNextInput + distortionPrevInput - distortionFractionalDelayG2 * distortionFractionalInput2;\n\t\t\t\t\tdistortionFractionalInput3 = distortionFractionalDelayG3 * distortionNextInput + distortionPrevInput - distortionFractionalDelayG3 * distortionFractionalInput3;\n\t\t\t\t\tconst distortionOutput1 = distortionFractionalInput1 / (distortionReverse * Math.abs(distortionFractionalInput1) + distortion);\n\t\t\t\t\tconst distortionOutput2 = distortionFractionalInput2 / (distortionReverse * Math.abs(distortionFractionalInput2) + distortion);\n\t\t\t\t\tconst distortionOutput3 = distortionFractionalInput3 / (distortionReverse * Math.abs(distortionFractionalInput3) + distortion);\n\t\t\t\t\tdistortionNextOutput += distortionOutput1 * distortionNextOutputWeight1 + distortionOutput2 * distortionNextOutputWeight2 + distortionOutput3 * distortionNextOutputWeight3;\n\t\t\t\t\tsample += distortionOutput1 * distortionPrevOutputWeight1 + distortionOutput2 * distortionPrevOutputWeight2 + distortionOutput3 * distortionPrevOutputWeight3;\n\t\t\t\t\tsample *= distortionOversampleCompensation;\n\t\t\t\t\tdistortionPrevInput = distortionNextInput;\n\t\t\t\t\tdistortion += distortionDelta;\n\t\t\t\t\tdistortionDrive += distortionDriveDelta;"),r&&(t+="\n\t\t\t\t\t\n\t\t\t\t\tbitcrusherPhase += bitcrusherPhaseDelta;\n\t\t\t\t\tif (bitcrusherPhase < 1.0) {\n\t\t\t\t\t\tbitcrusherPrevInput = sample;\n\t\t\t\t\t\tsample = bitcrusherCurrentOutput;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tbitcrusherPhase = bitcrusherPhase % 1.0;\n\t\t\t\t\t\tconst ratio = bitcrusherPhase / bitcrusherPhaseDelta;\n\t\t\t\t\t\t\n\t\t\t\t\t\tconst lerpedInput = sample + (bitcrusherPrevInput - sample) * ratio;\n\t\t\t\t\t\tbitcrusherPrevInput = sample;\n\t\t\t\t\t\t\n\t\t\t\t\t\tconst bitcrusherWrapLevel = bitcrusherFoldLevel * 4.0;\n\t\t\t\t\t\tconst wrappedSample = (((lerpedInput + bitcrusherFoldLevel) % bitcrusherWrapLevel) + bitcrusherWrapLevel) % bitcrusherWrapLevel;\n\t\t\t\t\t\tconst foldedSample = bitcrusherFoldLevel - Math.abs(bitcrusherFoldLevel * 2.0 - wrappedSample);\n\t\t\t\t\t\tconst scaledSample = foldedSample / bitcrusherScale;\n\t\t\t\t\t\tconst oldValue = bitcrusherCurrentOutput;\n\t\t\t\t\t\tconst newValue = (((scaledSample > 0 ? scaledSample + 1 : scaledSample)|0)-.5) * bitcrusherScale;\n\t\t\t\t\t\t\n\t\t\t\t\t\tsample = oldValue + (newValue - oldValue) * ratio;\n\t\t\t\t\t\tbitcrusherCurrentOutput = newValue;\n\t\t\t\t\t}\n\t\t\t\t\tbitcrusherPhaseDelta *= bitcrusherPhaseDeltaScale;\n\t\t\t\t\tbitcrusherScale *= bitcrusherScaleScale;\n\t\t\t\t\tbitcrusherFoldLevel *= bitcrusherFoldLevelScale;"),h&&(t+="\n\t\t\t\t\t\n\t\t\t\t\tconst inputSample = sample;\n\t\t\t\t\tsample = applyFilters(inputSample, initialFilterInput1, initialFilterInput2, filterCount, filters);\n\t\t\t\t\tinitialFilterInput2 = initialFilterInput1;\n\t\t\t\t\tinitialFilterInput1 = inputSample;"),t+="\n\t\t\t\t\t\n\t\t\t\t\tsample *= eqFilterVolume;\n\t\t\t\t\teqFilterVolume += eqFilterVolumeDelta;",t+=c?"\n\t\t\t\t\t\n\t\t\t\t\tpanningDelayLine[panningDelayPos] = sample;\n\t\t\t\t\tconst panningRatioL = panningOffsetL % 1;\n\t\t\t\t\tconst panningRatioR = panningOffsetR % 1;\n\t\t\t\t\tconst panningTapLA = panningDelayLine[(panningOffsetL) & panningMask];\n\t\t\t\t\tconst panningTapLB = panningDelayLine[(panningOffsetL + 1) & panningMask];\n\t\t\t\t\tconst panningTapRA = panningDelayLine[(panningOffsetR) & panningMask];\n\t\t\t\t\tconst panningTapRB = panningDelayLine[(panningOffsetR + 1) & panningMask];\n\t\t\t\t\tconst panningTapL = panningTapLA + (panningTapLB - panningTapLA) * panningRatioL;\n\t\t\t\t\tconst panningTapR = panningTapRA + (panningTapRB - panningTapRA) * panningRatioR;\n\t\t\t\t\tlet sampleL = panningTapL * panningVolumeL;\n\t\t\t\t\tlet sampleR = panningTapR * panningVolumeR;\n\t\t\t\t\tpanningDelayPos = (panningDelayPos + 1) & panningMask;\n\t\t\t\t\tpanningVolumeL += panningVolumeDeltaL;\n\t\t\t\t\tpanningVolumeR += panningVolumeDeltaR;\n\t\t\t\t\tpanningOffsetL += panningOffsetDeltaL;\n\t\t\t\t\tpanningOffsetR += panningOffsetDeltaR;":"\n\t\t\t\t\t\n\t\t\t\t\tlet sampleL = sample;\n\t\t\t\t\tlet sampleR = sample;",l&&(t+="\n\t\t\t\t\t\n\t\t\t\t\tconst chorusTap0Ratio = chorusTap0Index % 1;\n\t\t\t\t\tconst chorusTap1Ratio = chorusTap1Index % 1;\n\t\t\t\t\tconst chorusTap2Ratio = chorusTap2Index % 1;\n\t\t\t\t\tconst chorusTap3Ratio = chorusTap3Index % 1;\n\t\t\t\t\tconst chorusTap4Ratio = chorusTap4Index % 1;\n\t\t\t\t\tconst chorusTap5Ratio = chorusTap5Index % 1;\n\t\t\t\t\tconst chorusTap0A = chorusDelayLineL[(chorusTap0Index) & chorusMask];\n\t\t\t\t\tconst chorusTap0B = chorusDelayLineL[(chorusTap0Index + 1) & chorusMask];\n\t\t\t\t\tconst chorusTap1A = chorusDelayLineL[(chorusTap1Index) & chorusMask];\n\t\t\t\t\tconst chorusTap1B = chorusDelayLineL[(chorusTap1Index + 1) & chorusMask];\n\t\t\t\t\tconst chorusTap2A = chorusDelayLineL[(chorusTap2Index) & chorusMask];\n\t\t\t\t\tconst chorusTap2B = chorusDelayLineL[(chorusTap2Index + 1) & chorusMask];\n\t\t\t\t\tconst chorusTap3A = chorusDelayLineR[(chorusTap3Index) & chorusMask];\n\t\t\t\t\tconst chorusTap3B = chorusDelayLineR[(chorusTap3Index + 1) & chorusMask];\n\t\t\t\t\tconst chorusTap4A = chorusDelayLineR[(chorusTap4Index) & chorusMask];\n\t\t\t\t\tconst chorusTap4B = chorusDelayLineR[(chorusTap4Index + 1) & chorusMask];\n\t\t\t\t\tconst chorusTap5A = chorusDelayLineR[(chorusTap5Index) & chorusMask];\n\t\t\t\t\tconst chorusTap5B = chorusDelayLineR[(chorusTap5Index + 1) & chorusMask];\n\t\t\t\t\tconst chorusTap0 = chorusTap0A + (chorusTap0B - chorusTap0A) * chorusTap0Ratio;\n\t\t\t\t\tconst chorusTap1 = chorusTap1A + (chorusTap1B - chorusTap1A) * chorusTap1Ratio;\n\t\t\t\t\tconst chorusTap2 = chorusTap2A + (chorusTap2B - chorusTap2A) * chorusTap2Ratio;\n\t\t\t\t\tconst chorusTap3 = chorusTap3A + (chorusTap3B - chorusTap3A) * chorusTap3Ratio;\n\t\t\t\t\tconst chorusTap4 = chorusTap4A + (chorusTap4B - chorusTap4A) * chorusTap4Ratio;\n\t\t\t\t\tconst chorusTap5 = chorusTap5A + (chorusTap5B - chorusTap5A) * chorusTap5Ratio;\n\t\t\t\t\tchorusDelayLineL[chorusDelayPos] = sampleL * delayInputMult;\n\t\t\t\t\tchorusDelayLineR[chorusDelayPos] = sampleR * delayInputMult;\n\t\t\t\t\tsampleL = chorusCombinedMult * (sampleL + chorusVoiceMult * (chorusTap1 - chorusTap0 - chorusTap2));\n\t\t\t\t\tsampleR = chorusCombinedMult * (sampleR + chorusVoiceMult * (chorusTap4 - chorusTap3 - chorusTap5));\n\t\t\t\t\tchorusDelayPos = (chorusDelayPos + 1) & chorusMask;\n\t\t\t\t\tchorusTap0Index += chorusTap0Delta;\n\t\t\t\t\tchorusTap1Index += chorusTap1Delta;\n\t\t\t\t\tchorusTap2Index += chorusTap2Delta;\n\t\t\t\t\tchorusTap3Index += chorusTap3Delta;\n\t\t\t\t\tchorusTap4Index += chorusTap4Delta;\n\t\t\t\t\tchorusTap5Index += chorusTap5Delta;\n\t\t\t\t\tchorusVoiceMult += chorusVoiceMultDelta;\n\t\t\t\t\tchorusCombinedMult += chorusCombinedMultDelta;"),d&&(t+="\n\t\t\t\t\t\n\t\t\t\t\tconst echoTapStartIndex = (echoDelayPos + echoDelayOffsetStart) & echoMask;\n\t\t\t\t\tconst echoTapEndIndex = (echoDelayPos + echoDelayOffsetEnd ) & echoMask;\n\t\t\t\t\tconst echoTapStartL = echoDelayLineL[echoTapStartIndex];\n\t\t\t\t\tconst echoTapEndL = echoDelayLineL[echoTapEndIndex];\n\t\t\t\t\tconst echoTapStartR = echoDelayLineR[echoTapStartIndex];\n\t\t\t\t\tconst echoTapEndR = echoDelayLineR[echoTapEndIndex];\n\t\t\t\t\tconst echoTapL = (echoTapStartL + (echoTapEndL - echoTapStartL) * echoDelayOffsetRatio) * echoMult;\n\t\t\t\t\tconst echoTapR = (echoTapStartR + (echoTapEndR - echoTapStartR) * echoDelayOffsetRatio) * echoMult;\n\t\t\t\t\t\n\t\t\t\t\techoShelfSampleL = echoShelfB0 * echoTapL + echoShelfB1 * echoShelfPrevInputL - echoShelfA1 * echoShelfSampleL;\n\t\t\t\t\techoShelfSampleR = echoShelfB0 * echoTapR + echoShelfB1 * echoShelfPrevInputR - echoShelfA1 * echoShelfSampleR;\n\t\t\t\t\techoShelfPrevInputL = echoTapL;\n\t\t\t\t\techoShelfPrevInputR = echoTapR;\n\t\t\t\t\tsampleL += echoShelfSampleL;\n\t\t\t\t\tsampleR += echoShelfSampleR;\n\t\t\t\t\t\n\t\t\t\t\techoDelayLineL[echoDelayPos] = sampleL * delayInputMult;\n\t\t\t\t\techoDelayLineR[echoDelayPos] = sampleR * delayInputMult;\n\t\t\t\t\techoDelayPos = (echoDelayPos + 1) & echoMask;\n\t\t\t\t\techoDelayOffsetRatio += echoDelayOffsetRatioDelta;\n\t\t\t\t\techoMult += echoMultDelta;\n "),m&&(t+="\n\t\t\t\t\t\n\t\t\t\t\t// Reverb, implemented using a feedback delay network with a Hadamard matrix and lowpass filters.\n\t\t\t\t\t// good ratios: 0.555235 + 0.618033 + 0.818 + 1.0 = 2.991268\n\t\t\t\t\t// Delay lengths: 3041 + 3385 + 4481 + 5477 = 16384 = 2^14\n\t\t\t\t\t// Buffer offsets: 3041 -> 6426 -> 10907 -> 16384\n\t\t\t\t\tconst reverbDelayPos1 = (reverbDelayPos + 3041) & reverbMask;\n\t\t\t\t\tconst reverbDelayPos2 = (reverbDelayPos + 6426) & reverbMask;\n\t\t\t\t\tconst reverbDelayPos3 = (reverbDelayPos + 10907) & reverbMask;\n\t\t\t\t\tconst reverbSample0 = (reverbDelayLine[reverbDelayPos]);\n\t\t\t\t\tconst reverbSample1 = reverbDelayLine[reverbDelayPos1];\n\t\t\t\t\tconst reverbSample2 = reverbDelayLine[reverbDelayPos2];\n\t\t\t\t\tconst reverbSample3 = reverbDelayLine[reverbDelayPos3];\n\t\t\t\t\tconst reverbTemp0 = -(reverbSample0 + sampleL) + reverbSample1;\n\t\t\t\t\tconst reverbTemp1 = -(reverbSample0 + sampleR) - reverbSample1;\n\t\t\t\t\tconst reverbTemp2 = -reverbSample2 + reverbSample3;\n\t\t\t\t\tconst reverbTemp3 = -reverbSample2 - reverbSample3;\n\t\t\t\t\tconst reverbShelfInput0 = (reverbTemp0 + reverbTemp2) * reverb;\n\t\t\t\t\tconst reverbShelfInput1 = (reverbTemp1 + reverbTemp3) * reverb;\n\t\t\t\t\tconst reverbShelfInput2 = (reverbTemp0 - reverbTemp2) * reverb;\n\t\t\t\t\tconst reverbShelfInput3 = (reverbTemp1 - reverbTemp3) * reverb;\n\t\t\t\t\treverbShelfSample0 = reverbShelfB0 * reverbShelfInput0 + reverbShelfB1 * reverbShelfPrevInput0 - reverbShelfA1 * reverbShelfSample0;\n\t\t\t\t\treverbShelfSample1 = reverbShelfB0 * reverbShelfInput1 + reverbShelfB1 * reverbShelfPrevInput1 - reverbShelfA1 * reverbShelfSample1;\n\t\t\t\t\treverbShelfSample2 = reverbShelfB0 * reverbShelfInput2 + reverbShelfB1 * reverbShelfPrevInput2 - reverbShelfA1 * reverbShelfSample2;\n\t\t\t\t\treverbShelfSample3 = reverbShelfB0 * reverbShelfInput3 + reverbShelfB1 * reverbShelfPrevInput3 - reverbShelfA1 * reverbShelfSample3;\n\t\t\t\t\treverbShelfPrevInput0 = reverbShelfInput0;\n\t\t\t\t\treverbShelfPrevInput1 = reverbShelfInput1;\n\t\t\t\t\treverbShelfPrevInput2 = reverbShelfInput2;\n\t\t\t\t\treverbShelfPrevInput3 = reverbShelfInput3;\n\t\t\t\t\treverbDelayLine[reverbDelayPos1] = reverbShelfSample0 * delayInputMult;\n\t\t\t\t\treverbDelayLine[reverbDelayPos2] = reverbShelfSample1 * delayInputMult;\n\t\t\t\t\treverbDelayLine[reverbDelayPos3] = reverbShelfSample2 * delayInputMult;\n\t\t\t\t\treverbDelayLine[reverbDelayPos ] = reverbShelfSample3 * delayInputMult;\n\t\t\t\t\treverbDelayPos = (reverbDelayPos + 1) & reverbMask;\n\t\t\t\t\tsampleL += reverbSample1 + reverbSample2 + reverbSample3;\n\t\t\t\t\tsampleR += reverbSample0 + reverbSample2 - reverbSample3;\n\t\t\t\t\treverb += reverbDelta;"),t+="\n\t\t\t\t\t\n\t\t\t\t\toutputDataL[sampleIndex] += sampleL * mixVolume;\n\t\t\t\t\toutputDataR[sampleIndex] += sampleR * mixVolume;\n\t\t\t\t\tmixVolume += mixVolumeDelta;",e&&(t+="\n\t\t\t\t\t\n\t\t\t\t\tdelayInputMult += delayInputMultDelta;"),t+="\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\tinstrumentState.mixVolume = mixVolume;\n\t\t\t\tinstrumentState.eqFilterVolume = eqFilterVolume;\n\t\t\t\t\n\t\t\t\t// Avoid persistent denormal or NaN values in the delay buffers and filter history.\n\t\t\t\tconst epsilon = (1.0e-24);",e&&(t+="\n\t\t\t\t\n\t\t\t\tinstrumentState.delayInputMult = delayInputMult;"),a&&(t+="\n\t\t\t\t\n\t\t\t\tinstrumentState.distortion = distortion;\n\t\t\t\tinstrumentState.distortionDrive = distortionDrive;\n\t\t\t\t\n\t\t\t\tif (!Number.isFinite(distortionFractionalInput1) || Math.abs(distortionFractionalInput1) < epsilon) distortionFractionalInput1 = 0.0;\n\t\t\t\tif (!Number.isFinite(distortionFractionalInput2) || Math.abs(distortionFractionalInput2) < epsilon) distortionFractionalInput2 = 0.0;\n\t\t\t\tif (!Number.isFinite(distortionFractionalInput3) || Math.abs(distortionFractionalInput3) < epsilon) distortionFractionalInput3 = 0.0;\n\t\t\t\tif (!Number.isFinite(distortionPrevInput) || Math.abs(distortionPrevInput) < epsilon) distortionPrevInput = 0.0;\n\t\t\t\tif (!Number.isFinite(distortionNextOutput) || Math.abs(distortionNextOutput) < epsilon) distortionNextOutput = 0.0;\n\t\t\t\t\n\t\t\t\tinstrumentState.distortionFractionalInput1 = distortionFractionalInput1;\n\t\t\t\tinstrumentState.distortionFractionalInput2 = distortionFractionalInput2;\n\t\t\t\tinstrumentState.distortionFractionalInput3 = distortionFractionalInput3;\n\t\t\t\tinstrumentState.distortionPrevInput = distortionPrevInput;\n\t\t\t\tinstrumentState.distortionNextOutput = distortionNextOutput;"),r&&(t+="\n\t\t\t\t\t\n\t\t\t\tif (Math.abs(bitcrusherPrevInput) < epsilon) bitcrusherPrevInput = 0.0;\n\t\t\t\tif (Math.abs(bitcrusherCurrentOutput) < epsilon) bitcrusherCurrentOutput = 0.0;\n\t\t\t\tinstrumentState.bitcrusherPrevInput = bitcrusherPrevInput;\n\t\t\t\tinstrumentState.bitcrusherCurrentOutput = bitcrusherCurrentOutput;\n\t\t\t\tinstrumentState.bitcrusherPhase = bitcrusherPhase;\n\t\t\t\tinstrumentState.bitcrusherPhaseDelta = bitcrusherPhaseDelta;\n\t\t\t\tinstrumentState.bitcrusherScale = bitcrusherScale;\n\t\t\t\tinstrumentState.bitcrusherFoldLevel = bitcrusherFoldLevel;"),h&&(t+="\n\t\t\t\t\t\n\t\t\t\tsynth.sanitizeFilters(filters);\n\t\t\t\t// The filter input here is downstream from another filter so we\n\t\t\t\t// better make sure it's safe too.\n\t\t\t\tif (!(initialFilterInput1 < 100) || !(initialFilterInput2 < 100)) {\n\t\t\t\t\tinitialFilterInput1 = 0.0;\n\t\t\t\t\tinitialFilterInput2 = 0.0;\n\t\t\t\t}\n\t\t\t\tif (Math.abs(initialFilterInput1) < epsilon) initialFilterInput1 = 0.0;\n\t\t\t\tif (Math.abs(initialFilterInput2) < epsilon) initialFilterInput2 = 0.0;\n\t\t\t\tinstrumentState.initialEqFilterInput1 = initialFilterInput1;\n\t\t\t\tinstrumentState.initialEqFilterInput2 = initialFilterInput2;"),c&&(t+="\n\t\t\t\t\n\t\t\t\tSynth.sanitizeDelayLine(panningDelayLine, panningDelayPos, panningMask);\n\t\t\t\tinstrumentState.panningDelayPos = panningDelayPos;\n\t\t\t\tinstrumentState.panningVolumeL = panningVolumeL;\n\t\t\t\tinstrumentState.panningVolumeR = panningVolumeR;\n\t\t\t\tinstrumentState.panningOffsetL = panningOffsetL;\n\t\t\t\tinstrumentState.panningOffsetR = panningOffsetR;"),l&&(t+="\n\t\t\t\t\n\t\t\t\tSynth.sanitizeDelayLine(chorusDelayLineL, chorusDelayPos, chorusMask);\n\t\t\t\tSynth.sanitizeDelayLine(chorusDelayLineR, chorusDelayPos, chorusMask);\n\t\t\t\tinstrumentState.chorusPhase = chorusPhase;\n\t\t\t\tinstrumentState.chorusDelayPos = chorusDelayPos;\n\t\t\t\tinstrumentState.chorusVoiceMult = chorusVoiceMult;\n\t\t\t\tinstrumentState.chorusCombinedMult = chorusCombinedMult;"),d&&(t+="\n\t\t\t\t\n\t\t\t\tSynth.sanitizeDelayLine(echoDelayLineL, echoDelayPos, echoMask);\n\t\t\t\tSynth.sanitizeDelayLine(echoDelayLineR, echoDelayPos, echoMask);\n\t\t\t\tinstrumentState.echoDelayPos = echoDelayPos;\n\t\t\t\tinstrumentState.echoMult = echoMult;\n\t\t\t\tinstrumentState.echoDelayOffsetRatio = echoDelayOffsetRatio;\n\t\t\t\t\n\t\t\t\tif (!Number.isFinite(echoShelfSampleL) || Math.abs(echoShelfSampleL) < epsilon) echoShelfSampleL = 0.0;\n\t\t\t\tif (!Number.isFinite(echoShelfSampleR) || Math.abs(echoShelfSampleR) < epsilon) echoShelfSampleR = 0.0;\n\t\t\t\tif (!Number.isFinite(echoShelfPrevInputL) || Math.abs(echoShelfPrevInputL) < epsilon) echoShelfPrevInputL = 0.0;\n\t\t\t\tif (!Number.isFinite(echoShelfPrevInputR) || Math.abs(echoShelfPrevInputR) < epsilon) echoShelfPrevInputR = 0.0;\n\t\t\t\tinstrumentState.echoShelfSampleL = echoShelfSampleL;\n\t\t\t\tinstrumentState.echoShelfSampleR = echoShelfSampleR;\n\t\t\t\tinstrumentState.echoShelfPrevInputL = echoShelfPrevInputL;\n\t\t\t\tinstrumentState.echoShelfPrevInputR = echoShelfPrevInputR;"),m&&(t+="\n\t\t\t\t\n\t\t\t\tSynth.sanitizeDelayLine(reverbDelayLine, reverbDelayPos , reverbMask);\n\t\t\t\tSynth.sanitizeDelayLine(reverbDelayLine, reverbDelayPos + 3041, reverbMask);\n\t\t\t\tSynth.sanitizeDelayLine(reverbDelayLine, reverbDelayPos + 6426, reverbMask);\n\t\t\t\tSynth.sanitizeDelayLine(reverbDelayLine, reverbDelayPos + 10907, reverbMask);\n\t\t\t\tinstrumentState.reverbDelayPos = reverbDelayPos;\n\t\t\t\tinstrumentState.reverbMult = reverb;\n\t\t\t\t\n\t\t\t\tif (!Number.isFinite(reverbShelfSample0) || Math.abs(reverbShelfSample0) < epsilon) reverbShelfSample0 = 0.0;\n\t\t\t\tif (!Number.isFinite(reverbShelfSample1) || Math.abs(reverbShelfSample1) < epsilon) reverbShelfSample1 = 0.0;\n\t\t\t\tif (!Number.isFinite(reverbShelfSample2) || Math.abs(reverbShelfSample2) < epsilon) reverbShelfSample2 = 0.0;\n\t\t\t\tif (!Number.isFinite(reverbShelfSample3) || Math.abs(reverbShelfSample3) < epsilon) reverbShelfSample3 = 0.0;\n\t\t\t\tif (!Number.isFinite(reverbShelfPrevInput0) || Math.abs(reverbShelfPrevInput0) < epsilon) reverbShelfPrevInput0 = 0.0;\n\t\t\t\tif (!Number.isFinite(reverbShelfPrevInput1) || Math.abs(reverbShelfPrevInput1) < epsilon) reverbShelfPrevInput1 = 0.0;\n\t\t\t\tif (!Number.isFinite(reverbShelfPrevInput2) || Math.abs(reverbShelfPrevInput2) < epsilon) reverbShelfPrevInput2 = 0.0;\n\t\t\t\tif (!Number.isFinite(reverbShelfPrevInput3) || Math.abs(reverbShelfPrevInput3) < epsilon) reverbShelfPrevInput3 = 0.0;\n\t\t\t\tinstrumentState.reverbShelfSample0 = reverbShelfSample0;\n\t\t\t\tinstrumentState.reverbShelfSample1 = reverbShelfSample1;\n\t\t\t\tinstrumentState.reverbShelfSample2 = reverbShelfSample2;\n\t\t\t\tinstrumentState.reverbShelfSample3 = reverbShelfSample3;\n\t\t\t\tinstrumentState.reverbShelfPrevInput0 = reverbShelfPrevInput0;\n\t\t\t\tinstrumentState.reverbShelfPrevInput1 = reverbShelfPrevInput1;\n\t\t\t\tinstrumentState.reverbShelfPrevInput2 = reverbShelfPrevInput2;\n\t\t\t\tinstrumentState.reverbShelfPrevInput3 = reverbShelfPrevInput3;"),t+="}",f=new Function("Config","Synth",t)(p,Jt),Jt.effectsFunctionCache[u]=f}f(t,e,n,i,o,s)}static pulseWidthSynth(t,e,n,i,o){const s=t.tempMonoInstrumentSampleBuffer;let a=i.phaseDeltas[0];const r=+i.phaseDeltaScales[0];let h=+i.expression;const c=+i.expressionDelta;let l=i.phases[0]%1,p=i.pulseWidth;const d=i.pulseWidthDelta,m=i.noteFilters,u=0|i.noteFilterCount;let f=+i.initialNoteFilterInput1,y=+i.initialNoteFilterInput2;const b=Jt.applyFilters,g=e+n;for(let t=e;t1-a){i+=.5*((x=(e-1)/a)+x+x*x+1)}if(n1-a){var x;i-=.5*((x=(n-1)/a)+x+x*x+1)}}const g=i,w=b(g,f,y,u,m);y=f,f=g,l+=a,a*=r,p+=d;const k=w*h;h+=c,s[t]+=k}i.phases[0]=l,i.phaseDeltas[0]=a,i.expression=h,i.pulseWidth=p,t.sanitizeFilters(m),i.initialNoteFilterInput1=f,i.initialNoteFilterInput2=y}static supersawSynth(t,e,n,i,o){const s=t.tempMonoInstrumentSampleBuffer,a=0|p.supersawVoiceCount;let r=i.phaseDeltas[0];const h=+i.phaseDeltaScales[0];let c=+i.expression;const l=+i.expressionDelta;let d=i.phases,m=+i.supersawDynamism;const u=+i.supersawDynamismDelta,f=i.supersawUnisonDetunes;let y=+i.supersawShape;const b=+i.supersawShapeDelta;let g=+i.supersawDelayLength;const x=+i.supersawDelayLengthDelta,w=i.supersawDelayLine,k=w.length-1>>0;let v=0|i.supersawDelayIndex;v=(v&k)+w.length;const F=i.noteFilters,S=0|i.noteFilterCount;let M=+i.initialNoteFilterInput1,E=+i.initialNoteFilterInput2;const B=Jt.applyFilters,C=e+n;for(let t=e;t1-r){var A;n-=.5*((A=(e-1)/r)+A+A*A+1)}d[0]=e;for(let t=1;t1-e){const t=(i-1)/e;n-=.5*(t+t+t*t+1)*m}d[t]=i}w[v&k]=n;const i=v-g,p=0|i,C=p+1,z=i-p,T=w[p&k];v++;const I=n-(T+(w[C&k]-T)*z)*y,D=B(I,M,E,S,F);E=M,M=I,r*=h,m+=u,y+=b,g+=x;const P=D*c;c+=l,s[t]+=P}i.phaseDeltas[0]=r,i.expression=c,i.supersawDynamism=m,i.supersawShape=y,i.supersawDelayLength=g,i.supersawDelayIndex=v,t.sanitizeFilters(F),i.initialNoteFilterInput1=M,i.initialNoteFilterInput2=E}static noiseSynth(t,e,n,i,o){const s=t.tempMonoInstrumentSampleBuffer,a=o.wave;let r=+i.phaseDeltas[0];const h=+i.phaseDeltaScales[0];let c=+i.expression;const l=+i.expressionDelta;let d=i.phases[0]%1*p.chipNoiseLength;0==i.phases[0]&&(d=Math.random()*p.chipNoiseLength);const m=p.chipNoiseLength-1;let u=+i.noiseSample;const f=i.noteFilters,y=0|i.noteFilterCount;let b=+i.initialNoteFilterInput1,g=+i.initialNoteFilterInput2;const x=Jt.applyFilters,w=Math.min(1,r*o.noisePitchFilterMult),k=e+n;for(let t=e;tt.song.channels[o.modChannels[s]].instruments.length?null!=t.song.getPattern(o.modChannels[s],t.bar)&&(r=t.song.getPattern(o.modChannels[s],t.bar).instruments):r.push(o.modInstruments[s]);for(let e=0;eMath.floor((e-1)/2)&&(e%2?a.tmpEqFilterEnd.controlPoints[Math.floor((e-1)/2)].freq=i.expression+i.expressionDelta:a.tmpEqFilterEnd.controlPoints[Math.floor((e-1)/2)].gain=i.expression+i.expressionDelta)}}}else if(a==p.modulators.dictionary["note filter"].index){const a=t.song.channels[o.modChannels[s]].instruments[r[e]];if(!a.noteFilterType){let e=0|o.modFilterTypes[s];if(0==e){let e=0;const o=t.getTicksIntoBar()/p.ticksPerPart;for(;i.note.start+i.note.pins[e].time<=o;)e++;let s=(o-i.note.start+n/(t.getSamplesPerTick()*p.ticksPerPart)*p.ticksPerPart-i.note.pins[e-1].time)/(i.note.pins[e].time-i.note.pins[e-1].time);null!=a.noteSubFilters[i.note.pins[e-1].size]||null!=a.noteSubFilters[i.note.pins[e].size]?a.tmpNoteFilterEnd=Rt.lerpFilters(a.noteSubFilters[i.note.pins[e-1].size],a.noteSubFilters[i.note.pins[e].size],s):a.tmpNoteFilterEnd=a.noteFilter}else{for(let t=0;tMath.floor((e-1)/2)&&(e%2?a.tmpNoteFilterEnd.controlPoints[Math.floor((e-1)/2)].freq=i.expression+i.expressionDelta:a.tmpNoteFilterEnd.controlPoints[Math.floor((e-1)/2)].gain=i.expression+i.expressionDelta)}}}}}static findRandomZeroCrossing(t,e){let n=Math.random()*e;const i=e-1;let o=n&i,s=t[o];for(let a=128;a>0;a--){const a=o+16&i,r=t[a];if(s*r<=0){for(let a=0;a<16;a++){const a=o+1&i,r=t[a];if(s*r<=0){const t=r-s;n=o,Math.abs(t)>1e-8&&(n+=-s/t),n=Math.max(0,n)%e;break}o=a,s=r}break}o=a,s=r}return n}static instrumentVolumeToVolumeMult(t){return t==-p.volumeRange/2?0:Math.pow(2,p.volumeLogScale*t)}static volumeMultToInstrumentVolume(t){return t<=0?-p.volumeRange/2:Math.min(p.volumeRange,Math.log(t)/Math.LN2/p.volumeLogScale)}static noteSizeToVolumeMult(t){return Math.pow(Math.max(0,t)/p.noteSizeMax,1.5)}static volumeMultToNoteSize(t){return Math.pow(Math.max(0,t),1/1.5)*p.noteSizeMax}static fadeInSettingToSeconds(t){return.0125*(.95*t+.05*t*t)}static secondsToFadeInSetting(t){return yt(0,p.fadeInRange,Math.round((-.95+Math.sqrt(.9025+.2*t/.0125))/.1))}static fadeOutSettingToTicks(t){return p.fadeOutTicks[t]}static ticksToFadeOutSetting(t){let e=p.fadeOutTicks[0];if(t<=e)return 0;for(let n=1;n=ft))break;t[i]=0}}static applyFilters(t,e,n,i,o){for(let s=0;s0?this.ce[0]:null}append(t){t.isNoop()||(this.ce[this.ce.length]=t,this.ie())}ae(){for(let t=0;t=0;t--)this.ce[t].undo()}isCommitted(){return this.le}commit(){this.le=!0}}function te(t,e){const n=t.every((t=>-1!=e.indexOf(t))),i=e.every((e=>-1!=t.indexOf(e)));return n&&i&&e.length==t.length}function ee(t,e,n){const i=new Set(t);t.length=0,t.push(...i);for(let i=0;i=e.channels[n].instruments.length&&(t.splice(i,1),i--);t.length>e.getMaxInstrumentsPerPattern(n)&&(t.length=e.getMaxInstrumentsPerPattern(n)),t.length<=0&&(t[0]=0)}function ne(t,e){for(const n of t.notes)for(const t of n.pitches)for(const i of n.pins){const n=(t+i.interval)%12;e[n]||(e[n]=!0)}}function ie(t){for(let e=1;e=t.pins.length)throw new Error("Error converting pins in note overflow.");const a=t.pins[n+1],r=a.time+e;if(r>0){const t=-o/(r-o);s.pins.push(Ct(Math.round(i.interval+t*(a.interval-i.interval)),0,Math.round(i.size+t*(a.size-i.size))))}}else if(o<=a)s.pins.push(Ct(i.interval,o,i.size));else{if(n<1)throw new Error("Error converting pins in note overflow.");const r=t.pins[n-1],h=r.time+e;if(h0&&t.continuesLastPattern){const t=o[o.length-1];if(t.end==s.start&&Jt.adjacentNotesHaveMatchingPitches(t,s)){h=!0;const e=t.pins[t.pins.length-1].interval,n=t.end-t.start;for(let i=1;i=7&&(n=!0)}n||re(t)}function he(t){let e=new Float32Array(64),n=!1,i=Math.round(15*Math.random()+15),o=Math.round(3*Math.random()+1),s=Math.round(13*Math.random()+2);for(let t=0;t<64;t++){let n=ae(se(t,i),(t=>1),s);e[t]=yt(-24,25,Math.round(se(24*ae(t,(t=>n),Math.round(i/o)),24.0000000000001)))}for(let i=0;i<64;i++){t[i]=e[i];let o=1/0,s=-1/0;for(let e=0;e<64;e++)o=Math.min(o,t[e]),s=Math.max(s,t[e]);s-o>=7&&(n=!0)}n||he(t)}function ce(t){let e=new Float32Array(64),n=!1;const i=2*Math.random()+1|0;if(1==i){let t=3*Math.random(),n=.99*Math.random()-1,i=9*Math.random()+2,o=2*Math.random()-1;for(let s=0;s<64;s++)e[s]=yt(-24,25,2*Math.round(Math.abs(o*se(n/i*i+ae(s/(t*t),(t=>i),t*-n)*o,24)))-24)}else if(2==i){let t=3*Math.random(),n=2*Math.random()-1,i=100*Math.random();for(let o=0;o<64;o++)e[o]=yt(-24,25,se(Math.round(24*se(ae(o/t,(e=>t*i),0),25+n)),48)-24)}for(let i=0;i<64;i++){t[i]=e[i];let o=1/0,s=-1/0;for(let e=0;e<64;e++)o=Math.min(o,t[e]),s=Math.max(s,t[e]);s-o>=7&&(n=!0)}n||ce(t)}function le(t){let e=new Float32Array(64),n=!1;for(let t=0;t<64;t++){const n=2*Math.random()-1,i=6,o=n>0?Math.pow(n,i):-Math.pow(-n,i);e[t]=yt(-24,25,Math.floor(24*o))}for(let i=0;i<64;i++){t[i]=e[i];let o=1/0,s=-1/0;for(let e=0;e<64;e++)o=Math.min(o,t[e]),s=Math.max(s,t[e]);s-o>=7&&(n=!0)}n||le(t)}function pe(t){let e=new Float32Array(64);for(let t=0;t<64;t++)e[t]=yt(-24,25,(48*Math.random()|0)-24);for(let n=0;n<64;n++)t[n]=e[n]}class de extends Zt{constructor(t,e,n){super();const i=[],o=[],s=[];for(let a=0;a=this.be[t+1].time?this.be.splice(t,1):t++;ie(this.be);const e=this.be[0].interval,n=this.be[0].time;for(let t=0;t=2),n.volume=e,n.pan=i,n.panDelay=s,n.effects=4|n.effects}n.preset=e,t.notifier.changed(),this.ie()}}}class be extends Yt{constructor(t){function e(t){let e=0;for(const n of t)e+=n.weight;let n=Math.random()*e;for(const e of t)if(n-=e.weight,n<=0)return e.item;return t[Math.random()*t.length|0].item}function n(t,n,i,o){const s=[];for(let e=t;e<=n;e++)s.push({item:e,weight:1/(Math.pow((e-i)/o,2)+1)});return e(s)}super();class i{constructor(t,e,n,i,o,s){this.chance=t,this.type=e,this.minFreq=n,this.maxFreq=i,this.centerHz=o,this.centerGain=s}}function o(t,e){t.reset();const i=[];for(const o of e){if(Math.random()>o.chance)continue;const e=new Nt;e.type=o.type,e.freq=n(o.minFreq,o.maxFreq,Nt.getRoundedSettingValueFromHz(o.centerHz),1/p.filterFreqStep),e.gain=n(0,p.filterGainRange-1,p.filterGainCenter+o.centerGain,2/p.filterGainStep),2==e.type&&e.gain==p.filterGainCenter||(i.includes(e.freq)||(i.push(e.freq),t.controlPoints[t.controlPointCount]=e,t.controlPointCount++))}}const s=t.song.getChannelIsNoise(t.channel),a=t.song.channels[t.channel].instruments[t.getCurrentInstrument()];a.effects=4,a.aliases=!1,a.envelopeCount=0;const r=Nt.getRoundedSettingValueFromHz(700),h=p.filterFreqRange-1;if(o(a.eqFilter,[new i(.8,0,r,h,4e3,-1),new i(.4,1,0,r-1,250,-1),new i(.5,2,0,h,2e3,0),new i(.4,2,0,h,1400,0),new i(.3,2,0,h,1e3,0),new i(.2,2,0,h,500,0)]),s){const c=e([{item:2,weight:3},{item:3,weight:3},{item:4,weight:1}]);function l(t){let e=0;for(const n of t)n>e&&(e=n);for(let n=0;n>1,2),a.vibrato=p.vibratos.dictionary[e([{item:"light",weight:2},{item:"delayed",weight:2},{item:"heavy",weight:1},{item:"shaky",weight:2}])].index),Math.random()<.8&&(a.effects|=32,o(a.noteFilter,[new i(1,0,r,h,8e3,-1)]),a.addEnvelope(p.instrumentAutomationTargets.dictionary.noteFilterAllFreqs.index,0,p.envelopes.dictionary[e([{item:"punch",weight:4},{item:"flare 1",weight:2},{item:"flare 2",weight:2},{item:"flare 3",weight:2},{item:"twang 1",weight:8},{item:"twang 2",weight:8},{item:"twang 3",weight:8},{item:"swell 1",weight:2},{item:"swell 2",weight:2},{item:"swell 3",weight:1},{item:"tremolo1",weight:1},{item:"tremolo2",weight:1},{item:"tremolo3",weight:1},{item:"tremolo4",weight:1},{item:"tremolo5",weight:1},{item:"tremolo6",weight:1},{item:"decay 1",weight:4},{item:"decay 2",weight:4},{item:"decay 3",weight:4},{item:"wibble 1",weight:2},{item:"wibble 2",weight:2},{item:"wibble 3",weight:2},{item:"linear 1",weight:2},{item:"linear 2",weight:2},{item:"linear 3",weight:2},{item:"linear-1",weight:1}])].index)),Math.random()<.1&&(a.effects|=8,a.distortion=n(1,p.distortionRange-1,p.distortionRange-1,2)),Math.random()<.1&&(a.effects|=16,a.bitcrusherFreq=n(0,p.bitcrusherFreqRange-1,p.bitcrusherFreqRange>>1,2),a.bitcrusherQuantization=n(0,p.bitcrusherQuantizationRange-1,p.bitcrusherQuantizationRange>>1,2)),Math.random()<.1&&(a.effects|=2,a.chorus=n(1,p.chorusRange-1,p.chorusRange-1,1)),Math.random()<.1&&(a.echoSustain=n(0,p.echoSustainRange-1,p.echoSustainRange>>1,2),a.echoDelay=n(0,p.echoDelayRange-1,p.echoDelayRange>>1,2),0==a.echoSustain&&0==a.echoDelay||(a.effects|=64)),Math.random()<.5&&(a.effects|=1,a.reverb=n(1,p.reverbRange-1,1,1)),2!=c&&3!=c||(a.unison=p.unisons.dictionary[e([{item:"none",weight:100},{item:"shimmer",weight:10},{item:"hum",weight:8},{item:"honky tonk",weight:6},{item:"dissonant",weight:2},{item:"fifth",weight:4},{item:"octave",weight:5},{item:"bowed",weight:4},{item:"piano",weight:10},{item:"warbled",weight:5},{item:"hecking gosh",weight:3},{item:"spinner",weight:6},{item:"detune",weight:4},{item:"rising",weight:2},{item:"vibrate",weight:3},{item:"bass",weight:2},{item:"recurve",weight:3},{item:"inject",weight:2},{item:"FART",weight:1}])].index,a.unison!=p.unisons.dictionary.none.index&&Math.random()>.4&&a.addEnvelope(p.instrumentAutomationTargets.dictionary.unison.index,0,p.envelopes.dictionary[e([{item:"twang -1",weight:3},{item:"twang 1",weight:3},{item:"twang 2",weight:2},{item:"swell 1",weight:1},{item:"decay -1",weight:3},{item:"decay 1",weight:3},{item:"decay 2",weight:2},{item:"wibble-1",weight:2},{item:"wibble 1",weight:2},{item:"wibble 2",weight:1},{item:"wibble 3",weight:1},{item:"linear-2",weight:2},{item:"linear-1",weight:2},{item:"linear 1",weight:2},{item:"linear 2",weight:1},{item:"linear 3",weight:1},{item:"rise 1",weight:1},{item:"rise 2",weight:1}])].index)),c){case 2:a.chipNoise=Math.random()*p.chipNoises.length|0;break;case 3:{const d=[()=>{const t=[];for(let e=0;e{let t=1;const e=[t];for(let n=1;n{let t=1;const e=[t];for(let n=1;ne&&(e=n);for(let n=0;n>1,2),a.vibrato=p.vibratos.dictionary[e([{item:"light",weight:2},{item:"delayed",weight:2},{item:"heavy",weight:1},{item:"shaky",weight:2}])].index),Math.random()<.1&&(a.effects|=8,a.distortion=n(1,p.distortionRange-1,p.distortionRange-1,2)),C(a.effects)&&Math.random()<.8?(a.effects|=32,o(a.noteFilter,[new i(1,0,r,h,2e3,-1),new i(.9,1,0,r-1,500,-1),new i(.4,2,0,h,1400,0)])):Math.random()<.5&&(a.effects|=32,o(a.noteFilter,[new i(1,0,r,h,8e3,-1)]),a.addEnvelope(p.instrumentAutomationTargets.dictionary.noteFilterAllFreqs.index,0,p.envelopes.dictionary[e([{item:"punch",weight:6},{item:"flare -1",weight:1},{item:"flare 1",weight:2},{item:"flare 2",weight:4},{item:"flare 3",weight:2},{item:"twang -1",weight:1},{item:"twang 1",weight:2},{item:"twang 2",weight:4},{item:"twang 3",weight:4},{item:"swell -1",weight:4},{item:"swell 1",weight:4},{item:"swell 2",weight:2},{item:"swell 3",weight:1},{item:"tremolo0",weight:1},{item:"tremolo1",weight:1},{item:"tremolo2",weight:1},{item:"tremolo3",weight:1},{item:"tremolo4",weight:1},{item:"tremolo5",weight:1},{item:"tremolo6",weight:1},{item:"decay -1",weight:1},{item:"decay 1",weight:1},{item:"decay 2",weight:2},{item:"decay 3",weight:2},{item:"wibble-1",weight:2},{item:"wibble 1",weight:4},{item:"wibble 2",weight:4},{item:"wibble 3",weight:4},{item:"linear-2",weight:1},{item:"linear-1",weight:1},{item:"linear 1",weight:2},{item:"linear 2",weight:3},{item:"linear 3",weight:2},{item:"rise -2",weight:4},{item:"rise -1",weight:4},{item:"rise 1",weight:3},{item:"rise 2",weight:2},{item:"rise 3",weight:1}])].index)),Math.random()<.1&&(a.effects|=16,a.bitcrusherFreq=n(0,p.bitcrusherFreqRange-1,0,2),a.bitcrusherQuantization=n(0,p.bitcrusherQuantizationRange-1,p.bitcrusherQuantizationRange>>1,2)),Math.random()<.1&&(a.effects|=2,a.chorus=n(1,p.chorusRange-1,p.chorusRange-1,1)),Math.random()<.1&&(a.echoSustain=n(0,p.echoSustainRange-1,p.echoSustainRange>>1,2),a.echoDelay=n(0,p.echoDelayRange-1,p.echoDelayRange>>1,2),0==a.echoSustain&&0==a.echoDelay||(a.effects|=64)),Math.random()<.5&&(a.effects|=1,a.reverb=n(1,p.reverbRange-1,1,1)),w){case 0:a.chipWave=Math.random()*p.chipWaves.length|0,a.isUsingAdvancedLoopControls=!1,a.chipWaveLoopStart=0,a.chipWaveLoopEnd=p.rawRawChipWaves[a.chipWave].samples.length-1,a.chipWaveLoopMode=0,a.chipWavePlayBackwards=!1,a.chipWaveStartOffset=0;break;case 6:case 8:8==w&&(a.supersawDynamism=n(0,p.supersawDynamismMax,p.supersawDynamismMax,2),a.supersawSpread=n(0,p.supersawSpreadMax,Math.ceil(p.supersawSpreadMax/3),4),a.supersawShape=n(0,p.supersawShapeMax,0,4)),a.pulseWidth=n(0,p.pulseWidthRange-1,p.pulseWidthRange-1,2),a.decimalOffset=0,Math.random()<.6&&a.addEnvelope(p.instrumentAutomationTargets.dictionary.pulseWidth.index,0,p.envelopes.dictionary[e([{item:"punch",weight:6},{item:"flare -1",weight:1},{item:"flare 1",weight:2},{item:"flare 2",weight:4},{item:"flare 3",weight:2},{item:"twang -1",weight:1},{item:"twang 1",weight:2},{item:"twang 2",weight:4},{item:"twang 3",weight:4},{item:"swell -1",weight:4},{item:"swell 1",weight:4},{item:"swell 2",weight:2},{item:"swell 3",weight:1},{item:"tremolo0",weight:1},{item:"tremolo1",weight:1},{item:"tremolo2",weight:1},{item:"tremolo3",weight:1},{item:"tremolo4",weight:1},{item:"tremolo5",weight:1},{item:"tremolo6",weight:1},{item:"decay -1",weight:1},{item:"decay 1",weight:1},{item:"decay 2",weight:2},{item:"decay 3",weight:2},{item:"wibble-1",weight:2},{item:"wibble 1",weight:4},{item:"wibble 2",weight:4},{item:"wibble 3",weight:4},{item:"linear-2",weight:1},{item:"linear-1",weight:1},{item:"linear 1",weight:2},{item:"linear 2",weight:3},{item:"linear 3",weight:2},{item:"rise -2",weight:4},{item:"rise -1",weight:4},{item:"rise 1",weight:3},{item:"rise 2",weight:2},{item:"rise 3",weight:1}])].index);break;case 8:8==w&&(a.supersawDynamism=n(0,p.supersawDynamismMax,p.supersawDynamismMax,2),a.supersawSpread=n(0,p.supersawSpreadMax,Math.ceil(p.supersawSpreadMax/3),4),a.supersawShape=n(0,p.supersawShapeMax,0,4)),a.pulseWidth=n(0,p.pulseWidthRange-1,p.pulseWidthRange-1,2),Math.random()<.6&&a.addEnvelope(p.instrumentAutomationTargets.dictionary.pulseWidth.index,0,p.envelopes.dictionary[e([{item:"punch",weight:6},{item:"flare -1",weight:1},{item:"flare 1",weight:2},{item:"flare 2",weight:4},{item:"flare 3",weight:2},{item:"twang -1",weight:1},{item:"twang 1",weight:2},{item:"twang 2",weight:4},{item:"twang 3",weight:4},{item:"swell -1",weight:4},{item:"swell 1",weight:4},{item:"swell 2",weight:2},{item:"swell 3",weight:1},{item:"tremolo0",weight:1},{item:"tremolo1",weight:1},{item:"tremolo2",weight:1},{item:"tremolo3",weight:1},{item:"tremolo4",weight:1},{item:"tremolo5",weight:1},{item:"tremolo6",weight:1},{item:"decay -1",weight:1},{item:"decay 1",weight:1},{item:"decay 2",weight:2},{item:"decay 3",weight:2},{item:"wibble-1",weight:2},{item:"wibble 1",weight:4},{item:"wibble 2",weight:4},{item:"wibble 3",weight:4},{item:"linear-2",weight:1},{item:"linear-1",weight:1},{item:"linear 1",weight:2},{item:"linear 2",weight:3},{item:"linear 3",weight:2},{item:"rise -2",weight:4},{item:"rise -1",weight:4},{item:"rise 1",weight:3},{item:"rise 2",weight:2},{item:"rise 3",weight:1}])].index),a.envelopeCount{const t=[];for(let e=0;e{let t=1;const e=[t];for(let n=1;n{let t=1;const e=[t];for(let n=1;nt.song.patternsPerChannel)throw new Error("invalid pattern");for(let a=n;a=t.song.pitchChannelCount+t.song.noiseChannelCount){const e=t.getCurrentPattern();t.viewedInstrument[i]=null!=e?e.instruments[0]:0}t.notifier.changed()}}class ke extends Yt{constructor(t,e,n){if(super(),t.song.barCount!=e){for(const i of t.song.channels)if(n){for(;i.bars.lengthe&&i.bars.splice(0,t.song.barCount-e)}else{for(;i.bars.length0)&&(t.barScrollPos=Math.max(0,t.barScrollPos+n)),t.song.loopStart=Math.max(0,t.song.loopStart+n)}t.bar=Math.min(t.bar,e-1),t.song.loopLength=Math.min(e,t.song.loopLength),t.song.loopStart=Math.min(e-t.song.loopLength,t.song.loopStart),t.song.barCount=e,t.notifier.changed(),this.ie()}}}class ve extends Yt{constructor(t,e,n){super();const i=Math.min(p.barCountMax,t.song.barCount+n);if(0!=(n=i-t.song.barCount)){for(const n of t.song.channels)for(;n.bars.length=e?t.song.loopStart+=n:t.song.loopStart+t.song.loopLength>=e&&(t.song.loopLength+=n),t.notifier.changed(),this.ie()}}}class Fe extends Yt{constructor(t,e,n){super();for(const i of t.song.channels)i.bars.splice(e,n),0==i.bars.length&&i.bars.push(0);t.song.barCount=Math.max(1,t.song.barCount-n),t.bar=Math.max(0,t.bar-n),t.barScrollPos=Math.max(0,t.barScrollPos-n),t.song.loopStart>=e?t.song.loopStart=Math.max(0,t.song.loopStart-n):t.song.loopStart+t.song.loopLength>e&&(t.song.loopLength-=n),t.song.loopLength=Math.max(1,Math.min(t.song.barCount-t.song.loopStart,t.song.loopLength)),t.notifier.changed(),this.ie()}}class Se extends Yt{constructor(t,e,n,i,o,s,a,r){super(),t.song.limitRatio=e,t.song.compressionRatio=n,t.song.limitThreshold=i,t.song.compressionThreshold=o,t.song.limitRise=s,t.song.limitDecay=a,t.song.masterGain=r,t.notifier.changed(),this.ie()}}class Me extends Yt{constructor(t,e,n,i){super(),t.song.channels.splice(e+i,0,...t.song.channels.splice(e,n-e+1)),n=Math.max(n,e);for(let o=t.song.pitchChannelCount+t.song.noiseChannelCount;o=e&&a.modChannels[t]<=n?a.modChannels[t]+=i:a.modChannels[t]>=e+i&&a.modChannels[t]<=n+i&&(a.modChannels[t]-=i*(n-e+1))}t.notifier.changed(),this.ie()}}class Ee extends Yt{constructor(t,e){super();for(let n=0;n=2),i.preset=e,i.effects|=4}o[e].instruments[n]=i}for(let n=0;n=t.song.pitchChannelCount&&m=t.song.pitchChannelCount+t.song.noiseChannelCount)&&(d.modulators[l]=p.modulators.dictionary.none.index),m>=a&&a=e&&this.append(new Me(t,e,i-1,1)),t.synth.computeLatestModValues(),t.recalcChannelNames=!0}}}class Ae extends Zt{constructor(t,e,n){super();const i=n;for(let n=t.song.pitchChannelCount+t.song.noiseChannelCount;n=e&&s.modChannels[n]<=i?this.append(new Vn(t,n,0,s)):s.modChannels[n]>i&&this.append(new Vn(t,n,s.modChannels[n]-(i-e+1)+2,s))}for(;n>=e;){const e=t.song.getChannelIsNoise(n),i=t.song.getChannelIsMod(n);t.song.channels.splice(n,1),e?t.song.noiseChannelCount--:i?t.song.modChannelCount--:t.song.pitchChannelCount--,n--}t.song.pitchChannelCounti&&a--:e.controlPointCount<=1&&(n=p.instrumentAutomationTargets.dictionary.none.index,a=0))}this.Ee.push(n),this.Be.push(a)}this.ie(),this.redo()}ae(){this.ze.controlPoints.splice(this.Tt,0,this.Te),this.ze.controlPointCount++,this.ze.controlPoints.length=this.ze.controlPointCount,this.Fe.preset=this.Ce;for(let t=0;t=o)return;const s=si(n),a=O.valueToPreset(s),r=new $t(n,i);r.fromJsonObject(a.settings,n,i,!1,!1,1),r.preset=s,r.effects|=4,r.volume=0,e.instruments.push(r),i||(t.viewedInstrument[t.channel]=e.instruments.length-1);for(let e=t.song.pitchChannelCount+t.song.noiseChannelCount;e=t.song.channels[a].instruments.length-1&&o.modInstruments[i]++}t.synth.computeLatestModValues(),t.notifier.changed(),this.ie()}}class Dn extends Yt{constructor(t){super();const e=t.song.channels[t.channel];if(e.instruments.length<=p.instrumentCountMin)return;const n=t.viewedInstrument[t.channel];if(e.instruments.splice(n,1),t.song.patternInstruments)for(const t of e.patterns){for(let e=0;en&&t.instruments[e]--;t.instruments.length<=0&&(t.instruments[0]=0)}for(let e=t.song.pitchChannelCount+t.song.noiseChannelCount;en?s.modInstruments[o]--:a==n&&(s.modInstruments[o]=0,s.modulators[o]=0))}t.notifier.changed(),this.ie()}}class Pn extends Yt{constructor(t,e){super(),t.viewedInstrument[t.channel]!=e&&(t.viewedInstrument[t.channel]=e,t.channel>=t.song.pitchChannelCount+t.song.noiseChannelCount&&(t.recentPatternInstruments[t.channel]=[e]),t.notifier.changed(),this.ie())}}class Ln extends Yt{constructor(t,e,n){super();const i=t.song.layeredInstruments,o=t.song.patternInstruments;if(i!=e||o!=n){t.song.layeredInstruments=e,t.song.patternInstruments=n;for(let e=0;et.song.getMaxInstrumentsPerChannel()&&(i.instruments.length=t.song.getMaxInstrumentsPerChannel());for(let s=0;si)throw new Error;a=t+1}else if(e.notes[t].start=o)break;const h=new At(s.pitches[0],n,r,s.pins[0].size,!1);h.pitches.length=0;for(const t of s.pitches)h.pitches.push(t);h.pins.length=0;for(const t of s.pins)h.pins.push(Ct(t.interval,t.time,t.size));h.continuesLastPattern=!0===s.continuesLastPattern&&0==h.start,e.notes.splice(a++,0,h),h.end>o&&this.append(new xi(t,h,h.start,o))}i+=s}null!=e&&t.song.getChannelIsMod(t.channel)&&e.notes.sort((function(t,e){return t.start==e.start?t.pitches[0]-e.pitches[0]:t.start-e.start})),t.notifier.changed(),this.ie()}}class Hn extends Zt{constructor(t,e,n){super(),e.fromJsonObject(n,n.isDrum,n.isMod,!1,!1),t.notifier.changed(),this.ie()}}class Wn extends Zt{constructor(t,e,n){super();let i=new $t(n.isDrum,n.isMod);i.fromJsonObject(n,n.isDrum,n.isMod,!1,!1),e.instruments.push(i),this.ie(),t.notifier.changed()}}class Gn extends Yt{constructor(t,e,n,i){super(),te(n,i.instruments)||(i.instruments.length=0,i.instruments.push(...n),ee(i.instruments,t.song,e),this.ie(),t.notifier.changed())}}class Vn extends Yt{constructor(t,e,n,i){super();let o=t.song.channels[t.channel].instruments[t.getCurrentInstrument()];null!=i&&(o=i),(0==n||p.modulators[o.modulators[e]].forSong&&n>=2||!p.modulators[o.modulators[e]].forSong&&n<2)&&(o.modulators[e]=p.modulators.dictionary.none.index),o.modChannels[e]=n-2,t.notifier.changed(),this.ie()}}class jn extends Yt{constructor(t,e,n){super();let i=t.song.channels[t.channel].instruments[t.getCurrentInstrument()];i.modInstruments[e]!=n&&(i.modInstruments[e]=n,t.notifier.changed(),this.ie())}}class Un extends Yt{constructor(t,e,n){super();let i=t.song.channels[t.channel].instruments[t.getCurrentInstrument()],o=i.modChannels[e],s=[];if(o>=0)if(i.modInstruments[e]==t.song.channels[o].instruments.length)s=s.concat(t.song.channels[o].instruments);else if(i.modInstruments[e]>t.song.channels[o].instruments.length){let e=t.song.getPattern(o,t.bar);if(null!=e)for(let n=0;nn&&(e.size=n)}}}t.notifier.changed(),this.ie()}}}class Kn extends Yt{constructor(t,e,n){super();let i=t.song.channels[t.channel].instruments[t.getCurrentInstrument()];if(i.modFilterTypes[e]!=n){i.modFilterTypes[e]=n;let o=t.song.getVolumeCapForSetting(!0,i.modulators[e],i.modFilterTypes[e]);for(let n=0;no&&(e.size=o)}}}t.notifier.changed(),this.ie()}}}class Jn extends Yt{constructor(t,e){if(super(),t.song.patternsPerChannel!=e){for(let n=0;ne&&(i[t]=0);for(let t=o.length;tr&&(h||(this.be.length>0&&(o=e.continuesLastPattern),this.be.push(Ct(this.ye[n].interval,i,this.ye[n].size)),h=!0),this.be.push(Ct(s.interval,c,s.size)))}h||(o=e.continuesLastPattern,this.be.push(Ct(this.ye[n].interval,i,this.ye[n].size))),this.ve(o)}}class Zn extends me{constructor(t,e,n,i,o,s){super(t,e),n-=this.de,i-=this.de,o-=e.pitches[s];let a,r,h,c,l=!1,d=!1,m=0,u=p.noteSizeMax,f=!0;for(i>n?(a=0,r=1,h=e.pins.length,c=t=>{this.be.push(t)}):(a=e.pins.length-1,r=-1,h=-1,c=t=>{this.be.unshift(t)});a!=h;a+=r){const t=e.pins[a],s=t.time;for(;;)if(l){if(d){if(s*r==i*r)break;t.interval!=m&&(f=!1),c(Ct(f?o:t.interval,s,t.size));break}if(s*r<=i*r&&(m=t.interval,u=t.size),s*r=t))break;s+=n}return s}return Math.round(e/n)*n};let o=0;for(;o=i(n.end)?this.append(new gi(t,e,n,o,!0)):(this.append(new ti(t,n,i)),o++)}}}class ti extends me{constructor(t,e,n){super(t,e);for(const t of this.ye)this.be.push(Ct(t.interval,n(t.time+this.de)-this.de,t.size));this.ve()}}class ei extends Zt{constructor(t,e,n){super();let i=Math.round(e%t.song.beatsPerBar*p.partsPerBeat);if(i<0&&(i+=t.song.beatsPerBar*p.partsPerBeat),0!=i){switch(n){case"wrapAround":{const e=p.partsPerBeat*t.song.beatsPerBar;for(const n of t.song.channels)for(const t of n.patterns){const n=[];for(let o=1;o>=0;o--){const s=o*e;for(const o of t.notes){const t=o.start+i,a=o.end+i,r=Math.max(0,t-s),h=Math.min(e,a-s);re){const n=new Xt;for(let i=0;i=n(e.end)?this.append(new gi(t,o,e,s,!0)):(this.append(new ti(t,e,n)),s++)}}this.append(new mi(t,t.song.tempo,t.song.tempo*e/t.song.beatsPerBar))}break;case"overflow":this.append(new de(t,e,0)),t.song.loopStart=0,t.song.loopLength=t.song.barCount;break;default:throw new Error("Unrecognized beats-per-bar conversion strategy.")}t.song.beatsPerBar=e,t.notifier.changed(),this.ie()}}}class ii extends Zt{constructor(t,e){super(),t.song.scale!=e&&(t.song.scale=e,t.notifier.changed(),this.ie())}}class oi extends Zt{constructor(t){super();const e=t.song,n=p.keys[e.key].basePitch,i=[0,0,0,0,0,0,0,0,0,0,0,0];for(let t=0;t0,!0));e.key=o,t.notifier.changed(),this.ie()}}}function si(t){const e=[];for(let n=0;n.5?"chip noise":"standard drumset"):si(i),a=O.valueToPreset(s);n.fromJsonObject(a.settings,i,o,0==t.rhythm||2==t.rhythm,t.rhythm>=2,1),n.preset=s,n.effects|=4}}class ri extends Zt{constructor(t,e){super();let n=t.song.pitchChannelCount,i=t.song.noiseChannelCount,o=t.song.modChannelCount;if(t.song.fromBase64String(e),n==t.song.pitchChannelCount&&i==t.song.noiseChannelCount&&o==t.song.modChannelCount||nt.resetColors(),""==e){this.append(new Mi(t,0,0)),t.selection.resetBoxSelection(),ai(t.song),t.song.scale=t.prefs.defaultScale;for(let e=0;e<=t.song.channels.length;e++)t.viewedInstrument[e]=0,t.recentPatternInstruments[e]=[0];t.viewedInstrument.length=t.song.channels.length}else this.append(new hi(t));t.synth.computeLatestModValues(),t.notifier.changed(),this.ie()}}class hi extends Yt{constructor(t){super();const e=Math.min(t.channel,t.song.getChannelCount()-1),n=Math.max(0,Math.min(t.song.barCount-1,t.bar));t.channel==e&&t.bar==n||(t.bar=n,t.channel=e,this.ie()),t.selection.scrollToSelectedPattern(),t.notifier.changed()}}class ci extends Zt{constructor(t,e,n,i){super();const o=t.song;function s(t,e){for(;t.length>e;){let e=t.length-1,n=0;for(let i=0;i=n&&(e=i,n=o)}t.splice(e,1)}}for(s(e,p.pitchChannelCountMax),s(n,p.noiseChannelCountMax),s(i,p.modChannelCountMax);e.lengtho.patternsPerChannel||e.bars[t]<0)&&(e.bars[t]=0);for(;e.bars.lengtho.getMaxInstrumentsPerChannel()&&(e.instruments.length=o.getMaxInstrumentsPerChannel());for(const n of e.patterns)ee(n.instruments,o,t);for(;e.patterns.lengthn&&!a&&(this.be.push(Ct(h,n,r)),a=!0),!(t.time<=i))break;if(this.be.push(Ct(t.interval,t.time,t.size)),t.time==i){c=!1;break}}}c&&this.be.push(Ct(this.ye[s].interval,i,this.ye[s].size)),this.ve(o)}}class wi extends Xt{constructor(t,e,n,i,o=null,s=!1){super();let a=0;for(;a=i){if(!t.song.getChannelIsMod(t.channel))break;a++}else if(r.starti){if(!t.song.getChannelIsMod(t.channel)||s||null!=o&&r.pitches[0]==o.pitches[0]){const o=r.clone();this.append(new xi(t,r,r.start,n)),a++,this.append(new gi(t,e,o,a,!1)),this.append(new xi(t,o,i,o.end))}a++}else r.starti?((!t.song.getChannelIsMod(t.channel)||s||null!=o&&r.pitches[0]==o.pitches[0])&&this.append(new xi(t,r,i,r.end)),a++):!t.song.getChannelIsMod(t.channel)||s||null!=o&&r.pitches[0]==o.pitches[0]?this.append(new gi(t,e,r,a,!0)):a++}}}class ki extends Xt{constructor(t,e){super();let n=0;for(;n=0;t--)if(a||o||e[t%12]){n=t;break}}let h=!1;for(let t=0;te+r&&(c=e+r)}for(const e of this.ye){let n=e.interval+this.ge[0];if(nc&&(n=c),s&&!a)n=i?Math.min(c,n+12):Math.max(h,n-12);else{let e=t.song.scale==p.scales.dictionary.Custom.index?t.song.scaleCustom:p.scales[t.song.scale].flags;if(i){for(let t=n+1;t<=c;t++)if(a||o||e[t%12]){n=t;break}}else for(let t=n-1;t>=h;t--)if(a||o||e[t%12]){n=t;break}}n-=this.xe[0],this.be.push(Ct(n,e.time,e.size))}if(0!=this.be[0].interval)throw new Error("wrong pin start interval");for(let t=1;t=t.selection.patternSelectionEnd)||this.append(new vi(t,e,a,i,o,s))}}class Si extends Yt{constructor(t,e,n,i,o){super(),t.selection.boxSelectionX0=e,t.selection.boxSelectionX1=n,t.selection.boxSelectionY0=i,t.selection.boxSelectionY1=o,t.notifier.changed(),this.ie()}}class Mi extends Qt{constructor(t,e,n){super(!1),this.R=t,this.de=t.selection.patternSelectionStart,this.me=t.selection.patternSelectionEnd,this.tn=t.selection.patternSelectionActive,this.ue=e,this.fe=n,this.en=e=a?(d++,e.end<=r&&(l=d)):(c.push(e.clone()),this.append(new gi(t,n,e,d,!0)))}for(const s of c)if(s.start+=i,s.end+=i,!(s.end<=r||s.start>=h)){this.append(new gi(t,n,s,l++,!1)),this.append(new xi(t,s,Math.max(s.start,r),Math.min(h,s.end)));for(let n=0;n0,t.prefs.notesOutsideScale))}}}class Bi extends Yt{constructor(t,e,n,i){super(),this.storedChange=e,this.storedValues=n,this.storedSlider=i,this.ie()}}class Ci extends Zt{constructor(t,e,n,i,o){super();for(let s=i;s=e+n)&&t.song.channels[s].bars[i]==a){r=!0;break}if(r){const e=t.song.getPattern(s,o);this.append(new we(t,0,o,s,1,1)),this.append(new Yn(t,s,o));const n=t.song.getPattern(s,o);if(null==n)throw new Error;this.append(new $n(t,n,e.notes,0,p.partsPerBeat*t.song.beatsPerBar,p.partsPerBeat*t.song.beatsPerBar)),n.instruments.length=0,n.instruments.push(...e.instruments),i[String(a)]=t.song.channels[s].bars[o]}else i[String(a)]=a}this.append(new we(t,i[String(a)],o,s,1,1))}}}}}class Ai extends Yt{constructor(t,e,n){super(),t.selection.patternSelectionActive&&new ki(t,e);const i=p.maxPitch;for(const o of e.notes){if(t.selection.patternSelectionActive&&(o.end<=t.selection.patternSelectionStart||o.start>=t.selection.patternSelectionEnd))continue;const e=[],s=[];for(let t=0;tn+i&&(r=n+i)}for(const t of o.pins){let i=t.interval+o.pitches[0];ir&&(i=r);const h=n[i%12]+(i-i%12);s.push(Ct(h-e[0],t.time,t.size))}if(0!=s[0].interval)throw new Error("wrong pin start interval");for(let t=1;t30&&(n=n.substring(0,30)),t.song.title=n,document.title=n+" - "+O.versionDisplayName,t.notifier.changed(),e!=n&&this.ie()}}class Ii extends Yt{constructor(t,e,n){super(),n.length>15&&(n=n.substring(0,15)),t.song.channels[t.muteEditorChannel].name=n,t.recalcChannelNames=!0,t.notifier.changed(),e!=n&&this.ie()}}class Di extends Yt{constructor(t,e,n){super(),t.song.channels[t.channel].instruments[t.getCurrentInstrument()].pan=n,t.synth.unsetMod(p.modulators.dictionary.pan.index,t.channel,t.getCurrentInstrument()),t.notifier.changed(),e!=n&&this.ie()}}class Pi extends Yt{constructor(t,e,n){super(),t.song.channels[t.channel].instruments[t.getCurrentInstrument()].panDelay=n,t.notifier.changed(),e!=n&&this.ie()}}class Li extends Qt{constructor(t,e,n,i,o,s){super(!1),this.R=t,this.pe=e,this.ye=e.pins,this.be=[];let a=!1;for(const t of e.pins)t.time{this.R.undo()},this.cleanUp=()=>{this.rn.removeEventListener("click",this.cn),this.an.removeEventListener("click",this.hn),this.nn.removeEventListener("keypress",no.ln),this.nn.removeEventListener("blur",no.pn),this.container.removeEventListener("keydown",this.dn)},this.dn=t=>{"BUTTON"!=t.target.tagName&&13==t.keyCode&&this.cn()},this.cn=()=>{window.localStorage.setItem("beatCountStrategy",this.sn.value),this.R.prompt=null,this.R.record(new ni(this.R,no.mn(this.nn),this.sn.value),!0)},this.nn.value=this.R.song.beatsPerBar+"",this.nn.min=p.beatsPerBarMin+"",this.nn.max=p.beatsPerBarMax+"";const e=window.localStorage.getItem("beatCountStrategy");null!=e&&(this.sn.value=e),this.nn.select(),setTimeout((()=>this.nn.focus())),this.rn.addEventListener("click",this.cn),this.an.addEventListener("click",this.hn),this.nn.addEventListener("keypress",no.ln),this.nn.addEventListener("blur",no.pn),this.container.addEventListener("keydown",this.dn)}static ln(t){const e=t.which?t.which:t.keyCode;return 46!=e&&e>31&&(e<48||e>57)&&(t.preventDefault(),!0)}static pn(t){const e=t.target;e.value=String(no.mn(e))}static mn(t){return Math.floor(Math.max(Number(t.min),Math.min(Number(t.max),Number(t.value))))}}const{button:io,div:oo,label:so,br:ao,h2:ro,input:ho}=K;class co{constructor(t){this.R=t,this.un=ho({style:"width: 3em; margin-left: 1em;",type:"number",step:"1"}),this.fn=ho({style:"width: 3em; margin-left: 1em;",type:"number",step:"1"}),this.yn=ho({style:"width: 3em; margin-left: 1em;",type:"number",step:"1"}),this.bn=ho({style:"width: 3em; margin-left: 1em;",type:"number",step:"1"}),this.gn=ho({style:"width: 3em; margin-left: 1em;",type:"checkbox"}),this.xn=ho({style:"width: 3em; margin-left: 1em;",type:"checkbox"}),this.an=io({class:"cancelButton"}),this.rn=io({class:"okayButton",style:"width:45%;"},"Okay"),this.container=oo({class:"prompt noSelection",style:"width: 250px; text-align: right;"},oo({class:"promptTitle"},ro({class:"channelExt",style:"text-align: inherit;"},""),ro({class:"channelTitle"},"Channel Settings")),so({style:"display: flex; flex-direction: row; align-items: center; height: 2em; justify-content: flex-end;"},"Pitch channels:",this.fn),so({style:"display: flex; flex-direction: row; align-items: center; height: 2em; justify-content: flex-end;"},"Drum channels:",this.yn),oo({style:"display: flex; flex-direction: row; align-items: center; height: 2em; justify-content: flex-end;"},"Mod channels:",this.bn),so({style:"display: flex; flex-direction: row; align-items: center; height: 2em; justify-content: flex-end;"},"Available patterns per channel:",this.un),so({style:"display: flex; flex-direction: row; align-items: center; height: 2em; justify-content: flex-end;"},"Simultaneous instruments",ao(),"per channel:",this.gn),so({style:"display: flex; flex-direction: row; align-items: center; height: 2em; justify-content: flex-end;"},"Different instruments",ao(),"per pattern:",this.xn),oo({style:"display: flex; flex-direction: row-reverse; justify-content: space-between;"},this.rn),this.an),this.hn=()=>{this.R.undo()},this.cleanUp=()=>{this.rn.removeEventListener("click",this.cn),this.an.removeEventListener("click",this.hn),this.un.removeEventListener("keypress",co.ln),this.fn.removeEventListener("keypress",co.ln),this.yn.removeEventListener("keypress",co.ln),this.bn.removeEventListener("keypress",co.ln),this.un.removeEventListener("blur",this.pn),this.fn.removeEventListener("blur",this.pn),this.yn.removeEventListener("blur",this.pn),this.bn.removeEventListener("blur",this.pn),this.container.removeEventListener("keydown",this.dn)},this.dn=t=>{"BUTTON"!=t.target.tagName&&13==t.keyCode&&this.cn()},this.pn=t=>{const e=t.target;e.value=String(co.mn(e))},this.cn=()=>{const t=new Zt;t.append(new Ln(this.R,this.gn.checked,this.xn.checked)),t.append(new Jn(this.R,co.mn(this.un))),t.append(new Be(this.R,co.mn(this.fn),co.mn(this.yn),co.mn(this.bn))),this.R.prompt=null,this.R.record(t,!0)},this.un.value=this.R.song.patternsPerChannel+"",this.un.min="1",this.un.max=p.barCountMax+"",this.fn.value=this.R.song.pitchChannelCount+"",this.fn.min=p.pitchChannelCountMin+"",this.fn.max=p.pitchChannelCountMax+"",this.yn.value=this.R.song.noiseChannelCount+"",this.yn.min=p.noiseChannelCountMin+"",this.yn.max=p.noiseChannelCountMax+"",this.bn.value=this.R.song.modChannelCount+"",this.bn.min=p.modChannelCountMin+"",this.bn.max=p.modChannelCountMax+"",this.gn.checked=this.R.song.layeredInstruments,this.xn.checked=this.R.song.patternInstruments,this.fn.select(),setTimeout((()=>this.fn.focus())),this.rn.addEventListener("click",this.cn),this.an.addEventListener("click",this.hn),this.un.addEventListener("keypress",co.ln),this.fn.addEventListener("keypress",co.ln),this.yn.addEventListener("keypress",co.ln),this.bn.addEventListener("keypress",co.ln),this.un.addEventListener("blur",this.pn),this.fn.addEventListener("blur",this.pn),this.yn.addEventListener("blur",this.pn),this.bn.addEventListener("blur",this.pn),this.container.addEventListener("keydown",this.dn)}static ln(t){const e=t.which?t.which:t.keyCode;return 46!=e&&e>31&&(e<48||e>57)&&(t.preventDefault(),!0)}static mn(t){return Math.floor(Math.max(Number(t.min),Math.min(Number(t.max),Number(t.value))))}}const{button:lo,div:po,h2:mo}=K;class uo{constructor(t){this.it=0,this.wn=0,this.kn=0,this.vn=0,this.ot=!1,this.chipData=new Float32Array(64),this.startingChipData=new Float32Array(64),this.Fn=0,this.Sn=[],this.W=768,this.U=294,this.Mn=J.path({fill:nt.uiWidgetBackground,"pointer-events":"none"}),this.En=J.svg({"pointer-events":"none"}),this.Bn=J.svg({"pointer-events":"none"}),this.Cn=J.svg({"pointer-events":"none"}),this.nt=J.svg({style:`background-color: ${nt.editorBackground}; touch-action: none; overflow: visible;`,width:"100%",height:"100%",viewBox:"0 0 "+this.W+" "+this.U,preserveAspectRatio:"none"},this.Mn,this.En,this.Bn,this.Cn),this.container=K.div({class:"",style:"height: 294px; width: 768px; padding-bottom: 1.5em;"},this.nt),this.An=()=>{var t=!0;if(this.Sn.length>0)for(var e=0;e<64;e++)this.Sn[this.Fn][e]!=this.chipData[e]&&(t=!1,e=64);0!=t&&0!=this.Sn.length||(this.Sn.splice(0,this.Fn),this.Fn=0,this.Sn.unshift(this.chipData.slice()),this.Sn.length>32&&this.Sn.pop())},this.undo=()=>{this.Fn{this.Fn>0&&(this.Fn--,this.chipData=this.Sn[this.Fn].slice(),new ue(this.R,this.chipData),this.render())},this.dn=t=>{90==t.keyCode?(this.undo(),t.stopPropagation()):89==t.keyCode&&(this.redo(),t.stopPropagation())},this.yt=t=>{t.preventDefault(),this.ot=!0;const e=this.nt.getBoundingClientRect();this.it=((t.clientX||t.pageX)-e.left)*this.W/(e.right-e.left),this.wn=((t.clientY||t.pageY)-e.top)*this.U/(e.bottom-e.top),isNaN(this.it)&&(this.it=0),isNaN(this.wn)&&(this.wn=0),this.kn=-1,this.wt()},this.gt=t=>{t.preventDefault(),this.ot=!0;const e=this.nt.getBoundingClientRect();this.it=(t.touches[0].clientX-e.left)*this.W/(e.right-e.left),this.wn=(t.touches[0].clientY-e.top)*this.U/(e.bottom-e.top),isNaN(this.it)&&(this.it=0),isNaN(this.wn)&&(this.wn=0),this.kn=-1,this.wt()},this.xt=t=>{if(null==this.container.offsetParent)return;const e=this.nt.getBoundingClientRect();this.it=((t.clientX||t.pageX)-e.left)*this.W/(e.right-e.left),this.wn=((t.clientY||t.pageY)-e.top)*this.U/(e.bottom-e.top),isNaN(this.it)&&(this.it=0),isNaN(this.wn)&&(this.wn=0),this.wt()},this.kt=t=>{if(null==this.container.offsetParent)return;if(!this.ot)return;t.preventDefault();const e=this.nt.getBoundingClientRect();this.it=(t.touches[0].clientX-e.left)*this.W/(e.right-e.left),this.wn=(t.touches[0].clientY-e.top)*this.U/(e.bottom-e.top),isNaN(this.it)&&(this.it=0),isNaN(this.wn)&&(this.wn=0),this.wt()},this.vt=t=>{this.An(),this.ot=!1},this.R=t;for(let t=0;t<=4;t+=2)this.En.appendChild(J.rect({fill:nt.tonic,x:t*this.W/4-1,y:0,width:2,height:this.U}));for(let t=1;t<=8;t++)this.Bn.appendChild(J.rect({fill:nt.fifthNote,x:t*this.W/8-1,y:0,width:1,height:this.U}));this.En.appendChild(J.rect({fill:nt.tonic,x:0,y:this.U/2-1,width:this.W,height:2}));for(let t=0;t<3;t++)this.Bn.appendChild(J.rect({fill:nt.fifthNote,x:0,y:8*t*(this.U/49),width:this.W,height:1})),this.Bn.appendChild(J.rect({fill:nt.fifthNote,x:0,y:this.U-1-8*t*(this.U/49),width:this.W,height:1}));let e=nt.getChannelColor(this.R.song,this.R.channel).primaryNote;for(let t=0;t<=64;t++){let n=this.R.song.channels[this.R.channel].instruments[this.R.getCurrentInstrument()].customChipWave[t];this.chipData[t]=n,this.startingChipData[t]=n,this.Cn.appendChild(J.rect({fill:e,x:t*this.W/64,y:(n+24)*(this.U/49),width:this.W/64,height:this.U/49}))}this.An(),this.container.addEventListener("mousedown",this.yt),document.addEventListener("mousemove",this.xt),document.addEventListener("mouseup",this.vt),this.container.addEventListener("touchstart",this.gt),this.container.addEventListener("touchmove",this.kt),this.container.addEventListener("touchend",this.vt),this.container.addEventListener("touchcancel",this.vt),this.nt.addEventListener("keydown",this.dn),this.container.addEventListener("keydown",this.dn)}wt(){if(this.ot){const s=Math.min(63,Math.max(0,Math.floor(64*this.it/this.W))),a=Math.min(48,Math.max(0,Math.floor(49*this.wn/this.U)));if(-1!=this.kn&&this.kn!=s){var t=s,e=this.kn,n=a,i=this.vn;this.kn{this.zn.togglePlay(),this.updatePlayButton()},this.hn=()=>{this.R.prompt=null,this.R.undo()},this.cleanUp=()=>{this.rn.removeEventListener("click",this.cn),this.an.removeEventListener("click",this.hn),this.container.removeEventListener("keydown",this.whenKeyPressed),this.Tn.removeEventListener("click",this.In)},this.whenKeyPressed=t=>{"BUTTON"!=t.target.tagName&&13==t.keyCode?this.cn():32==t.keyCode?(this.In(),t.preventDefault()):90==t.keyCode?(this.customChipCanvas.undo(),t.stopPropagation()):89==t.keyCode?(this.customChipCanvas.redo(),t.stopPropagation()):219==t.keyCode?this.R.synth.goToPrevBar():221==t.keyCode&&this.R.synth.goToNextBar()},this.cn=()=>{this.R.prompt=null,new ue(this.R,this.customChipCanvas.startingChipData),this.R.record(new ue(this.R,this.customChipCanvas.chipData),!0)},this.rn.addEventListener("click",this.cn),this.an.addEventListener("click",this.hn),this.container.addEventListener("keydown",this.whenKeyPressed),this.Tn.addEventListener("click",this.In),this.updatePlayButton(),setTimeout((()=>this.Tn.focus())),this.customChipCanvas.render()}updatePlayButton(){this.R.synth.playing?(this.Tn.classList.remove("playButton"),this.Tn.classList.add("pauseButton"),this.Tn.title="Pause (Space)",this.Tn.innerText="Pause"):(this.Tn.classList.remove("pauseButton"),this.Tn.classList.add("playButton"),this.Tn.title="Play (Space)",this.Tn.innerText="Play")}}class yo{constructor(t,e=!1,n=!1){if(this.R=t,this.W=120,this.U=26,this.Dn=J.path({fill:nt.uiWidgetBackground,"pointer-events":"none"}),this.Pn=[],this.Ne=[],this.Ln=!1,this.On=J.path({fill:"currentColor","pointer-events":"none"}),this.qn=J.path({fill:"none",stroke:"currentColor","stroke-width":1,"stroke-dasharray":"3, 2","pointer-events":"none"}),this.Nn=J.circle({fill:"white",stroke:"none","pointer-events":"none",r:4}),this.nt=J.svg({style:`background-color: ${nt.editorBackground}; touch-action: none;`,width:"100%",height:"100%",viewBox:"0 0 "+this.W+" "+this.U,preserveAspectRatio:"none"},this.Dn,this.qn,this.Nn,this.On),this.selfUndoSettings=[],this.selfUndoHistoryPos=0,this.Rn=K.div({style:"position: absolute; bottom: 0; left: 2px; font-size: 8px; line-height: 1; pointer-events: none;"}),this.coordText=null,this.container=K.div({class:"filterEditor",style:"height: 100%; position: relative;"},this.nt,this.Rn),this._n=2,this.qe=!1,this.$n=!1,this.Hn=!1,this.it=0,this.wn=0,this.st=!1,this.ot=!1,this.Wn=!1,this.Gn=!1,this.Vn=!1,this.jn=2,this.Un=0,this.Kn=0,this.Jn=0,this.Yn=null,this.Qn=0,this.Zn=-1,this.Xn=-1,this.ti=-1,this.ei=-1,this.ni=-1,this.dn=t=>{90==t.keyCode&&(this.undo(),t.stopPropagation()),89==t.keyCode&&(this.redo(),t.stopPropagation())},this.dt=t=>{this.st=!0,this.$n||this.On.style.setProperty("fill","currentColor")},this.ft=t=>{this.st=!1,this.ii(),null!=this.coordText&&(this.coordText.innerText="")},this.yt=t=>{t.preventDefault(),this.Hn=!1;const e=this.nt.getBoundingClientRect();this.it=((t.clientX||t.pageX)-e.left)*this.W/(e.right-e.left),this.wn=((t.clientY||t.pageY)-e.top)*this.U/(e.bottom-e.top),isNaN(this.it)&&(this.it=0),isNaN(this.wn)&&(this.wn=0),this.oi()},this.gt=t=>{t.preventDefault(),this.Hn=!0;const e=this.nt.getBoundingClientRect();this.it=(t.touches[0].clientX-e.left)*this.W/(e.right-e.left),this.wn=(t.touches[0].clientY-e.top)*this.U/(e.bottom-e.top),isNaN(this.it)&&(this.it=0),isNaN(this.wn)&&(this.wn=0),this.oi()},this.xt=t=>{if(null==this.container.offsetParent)return;const e=this.nt.getBoundingClientRect();this.it=((t.clientX||t.pageX)-e.left)*this.W/(e.right-e.left),this.wn=((t.clientY||t.pageY)-e.top)*this.U/(e.bottom-e.top),isNaN(this.it)&&(this.it=0),isNaN(this.wn)&&(this.wn=0),this.ot||this.si(),this.wt()},this.kt=t=>{if(null==this.container.offsetParent)return;this.ot&&t.preventDefault();const e=this.nt.getBoundingClientRect();this.it=(t.touches[0].clientX-e.left)*this.W/(e.right-e.left),this.wn=(t.touches[0].clientY-e.top)*this.U/(e.bottom-e.top),isNaN(this.it)&&(this.it=0),isNaN(this.wn)&&(this.wn=0),this.ot||this.si(),this.wt()},this.vt=t=>{if(this.Ln){const t=this.R.song.channels[this.R.channel].instruments[this.R.getCurrentInstrument()];this.ai=this.ri(t)}if(null!=this.container.offsetParent){if(this.ot&&(this.R.lastChangeWas(this.Yn)||this.Ln)&&null!=this.Yn){if(this.Gn||this.Wn||this.Hn)this.$n||this.R.record(this.Yn);else if(this.Un=p.filterMaxPoints)&&i=0&&e=0&&t=0&&n=this.ai.controlPointCount||-1==this.Un)this.Yn=null,this.ot=!1;else{const e=this.hi(this.it)-this.Kn,n=this.pi(this.wn)-this.Jn;let i=this.ai.controlPoints[this.Un];const o=Math.max(0,Math.min(p.filterGainRange-1,Math.round(i.gain+n))),s=this.mi(this.ai,i.freq+e,this.Un);if(0==Math.round(e)&&0==Math.round(n)&&s==i.freq&&o==i.gain||(this.Wn=!0),s>=0&&s0){if(this.selfUndoHistoryPos--,null!=this.selfUndoSettings[this.selfUndoHistoryPos+1]&&this.selfUndoSettings[this.selfUndoHistoryPos+1].startsWith("jmp")){let t=this.selfUndoSettings[this.selfUndoHistoryPos+1],e=+t.substring(3,t.indexOf("|"));return this.swapToSubfilter(this.Qn,e),e}if(this.selfUndoSettings[this.selfUndoHistoryPos].startsWith("jmp")){let t=new Rt,e=this.selfUndoSettings[this.selfUndoHistoryPos];t.fromJsonObject(JSON.parse(e.substring(e.indexOf(":")+1))),this.swapToSettings(t,!1)}else{let t=new Rt;t.fromJsonObject(JSON.parse(String(this.selfUndoSettings[this.selfUndoHistoryPos]))),this.swapToSettings(t,!1)}}return-1}redo(){if(this.selfUndoHistoryPos=this.ai.controlPointCount)return;let e=this.ai.controlPoints[this.Un];this.ai.controlPoints[this.Un]=this.ai.controlPoints[t],this.ai.controlPoints[t]=e,this.render()}swapToSubfilter(t,e,n=!1){if(t!=e){let i=new Rt;if(i.fromJsonObject(this.ze.toJsonObject()),this.Ne[t]=i,null==this.Ne[e]){let t=new Rt;t.fromJsonObject(this.Ne[0].toJsonObject()),this.Ne[e]=t}n&&(this.selfUndoSettings.length=this.selfUndoHistoryPos+1,this.selfUndoSettings.push("jmp"+t+"|"+e+":"+JSON.stringify(this.Ne[e].toJsonObject())),this.selfUndoHistoryPos++),this.Qn=e,this.swapToSettings(this.Ne[e],!1)}}ri(t){let e=this.qe?t.tmpNoteFilterStart:t.tmpEqFilterStart;return null==e&&(e=this.qe?t.noteFilter:t.eqFilter),e}render(t=!1,e=!1){this.Ln=e&&this.ot;const n=this.R.song.channels[this.R.channel].instruments[this.R.getCurrentInstrument()],i=this.qe?n.noteFilter:n.eqFilter;let o=t&&!this.$n&&(e||!this.st&&!this.Wn&&!this.ot)&&this.R.synth.playing;o?this.On.style.setProperty("fill",`${nt.overwritingModSlider}`):this.$n||this.On.style.setProperty("fill","currentColor"),this.ai==i||this.Ln||(this.Yn=null,this.ot=!1),this.ze=i,o?(this.ai=this.ri(n),this.Ln&&this.wt()):this.ai=i,this.ot||this.si();let s=0,a=0,r=0;for(let t=0;t{this.fi[this.Qn].classList.remove("selected-instrument"),n&&this.filterEditor.swapToSubfilter(this.Qn,t,e),this.Qn=t,this.fi[t].classList.add("selected-instrument")},this.Si=()=>{const t=this.qe?this.R.song.channels[this.R.channel].instruments[this.R.getCurrentInstrument()].noteFilter.toJsonObject():this.R.song.channels[this.R.channel].instruments[this.R.getCurrentInstrument()].eqFilter.toJsonObject();window.localStorage.setItem("filterCopy",JSON.stringify(t))},this.Mi=()=>{let t=new Rt;t.fromJsonObject(JSON.parse(String(window.localStorage.getItem("filterCopy")))),null!=t&&this.filterEditor.swapToSettings(t,!0)},this.dn=t=>{if(90==t.keyCode){let e=this.filterEditor.undo();e>=0&&this.Fi(e,!1,!1),t.stopPropagation()}if(89==t.keyCode){let e=this.filterEditor.redo();e>=0&&this.Fi(e,!1,!1),t.stopPropagation()}t.keyCode>=49&&t.keyCode<=57&&(t.shiftKey||(this.filterEditor.swapSubfilterIndices(t.keyCode-49),t.stopPropagation()))},this.In=()=>{this.zn.togglePlay(),this.updatePlayButton()},this.hn=()=>{this.R.prompt=null,this.filterEditor.resetToInitial(),this.R.undo()},this.cleanUp=()=>{this.rn.removeEventListener("click",this.cn),this.an.removeEventListener("click",this.hn),this.container.removeEventListener("keydown",this.whenKeyPressed),this.Tn.removeEventListener("click",this.In)},this.whenKeyPressed=t=>{"BUTTON"!=t.target.tagName&&13==t.keyCode?this.cn():32==t.keyCode?(this.In(),t.preventDefault()):90==t.keyCode?(this.filterEditor.undo(),t.stopPropagation()):89==t.keyCode?(this.filterEditor.redo(),t.stopPropagation()):219==t.keyCode?this.R.synth.goToPrevBar():221==t.keyCode?this.R.synth.goToNextBar():t.keyCode>=48&&t.keyCode<=57&&t.shiftKey&&this.Fi(t.keyCode-48)},this.cn=()=>{this.R.prompt=null,this.filterEditor.saveSettings()},this.rn.addEventListener("click",this.cn),this.an.addEventListener("click",this.hn),this.Tn.addEventListener("click",this.In),this.xi.addEventListener("click",this.Si),this.wi.addEventListener("click",this.Mi),this.updatePlayButton();let i=nt.getChannelColor(this.R.song,this.R.channel);this.filterEditor=new yo(t,n,!0),this.bi.appendChild(this.filterEditor.container),this.filterEditor.container.insertBefore(this.vi,this.filterEditor.container.firstChild),this.filterEditor.coordText=this.vi,this.gi.children[0].innerHTML=n?"Edit Note Filter":"Edit EQ Filter";let o=bo({class:"no-underline",style:"max-width: 5em;"},"Main");this.yi.appendChild(o),this.fi.push(o),o.addEventListener("click",(()=>{this.Fi(0)}));for(let t=1;t{this.Fi(t)}))}this.fi[p.filterMorphCount-1].classList.add("last-button"),this.fi[0].classList.add("selected-instrument"),this.yi.style.setProperty("--text-color-lit",i.primaryNote),this.yi.style.setProperty("--text-color-dim",i.secondaryNote),this.yi.style.setProperty("--background-color-lit",i.primaryChannel),this.yi.style.setProperty("--background-color-dim",i.secondaryChannel),this.bi.addEventListener("keydown",this.dn),this.filterEditor.container.addEventListener("keydown",this.dn),this.container.addEventListener("keydown",this.dn),setTimeout((()=>this.Tn.focus())),this.filterEditor.render()}updatePlayButton(){this.R.synth.playing?(this.Tn.classList.remove("playButton"),this.Tn.classList.add("pauseButton"),this.Tn.title="Pause (Space)",this.Tn.innerText="Pause"):(this.Tn.classList.remove("pauseButton"),this.Tn.classList.add("playButton"),this.Tn.title="Play (Space)",this.Tn.innerText="Play")}}const{button:vo,div:Fo,h2:So,input:Mo,label:Eo,br:Bo}=K;class Co{constructor(t){this.R=t,this.an=vo({class:"cancelButton"}),this.Ei=vo({class:"exportButton",style:"width:45%;"},"Export"),this.Bi=Mo({style:"width: 3em; margin-left: 1em;",type:"checkbox"}),this.Ci=""==this.R.song.channels[this.R.channel].name?"Beepbox-Instrument":this.R.song.channels[this.R.channel].name,this.Ai=Mo({type:"text",style:"width: 10em;",value:this.Ci,maxlength:250,autofocus:"autofocus"}),this.container=Fo({class:"prompt noSelection",style:"width: 200px;"},Fo({class:"promptTitle"},So({class:"export-instrumentExt",style:"text-align: inherit;"},""),So({class:"export-instrumentTitle"},"Export Instruments Options")),Fo({style:"display: flex; flex-direction: row; align-items: center; justify-content: space-between;"},"File name:",this.Ai),Eo({style:"display: flex; flex-direction: row; align-items: center; height: 2em; justify-content: flex-end;"},"Export all instruments",Bo(),"in channel:",this.Bi),Fo({style:"display: flex; flex-direction: row-reverse; justify-content: space-between;"},this.Ei),this.an),this.hn=()=>{this.R.undo()},this.cleanUp=()=>{this.an.removeEventListener("click",this.hn),this.Ei.removeEventListener("click",this.zi),this.Ai.removeEventListener("input",Co.Ti)},this.zi=()=>{this.Bi.checked?this.Ii():this.Di()},this.Ii=()=>{const t=this.R.song.channels[this.R.channel].instruments.map((t=>{const e=t.toJsonObject();return e.isDrum=this.R.song.getChannelIsNoise(this.R.channel),e})),e=new Blob([JSON.stringify(t)],{type:"application/json"}),n=document.createElement("a");n.href=URL.createObjectURL(e),n.download=this.Ai.value+".json",document.body.appendChild(n),n.click(),document.body.removeChild(n),this.hn()},this.Di=()=>{const t=this.R.song.channels[this.R.channel].instruments[this.R.getCurrentInstrument()].toJsonObject();t.isDrum=this.R.song.getChannelIsNoise(this.R.channel);const e=new Blob([JSON.stringify(t)],{type:"application/json"}),n=document.createElement("a");n.href=URL.createObjectURL(e),n.download=this.Ai.value+".json",document.body.appendChild(n),n.click(),document.body.removeChild(n),this.hn()},this.an.addEventListener("click",this.hn),this.Ei.addEventListener("click",this.zi),this.Ai.addEventListener("input",Co.Ti)}static Ti(t,e){let n;if(null!=t)n=t.target;else{if(null==e)return;n=e}const i=/[\+\*\$\?\|\{\}\\\/<>#%!`&'"=:@]/gi;if(i.test(n.value)){let t=n.selectionStart;n.value=n.value.replace(i,""),t--,n.setSelectionRange(t,t)}}}const{button:Ao,div:zo,h2:To,input:Io,select:Do,option:Po,code:Lo}=K;class Oo{constructor(t){if(this.R=t,this.an=Ao({class:"cancelButton"}),this.Pi=Do({style:"width: 100%;"},Po({value:"append"},"Append instruments to the end of the list."),Po({value:"replace"},"Replace only the selected instrument."),Po({value:"all"},"Replace all instruments in the channel.")),this.Li=Io({type:"file",accept:".json,application/json"}),this.importStratSelectDiv=zo({style:"display: flex; flex-direction: row; align-items: center; height: 2em; justify-content: flex-end;"},zo({class:"selectContainer",style:"width: 100%;"},this.Pi)),this.warningText=zo({},zo({style:"text-align: left;"},"You must enable either ",Lo("Simultaneous instruments per channel")," or ",Lo("Different instruments per pattern")," to change the import strategy.")),this.container=zo({class:"prompt noSelection",style:"width: 300px;"},zo({class:"promptTitle"},To({class:"import-instrumentExt",style:"text-align: inherit;"},""),To({class:"import-instrumentTitle"},"Import Instrument(s)")),this.warningText,this.importStratSelectDiv,this.Li,this.an),this.Oi=()=>{const t=this.Li.files[0];if(!t)return;const e=new FileReader;e.onload=t=>{var e;try{const n=JSON.parse(String(null===(e=t.target)||void 0===e?void 0:e.result));if(console.log("Processing file:",n),"Array"==n.constructor.name)return 0==(this.R.song.patternInstruments||this.R.song.layeredInstruments)?void alert("Instrument file contains multiple instruments! Please turn on either Simultaneous instruments per channel or Different instruments per pattern!"):void this.qi(n);this.Ni(n)}catch(t){console.error("Error reading file:",t)}},e.readAsText(t)},this.hn=()=>{this.R.undo()},this.cleanUp=()=>{this.Li.removeEventListener("change",this.Oi),this.an.removeEventListener("click",this.hn)},this.qi=t=>{const e=this.R.song.channels[this.R.channel],n=e.instruments[this.R.getCurrentInstrument()];switch(this.Pi.value){case"replace":window.localStorage.setItem("instrumentImportStrategy",this.Pi.value);const i=t[0];this.R.record(new Hn(this.R,n,i));for(let n=1;n!(this.R.song.getMaxInstrumentsPerChannel()<=t.instruments.length),this.Ni=t=>{const e=this.R.song.channels[this.R.channel],n=e.instruments[this.R.getCurrentInstrument()];switch(this.Pi.value){case"replace":return window.localStorage.setItem("instrumentImportStrategy",this.Pi.value),this.R.record(new Hn(this.R,n,t)),this.R.record(new Pn(this.R,this.R.getCurrentInstrument())),this.R.prompt=null,void this.R.notifier.changed();case"all":window.localStorage.setItem("instrumentImportStrategy",this.Pi.value),e.instruments.length=1;const i=e.instruments[0];return this.R.record(new Hn(this.R,i,t)),this.R.record(new Pn(this.R,0)),this.R.prompt=null,void this.R.notifier.changed();default:return this.Ri(e)?(window.localStorage.setItem("instrumentImportStrategy",this.Pi.value),this.R.record(new Wn(this.R,e,t)),this.R.record(new Pn(this.R,e.instruments.length-1)),this.R.prompt=null,void this.R.notifier.changed()):(alert("Max instruments reached! The instrument was not imported."),void(this.R.prompt=null))}},0==(t.song.patternInstruments||t.song.layeredInstruments))this.Pi.disabled=!0,this.Pi.value="replace",this.importStratSelectDiv.style.display="none",this.warningText.style.display="";else{const t=window.localStorage.getItem("instrumentImportStrategy");null!=t&&(this.Pi.value=t),this.importStratSelectDiv.style.display="",this.warningText.style.display="none"}this.Li.addEventListener("change",this.Oi),this.an.addEventListener("click",this.hn)}}const{button:qo,div:No,h2:Ro,input:_o}=K;function $o(t,e){for(;0!==e;){const n=t%e;t=e,e=n}return t}function Ho(t,e){let n=t,i=e;const o=$o(n,i);return o>1&&(n=Math.floor(n/o),i=Math.floor(i/o)),[n,i]}function Wo(t,e){const n=t[0],i=t[1],o=e[0],s=e[1];return Ho(function(t,e){return Math.floor(Math.abs(t*e)/$o(t,e))}(n,o),$o(i,s))}class Go{constructor(t){var e,n,i,o,s,a,r,h,c;this.R=t,this._i=2,this.$i=64,this.Hi=14,this.Wi=p.pitchChannelCountMax+p.noiseChannelCountMax-1,this.Gi="euclidGenMemory",this.Vi=0,this.ji=0,this.Ui=-1,this.Ki=0,this.Ji=1,this.Yi=p.barCountMax,this.Qi=0,this.Zi=400,this.Xi=10,this.eo=100,this.no=100,this.io=this.eo/this.$i,this.oo=this.eo/16,this.so=this.eo/this.$i,this.ao=this.eo/2-this.oo-this.so,this.ro=[],this.ho=qo({class:"no-underline",style:"flex-grow: 0; flex-basis: 30px;"},J.svg({width:"26",height:"26",viewBox:"-13 -13 26 26","pointer-events":"none"},J.path({d:"M -7.07 -5.66 L -5.66 -7.07 L 0 -1.4 L 5.66 -7.07 L 7.07 -5.66 L 1.4 0 L 7.07 5.66 L 5.66 7.07 L 0 1.4 L -5.66 7.07 L -7.07 5.66 L -1.4 0 z",fill:nt.primaryText}))),this.co=qo({class:"no-underline last-button",style:"flex-grow: 0; flex-basis: 30px;"},J.svg({width:"26",height:"26",viewBox:"-13 -13 26 26","pointer-events":"none"},J.path({d:"M -8 -1 L -1 -1 L -1 -8 L 1 -8 L 1 -1 L 8 -1 L 8 1 L 1 1 L 1 8 L -1 8 L -1 1 L -8 1 z",fill:nt.primaryText}))),this.lo=No({class:"instrument-bar",style:"justify-content: center; width: 100%;"},this.ho,this.co),this.po=J.svg({"pointer-events":"none"}),this.do=J.svg({"pointer-events":"none"}),this.mo=No({style:`flex-grow: 1; color: ${nt.secondaryText}`}),this.uo=qo({style:"height: auto; min-height: var(--button-size);"},J.svg({width:"26",height:"26",viewBox:"-13 -14 26 26","pointer-events":"none"},J.rect({x:"-6",y:"-6",width:"2",height:"12",fill:nt.primaryText}),J.path({d:"M 6 -6 L 6 6 L -3 0 z",fill:nt.primaryText}))),this.fo=qo({style:"height: auto; min-height: var(--button-size); margin-left: 1em;"},J.svg({width:"24",height:"26",viewBox:"-10 -14 24 26","pointer-events":"none"},J.path({d:"M 6 -6 L 6 6 L -3 0 z",fill:nt.primaryText}))),this.yo=qo({style:"height: auto; min-height: var(--button-size);"},J.svg({width:"24",height:"26",viewBox:"-14 -14 24 26","pointer-events":"none"},J.path({d:"M -6 -6 L -6 6 L 3 0 z",fill:nt.primaryText}))),this.bo=qo({style:"height: auto; min-height: var(--button-size); margin-left: 1em;"},J.svg({width:"26",height:"26",viewBox:"-13 -14 26 26","pointer-events":"none"},J.rect({x:"4",y:"-6",width:"2",height:"12",fill:nt.primaryText}),J.path({d:"M -6 -6 L -6 6 L 3 0 z",fill:nt.primaryText}))),this.xo=J.circle({cx:this.eo/2,cy:this.no/2,r:this.ao,stroke:nt.primaryText,"stroke-width":"0.5",fill:"none"}),this.wo=J.svg({"pointer-events":"none"}),this.ko=_o({style:"width: 3em; margin-left: 1em;",type:"number",min:this._i,max:this.$i,value:"8",step:"1"}),this.vo=_o({style:"width: 3em; margin-left: 1em;",type:"number",min:"0",max:"8",value:"5",step:"1"}),this.Fo=_o({style:"width: 3em; margin-left: 1em;",type:"number",min:"0",max:this.$i,value:"0",step:"1"}),this.So=_o({style:"width: 3em; margin-left: 1em;",type:"number",min:"1",max:p.partsPerBeat,value:"1",step:"1"}),this.Mo=_o({style:"width: 3em; margin-left: 1em;",type:"number",min:"1",max:p.partsPerBeat,value:"4",step:"1"}),this.Eo=_o({style:"width: 3em; margin-left: 1em;",type:"number",min:"1",max:this.Wi+1,value:"1",step:"1"}),this.Bo=_o({style:"width: 3em; margin-left: 1em;",type:"number",min:"0",max:p.maxPitch,value:"0",step:"1"}),this.Co=_o({style:"width: 3em; margin-left: 1em;",type:"number",min:"1",max:p.barCountMax,value:"1",step:"1"}),this.Ao=qo({style:"height: auto; min-height: var(--button-size); margin-left: 1em;"},"Extend until loop"),this.zo=_o({type:"checkbox",style:"width: 1em; padding: 0; margin-left: 1em;"}),this.To=_o({type:"checkbox",style:"width: 1em; padding: 0; margin-left: 1em;"}),this.rn=qo({class:"okayButton",style:"width: 45%;"},"Okay"),this.an=qo({class:"cancelButton"}),this.container=No({class:"prompt noSelection",style:"width: 600px;"},No({class:"promptTitle"},Ro({class:"gerExt",style:"text-align: inherit;"},""),Ro({class:"gerTitle"},"Generate Euclidean Rhythm")),No({style:"display: flex; flex-direction: row; align-items: center;"},this.lo),No({style:"display: flex; flex-direction: row; align-items: center; justify-content: space-between;"},No({style:"flex-grow: 0; flex-shrink: 0;"},this.uo,this.fo),this.mo,No({style:"flex-grow: 0; flex-shrink: 0;"},this.yo,this.bo)),No({style:"display: flex; flex-direction: row; align-items: center; justify-content: center;"},J.svg({"pointer-events":"none",style:"touch-action: none; overflow: hidden;",width:"100%",height:"20px",viewBox:`0 0 ${this.Zi} ${this.Xi}`,preserveAspectRatio:"none"},this.po,this.do)),No({style:"display: flex; flex-direction: row; align-items: center; justify-content: space-evenly;"},No({style:"max-width: 150px; height: 100%;"},J.svg({"pointer-events":"none",width:"100%",height:"100%",style:"touch-action: none; overflow: hidden; margin-right: 1.5em; max-width: 150px; height: 100%;",viewBox:`0 0 ${this.eo} ${this.no}`,preserveAspectRatio:"none"},this.xo,this.wo)),No({style:"display: flex; height: 100%;"},No({style:"flex-grow: 1; "},No({style:"display: flex; flex-direction: row; align-items: center; height: 3em; justify-content: flex-end;"},No({style:`text-align: right; flex-grow: 1; color: ${nt.primaryText};`},"Steps"),this.ko),No({style:"display: flex; flex-direction: row; align-items: center; height: 3em; justify-content: flex-end; margin-top: 0.5em;"},No({style:`text-align: right; flex-grow: 1; color: ${nt.primaryText};`},"Pulses"),this.vo),No({style:"display: flex; flex-direction: row; align-items: center; height: 3em; justify-content: flex-end; margin-top: 0.5em;"},No({style:`text-align: right; flex-grow: 1; color: ${nt.primaryText};`},"Rotation"),this.Fo)),No({style:"flex-grow: 1; margin-left: 1em;"},No({style:"display: flex; flex-direction: row; align-items: center; height: 3em; justify-content: flex-end; margin-bottom: 1em;"},No({style:`text-align: right; flex-grow: 1; color: ${nt.primaryText};`},"Size"),No({style:"display: flex; flex-direction: column;"},this.So,this.Mo)),No({style:"display: flex; flex-direction: row; align-items: center; height: 3em; justify-content: flex-end; margin-top: 0.5em;"},No({style:`text-align: right; flex-grow: 1; color: ${nt.primaryText};`},"Channel"),this.Eo),No({style:"display: flex; flex-direction: row; align-items: center; height: 3em; justify-content: flex-end; margin-top: 0.5em;"},No({style:`text-align: right; flex-grow: 1; color: ${nt.primaryText};`},"Pitch"),this.Bo)))),No({style:"display: flex; flex-direction: row; align-items: center; justify-content: flex-end;"},No({style:`text-align: right; color: ${nt.primaryText};`},"Generate fading notes"),this.zo,No({style:`text-align: right; color: ${nt.primaryText}; margin-left: 1em;`},"Invert"),this.To),No({style:"display: flex; flex-direction: row; align-items: center; justify-content: flex-end;"},No({style:`text-align: right; color: ${nt.primaryText};`},"Length (in bars)"),this.Co,this.Ao),No({style:"display: flex; flex-direction: row-reverse; justify-content: space-between;"},this.rn),this.an),this.cleanUp=()=>{this.rn.removeEventListener("click",this.cn),this.an.removeEventListener("click",this.hn),this.container.removeEventListener("keydown",this.dn),this.lo.removeEventListener("click",this.Io),this.uo.removeEventListener("click",this.Do),this.fo.removeEventListener("click",this.Po),this.yo.removeEventListener("click",this.Lo),this.bo.removeEventListener("click",this.Oo),this.ko.removeEventListener("change",this.qo),this.vo.removeEventListener("change",this.No),this.Fo.removeEventListener("change",this.Ro),this.So.removeEventListener("change",this._o),this.Mo.removeEventListener("change",this._o),this.Eo.removeEventListener("change",this.$o),this.Bo.removeEventListener("change",this.Ho),this.Co.removeEventListener("change",this.Wo),this.To.removeEventListener("change",this.Go),this.zo.removeEventListener("change",this.Vo),this.Ao.removeEventListener("click",this.jo)},this.hn=()=>{this.R.undo()},this.cn=()=>{this.R.prompt=null;const t=new Zt,e=this.R.song.beatsPerBar,n=p.partsPerBeat,i=n*e,o=this.Ki,s=o+this.Ji;if(s>this.R.song.barCount){const e=this.R.song.barCount-o,n=this.Ji-e;t.append(new ve(this.R,this.R.song.barCount,n))}let a=new Map,r=new Map;for(let t=o;t0))continue;const l=o.steps;if(c.length!==l){console.error("The size of the generated sequence and the specified number of steps it should take have diverged: generated",c.length,"steps but expected",l);continue}const d=o.stepSizeNumerator/o.stepSizeDenominator,m=o.pitch,u=o.channel,f=o.invert?0:1,y=o.generateFadingNotes;r.set(m,!0);let b=a.get(u);if(null==b){b=[];for(let t=0;ti)&&(o=!0);const r=Math.max(0,Math.min(i,s)),u=Math.max(0,Math.min(i,a));if(c[t%l]===f){const t=new At(m,r,u,p.noteSizeMax,y);if(e&&(t.continuesLastPattern=!0),o&&y){const e=(r-s)/(a-s),n=Math.round(p.noteSizeMax+(0-p.noteSizeMax)*e);t.pins[0].size=n;const i=(u-s)/(a-s),o=Math.round(p.noteSizeMax+(0-p.noteSizeMax)*i);t.pins[1].size=o}g.push(t)}}}}for(const[e,n]of a.entries())for(let i=0;i=0;t--){const e=h[t];let n=[];for(const t of e.pitches)r.has(t)||n.push(t);e.pitches=n,e.pitches.length<1&&h.splice(t,1)}let m=[];for(const t of h)m.push({noteType:"old",eventType:"start",part:t.start,note:t}),m.push({noteType:"old",eventType:"end",part:t.end,note:t});for(const t of s)for(const e of t)m.push({noteType:"new",eventType:"start",part:e.start,note:e}),m.push({noteType:"new",eventType:"end",part:e.end,note:e});m.sort(((t,e)=>t.part-e.part));let u=[],f=null;for(let t of m)null==f?f={part:t.part,events:[t]}:t.part!==f.part?(u.push(f),f={part:t.part,events:[t]}):f.events.push(t);null!=f&&u.push(f);let y=[],b=0,g=0,x=new Set,w=[],k=new Set;for(const t of u)if(0===y.length){for(const e of t.events){if("end"===e.eventType)throw new Error("Got note end earlier than expected");if("start"!==e.eventType)throw new Error("Unknown mergeable event type");y.push({noteType:e.noteType,note:e.note})}b=t.part}else{for(const e of t.events)if("end"===e.eventType)x.add(e.note);else{if("start"!==e.eventType)throw new Error("Unknown mergeable event type");w.push({noteType:e.noteType,note:e.note})}g=t.part;const e=new At(0,b,g,p.noteSizeMax,!1);let n=!1,i=null,o=null;for(const t of y){const e=t.note;for(const t of e.pitches)k.add(t);if(e.continuesLastPattern&&(n=!0),"new"===t.noteType)(null==i||t.note.start>i.start||t.note.endt-e));if(e.pitches=s,e.continuesLastPattern=n,null!=i){const t=i.start,n=i.end,o=i.pins[0].size,s=i.pins[1].size,a=(b-t)/(n-t),r=Math.round(o+(s-o)*a);e.pins[0].size=r;const h=(g-t)/(n-t),c=Math.round(o+(s-o)*h);e.pins[1].size=c}else if(null!=o){const t=g-b,n=b-o.start,i=g-o.start;let s=[],a=-1,r=-1,h=0,c=o.pins.length-1;for(let t=0;t=n&&e.time<=i)-1===a&&(a=t),r=t;else if(e.time>i){c=t;break}}if(-1!==a){for(let t=a;t<=r;t++){const e=o.pins[t],i=e.time-n;s.push(Ct(0,i,e.size))}const e=s[0],l=s[s.length-1];if(0!==e.time){const t=o.pins[h],i=n-t.time,a=i/(i+e.time),r=Math.round(t.size+(e.size-t.size)*a);s.unshift(Ct(0,0,r))}if(l.time!==t){const e=o.pins[c],a=i-(l.time+n),r=a/(a+(e.time-i)),h=Math.round(l.size+(e.size-l.size)*r);s.push(Ct(0,t,h))}}else{const e=o.pins[h],a=o.pins[c],r=n-e.time,l=i-e.time,p=a.time-e.time,d=r/p,m=l/p,u=Math.round(e.size+(a.size-e.size)*d),f=Math.round(e.size+(a.size-e.size)*m);s.push(Ct(0,0,u)),s.push(Ct(0,t,f))}e.pins=s}if(e.pins.length<2)throw new Error("Ended up generating note with less than two pins");if(e.pitches.length<1)throw new Error("Ended up generating note with no pitches");d.push(e);for(let t of x)for(let e=y.length-1;e>=0;e--){t===y[e].note&&y.splice(e,1)}for(let t of w)y.push(t);for(k.clear(),x.clear();w.length>0;)w.pop();b=g}l.notes=[];for(let e=0;e{this.Ko=[];for(let t=0;t{const e=this.Uo[t];this.Ko[t]=function(t,e,n){t=Math.max(0,t),e=Math.max(0,Math.min(t,e));let i=[];for(let n=0;n=e?0:1]);let o=t,s=t-e;if(o>0&&s>0)for(;o!==s;){o>s?o-=s:s-=o;const t=Math.min(o,s);if(!(t<=1))for(let e=0;e{this.Yo(this.Vi)},this.dn=t=>{"BUTTON"!=t.target.tagName&&13==t.keyCode&&this.cn()},this.Io=t=>{if(t.target==this.co){const t=this.Uo[this.Vi];this.Uo.push({steps:t.steps,pulses:t.pulses,rotation:t.rotation,stepSizeNumerator:t.stepSizeNumerator,stepSizeDenominator:t.stepSizeDenominator,channel:t.channel,pitch:t.pitch,invert:t.invert,generateFadingNotes:t.generateFadingNotes}),this.Vi=this.Uo.length-1,this.Qo(),this.Zo(),this.Xo(),this.ts(),this.es()}else if(t.target==this.ho)this.Uo.splice(this.Vi,1),this.Ko.splice(this.Vi,1),this.Vi=Math.max(0,Math.min(this.Uo.length-1,this.Vi)),this.Zo(),this.Xo(),this.ts(),this.es();else{const e=this.ro.indexOf(t.target);-1!=e&&(this.Vi=e,this.Zo(),this.Xo(),this.ts(),this.es())}},this.Do=t=>{this.Qi=this.Ki,this.ns(),this.os()},this.Po=t=>{this.Qi=this.Qi-1,this.Qi{this.Qi=this.Qi+1;const e=this.Ki+this.Ji;this.Qi>=e&&(this.Qi-=this.Ji),this.ns(),this.os()},this.Oo=t=>{const e=this.Ki+this.Ji;this.Qi=e-1,this.ns(),this.os()},this.Go=t=>{const e=this.Uo[this.Vi],n=this.To.checked;e.invert=n,this.ss(),this.ns()},this.Vo=t=>{const e=this.Uo[this.Vi],n=this.zo.checked;e.generateFadingNotes=n,this.ns()},this.jo=t=>{const e=[this.R.song.beatsPerBar,1],n=function(t,e){const n=t[0],i=t[1],o=e[0];return Ho(n*e[1],i*o)}(this.Uo.reduce(((t,n)=>{const i=function(t,e){const n=t[0],i=t[1];return Ho(n*e[0],i*e[1])}([n.steps,1],Ho(n.stepSizeNumerator,n.stepSizeDenominator));return Wo(t,Wo(i,e))}),[1,1]),e),i=n[0];this.Ji=Math.max(1,Math.min(this.Yi,i));const o=this.Ki,s=this.Ki+this.Ji;this.Qi=Math.max(o,Math.min(s-1,this.Qi)),this.Co.value=this.Ji+"",this.ns(),this.os()},this.qo=t=>{const e=Math.max(this._i,Math.min(this.$i,+this.ko.value));this.Uo[this.Vi].steps=e,this.ko.value=e+"",this.Xo(),this.Qo(),this.es()},this.No=t=>{const e=this.Uo[this.Vi],n=Math.max(0,Math.min(e.steps,+this.vo.value));e.pulses=n,this.vo.value=n+"",this.Qo(),this.es()},this.Ro=t=>{const e=Math.max(0,Math.min(this.$i,+this.Fo.value));this.Uo[this.Vi].rotation=e,this.Fo.value=e+"",this.Qo(),this.es()},this._o=t=>{const e=Math.max(1,Math.min(p.partsPerBeat,+this.So.value)),n=Math.max(1,Math.min(p.partsPerBeat,+this.Mo.value)),i=this.Uo[this.Vi];i.stepSizeNumerator=e,i.stepSizeDenominator=n,this.So.value=e+"",this.Mo.value=n+"",this.ns()},this.Ho=t=>{const e=this.Uo[this.Vi],n=this.R.song.getChannelIsNoise(e.channel)?p.drumCount-1:p.maxPitch,i=Math.max(0,Math.min(n,+this.Bo.value));e.pitch=i,this.Bo.value=i+"",this.os()},this.$o=t=>{const e=Math.max(0,Math.min(this.Wi,+this.Eo.value-1));this.Uo[this.Vi].channel=e,this.Eo.value=e+1+"",this.ts(),this.es()},this.Wo=t=>{const e=Math.max(1,Math.min(this.Yi,+this.Co.value));this.Ji=e;const n=this.Ki,i=this.Ki+this.Ji;this.Qi=Math.max(n,Math.min(i-1,this.Qi)),this.Co.value=e+"",this.ns(),this.os()},this.rs=()=>{const t=this.R.song.beatsPerBar,e=nt.pitchBackground,n=this.po,i=this.Zi/t,o=this.Xi;for(let s=0;s{const t=this.Uo[this.Vi];this.ko.value=t.steps+"",this.vo.value=t.pulses+"",this.Fo.value=t.rotation+"",this.So.value=t.stepSizeNumerator+"",this.Mo.value=t.stepSizeDenominator+"",this.Eo.value=t.channel+1+"",this.Bo.value=t.pitch+"",this.To.checked=t.invert,this.zo.checked=t.generateFadingNotes,this.Co.value=this.Ji+""},this.ts=()=>{const t=this.Uo[this.Vi],e=t.channel,n=this.R.song.getChannelIsNoise(e)?p.drumCount-1:p.maxPitch;this.Bo.value=Math.max(0,Math.min(n,+this.Bo.value))+"",this.Bo.max=n+"",t.pitch=+this.Bo.value},this.Xo=()=>{const t=this.Uo[this.Vi],e=t.steps;this.vo.value=Math.max(0,Math.min(e,+this.vo.value))+"",this.vo.max=e+"",t.pulses=+this.vo.value},this.es=()=>{this.ss(),this.ns(),this.os(),this.hs()},this.hs=()=>{const t=this.lo;for(;this.ro.lengththis.Hi;)t.removeChild(this.ro.pop());if(this.ho.style.display=this.Uo.length>1?"":"none",this.co.style.display=this.Uo.length{const t=this.Uo[this.Vi].pitch,e=(t+p.keys[this.R.song.key].basePitch)%p.pitchesPerOctave;let n="";if(p.keys[e].isWhiteKey)n=p.keys[e].name;else{const i=p.blackKeyNameParents[t%p.pitchesPerOctave];n=p.keys[(e+p.pitchesPerOctave+i)%p.pitchesPerOctave].name,1==i?n+="♭":-1==i&&(n+="♯")}n+=Math.floor(t/p.pitchesPerOctave),this.mo.innerText=`Bar ${this.Qi+1}, ${n}`},this.ss=()=>{const t=this.Uo[this.Vi],e=t.steps,n=t.channel,i=this.Ko[this.Vi],o=i.length>0,s=t.invert?0:1,a=nt.getChannelColor(this.R.song,n).primaryNote,r=nt.editorBackground;this.xo.setAttribute("stroke",a);const h=this.wo;for(;null!==h.firstChild;)h.removeChild(h.firstChild);const c=this.eo/2,l=this.no/2,p=this.ao,d=Math.max(this.io,Math.min(this.oo,this.eo/e));for(let t=0;t{const t=this.R.song.beatsPerBar,e=p.partsPerBeat,n=e*t,i=this.Uo[this.Vi],o=i.steps,s=i.channel,a=i.stepSizeNumerator/i.stepSizeDenominator,r=this.Ko[this.Vi],h=r.length>0,c=i.invert?0:1,l=i.generateFadingNotes,d=nt.getChannelColor(this.R.song,s),m=d.primaryNote,u=d.secondaryNote,f=this.Qi-this.Ki,y=f*n,b=this.do;for(;null!==b.firstChild;)b.removeChild(b.firstChild);let g=[];const x=this.Zi/t/e,w=this.Xi,k=.2,v=Math.floor(t*f/a),F=Math.ceil(t*(f+1)/a),S=k,M=w-.4;for(let t=v;tn)&&(s=!0);const w=Math.max(0,Math.min(n,d)),v=Math.max(0,Math.min(n,f)),F=k+w*x,E=(v-w)*x-.4;if(h&&r[t%o]===c){if(l){const t=J.rect({x:F,y:S,width:E,height:M,style:`fill: ${u};`});b.appendChild(t);let e=p.noteSizeMax,n=0;if(s){const t=(w-d)/(f-d);e=Math.round(p.noteSizeMax+(0-p.noteSizeMax)*t);const i=(v-d)/(f-d);n=Math.round(p.noteSizeMax+(0-p.noteSizeMax)*i)}e/=p.noteSizeMax,n/=p.noteSizeMax;const i=F,o=S+M/2*(1-e),a=F+E,r=S+M/2*(1-n),h=F+E,c=S+M-M/2*(1-n),l=F,y=S+M-M/2*(1-e),g=J.path({d:`M ${i} ${o} L ${a} ${r} L ${h} ${c} L ${l} ${y} z`,style:`fill: ${m};`});b.appendChild(g)}else{const t=J.rect({x:F,y:S,width:E,height:M,style:`fill: ${m};`});b.appendChild(t)}if(i){let t=2.2;const e=Math.min(M,20),n=S+M/2;let i;i="M "+L(x*w+t)+" "+L(n-.1*e),i+="L "+L(x*w+t)+" "+L(n+.1*e),i+="L "+L(x*w+t+4)+" "+L(n+.1*e),i+="L "+L(x*w+t+4)+" "+L(n+.3*e),i+="L "+L(x*w+t+12)+" "+L(n),i+="L "+L(x*w+t+4)+" "+L(n-.3*e),i+="L "+L(x*w+t+4)+" "+L(n-.1*e);const o=J.path();o.setAttribute("d",i),o.setAttribute("fill",nt.invertedText),g.push(o)}}}for(let t of g)b.appendChild(t)},this.Ki=this.R.bar,this.Qi=this.Ki,this.Yi=p.barCountMax-this.Ki,this.Co.max=this.Yi+"",this.Wi=this.R.song.pitchChannelCount+this.R.song.noiseChannelCount-1,this.Eo.max=this.Wi+1+"";const l=Math.max(this._i,Math.min(this.$i,this.R.song.beatsPerBar)),d=Math.max(0,Math.min(l,5));if(this.Uo=[{steps:l,pulses:d,rotation:0,stepSizeNumerator:1,stepSizeDenominator:4,channel:Math.max(0,Math.min(this.Wi,this.R.channel)),pitch:0,invert:!1,generateFadingNotes:!1}],this.R.selection.boxSelectionActive){this.Ki=this.R.selection.boxSelectionBar,this.Qi=this.Ki,this.Ji=Math.max(1,Math.min(this.Yi,this.R.selection.boxSelectionWidth)),this.Uo[0].channel=Math.max(0,Math.min(this.Wi,this.R.selection.boxSelectionChannel));for(let t=1;t=e){const s=a(e,t,n,i,o);i=s.nextOffset,o=s.leftBytes}return n;function a(t,e,n,i,o){let s=Uint8Array;switch(t){case 8:s=Float64Array;break;case 4:s=Float32Array;break;case 2:s=Uint16Array;break;default:s=Uint8Array}const a=new s(e,i,o/t|0),r=new s(n,i,o/t|0);for(let t=0;tthis.ps.byteLength&&(this.ps=Vo(this.ps,Math.max(2*this.ps.byteLength,this.ls)),this.ds=new DataView(this.ps))}getWriteIndex(){return this.cs}rewriteUint32(t,e){this.ds.setUint32(t,e>>>0,!1)}writeUint32(t){t>>>=0,this.us(4),this.ds.setUint32(this.cs,t,!1),this.cs=this.ls}writeUint24(t){t>>>=0,this.us(3),this.ds.setUint8(this.cs,t>>16&255),this.ds.setUint8(this.cs+1,t>>8&255),this.ds.setUint8(this.cs+2,255&t),this.cs=this.ls}writeUint16(t){t>>>=0,this.us(2),this.ds.setUint16(this.cs,t,!1),this.cs=this.ls}writeUint8(t){t>>>=0,this.us(1),this.ds.setUint8(this.cs,t),this.cs=this.ls}writeInt8(t){t|=0,this.us(1),this.ds.setInt8(this.cs,t),this.cs=this.ls}writeMidi7Bits(t){if((t>>>=0)>=128)throw new Error("7 bit value contained 8th bit!");this.us(1),this.ds.setUint8(this.cs,t),this.cs=this.ls}writeMidiVariableLength(t){if((t>>>=0)>268435455)throw new Error("writeVariableLength value too big.");let e=!1;for(let n=0;n<4;n++){const i=t>>>21-7*n&127;0==i&&3!=n||(e=!0),e&&this.writeUint8((3==n?0:128)|i)}}writeMidiAscii(t){this.writeMidiVariableLength(t.length);for(let e=0;e127)throw new Error("Trying to write unicode character as ascii.");this.writeUint8(n)}}toCompactArrayBuffer(){return Vo(this.ps,this.ls)}}const Uo=8192,Ko={35:{frequency:0,duration:2,volume:3},36:{frequency:0,duration:2,volume:3},37:{frequency:5,duration:1,volume:3},38:{frequency:4,duration:2,volume:3},39:{frequency:5,duration:2,volume:3},40:{frequency:4,duration:2,volume:3},41:{frequency:1,duration:2,volume:3},42:{frequency:8,duration:1,volume:3},43:{frequency:1,duration:2,volume:3},44:{frequency:8,duration:1,volume:2},45:{frequency:2,duration:2,volume:3},46:{frequency:8,duration:4,volume:3},47:{frequency:2,duration:2,volume:3},48:{frequency:3,duration:2,volume:3},49:{frequency:7,duration:4,volume:3},50:{frequency:3,duration:2,volume:3},51:{frequency:6,duration:4,volume:2},52:{frequency:7,duration:4,volume:3},53:{frequency:6,duration:2,volume:3},54:{frequency:11,duration:2,volume:3},55:{frequency:9,duration:4,volume:3},56:{frequency:7,duration:1,volume:2},57:{frequency:7,duration:4,volume:3},58:{frequency:10,duration:2,volume:2},59:{frequency:6,duration:4,volume:3},69:{frequency:10,duration:2,volume:3},70:{frequency:10,duration:2,volume:3},73:{frequency:10,duration:1,volume:2},74:{frequency:10,duration:2,volume:2}};function Jo(t){return Math.pow(t/127,4)/.3844015376046128}const{button:Yo,div:Qo,h2:Zo,input:Xo,select:ts,option:es}=K;function ns(t,e,n){return t+n*(e-t)}function is(t,e){if(navigator.msSaveOrOpenBlob)return void navigator.msSaveOrOpenBlob(t,e);const n=document.createElement("a");if(null!=n.download){const i=URL.createObjectURL(t);setTimeout((function(){URL.revokeObjectURL(i)}),6e4),n.href=i,n.download=e,setTimeout((function(){n.dispatchEvent(new MouseEvent("click"))}),0)}else{const e=URL.createObjectURL(t);setTimeout((function(){URL.revokeObjectURL(e)}),6e4),window.open(e,"_blank")||(window.location.href=e)}}class os{constructor(t){this.R=t,this.outputStarted=!1,this.Ai=Xo({type:"text",style:"width: 10em;",value:"BeepBox-Song",maxlength:250,autofocus:"autofocus"}),this.fs=Qo({style:"width: 10em;"},new Text("0:00")),this.ys=Xo({type:"checkbox"}),this.bs=Xo({style:"width: 3em;",type:"number",min:"1",max:"16",step:"1"}),this.gs=Xo({type:"checkbox"}),this.xs=ts({style:"width: 100%;"},es({value:"wav"},"Export to .wav file."),es({value:"mp3"},"Export to .mp3 file."),es({value:"midi"},"Export to .mid file."),es({value:"json"},"Export to .json file."),es({value:"html"},"Export to .html file.")),this.ws=Xo({type:"checkbox"}),this.ks=Qo({style:"vertical-align: middle; align-items: center; justify-content: space-between;"},"Remove Whitespace: ",this.ws),this.an=Yo({class:"cancelButton"}),this.Ei=Yo({class:"exportButton",style:"width:45%;"},"Export"),this.vs=Qo({style:`width: 0%; background: ${nt.loopAccent}; height: 100%; position: absolute; z-index: 2;`}),this.Fs=Qo({style:"position: relative; top: -1px; z-index: 3;"},"0%"),this.Ss=Qo({style:`height: 12px; background: ${nt.uiWidgetBackground}; display: block; position: relative; z-index: 1;`},this.vs,this.Fs),this.container=Qo({class:"prompt noSelection",style:"width: 200px;"},Qo({class:"promptTitle"},Zo({class:"exportExt",style:"text-align: inherit;"},""),Zo({class:"exportTitle"},"Export Options")),Qo({style:"display: flex; flex-direction: row; align-items: center; justify-content: space-between;"},"File name:",this.Ai),Qo({style:"display: flex; flex-direction: row; align-items: center; justify-content: space-between;"},"Length:",this.fs),Qo({style:"display: table; width: 100%;"},Qo({style:"display: table-row;"},Qo({style:"display: table-cell;"},"Intro:"),Qo({style:"display: table-cell;"},"Loop Count:"),Qo({style:"display: table-cell;"},"Outro:")),Qo({style:"display: table-row;"},Qo({style:"display: table-cell; vertical-align: middle;"},this.ys),Qo({style:"display: table-cell; vertical-align: middle;"},this.bs),Qo({style:"display: table-cell; vertical-align: middle;"},this.gs))),Qo({class:"selectContainer",style:"width: 100%;"},this.xs),this.ks,Qo({class:"selectContainer",style:"width: 100%;"},this.xs),Qo({style:"text-align: left;"},"Exporting can be slow. Reloading the page or clicking the X will cancel it. Please be patient."),this.Ss,Qo({style:"display: flex; flex-direction: row-reverse; justify-content: space-between;"},this.Ei),this.an),this.hn=()=>{null!=this.synth&&(this.synth.renderingSong=!1),this.outputStarted=!1,this.R.undo()},this.cleanUp=()=>{this.Ai.removeEventListener("input",os.Ti),this.bs.removeEventListener("blur",os.pn),this.Ei.removeEventListener("click",this.Ms),this.an.removeEventListener("click",this.hn),this.container.removeEventListener("keydown",this.dn)},this.dn=t=>{"BUTTON"!=t.target.tagName&&13==t.keyCode&&this.Ms()},this.Ms=()=>{if(1!=this.outputStarted)switch(window.localStorage.setItem("exportFormat",this.xs.value),window.localStorage.setItem("exportWhitespace",this.ws.value),window.localStorage.setItem("exportFormat",this.xs.value),this.xs.value){case"wav":this.outputStarted=!0,this.Es("wav");break;case"mp3":this.outputStarted=!0,this.Es("mp3");break;case"midi":this.outputStarted=!0,this.Bs();break;case"json":this.outputStarted=!0,this.Cs();break;case"html":this.As();break;default:throw new Error("Unhandled file export type.")}},this.bs.value="1",0==this.R.song.loopStart?(this.ys.checked=!1,this.ys.disabled=!0):(this.ys.checked=!0,this.ys.disabled=!1),this.R.song.loopStart+this.R.song.loopLength==this.R.song.barCount?(this.gs.checked=!1,this.gs.disabled=!0):(this.gs.checked=!0,this.gs.disabled=!1);const e=window.localStorage.getItem("exportFormat");null!=e&&(this.xs.value=e);const n="true"==window.localStorage.getItem("exportWhitespace");null!=n&&(this.ws.checked=n),"json"==this.xs.value?this.ks.style.display="block":this.ks.style.display="none",this.Ai.select(),setTimeout((()=>this.Ai.focus())),this.Ai.addEventListener("input",os.Ti),this.bs.addEventListener("blur",os.pn),this.Ei.addEventListener("click",this.Ms),this.an.addEventListener("click",this.hn),this.gs.addEventListener("click",(()=>{this.fs.firstChild.textContent=this.samplesToTime(this.R.synth.getTotalSamples(this.ys.checked,this.gs.checked,+this.bs.value-1))})),this.ys.addEventListener("click",(()=>{this.fs.firstChild.textContent=this.samplesToTime(this.R.synth.getTotalSamples(this.ys.checked,this.gs.checked,+this.bs.value-1))})),this.bs.addEventListener("change",(()=>{this.fs.firstChild.textContent=this.samplesToTime(this.R.synth.getTotalSamples(this.ys.checked,this.gs.checked,+this.bs.value-1))})),this.xs.addEventListener("change",(()=>{"json"==this.xs.value?this.ks.style.display="block":this.ks.style.display="none"})),this.container.addEventListener("keydown",this.dn),this.Ai.value=t.song.title,os.Ti(null,this.Ai),this.fs.firstChild.textContent=this.samplesToTime(this.R.synth.getTotalSamples(this.ys.checked,this.gs.checked,+this.bs.value-1))}samplesToTime(t){const e=Math.round(t/this.R.synth.samplesPerSecond),n=e%60;return Math.floor(e/60)+":"+(n<10?"0":"")+n}changeFileName(t){this.Ai.value=t}static Ti(t,e){let n;if(null!=t)n=t.target;else{if(null==e)return;n=e}const i=/[\+\*\$\?\|\{\}\\\/<>#%!`&'"=:@]/gi;if(i.test(n.value)){let t=n.selectionStart;n.value=n.value.replace(i,""),t--,n.setSelectionRange(t,t)}}static pn(t){const e=t.target;e.value=Math.floor(Math.max(Number(e.min),Math.min(Number(e.max),Number(e.value))))+""}zs(){if(0==this.outputStarted)return;const t=5*this.synth.samplesPerSecond,e=this.currentChunk*t,n=Math.min(t,this.sampleFrames-e),i=new Float32Array(n),o=new Float32Array(n);if(this.synth.renderingSong=!0,this.synth.synthesize(i,o,n),this.recordedSamplesL.set(i,e),this.recordedSamplesR.set(o,e),this.vs.style.setProperty("width",Math.round((this.currentChunk+1)/this.totalChunks*100)+"%"),this.Fs.innerText=Math.round((this.currentChunk+1)/this.totalChunks*100)+"%",this.currentChunk++,this.currentChunk>=this.totalChunks)if(this.synth.renderingSong=!1,this.Fs.innerText="Encoding...","wav"==this.thenExportTo)this.Ts();else{if("mp3"!=this.thenExportTo)throw new Error("Unrecognized file export type chosen!");this.Is()}else setTimeout((()=>{this.zs()}))}Es(t){if(this.thenExportTo=t,this.currentChunk=0,this.synth=new Jt(this.R.song),"wav"==t)this.synth.samplesPerSecond=48e3;else{if("mp3"!=t)throw new Error("Unrecognized file export type chosen!");this.synth.samplesPerSecond=44100}if(this.vs.style.setProperty("width","0%"),this.Fs.innerText="0%",this.synth.loopRepeatCount=Number(this.bs.value)-1,!this.ys.checked)for(let t=0;t{this.zs()}))}Ts(){const t=this.recordedSamplesL.length,e=this.synth.samplesPerSecond,n=2*t;let i=0;const o=new ArrayBuffer(44+2*n),s=new DataView(o);s.setUint32(i,1380533830,!1),i+=4,s.setUint32(i,36+2*n,!0),i+=4,s.setUint32(i,1463899717,!1),i+=4,s.setUint32(i,1718449184,!1),i+=4,s.setUint32(i,16,!0),i+=4,s.setUint16(i,1,!0),i+=2,s.setUint16(i,2,!0),i+=2,s.setUint32(i,e,!0),i+=4,s.setUint32(i,2*e*2,!0),i+=4,s.setUint16(i,4,!0),i+=2,s.setUint16(i,16,!0),i+=2,s.setUint32(i,1684108385,!1),i+=4,s.setUint32(i,2*n,!0),i+=4;{const e=32767;for(let n=0;n{const t=1152,e=new window.lamejs.Mp3Encoder(2,this.synth.samplesPerSecond,192),n=[],i=new Int16Array(this.recordedSamplesL.length),o=new Int16Array(this.recordedSamplesR.length);for(let t=0;t0&&n.push(h)}const s=e.flush();s.length>0&&n.push(s);is(new Blob(n,{type:"audio/mp3"}),this.Ai.value.trim()+".mp3"),this.hn()};if("lamejs"in window)t();else{var e=document.createElement("script");e.src="https://cdn.jsdelivr.net/npm/lamejs@1.2.0/lame.min.js",e.onload=t,document.head.appendChild(e)}}Bs(){const t=this.R.song,e=2*p.ticksPerPart*p.partsPerBeat,n=2*p.ticksPerPart,i=t.getBeatsPerMinute(),o=Math.round(6e7/i),s=e*t.beatsPerBar,a=24,r=[];if(this.ys.checked)for(let u=0;u=16)continue;h.push({isMeta:!1,channel:g,midiChannel:c++,isNoise:this.R.song.getChannelIsNoise(g),isDrumset:!1}),9==c&&c++}else h.push({isMeta:!1,channel:g,midiChannel:9,isNoise:!0,isDrumset:!0}),l=!0;const d=new jo(1024);d.writeUint32(1297377380),d.writeUint32(6),d.writeUint16(1),d.writeUint16(h.length),d.writeUint16(e);for(const x of h){d.writeUint32(1297379947);const{isMeta:k,channel:v,midiChannel:F,isNoise:S,isDrumset:M}=x,E=d.getWriteIndex();d.writeUint32(0);let B=0,C=0;const A=function(t){if(t=0&&e<=127))throw new Error("Midi control event value out of range: "+e);d.writeUint8(176|F),d.writeMidi7Bits(t),d.writeMidi7Bits(0|e)};if(k){A(0),d.writeUint8(255),d.writeMidi7Bits(1),d.writeMidiAscii("Composed with jummbus.bitbucket.io"),A(0),d.writeUint8(255),d.writeMidi7Bits(81),d.writeMidiVariableLength(3),d.writeUint24(o),A(0),d.writeUint8(255),d.writeMidi7Bits(88),d.writeMidiVariableLength(4),d.writeUint8(t.beatsPerBar),d.writeUint8(2),d.writeUint8(24),d.writeUint8(8);let T=t.scale==p.scales.dictionary.Custom.index?t.scaleCustom:p.scales[t.scale].flags;const I=T[3]&&!T[4],D=t.key;let P=D;for(1==(1&D)&&(P+=6),I&&(P+=9);P>6;)P-=12;A(0),d.writeUint8(255),d.writeMidi7Bits(89),d.writeMidiVariableLength(2),d.writeInt8(P),d.writeUint8(I?1:0),this.ys.checked&&(C+=s*t.loopStart),A(C),d.writeUint8(255),d.writeMidi7Bits(6),d.writeMidiAscii("Loop Start");for(let L=0;Ln.chipWave&&(t=os.midiChipInstruments[n.chipWave]);else if(6==n.type||1==n.type||11==n.type||5==n.type||8==n.type)t=81;else if(7==n.type)t=25;else{if(9!=n.type)throw new Error("Unrecognized instrument type.");t=81}A(C),d.writeUint8(192|F),d.writeMidi7Bits(t)}A(C);let t=(o=Jt.instrumentVolumeToVolumeMult(n.volume),127*Math.pow(.3844015376046128*o,.25));z(7,Math.min(127,Math.round(t))),A(C);let s=63*(n.pan/p.panCenter-1)+64;z(10,Math.min(127,Math.round(s)))}var o}null==t.getPattern(v,0)&&R(0);let _=Uo,$=127,H=!1;const W=S?p.spectrumBasePitch:p.keys[t.key].basePitch,G=S?p.noiseInterval:1;for(const V of r){const j=t.getPattern(v,V);if(null!=j){const U=j.instruments[0],K=t.channels[v].instruments[U],J=O.valueToPreset(K.preset);R(U);let Y=K.getChord().arpeggiates,Q=Y?1:p.maxChordSize;K.getChord().customInterval&&(0==K.type||5==K.type?(Q=2,Y=!0):1==K.type?Q=p.operatorCount:console.error("Unrecognized instrument type for harmonizing arpeggio: "+K.type));for(let Z=0;Z>7&127),_=St),Mt==$||M||(A(kt),z(11,Mt),$=Mt);const Et=kt==tt;for(let Bt=0;Bt=At.length)throw new Error("Could not find corresponding drumset pitch. "+Ct);Ct=At[Ct]}else{if(Y&&X.pitches.length>Bt+1&&Bt==at-1){const zt=(kt-C)%e,Tt=p.ticksPerArpeggio*n/p.ticksPerPart,It=Math.floor(zt/Tt);Ct=X.pitches[Bt+w(X.pitches.length-Bt,K.fastTwoNoteArp,It)]}Ct=W+Ct*G+ct,null!=J&&null!=J.midiSubharmonicOctaves?Ct+=12*J.midiSubharmonicOctaves:S&&(Ct+=12*+O.presetCategories.dictionary["Drum Presets"].presets.dictionary["taiko drum"].midiSubharmonicOctaves),S&&(Ct*=2)}Ct=Math.max(0,Math.min(127,Ct)),st[Bt]=Ct,Et||ot[Bt]==st[Bt]||(A(kt),d.writeUint8(128|F),d.writeMidi7Bits(ot[Bt]),d.writeMidi7Bits(rt))}for(let Dt=0;Dt>7&127)));C+=s}}A(C),d.writeUint8(255),d.writeMidi7Bits(47),d.writeMidiVariableLength(0),d.rewriteUint32(E,d.getWriteIndex()-E-4)}var m;is(new Blob([d.toCompactArrayBuffer()],{type:"audio/midi"}),this.Ai.value.trim()+".mid"),this.hn()}Cs(){const t=this.R.song.toJsonObject(this.ys.checked,Number(this.bs.value),this.gs.checked);let e=this.ws.checked?void 0:"\t";const n=JSON.stringify(t,null,e);is(new Blob([n],{type:"application/json"}),this.Ai.value.trim()+".json"),this.hn()}As(){const t=`\n\nYou should be redirected to the song at:

\n\n\n\n\n\n