.a-stars {
  background: color-mix(in srgb, var(--color-primary) 30%, transparent);
  clip-path: url("#rating-clip-path");
  display: inline-block;
  height: 17px;
  position: relative;
  vertical-align: middle;
  width: 115px;
}
.a-stars::before {
  background: var(--color-primary);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
}
.a-stars--1::before {
  width: calc(10% - 2px);
}
.a-stars--2::before {
  width: 20%;
}
.a-stars--3::before {
  width: calc(30% - 1px);
}
.a-stars--4::before {
  width: 40%;
}
.a-stars--5::before {
  width: 50%;
}
.a-stars--6::before {
  width: 60%;
}
.a-stars--7::before {
  width: calc(70% + 1px);
}
.a-stars--8::before {
  width: 80%;
}
.a-stars--9::before {
  width: calc(90% + 2px);
}
.a-stars--10::before {
  width: 100%;
}

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