@layer components {
  .controls-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    padding: 0;
  }
  .controls-bar__results-count {
    color: var(--theme-text-primary);
  }
  .controls-bar__controls {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
}