.skeleton-line {
    display: block;
    width: 70%;
    height: 14px;
    border-radius: 999px;
    background: linear-gradient(90deg, #edf1f5 25%, #f7f9fb 37%, #edf1f5 63%);
    background-size: 400% 100%;
    animation: skeleton-loading 1.25s ease-in-out infinite;
}

.skeleton-line.wide {
    width: 100%;
}

.skeleton-line.short {
    width: 42%;
}

.skeleton-demo,
.table-skeleton {
    display: grid;
    gap: 14px;
    padding: 10px 0;
}

@keyframes skeleton-loading {
    0% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0 50%;
    }
}