html,body{font:16px sans-serif}*{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}html,body,#root,main,#map{width:100%;height:100%}body{background-color:#f1faee}svg#map .node{cursor:pointer}svg#map .node circle{fill:#a8dadc;stroke:#999;transition:transform .2s ease-out}svg#map .node text{transition:fill .2s ease-out}svg#map .node:hover circle{stroke:#457b9d;stroke-width:3;transform:scale(1.1)}svg#map .node:hover text{fill:#e63946}svg#map line{transition:stroke .2s ease-out}svg#map line.is-active{stroke:#457b9d;stroke-width:4}svg#map text.is-active{fill:#e63946}aside.tools{position:fixed;right:16px;bottom:16px;width:36px;display:flex;flex-direction:column;border-radius:4px;overflow:hidden;background-color:#fff;box-shadow:0 0 0 1px #0003}aside.tools button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;background-color:transparent;cursor:pointer}aside.tools button:hover{background-color:#f9f9f9}aside.tools button+button{border-top:1px solid rgba(0,0,0,.2)}section.search{position:fixed;left:50%;top:16px;transform:translate(-50%)}section.search input{width:320px;border-radius:8px;border:1px solid #999;font-size:18px;padding:12px}