.user-menu .user-menu-trigger {
    align-items: center;
    gap: 0.35rem;
}

.user-menu .user-menu-trigger span {
    line-height: 1.2;
}

body.dark .user-menu .user-menu-trigger {
    color: #f4f7fb;
}

body.dark .user-menu .user-menu-trigger:hover,
body.dark .user-menu .user-menu-trigger:focus-visible,
body.dark .user-menu.open .user-menu-trigger {
    background: #2b3340;
    color: #ffffff;
}

body.dark .user-menu .user-menu-trigger:focus-visible {
    outline: 2px solid #8fc6ff;
    outline-offset: 2px;
}

body.dark .user-menu .avatar {
    outline: 2px solid rgba(255, 255, 255, 0.68);
    outline-offset: 1px;
    box-shadow: 0 0 0 2px rgba(143, 198, 255, 0.18);
}

body.dark .user-menu-dropdown {
    background: #242a35;
    border-color: #465160;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.55);
    color: #f3f6fb;
}

body.dark .user-menu-dropdown::before {
    border-bottom-color: #242a35;
}

body.dark .user-menu-dropdown a {
    color: #eef4ff;
}

body.dark .user-menu-dropdown a:hover,
body.dark .user-menu-dropdown a:focus-visible {
    background: #344052;
    color: #ffffff;
}

body.dark .user-menu-dropdown a:focus-visible {
    outline: 2px solid #8fc6ff;
    outline-offset: -2px;
}

body.dark .user-menu-dropdown .js-logout {
    color: #ffd5d5;
}

body.dark .user-menu-dropdown .js-logout:hover,
body.dark .user-menu-dropdown .js-logout:focus-visible {
    background: #55313a;
    color: #ffffff;
}

.user-menu-dropdown .user-menu-upgrade {
    margin: 0.25rem 0.35rem;
    min-width: 15rem;
    max-width: calc(100vw - 1.5rem);
    border-radius: 0.45rem;
    background: #fff0ad;
    color: #624700;
    font-weight: 800;
    line-height: 1.35;
    white-space: normal;
}

.user-menu-dropdown .user-menu-upgrade:hover,
.user-menu-dropdown .user-menu-upgrade:focus-visible {
    background: #ffdf5b;
    color: #3e2c00;
}

.user-menu-dropdown .user-menu-upgrade:focus-visible {
    outline: 2px solid #bd8200;
    outline-offset: 1px;
}

body.dark .user-menu-dropdown .user-menu-upgrade {
    background: #5d4a13;
    color: #ffe995;
}

body.dark .user-menu-dropdown .user-menu-upgrade:hover,
body.dark .user-menu-dropdown .user-menu-upgrade:focus-visible {
    background: #796016;
    color: #fff3bf;
}