.drawflow,.drawflow .parent-node{position:relative}.parent-drawflow{touch-action:none;outline:0;display:flex;overflow:hidden}.drawflow{-webkit-user-select:none;user-select:none;perspective:0;width:100%;height:100%}.drawflow .drawflow-node{color:#000;z-index:2;background:#0ff;border:2px solid #000;border-radius:4px;align-items:center;width:160px;min-height:40px;padding:15px;display:flex;position:absolute}.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{width:100%;display:block}.drawflow .drawflow-node .input,.drawflow .drawflow-node .output{cursor:crosshair;z-index:1;background:#fff;border:2px solid #000;border-radius:50%;width:20px;height:20px;margin-bottom:5px;position:relative}.drawflow .drawflow-node .input{background:#ff0;top:2px;left:-27px}.drawflow .drawflow-node .output{top:2px;right:-3px}.drawflow svg{z-index:0;position:absolute;overflow:visible!important}.drawflow .connection{pointer-events:none;aspect-ratio:1;position:absolute}.drawflow .connection .main-path{fill:none;stroke-width:5px;stroke:#4682b4;pointer-events:all}.drawflow .connection .point{cursor:move;stroke:#000;stroke-width:2px;fill:#fff;pointer-events:all}.drawflow .connection .point.selected,.drawflow .connection .point:hover{fill:#1266ab}.drawflow .main-path{fill:none;stroke-width:5px;stroke:#4682b4}.drawflow-delete{color:#fff;z-index:4;text-align:center;cursor:pointer;background:#000;border:2px solid #fff;border-radius:50%;width:30px;height:30px;font-family:monospace;font-weight:700;line-height:30px;display:block;position:absolute}.drawflow>.drawflow-delete{margin-top:15px;margin-left:-15px}.parent-node .drawflow-delete{top:-15px;right:-15px}.drawflow .drawflow-node{width:auto;color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:.625rem;padding:0;box-shadow:0 2px 7px #0000001a}.drawflow .drawflow-node:hover{border-color:#d1d5db}.drawflow .drawflow-node.selected{background:#fff;border-color:#d6499a;box-shadow:0 0 0 2px #fce9f3,0 2px 7px #0000001a}.drawflow .drawflow-node .input,.drawflow .drawflow-node .output{background:#d6499a;border:2px solid #fff;width:12px;height:12px;margin-top:-6px;top:50%;box-shadow:0 0 0 1.5px #d6499a}.drawflow .drawflow-node .output{right:-6px}.drawflow .drawflow-node .input{left:-6px}.drawflow .drawflow-node .input:hover,.drawflow .drawflow-node .output:hover{background:#ad3980;box-shadow:0 0 0 1.5px #ad3980}.drawflow .connection .main-path{stroke:#e2c6da;stroke-width:2.5px;marker-end:url(#automation-connection-arrow)}.drawflow .connection .main-path:hover{stroke:#d6499a;cursor:pointer}.drawflow .connection .main-path.selected{stroke:#ad3980}.drawflow .connection .point{stroke:#9ca3af;fill:#fff}.drawflow .connection .point.selected,.drawflow .connection .point:hover{fill:#d6499a;stroke:#d6499a}.drawflow-delete{background:#6b7280;border-color:#fff}.drawflow-delete:hover{background:#dc2626}