button{background:none;border:none}.stepProgressBar{--stepProgressBar-space-unit:4px;--stepProgressBar-indicator-size:16px;--stepProgressBar-font-size:14px;--stepProgressBar-step-size:80px;--stepProgressBar-step-line-size:2px;--stepProgressBar-color-primary:#27ae60;--stepProgressBar-color-secondary:#d1d5db;--stepProgressBar-color-neutral:#fff;--stepProgressBar-color-neutral-400:#262626;--stepProgressBar-color-neutral-800:#262626;display:flex;width:100%}.stepProgressBar__step{display:flex}.stepProgressBar__step:not(:first-child){width:100%}.stepProgressBar__step__button{align-items:center;color:var(--stepProgressBar-color-neutral-400);display:flex;font-size:var(--stepProgressBar-font-size);flex-direction:column;flex-shrink:0;position:relative;transition:color .2s ease-in;width:var(--stepProgressBar-step-size)}.stepProgressBar__step--current .stepProgressBar__step__button{color:var(--stepProgressBar-color-neutral-800)}.stepProgressBar__step__button__indicator{align-items:center;background-color:var(--stepProgressBar-color-secondary);border:calc(var(--stepProgressBar-indicator-size)/3.5) solid var(--stepProgressBar-color-neutral);border-radius:100%;display:flex;justify-content:center;height:var(--stepProgressBar-indicator-size);transition:background-color .3s ease-in;width:var(--stepProgressBar-indicator-size)}.stepProgressBar__step--current .stepProgressBar__step__button__indicator{background-color:var(--stepProgressBar-color-neutral);border:calc(var(--stepProgressBar-indicator-size)/4) solid var(--stepProgressBar-color-primary);transition:all .3s ease-in}.stepProgressBar__step--completed .stepProgressBar__step__button__indicator{border:0;transition:all .3s ease-in}.stepProgressBar__step:not(.stepProgressBar__step--current).stepProgressBar__step--navigable .stepProgressBar__step__button__indicator{background-color:var(--stepProgressBar-color-primary);transition:all .3s ease-in}.stepProgressBar__step__button__indicator__icon-completed{fill:transparent}.stepProgressBar__step--completed .stepProgressBar__step__button__indicator__icon-completed{animation:fillColorChange .2s ease-in .3s forwards}.stepProgressBar__step__button__label{margin-top:var(--stepProgressBar-space-unit)}.stepProgressBar__step__button:focus-visible{border-radius:4px;outline:var(--stepProgressBar-color-primary) solid 2px}@supports not selector(:focus-visible){.stepProgressBar__step__button:focus{border-radius:4px;outline:var(--stepProgressBar-color-primary) solid 2px}}.stepProgressBar__step__line{background-color:var(--stepProgressBar-color-secondary);height:var(--stepProgressBar-step-line-size);margin-top:calc(var(--stepProgressBar-indicator-size)/2 - var(--stepProgressBar-step-line-size)/2);margin-left:calc(var(--stepProgressBar-step-size)/2*-1);margin-right:calc(var(--stepProgressBar-step-size)/2*-1);transition:background-color .3s ease-in;width:100%}.stepProgressBar__step--navigable .stepProgressBar__step__line{background-color:var(--stepProgressBar-color-primary);transition:background-color .2s ease-in}.mobile-view{display:none}@keyframes fillColorChange{0%{fill:var(--stepProgressBar-color-primary)}to{fill:var(--stepProgressBar-color-neutral)}}@media (max-width:1000px){.stepProgressBar{padding-left:0;list-style-position:inside}.stepProgressBar__step__button{width:auto}.stepProgressBar__step__line{margin-left:0;margin-right:0}.mobile-view{display:block;margin-bottom:2em}.mobile-view p{margin-top:0;margin-bottom:0;text-align:left}.mobile-view .stepProgressBar__step--completed{color:#d3d3d3;text-decoration:line-through}.mobile-view .stepProgressBar__step--current{font-weight:700}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}