.cluster-progress {
  --dot-size: 20px;
  --bar-line-height: 2px;
  font-size: 1.2rem;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 3rem;
  min-height: var(--dot-size);
}

.cluster-progress::before {
  content: "";
  position: absolute;
  top: calc(var(--dot-size) / 2);
  left: calc(var(--dot-size) / 2);
  right: calc(var(--dot-size) / 2);
  height: var(--bar-line-height);
  background: #e0e0e0;
  z-index: 0;
}

.progress-item {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cluster-progress .dot {
  width: var(--dot-size);
  height: var(--dot-size);
  border-radius: 50%;
  background: #d0d0d0;
}
.cluster-progress .dot.is-completed {
  background: #005bbb;
}

.cluster-progress-counter {
  order: 2;
  flex: 0 0 100%;
  margin-top: 0.75rem;
}

.cluster-progress-counter-overall {
  margin-top: 0.25rem;
}

.cluster-progress-counter .done-number {
  color: #005bbb;
}

.cluster-progress-counter .counter-label {
  font-weight: 700;
}

/*# sourceMappingURL=ncaf-progress-bar.css.map */