.sidebar{height:100vh;max-height:100vh;width:220px;transition:width .5s;padding-left:16px}.sidebar .list{width:100%;padding-left:5px;padding-top:20px}.sidebar .list .list-item{position:relative;list-style:none;width:100%;border-radius:12px;margin-top:4px}.sidebar .list .list-item.active{background:#84012a}.sidebar .list .list-item b:first-child{position:absolute;top:-20px;height:20px;width:100%;display:none}.sidebar .list .list-item b:first-child:before{position:absolute;top:0;left:0;width:100%;height:100%;border-bottom-right-radius:20px}.sidebar .list .list-item b:nth-child(2){position:absolute;bottom:-20px;height:20px;width:100%;display:none}.sidebar .list .list-item b:nth-child(2):before{position:absolute;top:0;left:0;width:100%;height:100%;border-top-right-radius:20px;background:#84012a}.sidebar .list .list-item.active b:first-child,.sidebar .list .list-item.active b:nth-child(2){display:block}.sidebar .list .list-item.active .list-item-link{color:#fff}.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}.sidebar.desktop-collapsed{width:80px}.sidebar.desktop-collapsed .list .list-item .list-item-link .title{opacity:0;pointer-events:none;width:0;overflow:hidden}.sidebar.desktop-collapsed .logo .full-logo{display:none}.sidebar:not(.desktop-collapsed) .logo .collapsed-logo{display:none!important}.sidebar.desktop-collapsed .user-menu-container .chevron-icon,.sidebar.desktop-collapsed .user-menu-container .user-details{display:none}}.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}