.drawflow,.drawflow .parent-node{position:relative}.parent-drawflow{display:flex;outline:0;overflow:hidden;touch-action:none}.drawflow{height:100%;perspective:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.drawflow .drawflow-node{align-items:center;background:#0ff;border:2px solid #000;border-radius:4px;color:#000;display:flex;min-height:40px;padding:15px;position:absolute;width:160px;z-index:2}.drawflow .drawflow-node.selected{background:red}.drawflow .drawflow-node:hover{cursor:move}.drawflow .drawflow-node .inputs,.drawflow .drawflow-node .outputs{width:0}.drawflow .drawflow-node .drawflow_content_node{display:block;width:100%}.drawflow .drawflow-node .input,.drawflow .drawflow-node .output{background:#fff;border:2px solid #000;border-radius:50%;cursor:crosshair;height:20px;margin-bottom:5px;position:relative;width:20px;z-index:1}.drawflow .drawflow-node .input{background:#ff0;left:-27px;top:2px}.drawflow .drawflow-node .output{right:-3px;top:2px}.drawflow svg{overflow:visible!important;position:absolute;z-index:0}.drawflow .connection{aspect-ratio:1/1;pointer-events:none;position:absolute}.drawflow .connection .main-path{fill:none;pointer-events:all;stroke:#4682b4;stroke-width:5px}.drawflow .connection .main-path:hover{cursor:pointer;stroke:#1266ab}.drawflow .connection .main-path.selected{stroke:#43b993}.drawflow .connection .point{cursor:move;fill:#fff;pointer-events:all;stroke:#000;stroke-width:2}.drawflow .connection .point.selected,.drawflow .connection .point:hover{fill:#1266ab}.drawflow .main-path{fill:none;stroke:#4682b4;stroke-width:5px}.drawflow-delete{background:#000;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:block;font-family:monospace;font-weight:700;height:30px;line-height:30px;position:absolute;text-align:center;width:30px;z-index:4}.drawflow>.drawflow-delete{margin-left:-15px;margin-top:15px}.parent-node .drawflow-delete{right:-15px;top:-15px}