body{background-image:url(static/img/pubnub-filter-blocks-bg.e301c20.png)}#app{font-family:Helvetica;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#454d54;margin-top:60px}@keyframes lds-ripple{0%{top:96px;left:96px;width:0;height:0;opacity:1}to{top:8px;left:8px;width:176px;height:176px;opacity:0}}.lds-ripple{position:relative}.lds-ripple div{box-sizing:content-box;position:absolute;border-width:4px;border-style:solid;opacity:1;border-radius:50%;animation:lds-ripple 2.6s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:first-child{border-color:#000}.lds-ripple div:nth-child(2){border-color:rgba(0,0,0,.675);animation-delay:-1.3s}.lds-ripple{width:36px!important;height:36px!important;transform:translate(-18px,-18px) scale(.18) translate(18px,18px)}h1[data-v-45c22e4d]{display:table-cell;vertical-align:middle;margin:0;font-size:16px;font-weight:400}.chat-container[data-v-45c22e4d]{display:table;max-width:750px;min-width:300px;width:100%;height:550px;margin:auto;background-color:#fff;border:1px solid #bfbfbf;border-radius:3px}.heading[data-v-45c22e4d]{display:table;width:100%;height:28px;text-align:center;background-color:#cdcdcd;border-radius:3px 3px 0 0;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:linear-gradient(#ededed,#cdcdcd 75%)}.body[data-v-45c22e4d]{display:block;height:inherit}.right-body[data-v-45c22e4d]{display:block;width:auto;height:inherit;overflow:hidden}.table[data-v-45c22e4d]{display:table;width:100%;height:100%}.friend-list[data-v-4e77127f]::-webkit-scrollbar{display:none}.friend-list[data-v-4e77127f]{-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;display:block;width:250px;height:100%;background:linear-gradient(141deg,#505d74,#15223a 75%);float:left;overflow-y:scroll;border-radius:0 0 0 3px}.new-chat[data-v-4e77127f]{display:block;width:100%;height:28px;background-color:#39465b}.name-input[data-v-4e77127f]{display:inline-block;height:100%;float:left}.name-input input[data-v-4e77127f]{position:relative;top:50%;transform:translateY(-50%);height:16px;width:180px;outline:none;font-size:12px;border:1px solid #aaa;border-radius:3px;font-family:Helvetica}.add-one-one[data-v-4e77127f]{display:inline-block;position:relative;top:50%;transform:translateY(-50%);float:left;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:20px;height:20px;margin:0 6px;line-height:20px;font-size:20px;font-family:Arial;color:#fff;background-color:#15223a;cursor:pointer}.friend-list-item[data-v-1fb22c6a]{width:100%;height:70px;padding:5%;box-sizing:border-box;border-bottom:1px solid #cdcdcd;background:linear-gradient(141deg,#505d74,#15223a 75%);cursor:pointer}.selected[data-v-1fb22c6a]{background:#717c8f}.friend-list-item img[data-v-1fb22c6a]{border-radius:50%;height:100%;margin-right:5%;float:left}.friend-list-item span[data-v-1fb22c6a]{display:block;color:#fff;text-align:left}.text[data-v-1fb22c6a]{position:relative;top:50%;transform:translateY(-50%)}span.name[data-v-1fb22c6a]{font-weight:700;font-size:16px}span.lastMessage[data-v-1fb22c6a]{color:#cfcfcf;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-log[data-v-4396b67e]{display:block;height:inherit;width:100%;padding:2% 4%;box-sizing:border-box;overflow-y:scroll}.chat-log[data-v-4396b67e]::-webkit-scrollbar{display:none}.typing-indicator[data-v-4396b67e]{display:block;width:36px;height:36px;margin-bottom:4px;float:left;clear:both}.typing-on[data-v-4396b67e]{display:block}.typing-off[data-v-4396b67e]{display:none}.message-bubble[data-v-244ce0cd]{display:block;max-width:50%;margin-bottom:4px;float:left;clear:both}.message-text[data-v-244ce0cd]{padding:8px;margin:4px;text-align:left;background-color:#dfdfdf;border-radius:4px}.message-bubble.me[data-v-244ce0cd]{float:right}.message-bubble.me .message-text[data-v-244ce0cd]{background-color:#c6c6c6}.from[data-v-244ce0cd]{float:left;margin:4px;font-size:10px;color:#9da7af}.message-bubble span[data-v-244ce0cd]{display:block}.message-bubble.me .from[data-v-244ce0cd],br.display-none[data-v-244ce0cd],br.me[data-v-244ce0cd],span.display-none[data-v-244ce0cd]{display:none}.message-input[data-v-5dfcc5f4]{display:table-row;width:100%;height:26px}textarea[data-v-5dfcc5f4]{width:98%;height:28px;padding:0 5px;margin:0;box-sizing:border-box;line-height:20pt;resize:none;outline:none;font-size:14px;border:1px solid #aaa;border-radius:3px;font-family:Helvetica}
/*# sourceMappingURL=app.3b27fe1f55b8550a46c362ea605f5e8c.css.map */