.ui-avatar{display:inline-grid;place-items:center;border-radius:50%;color:var(--on-accent);font-weight:700;letter-spacing:.02em;overflow:hidden;flex-shrink:0;box-shadow:0 0 0 2px var(--overlay-08),0 6px 18px -8px var(--shadow-key);transition:box-shadow .2s ease,transform .2s ease}.ui-avatar:hover{box-shadow:0 0 0 2px var(--accent-border),0 10px 24px -10px var(--shadow-key)}.ui-avatar-photo{background:var(--bg-elev)}.ui-avatar-photo img{width:100%;height:100%;object-fit:cover;display:block}