.pill-nav-container{z-index:40;align-items:center;display:inline-flex;position:relative}.pill-nav{--nav-h:34px;--pill-pad-x:18px;--pill-gap:2px;--base:#fff;--pill-bg:transparent;--pill-text:#ffffffb8;--hover-text:#09090b;--active-indicator:#00e5ff;box-sizing:border-box;align-items:center;display:flex}.pill-nav-items{height:var(--nav-h);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;padding:2px;transition:border-color .25s,box-shadow .25s;display:flex;position:relative;box-shadow:inset 0 1px 1px #ffffff1a,0 4px 16px #00000059}.pill-nav-items:hover{border-color:#fff3;box-shadow:inset 0 1px 1px #ffffff26,0 6px 20px #00000073}.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;position:relative}.pill{height:100%;padding:0 var(--pill-pad-x);background:var(--pill-bg);color:var(--pill-text);box-sizing:border-box;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:9999px;justify-content:center;align-items:center;font-size:14.5px;font-weight:500;line-height:1;text-decoration:none;transition:color .2s;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%;box-shadow:0 0 24px #ffffff80}.pill .label-stack{z-index:2;pointer-events:none;line-height:1;display:inline-block;position:relative}.pill .pill-label{z-index:2;will-change:transform;line-height:1;transition:opacity .2s;display:inline-block;position:relative}.pill .pill-label-hover{color:var(--hover-text,#09090b);z-index:3;will-change:transform, opacity;font-weight:600;display:inline-block;position:absolute;top:0;left:0}.pill.is-active{color:#fff;background:#ffffff1a;font-weight:600}.pill.is-active:after{content:"";background:var(--active-indicator,#00e5ff);z-index:4;border-radius:9999px;width:14px;height:2px;position:absolute;bottom:2px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #00e5ffe6,0 0 16px #00e5ff99}.pill-logo-btn{cursor:pointer;border-radius:9999px;outline:none;justify-content:center;align-items:center;padding:4px;display:inline-flex;position:relative}