/* Container Shimmer */

.shimmer-container {
    padding: 0.5rem 0;
    .shimmer-bg {
        margin-bottom: 1rem;
        height: 3rem;
        width: 100%;
    }
}

.shimmer-bg {
    background: #d4d9e0;
    background-image: linear-gradient(to right, #d4d9e0 0%, #edeef1 20%, #d4d9e0 40%, #d4d9e0 100%);
    background-size: 2000px 70px;
    border-radius: 0.5rem;

    -webkit-animation-duration: 1.5s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeholderShimmer;
    -webkit-animation-timing-function: ease;

    &.fast {
        -webkit-animation-duration: 1s;
    }
}

@-webkit-keyframes placeholderShimmer {
    0% {
        background-position: -1000px 0;
    }
    100% {
        background-position: 1000px 0;
    }
}
