.chat-container{height:400px;overflow-y:scroll}[dir] .chat-container{border:2px solid #eee;background:#fafafa}.message{width:90%}[dir] .message{padding:10px;margin-top:10px}[dir=ltr] .message{border-radius:10px 10px 10px 0;float:left}[dir=ltr] .left,[dir=rtl] .message{border-radius:10px 10px 0 10px;float:right}[dir=rtl] .left{float:left;border-radius:10px 10px 10px 0}[dir] .message:first-child{margin-top:0}.message .text{white-space:pre-wrap}.message .by{opacity:.85}.att-img{max-width:240px;max-height:240px;display:block}[dir] .att-img{border-radius:8px;margin-top:6px}.att-voice{width:240px;max-width:100%}[dir] .att-voice{margin-top:6px}