/* Added by reveal.js only: without JavaScript, every element stays visible. */
[data-scroll-reveal="pending"] {
  opacity: 0;
  translate: 0 var(--hosta-reveal-distance, 24px);
}

[data-scroll-reveal="entering"] {
  animation: hosta-enter 760ms cubic-bezier(.2, .7, .2, 1)
    var(--hosta-reveal-delay, 0ms) both;
  will-change: opacity, translate;
}

@keyframes hosta-enter {
  from {
    opacity: 0;
    translate: 0 var(--hosta-reveal-distance, 24px);
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}

/* The independent translate property leaves card hover/flip transforms intact. */
.motion-off [data-scroll-reveal] {
  opacity: 1 !important;
  translate: none !important;
  animation: none !important;
  will-change: auto;
}

@media (prefers-reduced-motion: reduce), print {
  [data-scroll-reveal] {
    opacity: 1 !important;
    translate: none !important;
    animation: none !important;
    will-change: auto;
  }
}