.emoji {
    position: absolute;
    top: -6px;
    right: 22px;
    transform: translate(0, -100%);
    background: white;
    box-shadow: 1px 4px 2px rgba(0, 0, 0, 0.08);
    border-radius: 6px;
    border: 2px solid #E7E7E7;
    padding: 18px;
    /*transition: opacity 0.2s;*/
    opacity: 0;
    max-width: 350px;
    width: 350px;
    z-index: -1;
    pointer-events: none;
}
.emoji.shown {
    opacity: 1;
    z-index: 999;
    pointer-events: auto;
    transition: unset;
}
#chat-form .emoji.shown {
    top: -16px;
    right: -26px;
}
.admin-panel__form .emoji.shown {
    top: 112px;
    right: -366px;
}
.admin-panel__form .emoji:before {
    left: -12px;
    right: auto;
    bottom: 104px;
    transform: translate(0, 50%) rotate(135deg);
}
.emoji:before {
    content: '';
    position: absolute;
    bottom: -2px;
    right: 26px;
    background-color: white;
    border-right: 2px solid #E7E7E7;
    border-bottom: 2px solid #E7E7E7;
    width: 22px;
    height: 22px;
    transform: translate(0, 50%) rotate(45deg);
    z-index: 2;
}
.emoji__item {
    display: inline-block;
    width: 31px;
    height: 31px;
    margin: 3px;
    cursor: pointer;
    background-repeat: no-repeat;
    /* background-size: contain; */
    background-position: center;
    /* background-size: 24px; */
}
.emoji .emoji__item:hover {
    background-color: #E7E7E7;
}
.emoji__list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.emoji__item-img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}
/*.emoji__item.emoji-111{
    background-image: url(/gw/emoji/_111.png);
}
.emoji__item.emoji-222{
    background-image: url(/gw/emoji/_222.png);
}
.emoji__item.emoji-333{
    background-image: url(/gw/emoji/_333.png);
}
.emoji__item.emoji-444{
    background-image: url(/gw/emoji/_444.png);
}
.emoji__item.emoji-555{
    background-image: url(/gw/emoji/_555.png);
}
.emoji__item.emoji-666{
    background-image: url(/gw/emoji/_666.png);
}
.emoji__item.emoji-777{
    background-image: url(/gw/emoji/_777.png);
}
.emoji__item.emoji-888{
    background-image: url(/gw/emoji/_888.png);
}
.emoji__item.emoji-999{
    background-image: url(/gw/emoji/_999.png);
}
.emoji__item.emoji-000{
    background-image: url(/gw/emoji/_000.png);
}

.emoji__item.emoji-111.red{
    background-image: url(/gw/emoji/_111_red.png);
}
.emoji__item.emoji-222.red{
    background-image: url(/gw/emoji/_222_red.png);
}
.emoji__item.emoji-333.red{
    background-image: url(/gw/emoji/_333_red.png);
}
.emoji__item.emoji-444.red{
    background-image: url(/gw/emoji/_444_red.png);
}
.emoji__item.emoji-555.red{
    background-image: url(/gw/emoji/_555_red.png);
}
.emoji__item.emoji-666.red{
    background-image: url(/gw/emoji/_666_red.png);
}
.emoji__item.emoji-777.red{
    background-image: url(/gw/emoji/_777_red.png);
}
.emoji__item.emoji-888.red{
    background-image: url(/gw/emoji/_888_red.png);
}
.emoji__item.emoji-999.red{
    background-image: url(/gw/emoji/_999_red.png);
}
.emoji__item.emoji-000.red{
    background-image: url(/gw/emoji/_000_red.png);
}
.emoji__item.emoji-777.ex{
    background-image: url(/gw/emoji/_777!.png);
}
.emoji__item.emoji-777.ex.red{
    background-image: url(/gw/emoji/_777_red!.png);
}
.emoji__item.emoji-plus3{
    background-image: url(/gw/emoji/plus3.png);
}
.emoji__item.emoji-ten{
    background-image: url(/gw/emoji/ten.png);
}
.emoji__item.emoji-ten.red{
    background-image: url(/gw/emoji/ten_red.png);
}
.emoji__item.emoji-hundred{
    background-image: url(/gw/emoji/hundred.png);
}
.emoji__item.emoji-hundred.red{
    background-image: url(/gw/emoji/hundred_red.png);
}
.emoji__item.emoji-hundred-percent{
    background-image: url(/gw/emoji/hundred-percent.png);
}
.emoji__item.emoji-hundred-percent.red{
    background-image: url(/gw/emoji/hundred-percent_red.png);
}
.emoji__item.emoji-bouquet{
    background-image: url(/gw/emoji/bouquet.png);
}
.emoji__item.emoji-clapping-hands{
    background-image: url(/gw/emoji/clapping-hands.png);
}
.emoji__item.emoji-cloud-with-rain{
    background-image: url(/gw/emoji/cloud-with-rain.png);
}
.emoji__item.emoji-collision{
    background-image: url(/gw/emoji/collision.png);
}
.emoji__item.emoji-direct-hit{
    background-image: url(/gw/emoji/direct-hit.png);
}

.emoji__item.emoji-direct-hit{background-image: url(/gw/emoji/direct-hit.png);}
.emoji__item.emoji-double-exclamation-mark{background-image: url(/gw/emoji/double-exclamation-mark.png);}
.emoji__item.emoji-dollar-banknote{background-image: url(/gw/emoji/dollar-banknote.png);}
.emoji__item.emoji-exclamation-mark{background-image: url(/gw/emoji/exclamation-mark.png);}
.emoji__item.emoji-eye{background-image: url(/gw/emoji/eye.png);}
.emoji__item.emoji-fire{background-image: url(/gw/emoji/fire.png);}
.emoji__item.emoji-flexed-biceps{background-image: url(/gw/emoji/flexed-biceps.png);}
.emoji__item.emoji-folded-hands{background-image: url(/gw/emoji/folded-hands.png);}
.emoji__item.emoji-glowing-star{background-image: url(/gw/emoji/glowing-star.png);}
.emoji__item.emoji-handshake{background-image: url(/gw/emoji/handshake.png);}
.emoji__item.emoji-hand-with-fingers-splayed{background-image: url(/gw/emoji/hand-with-fingers-splayed.png);}
.emoji__item.emoji-high-voltage{background-image: url(/gw/emoji/high-voltage.png);}
.emoji__item.emoji-hot-beverage{background-image: url(/gw/emoji/hot-beverage.png);}
.emoji__item.emoji-sad{background-image: url(/gw/emoji/sad.png);}
.emoji__item.emoji-light-bulb{background-image: url(/gw/emoji/light-bulb.png);}
.emoji__item.emoji-man-raising-hand{background-image: url(/gw/emoji/man-raising-hand.png);}
.emoji__item.emoji-microphone{background-image: url(/gw/emoji/microphone.png);}
.emoji__item.emoji-money-bag{background-image: url(/gw/emoji/money-bag.png);}
.emoji__item.emoji-money-mouth-face{background-image: url(/gw/emoji/money-mouth-face.png);}
.emoji__item.emoji-money-with-wings{background-image: url(/gw/emoji/money-with-wings.png);}
.emoji__item.emoji-ok-hand{background-image: url(/gw/emoji/ok-hand.png);}
.emoji__item.emoji-person-raising-hand{background-image: url(/gw/emoji/person-raising-hand.png);}
.emoji__item.emoji-question-mark{background-image: url(/gw/emoji/question-mark.png);}
.emoji__item.emoji-raised-back-of-hand{background-image: url(/gw/emoji/raised-back-of-hand.png);}
.emoji__item.emoji-raised-hand{background-image: url(/gw/emoji/raised-hand.png);}
.emoji__item.emoji-rose{background-image: url(/gw/emoji/rose.png);}
.emoji__item.emoji-round-pushpin{background-image: url(/gw/emoji/round-pushpin.png);}
.emoji__item.emoji-slightly-smiling-face{background-image: url(/gw/emoji/slightly-smiling-face.png);}
.emoji__item.emoji-smiling-face-with-heart-eyes{background-image: url(/gw/emoji/smiling-face-with-heart-eyes.png);}
.emoji__item.emoji-smiling-face-with-smiling-eyes{background-image: url(/gw/emoji/smiling-face-with-smiling-eyes.png);}
.emoji__item.emoji-smiling-face-with-sunglasses{background-image: url(/gw/emoji/smiling-face-with-sunglasses.png);}
.emoji__item.emoji-snowflake{background-image: url(/gw/emoji/snowflake.png);}
.emoji__item.emoji-sparkles{background-image: url(/gw/emoji/sparkles.png);}
.emoji__item.emoji-sun{background-image: url(/gw/emoji/sun.png);}
.emoji__item.emoji-trophy{background-image: url(/gw/emoji/trophy.png);}
.emoji__item.emoji-tulip{background-image: url(/gw/emoji/tulip.png);}
.emoji__item.emoji-waving-hand{background-image: url(/gw/emoji/waving-hand.png);}
.emoji__item.emoji-white-medium-star{background-image: url(/gw/emoji/white-medium-star.png);}
.emoji__item.emoji-winking-face{background-image: url(/gw/emoji/winking-face.png);}
.emoji__item.emoji-wrapped-gift{background-image: url(/gw/emoji/wrapped-gift.png);}
.emoji__item.emoji-writing-hand{background-image: url(/gw/emoji/writing-hand.png);}
.emoji__item.emoji-plus{background-image: url(/gw/emoji/plus.png);}*/

#chat-message-input img {
    vertical-align: text-bottom;
    margin-right: 3px;
}
#chat-message-input .emoji__item {
    margin: 0 2px;
    pointer-events: none;
    zoom: 0.8;
    -moz-transform: scale(0.8);
}
.gdly_em {margin: 0 2px;}
.gwEmoji_wrapper {position: relative;}
/*-------------------------------------------------------------------------------------------------------------*/
.emoji__item {
    background-image: url(/gw/emoji_spritesheet.png?v=5);
    background-repeat: no-repeat;
    display: inline-block;
}
.emoji-000 {
    width: 24px;
    height: 23px;
    background-position: -5px -5px;
}

.emoji-000_red {
    width: 24px;
    height: 23px;
    background-position: -39px -5px;
}

.emoji-111 {
    width: 24px;
    height: 24px;
    background-position: -73px -5px;
}

.emoji-111_red {
    width: 24px;
    height: 24px;
    background-position: -107px -5px;
}

.emoji-222 {
    width: 24px;
    height: 23px;
    background-position: -141px -5px;
}

.emoji-222_red {
    width: 24px;
    height: 23px;
    background-position: -175px -5px;
}

.emoji-333 {
    width: 24px;
    height: 23px;
    background-position: -209px -5px;
}

.emoji-333_red {
    width: 24px;
    height: 23px;
    background-position: -243px -5px;
}

.emoji-444 {
    width: 24px;
    height: 23px;
    background-position: -5px -38px;
}

.emoji-444_red {
    width: 24px;
    height: 23px;
    background-position: -39px -38px;
}

.emoji-555 {
    width: 24px;
    height: 23px;
    background-position: -141px -38px;
}

.emoji-555_red {
    width: 24px;
    height: 23px;
    background-position: -175px -38px;
}

.emoji-666 {
    width: 24px;
    height: 23px;
    background-position: -209px -38px;
}

.emoji-666_red {
    width: 24px;
    height: 23px;
    background-position: -243px -38px;
}

.emoji-777 {
    width: 24px;
    height: 23px;
    background-position: -5px -71px;
}

.emoji-777.ex {
    width: 24px;
    height: 23px;
    background-position: -39px -71px;
}

.emoji-777_red {
    width: 24px;
    height: 23px;
    background-position: -73px -71px;
}

.emoji-777.ex_red {
    width: 24px;
    height: 23px;
    background-position: -107px -71px;
}

.emoji-888 {
    width: 24px;
    height: 23px;
    background-position: -141px -71px;
}

.emoji-888_red {
    width: 24px;
    height: 23px;
    background-position: -175px -71px;
}

.emoji-999 {
    width: 24px;
    height: 23px;
    background-position: -209px -71px;
}

.emoji-999_red {
    width: 24px;
    height: 23px;
    background-position: -243px -71px;
}

.emoji-bouquet {
    width: 24px;
    height: 23px;
    background-position: -5px -104px;
}

.emoji-clapping-hands {
    width: 24px;
    height: 23px;
    background-position: -39px -104px;
}

.emoji-cloud-with-rain {
    width: 24px;
    height: 23px;
    background-position: -73px -104px;
}

.emoji-collision {
    width: 24px;
    height: 23px;
    background-position: -107px -104px;
}

.emoji-direct-hit {
    width: 24px;
    height: 23px;
    background-position: -141px -104px;
}

.emoji-dollar-banknote {
    width: 24px;
    height: 23px;
    background-position: -175px -104px;
}

.emoji-double-exclamation-mark {
    width: 24px;
    height: 23px;
    background-position: -209px -104px;
}

.emoji-exclamation-mark {
    width: 24px;
    height: 23px;
    background-position: -243px -104px;
}

.emoji-eye {
    width: 24px;
    height: 23px;
    background-position: -5px -137px;
}

.emoji-fire {
    width: 24px;
    height: 23px;
    background-position: -39px -137px;
}

.emoji-flexed-biceps {
    width: 24px;
    height: 23px;
    background-position: -73px -137px;
}

.emoji-folded-hands {
    width: 24px;
    height: 23px;
    background-position: -107px -137px;
}

.emoji-glowing-star {
    width: 24px;
    height: 23px;
    background-position: -141px -137px;
}

.emoji-hand-with-fingers-splayed {
    width: 24px;
    height: 23px;
    background-position: -175px -137px;
}

.emoji-handshake {
    width: 24px;
    height: 23px;
    background-position: -209px -137px;
}

.emoji-high-voltage {
    width: 24px;
    height: 23px;
    background-position: -243px -137px;
}

.emoji-hot-beverage {
    width: 24px;
    height: 23px;
    background-position: -5px -170px;
}

.emoji-hundred {
    width: 24px;
    height: 23px;
    background-position: -39px -170px;
}

.emoji-hundred-percent {
    width: 24px;
    height: 23px;
    background-position: -73px -170px;
}

.emoji-hundred-percent_red {
    width: 24px;
    height: 23px;
    background-position: -107px -170px;
}

.emoji-hundred_red {
    width: 24px;
    height: 23px;
    background-position: -141px -170px;
}

.emoji-light-bulb {
    width: 24px;
    height: 23px;
    background-position: -175px -170px;
}

.emoji-man-raising-hand {
    width: 24px;
    height: 23px;
    background-position: -209px -170px;
}

.emoji-microphone {
    width: 24px;
    height: 23px;
    background-position: -243px -170px;
}

.emoji-money-bag {
    width: 24px;
    height: 23px;
    background-position: -5px -203px;
}

.emoji-money-mouth-face {
    width: 24px;
    height: 23px;
    background-position: -39px -203px;
}

.emoji-money-with-wings {
    width: 24px;
    height: 23px;
    background-position: -73px -203px;
}

.emoji-ok-hand {
    width: 24px;
    height: 23px;
    background-position: -107px -203px;
}

.emoji-person-raising-hand {
    width: 24px;
    height: 23px;
    background-position: -141px -203px;
}

.emoji-plus {
    width: 24px;
    height: 23px;
    background-position: -175px -203px;
}

.emoji-plus3 {
    width: 24px;
    height: 24px;
    background-position: -209px -203px;
}

.emoji-question-mark {
    width: 24px;
    height: 23px;
    background-position: -243px -203px;
}

.emoji-raised-back-of-hand {
    width: 24px;
    height: 23px;
    background-position: -5px -236px;
}

.emoji-raised-hand {
    width: 24px;
    height: 23px;
    background-position: -39px -236px;
}

.emoji-rose {
    width: 24px;
    height: 23px;
    background-position: -73px -236px;
}

.emoji-round-pushpin {
    width: 24px;
    height: 23px;
    background-position: -107px -236px;
}

.emoji-sad {
    width: 24px;
    height: 23px;
    background-position: -141px -236px;
}

.emoji-slightly-smiling-face {
    width: 24px;
    height: 23px;
    background-position: -175px -236px;
}

.emoji-smiling-face-with-heart-eyes {
    width: 24px;
    height: 23px;
    background-position: -243px -236px;
}

.emoji-smiling-face-with-smiling-eyes {
    width: 24px;
    height: 23px;
    background-position: -277px -5px;
}

.emoji-smiling-face-with-sunglasses {
    width: 24px;
    height: 23px;
    background-position: -277px -38px;
}

.emoji-snowflake {
    width: 24px;
    height: 23px;
    background-position: -277px -71px;
}

.emoji-sparkles {
    width: 24px;
    height: 23px;
    background-position: -277px -104px;
}

.emoji-sun {
    width: 24px;
    height: 23px;
    background-position: -277px -137px;
}

.emoji-ten {
    width: 24px;
    height: 23px;
    background-position: -277px -170px;
}

.emoji-ten_red {
    width: 24px;
    height: 23px;
    background-position: -277px -203px;
}

.emoji-trophy {
    width: 24px;
    height: 23px;
    background-position: -277px -236px;
}

.emoji-tulip {
    width: 24px;
    height: 23px;
    background-position: -5px -269px;
}

.emoji-waving-hand {
    width: 24px;
    height: 23px;
    background-position: -39px -269px;
}

.emoji-white-medium-star {
    width: 24px;
    height: 23px;
    background-position: -73px -269px;
}

.emoji-winking-face {
    width: 24px;
    height: 23px;
    background-position: -107px -269px;
}

.emoji-wrapped-gift {
    width: 24px;
    height: 23px;
    background-position: -141px -269px;
}

.emoji-writing-hand {
    width: 24px;
    height: 23px;
    background-position: -175px -269px;
}

.emoji-thumbs-up {
    width: 24px;
    height: 23px;
    background-position: -214px -267px;
}

.emoji-party-popper {
    width: 24px;
    height: 23px;
    background-position: -244px -267px;
}

.emoji-red-heart {
    width: 24px;
    height: 24px;
    background-position: -275px -267px;
}

.emoji-black-heart {
    width: 24px;
    height: 24px;
    background-position: -5px -295px;
}

.emoji-orange-heart {
    width: 24px;
    height: 24px;
    background-position: -37px -295px;
}

.emoji-hundred-underline {
    width: 24px;
    height: 24px;
    background-position: -210px -234px;
}

@media screen and (max-width:767px) {
    .emoji {
        padding: 10px 0px 10px 10px;
        max-width: 320px;
    }
}