/*
  Mobile shell containment.
  Keep wide navigation and task content from making the iPhone document itself
  horizontally scrollable. The navigation remains independently scrollable.
*/

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

.app-shell {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.app-shell__aside {
  min-width: 0;
  max-width: 100%;
}

.app-shell__main {
  min-width: 0;
  max-width: 100%;
}

.app-shell__nav {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}

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