:root,
page {
  --nut-scale-f: 1;
  --nut-scale-font: var(--nut-scale-f, 1);
  --nut-scale-icon: var(--nut-scale-f, 1);
  --nut-icon-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
  --nut-icon-width: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
  --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
}

/* #ifdef harmony */
/* #endif */
/* #ifndef harmony */
/* #endif */
.nut-circleprogress {
  position: relative;
}
.nut-circleprogress-hover {
  stroke: var(--nutui-circleprogress-primary-color, var(--nutui-color-primary, #ff0f23));
  transition: stroke-dasharray 0.2s ease-in-out 0s, stroke 0.2s ease 0s;
}
.nut-circleprogress-path {
  stroke: var(--nutui-circleprogress-path-color, var(--nutui-color-background, #f2f3f5));
}
.nut-circleprogress-text {
  position: absolute;
  top: 50%;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  transform: translateY(-50%);
  text-align: center;
  color: var(--nutui-circleprogress-text-color, var(--nutui-color-title, #1a1a1a));
  font-size: var(--nutui-circleprogress-text-size, var(--nutui-font-size-l, calc(15px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
}

[dir=rtl] .nut-circleprogress-text,
.nut-rtl .nut-circleprogress-text {
  left: auto;
  right: 0;
}