/**
 * @file
 * Styles for the Progressive Image Loading images.
 */

/**
 * Do not blur elements with the 'progressive-image-loading-disable-blur' class.
 */
img.progressive-image-loading[data-src]:not(.progressive-image-loading-disable-blur),
img.progressive-image-loading[data-srcset]:not(.progressive-image-loading-disable-blur),
*.progressive-image-loading[data-background-image]:not(.progressive-image-loading-disable-blur) {
  -webkit-filter: blur(5px);
  filter: blur(0.2em);
  /* Fix for Safari bug where some images where displayed with shadows. */
  -webkit-backdrop-filter: blur(0px);
}
img.progressive-image-loading[data-src][data-loaded="true"]:not(.progressive-image-loading-disable-blur),
img.progressive-image-loading[data-srcset][data-loaded="true"]:not(.progressive-image-loading-disable-blur),
*.progressive-image-loading[data-background-image][data-loaded="true"]:not(.progressive-image-loading-disable-blur) {
  -webkit-filter: blur(0.1px);
  filter: blur(0px);
  transition: filter 750ms, -webkit-filter 750ms;
  /* Fix for Chrome bug where blurred elements with transitions flicker. */
  backface-visibility: hidden;
  /* Fix for Safari bug where some images where displayed with shadows. */
  -webkit-backdrop-filter: blur(0px);
}