.pill-nav{align-items:center;gap:4px;display:flex}.pill-nav-item{flex-shrink:0;position:relative}.pill-nav-link{cursor:pointer;white-space:nowrap;height:36px;color:hsl(var(--foreground) / .8);-webkit-backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:9999px;justify-content:center;align-items:center;padding:6px 16px;text-decoration:none;transition:color .2s;display:flex;position:relative;overflow:hidden}.pill-nav-link:hover{color:hsl(var(--foreground));background:#ffffff1a;border-color:#ffffff26}.pill-circle{background-color:hsl(var(--primary));pointer-events:none;z-index:0;border-radius:50%;position:absolute;left:50%}.pill-label,.pill-label-hover{z-index:1;pointer-events:none;white-space:nowrap;font-size:14px;font-weight:500;line-height:1;transition:color .2s;position:relative}.pill-label{color:currentColor}.pill-label-hover{color:hsl(var(--primary-foreground));position:absolute;left:50%;transform:translate(-50%)}@media (max-width:768px){.pill-nav-link{height:32px;padding:4px 12px}.pill-label,.pill-label-hover{font-size:12px}}