.progressive-image-container.svelte-g4xz4s{position:relative;overflow:hidden;background-color:#f3f4f6;display:block}.progressive-image-placeholder.svelte-g4xz4s{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease-out}.progressive-image-skeleton.svelte-g4xz4s{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:svelte-g4xz4s-loading 1.5s infinite}@keyframes svelte-g4xz4s-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.progressive-image-main.svelte-g4xz4s{display:block;width:100%;height:100%;object-fit:inherit;opacity:0;transition:opacity .4s ease-out;z-index:1}.progressive-image-main.loaded.svelte-g4xz4s{opacity:1}.progressive-image-main.error.svelte-g4xz4s{display:none}.progressive-image-container.svelte-g4xz4s:has(.progressive-image-main.loaded:where(.svelte-g4xz4s)) .progressive-image-placeholder:where(.svelte-g4xz4s){opacity:0}.progressive-image-shimmer.svelte-g4xz4s{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#fff0,#fff3 20%,#ffffff80 60%,#fff0);transform:translate(-100%);animation:svelte-g4xz4s-shimmer 2s infinite}@keyframes svelte-g4xz4s-shimmer{to{transform:translate(100%)}}.progressive-image-error.svelte-g4xz4s{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f9fafb;color:#6b7280;padding:1rem;text-align:center}.progressive-image-error.svelte-g4xz4s svg:where(.svelte-g4xz4s){margin-bottom:.5rem;opacity:.5}.progressive-image-error.svelte-g4xz4s p:where(.svelte-g4xz4s){font-size:.875rem;margin:0}.progressive-image-container[style*=padding-bottom].svelte-g4xz4s>:where(.svelte-g4xz4s){position:absolute;top:0;left:0;width:100%;height:100%}.progressive-image-container.svelte-g4xz4s:not([style*=padding-bottom]){position:relative;display:block;width:100%;height:100%}.progressive-image-container.svelte-g4xz4s:not([style*=padding-bottom])>:where(.svelte-g4xz4s){position:relative}.progressive-image-container.svelte-g4xz4s:not([style*=padding-bottom]) .progressive-image-main:where(.svelte-g4xz4s){width:100%;height:100%}.progressive-image-container.svelte-g4xz4s:not([style*=padding-bottom]) .progressive-image-placeholder:where(.svelte-g4xz4s),.progressive-image-container.svelte-g4xz4s:not([style*=padding-bottom]) .progressive-image-skeleton:where(.svelte-g4xz4s){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:inherit}