/* Reference panel geometry; native emoji art depends on the operating system. */
#emojiPanel.livechat-emoji-panel {
  position:absolute;
  z-index:10;
  right:36px;
  bottom:calc(100% + 4px);
  display:block;
  width:280px;
  max-width:calc(100vw - 32px);
  padding:0;
  border:0;
  border-radius:4px;
  background:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.08);
  overflow:hidden;
  animation:none;
}
#emojiPanel.livechat-emoji-panel[hidden] {display:none!important}
#emojiPanel .livechat-emoji-grid {
  display:flex;
  flex-wrap:wrap;
  align-content:stretch;
  width:280px;
  max-width:100%;
  height:278px;
  padding:12px;
  box-sizing:border-box;
}
#emojiPanel .livechat-emoji-slot {display:block;flex:0 0 12.5%;min-width:0}
#emojiPanel .livechat-emoji-choice {
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  max-width:100%;
  height:32px;
  min-width:0;
  min-height:0;
  margin:0;
  padding:4px;
  border:0;
  border-radius:4px;
  background:transparent;
  color:#212121;
  box-shadow:none;
  transform:none;
  font-family:'Segoe UI Emoji','Apple Color Emoji','Noto Color Emoji',sans-serif;
  font-size:24px;
  font-weight:400;
  line-height:1;
  cursor:pointer;
  user-select:none;
  appearance:none;
}
#emojiPanel .livechat-emoji-choice:hover,
#emojiPanel .livechat-emoji-choice:focus {background:rgba(114,114,114,.08);outline:0;transform:none}
#emojiPanel .livechat-emoji-choice:focus-visible {outline:2px solid var(--primary,#80751d);outline-offset:-2px}
@media (max-width:360px){#emojiPanel.livechat-emoji-panel{right:4px}}