.rating__control {
  overflow: hidden;
  margin-top: .75rem;
  margin-bottom: -.75rem;
}

@media only screen and (max-width: 992px) {
  .rating__control {
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
  }
}

.rating__control ul {
  display: inline-flex;
  vertical-align: top;
  margin: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

.rating__control li.rating__item--zero {
  display: none;
}

.rating__control li {
  position: relative;
  height: 16px;
  width: 16px;
  float: left;
  cursor: pointer;
  margin-right: 2.344px;
}

.rating__icon, .rating__control li::before,
.rating[data-animation="on"] .rating__control ul:hover .rating__icon {
  color: var(--accent);
}


.rating__icon--inactive,
.rating[data-animation="on"] .rating__control li:hover ~ li .rating__icon,
.rating__item--checked ~ li .rating__icon {
  color: #414141;
}

.rating__icon--inactive svg > *,
.rating[data-animation="on"] .rating__control li:hover ~ li .rating__icon svg > *,
.rating__item--checked ~ li .rating__icon svg > * {
  fill: transparent;
  stroke: #B5B5B5;
}

.rating__icon svg {
  display: block;
  height: 16px;
  width: 16px;
  max-width: 22.125px;
  pointer-events: none;
}