/*
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>
*/
.icon-facebook_225x225 {
  background-image: url(/assets/images/sprites/sprite.png);
  background-position: 0px 0px;
  width: 225px;
  height: 225px;
}
.icon-facebook_thumb_40x40 {
  background-image: url(/assets/images/sprites/sprite.png);
  background-position: -382px -225px;
  width: 40px;
  height: 40px;
}
.icon-google_225x225 {
  background-image: url(/assets/images/sprites/sprite.png);
  background-position: -225px 0px;
  width: 225px;
  height: 225px;
}
.icon-google_thumb_40x40 {
  background-image: url(/assets/images/sprites/sprite.png);
  background-position: -382px -271px;
  width: 40px;
  height: 40px;
}
.icon-google-signin-button-disabled {
  background-image: url(/assets/images/sprites/sprite.png);
  background-position: 0px -225px;
  width: 191px;
  height: 46px;
}
.icon-google-signin-button-focus {
  background-image: url(/assets/images/sprites/sprite.png);
  background-position: -191px -225px;
  width: 191px;
  height: 46px;
}
.icon-google-signin-button-pressed {
  background-image: url(/assets/images/sprites/sprite.png);
  background-position: 0px -271px;
  width: 191px;
  height: 46px;
}
.icon-google-signin-button {
  background-image: url(/assets/images/sprites/sprite.png);
  background-position: -191px -271px;
  width: 191px;
  height: 46px;
}