.lazy-image{transition:opacity .3s ease-in-out;opacity:0;will-change:opacity}.lazy-image--loading{background:linear-gradient(90deg,var(--color-bg-secondary,#f0f0f0) 25%,var(--color-bg-tertiary,#e0e0e0) 50%,var(--color-bg-secondary,#f0f0f0) 75%);opacity:.5;background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-loading}.lazy-image--loaded{opacity:1;animation:.3s ease-in-out fade-in}.lazy-image--error{position:relative;opacity:.3;filter:grayscale(100%)}.lazy-image--error::after{content:'⚠️';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.5;font-size:2rem}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes fade-in{from{opacity:0}to{opacity:1}}[data-bg]{background-size:cover;background-position:center;background-repeat:no-repeat}[data-bg].lazy-image--loading{background-image:none!important}.lazy-image,.lazy-image--loaded,.lazy-image--loading{transform:translateZ(0);backface-visibility:hidden}.lazy-image[width][height]{height:auto;aspect-ratio:attr(width)/attr(height)}[data-theme=dark] .lazy-image--loading{background:linear-gradient(90deg,var(--color-bg-secondary,#1a1a1a) 25%,var(--color-bg-tertiary,#2a2a2a) 50%,var(--color-bg-secondary,#1a1a1a) 75%)}[data-theme=dark] .lazy-image--error{opacity:.2}@media (width <= 767px){.lazy-image{transition:opacity .2s ease-in-out}.lazy-image--loaded{animation:.2s ease-in-out fade-in}}@media (prefers-reduced-motion:reduce){.lazy-image,.lazy-image--loaded,.lazy-image--loading{transition:none!important;animation:none!important}.lazy-image--loaded{opacity:1}}@media print{.lazy-image,.lazy-image--loaded,.lazy-image--loading{transition:none!important;opacity:1!important;animation:none!important}}