/*
 * AuditScanner — port of AuditScanner.dc.html (helmet <style> + style-focus).
 * Class prefix: vma-. Keyframes from the design's helmet; vmStepIn / vmSpin /
 * vmBlinkA are renamed vmaStepIn / vmaSpin / vmaBlinkA because QuoteBlueprint
 * and SiteFooter ship a different vmStepIn. vmLaser is unique to this file.
 */
@keyframes vmLaser { 0% { top: 0%; } 100% { top: 100%; } }
@keyframes vmaSpin { to { transform: rotate(360deg); } }
@keyframes vmaBlinkA { 50% { opacity: .35; } }

/*
 * vmStepIn as it actually played in the design. All helmets were merged into
 * one <head>, and on the desktop pages (Home, Home (moon), Services) the
 * SiteFooter helmet came after this component's, so its vmStepIn
 * (34px / blur 8px) won the name collision for the results and "Done" step-ins.
 * Inside the mobile app (no footer) the scanner's own version
 * (24px / blur 6px) applied — see the .vm-route-app override below.
 */
@keyframes vmaStepIn { from { opacity: 0; transform: translateY(34px); filter: blur(8px); } to { opacity: 1; transform: none; filter: blur(0); } }
@keyframes vmaStepInApp { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: none; filter: blur(0); } }
.vm-route-app .vma-host [style*="vmaStepIn"] { animation-name: vmaStepInApp !important; }

/* <sc-if> blocks: wrappers that take no box of their own, so their children
   lay out exactly as direct children of the panel (flex column, absolute laser). */
.vma-host .vma-c { display: contents; }
/* Toggled blocks carry inline display values; [hidden] must still win. */
.vma-host [hidden] { display: none !important; }

/* style-focus="border-color:#c1ed00" on the lead e-mail field. */
.vma-host .vma-email:focus { border-color: #c1ed00 !important; }