@layer kz-components {
  .filterBar {
    display: flex;
    padding: var(--spacing-8);
    border-radius: var(--border-solid-border-radius);
    background-color: var(--color-white);
  }

  @media (width < 768px) {
    .filterBar {
      flex-direction: column;
    }
  }

  .filtersContainer {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    gap: var(--spacing-8);
  }
}