.g-avatar{--_--size:32px;--_--background-color:var(--g-color-base-misc-light);--_--border-color:currentColor;--_--color:var(--g-color-text-misc);--_--font-size:var(--g-text-body-1-font-size);--_--line-height:var(--g-text-body-1-line-height);--_--font-weight:var(--g-text-body-font-weight);overflow:hidden;display:inline-flex;justify-content:center;align-items:center;width:var(--g-avatar-size,var(--_--size));height:var(--g-avatar-size,var(--_--size));border-radius:50%;background-color:var(--g-avatar-background-color,var(--_--background-color))}.g-avatar__image{display:block;width:100%;height:100%;object-fit:cover}.g-avatar__icon{color:var(--g-avatar-color,var(--_--color))}.g-avatar__icon>svg{display:block}.g-avatar__text{color:var(--g-avatar-color,var(--_--color));font-size:var(--g-avatar-font-size,var(--_--font-size));line-height:var(--g-avatar-line-height,var(--_--line-height));font-weight:var(--_--font-weight)}.g-avatar_view_outlined,.g-avatar_with-border{position:relative}.g-avatar_view_outlined:after,.g-avatar_view_outlined:before,.g-avatar_with-border:after,.g-avatar_with-border:before{content:"";z-index:1;position:absolute;inset:0;border-radius:50%}.g-avatar_view_outlined:before,.g-avatar_with-border:before{border:3px solid var(--g-color-base-background)}.g-avatar_view_outlined:after,.g-avatar_with-border:after{border:2px solid var(--g-avatar-border-color,var(--_--border-color))}.g-avatar_size_xs{--_--size:24px}.g-avatar_size_s{--_--size:28px}.g-avatar_size_m{--_--size:32px}.g-avatar_size_l{--_--size:42px}.g-avatar_size_xl{--_--size:50px}.g-avatar_size_s,.g-avatar_size_xs{--_--font-size:var(--g-text-caption-1-font-size);--_--line-height:var(--g-text-caption-1-line-height);--_--font-weight:var(--g-text-caption-font-weight)}.g-avatar_size_l,.g-avatar_size_m{--_--font-size:var(--g-text-subheader-1-font-size);--_--line-height:var(--g-text-subheader-1-line-height);--_--font-weight:var(--g-text-subheader-font-weight)}.g-avatar_size_xl{--_--font-size:var(--g-text-subheader-2-font-size);--_--line-height:var(--g-text-subheader-2-line-height);--_--font-weight:var(--g-text-subheader-font-weight)}.g-avatar_theme_normal.g-avatar_view_filled{--_--background-color:var(--g-color-base-misc-light);--_--color:var(--g-color-text-misc)}.g-avatar_theme_normal.g-avatar_view_outlined{--_--background-color:var(--g-color-base-background);--_--border-color:var(--g-color-text-misc);--_--color:var(--g-color-text-misc)}.g-avatar_theme_brand.g-avatar_view_filled{--_--background-color:var(--g-color-base-brand);--_--color:var(--g-color-text-brand-contrast)}.g-avatar_theme_brand.g-avatar_view_outlined{--_--background-color:var(--g-color-base-background);--_--border-color:var(--g-color-text-brand);--_--color:var(--g-color-text-brand)}