.circle-members-page {
  max-width: var(--ui-shell);
}

.circle-members-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.circle-member-card {
  grid-template-columns: 25px 48px minmax(0, 1fr);
  gap: 11px;
  min-width: 0;
  padding: 17px 16px;
}

.circle-member-card > img,
.circle-member-card > i {
  width: 48px;
  height: 48px;
}

.circle-member-card h2 {
  overflow: hidden;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.circle-member-card p {
  margin: 4px 0 6px;
}

.circle-member-card > em {
  display: none;
}

@media (max-width: 980px) {
  .circle-members-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .circle-members-grid {
    grid-template-columns: 1fr;
  }
}