.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none}.react-flow__node,.react-flow__nodes{-webkit-transform-origin:0 0;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;-webkit-user-select:none;-ms-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;-webkit-transform-origin:left top;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;top:auto}.react-flow__handle-bottom,.react-flow__handle-top{left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.react-flow__handle-top{top:-4px}.react-flow__handle-left{left:-4px}.react-flow__handle-left,.react-flow__handle-right{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.react-flow__handle-right{right:-4px}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.react-flow__attribution{background:hsla(0,0%,100%,.5);font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px rgba(0,0,0,.08)}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:hsla(0,0%,94%,.25)}.react-flow__nodesselection-rect,.react-flow__selection{background:rgba(0,89,220,.08);border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px rgba(0,0,0,.08)}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:content-box;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}
.antelope-flow {
  flex-direction: row;
  display: flex;
  height: 100vh;
}

.antelope-flow .antelope-flow-wrapper {
  flex-grow: 1;
  height: 100%;
}
.antelope-flow .custom-node {
  padding: 10px;
  border-radius: 5px;
  background: white;
  border: 1px solid #1a192b;
  width: 200px;
}
.antelope-flow .custom-node label {
  display: block;
  margin-bottom: 8px;
  font-weight: bold;
}
.antelope-flow .custom-node input {
  width: calc(100% - 10px);
  margin-bottom: 8px;
  padding: 4px;
  border: 1px solid #1a192b;
  border-radius: 3px;
}

.antelope-flow .proportion{
  font-weight: 400;
  font-size: 20px;
  color: #77818E;
  display: flex;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
}
.antelope-flow .proportion.proportion-menu-open,
.antelope-flow .proportion:hover {
  color: #111A2A;
  background-color: #DFE9FE;
  border-radius: 4px;
}

.antelope-flow .proportion .proportion-menu{
  width: 100px;
  position: absolute;
  background-color: #fff;
  bottom: 40px;
  left: -10px;
  border: 1px solid #FFFFFF;
  box-shadow: 0 2px 11px 0 rgba(141,169,184,0.40);
  border-radius: 4px;
}
.antelope-flow .proportion .node-expand-menu {
  top: 24px;
  bottom: auto;
  width: 116px;
  right: 0;
  left: auto;
  z-index: 1;
}

.antelope-flow .proportion .proportion-menu .proportion-item{
  margin-bottom: 4px;
  height: 40px;
  font-weight: 400;
  font-size: 14px;
  color: #353A42;
  display: flex;
  align-items: center;
  padding-left: 12px;
}
.antelope-flow .proportion .proportion-menu .proportion-item:last-child{
  margin-bottom: 0px;
}
.antelope-flow .proportion .proportion-menu .proportion-item:hover{
  background-color: #F3F7FF;
}
.antelope-flow .react-flow__edge-path {
  stroke-width: 1px;
  stroke: #111A2A;
}
.antelope-flow .react-flow__connectionline path{
  stroke-width: 1px;
  stroke: #2E74FF;
  stroke-dasharray: 2 2;
  stroke-linecap: round;
}
.react-flow__edge.selected .react-flow__edge-path,
.react-flow__edge:focus .react-flow__edge-path, 
.react-flow__edge.updating .react-flow__edge-path,
.react-flow__edge:focus-visible .react-flow__edge-path {
  stroke-width: 2px;
  stroke: #2E74FF;
}

.antelope-flow .react-flow__handle-left{
  background-color: #2E74FF;
  width: 8px;
  height: 8px;
  z-index: 9999;
}

.antelope-flow-node-common {
  width: 300px;
  min-height: 44px;
  background-color: #fff;
  border: 1px solid #fff;
  box-shadow: 0 8px 12px 0 rgba(169,210,231,0.20);
  border-radius: 8px;
}
.antelope-flow-node-common:hover {
  border: 1px solid #2E74FF;
  box-shadow: 0 8px 12px 0 rgba(169,210,231,0.60);
  border-radius: 8px;
}
.antelope-flow-node-common-focus {
  border: 1px solid #2E74FF;
  box-shadow: 0 8px 12px 0 rgba(169,210,231,0.60);
  border-radius: 8px;
}
.antelope-flow-node-common-focus:before {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  border: 3px solid #C0D5FF;
  pointer-events: none;
  border-radius: 10px;
}

.antelope-flow-node-common .node-common-header{
  display: flex;
  justify-content: space-between;
  padding: 12px;
  height: 44px;
}
.antelope-flow-node-common .node-common-header .left-content{
  font-weight: 600;
  font-size: 14px;
  color: #111A2A;
  line-height: 20px;
  display: flex;
}
.antelope-flow-node-common .node-common-header .left-content .one-line-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 160px;
}
.antelope-flow-node-common .node-common-header .right-content{
  font-size: 20px;
  opacity: 0;
  display: flex;
}
.antelope-flow-node-common .right-content .antelope-flow-node-test-run {
  height: 20px;
  width: 20px;
  margin-right: 8px;
}
.antelope-flow-node-common .right-content .antelope-flow-node-test-run:hover {
  background-color: #DFE9FE;
  border-radius: 4px;
}
.antelope-flow-node-common:hover .node-common-header .right-content,
.antelope-flow-node-common-focus .node-common-header .right-content {
    opacity: 1;
}
.antelope-flow-node-common .node-content{
  transform-origin: top center;
}
.antelope-flow-node-common .dropdown-icon{
  font-size: 10px;
  transition: all .3s ease-in-out;
  cursor: pointer;

}
.antelope-flow-node-common .arrow-up{
  transform: rotate(180deg);
}

.antelope-flow .node-expand-menu .node-extra-btn {
  height: 36px;
  width: 100%;
  padding: 8px;
  line-height: 20x;
  font-size: 14px;
}

.antelope-flow .node-expand-menu .node-extra-btn:hover {
  background-color: #f2f7ff;
}
.antelope-flow-node-drawer {
  position: absolute;
  right: 4px;
  top: 56px;
  width: 400px;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  box-shadow: 0 2px 6px 0 rgba(167,182,214,0.50);
  border-radius: 4px;
  height: calc(100% - 60px);
  z-index: 1001;
  display: flex;
  flex-direction: column;
}

.antelope-flow-node-drawer .node-common-header{
  display: flex;
  justify-content: space-between;
  padding: 8px 16px;
}
.antelope-flow-node-drawer .node-common-header .left-content{
  display: flex;
}
.antelope-flow-node-drawer .node-common-header .left-content .antelope-flow-node-selector-group-item-icon {
  margin-top: 4px;
}
.antelope-flow-node-drawer .node-common-header .right-content{
  display: flex;
  cursor: pointer;
  padding: 4px 0;
}
.antelope-flow-node-drawer .node-description {
  font-weight: 400;
  font-size: 12px;
  color: #5E6C86;
  line-height: 16px;
  padding: 0 12px 12px 44px;
  border-bottom: 0.5px solid #CED7E5;
}
.antelope-flow-node-drawer .node-main-content {
  padding: 8px;
  padding-right: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.antelope-flow-node-drawer-title-input {
  width: 220px;
  font-weight: 600;
  font-size: 15px;
  color: #111A2A;
  line-height: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.antelope-flow-node-drawer-title-input:focus,
.antelope-flow-node-drawer-title-input:hover {
  border: 1px solid #2E74FF;
}
.antelope-flow-portal-trigger {
  pointer-events: none;
}
.antelope-flow-portal-trigger .antelope-flow-portal-trigger-inner {
  display: none;
}
.antelope-flow-portal-content {
  width: 200px;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  box-shadow: 0 2px 11px 0 rgba(141,169,184,0.40);
  border-radius: 4px;
  z-index: 1000;
}
.antelope-flow-node-selector-group-title {
  height: 32px;
  padding: 0 8px;
  font-size: 12px;
  line-height: 32px;
  color: #77818E;
}
.antelope-flow-node-selector-group-item {
  display: flex;
  max-height: 36px;
  padding: 8px 12px;
  cursor: pointer;
}
.antelope-flow-node-selector-group-item:hover {
  background-color: #f3f7ff;
}
.antelope-flow-node-selector-group-item-icon {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-size: cover;
  svg {
    width: 20px;
    height: 20px;
  }
}
.antelope-flow-node-selector-group-item-name {
  font-size: 14px;
  color: #111A2A;
  line-height: 20px;
}
.antelope-flow-node-selector-group-list .antelope-flow-portal-trigger {
  pointer-events: all;
}
.antelope-flow-node-selector-group-item-tips-content {
  padding: 12px;
}
.antelope-flow-node-selector-group-item-tips-content-title {
  width: 100%;
  height: 22px;
  font-weight: 600;
  font-size: 12px;
  color: #111A2A;
  line-height: 18px;
}
.antelope-flow-node-selector-group-item-tips-content-tips {
  width: 100%;
  font-weight: 400;
  font-size: 12px;
  color: #77818E;
  line-height: 18px;
}
.antelope-flow-target-port-handler {
  background-color: transparent;
  border-radius: 16px;
  width: 16px;
  height: 16px;
  right: -8px;
  border: none;
}
.antelope-flow-target-port-handler-default {
  position: absolute;
  width: 6px;
  height: 6px;
  top: 5px;
  left: 5px;
  border-radius: 6px;
  background-color: #2E74FF;
  pointer-events: none;
}
.antelope-flow-target-port-handler:hover {
  cursor:  crosshair !important;
}
.antelope-flow-target-port-handler:hover .antelope-flow-portal-trigger-inner,
.antelope-flow-portal-trigger-show .antelope-flow-portal-trigger-inner {
  position: absolute;
  display: block !important;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background-color: #2E74FF;
  animation: scaleIn 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transform-origin: center;
  will-change: transform;
}
@keyframes scaleIn {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.BottomControls{
  position: fixed;
  bottom: 16px;
  border: 1px solid #FFFFFF;
  box-shadow: 0 4px 6px 0 rgba(169,210,231,0.30);
  border-radius: 6px;
  padding: 12px 20px;
  display: flex;
  left: calc(50% - 273px);
  align-items: center;
  background: url('https://img.alicdn.com/imgextra/i1/O1CN01ASlviF1ihPBHeMCuc_!!6000000004444-2-tps-1092-104.png') no-repeat 100% 100%;
}
.BottomControls .create-btn{
  height: 28px;
  width: 94px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(173,183,202,0.40);
  border-radius: 4px;
  border: 1px;
  color: #2E74FF;
  margin-right: 20px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.BottomControls .create-btn .icon{
  font-size: 16px;
}
.BottomControls .action-btn{
  margin-right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  height: 28px;
  width: 28px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(173,183,202,0.40);
  border-radius: 4px;
  cursor: pointer;
  color: #77818E;
}
.BottomControls .action-btn:hover,
.BottomControls .action-btn-active {
  color: #111A2A;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(118,129,151,0.40);
}
.BottomControls .antelope-flow-mini-map {
  bottom: 32px;
  right: -40px;
  box-shadow: 0 4px 4px 0 rgba(169,210,231,0.30);
  border-radius: 6px;
}
.BottomControls .antelope-flow-mini-map>svg {
  border-radius: 6px;
}
.BottomControls .antelope-flow-mini-map .react-flow__minimap-mask {
  fill: #FAFBFF !important;
}
.BottomControls .antelope-flow-mini-map .react-flow__minimap-node {
  fill: #CDD4DE !important;
}
.BottomControls .test-run{
  cursor: pointer;
  height: 28px;
  width: 80px;
  background-color: #2E74FF;
  box-shadow: 0 2px 4px 0 rgba(173,183,202,0.40);
  border-radius: 4px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}



.BottomControls .proportion{
  font-weight: 400;
  font-size: 14px;
  color: #77818E;
  display: flex;
  margin-left: 4px;
  margin-right: 16px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
}
.BottomControls .proportion:hover {
  color: #111A2A;
}

.BottomControls .proportion .proportion-menu{
  width: 100px;
  position: absolute;
  background-color: #fff;
  bottom: 40px;
  left: -10px;
}

.BottomControls .proportion .proportion-menu .proportion-item{
  margin-bottom: 4px;
  height: 40px;
  font-weight: 400;
  font-size: 14px;
  color: #353A42;
  display: flex;
  align-items: center;
  padding-left: 12px;
}
.BottomControls .proportion .proportion-menu .proportion-item:last-child{
  margin-bottom: 0px;
}
.BottomControls .proportion .proportion-menu .proportion-item:hover{
  background-color: #F3F7FF;
}
.antelope-flow .antelope-flow-custom-edge-label .antelope-flow-portal-trigger-inner {
  position: absolute;
  left: -5px;
  top: -8px;
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background-color: #2E74FF;
  animation: scaleIn 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transform-origin: center;
  will-change: transform;
  z-index: 10;
}
@keyframes scaleIn {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.FlowNodeResult{background-color:#475366;border:1px solid hsla(0,0%,100%,.5);border-radius:8px;box-shadow:0 8px 12px 0 rgba(169,210,231,.2);margin-top:6px;position:absolute;width:300px;.FlowNodeResult-evaluation{align-items:center;color:#fff;display:flex;font-size:12px;font-weight:400;height:40px;justify-content:center}.FlowNodeResult-header{align-items:center;display:flex;height:40px;padding:10px 12px;position:relative;.icon{color:#fff;font-size:16px;margin-right:4px;width:20px}.status-text{color:#fff;font-size:12px;font-weight:400;margin-right:6px}.status-text-center{text-align:center}.loading{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite;color:#fff;font-size:20px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.time-tag{margin-right:4px}.time-tag,.tokens-tag{align-items:center;background-color:#627085;border-radius:10px;color:#fff;display:flex;font-size:12px;font-weight:400;height:20px;justify-content:center;padding:0 8px}.dropdown-icon{color:#fff;cursor:pointer;font-size:8px;transition:all .3s ease-in-out}.arrow-up{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}.FlowNodeResult-content{overflow:hidden;padding:0 12px;transition:all .3s ease-in-out;.input-content{.input-content-header{color:#b1bdd1;display:flex;font-size:12px;font-weight:400;line-height:16px;margin-top:2px;.copy-icon{color:#b1bdd1;cursor:pointer;font-size:12px;margin-left:4px}}.input-content-body{background-color:#68768e;border-radius:4px;margin-top:4px;padding:8px;width:276px;.item{display:flex;margin-bottom:2px;.item-key{color:#89ff4f}.item-key,.item-value{font-size:12px;font-weight:400;line-height:20px}.item-value{color:#fff;margin-left:6px;overflow:hidden;text-overflow:ellipsis;width:225px}}.item:last-child{margin-bottom:0}}}.output-content{margin-bottom:12px;margin-top:12px;.output-content-header{color:#b1bdd1;display:flex;font-size:12px;font-weight:400;line-height:16px;margin-top:2px;.copy-icon{color:#b1bdd1;cursor:pointer;font-size:12px;margin-left:4px}}.output-content-body{background-color:#68768e;border-radius:4px;margin-top:4px;padding:8px;width:276px;.item{display:flex;margin-bottom:2px;.item-key{color:#89ff4f}.item-key,.item-value{font-size:12px;font-weight:400;line-height:20px}.item-value{color:#fff;margin-left:6px;overflow:hidden;text-overflow:ellipsis;width:225px}}.item:last-child{margin-bottom:0}}}.input-content-body,.output-content-body{max-height:150px;overflow-y:scroll}}}.FlowNodeResultPrepare{background-color:rgba(71,83,102,.5)}.FlowNodeResultSuccess{.time-tag,.tokens-tag{background-color:#3cb600}.input-content-body{max-height:150px;overflow-y:scroll;.item-key{color:#89ff4f}}.output-content-body{max-height:150px;overflow-y:scroll;.item-key{color:#89ff4f}}}.FlowNodeResultError{.time-tag,.tokens-tag{background-color:#df0000}.input-content-body{.item-key{color:#ffd4a1}}.output-content-body{.item-key{color:#ffd4a1}}}
.antelope-flow-portal-trigger{pointer-events:none}.antelope-flow-portal-trigger .antelope-flow-portal-trigger-inner{display:none}.antelope-flow-node-search-content{align-items:center;background-color:#fff;border:1px solid #fff;border-radius:4px;box-shadow:0 2px 11px 0 rgba(141,169,184,.4);display:flex;padding:4px;width:240px}.antelope-flow-node-search-view{background-color:#fff;display:flex;flex-direction:column;width:100%}.antelope-flow-node-search-item{align-items:center;display:flex;margin-bottom:4px;padding:6px 8px}.antelope-flow-node-search-item{width:100%;&:hover{background-color:#f3f7ff}}.antelope-flow-node-search-item-name{color:#111a2a;font-size:14px;line-height:20px}.custom-input>input::-webkit-input-placeholder{color:#c9c9c9;opacity:1}.custom-input>input:-ms-input-placeholder{color:#c9c9c9;opacity:1}.custom-input>input::placeholder{color:#c9c9c9;opacity:1}.antelope-flow-node-search-input{align-items:center;border:1px solid #d9d9d9;border-radius:6px;display:flex;height:28px;width:100%;& .ant-input{border:none;outline:none;width:calc(100% - 30px);&:focus{border:none;box-shadow:none}}}