@charset "UTF-8";
/*
* Trunk version 2.0.0
*/

.review-stars {
    display: inline-flex;
    gap: 4px;
    font-size: 40px; /* Change size here */
    line-height: 1;
}

.star {
    position: relative;
    display: inline-block;
}

.star.full {
    color: #c02921; /* Active star color */
}

.star.empty {
    color: #ccc; /* Inactive star color */
}

.star.half {
    color: #ccc;
}

.star.half::before {
    content: "★";
    position: absolute;
    left: 0;
    width: 50%;
    overflow: hidden;
    color: #c02921; /* Active half color */
}