dialog.order-sync-progress {
  width: min(520px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  padding: 24px;
  border: 1px solid #d9e1ec;
  border-radius: 14px;
  color: #172033;
  background: #fff;
}
dialog.order-sync-progress::backdrop { background: #17203380; }
.order-sync-progress h2 { margin: 0 0 16px; font-size: 21px; }
.order-sync-progress p { white-space: normal; overflow-wrap: anywhere; }
.order-sync-progress progress { width: 100%; }
.order-sync-progress.sync-failed [role="status"] { color: #b42318; }
.order-sync-progress [hidden] { display: none !important; }