.col.f-col.reviewAverage {
  background: #a83460;
  background-clip: content-box;
  color: #fff;
}

.reviewAverage > div {
  padding-inline: 1rem;
}
.reviewAverage p.h1 {
  font-size: 2.5rem;
  color: #fff;
}

/* based on https://codepen.io/mcallaro88/pen/EWQdRX */

.ccm-page .reviewAverage .rating {
  /*background: yellow;*/
  unicode-bidi: bidi-override;
  color: #5c275f;
  font-size: 64px;
  position: relative;
  /*isolation: isolate;*/
  margin: 0 1rem;
  padding: 0;
  align-self: flex-start;
}
.ccm-page .reviewAverage .rating .fill {
  color: #e5dd99;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
/* Allows us to grab the width of the span elements*/
.reviewAverage .rating .fill span {
  display: inline-block;
}
.reviewAverage .rating .empty {
  padding: 0;
  display: block;
  z-index: 0;
}

.reviewSlide {
  text-align: left;
  padding-block: 1rem;
}

.reviewSlide img.reviewAvatar {
  border: 1px solid #5c275f;
  border-radius: 50%;
  float: left;
  margin-right: 0.5rem;
  width: 48px;
  height: 48px;
}

.ccm-rating {
  font-size: 1.5rem;
}
.ccm-rating .fa.fa-star {
  color: #e5dd99;
  margin-right: 0.25rem;
}

.rslidesReviews + .rslides_tabs {
  margin-block: 0;
  padding-block: 0;
}
