@import '../assets/styles/css/app-partials.css';
.app-star-rating[data-v-8cce16de] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-star-rating__stars[data-v-8cce16de] {
  padding: 0;
  margin: 0;
}
.read-only>.app-star-rating__star[data-v-8cce16de] {
  pointer-events: none;
}

$starMedium: 30px;
$starSmall: 20px;
$starLarge: 50px;
.app-star-rating__star[data-v-8cce16de] {
  display: inline-block;
  cursor: pointer;
  margin-left: 5px;
  box-sizing: border-box;
  background-image: url('../../assets/img/icons/star-default.svg');
  transition: all 0.2s ease;
  background-size: cover;
&.hovered,
  &.active {
    background-image: url('../../assets/img/icons/star-active.svg');
}
&.half {
    background-image: url('../../assets/img/icons/star-half.svg');
}
&:first-child {
    margin-left: 0;
}
&--sm {
    width: $starSmall;
    height: $starSmall;
}
&--md {
    width: $starMedium;
    height: $starMedium;
}
&--lg {
    width: $starLarge;
    height: $starLarge;
}
}
.app-star-rating__info[data-v-8cce16de] {
  margin-left: 20px;
}