.user-avatar-with-menu[data-v-54d1ac50]
{
    font-size: 0;
}
.login-img[data-v-54d1ac50], .unlogin-img[data-v-54d1ac50]
{
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 20px;
    cursor: pointer;
}
@media only screen and (max-width: 499px)
{
    .login-img[data-v-54d1ac50], .unlogin-img[data-v-54d1ac50]
    {
        width: 28px;
        height: 28px;
    }
}
.menu-list[data-v-54d1ac50]
{
    padding: 0 16px;
    overflow-y: auto;
}
[data-v-54d1ac50] .user-avatar-with-menu__popover-content
{
    background: var(--media-component-background);
    -webkit-box-shadow: 0 6px 32px var(--extension-components-black);
    box-shadow: 0 6px 32px var(--extension-components-black);
    border-radius: 10px;
    margin-top: 0;
    margin-top: calc(var(--safe-area-inset-top));
    width: 288px;
    padding: 12px 0;
    z-index: 600;
}
.standalone-layout[data-v-54d1ac50] .user-avatar-with-menu__popover-content
{
    margin-top: max(20px,var(--safe-area-inset-top));
}
.menu-item[data-v-54d1ac50]
{
    padding: 8px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
}
.menu-item[data-v-54d1ac50]:hover
{
    background: var(--extension-overlay-black);
    border-radius: 6px;
}