.EmojiPickerPopover {
  width: 352px;
  z-index: 9999999999; // fix for intercom icon overlay

  .EmojiPicker {
    padding: 0;
    padding-bottom: 12px;
    
    & > div {
      height: 435px;
    }
  }

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

.EmojiPicker {
  em-emoji-picker {
    --border-radius: 0;
    --shadow: none;
  }
}


.Demio-Input-container {
  position: relative;

  .Demio-Input-emoji-picker {
    border: 0;
    background: transparent;
    outline: none;
    bottom: 0;
    padding: 0;
    margin: 0;
    color: transparent;
    position: absolute;
    height: 48px;
    width: 40px;
    top: 0;
    right: 0;
    z-index: 1;
    cursor: pointer;
    line-height: 0.8;


    &:focus, &:hover {
      svg {
        fill: #2C3336;
      }
    }


    svg {
      fill: #9FA6AD;
    }
  }

  &.--addon-component > input[type="text"] {
    width: calc(100% - 40px);
  }
}