:host {
  background: white;
  padding: 16px;
  display: block;
  border-radius: 8px;

  .title {
    color: var(--Black-text, #1B1D27);
    text-align: left;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
  }

  .info-item {
    .label {
      font-weight: 600;
    }
  }

  .summary {
    border-top: 1px solid grey;
    padding-top: 10px;
  }

  .tabs {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .case-more-infos {
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-items: start;

    margin-top: 10px;
    margin-bottom: 10px;

    .value {
      padding-left: 6px;
      padding-right: 30px;
    }
  }

  .tab-item {
    display: flex;
    flex-direction: row;
    align-items: start;
    padding-bottom: 6px;

    label {
      padding-left: 6px;
      display: inline-block;
    }

    &.is-active {
      border-bottom: 2px solid black;
    }

  }

  .summary {
    max-width: 80ch;
  }
}