/* ICONS */
#emissions_co2_stock path,
#autres_ges_stock path,
#atmosphere_stock path,
#photosynthese path,
#oceans_stock path,
#acidification path,
#calcification path,
#planctons path,
#biodiversite_marine path,
#effet_serre_additionnel path,
#forcage path,
#aerosols_stock path,
#budget path,
#puits_carbone path {
    opacity: 0;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dropIn 8s ease forwards, icones 5s ease forwards;
}
/* ICONS LABELS */
#emissions_co2_stock g:first-child,
#autres_ges_stock g:first-child,
#atmosphere_stock g:first-child,
#photosynthese g:first-child,
#oceans_stock g:first-child,
#acidification g:first-child,
#calcification g:first-child,
#planctons g:first-child,
#biodiversite_marine g:first-child,
#effet_serre_additionnel g:first-child,
#forcage g:first-child,
#aerosols_stock g:first-child,
#budget g:first-child {
    opacity: 0;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dropInLabel 4s ease forwards;
}
/* ARROWS */
#planctons_to_oceans path {
    opacity: 0;
    stroke-dasharray: 1 25;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    animation: fadeIn 2s ease forwards, dash 10s linear infinite;
}
#emissions_co2_to_split path,
#emissions_co2_to_atmosphere path {
    opacity: 0;
    stroke-dasharray: 24;
    stroke-width: 8;
    stroke-linecap: round;
    stroke-linejoin: round;
    animation: fadeIn 2s ease forwards, dash 10s linear infinite;
}
#emissions_co2_to_oceans path,
#emissions_co2_to_photosynthese path,
#oceans_to_acidification path,
#effet_serre_additionnel_to_forcage path,
#aerosols_to_forcage path,
#effet_serre_naturel path,
#atmosphere_to_effet_serre path,
#forcage_to_budget path {
        opacity: 0;
    stroke-dasharray: 18;
    stroke-width: 6;
    stroke-linecap: round;
    stroke-linejoin: round;
    animation: fadeIn 2s ease forwards, dash 10s linear infinite;
}
#surplus_chaleur_ray path,
#surplus_chaleur_label path {
    opacity: 0;
    stroke-dasharray: 50;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    animation: fadeIn 2s ease forwards, dash 10s linear infinite;
}
#acidification_to_calcification path,
#calcification_to_planctons path,
#planctons_to_biodiversite_marine path,
#atmosphere_to_acidification path,
#aerosols_to_forcage path,
#autres_ges_to_atmosphere path {
    opacity: 0;
    stroke-dasharray: 5;
    stroke-width: 2; 
    stroke-linecap: round;
    stroke-linejoin: round;
    animation: fadeIn 2s ease forwards, dash 25s linear infinite;
}
/* TIMELINE */
#emissions_co2_stock path,
#autres_ges_stock {
    animation-delay: 250ms;
}
#puits_carbone path {
    animation-delay: 1.5s;
}
#emissions_co2_to_split path,
#emissions_co2_to_atmosphere path {
    animation-delay: 3s;
}
#atmosphere_stock path {
    animation-delay: 3.5s;
}
#emissions_co2_to_photosynthese path {
    animation-delay: 5s;
}
#photosynthese path {
    animation-delay: 5.5s;
}
#emissions_co2_to_oceans path {
    animation-delay: 7s;
}
#oceans_stock path {
    animation-delay: 7.5s;
}
#oceans_to_acidification path {
    animation-delay: 9s;
}
#acidification path {
    animation-delay: 9.5s;
}
#acidification_to_calcification path {
    animation-delay: 11s;
}
#calcification path {
    animation-delay: 11.5s;
}
#calcification_to_planctons path {
    animation-delay: 13s;
}
#planctons path {
    animation-delay: 13.5s;
}
#planctons_to_biodiversite_marine path {
    animation-delay: 15s;
}
#biodiversite_marine path {
    animation-delay: 15.5s;
}
#planctons_to_oceans path {
    animation-delay: 17s;
}
#atmosphere_to_acidification path {
    animation-delay: 18.5s;
}
#autres_ges_to_atmosphere path {
    animation-delay: 20s;
}
#effet_serre_naturel path {
    animation-delay: 21.5s;
}
#atmosphere_to_effet_serre path {
    animation-delay: 23s;
}
#effet_serre_additionnel path {
    animation-delay: 23.5s;
}
#surplus_chaleur_ray path,
#surplus_chaleur_label path {
    animation-delay: 25s;
}
#effet_serre_additionnel_to_forcage path {
    animation-delay: 25.5s;
}
#forcage path {
    animation-delay: 27s;
}
#aerosols_stock path {
    animation-delay: 28.5s;
}
#aerosols_to_forcage path {
    animation-delay: 29s;
}
#forcage_to_budget path {
    animation-delay: 29.5s;
}
#budget path {
    animation-delay: 31s;
}
