.rating {
  display: flex;
}

.rating-star {
  color: var(--hs-palette-primary-main);
  fill: transparent;
  stroke: currentcolor;
  stroke-width: 1px;
}

.rating-star--filled {
  fill: currentcolor;
}

.rating-star--size-small {
  width: 8px;
  height: 8px;
}

.rating-star--size-base {
  width: 12px;
  height: 12px;
}

.rating-star--size-large {
  width: 16px;
  height: 16px;
}

.rating-star--size-extralarge {
  width: 20px;
  height: 20px;
}