.app-nav{z-index:var(--z-index-nav);pointer-events:none;block-size:2.875rem;font-family:var(--font-primary);color:var(--color-text-inverse);justify-content:center;display:flex;position:fixed;inset-block-end:calc(1.8125rem + env(safe-area-inset-bottom));inset-inline:0}.app-nav__bar{pointer-events:auto;justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}.app-nav__list{background-color:var(--color-surface-glass);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));position:relative}.app-nav__panel{display:none}.app-nav__strip,.app-nav__list{flex-direction:row}.app-nav__strip>li,.app-nav__list>li{flex:none;align-items:center;display:flex}.app-nav__strip>li+li:before,.app-nav__list>li+li:before{content:"";background-color:var(--color-text-inverse);border-radius:50%;flex:none;block-size:.25rem;inline-size:.25rem;margin-inline:.75rem}.app-nav__strip:before,.app-nav__list:before{content:"";inline-size:var(--app-nav-indicator-width,0);background-color:var(--color-surface-nav-active);border-radius:var(--border-radius-pill);block-size:2rem;translate:var(--app-nav-indicator-x,0) -50%;opacity:0;pointer-events:none;-webkit-transition:opacity var(--transition-duration-fast) var(--transition-ease-out);-moz-transition:opacity var(--transition-duration-fast) var(--transition-ease-out);-ms-transition:opacity var(--transition-duration-fast) var(--transition-ease-out);-o-transition:opacity var(--transition-duration-fast) var(--transition-ease-out);transition:opacity var(--transition-duration-fast) var(--transition-ease-out);position:absolute;inset-block-start:50%;inset-inline-start:0}.app-nav__strip[data-indicator]:before,.app-nav__list[data-indicator]:before{opacity:1;-webkit-transition:translate var(--transition-duration-morph) var(--transition-ease-spring),inline-size var(--transition-duration-morph) var(--transition-ease-spring),opacity var(--transition-duration-fast) var(--transition-ease-out);-moz-transition:translate var(--transition-duration-morph) var(--transition-ease-spring),inline-size var(--transition-duration-morph) var(--transition-ease-spring),opacity var(--transition-duration-fast) var(--transition-ease-out);-ms-transition:translate var(--transition-duration-morph) var(--transition-ease-spring),inline-size var(--transition-duration-morph) var(--transition-ease-spring),opacity var(--transition-duration-fast) var(--transition-ease-out);-o-transition:translate var(--transition-duration-morph) var(--transition-ease-spring),inline-size var(--transition-duration-morph) var(--transition-ease-spring),opacity var(--transition-duration-fast) var(--transition-ease-out);transition:translate var(--transition-duration-morph) var(--transition-ease-spring),inline-size var(--transition-duration-morph) var(--transition-ease-spring),opacity var(--transition-duration-fast) var(--transition-ease-out)}.app-nav__strip{overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:none;background-color:var(--color-surface-glass-navy);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));pointer-events:auto;visibility:hidden;translate:0 calc(var(--header-height) - 100%);clip-path:inset(100% 0 0);-webkit-transition:translate var(--transition-duration-morph) var(--transition-ease-soft),clip-path var(--transition-duration-morph) var(--transition-ease-soft),visibility var(--transition-duration-morph);-moz-transition:translate var(--transition-duration-morph) var(--transition-ease-soft),clip-path var(--transition-duration-morph) var(--transition-ease-soft),visibility var(--transition-duration-morph);-ms-transition:translate var(--transition-duration-morph) var(--transition-ease-soft),clip-path var(--transition-duration-morph) var(--transition-ease-soft),visibility var(--transition-duration-morph);-o-transition:translate var(--transition-duration-morph) var(--transition-ease-soft),clip-path var(--transition-duration-morph) var(--transition-ease-soft),visibility var(--transition-duration-morph);transition:translate var(--transition-duration-morph) var(--transition-ease-soft),clip-path var(--transition-duration-morph) var(--transition-ease-soft),visibility var(--transition-duration-morph);align-items:center;padding:.625rem 1.5rem;display:flex;position:fixed;inset-block-start:0;inset-inline:0;overflow-x:auto}.app-nav__strip::-webkit-scrollbar{display:none}.app-nav__strip--visible{visibility:visible;translate:0 var(--header-height);clip-path:inset(0)}.app-nav--header-hidden .app-nav__strip{translate:0 -100%}.app-nav--header-hidden .app-nav__strip--visible{translate:none}.app-nav__link{min-block-size:2rem;padding-inline:var(--spacing-md);border-radius:var(--border-radius-pill);white-space:nowrap;-webkit-transition:background-color var(--transition-duration-fast) var(--transition-ease-out),color var(--transition-duration-morph) var(--transition-ease-out);-moz-transition:background-color var(--transition-duration-fast) var(--transition-ease-out),color var(--transition-duration-morph) var(--transition-ease-out);-ms-transition:background-color var(--transition-duration-fast) var(--transition-ease-out),color var(--transition-duration-morph) var(--transition-ease-out);-o-transition:background-color var(--transition-duration-fast) var(--transition-ease-out),color var(--transition-duration-morph) var(--transition-ease-out);transition:background-color var(--transition-duration-fast) var(--transition-ease-out),color var(--transition-duration-morph) var(--transition-ease-out);align-items:center;font-size:1rem;font-weight:500;display:flex;position:relative}.app-nav__link:hover{background-color:var(--color-surface-hover)}.app-nav__link:focus-visible{outline:.125rem solid var(--color-focus-inverse);outline-offset:-.125rem}.app-nav__link--active{color:var(--color-text-primary)}.app-nav__donate{border:.0625rem solid var(--color-border-glass);white-space:nowrap;background-color:var(--color-brand-navy);border-radius:var(--border-radius-pill);block-size:2.875rem;-webkit-transition:block-size var(--transition-duration-morph) var(--transition-ease-spring),padding var(--transition-duration-morph) var(--transition-ease-spring),background-color var(--transition-duration-fast) var(--transition-ease-out),transform var(--transition-duration-fast) var(--transition-ease-out);-moz-transition:block-size var(--transition-duration-morph) var(--transition-ease-spring),padding var(--transition-duration-morph) var(--transition-ease-spring),background-color var(--transition-duration-fast) var(--transition-ease-out),transform var(--transition-duration-fast) var(--transition-ease-out);-ms-transition:block-size var(--transition-duration-morph) var(--transition-ease-spring),padding var(--transition-duration-morph) var(--transition-ease-spring),background-color var(--transition-duration-fast) var(--transition-ease-out),transform var(--transition-duration-fast) var(--transition-ease-out);-o-transition:block-size var(--transition-duration-morph) var(--transition-ease-spring),padding var(--transition-duration-morph) var(--transition-ease-spring),background-color var(--transition-duration-fast) var(--transition-ease-out),transform var(--transition-duration-fast) var(--transition-ease-out);transition:block-size var(--transition-duration-morph) var(--transition-ease-spring),padding var(--transition-duration-morph) var(--transition-ease-spring),background-color var(--transition-duration-fast) var(--transition-ease-out),transform var(--transition-duration-fast) var(--transition-ease-out);flex:none;justify-content:center;align-items:center;padding-inline:3rem;font-size:1rem;font-weight:600;display:flex}.app-nav__donate:hover{background-color:var(--color-brand-navy-hover)}.app-nav__donate:active{transform:scale(.98)}.app-nav__donate:focus-visible{outline:.125rem solid var(--color-focus-inverse);outline-offset:.125rem}@media (prefers-reduced-motion:reduce){.app-nav__bar,.app-nav__panel,.app-nav__list,.app-nav__link,.app-nav__donate,.app-nav__strip,.app-nav__list:before,.app-nav__strip:before{transition:none}.app-nav__strip{scroll-behavior:auto}}@media screen and (min-width:1280px){.app-nav{block-size:3.1875rem;inset-block-end:calc(3.25rem + env(safe-area-inset-bottom))}.app-nav__bar{gap:0;inline-size:fit-content;margin-inline:auto}.app-nav__strip{display:none}.app-nav__panel{border-radius:var(--border-radius-pill);flex:none;justify-content:flex-end;block-size:100%;inline-size:0;display:flex;overflow:hidden}.app-nav__list{background-color:var(--color-surface-glass-navy);border:.0625rem solid var(--color-border-glass);border-radius:var(--border-radius-pill);flex:none;align-items:center;padding:.625rem 1rem;display:flex}.app-nav__link{padding-inline:1rem;font-size:1rem}.app-nav__donate{block-size:3.1875rem;padding-inline:3rem;font-size:1.0625rem}}:root{scroll-padding-top:var(--app-nav-strip-height)}:root.app-nav-scroll-up{scroll-padding-top:calc(var(--header-height) + var(--app-nav-strip-height))}@media screen and (min-width:1280px){:root,:root.app-nav-scroll-up{scroll-padding-top:0}}
