.image-display.svelte-12y5u6e{position:relative;display:inline-block}.image-container.svelte-12y5u6e{position:relative;display:inline-block;overflow:hidden}.image-container.svelte-12y5u6e img:where(.svelte-12y5u6e){-o-object-fit:cover;object-fit:cover;display:block}.image-display.rounded-corners.svelte-12y5u6e{border-radius:var(--border-radius);overflow:hidden}@media(min-width:768px){.image-display.rounded-corners.svelte-12y5u6e{border-radius:var(--border-radius-md)}}.image-display.rounded-corners.svelte-12y5u6e .image-container:where(.svelte-12y5u6e),.image-display.rounded-corners.svelte-12y5u6e .image-container:where(.svelte-12y5u6e) img:where(.svelte-12y5u6e),.image-display.rounded-corners.svelte-12y5u6e .loading-spinner:where(.svelte-12y5u6e),.image-display.rounded-corners.svelte-12y5u6e .error-message:where(.svelte-12y5u6e){border-radius:inherit}.image-container.fixed.svelte-12y5u6e{display:inline-block}.image-container.responsive.svelte-12y5u6e{width:100%;height:100%;display:flex}.image-display.svelte-12y5u6e:has(.image-container.responsive:where(.svelte-12y5u6e)){display:block;width:100%}.image-display.responsive-mode.svelte-12y5u6e{display:block;width:100%}.image-container.responsive.fit-contain.svelte-12y5u6e{align-items:center;justify-content:center}.image-container.responsive.fit-contain.svelte-12y5u6e .image-element:where(.svelte-12y5u6e){max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain}.image-container.responsive.fit-fill.svelte-12y5u6e .image-element:where(.svelte-12y5u6e){width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-container.responsive.fit-center.svelte-12y5u6e{align-items:center;justify-content:center}.image-container.responsive.fit-center.svelte-12y5u6e .image-element:where(.svelte-12y5u6e){width:auto;height:auto;-o-object-fit:contain;object-fit:contain}.loading-spinner.svelte-12y5u6e{display:flex;justify-content:center;align-items:center;height:100px}.spinner.svelte-12y5u6e{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #333;border-radius:50%;animation:svelte-12y5u6e-spin 1s linear infinite}@keyframes svelte-12y5u6e-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message.svelte-12y5u6e{color:#ef4444;padding:20px;text-align:center}