span[data-v-68556b30]{font-family:inherit;margin:0}.wrapper[data-v-68556b30]{width:100%;display:inline-block;margin-top:2px;vertical-align:top;display:grid;grid-template-columns:30px 1fr;grid-template-areas:"img container";-webkit-column-gap:10px;column-gap:10px}.wrapper.newUser[data-v-68556b30]{margin-top:25px;padding-top:25px}.wrapper .content[data-v-68556b30]{grid-area:container}.wrapper .container[data-v-68556b30]{width:100%;display:grid;grid-template-rows:auto auto;grid-template-areas:"detail""bubble"}.wrapper .container.mine[data-v-68556b30]{float:right}.mine .detail[data-v-68556b30]{text-align:right}.detail[data-v-68556b30]{height:20px;grid-area:detail;width:auto;display:grid;grid-template-columns:auto auto;-webkit-column-gap:10px;column-gap:10px;font-size:11px;font-weight:600;color:#a1a1a1;position:relative}.bubble[data-v-68556b30]{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto;position:relative;grid-area:bubble;height:auto;border-radius:20px;line-height:20px;font-size:13px;font-weight:600;padding-left:10px}.bubble.sameAsPrev[data-v-68556b30]{border-top-left-radius:2px}.imageBubble ._text[data-v-68556b30]{padding:10px 15px}.mine .bubble[data-v-68556b30]{margin-right:0;max-width:500px;padding:10px 15px;margin-left:auto;background:#3674ff;font-weight:600;color:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:2px}.mine .bubble.sameAsPrev[data-v-68556b30]{border-top-left-radius:20px;border-top-right-radius:2px}.bubble.imageBubble[data-v-68556b30]{padding:0;-webkit-box-shadow:0 0 0 1px #f5f5f5;box-shadow:0 0 0 1px #f5f5f5;background:transparent;overflow:hidden;margin-bottom:10px;margin-top:10px}.mine .bubble.imageBubble[data-v-68556b30]{border-radius:20px;margin-bottom:0;margin-top:0;-webkit-box-shadow:none;box-shadow:none;background:#3674ff;-webkit-box-shadow:0 0 0 1px #f5f5f5;box-shadow:0 0 0 1px #f5f5f5}.bubble.imageBubble img[data-v-68556b30]{width:100%;vertical-align:top}.details[data-v-68556b30]{width:100%;display:grid;grid-template-columns:1fr auto;padding-bottom:5px;padding-top:5px}.details .userName[data-v-68556b30]{font-size:11px;font-weight:700;color:#3674ff}.details .time[data-v-68556b30]{font-size:11px;font-weight:700;color:#dadada}.userImage[data-v-68556b30]{width:30px;height:30px;border-radius:50%;background:#3674ff;grid-area:img;margin-bottom:auto;color:#fff;text-align:center;line-height:30px;font-size:15px}#chatbox[data-v-6846e0e6]{width:100%;height:100%;display:grid;grid-template-rows:60px 1fr auto;grid-template-areas:"header""body""input"}.header[data-v-6846e0e6]{grid-area:header;-webkit-box-shadow:inset 0 -1px 0 0 #eaeaea;box-shadow:inset 0 -1px 0 0 #eaeaea;line-height:60px;text-align:center;background:#f5f5f5}.openNav[data-v-6846e0e6]{display:none;height:60px;grid-template-columns:auto;font-size:15px;font-weight:700}.openNav .openButton[data-v-6846e0e6]{margin:0;width:40px;height:40px;margin:10px;position:relative;line-height:40px;text-align:center;border-radius:50%;overflow:hidden}.body[data-v-6846e0e6]{grid-area:body;max-height:100%;overflow:auto}.content[data-v-6846e0e6]{max-width:650px;margin-left:auto;margin-right:auto;margin-top:auto;padding:25px;-webkit-box-sizing:border-box;box-sizing:border-box}.typingPrompt[data-v-6846e0e6]{width:auto;display:inline-block;background:#eaeaea;border-radius:10px;font-size:11px;border-bottom-left-radius:2px;margin:15px 40px;padding:5px 8px}.input[data-v-6846e0e6]{width:100%;margin:auto;grid-area:input;height:auto;-webkit-box-shadow:inset 0 1px 0 0 #eaeaea;box-shadow:inset 0 1px 0 0 #eaeaea}.input .centre[data-v-6846e0e6]{max-width:100%;margin:auto;padding:0 15px}.input .centre .imagePreview[data-v-6846e0e6]{width:100%;grid-area:preview;display:none;padding-top:25px}.input .centre .imagePreview .imgWrapper[data-v-6846e0e6]{display:inline-block;overflow:hidden;position:relative}.input .centre .imagePreview .imgWrapper .img[data-v-6846e0e6]{display:inline-block}.input .centre .imagePreview .imgWrapper .closeButton[data-v-6846e0e6]{position:absolute;right:0;top:0;height:25px;width:25px;background:#313131;border-bottom-left-radius:5px;color:#fff;line-height:25px;text-align:center;font-size:12px;cursor:pointer}.input .centre .inputWrapper[data-v-6846e0e6]{grid-area:input;display:grid;grid-template-columns:1fr auto}.buttons[data-v-6846e0e6]{display:grid;grid-template-columns:1fr 1fr;opacity:.85}.buttons .button[data-v-6846e0e6]{width:30px;padding:0 5px;margin-top:auto;margin-bottom:10px}@media (max-width:800px){.header[data-v-6846e0e6]{display:grid;grid-template-columns:auto auto 1fr}.openNav[data-v-6846e0e6]{display:grid}}