/*
-------------------------------------------------------------------
Created with TexturePacker https://www.codeandweb.com/texturepacker
-------------------------------------------------------------------
Inline:     <i class="yourspritesname"></i>
Responsive: <div class="yourspritesname"></div>
*/

.bg1 {max-width:200px; max-height:200px; }
.bg1::after {content: '\00a0';display: inline-block; width:200px; height:200px; background-position: 0.1652892561983471% 0.12406947890818859%; background-size: 402.5% 503%; background-image: url(avatar_bg_v3.png);padding: 0; }
div.bg1::after {max-width:200px; width:100%;height:0;padding: 0 0 100% 0;}
.bg10 {max-width:200px; max-height:200px; }
.bg10::after {content: '\00a0';display: inline-block; width:200px; height:200px; background-position: 33.388429752066116% 99.87593052109182%; background-size: 402.5% 503%; background-image: url(avatar_bg_v3.png);padding: 0; }
div.bg10::after {max-width:200px; width:100%;height:0;padding: 0 0 100% 0;}
.bg11 {max-width:200px; max-height:200px; }
.bg11::after {content: '\00a0';display: inline-block; width:200px; height:200px; background-position: 66.61157024793388% 0.12406947890818859%; background-size: 402.5% 503%; background-image: url(avatar_bg_v3.png);padding: 0; }
div.bg11::after {max-width:200px; width:100%;height:0;padding: 0 0 100% 0;}
.bg12 {max-width:200px; max-height:200px; }
.bg12::after {content: '\00a0';display: inline-block; width:200px; height:200px; background-position: 66.61157024793388% 25.062034739454095%; background-size: 402.5% 503%; background-image: url(avatar_bg_v3.png);padding: 0; }
div.bg12::after {max-width:200px; width:100%;height:0;padding: 0 0 100% 0;}
.bg13 {max-width:200px; max-height:200px; }
.bg13::after {content: '\00a0';display: inline-block; width:200px; height:200px; background-position: 66.61157024793388% 50%; background-size: 402.5% 503%; background-image: url(avatar_bg_v3.png);padding: 0; }
div.bg13::after {max-width:200px; width:100%;height:0;padding: 0 0 100% 0;}
.bg14 {max-width:200px; max-height:200px; }
.bg14::after {content: '\00a0';display: inline-block; width:200px; height:200px; background-position: 66.61157024793388% 74.93796526054591%; background-size: 402.5% 503%; background-image: url(avatar_bg_v3.png);padding: 0; }
div.bg14::after {max-width:200px; width:100%;height:0;padding: 0 0 100% 0;}
.bg15 {max-width:200px; max-height:200px; }
.bg15::after {content: '\00a0';display: inline-block; width:200px; height:200px; background-position: 66.61157024793388% 99.87593052109182%; background-size: 402.5% 503%; background-image: url(avatar_bg_v3.png);padding: 0; }
div.bg15::after {max-width:200px; width:100%;height:0;padding: 0 0 100% 0;}
.bg16 {max-width:200px; max-height:200px; }
.bg16::after {content: '\00a0';display: inline-block; width:200px; height:200px; background-position: 99.83471074380165% 0.12406947890818859%; background-size: 402.5% 503%; background-image: url(avatar_bg_v3.png);padding: 0; }
div.bg16::after {max-width:200px; width:100%;height:0;padding: 0 0 100% 0;}
.bg17 {max-width:200px; max-height:200px; }
.bg17::after {content: '\00a0';display: inline-block; width:200px; height:200px; background-position: 99.83471074380165% 25.062034739454095%; background-size: 402.5% 503%; background-image: url(avatar_bg_v3.png);padding: 0; }
div.bg17::after {max-width:200px; width:100%;height:0;padding: 0 0 100% 0;}
.bg18 {max-width:200px; max-height:200px; }
.bg18::after {content: '\00a0';display: inline-block; width:200px; height:200px; background-position: 99.83471074380165% 50%; background-size: 402.5% 503%; background-image: url(avatar_bg_v3.png);padding: 0; }
div.bg18::after {max-width:200px; width:100%;height:0;padding: 0 0 100% 0;}
.bg19 {max-width:200px; max-height:200px; }
.bg19::after {content: '\00a0';display: inline-block; width:200px; height:200px; background-position: 99.83471074380165% 74.93796526054591%; background-size: 402.5% 503%; background-image: url(avatar_bg_v3.png);padding: 0; }
div.bg19::after {max-width:200px; width:100%;height:0;padding: 0 0 100% 0;}
.bg2 {max-width:200px; max-height:200px; }
.bg2::after {content: '\00a0';display: inline-block; width:200px; height:200px; background-position: 0.1652892561983471% 25.062034739454095%; background-size: 402.5% 503%; background-image: url(avatar_bg_v3.png);padding: 0; }
div.bg2::after {max-width:200px; width:100%;height:0;padding: 0 0 100% 0;}
.bg20 {max-width:200px; max-height:200px; }
.bg20::after {content: '\00a0';display: inline-block; width:200px; height:200px; background-position: 99.83471074380165% 99.87593052109182%; background-size: 402.5% 503%; background-image: url(avatar_bg_v3.png);padding: 0; }
div.bg20::after {max-width:200px; width:100%;height:0;padding: 0 0 100% 0;}
.bg3 {max-width:200px; max-height:200px; }
.bg3::after {content: '\00a0';display: inline-block; width:200px; height:200px; background-position: 0.1652892561983471% 50%; background-size: 402.5% 503%; background-image: url(avatar_bg_v3.png);padding: 0; }
div.bg3::after {max-width:200px; width:100%;height:0;padding: 0 0 100% 0;}
.bg4 {max-width:200px; max-height:200px; }
.bg4::after {content: '\00a0';display: inline-block; width:200px; height:200px; background-position: 0.1652892561983471% 74.93796526054591%; background-size: 402.5% 503%; background-image: url(avatar_bg_v3.png);padding: 0; }
div.bg4::after {max-width:200px; width:100%;height:0;padding: 0 0 100% 0;}
.bg5 {max-width:200px; max-height:200px; }
.bg5::after {content: '\00a0';display: inline-block; width:200px; height:200px; background-position: 0.1652892561983471% 99.87593052109182%; background-size: 402.5% 503%; background-image: url(avatar_bg_v3.png);padding: 0; }
div.bg5::after {max-width:200px; width:100%;height:0;padding: 0 0 100% 0;}
.bg6 {max-width:200px; max-height:200px; }
.bg6::after {content: '\00a0';display: inline-block; width:200px; height:200px; background-position: 33.388429752066116% 0.12406947890818859%; background-size: 402.5% 503%; background-image: url(avatar_bg_v3.png);padding: 0; }
div.bg6::after {max-width:200px; width:100%;height:0;padding: 0 0 100% 0;}
.bg7 {max-width:200px; max-height:200px; }
.bg7::after {content: '\00a0';display: inline-block; width:200px; height:200px; background-position: 33.388429752066116% 25.062034739454095%; background-size: 402.5% 503%; background-image: url(avatar_bg_v3.png);padding: 0; }
div.bg7::after {max-width:200px; width:100%;height:0;padding: 0 0 100% 0;}
.bg8 {max-width:200px; max-height:200px; }
.bg8::after {content: '\00a0';display: inline-block; width:200px; height:200px; background-position: 33.388429752066116% 50%; background-size: 402.5% 503%; background-image: url(avatar_bg_v3.png);padding: 0; }
div.bg8::after {max-width:200px; width:100%;height:0;padding: 0 0 100% 0;}
.bg9 {max-width:200px; max-height:200px; }
.bg9::after {content: '\00a0';display: inline-block; width:200px; height:200px; background-position: 33.388429752066116% 74.93796526054591%; background-size: 402.5% 503%; background-image: url(avatar_bg_v3.png);padding: 0; }
div.bg9::after {max-width:200px; width:100%;height:0;padding: 0 0 100% 0;}

@keyframes bg-frames {
    0% { background-position: 0.1652892561983471% 0.12406947890818859%;  }
    5% { background-position: 0.1652892561983471% 25.062034739454095%;  }
    10% { background-position: 0.1652892561983471% 50%;  }
    15% { background-position: 0.1652892561983471% 74.93796526054591%;  }
    20% { background-position: 0.1652892561983471% 99.87593052109182%;  }
    25% { background-position: 33.388429752066116% 0.12406947890818859%;  }
    30% { background-position: 33.388429752066116% 25.062034739454095%;  }
    35% { background-position: 33.388429752066116% 50%;  }
    40% { background-position: 33.388429752066116% 74.93796526054591%;  }
    45% { background-position: 33.388429752066116% 99.87593052109182%;  }
    50% { background-position: 66.61157024793388% 0.12406947890818859%;  }
    55.00000000000001% { background-position: 66.61157024793388% 25.062034739454095%;  }
    60% { background-position: 66.61157024793388% 50%;  }
    65% { background-position: 66.61157024793388% 74.93796526054591%;  }
    70% { background-position: 66.61157024793388% 99.87593052109182%;  }
    75% { background-position: 99.83471074380165% 0.12406947890818859%;  }
    80% { background-position: 99.83471074380165% 25.062034739454095%;  }
    85% { background-position: 99.83471074380165% 50%;  }
    90% { background-position: 99.83471074380165% 74.93796526054591%;  }
    95% { background-position: 99.83471074380165% 99.87593052109182%;  }
}

.bg-animation {
    max-width: 200px;
    max-height: 200px;
}
.bg-animation::after {
    content: '\00a0';
    display: inline-block;
    width: 200px;
    height: 200px;
    padding: 0;
    background-image: url(avatar_bg_v3.png);
    background-size: 402.5% 503%; 
    animation-name: bg-frames;
    animation-timing-function: steps(1);
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
div.bg-animation::after {
    max-width: 200px;
    width: 100%;
    height: 0;
    padding: 0 0 100% 0;
}

/* $TexturePacker:SmartUpdate:ad5708ece501f5afa5ddddf7c86ff31b:712bddd0eb44308117bbe1a358a3b0c4:8c663873e3fcfa73a2a4ed5b762e15ed$ */