#sidebar{transition:width .3s ease-in-out;scrollbar-width:thin;scrollbar-color:hsl(var(--bc) / .3) transparent}#sidebar::-webkit-scrollbar{width:4px}#sidebar::-webkit-scrollbar-track{background:transparent}#sidebar::-webkit-scrollbar-thumb{background-color:hsl(var(--bc) / .3);border-radius:2px}#sidebar::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--bc) / .5)}#sidebar.w-16 .sidebar-text,#sidebar.w-16 .sidebar-submenu,#sidebar.w-16 .sidebar-subgroup,#sidebar.w-16 .menu-title{display:none}#sidebar.w-16 .sidebar-expanded-logo{display:none!important}#sidebar.w-16 .sidebar-collapsed-logo,#sidebar.w-64 .sidebar-expanded-logo{display:block!important}#sidebar.w-64 .sidebar-collapsed-logo{display:none!important}@media (max-width: 1023px){.sidebar-expanded-logo{display:none!important}.sidebar-collapsed-logo{display:block!important}}#sidebar.w-16 .sidebar-item{justify-content:center;padding:.75rem}#sidebar.w-16 .sidebar-icon{margin-right:0}#sidebar.w-16 .sidebar-header{padding:.5rem}#sidebar.w-16 .sidebar-header h2{display:none}.drawer-side .menu{scrollbar-width:thin;scrollbar-color:hsl(var(--bc) / .3) transparent}.drawer-side .menu::-webkit-scrollbar{width:4px}.drawer-side .menu::-webkit-scrollbar-track{background:transparent}.drawer-side .menu::-webkit-scrollbar-thumb{background-color:hsl(var(--bc) / .3);border-radius:2px}.drawer-side .menu::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--bc) / .5)}.sidebar-item{display:flex;align-items:center;padding:.75rem 1rem;transition:all .2s ease-in-out;border-radius:.375rem}.sidebar-icon{margin-right:.75rem;width:1rem;text-align:center;flex-shrink:0}.sidebar-text{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-submenu{padding-left:1rem;margin-top:.25rem}.sidebar-subgroup{padding-left:.5rem}#sidebar.w-16 .sidebar-item{position:relative}#sidebar.w-16 .sidebar-item:hover:after{content:attr(data-title);position:absolute;left:100%;top:50%;transform:translateY(-50%);background-color:hsl(var(--bc));color:hsl(var(--b1));padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;white-space:nowrap;z-index:50;margin-left:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;pointer-events:none}.sidebar-header{border-bottom:1px solid hsl(var(--bc) / .2);background-color:hsl(var(--b1) / .5)}.sidebar-toggle{opacity:.7;transition:opacity .2s ease-in-out}.sidebar-toggle:hover{opacity:1}@media (max-width: 1023px){#sidebar{display:none}}.sidebar-item{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.sidebar-item:focus{outline:2px solid hsl(var(--p));outline-offset:2px}@media (prefers-color-scheme: dark){#sidebar{border-right:1px solid hsl(var(--bc) / .2)}}.drawer-button{cursor:pointer}.drawer-open>.drawer-content{min-height:100vh}.drawer-overlay{background-color:#0006!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.drawer-side .sidebar-item{margin-bottom:.25rem;border-radius:.5rem}.drawer-side .sidebar-item:hover{background-color:hsl(var(--bc) / .1)}.drawer-side .sidebar-item.active{background-color:hsl(var(--p));color:hsl(var(--pc))}.drawer-side{z-index:50}.drawer-overlay{z-index:49}.drawer-side .menu{z-index:51;position:relative}.drawer-side .sidebar-item{position:relative;z-index:52}