.vue-flow { z-index: 0; direction: ltr; width: 100%; height: 100%; position: relative; overflow: hidden; }
.vue-flow__container { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.vue-flow__pane { z-index: 1; }
.vue-flow__pane.draggable { cursor: grab; }
.vue-flow__pane.selection { cursor: pointer; }
.vue-flow__pane.dragging { cursor: grabbing; }
.vue-flow__transformationpane { transform-origin: 0px 0px; z-index: 2; pointer-events: none; }
.vue-flow__viewport { z-index: 4; overflow: clip; }
.vue-flow__selection { z-index: 6; }
.vue-flow__edge-labels { pointer-events: none; user-select: none; width: 100%; height: 100%; position: absolute; }
.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: rgb(177, 177, 183); stroke-width: 1px; fill: none; }
.vue-flow__edge { pointer-events: visiblestroke; cursor: pointer; }
.vue-flow__edge.animated path { stroke-dasharray: 5; animation: 0.5s linear 0s infinite normal none running dashdraw; }
.vue-flow__edge.animated path.vue-flow__edge-interaction { stroke-dasharray: none; animation: auto ease 0s 1 normal none running 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: rgb(85, 85, 85); }
.vue-flow__edge-textwrapper { pointer-events: all; }
.vue-flow__edge-textbg { fill: rgb(255, 255, 255); }
.vue-flow__edge-text { pointer-events: none; user-select: none; }
.vue-flow__connection { pointer-events: none; }
.vue-flow__connection .animated { stroke-dasharray: 5; animation: 0.5s linear 0s infinite normal none running dashdraw; }
.vue-flow__connectionline { z-index: 1001; }
.vue-flow__nodes { pointer-events: none; transform-origin: 0px 0px; }
.vue-flow__node { user-select: none; pointer-events: all; transform-origin: 0px 0px; box-sizing: border-box; cursor: default; position: absolute; }
.vue-flow__node.draggable { cursor: grab; pointer-events: all; }
.vue-flow__node.draggable.dragging { cursor: grabbing; }
.vue-flow__nodesselection { z-index: 3; transform-origin: 0px 0px; pointer-events: none; }
.vue-flow__nodesselection-rect { pointer-events: all; cursor: grab; position: absolute; }
.vue-flow__nodesselection-rect.dragging { cursor: grabbing; }
.vue-flow__handle { pointer-events: none; min-width: 5px; min-height: 5px; position: absolute; }
.vue-flow__handle.connectable { pointer-events: all; cursor: crosshair; }
.vue-flow__handle-bottom { bottom: 0px; left: 50%; transform: translate(-50%, 50%); }
.vue-flow__handle-top { top: 0px; left: 50%; transform: translate(-50%, -50%); }
.vue-flow__handle-left { top: 50%; left: 0px; transform: translate(-50%, -50%); }
.vue-flow__handle-right { top: 50%; right: 0px; transform: translate(50%, -50%); }
.vue-flow__edgeupdater { cursor: move; pointer-events: all; }
.vue-flow__panel { z-index: 5; margin: 15px; position: absolute; }
.vue-flow__panel.top { top: 0px; }
.vue-flow__panel.bottom { bottom: 0px; }
.vue-flow__panel.left { left: 0px; }
.vue-flow__panel.right { right: 0px; }
.vue-flow__panel.center { left: 50%; transform: translate(-50%); }
@keyframes dashdraw { 
  0% { stroke-dashoffset: 10px; }
}