/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.product-360-selected {
  background-image: url(Asos.Product.Page.spritesheet.f7d35b79.png);
  background-position: 0px 0px;
  width: 24px;
  height: 24px;
}
.product-360 {
  background-image: url(Asos.Product.Page.spritesheet.f7d35b79.png);
  background-position: -47px 0px;
  width: 19px;
  height: 18px;
}
.product-chevron {
  background-image: url(Asos.Product.Page.spritesheet.f7d35b79.png);
  background-position: -16px -44px;
  width: 9px;
  height: 15px;
}
.product-close {
  background-image: url(Asos.Product.Page.spritesheet.f7d35b79.png);
  background-position: 0px -44px;
  width: 16px;
  height: 16px;
}
.product-closesmall {
  background-image: url(Asos.Product.Page.spritesheet.f7d35b79.png);
  background-position: -66px -34px;
  width: 13px;
  height: 13px;
}
.product-forward {
  background-image: url(Asos.Product.Page.spritesheet.f7d35b79.png);
  background-position: -24px 0px;
  width: 23px;
  height: 18px;
}
.product-information {
  background-image: url(Asos.Product.Page.spritesheet.f7d35b79.png);
  background-position: 0px -24px;
  width: 20px;
  height: 20px;
}
.product-play-filled {
  background-image: url(Asos.Product.Page.spritesheet.f7d35b79.png);
  background-position: -66px 0px;
  width: 15px;
  height: 17px;
}
.product-play {
  background-image: url(Asos.Product.Page.spritesheet.f7d35b79.png);
  background-position: -66px -17px;
  width: 15px;
  height: 17px;
}
.product-returns {
  background-image: url(Asos.Product.Page.spritesheet.f7d35b79.png);
  background-position: -20px -24px;
  width: 20px;
  height: 18px;
}
.product-tick {
  background-image: url(Asos.Product.Page.spritesheet.f7d35b79.png);
  background-position: -47px -18px;
  width: 18px;
  height: 18px;
}

@media (-webkit-min-device-pixel-ratio: 2),
       (min-resolution: 192dpi) {
  .product-360-selected {
    background-image: url(Asos.Product.Page.spritesheetx2.f42fe8c8.png);
    background-size: 81px 60px;
  }
  .product-360 {
    background-image: url(Asos.Product.Page.spritesheetx2.f42fe8c8.png);
    background-size: 81px 60px;
  }
  .product-chevron {
    background-image: url(Asos.Product.Page.spritesheetx2.f42fe8c8.png);
    background-size: 81px 60px;
  }
  .product-close {
    background-image: url(Asos.Product.Page.spritesheetx2.f42fe8c8.png);
    background-size: 81px 60px;
  }
  .product-closesmall {
    background-image: url(Asos.Product.Page.spritesheetx2.f42fe8c8.png);
    background-size: 81px 60px;
  }
  .product-forward {
    background-image: url(Asos.Product.Page.spritesheetx2.f42fe8c8.png);
    background-size: 81px 60px;
  }
  .product-information {
    background-image: url(Asos.Product.Page.spritesheetx2.f42fe8c8.png);
    background-size: 81px 60px;
  }
  .product-play-filled {
    background-image: url(Asos.Product.Page.spritesheetx2.f42fe8c8.png);
    background-size: 81px 60px;
  }
  .product-play {
    background-image: url(Asos.Product.Page.spritesheetx2.f42fe8c8.png);
    background-size: 81px 60px;
  }
  .product-returns {
    background-image: url(Asos.Product.Page.spritesheetx2.f42fe8c8.png);
    background-size: 81px 60px;
  }
  .product-tick {
    background-image: url(Asos.Product.Page.spritesheetx2.f42fe8c8.png);
    background-size: 81px 60px;
  }
}