.starability-result {
  position: relative;
  width: 150px;
  height: 30px;
  background-image: url("data:image/png;base64,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");
  font-size: 0.1em;
  color: transparent;
  padding-top:10px;
}

.starability-result:after {
  content: ' ';
  position: absolute;
  left: 0;
  height: 30px;
  background-image: url("data:image/png;base64,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");
  background-position: 0 -30px;
}

.starability-result[data-rating="5"]::after {
  width: 150px;
}

.starability-result[data-rating="4"]::after {
  width: 120px;
}

.starability-result[data-rating="3"]::after {
  width: 90px;
}

.starability-result[data-rating="2"]::after {
  width: 60px;
}

.starability-result[data-rating="1"]::after {
  width: 30px;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi) {
  .starability-result {
    background-image: url("data:image/png;base64,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");
    background-size: 30px auto;
  }
  .starability-result:after {
    background-image: url("data:image/png;base64,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");
    background-size: 30px auto;
  }
}

.starability-basic {
  display: block;
  position: relative;
  width: 150px;
  min-height: 60px;
  padding: 0;
  border: none;
}

.starability-basic > input {
  position: absolute;
  margin-right: -100%;
  opacity: 0;
}

.starability-basic > input:checked ~ label,
.starability-basic > input:focus ~ label {
  background-position: 0 0;
}

.starability-basic > input:checked + label,
.starability-basic > input:focus + label {
  background-position: 0 -30px;
}

.starability-basic > input[disabled]:hover + label {
  cursor: default;
}

.starability-basic > input:not([disabled]):hover ~ label {
  background-position: 0 0;
}

.starability-basic > input:not([disabled]):hover + label {
  background-position: 0 -30px;
}

.starability-basic > input:not([disabled]):hover + label::before {
  opacity: 1;
}

.starability-basic > input:focus + label {
  outline: 1px dotted #999;
}

.starability-basic .starability-focus-ring {
  position: absolute;
  left: 0;
  width: 100%;
  height: 30px;
  outline: 2px dotted #999;
  pointer-events: none;
  opacity: 0;
}

.starability-basic > .input-no-rate:focus ~ .starability-focus-ring {
  opacity: 1;
}

.starability-basic > label {
  position: relative;
  display: inline-block;
  float: left;
  width: 30px;
  height: 30px;
  font-size: 0.1em;
  color: transparent;
  cursor: pointer;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: 0 -30px;
}

.starability-basic > label::before {
  content: '';
  position: absolute;
  display: block;
  height: 30px;
  background-image: url("data:image/png;base64,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");
  background-position: 0 30px;
  pointer-events: none;
  opacity: 0;
}

.starability-basic > label:nth-of-type(5)::before {
  width: 120px;
  left: -120px;
}

.starability-basic > label:nth-of-type(4)::before {
  width: 90px;
  left: -90px;
}

.starability-basic > label:nth-of-type(3)::before {
  width: 60px;
  left: -60px;
}

.starability-basic > label:nth-of-type(2)::before {
  width: 30px;
  left: -30px;
}

.starability-basic > label:nth-of-type(1)::before {
  width: 0px;
  left: 0px;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi) {
  .starability-basic > label {
    background-image: url("data:image/png;base64,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");
    background-size: 30px auto;
  }
}

@media screen and (-ms-high-contrast: active) {
  .starability-basic {
    width: auto;
  }
  .starability-basic > input {
    position: static;
    margin-right: 0;
    opacity: 1;
  }
  .starability-basic .input-no-rate {
    display: none;
  }
  .starability-basic > label {
    display: inline;
    float: none;
    width: auto;
    height: auto;
    font-size: 1em;
    color: inherit;
    background: none;
  }
  .starability-basic > label::before, .starability-basic > label::after {
    display: none;
  }
}