.navbar{background-color:var(--dashboard_primary_02);display:flex;flex-direction:column;height:100vh;justify-content:space-between;left:0;max-width:300px;min-width:275px;overflow:hidden;padding:32px;position:sticky;top:0;transition:max-width .35s var(--cb),min-width .35s var(--cb)}.navbar label{max-width:250px;text-wrap:nowrap;transition:opacity .35s var(--cb),max-width .35s var(--cb)}.navbar .nav{display:flex;flex-direction:column;gap:8px;width:-moz-fit-content;width:fit-content}.navbar .nav .nav__logo{max-width:250px;transition:max-width .35s var(--cb),transform .35s var(--cb)}.navbar .nav .nav__logo .sub-text,.navbar .nav .nav__logo .text{transition:opacity .35s var(--cb)}.navbar .nav .nav--item{align-items:center;display:flex;gap:8px;margin-left:-32px;padding:16px 32px;text-decoration:none;transition:background-color .35s var(--cb),max-width .35s var(--cb);width:calc(100% + 64px)}.navbar .nav .nav--item label:hover{cursor:pointer}.navbar .nav .nav--item .icon{height:24px;width:24px}.navbar .nav .nav--item .router-link-exact-active,.navbar .nav .nav--item [active=true],.navbar .nav .nav--item.router-link-active,.navbar .nav .nav--item:active,.navbar .nav .nav--item:hover{background-color:var(--dashboard_primary_01)}.navbar .logout{align-items:center;color:var(--dashboard_functional_negative);display:flex;gap:6px;justify-content:center;width:100%}.navbar .logout:hover{cursor:pointer}.navbar--minified{max-width:88px;min-width:88px}.navbar--minified label{max-width:0;opacity:0}.navbar--minified .nav .nav__logo{transform:translate(-20px)}.navbar--minified .nav .nav__logo .sub-text,.navbar--minified .nav .nav__logo .text{opacity:0}