.pai-swatches {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.pai-swatch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid #d0d0d0;
  border-radius: 999px;
  background: #fff;
  cursor: pointer;
  line-height: 1;
}

.pai-swatch.is-active {
  border-color: #111;
  background: #111;
  color: #fff;
}

.pai-swatch-chip {
  width: 14px;
  height: 14px;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  display: inline-block;
}

.pai-swatches-hidden-select {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}