html,
body {
  overscroll-behavior: none !important;
}

body,
#app {
  touch-action: pan-x pan-y;
}


/* Smooth transitions on the phone input itself */
.formOrder [data-input-type="phone"] {
  transition: border-color 0.2s ease, background-color 0.2s ease !important;
}
/* Valid / invalid / error states applied as classes on the input */
.formOrder [data-input-type="phone"].phone-valid {
  border: 1px solid #10b981 !important;
  background-color: #f0fdf4 !important;
}
.formOrder [data-input-type="phone"].phone-invalid,
.formOrder .error {
  border: 1px solid #ef4444 !important;
  background-color: #fef2f2 !important;
}