.ui-image-container{position:relative;overflow:hidden;display:inline-block;box-sizing:border-box}.ui-image{display:block;width:100%;height:100%;transition:opacity var(--motion-duration-normal) ease,transform var(--motion-duration-normal) ease;will-change:transform,opacity;backface-visibility:hidden}.ui-image-zoomable .ui-image{transform-origin:center;transition:transform var(--motion-duration-normal) var(--motion-ease)}.ui-image-glassmorphism:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-background-overlay);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);z-index:2;opacity:0;transition:opacity var(--motion-duration-normal) ease;pointer-events:none}.ui-image-glassmorphism:hover:before{opacity:1}.ui-image-glass-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:1;opacity:.6;border-radius:inherit;pointer-events:none}.ui-image-loading{color:var(--color-text-secondary)}.ui-image-fallback,.ui-image-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-background-muted);font-size:var(--font-size-sm);z-index:3}.ui-image-fallback{color:var(--color-error)}.ui-image-hidden{opacity:0}.ui-image-blur-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:50%;filter:blur(20px);transform:scale(1.1);z-index:1}.ui-image-blur-placeholder,.ui-image-thumbnail{transition:opacity var(--motion-duration-slow) ease}.ui-image-thumbnail{z-index:2}.ui-image-highres{z-index:3;transition:opacity var(--motion-duration-slow) ease}@media (prefers-color-scheme:dark){.ui-image-fallback,.ui-image-loading{background-color:var(--ui-bg-color,rgba(30,30,30,.5));color:var(--ui-text-color,#e0e0e0)}.ui-image-glassmorphism:before{background:rgba(0,0,0,.15)}.ui-image-glass-overlay{background:rgba(0,0,0,.2)}}