html body.warm-modern[data-theme] .warm-account button.profile-avatar{display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;margin:0!important;border-radius:50%!important;overflow:hidden;background:var(--ap-secondary)!important;color:var(--ap-ink)!important;border:1px solid var(--ap-line)!important;cursor:pointer}
.profile-avatar img,.profile-avatar-preview img{display:block;width:100%;height:100%;border-radius:50%;object-position:center}
.profile-avatar-preview{width:160px;height:160px;display:grid;place-items:center;border:1px solid var(--ap-line,#aaa);border-radius:50%;overflow:hidden;background:var(--ap-secondary,#eee);color:var(--ap-ink,#222);font-size:42px;margin:16px auto}
html body.warm-modern[data-theme] dialog.profile-avatar-dialog{width:min(480px,94vw)!important;box-sizing:border-box}
.profile-avatar-dialog input[type=file],.profile-avatar-dialog select{display:block;width:100%;box-sizing:border-box;margin:12px 0}
.profile-avatar-dialog .actions{display:flex;flex-wrap:wrap;gap:8px}
.profile-avatar-dialog [role=status]{min-height:1.5em;overflow-wrap:anywhere}
@media(max-width:1050px){html body.warm-modern[data-theme] .warm-account button.profile-avatar{flex-basis:36px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}}
html body.warm-modern:is([data-accessibility=light],[data-accessibility=dark]) .warm-account button.profile-avatar{flex-basis:48px!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}