/*
 * Keep the document anchored to the viewport on touch browsers.
 * Child components can still opt into their own horizontal scrolling.
 */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  overscroll-behavior-x: none;
}

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