.mnav{--mnav-gutter:20px;box-sizing:border-box;background:var(--paper-50);width:100%;max-width:none;height:100dvh;max-height:none;color:var(--fg-1);overscroll-behavior:contain;border:0;margin:0;padding:0;position:fixed;inset:0;overflow-y:auto}.mnav:not([open]){display:none}.mnav[open]{animation:mnav-in .16s var(--ease-out)}.mnav::backdrop{background:#fbfaf7}.mnav *,.mnav :before,.mnav :after{box-sizing:border-box}.mnav .mnav-head{z-index:1;height:calc(65px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) calc(var(--mnav-gutter) + var(--mnav-scrollbar,0px) + env(safe-area-inset-right,0px)) 0 calc(var(--mnav-gutter) + env(safe-area-inset-left,0px));background:var(--paper-50);border-bottom:1px solid var(--paper-200);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.mnav .mnav-close{width:44px;height:44px;color:var(--fg-1);border:1px solid var(--paper-300);cursor:pointer;background:0 0;border-radius:6px;flex:none;justify-content:center;align-items:center;margin-right:-2px;padding:0;transition:border-color .14s;display:inline-flex}.mnav .mnav-close:hover{border-color:var(--paper-400)}.mnav .mnav-body{padding:8px calc(var(--mnav-gutter) + var(--mnav-scrollbar,0px) + env(safe-area-inset-right,0px)) calc(32px + env(safe-area-inset-bottom,0px)) calc(var(--mnav-gutter) + env(safe-area-inset-left,0px))}.mnav .mnav-list{border-bottom:1px solid var(--paper-200);margin:0;padding:0;list-style:none}.mnav .mnav-list li+li{border-top:1px solid var(--paper-200)}.mnav .mnav-link{min-height:56px;font-family:var(--font-serif);letter-spacing:-.015em;color:var(--fg-1);border:0;align-items:center;padding:10px 0;font-size:24px;font-weight:400;line-height:1.25;text-decoration:none;transition:color .14s;display:flex}.mnav .mnav-link:hover,.mnav .mnav-link[aria-current]{color:var(--brand-500)}.mnav .mnav-cta{width:100%;min-height:48px;font-family:var(--font-sans);text-align:center;color:#fff;background:var(--brand-500);border:0;border-radius:6px;justify-content:center;align-items:center;margin-top:32px;padding:12px 20px;font-size:15px;font-weight:500;line-height:1.2;text-decoration:none;transition:background .14s;display:flex}.mnav .mnav-cta:hover{color:#fff;background:var(--brand-600)}.mnav .mnav-close:focus-visible,.mnav .mnav-link:focus-visible,.mnav .mnav-cta:focus-visible,.mnav .mnav-head a:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}@media (max-width:480px){.mnav{--mnav-gutter:16px}}@keyframes mnav-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.mnav[open]{animation:none}}
