.gd-chr {
    position: absolute;
    top: 0px;
    left: 0px;
}

.gd-chr.gd-ani {
    animation-timing-function: steps(1, jump-start);
    animation-iteration-count: infinite;
}

.gd-chr.gd-slimeattack {
    width: 64px;
    height: 32px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../../images/effects/SM2002_nyknck/SlimeAttackBlue.png);
    z-index: 50;
    display: none;
}



@keyframes gd-keyframe-slimeattack-8-ltr {
    0% { background-position-x: -0px; }
    12.5% { background-position-x: -64px; }
    25% { background-position-x: -128px; }
    37.5% { background-position-x: -192px; }
    50% { background-position-x: -256px; }
    62.5% { background-position-x: -320px; }
    75% { background-position-x: -384px; }
    87.5% { background-position-x: -448px; }
    100% { background-position-x: -512px; }
}


@keyframes gd-keyframe-slimeattack-8-rtl {
    0% { background-position-x: -512px; }
    12.5% { background-position-x: -448px; }
    25% { background-position-x: -384px; }
    37.5% { background-position-x: -320px; }
    50% { background-position-x: -256px; }
    62.5% { background-position-x: -192px; }
    75% { background-position-x: -128px; }
    87.5% { background-position-x: -64px; }
    100% { background-position-x: -0px; }
}



.gd-ani.gd-slimeattack.gd-attack {
    animation-duration:0.6s;
}

.gd-slimeattack.gd-attack.gd-angle-0 {
    background-position-y: -128px;
    height: 64px;
    animation-name: gd-keyframe-slimeattack-8-rtl;

}

.gd-slimeattack.gd-attack.gd-angle-90 {
    background-position-y: -0px;
    animation-name: gd-keyframe-slimeattack-8-ltr;
}

.gd-slimeattack.gd-attack.gd-angle-180 {
    background-position-y: -64px;
    animation-name: gd-keyframe-slimeattack-8-ltr;
    height: 64px;
}

.gd-slimeattack.gd-attack.gd-angle-270 {
    background-position-y: -32px;
    animation-name: gd-keyframe-slimeattack-8-rtl;
}

.gd-slimeattack.gd-attack.gd-angle-45 {
    background-position-y: -128px;
    height: 64px;
    animation-name: gd-keyframe-slimeattack-8-rtl;
    transform: rotate(45deg);
}

.gd-slimeattack.gd-attack.gd-angle-135 {
    background-position-y: -0px;
    animation-name: gd-keyframe-slimeattack-8-ltr;
    transform: rotate(45deg);
}

.gd-slimeattack.gd-attack.gd-angle-225 {
    background-position-y: -32px;
    animation-name: gd-keyframe-slimeattack-8-rtl;
    transform: rotate(-45deg);
}

.gd-slimeattack.gd-attack.gd-angle-315 {
    background-position-y: -128px;
    height: 64px;
    animation-name: gd-keyframe-slimeattack-8-rtl;
    transform: rotate(-45deg);
}