.ds-scroll-container {
  max-height: var(--ds-scroll-container-max-height, 18rem);
  overflow: auto;
  overscroll-behavior: contain;
  padding: var(--ds-scroll-container-padding, var(--ds-space-16));
}

.ds-scroll-container--bounded {
  border: 1px solid var(--ds-colour-line);
  background: var(--ds-colour-surface);
}

.ds-scroll-container--compact {
  --ds-scroll-container-max-height: 12rem;
  --ds-scroll-container-padding: var(--ds-space-12);
}

.ds-scroll-container--tall {
  --ds-scroll-container-max-height: 24rem;
}

.ds-scroll-container > * {
  min-width: 0;
}