.my-sidebar{color:#fafafa;background-color:#3b3b3b;border-right:1px solid #27272a;flex-direction:column;height:100vh;transition:all .3s ease-in-out;display:flex}.my-sidebar.minimized{width:5rem}.my-sidebar.maximized{width:16rem}.my-sidebar-header{border-bottom:1px solid #27272a;justify-content:space-between;align-items:center;height:4rem;padding:1rem;display:flex}.my-sidebar-logo-container{align-items:center;display:flex}.my-sidebar-logo{width:auto;height:2rem}.my-sidebar-toggle-button{background-color:#0000;border-radius:9999px;padding:.5rem}.my-sidebar-toggle-button:hover{background-color:#27272a}.my-sidebar-icon{color:#fafafa;width:1.5rem;height:1.5rem}.my-sidebar-nav{flex:1;padding:1rem;overflow-y:auto}.my-sidebar-nav-item{margin-bottom:.5rem}.my-sidebar-nav-link{border-radius:.5rem;align-items:center;gap:.75rem;padding:.5rem;display:flex}.my-sidebar-nav-link:hover{background-color:#27272a}.my-sidebar-nav-link.active{background-color:#18181b}.my-sidebar-nav-icon{width:1.5rem;height:1.5rem}.my-sidebar-sub-nav{margin-top:.5rem;margin-left:2.25rem;padding-left:0;list-style:none}.my-sidebar-sub-nav-item{margin-bottom:.25rem}.my-sidebar-sub-nav-link{border-radius:.375rem;padding:.25rem .5rem;font-size:.875rem;display:block}.my-sidebar-sub-nav-link:hover{background-color:#27272a}.my-sidebar-sub-nav-link.active{background-color:#18181b;font-weight:600}.my-sidebar-footer{border-top:1px solid #27272a;padding:1rem}.my-sidebar-logout-link{border-radius:.5rem;align-items:center;gap:.75rem;padding:.5rem;display:flex}.my-sidebar-logout-link:hover{background-color:#27272a}.my-sidebar-logout-icon{width:1.5rem;height:1.5rem}