.message{display:inline-block;padding:5px;border-radius:5px;margin:5px 0;max-width:50%}.sent{background-color:#8ec5ff;color:#fff}.received,.sent{border-radius:10px;padding:1px}.received{background-color:#f2f2f2;color:#000}.chat-messages{height:calc(100vh - 100px);overflow-y:auto;z-index:1}.chat-input{position:fixed;bottom:0;width:98%;background-color:#f5f5f5;border-top:1px solid #ccc}.sendICon{display:block;font-size:3em;color:#1976d2;cursor:pointer;margin-left:5px;margin-right:5px;transition:all .3s linear}.sendICon:hover{color:#0e3a66}.footerChat{display:flex}.inputChat{width:40%}.uploadFile{margin:0;padding:0;justify-content:end}.wrapper{position:relative;display:inline-block}.regular-input{padding:.5rem 1rem;border-radius:3px;border:1px solid #ccc;width:20rem;height:12rem;outline:none}.regular-input:focus{box-shadow:0 0 0 3px rgba(66,153,225,.5)}.emoji-invoker{position:absolute;top:.5rem;right:.5rem;width:1.5rem;height:1.5rem;border-radius:50%;cursor:pointer;transition:all .2s;padding:0;background:transparent;border:0}.emoji-invoker:hover{transform:scale(1.1)}.emoji-invoker>svg{fill:#b1c6d0}.emoji-picker{position:absolute;z-index:1;font-family:Montserrat;border:1px solid #ccc;width:15rem;height:20rem;overflow:scroll;padding:1rem;box-sizing:border-box;border-radius:.5rem;background:#fff;box-shadow:1px 1px 8px #c7dbe6;bottom:30px}.emoji-picker__search{display:flex}.emoji-picker__search>input{flex:1;border-radius:10rem;border:1px solid #ccc;padding:.5rem 1rem;outline:none}.emoji-picker h5{margin-bottom:0;color:#b1b1b1;text-transform:uppercase;font-size:.8rem;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{padding:.2rem;cursor:pointer;border-radius:5px}.emoji-picker .emojis span:hover{background:#ececec;cursor:pointer}.ogg{font-family:Ogg,serif}.zurich-light{font-weight:300}.zurich-light,.zurich-medium{font-family:ZurichSans,sans-serif}.zurich-medium{font-weight:500}@font-face{font-family:Ogg;src:url(/fonts/Ogg-Regular.c50b0351.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:ZurichSans;src:url(/fonts/ZurichSans-Light.79d3f1d3.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:ZurichSans;src:url(/fonts/ZurichSans-Medium.0cf73aff.ttf) format("truetype");font-weight:500;font-style:normal}