/* -----------------------------------------------------------------------------
  COMPENENTS - RATING

----------------------------------------------------------------------------- */
.c-rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* BIG */

.c-rating.big .c-rating__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 24px;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 24px;
  background: url("stars.svg");
  background-position: 0 0;
}

.c-rating.big.usersStars.notBlocked .c-rating__item {
    cursor: pointer;
}

.c-rating.big.usersStars .c-rating__item:hover, .c-rating.big .c-rating__item.is-active {
  background-position: -24px 0;
}

.c-rating.big.usersStars .c-rating__item:hover {
  background-position: 0 0;
}

.c-rating.big .c-rating__item.is-active:hover {
    background-position: -24px 0;
}

.starsBox.big {
    display: inline-block;
    width: 130px;
}


/* SMALL */

.c-rating.small .c-rating__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 18px;
      -ms-flex: 0 0 18px;
          flex: 0 0 18px;
  height: 18px;
  background: url("stars.svg");
  background-position: 0 0;
  background-size: 36px;
}

.c-rating.small.usersStars.notBlocked .c-rating__item {
    cursor: pointer;
}

.c-rating.small.usersStars .c-rating__item:hover, .c-rating.small .c-rating__item.is-active {
  background-position: -18px 0;
}

.c-rating.small.usersStars .c-rating__item:hover {
  background-position: 0 0;
}

.c-rating.small .c-rating__item.is-active:hover {
    background-position: -18px 0;
}

.starsBox.small {
    display: inline-block;
    width: 100px;
}