body{margin:0}#app{align-items:center;justify-content:center}#app,.chat-box-main[data-v-c50d7158]{display:flex;flex-direction:column;padding:5px}.chat-box-main[data-v-c50d7158]{position:relative;border:1px solid #000;justify-content:flex-end}.chat-box-main [data-v-c50d7158]{box-sizing:border-box}.chat-area[data-v-c50d7158]{display:flex;flex-direction:column;height:100%;overflow:scroll;position:relative}.is-typing[data-v-c50d7158]{position:sticky;bottom:0;text-align:center;font-style:italic}.chat-bubble[data-v-c50d7158]{border:1px solid #000;padding:0 5px;margin:5px 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:60%;align-self:flex-start;display:flex;flex-direction:column}.small-text[data-v-c50d7158]{font-size:.6em;margin:3px 0}.send-area[data-v-c50d7158]{bottom:5px;width:100%;display:flex}.send-area input[data-v-c50d7158]{width:100%;text-align:right;padding:5px}.name-popup[data-v-c50d7158]{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;height:100%;width:100%;background-color:rgba(64,64,64,.3)}.name-popup .popup-content[data-v-c50d7158]{background-color:#fff;padding:5px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;max-width:400px}.popup-content input[data-v-c50d7158]{padding:5px;margin-bottom:5px;width:100%;max-width:400px}.create-chat-main[data-v-0e3231bc]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.create-chat-main [data-v-0e3231bc]{box-sizing:border-box}input[data-v-0e3231bc]{margin-bottom:5px;padding:5px;width:100%;max-width:400px}.chat-list-title[data-v-0e3231bc]{font-weight:700;font-size:1.1em}.chat-list[data-v-0e3231bc]{border:1px solid grey;box-shadow:1px 1px 5px grey;padding:5px;border-radius:5px;margin-top:5px;display:flex;width:100%;max-width:400px;align-items:center}.chat-list .chat-title[data-v-0e3231bc]{font-weight:700;font-size:1.2em}.chat-list .chat-user[data-v-0e3231bc]{font-size:.9em}.chat-list button[data-v-0e3231bc]{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:5px}.create-room-loading[data-v-0e3231bc]{display:flex;align-items:center;justify-content:center}.create-room-loading .spinner[data-v-0e3231bc]{border-width:3px;border-top-color:transparent;border-style:solid;width:20px;height:20px;border-radius:100%;margin-right:3px;transition:.3s;-webkit-animation:spinWithColor-data-v-0e3231bc 4s linear infinite;animation:spinWithColor-data-v-0e3231bc 4s linear infinite}.search-image[data-v-0e3231bc]{cursor:pointer}.start-popup[data-v-0e3231bc]{position:fixed;top:0;left:0;background-color:rgba(64,64,64,.3);display:flex;align-items:center;justify-content:center;height:100%;width:100%}.start-popup .start-content[data-v-0e3231bc]{background-color:#fff;padding:5px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;max-width:400px}.start-content .close-image[data-v-0e3231bc]{position:absolute;top:5px;right:5px;cursor:pointer}.start-content .title[data-v-0e3231bc]{font-weight:700;font-size:1.2em}@-webkit-keyframes spinWithColor-data-v-0e3231bc{0%{border-color:red;border-top-color:transparent;transform:rotate(0deg)}25%{border-color:green;border-top-color:transparent;transform:rotate(1turn)}50%{border-color:#00f;border-top-color:transparent;transform:rotate(2turn)}75%{border-color:#ff0;border-top-color:transparent;transform:rotate(3turn)}to{border-color:red;border-top-color:transparent;transform:rotate(4turn)}}@keyframes spinWithColor-data-v-0e3231bc{0%{border-color:red;border-top-color:transparent;transform:rotate(0deg)}25%{border-color:green;border-top-color:transparent;transform:rotate(1turn)}50%{border-color:#00f;border-top-color:transparent;transform:rotate(2turn)}75%{border-color:#ff0;border-top-color:transparent;transform:rotate(3turn)}to{border-color:red;border-top-color:transparent;transform:rotate(4turn)}}