/* static/css/skeleton.css */
@keyframes skeleton-pulse {
    0% {
        background-color: rgba(30, 41, 59, 0.5);
    }

    50% {
        background-color: rgba(30, 41, 59, 1);
    }

    100% {
        background-color: rgba(30, 41, 59, 0.5);
    }
}

.skeleton-loader {
    animation: skeleton-pulse 1.5s ease-in-out infinite;
    background-color: #1e293b;
    border-radius: 0.5rem;
}

.skeleton-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 0.75rem;
    padding: 1rem;
    display: flex;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.skeleton-img {
    width: 5rem;
    height: 5rem;
    flex-shrink: 0;
}

.skeleton-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.skeleton-text {
    height: 0.75rem;
    width: 100%;
}

.skeleton-text-short {
    width: 60%;
}

.skeleton-badge {
    height: 1.5rem;
    width: 3rem;
    border-radius: 0.25rem;
}