.loading-img-wrapper{position:relative;overflow:hidden;display:block}.loading-img-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--color-bg, #0a0a0a) 85%,var(--color-text, #e4e4e7) 15%);z-index:1;pointer-events:none}.loading-img-shimmer .loading-img-placeholder{background:linear-gradient(90deg,color-mix(in srgb,var(--color-bg, #0a0a0a) 85%,var(--color-text, #e4e4e7) 15%) 25%,color-mix(in srgb,var(--color-primary, #00ffff) 10%,var(--color-bg, #0a0a0a) 90%),color-mix(in srgb,var(--color-bg, #0a0a0a) 85%,var(--color-text, #e4e4e7) 15%) 75%);background-size:800px 100%;animation:loading-img-shimmer-anim 1.4s linear infinite}@keyframes loading-img-shimmer-anim{0%{background-position:-400px 0}to{background-position:400px 0}}.loading-img-pulse .loading-img-placeholder{animation:loading-img-pulse-anim 1.5s ease-in-out infinite}@keyframes loading-img-pulse-anim{0%,to{opacity:1}50%{opacity:.5}}.loading-img-spinner .loading-img-placeholder:after{content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border:3px solid color-mix(in srgb,var(--color-primary, #00ffff) 20%,transparent);border-top-color:var(--color-primary, #00ffff);border-radius:50%;animation:loading-img-spin-anim .8s linear infinite}@keyframes loading-img-spin-anim{to{transform:rotate(360deg)}}.loading-img-fade>img{opacity:0;transition:opacity .35s ease}.loading-img-fade.loading-img-loaded>img{opacity:1}.loading-img-loaded .loading-img-placeholder{display:none}.loading-img-wrapper>img{display:block}@media(prefers-reduced-motion:reduce){.loading-img-shimmer .loading-img-placeholder,.loading-img-pulse .loading-img-placeholder,.loading-img-spinner .loading-img-placeholder:after{animation:none!important}.loading-img-fade>img{opacity:1;transition:none}}