/* Family grid 160x96. Pillar page x34..60 linked to cluster pages at x100;
   the accent page slides in 20 units from the right, then its link draws
   from the pillar. 0% and rest are the joined cluster. */
.pulsar-contentseo-add-to-cluster-ev .new {
  animation: contentseo-add-to-cluster-ev-slide 2400ms linear both;
}
.pulsar-contentseo-add-to-cluster-ev .link {
  stroke-dasharray: 100 200;
  animation: contentseo-add-to-cluster-ev-link 2400ms linear both;
}
@keyframes contentseo-add-to-cluster-ev-slide {
  0%, 10% { transform: translateX(0); opacity: 1; }
  22%, 30% { transform: translateX(20px); opacity: 0; animation-timing-function: cubic-bezier(0.3, 0.8, 0.35, 1); }
  56%, 100% { transform: translateX(0); opacity: 1; }
}
@keyframes contentseo-add-to-cluster-ev-link {
  0%, 10% { stroke-dashoffset: 0; opacity: 1; }
  20% { stroke-dashoffset: 0; opacity: 0; }
  22%, 56% { stroke-dashoffset: 101; opacity: 1; animation-timing-function: cubic-bezier(0.45, 0, 0.3, 1); }
  84%, 100% { stroke-dashoffset: 0; opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .pulsar-contentseo-add-to-cluster-ev .new { animation: none; transform: translateX(0); opacity: 1; }
  .pulsar-contentseo-add-to-cluster-ev .link { animation: none; stroke-dashoffset: 0; opacity: 1; }
}