/*
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>
*/
.sprite.arts {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -108px -40px;
  width: 20px;
  height: 20px;
}
.sprite.automotive {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -100px -108px;
  width: 20px;
  height: 20px;
}
.sprite.bookmark {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -108px -20px;
  width: 20px;
  height: 20px;
}
.sprite.bottom-white-email {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: 0px 0px;
  width: 36px;
  height: 36px;
}
.sprite.bottom-white-facebook {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -36px 0px;
  width: 36px;
  height: 36px;
}
.sprite.bottom-white-link {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: 0px -36px;
  width: 36px;
  height: 36px;
}
.sprite.bottom-white-pinterest {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -36px -36px;
  width: 36px;
  height: 36px;
}
.sprite.bottom-white-pocket {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -72px 0px;
  width: 36px;
  height: 36px;
}
.sprite.bottom-white-reddit {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -72px -36px;
  width: 36px;
  height: 36px;
}
.sprite.bottom-white-twitter {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: 0px -72px;
  width: 36px;
  height: 36px;
}
.sprite.bottom-white-wechat {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -36px -72px;
  width: 36px;
  height: 36px;
}
.sprite.bottom-white-weibo {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -72px -72px;
  width: 36px;
  height: 36px;
}
.sprite.comments-active {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -148px -72px;
  width: 18px;
  height: 18px;
}
.sprite.comments {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -148px -54px;
  width: 18px;
  height: 18px;
}
.sprite.design {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: 0px -108px;
  width: 20px;
  height: 20px;
}
.sprite.email {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -20px -108px;
  width: 20px;
  height: 20px;
}
.sprite.entertainment {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -40px -108px;
  width: 20px;
  height: 20px;
}
.sprite.facebook {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -60px -108px;
  width: 20px;
  height: 20px;
}
.sprite.fashion {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -80px -108px;
  width: 20px;
  height: 20px;
}
.sprite.feed {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -108px 0px;
  width: 20px;
  height: 20px;
}
.sprite.food {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -128px 0px;
  width: 20px;
  height: 20px;
}
.sprite.footwear {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -128px -20px;
  width: 20px;
  height: 20px;
}
.sprite.latest-active {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -148px 0px;
  width: 18px;
  height: 18px;
}
.sprite.latest {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -120px -128px;
  width: 18px;
  height: 18px;
}
.sprite.lifestyle {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -128px -80px;
  width: 20px;
  height: 20px;
}
.sprite.link-button {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -128px -100px;
  width: 20px;
  height: 20px;
}
.sprite.music {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: 0px -128px;
  width: 20px;
  height: 20px;
}
.sprite.pinterest {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -20px -128px;
  width: 20px;
  height: 20px;
}
.sprite.pocket {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -40px -128px;
  width: 20px;
  height: 20px;
}
.sprite.reddit {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -60px -128px;
  width: 20px;
  height: 20px;
}
.sprite.sports {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -80px -128px;
  width: 20px;
  height: 20px;
}
.sprite.tech {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -128px -60px;
  width: 20px;
  height: 20px;
}
.sprite.travel {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -128px -40px;
  width: 20px;
  height: 20px;
}
.sprite.trending-active {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -148px -18px;
  width: 18px;
  height: 18px;
}
.sprite.trending {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -148px -36px;
  width: 18px;
  height: 18px;
}
.sprite.twitter {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -108px -80px;
  width: 20px;
  height: 20px;
}
.sprite.wechat {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -108px -60px;
  width: 20px;
  height: 20px;
}
.sprite.weibo {
  background-image: url(../images/sprite.png?t=20160705064633);
  background-position: -100px -128px;
  width: 20px;
  height: 20px;
}

@media (-webkit-min-device-pixel-ratio: 2),
       (min-resolution: 192dpi) {
  .sprite.arts {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.automotive {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.bookmark {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.bottom-white-email {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.bottom-white-facebook {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.bottom-white-link {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.bottom-white-pinterest {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.bottom-white-pocket {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.bottom-white-reddit {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.bottom-white-twitter {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.bottom-white-wechat {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.bottom-white-weibo {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.comments-active {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.comments {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.design {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.email {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.entertainment {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.facebook {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.fashion {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.feed {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.food {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.footwear {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.latest-active {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.latest {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.lifestyle {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.link-button {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.music {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.pinterest {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.pocket {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.reddit {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.sports {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.tech {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.travel {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.trending-active {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.trending {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.twitter {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.wechat {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
  .sprite.weibo {
    background-image: url(../images/sprite@2x.png?t=20160705064633);
    background-size: 166px 148px;
  }
}