.workflow-section{padding:14px 16px}.workflow-section .head{margin-bottom:12px}.wf-track{display:flex;gap:0;overflow-x:auto;padding:4px 2px 8px}.wf-item{position:relative;min-width:135px;flex:1;text-align:center}.wf-step{position:relative;width:100%;border:0;background:transparent;padding:0 8px;cursor:pointer;color:#65716b;text-align:center}.wf-step:before{content:'';position:absolute;top:17px;left:0;right:0;height:3px;background:#dde2df;z-index:0}.wf-item:first-child .wf-step:before{left:50%}.wf-item:last-child .wf-step:before{right:50%}.wf-dot{position:relative;z-index:1;margin:auto;display:flex;width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;background:#eef1ef;border:2px solid #cbd2ce;font-weight:700}.wf-label{display:block;margin-top:8px;font-size:13px;font-weight:700;line-height:1.2}.wf-step small{display:block;margin-top:3px;font-size:10px;font-weight:500;color:#8a938e}.wf-step.done{color:#50685b}.wf-step.done:before{background:#aabbb1}.wf-step.done .wf-dot{background:#dfe9e3;border-color:#8fa597}.wf-step.done small{color:#66786e}.wf-step.current{color:#284b39}.wf-step.current .wf-dot{background:#456b57;border-color:#31513f;color:#fff;box-shadow:0 0 0 4px #e3ebe6}.wf-step.current .wf-label{font-weight:800}.wf-step.current small{color:#456b57;font-weight:700}.wf-skip{border:0;background:transparent;color:#98a09b;font-size:9px;text-decoration:underline;cursor:pointer;padding:3px 5px}.wf-skip:hover{color:#65716b}@media(max-width:900px){.workflow-section{padding:12px}.wf-track{padding-bottom:5px}.wf-item{min-width:112px}.wf-step{padding:0 5px}.wf-label{font-size:12px}.wf-step small{font-size:9px}}