@scope([data-example]){[data-slot=avatar]{box-sizing:border-box;width:var(--size);height:var(--size);background:var(--surface-1);outline:1px solid var(--line);outline-offset:-1px;-webkit-user-select:none;user-select:none;border-radius:999px;flex-shrink:0;place-items:center;display:inline-grid;overflow:hidden}[data-slot=avatar][data-loading-status=loaded]{outline-color:color-mix(in oklab, var(--ink) 12%, transparent)}[data-slot=avatar][data-loading-status=error]{background:var(--tint)}[data-slot=avatar-image]{filter:grayscale();object-fit:cover;width:100%;height:100%}[data-slot=avatar-fallback]{color:var(--muted);font-size:var(--text-xs);font-weight:500}}