.pill-nav-container{z-index:99;display:inline-block}.pill-nav{--nav-h:42px;--pill-pad-x:18px;--pill-gap:3px;box-sizing:border-box;align-items:center;width:max-content;display:flex}.pill-nav-items{height:var(--nav-h);-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:9999px;align-items:center;padding:3px;display:flex;position:relative}.pill-logo{width:var(--nav-h);height:var(--nav-h);background:var(--base,#fff);border-radius:50%;justify-content:center;align-items:center;margin-right:8px;padding:8px;display:inline-flex;overflow:hidden}.pill-logo img{object-fit:cover;width:100%;height:100%;display:block}.pill-list{align-items:stretch;gap:var(--pill-gap);height:100%;margin:0;padding:0;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,#120f17);color:var(--pill-text,var(--base,#fff));box-sizing:border-box;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;font-size:14px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.pill .hover-circle{background:var(--base,#fff);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,#120f17);z-index:3;will-change:transform, opacity;display:inline-block;position:absolute;top:0;left:0}.pill.is-active:after{content:"";background:var(--base,#fff);z-index:4;border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}