.skeleton {
    background: var(--neutral-200);
    border-radius: 4px;
    animation: pulse 1.5s ease-in-out infinite;
}

.skeleton-paragraph {
    height: 16px;
    margin-bottom: 10px;
}

.skeleton-paragraph:nth-child(1) { width: 90%; }
.skeleton-paragraph:nth-child(2) { width: 85%; }
.skeleton-paragraph:nth-child(3) { width: 75%; }
.skeleton-paragraph:nth-child(4) { width: 80%; }
.skeleton-paragraph:nth-child(5) { width: 70%; }

.skeleton-subtitle {
    height: 20px;
    width: 60%;
    margin: 20px 0 15px;
}

.skeleton-list {
    margin: 15px 0;
}

.skeleton-list-item {
    height: 16px;
    margin-bottom: 8px;
    width: 85%;
}

.skeleton-list-item:last-child {
    width: 70%;
}

@keyframes pulse {
    0% {
        opacity: 0.6;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.6;
    }
}