/* iGetResults blueprint background: drifting grid + chalk sketches (BGFX, DEPLOY-1211-1). */
body{position:relative}
.bp{background-color:transparent!important;background-image:none!important}
#bgfx{display:block;position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;overflow:hidden;pointer-events:none}
.bgfx-g{position:absolute;top:0;bottom:0;left:0;width:100%;
  background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:80px 80px,80px 80px,16px 16px,16px 16px}

/* DRIFT - the whole sheet slides slowly left to right, forever (one 80px square every 8 s) */
.bgfx-g{left:-80px;width:calc(100% + 80px);animation:bgfxDrift 8s linear infinite;will-change:transform}
@keyframes bgfxDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(80px,0,0)}}

/* CHALK - sketches drawn in the empty spaces */
.bgfx-sk{position:absolute;transform-origin:50% 50%;transition:opacity 2.4s ease}
.bgfx-sk canvas{position:absolute;left:0;top:0;width:100%;height:100%}
.bgfx-sk.out{opacity:0}

@media (prefers-reduced-motion:reduce){.bgfx-g{animation:none}}
@media print{#bgfx{display:none}}