@media only screen and (max-width: 991.98px) {
    aside#blog-sidebar {
        height: 100vh;
        left: -300px;
        padding: 0;
        position: fixed;
        top: 0;
        transition: .3s left ease;
        width: 300px;
        z-index: 9999;
    }
    
    aside#blog-sidebar:before {
        background-color: var(--custom-black);
        content: '';
        height: 100vh;
        left: 0;
        opacity: 0;
        position: fixed;
        pointer-events: none;
        top: 0;
        transition: .3s opacity ease;
        width: 100vw;
        z-index: -1;
    }
    
    aside#blog-sidebar.enabled {
        left: 0;
        transition: .3s left ease;
    }
    
    aside#blog-sidebar.enabled:before {
        opacity: .25;
        pointer-events: none;
        transition: .3s opacity ease;
    }
    
    aside#blog-sidebar > div + div > ul {
        height: calc(100vh - 104px);
        overflow-y: auto;
    }
}