*{box-sizing:border-box}html,body{background-color:#eee;height:100%;margin:0}@media (prefers-color-scheme:dark){html{filter:invert()}}svg{stroke-width:.5px;stroke-linejoin:round;pointer-events:all;font-size:4px}.error{color:red}.column{float:left;font-family:Courier New,monospace;overflow:auto}#links{width:15%;height:100%}#content{border-color:#ccc;border-left-style:solid;border-right-style:solid;width:70%;height:100%;padding:.5%}#ex_and_footer{width:15%;height:100%;padding:.2%;font-family:sans-serif}@media screen and (width<=600px){.column#content,.column#links,.column.ext_and_footer{width:100%}}#nav div{border-left-width:.4vw;margin:0%}#nav>div{border-top-style:solid;border-left-style:double}#nav>div div{border-top-style:solid;border-top-color:#777;border-left-style:double}#nav a{color:#eee;text-align:left;background-color:#333;margin:0% 0% 1%;padding:4% 1%;text-decoration:none;display:block}#nav a svg{z-index:1;background-color:#eeee;border-style:groove;width:69%;height:80%;padding:12px 16px;display:none;position:fixed;top:5%;right:5%;box-shadow:0 8px 16px #0003}#nav a:hover svg{display:block}#nav a:hover{color:#111;background-color:#ddd}.cmpnt text{fill:#246;stroke:none}.cmpnt:hover text{fill:#642}#sch svg circle,#nav svg circle,#sch svg path,#nav svg path{fill:none;stroke:#000}#sch svg{max-height:100vh;margin:auto;display:block}#valuebox{visibility:hidden;background-color:#fff;border-style:groove;border-color:#777;position:absolute}#valuebox input{outline:0}#run{visibility:hidden;border-style:outset;border-color:#fff;height:10%;margin:auto}#run:hover{border-color:#000}#run svg{width:100%;height:100%;margin:auto}#ex{width:100%;height:80%;overflow:auto}#footer{text-align:center;background-color:#ccc;border:solid #0000;width:100%;height:10%;overflow:auto}#footer:hover{background-color:#999}#fbox{z-index:1;background-color:#bbb;border:groove;padding:12px 16px;display:none;position:fixed;inset:2% 2% 10%;overflow:auto}