*{margin:0;padding:0}body{overflow:hidden;background:#419fd9;font-family:Open Sans,Roboto,Ubuntu,sans-serif;font-size:16px}a{text-decoration:none}button{cursor:pointer}button,input[type=search],input[type=text]{border:none;outline:none}input[type=checkbox]{margin:7px 15px 7px 7px}.alerts{position:absolute;bottom:10px;left:10px;z-index:9999;padding:10px;color:#666;border-radius:4px;background:#FFF;box-shadow:0 0 7px #0006;display:none}.moreMenu{position:absolute;top:70px;right:0px;z-index:10;padding:10px;color:#666;border-radius:0 0 0 4px;background:#FFF;display:none;border-top:1px solid #DDD}.moreMenu .option{width:150px;height:50px;display:block;background:#FFF;font-size:14px;text-align:left;border-radius:4px;padding-left:10px}.moreMenu .option:hover{background:#DDD}.moreMenu .option:nth-last-child(1){margin-top:3px}.switchMobile{position:absolute;width:65%;height:auto;padding:10px;background:#FFF;top:75px;left:0px;right:0px;margin:auto;border-radius:4px;box-shadow:0 0 7px #0000001a;display:none}.switchMobile .title{font-size:18px;font-weight:600;margin-bottom:20px}.switchMobile .desc{font-size:14px;font-weight:300;margin-bottom:25px}.switchMobile .okay{float:right;width:80px;font-size:16px;font-weight:600;background:#419fd9;color:#fff;border-radius:4px;padding:10px}.menuWrap{position:absolute;width:30%;min-width:240px;max-width:320px;height:100%;z-index:3}.menu{position:relative;width:100%;height:100vh;float:left;background:#FFF;box-shadow:0 0 7px #0006}.me{position:relative;width:calc(100% - 50px);height:140px;background:#419fd9;padding:15px 25px;margin-bottom:15px}.me .image{width:70px;height:70px;background:#FFF url(https://thispersondoesnotexist.com/image) no-repeat center;background-size:cover;border-radius:100%;cursor:pointer}.me .settings{position:absolute;right:20px;bottom:65px;width:40px;height:40px;padding-top:2px;color:#fff;border-radius:100%;background:rgba(0,0,0,.15)}.me .settings:hover{background:rgba(0,0,0,.35)}.me .cloud{position:absolute;right:20px;bottom:15px;width:40px;height:40px;color:#fff;border-radius:100%;background:rgba(0,0,0,.09)}.me .cloud:hover{background:rgba(0,0,0,.35)}.me .myinfo{position:absolute;bottom:15px;font-size:14px;color:#fff}.myinfo .name{font-weight:600;margin-bottom:5px}.myinfo .phone{font-weight:300}nav button{width:100%;height:45px;background:#FFF;text-align:left;padding-left:20px;color:#666}nav{float:left;width:100%;height:auto;max-height:350px;overflow-x:hidden;overflow-y:auto}nav button:hover{background:#EEE}nav button>i{color:#999;float:left}nav button>span{display:inline-block;margin-top:5px;margin-left:20px;font-weight:600;font-size:14px}.info{position:absolute;left:20px;bottom:15px;font-size:12px;color:#666}.config{position:absolute;width:50%;height:100vh;left:0px;right:-200vw;top:0px;margin:auto;background:#DDD;overflow-x:hidden;overflow-y:auto;display:block;z-index:520;opacity:0}.confTitle{font-size:24px;font-weight:600;color:#444;margin:10px 0 15px}.configSect{float:left;width:calc(100% - 60px);padding:15px 30px;margin-bottom:10px;background:#FFF}.profile .image{width:140px;height:140px;background:#FFF url(https://thispersondoesnotexist.com/image) no-repeat center;background-size:cover;border-radius:100%;float:left;margin-right:30px}.side{width:auto;height:110px;float:none;position:relative}.side .name{font-size:18px;font-weight:600}.side .pStatus{margin-top:5px;font-size:14px;font-weight:300}.profile .changePic,.profile .edit{width:auto;font-size:16px;font-weight:600;background:#419fd9;color:#fff;border-radius:4px;padding:10px}.profile .edit{margin-left:10px;background:#FFF;color:#999}.profile .edit:hover{color:#419fd9}.second ul{float:none;margin-left:-7px;list-style-type:none}.second ul li{margin:7px}.second .blue{color:#419fd9}.second label{display:block;clear:both}.second .information{margin-bottom:30px}.check{position:relative;float:left;display:block;width:38px;height:14px;background:#BBB;cursor:pointer;border-radius:15px;transition:all .2s ease-in-out}.check>.tracer{width:16px;height:16px;background:#FFF;border:2px solid #BBB;border-radius:100%;float:left;margin-top:-3px;transition:all .2s ease-in-out}#checkNight,#deskNotif,#showSName,#showPreview,#playSounds{display:none}.toggleTracer:checked~.check{background:#419fd9}.toggleTracer:checked~.check>.tracer{border-color:#419fd9;margin-left:18px}.optionWrapper{display:block;width:100%;height:32px}.optionWrapper p{float:left;margin-top:3px;margin-left:15px;font-size:14px;color:#444}.overlay{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:2}.leftPanel{position:relative;display:inline-block;left:0px;width:320px;height:100vh;float:left;background:#FFF;border-right:1px solid #DDD}header{width:100%;height:70px;background:#FFF}.trigger{float:left;width:32px;height:32px;margin:20px 15px 0;color:#bbb;cursor:pointer;opacity:.6;background:none}.trigger:hover{opacity:1}.trigger>svg{width:24px;height:24px;fill:#888}.searchChats{width:calc(100% - 85px);height:40px;background:#EEE;float:left;padding:8px;margin-top:14px;border:none;border-radius:4px;font-size:14px;font-weight:600}.searchChats:focus{color:#444;border:2px solid #419fd9;background:rgb(243,243,243)}.chats{width:100%;height:calc(100vh - 70px);float:left;overflow-x:hidden;overflow-y:auto}.chatButton{float:left;width:100%;height:80px;background:#FFF;color:#555;cursor:pointer;overflow:hidden}.chatButton:hover{color:#555;background:#EEE}.active,.active:hover{color:#fff;background:#419fd9}.chatInfo,.chatInfo p{float:left}.nickname-on-image{text-align:center;line-height:57px;font-size:16px;font-weight:700}.chatInfo .image{position:absolute;width:55px;height:55px;background:#DDD no-repeat center;background-size:cover;border-radius:100%;margin:13px}.chatInfo .my-image{background-image:url(https://avatars1.githubusercontent.com/u/21313332?s=460&v=4)}.chatInfo .name{float:left;font-weight:600;margin-left:80px;margin-top:18px}.chatInfo .message{float:left;clear:left;margin-left:80px;margin-top:7px}.status{width:60px;height:100%;position:relative;float:right}.status .fixed{position:absolute;right:10px;bottom:10px;display:none}div[class~=normal]>.fixed{display:none}div[class~=normal]>.count{right:10px;bottom:7px}div[class~=onTop]>.fixed{display:block;width:24px;height:24px;fill:#fff}div[class~=onTop]>.count{right:49px;bottom:7px;background:#FFF;color:#419fd9}.status .count{position:absolute;right:49px;bottom:7px;width:auto;height:auto;padding:7px;border-radius:20px;color:#222;background:rgba(0,0,0,.12)}.status .date{position:absolute;right:12px;top:12px;font-size:12px}.status .read{position:absolute;right:53px;top:6px}.rightPanel{float:left;width:calc(100% - 321px);height:100vh;background:#999}.rightPanel .topBar{position:relative;width:100%;height:70px;background:#FFF}.leftSide{display:inline-block;clear:none;float:left}.leftSide .chatName{float:left;margin-left:30px;margin-top:13px;color:#444;font-weight:600;cursor:default}.chatName>span{font-size:12px;font-weight:500;color:#bbb;margin-left:10px}.leftSide .chatStatus{float:left;clear:left;margin-left:30px;margin-top:5px;color:#419fd9;font-weight:300;cursor:default}.rightSide{display:inline-block;clear:none;float:right;margin-right:20px}.tbButton,.otherTools .toolButtons{width:50px;height:50px;margin-top:10px;background:#FFF;color:#888;border-radius:100%}.tbButton:hover,.otherTools .toolButtons:hover{color:#555;background:#DDD}.convHistory{float:left;position:relative;width:100%;height:calc(100vh - 140px);background:#333;overflow-x:hidden;overflow-y:auto}.msg{position:relative;width:auto;min-width:117px;max-width:45%;height:auto;padding:15px 15px 25px;margin:20px 15px 0;background:#FFF;border-radius:7px;clear:both}.msg:nth-last-child(1){margin-bottom:20px}.msg .timestamp{display:block;position:absolute;right:10px;bottom:6px;color:#aaa;user-select:none;font-size:12px}.messageReceived{float:left;background:#FFF}.messageNotification{padding:15px;margin:0 auto;background:#FFF}.messageSent{float:right;background:#effdde}.messageSent>.timestamp,.messageSent>.readStatus{bottom:10px;right:40px;color:#006400;user-select:none}.messageSent>.readStatus{position:absolute;bottom:7px;right:12px}.replyBar{width:100%;height:70px;float:left;background:#fff}.replyBar .attach{width:70px;height:70px;color:#777;background:#FFF;float:left}.replyBar .attach:hover{color:#555;background:#DDD}.replyBar .d45{transform:rotate(45deg);font-size:32px}.replyBar .replyMessage{width:calc(100% - 220px);float:left;height:70px;padding:0 8px;font-size:16px}.replyBar .otherTools{float:right;width:120px;height:70px}.emojiBar{display:none;position:absolute;width:325px;height:200px;padding:10px;right:30px;bottom:80px;border:2px solid #DDD;border-radius:3px;background:#FFF}.emoticonType{width:100%;height:50px}.emoticonType button{width:105px;height:36px;font-weight:600;color:#555;background:none}.emoticonType button:hover{color:#fff;background:#419fd9}.emojiList,.stickerList{width:100%;height:150px;overflow-x:hidden;overflow-y:auto}.emojiList .pick{width:50px;height:50px;background:transparent;background-repeat:no-repeat;background-position:center;background-size:70%;transition:all .15s ease-in-out}.emojiList .pick:hover{background:#DDD;background-repeat:no-repeat;background-position:center;background-size:70%}.stickerList .pick{width:80px;height:80px;background:transparent;background-repeat:no-repeat;background-position:center;background-size:65%;transition:all .15s ease-in-out}.stickerList .pick:hover{background:#DDD;background-repeat:no-repeat;background-position:center;background-size:65%}.stickerList{display:none}#smileface{background-image:url(https://emojipedia-us.s3.amazonaws.com/thumbs/120/apple/96/grinning-face_1f600.png)}#grinningface{background-image:url(https://emojipedia-us.s3.amazonaws.com/thumbs/120/apple/96/grinning-face-with-smiling-eyes_1f601.png)}#tearjoyface{background-image:url(https://emojipedia-us.s3.amazonaws.com/thumbs/120/apple/96/face-with-tears-of-joy_1f602.png)}#rofl{background-image:url(https://emojipedia-us.s3.amazonaws.com/thumbs/120/apple/96/rolling-on-the-floor-laughing_1f923.png)}#somface{background-image:url(https://emojipedia-us.s3.amazonaws.com/thumbs/120/apple/96/smiling-face-with-open-mouth_1f603.png)}#swfface{background-image:url(https://emojipedia-us.s3.amazonaws.com/thumbs/120/apple/96/smiling-face-with-open-mouth-and-smiling-eyes_1f604.png)}.DarkTheme,.DarkTheme .mainApp{background:#222}@media screen and (max-width: 1180px){.config{width:60%}}@media screen and (max-width: 980px){.config{width:90%}}@media screen and (max-width: 940px){body{font-size:14px}.msg{width:90%}}@media screen and (max-width: 720px){.leftPanel{width:80px}.rightPanel{width:calc(100% - 81px)}.msg{width:auto;max-width:60%}.profile .changePic,.profile .edit{font-size:14px;font-weight:500}.profile .edit{margin-left:5px}.searchChats,.chatButton>.name,.chatButton>.message,.chatButton>.status{display:none}}.userBg[data-v-9e6dd7ad]{background:url(/assets/standard_bg-96159b44.jpg) 100% center}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-8265f647.woff2) format("woff2"),url(/assets/material-icons-fd84f88b.woff) format("woff")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-outlined-35dca8a7.woff2) format("woff2"),url(/assets/material-icons-outlined-8e94758c.woff) format("woff")}.material-icons-outlined{font-family:Material Icons Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Round;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-round-c948f126.woff2) format("woff2"),url(/assets/material-icons-round-1c135b15.woff) format("woff")}.material-icons-round{font-family:Material Icons Round;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Sharp;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-sharp-d31bfb81.woff2) format("woff2"),url(/assets/material-icons-sharp-fa3888ef.woff) format("woff")}.material-icons-sharp{font-family:Material Icons Sharp;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Two Tone;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-two-tone-1e673ba8.woff2) format("woff2"),url(/assets/material-icons-two-tone-3d34f30a.woff) format("woff")}.material-icons-two-tone{font-family:Material Icons Two Tone;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}