.select-username[data-v-2d4b89ff]{width:300px;margin:200px auto 0}button[data-v-2d4b89ff],p[data-v-2d4b89ff]{font-size:1.25rem}button[data-v-2d4b89ff]{background-color:#7fff00;padding:8px 12px;border:transparent;border-radius:5px}.link button[data-v-2d4b89ff],.link[data-v-2d4b89ff]{cursor:pointer;float:right}.loader[data-v-2d4b89ff]{margin:0 auto;display:block}.loader-text[data-v-2d4b89ff]{margin:50px 0 auto;text-align:center;display:block;font-size:1.325rem;color:#7fff00}.error[data-v-2d4b89ff]{color:red;font-style:normal}.icon[data-v-3f2ef8d8]{height:8px;width:8px;border-radius:50%;display:inline-block;background-color:#e38968;margin-right:6px}.icon.connected[data-v-3f2ef8d8]{background-color:#86bb71}.selected[data-v-90cc6732]{background-color:#7fff00}.user[data-v-90cc6732]{padding:10px;margin:0 3px;font-size:.9375rem;border-radius:.75rem}.user[data-v-90cc6732]:hover{background-color:rgba(0,0,0,.2);transition:background-color .8s ease}.user.selected[data-v-90cc6732]:hover{background-color:#7fff00}.profile[data-v-90cc6732]{width:60px;height:60px;display:flex;justify-content:center;overflow:hidden;flex-shrink:0;border-radius:100%}.description[data-v-90cc6732]{display:inline-flex;align-items:center;flex-shrink:0}.status[data-v-90cc6732]{color:#92959e}.new-messages[data-v-90cc6732]{color:#fff;background-color:red;width:20px;border-radius:5px;text-align:center;float:right;margin-top:10px}.col2[data-v-90cc6732]{flex-direction:column;padding-left:.6rem}.header[data-v-4f228103]{display:inline-flex;align-items:center;position:absolute;top:0;padding:2em 1em;right:0;width:70%;height:var(--header-height);line-height:40px;border-bottom:1px solid #ddd;z-index:10;background:#fff;color:#000}.messages[data-v-4f228103]{position:relative;top:calc(var(--header-height) + 1px);margin:0;margin-top:var(--header-height);margin-bottom:120px;padding:20px;overflow-x:hidden;max-height:440px;overflow-y:scroll}.message[data-v-4f228103]{list-style:none}.sender[data-v-4f228103]{font-weight:700;margin-top:5px}.form-holder[data-v-4f228103]{position:fixed;display:flex;background-color:var(--chat-bg);justify-content:center;width:inherit;bottom:0}@media (max-width:768px){.header[data-v-4f228103]{padding-left:2px;position:fixed;width:100%;top:0;right:0;border-radius:4px 4px 5px 5px}.header .back-btn[data-v-4f228103],.header .spacer[data-v-4f228103]{flex:0.5}.user-info[data-v-4f228103]{flex:2;text-align:center}.input[data-v-4f228103]{width:100%}}.form[data-v-4f228103]{width:95%;padding-bottom:20px;display:inline-flex;justify-content:center}.input[data-v-4f228103]{width:70%;padding:15px;line-height:1.5;font-size:1rem;border-radius:5px;border:none;background-color:#fff;border-radius:1.375rem;outline:none}.send-button[data-v-4f228103]{margin-left:10px;border:none;outline:none;background-color:transparent;cursor:pointer}.send-button[data-v-4f228103]:disabled{opacity:.5;cursor:not-allowed}.msg_container[data-v-4f228103]{margin-top:2px;margin-bottom:5px;margin-right:10px;margin-left:10px;border-radius:25px;padding:10px;position:relative;word-break:break-word}.sent[data-v-4f228103]{display:flex;margin-bottom:5px;align-items:center;flex-direction:row-reverse}.received[data-v-4f228103]{display:flex;justify-content:flex-start;margin-bottom:9px;align-items:center}.sent .msg_container[data-v-4f228103]{background-color:#d99755;color:#000}.received .msg_container[data-v-4f228103]{background-color:#21aec5;color:#000}.msg_time[data-v-4f228103]{position:absolute;width:-moz-max-content;width:max-content;bottom:-13px;color:gray;font-size:12px}.received .msg_time[data-v-4f228103]{left:0}.sent .msg_time[data-v-4f228103]{right:0}.back-btn[data-v-4f228103]{color:#000;cursor:pointer;font-size:3rem}@media (min-width:768px){.back-btn[data-v-4f228103]{display:none}}.message-actions[data-v-4f228103]{display:flex;flex-wrap:nowrap;visibility:hidden}.message-actions button[data-v-4f228103]{outline:none;background:var(--chat-bg);color:#fff}.message-actions #delete[data-v-4f228103]{color:#ad3f3f}.message-actions #reply[data-v-4f228103]{color:#7fff00}.shown[data-v-4f228103]{visibility:visible}input[data-v-0399a3fe],input[data-v-0399a3fe]:focus{padding:12px 10px;margin:10px 5px;border-radius:1.375rem;background-color:rgba(223,35,35,0)!important;width:90%;height:2.5rem;font-size:18px;border:none;outline:none}.search-input[data-v-0399a3fe]{border-radius:1.375rem;margin:5px 10px;background-color:#f4f4f5;transition:margin-left .2s ease}.search-input[data-v-0399a3fe]:focus-within{border:1px solid #7fff00;background-color:#fff!important}.search-input input[data-v-0399a3fe]:focus{background-color:#fff!important}.back-btn[data-v-0399a3fe]{position:relative;top:27px;color:#000;cursor:pointer;font-size:3rem;line-height:0px;margin-right:30px;visibility:hidden}.has-margin[data-v-0399a3fe]{margin-left:47px}.shown-btn[data-v-0399a3fe]{visibility:visible}.search-wrapper[data-v-0399a3fe]{position:sticky;top:0}.left-panel[data-v-06d15fb9]{position:fixed;top:0;left:0;width:30%;font-size:23px;overflow-x:hidden;z-index:30;background-color:#fff;color:#000;height:100%;overflow-y:auto}.right-panel[data-v-06d15fb9]{margin-left:var(--left-panel-width);background-color:var(--chat-bg);color:#fff;min-height:100vh;width:calc(100% - var(--left-panel-width));overflow:auto}@media (max-width:768px){.left-panel[data-v-06d15fb9],.right-panel[data-v-06d15fb9]{width:100%}.right-panel[data-v-06d15fb9]{margin-left:0}}.d-none[data-v-06d15fb9]{display:none}.w-100[data-v-06d15fb9]{width:100%}.d-block[data-v-06d15fb9]{display:block}.slide-out-left[data-v-06d15fb9]{margin-left:-100%;transition:margin-left .3s ease}.slide-out-right[data-v-06d15fb9]{margin-right:-100%;transition:margin-left .3s ease}.slide-in-left[data-v-06d15fb9]{margin-left:0;transition:margin-left .3s ease}@font-face{font-family:Lato}*,body{margin:0}*{padding:0;box-sizing:border-box}#app{font-family:Lato,Arial,sans-serif;font-size:1.125rem;--header-height:40px;--chat-bg:#121212;--base-margin-right:10px;--left-panel-width:30%;--app-theme:#7fff00;position:relative}