.profile-avatar{width:var(--avatar-size);height:var(--avatar-size);aspect-ratio:1;background:var(--brand-soft);color:var(--brand-text);vertical-align:middle;border-radius:24%;flex:none;place-items:center;display:inline-grid;overflow:hidden}.profile-avatar>img,.profile-avatar>.preset-avatar{object-fit:contain;width:100%;height:100%}.profile-avatar-letter{width:100%;height:100%;font:500 calc(var(--avatar-size) * .4)/1 var(--font-ui);place-items:center;display:grid}