/* Colors are tweakable via CSS variables */
:root {
  --tvr-star-empty: #ffffff;   /* empty star */
  --tvr-star-fill:  #f4c150;   /* yellow */
}
.tvr-stars { display:inline-block; line-height:1; }
.tvr-rate .tvr-stars { cursor: pointer; }
.tvr-star { font-size: 18px; margin-right: 2px; color: var(--tvr-star-empty); }
.tvr-star.tvr-full { color: var(--tvr-star-fill); }
/* half star via gradient text fill */
.tvr-star.tvr-half {
  background: linear-gradient(90deg, var(--tvr-star-fill) 50%, var(--tvr-star-empty) 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tvr-rate.tvr-locked .tvr-stars { cursor: default; }

.tvr-avg{
    color: #fff !important;
}