.nav-xm{position:static}.nav-xm__panel{z-index:60;opacity:0;visibility:hidden;pointer-events:none;width:min(1000px,100vw - 32px);padding-top:8px;transition:opacity .16s,transform .18s cubic-bezier(.16,1,.3,1),visibility 0s linear .18s;position:fixed;top:60px;left:50%;transform:translate(-50%,-6px)}.nav-xm__panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .16s,transform .18s cubic-bezier(.16,1,.3,1),visibility;transform:translate(-50%)}.nav-xm__inner{border:1px solid color-mix(in oklch, var(--foreground) 10%, transparent);background:var(--background);border-radius:18px;grid-template-columns:minmax(0,1fr) 300px;gap:0;display:grid;overflow:hidden;box-shadow:0 30px 80px -24px #00000059,0 8px 24px -12px #0003}.nav-xm__groups{flex-direction:column;gap:18px;padding:18px 18px 14px;display:flex}.nav-xm__label{letter-spacing:.08em;text-transform:uppercase;color:var(--foreground-subtle);margin:0 0 6px 8px;font-size:10.5px;font-weight:600}.nav-xm__items{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;display:grid}.nav-xm__item{border-radius:11px;align-items:flex-start;gap:10px;padding:9px 10px;transition:background .15s;display:flex}.nav-xm__item:hover,.nav-xm__item:focus-visible{background:color-mix(in oklch, var(--xm-acc) 10%, transparent);outline:none}.nav-xm__sw{background:var(--xm-acc);width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in oklch, var(--xm-acc) 18%, transparent);border-radius:3px;flex:none;margin-top:5px}.nav-xm__copy{flex-direction:column;min-width:0;display:flex}.nav-xm__name{color:var(--foreground-high);font-size:14px;font-weight:600}.nav-xm__sub{color:var(--foreground-muted);font-size:12.5px}.nav-xm__foot{border-top:1px solid color-mix(in oklch, var(--foreground) 8%, transparent);flex-wrap:wrap;gap:4px 18px;margin-top:2px;padding:12px 8px 2px;display:flex}.nav-xm__all{color:var(--foreground);align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.nav-xm__all:hover{color:var(--brand-blue)}.nav-xm__side{border-left:1px solid color-mix(in oklch, var(--foreground) 8%, transparent);background:color-mix(in oklch, var(--foreground) 2.5%, var(--background));padding:16px}@media (max-width:1024px){.nav-xm__inner{grid-template-columns:minmax(0,1fr)}.nav-xm__side{display:none}}@media (prefers-reduced-motion:reduce){.nav-xm__panel,.nav-xm__panel.is-open{transition:none}}
