/* Element Chalk Variables */
.el-rate {
  --el-rate-height: 1.25rem;
  --el-rate-font-size: var(--el-font-size-base);
  --el-rate-icon-size: 1.125rem;
  --el-rate-icon-margin: 0.375rem;
  --el-rate-void-color: var(--el-border-color-darker);
  --el-rate-fill-color: #f7ba2a;
  --el-rate-disabled-void-color: var(--el-fill-color);
  --el-rate-text-color: var(--el-text-color-primary);
  --el-rate-outline-color: var(--el-color-primary-light-5);
}

.el-rate {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2rem;
}
.el-rate:active,.el-rate:focus {
  outline: none;
}
.el-rate:focus-visible .el-rate__item .el-rate__icon.is-focus-visible {
  outline: .125rem solid var(--el-rate-outline-color);
  -webkit-transition: outline-offset 0s,outline 0s;
  transition: outline-offset 0s,outline 0s;
}

.el-rate__item {
  color: var(--el-rate-void-color);
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  line-height: normal;
  position: relative;
  vertical-align: middle;
}

.el-rate .el-rate__icon {
  display: inline-block;
  font-size: var(--el-rate-icon-size);
  margin-right: var(--el-rate-icon-margin);
  position: relative;
  -webkit-transition: var(--el-transition-duration);
  transition: var(--el-transition-duration);
}
.el-rate .el-rate__icon.hover {
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
}
.el-rate .el-rate__icon .path2 {
  left: 0;
  position: absolute;
  top: 0;
}
.el-rate .el-rate__icon.is-active {
  color: var(--el-rate-fill-color);
}

.el-rate__decimal {
  color: var(--el-rate-fill-color);
  display: inline-block;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
}
.el-rate__decimal--box {
  left: 0;
  position: absolute;
  top: 0;
}

.el-rate__text {
  color: var(--el-rate-text-color);
  font-size: var(--el-rate-font-size);
  vertical-align: middle;
}

.el-rate--large {
  height: 2.5rem;
}
.el-rate--small {
  height: 1.5rem;
}
.el-rate--small .el-rate__icon {
  font-size: .875rem;
}

.el-rate.is-disabled .el-rate__item {
  color: var(--el-rate-disabled-void-color);
  cursor: not-allowed;
}