.avatar[data-v-6e9ca584]{font-family:var(--font-ui);font-weight:var(--weight-sans-bold);color:var(--on-role);background:var(--avatar-hue);border-radius:var(--radius-pill);flex:none;place-items:center;line-height:1;display:inline-grid;overflow:hidden}.avatar--student[data-v-6e9ca584]{--avatar-hue:var(--role-student)}.avatar--family[data-v-6e9ca584]{--avatar-hue:var(--role-family)}.avatar--staff[data-v-6e9ca584]{--avatar-hue:var(--role-staff)}.avatar--neutral[data-v-6e9ca584]{color:var(--ink-strong);background:var(--bg-accented)}.avatar__photo[data-v-6e9ca584]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.avatar--18[data-v-6e9ca584]{width:18px;height:18px}.avatar--18[data-v-6e9ca584],.avatar--24[data-v-6e9ca584]{font-size:var(--type-chip-size)}.avatar--24[data-v-6e9ca584]{width:24px;height:24px}.avatar--32[data-v-6e9ca584]{width:32px;height:32px;font-size:var(--type-caption-size)}.avatar--40[data-v-6e9ca584]{width:40px;height:40px;font-size:var(--type-body-size)}.avatar--72[data-v-6e9ca584]{width:72px;height:72px;font-size:var(--type-heading-size)}.avatar__icon[data-v-6e9ca584]{width:55%;height:55%}@media (forced-colors:active){.avatar[data-v-6e9ca584]{color:canvastext;background:canvas;border:1px solid canvastext}}