.container {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: var(--color-surface-primary);
  border: 1px solid var(--color-grey-soft);
  border-radius: map.get($radius, 'md');
  box-shadow: 0 4px 20px 0 var(--color-grey-light);
}

.filterWrapper {
  padding: map.get($spacing-scale, 's-2');
  padding-bottom: 0;
}

.listWrapper {
  display: flex;
  flex-direction: column;
  gap: map.get($spacing-scale, 's-1');
  padding: map.get($spacing-scale, 's-2');
  overflow-y: auto;
}

.noResults {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: map.get($spacing-scale, 'md') map.get($spacing-scale, 'sm');
  color: var(--color-text-tertiary);
  @include body-small-regular;
}