:root{--primary: #B6B6B6;--secondary: #D9D9D9;--sideBarColorA: #132E4F;--sideBarColorB: #08192D;--defaultMargin: 10px;--defaultPadding: 10px;--defaultBorderRadius: 10px;--sliderTrackColor: #ffffff;--sliderThumbColor: #A0A0A0;--sliderThumbHoverColor: #636363;--disabledTrackColor: #A0A0A0;--disabledThumbColor: #3a3a3a}h1,h2,h3{font-family:Inter,sans-serif;font-weight:700;margin:0;text-transform:uppercase}body{margin:0;padding:0;font-family:Inter;background:var(--primary)}span{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:1rem}button{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;outline:none}.pageContent{width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:row;justify-content:start}.canvasContainer{width:calc(100% - 2 * var(--defaultMargin));height:calc(100vh - 2 * var(--defaultMargin));margin:var(--defaultMargin);padding:var(--defaultPadding);background:#d9d9d9;border-radius:10px;overflow:hidden;display:flex;justify-content:center;align-items:center;box-sizing:border-box;transition:all .2s cubic-bezier(.25,.1,.25,1);position:relative;box-shadow:var(--sideBarColorA) 0 0 5px 0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIBAMAAABfdrOtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAPUExURdPT08jIyLOzs62trcnJybgzkM0AAAAJcEhZcwAADsMAAA7DAcdvqGQAAALPSURBVHjavc+JVQMwDARR0QItQAWkAfqviiTk8CHbOnY1Dcz78uzzwus1+fgqmDApUkGRCopUUKSCIhUUqaBIBUUqKFJBkQqKVFCkgiK/BRT5LqDITwFFLgUUuRRQ5FJAuU74lOuET7lN6JTbhE65T9iU+4RN+Z+QKf8TMuUx4VIeEy7lOaFSnhMq5TVhUl4TJuU9IVLeEyKlmfAozYRHaSc0SjuhUboJi9JNWJR+QqL0ExJlmHAow4RDGScUyjihUKYJgzJNGJR5QqDMEwJFmeApygRP0SZwijaBU9QJmqJO0BR9AqboEzBlMcFSFhMsZTWBUlYTKGU5QVKWEyRlPQFS1hMgZTPBUTYTHGU3gVF2ExhlO0FRthMUZT8BUfYTEOUwwVAOEwzlNIFQThMI5ThBUI4TBOU8AVDOEwDFMMlTDJM8xTJJUyyTNMU0yVJMkyzFNklSbJMkxTjJUYyTHMU6SVGskxTFPMlQzJMMxT5JUOyTBMUxiVMckzjFMwlTPJMwxTWJUlyTKMU3CVJ8kyDFOYlRnJMYxTsJUbyTEMU9iVDckwjFPwlQ/JMAJTDxUwITPyUycVMiEzclNPFSQhMvJTZxUmITJyU48VGCEx8lOnFRohMXJTzxUMITDyU+cVDiEwclMbFTEhM7JTMxUzITMyU1sVJSEyslNzFSchMjJTmxUZITGyU7MVGyExMlPbFQ0hMLJT8xUPITAwUwOVMAkzMFMTlSEJMjBTI5USCTEwUzOVAwkwMFNNlTQJM9BTXZUlCTLQU22VFgkx0FN9lQcJMNBThZU4CTNQU5WVKQkyUFOllRoJMVBTtZULCTBQU80SngiU5BT1QKeqJS4BONAp9oFPxEoeAnCoUwmSmEyUxhTCYKYzJRKJORQplMFMpkpFAmI4UzGSicyUAhTXoKadJTWJOOwpp0FNqkpdAmLYU3aSi8SUMhTh4UkT80BD/IjYqdYAAAAABJRU5ErkJggg==)}.sideBar{margin:var(--defaultMargin);padding:var(--defaultPadding);width:calc(25% - 2 * var(--defaultMargin));height:calc(100vh - 2 * var(--defaultMargin));border-radius:10px;background:linear-gradient(180deg,var(--sideBarColorA) 0%,var(--sideBarColorB) 10%,var(--sideBarColorB) 80%,var(--sideBarColorA) 100%);display:flex;flex-direction:column;gap:1rem;color:#fff;box-shadow:0 0 5px 0 var(--sideBarColorA);box-sizing:border-box;overflow-x:hidden;transition:all .2s cubic-bezier(.25,.1,.25,1)}.sideBar.closed{transform:translate(-100%)!important;width:0;padding:0;margin:0}.sideBar h1{font-size:2rem;margin:var(--defaultMargin)}.sliderBlock{display:flex;flex-direction:column;gap:.25rem;font-weight:700;text-transform:uppercase;width:100%}.controlButton{padding:.25rem;width:9rem;height:3rem;flex-shrink:0;color:#fff;text-shadow:hsla(0,0%,0%,.25) 3px 1px 2px;text-transform:uppercase;font-size:1.25rem;font-weight:700;border-radius:2.5rem}.cButtonGreen{border:1px solid #C1FCBE;background:#64ff76;box-shadow:0 0 5.8px #64ff76}.cButtonGreen:hover{background:#4dff5b;box-shadow:0 0 5.8px #4dff5b}.cButtonRed{border:1px solid #FFC1C1;background:#ff6464;box-shadow:0 0 5.8px #ff6464}.cButtonRed:hover{background:#ff4d4d;box-shadow:0 0 5.8px #ff4d4d}.cButtonYellow{border:1px solid #FFFCBE;background:#fffc64;box-shadow:0 0 5.8px #fffc64}.cButtonYellow:hover{background:#fffa4d;box-shadow:0 0 5.8px #fffa4d}.controlButton:disabled{background:#a0a0a0;box-shadow:0 0 5.8px #a0a0a0}.buttonIcon{width:1.5rem;height:1.5rem}.graphContainer{min-width:100%;min-height:100%;position:relative;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.graphContainer canvas{width:100%!important;height:100%!important;display:block}.inputLabel{height:2rem;margin-top:5px}.contextMenu{position:absolute;padding:var(--defaultPadding);margin:calc(2*var(--defaultMargin));background:#091a2e;color:#fff;opacity:.8;border-radius:.375rem;box-shadow:0 0 5px #000;z-index:100;transition:opacity .2s}.contextMenu:hover{opacity:1}.stats{width:20%;position:absolute;display:flex;flex-direction:column;color:#fff;opacity:.8;top:0;right:0;padding:.5rem;border-radius:.375rem;border:1px solid #091A2E;background:#091a2e;z-index:100;margin:calc(2*var(--defaultMargin));transition:opacity .2s}.stats:hover{opacity:1}.burgerIcon{width:2rem;height:2rem;cursor:pointer;z-index:100}.noData{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center}.graphCanvas{width:100%;height:100%;border-radius:10px}input[type=number]{font-family:Inter;height:2rem;border:1px solid #091A2E;border-radius:.375rem;background:#112b4a;color:#fff;padding:.5rem}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}input[type=range]{-webkit-appearance:none;width:90%;height:8px;background:var(--sliderTrackColor);outline:none;opacity:.7;transition:opacity .2s}input[type=range]:hover{opacity:1}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:var(--sliderThumbColor);cursor:pointer;transition:background .2s}input[type=range]::-webkit-slider-thumb:hover{background:var(--sliderThumbHoverColor)}input[type=range]::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:var(--sliderThumbColor);cursor:pointer;transition:background .2s}input[type=range]::-moz-range-thumb:hover{background:var(--sliderThumbHoverColor)}input[type=range]::-ms-thumb{width:25px;height:25px;border-radius:50%;background:var(--sliderThumbColor);cursor:pointer;transition:background .2s}input[type=range]::-ms-thumb:hover{background:var(--sliderThumbHoverColor)}input[type=range]:disabled{background:var(--disabledTrackColor);opacity:.5}input[type=range]:disabled::-webkit-slider-thumb{background:var(--disabledThumbColor);cursor:not-allowed}input[type=range]:disabled::-moz-range-thumb{background:var(--disabledThumbColor);cursor:not-allowed}input[type=range]:disabled::-ms-thumb{background:var(--disabledThumbColor);cursor:not-allowed}@media (max-width: 768px){.pageContent{flex-direction:column;justify-content:center;align-items:center}.sideBar{width:100%;height:auto;margin:0;padding:var(--defaultPadding);border-radius:0;box-shadow:none}.canvasContainer{width:100%;height:calc(100vh - var(--defaultMargin) - var(--defaultPadding));margin:0;padding:var(--defaultPadding);border-radius:0;box-shadow:none}.controlButton{width:100%;height:3rem}.burgerIcon{position:absolute;top:var(--defaultMargin);right:var(--defaultMargin)}.stats{top:auto;bottom:0;right:0;width:100%;flex-direction:row;justify-content:space-between;padding:var(--defaultPadding);margin:0;border-radius:0;border:none}}