/* USER_IDENTITY_AVATAR_SSOT_V2 */
.uab-user-avatar{
    --uab-avatar-size:44px;
    position:relative;
    display:inline-grid;
    place-items:center;
    width:var(--uab-avatar-size);
    height:var(--uab-avatar-size);
    flex:0 0 var(--uab-avatar-size);
    border-radius:10px;
    overflow:hidden;
    vertical-align:middle;
    background:#eef4f1;
}
.uab-user-avatar--sm{--uab-avatar-size:36px}
.uab-user-avatar--md{--uab-avatar-size:44px}
.uab-user-avatar--lg{--uab-avatar-size:72px}
.uab-user-avatar__img,
.uab-user-avatar__fallback{
    position:absolute;
    inset:0;
    width:100%!important;
    height:100%!important;
    border-radius:inherit!important;
}
.uab-user-avatar__img{
    display:block!important;
    object-fit:cover!important;
    object-position:center!important;
    background:#eef4f1;
}
.uab-user-avatar__fallback{
    display:grid!important;
    place-items:center!important;
    font-size:calc(var(--uab-avatar-size) * .31)!important;
    line-height:1!important;
    font-weight:900!important;
    color:#173c30!important;
    border:1px solid rgba(23,60,48,.08);
}
.uab-user-avatar [hidden]{display:none!important}

.uab-user-avatar[data-uab-avatar-tone="0"] .uab-user-avatar__fallback{background:#dff1ea!important}
.uab-user-avatar[data-uab-avatar-tone="1"] .uab-user-avatar__fallback{background:#e2edf6!important}
.uab-user-avatar[data-uab-avatar-tone="2"] .uab-user-avatar__fallback{background:#eee7f5!important}
.uab-user-avatar[data-uab-avatar-tone="3"] .uab-user-avatar__fallback{background:#f4e9dc!important}
.uab-user-avatar[data-uab-avatar-tone="4"] .uab-user-avatar__fallback{background:#e7f0df!important}
.uab-user-avatar[data-uab-avatar-tone="5"] .uab-user-avatar__fallback{background:#f3e5ea!important}
.uab-user-avatar[data-uab-avatar-tone="6"] .uab-user-avatar__fallback{background:#e7e9f4!important}
.uab-user-avatar[data-uab-avatar-tone="7"] .uab-user-avatar__fallback{background:#f2eddc!important}

.sidebar-user-avatar-shell{
    --uab-avatar-size:44px;
    width:44px!important;
    height:44px!important;
    flex:0 0 44px!important;
}
.sidebar-user-avatar-shell .sidebar-user-avatar{
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
}
.question-forum-page .qf-v2-avatar-shell{
    --uab-avatar-size:36px;
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
}
.question-forum-page .qf-v2-avatar-shell .qf-v2-avatar{
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
}
