#emojiBtn{cursor:pointer;padding:3px;border-radius:50%;align-self:center;align-items:center;justify-content:center}#emojiBtn:hover{background-color:#ddd}#panelWrap{position:absolute;z-index:10;top:100%;right:4%;visibility:hidden;opacity:0;pointer-events:none;width:360px;border:1px solid #ddd;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.12);background:#fff;overflow:hidden}#panelWrap.open{visibility:visible;opacity:1;pointer-events:auto}#searchWrap{position:relative}#searchInput{overflow:scroll;resize:none;font-size:16px;width:100%;box-sizing:border-box;padding:8px 32px 8px 10px;border:none;border-bottom:1px solid #eee;outline:0;background-color:#ddd}#clearSearch{display:none;position:absolute;right:8px;top:35%;transform:translateY(-50%);width:22px;height:22px;border:none;background:0 0;cursor:pointer;color:#999;font-size:16px;line-height:1;border-radius:50%}#clearSearch:hover{color:#666}#clearSearch.visible{display:block}#searchResults{display:none;grid-template-columns:repeat(8,1fr);gap:2px;max-height:340px;overflow-y:auto;padding:8px}.search-row{display:none}#searchResults button{font-size:20px;border:none;background:0 0;cursor:pointer;border-radius:6px;padding:4px}#searchResults button:hover{background:#f0f0f0}#noResults{padding:16px;text-align:center;color:#999;font-size:13px}emoji-picker{--num-columns:8;--emoji-size:1.4rem;width:360px;height:360px;border:none}@media (max-width:600px){#emojiBtn{display:none}}