/**!
 * lazy images
 */
.lazyload, .lazyloading, .lazyloaded {
  opacity: 0;
  will-change: opacity;
  transition: all 0.3s ease-in-out;
}
.lazyloaded {
  opacity: 1;
}
/**
 *  Preview Thumbnail
 */
.lazyload.thumb, .lazyloading.thumb, .lazyloaded.thumb {
  opacity: 1;
}
/**
 *  Intrinsic Ratio
 */
.intrinsic-ratio-wrapper {
  display: inline-block;
  max-width: 100%;
  width: 100%;
}
.intrinsic-ratio {
  position: relative;
  height: 0;
  max-width: 100%;
}
.intrinsic-ratio > img, .intrinsic-ratio > picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.intrinsic-ratio > .thumb {
  height: 100%;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22srv%2Fwww%2Fidnative%2Fpublic%2Fsystem%2Fmodules%2Flazy-images%2Fassets%2Fcss%2Fcustom.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAXA%3BAAAA%3BAAAA%3BAAkBA%3BAAAA%3BAAAA%3BAAlBA%3BAAAA%3BAAAA%3BAA4BA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%22%7D */