/* Keep form controls and legacy configurator steps within narrow screens. */
.rm-form-error { white-space: pre-line; overflow-wrap: anywhere; }
.rm-url-group { flex-wrap: wrap; }
.rm-url-group > .input-group-text { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.rm-url-group > .form-floating { min-width: 0; flex: 1 1 12rem; }
.rm-event-badge { font-size: 12px; border-radius: 5px; margin: 0 5px 5px 0; padding: 0 3px; }
.form-floating > label { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.footer-nav { flex-wrap: wrap; }
@media (max-width: 575.98px) {
  .nav-fixed .step { flex-wrap: wrap; row-gap: 1rem; }
  .nav-fixed .step > .step-item { flex: 0 0 50%; min-width: 0; max-width: 50%; }
  .nav-fixed .step .step-item-link { white-space: normal; }
  .nav-fixed .card-footer .btn { white-space: normal; max-width: 100%; }
  .offcanvas { max-width: 100vw; }
}