/*
1 colore bottone
2 bordo/hover
3 testo
*/
.volunteerWizard__data {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.wizardSteps {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 300px;
}
.wizardSteps__step {
  display: flex;
  gap: 0.5rem;
}
.wizardSteps__step__circle {
  display: flex;
  align-items: center;
  color: var(--primary-light);
  font-size: x-large;
}
.wizardSteps__step__number {
  display: flex;
  align-items: center;
  font-weight: bolder;
  color: var(--fg-light);
  font-size: larger;
  width: 2.5rem;
}
.wizardSteps__step__label {
  display: flex;
  flex-direction: column;
}
.wizardSteps__step__label p {
  font-size: small;
  color: var(--fg-light);
}
.wizardSteps .wizardSteps__step.active .fa-circle-check {
  display: none;
}
.wizardSteps .wizardSteps__step.active .fa-circle {
  display: none;
}
.wizardSteps .wizardSteps__step.active ~ .wizardSteps__step .wizardSteps__step__circle {
  opacity: 0.5;
}
.wizardSteps .wizardSteps__step.active ~ .wizardSteps__step .wizardSteps__step__number {
  opacity: 0.5;
}
.wizardSteps .wizardSteps__step.active ~ .wizardSteps__step .wizardSteps__step__label p {
  opacity: 0.5;
}
.wizardSteps .wizardSteps__step.active ~ .wizardSteps__step .fa-circle-check {
  display: none;
}
.wizardSteps .wizardSteps__step.active ~ .wizardSteps__step .fa-circle-dot {
  display: none;
}
.wizardSteps .wizardSteps__step:has(~ .wizardSteps__step.active) .fa-circle {
  display: none;
}
.wizardSteps .wizardSteps__step:has(~ .wizardSteps__step.active) .fa-circle-dot {
  display: none;
}

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