/**
 * @file
 * Display styling for posted Books reviews: reviewer rating stars and the
 * inline pace/mood/highlight row.
 */

.itp-review-rating.itp-hs-static {
  display: inline-flex;
  gap: 2px;
  line-height: 1;
  margin-bottom: 0.4rem;
}

.itp-review-rating .itp-hs-star {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: 1.3em;
  line-height: 1;
}

.itp-review-rating .itp-hs-bg,
.itp-review-rating .itp-hs-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.itp-review-rating .itp-hs-bg {
  width: 100%;
  color: #b0b0b0;
}

.itp-review-rating .itp-hs-fill {
  width: 0;
  color: #f5a623;
}

.itp-review-rating .itp-hs-readout {
  align-self: center;
  margin-left: 0.4em;
  font-size: 0.85em;
  font-weight: 600;
  color: #555;
}

.itp-review-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 1.75rem;
  margin: 0.35rem 0;
}

.itp-review-meta .field {
  margin: 0;
}