.step-by-step{--step-by-step-circle-size:3rem;--step-by-step-gap:0.75rem;--step-by-step-line-color:var(--primary-10-color,#e6e9ed);--step-by-step-accent-color:var(--secondary-color,#c8d400);align-items:flex-start;display:flex;list-style:none;margin:0;padding:0}.step-by-step__item{align-items:center;display:flex;flex:1 1 0;flex-direction:column;min-width:0;padding:0 .5rem;position:relative;text-align:center}.step-by-step__item--connector:after{background-color:var(--step-by-step-line-color);content:"";height:2px;left:50%;position:absolute;top:calc(var(--step-by-step-circle-size)/2 - 1px);width:100%;z-index:0}.step-by-step__item--connector.is-done:after{background-color:var(--step-by-step-accent-color)}.step-by-step__circle{align-items:center;background-color:var(--step-by-step-accent-color);border-radius:50%;display:flex;flex-shrink:0;font-weight:var(--font-weight-bold);height:var(--step-by-step-circle-size);justify-content:center;line-height:1;position:relative;width:var(--step-by-step-circle-size);z-index:1}.step-by-step__circle,.step-by-step__label{color:var(--primary-color);font-family:var(--font-family-heading);font-size:1rem}.step-by-step__label{font-weight:var(--font-weight-semi-bold);line-height:1.3;margin-top:var(--step-by-step-gap);overflow-wrap:break-word}@media (max-width:640px){.step-by-step{--step-by-step-circle-size:2.25rem;--step-by-step-gap:0.5rem}.step-by-step__item{padding:0 .25rem}.step-by-step__circle{font-size:.85rem}.step-by-step__label{font-size:.8rem}}@media (forced-colors:active){.step-by-step__circle{border:1px solid CanvasText}.step-by-step__item--connector:after{background-color:CanvasText}}