@layer theme,base;@layer components{.KnowledgeNav-module__MqX2Za__row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px;display:flex;position:relative}.KnowledgeNav-module__MqX2Za__box{border:1px solid color-mix(in srgb, var(--cream) 12%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--cream) 5%, transparent), color-mix(in srgb, var(--cream) 1%, transparent));min-width:142px;height:40px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--cream) 6%, transparent);-webkit-backdrop-filter:blur(6px);--nav-label:16px;--nav-label-lh:1;border-radius:999px;padding-inline:24px;transition:background-color .25s,border-color .25s;position:relative}.KnowledgeNav-module__MqX2Za__box:where(:hover,:focus-visible){border-color:color-mix(in srgb, var(--lavender) 30%, transparent);background-color:color-mix(in srgb, var(--purple) 12%, transparent)}.KnowledgeNav-module__MqX2Za__box-active,.KnowledgeNav-module__MqX2Za__box-active:where(:hover,:focus-visible){border-color:color-mix(in srgb, var(--lavender) 28%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--purple) 55%, var(--ink)), color-mix(in srgb, var(--purple) 38%, var(--ink)));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--lavender) 18%, transparent), 0 8px 24px color-mix(in srgb, var(--purple) 25%, transparent)}@media (min-width:640px){.KnowledgeNav-module__MqX2Za__row{gap:32px}}@media (min-width:1024px){.KnowledgeNav-module__MqX2Za__row{--kn-hero-h:calc(100vw * 613 / 1440);--kn-head-foot:calc(100vw * .220139);--kn-air:calc(100vw * .159028 - var(--nav-h));--kn-top:calc(var(--kn-head-foot) + var(--kn-air));margin-top:calc(var(--kn-top) - var(--kn-hero-h))}}}@layer utilities;