/* MISTER FAST LiveMapChat WEB V3.3.0.6.4
   Login modal guard. Scoped only to WEB login elements. */

/* The modal must never participate in normal page flow. */
body[data-lmc-view="web"] .mf3242-login-modal,
body[data-lmc-view="web"] [data-mf3242-login-modal],
body[data-lmc-view="web"] [data-mf3243-login-modal]{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:20px!important;
  box-sizing:border-box!important;
  overflow:auto!important;
}
body[data-lmc-view="web"] .mf3242-login-modal.is-open,
body[data-lmc-view="web"] [data-mf3242-login-modal].is-open,
body[data-lmc-view="web"] [data-mf3243-login-modal].is-open{
  display:flex!important;
}
body[data-lmc-view="web"] .mf3242-login-backdrop{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  background:rgba(0,31,75,.62)!important;
  backdrop-filter:blur(5px)!important;
  cursor:default!important;
}
body[data-lmc-view="web"] .mf3242-login-dialog{
  position:relative!important;
  z-index:1!important;
  width:min(440px,100%)!important;
  margin:auto!important;
  padding:28px!important;
  border:1px solid rgba(255,255,255,.75)!important;
  border-radius:24px!important;
  background:#fff!important;
  color:#10233f!important;
  box-shadow:0 30px 100px rgba(0,28,75,.35)!important;
  box-sizing:border-box!important;
}
body[data-lmc-view="web"] .mf3242-dialog-close{
  position:absolute!important;
  top:13px!important;
  right:13px!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #d8e3f1!important;
  border-radius:12px!important;
  background:#f7faff!important;
  color:#003da5!important;
  font-size:24px!important;
  line-height:1!important;
  cursor:pointer!important;
}
body[data-lmc-view="web"] .mf3242-login-mark{
  width:58px!important;
  height:58px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  background:#003da5!important;
  color:#ffc400!important;
  font-weight:900!important;
  font-size:20px!important;
}
body[data-lmc-view="web"] .mf3242-login-dialog h2{
  margin:16px 46px 7px 0!important;
  color:#003da5!important;
  font-size:25px!important;
  line-height:1.3!important;
}
body[data-lmc-view="web"] .mf3242-login-dialog>p{
  margin:0 0 20px!important;
  color:#63728a!important;
  line-height:1.6!important;
}
body[data-lmc-view="web"] .mf3242-login-dialog form{
  display:grid!important;
  gap:14px!important;
}
body[data-lmc-view="web"] .mf3242-login-dialog label{
  display:grid!important;
  gap:7px!important;
  color:#15345e!important;
  font-weight:800!important;
}
body[data-lmc-view="web"] .mf3242-login-dialog input{
  width:100%!important;
  height:46px!important;
  padding:0 13px!important;
  border:1px solid #cbd9eb!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#10233f!important;
  font:inherit!important;
  box-sizing:border-box!important;
}
body[data-lmc-view="web"] .mf3242-login-submit{
  min-height:47px!important;
  border:0!important;
  border-radius:13px!important;
  background:#ffc400!important;
  color:#082451!important;
  font:inherit!important;
  font-weight:900!important;
  cursor:pointer!important;
}
body[data-lmc-view="web"] .mf3242-login-message{
  min-height:18px!important;
  color:#b42318!important;
  font-size:13px!important;
}
html.mf3243-login-open,
body.mf3243-login-open{overflow:hidden!important;}

@media (max-width:600px){
  body[data-lmc-view="web"] .mf3242-login-modal{padding:12px!important;}
  body[data-lmc-view="web"] .mf3242-login-dialog{padding:22px 18px!important;border-radius:19px!important;}
  body[data-lmc-view="web"] .mf3242-login-dialog h2{font-size:22px!important;}
}