/**
 *
 * This file may have been modified by Bytedance Inc. (“Bytedance Inc.'s Modifications”). 
 * All Bytedance Inc.'s Modifications are Copyright (year) Bytedance Inc..  
 * 
 * This source code is licensed under the Apache license.
 * See LICENSE file in the project root for license information.
 *
 */
@import '../../../styles/variables.less';
@import '../../../styles/mixins.less';

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

.@{descriptions-flow-prefix-cls} {
  &-wrap {
    padding: 0 24px;
  }
  &-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: @color-text-icon-0;
    margin-bottom: 24px;
  }
  &-body {
    display: flex;
    &-col-content {
      flex-grow: 1;
      width: 100px;
    }
    &-item {
      display: flex;
      margin-bottom: 16px;
      &-label {
        margin-right: 16px;
        line-height: 20px;
        font-size: 14px;
        flex-shrink: 0;
        color: @color-text-icon-1;
        &-two {
          width: 112px;
        }
        &-three {
          width: 56px;
        }
      }
      &-value {
        color: @color-text-icon-0;
        flex-grow: 1;
        line-height: 20px;
        font-size: 14px;
        word-break: break-all;
      }
    }
  }
  &-body-col-one {
    padding-left: 24px;
  }
}