.user-menu-wrapper .user-menu-dropdown.user-menu-fixed {
    --auto-fix: calc(var(--size-height-topbar, 0px) + 5px);
    --menu-max-height: calc(100vh - var(--auto-fix) - 5px);
    --menu-max-height: calc(100dvh - var(--auto-fix) - 5px);
    position: fixed;
    top: var(--auto-fix);
    right: 5px;
    left: unset;
    max-height: var(--menu-max-height);
    height: auto;
    z-index: 300;
}

.user-menu-wrapper .user-menu-dropdown.user-menu-fixed .nav-wrapper {
    display: flex;
    flex-direction: column;
    max-height: calc(var(--menu-max-height) - 10px);
}

.user-menu-wrapper .user-menu-dropdown.user-menu-fixed .nav-section {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.user-menu-wrapper .single-panel-menu {
    background: transparent;
    color: unset;
}

.user-menu-wrapper .single-panel-menu .group-list > *.label {
    padding: 1px 2px;
    font-size: 12px;
    font-weight: 600;
    color: var(--menu-color-text);
    margin: 5px 0 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    pointer-events: none;
}

.user-menu-wrapper .single-panel-menu .group-list > *.group-splitter > *,
.user-menu-wrapper .single-panel-menu .group-list > *:not(.label):not(.is-dd):not(.group-splitter) {
    color: inherit;
}

.user-menu-wrapper .single-panel-menu .group-list > *.group-splitter > *:hover,
.user-menu-wrapper .single-panel-menu .group-list > *.group-splitter > *.flex-filler[data-menu]:hover,
.user-menu-wrapper .single-panel-menu .group-list > *:not(.label):not(.is-dd):not(.group-splitter):hover {
    background-color: var(--menu-color-bg-hover);
}

.user-menu-wrapper .loader-row.shimmer {
    --loader-bg: var(--menu-color-nav-bg);
    --loader-shimmer: var(--menu-color-bg-hover);
    margin-bottom: 0;
    border-radius: var(--size-radius);
}