/* Common */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
.md-image {
  opacity: 0;
  -webkit-filter: saturate(20%);
          filter: saturate(20%);
}
.md-image.md-black-output {
    -webkit-filter: brightness(0.4) saturate(20%);
            filter: brightness(0.4) saturate(20%);
}
.md-image.md-loaded {
    opacity: 1;
    -webkit-filter: saturate(100%);
            filter: saturate(100%);
    transition: opacity 1.1s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-filter 2.2s 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: opacity 1.1s cubic-bezier(0.25, 0.8, 0.25, 1), filter 2.2s 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: opacity 1.1s cubic-bezier(0.25, 0.8, 0.25, 1), filter 2.2s 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-filter 2.2s 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/*# sourceMappingURL=index.css.map*/