img.al-lazy-pending:is([data-al-lazy-effect="fade"],[data-al-lazy-effect="slide"],[data-al-lazy-effect="zoom"]),iframe.al-lazy-pending:is([data-al-lazy-effect="fade"],[data-al-lazy-effect="slide"],[data-al-lazy-effect="zoom"]){opacity:0}
.al-lazy-loaded[data-al-lazy-effect="fade"]{animation:al-lazy-fade var(--al-lazy-duration,300ms) ease var(--al-lazy-delay,0ms) both}
.al-lazy-loaded[data-al-lazy-effect="slide"]{animation:al-lazy-slide var(--al-lazy-duration,300ms) ease-out var(--al-lazy-delay,0ms) both}
.al-lazy-loaded[data-al-lazy-effect="zoom"]{animation:al-lazy-zoom var(--al-lazy-duration,300ms) ease-out var(--al-lazy-delay,0ms) both}
img.al-lazy-pending[data-al-lazy-effect="spinner"]{background:#f0f2f2 url("spinner-ring.svg") center/32px no-repeat}
img.al-lazy-pending[data-al-lazy-effect="spinner"][data-al-lazy-spinner="dots"]{background-image:url("spinner-dots.svg")}
img.al-lazy-pending[data-al-lazy-effect="spinner"][data-al-lazy-spinner="pulse"]{background-image:url("spinner-pulse.svg")}
@keyframes al-lazy-fade{from{opacity:0}to{opacity:1}}
@keyframes al-lazy-slide{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@keyframes al-lazy-zoom{from{opacity:0;scale:.97}to{opacity:1;scale:1}}
@media(prefers-reduced-motion:reduce){.al-lazy-loaded:is([data-al-lazy-effect="fade"],[data-al-lazy-effect="slide"],[data-al-lazy-effect="zoom"]){animation:none}img.al-lazy-pending[data-al-lazy-effect="spinner"]{background-image:none}}