.grayscale{filter:url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0\'/></filter></svg>#grayscale);-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}.grayscale.grayscale-fade{transition:filter 0.5s}@media screen and (-webkit-min-device-pixel-ratio:0){.grayscale.grayscale-fade{-webkit-transition:-webkit-filter 0.5s;transition:-webkit-filter 0.5s}}.grayscale.grayscale-off,.grayscale.grayscale-fade:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.grayscale.grayscale-replaced{-webkit-filter:none;filter:none}.grayscale.grayscale-replaced>svg{-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease;opacity:1}.grayscale.grayscale-replaced.grayscale-off>svg,.grayscale.grayscale-replaced.grayscale-fade:hover>svg{opacity:0}