@layer blocks {
  .controls-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
  }
  .controls-bar__results-count {
    color: var(--theme-text-primary);
  }
  .controls-bar__controls {
    display: flex;
    gap: 0.5rem;
    align-items: center;
  }
  .controls-bar__quick-filters {
    display: none;
  }
  @media (min-width: 1024px) {
    .controls-bar__quick-filters {
      display: flex;
      gap: 0.5rem;
      align-items: center;
    }
  }
}