YouTube Watched Overlay for Stylus

yt-watched.css

@-moz-document url-prefix("https://www.youtube.com/") {
.ytd-thumbnail-overlay-resume-playback-renderer[style="width: 100%;"] {
    position: relative;
}

.ytd-thumbnail-overlay-resume-playback-renderer[style="width: 100%;"]:after {
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    width: 100%;
    height: 118px;
    padding-top: 25%;
    content: 'WATCHED';
    text-align: center;
    font-size: 1.7rem;
    color: white;
    background: #000d;
    pointer-events: none;
    transition: opacity ease 0.2s;
}

.ytd-thumbnail:hover .ytd-thumbnail-overlay-resume-playback-renderer[style="width: 100%;"]:after {
    opacity: 0;
}
}