::-webkit-input-placeholder {
    color: $color-smoke-extra-dark;
}

:-moz-placeholder {
    color: $color-smoke-extra-dark;
}

::-moz-placeholder {
    color: $color-smoke-extra-dark;
}

:-ms-input-placeholder {
    color: $color-smoke-extra-dark;
}


.animated-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: #eeeeee;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    -webkit-background-size: 800px 104px;
    background-size: 800px 104px;
    height: 100%;
    position: relative;
}


.animated-background-full {
    @extend .animated-background;
    animation-duration: 1.5s;
    animation-name: placeHolderShimmerFull;
    background: linear-gradient(to right, transparent 4%, rgba(255, 255, 255, 0.6) 60%, transparent 94%);
    background-size: 1080px 104px;
}
