[data-vertical-style="closed"] {
    &[data-toggled="close-menu-close"] {
        .app-sidebar {
            display: none;
        }
        @media (min-width: 992px) {
            .app-content {
                margin-inline-start: 0;
            }
            .app-header {
                padding-inline-start: 0;
            }
        }    
    }    
    &[data-toggled="close-menu-open"] {
        .app-sidebar {
            display: block;
        }
        @media (min-width: 992px) {
            .app-content {
                margin-inline-start: 15rem;
            }
            .app-header {
                padding-inline-start: 15rem;
            }
        }    
    }    
}