:where(.ps-progressive-image){width:100%;min-width:0;height:100%;min-height:0;display:block;position:relative;overflow:hidden}.ps-progressive-image>.ps-image-full{object-fit:var(--ps-image-fit,cover);opacity:1;width:100%;height:100%;display:block}.ps-progressive-image>.ps-image-preview{object-fit:var(--ps-image-fit,cover);filter:blur(10px);pointer-events:none;width:100%;height:100%;display:none;position:absolute;inset:0;transform:scale(1.1)}.ps-progressive-image[data-image-state=loading]>.ps-image-preview,.ps-progressive-image[data-image-state=loaded]>.ps-image-preview,.ps-progressive-image[data-image-state=error]>.ps-image-preview{display:block}.ps-progressive-image[data-image-state=loading]>.ps-image-full,.ps-progressive-image[data-image-state=error]>.ps-image-full{opacity:0}.ps-progressive-image[data-image-state=loaded]>.ps-image-full{transition:opacity .3s}.ps-progressive-image[data-image-state=loaded]>.ps-image-preview{opacity:0;transition:opacity .3s}.ps-progressive-image[data-preview-failed=true]>.ps-image-preview{display:none}.ps-progressive-image[data-image-state=error][data-preview-failed=true]>.ps-image-full{opacity:1}@media (prefers-reduced-motion:reduce){.ps-progressive-image[data-image-state=loaded]>.ps-image-full,.ps-progressive-image[data-image-state=loaded]>.ps-image-preview{transition:none!important}}
