.HorizontalTable {
  $this: &;

  background: $color-gray-140;
  border-radius: 4px;
  padding: 12px 16px;

  &__header {
    @extend .Font__caption--10;
    color: $color-gray-60;
    font-weight: 500;
    letter-spacing: $letter-spacing-loose;
    margin-bottom: 4px;
    padding-right: 48px;
    text-align: left;
    text-transform: uppercase;

    &:last-child {
      padding-right: 0;
    }
  }

  &__value {
    @extend .Font__body--10;
    color: $color-gray-10;
    flex: 1;
    max-width: 290px;
    padding-right: 48px;
    vertical-align: middle;
    overflow-wrap: break-word;

    &:last-child {
      padding-right: 0;
    }
  }
}