.mrb-conversion-glow {
  position: fixed;
  pointer-events: none;
  z-index: 1045;
}
/* Share Free draw's modal-left-side layout and the standard modal chrome.
   Override only the material dialog's full-width sizing. */
div.modal-scrollable #dialog_vector_graphics_conversion.modal-left-side {
  transform: none;
  width: 560px;
  margin-left: 0.5em;
}
#dialog_vector_graphics_conversion.modal-left-side .modal-body {
  /* Material selection uses a border-box body with no padding. */
  box-sizing: content-box !important;
  padding: 15px !important;
}
.mrb-conversion-stages {
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
  font-size: inherit;
}
.mrb-conversion-stages li {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 7px 0;
  color: #76838c;
  line-height: 1.3;
}
.mrb-conversion-stages li[data-state="active"] {
  color: #e25303;
  font-weight: bold;
}
.mrb-conversion-stages li[data-state="done"] {
  color: #304b59;
}
.mrb-conversion-stages li[data-state="done"] .stage-state {
  color: #16856d;
}
.mrb-conversion-stages li[data-state="skipped"] {
  opacity: 0.5;
}
.stage-state {
  width: 14px;
  flex-shrink: 0;
  text-align: center;
}
.stage-color {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  flex-shrink: 0;
}

/* Prevent Bootstrap's left transition from competing with the FLIP animation. */
#dialog_vector_graphics_conversion.mrb-progress-transition {
  transition: none;
  will-change: transform;
}
#dialog_vector_graphics_conversion.mrb-progress-transition > * {
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  #dialog_vector_graphics_conversion.modal-left-side {
    transition: none;
  }
}
.modal-scrollable:has(.mrb-progress-transition) {
  overflow: visible;
}