/* Applied only while a mobile dialog is tracking the visual viewport. */
.modal.modal--visual-viewport {
  inset: auto 0 auto 0;
  top: var(--dialog-viewport-top);
  height: var(--dialog-viewport-height);
  min-height: 0;
  padding-block: 12px;
  box-sizing: border-box;
  align-items: center;
}
.modal.modal--visual-viewport > .modal-content {
  max-height: calc(var(--dialog-viewport-height) - 24px) !important;
  margin-block: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scroll-behavior: auto;
  scroll-padding-block: 12px;
}