:root{--avatar_size: 44px;--avatar_status_bg: var(--primary_color);--avatar_image_bg: var(--primary_color);--avatar_image_bg_hover: var(--button_hover_color_bg)}.avatar_wrap{display:flex;gap:var(--space_xs);flex-wrap:wrap}.avatar_wrap:where([data-density=overlap],.avatar_overlap),.avatar_group:where([data-density=overlap],.avatar_overlap){--avatar_overlap: var(--avatar_overlap_size);--avatar_ring: 0 0 0 3px var(--bg_color_current);gap:0;padding-inline-start:var(--avatar_overlap)}:where(.avatar){margin-inline-start:calc(var(--avatar_overlap, 0em)*-1)}.avatar{display:inline-flex;position:relative}.avatar_image img,.avatar_image object,.avatar_image picture,.avatar_image svg{width:100%;height:100%;object-fit:cover}.avatar_image,.avatar_initials{width:var(--avatar_size);min-width:var(--avatar_size);height:var(--avatar_size);border-radius:var(--avatar_size);overflow:hidden;position:relative;display:inline-flex;justify-content:center;align-items:center;align-content:center;background-color:var(--avatar_image_bg);color:var(--primary_contrast_color);box-shadow:var(--avatar_ring, none)}.avatar_initials{color:var(--primary_contrast_color);font-weight:700;text-align:center}.avatar_detail>*{line-height:1.5;font-size:.9em}.avatar_status{display:block;position:absolute;border-radius:0;background-color:var(--avatar_status_bg);top:calc(var(--avatar_size)/24);inset-inline-end:calc(var(--avatar_size)/24);width:calc(var(--avatar_size)/6);height:calc(var(--avatar_size)/6)}.avatar_status:is([data-signal],.signal_success,.signal_warning,.signal_error){--avatar_status_bg: var(--signal_color)}.avatar_name_hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.avatar:is([data-surface-hover],.surface_hover){--surface_hover_bg: transparent;cursor:pointer}.avatar:is([data-surface-hover],.surface_hover):is(:hover,:focus-within){--avatar_image_bg: var(--avatar_image_bg_hover)}.avatar:has(>.avatar_detail){--text_base: 0.8rem;font-size:var(--text_base);display:flex;flex-flow:row nowrap;align-items:center;gap:var(--space_s)}.avatar:has(>.avatar_detail) .avatar_detail{text-align:start;line-height:1.5}.avatar:is([data-variant=inline],.avatar_inline) .avatar_detail{display:flex;gap:var(--space_xs)}.avatar:is([data-variant=inline],.avatar_inline) .avatar_note{color:var(--text_muted)}.avatar:where([data-size=small],.avatar_small){--avatar_size: 28px}.avatar:where([data-size=large],.avatar_large){--avatar_size: 58px}