/*---------------------------------------------------------------------------
 *
 *  Animation
 *
 *---------------------------------------------------------------------------*/
 @keyframes pp-shimmer {
    0% {
        background-position: -468px 0;
    }
    100% {
        background-position: 468px 0;
    }
}
pp-shimmer {
    display: block;
    height: 100%;
    animation-duration: 1.8s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: pp-shimmer;
    animation-timing-function: linear;
    background-size: 1000px 640px;
    background-image: linear-gradient(to right, rgba(0,0,0,.12) 8%, rgba(0,0,0,.08) 38%, rgba(0,0,0,.12) 54%);
    border-radius: var(--rounded, 0);
}
pp-shimmer img {
    visibility: hidden;
    opacity: 0;
    transition: opacity 300ms;
}
pp-shimmer.loaded {
    animation: none;
    background-image: none;
}
pp-shimmer.loaded img {
    visibility: inherit;
    opacity: 1;
}