/* Hobbias profile pictures. Reused on the homepage, account settings and community pages. */
.hobbias-avatar{width:40px;height:40px;aspect-ratio:1;flex:none;border-radius:50%;object-fit:cover;object-position:center;background:#e2e9d9;border:1px solid rgba(45,72,50,.13);vertical-align:middle}
.hobbias-avatar--xs{width:30px;height:30px}.hobbias-avatar--sm{width:36px;height:36px}.hobbias-avatar--md{width:54px;height:54px}.hobbias-avatar--lg{width:112px;height:112px}
.avatar-person{display:flex;gap:12px;align-items:center;min-width:0}.avatar-person>div{min-width:0}.avatar-person h2,.avatar-person p{margin-bottom:3px}
.avatar-link{display:inline-flex;gap:7px;align-items:center;min-width:0;text-decoration:none}.avatar-link:hover{text-decoration:underline}.avatar-link span{overflow-wrap:anywhere}
.account-menu>summary{display:flex;align-items:center;gap:7px}.account-menu>summary .account-label{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-identity{display:flex;gap:24px;align-items:center}.profile-identity>div{min-width:0}
.avatar-picker{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.avatar-preview{width:92px;height:92px;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:#e2e9d9;flex:none}
.avatar-dropzone{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;text-align:center;min-height:140px;padding:16px;border:2px dashed #a9baa4;border-radius:10px;background:var(--soft);cursor:pointer;flex:1 1 210px;transition:border-color .15s,background .15s}
.avatar-dropzone:hover,.avatar-dropzone:focus-within,.avatar-dropzone.is-dragover{border-color:var(--green);background:#e5eddf}
.avatar-dropzone:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.avatar-dropzone input[type=file]{max-width:100%;font-size:.77rem;min-height:0;padding:5px;border:0;background:transparent}
.avatar-dropzone-title{font-weight:650;font-size:.85rem}.avatar-dropzone-hint{color:var(--muted);font-size:.72rem;line-height:1.4}
.avatar-status{margin:8px 0 0;font-size:.8rem;color:var(--muted)}.avatar-status[role=alert]{color:var(--danger)}
.avatar-remove{margin-top:12px}
@media(max-width:760px){.profile-identity{gap:15px}.hobbias-avatar--lg{width:76px;height:76px}.account-menu>summary .account-label{max-width:55px}.avatar-picker{align-items:flex-start}}