html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  overscroll-behavior-x: none;
}

@supports (overflow: clip) {
  html,
  body {
    overflow-x: clip;
  }
}

body {
  position: relative;
}

#dc-root,
#dc-root > .sc-host,
main,
header,
footer,
section {
  max-width: 100%;
}

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

pre,
table {
  max-width: 100%;
  overflow-x: auto;
}

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