[dir=ltr] .emoji{margin-left:auto}[dir=rtl] .emoji{margin-right:auto}[dir] .emoji-invoker:hover{transform:scale(1.1)}.emoji-invoker>svg{fill:#b1c6d0}.emoji-picker{position:absolute;top:46px;z-index:4;font-family:Montserrat;width:auto;height:12.8rem;overflow:scroll;box-sizing:border-box}[dir] .emoji-picker{border:1px solid #d8d6de;padding:1rem;border-radius:.5rem;background:#fff}[dir=ltr] .emoji-picker{left:0;box-shadow:1px 1px 8px #c7dbe6}[dir=rtl] .emoji-picker{right:0;box-shadow:-1px 1px 8px #c7dbe6}[dir] .dark-layout .emoji-picker{background:#283046;border:1px solid #404656}[dir=ltr] .dark-layout .emoji-picker{box-shadow:1px 1px 8px #283046}[dir=rtl] .dark-layout .emoji-picker{box-shadow:-1px 1px 8px #283046}.emoji-picker__search{display:flex}.emoji-picker__search>input{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:.7rem}[dir] .emoji-picker h5{margin-bottom:0;cursor:default}.emoji-picker .emojis{display:flex;flex-wrap:wrap;justify-content:space-between}.emoji-picker .emojis:after{content:"";flex:auto}.emoji-picker .emojis span{font-size:1.4rem}[dir] .emoji-picker .emojis span{padding:.2rem .4rem;cursor:pointer;border-radius:5px}[dir] .emoji-picker .emojis span:hover{background:#ececec;cursor:pointer}[dir] .close-icon{cursor:pointer}.preview-wrapper{display:inline-block;position:relative}.preview-wrapper .close-icon{position:absolute;top:0}[dir=ltr] .preview-wrapper .close-icon{right:0}[dir=rtl] .preview-wrapper .close-icon{left:0}.message-card,.message-image{max-width:250px}.message-image{width:100%;max-height:250px;object-fit:fill}[dir] .bg-black-white{background:#fff}[dir] .dark-layout .bg-black-white{background:#283046}