.opn-avatar.svelte-14igqmw{--size:2rem;--tone:#4f6bed;width:var(--size);height:var(--size);background:color-mix(in oklch, var(--tone) 22%, var(--opn-color-surface));color:color-mix(in oklch, var(--tone) 70%, var(--opn-color-fg));font-size:calc(var(--size) * .4);font-weight:var(--opn-weight-bold);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative;overflow:hidden}.opn-avatar--sm.svelte-14igqmw{--size:1.5rem}.opn-avatar--lg.svelte-14igqmw{--size:3rem}.opn-avatar--tone-1.svelte-14igqmw{--tone:#d0453a}.opn-avatar--tone-2.svelte-14igqmw{--tone:#1f8f5f}.opn-avatar--tone-3.svelte-14igqmw{--tone:#c27c0e}.opn-avatar--tone-4.svelte-14igqmw{--tone:#8b4fd8}.opn-avatar--tone-5.svelte-14igqmw{--tone:#0f8ca8}.opn-avatar--tone-6.svelte-14igqmw{--tone:#c4417f}.opn-avatar--tone-7.svelte-14igqmw{--tone:#5f7286}img.svelte-14igqmw{object-fit:cover;width:100%;height:100%}