.pling-color-swatches-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: var(--spacing-01);
}

.color-swatches .color-swatch {
  border-radius: 100%;
  border: 1px solid transparent;
  width: 16px;
  height: 16px;
  max-width: 16px;
  max-height: 16px;
  background-color: var(--color-accent);
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-xs);
  text-align: center;
  display: block;
}
.color-swatches .color-swatch.value-white {
  background-color: #ffffff;
  border-color: #cccccc;
}
.color-swatches .color-swatch.value-black {
  background-color: #000000;
  border-color: #000000;
}
.color-swatches .color-swatch.value-grey {
  background-color: #cccccc;
  border-color: #cccccc;
}
.color-swatches .color-swatch.value-bronzen, .color-swatches .color-swatch.value-bronze {
  background-color: #dfb592;
  border-color: #dfb592;
}
.color-swatches .color-swatch.value-nude-coloured {
  background-color: #fcecd9;
  border-color: #fcecd9;
}
.color-swatches .color-swatch.value-yellow {
  background-color: #fefc97;
  border-color: #fefc97;
}
.color-swatches .color-swatch.value-orange {
  background-color: #feb566;
  border-color: #feb566;
}
.color-swatches .color-swatch.value-red {
  background-color: #ff8484;
  border-color: #ff8484;
}
.color-swatches .color-swatch.value-rosa {
  background-color: #ffcce4;
  border-color: #ffcce4;
}
.color-swatches .color-swatch.value-pink {
  background-color: #ff84ce;
  border-color: #ff84ce;
}
.color-swatches .color-swatch.value-purple {
  background-color: #eac5ff;
  border-color: #eac5ff;
}
.color-swatches .color-swatch.value-blue {
  background-color: #92deff;
  border-color: #92deff;
}
.color-swatches .color-swatch.value-green {
  background-color: #b5eea8;
  border-color: #b5eea8;
}
.color-swatches .color-swatch.value-gold {
  background-color: #e5c272;
  border-color: #e5c272;
}
.color-swatches .color-swatch.value-silver {
  background-color: #c5c5c5;
  border-color: #c5c5c5;
}
.color-swatches .color-swatch.value-multicolor {
  background: linear-gradient(135deg, #fdad00 0, rgba(66, 218, 163, 0) 100%), linear-gradient(-135deg, #fa0391 0, rgba(66, 218, 163, 0) 100%), linear-gradient(-45deg, #11b1e0 0, rgba(29, 140, 241, 0) 100%), linear-gradient(45deg, #02fc66 0, rgba(234, 13, 62, 0) 100%);
  border-color: #cccccc;
}
.color-swatches .color-swatch.value-rose {
  background-color: #ecb49b;
  border-color: #ecb49b;
}
.color-swatches .color-swatch.value-dark-grey {
  background-color: #454545;
  border-color: #454545;
}
.color-swatches .color-swatch.value-silber-schwarz {
  background: linear-gradient(-135deg, #C0C0C0 50%, #000000 50%);
  border-color: #C0C0C0;
}
.color-swatches .color-swatch.value-rosegold-schwarz {
  background: linear-gradient(-135deg, #E0BFB8 50%, #000000 50%);
  border-color: #C0C0C0;
}
.color-swatches .color-swatch.value-gold-schwarz {
  background: linear-gradient(-135deg, #ffd700 50%, #000000 50%);
  border-color: #C0C0C0;
}

.pling-color-swatch.text {
  font-size: 14px;
  line-height: 14px;
  background-color: transparent;
  background: transparent;
  border-color: transparent;
  max-width: 100%;
  display: block;
  width: auto;
}

/*# sourceMappingURL=color-swatches.css.map */