*{margin:0;padding:0;box-sizing:border-box;outline:none;list-style:none;font-family:Work Sans,sans-serif;font-weight:400;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}::-moz-selection{color:#171717;background:#76e3ab}::selection{color:#171717;background:#76e3ab}::-webkit-scrollbar{display:none}html,body{overflow-x:hidden}body{font-family:Work Sans,sans-serif;font-size:15px;background-color:#26282a}strong{font-weight:600}#canvas-container{position:fixed;width:calc(100vw - 300px);height:calc(var(--vh, 1vh) * 100 - 20px);top:10px;right:10px;transition:transform .3s ease-in-out;background-color:#171717;border-radius:10px}#canvas-container canvas{border-radius:10px;border:solid 1px #59636B}@media (max-width: 800px){#canvas-container{width:calc(100vw - 20px);left:10px;right:auto;transition:transform .3s ease-in-out}#canvas-container.nav-open{transform:translate(calc(70% + 10px))}}.nav-container{position:fixed;display:flex;flex-direction:column;height:calc(var(--vh, 1vh) * 100);top:0;z-index:40;color:#fff;padding:10px;width:290px;transition:all .3s ease-in-out}@media (max-width: 800px){.nav-container{width:70%;left:0;transform:translate(-100%)}.nav-container.nav-open{transform:translate(0)}}.nav-container .layers-wrap{display:flex;flex-direction:column;gap:10px;width:auto;padding-bottom:20px;margin-bottom:20px;border-bottom:solid 1px #59636B}.nav-container .layers-wrap.has-active-item .layer-container ul li{color:#7c868e!important}.nav-container .layers-wrap.has-active-item .layer-container ul li.active{color:#76e3ab!important}.nav-container .layers-wrap .layer-container{width:100%;border:solid 1px #59636B;border-radius:5px;height:40px;overflow:hidden;transition:all .25s ease-in-out;position:relative;padding:0 10px}@media (min-width: 800px){.nav-container .layers-wrap .layer-container:hover,.nav-container .layers-wrap .layer-container:hover h2{background-color:#353a3d}}.nav-container .layers-wrap .layer-container.active{background-color:#353a3d;height:calc(var(--vh, 1vh) * 50);overflow:scroll}@media (max-width: 800px){.nav-container .layers-wrap .layer-container.active{height:calc(var(--vh, 1vh) * 42)}}.nav-container .layers-wrap .layer-container.active h2{background-color:#353a3d}.nav-container .layers-wrap .layer-container h2{font-family:EB Garamond,serif;text-shadow:0px 0px 5px rgba(255,255,255,.5);font-size:20px;padding-bottom:10px;padding-top:6px;cursor:pointer;border-bottom:solid 1px #59636B;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:sticky;top:0;left:0;width:100%;background-color:#26282a;z-index:20;transition:all .25s ease-in-out}.nav-container .layers-wrap .layer-container ul{height:-moz-fit-content;height:fit-content;padding-bottom:20px;position:relative;padding-top:10px}.nav-container .layers-wrap .layer-container ul li{margin-bottom:5px;cursor:pointer;width:-moz-fit-content;width:fit-content;font-family:IBM Plex Mono,monospace;font-size:13px;transition:all .15s ease-out;position:relative;color:#c4cace;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-container .layers-wrap .layer-container ul li:hover{opacity:1;color:#76e3ab!important}.nav-container .layers-wrap .layer-container ul li.active{text-shadow:0px 0px 3px rgba(118,227,171,.5);color:#76e3ab}.nav-container .layers-wrap .layer-container ul li.connected{color:#c4cace!important}.nav-container .layers-wrap .layer-container ul li.connected:hover{color:#76e3ab!important}.nav-container ul.tags-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;width:100%}.nav-container ul.tags-container li{width:-moz-fit-content;width:fit-content;padding:5px 10px;font-family:IBM Plex Mono,monospace;border:solid 1px #59636B;border-radius:5px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:13px;transition:all .15s ease-in-out;color:#7c868e}@media (min-width: 800px){.nav-container ul.tags-container li:hover{color:#c4cace;border-color:#7c868e;background-color:#ffffff0d}}.nav-container ul.tags-container li.active{color:#f5f7f9;border-color:#9ff2c8;background-color:#76e3ab1a}.nav-container img.tt-logo{display:block;width:70%;opacity:.4;margin:auto auto 20px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width: 800px){.nav-container img.tt-logo{max-width:150px;width:60%}}.nav-btn{display:none}@media (max-width: 800px){.nav-btn{display:block;position:absolute;bottom:10px;left:10px;width:40px;height:40px;border-radius:20px;border:solid 1px #59636B;z-index:40;cursor:pointer;background-color:#171717;background-position:center;background-size:50%;background-repeat:no-repeat;transition:filter .15s ease-in;background-image:url(../images/right-arrow.svg)}.nav-btn:active{border-color:#7c868e;background-color:#ffffff0d;filter:brightness(1.5)}.nav-btn.closed{background-image:url(../images/right-arrow.svg)}.nav-btn.opened{background-image:url(../images/left-arrow.svg)}}.play-btn{position:absolute;bottom:10px;right:10px;width:40px;height:40px;border-radius:20px;border:solid 1px #59636B;cursor:pointer;background-color:#171717;background-position:center;background-size:30%;background-repeat:no-repeat;transition:filter .15s ease-in}@media (min-width: 800px){.play-btn:hover{color:#c4cace;border-color:#7c868e;background-color:#ffffff0d}}.play-btn:active{border-color:#7c868e;background-color:#ffffff0d;filter:brightness(1.5)}.play-btn.playing{background-image:url(../images/paused.svg)}.play-btn.paused{background-image:url(../images/play.svg)}.sphere-tooltip{color:#fff;z-index:50;text-shadow:0px 0px 3px rgba(23,23,23,.9);font-size:10px;font-family:IBM Plex Mono,monospace}@media (max-width: 800px){.sphere-tooltip{display:none!important}}.node-popup{position:absolute;top:40px;right:40px;width:70%;max-width:300px;border:solid 1px #7C868E;border-radius:10px;padding:10px 10px 0;background-color:#353a3dd9;color:#fff;z-index:30}.node-popup .node-popup-content{padding-top:20px;max-height:calc(var(--vh, 1vh) * 70);overflow:scroll;padding-bottom:20px}@media (max-width: 800px){.node-popup{top:20px;right:20px}}.node-popup h1{font-family:EB Garamond,serif;font-weight:400;margin-top:0;text-shadow:0px 0px 5px rgba(255,255,255,.5);font-size:25px;padding-right:50px;line-height:110%;padding-bottom:10px;margin-bottom:0;border-bottom:solid 1px #7C868E}.node-popup p{margin-bottom:20px;color:#c4cace}.node-popup ul{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.node-popup ul li{padding:5px 10px;border:solid 1px #7C868E;border-radius:5px;font-size:13px;font-family:IBM Plex Mono,monospace;pointer-events:none}.node-popup .close-btn{position:absolute;top:10px;right:10px;cursor:pointer;width:20px;height:20px}.node-popup .close-btn:before,.node-popup .close-btn:after{position:absolute;left:8px;content:" ";height:24px;width:1px;background-color:#7c868e;transition:all .1s ease-in}.node-popup .close-btn:before{transform:rotate(45deg)}.node-popup .close-btn:after{transform:rotate(-45deg)}.node-popup .close-btn:hover:before,.node-popup .close-btn:hover:after{background-color:#fff}