/*
 * VMWEB — Mobile App page (MobileApp.dc.html helmet <style>).
 * Only enqueued on the "VMWEB — Mobile App" page template (/app/).
 */

html, body {
	margin: 0;
	height: 100%;
	background: #000;
	-webkit-font-smoothing: antialiased;
	overscroll-behavior: none;
}
a { color: #c1ed00; }
a:hover { color: #edf0ea; }
* { -webkit-tap-highlight-color: transparent; }

/* base.css defaults the design never had on this page. */
html { scroll-behavior: auto; }
body { overflow-x: visible; }

/*
 * The main pages' helmets styled ::selection lime (base.css); MobileApp and
 * AuditScanner did not, so text selected in the app (its inputs and
 * textareas) used the browser's own highlight. `revert` rolls back to it.
 */
::selection { background-color: revert; color: revert; }

@keyframes mUp { from { opacity: 0; translate: 0 26px; } to { opacity: 1; translate: 0 0; } }
@keyframes mLogo { from { opacity: 0; scale: .7; filter: blur(10px); } to { opacity: 1; scale: 1; filter: blur(0); } }
@keyframes mLoad { from { width: 0; } to { width: 100%; } }
@keyframes mSplashOut { to { translate: 0 -100%; } }
@keyframes mProg { from { width: 0; } to { width: 100%; } }
@keyframes mKen { from { scale: 1.14; } to { scale: 1; } }
@keyframes mStoryIn { from { opacity: 0; scale: .9; } to { opacity: 1; scale: 1; } }
@keyframes mToast { from { translate: -50% -140%; opacity: 0; } to { translate: -50% 0; opacity: 1; } }
@keyframes mMarq { to { transform: translateX(-50%); } }
@keyframes mBeat { 0% { box-shadow: 0 0 0 0 rgba(193,237,0,.7); } 100% { box-shadow: 0 0 0 10px rgba(193,237,0,0); } }
@keyframes mPop { from { opacity: 0; scale: .5; } to { opacity: 1; scale: 1; } }
@keyframes mDraw { from { stroke-dashoffset: 60; } to { stroke-dashoffset: 0; } }
@keyframes mStamp { 0% { opacity: 0; scale: 1.8; rotate: -8deg; } 60% { opacity: 1; scale: .94; rotate: -8deg; } 100% { opacity: 1; scale: 1; rotate: -8deg; } }
@keyframes mStepA { from { opacity: 0; translate: 28px 0; } to { opacity: 1; translate: 0 0; } }
@keyframes mStepB { from { opacity: 0; translate: 28px 0; } to { opacity: 1; translate: 0 0; } }
@keyframes mScan { from { translate: 0 -100%; } to { translate: 0 900%; } }