.steps{justify-content:flex-start;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-flow:row;display:flex}@media screen and (width>=768px){.steps{gap:var(--spacing)}}.steps--transparent .step__circle{background-color:#0000}.step{justify-content:flex-start;align-items:center;gap:var(--spacing-xs);flex-flow:row;display:flex}.step:not(:last-child):after{content:"";background-color:var(--color-green-dark);flex-grow:1;width:2.5rem;height:1px;display:block}.step--completed .step__circle,.step--active .step__circle{background-color:var(--color-green-dark);color:var(--color-green-light)}.step--completed .step__name,.step--active .step__name{font-weight:var(--fw-bold)}.step__circle{background-color:var(--color-white);width:1.875rem;height:1.875rem;color:var(--color-green-dark);border:1px solid var(--color-green-dark);font-size:1.125rem;line-height:1.5rem;font-weight:var(--fw-bold);border-radius:50%;flex-flow:column;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step__circle svg{width:.9375rem;height:.6875rem}.step__name{display:none}@media screen and (width>=768px){.step__name{color:var(--color-green-dark);font-size:.875rem;line-height:1.25rem;font-weight:var(--fw-light);margin-right:var(--spacing-xs);flex-shrink:0;display:inline-block}}