:root{--app-header-height:4rem}:root{--app-sidebar-width:16rem;--app-sidebar-width-collapsed:4rem}.sidebar-enter-active,.sidebar-leave-active{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.sidebar-enter-from,.sidebar-leave-to{opacity:0;transform:translate(-100%)}.sidebar-wrapper{background-color:#1f2937}.sidebar-wrapper div::-webkit-scrollbar{width:6px}.sidebar-wrapper div::-webkit-scrollbar-track{background:#ffffff0d}.sidebar-wrapper div::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-wrapper div::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar-wrapper.collapsed nav ul li span,.sidebar-wrapper.collapsed nav ul li ul{display:none}.sidebar-wrapper.collapsed nav ul li a,.sidebar-wrapper.collapsed nav ul li div{justify-content:center;padding:.75rem 0}.sidebar-wrapper.collapsed nav ul li i{font-size:1.25rem;margin-right:0}.content-container{transition:all .3s cubic-bezier(.4,0,.2,1);will-change:margin-left,width}.content-expanded{margin-left:0}.content-container:not(.content-expanded){margin-left:var(--app-sidebar-width)}