.nav-icon{flex-shrink:0;height:var(--icon-size);width:var(--icon-size)}.nav-icon svg{height:var(--svg-size);width:var(--svg-size)}.nav-button{align-items:center;cursor:pointer;display:flex;flex-direction:row;height:var(--icon-size);line-height:1;position:relative;text-decoration:none;transition:background-color .5s ease;white-space:nowrap}.nav-button:hover{background-color:var(--background-1)}.nav-button .nav-label{font-size:14px;padding:0 4px}.nav-button.nav-open .nav-label{padding-right:calc(var(--icon-size)/4)}.nav-button.nav-closed.column{flex-direction:column;font-size:var(--nav-font-size)}.nav-button.nav-closed.column .nav-label{position:relative;top:-14px}.nav-button.nav-closed.column .icon{position:relative;top:-6px}.nav-button.nav-closed.column .highlight{height:6px;left:0;right:0;top:20px;width:100%}.nav-button.nav-closed.column .line-2{top:12px}@media (max-width:768px){.nav-button.nav-closed.row{flex-direction:column;font-size:var(--nav-font-size)}.nav-button.nav-closed.row .nav-label{position:relative;top:-14px}.nav-button.nav-closed.row .icon{position:relative;top:-6px}.nav-button.nav-closed.row .highlight{height:6px;left:0;right:0;top:20px;width:100%}.nav-button.nav-closed.row .line-2{top:12px}}.nav-button .highlight{background:var(--primary-color);bottom:0;height:100%;opacity:0;position:absolute;top:0;width:6px}.nav-button .highlight.line-1{left:2px}.nav-button .highlight.line-2{left:10px}.nav-button .icon .svg-container{border-radius:50%;z-index:1}.nav-button.router-link-active{background-color:var(--background-2)}.nav-button.router-link-active .highlight{opacity:1}.nav-button.router-link-active .svg-container{background:var(--background-2);box-shadow:0 0 0 6px var(--background-2)}.nav-button.router-link-active .nav-label{background:var(--background-2)}.nav-button.router-link-active svg{color:var(--primary-color)}.nav-button .badge-container{position:absolute;right:-5px;top:-5px;z-index:1}