/* The script gates this foreign stylesheet through its link.media attribute. */
@media (max-width: 900px), (pointer: coarse) and (max-width: 1100px) {
html {
  overflow-x: hidden !important;
  overflow-y: auto;
  overscroll-behavior-x: none;
  touch-action: pan-x pan-y;
}

/* Respect app-authored drawer/modal locks without changing framework root props. */
html:has(#ym-mobile-app-css[data-ym-scroll-locked="true"]) {
  overflow-y: hidden !important;
}

body {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overscroll-behavior-x: none;
  touch-action: pan-x pan-y;
}

/* clip preserves the document scrolling/sticky ancestor; hidden would not. */
@supports (overflow: clip) {
  body {
    overflow-x: clip !important;
  }
}

/* Outrank later class-scoped control styles without changing root attributes. */
html:root:root body input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]),
html:root:root body select,
html:root:root body textarea {
  font-size: 16px !important;
}
}