.app-review-rating {
--app-rating-fill: #e8a317;
--app-rating-empty: #d9d9d9;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin: 0 0 10px;
line-height: 1;
}
.app-review-rating--standalone {
margin: 0 0 24px;
}
.app-review-rating--dark {
--app-rating-fill: #e6e8eb;
--app-rating-empty: rgba(255, 255, 255, 0.28);
}
.app-review-rating__stars {
position: relative;
display: inline-block;
flex-shrink: 0;
line-height: 0;
}
.app-review-rating__row {
display: inline-flex;
white-space: nowrap;
}
.app-review-rating__row--empty {
color: var(--app-rating-empty);
}
.app-review-rating__row--fill {
position: absolute;
top: 0;
left: 0;
height: 100%;
overflow: hidden;
color: var(--app-rating-fill);
}
.app-review-rating__row svg {
display: block;
flex-shrink: 0;
width: 20px !important;
height: 20px !important;
max-width: none !important;
margin: 0 !important;
fill: currentColor;
}
.app-review-rating--s2 .app-review-rating__row--fill { width: 20%; }
.app-review-rating--s3 .app-review-rating__row--fill { width: 30%; }
.app-review-rating--s4 .app-review-rating__row--fill { width: 40%; }
.app-review-rating--s5 .app-review-rating__row--fill { width: 50%; }
.app-review-rating--s6 .app-review-rating__row--fill { width: 60%; }
.app-review-rating--s7 .app-review-rating__row--fill { width: 70%; }
.app-review-rating--s8 .app-review-rating__row--fill { width: 80%; }
.app-review-rating--s9 .app-review-rating__row--fill { width: 90%; }
.app-review-rating--s10 .app-review-rating__row--fill { width: 100%; }
.app-review-rating__value {
font-size: 15px;
font-weight: 600;
font-style: normal;
}
.app-review-rating__sr {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}