/* Rating Control */
.star5-rating {
    position: relative;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    color: #CCCCCC;
}

    .star5-rating:before, .star5_rating:after {
        content: "\2605\2605\2605\2605\2605";
    }

    .star5-rating:after {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        overflow: hidden;
        white-space: nowrap;
        color: var(--bs-yellow);
    }

    /* 星5 */
    .star5-rating[data-rate="5"]:after {
        width: 100%;
    }
    /* 星4.5 */
    .star5-rating[data-rate="4.5"]:after {
        width: 90%;
    }
    /* 星4 */
    .star5-rating[data-rate="4"]:after {
        width: 80%;
    }
    /* 星3.5 */
    .star5-rating[data-rate="3.5"]:after {
        width: 70%;
    }
    /* 星3 */
    .star5-rating[data-rate="3"]:after {
        width: 60%;
    }
    /* 星2.5 */
    .star5-rating[data-rate="2.5"]:after {
        width: 50%;
    }
    /* 星2 */
    .star5-rating[data-rate="2"]:after {
        width: 40%;
    }
    /* 星1.5 */
    .star5-rating[data-rate="1.5"]:after {
        width: 30%;
    }
    /* 星1 */
    .star5-rating[data-rate="1"]:after {
        width: 20%;
    }
    /* 星0.5 */
    .star5-rating[data-rate="0.5"]:after {
        width: 10%;
    }
    /* 星0 */
    .star5-rating[data-rate="0"]:after {
        width: 0%;
    }