.webAppStudioView .desktop-app-studio .report-list-part .list .list-item.skeleton {
    width: 360px;
    height: 87px; /* change height to see repeat-y behavior */
    pointer-events: none;
    background-image: radial-gradient(circle 21px at 37px 34px, #EDEDED 99%, transparent 0),
    linear-gradient(160deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%),
    linear-gradient(#EDEDED 14px, transparent 0),
    linear-gradient(#EDEDED 14px, transparent 0),
    linear-gradient(#EDEDED 14px, transparent 0),
    linear-gradient(#EDEDED 14px, transparent 0),
    linear-gradient(#EDEDED 14px, transparent 0);

    background-repeat: repeat-y;

    background-size:
    100px 200px, /* circle */
    50px 400px, /* highlight */
    150px 400px,
    80px 400px,
    290px 400px, /*reduce this to show the summary field 2*/
    80px 400px,
    60px 400px;

    background-position:
    0 0, /* circle */
    0 0, /* highlight */
    70px 15px,
    285px 15px,
    70px 37px,
    285px 37px,
    70px 59px;

    animation: shine 1s infinite;
}

@keyframes shine {
    to {
        background-position:
        0 0,
        100% 0, /* move highlight to right */
        70px 15px,
        285px 15px,
        70px 37px,
        285px 37px,
        70px 59px;
    }
}