.step-timeline{list-style:none;margin:0;padding:0}.step-timeline__item{position:relative;display:flex;gap:8px;padding-bottom:8px}.step-timeline__item:not(:last-child):before{content:"";position:absolute;left:11px;top:24px;bottom:0;width:2px;background:#444}.step-timeline__item--done:not(:last-child):before{background:#4caf5099}.step-timeline__num{flex:none;display:grid;place-items:center;width:24px;height:24px;border:2px solid #555;border-radius:50%;background:#3c3c3c;font-size:12px;line-height:1.4;letter-spacing:.5px;text-transform:uppercase;font-weight:700;color:#b0bec5}.step-timeline__item--done>.step-timeline__num{border-color:#4caf50;background:#1b4d2b;color:#4caf50}.step-timeline__item--active>.step-timeline__num{border-color:gold;color:gold}.step-timeline__num--optional{border-style:dashed;border-color:#9575cd}.step-timeline__content{flex:1;min-width:0}