.mobile{display:block;background:url("../../img/mobile/mobile.png");background-size:cover;background-position:center;width:250px;height:507px;margin-left:auto;margin-right:auto;position:relative}.mobile .screen{position:absolute;width:226px;height:404px;left:50%;top:50%;transform:translate(-50%, -50%);background:#eee}.mobile .screen .status-bar{background:#689F38;padding:5px 8px 6px}.mobile .screen .status-bar .wifi img{width:15px;height:auto;display:block;margin-right:6px;float:right}.mobile .screen .status-bar .battery img{width:12px;height:auto;display:block;margin-right:7px;float:right}.mobile .screen .status-bar .signal img{width:12px;height:auto;display:block;margin-right:8px;float:right}.mobile .screen .status-bar .time{float:right;color:#fff;font-size:12px;line-height:12px;font-weight:bold;position:relative;top:1px}.mobile .screen .header{background:#8BC34A;color:#fff;font-weight:bold;padding:12px 17px 10px;font-size:14px;box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12);position:relative;z-index:3}.mobile .screen .header .back{position:relative;top:-1px;margin-right:15px}.mobile .screen .header .call,.mobile .screen .header .options{float:right;font-size:16px;margin-left:20px;position:relative;top:1px}.mobile .screen .inner{display:flex;flex-direction:column;height:339px;padding:10px;padding-top:0}.mobile .screen .inner .messages{height:100%;display:flex;flex-direction:column;justify-content:flex-end;overflow-wrap:break-word;overflow-y:hidden}.mobile .screen .inner .messages .message{display:flex;margin-bottom:10px;flex-shrink:0}.mobile .screen .inner .messages .message .message-wrapper{flex-grow:1;padding:6px 10px;background:#8BC34A;color:#fff;border-radius:3px;position:relative;z-index:2;order:1}.mobile .screen .inner .messages .message .message-wrapper::after{content:"";position:absolute;display:block;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #8BC34A;z-index:1;top:0;left:-7px}.mobile .screen .inner .messages .message .icon{width:100%;max-width:30px;max-height:30px;text-align:center;line-height:30px;background:#8BC34A;color:#fff;border-radius:50%;margin-right:15px}.mobile .screen .inner .messages .message.me .message-wrapper{background:#fff;color:#000;order:0}.mobile .screen .inner .messages .message.me .message-wrapper::after{right:-7px;left:auto;border-top:10px solid #fff}.mobile .screen .inner .messages .message.me .icon{margin-left:15px;margin-right:0px}.mobile .screen .inner .input{display:flex;position:relative;margin-top:10px}.mobile .screen .inner .input input{flex-grow:1;border:0;padding:8px;position:relative;z-index:2;border-radius:3px}.mobile .screen .inner .input button{margin-left:15px;border:none;background:#03A9F4;color:#fff;width:30.72px;border-radius:50%}.mobile .screen .inner .input::after{content:"";position:absolute;display:block;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #fff;left:153px;z-index:1}
/*# sourceMappingURL=mobile.css.map */