.oc-avatar.svelte-bes7wi{--size:2rem;--tone:#4f6bed;width:var(--size);height:var(--size);background:color-mix(in oklch, var(--tone) 22%, var(--oc-color-surface));color:color-mix(in oklch, var(--tone) 70%, var(--oc-color-fg));font-size:calc(var(--size) * .4);font-weight:var(--oc-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}.oc-avatar--sm.svelte-bes7wi{--size:1.5rem}.oc-avatar--lg.svelte-bes7wi{--size:3rem}.oc-avatar--tone-1.svelte-bes7wi{--tone:#d0453a}.oc-avatar--tone-2.svelte-bes7wi{--tone:#1f8f5f}.oc-avatar--tone-3.svelte-bes7wi{--tone:#c27c0e}.oc-avatar--tone-4.svelte-bes7wi{--tone:#8b4fd8}.oc-avatar--tone-5.svelte-bes7wi{--tone:#0f8ca8}.oc-avatar--tone-6.svelte-bes7wi{--tone:#c4417f}.oc-avatar--tone-7.svelte-bes7wi{--tone:#5f7286}img.svelte-bes7wi{object-fit:cover;width:100%;height:100%}