.imessage{background-color:#fff;border-radius:.25rem;display:flex;flex-direction:column;font-family:"SanFrancisco";font-size:1.25rem;margin:0 auto 1rem;padding:.5rem 1.5rem}.imessage p{border-radius:1.15rem;line-height:1;max-width:75%;padding:.5rem .875rem;position:relative;word-wrap:break-word;font:message-box;margin:.125rem 0}.imessage p::before,.imessage p::after{bottom:-.1rem;content:"";height:1rem;position:absolute}p.from-me{align-self:flex-end;background-color:#248bf5;color:#fff}p.from-me::before{border-bottom-left-radius:.8rem .7rem;border-right:1rem solid #248bf5;right:-.35rem;transform:translate(0,-.1rem)}p.from-me::after{background-color:#fff;border-bottom-left-radius:.5rem;right:-40px;transform:translate(-30px,-2px);width:10px}p.from-me small{margin-top:.25rem;color:#fff;float:right}p.from-them small{margin-top:.25rem;color:#6c757d;float:right}p[class^="from-"]{width:fit-content}p.from-me~p.from-me{margin:.25rem 0 0}p.from-me~p.from-me:not(:last-child){margin:.25rem 0 0}p.from-me~p.from-me:last-child{margin-bottom:.5rem}p.from-them{align-items:flex-start;background-color:#e5e5ea;color:#000}p.from-them:before{border-bottom-right-radius:.8rem .7rem;border-left:1rem solid #e5e5ea;left:-.35rem;transform:translate(0,-.1rem)}p.from-them::after{background-color:#fff;border-bottom-right-radius:.5rem;left:20px;transform:translate(-30px,-2px);width:10px}p[class^="from-"].emoji{background:none;font-size:2.5rem}p[class^="from-"].emoji::before{content:none}.imessage .img-avatar{max-width:75%;height:auto;border-radius:50%;box-shadow:0 0 0 3px #e5e5ea}.imessage .content{transition:all .75s;display:grid}.is-typing{margin-top:10px;margin-bottom:10px;margin-right:auto;width:50px;height:15px;justify-content:space-around;display:flex}.jump1,.jump2,.jump3{width:10px;height:10px;border-radius:100%;background-color:#808080;animation:typing 1.5s linear infinite}.jump1{animation-delay:.1s}.jump2{animation-delay:.2s}.jump3{animation-delay:.3s}@keyframes typing{50%{background-color:#fff}}@media screen and (max-width:800px){body{margin:0 .5rem}.container{padding:.5rem}.imessage{font-size:1.05rem;margin:0 auto 1rem;max-width:600px;padding:.25rem .875rem}.imessage p{margin:.5rem 0}}