@import url(https://fonts.googleapis.com/css?family=IBM+Plex+Sans|IBM+Plex+Sans+Condensed&display=swap);.nav{position:absolute;width:100vw;display:flex;justify-content:space-between;background-color:#b87333;color:#fff;align-items:center;z-index:9}.nav h1{flex:1 1;padding:0 20px;margin:0;font-size:1rem}.nav .addPanel{flex:3 1;padding:0;margin:0;list-style:none;display:flex;flex-direction:row;justify-content:flex-end}ul.addPanel{list-style:none;margin:0;padding-left:0}ul.addPanel li{color:#fff;background:#b87333;display:block;margin:0;position:relative;text-decoration:none;-webkit-transition-duration:.5s;transition-duration:.5s}ul.addPanel>li{min-width:150px;padding:15px;border-right:1px solid #a56122}ul.addPanel li:focus-within,ul.addPanel li:hover{cursor:pointer}ul.addPanel li:focus-within a{outline:none}ul.addPanel li ul{visibility:hidden;opacity:0;min-width:181px;position:absolute;-webkit-transition:all .5s ease;transition:all .5s ease;margin-top:15px;right:-1px;display:none}ul.addPanel li:focus-within>ul,ul.addPanel li:hover>ul,ul.addPanel li ul:focus,ul.addPanel li ul:hover{visibility:visible;opacity:1;display:block}ul.addPanel li ul li{clear:both;width:100%}ul.addPanel li ul{padding:0}.nav .addPanel button{width:100%;padding:15px;border-radius:0;background-color:#a56122;color:#fff;cursor:pointer;text-align:left;font-size:.8rem;border:none;border-top:1px solid #b87333}.nav .addPanel button:hover{background-color:#99571a}ul.addPanel li ul.shader-menu{right:0;min-width:auto;height:475px;display:grid;grid-template-columns:repeat(4,191px);overflow:scroll}ul.addPanel li ul.shader-menu li{min-height:190px}.footer{position:absolute;bottom:0;width:100vw;display:flex;justify-content:space-between;background-color:#b87333;color:#fff;align-items:center;z-index:9}.footer h1{flex:1 1;padding:0 20px;margin:0;font-size:1rem}body,html{font-family:IBM Plex Sans,sans-serif;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#root{position:relative;width:100vw;height:100vh;overflow:hidden}.canvas{min-width:5000px;min-height:5000px;background-color:#fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAACgAgMAAADm7QMnAAAADFBMVEWIiIixsbGxsbGxsbF0SLUbAAAABHRSTlP/bytS3QghxwAAAEVJREFUeAFjYA3FAA4Mq17tWrcalVhBtOBK7IL/McFf4rUPZYtGLRq1aNSiUYtGLSJcoYzWR4PBolGLRi0atWjUotH6CAA67a9q5+gpSAAAAABJRU5ErkJggg==);background-position:0 0}.canvas,article{position:absolute}article{width:350px;min-height:120px;margin-bottom:20px;background-color:grey;border-radius:8px;color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.5);display:flex;flex-direction:column;z-index:2}article.medium{width:525px;min-height:400px}article.large{width:700px;min-height:600px}article header{grid-area:header;min-height:auto;background-color:initial;padding:10px;border-bottom:1px solid hsla(0,0%,100%,.25);cursor:move;display:flex}article header .close{margin-right:10px;cursor:pointer}article header span{flex:1 1}article header .indicators{flex:1 1;display:flex;justify-content:flex-end}article header .indicator{width:18px;height:18px;background-color:#444;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}article header .indicator svg{position:relative;color:hsla(0,0%,100%,.75)}article header .indicators .indicator{margin-left:5px}article header .indicators .indicator.yellow.on{color:#ff0;background-color:currentcolor;box-shadow:0 0 8px currentcolor}article header .indicators .indicator.green.on{color:#40ff40;background-color:currentcolor;box-shadow:0 0 8px currentcolor}article header .indicators .indicator.flash{-webkit-animation:flash;animation:flash;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}article .controls{display:flex;border-top:1px solid hsla(0,0%,100%,.25)}article .knobs{padding:10px 20px;width:100%;font-family:IBM Plex Sans Condensed,sans-serif;font-size:.8rem;display:flex;flex-direction:column}article .knobs.nopadding{padding:0}article .knobs.nopadding>canvas{border-radius:0 0 10px 10px}article .knobs.nopadding>div{padding:10px;border-radius:0 0 10px 10px}article .knobs input[type=range]{display:inline-block;width:100%}article .knobs button,article .knobs input,article .knobs select{display:inline-block;margin:0 0 5px;border:0;background-color:#fff;padding:5px;border-radius:3px}article ul.knobs{padding:5px 15px;list-style:none}article ul.knobs li{width:100%}article ul.knobs li input[type=radio]{width:auto}article .io{display:grid;grid-template-columns:2fr 1fr;grid-template-areas:"inputs outputs";font-family:IBM Plex Sans Condensed,sans-serif;font-size:.8rem}article .node>div{position:absolute;width:20px;height:20px;border-radius:50%;border:2px solid grey;cursor:pointer;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center}article .node>div svg{position:relative}article .input.node>div{left:-12px;pointer-events:all}article .output.node>div{right:-10px;pointer-events:all}article .node{font-family:Courier New,Courier,monospace}article .inputs{position:relative;list-style:none;padding:5px 0;margin-top:0;margin-bottom:0}article .inputs .input{display:flex;align-items:center;min-height:30px;margin-left:20px;pointer-events:none}article .inputs .input>div{background-color:#33d6ff}article .outputs{position:relative;list-style:none;padding:5px 0;margin-top:0;margin-bottom:0}article .outputs .output{display:flex;align-items:center;justify-content:flex-end;min-height:30px;margin-right:20px}article .outputs .output>div{background-color:#33ff4e}article footer{flex:1 1 20px;padding:10px 20px;border-top:1px solid hsla(0,0%,100%,.25);font-family:IBM Plex Sans Condensed,sans-serif;font-size:.8rem}@-webkit-keyframes flash{0%{background-color:#444;box-shadow:none}49%{background-color:#444;box-shadow:none}50%{background-color:currentcolor;box-shadow:0 0 8px currentcolor}to{background-color:currentcolor;box-shadow:0 0 8px currentcolor}}@keyframes flash{0%{background-color:#444;box-shadow:none}49%{background-color:#444;box-shadow:none}50%{background-color:currentcolor;box-shadow:0 0 8px currentcolor}to{background-color:currentcolor;box-shadow:0 0 8px currentcolor}}svg{position:absolute;width:100%;height:100%;top:0;left:0;bottom:0;right:0;z-index:1;pointer-events:none}textarea{padding:5px;width:340px;min-height:40px;font-family:Courier New,Courier,monospace;border:0}.active{cursor:-webkit-grabbing!important;cursor:grabbing!important}article .node>div svg{color:hsla(0,0%,100%,.75)}article .inputs .input.any>div,article .outputs .output.any>div{background-color:#00f11d}article .inputs .input.float>div,article .outputs .output.float>div{background-color:#ff7f00}article .inputs .input.string>div,article .outputs .output.string>div{background-color:#ff0900}article .inputs .input.vec3>div,article .outputs .output.vec3>div{background-color:#ffef00}article .inputs .input.array>div,article .outputs .output.array>div{background-color:#a800ff}article .inputs .input.event>div,article .outputs .output.event>div{background-color:#0079ff}div.uniforms{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px}div.uniforms>input[disabled]{background-color:#aaa}.template-output{white-space:pre}.template-output>span{color:#f88}.keyboard{height:100px;width:100%;margin-top:5px;background-color:hsla(0,0%,100%,.1)}div.uniforms>input[disabled].pressed{background-color:#0f0}.placeholder{min-height:120px;display:grid;align-items:center;justify-content:center}.placeholder>svg{position:relative}
/*# sourceMappingURL=main.09e341a9.chunk.css.map */