.classic, .indy, .alien {
  background-image: url('../../img/test-retina.png?19551384282552');
  background-repeat: no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-ms-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .classic, .indy {
    /* Retina sprite */
    background-image: url('../../img/test-retina@2x.png?19551384282552');
    background-size: 152px auto;
  }
}

.classic {
  background-position: 0 -281px;
  width: 152px;
  height: 135px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-ms-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .classic {
    /* Retina sprite */
    background-position: 0 -140px;
  }
}

.indy {
  background-position: 0 -141px;
  width: 128px;
  height: 140px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-ms-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .indy {
    /* Retina sprite */
    background-position: 0 0;
  }
}

.alien {
  background-position: 0 0;
  width: 159px;
  height: 141px;
}