.vue-flow{position:relative;width:100%;height:100%;overflow:hidden;z-index:0}[dir=ltr] .vue-flow{direction:ltr}[dir=rtl] .vue-flow{direction:rtl}.vue-flow__container{position:absolute;height:100%;width:100%;top:0}[dir=ltr] .vue-flow__container{left:0}[dir=rtl] .vue-flow__container{right:0}.vue-flow__pane{z-index:1}[dir] .vue-flow__pane.draggable{cursor:grab}[dir] .vue-flow__pane.selection{cursor:pointer}[dir] .vue-flow__pane.dragging{cursor:grabbing}.vue-flow__transformationpane{z-index:2;pointer-events:none}[dir=ltr] .vue-flow__transformationpane{transform-origin:0 0}[dir=rtl] .vue-flow__transformationpane{transform-origin:100% 0}.vue-flow__viewport{z-index:4;overflow:clip}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{pointer-events:none;overflow:visible}.vue-flow__edge-path,.vue-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.vue-flow__edge{pointer-events:visibleStroke}[dir] .vue-flow__edge{cursor:pointer}.vue-flow__edge.animated path{stroke-dasharray:5}[dir=ltr] .vue-flow__edge.animated path{animation:dashdraw .5s linear infinite}[dir=rtl] .vue-flow__edge.animated path{animation:dashdraw .5s linear infinite}.vue-flow__edge.animated path.vue-flow__edge-interaction{stroke-dasharray:none}[dir=ltr] .vue-flow__edge.animated path.vue-flow__edge-interaction{animation:none}[dir=rtl] .vue-flow__edge.animated path.vue-flow__edge-interaction{animation:none}.vue-flow__edge.inactive{pointer-events:none}.vue-flow__edge.selected,.vue-flow__edge:focus,.vue-flow__edge:focus-visible{outline:none}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:#555}.vue-flow__edge-textwrapper{pointer-events:all}.vue-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__connection{pointer-events:none}.vue-flow__connection .animated{stroke-dasharray:5}[dir=ltr] .vue-flow__connection .animated,[dir=rtl] .vue-flow__connection .animated{animation:dashdraw .5s linear infinite}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none}[dir=ltr] .vue-flow__nodes{transform-origin:0 0}[dir=rtl] .vue-flow__nodes{transform-origin:100% 0}.vue-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;box-sizing:border-box}[dir] .vue-flow__node{cursor:default}[dir=ltr] .vue-flow__node{transform-origin:0 0}[dir=rtl] .vue-flow__node{transform-origin:100% 0}.vue-flow__node.draggable{pointer-events:all}[dir] .vue-flow__node.draggable{cursor:grab}[dir] .vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{z-index:3;pointer-events:none}[dir=ltr] .vue-flow__nodesselection{transform-origin:left top}[dir=rtl] .vue-flow__nodesselection{transform-origin:right top}.vue-flow__nodesselection-rect{position:absolute;pointer-events:all}[dir] .vue-flow__nodesselection-rect{cursor:grab}[dir] .vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px}.vue-flow__handle.connectable{pointer-events:all}[dir] .vue-flow__handle.connectable{cursor:crosshair}.vue-flow__handle-bottom{bottom:0}[dir=ltr] .vue-flow__handle-bottom{left:50%;transform:translate(-50%,50%)}[dir=rtl] .vue-flow__handle-bottom{right:50%;transform:translate(50%,50%)}.vue-flow__handle-top{top:0}[dir=ltr] .vue-flow__handle-top{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .vue-flow__handle-top{right:50%;transform:translate(50%,-50%)}.vue-flow__handle-left{top:50%}[dir=ltr] .vue-flow__handle-left{left:0;transform:translate(-50%,-50%)}[dir=rtl] .vue-flow__handle-left{right:0;transform:translate(50%,-50%)}.vue-flow__handle-right{top:50%}[dir=ltr] .vue-flow__handle-right{right:0;transform:translate(50%,-50%)}[dir=rtl] .vue-flow__handle-right{left:0;transform:translate(-50%,-50%)}.vue-flow__edgeupdater{pointer-events:all}[dir] .vue-flow__edgeupdater{cursor:move}.vue-flow__panel{position:absolute;z-index:5}[dir] .vue-flow__panel{margin:15px}.vue-flow__panel.top{top:0}.vue-flow__panel.bottom{bottom:0}[dir=ltr] .vue-flow__panel.left{left:0}[dir=rtl] .vue-flow__panel.left,[dir=ltr] .vue-flow__panel.right{right:0}[dir=rtl] .vue-flow__panel.right{left:0}[dir=ltr] .vue-flow__panel.center{left:50%;transform:translate(-50%)}[dir=rtl] .vue-flow__panel.center{right:50%;transform:translate(50%)}@keyframes dashdraw{0%{stroke-dashoffset:10}}:root{--vf-node-bg: #fff;--vf-node-text: #222;--vf-connection-path: #b1b1b7;--vf-handle: #555}.vue-flow__edge.updating .vue-flow__edge-path{stroke:#777}.vue-flow__edge-text{font-size:10px}.vue-flow__edge-textbg{fill:#fff}.vue-flow__connection-path{stroke:var(--vf-connection-path)}[dir] .vue-flow__node{cursor:grab}.vue-flow__node.selectable:focus,.vue-flow__node.selectable:focus-visible{outline:none}.vue-flow__node-default,.vue-flow__node-input,.vue-flow__node-output{width:150px;font-size:12px;color:var(--vf-node-text)}[dir] .vue-flow__node-default,[dir] .vue-flow__node-input,[dir] .vue-flow__node-output{padding:10px;border-radius:3px;text-align:center;border-width:1px;border-style:solid;background-color:var(--vf-node-bg);border-color:var(--vf-node-color)}[dir] .vue-flow__node-default.selected,[dir] .vue-flow__node-default.selected:hover,[dir] .vue-flow__node-input.selected,[dir] .vue-flow__node-input.selected:hover,[dir] .vue-flow__node-output.selected,[dir] .vue-flow__node-output.selected:hover{box-shadow:0 0 0 .5px var(--vf-box-shadow)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible,.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible,.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{outline:none}[dir] .vue-flow__node-default.selected,[dir] .vue-flow__node-default:focus,[dir] .vue-flow__node-default:focus-visible,[dir] .vue-flow__node-input.selected,[dir] .vue-flow__node-input:focus,[dir] .vue-flow__node-input:focus-visible,[dir] .vue-flow__node-output.selected,[dir] .vue-flow__node-output:focus,[dir] .vue-flow__node-output:focus-visible{border:1px solid #555}[dir] .vue-flow__node-default .vue-flow__handle,[dir] .vue-flow__node-input .vue-flow__handle,[dir] .vue-flow__node-output .vue-flow__handle{background:var(--vf-handle)}[dir] .vue-flow__node-default.selectable:hover,[dir] .vue-flow__node-input.selectable:hover,[dir] .vue-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.vue-flow__node-input{--vf-node-color: var(--vf-node-color, #0041d0);--vf-handle: var(--vf-node-color, #0041d0);--vf-box-shadow: var(--vf-node-color, #0041d0)}[dir] .vue-flow__node-input{background:var(--vf-node-bg);border-color:var(--vf-node-color, #0041d0)}.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible{outline:none}[dir] .vue-flow__node-input.selected,[dir] .vue-flow__node-input:focus,[dir] .vue-flow__node-input:focus-visible{border:1px solid var(--vf-node-color, #0041d0)}.vue-flow__node-default{--vf-handle: var(--vf-node-color, #1a192b);--vf-box-shadow: var(--vf-node-color, #1a192b)}[dir] .vue-flow__node-default{background:var(--vf-node-bg);border-color:var(--vf-node-color, #1a192b)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible{outline:none}[dir] .vue-flow__node-default.selected,[dir] .vue-flow__node-default:focus,[dir] .vue-flow__node-default:focus-visible{border:1px solid var(--vf-node-color, #1a192b)}.vue-flow__node-output{--vf-handle: var(--vf-node-color, #ff0072);--vf-box-shadow: var(--vf-node-color, #ff0072)}[dir] .vue-flow__node-output{background:var(--vf-node-bg);border-color:var(--vf-node-color, #ff0072)}.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{outline:none}[dir] .vue-flow__node-output.selected,[dir] .vue-flow__node-output:focus,[dir] .vue-flow__node-output:focus-visible{border:1px solid var(--vf-node-color, #ff0072)}[dir] .vue-flow__nodesselection-rect,[dir] .vue-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible,.vue-flow__selection:focus,.vue-flow__selection:focus-visible{outline:none}.vue-flow__handle{width:6px;height:6px}[dir] .vue-flow__handle{background:var(--vf-handle);border:1px solid #fff;border-radius:100%}