body{margin:0;padding:0}*{box-sizing:border-box}svg#canvas{padding:0;margin:0;width:100vw;height:100vh;cursor:move}#action-bar,svg#canvas{top:0;left:0;position:absolute}#action-bar{right:0;padding:16px;width:100%;background:#efefef;display:flex;align-items:center;justify-content:center}#action-bar .action-bar-button{margin-right:16px}rect.element{fill:#fff;stroke:#888;cursor:pointer}.selected,polygon.selected{stroke:#4e9bff;stroke-width:5}polygon.selected{fill:#4e9bff}.relationship{cursor:pointer}.relationship:hover path{stroke-width:5;stroke:orange}.relationship:hover polygon{stroke:orange;fill:orange;stroke-width:5}.relationship.selected path{stroke-width:5;stroke:#4e9bff}.relationship.selected polygon{stroke:#4e9bff;fill:#4e9bff;stroke-width:5}.relationship.selected text{stroke-width:0}.relationship.selected circle{stroke-width:2;stroke:#4e9bff}rect.debug{display:none}circle{fill:none;stroke:none;pointer-events:all;cursor:crosshair}circle.active,circle:hover{stroke:#78aaff}circle.active{fill:#78aaff}circle.debug{fill:red;stroke:red}.relationship-type{font:"sans serif";font-size:18px;font-weight:300;fill:#000}.relationship-type.positive circle{fill:#adff2f;opacity:30%}.relationship-type.positive text{fill:#437919}.relationship-type.negative circle{fill:#f08080;opacity:30%}.relationship-type.negative text{fill:#e03e3e}#entities{cursor:move;pointer-events:none}#entities,#inner-entities{padding:0;margin:0;top:0;left:0;right:0;position:absolute;width:100vw;height:100vh}#inner-entities{bottom:0;transform-box:view-box;-webkit-transform-origin-x:0;-webkit-transform-origin-y:0;-webkit-transform-origin-z:0}.entity-text{position:absolute;display:flex;align-items:center;justify-content:center;font-size:12pt;font-family:sans-serif;border-radius:25px}.entity-text.selected{color:#4e9bff}.entity-text input{width:80%;border:none;outline:none;font-family:sans-serif;font-size:12pt;border-radius:25px;text-align:center;color:#4e9bff;background:none;pointer-events:all}g.loop.reinforcing polygon,g.loop.reinforcing text{fill:#f45a01}g.loop.reinforcing circle{stroke:#f45a01}g.loop.balancing polygon,g.loop.balancing text{fill:#089285}g.loop.balancing circle{stroke:#089285}g.loop circle{fill:none;stroke-dasharray:60,10}g.loop text{font-family:sans-serif;font-size:18px}
/*# sourceMappingURL=4d2046020bbfd5ce.css.map*/