html, body {
  height: auto !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
  overscroll-behavior-y: auto !important;
}

body {
  position: static !important;
  width: 100% !important;
}

#root {
  min-height: 100dvh !important;
  overflow: visible !important;
}

main,
.page,
.screen,
.content,
[class*="page"],
[class*="screen"],
[class*="content"] {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

.fixed.inset-0[style*="opacity: 0"],
.fixed.inset-0[style*="display: none"] {
  pointer-events: none !important;
}

body.modal-open,
body.menu-open,
body.overflow-hidden {
  overflow-y: auto !important;
  position: static !important;
}
