@charset "UTF-8";
.formhash-fieldname-rating-wrapper {
  float: left;
}
.formhash-fieldname-rating-wrapper:not(:checked) > input {
  position: absolute;
  left: -9999px;
  clip: rect(0, 0, 0, 0);
}
.formhash-fieldname-rating-wrapper:not(:checked) > label {
  float: right;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 200%;
  font-weight: 100;
  line-height: 1.2;
  color: coloridle;
  font-family: sans-serif;
}
.formhash-fieldname-rating-wrapper:not(:checked) > label:before {
  content: "★ ";
  border: none;
}
.formhash-fieldname-rating-wrapper:not(:checked) > label:after {
  content: "";
  display: none;
}
.formhash-fieldname-rating-wrapper:not(:checked) > label:hover,
.formhash-fieldname-rating-wrapper:not(:checked) > label:hover ~ label {
  color: colorhover;
}
.formhash-fieldname-rating-wrapper > input:checked ~ label {
  color: colorselected;
}
.formhash-fieldname-rating-wrapper > input:checked + label:hover,
.formhash-fieldname-rating-wrapper > input:checked + label:hover ~ label,
.formhash-fieldname-rating-wrapper > input:checked ~ label:hover,
.formhash-fieldname-rating-wrapper > input:checked ~ label:hover ~ label,
.formhash-fieldname-rating-wrapper > label:hover ~ input:checked ~ label {
  color: colorhover;
}
.formhash-fieldname-rating-wrapper > label:active {
  position: relative;
  top: 2px;
  left: 2px;
}