.tab-pills{display:inline-flex;flex-wrap:wrap;gap:.75rem;padding:.5rem;border:1px solid color-mix(in oklab,var(--color-border) 92%,white);border-radius:calc(var(--radius-pill) + .35rem);background:linear-gradient(180deg,#fffffff5,#f4f8ffeb),radial-gradient(circle at top left,color-mix(in oklab,var(--color-secondary) 10%,white),transparent 55%);box-shadow:0 18px 40px #0f172a0d;width:fit-content;max-width:100%}.tab-pills__tab{display:inline-flex;align-items:center;gap:.65rem;min-height:2.75rem;padding:.9rem 1.2rem;border:1px solid color-mix(in oklab,var(--color-border) 88%,white);border-radius:var(--radius-pill);background:#ffffffd1;color:var(--color-text-muted);font-family:var(--theme-font-display);font-size:1rem;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.tab-pills__tab:hover{transform:translateY(-1px);border-color:color-mix(in oklab,var(--color-secondary) 32%,white);box-shadow:0 10px 24px #3b82f61f}.tab-pills__tab--active{border-color:transparent;background:linear-gradient(135deg,var(--color-secondary),color-mix(in oklab,var(--color-secondary) 76%,var(--color-tertiary)));color:#fff;box-shadow:0 14px 30px #3b82f633}.tab-pills__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.9rem;height:1.9rem;padding:0 .55rem;border-radius:var(--radius-pill);background:#ffffffb8;color:inherit;font-size:.85rem;line-height:1}.tab-pills__tab--active .tab-pills__count{background:#ffffff38}