.steps{align-items:center;display:flex;margin-bottom:1rem}.steps.no-navigate .step .step-number.completed:hover{background-color:#048;border:.12rem solid #048;cursor:default}.steps .step,.steps .step .step-number{align-items:center;display:flex}.steps .step .step-number{background-color:#fff;border:.12rem solid #0489;border-radius:50%;color:#0489;font-size:1rem;font-weight:700;height:1.3rem;justify-content:center;margin-right:.2rem;position:relative;width:1.3rem}.steps .step .step-number.active{background-color:#00a6e2;border:.12rem solid #00a6e2;color:#fff}.steps .step .step-number.active .flag-icon,.steps .step .step-number.active svg{fill:#fff}.steps .step .step-number.active .flag-icon svg{height:.875rem;width:.75rem}.steps .step .step-number.hovered{background-color:#00a6e2;border:.12rem solid #00a6e2;color:#fff}.steps .step .step-number.hovered .flag-icon{fill:#fff}.steps .step .step-number.completed{background-color:#048;border:.12rem solid #048;color:#fff;cursor:pointer}.steps .step .step-number.completed:hover{background-color:#00a6e2;border:.12rem solid #00a6e2;color:#fff}.steps .step .step-number svg{height:1rem;width:1rem;fill:#fff}.steps .step .step-number .completed-icon,.steps .step .step-number.completed svg{fill:#fff}.steps .step .step-number:not(.completed) svg{fill:#0489}.steps .step .step-number .tooltip{background-color:#e9e9e9;color:#333;font-size:.75rem;font-weight:300;left:-30%;padding:.2rem .5rem;top:1.5rem;white-space:nowrap;width:auto}.steps .step .step-dashes{align-items:center;display:flex;margin-right:.2rem}.steps .step .step-dashes .dash{background-color:#0489;border-radius:50%;height:.25rem;margin:0 .05rem;width:.25rem}.steps .step .completed-dashes .dash{background-color:#048}