:where(.img){position:relative;display:inline-block;overflow:hidden;line-height:0}:where(.img--fill){display:block;width:100%;height:100%}:where(.img--intrinsic){display:inline-block}.img--intrinsic .img__inner{position:relative;display:block;object-fit:unset}.img__placeholder{position:absolute;inset:0;z-index:0;pointer-events:none}.img__placeholder--color{background:var(--img-color,#f5f5f5)}.img__placeholder--hash{background-size:cover;background-position:50%;image-rendering:pixelated;image-rendering:crisp-edges}.img__inner{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;opacity:0}.img.is-loaded .img__inner{animation:img-materialize .7s var(--ease-paper) forwards}.img.is-loaded.is-cached .img__inner{animation:none;opacity:1;filter:none;transform:none}@keyframes img-materialize{0%{opacity:0;filter:blur(10px) saturate(1.1);transform:scale(1.015)}to{opacity:1;filter:blur(0) saturate(1);transform:scale(1)}}@media (prefers-reduced-motion:reduce){.img__inner{opacity:1}.img.is-animating .img__inner{animation:none}}