.navbar{background-color:var(--color-main-darker);display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:sticky;top:0;transition:width .35s var(--cb);width:300px}.navbar label{max-width:250px;text-wrap:nowrap;transition:opacity .35s var(--cb),max-width .35s var(--cb)}.navbar .nav__logo{transition:max-width .35s var(--cb)}.navbar .nav__logo .container--upper{transition:gap .35s var(--cb)}.navbar .nav__logo .sub-text,.navbar .nav__logo .text{max-width:175px;transition:opacity .35s var(--cb),max-width .35s var(--cb)}.navbar .nav__scroll{height:100%;overflow-y:scroll}.navbar .nav__scroll .nav__container{max-width:100%}.navbar .nav__scroll .nav__container .nav--item .subnavi{display:flex;flex-direction:column;gap:8px;margin-left:32px;max-height:0;overflow-y:clip;transition:max-height .35s var(--cb)}.navbar .nav__scroll .nav__container .nav--item .subnavi .nav--link{align-items:center;display:flex;justify-content:flex-start}.navbar .nav__scroll .nav__container .nav--item .subnavi .nav--link .icon{height:18px;width:18px}.navbar .nav__scroll .nav__container .nav--item .subnavi .nav--link.router-link-exact-active{color:var(--color-main-highlight-lighter)}.navbar .nav__scroll .nav__container .nav--item .subnavi.visible{height:-moz-fit-content;height:fit-content;max-height:400px}.navbar .nav__scroll .nav__container .nav--item .nav__link{align-items:center;border-radius:16px 0 0 16px;display:flex;justify-content:flex-start;transition:background-color .35s var(--cb),max-width .35s var(--cb);width:calc(100% + 24px)}.navbar .nav__scroll .nav__container .nav--item .nav__link label:hover{cursor:pointer}.navbar .nav__scroll .nav__container .nav--item .nav__link .icon{height:20px;min-height:20px;min-width:20px;width:20px}.navbar .nav__scroll .nav__container .nav--item .nav__link .piwik-icon{height:12px;max-width:250px;transition:opacity .35s var(--cb),max-width .35s var(--cb);width:-moz-fit-content;width:fit-content}.navbar .nav__scroll .nav__container .nav--item .nav__link .piwik-icon path{fill:var(--dashboard_font_color)}.navbar .nav__scroll .nav__container .nav--item .nav__link .router-link-exact-active,.navbar .nav__scroll .nav__container .nav--item .nav__link [active=true],.navbar .nav__scroll .nav__container .nav--item .nav__link.router-link-active,.navbar .nav__scroll .nav__container .nav--item .nav__link:active,.navbar .nav__scroll .nav__container .nav--item .nav__link:hover{background-color:var(--color-main)}.navbar--minified{width:96px}.navbar--minified label{max-width:0;opacity:0;overflow:hidden}.navbar--minified .nav__logo.logo__container .container__upper{gap:0}.navbar--minified .nav__logo .logo__text{overflow:hidden;width:0}.navbar--minified .nav__logo .container__lower{display:none}.navbar--minified .nav__scroll .nav__container{width:calc(100% - 64px)}.navbar--minified .nav__scroll .nav__container .nav--item{width:100%}.navbar--minified .nav__scroll .nav__container .nav--item .nav__link{gap:0;width:calc(100% + 76px)}.navbar--minified .nav__scroll .nav__container .nav--item .nav__link .piwik-icon{max-width:0;opacity:0}.navbar--minified .nav__scroll .nav__container .nav--item .subnavi{margin-left:0}.navbar--minified .nav__scroll .nav__container .nav--item .subnavi .nav--link{display:block}.navbar--minified .nav__scroll .nav__container .nav--item .subnavi .nav--link .icon{margin-left:20px}