/* Overlay loaders stay within the image's reserved frame; nothing moves on load. */
.ac-image-shell{position:relative}
.ac-image-shell>.ac-image-placeholder{position:absolute;inset:0;z-index:3;display:grid;place-items:center;width:100%;height:100%;border-radius:inherit;overflow:hidden;pointer-events:none;background:linear-gradient(135deg,#18232e,#121b25);opacity:1;transition:opacity .16s ease}
.ac-image-shell[data-image-state="loaded"]>.ac-image-placeholder{opacity:0}
.ac-image-shell .ac-image-spinner{display:block;width:25px!important;height:25px!important;border:2px solid #8090a62b;border-top-color:#bf626b;border-radius:50%;opacity:.8;animation:ac-image-loading .95s linear infinite;animation-play-state:paused}
.ac-image-in-view .ac-image-spinner{animation-play-state:running}
.ac-gallery-thumbnail .ac-image-spinner{width:18px!important;height:18px!important}
.ac-image-shell[data-image-state="loading"]>img,.ac-image-shell[data-image-state="loading"]>figure>img,.ac-image-shell[data-image-state="waiting"]>img,.ac-image-shell[data-image-state="waiting"]>figure>img,.ac-image-shell[data-image-state="error"]>img,.ac-image-shell[data-image-state="error"]>figure>img{opacity:0}
.ac-image-shell[data-image-state="loaded"]>img,.ac-image-shell[data-image-state="loaded"]>figure>img{opacity:1;transition:opacity .16s ease}
.ac-image-shell .ac-image-error{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#8491a3;font-size:13px;text-align:center;line-height:1.5;padding:12px;width:100%;height:100%}
.ac-image-shell .ac-image-error svg{display:block;width:28px!important;height:28px!important;flex:0 0 28px}
.ac-image-shell .ac-image-error span{width:auto!important;height:auto!important}
.ac-gallery-thumbnail .ac-image-error span{display:none}
@keyframes ac-image-loading{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.ac-image-shell .ac-image-spinner{animation:none;border-color:#7a899f;border-top-color:#bf626b}.ac-image-shell>.ac-image-placeholder,.ac-image-shell[data-image-state="loaded"]>img,.ac-image-shell[data-image-state="loaded"]>figure>img{transition:none}}

/* Legacy card selectors must not reshape the decorative placeholder. */
.ac-image-shell>.ac-image-placeholder,.ac-image-shell>.ac-image-placeholder *{font-family:inherit!important}