.members {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 900px;
  .add {
    padding: 16px 12px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    .title {
      color: #6C6C6C;
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
    }
    .toggle {
      width: 24px;
      height: 24px;
      cursor: pointer;
      background: url('~projects/app-root/src/assets/images/icons/add_cirle_24dp.svg') center no-repeat;
    }
  }
  .list {
    margin: 32px 0;

    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    gap: 40px;


    .item {
      object-fit: cover;
      display: flex;
      flex-direction: column;
      flex-grow: 0;
      flex-basis: 270px;
      gap: 16px;
      overflow: hidden;
      >*{
        width: 100%;
      }
      >div{
        >*{margin-bottom: 16px;}
      }
      .menu {

      }
      .image {
        // background: url("/assets/images/view-man.svg") center no-repeat;

          object-fit: cover;
          height: 370px;
          border-radius: 12px;
          border: 1px solid rgba(45, 45, 45, 0.27);

      }
      .image {
        // background: url("/assets/images/view-man.svg") center no-repeat;
        img {
          width: 273px;
          object-fit: cover;
          height: 370px;
          border-radius: 12px;
          border: 1px solid rgba(45, 45, 45, 0.27);
        }
      }
      .name {
        font-size: 24px;
        font-weight: 700;
        line-height: 32px; /* 133.333% */
        letter-spacing: 0.24px;
        color:#6C6C6C
      }
      .position {
        font-size: 20px;
      }
      .more {
        font-size: 20px;
        img{
          vertical-align: -6px;
        }
      }
      .link{
        font-size: 20px;
        display: block;
      }


      .doc{
          width: 100%;
          display: flex;
          overflow: hidden;
          text-overflow:ellipsis;
          .doc-icon{
              flex-basis: 60px;
              align-items: flex-start;
              flex-shrink: 0;
              height: 60px;
              background:  center no-repeat;
              background-image: url('~projects/app-root/src/assets/images/icons/document/document_pdf_60dp.svg');
              background-size: contain;
          }
          .doc-link{
            flex-shrink: 0;
            flex-grow: 0;
            flex-basis: 100%;
            white-space: nowrap; 
            overflow: hidden;
            text-overflow:ellipsis;
          }
          a{
              font-size: 20px;
              
          }
          .description{
              color: #6C6C6C;
          }
      }
    }
  }
}
