.sprite{
  display: inline-block;
  background-image: url('/data/assets/spritesheet@1x.png');
  background-repeat: no-repeat;
}

.sprite.sprite-icon-carousel-next{
  width: 29px;
  height: 51px;
  background-position: 0px -0px;
}
.sprite.sprite-icon-carousel-prev{
  width: 29px;
  height: 51px;
  background-position: 0px -51px;
}
.sprite.sprite-icon-gallery-next{
  width: 19px;
  height: 34px;
  background-position: 0px -102px;
}
.sprite.sprite-icon-gallery-prev{
  width: 19px;
  height: 34px;
  background-position: 0px -136px;
}
.sprite.sprite-icon-search{
  width: 17px;
  height: 17px;
  background-position: 0px -170px;
}
.sprite.sprite-icon-upcoming-next{
  width: 16px;
  height: 29px;
  background-position: 0px -187px;
}
.sprite.sprite-icon-upcoming-prev{
  width: 10px;
  height: 19px;
  background-position: 0px -216px;
}
.sprite.sprite-icon-view-gallery{
  width: 115px;
  height: 115px;
  background-position: 0px -235px;
}
.sprite.sprite-logo-mobile{
  width: 195px;
  height: 50px;
  background-position: 0px -350px;
}
.sprite.sprite-logo{
  width: 295px;
  height: 76px;
  background-position: 0px -400px;
}
.sprite.sprite-no-bookmarks{
  width: 163px;
  height: 235px;
  background-position: 0px -476px;
}
.sprite.sprite-pagination-next{
  width: 16px;
  height: 28px;
  background-position: 0px -711px;
}
.sprite.sprite-pagination-prev{
  width: 16px;
  height: 28px;
  background-position: 0px -739px;
}
.sprite.sprite-timeline-next{
  width: 16px;
  height: 10px;
  background-position: 0px -767px;
}
.sprite.sprite-timeline-prev{
  width: 16px;
  height: 10px;
  background-position: 0px -777px;
}


@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2),screen and (-o-min-device-piratio: 2/1),screen and (min-device-pixel-ratio: 2){
  .sprite{
    background-image: url('/data/assets/spritesheet@2x.png');
    background-size: 295px 787px;
  }
}