/* Constrain the document, while retaining native scrolling inside components. */
html,
body {
  max-width: 100%;
  overflow-x: hidden !important;
  overscroll-behavior-x: none;
  touch-action: manipulation !important;
}

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

@supports (touch-action: pan-x pan-y) {
  html,
  body {
    touch-action: pan-x pan-y !important;
  }
}