.ProgressCircle {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ProgressCircle__background {
  fill: transparent;
  transform-origin: 50% 50%;
  stroke: var(--colorsSurfaceGrey, #eeeeee);
}

.ProgressCircle__circle {
  transition: stroke-dashoffset 0.65s;
  transition-timing-function: ease-out;
  transform: rotate(-90deg);
  fill: transparent;
  transform-origin: 50% 50%;
  stroke-linecap: round;
  stroke: #08bfdf;
}
.ProgressCircle--blue .ProgressCircle__circle {
  stroke: var(--colorsStatusInfo, #0265dc);
}
.ProgressCircle--red .ProgressCircle__circle {
  stroke: var(--colorsStatusCritical, #e13212);
}
.ProgressCircle--green .ProgressCircle__circle {
  stroke: var(--colorsStatusSuccess, #007a4d);
}
.ProgressCircle--yellow .ProgressCircle__circle {
  stroke: var(--colorsStatusWarning, #ffbe00);
}

.ProgressCircle__svg {
  width: 100%;
}

.ProgressCircle__children {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
}

/*# sourceMappingURL=index.css.map */