.order-delivery-progress{
  --order-progress-color:var(--qt-primary,var(--yz4-brand,var(--tb-orange,var(--primary,#2563eb))));
  box-sizing:border-box;
  width:100%;
  margin:14px 0;
  padding:14px 16px;
  border:1px solid color-mix(in srgb,var(--order-progress-color) 24%,#dbe5f5);
  border-radius:14px;
  background:color-mix(in srgb,var(--order-progress-color) 7%,#fff);
  color:#334155;
}
.order-delivery-progress__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:14px;
}
.order-delivery-progress__head strong{color:#172033;font-size:15px}
.order-delivery-progress__waiting{display:inline-flex;align-items:center;gap:4px}
.order-delivery-progress__waiting i{width:6px;height:6px;border-radius:50%;background:var(--order-progress-color);opacity:.28;animation:order-delivery-waiting 1.2s infinite ease-in-out}
.order-delivery-progress__waiting i:nth-child(2){animation-delay:.15s}
.order-delivery-progress__waiting i:nth-child(3){animation-delay:.3s}
@keyframes order-delivery-waiting{0%,70%,100%{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-2px)}}
@supports not (background:color-mix(in srgb,#000 10%,#fff)){
  .order-delivery-progress{border-color:#dbe5f5;background:#f7faff}
}
@media(max-width:640px){
  .order-delivery-progress{margin:12px 0;padding:12px;border-radius:12px}
}