web3-mq-react
Version:
web3-mq-react-components
1 lines • 75.4 kB
CSS
body,html{overflow:hidden}div{box-sizing:border-box}.index_chatContainer__b6cUf{display:flex;height:100%}.index_mobileStyle__1SKOr{flex-direction:column-reverse}.index_messageInput__djuoG{border:1px solid;border-radius:8px;box-sizing:border-box;font-family:Inter,sans-serif;line-height:16px;min-height:0;outline:none;padding:10px 16px;resize:none;width:100%}body[data-theme=light] .index_messageInput__djuoG{background-color:#fff;border-color:#e4e4e7;color:#000;font-size:16px;font-weight:400}body[data-theme=dark] .index_messageInput__djuoG{background-color:#000;color:#fff}.index_chatAutoCompleteContainer__l2cne{align-items:center;display:inline-flex;flex:1}.index_chatAutoCompleteContainer__l2cne.index_mobileStyle__MNe8N .index_messageInput__djuoG{padding:10px 15px}.index_chatAutoCompleteContainer__l2cne.index_mobileStyle__MNe8N svg{margin-left:10px}.index_chatAutoCompleteContainer__l2cne .index_replyMessageBox__QnVDu{border:1px solid;border-radius:8px;flex:1}body[data-theme=light] .index_chatAutoCompleteContainer__l2cne .index_replyMessageBox__QnVDu{background-color:#fff;border-color:#e4e4e7;color:#000;font-size:16px;font-weight:400}body[data-theme=light] .index_chatAutoCompleteContainer__l2cne .index_replyMessageBox__QnVDu:focus-within+.index_sendmessageIcon__baZdQ svg{fill:#18181b}body[data-theme=light] .index_chatAutoCompleteContainer__l2cne .index_replyMessageBox__QnVDu .index_replyHistoryMessage__fu1py{border:1px solid #e4e4e7;border-radius:3px;margin:13px 13px 0;padding:4px 28px 4px 17px;position:relative}body[data-theme=light] .index_chatAutoCompleteContainer__l2cne .index_replyMessageBox__QnVDu .index_replyHistoryMessage__fu1py .index_name__eIcvO{color:#18181b;font-size:14px;font-weight:600;line-height:16px;margin-right:12px}body[data-theme=light] .index_chatAutoCompleteContainer__l2cne .index_replyMessageBox__QnVDu .index_replyHistoryMessage__fu1py .index_time__uFj2S{color:#a1a1aa;font-size:12px;font-weight:500}body[data-theme=light] .index_chatAutoCompleteContainer__l2cne .index_replyMessageBox__QnVDu .index_replyHistoryMessage__fu1py .index_content__cjHaK{color:#18181b;font-size:14px}body[data-theme=light] .index_chatAutoCompleteContainer__l2cne .index_replyMessageBox__QnVDu .index_replyHistoryMessage__fu1py:before{background:#615ef0;border-radius:3px;bottom:0;content:"";height:90%;left:4px;margin:auto 0;position:absolute;top:0;width:3px}body[data-theme=light] .index_chatAutoCompleteContainer__l2cne .index_replyMessageBox__QnVDu .index_replyHistoryMessage__fu1py svg{cursor:pointer;height:12px;position:absolute;right:6px;top:6px;transform:scale(.9);transition:fill .2s ease-in-out;width:12px}body[data-theme=dark] .index_chatAutoCompleteContainer__l2cne .index_replyMessageBox__QnVDu{background-color:#000;color:#fff}body[data-theme=dark] .index_chatAutoCompleteContainer__l2cne .index_replyMessageBox__QnVDu .index_replyHistoryMessage__fu1py{border:1px solid;border-radius:3px;margin:13px 13px 0;padding:4px 28px 4px 17px;position:relative}body[data-theme=dark] .index_chatAutoCompleteContainer__l2cne .index_replyMessageBox__QnVDu .index_replyHistoryMessage__fu1py .index_name__eIcvO{line-height:16px;margin-right:12px}body[data-theme=dark] .index_chatAutoCompleteContainer__l2cne .index_replyMessageBox__QnVDu .index_replyHistoryMessage__fu1py:before{border-radius:3px;bottom:0;content:"";height:90%;left:4px;margin:auto 0;position:absolute;top:0;width:3px}body[data-theme=dark] .index_chatAutoCompleteContainer__l2cne .index_replyMessageBox__QnVDu .index_replyHistoryMessage__fu1py svg{cursor:pointer;height:12px;position:absolute;right:6px;top:6px;transform:scale(.9);transition:fill .2s ease-in-out;width:12px}.index_chatAutoCompleteContainer__l2cne .index_replyMessageBox__QnVDu textarea{border:none}.index_sendmessageIcon__baZdQ svg{cursor:pointer;height:27px;margin-left:16px;transition:fill .2s ease-in-out}.index_mq-btn__0UGyk{background-color:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;display:inline-block;font-family:Inter,sans-serif;font-style:normal;height:33px;line-height:1.42857143;padding:6px 16px;position:relative;text-align:center;white-space:nowrap}body[data-theme=light] .index_mq-btn__0UGyk{font-size:14px;font-weight:500}.index_mq-btn__0UGyk>span{display:inline-block}.index_mq-btn__0UGyk>span:nth-of-type(2){margin-left:8px}.index_mq-btn-icon__cQP-g{vertical-align:sub}body[data-theme=light] .index_mq-btn-default__fHGCj{background-color:#fff;border:1px solid #e4e4e7;color:#18181b}body[data-theme=light] .index_mq-btn-default__fHGCj:hover{background-color:#f4f4f5}body[data-theme=light] .index_mq-btn-default__fHGCj:disabled{background-color:#f4f4f5;color:#a1a1aa}body[data-theme=dark] .index_mq-btn-default__fHGCj{background-color:#000;border:1px solid}body[data-theme=light] .index_mq-btn-primary__H-Gct{background-color:#615ef0;color:#fff}body[data-theme=light] .index_mq-btn-primary__H-Gct:hover{background-color:#3d3abb}body[data-theme=light] .index_mq-btn-primary__H-Gct:disabled{opacity:.5}body[data-theme=dark] .index_mq-btn-primary__H-Gct{color:#000}body[data-theme=dark] .index_mq-btn-primary__H-Gct:disabled{opacity:.5}body[data-theme=light] .index_mq-btn-ghost__z8qbB{background-color:#fff;border:1px solid #d2d1f9;color:#615ef0}body[data-theme=light] .index_mq-btn-ghost__z8qbB:hover{background-color:#f4f4fe;border:1px solid #615ef0}body[data-theme=light] .index_mq-btn-ghost__z8qbB:disabled{background-color:#f4f4fe;color:#8885fd}body[data-theme=dark] .index_mq-btn-ghost__z8qbB{background-color:#000;border:1px solid}body[data-theme=dark] .index_mq-btn-ghost__z8qbB:hover{border:1px solid}body[data-theme=light] .index_mq-btn-danger__xKqGv{background-color:#ef4343;color:#fff}body[data-theme=light] .index_mq-btn-danger__xKqGv:hover{background-color:#ba1c1c}body[data-theme=light] .index_mq-btn-danger__xKqGv:disabled{background-color:#fef1f1;color:#fd6b6b}body[data-theme=dark] .index_mq-btn-danger__xKqGv{color:#000}.index_mq-btn-danger__xKqGv:disabled,.index_mq-btn-default__fHGCj:disabled,.index_mq-btn-ghost__z8qbB:disabled,.index_mq-btn-primary__H-Gct:disabled{border:none;cursor:not-allowed}.index_mq-btn-danger__xKqGv:disabled>*,.index_mq-btn-default__fHGCj:disabled>*,.index_mq-btn-ghost__z8qbB:disabled>*,.index_mq-btn-primary__H-Gct:disabled>*{pointer-events:none}.index_mq-btn-sm__24w-B{height:28px;padding:3px 8px}.index_mq-btn-lg__in5g4{border-radius:8px;height:42px;line-height:1.25;padding:10px 20px}body[data-theme=light] .index_mq-btn-lg__in5g4{font-size:16px}.index_mq-btn-block__zlh0E{width:100%}.index_modal__8hqpA{background:rgba(0,0,0,.24);bottom:0;left:0;position:absolute;right:0;top:0;z-index:40}.index_dialog__-CY4G{border-radius:18px;left:50%;min-height:80px;padding-bottom:16px;position:absolute;top:50%;transform:translate(-50%,-50%);width:420px}body[data-theme=light] .index_dialog__-CY4G{background-color:#fff}body[data-theme=dark] .index_dialog__-CY4G{background-color:#000}.index_mobileStyle__PXyyW{border-radius:unset;height:100%;min-height:600px;min-width:375px;width:100%}.index_titleContainer__Zh5W-{align-items:center;display:flex;height:50px;padding:14px 16px;position:relative}.index_title__slMUl{left:50%;position:absolute;transform:translateX(-50%)}body[data-theme=light] .index_title__slMUl{color:#000;font-size:18px;font-weight:500}body[data-theme=dark] .index_title__slMUl{color:#fff}.index_closeBtn__wSgXt{align-items:center;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:20px}body[data-theme=light] .index_closeBtn__wSgXt:hover{color:#71717a}.index_leftBtn__3ROua{cursor:pointer;left:30px;position:absolute}.index_enter__yf535{opacity:0}.index_enterActive__JlTE1{opacity:1;transition:opacity .25s ease-in-out}.index_enterDone__Uc1Qk,.index_exit__j7YTj{opacity:1}.index_exitActive__0X18R{opacity:0;transition:opacity .25s ease-in-out}.index_exitDone__Czhm6{opacity:0}.index_contentEnter__vObje{top:100%}.index_contentEnterActive__--0so{top:50%;transition:top .2s ease-in-out}.index_contentEnterDone__NmBEt,.index_contentExit__j47VF{top:50%}.index_contentExitActive__FIRqW{top:100%;transition:top .2s ease-in-out}.index_contentExitDone__MPb9B{top:100%}.index_modalContent__79xmh{align-items:center;border-radius:18px;display:flex;flex-direction:column;justify-content:center;min-width:141px;padding:24px 32px;width:auto}.index_iconBox__yjVbN{height:48px;width:49px}.index_roate__kto7W{animation:index_circle__p1-1q .75s linear infinite}@keyframes index_circle__p1-1q{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.index_description__wK0Vr{margin-top:5px;white-space:nowrap}body[data-theme=light] .index_description__wK0Vr{color:#71717a;font-size:14px;font-weight:400}.index_avatarContainer__ehIQj{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-right:8px;overflow:hidden;text-transform:uppercase}body[data-theme=light] .index_avatarContainer__ehIQj{color:#fff}body[data-theme=dark] .index_avatarContainer__ehIQj{color:#000}.index_circle__HuEIM{border-radius:50%}.index_rounded__WBji1{border-radius:4px}.index_square__cugGQ{border-radius:0}body[data-theme=light] .index_avatarFallback__5YmpN{background-color:#615ef0}.index_imgLoaded__-lDMP{background-color:none}.index_avatarFallback__5YmpN{display:block;height:inherit;object-fit:cover;text-align:center;width:inherit}.index_loadingContainer__fzCYD{display:flex;justify-content:center;width:100%}.index_loadingContainer__fzCYD .index_defaultLoading__Cwu15{animation:index_circle__Z0SjU .75s linear infinite;border-radius:100%;height:42px;position:relative;width:42px}.index_loadingContainer__fzCYD .index_defaultLoading__Cwu15:after{background-clip:content-box;background-color:#fff;border:6px solid transparent;border-radius:100%;box-sizing:border-box;content:"";display:block;height:100%;width:100%}body[data-theme=light] .index_loadingContainer__fzCYD .index_defaultLoading__Cwu15{background-color:#615ef0;background:conic-gradient(from 13.39deg at 50% 50%,#615ef0 0deg,rgba(97,94,240,0) 65.78deg,#615ef0 1turn)}body[data-theme=dark] .index_loadingContainer__fzCYD .index_defaultLoading__Cwu15{background:conic-gradient(from 13.39deg at 50% 50%,0deg,rgba(97,94,240,0) 65.78deg,1turn)}@keyframes index_circle__Z0SjU{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.index_loadingContainer__fzCYD .index_spinLoading__9GSw1,.index_loadingContainer__fzCYD .index_spinLoading__9GSw1>div{box-sizing:border-box;position:relative}.index_loadingContainer__fzCYD .index_spinLoading__9GSw1{color:#006cff;display:block;font-size:0}.index_loadingContainer__fzCYD .index_spinLoading__9GSw1>div{background-color:currentColor;border:0 solid;display:inline-block;float:none}.index_loadingContainer__fzCYD .index_spinLoading__9GSw1{width:40px}.index_loadingContainer__fzCYD .index_spinLoading__9GSw1>div{animation:index_ball-fall__K6OPc 1.3s ease-in-out infinite;border-radius:100%;height:6px;margin:2px;opacity:0;width:6px}.index_loadingContainer__fzCYD .index_spinLoading__9GSw1>div:first-child{animation-delay:-.2s}.index_loadingContainer__fzCYD .index_spinLoading__9GSw1>div:nth-child(2){animation-delay:-.1s}.index_loadingContainer__fzCYD .index_spinLoading__9GSw1>div:nth-child(3){animation-delay:0ms}@keyframes index_ball-fall__K6OPc{0%{opacity:0;transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}90%{opacity:.5}to{opacity:0;transform:translateY(145%)}}@keyframes index_zoomIn__kGHQY{0%{opacity:0;-webkit-transform:scale3d(0,0,.3);transform:scale3d(0,0,.3)}50%{opacity:1}}.index_toast-wrapper__es02h{border-radius:4px;box-sizing:border-box;margin-bottom:1em;overflow:hidden;position:fixed;right:15%;text-align:center;top:15%;z-index:1010}.index_toast__Yscgh{align-items:center;animation-duration:.3s;animation-name:index_zoomIn__kGHQY;background:#fff;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,.1),0 3px 3px rgba(0,0,0,.05);display:flex;font-size:14px;font-weight:600;margin-bottom:1rem;max-width:350px;min-height:60px;padding:10px 16px;transition:all .3s}body[data-theme=light] .index_toast__Yscgh{border:1px solid #f4f4f5;color:#18181b}body[data-theme=dark] .index_toast__Yscgh{border:1px solid}.index_toast__Yscgh .index_icon__FDzyt{font-size:16px;margin-right:12px}.index_profileContainer__-DqaB{position:static}.index_isRelative__wvBeQ{position:relative}.index_avatarNode__MOd-j{cursor:pointer}.index_main__bhASh{align-items:center;box-shadow:0 8px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;left:0;min-width:350px;padding:24px 30px;position:absolute;top:110%;z-index:2}body[data-theme=dark] .index_main__bhASh,body[data-theme=light] .index_main__bhASh{background-color:#fff;border-radius:12px;color:#000}.index_main__bhASh .index_avatar__TkMn7{margin-bottom:8px;margin-right:0}.index_main__bhASh .index_name__Ptlp7{font-size:16px;font-weight:700;line-height:32px}.index_main__bhASh .index_addressWarp__EJcgB{align-items:center;display:flex;font-size:16px;font-weight:400;line-height:24px}.index_main__bhASh .index_address__ckgvT{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:126px}.index_main__bhASh .index_copyIcon__NviD0{cursor:pointer;height:24px;position:relative;width:24px}.index_main__bhASh .index_copyIcon__NviD0:after{color:#659c12;content:"copied!";display:none;left:30px;line-height:20px;position:absolute;top:0}.index_main__bhASh .index_copied__x-Kin:after{display:block}.index_opreraContainer__HhTxJ{grid-gap:8px;display:grid;grid-template-columns:repeat(2,162px);margin-top:32px}.index_opreraContainer__HhTxJ .index_item__GHK6H{align-items:center;background-color:#fff;border:1px solid #dadada;border-radius:61px;cursor:pointer;display:flex;justify-content:center;padding:8px 0}.index_opreraContainer__HhTxJ .index_item__GHK6H:hover{background-color:#fafafa}.index_opreraContainer__HhTxJ .index_icon__nsMXU{height:20px;margin-right:6px;width:20px}.index_opreraContainer__HhTxJ .index_text__kWfw9{color:#605dec;font-size:14px;font-weight:500;line-height:20px}.index_platformContainer__QDwaB{align-self:flex-start;width:100%}.index_platformContainer__QDwaB .index_title__n4rCR{font-size:14px;font-weight:500;line-height:17px;margin:24px 0 6px}.index_platformContainer__QDwaB .index_item__GHK6H{align-items:center;border-bottom:1px solid #ebebeb;display:flex;margin-left:1px;padding:12px 0}.index_platformContainer__QDwaB .index_item__GHK6H:last-child{border:none}.index_platformContainer__QDwaB .index_name__Ptlp7{color:#616161;font-size:16px;font-weight:400;line-height:19px;margin-left:12px}.index_back__zb92n{width:100%}.index_mobileStyle__hKSXx{box-shadow:none;height:100%;position:absolute;top:0;width:100%}.index_isTab__S6dem{height:calc(100% - 60px)}.index_logout__GTCLg{background-color:#f5365c;border-radius:49px;color:#fff;cursor:pointer;font-weight:700;height:42px;line-height:42px;margin:20px 2px 0;text-align:center;width:100%}.index_logout__GTCLg:hover{background-color:#f04769}.index_textContainer__9Sa0t:hover .index_reply__4buwZ,.index_textContainer__9Sa0t:hover .index_thread__sbi71{display:block}.index_textInner__6Akke{align-items:center;display:flex;flex-wrap:nowrap}.index_textInner__6Akke .index_reply__4buwZ,.index_textInner__6Akke .index_thread__sbi71{cursor:pointer;display:none;margin-left:15px}.index_text__rW-tZ{line-height:23px;margin-left:0;word-break:break-all}body[data-theme=light] .index_text__rW-tZ{background-color:#fff;color:#18181b;font-size:14px;font-weight:400}body[data-theme=dark] .index_text__rW-tZ{background-color:#000}.index_extraBox__GpG-r{align-items:center;display:flex;margin:8px 0}body[data-theme=light] .index_extraBox__GpG-r{font-size:12px}.index_extraBox__GpG-r .index_extraFlag__tmuEv{margin-right:5px;transform:rotateY(180deg)}body[data-theme=light] .index_extraBox__GpG-r .index_extraFlag__tmuEv{color:#a1a1aa;font-size:18px;font-weight:400}.index_extraBox__GpG-r .index_extraMain__BbmHU{align-items:flex-start;display:flex;flex-direction:column}.index_extraBox__GpG-r .index_extraMain__BbmHU .index_threadMessage__Fyu40{cursor:pointer}body[data-theme=light] .index_extraBox__GpG-r .index_extraMain__BbmHU .index_threadMessage__Fyu40{color:#615ef0;font-weight:600}.index_extraBox__GpG-r .index_extraMain__BbmHU .index_replyMessage__SZ5zI{border-radius:4px;display:inline-block;padding:4px;word-break:break-all}body[data-theme=light] .index_extraBox__GpG-r .index_extraMain__BbmHU .index_replyMessage__SZ5zI{background:#a1a1aa;color:#18181b;font-size:10px}.index_extraBox__GpG-r .index_extraMain__BbmHU .index_loading__3DfBb>div{height:20px;width:20px}.index_popover__uIdXV{position:relative}.index_popover__uIdXV:hover .index_popoverBubble__jAd2W{display:block}.index_popover__uIdXV .index_popoverBubble__jAd2W{display:none;left:50%;position:absolute;top:-7px;transform:translate(-50%,-100%);transition:display .2s linear}.index_popover__uIdXV .index_popoverBubble__jAd2W .index_popoverInner__TxBSh{background:#fff;border:1px solid #616161;border-radius:8px;color:#424242;font-size:12px;font-weight:500;line-height:16px;padding:5px 10px;white-space:nowrap}.index_popover__uIdXV .index_popoverBubble__jAd2W .index_popoverArrow__VYZAI{background:0 0;bottom:1px;display:block;height:22px;left:50%;overflow:hidden;pointer-events:none;position:absolute;transform:translateY(100%) translate(-50%);width:22px}.index_popover__uIdXV .index_popoverBubble__jAd2W .index_popoverArrow__VYZAI .index_popoverArrowContent__fUcMx{background-color:#fff;border:1px solid #616161;border-radius:0 0 3px;display:block;height:11.31px;inset:0;margin:auto;pointer-events:auto;pointer-events:none;position:absolute;transform:translateY(-11px) rotate(45deg);width:11.31px}.index_popover__uIdXV .index_popoverBubble__jAd2W .index_popoverArrow__VYZAI .index_popoverArrowContent__fUcMx:before{background-position:-10px -10px;background-repeat:no-repeat;content:"";height:34px;left:-11.31px;position:absolute;top:-11.31px;width:34px}.index_actionBtns__lSceO{align-items:center;border-radius:8px;display:flex;justify-content:space-between;padding:0 12px}body[data-theme=light] .index_actionBtns__lSceO{background:#615ef0}body[data-theme=light] .index_actionBtns__lSceO .index_btn__853qP{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:12px;height:36px}body[data-theme=light] .index_actionBtns__lSceO .index_btn__853qP .index_com__G3OG1{align-items:center;display:flex;height:22px;width:14px}body[data-theme=light] .index_actionBtns__lSceO .index_btn__853qP .index_msg__ya6tC{max-width:50px}body[data-theme=light] .index_actionBtns__lSceO .index_btn__853qP:not(:last-child){margin-right:14px}body[data-theme=light] .index_actionBtns__lSceO .index_btn__853qP svg path{fill:#fff;width:14px}body[data-theme=dark] .index_actionBtns__lSceO .index_btn__853qP{align-items:center;color:#000;cursor:pointer;display:flex;height:36px}body[data-theme=dark] .index_actionBtns__lSceO .index_btn__853qP .index_com__G3OG1{align-items:center;display:flex;height:22px;width:14px}body[data-theme=dark] .index_actionBtns__lSceO .index_btn__853qP .index_msg__ya6tC{max-width:50px}body[data-theme=dark] .index_actionBtns__lSceO .index_btn__853qP:not(:last-child){margin-right:14px}body[data-theme=dark] .index_actionBtns__lSceO .index_btn__853qP svg path{fill:#000;width:14px}.index_actionBtns__lSceO.index_mobileStyle__OPSnA{align-items:flex-start;bottom:0;height:fit-content;margin:auto 0;padding:8px 12px;position:absolute;right:24px;top:0}.index_actionBtns__lSceO.index_mobileStyle__OPSnA .index_btn__853qP{flex-direction:column;height:auto;justify-content:space-between}.index_actionBtns__lSceO.index_mobileStyle__OPSnA .index_btn__853qP:not(:last-child){margin-right:7px}.index_messageSimpleContainer__snIto{align-items:flex-start;border-bottom:1px solid;display:flex;padding:16px 24px;position:relative}body[data-theme=light] .index_messageSimpleContainer__snIto{border-color:#f4f4f5}.index_messageSimpleContainer__snIto.index_mobileStyle__oLo5N{padding:10px 16px}.index_messageSimpleContainer__snIto.index_mobileStyle__oLo5N .index_message__qlEMP{margin-left:0}.index_messageSimpleContainer__snIto.index_mobileStyle__oLo5N .index_actionBtns__nK6oS{top:10px}.index_messageSimpleContainer__snIto.index_deviceMobileShow__vGncS .index_actionBtns__nK6oS,.index_messageSimpleContainer__snIto:hover:not(.index_deviceMobileStyle__JR9Rg) .index_actionBtns__nK6oS{display:flex}.index_message__qlEMP{margin-left:5px;position:relative;width:100%}.index_dataInner__5z-bX span{display:inline-block;line-height:23px;white-space:nowrap}body[data-theme=light] .index_dataInner__5z-bX span{color:#a1a1aa;font-size:12px}.index_dataInner__5z-bX .index_name__0QRxZ{margin-right:8px}body[data-theme=light] .index_dataInner__5z-bX .index_name__0QRxZ{color:#18181b;font-size:14px;font-weight:600}.index_msgLoad__WVySA{margin-left:10px;width:auto}.index_msgLoad__WVySA>div{height:21px!important;width:21px!important}.index_msgLoad__WVySA>div:after{border:3px solid transparent!important}.index_hideMessageMargin__roCMd{margin:0!important}.index_actionBtns__nK6oS{display:none;position:absolute;right:24px;top:16px}.MessageInputFlat_messageInputFlatContainer__8Uuq8{box-shadow:0 -12px 10px rgba(30,83,133,.03);padding:13px 30px}.MessageInputFlat_messageInputFlatContainer__8Uuq8.MessageInputFlat_mobileStyle__Fob-H{padding:13px 15px}.MessageInputFlat_inputContainer__eQHOR{align-items:center;display:flex}.MessageInputFlat_messageIcon__IVjm0{background-image:url(../assets/searchMessage.svg);background-repeat:no-repeat;background-size:cover;cursor:pointer;height:25px;margin-right:10px;width:25px}.MessageInputFlat_opreat__k5EdV{display:none;min-height:100px}body[data-theme=light] .MessageInputFlat_opreat__k5EdV{background-color:#f4f4f5}.MessageInputFlat_showOperat__WED3w{display:block}.index_threadContainer__8jRiV{background:#fff;border-left:1px solid #f1f1f1;border-radius:0 10px 0 0;display:flex;flex-direction:column;height:100vh;max-width:400px;min-width:400px}.index_mobileStyle__1IYCp{border:none;min-width:100%;position:fixed!important}.index_threadHeaderContainer__i1iN3{align-items:center;background:hsla(0,0%,100%,.9);border-bottom:1px solid #f2f2f2;color:#000;display:flex;font-weight:700;justify-content:space-between;min-height:80px;padding:10px 16px;width:100%}.index_threadHeaderContainer__i1iN3 .index_title__BFWP8{font-weight:700}.index_threadHeaderContainer__i1iN3 .index_warp__A3pei{align-items:center;display:flex}.index_threadHeaderContainer__i1iN3 .index_closeBtn__v6qgP{cursor:pointer;height:22px;width:23px}.index_threadHeaderContainer__i1iN3 .index_arrowLeft__ATbUk{margin-right:10px}.index_chatContainerClass__YhxYB{display:flex;flex:1;height:100%;width:100%}body[data-theme=light] .index_chatContainerClass__YhxYB{background-color:#fff}body[data-theme=dark] .index_chatContainerClass__YhxYB{background-color:#000}.index_mobileStyle__RtjeK{border:none;position:absolute}.index_PcContainer__tXGn9{align-items:center;border-right:1px solid;display:flex;flex-direction:column;padding:16px 0 24px;position:relative;width:100px;z-index:1}body[data-theme=light] .index_PcContainer__tXGn9{background:#fff;border-color:#f4f4f5}body[data-theme=dark] .index_PcContainer__tXGn9{background:#000}.index_userAvatar__u3Gqq{margin-right:0}.index_list__7NuTQ{margin-top:40px;width:100%}.index_tabItem__CTTYr{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:52px;justify-content:space-between;margin-top:16px;position:relative;width:100%}body[data-theme=light] .index_tabItem__CTTYr{color:#18181b}body[data-theme=light] .index_tabItem__CTTYr:hover{color:#615ef0}body[data-theme=light] .index_tabItem__CTTYr:hover .index_icon__WkOj1 svg path{fill:#615ef0}body[data-theme=light] .index_tabItem__CTTYr:hover:before{display:block}body[data-theme=light] .index_tabItem__CTTYr.index_selected__B1YPa{fill:#615ef0;color:#615ef0}body[data-theme=dark] .index_tabItem__CTTYr.index_selected__B1YPa:before,body[data-theme=dark] .index_tabItem__CTTYr:hover:before,body[data-theme=light] .index_tabItem__CTTYr.index_selected__B1YPa:before{display:block}.index_icon__WkOj1{background-size:cover;height:30px;width:24px}body[data-theme=light] .index_icon__WkOj1.index_selected__B1YPa svg path,body[data-theme=light] .index_icon__WkOj1:hover{fill:#615ef0}body[data-theme=light] .index_title__9x-a8{font-size:12px}.index_MobileContainer__-WOlD{display:flex;flex-direction:row;width:100%}body[data-theme=light] .index_MobileContainer__-WOlD{background-color:#fff}body[data-theme=dark] .index_MobileContainer__-WOlD{background-color:#000}.index_tabItem__ARXXs{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:60px;justify-content:center;position:relative;width:100%}body[data-theme=light] .index_tabItem__ARXXs{color:#18181b}body[data-theme=light] .index_tabItem__ARXXs.index_selected__jsQsg,body[data-theme=light] .index_tabItem__ARXXs:hover{background-color:#f4f4f5;color:#615ef0}.index_icon__EG6-L{background-size:cover;height:30px;width:24px}body[data-theme=light] .index_title__rmQHH{font-size:12px}.index_chatDownContainer__ON2Rv{display:flex;height:100%}.index_chatDownMain__HpiAq{flex:1;padding:30px}.index_loadingContainer__7gICe{background:#fafafa;padding:20px}.index_loadingContainer__7gICe .index_loadingChannelMeta__BxXzT{flex:1}.index_loadingContainer__7gICe .index_loadingChannelAvatar__3Ds-L,.index_loadingContainer__7gICe .index_loadingChannelStatus__lkN7z,.index_loadingContainer__7gICe .index_loadingChannelUsername__1UFKQ{animation:index_placeHolderShimmer__cTY5R 2s linear infinite;background:linear-gradient(90deg,hsla(0,0%,75%,.2) 25%,hsla(0,0%,51%,.24) 37%,hsla(0,0%,75%,.2) 63%);background-size:400px 100%}@keyframes index_placeHolderShimmer__cTY5R{0%{background-position:-400px 0}to{background-position:400px 0}}.index_loadingContainer__7gICe .index_loadingChannelStatus__lkN7z,.index_loadingContainer__7gICe .index_loadingChannelUsername__1UFKQ{border-radius:2px;height:14px}.index_loadingContainer__7gICe .index_loadingChannelAvatar__3Ds-L{border-radius:100%;height:40px;margin-right:10px;width:40px}.index_loadingContainer__7gICe .index_loadingChannelUsername__1UFKQ{margin-bottom:6px;width:40%}.index_loadingContainer__7gICe .index_loadingChannelStatus__lkN7z{width:80%}.index_loadingContainer__7gICe .index_loadingChannelItem__8TJD6{align-items:center;animation:index_pulsate__uHYzh 1s linear 0s infinite alternate;border-radius:3px;display:flex;height:40px;margin-bottom:10px;width:100%}.index_loadingContainer__7gICe .index_loadingChannelItem__8TJD6:nth-of-type(2){animation:index_pulsate__uHYzh 1s linear .3334s infinite alternate}.index_loadingContainer__7gICe .index_loadingChannelItem__8TJD6:last-of-type{animation:index_pulsate__uHYzh 1s linear .6667s infinite alternate}.index_channelListMessengerContainer__4HLpJ{height:100%;min-width:350px;overflow-y:auto}body[data-theme=light] .index_channelListMessengerContainer__4HLpJ{background-color:#fff;border-right:1px solid #f4f4f5}body[data-theme=dark] .index_channelListMessengerContainer__4HLpJ{background-color:#000;border-right:1px solid}.index_channelPreviewContainer__eMcYr{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:background-color .1s ease-in-out}body[data-theme=light] .index_channelPreviewContainer__eMcYr{background-color:#fff}body[data-theme=light] .index_channelPreviewContainer__eMcYr.index_selected__RDWMi,body[data-theme=light] .index_channelPreviewContainer__eMcYr:hover{background-color:#f4f4f5}body[data-theme=dark] .index_channelPreviewContainer__eMcYr{background-color:#000}.index_channelPreviewContainer__eMcYr.index_mobileStyle__1to5V{padding:10px 24px}.index_wrapper__xgJiX{display:flex;flex:1;flex-direction:column;position:relative}.index_previewBottom__MBxxP,.index_previewTop__kakXN{align-items:center;display:flex;height:20px;justify-content:space-between}.index_title__vVyhT{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body[data-theme=light] .index_title__vVyhT{font-size:14px;font-weight:600}body[data-theme=light] .index_title__vVyhT.index_dark__6ecOV{color:#fff}body[data-theme=light] .index_title__vVyhT.index_light__x4-4K{color:#18181b}body[data-theme=dark] .index_title__vVyhT.index_dark__6ecOV{color:#000}body[data-theme=light] .index_updateTime__0Zms1{color:#a1a1aa;font-size:12px}.index_lastMessage__tWmCq{height:16px;line-height:16px;margin:0;max-width:190px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}body[data-theme=light] .index_lastMessage__tWmCq{color:#18181b;font-size:14px;font-weight:400}.index_unread__hHoxh{border-radius:10px;height:18px;line-height:18px;min-width:24px;padding:0 6px;text-align:center}body[data-theme=light] .index_unread__hHoxh{background-color:#ef4343;color:#fff;font-size:14px;font-weight:600}body[data-theme=dark] .index_unread__hHoxh{color:#000}.index_emptyContainer__CpN08{align-items:center;background-color:#f0efef;display:flex;height:100%;justify-content:center}.index_paginatorContainer__UBw2E{padding-bottom:25px;position:relative}.index_loadBtn__Das5w{bottom:10px;position:absolute}.index_btnPosition__TPxl9{top:10px}.index_paddingTop__m-KzM{padding-bottom:0;padding-top:25px}.index_channelListMessengerContainer__9hCda{height:100%;min-width:300px;overflow-y:auto}body[data-theme=light] .index_channelListMessengerContainer__9hCda{background-color:#fff;border-right:1px solid #f4f4f5}body[data-theme=dark] .index_channelListMessengerContainer__9hCda{background-color:#000;border-right:1px solid}.index_channelPreviewContainer__96BC1{align-items:center;cursor:pointer;display:flex;height:56px;padding:8px 16px;transition:background-color .1s ease-in-out}body[data-theme=light] .index_channelPreviewContainer__96BC1{background-color:#fff}body[data-theme=light] .index_channelPreviewContainer__96BC1.index_selected__2wVFX,body[data-theme=light] .index_channelPreviewContainer__96BC1:hover{background-color:#f4f4f5}body[data-theme=dark] .index_channelPreviewContainer__96BC1{background-color:#000}.index_wrapper__jzWzp{flex:1 1;flex-direction:column;font-family:Inter,sans-serif;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body[data-theme=light] .index_wrapper__jzWzp{color:#18181b;font-size:14px;font-weight:500}.index_EmptyContainer__HIzz8{display:flex;flex-direction:column;font-family:Inter,sans-serif;height:100%;justify-content:center;width:100%}body[data-theme=light] .index_EmptyContainer__HIzz8{background-color:#fff;color:#a1a1aa;font-size:16px;font-weight:500}body[data-theme=dark] .index_EmptyContainer__HIzz8{background-color:#000}.index_emptyIcon__W7mNs{margin-bottom:10px;text-align:center;width:100%}body[data-theme=light] .index_emptyIcon__W7mNs svg path{fill:#a1a1aa}.index_emptyDescription__6gOsK{text-align:center;width:100%}.index_notificationPreviewContainer__MVZ1W{cursor:pointer;display:flex;padding:8px 16px;width:100%;word-break:break-word}body[data-theme=light] .index_notificationPreviewContainer__MVZ1W:hover{background-color:#f4f4f5}.index_wrapper__Iai79{display:flex;flex:1;flex-direction:column;position:relative;width:100%}.index_wrapper__Iai79 .index_dataInner__FKSVh{display:flex;font-family:Inter,sans-serif;justify-content:space-between}body[data-theme=light] .index_wrapper__Iai79 .index_dataInner__FKSVh .index_title__oHl4e{color:#000;font-size:16px;font-weight:600}body[data-theme=light] .index_wrapper__Iai79 .index_dataInner__FKSVh .index_date__fH1Ur{color:#a1a1aa;font-size:13px;font-weight:400}body[data-theme=dark] .index_wrapper__Iai79 .index_dataInner__FKSVh .index_title__oHl4e{color:#fff}.index_wrapper__Iai79 .index_wrapperBottom__dPqYh{align-items:center;display:flex}.index_textContainer__YsyS3{-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:3;display:-webkit-box;font-family:Inter,sans-serif;font-style:normal;line-height:18px;overflow:hidden;text-overflow:ellipsis;width:100%}body[data-theme=light] .index_textContainer__YsyS3{color:#52525b;font-size:13px;font-weight:400}.index_notificationContainer__nrVU6{height:100%;overflow-y:auto}body[data-theme=light] .index_notificationContainer__nrVU6{background-color:#fff;border-right:1px solid #f4f4f5}body[data-theme=dark] .index_notificationContainer__nrVU6{background-color:#000;border-right:1px solid}.index_notificationIcon__BTW91{height:42px}.index_notificationIcon__BTW91 svg{height:42px;width:36px}.index_modalBody__S0q0j{height:430px;overflow-x:hidden;overflow-y:auto;width:100%}.index_btnContainer__umESb{align-items:center;bottom:0;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;left:0;position:absolute;right:0;top:0}body[data-theme=light] .index_btnContainer__umESb{background-color:#fff}body[data-theme=light] .index_btnContainer__umESb .index_title__kIAlk{font-size:12px}body[data-theme=dark] .index_btnContainer__umESb{background-color:#000}.index_emptyContainer__6HHIl{align-items:center;display:flex;flex-direction:column;font-family:Inter;height:100%;justify-content:center;letter-spacing:0;line-height:20px;text-align:center}body[data-theme=light] .index_emptyContainer__6HHIl{color:#71717a;font-size:14px;font-weight:400}.CreateChannel_btn__fgYhc{align-items:center;border:0;border-radius:20px;cursor:pointer;display:flex;justify-content:center;margin-left:auto;margin-right:-3px}body[data-theme=light] .CreateChannel_btn__fgYhc{background:#fff}body[data-theme=dark] .CreateChannel_btn__fgYhc{background:#000}.CreateChannel_btn__fgYhc:focus{border:none;outline:none}.CreateChannel_createChannelModal__JKbzm{font-family:Inter,sans-serif;height:480px;min-width:420px;overflow:hidden;width:420px}.CreateChannel_createChannelModal__JKbzm.CreateChannel_mobileStyle__5AoQh{border-radius:unset;height:100%;min-width:375px;width:100%}.CreateChannel_createChannelModalHeader__2Vn1U{border-radius:0;display:flex;height:50px;padding:14px 16px;position:relative}.CreateChannel_createChannelModalHeader__2Vn1U .CreateChannel_title__bsWTl{letter-spacing:0;line-height:22px;text-align:center;width:100%}body[data-theme=light] .CreateChannel_createChannelModalHeader__2Vn1U .CreateChannel_title__bsWTl{font-size:18px;font-weight:500}.CreateChannel_createChannelModalHeader__2Vn1U .CreateChannel_backBtn__WleAE{cursor:pointer;font-size:16px;height:16px;left:30px;position:absolute}body[data-theme=light] .CreateChannel_createChannelModalHeader__2Vn1U .CreateChannel_backBtn__WleAE:hover{color:#71717a}.CreateChannel_createChannelModalHeader__2Vn1U .CreateChannel_closeBtn__-A3hh{cursor:pointer;font-size:16px;height:16px;position:absolute;right:30px}body[data-theme=light] .CreateChannel_createChannelModalHeader__2Vn1U .CreateChannel_closeBtn__-A3hh:hover{color:#71717a}.CreateChannel_createChannelContainer__vvT4d{display:flex;flex-direction:column;height:calc(100% - 65px);overflow-y:hidden}.CreateChannel_hide__-gBig{display:none}.CreateChannel_mainContainer__FvXXU{height:100%;margin-top:16px;overflow-y:scroll;position:relative}.CreateChannel_opreraBar__yDcT2{display:flex;font-family:Inter,sans-serif;padding:16px}.CreateChannel_opreraBar__yDcT2.CreateChannel_hide__-gBig{display:none}.CreateChannel_opreraBar__yDcT2 button:first-of-type{margin-right:16px}.CreateChannel_opreraBar__yDcT2 .CreateChannel_addFriends__Ahtdr,.CreateChannel_opreraBar__yDcT2 .CreateChannel_createRoom__kDs12{height:20px;width:20px}body[data-theme=dark] .CreateChannel_opreraBar__yDcT2 .CreateChannel_addFriends__Ahtdr,body[data-theme=dark] .CreateChannel_opreraBar__yDcT2 .CreateChannel_createRoom__kDs12,body[data-theme=light] .CreateChannel_opreraBar__yDcT2 .CreateChannel_addFriends__Ahtdr,body[data-theme=light] .CreateChannel_opreraBar__yDcT2 .CreateChannel_createRoom__kDs12{font-size:6.66667px}.CreateChannel_contactsContainer__suhXL{height:100%;overflow:hidden}.CreateChannel_contactsContainer__suhXL>.CreateChannel_friendTitle__tidk0{font-style:normal;height:20px;line-height:20px;margin-bottom:8px;padding:0 16px;width:100%}body[data-theme=light] .CreateChannel_contactsContainer__suhXL>.CreateChannel_friendTitle__tidk0{color:#3f3f46;font-size:14px;font-weight:400}.CreateChannel_contactList__6rIZY{cursor:pointer;height:calc(100% - 28px);overflow-y:scroll}.CreateChannel_contactItem__3hMUD,.CreateChannel_searchContactItem__edsI4,.CreateChannel_searchFollowerItem__xtAxz{cursor:pointer;display:flex;margin-bottom:4px;padding:8px 16px}body[data-theme=light] .CreateChannel_contactItem__3hMUD,body[data-theme=light] .CreateChannel_searchContactItem__edsI4,body[data-theme=light] .CreateChannel_searchFollowerItem__xtAxz{color:#18181b;font-size:14px;font-weight:500}body[data-theme=light] .CreateChannel_contactItem__3hMUD:hover,body[data-theme=light] .CreateChannel_searchContactItem__edsI4:hover,body[data-theme=light] .CreateChannel_searchFollowerItem__xtAxz:hover{background-color:#f4f4f5}.CreateChannel_wrapper__MyJp1{display:flex;flex-direction:column;justify-content:space-between;letter-spacing:0;text-align:left}body[data-theme=light] .CreateChannel_searchFollowerItem__xtAxz .CreateChannel_followStatus__EdtD-{color:#a1a1aa;font-size:10px;font-weight:400}.CreateChannel_searchFollowerItem__xtAxz .CreateChannel_searchFollowersBtn__7gQJQ{align-self:center;display:flex;position:absolute;right:16px}.CreateChannel_addFriendContainer__105ZQ,.CreateChannel_createRoomContainer__25-vB,.CreateChannel_selectContactsContainer__3D89e{display:flex;flex-direction:column;font-family:Inter,sans-serif;height:calc(100% - 124px);letter-spacing:0;text-align:left}.CreateChannel_addFriendContainer__105ZQ.CreateChannel_hide__-gBig,.CreateChannel_createRoomContainer__25-vB.CreateChannel_hide__-gBig,.CreateChannel_selectContactsContainer__3D89e.CreateChannel_hide__-gBig{display:none}body[data-theme=light] .CreateChannel_addFriendContainer__105ZQ,body[data-theme=light] .CreateChannel_createRoomContainer__25-vB,body[data-theme=light] .CreateChannel_selectContactsContainer__3D89e{border-bottom:1px solid #f4f4f5;font-size:14px;font-weight:400}body[data-theme=dark] .CreateChannel_addFriendContainer__105ZQ,body[data-theme=dark] .CreateChannel_createRoomContainer__25-vB,body[data-theme=dark] .CreateChannel_selectContactsContainer__3D89e{border-bottom:1px solid}.CreateChannel_btnContaner__i5Ofp{bottom:0;left:0;padding:16px;position:absolute;width:100%}.CreateChannel_commonInput__Z74T8,.CreateChannel_commonTextarea__5hbxD{border-radius:8px;box-sizing:border-box;line-height:20px;outline:none;padding:10px 16px;text-align:left;width:100%}.CreateChannel_commonInput__Z74T8:disabled,.CreateChannel_commonTextarea__5hbxD:disabled{cursor:no-drop}body[data-theme=light] .CreateChannel_commonInput__Z74T8,body[data-theme=light] .CreateChannel_commonTextarea__5hbxD{border:1px solid #e4e4e7;font-size:16px}body[data-theme=light] .CreateChannel_commonInput__Z74T8:focus,body[data-theme=light] .CreateChannel_commonTextarea__5hbxD:focus{border:2px solid #8885fd}body[data-theme=dark] .CreateChannel_commonInput__Z74T8,body[data-theme=dark] .CreateChannel_commonTextarea__5hbxD{border:1px solid}body[data-theme=dark] .CreateChannel_commonInput__Z74T8:focus,body[data-theme=dark] .CreateChannel_commonTextarea__5hbxD:focus{border:2px solid}.CreateChannel_commonTextarea__5hbxD{resize:vertical}.CreateChannel_addFriendContainer__105ZQ{padding:0 16px}.CreateChannel_addFriendContainer__105ZQ>.CreateChannel_label__tjGiO{margin-bottom:8px}body[data-theme=light] .CreateChannel_addFriendContainer__105ZQ>.CreateChannel_label__tjGiO{color:#18181b}.CreateChannel_addFriendContainer__105ZQ .CreateChannel_label__tjGiO:nth-child(4){margin-top:16px}.CreateChannel_addFriendContainer__105ZQ>.CreateChannel_warnning__3FETR{border-radius:12px;box-sizing:border-box;display:flex;line-height:16px;margin-top:8px;padding:12px}.CreateChannel_addFriendContainer__105ZQ>.CreateChannel_warnning__3FETR.CreateChannel_hide__-gBig{display:none}body[data-theme=light] .CreateChannel_addFriendContainer__105ZQ>.CreateChannel_warnning__3FETR{background-color:#fef1f1;border:1px solid #fee1e1;color:#ef4343;font-size:12px;font-weight:500}body[data-theme=dark] .CreateChannel_addFriendContainer__105ZQ>.CreateChannel_warnning__3FETR{border:1px solid}.CreateChannel_addFriendContainer__105ZQ .CreateChannel_warnIcon__6i-2Z{align-items:center;display:flex;height:16px;width:16px}body[data-theme=dark] .CreateChannel_addFriendContainer__105ZQ .CreateChannel_warnIcon__6i-2Z,body[data-theme=light] .CreateChannel_addFriendContainer__105ZQ .CreateChannel_warnIcon__6i-2Z{font-size:4px}body[data-theme=light] .CreateChannel_selectContactsContainer__3D89e{font-weight:600}.CreateChannel_inputContainer__lG1pb{border-radius:8px;box-sizing:border-box;cursor:text;display:flex;margin:0 16px;padding:4px 10px}body[data-theme=dark] .CreateChannel_inputContainer__lG1pb,body[data-theme=light] .CreateChannel_inputContainer__lG1pb{border:2px solid #8885fd}.CreateChannel_contactSelector__g4YRC{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;width:100%}.CreateChannel_contactSelector__g4YRC .CreateChannel_selectedBox__UFmDi{border-radius:4px;cursor:default;height:23px;line-height:20px;margin:4px 8px 4px 0;padding:1px 6px 2px}body[data-theme=light] .CreateChannel_contactSelector__g4YRC .CreateChannel_selectedBox__UFmDi{background:#615ef0;color:#fff}body[data-theme=dark] .CreateChannel_contactSelector__g4YRC .CreateChannel_selectedBox__UFmDi{color:#000}.CreateChannel_contactSelector__g4YRC .CreateChannel_inputElement__SSmbt{align-self:center;appearance:none;background:none;border:none;flex:none;margin:0;min-width:4px;outline:none;overflow:auto;padding:0;width:100%}body[data-theme=light] .CreateChannel_contactSelector__g4YRC .CreateChannel_inputElement__SSmbt{font-size:16px}.CreateChannel_searchContactItem__edsI4 input[type=checkbox]{align-self:center;appearance:none;border-radius:6px;cursor:pointer;height:20px;margin:0 12px 0 0;width:20px}.CreateChannel_searchContactItem__edsI4 input[type=checkbox]:checked{border-radius:6px;position:relative}.CreateChannel_searchContactItem__edsI4 input[type=checkbox]:checked:after{box-sizing:border-box;content:"";display:table;height:11.285714px;inset-inline-start:21.5%;position:absolute;top:50%;transform:rotate(45deg) translate(-50%,-50%);width:7.14282142px}body[data-theme=light] .CreateChannel_searchContactItem__edsI4 input[type=checkbox]{border:1.875px solid #d4d4d8}body[data-theme=light] .CreateChannel_searchContactItem__edsI4 input[type=checkbox]:checked{background-color:#615ef0;border:none}body[data-theme=light] .CreateChannel_searchContactItem__edsI4 input[type=checkbox]:checked:after{border:2px solid #fff;border-inline-start:0;border-top:0}body[data-theme=dark] .CreateChannel_searchContactItem__edsI4 input[type=checkbox]{border:1.875px solid}body[data-theme=dark] .CreateChannel_searchContactItem__edsI4 input[type=checkbox]:checked{border:none}body[data-theme=dark] .CreateChannel_searchContactItem__edsI4 input[type=checkbox]:checked:after{border:2px solid #000;border-inline-start:0;border-top:0}.CreateChannel_createRoomContainer__25-vB .CreateChannel_operationContainer__1-tKG{align-items:center;border-radius:22px;display:flex;margin:0 16px 16px;padding:12px}.CreateChannel_createRoomContainer__25-vB .CreateChannel_operationContainer__1-tKG .CreateChannel_fileBox__fkT2I,.CreateChannel_createRoomContainer__25-vB .CreateChannel_operationContainer__1-tKG .CreateChannel_imgBox__92BhN{border-radius:12px;cursor:pointer}.CreateChannel_createRoomContainer__25-vB .CreateChannel_operationContainer__1-tKG .CreateChannel_imgBox__92BhN{height:64px;overflow:hidden;width:64px}.CreateChannel_createRoomContainer__25-vB .CreateChannel_operationContainer__1-tKG .CreateChannel_fileBox__fkT2I{margin-right:12px;padding:14px}.CreateChannel_createRoomContainer__25-vB .CreateChannel_operationContainer__1-tKG .CreateChannel_fileBox__fkT2I.CreateChannel_nopadding__Vsjd-{padding:0}.CreateChannel_createRoomContainer__25-vB .CreateChannel_operationContainer__1-tKG .CreateChannel_fileBox__fkT2I .CreateChannel_cameraIcon__x-umV{color:#fdfdfd;font-size:12px;height:36px;width:36px}body[data-theme=light] .CreateChannel_createRoomContainer__25-vB .CreateChannel_operationContainer__1-tKG{background:#f4f4fe}body[data-theme=light] .CreateChannel_createRoomContainer__25-vB .CreateChannel_operationContainer__1-tKG .CreateChannel_fileBox__fkT2I{background:#8885fd}body[data-theme=light] .CreateChannel_createRoomContainer__25-vB .CreateChannel_operationContainer__1-tKG .CreateChannel_fileBox__fkT2I .CreateChannel_cameraIcon__x-umV{color:#fdfdfd}.index_searchInput__jLGX2{border-radius:8px;display:flex;padding:10px 16px;transition:all .1s}body[data-theme=light] .index_searchInput__jLGX2{background:#f4f4f5;border:1px solid #f4f4f5}body[data-theme=light] .index_searchInput__jLGX2>input{background-color:#f4f4f5;font-size:16px;font-weight:400}body[data-theme=dark] .index_searchInput__jLGX2{border:1px solid}.index_searchInput__jLGX2>input{border:none;letter-spacing:0;line-height:20px;margin-left:16px;outline:none;padding:0;text-align:left;transition:all .1s;width:100%}body[data-theme=light] .index_searchInputFoucs__vyswY{background-color:#fff;border:2px solid #8885fd}body[data-theme=light] .index_searchInputFoucs__vyswY>input{background-color:#fff}body[data-theme=dark] .index_searchInputFoucs__vyswY{background-color:#000;border:2px solid}body[data-theme=dark] .index_searchInputFoucs__vyswY>input{background-color:#000}.index_cleanBtn__POBE-,.index_searchIcon__MBl9I{align-items:center;display:flex;height:20px;justify-content:center;width:20px}body[data-theme=light] .index_searchIcon__MBl9I{color:#a1a1aa}.index_cleanBtn__POBE-{cursor:pointer}.index_cleanBtn__POBE-.index_hide__S7r-m{display:none}body[data-theme=light] .index_cleanBtn__POBE-{color:#d4d4d8}body[data-theme=light] .index_cleanBtn__POBE-:hover{color:#a1a1aa}.index_channelHeadContainer__8iXM2{box-sizing:content-box}.index_channelHeadContainer__8iXM2.index_mobileStyle__3EWQ5 .index_header__fN5Il{padding:16px 24px 24px}.index_mobileStyle__3EWQ5{width:auto}.index_header__fN5Il{align-items:center;border-bottom:1px solid;border-right:1px solid;display:flex;min-width:360px;padding:21px 16px}body[data-theme=light] .index_header__fN5Il{border-color:#f4f4f5}body[data-theme=light] .index_title__75sfC{background-color:#fff;color:#18181b;font-family:Inter,sans-serif;font-size:26px;font-weight:600}body[data-theme=dark] .index_title__75sfC{background-color:#000;font-family:Inter,sans-serif}.index_mainContainer__dvsf-{display:flex;flex-direction:column;height:100vh}.index_listItem__IaYh3{height:100%;min-width:350px;overflow-y:auto}.index_hide__BfmsY{display:none}.index_mobileStyle__mCj-h{height:calc(100vh - 60px)}.index_hasContainerId__j85Sb{height:calc(100% - 60px)}.index_operateFollowRequestBar__UEhJ5{border-top:1px solid #f4f4f5;display:flex;flex-wrap:wrap;padding:16px}.index_warning__glZym{border-radius:12px;display:flex;line-height:16px;margin-bottom:16px;padding:12px;width:100%}.index_warning__glZym .index_warnIcon__wIwjp{align-items:center;display:flex;height:16px;width:16px}body[data-theme=light] .index_warning__glZym{background-color:#fef1f1;border:1px solid #fee1e1;color:#ef4343;font-size:12px;font-weight:500}body[data-theme=light] .index_warning__glZym .index_warnIcon__wIwjp{font-size:4px}body[data-theme=dark] .index_warning__glZym{border:1px solid}body[data-theme=dark] .index_warning__glZym .index_warnIcon__wIwjp{font-size:4px}.index_cancelBtn__Gl8z8{margin-right:16px}.index_cancelBtn__Gl8z8,.index_operateBtn__t7R5b{flex:1;width:50%}.index_dialogContent__Hw-2s{height:480px}.index_messageListcontainer__e1-6y{flex:1;overflow-x:hidden;overflow-y:auto;width:100%}.index_chatUl__z5SNR{list-style-type:none;margin:0;padding:0}.index_loadMoreBtn__geKvt{cursor:pointer;padding:10px 0;text-align:center}.index_loadingContainer__NQ95d{align-items:center;display:flex;height:100vh;justify-content:center}.index_avatarContainer__scMR9{align-items:center;display:flex;flex-direction:column;flex-shrink:0;flex-wrap:wrap;justify-content:center;margin-right:10px;overflow:hidden;text-transform:uppercase}body[data-theme=light] .index_avatarContainer__scMR9{color:#fff}body[data-theme=dark] .index_avatarContainer__scMR9{color:#000}.index_circle__EEg-l{border-radius:50%}.index_rounded__zxrdL{border-radius:4px}.index_square__QQa-k{border-radius:0}body[data-theme=light] .index_avatarFallback__J5Fv5{background-color:#615ef0}.index_imgLoaded__e-HGY{background-color:none}.index_avatarFallback__J5Fv5{display:block;height:inherit;object-fit:cover;text-align:center;width:inherit}.index_icon__BHsB7{align-items:center;cursor:pointer;display:flex;margin-left:24px}.index_icon__BHsB7 div:first-child{margin-right:8px}body[data-theme=light] .index_inviteBtn__94wPo{color:#615ef0;font-size:18px}body[data-theme=light] .index_inviteBtn__94wPo:hover{color:#5754d6}.index_selectMain__Vkxc1{align-items:center;box-shadow:0 7px 9px rgba(0,0,0,.03),0 1px 0 rgba(0,0,0,.03);display:flex;padding:16px}.index_label__S5-3S{width:50px}.index_selectWarp__95LW8{display:flex;flex:1;flex-wrap:wrap}.index_selectWarp__95LW8 .index_input__5Am2E{border:none;flex:1;margin:2px;min-height:28px;outline:none}body[data-theme=light] .index_selectWarp__95LW8 .index_input__5Am2E{color:#18181b;font-size:16px}.index_selectItem__oUkQn{align-items:center;border-radius:15px;cursor:pointer;display:flex;margin:2px 5px 2px 2px;opacity:.9;padding:5px 10px}body[data-theme=light] .index_selectItem__oUkQn{background:#e4e4e7;color:#18181b;font-size:16px}.index_selectItem__oUkQn .index_name__CH62b{margin-right:5px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:normal}.index_listContainer__Ou-GG{padding:16px}.index_listTitle__GcObd{font-weight:700;margin:5px 0 15px}body[data-theme=light] .index_listTitle__GcObd{color:#000;font-size:16px}body[data-theme=dark] .index_listTitle__GcObd{color:#fff}.index_listWarp__Dzed-{max-height:420px;overflow-y:scroll}.index_listItem__GqMwq{align-items:center;cursor:pointer;display:flex;min-height:48px}.index_listItem__GqMwq .index_name__C