body{margin:0}.app-container{display:flex;flex-direction:row;width:100vw;height:100vh;overflow:hidden}.app-svg{flex:1 1 auto;overflow:auto;background:#ddd;background:linear-gradient(90deg,#bbb,#fff 40%,#fff 60%,#bbb)}.app-svg::-webkit-scrollbar{width:0;height:0}.app-input{padding:1em}.app-control,.app-input{flex:0 0 auto;min-width:200px}.app-control{display:flex;flex-direction:column;overflow:hidden}.app-control-input{display:flex;flex-direction:row;flex:0 0 auto;padding:1em}.app-control-input input{flex:1 1 auto;outline:none;border:1px solid grey;padding:4px;font-family:monospace;overflow:auto}.app-control-input input.error{border:1px solid red}.app-control-input button{flex:0 0 auto}.app-control-elements{flex:1 1 auto;overflow:auto;padding:0}.app-control-elements-item{list-style:none;display:flex;align-items:center;overflow:hidden}.app-control-elements-item [data-role=value]{padding:8px;flex:1 1 auto}.app-control-elements-item [data-role=remove]{flex:0 0 auto;border:none;padding:8px 16px;cursor:pointer;color:red;transform:translate(100%);transition:transform .2s}.app-control-elements-item:hover{background-color:#ccc}.app-control-elements-item:hover [data-role=remove]{transform:translate(0)}.app-svg circle{fill:#fdc35c;animation:_tree_node_appear .2s ease-in-out both}.app-svg circle.pointer{fill:#333}.app-svg text{fill:#333;font-weight:900;font-size:20px;font-family:monospace;stroke:#fdc35c;stroke-width:8px;stroke-linejoin:round;paint-order:stroke}.app-svg path{stroke:#35f;stroke:url(#path-gradient);stroke-width:4px;fill:none}.app-svg g.node{cursor:pointer}.app-svg g.node:hover circle{stroke:#fcb02a;stroke-width:4px}.app-svg g,.app-svg path{transition:.2s}@keyframes _tree_node_appear{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}
/*# sourceMappingURL=main.935de685.chunk.css.map */