:root{--app-max-width:100%;--app-zoom:1;--app-total-width:100%}
*{margin:0;padding:0;box-sizing:border-box}
html{height:100%}
html[data-ui-contain="0"]{background:#fff}
html[data-ui-contain="1"]{background:#e8e8e8;overflow:hidden}
body{
  height:100%;
  font-family:Arial,sans-serif;
  touch-action:manipulation;
  -webkit-touch-callout:none;
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:transparent;
  -webkit-overflow-scrolling:touch;
  display:flex;
  justify-content:center;
}
#app{
  width:100%;
  max-width:var(--app-max-width);
  min-height:100%;
  background:#fff;
  position:relative;
  overflow:hidden;
}
html[data-ui-contain="1"] #app{
  box-shadow:0 0 20px rgba(0,0,0,0.1);
  zoom:var(--app-zoom);
  overflow:visible;
}
html[data-ui-contain="1"] .v5-header,
html[data-ui-contain="1"] .v5-footer,
html[data-ui-contain="1"] .activity-header,
html[data-ui-contain="1"] .bar-nav,
html[data-ui-contain="1"] .app-root-tabbar{
  width:var(--app-max-width)!important;
  max-width:var(--app-max-width)!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%);
}