.profile-avatar{position:relative;display:inline-grid;place-items:center;overflow:hidden;flex-shrink:0;vertical-align:middle}.profile-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.account-avatar{width:96px;height:96px;border-radius:50%;background:#eaf2fd;color:#2561a7;font-size:30px;font-weight:700}.person-avatar{width:32px;height:32px;border-radius:50%;background:#eaf2fd;color:#2561a7;font-size:12px;font-weight:700}.profile-photo-editor{display:flex;align-items:center;gap:24px;margin-top:22px}.profile-photo-editor>div:last-child{min-width:0}.profile-photo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.profile-photo-panel [hidden]{display:none}.profile-photo-panel [data-photo-status]:empty{display:none}.profile-photo-editor .hint{font-size:13px}.app-account-link{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:44px;flex-shrink:0}.person-with-photo{display:inline-flex;align-items:center;gap:10px;min-width:0;vertical-align:middle}.connect-people label,.connect-people .person-with-photo{gap:10px;align-items:center}.connect-people label{display:flex}.connect-message-meta .person-avatar{width:28px;height:28px;font-size:10px}.gang-members>span.has-profile-photo{display:flex;gap:9px;align-items:center}.gang-members .gang-person-details{display:grid;gap:4px}.attend-person>.person-with-photo{margin-right:auto}.connect-chat-head>.person-avatar{flex-shrink:0}.connect-thread>.person-avatar{width:36px;height:36px}
@media(max-width:760px){.app-header-actions .app-account-link{min-width:30px;min-height:36px}.app-account-link .avatar{width:30px;height:30px;font-size:12px}.app-host-head{column-gap:8px}.app-host-head>.brand{padding-right:6px}.app-host-head .app-identity>.brand{font-size:19px}.app-header-actions{gap:6px}.app-header-actions .button{font-size:11px;padding:8px 6px}.app-host-head .app-company-name{padding-right:0}}
@media(max-width:380px){.app-host-head{padding-left:10px;padding-right:10px;column-gap:5px}.app-host-head>.brand{font-size:16px;padding-right:3px}.app-host-head .app-identity>.brand{font-size:18px}.app-header-actions{gap:4px}.app-header-actions .connect-shortcut{min-width:28px;height:28px}.app-header-actions .app-account-link{min-width:28px}.app-account-link .avatar{width:28px;height:28px}.app-header-actions .button{font-size:10px;padding:7px 5px}}
@media(max-width:500px){.profile-photo-editor{align-items:flex-start;gap:16px}.account-avatar{width:72px;height:72px;font-size:24px}.profile-photo-editor .button{font-size:12px;padding:10px 12px}}