@import '../common/index.wxss';

.van-rate {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-user-select: none;
  user-select: none;
}

.van-rate__item {
  position: relative;
  padding: 0 4rpx;
  padding: 0 var(--rate-horizontal-padding,4rpx);
}

.van-rate__item:not(:last-child) {
  padding-right: 8rpx;
  padding-right: var(--rate-icon-gutter,8rpx);
}

.van-rate__icon {
  display: block;
  height: 1em;
  color: #c8c9cc;
  color: var(--rate-icon-void-color,#c8c9cc);
  font-size: 40rpx;
  font-size: var(--rate-icon-size,40rpx);
}

.van-rate__icon--half {
  position: absolute;
  top: 0;
  width: .5em;
  overflow: hidden;
  left: 4rpx;
  left: var(--rate-horizontal-padding,4rpx);
}

.van-rate__icon--full,
.van-rate__icon--half {
  color: #ee0a24;
  color: var(--rate-icon-full-color,#ee0a24);
}

.van-rate__icon--disabled {
  color: #c8c9cc;
  color: var(--rate-icon-disabled-color,#c8c9cc);
}