.chat[data-v-f93b39ca]{display:flex;flex-direction:column;height:100%;background-color:#fff}.head[data-v-f93b39ca]{flex:none;display:grid;grid-template-columns:max-content max-content auto max-content max-content;align-items:center;width:100vw;box-sizing:border-box;gap:10px;padding:12px 10px;fill:#555;position:relative;background-color:#fff;z-index:2;box-shadow:0 1px 4px rgba(0,0,0,.16)}.icon[data-v-f93b39ca]{width:40px;height:40px;border-radius:50px;display:flex;align-items:center;justify-content:center;transition:.2s}.icon[data-v-f93b39ca]:active{background-color:#edeef0}.dp[data-v-f93b39ca]{width:40px;height:40px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.dp img[data-v-f93b39ca]{width:40px}.mid[data-v-f93b39ca]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.name[data-v-f93b39ca]{font-weight:800;display:inline}.status[data-v-f93b39ca]{font-size:12px;color:grey;margin-top:3px}.left[data-v-f93b39ca]{margin-left:auto}.main[data-v-f93b39ca]{background-color:#fff;box-sizing:border-box;overflow:auto;padding:15px;-webkit-overflow-scrolling:touch;flex:auto}.text[data-v-f93b39ca]{text-align:center;margin-top:20px;padding:10px 0;font-size:12px;color:grey;border-top:1px solid #ddd;line-height:20px}.info[data-v-f93b39ca]{color:#333;text-align:center;padding:20px;padding-bottom:0;font-size:14px;position:relative;z-index:1}