/*×Ô¶¨Òå*/
.myqEmoji {
    position: absolute;
    z-index: 4160;
    top: 0;
    left: 40px;
    background-color: #ffffff;
    border: 1px solid #e3e5e7;
    border-radius: 10px;
    padding: 6px;
    padding-right: 0;
}

    .myqEmoji .emoji-wrap {
        display: grid;
        grid-template-columns: repeat(10, minmax(0, 1fr));
        min-width: 412px;
        max-height: 242px;
        overflow: auto;
        overscroll-behavior: none;
        padding-right: 6px;
    }

    .myqEmoji .emoji-wrap::-webkit-scrollbar {
        width: 4px;
        background-color: #fff8;
        border-radius: 15px;
    }

    .myqEmoji .emoji-wrap::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 15px;
    }

    .myqEmoji .emoji-wrap::-webkit-scrollbar-thumb {
        background: #d7d7d7;
        border-radius: 15px;
    }

    .myqEmoji .emoji-wrap::-webkit-scrollbar-thumb:hover {
        background: #cccccc;
    }

        .myqEmoji .emoji-wrap .emoji-item {
            padding: 4px;
            cursor: pointer;
        }

            .myqEmoji .emoji-wrap .emoji-item img {
                pointer-events: none;
            }

            .myqEmoji .emoji-wrap .emoji-item:hover img {
                animation: emoji_shake 0.3s ease-in-out forwards;
            }

@keyframes emoji_shake {
    0% {
        transform: translateY(-2px);
    }

    100% {
        transform: translateY(0);
    }
}


@media(max-width:576px) {
    .myqEmoji {
        top: 40px;
        left: 0;
    }

        .myqEmoji .emoji-wrap {
            grid-template-columns: repeat(9, minmax(0, 1fr));
            min-width: initial;
            width: 84vw;
            aspect-ratio: 17 / 9;
        }
}


.easy-emoji {
    width: 24px;
    height: 24px;
    padding: 1px;
    vertical-align: bottom;
    pointer-events: none;
}

/*placeholder*/
.easyEditor[contentEditable=true]:not(:focus):before {
    position: absolute;
}