.portfolio-case-filters{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 26px;padding:5px;width:fit-content;max-width:100%;border-radius:24px;background:color-mix(in srgb,currentColor 5%,transparent)}
.portfolio-case-filters button{appearance:none;border:0;background:transparent;color:inherit;opacity:.62;font:inherit;font-size:13px;line-height:1.35;white-space:nowrap;border-radius:20px;padding:10px 16px;cursor:pointer;transition:background .18s,opacity .18s}
.portfolio-case-filters button:hover{opacity:1;background:color-mix(in srgb,currentColor 7%,transparent)}
.portfolio-case-filters button[aria-pressed=true]{opacity:1;background:color-mix(in srgb,currentColor 13%,transparent)}
.portfolio-case-filters button:focus-visible{outline:2px solid currentColor;outline-offset:2px}
#work .portfolio-case-preview[hidden]{display:none!important}
@media(max-width:600px){.portfolio-case-filters{gap:3px;border-radius:18px;margin-bottom:20px}.portfolio-case-filters button{font-size:12px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.portfolio-case-filters button{transition:none}}