.pill-nav-container{z-index:999;width:auto;max-width:95vw;position:fixed;top:1em;left:50%;transform:translate(-50%)}.pill-nav{--nav-h:56px;--logo:56px;--pill-pad-x:32px;--pill-gap:8px;box-sizing:border-box;align-items:center;width:max-content;max-width:100%;display:flex}@media (max-width:768px){.pill-nav{--pill-pad-x:6px;--pill-gap:2px}}.pill-nav-items{height:var(--nav-h);-webkit-backdrop-filter:blur(12px);scrollbar-width:none;-ms-overflow-style:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;max-width:100%;transition:all .3s;display:flex;position:relative;overflow-x:auto;box-shadow:0 8px 32px #0000005e}.pill-nav-items:hover{background:#ffffff1a;border-color:#fff3}.pill-nav-items::-webkit-scrollbar{display:none}.pill-logo{width:var(--nav-h);height:var(--nav-h);-webkit-backdrop-filter:blur(12px);color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;margin-right:16px;padding:18px;transition:all .3s;display:inline-flex;overflow:hidden;box-shadow:0 8px 32px #0000005e}.pill-logo:hover{background:#ffffff1a;border-color:#8b5cf64d;box-shadow:0 0 40px -10px #7c3aed4d}.pill-logo img{object-fit:cover;width:42px;height:42px;display:block}.pill-list{align-items:stretch;gap:var(--pill-gap);height:100%;margin:0;padding:6px;list-style:none;display:flex}.pill-list>li{height:100%;display:flex}.pill{height:100%;padding:0 var(--pill-pad-x);color:#fff;box-sizing:border-box;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;cursor:pointer;background:0 0;border-radius:9999px;justify-content:center;align-items:center;font-size:16px;font-weight:600;line-height:0;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.pill:hover{background:#ffffff1a}.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%}.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;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:12px;height:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.desktop-only{display:block}.mobile-only{display:none}.mobile-menu-button{width:12px;height:var(--nav-h);background:var(--base,#000);cursor:pointer;z-index:102;color:var(--pill-text);border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;display:none;position:relative}.hamburger-line{transform-origin:50%;background:currentColor;border-radius:1px;width:24px;height:2px;transition:all .3s}@media (max-width:980px){.pill-nav-container{pointer-events:auto;width:40%;max-width:90%;padding:0;top:16px;left:50%;transform:translate(-50%)}.pill-nav{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#3d3d49bf;border:1px solid #ffffff14;border-radius:100px;justify-content:space-between;width:90%;height:56px;padding:0 8px;box-shadow:0 4px 20px #0003}.pill-logo,.mobile-menu-button{-webkit-backdrop-filter:none;box-shadow:none;color:#fff;background:0 0;border:none;width:64px;height:64px}.pill-nav-items,.desktop-only{display:none}.mobile-only,.mobile-menu-button{display:flex}.mobile-menu-popover{-webkit-backdrop-filter:blur(25px)saturate(180%);pointer-events:auto;background:#3d3d49bf;border:1px solid #ffffff1a;border-radius:24px;width:90%;max-width:400px;margin:0 auto;padding:16px;position:fixed;top:70px;left:0;right:0;box-shadow:0 20px 40px #0006}.mobile-menu-list{flex-direction:column;align-items:center;gap:8px;width:100%;padding:0;display:flex}.mobile-menu-popover .mobile-menu-link{text-align:center;color:#fff;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;width:100%;padding:14px 20px;font-size:16px;font-weight:500;transition:all .2s;display:block}.mobile-menu-popover .mobile-menu-link:active,.mobile-menu-popover .mobile-menu-link:hover{background:#ffffff26;border-color:#fff3;transform:scale(.98)}}