.step-indicator[data-v-87622fec]{padding:1rem 0;position:relative;width:100%}.progress-track[data-v-87622fec]{background-color:var(--hapi-light-grey,#e5e7eb);border-radius:2px;height:4px;left:0;position:absolute;right:0;top:2rem;z-index:0}.progress-fill[data-v-87622fec]{background-color:var(--hapi-text-colour-1,#333);border-radius:2px;height:100%;transition:width .3s ease}.steps-container[data-v-87622fec]{display:flex;justify-content:space-between;position:relative;z-index:1}.step[data-v-87622fec]{align-items:center;display:flex;flex:1;flex-direction:column;max-width:150px}.step--completed .step-circle[data-v-87622fec]{background-color:var(--hapi-text-colour-1,#333);border-color:var(--hapi-text-colour-1,#333);color:#fff}.step--completed .step-title[data-v-87622fec],.step--current .step-circle[data-v-87622fec]{color:var(--hapi-text-colour-1,#333)}.step--current .step-circle[data-v-87622fec]{background-color:#fff;border-color:var(--hapi-text-colour-1,#333);box-shadow:0 0 0 4px rgba(var(--hapi-primary-rgb,51,51,51),.15)}.step--current .step-title[data-v-87622fec]{color:var(--hapi-text-colour-1,#333);font-weight:600}.step--upcoming .step-circle[data-v-87622fec]{background-color:#fff;border-color:#d1d5db;color:#9ca3af}.step--upcoming .step-title[data-v-87622fec]{color:#9ca3af}.step--upcoming .step-description[data-v-87622fec]{color:#d1d5db}.step-circle[data-v-87622fec]{align-items:center;background-color:#fff;border:2px solid;border-radius:50%;display:flex;height:2rem;justify-content:center;transition:all .3s ease;width:2rem}.step-icon[data-v-87622fec]{height:1rem;width:1rem}.step-icon--check[data-v-87622fec]{color:#fff}.step-number[data-v-87622fec]{font-size:.875rem;font-weight:600}.step-label[data-v-87622fec]{margin-top:.5rem;text-align:center}.step-title[data-v-87622fec]{color:#6b7280;display:block;font-size:.875rem;transition:color .3s ease}.step-description[data-v-87622fec]{color:#9ca3af;display:block;font-size:.75rem;margin-top:.125rem}@media(max-width:640px){.step-label[data-v-87622fec]{display:none}.step[data-v-87622fec]:first-child,.step[data-v-87622fec]:last-child{align-items:center}.step-circle[data-v-87622fec]{height:1.75rem;width:1.75rem}.step-number[data-v-87622fec]{font-size:.75rem}.step-icon[data-v-87622fec]{height:.875rem;width:.875rem}}