.pill-nav{background-color:#fff;border-radius:9999px;flex-direction:row;gap:4px;height:32px;padding:3px;transition:background-color .3s;display:flex;box-shadow:0 4px 16px #00000014}:is(.dark .pill-nav){background-color:#1e293b}.pill-nav .nav-item.pill{color:#64748b;letter-spacing:.3px;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;height:100%;padding:0 12px;font-size:.8rem;font-weight:500;text-decoration:none;transition:color .3s;display:flex;position:relative;overflow:hidden}:is(.dark .pill-nav .nav-item.pill){color:#94a3b8}.pill-nav .pill .hover-circle{z-index:1;pointer-events:none;will-change:transform;background:#0f172a;border-radius:50%;display:block;position:absolute;bottom:0;left:50%}:is(.dark .pill-nav .pill .hover-circle){background:#3b82f6}.pill-nav .pill .label-stack{z-index:2;line-height:1;display:inline-block;position:relative}.pill-nav .pill .pill-label{z-index:2;white-space:nowrap;will-change:transform;line-height:1;transition:color .2s;display:inline-block;position:relative}.pill-nav .pill .pill-label-hover{color:#fff;z-index:3;white-space:nowrap;will-change:transform, opacity;line-height:1;display:inline-block;position:absolute;top:0;left:0}.pill-nav .pill.is-active{color:#fff;background:#0f172a}:is(.dark .pill-nav .pill.is-active){color:#fff;background:#3b82f6}.pill-nav .pill.is-active .pill-label{color:#fff}