.pill-nav-container{position:relative}.pill-nav,.pill-nav-container{display:flex;align-items:center}.pill-nav{--nav-h:42px;--logo:36px;--pill-pad-x:20px;--pill-gap:4px;box-sizing:border-box}.pill-nav-items{position:relative;display:flex;align-items:center;height:var(--nav-h);background:var(--base);border:1px solid hsl(var(--border));border-radius:9999px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.pill-list{list-style:none;align-items:stretch;gap:var(--pill-gap);margin:0;padding:4px}.pill-list,.pill-list>li{display:flex;height:100%}.pill{display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0 var(--pill-pad-x);background:transparent;color:var(--pill-text);text-decoration:none;border-radius:9999px;box-sizing:border-box;font-weight:500;font-size:14px;line-height:1;white-space:nowrap;cursor:pointer;position:relative;overflow:hidden;transition:color .3s ease,background-color .3s ease}.pill.is-active{background-color:var(--pill-bg);color:var(--hover-text);font-weight:600}.pill .hover-circle{position:absolute;left:50%;bottom:0;border-radius:50%;background:var(--pill-bg);z-index:1;display:block;pointer-events:none;will-change:transform}.pill .label-stack,.pill .pill-label{position:relative;display:inline-block;line-height:1;z-index:2}.pill .pill-label{will-change:transform;transition:font-weight .3s ease}.pill .pill-label-hover{position:absolute;left:0;top:0;color:var(--hover-text);z-index:3;display:inline-block;will-change:transform,opacity;font-weight:600}