.main-nav{--main-nav-width:175px;display:block;position:relative}.main-nav .p-sidebar-spacer{width:var(--px-sidebar-width);flex-shrink:0;transition:width .25s cubic-bezier(.4,0,.2,1);display:block}.main-nav .p-sidebar-aside{inset-block:0;width:var(--px-sidebar-width);background-color:var(--nav-background);transition:left .25s cubic-bezier(.4,0,.2,1);position:fixed;left:0;overflow-y:auto}.main-nav[data-state=collapsed] .p-sidebar-spacer{width:0}.main-nav[data-state=collapsed] .p-sidebar-aside{left:calc(var(--px-sidebar-width)*-1)}.main-nav .p-sidebar-group-label{font-size:var(--step--2);letter-spacing:var(--tracking-caps,.08em);text-transform:uppercase;color:var(--text-color-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.main-nav .x-sidebar-menu-button{height:var(--icon-size);border-radius:0;gap:0;padding:0;text-decoration:none}.main-nav .x-sidebar-menu-button .nav-label{padding:0 var(--space-1);font-size:var(--nav-font-size);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-color-secondary)}.main-nav .x-sidebar-menu-button:hover{background-color:var(--background-1)}.main-nav .x-sidebar-menu-button.router-link-active{background-color:var(--background-2)}.main-nav .x-sidebar-menu-button.router-link-active .nav-label{color:var(--text-color)}.main-nav .x-sidebar-menu-button.router-link-active svg{color:var(--primary-color)}.main-nav .mobile-close{display:none}@media (width<=768px){.main-nav{--main-nav-width:min(320px, 85vw);z-index:var(--z-modal)}.main-nav .p-sidebar-spacer{width:0}.main-nav .mobile-close{padding:0 var(--space-2);justify-content:flex-end;display:flex}}