.header-nav-pill-track{--header-pill-track-bg:color-mix(in srgb,var(--foreground) 8%,transparent);--header-pill-track-border:color-mix(in srgb,var(--foreground) 12%,transparent);--header-pill-indicator:var(
    --header-nav-indicator,color-mix(in srgb,var(--foreground) 92%,transparent)
  );--header-pill-indicator-fg:var(--header-nav-active-fg,var(--background))}.header-nav-pill-track .header-nav-link{color:var(--header-nav-fg,color-mix(in srgb,var(--foreground) 85%,transparent))}.header-nav-pill-track .header-nav-indicator{border-radius:999px;background:var(--header-pill-indicator);box-shadow:0 2px 12px rgba(0,0,0,.25)}.header-nav-pill-track .header-nav-link.is-active,.header-nav-pill-track .header-nav-link.is-highlighted,.header-nav-pill-track .header-nav-link.is-hovered{color:var(--header-pill-indicator-fg)}.header-nav-gooey{--header-gooey-blob:var(--header-nav-indicator,var(--primary));--header-gooey-blob-fg:var(--header-nav-active-fg,var(--primary-fg))}.header-nav-gooey .header-nav-link{color:var(--header-nav-fg,color-mix(in srgb,var(--foreground) 85%,transparent))}.header-nav-gooey .header-nav-indicator{border-radius:999px;background:var(--header-gooey-blob);box-shadow:0 0 20px color-mix(in srgb,var(--header-gooey-blob) 45%,transparent);transition:left .45s cubic-bezier(.34,1.45,.64,1),width .45s cubic-bezier(.34,1.45,.64,1),height .45s cubic-bezier(.34,1.45,.64,1),opacity .2s ease}.header-nav-gooey .header-nav-link.is-active,.header-nav-gooey .header-nav-link.is-highlighted,.header-nav-gooey .header-nav-link.is-hovered{color:var(--header-gooey-blob-fg);text-shadow:none}.header-nav-flow{--header-flow-line:var(--header-nav-indicator,var(--primary))}.header-nav-flow .header-nav-link{color:var(--header-nav-fg,color-mix(in srgb,var(--foreground) 80%,transparent))}.header-nav-flow .header-nav-indicator{height:3px;top:auto;bottom:0;border-radius:999px;background:var(--header-flow-line);box-shadow:0 0 14px color-mix(in srgb,var(--header-flow-line) 55%,transparent)}.header-nav-flow .header-nav-link.is-active,.header-nav-flow .header-nav-link.is-highlighted,.header-nav-flow .header-nav-link.is-hovered{color:var(--header-nav-active-fg,var(--header-flow-line))}