{"version":3,"file":"css/main.2830de6b.css","mappings":"AAAA,0EAA0E;AAC1E,2FAA2F;AAC3F;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,MAAM;EACN,OAAO;AACT;AACA;EACE,UAAU;EACV,oBAAoB;EACpB,YAAY;AACd;AACA;IACI,eAAe;EACjB;AACF;IACI,wBAAwB;IACxB,gBAAgB;EAClB;AACF;EACE,qBAAqB;EACrB,UAAU;EACV,oBAAoB;AACtB;AACA;EACE,UAAU;AACZ;AACA;EACE,UAAU;AACZ;AACA;;EAEE,aAAa;AACf;AACA;EACE,oBAAoB;EACpB,iBAAiB;AACnB;AACA;;EAEE,eAAe;EACf,eAAe;EACf,UAAU;AACZ;AACA;EACE,6BAA6B;EAC7B,eAAe;AACjB;AACA;IACI,mBAAmB;IACnB,gDAAgD;YACxC,wCAAwC;EAClD;AACF;IACI,sBAAsB;IACtB,uBAAuB;YACf,eAAe;EACzB;AACF;IACI,oBAAoB;EACtB;AACF;;;IAGI,aAAa;EACf;AACF;;;IAGI,YAAY;EACd;AACF;IACI,mBAAmB;EACrB;AACF;IACI,WAAW;EACb;AACF;IACI,oBAAoB;IACpB,yBAAyB;OACtB,sBAAsB;YACjB,iBAAiB;EAC3B;AACF;EACE,oBAAoB;AACtB;AACA;IACI,mBAAmB;IACnB,gDAAgD;YACxC,wCAAwC;EAClD;AACF;EACE,aAAa;AACf;AACA;EACE,oBAAoB;EACpB,qBAAqB;AACvB;AACA;EACE,kBAAkB;EAClB,yBAAyB;KACtB,sBAAsB;UACjB,iBAAiB;EACzB,mBAAmB;EACnB,qBAAqB;EACrB,sBAAsB;EACtB,oBAAoB;EACpB,YAAY;AACd;AACA;IACI,wBAAwB;IACxB,gBAAgB;EAClB;AACF;EACE,UAAU;EACV,0BAA0B;EAC1B,oBAAoB;AACtB;AACA;IACI,kBAAkB;IAClB,mBAAmB;IACnB,oBAAoB;IACpB,YAAY;EACd;AACF;EACE,kBAAkB;EAClB,oBAAoB;EACpB,cAAc;EACd,eAAe;EACf,sBAAsB;AACxB;AACA;IACI,mBAAmB;IACnB,iBAAiB;EACnB;AACF;IACI,SAAS;IACT,SAAS;IACT,YAAY;IACZ,6BAA6B;EAC/B;AACF;IACI,SAAS;IACT,SAAS;IACT,6BAA6B;EAC/B;AACF;IACI,QAAQ;IACR,UAAU;IACV,6BAA6B;EAC/B;AACF;IACI,WAAW;IACX,QAAQ;IACR,6BAA6B;EAC/B;AACF;EACE,YAAY;EACZ,mBAAmB;AACrB;AACA;EACE,kBAAkB;EAClB,UAAU;EACV,YAAY;AACd;AACA;IACI,MAAM;EACR;AACF;IACI,SAAS;EACX;AACF;IACI,OAAO;EACT;AACF;IACI,QAAQ;EACV;AACF;IACI,SAAS;IACT,2BAA2B;EAC7B;AACF;EACE,eAAe;EACf,oCAAoC;EACpC,gBAAgB;EAChB,SAAS;AACX;AACA;IACI,qBAAqB;IACrB,WAAW;EACb;AACF;EACE;IACE,qBAAqB;EACvB;AACF;AACA;EACE;IACE,qBAAqB;EACvB;AACF;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,oBAAoB;EACpB,yBAAyB;KACtB,sBAAsB;UACjB,iBAAiB;AAC3B;AACA;;;;EAIE,iBAAiB;EACjB,mBAAmB;EACnB,kBAAkB;AACpB;AACA;;;;;;;;;;;;IAYI,aAAa;IACb,sBAAsB;EACxB;AACF;;EAEE,oCAAoC;EACpC,2CAA2C;AAC7C;AACA;EACE,2CAA2C;AAC7C;AACA;IACI,YAAY;IACZ,mBAAmB;IACnB,6BAA6B;IAC7B,uBAAuB;IACvB,aAAa;IACb,uBAAuB;IACvB,mBAAmB;IACnB,WAAW;IACX,YAAY;IACZ,eAAe;IACf,yBAAyB;OACtB,sBAAsB;YACjB,iBAAiB;IACzB,YAAY;EACd;AACF;MACM,mBAAmB;IACrB;AACJ;MACM,WAAW;MACX,eAAe;MACf,gBAAgB;IAClB;AACJ;MACM,oBAAoB;IACtB;AACJ;QACQ,iBAAiB;MACnB;AACN;EACE,sBAAsB;AACxB;AACA;EACE,kBAAkB;AACpB;AACA;;EAEE,iBAAiB;AACnB;AACA;;EAEE,iBAAiB;AACnB;AACA;;EAEE,mBAAmB;AACrB;AACA;;EAEE,mBAAmB;AACrB;AACA,kBAAkB;AAClB;EACE,UAAU;EACV,WAAW;EACX,sBAAsB;EACtB,kBAAkB;EAClB,yBAAyB;EACzB,gCAAgC;AAClC;AACA;EACE,OAAO;EACP,QAAQ;AACV;AACA;EACE,UAAU;EACV,QAAQ;AACV;AACA;EACE,SAAS;EACT,MAAM;AACR;AACA;EACE,SAAS;EACT,SAAS;AACX;AACA;EACE,OAAO;AACT;AACA;EACE,OAAO;AACT;AACA;EACE,UAAU;AACZ;AACA;EACE,UAAU;AACZ;AACA,gBAAgB;AAChB;EACE,qBAAqB;EACrB,eAAe;EACf,mBAAmB;AACrB;AACA;;EAEE,UAAU;EACV,6BAA6B;EAC7B,MAAM;EACN,YAAY;AACd;AACA;EACE,OAAO;EACP,sBAAsB;AACxB;AACA;EACE,UAAU;EACV,uBAAuB;AACzB;AACA;;EAEE,WAAW;EACX,6BAA6B;EAC7B,OAAO;EACP,WAAW;AACb;AACA;EACE,MAAM;EACN,qBAAqB;AACvB;AACA;EACE,wBAAwB;EACxB,SAAS;AACX;;AC/WA;EACE;AACF;AAEA;EACE;AAAF;AAGA;EACE;AADF;AAIA;;EAEE;AAFF;AAKA;EACE;AAHF;AAMA;EACE;AAJF;AAOA;EACE;AALF;AAQA;EACE;AANF;AASA;EACE;AAPF;AAUA;EACE;AARF;AAWA;EACE;AATF;AAYA;EACE;AAVF;AAaA;;;;;;;;;;;;EAYE;AAXF;AAcA;EACE;AAZF;AAcA;EACE;AAZF;AAcA;EACE;AAZF;AAcA;EACE;AAZF;AAeA;EACE;AAbF;AAeI;EACE;AAbN;;ACpEA;EACE;EACA;EAAA;EACA;EACA;EACA;EAAA;OAAA;AACF;AANA;EAQI;EACA;EACA;OAAA;AACJ;AAXA;EAYM;EAAA;EACA;OAAA;EACA;OAAA;EACA;EACA;AAEN;AAlBA;EAkBQ;EACA;AAGR;AAtBA;EAuBM;EACA;EACA;AAEN;AADM;EACE;AAGR;;AC9BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;KAAA;MAAA;UAAA;AACF;;ACTA;EACE;EACA;EACA;EACA;EACA;AACF;;ACNA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EACA;OAAA;EACA;OAAA;AACF;AAAE;;EAEE;EACA;AAEJ;AAhBA;;EAmBI;EACA;EACA;EACA;AACJ;AACE;;EACE;AAEJ;AAHE;;EAGI;AAIN;AADE;;EAEI;AAGN;AAAE;;EAEI;AAEN;AAEE;;EAEI;AAAN;AAGE;;EAEI;AADN;AAMA;EACE;EACA;EACA;EAAA;EACA;OAAA;EACA;OAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;OAAA;AAPF;AAXA;EAoBI;EAAA;EACA;OAAA;EACA;EACA;EACA;AANJ;AAOI;EACE;AALN;AArBA;EA6BM;EACA;EACA;EACA;OAAA;AALN;AA3BA;EAmCM;EACA;EACA;AALN;AAhCA;;EAwCQ;AAJR;AApCA;EA6CI;EACA;EACA;EAAA;EACA;EACA;EACA;EACA;EACA;EACA;OAAA;EACA;OAAA;EACA;KAAA;MAAA;UAAA;EACA;AANJ;AAlDA;EA0DM;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALN;AAUA;EACE;EAAA;EACA;OAAA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;OAAA;EACA;EACA;EACA;EACA;AATF;AAaE;EACE;AAXJ;AAaE;EACE;EACA;AAXJ;AAZA;EA0BI;EAAA;EACA;OAAA;EACA;EACA;EACA;AAXJ;AAYI;EACE;AAVN;AAtBA;EAmCM;EACA;EACA;EACA;OAAA;AAVN;AA5BA;EAyCM;EACA;EACA;AAVN;AAjCA;;EA8CQ;AATR;;AClKA;EACE;EACA;EACA;EACA;EACA;AACF;;ACNA;EACE;EACA;EACA;EACA;EACA;AACF;;ACNA;EACE;EACA;EACA;EACA;EACA;AACF;;ACNA;EACE;EACA;EACA;EACA;EACA;AACF;;ACNA;EACE;EACA;EACA;EACA;EACA;EACA;AACF;AAPA;EAQI;EACA;EACA;EACA;EACA;OAAA;AAEJ;AAdA;EAcM;EACA;EACA;EACA;EACA;EACA;AAGN;AAtBA;EAuBI;EAAA;EACA;EACA;OAAA;EACA;EAAA;OAAA;AAEJ","sources":["webpack://react_flow_plan/./node_modules/.pnpm/reactflow@11.10.4_@types+react@17.0.80_immer@10.1.1_react-dom@17.0.2_react@17.0.2__react@17.0.2/node_modules/reactflow/dist/base.css","webpack://react_flow_plan/./src/global.less","webpack://react_flow_plan/./src/App.less","webpack://react_flow_plan/./src/newComponents/edges/index.less","webpack://react_flow_plan/./src/newComponents/nodes/customActionNode/index.less","webpack://react_flow_plan/./src/newComponents/configuration/index.less","webpack://react_flow_plan/./src/newComponents/nodes/inputNode/index.less","webpack://react_flow_plan/./src/newComponents/nodes/llmNode/index.less","webpack://react_flow_plan/./src/newComponents/nodes/messageNode/index.less","webpack://react_flow_plan/./src/newComponents/nodes/outputNode/index.less","webpack://react_flow_plan/./src/newComponents/panel/index.less"],"sourcesContent":["/* this will be exported as base.css and can be used for a basic styling */\n/* these are the necessary styles for React Flow, they get used by base.css and style.css */\n.react-flow__container {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n}\n.react-flow__pane {\n  z-index: 1;\n  cursor: -webkit-grab;\n  cursor: grab;\n}\n.react-flow__pane.selection {\n    cursor: pointer;\n  }\n.react-flow__pane.dragging {\n    cursor: -webkit-grabbing;\n    cursor: grabbing;\n  }\n.react-flow__viewport {\n  transform-origin: 0 0;\n  z-index: 2;\n  pointer-events: none;\n}\n.react-flow__renderer {\n  z-index: 4;\n}\n.react-flow__selection {\n  z-index: 6;\n}\n.react-flow__nodesselection-rect:focus,\n.react-flow__nodesselection-rect:focus-visible {\n  outline: none;\n}\n.react-flow .react-flow__edges {\n  pointer-events: none;\n  overflow: visible;\n}\n.react-flow__edge-path,\n.react-flow__connection-path {\n  stroke: #b1b1b7;\n  stroke-width: 1;\n  fill: none;\n}\n.react-flow__edge {\n  pointer-events: visibleStroke;\n  cursor: pointer;\n}\n.react-flow__edge.animated path {\n    stroke-dasharray: 5;\n    -webkit-animation: dashdraw 0.5s linear infinite;\n            animation: dashdraw 0.5s linear infinite;\n  }\n.react-flow__edge.animated path.react-flow__edge-interaction {\n    stroke-dasharray: none;\n    -webkit-animation: none;\n            animation: none;\n  }\n.react-flow__edge.inactive {\n    pointer-events: none;\n  }\n.react-flow__edge.selected,\n  .react-flow__edge:focus,\n  .react-flow__edge:focus-visible {\n    outline: none;\n  }\n.react-flow__edge.selected .react-flow__edge-path,\n  .react-flow__edge:focus .react-flow__edge-path,\n  .react-flow__edge:focus-visible .react-flow__edge-path {\n    stroke: #555;\n  }\n.react-flow__edge-textwrapper {\n    pointer-events: all;\n  }\n.react-flow__edge-textbg {\n    fill: white;\n  }\n.react-flow__edge .react-flow__edge-text {\n    pointer-events: none;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n            user-select: none;\n  }\n.react-flow__connection {\n  pointer-events: none;\n}\n.react-flow__connection .animated {\n    stroke-dasharray: 5;\n    -webkit-animation: dashdraw 0.5s linear infinite;\n            animation: dashdraw 0.5s linear infinite;\n  }\n.react-flow__connectionline {\n  z-index: 1001;\n}\n.react-flow__nodes {\n  pointer-events: none;\n  transform-origin: 0 0;\n}\n.react-flow__node {\n  position: absolute;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  pointer-events: all;\n  transform-origin: 0 0;\n  box-sizing: border-box;\n  cursor: -webkit-grab;\n  cursor: grab;\n}\n.react-flow__node.dragging {\n    cursor: -webkit-grabbing;\n    cursor: grabbing;\n  }\n.react-flow__nodesselection {\n  z-index: 3;\n  transform-origin: left top;\n  pointer-events: none;\n}\n.react-flow__nodesselection-rect {\n    position: absolute;\n    pointer-events: all;\n    cursor: -webkit-grab;\n    cursor: grab;\n  }\n.react-flow__handle {\n  position: absolute;\n  pointer-events: none;\n  min-width: 5px;\n  min-height: 5px;\n  background-color: #333;\n}\n.react-flow__handle.connectionindicator {\n    pointer-events: all;\n    cursor: crosshair;\n  }\n.react-flow__handle-bottom {\n    top: auto;\n    left: 50%;\n    bottom: -4px;\n    transform: translate(-50%, 0);\n  }\n.react-flow__handle-top {\n    left: 50%;\n    top: -4px;\n    transform: translate(-50%, 0);\n  }\n.react-flow__handle-left {\n    top: 50%;\n    left: -4px;\n    transform: translate(0, -50%);\n  }\n.react-flow__handle-right {\n    right: -4px;\n    top: 50%;\n    transform: translate(0, -50%);\n  }\n.react-flow__edgeupdater {\n  cursor: move;\n  pointer-events: all;\n}\n.react-flow__panel {\n  position: absolute;\n  z-index: 5;\n  margin: 15px;\n}\n.react-flow__panel.top {\n    top: 0;\n  }\n.react-flow__panel.bottom {\n    bottom: 0;\n  }\n.react-flow__panel.left {\n    left: 0;\n  }\n.react-flow__panel.right {\n    right: 0;\n  }\n.react-flow__panel.center {\n    left: 50%;\n    transform: translateX(-50%);\n  }\n.react-flow__attribution {\n  font-size: 10px;\n  background: rgba(255, 255, 255, 0.5);\n  padding: 2px 3px;\n  margin: 0;\n}\n.react-flow__attribution a {\n    text-decoration: none;\n    color: #999;\n  }\n@-webkit-keyframes dashdraw {\n  from {\n    stroke-dashoffset: 10;\n  }\n}\n@keyframes dashdraw {\n  from {\n    stroke-dashoffset: 10;\n  }\n}\n.react-flow__edgelabel-renderer {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.react-flow__node-default,\n.react-flow__node-input,\n.react-flow__node-output,\n.react-flow__node-group {\n  border-width: 1px;\n  border-style: solid;\n  border-color: #bbb;\n}\n.react-flow__node-default.selected,\n  .react-flow__node-default:focus,\n  .react-flow__node-default:focus-visible,\n  .react-flow__node-input.selected,\n  .react-flow__node-input:focus,\n  .react-flow__node-input:focus-visible,\n  .react-flow__node-output.selected,\n  .react-flow__node-output:focus,\n  .react-flow__node-output:focus-visible,\n  .react-flow__node-group.selected,\n  .react-flow__node-group:focus,\n  .react-flow__node-group:focus-visible {\n    outline: none;\n    border: 1px solid #555;\n  }\n.react-flow__nodesselection-rect,\n.react-flow__selection {\n  background: rgba(150, 150, 180, 0.1);\n  border: 1px dotted rgba(155, 155, 155, 0.8);\n}\n.react-flow__controls {\n  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);\n}\n.react-flow__controls-button {\n    border: none;\n    background: #fefefe;\n    border-bottom: 1px solid #eee;\n    box-sizing: content-box;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 16px;\n    height: 16px;\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n            user-select: none;\n    padding: 5px;\n  }\n.react-flow__controls-button:hover {\n      background: #f4f4f4;\n    }\n.react-flow__controls-button svg {\n      width: 100%;\n      max-width: 12px;\n      max-height: 12px;\n    }\n.react-flow__controls-button:disabled {\n      pointer-events: none;\n    }\n.react-flow__controls-button:disabled svg {\n        fill-opacity: 0.4;\n      }\n.react-flow__minimap {\n  background-color: #fff;\n}\n.react-flow__resize-control {\n  position: absolute;\n}\n.react-flow__resize-control.left,\n.react-flow__resize-control.right {\n  cursor: ew-resize;\n}\n.react-flow__resize-control.top,\n.react-flow__resize-control.bottom {\n  cursor: ns-resize;\n}\n.react-flow__resize-control.top.left,\n.react-flow__resize-control.bottom.right {\n  cursor: nwse-resize;\n}\n.react-flow__resize-control.bottom.left,\n.react-flow__resize-control.top.right {\n  cursor: nesw-resize;\n}\n/* handle styles */\n.react-flow__resize-control.handle {\n  width: 4px;\n  height: 4px;\n  border: 1px solid #fff;\n  border-radius: 1px;\n  background-color: #3367d9;\n  transform: translate(-50%, -50%);\n}\n.react-flow__resize-control.handle.left {\n  left: 0;\n  top: 50%;\n}\n.react-flow__resize-control.handle.right {\n  left: 100%;\n  top: 50%;\n}\n.react-flow__resize-control.handle.top {\n  left: 50%;\n  top: 0;\n}\n.react-flow__resize-control.handle.bottom {\n  left: 50%;\n  top: 100%;\n}\n.react-flow__resize-control.handle.top.left {\n  left: 0;\n}\n.react-flow__resize-control.handle.bottom.left {\n  left: 0;\n}\n.react-flow__resize-control.handle.top.right {\n  left: 100%;\n}\n.react-flow__resize-control.handle.bottom.right {\n  left: 100%;\n}\n/* line styles */\n.react-flow__resize-control.line {\n  border-color: #3367d9;\n  border-width: 0;\n  border-style: solid;\n}\n.react-flow__resize-control.line.left,\n.react-flow__resize-control.line.right {\n  width: 1px;\n  transform: translate(-50%, 0);\n  top: 0;\n  height: 100%;\n}\n.react-flow__resize-control.line.left {\n  left: 0;\n  border-left-width: 1px;\n}\n.react-flow__resize-control.line.right {\n  left: 100%;\n  border-right-width: 1px;\n}\n.react-flow__resize-control.line.top,\n.react-flow__resize-control.line.bottom {\n  height: 1px;\n  transform: translate(0, -50%);\n  left: 0;\n  width: 100%;\n}\n.react-flow__resize-control.line.top {\n  top: 0;\n  border-top-width: 1px;\n}\n.react-flow__resize-control.line.bottom {\n  border-bottom-width: 1px;\n  top: 100%;\n}\n",".react-flow__node-LLMAction .react-flow__handle-connecting {\n  background: red;\n}\n\n.react-flow__node-JavaPluginAction .react-flow__handle-connecting {\n  background: red;\n}\n\n.react-flow__node-MessageAction .react-flow__handle-connecting {\n  background: red;\n}\n\n.react-flow__node-input,\n.react-flow__node-output {\n  border: none;\n}\n\n.react-flow__node-input .react-flow__handle-connecting {\n  background: red;\n}\n\n.react-flow__node-output .react-flow__handle-connecting {\n  background: red;\n}\n\n.react-flow__node-LLMAction .react-flow__handle-valid {\n  background: #276ff5;\n}\n\n.react-flow__node-JavaPluginAction .react-flow__handle-valid {\n  background: #276ff5;\n}\n\n.react-flow__node-MessageAction .react-flow__handle-valid {\n  background: #276ff5;\n}\n\n.react-flow__node-input .react-flow__handle-valid {\n  background: #276ff5;\n}\n\n.react-flow__node-output .react-flow__handle-valid {\n  background: #276ff5;\n}\n\n.react-flow__attribution {\n  display: none;\n}\n\n.react-flow__node-default.selected,\n.react-flow__node-default:focus,\n.react-flow__node-default:focus-visible,\n.react-flow__node-input.selected,\n.react-flow__node-input:focus,\n.react-flow__node-input:focus-visible,\n.react-flow__node-output.selected,\n.react-flow__node-output:focus,\n.react-flow__node-output:focus-visible,\n.react-flow__node-group.selected,\n.react-flow__node-group:focus,\n.react-flow__node-group:focus-visible {\n  border: none;\n}\n\n.react-flow__handle-left {\n  left: -5px;\n}\n.react-flow__handle-top {\n  top: -5px;\n}\n.react-flow__handle-right {\n  right: -5px;\n}\n.react-flow__handle-bottom {\n  bottom: -5px;\n}\n\n.react-flow__node {\n  outline: none;\n  &.selectable {\n    &:hover {\n      z-index: 900 !important;\n    }\n  }\n}\n",".gaiFlow {\n  position: relative;\n  display: flex;\n  height: 100%;\n  width: 100%;\n  flex-direction: row;\n\n  .mainFlow {\n    margin-left: 280px;\n    position: relative;\n    flex: 1 1 0%;\n    .loading {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: 100%;\n      height: 100%;\n      .loadingImg {\n        width: 96px;\n        height: 96px;\n      }\n    }\n    .flowContent {\n      display: block;\n      background-color: #fff;\n      height: 100%;\n      &.hidden {\n        display: node;\n      }\n    }\n  }\n}\n",".edgeLabel {\n  position: absolute;\n  line-height: 18px;\n  font-size: 12px;\n  padding-top: 7px;\n  padding-right: 12px;\n  padding-left: 12px;\n  padding-bottom: 7px;\n  user-select: none;\n}\n",".nodeText {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  width: 100%;\n  display: block;\n}\n",".sourceHandle,\n.targetHandle {\n  background-color: #fff;\n  border-radius: 12px;\n  width: 12px;\n  height: 12px;\n  box-shadow: 1px 2px 10px -1px hsla(225, 93%, 12%, 0.12);\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  &.hidden {\n    // background: transparent;\n    opacity: 0;\n    box-shadow: none;\n    // width: 0;\n    // height: 0;\n  }\n  .icon {\n    width: 12px;\n    height: 12px;\n    color: #999999;\n    pointer-events: none;\n  }\n  &.handleHover {\n    background-color: #5582f3;\n    .icon {\n      color: #fff;\n    }\n  }\n  &.sourceHandleLeft {\n    .icon {\n      transform: scale(1) rotate(90deg);\n    }\n  }\n  &.sourceHandleBottom {\n    .icon {\n      transform: scale(1) rotate(0deg);\n    }\n  }\n\n  &.sourceHandleRight {\n    .icon {\n      transform: scale(1) rotate(-90deg);\n    }\n  }\n  &.targetHandleTop {\n    .icon {\n      transform: scale(1) rotate(0deg);\n    }\n  }\n}\n\n.wrapper {\n  height: 50px;\n  width: 200px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 0.375rem;\n  border-width: 1px;\n  border-style: solid;\n  border-color: #e5e7eb;\n  background-color: #fff;\n  padding-left: 18px;\n  padding-right: 18px;\n  vertical-align: middle;\n  box-shadow:\n    0 0 #0000,\n    0 0 #0000,\n    0 1px 2px 0 #0000000d;\n  box-sizing: border-box;\n  .content {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n    font-size: 14px;\n    &::before {\n      margin-right: 12px;\n    }\n    .name {\n      display: inline-block;\n      padding-left: 6px;\n      overflow: auto;\n      flex: 1;\n    }\n    svg {\n      color: black;\n      width: 15px;\n      height: 15px;\n      g,\n      path {\n        fill: black;\n      }\n    }\n  }\n  .error {\n    position: absolute;\n    right: 0;\n    display: flex;\n    color: #fff;\n    width: 20px;\n    height: 20px;\n    background-color: #ef4444;\n    border-radius: 20px;\n    justify-content: center;\n    align-items: center;\n    user-select: none;\n    transform: translate(30px, 0) rotate(0) skew(0) skewY(0) scaleX(1) scaleY(1);\n    .errorText {\n      position: absolute;\n      left: 30px;\n      color: #000;\n      font-size: 14px;\n      padding-top: 8px;\n      padding-right: 12px;\n      padding-left: 12px;\n      padding-bottom: 8px;\n      background-color: #fff;\n      white-space: nowrap;\n    }\n  }\n}\n\n.wrapperImage {\n  display: flex;\n  align-items: center;\n  padding: 4px 8px;\n  width: 240px;\n  height: 50px;\n  margin-bottom: 20px;\n  // user-select: none;\n  border: 1px solid #e5e5e5;\n  border-radius: 6px;\n  box-sizing: border-box;\n  background-color: #fff;\n  padding-left: 18px;\n  padding-right: 18px;\n  box-shadow:\n    0 0 #0000,\n    0 0 #0000,\n    0 1px 2px 0 #0000000d;\n  &:hover {\n    border: 1px solid #5582f3;\n  }\n  &.notDraggable {\n    cursor: not-allowed;\n    background-color: #f1f5f9;\n  }\n  .content {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n    font-size: 14px;\n    &::before {\n      margin-right: 12px;\n    }\n    .name {\n      display: inline-block;\n      padding-left: 6px;\n      overflow: auto;\n      flex: 1;\n    }\n    svg {\n      color: black;\n      width: 15px;\n      height: 15px;\n      g,\n      path {\n        fill: black;\n      }\n    }\n  }\n}\n",".nodeText {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  width: 100%;\n  display: block;\n}\n",".nodeText {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  width: 100%;\n  display: block;\n}\n",".nodeText {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  width: 100%;\n  display: block;\n}\n",".nodeText {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  width: 100%;\n  display: block;\n}\n",".panel {\n  position: absolute;\n  background-color: #fff;\n  width: 280px;\n  height: 100%;\n  margin: 0;\n  top: 0;\n  .title {\n    width: 100%;\n    height: 40px;\n    background: #f2f2f2;\n    padding: 8px 12px;\n    box-sizing: border-box;\n    .text {\n      color: #276ff5;\n      background: #fff;\n      border-radius: 4px;\n      font-size: 12px;\n      display: inline-block;\n      padding: 4px 8px;\n    }\n  }\n  .panelContent {\n    display: flex;\n    padding: 20px;\n    align-items: center;\n    flex-direction: column;\n  }\n}\n"],"names":[],"sourceRoot":""}