.app-navbar{view-transition-name:app-navbar;align-items:center;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:var(--navbar-bg-color);border-bottom:1px solid var(--bg-color-5);display:flex;font-size:1.2rem;padding:.6em var(--content-padding)}.app-navbar__link-list{align-items:center;display:flex;gap:2.4em;justify-content:center;list-style-type:none;margin:auto;max-width:var(--content-width)}.app-navbar__item{min-width:var(--058d7dd3)}.app-navbar__link{align-items:center;color:var(--text-color-3);display:flex;flex-direction:column;gap:.3em;justify-content:center;text-decoration:none;white-space:nowrap}.app-navbar__link:focus-visible,.app-navbar__link:hover{color:var(--text-color-1)}.app-navbar__link:active{color:var(--text-color-5)}.app-navbar__link.router-link-active{color:var(--text-color-0)}.app-navbar__label{font-size:.6em;line-height:1;white-space:nowrap}@media (min-width:540px){.app-navbar{padding:1em var(--content-padding)}.app-navbar__item{min-width:auto}.app-navbar__link{flex-direction:row;gap:.6em}.app-navbar__link:focus-visible .app-navbar__label,.app-navbar__link:hover .app-navbar__label{background-size:100% var(--animated-underline-thickness)}.app-navbar__label{--animated-underline-thickness:2px;background-image:var(--line-gradient-1);background-position:0 100%;background-repeat:no-repeat;background-size:0 var(--animated-underline-thickness);font-size:1em;line-height:1.4;transition:background-size .25s}}
