@font-face{font-family:Fira Code;src:url(/fonts/FiraCode-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KaushanScriptRegular;src:url(/fonts/KaushanScript-Regular.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:Autography;src:url(/fonts/Autography.otf) format("opentype");font-style:normal;font-weight:400}@font-face{font-family:Fira Code;src:url(/fonts/FiraCode-Bold.ttf) format("truetype");font-weight:700;font-style:normal}*{box-sizing:border-box;word-wrap:break-word}body{font-family:Fira Code,Arial,Helvetica,Verdana,sans-serif;letter-spacing:-.01rem;margin:0 auto;height:100vh;display:flex;flex-direction:column;background-color:#000;opacity:1;background-size:4px 4px;background-image:repeating-linear-gradient(45deg,#212121,#212121 .5px,#000 0,#000 50%)}.background{position:fixed;width:100vw;height:100vh;background-color:transparent;z-index:0}#background_canvas{width:100vw!important;height:100vh!important;z-index:0}.background-canvas{width:100vw;height:100vh;z-index:0}.background-audio-canvas{position:fixed;top:0;left:0;width:512px;height:512px;z-index:0}h1{font-size:4rem}a{color:#47f;cursor:pointer}a,a:hover{text-decoration:none}img{border:0;width:100%}.row{margin:0}.nav-link{cursor:pointer}.container{margin:0 auto;overflow:hidden;text-align:center;display:flex;flex-direction:column;flex:1 0 auto;padding:0;z-index:1}.wrapper{padding:17px 12px}.v-spacer{margin:7px 0 12px}.v-spacer-large{margin:7px 0 21px}.h-left-spacer{margin-left:12px}.editor{text-align:left;min-height:100%}.editor-panel{transition:all .3s ease;background-color:rgba(12,12,12,0);min-height:calc(100vh - 190px);max-height:calc(100vh - 190px);text-align:left;padding:0!important;text-shadow:2px 2px 2px #000;border-top:1px solid hsla(0,0%,100%,.12);border-left:1px solid hsla(0,0%,100%,.05);border-right:1px solid #000;border-radius:7px 7px 0 0;box-shadow:inset 0 0 21px rgba(0,0,0,.91)}.editor-panel:hover{background-color:rgba(0,0,0,.8)}.editor-panel-light{transition:all .21s ease;background-color:hsla(0,0%,93.3%,.12);min-height:calc(100vh - 200px);text-align:left;padding:0!important}.editor-panel-light:hover{background-color:hsla(0,0%,97.3%,.91)}.editor-controls{margin:auto 0;line-height:1px;display:contents;overflow:hidden}.editor-controls .control-wrapper{width:42px}.editor-controls svg{margin-left:10px;width:30px;height:30px;color:hsla(0,0%,82.4%,.7);transition:color .33s ease-in-out}.editor-controls svg.disabled{color:rgba(70,70,70,.7)}.editor-controls svg.disabled:hover{color:hsla(0,0%,82.4%,.7)}.editor-controls svg:hover{color:#fff}@media(max-width:768px){.editor-controls svg{margin-left:3px;width:23px;height:23px}}.editor-controls select{-moz-appearance:none;appearance:none}.editor-controls .select-option{-moz-appearance:none!important;appearance:none!important;color:#fff;background:rgba(0,0,0,.91);display:block;width:42px}.editor-controls ::-ms-expand{display:none}.editor-controls .select-wrapper{overflow:hidden;display:inline-block;border:0;outline:0;padding:0;min-width:42px;max-width:42px}@media(max-width:768px){.editor-controls .select-wrapper{overflow:hidden;display:inline-block;border:0;outline:0;padding:0;min-width:30px;max-width:30px}}.editor-controls .select-wrapper select{-webkit-appearance:none;background:transparent;font-family:Source Code Pro,monospace;color:#91afff;font-size:15px;font-weight:900;border-radius:0;padding:0 0 0 15px;width:50px;height:100%;border:0;outline:0;position:absolute;margin-top:-3px;margin-left:0;letter-spacing:-3px}@-moz-document url-prefix(){.editor-controls .select-wrapper select{-webkit-appearance:none;background:transparent;font-family:Source Code Pro,monospace;color:#91afff;font-size:13px;font-weight:900;border-radius:0;padding:0 0 0 11px;width:50px;height:100%;border:0;outline:0;position:absolute;margin-top:-3px;margin-left:0;letter-spacing:-3px}}@media(max-width:768px){.editor-controls .select-wrapper select{-webkit-appearance:none;background:transparent;font-family:Source Code Pro,monospace;color:#91afff;font-size:12px;font-weight:900;border-radius:0;padding:1px 0 0 7px;width:50px;height:100%;border:0;outline:0;position:absolute;margin-top:-3px;margin-left:0;letter-spacing:-3px}@-moz-document url-prefix(){.editor-controls .select-wrapper select{-webkit-appearance:none;background:transparent;font-family:Source Code Pro,monospace;color:#91afff;font-size:11px;font-weight:900;border-radius:0;padding:3px 0 0 3px;width:50px;height:100%;border:0;outline:0;position:absolute;margin-top:-3px;margin-left:0;letter-spacing:-3px}}}.editor-controls .select-wrapper option{background-color:rgba(0,0,0,.7)}.stats-wrapper{opacity:1;transition:opacity .66s ease-in-out}.stats-wrapper .stats-panel{position:fixed;bottom:0;left:0;width:120px;height:30px;background-color:rgba(0,0,0,.3)}.stats-wrapper:after{position:fixed;left:120px;content:"";border-color:transparent transparent rgba(0,0,0,.3) rgba(0,0,0,.3);border-style:solid;border-width:25px}.stats-wrapper.invisible{opacity:0}.input-audio-button{width:.1px;height:.1px;opacity:0;z-index:1000}@media(max-width:768px){.input-audio-button{width:.1px;height:.1px;margin-top:-10px;opacity:0;z-index:1000}}.custom-audio-controller{opacity:1;transition:opacity .66s ease-in-out;position:fixed;z-index:200;top:17px;right:140px;width:20vw;height:30px}.custom-audio-controller.invisible{opacity:0}[data-tooltip]{display:inline-block;position:relative;cursor:pointer}[data-tooltip]:before{font-family:Oxygen,sans-serif!important;content:attr(data-tooltip);display:none;position:absolute;background:#eee;color:#000;padding:3px 7px;font-size:14px;line-height:1.4;min-width:160px;text-align:center;border-radius:3px}[data-tooltip-position=bottom]:before{left:50%;transform:translateX(-50%);top:100%;margin-top:17px}[data-tooltip]:after{content:"";display:none;position:absolute;width:0;height:0;border-color:transparent;border-style:solid}[data-tooltip-position=bottom]:after{left:50%;margin-top:10px;margin-left:-1px}@media(max-width:768px){[data-tooltip-position=bottom]:after{left:50%;margin-top:10px;margin-left:-3px}}[data-tooltip-position=bottom]:after{top:100%;border-width:0 6px 10px;border-bottom-color:#eee}[data-tooltip]:hover:after,[data-tooltip]:hover:before{display:block;z-index:50}#main_app_bar{opacity:1;transition:opacity .66s ease-in-out}#main_app_bar .hidden{opacity:0!important;cursor:default!important}#app_container,#main_app_bar .hidden :hover{opacity:1!important}#app_container{transition:opacity .66s ease-in-out}#app_container .hidden{opacity:0!important}#app_footer{opacity:1!important;transition:opacity .66s ease-in-out}#app_footer .hidden{opacity:0!important}.infoWrapper{border-top:1px solid hsla(0,0%,100%,.12);border-left:1px solid hsla(0,0%,100%,.05);border-right:1px solid #000;border-radius:7px 7px 0 0;min-height:calc(100vh - 190px);max-height:calc(100vh - 190px);padding:84px;background-color:rgba(0,0,0,.91);box-shadow:inset 0 0 21px rgba(0,0,0,.91)}.infoWrapper input,.infoWrapper textarea{text-shadow:1px 1px 2px #000!important}@media(max-width:768px){.infoWrapper{background-color:rgba(0,0,0,.7);margin:0 auto;padding:12px;width:100%;border-right:none;border-bottom:1px solid hsla(0,0%,49.8%,.3);-o-border-image:linear-gradient(90deg,transparent 1%,hsla(0,0%,49.8%,.3) 12%,transparent) 100% 0 100% 0/1px 0 1px 0;border-image:linear-gradient(90deg,transparent 1%,hsla(0,0%,49.8%,.3) 12%,transparent) 100% 0 100% 0/1px 0 1px 0;box-shadow:3px 3px 7px rgba(0,0,0,.7)}.infoWrapper input,.infoWrapper textarea{text-shadow:1px 1px 2px #000!important}}.infoWrapper>.extra-shader-info{cursor:default;color:#ccc;padding-top:12px;text-align:left;font-size:12px}.infoWrapper>.extra-shader-info .bold{color:#fff}.infoWrapper>.extra-shader-info .bold>a{color:#57b8ff!important;text-decoration:underline}.capture-dom-element{position:fixed;z-index:100;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;text-align:center}.capture-dom-element .inner-p{margin:auto;padding:12px;font-size:3em;font-weight:900;text-align:center;text-shadow:3px 3px 3px #000}.modal-h2{margin-top:0}.bolder{color:#57b8ff}.error-bolder{color:#ff5b5b}#code_editor{transition:opacity .7s ease-in-out}.main{padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main .shader-post{z-index:-12}.gallery-post,.main .shader-post{top:100vh;position:fixed;background-color:transparent}.gallery-post{left:100vw}.gallery-post .gallery-post-shader{padding:0 12px 12px}.gallery-post .gallery-post-pagination,.gallery-post .gallery-post-shader{background-color:#212121;width:70%;margin:30px auto;border:1px solid #000;box-shadow:3px 3px 12px rgba(0,0,0,.5)}.gallery-post .gallery-post-pagination{padding:21px;display:flex}.gallery-post .gallery-post-pagination .gallery-post-pagination-page{margin:auto;width:50%}#main_app_bar svg{max-width:30px;max-height:30px}@media only screen and (max-width:1279px){#navbar_pagination_wrapper{display:none}}.navbar-pagination-wrapper{display:contents}.navbar-pagination-wrapper .navbar-pagination{color:#787878}.navbar-pagination-wrapper .navbar-pagination.navbar-button{color:#7f7f7f;font-weight:900;text-shadow:1px 1px 1px #000;border-bottom:1px solid hsla(0,0%,49.8%,.3);box-shadow:3px 3px 7px rgba(12,12,12,.91);height:35px;width:auto;margin:auto 21px;padding:3px 12px 0;transition:all .3s ease-in-out;background-color:rgba(70,70,70,.21)}.navbar-pagination-wrapper .navbar-pagination.navbar-button:hover{color:#d2d2d2;background-color:rgba(70,70,70,.5)}@media only screen and (min-width:1280px){#page_pagination{display:none}}.pagination{flex-grow:1;padding:0;margin:0 auto 17px;width:calc(100vw - 42px);display:flex}.pagination .pagination-left,.pagination .pagination-right{width:50%}.pagination .pagination-button{color:#7f7f7f;font-weight:900;text-shadow:1px 1px 1px #000;border-bottom:1px solid hsla(0,0%,49.8%,.3);box-shadow:3px 3px 7px rgba(12,12,12,.91);width:50%;margin:auto;padding-top:3px;transition:all .3s ease-in-out;background-color:rgba(70,70,70,.21)}.pagination .pagination-button:hover{color:#d2d2d2;background-color:rgba(70,70,70,.5)}.app-bar-handle{position:fixed;width:100%;height:100px;z-index:-1}.about-page{margin:12px 30px 0;padding:12px 30px;text-shadow:1px 1px 1px #000}.about-page strong{color:#47f}.about-page h1{margin-top:-21px;font-size:21px;font-weight:400;text-align:center}.about-page h1 span{font-size:42px;text-shadow:3px 3px 7px rgba(0,0,0,.5);font-family:KaushanScriptRegular}.about-page h2{font-size:19px;font-weight:100;margin-top:-17px}.about-page h2 a{color:#4af;transition:color .3s ease-in-out}.about-page h2 a:hover{color:#fff}.about-page h3{font-size:19px;text-align:left;color:grey;margin-bottom:-3px}.about-page .about-cell{padding:7px}.about-page .about-cell p{margin:3px 0;font-size:16px;text-align:left}.about-page .about-cell p a{color:#4af;transition:color .3s ease-in-out}.about-page .about-cell p a:hover{color:#fff}.about-page .changelog{text-align:left}.about-page .changelog h4{font-size:18px;color:#4af}.shader-view-info{max-width:100vw!important;padding:12px}.shader-view-info h2{color:#4af;font-family:KaushanScriptRegular;font-size:2.1em}.shader-view-info a{color:#4af;text-decoration:underline;transition:all .21s ease-in-out}.shader-view-info a:hover{color:#fff}.shader-view-info ul{display:flex;list-style:none}.shader-view-info ul li{margin-left:0;margin-right:12px}.shader-view-info ul li:before{content:"#";color:grey;margin-right:3px}.shader-view-info .share-buttons-wrapper{margin-left:50%;transform:translateX(-50%);width:50%;min-width:520px;display:inline-flex;padding:15px 0;line-height:30px;background-color:rgba(68,170,255,.1);border-radius:5px;box-shadow:12px 12px 12px rgba(0,0,0,.91);margin-bottom:30px}.shader-view-info .share-buttons-wrapper .tooltip{display:inline-block;position:relative;text-align:left}.shader-view-info .share-buttons-wrapper .tooltip h3{margin:12px 0}.shader-view-info .share-buttons-wrapper .tooltip .top{min-width:210px;max-width:600px;top:-15px;left:50%;transform:translate(-87%,-100%);color:#fff;text-align:right;padding:5px 15px 5px 7px;text-shadow:1px 2px 2px #000;background-color:rgba(68,170,255,.7);font-weight:400;font-size:14px;border-radius:5px;position:absolute;z-index:99999999;box-sizing:border-box;box-shadow:0 1px 8px rgba(0,0,0,.9);display:none}.shader-view-info .share-buttons-wrapper .tooltip .top:after{content:"";position:absolute;width:0;height:0;border:10px solid transparent;border-top-color:rgba(68,170,255,.7);top:40px;right:17px}.shader-view-info .share-buttons-wrapper .tooltip:hover .top{display:block}.shader-view-info .share-buttons-wrapper .share-buttons-description{text-align:center;width:50%}.shader-view-info .share-buttons-wrapper .share-buttons{display:inline-flex;width:50%;margin:auto}.shader-view-info .share-buttons-wrapper .share-buttons .share-button{margin:0 auto;color:#4af;transition:color .3s ease-in-out}.shader-view-info .share-buttons-wrapper .share-buttons .share-button:hover{color:#fff;cursor:pointer}.footer{flex-shrink:0;text-align:center;box-shadow:inset 0 -30px 17px -21px #000;background-color:transparent;width:100%;line-height:30px;font-size:.9em;position:fixed;bottom:0}.footer .tooltip{display:inline-block;position:relative;text-align:left}.footer .tooltip h3{margin:12px 0}.footer .tooltip .top{min-width:210px;max-width:600px;top:-10px;left:50%;transform:translate(-87%,-100%);color:#fff;text-align:right;padding-right:15px;text-shadow:1px 2px 2px #000;background-color:#000;font-weight:400;font-size:14px;border-radius:5px;position:absolute;z-index:99999999;box-sizing:border-box;box-shadow:0 1px 8px rgba(0,0,0,.9);display:none}.footer .tooltip .top:after{content:"";position:absolute;width:0;height:0;border:10px solid transparent;border-top-color:#000;top:30px;right:14px}.footer .tooltip:hover .top{display:block}.footer .top-always-on{display:block!important}.footer .tooltip .top-left{min-width:195px;max-width:600px;top:-10px;left:50%;transform:translate(-7%,-120%);color:#fff;text-align:left;padding-left:8px;text-shadow:1px 2px 2px #000;background-color:hsla(0,0%,100%,.3);font-weight:400;font-size:14px;border-radius:5px;position:absolute;z-index:99999999;box-sizing:border-box;box-shadow:0 1px 8px rgba(0,0,0,.9);display:none;border-top:1px solid #fff;border-right:1px solid #fff}.footer .tooltip .top-left:after{content:"";position:absolute;width:0;height:0;border:10px solid transparent;border-top-color:hsla(0,0%,100%,.3);top:30px;left:3px}.footer .tooltip:hover .top-left{display:block}.footer a{color:#4af;transition:all .21s ease-in-out}.footer a:hover{text-decoration:underline;color:#fff;text-shadow:1px 1px 1px #000}.footer .users-counter{position:absolute;bottom:0;right:21px;color:#4af}.footer .view-info{position:fixed;right:12px;bottom:3px;transition:all .5s ease-in-out}.footer .view-info:hover>.share-buttons{opacity:1}.footer .view-info svg{width:30px;height:30px;margin-left:7px}.footer .view-info .share-buttons{opacity:0;color:hsla(0,0%,78.4%,.5);transition:all .21s ease-in-out;cursor:default}.footer .view-info .share-buttons:hover{cursor:pointer;color:#fff}.footer .view-info .info-button{transition:all .21s ease-in-out;color:rgba(68,170,255,.5);cursor:pointer}.footer .view-info .info-button:hover{color:#4af}.footer .audio-info{position:fixed;left:12px;bottom:3px;opacity:1;transition:all 1s ease-in-out;cursor:pointer!important}.footer .audio-info .shadow{filter:drop-shadow(3px 3px 2px rgb(0,0,0))}.footer .audio-info .load-audio-button{z-index:100;cursor:pointer!important;animation:flashOrangeBlue 2s cubic-bezier(.77,0,.175,1) infinite}.footer .audio-info .play-audio-button{cursor:pointer;animation:flashBlue 1s cubic-bezier(.77,0,.175,1) infinite}.footer .audio-info.invisible{opacity:0}@keyframes flashOrangeBlue{0%{color:#47f}33%{color:#ff3100}66%{color:#fff}to{color:#47f}}@keyframes flashBlue{0%{color:#47f}50%{color:#fff}to{color:#47f}}@keyframes ttFadeIn{0%{opacity:0}to{opacity:.42}}.cm-s-material.CodeMirror{font-weight:900;text-shadow:2px 1px 1px rgba(0,0,0,.7),-1px -1px 0 rgba(0,0,0,.7),1px -1px 0 rgba(0,0,0,.7),-1px 1px 0 rgba(0,0,0,.7),-1px 1px 7px rgba(0,0,0,.7);background-color:transparent;color:#e9eded;padding:0 0 0 8px;font-size:18px;height:calc(100vh - 190px)}.cm-s-material.CodeMirror.witherror{height:calc(100vh - 330px);max-height:calc(100vh - 330px)}.webgl-errors{position:fixed;left:1px;top:calc(100vh - 290px);width:calc(100vw - 26px);background:rgba(12,0,0,.95);box-shadow:inset 0 0 21px #000;height:138px;overflow-y:auto;font-weight:700;text-shadow:2px 2px 2px #000!important;z-index:5;padding:7px 17px;text-align:left;font-size:15px;transition:all .3s ease-in-out;display:unset}.webgl-errors.invisible{width:0;height:0;display:none}.webgl-errors .warning{color:#decb6b}.webgl-errors .info{color:#6bdecb}.webgl-errors .error{color:#ff5f67}.webgl-errors.left{width:calc(50vw - 14px)}.webgl-errors.center{width:calc(50vw - 1px)}.webgl-errors.right{width:calc(50vw - 14px)}.CodeMirror-hints{position:absolute;background-color:rgba(0,0,0,.9);padding:12px;font-weight:900;border-radius:7px;max-height:200px;overflow:hidden}.CodeMirror-dialog{background:rgba(42,42,42,.99);position:fixed;top:0;left:0;width:100%;height:36px;border-radius:5px;padding:5px 12px;z-index:10;box-shadow:0 3px 12px rgba(0,0,0,.99);font-size:17px}.CodeMirror-dialog .CodeMirror-search-field{width:300px!important;font-family:Fira Code;font-weight:900;font-size:13px;color:#fff;background-color:rgba(0,0,0,.99)}.CodeMirror-foldmarker{color:#fff;text-shadow:#fff 1px 1px 10px,#fff -1px -1px 10px,#fff 1px -1px 10px,#fff -1px 1px 10px;font-family:arial;line-height:.3;font-weight:900;font-size:21px;border-bottom:1px solid #fff;cursor:pointer}.CodeMirror-foldgutter{width:.7em;cursor:default}.CodeMirror-foldgutter-folded,.CodeMirror-foldgutter-open{cursor:default}.CodeMirror-foldgutter-open:after{margin-left:0;content:"▾";cursor:pointer}.CodeMirror-foldgutter-folded:after{margin-left:0;content:"▸";color:#fff;text-shadow:3px 3px 3px #000;cursor:pointer}.CodeMirror-foldgutter-folded CodeMirror-guttermarker-subtle{background-color:#9acd32}body>ul>li.CodeMirror-hint.CodeMirror-hint-active{background-color:#80cbae;color:#000}.error_line{background-color:rgba(210,0,0,.5)!important}.cm-s-material .CodeMirror-line{line-height:1.5em!important}.cm-s-material .CodeMirror-gutters{margin-left:1px;background:transparent;color:rgba(145,175,255,.5);border-right:1px dotted hsla(0,0%,49.8%,.7);width:50px}.cm-s-material .CodeMirror-gutter-elt{min-width:20px}.cm-s-material .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important;background-color:rgba(70,255,70,.42)}.cm-s-material .CodeMirror-linenumber{font-size:15px;text-align:left;border-top:1px dotted hsla(0,0%,100%,0);padding:0}.cm-s-material .CodeMirror-guttermarker,.cm-s-material .CodeMirror-guttermarker-subtle,.cm-s-material .CodeMirror-linenumber{font-weight:100;color:hsla(0,0%,100%,.5);text-shadow:1px 1px 1px #000}.cm-s-material .cm-s-material .CodeMirror-cursor,.cm-s-material .CodeMirror-guttermarker-subtle{border-top:0 dotted hsla(0,0%,100%,0);border-left:2px dotted hsla(0,0%,100%,0);border-bottom:0 dotted hsla(0,0%,100%,0);margin-left:1px;cursor:default}.cm-s-material .CodeMirror-activeline-background{background-color:transparent}.cm-s-material .CodeMirror-activeline-gutter{border-left:3px solid hsla(0,0%,49.8%,0)}.cm-s-material .CodeMirror-cursor{border-left:3px solid #fff}.cm-s-material .CodeMirror-line>span{margin-left:7px}.cm-s-material .CodeMirror-line::-moz-selection,.cm-s-material .CodeMirror-line>span::-moz-selection,.cm-s-material .CodeMirror-line>span>span::-moz-selection{background:hsla(0,0%,100%,.1)}.cm-s-material .CodeMirror-line::selection,.cm-s-material .CodeMirror-line>span::selection,.cm-s-material .CodeMirror-line>span>span::selection{background:hsla(0,0%,100%,.1)}.cm-s-material .CodeMirror-line::-moz-selection,.cm-s-material .CodeMirror-line>span::-moz-selection,.cm-s-material .CodeMirror-line>span>span::-moz-selection{background:hsla(0,0%,100%,.8)}.cm-s-material .cm-keyword{color:#cbb5ff}.cm-s-material .cm-operator{color:#fff}.cm-s-material .cm-variable-2{color:#80cbc4}.cm-s-material .cm-s-material .cm-type,.cm-s-material .cm-variable-3{color:#a5c3f5}.cm-s-material .cm-builtin{color:#e7c09c}.cm-s-material .cm-atom{color:#c5ff7a}.cm-s-material .cm-number{color:#faa29a}.cm-s-material .cm-def{color:#e9eded}.cm-s-material .cm-string{color:#c3e88d}.cm-s-material .cm-string-2{color:#80cbc4}.cm-s-material .cm-variable{color:#a7c9ff}.cm-s-material .cm-meta,.cm-s-material .cm-tag{color:#80cbc4}.cm-s-material .cm-attribute{color:#ffcb6b}.cm-s-material .cm-property{color:#80cbae}.cm-s-material .cm-qualifier{color:#decb6b}.cm-s-material .cm-tag{color:#ff5370}.cm-s-material .cm-type,.cm-s-material .cm-variable-3{color:#74db74}.cm-s-material .cm-comment{color:#a0a0a0;font-weight:100;text-shadow:1px 1px 1px #000}.cm-s-material .cm-error{color:#fff;background-color:#ec5f67}.cm-s-material div.CodeMirror-selected{background:rgba(120,210,120,.3)}.shader-controls{position:relative;display:flex;left:0;bottom:0;height:38px;background-color:rgba(0,0,0,.42);border-left:1px solid hsla(0,0%,100%,.05);border-right:1px solid #000;border-bottom:1px solid #000;border-radius:0 0 5px 5px}.shader-controls [data-tooltip]{display:inline-block;position:relative;cursor:pointer}.shader-controls [data-tooltip]:before{font-family:Oxygen,sans-serif!important;content:attr(data-tooltip);display:none;position:absolute;background:hsla(0,0%,100%,.7);color:#000;padding:1px;font-size:14px;line-height:1.4;min-width:155px;text-align:center;border-radius:3px}.shader-controls [data-tooltip-position=top]:before{left:50%;transform:translateX(-50%);bottom:100%;margin-bottom:7px}.shader-controls [data-tooltip]:after{content:"";display:none;position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.shader-controls [data-tooltip-position=top]:after{left:50%;margin-bottom:-3px;margin-left:-6px;bottom:100%;border-width:10px 8px 0;border-top-color:hsla(0,0%,100%,.7)}.shader-controls [data-tooltip]:hover:after,.shader-controls [data-tooltip]:hover:before{display:block;z-index:50}.shader-controls .pulsing-anim{animation:pulsing 1s infinite}.shader-controls .timers{top:6px;width:105px;min-width:105px;max-width:105px;height:24px;border-radius:3px;border:1px solid rgba(0,0,0,.91);box-shadow:inset 0 0 12px rgba(0,0,0,.91);color:#fff;font-family:monospace;font-size:12px;line-height:24px;text-align:center;cursor:default}.shader-controls .buttons{height:36px;min-height:36px;max-height:36px}.shader-controls .invisible-button{display:none}.shader-controls .time-controls{position:relative;display:flex}.shader-controls .time-controls .time-display{position:relative;left:12px}.shader-controls .time-controls .perf-display{font-weight:900;position:relative;left:6px}.shader-controls .time-controls svg{margin-left:3px;color:#aaa;margin-top:5px;width:27px;height:27px;transition:all .3s ease-in-out}.shader-controls .time-controls svg:hover{color:#fff}.shader-controls .time-controls .time-buttons{position:relative;left:0;top:0;margin-left:12px;padding-right:2px;width:65px;min-width:65px;max-width:65px}.shader-controls .time-controls .time-buttons .pause-time,.shader-controls .time-controls .time-buttons .play-time,.shader-controls .time-controls .time-buttons .reset-time{cursor:pointer}.shader-controls .time-controls .mouse-buttons{width:33px;min-width:33px;max-width:33px;position:relative;padding-right:3px}.shader-controls .time-controls .mouse-buttons .disabled svg{color:#755}.shader-controls .audio-controls{position:relative;display:flex;width:100%}.shader-controls .audio-controls svg{margin-left:3px;color:#aaa;margin-top:5px;width:27px;height:27px;transition:all .3s ease-in-out}.shader-controls .audio-controls svg:hover{color:#fff}.shader-controls .audio-controls svg.disabled-button{color:#555}.shader-controls .audio-controls svg.disabled-button:hover{color:#5a5}.shader-controls .audio-controls .audio-buttons{position:relative;width:155px;min-width:155px;max-width:155px}.shader-controls .audio-controls .audio-buttons .eject-audio-file,.shader-controls .audio-controls .audio-buttons .load-audio-file,.shader-controls .audio-controls .audio-buttons .load-music,.shader-controls .audio-controls .audio-buttons .loading-music,.shader-controls .audio-controls .audio-buttons .loop-music,.shader-controls .audio-controls .audio-buttons .pause-music,.shader-controls .audio-controls .audio-buttons .play-music,.shader-controls .audio-controls .audio-buttons .stop-music{cursor:pointer}.shader-controls .audio-controls .audio-slider{position:relative;padding-top:8px;padding-left:5px;width:calc(100% - 275px)}.shader-controls .audio-controls .audio-slider .audio-slider-input{position:relative;width:100%;cursor:pointer;opacity:.3;transition:all .5s ease-in-out}.shader-controls .audio-controls .audio-time-display{cursor:pointer;position:relative;left:10px}@keyframes pulsing{0%{color:#707070}50%{color:#fff}to{color:#707070}}