.snav-scope{--snav-h:52px;--snav-pad:clamp(28px, 4vw, 48px);--snav-top:calc(var(--nav-top) + var(--nav-h) + 8px);position:relative}html:has(.snav){--snav-h:52px;scroll-padding-top:calc(var(--nav-top) + var(--nav-h) + 8px + var(--snav-h) + 12px)}.snav-band{height:calc(var(--snav-h) + var(--snav-pad));background:var(--signal)}.snav{top:var(--snav-top);z-index:30;box-sizing:border-box;width:100%;max-width:calc(var(--content) + 2 * var(--gutter));margin:calc(-1 * (var(--snav-h) + var(--snav-pad))) auto var(--snav-pad);padding-inline:var(--gutter);pointer-events:none;position:sticky}.snav-pill{width:fit-content;max-width:100%;height:var(--snav-h);pointer-events:auto;background:#fff;border-radius:999px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px #1114180a,0 12px 30px -14px #1114186b}.snav-track{overscroll-behavior-x:contain;scrollbar-width:none;flex:0 auto;gap:2px;min-width:0;margin:0;padding:4px;list-style:none;display:flex;position:relative;overflow-x:auto}.snav-track::-webkit-scrollbar{display:none}.snav-track>li{flex:none;display:flex}.snav-link{min-height:44px;color:var(--ink);white-space:nowrap;transition:background-color var(--t-ui) var(--ease-out), color var(--t-ui) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-size:.9375rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}@media (hover:hover){.snav-link:hover{background:var(--chalk-deep)}}.snav-link[aria-current=true]{background:var(--signal);color:#fff}.snav-link:focus-visible{outline:2px solid var(--signal);outline-offset:-4px;border-radius:999px}.snav-link[aria-current=true]:focus-visible{outline-color:#fff}.snav-short{display:none}.snav-pill:before,.snav-pill:after{content:"";z-index:1;opacity:0;pointer-events:none;width:28px;transition:opacity var(--t-ui) var(--ease-out);position:absolute;top:0;bottom:0}.snav-pill:before{background:linear-gradient(90deg,#fff 15%,#fff0);left:0}.snav-pill:after{background:linear-gradient(270deg,#fff 15%,#fff0);right:0}.snav-pill[data-edge~=start]:before,.snav-pill[data-edge~=end]:after{opacity:1}@media (min-width:640px) and (max-width:1023px){.snav-link{padding-inline:14px}}@media (max-width:639px){.snav-pill{width:100%}.snav-link{padding-inline:14px}.snav[data-fit=fill] .snav-track{flex:auto}.snav[data-fit=fill] .snav-track>li{flex:1 1 0;min-width:0}.snav[data-fit=fill] .snav-link{width:100%;padding-inline:6px}.snav-full{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.snav-short{display:inline}}@media (max-height:480px){.snav{position:relative;top:auto}html:has(.snav){scroll-padding-top:calc(var(--nav-top) + var(--nav-h) + 16px)}}@media (prefers-reduced-motion:reduce){.snav-link,.snav-pill:before,.snav-pill:after{transition:none}}