.imgContainer{--blurRadius:20px;--duration:1s;align-items:center;aspect-ratio:var(--aspect);display:grid;justify-items:center;line-height:0;overflow:hidden;position:relative}.imgContainer.blur .loader:not([no-filter]):after{-webkit-backdrop-filter:blur(var(--blurRadius));backdrop-filter:blur(var(--blurRadius));content:"";inset:0;position:absolute}.imgContainer[sv]{grid-template-columns:1fr}.imgContainer[sh]{grid-template-rows:1fr}.imgContainer.blurAll[loading]{filter:blur(var(--blurRadius))}.imgContainer.blurAll[loaded]{filter:none;transition:filter var(--duration) linear}.imgContainer[cover] .loader{inset:-1px;position:absolute}svg.img{height:100%;width:auto}.img{height:100%;width:100%}.img,.loader{grid-column:1;grid-row:1}.dynamic .img{height:100%}.imgContainer:not([data-mode=dynamic]) div.img{padding-bottom:calc(100%/var(--aspect))}.loader{background-image:var(--url);background-repeat:no-repeat;opacity:.999;transition:none}.imgContainer[loaded] .loader{opacity:0;transition:opacity var(--duration) linear}.pixelated .loader{image-rendering:pixelated}.img{background-repeat:no-repeat}.invalid,.nosrc{background:repeating-linear-gradient(45deg,#fff,#fff 10px,#ff8787 0,#ff8787 20px)}.invalid{height:100px;width:100px}.invalid .img{opacity:.6}