nav ul{padding-inline-start:0;margin-block-start:0;margin-block-end:0}nav ul li{border-left:2px solid var(--secondary-color-start);border-right:2px solid var(--secondary-color-start);display:inline-block;padding:0 30px;width:max-content;position:relative}nav ul li ul{transition:all .2s ease;width:100%;opacity:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;left:0;background:#0000}nav ul li ul li{transition:all .2s ease;padding-top:10px;padding-bottom:10px;border-style:none}nav ul li ul li:hover{background:var(--background);color:var(--secondary-color-light-end)}nav ul li ul li.selected{opacity:.7;background:var(--background);color:var(--secondary-color-light-end);cursor:default}nav li{cursor:pointer;transition:all .2s ease;color:var(--secondary-color-light-start)}nav li:hover{color:var(--secondary-color-light-end)}nav ul li:hover>ul,nav ul li ul:hover{opacity:1;pointer-events:all;text-align:left;padding-top:10px;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.dropdown{max-height:300px;overflow-x:hidden;overflow-y:scroll}.dropdown::-webkit-scrollbar{width:5px}.dropdown::-webkit-scrollbar-track{background:#0000}.dropdown::-webkit-scrollbar-thumb{border-radius:2.5px;background:var(--secondary-color-start)}.dropdown::-webkit-scrollbar-thumb:hover{background:var(--secondary-color-end)}.navigator-button-inner{background:var(--background);height:calc(100% - 4px);width:calc(100% - 4px);padding:2px}.navigator-button:hover{background:var(--secondary-color-light-start)}.navigator-button{padding:1rem;position:relative;background:var(--secondary-color-start);padding:3px;transform:rotate(45deg);height:15px;width:15px;transition:all .2s ease-in-out;cursor:pointer;display:flex;justify-content:center;align-items:center}.navigator-button.selected .navigator-button-inner:before{background:var(--secondary-color-end);content:"";display:block;height:100%;width:100%}#root{width:100%;height:100vh;text-align:center}#canvas-container{width:100%;height:100%}.arrow{border:solid var(--secondary-color-light-start);opacity:.9;border-width:0 5px 5px 0;display:inline-block;transform:rotate(135deg);-webkit-transform:rotate(135deg);padding:.5rem;margin:5px;transition:all .2s ease-in-out}.arrow-container{top:50%;position:relative;transform:translateY(-45%);-webkit-transform:translateY(-45%)}.side-button:hover .arrow-container .arrow{border:solid var(--secondary-color-light-end);border-width:0 5px 5px 0}.side-button{position:absolute;top:0;box-sizing:border-box;padding:5px;height:100vh;z-index:10;background:linear-gradient(90deg,#00000082 0%,#0000 100%);cursor:pointer}.side-button#right{right:0;transform:rotate(180deg);-webkit-transform:rotate(180deg)}.side-button#left{left:0}#data-display-inner{background:#222;height:calc(100% - 2em);width:calc(100% - 2em);padding:1em}#data-display{position:absolute;top:3em;right:3em;padding:2px;z-index:15;color:var(--secondary-color-light-end);background-image:url(/assets/disturbLight.jpg);background-color:var(--background);background-size:400% 400%;animation:gradient 30s linear infinite;cursor:auto;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}#data-display p{margin:0}@keyframes gradient{0%{background-position:0% 50%}to{background-position:100% 50%}}.button{margin-top:10px;padding:10px;cursor:pointer;background:var(--background);border:2px solid;border-color:var(--secondary-color-start)}.button:hover{border-color:var(--secondary-color-end)}:root{--secondary-color-start: rgb(121, 98, 57);--secondary-color-end: rgb(159, 127, 63);--secondary-color-light-start: rgb(201, 175, 110);--secondary-color-light-end: rgb(228, 216, 185);--background: rgb(46, 46, 46);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Monospace;background-color:#000;color:#fff;margin:0}*{-webkit-tap-highlight-color:transparent}
