/* Generated from assets/scss/feature-lazyload.scss — edit the source, not this file */
/* Lazy Loading (LazyLoad module, lazysizes mode): fade-in, and the <noscript> image instead when scripts are off */
.vlt-lazyload:not(.vlt-lazyloaded) {
  opacity: 0;
}

:where(.vlt-lazyloaded) {
  animation: vlt-lazyload-in 0.4s ease;
}

@keyframes vlt-lazyload-in {
  from {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(.vlt-lazyloaded) {
    animation: none;
  }
}
@media (scripting: none) {
  .vlt-lazyload {
    display: none !important;
  }
}