.drawflow,.drawflow .parent-node{position:relative}.parent-drawflow{display:flex;overflow:hidden;touch-action:none;outline:0}.drawflow{width:100%;height:100%;-webkit-user-select:none;user-select:none;perspective:0}.drawflow .drawflow-node{display:flex;align-items:center;position:absolute;background:#0ff;width:160px;min-height:40px;border-radius:4px;border:2px solid #000;color:#000;z-index:2;padding:15px}.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{position:relative;width:20px;height:20px;background:#fff;border-radius:50%;border:2px solid #000;cursor:crosshair;z-index:1;margin-bottom:5px}.drawflow .drawflow-node .input{left:-27px;top:2px;background:#ff0}.drawflow .drawflow-node .output{right:-3px;top:2px}.drawflow svg{z-index:0;position:absolute;overflow:visible!important}.drawflow .connection{position:absolute;pointer-events:none;aspect-ratio:1/1}.drawflow .connection .main-path{fill:none;stroke-width:5px;stroke:#4682b4;pointer-events:all}.drawflow .connection .main-path:hover{stroke:#1266ab;cursor:pointer}.drawflow .connection .main-path.selected{stroke:#43b993}.drawflow .connection .point{cursor:move;stroke:#000;stroke-width:2;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{position:absolute;display:block;width:30px;height:30px;background:#000;color:#fff;z-index:4;border:2px solid #fff;line-height:30px;font-weight:700;text-align:center;border-radius:50%;font-family:monospace;cursor:pointer}.drawflow>.drawflow-delete{margin-left:-15px;margin-top:15px}.parent-node .drawflow-delete{right:-15px;top:-15px}.flow{direction:ltr;width:100%;height:100%;overflow:hidden;position:relative;z-index:0}.flow__background{position:absolute;width:100%;top:0;left:0;height:100%}.flow__background.dots{background-image:radial-gradient(#e5e7eb 1px,transparent 1px);background-size:16px 16px}.flow__renderer{position:absolute;z-index:1;width:100%;height:100%;top:0;left:0}.flow__canvas-container{position:absolute;width:100%;height:100%;top:0;left:0}.flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.flow__edges{pointer-events:none;overflow:visible}.flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.flow__edge-path.animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.flow__nodes{position:absolute;width:100%;height:100%;top:0;left:0}.flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-pointer;cursor:pointer}.flow__panel{position:absolute;z-index:5;margin:15px}.flow__toolbar{box-shadow:0 0 2px 1px #00000014;display:flex}.flow__toolbar__button{align-items:center;background:#fefefe;border:none;border-right:1px solid #eee;box-sizing:content-box;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:16px}.flow__toolbar__button:hover{background:#f4f4f4}.flow__panel.hidden{display:none}.flow__panel.top{top:0}.flow__panel.bottom{bottom:0}.flow__panel.left{left:0}.flow__panel.right{right:0}.dragging{cursor:grabbing}.grabbing{cursor:grab}[x-cloak]{display:none!important}