.emoji-invoker{position:relative;top:.5rem;width:1.5rem;height:1.5rem;transition:all .2s}[dir] .emoji-invoker{border-radius:50%;cursor:pointer;-webkit-transition:all .2s}[dir=ltr] .emoji-invoker{right:.5rem}[dir=rtl] .emoji-invoker{left:.5rem}.emoji-invoker:hover{-webkit-transform:scale(1.1)}[dir] .emoji-invoker:hover{transform:scale(1.1)}.emoji-invoker>svg{fill:#b1c6d0}.emoji-picker{position:absolute;bottom:2rem;z-index:1;font-family:Montserrat;width:15rem;height:20rem;overflow:scroll;-webkit-box-sizing:border-box;box-sizing:border-box}[dir] .emoji-picker{border:1px solid #ccc;padding:1rem;border-radius:.5rem;background:#fff}[dir=ltr] .emoji-picker{right:5rem;-webkit-box-shadow:1px 1px 8px #c7dbe6;box-shadow:1px 1px 8px #c7dbe6}[dir=rtl] .emoji-picker{left:5rem;-webkit-box-shadow:-1px 1px 8px #c7dbe6;box-shadow:-1px 1px 8px #c7dbe6}.emoji-picker__search{display:-webkit-box;display:-ms-flexbox;display:flex}.emoji-picker__search>input{-webkit-box-flex:1;-ms-flex:1;flex:1;outline:none}[dir] .emoji-picker__search>input{border-radius:10rem;border:1px solid #ccc;padding:.5rem 1rem}.emoji-picker h5{color:#b1b1b1;text-transform:uppercase;font-size:.8rem}[dir] .emoji-picker h5{margin-bottom:0;cursor:default}.emoji-picker .emojis{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.emoji-picker .emojis:after{content:"";-webkit-box-flex:1;-ms-flex:auto;flex:auto}[dir] .emoji-picker .emojis span{padding:.2rem;cursor:pointer;border-radius:5px}[dir] .emoji-picker .emojis span:hover{background:#ececec;cursor:pointer}