@charset "UTF-8";

/* Main full-size rating */
.star-rating {
    --percent: calc(var(--rating) / 5 * 100%);
    font-size: 32px;
    letter-spacing: 0px;
    position: relative;
    display: inline-block;
    color: #ccc;
    font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif;
}

.star-rating::before {
    content: "★★★★★";
    background: linear-gradient(90deg, #c40000 var(--percent), #ccc var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Smaller versions for reviews and cards */
.review-star-rating,
.card-star-rating {
    --percent: calc(var(--rating) / 5 * 100%);
    font-size: 24px;
    letter-spacing: 0px;
    position: relative;
    display: inline-block;
    color: #ccc;
    font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif;
}

.review-star-rating::before,
.card-star-rating::before {
    content: "★★★★★";
    background: linear-gradient(90deg, #c40000 var(--percent), #ccc var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}