@import url(https://fonts.googleapis.com/css2?family=Inconsolata:wght@500;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Recursive:wght@500;800&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.nav{width:2rem;padding-right:2rem;padding-top:6rem;top:0}.nav-button{background-color:#464545;color:hsla(0,0%,100%,.86);cursor:pointer;position:relative;margin-bottom:.55rem;width:2.2rem;height:2.3rem;box-shadow:0 0 10px #000;border-radius:0 .25rem .25rem 0;border:2px solid rgba(15,15,15,.65);border-left-style:none;opacity:.7;transition:opacity .25s ease,border-color .25s ease,background-color .25s ease;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.nav-button.active{background-color:#464545;opacity:.95;border-color:hsla(0,0%,100%,.45)}.nav-button:focus{outline:none!important}.nav-button:hover{opacity:.9;background-color:#5c5c5c;border-color:rgba(15,15,15,.5)}.nav-button.active:hover{opacity:1;border-color:hsla(0,0%,100%,.45);background-color:#626262}.shader-icon{margin-top:.1rem}.shader-icon,.wave-icon{pointer-events:none;width:1.25rem;height:1.25rem;opacity:.7;margin-left:-.1rem}.wave-icon{margin-top:.2rem}.fbx-icon{margin-top:.1rem}.fbx-icon,.preset-icon{pointer-events:none;width:1.25rem;height:1.25rem;opacity:.7;margin-left:-.1rem}.preset-icon{margin-top:.23rem}.info-icon{pointer-events:none;width:1.25rem;height:1.25rem;opacity:.7;margin-top:.1rem;margin-left:-.1rem}@media only screen and (max-width:415px){.nav{padding-right:0;position:fixed;bottom:0;top:auto;width:100vw;display:flex;align-content:baseline;justify-content:space-evenly}.nav-button{border-radius:.25rem .25rem 0 0;border-style:solid solid none;width:2.7rem;height:2.8rem;margin-bottom:0}}@media only screen and (orientation:landscape) and (max-width:812px) and (max-height:414px){.nav{position:fixed;padding-top:0;left:0;top:0;right:0;bottom:0;height:70vh;margin-top:auto;margin-bottom:auto;display:flex;flex-direction:column;flex-flow:row wrap;align-content:space-evenly}.nav-button{margin-bottom:0}}.ctrl-module{width:13rem;color:hsla(0,0%,100%,.66);background-color:rgba(70,69,69,.733);box-shadow:0 0 15px #000;z-index:200;overflow:hidden;border-radius:.25rem;padding:1rem}.ctrl-module.hidden{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-bottom:0;margin-top:0;transition:opacity .4s linear,padding-top .4s linear,padding-bottom .4s linear,margin-bottom .4s linear,max-height .4s linear,margin-top .4s linear}.ctrl-module.showing{opacity:1;padding-top:1rem;padding-bottom:1rem;margin-bottom:1.5rem;transition:opacity .4s linear,padding-top .4s linear,padding-bottom .4s linear,margin-bottom .4s linear,max-height .4s linear}#shader-ctrl.showing{max-height:100px}#wave-ctrl.showing{max-height:375px}#fbx-ctrl.showing{max-height:140px}.slider-wrap{display:grid;grid-row-gap:0}.slider-row{display:flex;justify-content:space-between;height:1.2rem;margin-bottom:.64rem}.slider-label{font-weight:900;font-size:.85rem;margin-top:.1rem;display:block}.slider,input[type=range]{width:80%;margin-right:1rem}input[type=range]{background-color:initial;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background:hsla(0,0%,70.6%,.416);border:0;border-radius:17.1px;width:100%;height:13px;cursor:pointer}input[type=range]:focus::-webkit-slider-runnable-track{background:hsla(0,0%,70.6%,.516)}input[type=range]::-moz-range-track{background:hsla(0,0%,78.4%,.416);border:0;border-radius:17.1px;width:100%;height:13px;cursor:pointer}input[type=range]::-webkit-slider-thumb{margin-top:-3.5px;width:13px;height:20px;background:hsla(0,0%,70.6%,.816);border-radius:4px;cursor:pointer;box-shadow:0 0 15px rgba(20,20,20,.516);-webkit-appearance:none}input[type=range]::-moz-range-thumb{margin-top:-3.5px;width:10px;height:20px;background:hsla(0,0%,70.6%,.816);border-radius:4px;cursor:pointer;box-shadow:0 0 15px rgba(20,20,20,.516);-webkit-appearance:none}input[type=range]::-ms-thumb{margin-top:-3.5px;width:10px;height:20px;background:hsla(0,0%,70.6%,.816);border-radius:4px;cursor:pointer;box-shadow:0 0 15px rgba(20,20,20,.516);-webkit-appearance:none}@media only screen and (max-width:769px){input[type=range]::-webkit-slider-thumb{width:15px;height:20px}input[type=range]::-moz-range-thumb{width:15px;height:20px}input[type=range]::-ms-thumb{width:15px;height:20px}}@media only screen and (max-width:415px){.ctrl-module{background-color:rgba(70,69,69,.5);position:fixed;bottom:3rem;width:calc(100vw - 6rem);margin-left:2rem;margin-right:2rem}.controls{margin-left:0}#wave-ctrl.showing{max-height:500px}#fbx-ctrl.showing{max-height:160px}input[type=range]{width:85%}input[type=range]::-webkit-slider-runnable-track{background:hsla(0,0%,78.4%,.616)}input[type=range]:focus::-webkit-slider-runnable-track{background:hsla(0,0%,70.6%,.916)}input[type=range]::-moz-range-track{background:hsla(0,0%,78.4%,.816)}input[type=range]::-webkit-slider-thumb{background:hsla(0,0%,70.6%,.916);box-shadow:0 0 10px rgba(20,20,20,.716)}input[type=range]::-moz-range-thumb{background:hsla(0,0%,70.6%,.916);box-shadow:0 0 10px rgba(20,20,20,.716)}input[type=range]::-ms-thumb{background:hsla(0,0%,70.6%,.916);box-shadow:0 0 10px rgba(20,20,20,.716)}}@media only screen and (max-width:321px){.slider-row{margin-bottom:.34rem}}@media only screen and (orientation:landscape) and (max-width:812px) and (max-height:414px){.controls{display:flex}.ctrl-module{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto auto auto 4rem}#shader-ctrl.showing{margin-top:auto;margin-bottom:auto;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#fbx-ctrl.showing{margin-top:auto;margin-bottom:auto;width:25vw;padding-left:1.5rem;padding-right:1.5rem}#wave-ctrl.showing{margin-top:auto;margin-bottom:auto;width:calc(100vw - 9rem);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 3rem)}.slider-wrap{align-items:center}#wave-ctrl .slider-wrap{display:flex;flex-direction:column;flex-wrap:wrap;height:10rem}#wave-ctrl .slider-row{height:1.4rem;width:26vw;display:block;text-align:center;margin-bottom:1rem}.ctrl-module.hidden{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-bottom:0;margin-top:0;transition:opacity .4s linear}.ctrl-module{opacity:1;transition:opacity .4s linear}}@media only screen and (orientation:landscape) and (max-width:568px) and (max-height:320px){#wave-ctrl.showing{max-height:calc(100vh - 5rem)}}.info-module{color:hsla(0,0%,100%,.66);background-color:rgba(70,69,69,.733);box-shadow:0 0 15px #000;z-index:200;overflow:hidden;opacity:1;border-radius:.25rem;max-width:40rem;min-width:23rem;margin-right:2rem}.text-container{font-family:"Recursive",sans-serif;font-weight:500;height:32rem;overflow:scroll;padding:1rem}a{color:hsla(0,0%,100%,.66);outline:none!important;text-decoration:none;font-size:smaller;font-style:italic}a:hover{color:hsla(0,0%,80.4%,.66)}.info-module.hidden{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-bottom:0}.info-module.hidden,.info-module.showing{transition:opacity .4s linear,margin-top .4s linear,padding-top .4s linear,padding-bottom .4s linear,margin-bottom .4s linear,max-height .4s linear}.info-module.showing{opacity:1;margin-bottom:1.5rem}#presets.showing{max-height:100px;padding-top:1rem;padding-bottom:1rem}#about.showing{max-height:550px;padding:0}.button-wrap{display:flex;justify-content:space-evenly}.submit-wrap{margin-left:auto;margin-right:auto;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.preset-label{display:block;font-size:small;opacity:1}.preset-label.hidden{opacity:0}.save{margin-top:.5rem}table{font-family:"Inconsolata",monospace;border-spacing:0;width:100%;margin-bottom:1rem;border:2px solid rgba(0,0,0,.693);border-radius:5px}td,th{padding:.4rem}td{border-color:rgba(0,0,0,.693);border-style:solid solid none none;border-width:1px;text-align:center}tr td:last-child{border-style:solid none none}@media only screen and (max-width:770px){#about.showing,#presets{max-width:calc(100vw - 23rem)}#presets.showing{max-height:170px}.button-wrap{flex-wrap:wrap;max-width:60%;margin-left:auto;margin-right:auto}}@media only screen and (max-width:415px){.info-module{position:fixed;bottom:3rem;min-width:0}.button-wrap{display:flex;width:calc(100vw - 4rem);max-width:70%}#about.showing{max-height:60vh;max-width:calc(100vw - 4rem);height:calc(100vh - 7rem)}#presets{max-width:calc(100vw - 6rem);width:calc(100vw - 6rem);margin-left:1rem}#presets.showing{max-height:calc(100vh - 14rem);margin-top:5rem}.text-container{height:calc(60vh - 2rem)}.preset-label{padding-bottom:.7rem}}@media only screen and (max-width:376px){.button-wrap{max-width:80%}}@media only screen and (max-width:320px){.button-wrap{max-width:100%}table{width:80%}td,th{padding:.1rem}.text-container{padding:.7rem;height:calc(60vh - 1.5rem)}}@media only screen and (orientation:landscape) and (max-width:812px) and (max-height:414px){.info{display:flex}.info-module{overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;margin:auto auto auto 4rem}#presets.showing{max-height:calc(100vh - 4rem);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:calc(100vw - 6rem);margin:auto auto auto 4rem}#about.showing{position:fixed;max-height:calc(100vh - 7rem);height:calc(100vh - 7rem);max-width:calc(100vw - 10rem);width:calc(100vw - 10rem);margin:auto auto auto 4rem}.text-container{height:calc(100vh - 9rem)}.info-module.hidden{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-bottom:0;transition:opacity .4s linear}.info-module{opacity:1;transition:opacity .4s linear}}:root{--crt-background:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,0.25) 0),linear-gradient(90deg,rgba(255,0,0,0.06),rgba(0,255,0,0.02),rgba(0,0,255,0.06));--crt-size:100% 2px,9px 100%}body,html{overscroll-behavior:none;margin:0;height:100vh;overflow:hidden}body{margin:0;font-family:"Inconsolata",monospace;font-weight:bolder;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.canvas{overflow-y:hidden;z-index:-1}.canvas,.canvas-fallback{position:fixed;top:0;left:0;width:100%;height:100vh;max-width:100%}.canvas-fallback{background:var(--crt-background);background-size:var(--crt-size);background-color:#525264;overflow:hidden;z-index:1;box-shadow:inset 0 0 120px 40px rgba(0,0,0,.45);z-index:100;pointer-events:auto}.fallback-content{color:#fff;font-size:1.5rem;text-align:center;margin-top:30vh;pointer-events:auto!important}.flex-container{display:flex;margin-top:2rem}.container{width:100%;height:100%;margin-top:2rem}.controls{margin-right:2rem}.controls.hidden{max-width:0;margin-right:0;transition:max-width .2s linear .4s,margin-right .2s linear .4s}.controls.showing{max-width:300px;transition:max-width .2s linear,margin-right .2s linear}.center{text-align:center;width:100%}.label{font-family:"Recursive",sans-serif;margin-bottom:-.5rem;font-weight:800;font-size:1.05rem}.button{margin-left:.25rem;margin-right:.25rem;box-shadow:inset 0 0 10px 3px hsla(0,0%,53.7%,.25);background:linear-gradient(180deg,rgba(189,190,190,.3) 5%,rgba(88,90,92,.25));background-color:rgba(139,139,124,.25);border-radius:5px;border:1px solid rgba(32,32,32,.3);display:inline-block;cursor:pointer;color:hsla(0,0%,100%,.66);font-family:"Inconsolata",monospace;font-size:.9rem;font-weight:700;padding:.3rem .3rem .35rem;text-decoration:none;text-shadow:0 1px 0 rgba(38,54,102,.25);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.button:hover{background:linear-gradient(180deg,rgba(209,210,210,.3) 5%,rgba(108,110,112,.25));background-color:rgba(158,158,144,.3)}.button.active{box-shadow:inset 0 0 10px 3px rgba(63,63,63,.25);background:linear-gradient(180deg,rgba(88,90,92,.25) 5%,rgba(209,210,211,.25));background-color:rgba(93,93,86,.25);color:hsla(0,0%,58.8%,.66);pointer-events:none}.button.empty{background:transparent;border:1px solid rgba(12,12,12,.3);pointer-events:none;box-shadow:none;text-shadow:none}.button:focus{outline:none!important}@media only screen and (max-width:415px){.info{margin-left:2rem}.container{margin-top:0}}
/*# sourceMappingURL=main.45e70d61.chunk.css.map */