/* Progress tracker */
.webform-progress .webform-progress-tracker .progress-step {
  min-width: 2.5rem;
  position: relative;
}

.webform-progress .webform-progress-tracker .progress-marker {
  font-size: var(--anrt-font-size-h3);
}

.webform-progress .webform-progress-tracker .progress-step .progress-marker:before {
  width: 2em;
  height: 2em;
  color: var(--anrt-color-black);
  background-color: var(--anrt-color-grey-light-aa);
}

@media screen and (min-width: 600px) {
  .webform-progress .webform-progress-tracker .progress-step .progress-marker:before {
    width: 3em;
    height: 3em;
  }
}

.webform-progress .webform-progress-tracker .progress-step .progress-marker:after {
  top: calc(50% - 1px);
  height: 2px;
  background-color: var(--anrt-color-grey-light-aa)
}

.webform-progress .webform-progress-tracker .progress-step.is-active .progress-marker:before,
.webform-progress .webform-progress-tracker .progress-step.is-complete .progress-marker:before {
  color: var(--anrt-color-white);
  background-color: var(--anrt-color-primary);
}

.webform-progress .webform-progress-tracker .progress-step.is-complete .progress-marker:after {
  background-color: var(--anrt-color-primary);
}

.webform-progress .webform-progress-tracker .progress-text {
  display: none;
}

@media (min-width: 600px) {
  .webform-progress .webform-progress-tracker .progress-step.is-active .progress-text {
    position: absolute;
    display: block;
    color: var(--anrt-color-primary);
    inset-inline: 0;
    text-align: center;
  }
}

@media (min-width: 60rem) {
  .webform-progress .webform-progress-tracker .progress-step.is-active .progress-text {
    position: relative
  }
}

.webform-progress .webform-progress-tracker.progress-tracker {
  margin: 0 auto var(--anrt-spacing-175) 0;
}

.webform-progress .webform-progress-tracker .progress-marker::before {
  z-index: 1;
}