:root {
  --alr-duration: 600ms;
  --alr-distance: 20px;
  --alr-easing: cubic-bezier(.22, .61, .36, 1);
}

.alr-js .alr-reveal.alr-ready {
  opacity: 0;
  transform: translate3d(0, var(--alr-distance), 0);
  transition-property: opacity, transform;
  transition-duration: var(--alr-duration);
  transition-delay: var(--alr-delay, 0ms);
  transition-timing-function: var(--alr-easing);
  will-change: opacity, transform;
  backface-visibility: hidden;
}

.alr-js .alr-reveal.alr-ready.alr-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.alr-js .alr-reveal.alr-fade-only.alr-ready,
.alr-js .alr-reveal.alr-fade-only.alr-ready.alr-visible {
  transform: none;
}

.alr-js .alr-reveal.alr-takeover.animated {
  -webkit-animation: none !important;
  animation: none !important;
}

.alr-js .alr-reveal.alr-done {
  will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
  .alr-js .alr-reveal,
  .alr-js .alr-reveal.alr-ready,
  .alr-js .alr-reveal.alr-ready.alr-visible {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

@media print {
  .alr-js .alr-reveal,
  .alr-js .alr-reveal.alr-ready,
  .alr-js .alr-reveal.alr-ready.alr-visible {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}