/*

Custom style

You can override the default class or style here

This file will not be overwritten by the updater

*/
img.lazyload,
img.loading {
  position: relative;
  display: inline-block;
  background: #f9f9f9; /* placeholder bg */
  min-height: 100px;   /* reserve space */
}

/* Show SVG loader while loading */
img.loading::after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 100 100'><circle cx='50' cy='50' r='40' stroke='%232196f3' stroke-width='10' fill='none' stroke-dasharray='200' stroke-dashoffset='0'><animateTransform attributeName='transform' type='rotate' dur='1s' repeatCount='indefinite' from='0 50 50' to='360 50 50'/></circle></svg>");
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

img.lazyloaded::after {
  display: none;
}