.ui-avatar[data-v-9bd3eb6b]{--avatar-bg:var(--tone-yellow);--avatar-fg:var(--tone-yellow-on);--avatar-size:40px;width:var(--avatar-size);height:var(--avatar-size);background-color:var(--avatar-bg);color:var(--avatar-fg);font-family:var(--font-heading);font-size:calc(var(--avatar-size) * .36);font-weight:var(--weight-bold);-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;line-height:1;display:inline-grid;overflow:hidden}.ui-avatar[data-initials][data-v-9bd3eb6b]:before{content:attr(data-initials)}.ui-avatar[data-size=sm][data-v-9bd3eb6b]{--avatar-size:32px}.ui-avatar[data-size=lg][data-v-9bd3eb6b]{--avatar-size:48px}.ui-avatar__image[data-v-9bd3eb6b]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.ui-avatar[data-tone=violet][data-v-9bd3eb6b]{--avatar-bg:var(--tone-violet-soft);--avatar-fg:var(--tone-violet-on-soft)}.ui-avatar[data-tone=blue][data-v-9bd3eb6b]{--avatar-bg:var(--tone-blue-soft);--avatar-fg:var(--tone-blue-on-soft)}.ui-avatar[data-tone=teal][data-v-9bd3eb6b]{--avatar-bg:var(--tone-teal-soft);--avatar-fg:var(--tone-teal-on-soft)}.ui-avatar[data-tone=green][data-v-9bd3eb6b]{--avatar-bg:var(--tone-green-soft);--avatar-fg:var(--tone-green-on-soft)}.ui-avatar[data-tone=yellow][data-v-9bd3eb6b]{--avatar-bg:var(--tone-yellow);--avatar-fg:var(--tone-yellow-on)}.ui-avatar[data-tone=orange][data-v-9bd3eb6b]{--avatar-bg:var(--tone-orange-soft);--avatar-fg:var(--tone-orange-on-soft)}.ui-avatar[data-tone=red][data-v-9bd3eb6b]{--avatar-bg:var(--tone-red-soft);--avatar-fg:var(--tone-red-on-soft)}.ui-avatar[data-tone=pink][data-v-9bd3eb6b]{--avatar-bg:var(--tone-pink-soft);--avatar-fg:var(--tone-pink-on-soft)}