@import '~@zgfe/business-lib/es/assets/styles/inner.less';
.flow-output-config {
  display: flex;
  flex-direction: row;
  height: 100%;
  overflow: hidden;
  &-left,
  &-right {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
  }
  &-right {
    padding: 0 @padding-lg @padding-lg @padding-lg;
  }
  &-left {
    padding: 0 @padding-lg @padding-lg @padding-lg;
    border-right: 1px solid @border-color-split;
    .ant-form-item-label {
      flex: none;
      width: 75px;
    }
  }
  &-title {
    display: flex;
    flex-direction: row;
    margin: @margin-md 0;
    font-weight: 500;
    font-size: @font-size-base;
    & > span {
      flex: 1;
      &:last-of-type {
        padding-left: 29px;
      }
      &:first-of-type {
        padding-left: 0;
      }
    }
  }
  &-selector {
    display: flex;
    flex-direction: row;
    .ant-checkbox-wrapper {
      flex: none;
      margin-left: @margin-md;
      line-height: @height-base;
      word-break: keep-all;
    }
    .biz-select-handle {
      flex: 1;
    }
  }
  &-compare {
    .anticon {
      display: none;
      margin-right: @margin-sm;
    }
    &-right {
      .anticon-check {
        display: inline-block;
        color: @primary-color;
      }
    }
    &-error {
      color: @error-color;
      .anticon-close {
        display: inline-block;
      }
    }
  }
}
