:host {
  display: inline-block; --height: 30px; --unselected-color: #d1d1d1; --selected-color: #3e868f; --disabled-color: #f5f5f5
}
container {
  display: inline-block !important
}
container star {
  display: inline-block; width: var(--height); height: var(--height); margin-right: calc(var(--height) / 6); overflow: hidden; cursor: pointer
}
container star:last-child {
  margin-right: 0px
}
container star jtbc-svg {
  width: 100%; height: 100%
}
container star jtbc-svg.star {
  display: inline-block; --fore-color: var(--unselected-color)
}
container star jtbc-svg.star_fill {
  display: none; --fore-color: var(--selected-color)
}
container star.on jtbc-svg.star {
  display: none
}
container star.on jtbc-svg.star_fill {
  display: inline-block
}
container.disabled star jtbc-svg {
  --fore-color: #f5f5f5
}