:is(.image-wrap,.community-card-media,.canvas-preview,.file-thumb){position:relative}
:is(.image-wrap,.community-card-media,.canvas-preview,.file-thumb) img:not([data-preview-state="ready"]){visibility:hidden;opacity:0!important}
:is(.image-wrap,.community-card-media,.canvas-preview,.file-thumb) img[data-preview-state="ready"]{visibility:visible;opacity:1;transition:opacity .2s}
:is(.image-wrap,.community-card-media,.canvas-preview,.file-thumb):has(img:not([data-preview-state="ready"]):not([data-preview-state="failed"]))::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;background:linear-gradient(100deg,#e7ebe2 25%,#f6f8f2 45%,#e7ebe2 65%);background-size:250% 100%;animation:media-shimmer 1.5s linear infinite}
.media-load-note{position:absolute;inset:0;display:grid;place-items:center;padding:12px;background:#e8ede3;color:#78836f;text-align:center;font:12px/1.4 Inter,system-ui,sans-serif;pointer-events:none;border-radius:inherit}
@keyframes media-shimmer{from{background-position:150% 0}to{background-position:-100% 0}}
@media(prefers-reduced-motion:reduce){:is(.image-wrap,.community-card-media,.canvas-preview,.file-thumb)::before{animation:none!important}img[data-preview-state="ready"]{transition:none!important}}