@import '~@zgfe/business-lib/es/assets/styles/inner.less';
.visual-flow-node {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  padding: 0 @padding-sm;
  line-height: @height-base;
  background-color: @white;
  border-right: 2px solid @primary-color;
  border-radius: @border-radius-small;
  box-shadow: @box-shadow-small;
  & > .bsicon {
    flex: none;
    margin-right: @margin-xs;
  }
  .label {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .icon-handle {
    flex: none;
    white-space: nowrap;
    .failed {
      color: @error-color;
    }
    .success {
      color: @success-color;
    }
  }
}

.x6-node-selected {
  .visual-flow-node {
    background-color: @primary-color-hover;
    border: 1px solid @primary-color;
    .shanchu {
      display: block;
    }
  }
}
