.main-nav-container{--vertical-nav-width:clamp(15ch,15%,25ch);--nav-transition-time:.2s;--nav-transition-curve:cubic-bezier(.5,.25,.5,.75);container-type:inline-size}@media (prefers-reduced-motion){.main-nav-container{--nav-transition-time:0s}}.main-nav-container[data-collapsed=false] .main{margin-left:var(--vertical-nav-width)}.main-nav-container[data-collapsed=false] .vertical-nav{transform:translate(0)}.horizontal-nav{background-color:var(--color-brand-secondary);z-index:100;place-items:center;gap:1rem;width:100%;padding:1rem .75rem;display:flex;position:sticky;top:0}.vertical-nav{background-image:radial-gradient(circle at top left,var(--color-brand-secondary),var(--color-brand-primary));width:var(--vertical-nav-width);z-index:90;transition:transform var(--nav-transition-time)var(--nav-transition-curve);flex-direction:column;place-items:center;gap:1rem;height:max(100%,100cqh);padding:1rem;display:flex;position:fixed;overflow:auto;transform:translate(-100%)}.main{transition:margin var(--nav-transition-time)var(--nav-transition-curve);margin-left:0;overflow:auto;container-type:inline-size}.nav-item{outline-offset:2px;text-underline-offset:2px;border-radius:.25rem;outline:2px solid #0000}.nav-item:focus-visible{box-shadow:0 0 0 2px var(--color-brand-primary)}.nav-item:hover:not([aria-disabled=true]){text-decoration:underline;text-decoration-thickness:2px}.nav-item[aria-current=page]{font-weight:800}.account-popover{border-width:1px;border-color:var(--color-brand-primary);background-color:var(--color-brand-background);border-radius:.25rem;outline:none;margin-top:6px;box-shadow:0 8px 20px #0000001a}.account-popover[data-entering]{animation:.2s popover-slide}.account-popover[data-exiting]{animation:.2s ease-in reverse popover-slide}@keyframes popover-slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:460px){.loginButton{flex-direction:column}.body-menu-toggle{-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;height:100%;transition:backdrop-filter var(--nav-transition-time),display var(--nav-transition-time);transition-behavior:allow-discrete;z-index:89;display:none;position:fixed}.main-nav-container[data-collapsed=false] .main{margin-left:0}.main-nav-container[data-collapsed=false]{--vertical-nav-width:50%}.main-nav-container[data-collapsed=false] .body-menu-toggle{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:block}.vertical-nav{gap:1.75rem}.nav-item{font-size:1.125rem}}.page-nav-bar{border:2px solid var(--color-brand-primary);background-color:color-mix(in srgb,var(--color-brand-primary)10%,transparent);z-index:5;border-radius:.5rem;flex-wrap:wrap;place-items:center;gap:.5rem;margin:1.5rem 1.5rem 1rem;padding:.5rem;font-weight:600;display:flex}.page-nav-item{outline-offset:2px;border-radius:.25rem;outline:2px solid #0000;padding:.25rem .75rem;font-weight:400}.page-nav-item:focus-visible{box-shadow:0 0 0 2px var(--color-brand-primary)}.page-nav-item:hover{background-color:color-mix(in srgb,var(--color-brand-primary)50%,var(--color-brand-secondary))}.page-nav-item:active{background-color:color-mix(in srgb,var(--color-brand-primary)30%,var(--color-brand-secondary))}.page-nav-item+div{height:1.75rem;margin:none;padding:none;background-color:currentColor;border:none;width:.1rem}.page-nav-item[aria-current=page]{background-color:var(--color-brand-secondary)}.dark .page-nav-item[aria-current=page]{background-color:var(--color-brand-primary)}