.menu-sidebar {
    border-top: 0.0625rem solid var(--color-grey);
    position: fixed;
    top: 5.625rem;
    inset-inline-start: -100%;
    width: 16.25rem;
    background-color: #fff;
    z-index: 100;
    height: 100vh;
    transition: left 0.3s ease-in-out;
}

.menu-sidebar.visible {
        inset-inline-start: 0;
    }

.menu-sidebar .main-menu .nav-1 {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

.menu-sidebar .main-menu .nav-1 li {
                padding: 0.9375rem 0;
                width: 100%;
                height: auto;
            }

.menu-sidebar .main-menu .nav-1 .menu-link {
                width: 100%;
                font-size: 1.3125rem;
                display: flex;
                align-items: center;
                gap: 0.3125rem;
            }

.menu-sidebar .main-menu .nav-1 .menu-link.opened {
                    font-weight: 700;
                }

.menu-sidebar .main-menu .nav-1 .menu-link.opened .icon {
                        display: block;
                    }

.menu-sidebar .main-menu .nav-1 .menu-link .icon {
                    font-size: 0.75rem;
                    position: relative;
                    top: 0.1875rem;
                }

.menu-sidebar .main-menu .nav-1 .menu-link:before {
                    display: none;
                }

.menu-sidebar .main-menu .nav-1 .submenu-wrapper {
                border-top: 0.0625rem solid var(--color-grey);
                margin-top: 0;
                border-radius: 0;
                box-shadow: none;
                position: fixed;
                inset-inline-start: 16.25rem;
                top: 5.625rem;
                height: calc(100% - 5.625rem);
                overflow-y: auto;
                width: 16.25rem;
                padding: 1.875rem 1.875rem 0;
            }

.menu-sidebar .main-menu .nav-1 .submenu-wrapper.full-width {
                    width: calc(100% - 27.6875rem);
                    padding: 1.875rem 0 0;
                    box-shadow: 0 0 2px 1px rgba(35, 44, 110, 0.1);
                }

.menu-sidebar .main-menu .nav-1 .submenu-wrapper.full-width .nav-2 {
                        padding: 0;
                    }

.menu-sidebar .main-menu .nav-1 .submenu-wrapper.full-width .nav-2 li {
                            width: 33.33%;
                            padding: 0.625rem 0.3125rem;
                        }

.menu-sidebar .main-menu .nav-1 .submenu-wrapper.full-width .nav-2 li:first-child {
                                padding-top: 0.625rem;
                            }

.menu-sidebar .main-menu .nav-1 .submenu-wrapper .nav-2 li {
                        padding: 0.625rem 0;
                    }

.menu-sidebar .main-menu .nav-1 .submenu-wrapper .nav-2 li:first-child {
                            padding-top: 0;
                        }

.menu-sidebar .main-menu .nav-1 .submenu-wrapper .nav-2 li a {
                            font-size: 1.0625rem;
                        }

.menu-sidebar .sidebar-container {
        padding: 0.9375rem 2.1875rem 1.875rem 2.1875rem;
        height: 100%;
        overflow-y: auto;
    }

.header-sticky .menu-sidebar {
    top: 4.0625rem;
}

.header-sticky .menu-sidebar .main-menu .nav-1 .submenu-wrapper {
                top: 4.0625rem;
            }

@media screen and (max-width: 64rem) {
                .menu-sidebar .main-menu .nav-1 .submenu-wrapper.full-width {
                    width: calc(100% - 21.4375rem);
                }
                    .menu-sidebar .main-menu .nav-1 .submenu-wrapper.full-width .submenu-container {
                        padding: 0 0.9375rem;
                    }
                        .menu-sidebar .main-menu .nav-1 .submenu-wrapper.full-width .nav-2 li {
                            width: 50%;
                        }
}

@media screen and (max-width: 48rem) {
    .menu-sidebar {
        width: 100%;
        padding-bottom: 5rem;
    }
                .menu-sidebar .main-menu .nav-1 .submenu-wrapper {
                    inset-inline-start: 0;
                    width: 100%;
                    z-index: 200;
                    padding: 0 0 5rem;
                    box-shadow: none;
                }
                    .menu-sidebar .main-menu .nav-1 .submenu-wrapper.full-width {
                        width: 100%;
                        padding: 0 0 5rem;
                        box-shadow: none;
                    }
                        .menu-sidebar .main-menu .nav-1 .submenu-wrapper.full-width .submenu-container {
                            padding: 0;
                        }
                        .menu-sidebar .main-menu .nav-1 .submenu-wrapper.full-width .nav-2 {
                            padding: 1.25rem 0.4375rem;
                        }
                            .menu-sidebar .main-menu .nav-1 .submenu-wrapper.full-width .nav-2 li {
                                padding: 0 0.1875rem 0.9375rem;
                            }
                    .menu-sidebar .main-menu .nav-1 .submenu-wrapper .nav-2 {
                        padding: 1.25rem 1.875rem;
                    }
}

.site-editor-wrapper ~ .site-container .menu-sidebar {
    top: calc(5.875rem + 4.0625rem);
}