.MYUI-ModalPage {
  background: rgba(var(--background_modal));
  border-radius: var(--MODALPAGE_border_radius) var(--MODALPAGE_border_radius) 0px 0px;
  width: 100%;
  overflow: hidden;
}

.MYUI-ModalPage[data-background=false] {
  background: none;
}

.MYUI-ModalPage__content {
  padding-bottom: var(--safe-area-inset-bottom);
  height: 100%;
  max-height: calc(var(--app-height, 100vh) - ((var(--panel_header_height) + var(--margin_default) * 2) + var(--safe-area-inset-top) + var(--safe-area-inset-bottom)));
  overflow: auto;
  transition: all .3s;
  --webkit-transition: all .3s;
}

.MYUI-ModalPage__in {
  /* padding-bottom: var(--safe-area-inset-bottom); */
  height: 100%;
  max-height: calc(var(--app-height, 100vh) - ((var(--panel_header_height) + var(--margin_default) * 2) + var(--safe-area-inset-top) - var(--safe-area-inset-bottom)));
  transition: all .3s;
  --webkit-transition: all .3s;
}

.MYUI-ModalPage__in[data-fullwidth="true"] {
  height: calc(var(--app-height, 100vh) - ((var(--panel_header_height) + var(--margin_default) * 2) + var(--safe-area-inset-top) + var(--safe-area-inset-bottom))) !important;
  max-height: calc(var(--app-height, 100vh) - ((var(--panel_header_height) + var(--margin_default) * 2) + var(--safe-area-inset-top) + var(--safe-area-inset-bottom))) !important;
}


.MYUI-ModalPage__in[data-fullwidth="true"] .MYUI-ModalPage__content {
  height: calc(var(--app-height, 100vh) - ((var(--panel_header_height) + var(--margin_default) * 2) + var(--safe-area-inset-top) + var(--safe-area-inset-bottom))) !important;
  max-height: calc(var(--app-height, 100vh) - ((var(--panel_header_height) + var(--margin_default) * 2) + var(--safe-area-inset-top) + var(--safe-area-inset-bottom))) !important;
}