/* anime.css : états posés par anime.js (préfixe anime-). Sans JavaScript, aucune de ces classes n'existe. */
.anime-depart{opacity:0;transform:translateY(12px)}
.anime-ligne.anime-depart{transform:translateY(8px)}
.anime-mot.anime-depart,.anime-aire.anime-depart{transform:none}
.anime-valide.anime-depart{transform:scale(.85)}
.anime-valide.anime-lisible{transform:scale(.85)}
.anime-barre-v{transform-origin:50% 100%}
.anime-barre-h{transform-origin:0 50%}
.anime-barre-v.anime-depart{opacity:1;transform:scaleY(0)}
.anime-barre-h.anime-depart{opacity:1;transform:scaleX(0)}

.anime-joue{transition:opacity .45s ease-out,transform .45s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}
.anime-ligne.anime-joue{transition-duration:.3s}
.anime-mot.anime-joue{transition-duration:.15s;will-change:auto}
.anime-barre-v.anime-joue,.anime-barre-h.anime-joue{transition-duration:.5s;will-change:transform}
.anime-valide.anime-joue{transition:opacity .2s ease-out,transform .28s cubic-bezier(.34,1.56,.64,1)}
.anime-trait.anime-joue{transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1);will-change:stroke-dashoffset}

@media (prefers-reduced-motion: reduce), print{
  .anime-depart,.anime-lisible,.anime-joue,.anime-mot,.anime-ligne,.anime-valide,.anime-apparait,.anime-barre-v,.anime-barre-h,.anime-aire,.anime-trait{opacity:1!important;transform:none!important;transition:none!important;will-change:auto!important}
  .anime-trait{stroke-dasharray:none!important;stroke-dashoffset:0!important}
}
