.member {
  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;
    display: flex;
    gap: 40px;
    width: 100%;
    flex-wrap: wrap;
    .item {
      object-fit: cover;
      .menu {

      }
      .image {
        img{
          width: 273px;
          object-fit: cover;
          height: 204px;
          border-radius: 12px;
          border: 1px solid rgba(45, 45, 45, 0.27);
        }
        a {          
          img {
          border: 2px solid var(--prime);
          cursor: pointer;
          }
        }
      }
      .name {

      }
      .description {

      }
      .more {

      }
    }
  }
}
