.pill-nav-container{z-index:99;position:relative}.pill-nav{--nav-h:44px;--logo:38px;--pill-pad-x:18px;--pill-gap:3px;box-sizing:border-box;align-items:center;gap:6px;width:max-content;max-width:100%;display:flex}.pill-nav-items{height:var(--nav-h);scrollbar-width:none;border-radius:9999px;align-items:center;display:flex;position:relative;overflow-x:auto}.pill-nav-items::-webkit-scrollbar{display:none}.pill-logo{height:var(--nav-h);white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;padding:0 16px;display:inline-flex;overflow:hidden}.pill-logo img{object-fit:contain;height:60%;display:block}.pill-list{align-items:stretch;gap:var(--pill-gap);height:100%;margin:0;padding:3px;list-style:none;display:flex}.pill-list>li{height:100%;display:flex}.pill{height:100%;padding:0 var(--pill-pad-x);background:var(--pill-bg,#fff);color:var(--pill-text,var(--base,#000));box-sizing:border-box;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;font-size:13px;font-weight:600;line-height:0;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.pill .hover-circle{background:var(--base,#000);z-index:1;pointer-events:none;will-change:transform;border-radius:50%;display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%)scale(0)}.pill .label-stack{z-index:2;line-height:1;display:inline-block;position:relative}.pill .pill-label{z-index:2;will-change:transform;line-height:1;display:inline-block;position:relative}.pill .pill-label-hover{color:var(--hover-text,#fff);z-index:3;will-change:transform,opacity;opacity:0;display:inline-block;position:absolute;top:0;left:0}.pill.is-active:after{content:"";background:var(--base,#000);z-index:4;border-radius:50px;width:10px;height:10px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}@media (max-width:640px){.pill-nav{--nav-h:38px;--pill-pad-x:12px}.pill{font-size:11px}.pill-logo{padding:0 12px}}
.glass-surface{justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{border-radius:inherit;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.glass-surface--svg{background:hsl(0 0% 100%/var(--glass-frost,0));-webkit-backdrop-filter:var(--filter-id,url(#glass-filter))saturate(var(--glass-saturation,1));backdrop-filter:var(--filter-id,url(#glass-filter))saturate(var(--glass-saturation,1));box-shadow:inset 0 0 2px 1px #0000000f,inset 0 0 10px 4px #0000000a,0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d}.dark .glass-surface--svg{background:hsl(0 0% 0%/var(--glass-frost,0));box-shadow:inset 0 0 2px 1px #ffffff24,inset 0 0 10px 4px #ffffff14,0 4px 16px #00000040,0 8px 24px #00000040,0 16px 56px #00000040}.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.1);background:#ffffff40;border:1px solid #ffffff4d;box-shadow:0 8px 32px #1f268733,0 2px 16px #1f26871a,inset 0 1px #fff6,inset 0 -1px #fff3}.dark .glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.2);background:#ffffff14;border:1px solid #ffffff26;box-shadow:inset 0 1px #ffffff26,inset 0 -1px #ffffff14}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface--fallback{background:#fff6}}.glass-surface:focus-visible{outline-offset:2px;outline:2px solid #d4af37}