/*countryBall css*/
.generatorPreview-avatar {
    background-color: transparent;
}

.avatar_position_element {
    position: absolute;
    top: 60%;
    scale: 0.6;
    left: 50%;
    transform: translate(-50%, -50%);
}

.avatar_position_element.mateuszStyle {
    scale: 1 !important;
}

.generatorPreview-countryball {
    background-size: cover;
    background-position: bottom;
    width: 220px;
    height: 220px;
    position: absolute;
    top: 62%;
    left: 44%;
    transform: translate(-50%, -50%);
    z-index: 10;
    filter: drop-shadow(2px 4px 6px black);
}

.generatorPreview-countryball > .assets-eye {
    position: inherit;
    left: 55px;
    top: 0px;
}

.generatorPreview-countryball > .assets-eyes-rainbow_glasses, .generatorPreview-countryball > .assets-eyes-pixel_glasses,
.generatorPreview-countryball > .assets-eyes-sunglasses,  .generatorPreview-countryball > .assets-eyes-glasses {
    left: 25px;
}

.generatorPreview-countryball > .assets-eyes-asian {
    left: 0;
}


/*hats on countryBall*/
.generatorPreview-countryball > .assets-hat {
    position: inherit;
    top: -110px;
    left: 10px;
}

.generatorPreview-countryball > .assets-hats-aureola {
    top: -140px;
    left: -10px;
}

.generatorPreview-countryball > .assets-hats-crown, .generatorPreview-countryball > .assets-hats-beanie {
    left: -10px;
}

.generatorPreview-countryball > .assets-hats-sombrero {
    top: -128px;
    left: -40px;
}

.generatorPreview-countryball > .assets-hats-old_hat {
    left: 7px;
}

.generatorPreview-countryball > .assets-hats-hat_brown, .generatorPreview-countryball > .assets-hats-beret {
    left: -7px;
}

.generatorPreview-countryball > .assets-hats-rabbi {
    left: -7px;
    top: -66px;
}

.generatorPreview-countryball > .assets-hats-fez {
    top: -97px;
    left: 9px;
}

.generatorPreview-countryball > .assets-hats-liangmao {
    top: -114px;
    left: -10px;
}

.generatorPreview-countryball > .assets-hats-zorro {
    top: -98px;
    left: -10px;
}

.generatorPreview-countryball > .assets-hats-cylinder_grey, .generatorPreview-countryball > .assets-hats-straw_brown {
    top: -100px;
    left: -14px;
}

.generatorPreview-countryball > .assets-hats-fedora_purple {
    top: -135px;
    left: -10px;
}

.generatorPreview-countryball > .assets-hats-straw {
    top: -88px;
    left: -10px;
}

.generatorPreview-countryball > .assets-hats-sherif {
    top: -100px;
    left: -10px;
}

.generatorPreview-countryball > .assets-hats-cylinder_gold {
    top: -102px;
    left: -10px;
}

.generatorPreview-countryball > .assets-hats-witches {
    top: -121px;
    left: -1px;
}

.generatorPreview-countryball > .assets-hats-santa {
    left: -20px;
}

.generatorPreview-countryball > .assets-hats-hat_light {
    left: -20px;
}

.generatorPreview-countryball > .assets-hats-hat_dark {
    top: -105px;
    left: -7px;
}

.generatorPreview-countryball > .assets-hats-cylinder {
    top: -122px;
    left: -13px;
}

.generatorPreview-countryball > .assets-hats-fedora {
    top: -104px;
    left: 0px;
}

.generatorPreview-countryball > .assets-hats-birthday {
    top: -122px;
    left: -6px;
}

.generatorPreview-countryball > .assets-hats-construction {
    top: -90px;
    left: 5px;
}

/*end of countryBall hats*/
.generatorPreview-countryball > .assets-weapon {
    position: inherit;
    top: 23px;
    left: 88px;
}

.generatorPreview-countryball > .assets-weapon.assets-weapons-shovel {
    left: -20px;
}

/*Eyes*/
.assets-eye {
    background-image: url('/img/avatar/sprite_220x220_eyes.png');
    display: block;
    height: 220px !important;
    width: 220px !important;
    transition: all 0.5ms;
}

.assets-eyes-annoy {
    background-position: -55px 0;
}
.assets-eyes-angry {
    background-position: -275px 0;
}
.assets-eyes-happy {
    background-position: -500px 0;
}
.assets-eyes-sad {
    background-position: -720px 0;
}
.assets-eyes-asian {
    background-position: -880px 0;
}
.assets-eyes-sunglasses_av {
    background-position: -2023px 0;
}
.assets-eyes-rainbow_glasses {
    background-position: -1772px 0;
}
.assets-eyes-pixel_glasses {
    background-position: -1545px 0;
}
.assets-eyes-sunglasses {
    background-position: -1320px 0;
}
.assets-eyes-glasses {
    background-position: -1100px 0;
}
/*end of eyes*/
/*weapons*/
.assets-weapon {
    background-image: url('/img/avatar/sprite_300x300_weapons.png');
    display: block;
    height: 220px !important;
    width: 220px !important;
}

.assets-weapons-snowball {
    background-position: -388px -112px;
}
.assets-weapons-ak47 {
    background-position: -93px -91px;
}
.assets-weapons-axe {
    background-position: -690px -90px;
}
.assets-weapons-brick {
    background-position: -995px -98px;
}
.assets-weapons-chainsaw {
    background-position: -1293px -111px;
}
.assets-weapons-colt {
    background-position: -1590px -114px;
}
.assets-weapons-grenade {
    background-position: -1883px -114px;
}
.assets-weapons-molotov {
    background-position: -2185px -414px;
}
.assets-weapons-spear {
    background-position: -2499px -377px;
}
.assets-weapons-sword {
    background-position: -2794px -388px;
}
.assets-weapons-vintage_gun {
    background-position: -5815px -688px;
}
.assets-weapons-flip_flop {
    background-position: -6075px -695px;
}
.assets-weapons-construction_hammer {
    background-position: -5796px -995px;
}
.assets-weapons-construction_log {
    background-position: -5496px -995px;
}
.assets-weapons-shovel {
    background-position: -6000px -995px;
}
.assets-weapons-hammer {
    background-position: -2790px -707px;
}
.assets-weapons-nunchaku {
    background-position: -2522px -707px;
}
.assets-weapons-revolver {
    background-position: -5208px -710px;
}
.assets-weapons-medieval_sword {
    background-position: -2198px -688px;
}
.assets-weapons-asian_sword {
    background-position: -1911px -388px;
}
.assets-weapons-torch {
    background-position: -1604px -403px;
}
.assets-weapons-wooden_axe {
    background-position: -1281px -408px;
}
.assets-weapons-pocket_knife {
    background-position: -988px -408px;
}
.assets-weapons-riffle {
    background-position: -5508px -680px;
}
/*end weapons*/
/*hats*/
.assets-hat {
    background-image: url('/img/avatar/sprite_220x220_hats.png');
    display: block;
    height: 220px !important;
    width: 220px !important;
    transition: all 0.5ms;
}

.assets-hats-santa {
    background-position: 0 0;
}
.assets-hats-cylinder {
    background-position: -220px -20px;
}
.assets-hats-witches {
    background-position: -440px -15px;
}
.assets-hats-fedora {
    background-position: -660px 0;
}
.assets-hats-baseball {
    background-position: -880px 0;
}
.assets-hats-birthday {
    background-position: -1100px -15px;
}
.assets-hats-crown {
    background-position: -1320px 0;
}
.assets-hats-aureola {
    background-position: -1550px 0;
}
.assets-hats-rabbi {
    background-position: -1764px -9px;
}
.assets-hats-horns {
    background-position: -1985px 40px;
}
.assets-hats-beanie {
    background-position: 0 -230px;
}
.assets-hats-sombrero {
    background-position: -1828px -440px;
    width:305px !important;
}
.assets-hats-hat_light {
    background-position: -1540px -440px;
}
.assets-hats-baseball_cap {
    background-position: -1320px -440px;
}
.assets-hats-hat_dark {
    background-position: -1105px -440px;
}
.assets-hats-hat_brown {
    background-position: -883px -440px;
}
.assets-hats-beret {
    background-position: -660px -440px;
}
.assets-hats-old_hat {
    background-position: -440px -440px;
}
.assets-hats-baseball_hat_teal {
    background-position: -220px -440px;
}
.assets-hats-liangmao {
    background-position: 0 -440px;
}
.assets-hats-fez {
    background-position: -1980px -240px;
}
.assets-hats-zorro {
    background-position: -1760px -240px;
}
.assets-hats-straw {
    background-position: -1540px -240px;
}
.assets-hats-cylinder_gold {
    background-position: -1320px -240px;
}
.assets-hats-sherif {
    background-position: -1100px -240px;
}
.assets-hats-fedora_purple {
    background-position: -880px -225px;
}
.assets-hats-fedora_grey {
    background-position: -665px -225px;
}
.assets-hats-cylinder_grey {
    background-position: -440px -240px;
}
.assets-hats-straw_brown {
    background-position: -220px -240px;
}
.assets-hats-construction {
    background-position: 0 -660px;
}
/*end hats*/

/*backgrounds*/
.assets-background {
    display: block;
    height: 220px !important;
    width: 220px !important;
    background-position: center;
    background-size: cover;
}

.assets-backgrounds > .assets-backgrounds-none, .assets-weapons > .assets-weapons-none, .assets-hats > .assets-hats-none,
.assets-eyes > .assets-eyes-none {
    box-shadow: inset 0 0 5px 5px black;
    background-image: none;
}

.generatorPreview-countryball > .assets-hats-none, .generatorPreview-countryball > .assets-weapons-none {
    background-image: none;
}

.assets-backgrounds-dirt {
    background-image: url("/img/avatar/avatar_backgrounds/dirt.png");
}

.assets-backgrounds-spiral {
    background-image: url("/img/avatar/avatar_backgrounds/spiral.png");
}

.assets-backgrounds-star {
    background-image: url("/img/avatar/avatar_backgrounds/star.png");
}

.assets-backgrounds-umbrella {
    background-image: url("/img/avatar/avatar_backgrounds/umbrella.png");
}
/*end backgrounds*/

/*mobile css*/

.mobile .assets-navbar {
    height: 200px;
}

.mobile .generatorPreview-countryBall > .assets-weapon {
    top: 56px;
    left: 167px;
}

.mobile .generatorPreview-countryBall > .assets-weapons-shovel {
    left: 33px;
}

.mobile .generatorPreview-countryBall > .assets-hat {
    left: 25px;
}

.mobile .generatorPreview-countryBall > .assets-hats-sombrero {
    left: 0;
}

.mobile .generatorPreview-countryBall > .assets-hats-baseball, .mobile .generatorPreview-countryBall > .assets-hats-construction {
    left: 50px;
}

.mobile .generatorPreview-countryBall > .assets-eye {
    left: 105px;
    top: 40px;
}
.mobile .generatorPreview-countryBall > .assets-eyes-asian, .mobile .generatorPreview-countryBall > .assets-eyes-glasses,
.mobile .generatorPreview-countryBall > .assets-eyes-rainbow_glasses, .mobile .generatorPreview-countryBall > .assets-eyes-pixel_glasses,
.mobile .generatorPreview-countryBall > .assets-eyes-sunglasses {
    left: 50px;
}

.mobile .assets-navbar-item {
    width: 200px;
    height: 100%;
}

.mobile .assets-navbar-item.assets-hats {
    background-position: -400px 0;
}

.mobile .assets-navbar-item.assets-weapons {
    background-position: -600px 0;
}

.mobile .generatorPreview-countryBall > .assets-eye, .mobile .generatorPreview-countryBall > .assets-weapon, .mobile .generatorPreview-countryBall >.assets-hat {
    transform: scale(1.4);
}