/* Skeleton base */
.skeleton {
    position: relative;
    background: #e3e3e3;
    border-radius: 6px;
    overflow: hidden;
}

    /* Shimmer Animation */
    .skeleton::after {
        content: "";
        position: absolute;
        top: 0;
        left: -150px;
        height: 100%;
        width: 150px;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);
        animation: shimmer 1.2s infinite;
    }

@keyframes shimmer {
    0% {
        left: -150px;
    }

    100% {
        left: 100%;
    }
}
.skeleton {
    background-color: #e0e0e0;
    border-radius: 4px;
    animation: shimmer 1.5s infinite linear;
}

.skeleton-line {
    height: 16px;
    background-color: #e0e0e0;
    border-radius: 4px;
    margin-bottom: 6px;
    animation: shimmer 1.5s infinite linear;
}

.skeleton-list .skeleton-line:last-child {
    margin-bottom: 0;
}

@keyframes shimmer {
    0% {
        background-position: -200px 0;
    }

    100% {
        background-position: 200px 0;
    }
}

.skeleton {
    background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
    background-size: 200% 100%;
}