/* Image loading does not hold up text or create a card-wide fade. */
#dealGames .progressive-art .deal-art-main{opacity:0;transition:opacity 180ms ease}
#dealGames .progressive-art .deal-art-main.art-loaded{opacity:1}
#dealGames .progressive-art.art-loaded .deal-art-placeholder{visibility:hidden}
#dealGames.density-compact .progressive-art .deal-art-main{aspect-ratio:15/7}
#dealGames.sale-entering:not(.sale-replacing)>.deal-card{animation:none}
@media(prefers-reduced-motion:reduce){#dealGames .progressive-art .deal-art-main{transition:none}}

/* Deferred images are loading, not missing. */
#dealGames .art-loading .deal-art-placeholder{font-size:0;background:#101820}
#dealGames .art-loading .deal-art-placeholder::before,#dealGames .art-loading .deal-art-placeholder::after{content:none}
#dealGames.density-compact .art-error .deal-art-placeholder::after{content:"IMAGE ERROR"}

#dealGames .art-missing .deal-art-placeholder,#dealGames .art-error .deal-art-placeholder{font-size:0;background:#101820;gap:5px;align-content:center;justify-items:center}
#dealGames .art-missing .deal-art-placeholder::before,#dealGames .art-error .deal-art-placeholder::before{content:"";width:23px;height:19px;border:1px solid #465562;border-radius:3px;background:linear-gradient(140deg,transparent 54%,#34434d 55%,#34434d 70%,transparent 71%);opacity:.8}
#dealGames .art-missing .deal-art-placeholder::after{content:"NO IMAGE";font-size:8px;letter-spacing:.13em;color:#71818d}
#dealGames .art-error .deal-art-placeholder::after{content:"IMAGE ERROR";font-size:8px;letter-spacing:.13em;color:#71818d}