html{margin:0;padding:0;height:100%}button:focus{outline:0}*{-webkit-tap-highlight-color:transparent}body{background-color:#000;font-size:15px;line-height:20px;font-family:"SF Pro Display","-apple-system","BlinkMacSystemFont","San Francisco","Helvetica Neue","Helvetica","Ubuntu","Roboto","Noto","Segoe UI","Arial",sans-serif;overflow:hidden}#root,body{margin:0;padding:0;height:100%}svg{background-color:#000}.button,body,h1,h2,h3{font-size:15px;margin:0}.button{background-color:rgba(0,0,0,.5);color:#fff;padding:4px 7px;line-height:100%;border-top:1px solid #fff;border-bottom:1px solid #fff;cursor:pointer;border-right:none}.button:first-child{border-bottom-left-radius:5px;border-top-left-radius:5px}.button:last-child{border-bottom-right-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:0;border-top-left-radius:0;border:1px solid #fff}.button:only-child{border-bottom-left-radius:5px;border-top-left-radius:5px}.button-group{display:inline;margin-right:5px}@media (hover:hover){.button{padding:4px 8px}.button:hover{text-decoration:underline}}.button:active,.button[disabled]{background-color:#fff;color:#000;text-decoration:none}.button[disabled]{cursor:default}.image-file-buffer-container,.image-file-buffer-container>svg,.toolbar{position:absolute}.toolbar{text-align:right;top:0;box-sizing:border-box;opacity:0;transition:opacity .25s ease-in-out;width:100%;z-index:200;padding:10px}#drawings{height:100%;right:0;top:0}#hidden{top:-5000px;left:-5000px}#hidden,.edit-screen{position:absolute;width:100%;height:100%}.edit-screen{top:0;left:0;padding-top:50px;-webkit-flex-direction:row;flex-direction:row}.edit-screen,.edit-screen-drawing{box-sizing:border-box;display:-webkit-flex;display:flex}.edit-screen-drawing{background-color:#222;-webkit-flex:1 1;flex:1 1;padding:25px;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-align-content:center;align-content:center}.edit-screen-drawing>svg{box-shadow:2px 2px 20px rgb(0 0 0/50%)}.edit-screen-controls{background-color:#333;box-sizing:border-box;padding:25px}.toolbar-mobile-hamburger{color:#fff}.main-toolbar{padding:10px;z-index:500;box-sizing:border-box;-webkit-flex-direction:row;flex-direction:row}.main-toolbar,.modal{position:absolute;top:0;left:0;width:100%;display:-webkit-flex;display:flex}.modal{height:100%;z-index:1000;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;opacity:0;transition:opacity .25s ease-in-out}.modal-background-toggle{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1001;background-color:rgba(0,0,0,.5)}.modal-content{width:100%;height:100%;background-color:#000;border-radius:20px;border:1px solid #fff;box-sizing:border-box;color:#fff;margin:20px;z-index:1002;-webkit-hyphens:auto;hyphens:auto}.about-modal-content{max-width:680px;max-height:calc(100% - 100px);padding:20px 10px 20px 20px}.perma-modal-content{max-width:350px;max-height:350px;padding:30px}.modal-content-scroll{height:100%;width:100%;overflow:scroll;padding-right:20px;box-sizing:border-box}.modal-content a{color:#fff;text-decoration:none;border-bottom:1px solid #888}.modal-content a:hover{border-bottom-color:#fff}.perma-image{height:calc(100% - 20px);padding-bottom:20px}.perma-modal-content{-webkit-flex-direction:column;flex-direction:column;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.network-screen{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;background:#141414;text-align:center;cursor:none;box-shadow:inset 0 0 20vw rgba(0,0,0,.12);transition:all 2s;display:none}.network-screen-drawing{box-sizing:border-box;margin-top:4vh;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-align-content:center;align-content:center;position:relative}.network-screen-drawing>svg{box-shadow:0 0 20vw rgb(0 0 0/50%);border-radius:2vw;transition:background-color 2s}.network-graph{position:relative;color:#fff;padding-top:10vh}.graph-node{position:absolute;text-align:center;width:20px;height:20px;font-size:11px;font-weight:700}.network-palette{display:-webkit-flex;display:flex;position:absolute;top:3vh;width:100%;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.network-palette>div{height:.35vh;width:6vw;max-width:50px;-webkit-flex-direction:row;flex-direction:row}.fps{position:absolute;left:0;bottom:0;z-index:1000;color:hsla(0,0%,100%,.05);padding:10px;display:none}.spinner{font-size:10px;text-indent:-9999em;width:5vh;height:5vh;border-radius:50%;background:#fff;background:linear-gradient(90deg,#fff 10%,hsla(0,0%,100%,0) 42%);position:relative;-webkit-animation:load3 1.4s linear infinite;animation:load3 1.4s linear infinite;-webkit-transform:translateZ(0);transform:translateZ(0);position:absolute;left:calc(50% - 2.5vh);top:calc(50% - 2.5vh)}.spinner:before{width:50%;height:50%;background:#fff;border-radius:100% 0 0 0}.spinner:after,.spinner:before{position:absolute;top:0;left:0;content:""}.spinner:after{background:#282828;width:90%;height:90%;border-radius:50%;margin:auto;bottom:0;right:0}@-webkit-keyframes load3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes load3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.03df0c38.chunk.css.map */