html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overscroll-behavior-y: none;
}

body {
  min-height: 100svh;
  -webkit-tap-highlight-color: transparent;
}

button,
a,
input,
select,
textarea,
[role="button"] {
  touch-action: manipulation;
}

input,
select,
textarea {
  scroll-margin-top: 84px;
}

@media (display-mode: standalone) {
  body {
    padding-top: env(safe-area-inset-top);
    padding-right: env(safe-area-inset-right);
    padding-bottom: env(safe-area-inset-bottom);
    padding-left: env(safe-area-inset-left);
  }
}

@media (max-width: 820px), (pointer: coarse) {
  input,
  select,
  textarea {
    font-size: 16px !important;
  }
}