.nav-sidebar-overlay{z-index:105;background-color:var(--color-background-overlay-1);position:fixed;inset:0}.nav-sidebar{--expanded-width:340px;--mobile-max-width:430px;z-index:106;width:var(--nav-sidebar-width);background:var(--color-sidebar-background);transition:all .5s;position:relative}.nav-sidebar--opened{width:var(--expanded-width);height:calc(var(--app-height,100vh) - var(--nav-height,0px))}.mobile .nav-sidebar--opened,.tablet .nav-sidebar--opened{width:100%;max-width:var(--mobile-max-width);height:100%;position:fixed;top:0;left:0}.mobile .nav-sidebar,.tablet .nav-sidebar{transition:none}