.details-menu {
  --color-detail-item-label: #727983;
  --color-detail-item-label: rgba(255, 255, 255, 0.65);

  &--vertical {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;

    .detail-item{
      flex-direction: column;
      flex-grow: 1;

      &__content{
        margin: 2px 0;
      }
    }
  }

  &--horizantal {
    display: flex;
    flex-direction: column;

    .detail-item{
      flex-direction: row;

      &:not(:first-of-type){
        margin-top: 12px;
      }

      &__label{
        padding-right: 10px;
      }

      &__content{
        width: 100%;
      }
    }
  }

  .detail-item {
    line-height: 1.3rem;
    display: flex;

    &__label {
      color: var(--color-detail-item-label);
      font-weight: 500;
    }

    &__content {
      text-transform: capitalize;
    }

    &.detail-item--multilines{

      .detail-item__content{
        white-space: pre-line;
      }
    }
  }

  + .details-menu{
    margin-top: 18px;
  }
}
