.category{appearance:none;text-align:left;color:var(--ink);cursor:pointer}.category span{width:42px;height:42px;border-radius:12px;background:#f4f3ed;display:grid;place-items:center;transition:.2s}.category span svg{width:22px;height:22px;stroke:var(--blue)}.category:hover span,.category[aria-pressed="true"] span{background:#111}.category:hover span svg{stroke:var(--yellow)}.category[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff}.category[aria-pressed="true"] span{background:#fff}.category:focus-visible{outline:3px solid var(--blue);outline-offset:3px}