.cursor-pointer {
    cursor: pointer;
}

.rating-wrapper {
    position: relative;
    display: inline-block;
}

.stars-bg {
    color: #ddd;
}

.stars {
    position: absolute;
    top: 0;
    left: 0;
    color: var(--warning);
}

fieldset.rating,
fieldset.rating label {
    margin: 0;
    padding: 0
}

.rating {
    border: none;
    margin-right: 49px
}

.rating>[id^="star"] {
    display: none
}

.rating>label:before {
    margin: 5px;
    font-size: 1.25em;
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    display: inline-block;
    content: "\f005"
}

.rating>.half:before {
    content: "\f089";
    position: absolute
}

.rating>label {
    color: #ddd;
    float: right
}

.rating>[id^="star"]:checked~label,
.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label {
    color: #FFD700
}

.rating>[id^="star"]:checked+label:hover,
.rating>[id^="star"]:checked~label:hover,
.rating>label:hover~[id^="star"]:checked~label,
.rating>[id^="star"]:checked~label:hover~label {
    color: #FFED85
}

.reset-option {
    display: none
}