@keyframes skeleton-loading {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

.shorts_video.skeleton-slide {
    pointer-events: none;
}
.shorts_video.skeleton-slide .shorts_video-img::before {
    animation: skeleton-loading 1.5s infinite linear;
}

@keyframes fade-in-show {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.shorts_video:not(.skeleton-slide) .shorts_video-img {
    animation: fade-in-show 1s ease-in-out;
}

.shorts_video:not(.skeleton-slide) .shorts_video-btn {
    animation: fade-in-show 0.5s ease-in-out both;
    animation-delay: 0.8s;
}