/* avatar.css */

.avatar {
  width: 180px;
  height: 180px;

  object-fit: cover;

  border-radius: 999px;
  border: 2px solid var(--surface);
}

.avatar-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 32px;
}

.avatar-card {
  max-width: 240px;
  text-align: center;
}