.ui-avatar{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-accent-soft);color:var(--color-ink);font-weight:var(--font-weight-medium);-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;display:inline-flex}.ui-avatar[data-tone=neutral]{background:color-mix(in oklab, var(--color-border) 60%, transparent)}.ui-avatar[data-tone=solid]{background:var(--color-accent);color:var(--color-accent-ink);font-weight:var(--font-weight-semibold);border-color:#0000}.ui-avatar[data-corners=square]{border-radius:var(--radius-md)}.ui-avatar[data-size=xs]{block-size:1.5rem;inline-size:1.5rem;font-size:var(--font-size-2xs)}.ui-avatar[data-size=compact]{block-size:1.75rem;inline-size:1.75rem;font-size:var(--font-size-2xs)}.ui-avatar[data-size=sm]{block-size:2rem;inline-size:2rem;font-size:var(--font-size-sm)}.ui-avatar[data-size=md]{block-size:3rem;inline-size:3rem;font-size:var(--font-size-lg)}.ui-avatar[data-size=lg]{block-size:4rem;inline-size:4rem;font-size:var(--font-size-xl)}.ui-avatar-name{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (forced-colors:active){.ui-avatar{border-color:currentColor}}