.filter-group{flex-wrap:wrap;gap:.25rem}.pill{height:2.5rem;border-radius:9999px;padding:0 .5rem;font-size:.75rem;line-height:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#000;background:#fff0;border:none;cursor:pointer;transition:background-color 150ms ease,color 150ms ease,transform 120ms ease}@media (max-width:768px){.filter-group{width:100%}}.pill:hover{background:rgb(0 0 0 / .08)}.pill:focus-visible{outline:2px solid #000;outline-offset:2px}.pill.is-active{background:#000;color:#fff}.pill:active{transform:scale(.97)}