html.kb-rating-loading .stars-wrapper,
html.kb-rating-loading .stars,
html.kb-rating-loading .rating,
html.kb-rating-loading .vote-wrap,
html.kb-rating-loading .votes-wrap,
html.kb-rating-loading .p-detail-info .stars-wrapper,
html.kb-rating-loading .p-detail-info .stars,
html.kb-rating-loading .p-detail-info .rating {
  visibility: hidden !important;
}

.kb-rating-box {
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  line-height: 1 !important;
}

.kb-stars-wrap {
  position: relative !important;
  display: inline-block !important;
  line-height: 1 !important;
  font-size: 18px !important;
  letter-spacing: 1px !important;
  font-family: Arial, sans-serif !important;
  font-weight: 900 !important;
  vertical-align: middle !important;
}

.kb-stars-wrap--big {
  font-size: 20px !important;
}

.kb-stars-base,
.kb-stars-fill {
  white-space: nowrap !important;
}

.kb-stars-base {
  color: #d1d5db !important;
}

.kb-stars-fill {
  color: #111827 !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: var(--kb-rating-width) !important;
  overflow: hidden !important;
}

.kb-top-rating-count {
  display: inline-block !important;
  margin-left: 10px !important;
  color: #333 !important;
  font-size: 15px !important;
  vertical-align: middle !important;
}

.kb-detail-rating-link {
  display: inline-block !important;
  margin-left: 14px !important;
  color: #333 !important;
  text-decoration: underline !important;
  font-size: 15px !important;
  vertical-align: middle !important;
}

.kb-detail-rating-link:hover {
  color: #005bbb !important;
}

@media (max-width: 767px) {
  .kb-top-rating-count {
    margin-left: 8px !important;
    margin-right: 8px !important;
    font-size: 15px !important;
    white-space: nowrap !important;
  }

  .kb-detail-rating-link {
    margin-left: 8px !important;
    font-size: 15px !important;
  }
}

.kb-hide-rating-distribution {
  display: none !important;
}