.evaluate-wrap {
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  .evaluate-star {
    margin-right: 4px;
    cursor: pointer;

    &.on {
      color: #ffb717;
    }

    &.half,
    &.off {
      color: rgba(0,0,0, .2);
    }

    &.half {
      position: relative;
      .star-half {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 50%;
        height: 100%;
        overflow: hidden;
        color: #ffb717;
      }
    }
  }
  &.disabled .evaluate-star {
    cursor: not-allowed;
  }
}