.skel-page-loading .container_content {
    position: relative;
    min-height: 400px;
    overflow: hidden;
    background: #fff;
}

/* Hide actual content */
.skel-page-loading .container_content > * {
    opacity: 0;
}

/* Table Skeleton Layout */
.skel-page-loading .container_content::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;

    background-image:
        /* Header */
        linear-gradient(#e5e5e5 40px, transparent 0),

        /* Rows */
        linear-gradient(#f0f0f0 332px, transparent 0);
        /* linear-gradient(#f0f0f0 32px, transparent 0),
        linear-gradient(#f0f0f0 32px, transparent 0),
        linear-gradient(#f0f0f0 32px, transparent 0); */

    background-size:
        25% 40px,
        100% 332px;
        /* 100% 32px,
        100% 32px,
        100% 32px; */

    background-position:
        0 0,
        0 60px,
        0 110px,
        0 160px,
        0 210px;

    background-repeat: no-repeat;
}

/* Separate shimmer layer */
.skel-page-loading .container_content::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;

    background: linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.7) 50%,
        rgba(255,255,255,0) 100%
    );

    transform: translateX(-100%);
    animation: tableShimmer 1.5s infinite;
}

@keyframes tableShimmer {
    100% {
        transform: translateX(100%);
    }
}