.ds-grid {
  display: grid;
  gap: var(--ds-space-6);
}
.ds-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ds-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ds-stack {
  display: grid;
  gap: var(--ds-space-4);
}
.ds-swatch {
  border: 1px solid var(--ds-color-border);
  border-radius: var(--ds-radius-md);
  min-height: 84px;
  padding: var(--ds-space-3);
}
@media (max-width: 900px) {
  .ds-grid-2,
  .ds-grid-3 {
    grid-template-columns: 1fr;
  }
}