/* overlay host inserted inside the container (hidden by default) */
.__ngx-skeleton-host {
    position: absolute;
    inset: 0;
    display: none;
    z-index: 10002;
    pointer-events: none;
}

/* show the host when the container has the loading class */
.__ngx-is-loading > .__ngx-skeleton-host {
    display: block;
}

/* optional lightweight page blocker if you prefer */
.__ngx-is-loading > .__ngx-page-blocker {
    display: block;
}

/* overlay card that visually covers the content */
.__ngx-skeleton-overlay {
    position: absolute;
    inset: 0;
    background: #fff;
    border: none;
    overflow: hidden;
    pointer-events: none;
}

/* content of skeleton */
.__ngx-skeleton-body {
    padding: 16px;
}

.__ngx-line {
    height: 14px;
    margin-bottom: 10px;
    border-radius: 6px;
    background: linear-gradient(90deg, #F2F4F7 25%, #E6EAF0 37%, #F2F4F7 63%);
    background-size: 400% 100%;
    animation: __ngx-shimmer 1.2s ease-in-out infinite;
}

.__ngx-w70 {
    width: 70%;
}

.__ngx-w50 {
    width: 50%;
}

.__ngx-w30 {
    width: 30%;
}

.__ngx-chart {
    height: 160px;
    border-radius: 8px;
    margin-top: 12px;
    background: linear-gradient(90deg, #F2F4F7 25%, #E6EAF0 37%, #F2F4F7 63%);
    background-size: 400% 100%;
    animation: __ngx-shimmer 1.2s ease-in-out infinite;
}

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

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