@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap);.App{align-content:flex-start;background:#f5f5f4;background:var(--boneColor);display:grid;height:100vh;overflow:hidden}:root{--boneColor:#f5f5f4;--oxfordBlue:#273654;--red:#ea3f56;--teal:#44d0f2}*{color:var(--oxfordBlue);font-family:Montserrat,sans-serif;font-size:1.1vmax}nav{align-items:center;background:var(--oxfordBlue);display:flex;justify-content:flex-end;padding:1vh 3vw 0}p{color:var(--boneColor);margin-right:auto}.end,.start{border-radius:.3rem;cursor:default;margin-right:1rem;padding:.5rem;width:4vw}.start{border:2px solid var(--teal);color:var(--teal)}.end,.start{background-color:var(--boneColor)}.end{border:2px solid var(--red);color:var(--red)}.end:active,.start:active{-webkit-transform:scale(.9);transform:scale(.9)}.dropdown{list-style-type:none;margin:.5vw;padding:0;position:relative;text-decoration:none}.selector{background-color:var(--boneColor);border:none;border-radius:.3rem;padding:.75rem;width:10.5vw;z-index:2}.dropdownMenu{box-shadow:0 2px 5px 0 rgba(0,0,0,.1);left:0;opacity:0;pointer-events:none;position:absolute;top:calc(100% + .25rem);-webkit-transform:translateY(-15px);transform:translateY(-15px);transition:opacity .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:opacity .15s ease-in-out,transform .15s ease-in-out;transition:opacity .15s ease-in-out,transform .15s ease-in-out,-webkit-transform .15s ease-in-out;width:100%}.dropdownMenu:hover,.selector:hover+.dropdownMenu{opacity:1;pointer-events:auto;-webkit-transform:translateY(-8px);transform:translateY(-8px);z-index:1}.dropdownMenu li{background-color:var(--boneColor);border-top:2px inset rgba(0,0,0,.25);padding:.75rem;transition:all .2s}.dropdownMenu li:last-child{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;padding-bottom:calc(.75rem + 2px)}.dropdownMenu li:hover{background-color:var(--oxfordBlue);color:var(--boneColor);cursor:default}.basicButton{background-color:var(--boneColor);border:none;border-radius:.3rem;margin:.5vw;padding:.75rem;width:5vw}.basicButton:hover{opacity:.85}.basicButton:active{scale:.97}.trafficPanel{margin:.5vw}.trafficPanel:hover{cursor:pointer}.controlMenu{background:var(--oxfordBlue);box-shadow:0 2px 5px 0 rgba(0,0,0,.1);display:flex;left:0;opacity:0;pointer-events:none;position:absolute;-webkit-transform:translateY(-15px);transform:translateY(-15px);transition:opacity .2s ease-in,opacity .15s ease-out,-webkit-transform .2s ease-in-out;transition:opacity .2s ease-in,opacity .15s ease-out,transform .2s ease-in-out;transition:opacity .2s ease-in,opacity .15s ease-out,transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:100vw}.controlMenu:hover,.selector:hover+.controlMenu{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0);z-index:1}.sliderMenu{display:grid;margin-left:5vw;margin-right:auto;padding:1rem;width:20vw}.sliderMenu p{margin-bottom:0;margin-top:0}.slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#58d4f3,#ed5e71);border-radius:.3rem;height:10%;margin:1rem 0;outline:none;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--red);border:none;border-radius:50%;cursor:auto;height:1rem;width:1rem}.slider::-moz-range-thumb{background-color:var(--red);border:none;border-radius:50%;cursor:auto;height:1rem;width:1rem}.scale{background-color:var(--boneColor);border:none;border-radius:5px;display:flex;margin:.5vw;padding:0;width:7.5vw}.scale p{color:var(--oxfordBlue);margin:0;padding:.75rem 0 .75rem 1.25rem}.arrowGroup{display:flex;flex-direction:column;margin-left:auto;width:2vw}.arrowDown,.arrowUp{background-color:var(--boneColor);border:1px solid rgba(39,54,84,.25);height:100%;width:100%}.arrowDown:active,.arrowUp:active{opacity:.5}.arrowUp{border-top-right-radius:5px}.arrowDown{border-bottom-right-radius:5px}.arrowN,.arrowS{background:var(--oxfordBlue);-webkit-clip-path:polygon(85% 0,70% 50%,85% 100%,15% 50%);clip-path:polygon(85% 0,70% 50%,85% 100%,15% 50%);height:100%;position:relative;width:100%}.arrowN{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.arrowS{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.gridDiv{border:2px solid var(--oxfordBlue);height:calc(40vw + 2px);margin:5vh auto;position:relative;transition:margin .15s ease-in-out;width:calc(80vw + 2px)}.Node{align-items:center;display:flex;justify-content:center;position:absolute}.scopeDot{background-color:var(--red);border-radius:50%}.pathDot,.scopeDot{height:40%;width:40%}.pathDot{background-color:var(--teal);border:2px solid var(--red);border-radius:50%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;text-align:center}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.1fa49954.css.map*/