.left_sidebar {
    display: none;
    min-width: 280px;
    background-color: var(--bg-left-sidebar);
    margin-left: -279px;
    transition: margin-left .2s ease-out;

    &.show {
        display: flex;
    }

    &.expand {
        margin-left: 0;

        @media (max-width: 936px) {
            margin-left: -280px;
        }
    }

    & .left-sidebar-filter {
        padding: 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }
}

@media (min-width: 935px) {
    .left_sidebar {
        display: none;
    }
}