.g-avatar{--_--size:32px;--_--border-width:2px;--_--border-radius:50%;--_--inner-border-width:3px;--_--border-color:currentColor;--_--background-color:var(--g-color-base-misc-light);--_--text-color:var(--g-color-text-misc);--_--font-weight:var(--g-text-body-font-weight);--_--font-size:var(--g-text-body-1-font-size);--_--line-height:var(--g-text-body-1-line-height);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:var(--_--border-radius);background-color:var(--g-avatar-background-color,var(--_--background-color))}.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:var(--_--border-radius)}.g-avatar_view_outlined:before,.g-avatar_with-border:before{border:var(--g-avatar-inner-border-width,var(--_--inner-border-width)) solid var(--g-color-base-background)}.g-avatar_view_outlined:after,.g-avatar_with-border:after{border:var(--g-avatar-border-width,var(--_--border-width)) solid var(--g-avatar-border-color,var(--_--border-color))}.g-avatar_shape_circle{--_--border-radius:50%}.g-avatar_shape_square.g-avatar_size_2xs,.g-avatar_shape_square.g-avatar_size_3xs,.g-avatar_shape_square.g-avatar_size_xs{--_--border-radius:var(--g-border-radius-xs)}.g-avatar_shape_square.g-avatar_size_s{--_--border-radius:var(--g-border-radius-s)}.g-avatar_shape_square.g-avatar_size_m{--_--border-radius:var(--g-border-radius-m)}.g-avatar_shape_square.g-avatar_size_l{--_--border-radius:var(--g-border-radius-l)}.g-avatar_shape_square.g-avatar_size_xl{--_--border-radius:var(--g-border-radius-xl)}.g-avatar_size_3xs{--_--size:16px}.g-avatar_size_2xs{--_--size:20px}.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_2xs,.g-avatar_size_3xs,.g-avatar_size_xs{--_--font-weight:var(--g-text-caption-font-weight);--_--font-size:var(--g-text-caption-1-font-size);--_--line-height:var(--g-text-caption-1-line-height)}.g-avatar_size_s{--_--font-weight:var(--g-text-caption-font-weight);--_--font-size:var(--g-text-caption-2-font-size);--_--line-height:var(--g-text-caption-2-line-height)}.g-avatar_size_l,.g-avatar_size_m{--_--font-weight:var(--g-text-subheader-font-weight);--_--font-size:var(--g-text-subheader-1-font-size);--_--line-height:var(--g-text-subheader-1-line-height)}.g-avatar_size_xl{--_--font-weight:var(--g-text-subheader-font-weight);--_--font-size:var(--g-text-subheader-2-font-size);--_--line-height:var(--g-text-subheader-2-line-height)}.g-avatar_size_2xs,.g-avatar_size_3xs{--_--border-width:1.5px;--_--inner-border-width:2.5px}.g-avatar_size_l,.g-avatar_size_m,.g-avatar_size_s,.g-avatar_size_xl,.g-avatar_size_xs{--_--border-width:2px;--_--inner-border-width:3px}.g-avatar_theme_normal.g-avatar_view_filled{--_--background-color:var(--g-color-base-misc-light);--_--text-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);--_--text-color:var(--g-color-text-misc)}.g-avatar_theme_brand.g-avatar_view_filled{--_--background-color:var(--g-color-base-brand);--_--text-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);--_--text-color:var(--g-color-text-brand)}.g-avatar__image{box-sizing:border-box;display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.g-avatar__image_with-border{border:1px solid var(--g-color-line-generic)}.g-avatar__icon{color:var(--g-avatar-text-color,var(--_--text-color))}.g-avatar__icon>svg{display:block}.g-avatar__text{color:var(--g-avatar-text-color,var(--_--text-color));font-weight:var(--g-avatar-font-weight,var(--_--font-weight));font-size:var(--g-avatar-font-size,var(--_--font-size));line-height:var(--g-avatar-line-height,var(--_--line-height))}.nav-item{border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;transition:color .2s;color:var(--g-color-text-primary);padding:12px 0}.nav-item:hover{color:var(--g-color-text-primary-hover)}.nav-item.active{color:var(--g-color-base-brand)}.nav-item-content{display:flex;align-items:center;justify-content:center}.nav-item.with-label .nav-item-content{justify-content:flex-start;width:100%}.nav-item-label{margin-left:12px;font-size:14px;font-weight:500}@media (min-width:768px){.nav-item{position:relative}.nav-item.active:before{content:"";position:absolute;left:0;width:4px;height:40px;background-color:var(--g-color-base-brand);border-top-right-radius:4px;border-bottom-right-radius:4px}.icon-container{width:48px;height:48px;display:flex;align-items:center;justify-content:center}}@media (max-width:767px){.icon-container{width:44px;height:44px;display:flex;align-items:center;justify-content:center}}