.pills{flex-wrap:wrap;gap:8px 10px;margin-top:6px;display:flex}.pill{background-color:var(--bg-white);border:1px solid var(--border-default);cursor:pointer;text-align:center;border-radius:8px;flex:1;padding:10px 12px;font-size:.875rem;transition:color .1s ease-in-out,border-color .1s ease-in-out,background-color .1s ease-in-out}.pill:has(:focus-visible){outline:2px dashed var(--border-focus);outline-offset:2px}@media (hover:hover) and (pointer:fine){.pill:hover{border-color:var(--border-dark)}}.pill:has(:checked){color:var(--purple);border-color:var(--purple);background-color:var(--purple-muted)}@media (prefers-reduced-motion:reduce){.pill{transition:none}}