.nav-liquid{border-radius:22px;isolation:isolate}.nav-liquid:after,.nav-liquid:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none}.nav-liquid:before{-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%)}.nav-liquid:after{padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.nav-liquid[data-nav-tone=light]:before{background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.66));box-shadow:0 10px 24px rgba(10,15,30,.16),0 2px 6px rgba(10,15,30,.08),inset 0 1px 0 #ffffff;outline:1px solid rgba(10,15,30,.08);outline-offset:-1px}.nav-liquid[data-nav-tone=light]:after{background:linear-gradient(115deg,#ffffff,rgba(10,15,30,.1) 40%,rgba(10,15,30,.06) 70%,rgba(255,255,255,.9))}.nav-liquid[data-nav-tone=dark]:before{background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.07));box-shadow:0 18px 44px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(255,255,255,.1)}.nav-liquid[data-nav-tone=dark]:after{background:linear-gradient(115deg,rgba(255,255,255,.65),rgba(255,255,255,.08) 40%,rgba(255,255,255,.08) 65%,rgba(255,255,255,.35))}.nav-liquid[data-nav-tone=teal]:before{background:linear-gradient(180deg,rgba(10,15,30,.3),rgba(10,15,30,.38));box-shadow:0 18px 44px rgba(5,30,30,.4),inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(255,255,255,.08)}.nav-liquid[data-nav-tone=teal]:after{background:linear-gradient(115deg,rgba(255,255,255,.75),rgba(255,255,255,.12) 40%,rgba(255,255,255,.12) 65%,rgba(255,255,255,.4))}.nav-liquid .nav-liquid-cta{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 16px rgba(11,127,118,.32)}.nav-liquid[data-nav-tone=teal] .nav-liquid-cta{box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 6px 16px rgba(5,8,15,.35)}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.nav-liquid[data-nav-tone=light]:before{background:#ffffff}.nav-liquid[data-nav-tone=dark]:before{background:#1a2030}.nav-liquid[data-nav-tone=teal]:before{background:#0a3f3f}}@media (prefers-reduced-transparency:reduce){.nav-liquid:before{-webkit-backdrop-filter:none;backdrop-filter:none}.nav-liquid[data-nav-tone=light]:before{background:#ffffff}.nav-liquid[data-nav-tone=dark]:before{background:#1a2030}.nav-liquid[data-nav-tone=teal]:before{background:#0a3f3f}}.nav-liquid[data-nav-tone=teal] :focus-visible{outline-color:#ffffff}.nav-liquid .bg-white :focus-visible{outline-color:var(--brand-teal)}