.sidebar-header{position:relative;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .3s ease,color .1s ease;color:#adadad}.sidebar-header.active,.sidebar-header:hover{background-color:#363636;height:43px;color:#fff}.sidebar-header.active:before,.sidebar-header:hover:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;height:43px;background-color:#007bff;border-radius:2px}.sidebar-title{font-size:1.2em;margin:10px;flex-grow:1}.bar{height:10px;background-color:blue}.category{padding:15px;border-radius:4px;position:relative;transition:background-color .3s;cursor:pointer}.subcategories{overflow-y:auto;border-radius:4px;padding-left:10px;padding-right:10px;margin-bottom:5px;display:block;margin-top:5px}.subcategory{font-size:16px;padding:10px;border-radius:4px;transition:background-color .3s;cursor:pointer;color:#adadad;position:relative}.subcategory:hover{background-color:hsla(0,0%,100%,.1);color:#fff}.subcategory:hover:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:5px;background-color:#007bff;border-radius:2px}.arrow{float:right;right:0;width:0;height:0;margin-top:10px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;transition:transform .3s;margin-left:10px;transform:rotate(-90deg)}.arrow.open{transform:rotate(0deg)}.bar{width:100%;height:2px;background-color:#fff;transition:all .3s ease}.hamburger.open .bar:first-child{transform:rotate(45deg) translate(9px,5px)}.hamburger.open .bar:nth-child(3){transform:rotate(-45deg) translate(9px,-5px)}.hamburger.open .bar:nth-child(2){opacity:0}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:999}.navbar{position:absolute;top:0;right:.75rem;padding:0;z-index:15}.navbar>.container{display:block;width:90%}.navbar .btn-menu{margin-left:auto;color:#fff;padding:.5rem;right:0}.sidebar{position:fixed;top:0;right:0;height:100%;width:300px;background-color:#242424;color:#fff;transition:transform .7s ease;transform:translateX(100%);padding:20px;z-index:1000;overflow-y:auto}.sidebar.open{transform:translateX(0);box-shadow:-2px 0 5px rgba(0,0,0,.5)}.hamburger.open{position:fixed;right:300px}.hamburger,.hamburger.open{transition:transform 3s ease}.hamburger{display:flex;top:10px;flex-direction:column;justify-content:space-around;width:30px;height:30px;cursor:pointer;z-index:1000;right:10px}.hamburger:not(.open){transition:transform 3s ease}