@keyframes avatar-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.user-avatar{width:var(--avatar-size,40px);height:var(--avatar-size,40px);background:var(--avatar-icon-bg,#9585d62e);border:1px solid var(--avatar-icon-ring,#9585d659);box-shadow:inset 0 0 0 1px var(--c-surface-border), 0 2px 12px #0000004d;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:background .18s,border-color .18s,box-shadow .18s,color .18s;display:inline-flex;overflow:hidden}.user-avatar--loading{background:linear-gradient(90deg, var(--c-skel-from) 0%, var(--c-skel-to) 50%, var(--c-skel-from) 100%);background-size:200% 100%;animation:1.1s infinite avatar-shimmer}.user-avatar__image{object-fit:cover;object-position:center center;border-radius:inherit;opacity:0;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);width:100%;height:100%;transition:opacity .18s;display:block;mask-image:radial-gradient(#fff,#000)}.user-avatar__image--loaded{opacity:1}.user-avatar__icon{width:100%;height:100%;color:var(--avatar-icon-color,#9585d6);display:block;transform:scale(1.15)}