@import './var.less';
.@{descriptions-prefix-cls}-wrapper {
  width: 100%;
  padding: 4*@hd;
  .@{descriptions-prefix-cls}-description {
    display: flex;
    padding: 4*@hd 0;
  }

  .@{descriptions-prefix-cls}-label {
    color: @gray-60;
    white-space: nowrap;
  }

  .@{descriptions-prefix-cls}-value {
    color: @gray-80;
  }
}

.@{descriptions-prefix-cls}-descriptions-horizontal {
  display: flex;
  flex-wrap: wrap;
  .@{descriptions-prefix-cls}-description {
    min-width: calc(25% - 10*@hd);
  }
}

.@{descriptions-prefix-cls}-descriptions-vertical {
  flex-wrap: wrap;
}
