/* =============================
   css/bgs.css
   ============================= */
/* ===== animações dos cenários (js/chars/bgs.js e outros) ===== */
.bg{position:absolute;left:0;top:0;width:360px;height:640px;pointer-events:none}
.bgx-gear{animation:bgxGear 14s linear infinite}
.bgx-gear.rev{animation-direction:reverse;animation-duration:9s}
@keyframes bgxGear{to{transform:rotate(360deg)}}
.bgx-hand{animation:bgxGear 60s linear infinite}
.bgx-steam circle{opacity:0;animation:bgxSteam 3s ease-out infinite}
.bgx-steam circle:nth-child(2){animation-delay:.5s}.bgx-steam circle:nth-child(3){animation-delay:1s}
.bgx-steam.b circle{animation-delay:1.4s}
@keyframes bgxSteam{0%{opacity:.8;transform:translateY(8px) scale(.6)}100%{opacity:0;transform:translateY(-22px) scale(1.5)}}
.bgx-steam circle{transform-box:fill-box;transform-origin:50% 50%}
.bgx-blink{animation:bgxBlink 1.2s steps(1) infinite}
.bgx-blink.b{animation-delay:.4s}.bgx-blink.c{animation-delay:.8s}
@keyframes bgxBlink{50%{opacity:.25}}
.bgx-glow{animation:bgxGlow 3.2s ease-in-out infinite}
@keyframes bgxGlow{50%{opacity:.82}}
.bgx-sway{animation:bgxSway 3.4s ease-in-out infinite alternate}
.bgx-sway.b{animation-delay:-1.7s}
@keyframes bgxSway{from{transform:rotate(-2.2deg)}to{transform:rotate(2.2deg)}}
.bgx-ecg{stroke-dasharray:140;stroke-dashoffset:140;animation:bgxEcg 2s linear infinite}
@keyframes bgxEcg{to{stroke-dashoffset:-140}}
.bgx-drip{animation:bgxDrip .9s linear infinite}
@keyframes bgxDrip{to{stroke-dashoffset:-18}}