.ui-img{background:var(--surface-2,#f9fafb);--ui-img-skel-base:#eceff3;--ui-img-skel-hi:#f6f8fa;position:relative;overflow:hidden}html.dark .ui-img{--ui-img-skel-base:#0f1d33;--ui-img-skel-hi:#26395d}.ui-img__el{opacity:0;width:100%;height:100%;transition:opacity var(--ui-img-fade,.32s) ease;position:absolute;inset:0}.ui-img__el.is-loaded{opacity:1}.ui-img__skel{background:var(--ui-img-skel-base);position:absolute;inset:0}.ui-img__skel--shimmer{background:linear-gradient(100deg, var(--ui-img-skel-base) 25%, var(--ui-img-skel-hi) 45%, var(--ui-img-skel-base) 65%);background-size:300% 100%;animation:1.4s ease-in-out infinite ui-img-shimmer}@keyframes ui-img-shimmer{0%{background-position:150% 0}to{background-position:-150% 0}}@media (prefers-reduced-motion:reduce){.ui-img__skel--shimmer{background:var(--ui-img-skel-base);animation:none}}.ui-img__center{color:var(--text-muted,#6b7280);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ui-img__fallback{background:var(--surface-2,#f9fafb);flex-direction:column;gap:6px}.ui-img__fallback svg{opacity:.55;width:22px;height:22px}.ui-img__fallback-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;opacity:.7;max-width:90%;font-size:11px;line-height:1.2;overflow:hidden}