.q-rating
  color $rating-grade-color
  vertical-align middle

  span
    pointer-events none
    display inherit
  i
    color currentColor
    text-shadow $rating-shadow
    position relative
    cursor default
    opacity .4
    pointer-events all
    &.hovered
      transform scale(1.3)
    &.exselected
      opacity .7
    &.active
      opacity 1
    & + i
      margin-left .3rem


  &.editable i
    cursor pointer
  &:not(.editable) span, i
    outline 0