/* #ifdef harmony */
/* #endif */
/* #ifndef harmony */
/* #endif */
.nut-circleprogress {
  position: relative;
}
.nut-circleprogress-hover {
  stroke: var(--nutui-circleprogress-primary-color, var(--nutui-color-primary));
  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-surface-1));
}
.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));
  font-size: var(--nutui-circleprogress-text-size, var(--nutui-font-text-large));
}

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