.avatar-component{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-component__image-wrapper,.avatar-component__placeholder{width:100%;height:100%;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.avatar-component__image{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-component__placeholder{background-color:#eceef7;border:1px solid #ebeef7}.avatar-component--xs{width:24px;height:24px}.avatar-component--sm{width:36px;height:36px}.avatar-component--md{width:48px;height:48px}.avatar-component--lg{width:80px;height:80px}.avatar-component--xl{width:120px;height:120px}.constants-web .avatar-fill,.constants-web .avatar-fill--icon{position:relative}.constants-web .avatar-fill .avatar,.constants-web .avatar-fill--icon .avatar{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.constants-web .avatar-group{display:flex;align-items:center;justify-content:center;width:50px}.constants-web .avatar-group .avatar-root{margin-left:-15px;position:relative}.constants-web .avatar-group .avatar-root:first-child{margin-left:0}.constants-web .avatar-group .more-avatars{display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-surface);border-radius:50%;width:40px;height:40px;font-size:14px;font-weight:700}.constants-web .avatar-group.see-replies{position:absolute;bottom:10px;left:0}.constants-web .avatar-group.see-replies .avatar-root{margin-left:-30px;position:relative}.constants-web .avatar-group.see-replies .avatar-root:first-child{margin-left:0}.constants-web .avatar-group.see-replies .avatar-fill,.constants-web .avatar-group.see-replies .avatar-fill--icon{width:5px;height:5px;border-radius:50%;overflow:hidden}.constants-web .avatar--fill.muse-assistant-avatar,.constants-web .avatar-fill--icon.muse-assistant-avatar,.constants-web .avatar-fill-icon.side-panel-avatar,.constants-web .avatar-fill.side-panel-avatar{height:20px;width:20px}.constants-web .avatar-fill.article-avatar{width:40px;height:40px}.constants-web .avatar--fill.moderator-avatar,.constants-web .avatar-fill--icon.home-feed-community-avatar,.constants-web .avatar-fill--icon.moderator-avatar,.constants-web .avatar-fill.home-feed-community-avatar{height:10px;width:10px}.constants-web .avatar-fill--icon.community-page-avatar,.constants-web .avatar-fill.community-page-avatar{height:50px;width:50px;position:relative}.constants-web .avatar-fill.community-page-avatar .avatar{width:100%;height:100%;object-fit:cover}.constants-web .avatar-fill.article-avatar .avatar{width:80px;height:80px}.constants-web .avatar-edit{position:absolute;width:100%;height:100%;display:none;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5)}.constants-web .avatar-edit.show{display:flex}.constants-web.dark-theme .avatar-fill,.constants-web.dark-theme .avatar-fill--icon,[data-theme=dark] .constants-web .avatar-fill,[data-theme=dark] .constants-web .avatar-fill--icon{border:1px solid var(--color-border);background-color:var(--color-bg)}