.cimbar-encoder-root #nav-container:focus-within{z-index:1}.cimbar-encoder-root #nav-container .bg,.cimbar-encoder-root #nav-container:focus-within #nav-button,.cimbar-encoder-root #nav-content{z-index:1}.cimbar-encoder-root #canvas{display:block;position:relative}.cimbar-encoder-root #dragdrop{background-color:#3c3d82;background-image:linear-gradient(135deg,rgba(249,249,249,.1),rgba(249,249,249,.1) 18%,rgba(70,70,70,.1) 0,rgba(70,70,70,.1) 33%,rgba(229,229,229,.1) 0,rgba(229,229,229,.1) 35%,rgba(53,53,53,.1) 0,rgba(53,53,53,.1) 47%,rgba(156,156,156,.1) 0,rgba(156,156,156,.1)),linear-gradient(135deg,rgba(106,106,106,.08),rgba(106,106,106,.08) 9%,rgba(123,123,123,.08) 0,rgba(123,123,123,.08) 10%,rgba(69,69,69,.08) 0,rgba(69,69,69,.08) 38%,rgba(33,33,33,.08) 0,rgba(33,33,33,.08) 65%,rgba(24,24,24,.08) 0,rgba(24,24,24,.08) 77%,rgba(210,210,210,.08) 0,rgba(210,210,210,.08)),linear-gradient(45deg,rgba(70,70,70,.02),rgba(70,70,70,.02) 23%,rgba(225,225,225,.02) 0,rgba(225,225,225,.02) 29%,rgba(118,118,118,.02) 0,rgba(118,118,118,.02) 36%,rgba(28,28,28,.02) 0,rgba(28,28,28,.02) 42%,rgba(142,142,142,.02) 0,rgba(142,142,142,.02) 85%,rgba(95,95,95,.02) 0,rgba(95,95,95,.02) 93%,rgba(32,32,32,.02) 0,rgba(32,32,32,.02) 98%,rgba(71,71,71,.02) 0,rgba(71,71,71,.02)),linear-gradient(135deg,rgba(207,207,207,.05),rgba(207,207,207,.05) 12%,rgba(32,32,32,.05) 0,rgba(32,32,32,.05) 27%,rgba(79,79,79,.05) 0,rgba(79,79,79,.05) 32%,rgba(139,139,139,.05) 0,rgba(139,139,139,.05) 43%,rgba(150,150,150,.05) 0,rgba(150,150,150,.05) 79%,rgba(139,139,139,.05) 0,rgba(139,139,139,.05) 87%,rgba(55,55,55,.05) 0,rgba(55,55,55,.05) 91%,rgba(68,68,68,.05) 0,rgba(68,68,68,.05)),linear-gradient(0deg,rgba(108,108,108,.1),rgba(108,108,108,.1) 16%,rgba(163,163,163,.1) 0,rgba(163,163,163,.1) 18%,rgba(32,32,32,.1) 0,rgba(32,32,32,.1) 29%,rgba(122,122,122,.1) 0,rgba(122,122,122,.1) 61%,rgba(141,141,141,.1) 0,rgba(141,141,141,.1) 67%,rgba(53,53,53,.1) 0,rgba(53,53,53,.1) 78%,rgba(142,142,142,.1) 0,rgba(142,142,142,.1)),linear-gradient(0deg,rgba(160,160,160,.08),rgba(160,160,160,.08) 27%,rgba(163,163,163,.08) 0,rgba(163,163,163,.08) 29%,rgba(37,37,37,.08) 0,rgba(37,37,37,.08) 35%,rgba(96,96,96,.08) 0,rgba(96,96,96,.08) 73%,rgba(250,250,250,.08) 0,rgba(250,250,250,.08) 90%,rgba(91,91,91,.08) 0,rgba(91,91,91,.08)),linear-gradient(90deg,rgba(191,191,191,.08),rgba(191,191,191,.08) 2%,rgba(170,170,170,.08) 0,rgba(170,170,170,.08) 7%,rgba(49,49,49,.08) 0,rgba(49,49,49,.08) 9%,rgba(131,131,131,.08) 0,rgba(131,131,131,.08) 23%,rgba(197,197,197,.08) 0,rgba(197,197,197,.08) 29%,rgba(154,154,154,.08) 0,rgba(154,154,154,.08) 91%,rgba(211,211,211,.08) 0,rgba(211,211,211,.08)),linear-gradient(90deg,rgb(0,119,100),rgb(0,0,119));margin:0 auto;color:#f0f0f0;outline:6px solid black;box-shadow:0 0 12px black,0 0 18px black}.cimbar-encoder-root .dragdrop:before{content:none;display:none}.cimbar-encoder-root .dragdrop.error:before{content:"⌜ Error! WebGL is not enabled :( ⌟";display:block;font:1.5em serif;padding-top:2em;position:absolute;left:0;text-align:center;width:100%}.cimbar-encoder-root #invisible_click{position:fixed!important;top:0!important;left:0!important;width:0!important;height:0!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;border:0!important}.cimbar-encoder-root #invisible_click.active{cursor:default}.cimbar-encoder-root #nav-container:focus-within+#invisible_click{pointer-events:none;display:none}.cimbar-encoder-root #nav-container a.mode-4c,.cimbar-encoder-root #nav-container a.mode-b,.cimbar-encoder-root #nav-container a.mode-bm,.cimbar-encoder-root #nav-container a.mode-bu{color:#555}.cimbar-encoder-root #nav-container.mode-4c a.mode-4c,.cimbar-encoder-root #nav-container.mode-b a.mode-b,.cimbar-encoder-root #nav-container.mode-bm a.mode-bm,.cimbar-encoder-root #nav-container.mode-bu a.mode-bu{color:#9fa6b2}.cimbar-encoder-root #nav-container{position:fixed;top:0;width:100%;height:100%;pointer-events:none}.cimbar-encoder-root #nav-container .bg{pointer-events:auto;position:absolute;left:0;width:100%;height:100%;visibility:hidden;opacity:0;transition:.3s;background:black}.cimbar-encoder-root #nav-container:focus-within .bg{visibility:visible;opacity:.6}.cimbar-encoder-root #nav-container *{visibility:visible}.cimbar-encoder-root #nav-button{position:relative;display:flex;flex-direction:column;justify-content:center;height:60px;width:30px;margin-left:15px;cursor:pointer;pointer-events:auto;touch-action:manipulation;border:0;outline:0;background-image:linear-gradient(180deg,rgb(0,0,0,0) 10%,rgb(0,0,0) 40%,rgb(0,0,0) 60%,rgb(0,0,0,0) 90%);background-color:initial}.cimbar-encoder-root #nav-button.hide{opacity:0;transition:.3s}.cimbar-encoder-root #nav-container:focus-within #nav-button.hide{opacity:1}.cimbar-encoder-root .icon-bar{display:block;width:100%;height:3px;transition:.3s}.cimbar-encoder-root .icon-bar+.icon-bar{margin-top:3px}.cimbar-encoder-root #nav-container .icon-bar:first-of-type{background-color:#00ff00;box-shadow:0 0 5px #00ff00,0 0 2px #00ff00}.cimbar-encoder-root #nav-container .icon-bar:nth-of-type(2){background-color:#ffff00;box-shadow:0 0 5px #ffff00,0 0 2px #ffff00}.cimbar-encoder-root #nav-container .icon-bar:nth-of-type(3){background-color:#00ffff;box-shadow:0 0 5px #00ffff,0 0 2px #00ffff}.cimbar-encoder-root #nav-container .icon-bar:nth-of-type(4){background-color:#ff00ff;box-shadow:0 0 5px #ff00ff,0 0 2px #ff00ff}.cimbar-encoder-root #nav-container.mode-4c .icon-bar:first-of-type{background-color:#00ffff;box-shadow:0 0 5px #00ffff,0 0 2px #00ffff}.cimbar-encoder-root #nav-container.mode-4c .icon-bar:nth-of-type(2){background-color:#ffff00;box-shadow:0 0 5px #ffff00,0 0 2px #ffff00}.cimbar-encoder-root #nav-container.mode-4c .icon-bar:nth-of-type(3){background-color:#00ff00;box-shadow:0 0 5px #00ff00,0 0 2px #00ff00}.cimbar-encoder-root #nav-container.mode-4c .icon-bar:nth-of-type(4){background-color:#ff00ff;box-shadow:0 0 5px #ff00ff,0 0 2px #ff00ff}.cimbar-encoder-root #nav-container:focus-within #nav-button{pointer-events:none}.cimbar-encoder-root #nav-container:focus-within .icon-bar{background-color:#aaa;background-image:none!important;box-shadow:none!important}.cimbar-encoder-root #nav-button.attention:focus-within .icon-bar{background-color:#00ffff}.cimbar-encoder-root #nav-container:focus-within .icon-bar:first-of-type{transform:translate3d(0,9px,0) rotate(45deg)}.cimbar-encoder-root #nav-container:focus-within .icon-bar:nth-of-type(2),.cimbar-encoder-root #nav-container:focus-within .icon-bar:nth-of-type(3){opacity:0}.cimbar-encoder-root #nav-container:focus-within .icon-bar:nth-of-type(4){transform:translate3d(0,-9px,0) rotate(-45deg)}.cimbar-encoder-root #nav-content{margin-top:60px;padding:20px;position:absolute;top:0;left:0;height:calc(100% - 60px);overflow-x:clip;background-color:#282c34;text-align:center;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transform:translateX(-100%);transition:transform .3s}.cimbar-encoder-root #nav-content ul{height:calc(100% - 60px);display:flex;flex-direction:column;list-style:none}.cimbar-encoder-root #nav-content hr{border:1px solid #444}.cimbar-encoder-root #nav-content li a{display:block;padding:10px 5px;color:#9fa6b2;text-decoration:none;transition:color .1s}.cimbar-encoder-root #nav-content li a.attention{animation:cimbar-glowing 1.5s infinite alternate}.cimbar-encoder-root #nav-content li a{font-variant:small-caps;font-size:2em}.cimbar-encoder-root #nav-content h4{font-variant:small-caps;padding-top:1em}.cimbar-encoder-root #nav-content li.modesel a{display:inline-block;width:2em}.cimbar-encoder-root #nav-content li:hover{background-color:#2c323c}.cimbar-encoder-root #nav-content li:not(.small)+.small{margin-top:auto}.cimbar-encoder-root #nav-content li.small{display:flex;align-self:center}.cimbar-encoder-root #nav-content li.small a{font-size:1em}.cimbar-encoder-root #nav-content li .range{margin-top:.6em;width:100%}.cimbar-encoder-root #nav-container:focus-within #nav-content{transform:none}.cimbar-encoder-sidebar #nav-container.cimbar-side-nav{position:relative!important;top:auto!important;left:auto!important;width:100%!important;height:auto!important;flex:1;display:flex;flex-direction:column;min-height:0;pointer-events:auto!important}.cimbar-encoder-sidebar #nav-container .bg{display:none!important}.cimbar-encoder-sidebar #nav-button.encoder-nav-button-hidden{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important;opacity:0!important;pointer-events:none!important;background:none!important;background-image:none!important}.cimbar-encoder-sidebar #nav-content{margin-top:0!important;padding:2px 10px 10px!important;position:relative!important;top:auto!important;left:auto!important;height:auto!important;max-height:none!important;transform:none!important;transition:none!important;flex:1;overflow-x:hidden;overflow-y:auto;background:rgba(15,23,42,.72)!important;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:.5rem;font-size:.6875rem;line-height:1.35}.cimbar-encoder-sidebar #nav-content ul{height:auto!important}.cimbar-encoder-sidebar #nav-content li a{font-size:.75rem!important;font-variant:normal!important;padding:6px 4px!important}.cimbar-encoder-sidebar #nav-content h4{font-size:.625rem!important;font-weight:600;letter-spacing:.08em;padding-top:.45em!important;margin-bottom:.1em;color:#94a3b8!important}.cimbar-encoder-sidebar #nav-content li.modesel a{width:auto!important;min-width:1.5rem!important;padding:3px 7px!important;font-size:.6875rem!important;font-weight:600;line-height:1.2;border-radius:.35rem}.cimbar-encoder-sidebar #nav-content li.small a{font-size:.6875rem!important;padding:5px 6px!important}.cimbar-encoder-sidebar li.encoder-sr-only{position:static!important;width:0!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.cimbar-encoder-stage #dragdrop{max-width:100%}@keyframes cimbar-glowing{0%{color:#00ffff}}