.metrics-weight {
  margin-bottom: 20px;

  &:last-child {
    margin-bottom: 0;
  }
}

.add-weight {
  margin-bottom: 0 !important;

  // 增加样式权重
  & &__button {
    width: calc(100% - 126px);
    border-color: .addAlpha(@primary-color, 0.5) [];
    box-shadow: none !important;
    &:hover {
      border-style: solid;
    }
  }
}

.hyper-parameter {
  width: 83.33%;
  margin-bottom: 20px;
  border: 1px solid rgba(234, 234, 234, 0.8);
  border-radius: 4px;
  &__header {
    height: 50px;
    padding-left: 8px;
    color: @text-color;
    font-size: @font-size;
    background: #f8f8f9;
    border-radius: 4px 4px 0px 0px;

    &__name,
    &__type,
    &__space {
      flex: 1;
      min-width: 0;
      margin-right: 15px;

      &::before {
        display: inline-block;
        color: @error-color;
        font-size: 14px;
        font-family: SimSun, sans-serif;
        line-height: 1;
        content: '*';
        margin-inline-end: 4px;
      }

      :global {
        .anticon-question-circle {
          vertical-align: middle;
          cursor: help;
        }
      }
    }

    &__tooltip {
      max-width: 600px;
      :global {
        .ant-tooltip-inner {
          max-height: 400px;
          overflow-y: auto;
          white-space: pre-line;

          &::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.5);
          }
        }
      }
    }

    &__operation {
      flex: none;
      width: 100px;
    }
  }
  &__body {
    padding: 8px;
    border-bottom: 1px solid rgba(234, 234, 234, 0.8);

    &:last-child {
      border-bottom: none;
    }

    &__name,
    &__type,
    &__space {
      flex: 1;
      min-width: 0;
      margin-right: 15px;
      margin-bottom: 0 !important;
    }

    &__operation {
      display: flex;
      flex: none;
      align-items: center;
      width: 100px;
      height: 46px;
    }
  }

  &__add {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
  }
}

.run-parameter {
  width: calc(41.66% + 126px);
  margin-bottom: 20px;

  &__body {
    flex: 1;
    margin-right: 10px;
    padding: 20px 20px 0;
    border: 1px dashed #e0e0e0;
    border-radius: 8px;

    :global {
      .ant-form-item-label {
        label {
          width: calc(100% - 10px);
        }
      }
    }
  }

  &__operation {
    display: flex;
    flex: none;
    align-items: center;
    width: 100px;
  }

  &__error {
    margin-top: -20px;
    color: @error-color;
  }
}
