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

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

<!-- `display: inline-block` sprite -->
<img class="icon-home" />
```
*/
.icon-arrow-bottom {
  background-image: url(sprite.png);
  background-position: -214px -94px;
  width: 15px;
  height: 12px;
}
.icon-arrow-right-black {
  background-image: url(sprite.png);
  background-position: -214px -79px;
  width: 12px;
  height: 15px;
}
.icon-arrow-right {
  background-image: url(sprite.png);
  background-position: -214px -108px;
  width: 12px;
  height: 15px;
}
.icon-badge-appstore {
  background-image: url(sprite.png);
  background-position: 0px -50px;
  width: 125px;
  height: 37px;
}
.icon-badge-playstore {
  background-image: url(sprite.png);
  background-position: 0px -87px;
  width: 125px;
  height: 37px;
}
.icon-close {
  background-image: url(sprite.png);
  background-position: -214px -50px;
  width: 18px;
  height: 18px;
}
.icon-gplus {
  background-image: url(sprite.png);
  background-position: -185px -50px;
  width: 29px;
  height: 29px;
}
.icon-logo-atap {
  background-image: url(sprite.png);
  background-position: 0px -124px;
  width: 155px;
  height: 25px;
}
.icon-logo-footer-atap {
  background-image: url(sprite.png);
  background-position: 0px -149px;
  width: 124px;
  height: 20px;
}
.icon-menu-close {
  background-image: url(sprite.png);
  background-position: -125px -50px;
  width: 28px;
  height: 28px;
}
.icon-menu-ham {
  background-image: url(sprite.png);
  background-position: -153px -50px;
  width: 28px;
  height: 28px;
}
.icon-round-spotlight {
  background-image: url(sprite.png);
  background-position: -185px 0px;
  width: 50px;
  height: 50px;
}
.icon-twitter {
  background-image: url(sprite.png);
  background-position: -185px -108px;
  width: 29px;
  height: 29px;
}
.icon-watch-youtube {
  background-image: url(sprite.png);
  background-position: 0px 0px;
  width: 185px;
  height: 50px;
}
.icon-youtube {
  background-image: url(sprite.png);
  background-position: -185px -79px;
  width: 29px;
  height: 29px;
}

@media (-webkit-min-device-pixel-ratio: 2),
       (min-resolution: 192dpi) {
  .icon-arrow-bottom {
    background-image: url(sprite_2x.png);
    background-size: 235px 169px;
  }
  .icon-arrow-right-black {
    background-image: url(sprite_2x.png);
    background-size: 235px 169px;
  }
  .icon-arrow-right {
    background-image: url(sprite_2x.png);
    background-size: 235px 169px;
  }
  .icon-badge-appstore {
    background-image: url(sprite_2x.png);
    background-size: 235px 169px;
  }
  .icon-badge-playstore {
    background-image: url(sprite_2x.png);
    background-size: 235px 169px;
  }
  .icon-close {
    background-image: url(sprite_2x.png);
    background-size: 235px 169px;
  }
  .icon-gplus {
    background-image: url(sprite_2x.png);
    background-size: 235px 169px;
  }
  .icon-logo-atap {
    background-image: url(sprite_2x.png);
    background-size: 235px 169px;
  }
  .icon-logo-footer-atap {
    background-image: url(sprite_2x.png);
    background-size: 235px 169px;
  }
  .icon-menu-close {
    background-image: url(sprite_2x.png);
    background-size: 235px 169px;
  }
  .icon-menu-ham {
    background-image: url(sprite_2x.png);
    background-size: 235px 169px;
  }
  .icon-round-spotlight {
    background-image: url(sprite_2x.png);
    background-size: 235px 169px;
  }
  .icon-twitter {
    background-image: url(sprite_2x.png);
    background-size: 235px 169px;
  }
  .icon-watch-youtube {
    background-image: url(sprite_2x.png);
    background-size: 235px 169px;
  }
  .icon-youtube {
    background-image: url(sprite_2x.png);
    background-size: 235px 169px;
  }
}