.emoji-picker img{display:block}.emoji-picker{background-color:#303841;width:400px;margin:50px;border-radius:5px;height:400px;display:flex}.emoji-selectables{background-color:#212427;width:45px;height:100%;padding:10px 15px;display:flex;flex-direction:column;align-items:center}.emoji-selectables span{margin-bottom:7px;cursor:pointer;font-size:1.5rem;line-height:1.5rem}.emoji-selectables span.active{filter:none}.emoji-selectables span{width:25px;display:flex;align-items:center;filter:grayscale(100%)}.emoji-content div{width:100%;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;padding:5px}.emoji-content span{display:inline-block;padding:5px;cursor:pointer;font-size:1.25rem}.emoji-content span:hover{transform:scale(1.1);background-color:#3f4953;border-radius:5px}.picker-emoji-content{display:none}.picker-emoji-sel.face{color:#f0f8ff;font-size:10px}.picker-emoji-content.active{display:flex;max-height:100%;overflow-y:auto;max-width:calc(100% - 10px)}.emoji-content span img{width:32px;height:32px}.picker-emoji-content::-webkit-scrollbar-thumb{height:10px;background-color:#65b88d;border-radius:100px}.picker-emoji-content::-webkit-scrollbar-track{background-color:#303841}.picker-emoji-content::-webkit-scrollbar{width:6px}.emoji-picker img{display:block}.emoji-picker-ctr{display:none;position:absolute;z-index:20;border:1px solid #dadada;border-radius:10px;overflow:hidden;bottom:unset;top:100%}.emoji-picker-ctr.left{left:unset;right:0}.emoji-picker-ctr.right{left:0;right:unset}.emoji-picker-ctr.top{top:unset;bottom:100%}.emoji-picker-ctr.bot{bottom:unset;top:100%}.emoji-picker-ctr .emoji-picker{margin:0;width:370px;background:#fff}.emoji-picker-ctr .emoji-selectables{background:#fff;border-right:1px solid #dadada}.emoji-picker-ctr .emoji-content span:hover{background-color:#dadada}.emoji-picker-ctr .emoji-picker .emoji{height:1.75rem;width:1.75rem}.emoji-picker-ctr .picker-emoji-content::-webkit-scrollbar-track{background-color:#dadada}