.nav-bar__container{height:100vh;overflow:hidden;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1);will-change:width}.nav-bar__compact{width:47px}.nav-bar__compact .v-list-item{display:flex!important;justify-content:center;padding-inline:0!important}.nav-bar__compact .v-list-item__content,.nav-bar__compact .v-list-item__spacer{display:none!important}.nav-bar__compact .v-list-item__prepend>.v-icon{margin-inline-end:0!important}.nav-bar__compact .nav-bar__logo-container{justify-content:center;padding-left:0!important}.nav-bar__expanded{width:250px}.nav-bar__mobile{position:fixed;top:0;left:0;z-index:2000;width:250px;transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.nav-bar__mobile--open{transform:translate(0)}.nav-bar__mobile--closed{transform:translate(-100%)}.nav-bar__backdrop{position:fixed;inset:0;z-index:1999;background-color:#0006}.nav-bar__logo-container{height:70px;align-items:center;transition:padding .3s cubic-bezier(.4,0,.2,1)}.nav-bar__logo-container--expanded{padding-top:16px;padding-bottom:0}.nav-bar__logo-container--compact{padding-top:0;padding-bottom:20px}.nav-bar__title{font-size:1.7rem;font-weight:800}.nav-bar__logo{flex:0 0 auto;background-color:rgb(var(--v-theme-primary));mask:url(../svg/logo.svg) no-repeat center/contain;-webkit-mask:url(../svg/logo.svg) no-repeat center/contain;transition:width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1)}.nav-bar__logo--small{width:24px;height:24px}.nav-bar__logo--large{width:60px;height:60px}