.profile-avatar-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none}
[data-avatar-url]{overflow:hidden}.avatar-face{width:100%;height:100%;display:grid;place-items:center;border-radius:inherit;overflow:hidden}
.chat-redesign .user-card .avatar{overflow:hidden}.chat-redesign .user-card .avatar:focus-visible{outline:2px solid #ff9e3d;outline-offset:3px}
.chat-profile-avatar{overflow:hidden}.profile-avatar{overflow:hidden}
.avatar-editor{width:min(540px,100%);margin:0 auto 28px;padding:24px}
.avatar-editor-identity{display:flex;align-items:center;gap:18px;margin-bottom:24px}.avatar-editor-identity h2{margin:0 0 5px;font-size:20px;overflow-wrap:anywhere}.avatar-editor-identity p{margin:0;font-size:12px;color:#929bb3}
.avatar-editor-preview{width:96px;height:96px;flex:0 0 auto;border-radius:24px;display:grid;place-items:center;font-size:28px;font-weight:800;background:linear-gradient(140deg,#c22c79,#bc6827);overflow:hidden}
.avatar-editor .auth-form input[type=file]{height:auto;min-height:48px;padding:10px;font-size:12px;max-width:100%}.avatar-editor .auth-form input::file-selector-button{border:0;border-radius:7px;padding:8px 10px;margin-right:10px;background:#342238;color:#ffc3dd;cursor:pointer}
.avatar-help{color:#949eb5;font-size:11px;line-height:1.7;margin:0}.avatar-upload-feedback{color:#ffb9d5;font-size:12px;min-height:18px;margin:0;line-height:1.5}.avatar-remove{margin:14px 0 24px}.avatar-editor>.account-shortcuts{border-top:1px solid #303348;padding-top:16px;margin-top:22px}
.profile-avatar-action{margin:12px 0 20px}.chat-avatar-link{font-size:9px;color:#a8adc3;grid-column:1/-1}.chat-avatar-link:hover{color:#ffb2d3}
.avatar-editor button:disabled{opacity:.5;cursor:wait}
@media(max-width:600px){.avatar-editor{padding:18px}.avatar-editor-preview{width:76px;height:76px;border-radius:20px}.avatar-editor-identity h2{font-size:17px}}

/* A real photo occupies the avatar space without its coloured placeholder box. */
.has-profile-image,.chat-redesign .msg-avatar.has-profile-image,.chat-redesign .own .msg-avatar.has-profile-image,.chat-redesign .online-user-avatar.has-profile-image,.chat-profile-avatar.has-profile-image,.avatar-editor-preview.has-profile-image,.chat-redesign .user-card .avatar:has(.profile-avatar-image),.profile-avatar:has(.profile-avatar-image){background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:50%;}
.avatar-face:has(.profile-avatar-image){background:transparent;border:0;box-shadow:none;border-radius:50%;}