.shipment-progress{gap:0;margin:0;padding:8px 0;list-style:none;display:flex}.shipment-progress li{text-align:center;color:var(--muted,#727889);isolation:isolate;flex-direction:column;flex:1;align-items:center;gap:9px;padding:0 3px;font-size:12px;line-height:1.4;display:flex;position:relative}.shipment-progress li:not(:last-child):after{content:"";background:var(--border,#e3e5e9);z-index:-1;width:100%;height:2px;position:absolute;top:17px;left:50%}.shipment-marker{background:var(--background,#fff);border:1px solid var(--border,#e3e5e9);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.shipment-progress .complete{color:#23734a}.shipment-progress .complete .shipment-marker{background:#e5f5ec;border-color:#a7d9bc}.shipment-progress .complete:after{background:#a7d9bc!important}.shipment-progress .current{color:inherit;font-weight:700}.shipment-progress .current .shipment-marker{background:#fff4da;border-color:#dba52d;box-shadow:0 0 0 4px #dba52d18}.shipment-next{background:#dba52d0c;border-left:3px solid #dba52d;border-radius:0 8px 8px 0;margin:4px 0;padding:12px 16px;font-size:14px;line-height:1.6}@media (max-width:480px){.shipment-progress li{font-size:10px}.shipment-marker{width:30px;height:30px}.shipment-progress li:not(:last-child):after{top:14px}.shipment-next{font-size:13px}}