/* MRĄGOWO BUS • APEX 12.5.0.1 • ACCOUNT MODAL UX FIX */
html.mb12501-account-open,
body.mb12501-account-open{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
.mb12501-account-overlay{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:100vh!important;
  margin:0!important;
  padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))!important;
  z-index:2147482000!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  box-sizing:border-box!important;
}
.mb12501-account-dialog{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  margin:auto!important;
  max-width:min(980px,calc(100vw - 28px))!important;
  max-height:calc(100dvh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  scroll-behavior:auto!important;
  box-sizing:border-box!important;
}
.mb12501-account-dialog *{
  scroll-margin-top:20px;
}
@media(max-width:720px){
  .mb12501-account-overlay{
    align-items:flex-start!important;
    padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
  }
  .mb12501-account-dialog{
    width:100%!important;
    max-width:100%!important;
    max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    border-radius:18px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .mb12501-account-overlay,.mb12501-account-dialog{scroll-behavior:auto!important}
}