@property --animation-progress{syntax:"<number>";inherits:false;initial-value:0}.adaptive-image.adaptive-image--animated{--animation-progress:.01;opacity:var(--animation-progress);filter:blur(calc((1 - var(--animation-progress)) * 1rem));transition-property:--animation-progress;transition-duration:.3s;transition-timing-function:linear}@media (prefers-reduced-motion:reduce){.adaptive-image.adaptive-image--animated{transition-duration:0s;--animation-progress:1!important;filter:none!important}}body:not(.js-support) .adaptive-image.adaptive-image--animated{animation:.3s linear forwards adaptive-image-fade-in}@keyframes adaptive-image-fade-in{0%{opacity:0;filter:blur(1rem)}to{opacity:1;filter:none}}