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

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

: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(/uploads/star-empty-0.svg);
    --glc-star-empty-1: url(/uploads/star-empty-1.svg);
    --glc-star-empty-2: url(/uploads/star-empty-2.svg);
    --glc-star-empty-3: url(/uploads/star-empty-3.svg);
    --glc-star-empty-4: url(/uploads/star-empty-4.svg);
    --glc-star-empty-5: url(/uploads/star-empty-5.svg);
    --glc-star-half-0: url(/uploads/star-half-0.svg);
    --glc-star-half-1: url(/uploads/star-half-1.svg);
    --glc-star-half-2: url(/uploads/star-half-2.svg);
    --glc-star-half-3: url(/uploads/star-half-3.svg);
    --glc-star-half-4: url(/uploads/star-half-4.svg);
    --glc-star-half-5: url(/uploads/star-half-5.svg);
    --glc-star-full-0: url(/uploads/star-full-0.svg);
    --glc-star-full-1: url(/uploads/star-full-1.svg);
    --glc-star-full-2: url(/uploads/star-full-2.svg);
    --glc-star-full-3: url(/uploads/star-full-3.svg);
    --glc-star-full-4: url(/uploads/star-full-4.svg);
    --glc-star-full-5: url(/uploads/star-full-5.svg);
}

/* Form stars */

.glsr-form .gl-star-rating--stars.s0 > span {
    background-image: var(--glc-star-empty-0) !important;
}
.glsr-form .gl-star-rating--stars.s10>span {
    background-image: var(--glc-star-empty-1) !important;
}
.glsr-form .gl-star-rating--stars.s10>span:first-child {
    background-image: var(--glc-star-full-1) !important;
}
.glsr-form .gl-star-rating--stars.s20>span {
    background-image: var(--glc-star-empty-2) !important;
}
.glsr-form .gl-star-rating--stars.s20>span:nth-child(-1n+2) {
    background-image: var(--glc-star-full-2) !important;
}
.glsr-form .gl-star-rating--stars.s30>span {
    background-image: var(--glc-star-empty-3) !important;
}
.glsr-form .gl-star-rating--stars.s30>span:nth-child(-1n+3) {
    background-image: var(--glc-star-full-3) !important;
}
.glsr-form .gl-star-rating--stars.s40>span {
    background-image: var(--glc-star-empty-4) !important;
}
.glsr-form .gl-star-rating--stars.s40>span:nth-child(-1n+4) {
    background-image: var(--glc-star-full-4) !important;
}
.glsr-form .gl-star-rating--stars.s50>span {
    background-image: var(--glc-star-empty-5) !important;
}
.glsr-form .gl-star-rating--stars.s50>span:nth-child(-1n+5) {
    background-image: var(--glc-star-full-5) !important;
}

/* Review stars */

.glsr-review .glsr-stars[data-rating="0"] > .glsr-star {
    background-image: var(--glc-star-empty-0) !important;
}
.glsr-review .glsr-stars[data-rating="0"] > .glsr-star-full {
    background-image: var(--glc-star-full-0) !important;
}
.glsr-review .glsr-stars[data-rating="1"] > .glsr-star {
    background-image: var(--glc-star-empty-1) !important;
}
.glsr-review .glsr-stars[data-rating="1"] > .glsr-star-full {
    background-image: var(--glc-star-full-1) !important;
}
.glsr-review .glsr-stars[data-rating="2"] > .glsr-star {
    background-image: var(--glc-star-empty-2) !important;
}
.glsr-review .glsr-stars[data-rating="2"] > .glsr-star-full {
    background-image: var(--glc-star-full-2) !important;
}
.glsr-review .glsr-stars[data-rating="3"] > .glsr-star {
    background-image: var(--glc-star-empty-3) !important;
}
.glsr-review .glsr-stars[data-rating="3"] > .glsr-star-full {
    background-image: var(--glc-star-full-3) !important;
}
.glsr-review .glsr-stars[data-rating="4"] > .glsr-star {
    background-image: var(--glc-star-empty-4) !important;
}
.glsr-review .glsr-stars[data-rating="4"] > .glsr-star-full {
    background-image: var(--glc-star-full-4) !important;
}
.glsr-review .glsr-stars[data-rating="5"] > .glsr-star {
    background-image: var(--glc-star-empty-5) !important;
}
.glsr-review .glsr-stars[data-rating="5"] > .glsr-star-full {
    background-image: var(--glc-star-full-5) !important;
}

/* Summary stars */

.glsr-summary .glsr-stars > .glsr-star-empty {
    background-image: var(--glc-star-empty-0) !important;
}
.glsr-summary .glsr-stars > .glsr-star-half {
    background-image: var(--glc-star-half-0) !important;
}
.glsr-summary .glsr-stars > .glsr-star-full {
    background-image: var(--glc-star-full-0) !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);
}