html:not(.tyy-images-ready) body img{opacity:0!important}
.ux-image[data-progressive-managed]{display:inline-grid;position:relative;overflow:hidden;vertical-align:middle;max-width:100%;isolation:isolate;border-radius:inherit;background:#e4e6dd;min-width:1px;min-height:1px}
.ux-image[data-progressive-managed]>.ux-image-original{grid-area:1/1;position:relative;opacity:0;transition:opacity .3s ease-out;min-height:0}
.ux-image[data-progressive-managed]:not(.is-loaded)>.ux-image-original{opacity:0!important;transition:none!important}
.ux-image[data-progressive-managed]>.ux-image-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(8px);transform:scale(1.08);pointer-events:none;opacity:1;transition:opacity .3s ease-out}
.ux-image[data-progressive-managed].is-loaded>.ux-image-original{opacity:1}
.ux-image[data-progressive-managed].is-loaded{background:transparent}
.ux-image[data-progressive-managed].is-loaded>.ux-image-preview{opacity:0}
.ux-image[data-progressive-managed].ux-image-avatar{width:100%;height:100%}
.ux-image[data-progressive-managed].ux-image-avatar>.ux-image-original{width:100%;height:100%;object-fit:inherit}
.ux-image[data-progressive-managed].ux-image-thumbnail{flex:none}.ux-image[data-progressive-managed].ux-image-thumbnail>.ux-image-original{width:100%;height:100%;object-fit:cover}
.ux-image[data-progressive-managed].ux-image-media{display:grid;width:100%;min-height:60px}
.ux-image[data-progressive-managed].ux-image-media>.ux-image-original{max-width:100%;width:100%;height:auto}
.tyy-icon>.ux-image[data-progressive-managed]{width:100%;height:100%}.tyy-icon .ux-image-original{width:100%;height:100%;object-fit:contain}
.ux-image[data-progressive-managed]>.ux-image-error{position:absolute;inset:0;border:0;border-radius:inherit;background:#e4e6ddaa;color:#7d806e;font:inherit;cursor:pointer}
@media(prefers-reduced-motion:reduce){.ux-image[data-progressive-managed]>.ux-image-original,.ux-image[data-progressive-managed]>.ux-image-preview{transition:none}}