.skeleton-loading {
    opacity: 0.2;
}

.skeleton-video {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
    background-size: cover;
    background-position: center;
    animation: skeleton-pulse 1.2s ease-in-out infinite;
    border-radius: 10px; /* Ajoutez la valeur de votre choix pour le border-radius */
}

.skeleton-logo {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
    background-size: contain;
    background-position: center;
    animation: skeleton-pulse 1.2s ease-in-out infinite;
    border-radius: 15px; /* Ajoutez la valeur de votre choix pour le border-radius */
}

.skeleton-text {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
    background-size: 100% 100%;
    animation: skeleton-pulse 1.2s ease-in-out infinite;
    border-radius: 8px; /* Ajoutez la valeur de votre choix pour le border-radius */
}

.skeleton-button {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
    background-size: cover;
    background-position: center;
    animation: skeleton-pulse 1.2s ease-in-out infinite;
    border-radius: 20px; /* Ajoutez la valeur de votre choix pour le border-radius */
}

@keyframes skeleton-pulse {
    0% {
        background-color: rgba(255, 255, 255, 0.2);
    }

    50% {
        background-color: rgba(255, 255, 255, 0.4);
    }

    100% {
        background-color: rgba(255, 255, 255, 0.2);
    }
}