.product{visibility:hidden;}.pagination{margin-bottom:100px;}.sidebar-header{padding:20px;background:#000;}#sidebar{width:200px;position:fixed;left:0;height:100vh;z-index:999;background:#000;color:#fff;transition:all .3s;overflow-y:scroll;}#sidebar.active{left:200px;}#sidebar ul.components{padding:20px 0;}#sidebar ul li p{padding:10px;font-size:1.1em;display:block;color:#fff;text-decoration:none;}#sidebar ul li p:hover{color:#000;background:#e0e0e0;}#sidebar ul li.active>p{color:#fff;background:#007bff;}#sidebar ul li.active>p:hover{background:#d76300;}#dismiss{width:35px;height:35px;line-height:35px;text-align:center;background:#333;position:absolute;top:10px;right:10px;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;visibility:hidden;}#dismiss:hover{background:#fff;color:#007bff;}.overlay{position:fixed;width:100vw;height:100vh;background:rgba(0,0,0,.7);z-index:998;display:none;}#content{width:calc(100% - $side-width);transition:all .3s;position:absolute;left:200px;}#sidebarCollapse{border-radius:50px;position:fixed;margin-left:10px;margin-top:5px;margin-bottom:-10px;z-index:997;display:none;width:60px;height:60px;box-shadow:5px 5px 5px rgba(33,33,33,.4);}@media(max-width:768px){#sidebar{margin-left:-200px;}#sidebar .actice{margin-left:0;}#content{width:100%;left:0;}#sidebarCollapse{display:inline;}#dismiss{visibility:visible;}}