/* Generated character sheet: four gallop poses and four welcome poses. */
.clay-preview .hero-progress{
    width:calc(100% - 152px);
    margin-top:96px;
}
.clay-preview .puppy-runner{
    width:80px;
    height:80px;
    bottom:-18px;
}
.clay-preview .dog-sprite{
    width:80px;
    height:80px;
    background-image:url('home-assets/clay-sprites.png');
    background-size:320px 160px;
    background-position:0 0;
    image-rendering:auto;
    animation:clay-run .48s steps(4) infinite;
}
.clay-preview .puppy-friend{
    width:116px;
    height:116px;
    right:-52px;
    bottom:-23px;
    background:url('home-assets/clay-sprites.png') 0 100% / 400% 200% no-repeat;
}
.clay-preview .puppy-friend svg,
.clay-preview .hug-heart{
    display:none;
}
.clay-preview .is-arriving .puppy-runner{
    visibility:hidden;
}
.clay-preview .motion-stopped .dog-sprite{
    animation-play-state:paused;
}
@keyframes clay-run{
    to{background-position:-320px 0;}
}
@media(max-width:600px){
    .clay-preview .hero-progress{
        width:calc(100% - 128px);
        margin-top:90px;
    }
}
@media(prefers-reduced-motion:reduce){
    .clay-preview .dog-sprite{
        animation:none;
    }
}
.clay-preview .dog-sprite{
    clip-path:inset(0 0 18% 0);
}
.clay-preview .puppy-friend{
    height:134px;
    background-size:464px 232px;
    background-position:0 -97px;
    clip-path:inset(0 0 0 16%);
}