.rating-stars {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row-reverse;
  height: 20px;
  width: 110px;
  flex: 0 0 110px;
  position: relative;
  color: blue;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23cdcdcd'%3E%3Cpath d='M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z' /%3E%3C/svg%3E")
    0 repeat-x;
  background-size: 22px 20px !important;
}

.rating-stars-current {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  height: auto;
  max-width: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2355bc51'%3E%3Cpath d='M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z' /%3E%3C/svg%3E")
    0 repeat-x;
  background-size: 22px 20px !important;
}

.rating-stars-container {
  display: inline-flex;
  align-items: center;
}

.element-rating {
  margin: 10px 0;
  padding: 20px;
  display: grid;
  gap: 10px;
  box-shadow: 0 1px 5px rgba(107, 114, 128, 0.25);
}

.element-rating-calculated {
  font-weight: 700;
  font-size: 66px;
  color: #242e35;
  line-height: 1;
}

.element-rating-reviews-total {
  color: rgba(107, 114, 128, 0.7);
}

.element-rating-from {
  font-size: 33px;
}

.element-rating-group-line-progress {
  width: 100%;
  height: 3px;

  background: #e5ecf1;
}

.element-rating-group-line-progress-current {
  height: 3px;
  background: #55bc51;
}

.element-rating-group {
  display: flex;
  align-items: center;
}

.element-rating-group-counter {
  margin-right: 10px;
}