.grayscale { filter: grayscale(1); }
.grayscale.grayscale-fade { transition: filter 0.5s ease 0s; }
@media not all {
  .grayscale.grayscale-fade { transition: -webkit-filter 0.5s ease 0s; }
}
.grayscale.grayscale-fade:hover, .grayscale.grayscale-off { filter: grayscale(0); }
.grayscale.grayscale-replaced { filter: none; }
.grayscale.grayscale-replaced > svg { transition: opacity 0.5s ease 0s; opacity: 1; }
.grayscale.grayscale-replaced.grayscale-fade:hover > svg, .grayscale.grayscale-replaced.grayscale-off > svg { opacity: 0; }