html.sv-progressive-images-enabled [data-sv-progressive-media] {
  position: relative;
}

html.sv-progressive-images-enabled [data-sv-progressive-image] {
  opacity: 0;
  transition: opacity 180ms cubic-bezier(0.16, 1, 0.3, 1);
}

html.sv-progressive-images-enabled .sv-process-focus__media [data-sv-progressive-image] {
  transition: transform 220ms cubic-bezier(0.23, 1, 0.32, 1), opacity 180ms cubic-bezier(0.16, 1, 0.3, 1);
}

html.sv-progressive-images-enabled [data-sv-progressive-media][data-state='decoded'] [data-sv-progressive-image],
html.sv-progressive-images-enabled [data-sv-progressive-media][data-state='visible'] [data-sv-progressive-image] {
  opacity: 1;
}

html.sv-progressive-images-enabled [data-sv-progressive-media][data-state='error'] [data-sv-progressive-image] {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  html.sv-progressive-images-enabled [data-sv-progressive-image] {
    transition: none;
  }
}