img.is-loading,img[data-src]{filter:blur(10px);opacity:.6;transition:filter .3s ease,opacity .3s ease}img.is-loaded{animation:fadeIn .3s ease;filter:blur(0);opacity:1}img.is-error{background:var(--cl-gray-200,#e5e5e5);filter:blur(0);opacity:.5}[data-bg]{background-color:var(--cl-gray-100,#f5f5f5);transition:background-image .3s ease}[data-bg].bg-loaded{animation:fadeIn .3s ease}iframe[data-src]{background:var(--cl-gray-100,#f5f5f5);min-height:200px}iframe.is-loaded{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}img[data-src]:not([src]){animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--cl-gray-100,#f5f5f5) 0,var(--cl-gray-200,#e5e5e5) 50%,var(--cl-gray-100,#f5f5f5) 100%);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){[data-bg],iframe[data-src],img.is-loaded,img.is-loading,img[data-src]{animation:none;transition:none}img.is-loading,img[data-src]{filter:none;opacity:1}}@media print{img.is-loading,img[data-src]{filter:none;opacity:1}img[data-src]:after{content:attr(data-src);opacity:0;position:absolute}}
