:root {
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html,
body {
  width: 100%;
  max-width: 100%;
  min-height: 100%;
}

body {
  min-height: 100dvh;
  overflow-x: hidden;
  overscroll-behavior-x: none;
}

img,
video,
canvas,
svg {
  max-width: 100%;
}

video {
  height: auto;
}

button,
input,
textarea,
select {
  max-width: 100%;
  font: inherit;
}

a,
button,
input,
textarea,
select,
[role="button"] {
  -webkit-tap-highlight-color: transparent;
}

@media (max-width: 1024px) {
  body {
    min-height: 100dvh;
  }
}

@media (max-width: 768px) {
  html,
  body {
    min-height: 100dvh;
  }
}