@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700);a[data-v-02e77783]:active,a[data-v-02e77783]:focus,button[data-v-02e77783]::-moz-focus-inner,input[type=button][data-v-02e77783]::-moz-focus-inner,input[type=file]>input[type=button][data-v-02e77783]::-moz-focus-inner,input[type=reset][data-v-02e77783]::-moz-focus-inner,input[type=submit][data-v-02e77783]::-moz-focus-inner,select[data-v-02e77783]::-moz-focus-inner{border:0;outline:0}[data-v-02e77783]{box-sizing:border-box;text-align:center}[data-v-02e77783]:focus{outline:none}p[data-v-02e77783]{margin:0}body[data-v-02e77783],html[data-v-02e77783]{margin:0;font-size:13px;height:100%;overflow:hidden}footer[data-v-02e77783]{width:100%;background:#fff;font-size:10px;color:#bbb}footer a[data-v-02e77783]{text-decoration:none;color:#999}.chatbox[data-v-02e77783]{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%}.chatbox__contacts[data-v-02e77783]{display:inline-block;height:100%;width:175px;padding:10px;border-right:1px solid #f2f2f2;overflow-y:auto}.chatbox__contact[data-v-02e77783]{display:inline-flex;align-items:center;justify-content:center;position:relative;margin:5px;height:55px;width:55px;border-radius:40px;cursor:pointer;border:2px solid #fff;background-size:cover;background-position:50%;background-color:#e6e6e6;transition-duration:.1s}.chatbox__contact[data-v-02e77783]:hover{box-shadow:0 0 0 2px #eee}.chatbox__contact--selected[data-v-02e77783]{box-shadow:0 0 0 2px #09f!important}.chatbox__onlineIndicator[data-v-02e77783]{position:absolute;width:16px;height:16px;right:0;bottom:0;background-color:#2de58d;border-radius:50px;border:2px solid #fff}.chatbox__container[data-v-02e77783]{position:relative;width:calc(100% - 175px);height:100%}.chatbox__info[data-v-02e77783],.chatbox__navigation[data-v-02e77783]{align-self:flex-start;width:100%;border-bottom:1px solid #f2f2f2}.chatbox__info[data-v-02e77783]{padding:10px 10px;display:flex;align-items:center;text-transform:capitalize;justify-content:space-between}.chatbox__info img[data-v-02e77783]{cursor:pointer}.chatbox__navigation[data-v-02e77783]{display:flex;height:auto;align-items:center;text-align:left;padding:8px 10px}.chatbox__channelNewButton[data-v-02e77783],.chatbox__channelSwitchButton[data-v-02e77783]{display:inline-flex;align-items:center;justify-content:center;width:auto;font-weight:400;white-space:nowrap;border-radius:40px;margin:0 9px 0 0;font-size:11px;height:25px;padding:4px 12px;background:#fff;border:1px solid #09f;color:#09f;cursor:pointer}.chatbox__channelNewButton input[data-v-02e77783],.chatbox__channelSwitchButton input[data-v-02e77783]{margin:0;padding:0 4px;border:none;height:100%;width:96px;text-align:left;font:inherit}.chatbox__channelNewButton input[data-v-02e77783]::-moz-placeholder,.chatbox__channelSwitchButton input[data-v-02e77783]::-moz-placeholder{color:#bbb}.chatbox__channelNewButton input[data-v-02e77783]::placeholder,.chatbox__channelSwitchButton input[data-v-02e77783]::placeholder{color:#bbb}.chatbox__channelNewButton--selected[data-v-02e77783],.chatbox__channelSwitchButton--selected[data-v-02e77783]{background:#09f;color:#fff!important}.chatbox__channelNewButton--input[data-v-02e77783],.chatbox__channelSwitchButton--input[data-v-02e77783]{padding:0 8px;cursor:default;display:flex}.chatbox__channelNewButton[data-v-02e77783]{border-color:#e4e4e4;display:flex;align-items:center;justify-content:center;padding:0;height:25px;width:25px;color:#555;font-weight:100;font-size:22px;transition-duration:.1s}.chatbox__channelNewButton[data-v-02e77783]:hover{border-color:#aaa}.chatbox__chat[data-v-02e77783]{position:relative;height:calc(100% - 78px)}.chatbox__messages[data-v-02e77783]{margin:0 auto;height:100%;padding:20px;padding-bottom:75px;overflow-y:auto}.chatbox__messageInput[data-v-02e77783]{display:block;font:inherit;font-size:14px;text-align:left;position:absolute;margin:0 auto;right:0;left:0;height:37px;padding:2px 19px;width:450px;border-radius:50px;border:1px solid #e4e4e4;bottom:26px;z-index:2}.chatbox__messageInput[data-v-02e77783]::-moz-placeholder{color:#bbb}.chatbox__messageInput[data-v-02e77783]::placeholder{color:#bbb}.chatbox__messageContainer[data-v-02e77783]{width:100%;display:flex;align-items:center;margin:6px 0;justify-content:flex-start}.chatbox__messageContainer--right[data-v-02e77783]{justify-content:flex-end}.chatbox__messageContainer--right .chatbox__message[data-v-02e77783]{color:#fff;border:none}.chatbox__message[data-v-02e77783]{position:relative;max-width:400px;padding:6px 15px;text-align:left;border-radius:20px;font-size:16px;color:#000;word-break:break-word;background-color:#f4f4f4}.chatbox__message:hover .chatbox__time[data-v-02e77783]{display:block}.chatbox__time[data-v-02e77783]{display:none;position:absolute;color:#ccc;right:-38px;top:calc(50% - 9px)}.chatbox__time--left[data-v-02e77783]{left:-38px;right:auto}.chatbox__date[data-v-02e77783]{width:100%;height:20px;text-align:center;margin:13px 0 10px;font-size:12px;color:#ccc}.chatbox__date[data-v-02e77783]:first-child{margin-top:0}.chatbox__colorPalette[data-v-02e77783],.chatbox__popupMenu[data-v-02e77783],.chatbox__userMenu[data-v-02e77783]{position:absolute;right:10px;top:40px;background:#fff;width:200px;border-radius:5px;box-shadow:0 0 3px rgba(0,0,0,.2);z-index:2}.chatbox__colorPalette button[data-v-02e77783],.chatbox__popupMenu button[data-v-02e77783],.chatbox__userMenu button[data-v-02e77783]{width:100%;padding:8px 10px;cursor:pointer;background-color:#fff;border:none}.chatbox__colorPalette button[data-v-02e77783]:hover,.chatbox__popupMenu button[data-v-02e77783]:hover,.chatbox__userMenu button[data-v-02e77783]:hover{background:#f4f4f4}.chatbox__colorPalette button[data-v-02e77783]:last-child,.chatbox__popupMenu button[data-v-02e77783]:last-child,.chatbox__userMenu button[data-v-02e77783]:last-child{color:red}.chatbox__colorPalette button[data-v-02e77783]:disabled,.chatbox__colorPalette button button[disabled][data-v-02e77783],.chatbox__popupMenu button[data-v-02e77783]:disabled,.chatbox__popupMenu button button[disabled][data-v-02e77783],.chatbox__userMenu button[data-v-02e77783]:disabled,.chatbox__userMenu button button[disabled][data-v-02e77783]{cursor:default;color:#bbb}.chatbox__colorPalette button[data-v-02e77783]:disabled:hover,.chatbox__colorPalette button button[disabled][data-v-02e77783]:hover,.chatbox__popupMenu button[data-v-02e77783]:disabled:hover,.chatbox__popupMenu button button[disabled][data-v-02e77783]:hover,.chatbox__userMenu button[data-v-02e77783]:disabled:hover,.chatbox__userMenu button button[disabled][data-v-02e77783]:hover{background:#fff}.chatbox__colorPalette[data-v-02e77783]{width:auto;padding:9px;display:grid;grid-template:1fr 1fr 1fr/1fr 1fr 1fr 1fr;grid-gap:5px}.chatbox__userMenu[data-v-02e77783]{right:auto;left:10px}.chatbox__color[data-v-02e77783]{width:25px;height:25px;border-radius:30px;cursor:pointer}.chatbox__color[data-v-02e77783]:hover{opacity:.9}.chatbox__color[data-v-02e77783]:first-child{background-color:#ff7ca8}.chatbox__color[data-v-02e77783]:nth-child(2){background-color:#247ba0}.chatbox__color[data-v-02e77783]:nth-child(3){background-color:#70c1b3}.chatbox__color[data-v-02e77783]:nth-child(4){background-color:#b2dbbf}.chatbox__color[data-v-02e77783]:nth-child(5){background-color:#ff1654}.chatbox__color[data-v-02e77783]:nth-child(6){background-color:#ffba08}.chatbox__color[data-v-02e77783]:nth-child(7){background-color:#3f88c5}.chatbox__color[data-v-02e77783]:nth-child(8){background-color:#23bf73}.chatbox__color[data-v-02e77783]:nth-child(9){background-color:#ff0f80}.chatbox__color[data-v-02e77783]:nth-child(10){background-color:#fe4e00}.chatbox__color[data-v-02e77783]:nth-child(11){background-color:#f19a3e}.chatbox__color[data-v-02e77783]:nth-child(12){background-color:#09f}.chatboxBg[data-v-02e77783]{background:#fff}.chatboxBg.darkMode[data-v-02e77783],.darkMode .chatbox__channelNewButton[data-v-02e77783],.darkMode .chatbox__channelSwitchButton[data-v-02e77783],.darkMode .chatbox__colorPalette[data-v-02e77783],.darkMode .chatbox__info[data-v-02e77783],.darkMode .chatbox__navigation[data-v-02e77783],.darkMode .chatbox__userMenu[data-v-02e77783],.darkMode[data-v-02e77783],.darkMode footer[data-v-02e77783]{color:#fff;background:#222}.darkMode .chatbox__contact[data-v-02e77783],.darkMode .chatbox__contacts[data-v-02e77783],.darkMode .chatbox__info[data-v-02e77783],.darkMode .chatbox__navigation[data-v-02e77783]{border-color:#444}.darkMode .chatbox__message[data-v-02e77783],.darkMode .chatbox__messageInput[data-v-02e77783]{background:#444;color:#fff}.darkMode .chatbox__channelNewButton img[data-v-02e77783],.darkMode .chatbox__info img[data-v-02e77783],.darkMode .chatbox__navigation img[data-v-02e77783]{filter:invert(100%)}@media screen and (max-width:600px){.chatbox__contacts[data-v-02e77783]{width:85px}.chatbox__container[data-v-02e77783]{width:calc(100% - 85px)}}@media screen and (max-width:640px){.chatbox__messageInput[data-v-02e77783]{width:290px}}