<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style>
@keyframes anim {
}

#o_0:before {
  animation: anim 10s;
  content: "";
}
</style>
<meta charset="UTF-8">
<script>
function boom(){
  function getPseudoElement() {
    var anim = document.getAnimations()[0];
    anim.cancel();
    return anim.effect.target;
  }

  var target = getPseudoElement();
  target.animate([{"perspective": "262ex"}, {}], {duration: 1070, iterationStart: 68, iterationComposite: "accumulate"});
  target.animate([{"color": "white", "flex": "inherit"}, {"color": "red", "flex": "66% "}], 3439);
  target.animate([{"font": "icon"}], 1849);
  setTimeout(function() {
    document.documentElement.classList.remove("reftest-wait");
  }, 500);
}
document.addEventListener("DOMContentLoaded", boom);
</script>
</head>
<body>
<div id=o_0></div>
</body>
</html>