html.modal-scroll-locked,
body.modal-scroll-locked {
  overscroll-behavior: none;
}

:where(dialog[open], [role="dialog"][aria-modal="true"]:not(dialog)) {
  max-height: 100dvh;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 1023px) {
  .bottom-sheet[role="dialog"][aria-modal="true"] {
    max-height: calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  }
}