.projects-filters{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.5rem;margin-block-end:1.75rem}.projects-filter{flex-shrink:0;white-space:nowrap;min-block-size:2.75rem;border:1px solid var(--color-border-default);border-radius:999px;padding-inline:1rem;padding-block:.5rem;background:var(--color-surface-card);color:var(--color-text-secondary);font-size:.875rem;font-weight:var(--font-weight-medium);text-decoration:none;box-shadow:0 1px 2px light-dark(rgb(15 23 42/.04),rgb(0 0 0/.2));transition:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.projects-filter:hover{border-color:var(--color-action-primary);background:var(--color-brand-primary-soft);color:var(--color-link-hover)}.projects-filter.is-active{border-color:var(--color-action-primary);background:var(--color-action-primary);color:#fff;box-shadow:0 8px 18px light-dark(rgb(124 58 237/.28),rgb(124 58 237/.35))}.projects-filter:active{transform:translateY(1px)}@media (min-width:40rem) and (max-width:63.999rem){.projects-filters{gap:.45rem}.projects-filter{min-block-size:2.35rem;padding-inline:.8rem;padding-block:.4rem;font-size:.8rem}}@media (max-width:39.999rem){.projects-filters{gap:.4rem;margin-block-end:1.35rem}.projects-filter{min-block-size:2.25rem;padding-inline:.75rem;padding-block:.4rem;font-size:.8rem}}