/* MOBILE_INPUT_COMPAT_V1: low-cost form rendering on touch devices. */
@media (hover: none), (pointer: coarse) {
  .auth-form input,
  .auth-form select,
  .auth-form textarea {
    font-size: 16px;
  }
  .modal-backdrop {
    background: #080a0e;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    align-items: flex-start;
    padding: 12px;
    padding-top: max(12px, env(safe-area-inset-top));
    padding-bottom: max(12px, env(safe-area-inset-bottom));
    overflow-y: auto;
    overscroll-behavior-y: contain;
    transition: none;
  }
  .modal-backdrop .modal {
    max-height: calc(100vh - 24px);
    max-height: calc(100dvh - 24px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: none !important;
    transition: none !important;
    margin: auto;
  }
  body.no-scroll *,
  body.no-scroll *::before,
  body.no-scroll *::after {
    animation-play-state: paused !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    filter: none !important;
  }
}