.overlay{position:absolute;right:10px;bottom:10px;width:25%;height:50%;background-color:#000;border:5px solid #90909000;z-index:10;box-shadow:#8b8b8b 0 0 5px;border-radius:20px;padding:5px;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;box-sizing:border-box;transition:.1s ease-in-out}.overlay.resizing{cursor:nwse-resize}.overlay:hover{cursor:default}.overlay:hover:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:inherit;pointer-events:none}.overlay:hover:before{cursor:pointer}.overlay:hover:before{pointer-events:none}.overlay.resizable-right{cursor:ew-resize}.overlay.resizable-bottom{cursor:ns-resize}.overlay.resizable-corner{cursor:nwse-resize}.top-controls{position:absolute;top:10px;left:10px;z-index:11;width:100%}.min_max_button{filter:brightness(0) invert(1);width:20px;cursor:pointer;transition:.25s ease-out}.min_max_button:hover{scale:1.25}body{background-color:#000!important;margin:0;overflow:hidden;font:16px Arial}canvas{display:block}nav{background-color:#1b1b1b}body *{visibility:hidden}a:link,a:visited{color:#fff;text-decoration:underline}a:hover,a:focus,a:active{color:gray;text-decoration:underline}footer{position:absolute;bottom:0;z-index:999;opacity:.85}footer p{margin:5px;font-size:13.5px;color:#fff}.showing-container{position:fixed;top:70px;right:10px;width:300px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:10px}.colorbar-wrapper{display:none;position:fixed;top:120px;right:10px;width:50px;text-align:center}.colorbar{width:30px;height:100px;background:linear-gradient(to bottom,#b40426,#fff,#3b4cc0);margin:0 auto;border-radius:5px}.colorbar-label{color:#fff;font-size:14px;margin:5px 0}.colorbar-wrapper2{display:none;position:fixed;top:275px;right:10px;width:50px;text-align:center}.colorbar-wrapper3{display:none;position:fixed;top:120px;right:10px;width:50px;text-align:center}.colorbar-green{width:30px;height:100px;background:linear-gradient(to bottom,#0f0,#3d3d3d);margin:0 auto;border-radius:5px}.colorbar-label-green{color:#fff;font-size:14px;margin:5px 0}.colorbar-magenta{width:30px;height:100px;background:linear-gradient(to bottom,#f0f,#3d3d3d);margin:0 auto;border-radius:5px}.colorbar-label-magenta{color:#fff;font-size:14px;margin:5px 0}#loadingIndicator{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1;position:fixed;width:100%;height:100%;color:#fff;background-color:#000}[helix]{display:flex;gap:.5em}[helix] li{display:flex;flex-direction:column;position:relative;margin:0 .5em}[helix] li div{background-image:linear-gradient(0deg,rgba(0,0,0,.3),transparent);aspect-ratio:1/1;height:15px;border-radius:50%;position:absolute;transform:translate(-30px);opacity:0}[helix] li div:nth-child(2){top:calc(2em + 15px)}[helix] li span{width:2px;height:calc(2.5em - 5px);background-image:linear-gradient(180deg,#fff,gray);transform:translate(-33px,12px);z-index:10;opacity:0;animation:rotateLine 2s infinite linear,fade .1s ease-out forwards}[helix] li div:nth-child(1){animation:cycle-animation 2s infinite cubic-bezier(.42,0,.58,1),scale 2s infinite cubic-bezier(.42,0,.58,1),fade .1s ease-out forwards}[helix] li div:nth-child(2){animation:cycle-animation-reverse 2s infinite cubic-bezier(.42,0,.58,1),scale-reverse 2s infinite cubic-bezier(.42,0,.58,1),fade .1s ease-out forwards}[helix] li:nth-child(2) div,[helix] li:nth-child(2) span{animation-delay:70ms}[helix] li:nth-child(3) div,[helix] li:nth-child(3) span{animation-delay:140ms}[helix] li:nth-child(4) div,[helix] li:nth-child(4) span{animation-delay:210ms}[helix] li:nth-child(5) div,[helix] li:nth-child(5) span{animation-delay:280ms}[helix] li:nth-child(6) div,[helix] li:nth-child(6) span{animation-delay:350ms}[helix] li:nth-child(7) div,[helix] li:nth-child(7) span{animation-delay:420ms}[helix] li:nth-child(8) div,[helix] li:nth-child(8) span{animation-delay:490ms}[helix] li:nth-child(9) div,[helix] li:nth-child(9) span{animation-delay:560ms}[helix] li:nth-child(10) div,[helix] li:nth-child(10) span{animation-delay:630ms}@keyframes cycle-animation{0%{transform:translate(-40px) scale(1)}50%{transform:translate(-40px,calc(2em + 15px)) scale(1)}to{transform:translate(-40px)}}@keyframes cycle-animation-reverse{0%{transform:translate(-40px)}50%{transform:translate(-40px,calc(-2em - 15px))}to{transform:translate(-40px)}}@keyframes scale{0%{width:15px;height:15px;left:0;background-color:#fff;z-index:5}25%{width:20px;height:20px;left:-2.5px;background-color:#fff;z-index:15}50%{width:15px;height:15px;left:0;background-color:#fff;z-index:15}75%{width:10px;height:10px;left:2.5px;background-color:#fff;z-index:0}to{width:15px;height:15px;left:0;background-color:#fff;z-index:5}}@keyframes scale-reverse{0%{width:15px;height:15px;left:0;background-color:#fff;z-index:5}25%{width:10px;height:10px;left:2.5px;background-color:#fff;z-index:0}50%{width:15px;height:15px;left:0;background-color:#fff;z-index:5}75%{width:20px;height:20px;left:-2.5px;background-color:#fff;z-index:15}to{width:15px;height:15px;left:0;background-color:#fff;z-index:15}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rotateLine{0%{transform:translate(-33px,12px) rotateX(0)}to{transform:translate(-33px,12px) rotateX(360deg)}}