.view-chat .box-body{position:relative;overflow:hidden}.view-chat .message-item{display:block;padding:10px 0;text-align:left;line-height:20px}.view-chat .message-item:after{content:"";display:table;clear:both}.view-chat .message-item .line{position:relative;text-align:center;margin-top:10px;margin-bottom:15px}.view-chat .message-item .line:before{content:"";position:absolute;top:11px;left:0;width:100%;border-top:1px solid #aaa;z-index:1}.view-chat .message-item .line span{padding:3px 6px;font-size:10px;color:#fff;background:grey;border-radius:10px;line-height:1;z-index:2}.view-chat .message-item .bg,.view-chat .message-item .line span{position:relative;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.view-chat .message-item .bg{padding:8px 12px;border-radius:6px;color:#333;background:#fff;border:1px solid #e8e8e8;min-width:100px;max-width:calc(100% - 100px);text-align:left;clear:both;font-size:14px}.view-chat .message-item .bg.right{float:right}.view-chat .message-item .bg.act{padding:0;width:100%;max-width:100%;overflow:hidden}.view-chat .message-item .bg .name{font-size:10px;font-weight:700;margin-bottom:2px}.view-chat .message-item .bg .msg-action .msg{padding:15px;margin-bottom:0;border-bottom:1px solid #ddd}.view-chat .message-item .bg .msg-action .actions{display:flex;width:100%;flex-wrap:1}.view-chat .message-item .bg .msg-action .actions a{flex-basis:0;flex-grow:1;max-width:100%;color:var(--primary);padding:10px;text-align:center;cursor:pointer}.view-chat .message-item .bg .msg-action .actions a+a{border-left:1px solid #ddd}.view-chat .message-item .bg .msg-action .actions a:active{background:#78b3d5;color:#fff}.view-chat .message-item .bg .msg{text-align:left;font-size:14px;line-height:1.4;margin-bottom:5px;word-wrap:break-word}.view-chat .message-item .bg .msg a{color:#007bff}.view-chat .message-item .bg .msg a:hover{text-decoration:underline}.view-chat .message-item .bg .msg .loading{background:#f5f5f5;border-radius:5px;line-height:140px}.view-chat .message-item .bg .msg img:not(.emoji){display:block;max-width:200px;max-height:140px;width:auto;height:auto;border-radius:5px;-o-object-fit:contain;object-fit:contain;background:#fff;cursor:pointer;-webkit-user-drag:none;margin:0 auto}.view-chat .message-item .bg .msg img:not(.emoji):hover{opacity:.95}.view-chat .message-item .bg .msg img.emoji{width:auto;height:30px;display:inline}.view-chat .message-item .bg .revoke{color:#999}.view-chat .message-item .bg .status{font-size:10px;float:right;display:none}.view-chat .message-item .bg .action{position:absolute;right:5px;top:100%;margin-top:-10px;white-space:nowrap}.view-chat .message-item .bg .action span{display:inline-block;background:#fff;border-radius:20px;font-size:12px;padding:4px 10px;line-height:10px;border:1px solid #ddd}.view-chat .message-item .bg .action span img{width:14px;height:14px;-o-object-fit:contain;object-fit:contain;vertical-align:-2px}.view-chat .message-item:last-child .bg .status{display:inline}.view-chat .message-item.me.pink .bg,.view-chat .message-item.pink .bg{background-color:#fff1f3;border-color:#ffdee4}.view-chat .message-item.green .bg,.view-chat .message-item.me.green .bg{background-color:#e4ffe4;border-color:#c1f7c2}.view-chat .message-item.me.yellow .bg,.view-chat .message-item.yellow .bg{background-color:#fdf9dc;border-color:#fdf4ba}.view-chat .message-item.danger .bg,.view-chat .message-item.me.danger .bg{background-color:#ffdfde;border-color:#ffbcb9}.view-chat .message-item.upload .progress{margin-top:8px;height:5px}.view-chat .messages{list-style:none;margin:0;height:calc(100% - 44px);background:#eee;overflow-x:hidden;overflow-y:auto}.view-chat .messages ul{line-height:normal;margin:0;padding:10px;display:flex;width:100%;min-height:100%;flex-direction:column;justify-content:flex-end}.view-chat .chat-footer{bottom:0;height:auto;border-top:1px solid #ddd}.view-chat .chat-footer,.view-chat .chat-footer .pp-cart{position:absolute;left:0;width:100%;z-index:10;background:#fff}.view-chat .chat-footer .pp-cart{bottom:100%;box-shadow:0 -2px 3px #e4e4e4;max-height:300px;margin-bottom:1px;overflow-x:hidden;overflow-y:auto}.view-chat .chat-footer .pp-cart ul{list-style:none;padding-left:0;margin-bottom:0}.view-chat .chat-footer .pp-cart ul li+li{border-top:1px dotted #ddd}.view-chat .chat-footer .pp-cart ul a{display:block;padding:8px;font-size:12px}.view-chat .chat-footer .pp-cart ul a:active,.view-chat .chat-footer .pp-cart ul a:hover{background-color:#eee}.view-chat .chat-footer .pp-emoji{position:absolute;left:0;bottom:100%;width:100%;background:#fff;box-shadow:0 -2px 3px #e4e4e4;max-height:300px;margin-bottom:1px;overflow-x:hidden;overflow-y:auto;z-index:10}.view-chat .chat-footer .pp-emoji ul{list-style:none;padding:5px;margin-bottom:0;width:100%;overflow-x:hidden;overflow-y:auto;max-height:220px}.view-chat .chat-footer .pp-emoji ul li{float:left;width:12.5%;padding:5px;text-align:center}.view-chat .chat-footer .pp-emoji ul li a{cursor:pointer}.view-chat .chat-footer .pp-emoji ul li img{width:auto;height:26px;-o-object-fit:contain;object-fit:contain;transition:transform .1s;max-width:100%}.view-chat .chat-footer .pp-emoji ul li img:hover{transform:scale(1.1)}.view-chat .chat-footer a.smile{width:40px;height:44px;text-align:center;position:absolute;bottom:0;left:0;display:flex;align-items:center;justify-content:center;line-height:1;font-size:20px;color:#777}.view-chat .chat-footer a.smile.active,.view-chat .chat-footer a.smile:active{color:#018af7}.view-chat .chat-footer textarea{float:left;width:calc(100% - 80px);border:none;outline:none;font-size:14px;padding:11px 10px 11px 0;margin-left:40px;line-height:22px;resize:none}.view-chat .chat-footer .control{position:absolute;bottom:0;right:5px;height:44px;display:flex;align-items:center}.view-chat .chat-footer .control a{display:inline-block;margin:0 5px;font-size:20px;line-height:1;color:#777}.view-chat .chat-footer .control a.active,.view-chat .chat-footer .control a:active{color:#018af7}.view-chat .context-menu{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);overflow:hidden;z-index:100;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.view-chat .context-menu .child{position:absolute;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;z-index:1;padding:10px}.view-chat .context-menu .child .thumb{overflow:auto;margin-bottom:20px}.view-chat .context-menu .child .thumb .message-item{padding:0}.view-chat .context-menu .child .action{height:50px;background:#fff;border-radius:10px;padding:10px;margin-bottom:5px}.view-chat .context-menu .child .action .col{text-align:center}.view-chat .context-menu .child .action a{color:#333;font-size:13px}.view-chat .context-menu .child .action a img{width:30px;height:30px;-o-object-fit:contain;object-fit:contain}.view-chat .context-menu .child .control{height:95px;background:#fff;border-radius:10px}.view-chat .context-menu .child .control .row{height:100%}.view-chat .context-menu .child .control .col{text-align:center}.view-chat .context-menu .child .control a{display:inline-block;padding:10px 20px;text-align:center;color:#333;font-size:13px;border-radius:10px}.view-chat .context-menu .child .control a:active{background:#fafafa}.view-chat .context-menu .child .control a .icon{display:block;font-size:20px;margin-bottom:6px}.view-chat .context-menu .child .control a.copy .icon{color:#4d84e8}.view-chat .context-menu .child .control a.revoke .icon{color:#1a9eaf}.view-chat .context-menu .child .control a.remove .icon{color:#f22}