.dle_emote_list_block{background:#f2f2f2;border-radius:6px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-moz-box-sizing:border-box;box-sizing:border-box}.dle_emote_item{display:block;width:100%;border-radius:3px;text-align:center;position:relative;color:rgba(0,0,0,.2);-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}.dle_emote_item+.dle_emote_item-item{margin-left:1px}@media only screen and (min-width:480px){.dle_emote_item+.dle_emote_item{margin-left:6px}}.dle_emote_item::before{content:'';opacity:0;-webkit-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;-moz-transition:opacity .4s ease-out;transition:opacity .4s ease-out}.dle_emote_item:hover{color:rgba(255,255,255,.75)}.dle_emote_item:hover .svg-icon{fill:#fff;width:50px;height:50px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-top:5px;-webkit-transition:height .2s ease-out;-o-transition:height .2s ease-out;-moz-transition:height .2s ease-out;transition:height .2s ease-out}.dle_emote_item:hover.dle_emote_one,.voted_emote_one{background:-webkit-gradient(linear,left top,left bottom,from(#00b2ff),to(#006dee));background:-webkit-linear-gradient(top,#00b2ff 0%,#006dee 100%);background:-moz-linear-gradient(top,#00b2ff 0%,#006dee 100%);background:linear-gradient(180deg,#00b2ff 0%,#006dee 100%)}.dle_emote_item:hover.dle_emote_one::before{color:#0075ff}.dle_emote_item.voted_emote{color:rgba(255,255,255,.75)!important}.voted_emote i{width:40px;height:40px;max-width:100%;margin-top:0;position:relative}.dle_emote_item.voted_emote .svg-icon{fill:#fff}.dle_emote_item:hover.dle_emote_two,.voted_emote_two{background:-webkit-gradient(linear,left top,left bottom,from(#fed108),to(#f7ad00));background:-webkit-linear-gradient(top,#fed108 0%,#f7ad00 100%);background:-moz-linear-gradient(top,#fed108 0%,#f7ad00 100%);background:linear-gradient(180deg,#fed108 0%,#f7ad00 100%)}.dle_emote_item:hover.dle_emote_two::before{color:#ffb300}.dle_emote_item:hover.dle_emote_three,.voted_emote_three{background:-webkit-gradient(linear,left top,left bottom,from(#77e534),to(#44b839));background:-webkit-linear-gradient(top,#77e534 0%,#44b839 100%);background:-moz-linear-gradient(top,#77e534 0%,#44b839 100%);background:linear-gradient(180deg,#77e534 0%,#44b839 100%)}.dle_emote_item:hover.dle_emote_three::before{color:#5cce51}.dle_emote_item:hover.dle_emote_four,.voted_emote_four{background:-webkit-gradient(linear,left top,left bottom,from(#8740bf),to(#5351a1));background:-webkit-linear-gradient(top,#8740bf 0%,#5351a1 100%);background:-moz-linear-gradient(top,#8740bf 0%,#5351a1 100%);background:linear-gradient(180deg,#8740bf 0%,#5351a1 100%)}.dle_emote_item:hover.dle_emote_four::before{color:#5351a1}.dle_emote_item:hover.dle_emote_five,.voted_emote_five{background:-webkit-gradient(linear,left top,left bottom,from(#fb852f),to(#f72f2f));background:-webkit-linear-gradient(top,#fb852f 0%,#f72f2f 100%);background:-moz-linear-gradient(top,#fb852f 0%,#f72f2f 100%);background:linear-gradient(180deg,#fb852f 0%,#f72f2f 100%)}.dle_emote_item:hover.dle_emote_five::before{color:#f72f2f}.dle_emote_item:hover.dle_emote_six,.voted_emote_six{background:-webkit-gradient(linear,left top,left bottom,from(#ff0a0a),to(#c10909));background:-webkit-linear-gradient(top,#ff0a0a 0%,#c10909 100%);background:-moz-linear-gradient(top,#ff0a0a 0%,#c10909 100%);background:linear-gradient(180deg,#ff0a0a 0%,#c10909 100%)}.dle_emote_item:hover.dle_emote_six::before{color:#c10909}.dle_emote_item:hover::before{content:attr(data-title);position:absolute;z-index:2;top:-24px;left:50%;width:120px;font-weight:600;font-size:14px;line-height:18px;height:18px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);opacity:1;text-align:center}.dle_emote_item:hover i{width:40px;height:40px;max-width:100%;margin-top:0;position:relative}.dle_emote_item.dle_emote_have_vote{color:rgba(0,0,0,.6)}.dle_emote_item.dle_emote_have_vote.dle_emote_one .svg-icon{fill:url(#emote_fill_1)}.dle_emote_item.dle_emote_have_vote.dle_emote_two .svg-icon{fill:url(#emote_fill_2)}.dle_emote_item.dle_emote_have_vote.dle_emote_three .svg-icon{fill:url(#emote_fill_3)}.dle_emote_item.dle_emote_have_vote.dle_emote_four .svg-icon{fill:url(#emote_fill_4)}.dle_emote_item.dle_emote_have_vote.dle_emote_five .svg-icon{fill:url(#emote_fill_5)}.dle_emote_item.dle_emote_have_vote.dle_emote_six .svg-icon{fill:url(#emote_fill_6)}.dle_emote_item.dle_emote_have_vote:hover{color:rgba(255,255,255,.75)}.dle_emote_item.dle_emote_have_vote:hover .svg-icon{fill:#fff}.dle_emote_item i{display:block;width:40px;height:40px;margin:0 auto;margin-top:6px}.dle_emote_item .dle_emote_vote{position:absolute;bottom:5px;left:0;right:0;text-align:center;height:18px;line-height:20px}.dle_emote_item .svg-icon{width:100%;height:100%;fill:#8c8c8c}.emoji__gradients{position:absolute;width:0;height:0;overflow:hidden}.dle_emote_block{width:100%;padding:0 3px;vertical-align:top}.dle_emote_block .dle_emote_list_block{padding:2px 20px;height:70px}