.tms-stepper { gap: 2rem; }
.tms-step { display:flex; align-items:center; font-size:.85rem; color: var(--tms-text-hint); }
.tms-step::before {
  content: attr(data-num);
}
.tms-step { position:relative; padding-left:2.4rem; }
.tms-step::after {
  content: ''; position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:1.8rem; height:1.8rem; border-radius:50%; background:#ECEEED;
}
.tms-step.active { color: var(--tms-text); font-weight:500; }
.tms-step.active::after { background: var(--tms-primary); }
.tms-step.done::after { background:#E6F3F1; }