.wg-step-process-bar{height:35px;margin:10px auto 0;max-width:600px}.wg-step-process-bar *,.wg-step-process-bar :after,.wg-step-process-bar :before{box-sizing:border-box}.wg-step-process-bar .steps{color:var(--color-border);display:table;list-style:none;margin:0;padding:0;table-layout:fixed;width:100%}.wg-step-process-bar .steps>.step{color:var(--color-grey-text);display:table-cell;font-size:.875rem;position:relative;text-align:center}.wg-step-process-bar .steps>.step:before{background:#fff;border:2px solid var(--color-border);border-radius:100%;color:var(--color-border);content:attr(data-step);display:block;font-size:1rem;font-weight:700;height:2rem;line-height:1.9rem;margin:0 auto -4.2rem;position:relative;text-align:center;width:2rem;z-index:1}.wg-step-process-bar .steps>.step:after{background:var(--color-border);content:"";display:block;height:.125rem;left:50%;position:absolute;top:1rem;width:100%}.wg-step-process-bar .steps>.step:last-child:after{display:none}.wg-step-process-bar .steps>.step.is-complete{color:#6d6875}.wg-step-process-bar .steps>.step.is-complete:before{background:var(--color-primary-100);border:2px solid var(--color-primary-700);color:var(--color-primary-700);content:"✓"}.wg-step-process-bar .steps>.step.is-complete:after{background:var(--color-primary-700)}.wg-step-process-bar .steps>.step.is-active{font-size:1.5rem}.wg-step-process-bar .steps>.step.is-active:before{background:var(--color-primary-700);border:2px solid var(--color-primary-700);color:#fff;margin-bottom:-4.9rem}.wg-step-process-bar .steps>.step.is-active i{border-color:var(--color-primary-700);color:var(--color-primary-700)}.wg-step-process-bar .steps .step-icon{align-items:center;display:flex;justify-content:center}.wg-step-process-bar .steps .step-icon:before{content:none}.wg-step-process-bar .steps .step-icon i{align-items:center;background-color:#fff;border:2px solid var(--color-border);border-radius:50%;color:var(--color-border);display:flex;font-size:14px;height:28px;justify-content:center;width:28px}