.sideBar{width:450px;font-family:Inter,sans-serif;background-color:#111B21}.sideBar__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#202C33;padding:10px 10px 1px 10px}.sideBar__profilePhoto img{border-radius:55px;width:45px;cursor:pointer}.sideBar__headerIcons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:120px;padding-right:0}.sideBar__headerIcon{margin-top:10px;font-size:20px;color:#AEBAC1;cursor:pointer}.sideBar__search{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#111B21;border-bottom:1px solid #202C33;padding:10px 15px}.sideBar__search,.sideBar__searchArea{display:-webkit-box;display:-ms-flexbox;display:flex}.sideBar__searchArea{padding:10px 20px;border-radius:10px;background-color:#202C33;width:100%}.sideBar__searchArea input{background:none;border:none;resize:none;outline:none;width:100%;margin-left:30px;color:#AEBAC1;font-weight:100;font-size:13px}::-webkit-input-placeholder{color:#AEBAC1;font-size:13px;font-weight:100}::-moz-placeholder{color:#AEBAC1;font-size:13px;font-weight:100}:-ms-input-placeholder{color:#AEBAC1;font-size:13px;font-weight:100}::-ms-input-placeholder{color:#AEBAC1;font-size:13px;font-weight:100}::placeholder{color:#AEBAC1;font-size:13px;font-weight:100}.sideBar__searchIcon{font-size:15px;color:#AEBAC1;cursor:pointer}.sideBar_searchFilter{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 5px;margin-left:20px}.sideBar__archive,.sideBar_searchFilter{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer}.sideBar__archive{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:15px 35px;background-color:#111B21;border-bottom:1px solid #202C33}.sideBar__archiveIcons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sideBar__archiveIcon{font-size:15px;color:#00A884}.sideBar__archive span{color:white;font-size:15px;margin-left:50px}.sideBar__body{height:700px;Overflow-y:scroll}.sideBar__item{background-color:#111B21;padding:15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #202C33;cursor:pointer}.sideBar__item:hover{background-color:#202c33}.sideBar__senderInfo{display:-webkit-box;display:-ms-flexbox;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0}.sideBar__senderPhoto img{width:50px;border-radius:55px}.sideBar__senderContent{margin-left:15px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.c,.sideBar__senderContent{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.c{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:10px}.c img{margin-bottom:10px}.container{display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:70px;display:flex;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.centered-green{font-size:.6rem;text-align:center;color:lightgray}.--senderName{color:#FFF}.--senderMessage{color:#a7a9ac;font-size:13px;font-weight:400;letter-spacing:.2px;margin-top:5px}.--senderTime{color:#a7a9ac;font-size:12px;font-weight:200}.--MessageSenderName{margin-left:10px;font-size:15px;color:#FFF;font-weight:500;letter-spacing:.3px}.message-container-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.message-container-end,.message-container-start{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-size:.7rem}.message-container-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;color:white}.message-container-start .message-bubble{background:#202C33}.message-container-end .message-bubble,.message-container-start .message-bubble{font-size:.8rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-shadow:rgba(0,0,0,.13) 0 1px .5px 0;box-shadow:0 1px .5px 0 rgba(0,0,0,.13);margin:5px 80px;padding:5px 10px;border-radius:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:50em;color:white}.message-container-end .message-bubble{background:#005C4B}.message{font-size:.8rem;-webkit-box-orient:vertical;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-shadow:rgba(0,0,0,.13) 0 1px .5px 0;box-shadow:0 1px .5px 0 rgba(0,0,0,.13);background:#202C33;margin:5px 80px;padding:5px 10px;border-radius:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:50em}.message,.message.send{-webkit-box-direction:normal;color:white}.message.send{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;background:#005C4B}.message-bubble .timestamp{padding-right:100px;font-size:.6rem;color:rgb(201,201,201)}.messageView{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#dfdad2;background:url(../../static/img/bg-chat-light.a4be512e.png);width:1500px;font-family:Inter,sans-serif;border-left:1px solid #344249}.messageView,.messageView__header{display:-webkit-box;display:-ms-flexbox;display:flex}.messageView__header{background-color:#202C33;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 20px}.messageView__user{display:-webkit-box;display:-ms-flexbox;display:flex}.messageView__user img{width:45px;height:45px;border-radius:55px}.messageView__user span{color:white;font-size:15px;margin-top:12px;margin-left:15px}.messageView__headerIcons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:50px;padding-right:20px}.messageView__headerIcon{font-size:20px;color:#AEBAC1;cursor:pointer;margin-top:10px}.messageView__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:20px 0;height:700px}.messageView__footer{background-color:#2A3942;padding:10px 20px}.messageView__footer,.messageView__footerIcons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.messageView__footerIcons{width:80px}.messageView__footerIcon{margin-top:10px;font-size:25px;color:#AEBAC1;cursor:pointer}.messageView__input input{padding:15px 20px;background-color:#202c33;border:none;resize:none;outline:none;width:1000px;border-radius:10px;color:white}.inbox-container[data-v-3e7a401c]{-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#f9fafc}.inbox-container[data-v-3e7a401c],.intro-items-container[data-v-3e7a401c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal}.intro-items-container[data-v-3e7a401c]{-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:80%;width:100%}.intro-items-container .intro-img[data-v-3e7a401c]{width:39%}.intro-items-container .intro-text-wrapper span[data-v-3e7a401c]{margin-block:1vh}.intro-items-container .intro-text-wrapper[data-v-3e7a401c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.intro-items-container .intro-text-wrapper .intro-text[data-v-3e7a401c]{color:grey}.encrytion-text[data-v-3e7a401c]{color:grey;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.whsp[data-v-3e7a401c]{overflow:auto}.qr-container[data-v-3e7a401c]{position:relative}.tooltip[data-v-3e7a401c]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;padding:10px;border-radius:5px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 2px 4px rgba(0,0,0,.3);z-index:2}.overlay[data-v-3e7a401c]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1}.gutter-example[data-v-3e7a401c] .ant-row>div{background:transparent;border:0}.gutter-box[data-v-3e7a401c]{background:#00a0e9;padding:5px 0}.qrcode[data-v-3e7a401c]{display:inline-block;img[data-v-3e7a401c]{width:132px;height:132px;background-color:#fff;padding:6px;-webkit-box-sizing:border-box;box-sizing:border-box}}[data-v-3e7a401c]::-webkit-scrollbar{width:10px}[data-v-3e7a401c]::-webkit-scrollbar-track{background:#111B21}[data-v-3e7a401c]::-webkit-scrollbar-thumb{background:#202C33}.avatar-uploader>.ant-upload[data-v-3e7a401c]{width:128px;height:128px}.ant-upload-select-picture-card i[data-v-3e7a401c]{font-size:32px;color:#999}.ant-upload-select-picture-card .ant-upload-text[data-v-3e7a401c]{margin-top:8px;color:#666}.active[data-v-3e7a401c]{background-color:#2A3942}