.XjIWIq_step{background-color:#0000;align-items:center;gap:.75rem;padding:.75rem 1.25rem;transition:all .3s;display:flex}.XjIWIq_step .XjIWIq_indicator{border:2px solid var(--primary-colour-middle);width:1.75rem;height:1.75rem;font-size:var(--font-size-extra-small);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.XjIWIq_step .XjIWIq_indicator span{color:var(--primary-colour-middle);font-weight:700}.XjIWIq_step .XjIWIq_indicator svg{color:#fff}.XjIWIq_step .XjIWIq_label{font-size:var(--font-size-p);color:var(--primary-colour-middle);transition:color .3s}.XjIWIq_step.XjIWIq_active .XjIWIq_indicator{border-color:var(--star-colour);background-color:var(--star-colour)}.XjIWIq_step.XjIWIq_active .XjIWIq_indicator span{color:#fff}.XjIWIq_step.XjIWIq_active .XjIWIq_label{color:var(--primary-colour);font-weight:700}.XjIWIq_step.XjIWIq_completed .XjIWIq_indicator{border-color:var(--primary-colour);background-color:var(--primary-colour)}.XjIWIq_step.XjIWIq_completed .XjIWIq_label{color:var(--primary-colour)}@media (max-width:55rem){.XjIWIq_step{flex-direction:column;gap:.35rem;min-width:auto;padding:.75rem 1rem}.XjIWIq_step .XjIWIq_label{font-size:var(--font-size-extra-small);white-space:nowrap}}