.nav{--navmenu-dur:.16s}.nav__links.navgroups{align-items:center;gap:.375rem}@media (min-width:60rem){.nav__links.navgroups{grid-template-columns:1fr auto 1fr;display:grid}.navgroups .navgrp:first-child{justify-self:end}.navgroups .navgrp:last-child{justify-self:start}}.navgrp{align-items:center;display:flex;position:relative}.navgrp__btn{cursor:pointer;transition:color var(--duration-ui) var(--ease-out-soft), background-color var(--duration-ui) var(--ease-out-soft), border-color var(--duration-ui) var(--ease-out-soft);background-color:#0000;border:1px solid #0000;border-radius:999px;align-items:center;gap:.3125rem;padding:.4375rem .625rem;line-height:1;display:inline-flex}.navgrp__btn:hover{color:var(--color-navy)}.navgrp[data-open] .navgrp__btn{color:var(--color-navy);border-color:var(--color-hairline);background-color:color-mix(in oklab, var(--color-baby-blue-bright) 42%, transparent)}.navgrp__caret{opacity:.7;transition:transform var(--duration-ui) var(--ease-out-soft);flex:none}.navgrp[data-open] .navgrp__caret{transform:rotate(180deg)}.navgrp__panel{z-index:5;visibility:hidden;transition:visibility 0s linear var(--navmenu-dur);padding-top:.5rem;position:absolute;top:100%;left:50%;transform:translate(-50%)}.navgrp__card{border:1px solid var(--color-hairline);border-radius:var(--radius-tile);background-color:var(--color-paper-bright);width:max-content;min-width:15rem;max-width:min(23rem,100vw - 2rem);box-shadow:0 24px 48px -32px color-mix(in oklab, var(--color-navy) 60%, transparent);opacity:0;transition:opacity var(--navmenu-dur) var(--ease-out-soft), transform var(--navmenu-dur) var(--ease-out-soft);padding:.5rem;transform:translateY(-.375rem)}.navgrp[data-open]>.navgrp__panel,.nav:not([data-ready]) .navgrp:hover>.navgrp__panel,.nav:not([data-ready]) .navgrp:focus-within>.navgrp__panel{visibility:visible;transition-delay:0s}.navgrp[data-open]>.navgrp__panel>.navgrp__card,.nav:not([data-ready]) .navgrp:hover>.navgrp__panel>.navgrp__card,.nav:not([data-ready]) .navgrp:focus-within>.navgrp__panel>.navgrp__card{opacity:1;transform:none}.navgrp__kicker{border-bottom:1px solid var(--color-hairline);color:var(--color-muted);margin-bottom:.25rem;padding:.4375rem .75rem .625rem;font-size:.75rem;line-height:1.45}.navgrp__list{gap:.125rem;display:grid}.navgrp__link{color:var(--color-navy);border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.3;text-decoration:none;display:flex}.navgrp__link:hover,.navgrp__link:focus-visible{background-color:color-mix(in oklab, var(--color-baby-blue-bright) 55%, transparent)}.navgrp__link:focus-visible{outline-offset:-2px}.navgrp__tag{border:1px solid var(--color-hairline);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-muted);border-radius:.375rem;flex:none;padding:.125rem .375rem;font-size:.5625rem;font-weight:500}.nav__menu-panel.navmenu{overscroll-behavior:contain;min-width:15.5rem;max-height:min(70svh,34rem);overflow-y:auto}.navmenu__group+.navmenu__group{border-top:1px solid var(--color-hairline);margin-top:.375rem;padding-top:.5rem}.navmenu__label{letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-muted);padding:.25rem .75rem .375rem;font-size:.625rem;font-weight:500}.navmenu .navmenu__item{justify-content:space-between;align-items:center;gap:1rem;display:flex}@media (prefers-reduced-motion:reduce){.nav{--navmenu-dur:0s}.navgrp__btn,.navgrp__caret,.navgrp__card{transition:none}}:root[data-nav-on-ink] .nav:not([data-pill]) .navgrp__btn{color:#93a0c4}:root[data-nav-on-ink] .nav:not([data-pill]) .navgrp__btn:hover,:root[data-nav-on-ink] .nav:not([data-pill]) .navgrp[data-open] .navgrp__btn{color:#f2f5fd}:root[data-nav-on-ink] .nav:not([data-pill]) .navgrp[data-open] .navgrp__btn{background-color:#c9d8f81f;background-color:lab(85.963% -.314355 -17.5175/.12);border-color:#c9d8f84d;border-color:lab(85.963% -.314295 -17.5175/.3)}:root[data-nav-on-ink] .nav:not([data-pill]) .nav__links .navgrp__link,:root[data-nav-on-ink] .nav:not([data-pill]) .nav__links .navgrp__link:hover{color:var(--color-navy)}
