.shell {
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  min-height: var(--app-viewport-height, 100dvh);
  justify-content: center;
  background: var(--mobile-shell-outer-background, #000000);
  overflow-x: hidden;
}

.content {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  max-width: var(--app-max-width, 540px);
  min-height: var(--app-viewport-height, 100dvh);
  flex-direction: column;
  background: var(--mobile-shell-background, transparent);
  overflow-x: clip;
}

@supports not (overflow: clip) {
  .content {
    overflow-x: hidden;
  }
}
