/* Scroll-triggered animations.

   animate.css `.animate__animated` elemanlarını sayfa yüklenir yüklenmez
   oynatır. Bunları scroll'a kadar tutmak için, JS aktifken (html.twiser-anim-js)
   `.animate__scroll-trigger` elemanlarının animasyonunu duraklatırız; eleman
   ekranda %30 görünür olunca JS `animate__scroll-in` ekler ve animasyon oynar.

   Sadece JS aktifken kapatılır; böylece JS kapalı/başarısızsa içerik görünür
   kalır (graceful degradation). Yöntem temanın head'e bastığı gate ile aynıdır,
   dolayısıyla iki mekanizma çakışmaz. */

.twiser-anim-js .animate__scroll-trigger {
  animation-play-state: paused;
}

.twiser-anim-js .animate__scroll-trigger.animate__scroll-in {
  animation-play-state: running;
}