.bz-sidebar-responsive-container {
    display: flex;
    height: 100%;
}

@media screen and (max-width: 1024px) {
    .bz-sidebar-responsive-container {
        position: fixed;
        z-index: 1;
        box-shadow: 0px 0px 15px rgba($bz-neutral-400, 0.5);

        &::before {
            content: "";
            position: absolute;
            left: 0;
            width: 100vw;
            top: 0;
            bottom: 0;
            background: rgba($bz-neutral-600, 0.5);
            z-index: -1;
        }

        &--closed {
            display: none;
        }
    }
}

@media screen and (max-width: 480px) {
    .bz-sidebar-responsive-container {
        width: 100%;
    }
}