#bg{position:fixed;top:0;left:0;width:100vw;height:100vh}#graph{position:fixed;bottom:0;left:-800px;width:800px;box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003;border-radius:10px;background:#ffffff26;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:all .5s ease-in-out}#rodChart{background-color:transparent;background:transparent}#graph.active{transform:translate(800px)}.controls{z-index:6;position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-top:4px;width:100%;gap:4px}.controls .control-inputs{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:10px}@media only screen and (max-width: 600px){#graph{width:100dvw}}.glow-on-hover{min-width:150px;height:50px;border:none;outline:none;color:#fff;background:#111;cursor:pointer;position:relative;z-index:0;border-radius:10px;border:2px solid lightblue;margin-bottom:4px}.glow-on-hover:before{content:"";background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing 20s linear infinite;opacity:0;transition:opacity .3s ease-in-out;border-radius:10px}.glow-on-hover:active{color:#000}.glow-on-hover:active:after{background:transparent}.glow-on-hover:hover:before{opacity:1}.glow-on-hover:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#111;left:0;top:0;border-radius:10px}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.spinner{width:64px;height:64px;border:8px solid;border-color:#3d5af1 transparent #3d5af1 transparent;border-radius:50%;animation:spin-anim 1.2s linear infinite}@keyframes spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}