.blog-landing-nav{-webkit-backdrop-filter:blur(18px)saturate(140%);background-image:linear-gradient(120deg,#ffffff29,#0000 42%,#ffffff0d);border-radius:0;width:100vw;background-color:color-mix(in srgb,var(--background)78%,transparent)!important;color:var(--foreground)!important;box-shadow:none!important;border:0!important;transition:width .3s,top .3s,height .3s,border-radius .3s,box-shadow .3s,background-color .18s!important}.blog-landing-light-image{display:block}.blog-landing-dark-image,.dark .blog-landing-light-image{display:none}.dark .blog-landing-dark-image{display:block}.blog-landing-nav .blog-landing-nav-category{border-color:var(--border);background-color:var(--secondary);color:var(--foreground)}.blog-landing-nav .blog-landing-nav-control,.blog-landing-nav button{border-color:var(--border);background-color:var(--background);color:var(--foreground)}@media screen and (width<=767px){.blog-landing-nav{padding-inline:.5rem}.blog-landing-nav.blog-landing-nav--stuck{border-radius:1rem;width:calc(100vw - 1rem);min-height:3rem;top:.5rem;height:3rem!important;box-shadow:none!important;border:0!important}}@media screen and (width>=768px){.blog-landing-nav{width:calc(100vw - (var(--blog-nav-progress)*max(64px,calc(100vw - 1536px))));border-radius:calc(var(--blog-nav-progress)*1rem)}}