.rateit {
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none; }
  .rateit .rateit-range {
    position: relative;
    display: inline-block;
    background: url("assets/stars.png");
    height: 16px;
    outline: none; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .rateit .rateit-range {
        background: url("assets/stars@2x.png");
        background-size: 16px 64px; } }
  .rateit .rateit-hover, .rateit .rateit-selected {
    position: absolute;
    left: 0px; }
  .rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl {
    left: auto;
    right: 0px; }
  .rateit .rateit-hover {
    background: url("assets/stars.png");
    background-position: left -32px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .rateit .rateit-hover {
        background: url("assets/stars@2x.png");
        background-size: 16px 64px; } }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .rateit .rateit-hover {
        background-position: left -32px; } }
  .rateit .rateit-hover-rtl {
    background-position: right -32px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .rateit .rateit-hover-rtl {
        background-position: right -32px; } }
  .rateit .rateit-selected {
    background: url("assets/stars.png");
    background-position: left -16px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .rateit .rateit-selected {
        background: url("assets/stars@2x.png");
        background-size: 16px 64px; } }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .rateit .rateit-selected {
        background-position: left -16px; } }
  .rateit .rateit-selected-rtl {
    background-position: right -16px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .rateit .rateit-selected-rtl {
        background-position: right -16px; } }
  .rateit .rateit-preset, .rateit .rateit-preset-rtl {
    background: url("assets/stars.png");
    background-position: left -48px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .rateit .rateit-preset, .rateit .rateit-preset-rtl {
        background: url("assets/stars@2x.png");
        background-size: 16px 64px; } }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .rateit .rateit-preset, .rateit .rateit-preset-rtl {
        background-position: left -48px; } }
  .rateit .rateit-reset {
    display: inline-block;
    float: left;
    width: 16px;
    height: 16px;
    border: 0;
    background: url("assets/delete.png");
    background-position: left 0; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .rateit .rateit-reset {
        background: url("assets/delete@2x.png");
        background-size: 16px 32px; } }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .rateit .rateit-reset {
        background-position: left 0; } }
  .rateit .rateit-reset:hover {
    background-position: left -16px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .rateit .rateit-reset:hover {
        background-position: left -16px; } }