.pill-links{--base:#026fc7;--hover-text:#fff;--pill-text:#334155}.dark .pill-links{--pill-text:#cbd5e1}.pill-links .pill-list{list-style:none;display:flex;align-items:stretch;gap:2px;margin:0;padding:4px;height:42px;background:rgba(241,245,249,.85);border:1px solid rgba(226,232,240,.9);border-radius:9999px}.dark .pill-links .pill-list{background:rgba(30,41,59,.55);border-color:rgba(51,65,85,.7)}.pill-links .pill{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0 16px;border-radius:9999px;color:var(--pill-text);text-decoration:none;font-weight:600;font-size:14px;letter-spacing:.1px;white-space:nowrap;cursor:pointer;transition:color .2s ease}.pill-links .hover-circle{position:absolute;left:50%;bottom:0;border-radius:50%;background:var(--base);z-index:1;display:block;pointer-events:none;will-change:transform}.pill-links .label-stack,.pill-links .pill-label{position:relative;z-index:2;display:inline-block;line-height:1}.pill-links .pill-label{will-change:transform}.pill-links .pill-label-hover{position:absolute;left:0;top:0;color:var(--hover-text);z-index:3;display:inline-block;will-change:transform,opacity}.pill-links .pill.is-active{background:var(--base);color:#fff}.pill-links .pill.is-active .pill-label{color:#fff}@media (prefers-reduced-motion:reduce){.pill-links .pill:hover{background:var(--base);color:#fff}}