.header {
    position: relative;
}

.TopMenu {
    position: sticky;
    top: 0;
    z-index: 950;
    transition: transform 0.28s ease, box-shadow 0.28s ease, background-color 0.28s ease, backdrop-filter 0.28s ease;
    will-change: transform;
}

.header.on .TopMenu {
    box-shadow: 0 14px 36px rgba(2, 6, 23, 0.32);
    -webkit-backdrop-filter: saturate(130%) blur(8px);
    backdrop-filter: saturate(130%) blur(8px);
    background-color: rgba(2, 6, 23, 0.9) !important;
}

@media (max-width: 1023px) {
    .TopMenu {
        z-index: 980;
    }

    @media (max-width: 767px) {
        #DrawerMenu.drawer-menu {
            width: 100vw !important;
            max-width: 100vw !important;
            border-right: 0 !important;
        }

        /* Keep finger scrolling, hide the scrollbar chrome. */
        #DrawerMenu .drawer-menu-content {
            scrollbar-width: none;
            -ms-overflow-style: none;
            -webkit-overflow-scrolling: touch;
        }

        #DrawerMenu .drawer-menu-content::-webkit-scrollbar {
            width: 0;
            height: 0;
            display: none;
        }
    }

    #DrawerMenu.drawer-menu {
        z-index: 10020 !important;
    }

    .drawer-overlay {
        z-index: 10010 !important;
    }

    #ToggleMenu {
        position: relative;
        z-index: 10030;
    }

}