.color-7977 {
    background: linear-gradient(to right, #000000 0% 50%, #ffffff 50% 100%);
    border: .1rem solid linear-gradient(to right, #000000 0% 50%, #ffffff 50% 100%);
}

.color-7977 > .ci-check {
    color: #FFFFFF;
}


.color-2295 {
    background: linear-gradient(to right, #ffffff 0% 50%, #ffffff 50% 100%);
    border: .1rem solid #E6E5EA;
}

.color-2295 > .ci-check {
    color: #000000;
}


.color-12302 {
    background: linear-gradient(to right, #821822 0% 50%, #ffffff 50% 100%);
    border: .1rem solid linear-gradient(to right, #821822 0% 50%, #ffffff 50% 100%);
}

.color-12302 > .ci-check {
    color: #FFFFFF;
}


.color-12325 {
    background: linear-gradient(to right, #938E73 0% 50%, #ffffff 50% 100%);
    border: .1rem solid linear-gradient(to right, #938E73 0% 50%, #ffffff 50% 100%);
}

.color-12325 > .ci-check {
    color: #FFFFFF;
}


.color-12328 {
    background: linear-gradient(to right, #355138 0% 50%, #ffffff 50% 100%);
    border: .1rem solid linear-gradient(to right, #355138 0% 50%, #ffffff 50% 100%);
}

.color-12328 > .ci-check {
    color: #FFFFFF;
}


.color-12293 {
    background: linear-gradient(to right, #2D2A33 0% 50%, #ffffff 50% 100%);
    border: .1rem solid linear-gradient(to right, #2D2A33 0% 50%, #ffffff 50% 100%);
}

.color-12293 > .ci-check {
    color: #FFFFFF;
}


.color-12329 {
    background: linear-gradient(to right, #253668 0% 50%, #ffffff 50% 100%);
    border: .1rem solid linear-gradient(to right, #253668 0% 50%, #ffffff 50% 100%);
}

.color-12329 > .ci-check {
    color: #FFFFFF;
}


.color-12309 {
    background: linear-gradient(to right, #626367 0% 50%, #ffffff 50% 100%);
    border: .1rem solid linear-gradient(to right, #626367 0% 50%, #ffffff 50% 100%);
}

.color-12309 > .ci-check {
    color: #FFFFFF;
}


.color-12330 {
    background: linear-gradient(to right, #6b5a4a 0% 50%, #ffffff 50% 100%);
    border: .1rem solid linear-gradient(to right, #6b5a4a 0% 50%, #ffffff 50% 100%);
}

.color-12330 > .ci-check {
    color: #FFFFFF;
}