.ds-search-bar {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--ds-spacing-unit) * 4);
  padding: calc(var(--ds-spacing-unit) * 5);
  border-radius: var(--ds-border-radius);
  border: var(--ds-border-width) solid var(--ds-color-border);
  background: var(--ds-color-surface);
}

.ds-search-bar__input {
  flex: 1;
  min-width: 220px;
}

.ds-search-bar__filters {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--ds-spacing-unit) * 4);
}