/*
#sprites a {
    outline: solid 1px white;
    min-width: 10px;
    min-height: 10px;
    background-color: rgba(1,1,1,.5);
}
*/

#sprites a, #sprites b, #sprites i,
#sprites-b1 a, #sprites-b1 b, #sprites-b1 i,
#sprites-b2 a, #sprites-b2 b, #sprites-b2 i {
    position: absolute;
}
/*
#sprites a:hover, #sprites b:hover, #sprites i:hover {
    outline: solid 1px rgba(255,255,255,.5)
}
*/

#terrain, #sprites {z-index: auto}
#te_2 {z-index: 1; pointer-events: none;}

#fg_1 {z-index: 0; pointer-events: none;}
#fg_2 {z-index: 1; pointer-events: none;}


.flipped {transform:scaleX(-1);}
.hidden {opacity: .35}

/* DKC3 Sprite Animations */

.Dixie {background: url(elements/sprites/dixie.gif); width:40px;height:36px; margin: -35px 0 0 -14px;}
.Dixie.flipped {margin: -35px 0 0 -28px;}
.Dixie.falling {background: url(elements/sprites/json/Dixie%20falling.png); width:39px;height:43px; margin: -41px 0 0 -28px;}
.Dixie.swimming {
    background: url(elements/sprites/json/Dixie%20swimming.ss.png); width:47px;height:43px; margin: -29px 0 0 -27px;
    animation: Dixieswimming steps(16) 0.8s infinite;
}
@keyframes Dixieswimming {
    to {background-position: -752px}
}

.a010C {background-image: url(elements/sprites/json/k.ss.png)}
.a010E {background-image: url(elements/sprites/json/o.ss.png)}
.a0110 {background-image: url(elements/sprites/json/n.ss.png)}
.a0112 {background-image: url(elements/sprites/json/g.ss.png)}

.DKBarrel {
    background-image: url(elements/sprites/json/dk_barrel.ss.png);
    animation: DKBarrel steps(8) 0.6666666667s infinite;
    width: 37px;
    height: 44px;
    background-size: 296px;
    margin: -41px 0 0 -21px;
}
@keyframes DKBarrel {
    to {background-position: -296px}
}

.a1UpBalloon {background-image: url("elements/sprites/json/1-Up Balloon.ss.png")}
.a2UpBalloon {background-image: url("elements/sprites/json/2-Up Balloon.ss.png")}
.a3UpBalloon {background-image: url("elements/sprites/json/3-Up Balloon.ss.png")}
.Sneek {background-image: url(elements/sprites/json/Sneek.ss.png)}
.BananaBunch, .a00F2 {background-image: url(elements/sprites/json/banana_bunch.ss.png)}
.Kobble, .a057A, .a0578, .a0574 {background-image: url(elements/sprites/json/kobble.ss.png)}

.BootyBird i {background-image: url(elements/sprites/json/booty_bird.ss.png); width:55px; height:48px; background-size: 440px;}
.BootyBird i {animation: BootyBird steps(8) 0.3333333333s infinite; margin: -28px 0 0 -28px;}
@keyframes BootyBird {to {background-position: -440px}}

/* 10x 8y movement range */
.BootyBird {
animation: BootyBirda 2s cubic-bezier(.3,0,.7,1) infinite;}
@keyframes BootyBirda {
    0%  { transform: translateY(-4px); }
    50% { transform: translateY( 3px); }
    100%{ transform: translateY(-4px); }
}
.BootyBird b {
animation: BootyBirdb 2.6s cubic-bezier(.3,0,.7,1) infinite;}
@keyframes BootyBirdb {
    0%  { transform: translateX(-4px); }
    50% { transform: translateX( 5px); }
    100%{ transform: translateX(-4px); }
}


.BearCoin {background: url(elements/sprites/json/bear_coin.ss.png)}
.BonusCoin {background: url(elements/sprites/json/Bonus%20Coin.ss.png)}

.GreenBanana {
    background: url(elements/sprites/json/Green%20Banana.ss.png);
    width: 13px;
    height: 16px;
    margin: -16px 0 0 -7px;
    opacity: .35;
}
.GreenBanana:hover {
    animation: GreenBanana steps(8) 0.5333333333s infinite;
    opacity: 1;
}

@keyframes GreenBanana {
    to {background-position: -104px}
}



.WoodenBarrel {background-image: url(elements/sprites/barrel.png); width:30px; height:39px; margin: -39px 0 0 -16px;}
.InvincibilityBarrel {background-image: url(elements/sprites/json/Invincibility%20Barrel.png); width:30px; height:39px; margin: -13px 0 0 -1px}
.SteelBarrel {background-image: url(elements/sprites/steel_keg.png); width:27px; height:37px; margin: -40px 0 0 -15px;}
.StarBarrel {background-image: url(elements/sprites/json/star_barrel.ss.png); width:30px; height:39px}
.BonusBarrel {background-image: url(elements/sprites/bonus_barrel.png); width:32px; height:47px; margin: -28px 0 0 -17px;}
.BonusBarrelExit {background-image: url(elements/sprites/bonus_barrel_alt.png); width:32px; height:47px; margin: -28px 0 0 -17px;}

.WarpBarrel {background-image: url(elements/sprites/warp_barrel.png); width:32px; height:47px; margin: -28px 0 0 -17px;}
.WarpBarrelExit {background-image: url(elements/sprites/warp_in.png) !important; opacity: .5; width: 32px; height: 47px; margin: -28px 0 0 -17px;}
.EllieCrate {background-image: url(elements/sprites/ellie_crate.png); width:42px; height:41px; margin: -41px 0 0 -24px;}
.NoEllieSign {background-image: url(elements/sprites/no_elephants.png); width:40px; height:61px; margin: -65px 0 0 -24px;}
.NoSquawksSign {background-image: url(elements/sprites/json/No-Squawks%20Sign.png); width:40px; height:61px; margin: -34px 0 0 -4px;}
.ExitFlagpole {background-image: url(elements/sprites/end_flag.png); width:33px; height:135px; margin: -127px 0 0 -14px;}
    

    .a010C, .a010E, .a0110, .a0112 {
    animation: KONGLetters steps(8) 0.5333333333s infinite;
    width: 24px;
    height: 28px;
    background-size: 192px;
    margin: -21px 0 0 -12px;
}
@keyframes KONGLetters {
    to {background-position: -192px}
}


[class*="Balloon"] {
    animation: Balloons steps(8) 0.6666666667s infinite;
    width: 29px;
    height: 53px;
    background-size: 232px;
    margin: -32px 0 0 -16px;
}
@keyframes Balloons {
    to {background-position: -232px}
}

.BananaBunch, .a00F2 {
    animation: BananaBunch steps(10) 0.6666666667s infinite;
    width: 32px;
    height: 22px;
    background-size: 320px;
    margin: -14px 0 0 -16px;
}
@keyframes BananaBunch {
    to {background-position: -320px}
}


.Kobble, .a0578, .a0574 {
    animation: Kobble steps(8) 0.5333333333s infinite;
    width: 48px;
    height: 55px;
    background-size: 384px;
    margin: -52px 0 0 -33px;
}

@keyframes Kobble {
    to {background-position: -384px}
}
.Kobble.flipped {margin: -52px 0 0 -16px;}
.a057A {margin: -52px 0 0 -34px;}

.BearCoin {
    animation: BearCoin steps(8) 0.5333333333s infinite;
    width: 24px;
    height: 27px;
    background-size: 192px;
    margin: -26px 0 0 -12px;
}
@keyframes BearCoin {
    to {background-position: -192px}
}
.BonusCoin {
    animation: BonusCoin steps(8) 0.5333333333s infinite;
    width: 29px;
    height: 32px;
    background-size: 232px;
    margin: -33px 0 0 -15px;
}
@keyframes BonusCoin {
    to {background-position: -232px}
}

.Sneek {background-image: url(elements/sprites/json/Sneek.ss.png)}
.Sneek {
    animation: Sneek steps(8) 0.5333333333s infinite;
    width: 57px;
    height: 25px;
    background-size: 456px;
/*    margin: -8px 0 0 5px;*/
    margin: -21px 0 0 -24px
}
@keyframes Sneek {
    to {background-position: -456px}
}
.a0378 {margin: -21px 0 0 -35px}

.StarBarrel {
    animation: StarBarrel steps(8) 0.5333333333s infinite;
    background-size: 240px;
/*    margin: -8px 0 0 5px;*/
    margin: -34px 0 0 -16px
}
@keyframes StarBarrel {
    to {background-position: -240px}
}


/*Kingizor's Koin styles*/

.koin {
position: absolute;
top: 0px;
left: 0px;
image-rendering: -moz-crisp-edges; /* Damn Firefox image resampling breaking everything. */
}

.koin_container {
overflow: hidden;
position: absolute;
/*outline: 1px solid red;*/
display: inline-block;
width: 60px;
height: 53px;
padding: 0px;
margin: -21px 0 0 518px;
}



/*Spread out clouds*/

/*
.noclouds {background: #6070e8; height: 224px !important}

.highclouds {
    background: url(layers/1-1/full-bg.png) repeat-x;
    height: 48px !important;
    animation: highclouds 17.06666667s linear infinite;
}
@keyframes highclouds {
    to {background-position: -256px 0}
}
.lowclouds {
    background: url(layers/1-1/full-bg.png) repeat-x 0 -48px ;
    height: 64px !important;
    top: 108px !important;    
    animation: lowclouds 34.13333333s linear infinite;
    
    xtransform: scale(2);
    ximage-rendering: pixelated;
    xanimation: lowclouds 17s linear infinite;
    
}
@keyframes lowclouds {
    to {background-position: -256px -48px}
}
*/



/*Compact clouds*/

.noclouds {background: #6070e8; height: 224px !important}

.highclouds {
    background: url(layers/1-1/full-bg.png) repeat-x;
    top: 112px !important;
    height: 48px !important;
    animation: highclouds 17.06666667s linear infinite;
}
@keyframes highclouds {
    to {background-position: -256px 0}
}
.lowclouds {
    background: url(layers/1-1/full-bg.png) repeat-x 0 -48px ;
    height: 64px !important;
    top: 160px !important;    
    animation: lowclouds 34.13333333s linear infinite;
    
/*
    transform: scale(2);
    image-rendering: pixelated;
    animation: lowclouds 17s linear infinite;
*/
    
}
@keyframes lowclouds {
    to {background-position: -256px -48px}
}







.watermid {
    background: url(layers/1-1/full-bg.png) repeat-x 0 -287px;
    top: 399px !important;
    height: 8px !important;
    animation: watermid 8.533333333s linear infinite;
}

@keyframes watermid {
    to {background-position: -256px -287px}
}

.waterfront {
    background: #001830 url(layers/1-1/full-bg.png) repeat-x 0 -295px;
    top: 407px !important;
    height: 105px !important;
    animation: waterfront 8.533333333s linear infinite;
}

@keyframes waterfront {
    to {background-position: -256px -295px}
}

.reflection {
    background: url(layers/1-1/BG2.png) repeat-x 0 278px;
    mix-blend-mode: screen;
}

.watertop {
    background: url(layers/1-1/full-bg.png) repeat-x 0 -180px;
    top: 292px !important;
    height: 107px !important;
    animation: watertop 8.533333333s linear infinite;
    mix-blend-mode: screen;
}
.shoreline {
    background: url(layers/1-1/shoreline.png) repeat-x;
    top: 287px !important;
    height: 5px !important;
    mix-blend-mode: screen;
}

@keyframes watertop {
    to {background-position: -256px -180px}
}

.puff {
    background: url(elements/sprites/json/puff_of_smoke.ss.png) no-repeat -468px 0;
    width: 52px; 
    height: 33px;
    margin: -34px 0px 0px -28px;
    animation: puff steps(1) 1.866666667s infinite;
}

@keyframes puff {
/*    0% {background-position: 0 0;}*/
    
    1.785714286% {background-position:  -52px 0}
    3.571428571% {background-position: -104px 0}
    5.357142857% {background-position: -156px 0}
    7.142857143% {background-position: -208px 0}
    8.928571429% {background-position: -260px 0}
    10.71428571% {background-position: -312px 0}
    12.5%        {background-position: -364px 0}
    14.28571429% {background-position: -416px 0}
    
    100%         {background-position: -468px 0}
}

.water.world {
    width: 256px;
    height: 1024px;
    background: url('elements/backgrounds/water-zsnes3.ss.png');
    animation: water 0.5333333333s steps(8) infinite;
    position: relative;
    display: table-cell;
}
@keyframes water {
    to {background-position: -2048px 0}
}

.waterfall1 {
    background: url(elements/sprites/json/waterfall1.ss.png);
    width: 32px;
    height: 26px;
    animation: waterfall1 steps(4) 0.2666666667s infinite;
}

@keyframes waterfall1 {
    to {background-position: -128px}
}
.waterfall2 {
    background: url(elements/sprites/json/waterfall2.ss.png);
    width: 23px;
    height: 32px;
    animation: waterfall2 steps(4) 0.2666666667s infinite;
}

@keyframes waterfall2 {
    to {background-position: -92px}
}





.Handle {background-image: url(elements/sprites/door_handle.png); width:20px; height:24px; margin: -23px 0 0 -10px;}
.a0372 {background-image: url(elements/sprites/json/Handle.png); width:20px; height:40px; margin: -39px 0 0 -10px;}



.Door {background-image: url(elements/sprites/Door.png); width:8px; height:72px; margin: -71px 0 0 -9px;}
.a04E4, .a04E2, .a04E6 {background-image: url("elements/sprites/Door (alt).png"); width:8px; height:72px; margin: -71px 0 0 -1px; transform: scaleX(-1)}

.Roller {background-image: url(elements/sprites/Roller.png); width:19px; height:31px; margin: -13px 0 0 -13px; z-index: 1;}
.a04d8 {background-image: url("elements/sprites/Roller (alt).png"); width:19px; height:31px; margin: -13px 0 0 -8px; transform: scaleX(-1); z-index: 1;}


.Buzz {
    background: url(elements/sprites/json/buzz.ss.png);
    animation: Buzz steps(8) 0.5333333333s infinite;
    width: 42px;
    height: 47px;
    background-size: 336px;
    margin: -38px 0 0 -24px;
}
.Buzz.red {
    background: url(elements/sprites/json/buzz_red.ss.png);
}
@keyframes Buzz {
    to {background-position: -336px}
}


/*    background: url(elements/sprites/json/Buzz%20dark%20mask.png), url(elements/sprites/json/buzz.ss.png);*/

/*
.LaunchBarrel.NE {background-image: url("elements/sprites/barrel_cannon_n-e.png"); width: 46px; height: 47px; margin: -28px 0 0 -24px;}
.LaunchBarrel.NW {background-image: url("elements/sprites/barrel_cannon_n-w.png"); width: 46px; height: 47px; margin: -28px 0 0 -24px;}
.LaunchBarrel.S {background-image: url("elements/sprites/barrel_cannon_down.png"); width: 46px; height: 47px; margin: -28px 0 0 -24px;}
*/

.EllieBarrel {background-image: url("elements/sprites/json/Ellie%20Barrel.png"); width: 32px; height: 47px; margin: -3px 0 0 -1px;}


/*
.ArrowBarrel {background-image: url("elements/sprites/arrow_barrel_up.png"); width: 46px; height: 47px; margin: -28px 0 0 -24px;}
.ArrowBarrel.N {background-image: url("elements/sprites/arrow_barrel_up.png"); width: 46px; height: 47px; margin: -28px 0 0 -24px;}

.BlastBarrel.N {background-image: url("elements/sprites/blast_barrel_up.png"); width: 46px; height: 47px; margin: -28px 0 0 -24px;}
.BlastBarrel.S {background-image: url("elements/sprites/blast_barrel_down.png"); width: 46px; height: 47px; margin: -28px 0 0 -24px;}
*/



.Knocka {background-image: url("elements/sprites/knocka.png"); width: 31px; height: 40px; margin: -39px 0 0 -17px;}


.EnguardeBarrel {background-image: url("elements/sprites/enguarde_barrel.png"); width: 32px; height: 48px; margin: -28px 0 0 -17px}
.NoEnguardeSign {background-image: url("elements/sprites/no_swordfish.png"); width: 40px; height: 61px; margin: -57px 0 0 -24px}
.SquawksBarrel {background-image: url("elements/sprites/json/Squawks%20Barrel.png"); width: 32px; height: 48px; margin: -4px 0 0 -1px}
.NoEnguardeSign {background-image: url("elements/sprites/no_swordfish.png"); width: 40px; height: 61px; margin: -57px 0 0 -24px}


.Platform {background-image: url("elements/sprites/mill_platform.png"); width: 68px; height: 32px; margin: -31px 0 0 -32px;}
.Platform.a00EE {background-image: url("elements/sprites/dark_mill_platform.png"); width: 68px; height: 32px; margin: -31px 0 0 -2px;}




.Koco {width: 32px; height: 18px; margin: -11px 0 0 -15px; animation: Koco steps(8) 0.5333333333s infinite;}
.Koco.green {background-image: url("elements/sprites/json/koco_green.ss.png")}
.Koco.red {background-image: url("elements/sprites/json/koco_red.ss.png")}

@keyframes Koco {
    to {background-position: -256px}
}

.KnikKnak {width: 44px; height: 48px; margin: -43px 0 0 -28px; animation: KnikKnak steps(8) 0.5333333333s infinite;}
.KnikKnak {background-image: url("elements/sprites/json/knik-knak.ss.png")}

@keyframes KnikKnak {
    to {background-position: -352px}
}


.Lurchin {background-image: url("elements/sprites/json/Lurchin.png"); width: 29px; height: 45px; margin: 0px 0 0 1px}


.Skidda {
    background: url(elements/sprites/json/skidda.ss.png);
    animation: Skidda steps(8) 0.5333333333s infinite;
    width: 51px;
    height: 64px;
    margin: -60px 0 0 -29px
}
.Skidda.flipped {
    margin: -60px 0 0 -24px;
}
@keyframes Skidda {
    to {background-position: -408px}
}

.Krimp {
    background: url(elements/sprites/json/Krimp.ss.png);
    animation: Krimp steps(12) 0.8s infinite;
    width: 54px;
    height: 45px;
/*    background-size: 192px;*/
    margin: -45px 0 0 -35px;
}
@keyframes Krimp {
    to {background-position: -648px}
}


.ReKoil {
    background: url(elements/sprites/json/Re-Koil.ss.png);
    animation: ReKoil steps(27) 0.9s infinite;
    width: 62px;
    height: 100px;
/*    background-size: 192px;*/
    margin: -99px 0 0 -38px;
}
.ReKoil.a0530, .a09B6 {
    transform: scaleX(-1);
    margin: -99px 0 0 -26px;
}
@keyframes ReKoil {
    to {background-position: -1674px}
}


.BarrelShield {background: url(elements/sprites/json/Barrel%20Shield.png); width: 25px; height: 55px; margin: -16px 0 0 2px;}
.BarrelShield.flipped {background: url(elements/sprites/json/Barrel%20Shield.png); width: 25px; height: 55px; margin: -16px 0 0 -3px;}

.Minkey {
    background: url(elements/sprites/json/Minkey.ss.png);
    animation: Minkey steps(7) 1.2s infinite;
    width: 35px;
    height: 30px;
    margin: -23px 0 0 -33px;
}
.Minkey.flipped {
    margin: -23px 0 0 -4px
}
@keyframes Minkey {
    to {background-position: -245px}
}



.SneekWheel {
    background: url(elements/sprites/json/SneekWheel.ss.png);
    animation: SneekWheel steps(3) .5s infinite;
    width: 60px;
    height: 66px;
    margin: -65px 0 0 -30px
}
.SneekWheel.flipped {
    margin: -23px 0 0 -4px
}
@keyframes SneekWheel {
    to {background-position: -180px}
}

.Nid.yellow {
    background: url("elements/sprites/json/Nid%20(yellow).ss.png");
    animation: NidYellow steps(38) 1s infinite;
    width: 34px;
    height: 131px;
    margin: -127px 0 0 -18px
}
@keyframes NidYellow {
    to {background-position: -1292px}
}
.Nid.red {
    background: url("elements/sprites/json/Nid%20(red).ss.png");
    animation: NidRed steps(3) .25s infinite alternate;
    width: 32px;
    height: 23px;
    margin: -24px 0 0 -17px
}
@keyframes NidRed {
    to {background-position: -96px}
}


.Bristles {
    background: url("elements/sprites/json/Bristles.ss.png");
    animation: Bristles steps(8) .5333s infinite;
    width: 47px;
    height: 30px;
    margin: -29px 0 0 -31px
}
@keyframes Bristles {
    to {background-position: -376px}
}

.Arich {background: url(elements/sprites/json/Arich.png); width: 132px; height: 104px; margin: 7px 0 0 -1px}
#silk {background: url("elements/backgrounds/Arich's silk.png"); width: 2px; height: 104px; margin: 7px 0 0 -1px}


.Klasp {
    background: url("elements/sprites/json/Klasp.ss.png");
    animation: Klasp steps(5) 1s infinite alternate;
    width: 32px;
    height: 59px;
    margin: -53px 0 0 -17px
}
@keyframes Klasp {
    to {background-position: -160px}
}
.Karbine {
    background: url("elements/sprites/json/Karbine.ss.png");
    animation: Karbine steps(8) 0.5333333333s infinite alternate;
    width: 32px;
    height: 36px;
    margin: 4px 0 0 -55px
}
@keyframes Karbine {
    to {background-position: -256px}
}





.Bazuka {
    background: url("elements/sprites/json/Bazuka1.ss.png");
    animation: Bazuka steps(44) 1.466666667s infinite;
    width: 77px;
    height: 52px;
    margin: -51px 0 0 -37px
}
.Bazuka.flipped {
    margin: -51px 0 0 -43px
}
@keyframes Bazuka {
    to {background-position: -3388px}
}


.NoSquitterSign {background-image: url("elements/sprites/json/No-Squitter%20Sign.png"); width: 40px; height: 61px; margin: -34px 0 0 -4px}
.SquitterBarrel {background-image: url("elements/sprites/json/Squitter%20Barrel.png"); width: 32px; height: 47px; margin: -4px 0 0 -1px}




.MetalBlock {background: url(elements/sprites/json/Metal%20Block.png); width: 47px; height: 48px; margin: -24px 0 0 -1px}
.Toboggan {background: url(elements/sprites/json/Toboggan.png); width: 47px; height: 48px; margin: -25px 0 0 -4px}
.Toboggan2 {background: url(elements/sprites/json/Toboggan2.png); width: 47px; height: 48px; margin: -5px 0 0 -4px}

.TUFST {display: none}

.BlastBarrel, .BarrelCannon, .LaunchBarrel {width: 46px; height: 47px; margin: -28px 0 0 -24px;}
.BlastBarrel {background-image: url(elements/sprites/json/Auto-Fire%20Barrel.ss.png)}
.BarrelCannon, .LaunchBarrel {background-image: url(elements/sprites/json/Barrel%20Cannon.ss.png)}
.N  {background-position: 0 0}
.NE {background-position:  -92px 0}
.E  {background-position: -184px 0}
.SE {background-position: -276px 0}
.S  {background-position: -368px 0}
.SW {background-position: -460px 0}
.W  {background-position: -552px 0}
.NW {background-position: -644px 0}

.ArrowBarrel {background-image: url("elements/sprites/json/Arrow%20Barrel.ss.png"); width: 45px; height: 48px; margin: -28px 0 0 -22px;}
.ArrowBarrel.N {background-position: 0 0}
.ArrowBarrel.NE {background-position: -45px 0}
.ArrowBarrel.E {background-position: -90px 0}

.KAOS b {background-image: url('elements/sprites/json/KAOS%20(body).png'); width: 96px; height: 117px; margin: -102px 0 0 -9px;}
.KAOS i {background-image: url('elements/sprites/json/KAOS%20(head).png'); width: 64px; height: 40px; margin: -28px 0 0 12px;}
.KAOS {
    background-image: url('elements/sprites/json/KAOS%20(intro%20fire).ss.png'); 
    width: 76px; height: 46px; margin: 102px 0 0 9px;
    animation: KAOSfire steps(8) 0.5333333333s infinite;
}
@keyframes KAOSfire {
    to {background-position: -608px}
}


.Crate {background-image: url("elements/sprites/json/Crate.png"); width: 24px; height: 38px; margin: -19px 0 0 -1px}
.ParryCrate {background-image: url("elements/sprites/json/Parry%20Crate.png"); width: 27px; height: 25px; margin: -12px 0 0 -2px}

.a00C6, .a0268, .a046E, .a01C0, .a05CC, .a012C, .a0110, .a013A, .a0398, .a05E0, .a01BE, .DroppingBarrel {z-index: 1}


.DroppingBarrel {
    background: url("elements/sprites/json/Dropping%20Barrel.ss.png");
    animation: DroppingBarrel steps(8) 0.5333333333s infinite;
    width: 39px;
    height: 49px;
    margin: -50px 0 0 -21px
}
@keyframes DroppingBarrel {
    to {background-position: -312px}
}



.WarningSign {background-image: url("elements/sprites/json/Warning%20Sign.png"); width: 34px; height: 65px; margin: -30px 0 0 -2px}
.Crosshairs {background-image: url("elements/sprites/json/Crosshairs.png"); width: 22px; height: 25px; margin: -12px 0 0 -11px}
.NoCrosshairsSign {background-image: url("elements/sprites/json/No-Crosshairs%20Sign.png"); width: 40px; height: 65px; margin: -59px 0 0 -22px}


.Lemguins {background-image: url("elements/sprites/json/Lemguin2.png"); width: 43px; height: 33px; margin: -69px 0 0 -47px}
.a0592, .a0596 {transform: scaleX(-1); margin: -67px 0 0 7px}


.Kopter {
    background: url("elements/sprites/json/Kopter.ss.png");
    animation: Kopter steps(12) 0.5333333333s infinite;
    width: 81px;
    height: 41px;
    margin: -38px 0 0 -42px;
    transform: scaleX(-1)
}
@keyframes Kopter {
    to {background-position: -972px}
}
.a0726, .a072A {transform: scaleX(1); margin: -38px 0 0 -39px}



.Bleak {
    background: url("elements/sprites/json/Bleak.ss.png");
    animation: Bleak steps(1) 0.666s infinite;
    width: 46px;
    height: 53px;
    margin: 16px 0 0 -20px;
}
@keyframes Bleak {
    25%, 75% {background-position: -46px}
    50% {background-position: -92px}
}

.Dixie.throwing.idle {
    background: url("elements/sprites/json/Dixie%20throwing%20idle.ss.png");
    animation: DixieThrowingIdle steps(1) 0.666s infinite;
    width: 30px;
    height: 29px;
    margin: 67px 0 0 -19px;
}
@keyframes DixieThrowingIdle {
    25%, 75% {background-position: -30px}
    50% {background-position: -60px}
}