/*
 * Icon layer. Every icon on the site is drawn from here, and this is the only
 * file that points at Google's sprite sheets (see ../google/SOURCE.md). To
 * drop Google's icons, change the two url()s and positions below.
 */
.icon {
  display: inline-block;
  flex: none;
  vertical-align: middle;
  background-repeat: no-repeat;
}

/* Navigation sheet (168 x 64) */
.icon-home, .icon-home-small, .icon-profile, .icon-people, .icon-photos, .icon-hot,
.icon-communities, .icon-communities-small, .icon-bell, .icon-settings, .icon-events,
.icon-mod, .icon-search-grey {
  background-image: url(../google/nav-icons.png);
  width: 20px;
  height: 20px;
}
.icon-home, .icon-home-small { background-position: 0 0; }
.icon-home-small { transform: scale(0.8); }
.icon-bell { background-position: 0 -20px; }
.icon-profile { background-position: -20px -20px; }
.icon-photos { background-position: 0 -40px; }
.icon-settings { background-position: -20px -40px; }
.icon-search-grey { background-position: -40px -17px; }
.icon-people { background-position: -60px 0; }
.icon-hot { background-position: -104px 0; }
.icon-mod { background-position: -104px -20px; }
.icon-communities, .icon-communities-small { background-position: -148px -20px; }
.icon-communities-small { transform: scale(0.8); }
.icon-events { background-position: -148px -40px; }

/* Post sheet (25 x 625) */
.icon-public, .icon-circles, .icon-link, .icon-video, .icon-camera, .icon-write,
.icon-reshare, .icon-add-person, .icon-edit {
  background-image: url(../google/post-icons.png);
  width: 19px;
  height: 18px;
}
.icon-public { background-position: 0 -32px; width: 18px; }
.icon-circles { background-position: 0 -88px; height: 16px; }
.icon-link { background-position: 0 -106px; }
.icon-video { background-position: 0 -500px; height: 11px; }
.icon-camera { background-position: 0 -412px; width: 16px; height: 13px; }
.icon-write { background-position: 0 -144px; }
.icon-edit { background-position: 0 -610px; }
.icon-reshare { background-position: -2px -586px; width: 11px; height: 8px; }
.icon-add-person { background-position: 0 -516px; width: 25px; height: 24px; }

/* Plain drawn icons (ours) */
/* Google's 2013 nav sprite, cropped for the search button. */
.icon-search-white { display: block; width: 13px; height: 14px; margin-top: 1px; background: url(../google/nav_logo124.png) no-repeat -36px -110px; }
.icon-check {
  width: 12px;
  height: 7px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg) translate(1px, -2px);
  margin-right: 6px;
}
.icon-youtube { background-image: url(../google/post-icons.png); background-position: 0 -52px; width: 19px; height: 13px; }
.icon-camera-black { background-image: url(../google/post-icons.png); background-position: 0 -428px; width: 18px; height: 16px; }