.emoji-picker{background-color:#fff;border-top:1px solid #ddd;width:100%;margin:0;position:absolute;height:300px;top:-300px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}.emoji-picker.loading{border:1px solid #eee;background:#fff}.emoji-picker_extra{height:333px;top:-333px}.emoji-selectables{background-color:rgba(0,0,0,.9);width:45px;height:100%;padding:10px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:default}.emoji-selectables span{margin-bottom:7px;cursor:pointer;font-size:24px}.emoji-selectables span.active img{-webkit-filter:none;filter:none}.emoji-selectables span img{width:25px;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');-webkit-filter:grayscale(100%);filter:grayscale(100%)}.emoji-content{background-color:#fff;cursor:default}.emoji-content div{width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:5px}.emoji-content span{display:block;padding:2px;color:rgba(0,0,0,.8);cursor:pointer;font-size:28px}.emoji-content span:hover{-webkit-transform:scale(1.1);transform:scale(1.1);background-color:rgba(0,0,0,.25);border-radius:5px}.picker-emoji-content{-webkit-box-sizing:border-box;box-sizing:border-box;display:none}.picker-emoji-sel.face{color:#f0f8ff;font-size:10px}.picker-emoji-content.active{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;overflow-y:scroll}.emoji-content span img{width:32px;height:32px;display:block}.picker-emoji-content::-webkit-scrollbar-thumb{height:10px;background-color:#21b0d0;border-radius:100px}.picker-emoji-content::-webkit-scrollbar-track{background-color:#303841}.picker-emoji-content::-webkit-scrollbar{width:6px}