/*---Ratings---*/
.devsite-rating-container {
  height: 20px;
  overflow: visible;
  width: 120px;
}

#gc-appbar .devsite-rating-container {
  float: right;
  margin: -30px 0 32px 40px;
  position: relative;
}

.devsite-rating-star {
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 20px;
}

/* Shared properties between real tooltips and fake tooltips. */

.devsite-rating-description,
.devsite-tooltip {
  background: #333;
  border-radius: 2px;
  color: #fff;
  z-index: 2;
  opacity: 0.85;
}

.devsite-rating-description {
  float: right;
  line-height: 20px;
  padding: 0 8px;
  font-size: 10px;
  white-space: nowrap;
  position: absolute;
}

.devsite-rating-internal {
  color: #dd2c00;
  float: right;
  font-size: 10px;
  white-space: nowrap;
  margin-top: 20px;
}

.devsite-rating-stats {
  color: #757575;
}

.devsite-tooltip {
  margin-top: 8px;
  opacity: 0;
  padding: 6px 8px;
  position: absolute;
  text-align: center;
  transition: opacity .2s;
  visibility: hidden;
}

.devsite-tooltip-hide {
  opacity: 0;
  visibility: hidden;
}

.devsite-tooltip-data {
  display: none;
}

.google-feedback {
  font-size: 8px;
  white-space: nowrap;
}

.google-feedback-container {
  clear: right;
}

body.docs #gc-appbar .google-feedback-container {
  margin-top: -28px;
}

/*
 * Double background image forces them both to load and avoid pop-in; unneeded
 * one is positioned off-screen because they're transparent and can't stack.
 */
.devsite-rating-star-outline {
  background: url('/_static/images/ic_star_outline_24px.svg'),
    url('/_static/images/ic_star_24px.svg') 20px no-repeat;
}

.devsite-rating-star-full {
  background: url('/_static/images/ic_star_24px.svg');
}