/* v2-clips-play-veille-0710 — page /decouvrir/clips/ : le bouton lecture au SURVOL, et en veille.
   Stephane 07/10 : « le bouton play apparait au hover .. et sinon apparait plus petit toutes les
   20 sec sans hover .. mais pas en meme temps pour toutes les fiches ».
   Au repos : bouton invisible ; toutes les 20 s il apparait 2 s, a 62 % de sa taille.
   Decalage SANS JavaScript : deux familles nth-child (7n et 11n) posent deux retards qui
   s additionnent ; 11*(i mod 7) + (i mod 11) parcourt les 77 valeurs de 0 a 76 sans doublon,
   donc 77 instants distincts dans le cycle, et deux cartes voisines ont 3,1 s d ecart.
   Survol ou focus clavier : animation coupee, bouton plein (52 px).
   Mouvement reduit : pas de veille, le survol reste. Retour : retirer la balise de la page. */
#dv .clip .play span{opacity:0;transform:scale(.5);transition:opacity .22s ease,transform .22s ease;
  animation:ftv-clip-play-veille 20s ease-in-out infinite both;
  animation-delay:calc(var(--cpv-a,0s) + var(--cpv-b,0s))}
@keyframes ftv-clip-play-veille{
  0%{opacity:0;transform:scale(.5)}
  4%,11%{opacity:.95;transform:scale(.62)}
  15%,100%{opacity:0;transform:scale(.5)}}
#dv .clip:nth-child(7n+2){--cpv-a:-2.857s}#dv .clip:nth-child(7n+3){--cpv-a:-5.714s}
#dv .clip:nth-child(7n+4){--cpv-a:-8.571s}#dv .clip:nth-child(7n+5){--cpv-a:-11.429s}
#dv .clip:nth-child(7n+6){--cpv-a:-14.286s}#dv .clip:nth-child(7n){--cpv-a:-17.143s}
#dv .clip:nth-child(11n+2){--cpv-b:-.26s}#dv .clip:nth-child(11n+3){--cpv-b:-.519s}
#dv .clip:nth-child(11n+4){--cpv-b:-.779s}#dv .clip:nth-child(11n+5){--cpv-b:-1.039s}
#dv .clip:nth-child(11n+6){--cpv-b:-1.299s}#dv .clip:nth-child(11n+7){--cpv-b:-1.558s}
#dv .clip:nth-child(11n+8){--cpv-b:-1.818s}#dv .clip:nth-child(11n+9){--cpv-b:-2.078s}
#dv .clip:nth-child(11n+10){--cpv-b:-2.338s}#dv .clip:nth-child(11n){--cpv-b:-2.597s}
#dv .clip:hover .play span,#dv .clip:focus-visible .play span{animation:none;opacity:1;transform:scale(1)}
@media (prefers-reduced-motion:reduce){#dv .clip .play span{animation:none}}