.customer-order-flow{display:flex;list-style:none;padding:18px 0 12px;margin:12px 0;overflow-x:auto;gap:0}.customer-order-flow li{position:relative;flex:1;min-width:82px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:11px;color:#7b7070;padding:0 4px}.customer-order-flow li::before{content:'';position:absolute;left:0;right:0;top:20px;height:2px;background:var(--border,#e9e0d8)}.customer-order-flow li:first-child::before{left:50%}.customer-order-flow li:last-child::before{right:50%}.customer-step-icon{position:relative;display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;background:white;border:1px solid var(--border,#e9e0d8);border-radius:50%}.customer-step-icon svg{width:21px;height:21px}.customer-order-flow .current{font-weight:700;color:var(--wine)}.customer-order-flow .current .customer-step-icon{background:var(--wine);border-color:var(--wine);color:white}.customer-order-flow .done .customer-step-icon{color:#17803d;background:#edf8f0;border-color:#9cd1ae}.customer-order-flow .flow-cancelled{color:#b42318;align-items:flex-start;font-weight:700}.customer-order-flow .flow-cancelled::before{display:none}@media(max-width:600px){.customer-order-flow{flex-wrap:wrap;row-gap:18px;overflow:visible}.customer-order-flow li{flex:0 0 33.333%;min-width:0}.customer-order-flow li:nth-child(3)::before{right:50%}.customer-order-flow li:nth-child(4)::before{left:50%}}