@import url('./cards/person-card.css');

/* Reuse the existing 44px initials/image treatment without changing People. */
.ui-v2 .avatar {
  flex: none;
  text-decoration: none;
}

.ui-v2 .avatar--17 { width: 17px; height: 17px; font-size: 6px; }
.ui-v2 .avatar--28 { width: 28px; height: 28px; font-size: 10px; }
.ui-v2 .avatar--36 { width: 36px; height: 36px; font-size: 12px; }
.ui-v2 .avatar--40 { width: 40px; height: 40px; }
.ui-v2 .avatar--64 { width: 64px; height: 64px; font-size: 20px; }
.ui-v2 .avatar--96 { width: 96px; height: 96px; font-size: 30px; font-weight: 500; }
.ui-v2 .avatar--logo { border-radius: var(--radius-thumb); }

@media (max-width: 640px) {
  .ui-v2 .avatar--96 { width: 72px; height: 72px; font-size: 24px; }
}