: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: rgb(119, 119, 119); }
.vue-flow__edge-text { font-size: 10px; }
.vue-flow__edge-textbg { fill: rgb(255, 255, 255); }
.vue-flow__connection-path { stroke: var(--vf-connection-path); }
.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 { text-align: center; color: var(--vf-node-text); width: 150px; background-color: var(--vf-node-bg); border-style: solid; border-width: 1px; border-color: var(--vf-node-color); border-radius: 3px; padding: 10px; font-size: 12px; }
.vue-flow__node-default.selected, .vue-flow__node-default.selected:hover, .vue-flow__node-input.selected, .vue-flow__node-input.selected:hover, .vue-flow__node-output.selected, .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 { border: 1px solid rgb(85, 85, 85); outline: none; }
.vue-flow__node-default .vue-flow__handle, .vue-flow__node-input .vue-flow__handle, .vue-flow__node-output .vue-flow__handle { background: var(--vf-handle); }
.vue-flow__node-default.selectable:hover, .vue-flow__node-input.selectable:hover, .vue-flow__node-output.selectable:hover { box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 4px 1px; }
.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); 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 { border: 1px solid var(--vf-node-color,#0041d0); outline: none; }
.vue-flow__node-default { --vf-handle: var(--vf-node-color,#1a192b); --vf-box-shadow: var(--vf-node-color,#1a192b); 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 { border: 1px solid var(--vf-node-color,#1a192b); outline: none; }
.vue-flow__node-output { --vf-handle: var(--vf-node-color,#ff0072); --vf-box-shadow: var(--vf-node-color,#ff0072); 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 { border: 1px solid var(--vf-node-color,#ff0072); outline: none; }
.vue-flow__nodesselection-rect, .vue-flow__selection { background: rgba(0, 89, 220, 0.08); border: 1px dotted rgba(0, 89, 220, 0.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 { background: var(--vf-handle); border: 1px solid rgb(255, 255, 255); border-radius: 100%; width: 6px; height: 6px; }