@charset "UTF-8";
/*
Theme Name: Webtronic Hub Theme
Author: webtronic
Version: 1.0.0
*/
.star-rating {
  --star-spacing: 3px;
  --rating-max: 10;
  display: inline-block;
  font-size: 14px;
  position: relative;
  letter-spacing: var(--star-spacing);
  white-space: nowrap;
}
.star-rating::before {
  content: "★★★★★";
}
.star-rating::after {
  content: "★★★★★";
  color: #ffcc00;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(var(--rating) / var(--rating-max) * (5em + 4 * var(--star-spacing)));
  overflow: hidden;
}

.single-star-score {
  --star-spacing: 3px;
  --rating-max: 10;
  display: inline-block;
  font-size: 14px;
  position: relative;
  letter-spacing: var(--star-spacing);
  white-space: nowrap;
}
.single-star-score::before {
  content: "★";
}
.single-star-score::after {
  content: "★";
  color: #ffcc00;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(var(--rating) / var(--rating-max) * (5em + 4 * var(--star-spacing)));
  overflow: hidden;
}

.score-line {
  --percent: calc((var(--value) / var(--max)) * 100%);
  position: relative;
  width: 100%;
  height: 6px;
  background: #dfe6f1;
  border-radius: 999px;
  overflow: hidden;
}

.score-line::after {
  content: "";
  position: absolute;
  inset: 0;
  width: var(--percent);
  background: #2f6df6;
  border-radius: 999px;
}

/*# sourceMappingURL=style.css.map */