.sidebar{color:#000;background-color:#fff;border:2px solid #00000014;border-radius:.375rem;height:100vh;font-size:.875rem;transition:all .3s ease-in-out}.sidebar-open{width:16rem}.sidebar-closed{width:4rem}.sidebar-header{align-items:center;display:flex}.sidebar-header-open{justify-content:space-between;padding:1rem}.sidebar-header-closed{justify-content:center;align-items:center;padding:1rem;display:flex}.sidebar-title{white-space:nowrap;color:#3b40e8;font-size:1.125rem;font-weight:700;transition:all .3s;overflow:hidden}.sidebar-title-open{opacity:1}.sidebar-title-closed{opacity:0;width:0}.sidebar-button{cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.5rem;transition:background-color .2s}.sidebar-button:hover{background-color:#f3f5f7}.sidebar-nav{margin-top:1.5rem}.sidebar-nav-item{cursor:pointer;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:background-color .2s;display:flex}.sidebar-nav-item:hover{background-color:#f3f5f7}.sidebar-dropdown{background-color:#f5f5f5;transition:all .2s;overflow:hidden}.sidebar-dropdown-item{cursor:pointer;padding:.5rem 2.75rem;font-size:.875rem;transition:background-color .2s}.sidebar-dropdown-item:hover{background-color:#f1f1f1}.icon-rotate{transition:transform .2s}.icon-rotate-active{transform:rotate(180deg)}.icon-group{align-items:center;gap:.5rem;display:flex}