/* The provider's desktop dialog is fixed at 700px, even in a narrow window.
   Its native mobile multibutton uses different markup and is left unchanged. */
/* Do not let vendor launchers cover the site's modal form or its submit button. */
body.modal-open #lb_widget-root {
  display: none !important;
}

@media (max-width: 760px) {
  html body #lb_widget-root .lb_widget {
    width: calc(100vw - 24px) !important;
    max-width: 700px !important;
    max-height: calc(100dvh - 24px) !important;
    min-height: 0 !important;
    overflow: auto !important;
  }
  html body #lb_widget-root .lb_widget .lb_widget-container,
  html body #lb_widget-root .lb_widget .lb_widget-message {
    padding: 64px 18px 24px !important;
  }
  html body #lb_widget-root .lb_widget .lb_h1 {
    font-size: 24px !important;
    line-height: 1.2 !important;
    overflow-wrap: anywhere;
  }
  html body #lb_widget-root .lb_widget .lb_h3 {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }
  html body #lb_widget-root .lb_widget .lb_form .lb_input {
    display: block !important;
    width: 100% !important;
    height: 48px !important;
    margin: 0 0 12px !important;
    top: 0 !important;
    box-sizing: border-box !important;
  }
  html body #lb_widget-root .lb_widget .lb_form .lb_button {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 18px !important;
    box-sizing: border-box !important;
  }
}