.pill-nav{--pn-roll:calc(var(--pn-inner) / 2 + 0.7em);position:relative;display:inline-flex;align-items:center;gap:var(--pn-gap);max-width:100%;font-size:var(--pn-font);line-height:1;-webkit-tap-highlight-color:transparent}.pill-nav[data-collapsed]{display:flex;width:100%;justify-content:space-between}.pill-nav[data-layout=joined]{gap:2px;padding:var(--pn-pad);border-radius:999px}.pill-nav__surface{background:var(--pn-surface);box-shadow:var(--pn-shadow);-webkit-backdrop-filter:var(--pn-blur);backdrop-filter:var(--pn-blur)}.pill-nav[data-layout=joined][data-panel]{background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.pill-nav[data-panel] .pill-nav__rim--root{opacity:0}.pill-nav__rim{position:absolute;inset:0;z-index:4;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--pn-edge),inset 0 1px 0 var(--pn-rim);pointer-events:none}.pill-nav__logo{position:relative;z-index:2;display:inline-grid;flex:none;place-items:center;width:var(--pn-h);height:var(--pn-h);border-radius:999px}.pill-nav__logo-link{position:absolute;inset:0;display:grid;place-items:center;border-radius:inherit;color:var(--pn-strong);text-decoration:none;outline:none}.pill-nav[data-layout=joined] .pill-nav__logo{width:var(--pn-inner);height:var(--pn-inner)}.pill-nav__logo-link:focus-visible,.pill-nav__toggle:focus-visible{outline:2px solid var(--pn-ring);outline-offset:2px}.pill-nav__mark{display:grid;place-items:center;width:var(--pn-mark);height:var(--pn-mark)}.pill-nav__mark img,.pill-nav__mark svg{display:block;width:100%;height:100%;object-fit:contain}.pill-nav__bar{position:relative;z-index:1;display:flex;align-items:center;min-width:0;height:var(--pn-h);padding:0;border-radius:999px;box-sizing:border-box;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.pill-nav__bar>.pill-nav__rim{display:none}.pill-nav[data-layout=joined] .pill-nav__bar{height:var(--pn-inner);padding:0}.pill-nav__track{position:relative;height:100%}.pill-nav__list{display:flex;align-items:stretch;gap:var(--pn-item-gap,2px);height:100%;margin:0;padding:0;list-style:none}.pill-nav__slot{display:flex}.pill-nav__item{position:relative;display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0 var(--pn-x);border:0;border-radius:999px;background:none;color:var(--pn-text);font-family:inherit;font-size:inherit;line-height:inherit;font-weight:500;letter-spacing:-.005em;white-space:nowrap;text-decoration:none;cursor:pointer;outline:none;overflow:hidden;isolation:isolate;transition:color .25s ease}.pill-nav__item[aria-current],.pill-nav__slot[data-lit] .pill-nav__item{color:var(--pn-strong)}.pill-nav[data-items=pill]{--pn-item-gap:6px}.pill-nav[data-items=pill] .pill-nav__item{background:var(--pn-tile,#ffffff);box-shadow:var(--pn-tile-rim,0 1px 3px 0 rgba(0,0,0,.06),0 1px 2px -1px rgba(0,0,0,.04),inset 0 0 0 1px rgba(226,232,240,.9));color:var(--pn-strong);transition:transform .2s ease,box-shadow .2s ease,color .2s ease}.pill-nav[data-items=pill] .pill-nav__item:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.05),inset 0 0 0 1px rgba(203,213,225,1);transform:translateY(-1px)}.pill-nav[data-items=pill] .pill-nav__item[aria-current=page]{font-weight:600;box-shadow:0 2px 4px -1px rgba(0,0,0,.08),0 1px 2px -1px rgba(0,0,0,.05),inset 0 0 0 1px rgba(15,23,42,.25)}.pill-nav__item:focus-visible,.pill-nav__row:focus-visible{outline:2px solid var(--pn-ring);outline-offset:-2px}.pill-nav__face{display:inline-flex;align-items:center;gap:.45em;transition:transform .36s cubic-bezier(.22,1,.36,1)}.pill-nav__face svg{width:1.15em;height:1.15em;flex:none}.pill-nav__face-alt{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;gap:.45em;color:var(--pn-pill-ink);transform:translateY(var(--pn-roll));transition:transform .36s cubic-bezier(.22,1,.36,1)}.pill-nav__face-alt svg{width:1.15em;height:1.15em;flex:none}.pill-nav__slot[data-hover] .pill-nav__face,.pill-nav__slot[data-on] .pill-nav__face{transform:translateY(calc(var(--pn-roll) * -1));transition-duration:.5s}.pill-nav__slot[data-hover] .pill-nav__face-alt,.pill-nav__slot[data-on] .pill-nav__face-alt{transform:translateY(0);transition-duration:.5s}.pill-nav__fill{position:absolute;top:100%;left:50%;z-index:-1;width:var(--pn-fill,200%);height:var(--pn-fill,200%);margin:calc(var(--pn-fill, 200%) / -2) 0 0 calc(var(--pn-fill, 200%) / -2);border-radius:50%;background:var(--pn-pill);transform:scale(0);transition:transform .36s cubic-bezier(.4,0,.2,1);pointer-events:none}.pill-nav__slot[data-hover] .pill-nav__fill,.pill-nav__slot[data-on] .pill-nav__fill{transform:scale(1);transition:transform .55s cubic-bezier(.22,1,.36,1)}.pill-nav__glide{position:absolute;top:0;bottom:0;left:0;width:0;border-radius:999px;background:var(--pn-pill);box-shadow:var(--pn-pill-shadow);opacity:0;pointer-events:none;transform-origin:50% 50%;will-change:transform,width,opacity}.pill-nav[data-focus] .pill-nav__glide{box-shadow:var(--pn-pill-shadow),0 0 0 2px var(--pn-ring)}.pill-nav__ink{position:absolute;inset:0;display:flex;align-items:stretch;gap:var(--pn-item-gap,2px);color:var(--pn-pill-ink);pointer-events:none;clip-path:inset(0 100% 0 0)}.pill-nav__ink-item{display:inline-flex;align-items:center;justify-content:center;gap:.45em;height:100%;padding:0 var(--pn-x);font-weight:500;letter-spacing:-.005em;white-space:nowrap}.pill-nav__ink-item svg{width:1.15em;height:1.15em;flex:none}.pill-nav__dot{position:absolute;bottom:calc((var(--pn-inner) - var(--pn-font)) / 4 - 2px);left:0;width:4px;height:4px;margin-left:-2px;border-radius:999px;background:var(--pn-dot);opacity:0;pointer-events:none;transition:background-color .3s ease;will-change:transform,opacity}.pill-nav[data-dot-lit] .pill-nav__dot{background:var(--pn-pill-ink)}.pill-nav__toggle{position:relative;z-index:3;display:inline-grid;flex:none;place-items:center;width:var(--pn-h);height:var(--pn-h);padding:0;border:0;border-radius:999px;background:#ffffff;box-shadow:0 1px 3px 0 rgba(0,0,0,.06),0 1px 2px -1px rgba(0,0,0,.04),inset 0 0 0 1px rgba(226,232,240,.9);color:var(--pn-strong);cursor:pointer;outline:none;transition:transform .2s ease,box-shadow .2s ease}.pill-nav__toggle:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.05),inset 0 0 0 1px rgba(203,213,225,1);transform:translateY(-1px)}.pill-nav__toggle>.pill-nav__rim{display:none}.pill-nav__toggle--bare{background:transparent;box-shadow:none}.pill-nav[data-layout=joined] .pill-nav__toggle{width:var(--pn-inner);height:var(--pn-inner)}.pill-nav__burger{position:relative;width:16px;height:10px}.pill-nav__line{position:absolute;left:0;width:100%;height:1.5px;border-radius:2px;background:currentColor;transition:transform .45s cubic-bezier(.22,1,.36,1),top .45s cubic-bezier(.22,1,.36,1)}.pill-nav__line--top{top:1.5px}.pill-nav__line--bottom{top:7px}.pill-nav[data-open] .pill-nav__line--top{top:4.25px;transform:rotate(45deg)}.pill-nav[data-open] .pill-nav__line--bottom{top:4.25px;transform:rotate(-45deg)}.pill-nav__panel{position:absolute;top:0;right:0;left:auto;z-index:1;min-width:min(260px,calc(100vw - 2rem));padding:calc(var(--pn-h) + 10px) 6px 6px;border-radius:24px;box-sizing:border-box;background:var(--pn-solid,#ffffff);box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.08);border:1px solid rgba(226,232,240,.9)}.pill-nav[data-layout=joined] .pill-nav__panel{padding-top:calc(var(--pn-h) + 4px)}.pill-nav__menu{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.pill-nav__row{display:flex;align-items:center;gap:10px;width:100%;height:calc(var(--pn-h) + 2px);padding:0 16px;border:0;border-radius:18px;box-sizing:border-box;background:none;color:var(--pn-strong);font-family:inherit;font-size:calc(var(--pn-font) + 1px);line-height:1;font-weight:500;text-align:left;text-decoration:none;cursor:pointer;outline:none;transition:background-color .2s ease}.pill-nav__row svg{width:1.15em;height:1.15em;flex:none}.pill-nav__row:hover{background:var(--pn-row-hover)}.pill-nav__row[aria-current]{background:var(--pn-pill);box-shadow:var(--pn-pill-shadow);color:var(--pn-pill-ink)}.pill-nav__measure{position:fixed;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none}.pill-nav__measure>.pill-nav__list{width:max-content}@media (prefers-reduced-motion:reduce){.pill-nav__face,.pill-nav__face-alt,.pill-nav__fill,.pill-nav__item,.pill-nav__line,.pill-nav__row{transition:none}}