/* Keep product, target and generated result together in the comparison dialog. */
.modal.td-compare-modal {
  width: min(96vw, 960px);
  max-width: min(96vw, 960px);
}

.modal.td-compare-modal .td-compare-grid {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 16px;
  overflow-x: auto;
  padding-bottom: 8px;
}

.modal.td-compare-modal .td-compare-grid > .td-compare-pane {
  flex: 1 0 180px;
  min-width: 0;
}