.filter-sidebar{position:fixed;top:0;right:-350px;width:300px;height:100%;background:#fff;z-index:9999;transition:.3s;padding:1.5rem;box-shadow:-2px 0 10px rgba(0,0,0,.1);overflow-y:auto}.filter-sidebar .filter-sidebar-header .close-sidebar{display:flex;align-items:center;justify-content:center;height:50px;width:50px;font-size:30px;cursor:pointer;position:absolute;top:.75rem;right:.5rem}.filter-sidebar.active{right:0}#filter-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:none;z-index:9998}#filter-overlay.active{display:block}#open-filter-sidebar{vertical-align:middle;float:right;margin-left:1.5rem}