.nameplate.svelte-sincsx{--nameplate-color:var(--person-color,var(--primary));background-color:color-mix(in srgb, var(--nameplate-color) var(--nameplate-tint,14%), transparent);border:1px solid color-mix(in srgb, var(--nameplate-color) 35%, transparent);max-width:100%;font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--nameplate-color);border-radius:999px;align-items:center;gap:.5rem;padding:.2rem .75rem;font-size:.78rem;font-weight:700;line-height:1.2;transition:background-color .15s;display:inline-flex}.nameplate.has-avatar.svelte-sincsx{padding-left:.2rem}.nameplate.is-sm.svelte-sincsx{gap:.4rem;padding-right:.6rem;font-size:.7rem}.nameplate.is-sm.svelte-sincsx:not(.has-avatar){padding-left:.6rem}.nameplate-avatar.svelte-sincsx{object-fit:cover;width:1.9rem;height:1.9rem;box-shadow:0 0 0 1.5px var(--nameplate-color);border-radius:50%;flex:none}.is-sm.svelte-sincsx .nameplate-avatar:where(.svelte-sincsx){width:1.35rem;height:1.35rem}.nameplate-name.svelte-sincsx{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nameplate-extra.svelte-sincsx{border-left:1px solid color-mix(in srgb, var(--nameplate-color) 40%, transparent);letter-spacing:.04em;font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:.3rem;margin-left:.1rem;padding-left:.55rem;display:inline-flex}