.textAideInputPopover {
    .ant-popover-inner-content {
        padding: 0;
        cursor: pointer;
    }

    .crt {
        display: inline-flex;
        align-items: center;
        width: auto;
        margin-left: 8px;
        padding: 1px 4px;
        height: 16px;
        border-radius: 3px;
        font-size: 12px;
        color: #fff;
        border: 1px solid #1890ff;
        background-color: #1890ff;
        line-height: normal;
    }
}

.emoji {
    .ant-popover-inner-content {
        padding: 2px 0px;
    }
}

.emoji-list-scroll {
    width: 348px;
    height: 96px;
    margin: 7px;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
}

.emoji-list {
    display: grid;
    grid-template-columns: repeat(10, 32px);
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;

    >li {
        height: 32px;
        border-radius: 6px;

        &:hover {
            background: #f2f4f7;
        }
    }

    img {
        padding: 4px;
        max-width: 32px;
        max-height: 32px;
        cursor: pointer;
        vertical-align: middle;
        image-rendering: -webkit-optimize-contrast;
    }
}

.InputGroup {
    display: flex;
    border: 1px solid #d9d9d9;
    border-radius: 8px;

    .emojiBtn {
        height: 32px;
        padding: 0 10px;
        display: flex;
        align-items: center;
        cursor: pointer;
        border-left: 1px solid #d9d9d9;

        &:hover {
            color: #1890ff;
        }
    }
}