/* Professional loading state for every platform image: no broken-image icons. */
img{
  background-position:center;
  background-repeat:no-repeat;
}
img.brand-mark,
img.event-poster,
.fed img,
.archive-thumb img,
img.media-poster{
  transition:opacity .22s ease,filter .22s ease;
}
img.image-pending{
  opacity:1!important;
  color:transparent!important;
  background-color:#f3f5f8!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Ccircle cx='22' cy='22' r='17' fill='none' stroke='%23d8dde5' stroke-width='4'/%3E%3Cpath d='M22 5a17 17 0 0 1 17 17' fill='none' stroke='%23d71920' stroke-width='4' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 22 22' to='360 22 22' dur='.8s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E")!important;
  background-size:30px 30px!important;
  filter:saturate(.8);
}
img.image-ready{
  opacity:1!important;
  background-image:none!important;
  filter:none;
}
img.image-failed{
  opacity:1!important;
  visibility:visible!important;
  color:transparent!important;
  background-color:#f3f5f8!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect x='7' y='9' width='34' height='30' rx='6' fill='none' stroke='%23949cab' stroke-width='3'/%3E%3Ccircle cx='18' cy='20' r='4' fill='%23949cab'/%3E%3Cpath d='m11 35 9-9 6 6 5-5 6 8' fill='none' stroke='%23949cab' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-size:30px 30px!important;
}
.event-visual{background:#f3f5f8}
.archive-thumb{background:#101827}
.fed{position:relative;overflow:visible;background:transparent}
.brand:has(img.brand-mark.image-failed) img.brand-mark{display:block}