.sidebar{transition:width .5s}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:10px}.custom-scrollbar:hover::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2)}.sidebar .list{width:100%}.sidebar .list .list-item{position:relative;list-style:none;width:100%}.sidebar .list .list-item .list-item-link{position:relative;display:block;width:100%;display:flex;text-decoration:none}.sidebar .list .list-item .list-item-link .icon{position:relative;display:block;min-width:60px;width:60px;height:60px;line-height:60px;text-align:center}.icon i{font-size:1.5rem;font-weight:900!important}.sidebar .list .list-item .list-item-link .title{position:relative;display:block;padding-left:10px;height:50px;line-height:50px;white-space:nowrap;opacity:1;transition:opacity .3s}@media (min-width:1024px){.sidebar{padding-right:0}.sidebar,.sidebar .list{padding-left:0}}.toggle{position:absolute;top:20px;left:20px;width:50px;height:50px;background:#84012a;border-radius:10px}.toggle i{font-size:1.5em;font-weight:900;display:none;position:absolute}.sidebar.active{transform:translateX(0)}.toggle i.open,.toggle.active i.close{display:block}.toggle i.close,.toggle.active i.open{display:none}.logo{display:flex;padding:20px}.logo,.toggle{align-items:center;justify-content:center}.toggle{position:fixed;top:1rem;left:1rem;width:2rem;height:36px;cursor:pointer;z-index:40;background:transparent;border:none}.toggle .bar{width:30px;height:4px;background-color:#fff;margin:4px 0;transition:.4s}.toggle.active .bar:first-child{transform:translateY(7px) rotate(45deg);background-color:#000}.toggle.active .bar:nth-child(2){opacity:0}.toggle.active .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg);background-color:#000}