.vxe-rate {
  display: inline-flex;
  flex-direction: row;
  color: var(--vxe-ui-font-color);
}
.vxe-rate.theme--primary .vxe-rte--item {
  color: var(--vxe-ui-font-primary-color);
}
.vxe-rate.theme--success .vxe-rte--item {
  color: var(--vxe-ui-status-success-color);
}
.vxe-rate.theme--info .vxe-rte--item {
  color: var(--vxe-ui-status-info-color);
}
.vxe-rate.theme--warning .vxe-rte--item {
  color: var(--vxe-ui-status-warning-color);
}
.vxe-rate.theme--danger .vxe-rte--item {
  color: var(--vxe-ui-status-danger-color);
}
.vxe-rate.theme--error .vxe-rte--item {
  color: var(--vxe-ui-status-error-color);
}
.vxe-rate.is--disabled .vxe-rte--item {
  cursor: no-drop;
}
.vxe-rate.is--readonly .vxe-rte--item {
  cursor: default;
}

.vxe-rte--item {
  margin-right: 0.25em;
  font-size: 1.2em;
  cursor: pointer;
}
.vxe-rte--item:last-child {
  margin: 0;
}
.vxe-rte--item.is--checked {
  color: var(--vxe-ui-rate-item-color);
}

.vxe-rate {
  font-size: var(--vxe-ui-font-size-default);
}
.vxe-rate.size--medium {
  font-size: var(--vxe-ui-font-size-medium);
}
.vxe-rate.size--small {
  font-size: var(--vxe-ui-font-size-small);
}
.vxe-rate.size--mini {
  font-size: var(--vxe-ui-font-size-mini);
}