.profile-avatar-panel{margin:16px 0;padding:16px;border:1px solid rgba(128,180,210,.2);border-radius:14px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.profile-avatar-panel[hidden]{display:none}
.profile-avatar-panel h3,.profile-avatar-panel>p{flex-basis:100%;margin:0}
.profile-avatar-panel>p{font-size:13px;color:#a4b9ce}
.profile-avatar-panel [role=alert]{color:#ffb4b4}
.profile-avatar-panel input{max-width:100%;min-width:0;flex:1 1 200px}
.profile-avatar-panel button{padding:9px 12px;border:1px solid rgba(128,180,210,.25);border-radius:9px;background:#14273c;color:#e8f6ff;cursor:pointer}
.profile-avatar-panel button:disabled{opacity:.45;cursor:default}
.profile-avatar-preview{width:64px;height:64px;flex:0 0 64px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#20384c;color:#daf7ff;font-size:24px}
.has-profile-avatar{overflow:hidden!important;padding:0!important}
.profile-avatar-image{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit;max-width:none!important}

.profile-avatar-emoji{display:flex;flex-wrap:wrap;gap:6px;flex-basis:100%}
.profile-avatar-emoji button{font-size:24px;padding:5px 9px}