: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}
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);
}
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{
width:var(--app-max-width)!important;
max-width:var(--app-max-width)!important;
left:50%!important;
right:auto!important;
transform:translateX(-50%);
}