:root{--safe-area-top:env(safe-area-inset-top,0px);--top-nav-base-height:48px;--top-nav-height:calc(var(--top-nav-base-height) + var(--safe-area-top))}.app-top-nav{z-index:30;height:var(--top-nav-height);padding-top:var(--safe-area-top);color:#323233;background:#fffffffa;border-bottom:1px solid #ebedf0;grid-template-columns:80px minmax(0,1fr) 80px;align-items:end;display:grid;position:absolute;top:0;left:0;right:0}.app-top-nav__action{min-width:0;height:var(--top-nav-base-height);color:#323233;background:0 0;align-items:center;gap:2px;padding:0 12px;display:inline-flex}.app-top-nav__action--home{justify-content:flex-end}.app-top-nav__action span{white-space:nowrap;font-size:14px;line-height:20px}.app-top-nav__action:active{color:#ee0a24;background:#f7f8fa}.app-top-nav__title{text-align:center;text-overflow:ellipsis;white-space:nowrap;align-self:center;min-width:0;font-size:16px;font-weight:600;line-height:22px;overflow:hidden}@media (prefers-reduced-motion:no-preference){.app-top-nav__action{transition:color .12s,background-color .12s}}