.base-steps{justify-content:center;align-items:center;display:flex}.base-step{flex-direction:column}.base-step,.base-step__indicator{justify-content:center;align-items:center;display:flex;position:relative}.base-step__indicator{z-index:2;background:#fff;border:1px solid #417a86;border-radius:50%;width:30px;height:30px}.base-step__line{z-index:1;background:#ffcfab;height:2px;position:absolute;top:15px;left:0;right:0}.base-step__title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.base-step:first-child .base-step__line{left:50%}.base-step:last-child .base-step__line{right:50%}.base-step.is-active .base-step__title,.base-step.is-completed .base-step__title{color:#ff6f00;font-weight:500}.base-step.is-active .base-step__line,.base-step.is-completed .base-step__line{background-color:#ff6f00}.base-step.is-active .base-step__indicator{color:#ff6f00;border:2px solid #ff6f00;font-weight:500}.base-step.is-completed .base-step__indicator{color:#fff;background-color:#ff6f00;border-color:#ff6f00}.base-step.is-completed .base-step__indicator svg{stroke:#fff;stroke-width:2px}