commerce/components/product/Swatch/Swatch.module.css

.root {
  @apply h-12 w-12 bg-white text-black rounded-full mr-3 inline-flex items-center justify-center cursor-pointer transition duration-75 ease-in-out p-0 shadow-none;
}

.active.size {
  @apply border-black;
}

.root:hover {
  @apply transform scale-110;
}

.colorViolet {
  @apply bg-violet !important;
}

.colorPink {
  @apply bg-pink !important;
}

.colorBlack {
  @apply bg-black !important;
}

.colorWhite,
.size {
  @apply bg-white !important;
  @apply border border-gray-200;
}