@import "../../../style/CommonStyle.module.less";
@import "../../../style/utils.module.less";

.star {
  .size(@w: 180px , @h: 36px);
  background-size: cover;
  background-position: center;

  &.starRating-0 {
    background-image: url("../../../../assets/images/img-detail-star-0-0@3x.png");
  }
  &.starRating-0_5 {
    background-image: url("../../../../assets/images/img-detail-star-0-5@3x.png");
  }
  &.starRating-1 {
    background-image: url("../../../../assets/images/img-detail-star-1-0@3x.png");
  }
  &.starRating-1_5 {
    background-image: url("../../../../assets/images/img-detail-star-1-5@3x.png");
  }
  &.starRating-2 {
    background-image: url("../../../../assets/images/img-detail-star-2-0@3x.png");
  }
  &.starRating-2_5 {
    background-image: url("../../../../assets/images/img-detail-star-2-5@3x.png");
  }
  &.starRating-3 {
    background-image: url("../../../../assets/images/img-detail-star-3-0@3x.png");
  }
  &.starRating-3_5 {
    background-image: url("../../../../assets/images/img-detail-star-3-5@3x.png");
  }
  &.starRating-4 {
    background-image: url("../../../../assets/images/img-detail-star-4-0@3x.png");
  }
  &.starRating-4_5 {
    background-image: url("../../../../assets/images/img-detail-star-4-5@3x.png");
  }
  &.starRating-5 {
    background-image: url("../../../../assets/images/img-detail-star-5-0@3x.png");
  }
}
