[data-v-28f8d7eb]:export{menuBg:#fff;menuText:#fff;menuActiveText:#fff}.order-status-steps[data-v-28f8d7eb]{display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-size:12px;color:#e1e4e8;position:relative}.order-status-steps[data-v-28f8d7eb]:before{content:"";width:100%;height:1px;background:#e1e4e8;position:absolute;left:0;top:20px;transform:translateY(-50%);z-index:0}.order-status-steps[data-v-28f8d7eb]:after{content:"";width:calc((100% - 36px)/var(--length)*(var(--status) - 1) + 18px);height:1px;background:#36be89;position:absolute;left:0;top:20px;transform:translateY(-50%);z-index:1}.order-status-steps>div[data-v-28f8d7eb]{z-index:2;display:flex;flex-direction:column;align-items:center}.order-status-steps>div[data-v-28f8d7eb]>:first-child{width:16px;height:16px;border-radius:100%;border:4px solid #fff;background:#e1e4e8;position:relative}.order-status-steps>div.status[data-v-28f8d7eb]>:first-child{background:#36be89}.order-status-steps>div.status[data-v-28f8d7eb]>:nth-child(2){color:#2d3144}.order-status-steps>div.current[data-v-28f8d7eb]>:first-child{background:#36be89}.order-status-steps>div.current[data-v-28f8d7eb]>:nth-child(2){color:#2d3144}.order-status-steps>div[data-v-28f8d7eb]>:nth-child(2){line-height:16px;margin-top:8px}.order-status-steps>div[data-v-28f8d7eb]:last-child{align-items:flex-end}.order-status-steps>div[data-v-28f8d7eb]:first-child{align-items:flex-start}