.emoji-box-menu *{padding:0;margin:0;box-sizing:border-box;font-family:system-ui}.emoji-box-menu button:focus,input:focus{outline:0}.emoji-box-menu{width:290px;padding:5px;z-index:1;position:absolute;top:0;right:0;visibility:hidden;opacity:0;background-color:#fdfdfd;border:1px solid rgba(0,0,0,.3);border-radius:5px;box-shadow:0 0 2px 0 #0000003b}.emoji-box-icon{color:#494949;width:34px;height:34px}.emoji-box-open .emoji-box-menu{visibility:visible;opacity:1;text-align:center;overflow:hidden;right:42px;background-color:#faf9f9}.emoji-box-menu input[name=search]{width:100%;padding:5px 10px 5px 25px;border-radius:3px;font-size:12px;color:#333;border:1px solid #ddd;background-color:#e7e7e7}.emoji-box-menu input[name=search]::placeholder{color:#c7c6c6}.emoji-box-menu .input-wrapper{position:relative;padding-bottom:10px;background-color:#faf9f9}.emoji-box-menu .search_icon{position:absolute;left:9px;top:7px;height:13px;width:13px;color:#666}.emoji-box-menu .shortcut-wrapper{color:#666;display:flex;background-color:#faf9f9;padding-top:10px}.emoji-box-menu .shortcut-wrapper span svg{height:15px;width:15px;opacity:.7}.emoji-box-menu .shortcut-wrapper span{flex:1;text-align:center;transform:scale(1);transition:.25s;cursor:pointer}.emoji-box-menu .shortcut-wrapper span:hover{transform:scale(1.1);transition:.25s}.emoji-box-menu .directory-wrapper{height:250px;overflow-y:auto}.emoji-box-menu .directory-wrapper .title{color:#666;text-transform:uppercase;display:flex;font-size:12px;letter-spacing:0;margin-left:3px;margin-bottom:5px;align-items:center;margin-top:7px}.emoji-box-menu .directory-wrapper .emojis{display:flex;align-items:center;flex-wrap:wrap;padding-bottom:0}.emoji-box-menu .directory-wrapper .emojis button{border:0 solid transparent;background-color:transparent;font-size:25px;cursor:pointer;transition:.25s;padding:2px 4px 0;height:35px;width:35px;display:flex;align-items:center;justify-content:center}.emoji-box-menu .directory-wrapper .emojis button:hover{transition:.25s;background-color:#ddd;border-radius:4px}.emoji-box-menu .directory-wrapper .emojis button:active{transition:.25s}.emoji-box-menu .no-result{text-align:center;color:#666;font-size:13px;margin:25px 10px;display:block}.emoji-box-menu .no-result a{color:#20a0eb}