@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(26px);
    }
    40% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fade-in {
    animation: fadeInUp 1s;
}

@keyframes arrow-hover {
   0% { background-position: center center; }
   50% { background-position: 37px center; }
   50.1% { background-position: 37px -37px; }
   50.2% { background-position: -37px -37px; }
   50.3% { background-position: -37px center; }
   100% {background-position: center center; }
}

.watched {
   opacity: 0;
   transition: all .3s ease-in;
   transform: translateY(10px);

}

.watched.animated {
   opacity: 1;
   transform: none;
}