.user-avatar{--user-avatar-color:var(--icon-slate);--user-avatar-surface:var(--icon-slate-surface)}.user-avatar[data-avatar-tone=blue]{--user-avatar-color:var(--icon-blue);--user-avatar-surface:var(--icon-blue-surface)}.user-avatar[data-avatar-tone=violet]{--user-avatar-color:var(--icon-violet);--user-avatar-surface:var(--icon-violet-surface)}.user-avatar .user-avatar__fallback{color:color-mix(in oklch, var(--user-avatar-color) 70%, var(--reference-ink));background:var(--user-avatar-surface);border:1px solid color-mix(in oklch, var(--user-avatar-color) 28%, var(--user-avatar-surface));letter-spacing:.015em;font-weight:600}