.progressive-image{aspect-ratio:var(--image-ratio,auto);background-image:var(--image-placeholder);background-size:var(--image-fit,cover);background-position:var(--image-position,center);opacity:0;background-repeat:no-repeat;animation:0s 50ms forwards image-placeholder;display:block;position:relative;overflow:hidden}@keyframes image-placeholder{to{opacity:1}}.progressive-image[data-image-state=ready]{opacity:1;animation:none}.progressive-image:has(noscript img){opacity:1;animation:none}.progressive-image>img,.progressive-image>noscript>img{object-fit:var(--image-fit,cover);object-position:var(--image-position,center);border-radius:inherit;width:100%;height:100%;opacity:var(--image-opacity,1);transition:opacity .18s ease-out;display:block}.progressive-image>img{opacity:0}.progressive-image[data-image-state=ready]>img{opacity:var(--image-opacity,1)}.progressive-image[data-image-reveal=instant]>img{transition:none}.progressive-image[data-image-displayed=true]{background-image:none}.progressive-image:has(noscript img){background-image:none}.progressive-image[data-image-displayed=true]>img{transition:none}.progressive-image:has(noscript img)>img{display:none}@media (prefers-reduced-motion:reduce){.progressive-image:not([data-image-state=ready]):not(:has(noscript img)){animation:0s 50ms forwards image-placeholder!important}.progressive-image img{transition:none}}