/* Scoped compatibility layer for already published login bundles.
   Keyframes are copied from sx-login.css by sync-theme.py. */
html .sx-stage .sx-pool-rest { display:none; }
html .sx-stage .sx-taiji-wrap { filter:none; animation-name:sxemerge-v2; }
html .sx-stage .sx-taiji { filter:none; box-shadow:none; }
html .sx-stage .sx-pool { animation-name:sxpool-v2; }
html .sx-stage .sx-pool2 { animation-name:sxpool2-v2; }
html .sx-stage .sx-leaf { animation-name:sxleafin-v2; }
html .sx-stage .sx-p { animation-name:sxbloom-v2; }
@keyframes sxpool-v2{0%,8.5%{transform:translate(-50%,-50%) scale(.05);opacity:0}10.5%{opacity:.95}17%{transform:translate(-50%,-50%) scale(1)}23%{opacity:.95}30%,100%{transform:translate(-50%,-50%) scale(1);opacity:0}}
@keyframes sxpool2-v2{0%,8.5%{transform:translate(-50%,-50%) scale(.05);opacity:0}10.5%{opacity:.8}20%{transform:translate(-50%,-50%) scale(1)}23%{opacity:.8}30%,100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}
@keyframes sxemerge-v2{
  0%,8.5%{opacity:0;transform:translate(-50%,-50%) scale(.22) rotateX(0deg)}
  10.5%{opacity:1}
  13%{transform:translate(-50%,-50%) scale(1.07) rotateX(0deg)}
  15%{transform:translate(-50%,-50%) scale(1) rotateX(0deg)}
  23%{opacity:1;transform:translate(-50%,-50%) scale(1) rotateX(0deg)}
  28%{opacity:.95;transform:translate(-50%,-34%) scale(.95) rotateX(-74deg)}
  30%,100%{opacity:0;transform:translate(-50%,-34%) scale(.95) rotateX(-74deg)}}
@keyframes sxleafin-v2{0%,30%{transform:scale(0);opacity:0}32%{opacity:1}36%{transform:scale(1.1)}38.5%{transform:scale(1)}56%{opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes sxbloom-v2{0%,30%{transform:scale(.04);opacity:0}33.5%{opacity:1}40%{transform:scale(1.12)}43%{transform:scale(1)}56%,100%{transform:scale(1);opacity:1}}