.steps[data-v-42120e79]{position:relative;height:100px;margin:0 auto;width:var(--width,100%)}.steps[data-v-42120e79]:before{content:"";position:absolute;left:0;width:100%;top:50%;height:1px;transform:translateY(-50%);background:var(--progressColor,#6d7687)}.steps .step[data-v-42120e79]{position:absolute;left:var(--left);top:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#7c808c;border-radius:50%;cursor:pointer}.steps .step[data-v-42120e79]:before{content:"";position:absolute;left:50%;top:50%;width:26px;height:26px;border:1px solid #6d7687;transform:translate(-50%,-50%);border-radius:50%;z-index:1}.steps .step>span[data-v-42120e79]{position:absolute;left:50%;top:20px;transform:translate(-50%,50%);z-index:1;display:inline-block;word-break:keep-all;white-space:nowrap;font-size:var(--stepFontSize,14px);color:var(--stepFontColor,#7c808c)}.steps .checked[data-v-42120e79]{width:12px;height:12px;background:#e0e8ff}.steps .checked[data-v-42120e79]:before{box-shadow:0 0 10px 0 #3d5cfc;border:1px solid #57639a}.steps .checked>span[data-v-42120e79]{color:#dce4fe}