.swatch {
  --swatch-size: 3.2rem;
  display: block;
  width: var(--swatch-size);
  height: var(--swatch-size);
  border-radius: 50%;
  background: var(--swatch--background, #fff);
  background-position: var(--swatch-focal-point, center);
  background-size: cover;
}

.swatch--square {
  border-radius: 6px;
}