.color-list-item-swatch {
    position: relative;
    display: inline-flex;
    width: 28px;
    height: 28px;
    border-radius: 9999px;
    overflow: hidden;
    flex-shrink: 0;
}

/* GOLD */
.color-list-item-swatch.color-1 {
    background-image: linear-gradient(315deg, #d3bb51, #fff 48%, #ccbd74);
}

/* TEN */
.color-list-item-swatch.color-2 {
    background: #f5e0cc;
}

/* WHITE */
.color-list-item-swatch.color-3 {
    background: #fff;
    border: 1px solid #d4d4d8;
}

/* GRAY */
.color-list-item-swatch.color-4 {
    background: #ddd;
}

/* SILVER */
.color-list-item-swatch.color-5 {
    background-image: linear-gradient(315deg, #a3a3a3, #fff 46%, #898989);
}

/* BROWN */
.color-list-item-swatch.color-6 {
    background: #8b572a;
}

/* RED */
.color-list-item-swatch.color-7 {
    background: #de001b;
}

/* DARK BLUE */
.color-list-item-swatch.color-8 {
    background: #1f3897;
}

/* BLUE */
.color-list-item-swatch.color-9 {
    background: #71b2ff;
}

/* BRONZE */
.color-list-item-swatch.color-10 {
    background-image: linear-gradient(315deg, #c27e57, #fff 52%, #cb906f);
}

/* PURPLE */
.color-list-item-swatch.color-11 {
    background: #8331cc;
}

/* PINK */
.color-list-item-swatch.color-12 {
    background: #ffa8e7;
}

/* YELLOW */
.color-list-item-swatch.color-13 {
    background: #ffe500;
}

/* BLACK */
.color-list-item-swatch.color-14,
.color-list-item-swatch.color-siyah,
.color-list-item-swatch.color-black,
.color-list-item-swatch.color-schwarz {
    background: #000;
}

/* TURQUOISE */
.color-list-item-swatch.color-15 {
    background: #46c49e;
}

/* ORANGE */
.color-list-item-swatch.color-16 {
    background: #f5a623;
}

/* GREEN */
.color-list-item-swatch.color-17 {
    background: #7ed321;
}

/* BURGUNDY */
.color-list-item-swatch.color-19 {
    background: #a52c36;
}

/* ECRU */
.color-list-item-swatch.color-20,
.color-list-item-swatch.color-ekru,
.color-list-item-swatch.color-ecru,
.color-list-item-swatch.color-wollweiss,
.color-list-item-swatch.color-420157 {
    background: #ede9de;
}

/* KHAKI */
.color-list-item-swatch.color-21 {
    background: #8b9955;
}

/* MULTICOLOR */
.color-list-item-swatch.color-686230 {
    background: linear-gradient(90deg,
            #f35f6c 0%,
            #c366ff 25%,
            #83c0ff 51%,
            #5cfdd9 74%,
            #f8e00b 100%);
}