/* 
 * DO NOT EDIT THIS FILE.
 * The Airbus Web Experience use PostCSS to compile CSS
 * the same way as in the Drupal core except it use the .pcss extension.
 * Therefore, you are supposed to edit the pcss file of the same name.
 */

@keyframes fade-in{
  0%{
    visibility:visible;
    opacity:0;
  }
  100%{
    opacity:1;
    opacity:var(--end-opacity, 1);
  }
}

.awx--fade-in{
  animation:fade-in 250ms ease-in;
}

@keyframes fade-out{
  0%{
    opacity:1;
    opacity:var(--start-opacity, 1);
  }
  99%{
    width:100%;
    height:100%;
    opacity:0.01;
  }
  100%{
    visibility:hidden;
    width:0;
    height:0;
    opacity:0;
  }
}

.awx--fade-out{
  animation:fade-out 250ms ease-out;
  animation-fill-mode:forwards;
}

@keyframes slide-in-right{
  0%{
    transform:translateX(1000px);
    opacity:0;
  }
  100%{
    transform:translateX(0);
    opacity:1;
  }
}

.awx--slide-in-right{
  animation:slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes slide-out-right{
  0%{
    transform:translateX(0);
    opacity:1;
  }
  100%{
    transform:translateX(1000px);
    opacity:0;
  }
}

.awx--slide-out-right{
  animation:slide-out-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes bounce{
  0%{
    transform:none;
  }
  20%{
    transform:none;
  }
  40%{
    transform:scale(1.2);
  }
  80%{
    transform:none;
  }
}

.awx--bounce{
  animation:bounce 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@keyframes unbounce{
  0%{
    transform:none;
  }
  20%{
    transform:none;
  }
  40%{
    transform:scale(0.8);
  }
  80%{
    transform:none;
  }
}

.awx--unbounce{
  animation:unbounce 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@keyframes bounce-left{
  0%{
    transform:none;
  }
  20%{
    transform:none;
  }
  40%{
    transform:translate3d(-20%, 0, 0);
  }
  80%{
    transform:none;
  }
}

.awx--bounce-left{
  animation:bounce-left 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@keyframes bounce-right{
  0%{
    transform:none;
  }
  20%{
    transform:none;
  }
  40%{
    transform:translate3d(20%, 0, 0);
  }
  80%{
    transform:none;
  }
}

.awx--bounce-right{
  animation:bounce-right 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@keyframes bounce-up{
  0%{
    transform:none;
  }
  20%{
    transform:none;
  }
  40%{
    transform:translate3d(0, -20%, 0);
  }
  80%{
    transform:none;
  }
}

@keyframes bounce-down{
  0%{
    transform:none;
  }
  20%{
    transform:none;
  }
  40%{
    transform:translate3d(0, 20%, 0);
  }
  80%{
    transform:none;
  }
}

@keyframes fx-wave{
  100%{
    -webkit-mask-position:-200% 0;
    mask-position:-200% 0
  }
}

.awx--fx-wave{
  -webkit-mask-image:linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-image:linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  -webkit-mask-image:linear-gradient(130deg, #000 55%, rgb(0 0 0 / 0.8) 75%, #000 95%);
  mask-image:linear-gradient(130deg, #000 55%, rgb(0 0 0 / 0.8) 75%, #000 95%);
  -webkit-mask-size:200% 100%;
  mask-size:200% 100%;
  animation:fx-wave 2s linear infinite;
}

@keyframes roll{
  0%{
    transform:none;
  }
  100%{
    transform:rotate(360deg);
  }
}

.awx--roll{
  animation:roll 2s linear infinite;
}

@keyframes fx-kb-zoom{
  100%{
    -webkit-mask-position:-200% 0;
    mask-position:-200% 0
  }
}

.awx--fx-kb-zoom{
  overflow:hidden;
  transform:scale3d(1, 1, 1);
  animation:fx-kb-zoom 2s linear infinite;
}

@keyframes translate-y{
  to{
    transform:translateY(0);
    transform:translateY(var(--move-y, 0));
  }
}

a:active .awx-icon--play-arrow{
    animation:1s ease-in-out bounce-right infinite;
  }

button:active .awx-icon--play-arrow{
    animation:1s ease-in-out bounce-right infinite;
  }

a:active .awx-icon--launch{
    animation:1s ease-in-out bounce-right infinite;
  }

button:active .awx-icon--launch{
    animation:1s ease-in-out bounce-right infinite;
  }

a:active .awx-icon--chevron-right{
    animation:1s ease-in-out bounce-right infinite;
  }

button:active .awx-icon--chevron-right{
    animation:1s ease-in-out bounce-right infinite;
  }

a:active .awx-icon--chevronrightdouble{
    animation:1s ease-in-out bounce-right infinite;
  }

button:active .awx-icon--chevronrightdouble{
    animation:1s ease-in-out bounce-right infinite;
  }

a:hover .awx-icon--play-arrow,a:focus .awx-icon--play-arrow,button:hover .awx-icon--play-arrow,button:focus .awx-icon--play-arrow,a:hover .awx-icon--launch,a:focus .awx-icon--launch,button:hover .awx-icon--launch,button:focus .awx-icon--launch,a:hover .awx-icon--chevron-right,a:focus .awx-icon--chevron-right,button:hover .awx-icon--chevron-right,button:focus .awx-icon--chevron-right,a:hover .awx-icon--chevronrightdouble,a:focus .awx-icon--chevronrightdouble,button:hover .awx-icon--chevronrightdouble,button:focus .awx-icon--chevronrightdouble{
    animation:1s ease-in-out bounce-right infinite;
  }

a:active .awx-icon--chevron-left{
    animation:1s ease-in-out bounce-left infinite;
  }

button:active .awx-icon--chevron-left{
    animation:1s ease-in-out bounce-left infinite;
  }

a:active .awx-icon--chevronleftdouble{
    animation:1s ease-in-out bounce-left infinite;
  }

button:active .awx-icon--chevronleftdouble{
    animation:1s ease-in-out bounce-left infinite;
  }

a:hover .awx-icon--chevron-left,a:focus .awx-icon--chevron-left,button:hover .awx-icon--chevron-left,button:focus .awx-icon--chevron-left,a:hover .awx-icon--chevronleftdouble,a:focus .awx-icon--chevronleftdouble,button:hover .awx-icon--chevronleftdouble,button:focus .awx-icon--chevronleftdouble{
    animation:1s ease-in-out bounce-left infinite;
  }

a:active .awx-icon--download{
    animation:1s ease-in-out bounce-down infinite;
  }

button:active .awx-icon--download{
    animation:1s ease-in-out bounce-down infinite;
  }

a:hover .awx-icon--download,a:focus .awx-icon--download,button:hover .awx-icon--download,button:focus .awx-icon--download{
    animation:1s ease-in-out bounce-down infinite;
  }