.avatar{display:inline-grid;place-items:center;flex:none;width:var(--avatar-size,40px);height:var(--avatar-size,40px);border-radius:50%;background:var(--primary);color:var(--on-primary);font-family:var(--font-display),sans-serif;font-weight:700;font-size:calc(var(--avatar-size, 40px) * .46);line-height:1;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--on-primary) 12%,transparent)}