.members {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 900px;
  .add {
    padding: 16px ;
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-top: 1px solid var(--second-dis);
    border-bottom: 1px solid var(--second-dis);
    .title {
      color: var(--second);
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
    }
    .toggle {
      width: 24px;
      height: 24px;
      cursor: pointer;
      flex-shrink: 0;
      background: url('~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{
      flex-grow: 0;
      flex-basis: 253px;
      width: 253px;
      gap: 16px;
      overflow: hidden;
      



    }



  }

  
  }

