@font-face{font-family:Dosis;src:local(Dosis),url(/assets/Dosis-VariableFont_wght-EBm-20Y5.ttf)format("truetype")}:root{--p5:#ed225d;--p5-bg:#ed225d33;--hydra:#69beef;--hydra-bg:#69beef33;--video:#f0f;--video-bg:#f0f3;--info:#090;--info-bg:#0903;--title:#ff0;--title-bg:#ff03}html,body{color:#fff;margin:0;padding:0;font-family:Dosis,sans-serif}canvas{display:block}main{width:100%;margin:0 auto}div#welcome{background:#000;padding:20px;display:block;position:relative}span#title{font-family:Dosis,sans-serif}div#archive{color:#aaa;margin-top:40px;display:none}div#archive a{color:#666;font-size:x-large;text-decoration:none}div#archive a:hover{color:#fff}div#welcome{font-family:monospace}div#welcome a{color:#aaa;font-size:16px;text-decoration:none}div#welcome a:hover{color:#fff}div#browser-warning{color:red;display:none}div#welcome-panel{justify-content:center;align-items:center;width:100%;display:flex}div#manual{justify-content:center;align-items:center;width:100%;font-family:monospace;font-size:x-large;display:flex}div#manual div{background:#000;padding:20px;display:block;position:relative}div#empty{width:100%}div#controls{padding:20px;display:block}div#controls div#blends,div#controls div#filters,div#controls div#midi{margin-top:20px;display:block}div#controls{font-family:monospace}div#blends label{margin-right:1em}div#blends{display:flex}div#mixer{justify-content:space-around;font-size:large;display:flex}div#mixer>div{width:50%;padding:0 1em 1em;display:flex}div#mixer>div>div>div{background:#000}div#mixer input{background:#000;padding:4em}div#mixer label{background:#000;border:2px solid #000}span.mixerLabel{background:#000;padding:2px}#menu{justify-content:space-between;width:100%;font-family:monospace;font-size:16px;display:flex}#menu div,#menu div.label{display:flex}#menu button,#menu div.label{background:#0006;justify-self:flex-end;padding:10px;display:flex}#menu button{background-color:inherit;color:inherit;border:inherit;font-family:inherit;font-size:inherit;cursor:pointer;background:#0006}.submitButton{cursor:pointer}#menu .p5button:hover{color:var(--p5)}#menu .p5button.active{color:#fff;background:var(--p5-bg)}#menu .hydrabutton:hover{color:var(--hydra)}#menu .hydrabutton.active{color:#fff;background:var(--hydra-bg)}#menu .videobutton:hover{color:var(--video)}#menu .videobutton.active{color:#fff;background:var(--video-bg)}#infobutton:hover{color:var(--info)}#infobutton.active{color:#fff;background:var(--info-bg)}#titlebutton:hover{color:var(--title)}#titlebutton.active{color:#fff;background:var(--title-bg)}#infobutton{justify-self:flex-end}#editlabel{margin-left:2em}.CodeMirror{font-size:large;line-height:1.4}.code{color:#333;background-color:#ccc;padding:2px;font-family:monospace}.cm-s-default,.CodeMirror-gutters{color:#fff;background-color:#0000;border:0}.cm-s-tomorrow-night-eighties .CodeMirror-gutters{background-color:#0000}.CodeMirror-line span{font-size:large}.cm-property{color:purple}.cm-variable{color:green}.cm-comment{color:#9b9b9b}.cm-editor{color:#ccc;background:0 0;height:100%;padding:.5em;font-size:18px;transition:background-color .3s;display:flex}.cm-line{color:#ccc;background-color:#0009;width:fit-content;margin-bottom:.25em;transition:background-color .3s;padding-left:0!important}.cm-line span:first-child{padding-left:6px}.cm-activeLine{background-color:#000000e6!important}.em-editor .cm-cursor{border:1px solid red}.ͼ1.cm-focused{outline:0}div#videoeditor,.addedVideoEditor{justify-content:center;padding:20px;font-family:monospace;display:flex}div#videoeditor input,.addedVideoEditor input{color:#fff;background:#0006;border:1px solid #aaa6;padding:20px;font-family:monospace;font-size:16px}#vidUpload:focus{outline:0}canvas#out1{float:left;clear:both;z-index:-5;background:#000;border:0 solid #000;margin:0 auto;position:fixed}div#srcHeader{color:#fff;text-align:center;background:#0008;width:100%;margin:5px 0;padding:5px 0;display:none}div.inputDiv{margin-bottom:20px}canvas.inputSrc{width:360px}canvas.p5Canvas{width:360px!important;height:200px!important}video.inputSrc{object-fit:cover;width:360px;height:200px;display:block}div.srcLabel{z-index:100;font-size:x-large;display:block}div.inputDiv button{color:#fff;background:0 0;border:0;padding:5px 10px;position:absolute;top:0;right:0}div.inputDiv button:hover{background:#000}div#srcPreviews{flex-wrap:wrap;justify-content:flex-start;padding-bottom:20px;display:flex}div#srcPreviews canvas{border:2px solid #000}div#srcPreviews .inputDiv{margin:0 4px}.panel{background:#000;padding:4px 4px 0}.inputDiv{position:relative}.inputDiv .srcLabel{background:#0005;padding:10px 15px;font-family:monospace;position:absolute;top:0;left:0}