@import url("./index-Ca6Pmfr0-core.css");

html:has(.modal-backdrop),
body:has(.modal-backdrop) {
  overscroll-behavior: none;
}

body:has(.modal-backdrop) {
  overflow: hidden;
}

.modal-backdrop {
  height: var(--manduria-viewport-height, 100dvh);
  overscroll-behavior: contain;
  touch-action: pan-y;
}

.modal-card {
  max-height: calc(var(--manduria-viewport-height, 100dvh) - 44px);
  overflow-anchor: none;
  overscroll-behavior: contain;
  scroll-behavior: auto;
  -webkit-overflow-scrolling: touch;
}

.modal-card input,
.modal-card textarea,
.modal-card select {
  font-size: 16px;
}

.modal-card textarea {
  touch-action: pan-y;
}

@media (max-width: 760px) {
  html {
    scroll-behavior: auto;
  }

  .modal-backdrop {
    align-items: flex-start;
  }

  .modal-card {
    border-radius: 0;
    height: var(--manduria-viewport-height, 100dvh);
    max-height: var(--manduria-viewport-height, 100dvh);
    padding-bottom: max(28px, env(safe-area-inset-bottom));
    scroll-padding: 24px 0 42vh;
  }
}