﻿.skeleton-1:empty {
    background: transparent;
    width: 100%;
    height: 747px;
    background-image: linear-gradient( 100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 80% ),linear-gradient( lightgray 100%, transparent 0 ), linear-gradient( lightgray 100%, transparent 0 ), linear-gradient( lightgray 100%, transparent 0 ), linear-gradient( lightgray 100%, transparent 0 ), linear-gradient( lightgray 100%, transparent 0 );
    background-repeat: no-repeat;
    background-size: 100px 110%,100% 260px, 100% 40px, 60% 163px, 60% 233px, 38% 412px;
    background-position: 0 0, 0 0, 0 276px, 0 335px, 0 514px, 100% 335px;
    animation: load 1s infinite;
}

.skeleton-2:empty {
    background: transparent;
    width: 100%;
    height: 310px;
    background-image: linear-gradient( 100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 80% ),linear-gradient( lightgray 100%, transparent 0 ), linear-gradient( lightgray 100%, transparent 0 );
    background-repeat: no-repeat;
    background-size: 100px 110%,100% 45px, 100% 260px;
    background-position: 0 0, 0 0, 0 71px;
    animation: load2 1s infinite;
}

@keyframes load {
    to {
        background-position: 100% 0, 0 0, 0 276px, 0 335px, 0 514px, 100% 335px;
    }
}

@keyframes load2 {
    to {
        background-position: 100% 0, 0 0, 0 71px;
    }
}

