.stage-stepper{display:flex;align-items:flex-start;gap:0;overflow-x:auto;padding:14px 4px 6px;margin:6px 0 2px;-webkit-overflow-scrolling:touch;}
.stage-stepper__step{flex:none;display:flex;flex-direction:column;align-items:center;width:78px;}
.stage-stepper__circle{position:relative;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;font-size:12px;font-weight:700;background:#eef1f5;color:#8593AB;border:2px solid #d7dde5;}
.stage-stepper__step--done .stage-stepper__circle{background:#569d10;border-color:#569d10;color:#fff;font-size:13px;}
.stage-stepper__step--active .stage-stepper__circle{background:#fff;border-color:transparent;color:#2b6cb0;}
.stage-stepper__step--pending .stage-stepper__circle{background:#eef1f5;border-color:#d7dde5;color:#8593AB;}
.stage-stepper__ring{position:absolute;top:50%;left:50%;width:36px;height:36px;transform:translate(-50%,-50%) rotate(-90deg);pointer-events:none;overflow:visible;}
.stage-stepper__ring-bg{fill:none;stroke:#e2e8f0;stroke-width:2.6;}
.stage-stepper__ring-fg{fill:none;stroke:#65ade0;stroke-width:2.6;stroke-linecap:round;transition:stroke-dasharray .4s ease;}
.stage-stepper__pct{position:relative;font-size:10px;}
.stage-stepper__num{position:relative;}
.stage-stepper__line{flex:1 1 20px;min-width:20px;height:2px;background:#d7dde5;margin:15px -2px 0;align-self:flex-start;}
.stage-stepper__line.is-filled{background:#569d10;}
.stage-stepper__label{margin-top:6px;font-size:10.5px;line-height:1.3;color:#5a6b82;text-align:center;max-width:78px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.stage-stepper__step--done .stage-stepper__label{color:#3f7a0c;font-weight:600;}
.stage-stepper__step--active .stage-stepper__label{color:#2b6cb0;font-weight:600;}