.ux-tablist{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:2px 2px 20px}.ux-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1.5px solid var(--line);background:var(--surface);color:var(--text);padding:9px 18px;border-radius:var(--r-pill);font:600 .9rem/1.2 var(--font-body);cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s,background .15s,transform .15s}.ux-pill:hover{border-color:var(--line-hv2);transform:translateY(-1px)}.ux-pill.on{border-color:var(--blue);color:var(--blue-text);background:var(--blue-50)}.ux-pill:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.ux-panel[hidden]{display:none}.ux-panel{animation:ux-fade .35s ease}@keyframes ux-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width:640px){.ux-tablist{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin-inline:-20px;padding-inline:20px;scrollbar-width:none}.ux-tablist::-webkit-scrollbar{display:none}}@media (prefers-reduced-motion:reduce){.ux-panel{animation:none}.ux-pill{transition:none}}