@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--dropdown-amount:0;--bg-height:0px}}}:root{--header-height:3.75rem;--top-bar-height:calc(1.75rem * (1 - var(--header-bg-amount,0)));--page-padding-top:calc(var(--header-height) + var(--top-bar-height))}@media (min-width:64rem){:root{--header-height:4.5rem}}@property --dropdown-amount{syntax:"<number>";inherits:true;initial-value:0}@property --bg-height{syntax:"<length>";inherits:true;initial-value:0}.header-background{height:calc(var(--page-padding-top) + var(--bg-height));--_intensity:max(var(--header-bg-amount,0), var(--dropdown-amount,0));background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.header-background{background-color:color-mix(in oklch, var(--background) calc(80% * var(--_intensity)), transparent)}}.header-background{-webkit-backdrop-filter:blur(calc(24px * var(--_intensity)));backdrop-filter:blur(calc(24px * var(--_intensity)));transition:--dropdown-amount 60ms ease-out,--bg-height .3s cubic-bezier(.165,.84,.44,1)}@media (prefers-reduced-motion:no-preference){::view-transition-group(nav-pane){overflow:hidden}html[data-nav-direction=forward]::view-transition-old(nav-pane){animation:.24s cubic-bezier(.4,0,.2,1) both nav-slide-out-left}html[data-nav-direction=forward]::view-transition-new(nav-pane){animation:.24s cubic-bezier(.4,0,.2,1) both nav-slide-in-right}html[data-nav-direction=back]::view-transition-old(nav-pane){animation:.24s cubic-bezier(.4,0,.2,1) both nav-slide-out-right}html[data-nav-direction=back]::view-transition-new(nav-pane){animation:.24s cubic-bezier(.4,0,.2,1) both nav-slide-in-left}}@keyframes nav-slide-out-left{0%{opacity:1;filter:blur();transform:translate(0)}to{opacity:0;filter:blur(3px);transform:translate(-3%)}}@keyframes nav-slide-in-right{0%{opacity:0;filter:blur(3px);transform:translate(3%)}to{opacity:1;filter:blur();transform:translate(0)}}@keyframes nav-slide-out-right{0%{opacity:1;filter:blur();transform:translate(0)}to{opacity:0;filter:blur(3px);transform:translate(3%)}}@keyframes nav-slide-in-left{0%{opacity:0;filter:blur(3px);transform:translate(-3%)}to{opacity:1;filter:blur();transform:translate(0)}}