.st-rating-summary {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
}

.st-rating-summary__stars {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

.st-rating-summary__stars-base,
.st-rating-summary__stars-fill-track {
  display: inline-flex;
  align-items: center;
  gap: var(--st-rating-star-gap, 8px);
}

.st-rating-summary__stars-fill-track {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--st-rating-fill, 0%);
  overflow: hidden;
  pointer-events: none;
}

.st-rating-summary__star {
  display: inline-flex;
  width: var(--st-rating-star-size, 28px);
  height: var(--st-rating-star-size, 28px);
  flex: 0 0 auto;
}

.st-rating-summary__star-icon,
.st-rating-summary__star-fill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.st-rating-summary__star-icon {
  color: var(--st-rating-star-empty-color, #c7c7c7);
}

.st-rating-summary__star-fill {
  color: var(--st-rating-star-color, #000);
}

.st-rating-summary__star svg,
.st-rating-summary__star-fill svg {
  display: block;
  width: var(--st-rating-star-size, 28px);
  height: var(--st-rating-star-size, 28px);
  min-width: var(--st-rating-star-size, 28px);
  max-width: none;
}

.st-rating-summary__text {
  color: var(--st-rating-text-color, #000);
  font-family: var(--st-rating-text-font-family, inherit);
  font-weight: var(--st-rating-text-font-weight, inherit);
  font-style: var(--st-rating-text-font-style, inherit);
  font-size: var(--st-rating-text-font-size, inherit);
  line-height: var(--st-rating-text-line-height, 1.2);
  white-space: nowrap;
}

@media (max-width: 959px) {
  .st-rating-summary__text {
    font-size: var(
      --st-rating-text-font-size-mobile,
      var(--st-rating-text-font-size, inherit)
    );
  }
}