YouTube - Fade watched videos by dotvhs

/* ==UserStyle==
@name           YouTube - Fade watched videos
@namespace      USO Archive
@author         vhs
@description    `Enhances the readability of your subscriptions by dimming (fading out) videos you have already watched.Very simple little change, but helps a lot to distinct what to watch next. It's made for latest Youtube's Material Design layout. Enjoy.`
@version        20171102.4.23
@license        CC0-1.0
@preprocessor   uso
==/UserStyle== */
@-moz-document regexp("https?://(www\\.)?youtube\\.com/(?!feed/history).*") {
/* V2 */

@font-face {
    font-family: 'FontAwesome';
    src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

ytd-browse yt-formatted-string.ytd-thumbnail-overlay-playback-status-renderer {
    display: none;
}

ytd-browse ytd-thumbnail-overlay-resume-playback-renderer {
    width: 100%;
    height: 100%;
    opacity: .95;
    transition: opacity 200ms ease-out;
    background-color: rgb(3, 3, 3);
}
ytd-browse #progress.ytd-thumbnail-overlay-resume-playback-renderer {
    height: 100%;
    background: rgb(17, 17, 17) !important;
}

ytd-browse ytd-thumbnail-overlay-resume-playback-renderer div#progress:after {
    content: "\f00c";
    visibility: visible;
    font-family: "FontAwesome";
    left: 50%;
    font-size: 32px;
    opacity: .7;
    position: absolute;
    top: 50%;
    margin-top:-14px;
    margin-left: -14px;
    color: #fff;
}

ytd-browse ytd-thumbnail-overlay-resume-playback-renderer:hover {
    opacity: 0 !important;
}
}