.swatch {
  padding: 0.5rem;
  border: 1px solid lightgrey;
  border-radius: 5px;
}

.swatch__sample {
  height: 120px;
  border: 1px solid lightgrey;
  margin-bottom: 1rem;
}

.auto-grid {
  display: grid;
  grid-template-columns: repeat(
    auto-fill,
    minmax(var(--auto-grid-min-size, 12rem), 1fr));
  gap: 1rem;
  padding: 0;
}

ul {
  list-style-type: none;
}
li + li {
  margin: 0;
}