[site-reviews] Multicoloured ratings (coloured by individual rating)

/**
 * https://www.dropbox.com/s/kuriexc1azfmrwt/multi-coloured-stars.zip?dl=1
 */

.glsr-star.glsr-star-full {}:root {
    --glc-star-color-0: #333333;
    --glc-star-color-1: #ff6f31;
    --glc-star-color-2: #ff9f02;
    --glc-star-color-3: #ffcf02;
    --glc-star-color-4: #9ace6a;
    --glc-star-color-5: #57bb8a;
    --glc-star-empty-0: url(/wp-content/uploads/star-empty-0.svg);
    --glc-star-empty-1: url(/wp-content/uploads/star-empty-1.svg);
    --glc-star-empty-2: url(/wp-content/uploads/star-empty-2.svg);
    --glc-star-empty-3: url(/wp-content/uploads/star-empty-3.svg);
    --glc-star-empty-4: url(/wp-content/uploads/star-empty-4.svg);
    --glc-star-empty-5: url(/wp-content/uploads/star-empty-5.svg);
    --glc-star-half-0: url(/wp-content/uploads/star-half-0.svg);
    --glc-star-half-1: url(/wp-content/uploads/star-half-1.svg);
    --glc-star-half-2: url(/wp-content/uploads/star-half-2.svg);
    --glc-star-half-3: url(/wp-content/uploads/star-half-3.svg);
    --glc-star-half-4: url(/wp-content/uploads/star-half-4.svg);
    --glc-star-half-5: url(/wp-content/uploads/star-half-5.svg);
    --glc-star-full-0: url(/wp-content/uploads/star-full-0.svg);
    --glc-star-full-1: url(/wp-content/uploads/star-full-1.svg);
    --glc-star-full-2: url(/wp-content/uploads/star-full-2.svg);
    --glc-star-full-3: url(/wp-content/uploads/star-full-3.svg);
    --glc-star-full-4: url(/wp-content/uploads/star-full-4.svg);
    --glc-star-full-5: url(/wp-content/uploads/star-full-5.svg);
}

/* Form stars */

.glsr-form .gl-star-rating--stars>span:nth-child(1) {
    background-image: var(--glc-star-empty-1) !important;
}
.glsr-form .gl-star-rating--stars>span:nth-child(2) {
    background-image: var(--glc-star-empty-2) !important;
}
.glsr-form .gl-star-rating--stars>span:nth-child(3) {
    background-image: var(--glc-star-empty-3) !important;
}
.glsr-form .gl-star-rating--stars>span:nth-child(4) {
    background-image: var(--glc-star-empty-4) !important;
}
.glsr-form .gl-star-rating--stars>span:nth-child(5) {
    background-image: var(--glc-star-empty-5) !important;
}
.glsr-form .gl-star-rating--stars>span.gl-active:nth-child(1) {
    background-image: var(--glc-star-full-1) !important;
}
.glsr-form .gl-star-rating--stars>span.gl-active:nth-child(2) {
    background-image: var(--glc-star-full-2) !important;
}
.glsr-form .gl-star-rating--stars>span.gl-active:nth-child(3) {
    background-image: var(--glc-star-full-3) !important;
}
.glsr-form .gl-star-rating--stars>span.gl-active:nth-child(4) {
    background-image: var(--glc-star-full-4) !important;
}
.glsr-form .gl-star-rating--stars>span.gl-active:nth-child(5) {
    background-image: var(--glc-star-full-5) !important;
}

/* Review and Summary stars */

.glsr .glsr-stars > .glsr-star:nth-of-type(1) {
    background-image: var(--glc-star-empty-1) !important;
}
.glsr .glsr-stars > .glsr-star:nth-of-type(2) {
    background-image: var(--glc-star-empty-2) !important;
}
.glsr .glsr-stars > .glsr-star:nth-of-type(3) {
    background-image: var(--glc-star-empty-3) !important;
}
.glsr .glsr-stars > .glsr-star:nth-of-type(4) {
    background-image: var(--glc-star-empty-4) !important;
}
.glsr .glsr-stars > .glsr-star:nth-of-type(5) {
    background-image: var(--glc-star-empty-5) !important;
}
.glsr .glsr-stars > .glsr-star-half:nth-of-type(1) {
    background-image: var(--glc-star-half-1) !important;
}
.glsr .glsr-stars > .glsr-star-half:nth-of-type(2) {
    background-image: var(--glc-star-half-2) !important;
}
.glsr .glsr-stars > .glsr-star-half:nth-of-type(3) {
    background-image: var(--glc-star-half-3) !important;
}
.glsr .glsr-stars > .glsr-star-half:nth-of-type(4) {
    background-image: var(--glc-star-half-4) !important;
}
.glsr .glsr-stars > .glsr-star-half:nth-of-type(5) {
    background-image: var(--glc-star-half-5) !important;
}
.glsr .glsr-stars > .glsr-star-full:nth-of-type(1) {
    background-image: var(--glc-star-full-1) !important;
}
.glsr .glsr-stars > .glsr-star-full:nth-of-type(2) {
    background-image: var(--glc-star-full-2) !important;
}
.glsr .glsr-stars > .glsr-star-full:nth-of-type(3) {
    background-image: var(--glc-star-full-3) !important;
}
.glsr .glsr-stars > .glsr-star-full:nth-of-type(4) {
    background-image: var(--glc-star-full-4) !important;
}
.glsr .glsr-stars > .glsr-star-full:nth-of-type(5) {
    background-image: var(--glc-star-full-5) !important;
}


/* Summary percentage bars */

.glsr-summary .glsr-bar:nth-child(0n+1) .glsr-bar-background-percent {
    background-color: var(--glc-star-color-5);
}
.glsr-summary .glsr-bar:nth-child(0n+2) .glsr-bar-background-percent {
    background-color: var(--glc-star-color-4);
}
.glsr-summary .glsr-bar:nth-child(0n+3) .glsr-bar-background-percent {
    background-color: var(--glc-star-color-3);
}
.glsr-summary .glsr-bar:nth-child(0n+4) .glsr-bar-background-percent {
    background-color: var(--glc-star-color-2);
}
.glsr-summary .glsr-bar:nth-child(0n+5) .glsr-bar-background-percent {
    background-color: var(--glc-star-color-1);
}