.nav-header{isolation:isolate;background:linear-gradient(rgb(var(--slab-c)),rgb(var(--slab-c))) top /100% 56px no-repeat}.nav-header:before{content:"";position:absolute;inset:0 0 -40px 0;z-index:-1;pointer-events:none;background-color:rgb(var(--slab-c));background-image:linear-gradient(180deg,rgb(var(--slab-c)/.62) 0,rgb(var(--slab-c)/.5) 70%,rgba(0,0,0,.45) 100%),var(--tex-slab);background-size:auto,512px 512px;-webkit-mask-image:linear-gradient(#000 0 0),var(--mask-edge-down);mask-image:linear-gradient(#000 0 0),var(--mask-edge-down);-webkit-mask-size:100% calc(100% - 60px),520px 80px;mask-size:100% calc(100% - 60px),520px 80px;-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-repeat:no-repeat,repeat-x;mask-repeat:no-repeat,repeat-x}.nav-dropdown,.nav-menu{animation:nav-panel-in .22s ease-out}@keyframes nav-panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.nav-dropdown,.nav-menu{animation:none}}.nav-dot{animation:nav-dot-in .3s ease-out}@keyframes nav-dot-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.nav-dot{animation:none}}