img.avatar { object-fit: cover; }

/* Quiet illustrated fallbacks share the proportions of Joosy portraits. */
.identity-avatar { position:relative; overflow:hidden; isolation:isolate; vertical-align:middle; border:1px solid #d2e2e9; border-radius:3px; background:#f1f7fa; }
.identity-avatar .avatar-art { display:block; width:100%; height:100%; object-fit:fill; }
.identity-avatar .avatar-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; background:#f1f7fa; }
.identity-avatar .avatar-monogram { position:absolute; bottom:5%; left:0; width:100%; text-align:center; font:600 10px/1 Arial,Helvetica,sans-serif; letter-spacing:1.5px; color:#3d7085; }
.identity-avatar.small-avatar .avatar-monogram { font-size:7px; letter-spacing:.8px; bottom:5%; }
.identity-avatar--user { border-color:#dbe5e9; }
.avatar-photo.is-unavailable { display:none; }
.account-identity h1 { margin-bottom:5px; }
.account-identity p { margin:0; color:var(--muted); }
.missing-media { display:flex; flex-direction:column; align-items:center; overflow:hidden; background:#f3f8fa; border:1px solid #dce7ec; border-radius:3px; }
.missing-media img { width:100%; max-height:150px; object-fit:contain; }
.missing-media span { padding:0 12px 14px; font-size:12px; color:#637e8b; text-align:center; }
.identity-avatar .avatar-art { position:absolute; inset:0; }
.identity-avatar .avatar-monogram { bottom:8%; }
.identity-avatar.small-avatar .avatar-monogram { bottom:8%; }