nav.mm-paged-menu {
    *:focus {
        outline: none;
    }

    .wp-block-navigation__responsive-container-open:focus {
        outline: none;
    }

    .mm-submenu-open, .mm-submenu-close {
        display: none;
    }
    
    .wp-block-navigation__responsive-container.is-menu-open {
        
        .wp-block-navigation__responsive-close, .wp-block-navigation__responsive-dialog, .wp-block-navigation__responsive-container-content {
            height: 100%;
        }
    
        .mm-paged-menu {
            width: 100%;
            height: 100%;


            .wp-block-navigation-item {
                position: static;
            }
            
            &.items-justified-left .wp-block-navigation-item {
                width: 100%;
            }

            li.has-child {
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
    
                ul.wp-block-navigation__submenu-container {
                    position: absolute;
                    left: 0;
                    top: 0;
                    padding-left: 0;
                    padding-top: 0;
                    background-color: #fff !important;
                    width: 100%;
                    height: 100%;

                    .wp-block-navigation-item__content {
                        padding-left: 0;
                    }
                }

                &:not(.mm-is-submenu-opened) ul.wp-block-navigation__submenu-container {
                    display: none;
                }

                .mm-submenu-open {
                    display: inline;
                    background: transparent;
                    border: none;
                    cursor: pointer;
                    line-height: 1;
                    padding: 0;
                    color: inherit;
                }

                .mm-submenu-close {
                    display: flex;
                    border: none;
                    background: transparent;
                    font-family: inherit;
                    font-size: inherit;
                    font-weight: bold;
                    padding: 0;
                    align-items: center;
                    justify-content: start;
                    gap: 2em;
                    margin-bottom: 0.9em;
                    color: inherit;
                }
            }
        }

        &.has-accent-1-background-color .mm-paged-menu li.has-child ul.wp-block-navigation__submenu-container {
            background-color: var(--wp--preset--color--accent-1) !important;
        }
        &.has-accent-2-background-color .mm-paged-menu li.has-child ul.wp-block-navigation__submenu-container {
            background-color: var(--wp--preset--color--accent-2) !important;
        }
        &.has-accent-3-background-color .mm-paged-menu li.has-child ul.wp-block-navigation__submenu-container {
            background-color: var(--wp--preset--color--accent-3) !important;
        }
        &.has-accent-4-background-color .mm-paged-menu li.has-child ul.wp-block-navigation__submenu-container {
            background-color: var(--wp--preset--color--accent-4) !important;
        }
        &.has-accent-5-background-color .mm-paged-menu li.has-child ul.wp-block-navigation__submenu-container {
            background-color: var(--wp--preset--color--accent-5) !important;
        }
        &.has-base-background-color .mm-paged-menu li.has-child ul.wp-block-navigation__submenu-container {
            background-color: var(--wp--preset--color--base) !important;
        }
        &.has-black-background-color .mm-paged-menu li.has-child ul.wp-block-navigation__submenu-container {
            background-color: var(--wp--preset--color--black) !important;
        }

    }
}