@import '~antd/es/descriptions/style/index.less';
@import '../variable.less';

@descriptions-prefix-cls: ~'@{ant-prefix}-descriptions';

.@{descriptions-prefix-cls} {
  &-view {
    width: unset;
    padding-left: 12px;
  }
  &-title {
    position: absolute;
    font-size: 16px;
    font-weight: 700;
    padding-left: 12px;
    position: relative;

    &::before {
      content: '';
      width: 4px;
      height: 12px;
      position: absolute;
      left: 0;
      top: 5px;
      background-color: @primary-color;
    }
  }

  &-row {
    > td {
      padding-bottom: 12px;
    }
  }

  &-item {
    &-label,
    &-content {
      vertical-align: top;
    }

    &-label {
      color: @text-color-tertiary;
      padding-right: 20px;
      &::after {
        margin: 0;
      }
    }

    &-content {
      color: @text-color-primary;
      padding-right: 20px;
    }
  }
}