@keyframes slideOutIn{0%{margin-right:0}25%{margin-right:-80px;margin-left:0}26%{margin-left:-180px;margin-right:0}50%{margin-right:0;margin-left:0}}.stepper-circles{display:flex;flex-direction:row;column-gap:32px;margin:24px auto;justify-content:center}@media(min-width:768px){.stepper-circles{column-gap:44px}}.stepper-circles__step{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:130px}.stepper-circles__step__circle{background:var(--grey-2);height:35px;width:35px;border-radius:50%;position:relative}.stepper-circles__step__circle:before{content:"";height:5px;width:109px;position:absolute;top:50%;right:100%;transform:translateY(-100%);background-color:var(--grey-2);z-index:-1}.stepper-circles__step__text{font-size:16px;line-height:24px;margin-top:6px;text-align:center;color:var(--black-3)}.stepper-circles__step:first-of-type .stepper-circles__step__circle:before{display:none}.stepper-circles__step--active .stepper-circles__step__circle,.stepper-circles__step--completed .stepper-circles__step__circle{background:var(--yellow-1)}.stepper-circles__step--active .stepper-circles__step__circle:after,.stepper-circles__step--completed .stepper-circles__step__circle:after{content:"";height:15px;width:15px;background-color:var(--white-1);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute}.stepper-circles__step--active .stepper-circles__step__circle:before,.stepper-circles__step--completed .stepper-circles__step__circle:before{background-color:var(--yellow-1)}.stepper-circles__step--completed .stepper-circles__step__circle:after{font-size:15px;line-height:15px;content:"✔";color:var(--white-1);background-color:transparent;top:50%;left:50%;transform:translate(-50%,-50%)}