@charset "utf-8";
.mod_rating_star {
  position: relative;
  color: #a9c444;
  font-language-override: normal;
  height: 1em;
  display: inline-block;
  font-size: 22px;
  font-family: sans-serif;
}

.mod_rating_star:before {
@charset 'UTF-8';
  display: block;
  position: absolute;
  top: 0; left: 0;
  content: '★★★★★';
  color: #777;
  z-index: 0;
}

.mod_rating_star:after {
@charset 'UTF-8';
  display: block;
  position: relative;
  content: '★★★★★';
  color: #a9c444;
  overflow: hidden;
  z-index: 1;
}
.mod_rating_text{
  color:#fff;
}

.mod_rating_star[data-stars='0.0']:after { width: 0 }
.mod_rating_star[data-stars='0.1']:after { width: 2% }
.mod_rating_star[data-stars='0.2']:after { width: 4% }
.mod_rating_star[data-stars='0.3']:after { width: 6% }
.mod_rating_star[data-stars='0.4']:after { width: 8% }
.mod_rating_star[data-stars='0.5']:after { width: 10% }
.mod_rating_star[data-stars='0.6']:after { width: 12% }
.mod_rating_star[data-stars='0.7']:after { width: 14% }
.mod_rating_star[data-stars='0.8']:after { width: 16% }
.mod_rating_star[data-stars='0.9']:after { width: 18% }

.mod_rating_star[data-stars='1.0']:after { width: 20% }
.mod_rating_star[data-stars='1.1']:after { width: 22% }
.mod_rating_star[data-stars='1.2']:after { width: 24% }
.mod_rating_star[data-stars='1.3']:after { width: 26% }
.mod_rating_star[data-stars='1.4']:after { width: 28% }
.mod_rating_star[data-stars='1.5']:after { width: 30% }
.mod_rating_star[data-stars='1.6']:after { width: 32% }
.mod_rating_star[data-stars='1.7']:after { width: 34% }
.mod_rating_star[data-stars='1.8']:after { width: 36% }
.mod_rating_star[data-stars='1.9']:after { width: 38% }

.mod_rating_star[data-stars='2.0']:after { width: 40% }
.mod_rating_star[data-stars='2.1']:after { width: 42% }
.mod_rating_star[data-stars='2.2']:after { width: 44% }
.mod_rating_star[data-stars='2.3']:after { width: 46% }
.mod_rating_star[data-stars='2.4']:after { width: 48% }
.mod_rating_star[data-stars='2.5']:after { width: 50% }
.mod_rating_star[data-stars='2.6']:after { width: 52% }
.mod_rating_star[data-stars='2.7']:after { width: 54% }
.mod_rating_star[data-stars='2.8']:after { width: 56% }
.mod_rating_star[data-stars='2.9']:after { width: 58% }

.mod_rating_star[data-stars='3.0']:after { width: 60% }
.mod_rating_star[data-stars='3.1']:after { width: 62% }
.mod_rating_star[data-stars='3.2']:after { width: 64% }
.mod_rating_star[data-stars='3.3']:after { width: 66% }
.mod_rating_star[data-stars='3.4']:after { width: 68% }
.mod_rating_star[data-stars='3.5']:after { width: 70% }
.mod_rating_star[data-stars='3.6']:after { width: 72% }
.mod_rating_star[data-stars='3.7']:after { width: 74% }
.mod_rating_star[data-stars='3.8']:after { width: 76% }
.mod_rating_star[data-stars='3.9']:after { width: 78% }

.mod_rating_star[data-stars='4.0']:after { width: 80% }
.mod_rating_star[data-stars='4.1']:after { width: 82% }
.mod_rating_star[data-stars='4.2']:after { width: 84% }
.mod_rating_star[data-stars='4.3']:after { width: 86% }
.mod_rating_star[data-stars='4.4']:after { width: 88% }
.mod_rating_star[data-stars='4.5']:after { width: 90% }
.mod_rating_star[data-stars='4.6']:after { width: 92% }
.mod_rating_star[data-stars='4.7']:after { width: 94% }
.mod_rating_star[data-stars='4.8']:after { width: 96% }
.mod_rating_star[data-stars='4.9']:after { width: 98% }

.mod_rating_star[data-stars='5.0']:after { width: 100% }

a: hover, a: focus {color: #a9c444;}