:root{--app-header-height:64px}.app-header{background-color:var(--color-surface);height:var(--app-header-height);border-bottom:1px solid var(--default);grid-template-columns:1fr auto 1fr;display:grid;position:sticky;top:0;left:0;right:0}.app-header__menu{justify-content:center;align-items:center;gap:1rem;display:flex}@media screen and (max-width:1200px){.app-header__menu-item{display:none}}.app-header__menu-item{color:var(--color-surface-foreground);border-radius:.375rem;padding:.5rem 1rem;font-weight:500;text-decoration:none}.app-header__menu-item--active{color:var(--color-on-primary);text-decoration:underline}