@import "variables.less";

/*.filter-toggle-button{
    position: absolute;
    top: 0;
    right: 0px;
}
*/

@media @max-lg
 {
    .filters-collapsed {
        right: calc(-80vw);
    }
    .filters-expanded {
        right: 0;
    }
    
    

    .filters-col {
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 9;

        overflow-y: scroll;
        transition: 0.3s linear right;
        scrollbar-width: none;

        &::-webkit-scrollbar {
            width: 0;
        }
    }

    .a-sidebar {
        width: 80vw !important;
        overflow-y: scroll;
    }
    
    .filter-toggle-button {
        background-color: var(--color-neutral);
        height: fit-content;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        margin-top: 25vh;
        margin-right: -1px;
    }
}