starklink
Version:
> A library of react components for Follow or chat on Web3MQ
1 lines • 96.6 kB
CSS
body,html{overflow:hidden}div{box-sizing:border-box}.index_index_chatContainer__b6cUf__TXQpR{display:flex;height:100%}.index_index_mobileStyle__1SKOr__blI9p{flex-direction:column-reverse}.index_index_messageInput__djuoG__I4yMI{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_index_messageInput__djuoG__I4yMI{background-color:#fff;border-color:#e4e4e7;color:#000;font-size:16px;font-weight:400}body[data-theme=dark] .index_index_messageInput__djuoG__I4yMI{background-color:#000;color:#fff}.index_index_chatAutoCompleteContainer__l2cne__0GipS{align-items:center;display:inline-flex;flex:1}.index_index_chatAutoCompleteContainer__l2cne__0GipS.index_index_mobileStyle__MNe8N__-UK0Q .index_index_messageInput__djuoG__I4yMI{padding:10px 15px}.index_index_chatAutoCompleteContainer__l2cne__0GipS.index_index_mobileStyle__MNe8N__-UK0Q svg{margin-left:10px}.index_index_chatAutoCompleteContainer__l2cne__0GipS .index_index_replyMessageBox__QnVDu__qoksG{border:1px solid;border-radius:8px;flex:1}body[data-theme=light] .index_index_chatAutoCompleteContainer__l2cne__0GipS .index_index_replyMessageBox__QnVDu__qoksG{background-color:#fff;border-color:#e4e4e7;color:#000;font-size:16px;font-weight:400}body[data-theme=light] .index_index_chatAutoCompleteContainer__l2cne__0GipS .index_index_replyMessageBox__QnVDu__qoksG:focus-within+.index_index_sendmessageIcon__baZdQ__XLVQ0 svg{fill:#18181b}body[data-theme=light] .index_index_chatAutoCompleteContainer__l2cne__0GipS .index_index_replyMessageBox__QnVDu__qoksG .index_index_replyHistoryMessage__fu1py__66TyX{border:1px solid #e4e4e7;border-radius:3px;margin:13px 13px 0;padding:4px 28px 4px 17px;position:relative}body[data-theme=light] .index_index_chatAutoCompleteContainer__l2cne__0GipS .index_index_replyMessageBox__QnVDu__qoksG .index_index_replyHistoryMessage__fu1py__66TyX .index_index_name__eIcvO__ULSXD{color:#18181b;font-size:14px;font-weight:600;line-height:16px;margin-right:12px}body[data-theme=light] .index_index_chatAutoCompleteContainer__l2cne__0GipS .index_index_replyMessageBox__QnVDu__qoksG .index_index_replyHistoryMessage__fu1py__66TyX .index_index_time__uFj2S__tsqB2{color:#a1a1aa;font-size:12px;font-weight:500}body[data-theme=light] .index_index_chatAutoCompleteContainer__l2cne__0GipS .index_index_replyMessageBox__QnVDu__qoksG .index_index_replyHistoryMessage__fu1py__66TyX .index_index_content__cjHaK__bWXYw{color:#18181b;font-size:14px}body[data-theme=light] .index_index_chatAutoCompleteContainer__l2cne__0GipS .index_index_replyMessageBox__QnVDu__qoksG .index_index_replyHistoryMessage__fu1py__66TyX: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_index_chatAutoCompleteContainer__l2cne__0GipS .index_index_replyMessageBox__QnVDu__qoksG .index_index_replyHistoryMessage__fu1py__66TyX 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_index_chatAutoCompleteContainer__l2cne__0GipS .index_index_replyMessageBox__QnVDu__qoksG{background-color:#000;color:#fff}body[data-theme=dark] .index_index_chatAutoCompleteContainer__l2cne__0GipS .index_index_replyMessageBox__QnVDu__qoksG .index_index_replyHistoryMessage__fu1py__66TyX{border:1px solid;border-radius:3px;margin:13px 13px 0;padding:4px 28px 4px 17px;position:relative}body[data-theme=dark] .index_index_chatAutoCompleteContainer__l2cne__0GipS .index_index_replyMessageBox__QnVDu__qoksG .index_index_replyHistoryMessage__fu1py__66TyX .index_index_name__eIcvO__ULSXD{line-height:16px;margin-right:12px}body[data-theme=dark] .index_index_chatAutoCompleteContainer__l2cne__0GipS .index_index_replyMessageBox__QnVDu__qoksG .index_index_replyHistoryMessage__fu1py__66TyX: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_index_chatAutoCompleteContainer__l2cne__0GipS .index_index_replyMessageBox__QnVDu__qoksG .index_index_replyHistoryMessage__fu1py__66TyX svg{cursor:pointer;height:12px;position:absolute;right:6px;top:6px;transform:scale(.9);transition:fill .2s ease-in-out;width:12px}.index_index_chatAutoCompleteContainer__l2cne__0GipS .index_index_replyMessageBox__QnVDu__qoksG textarea{border:none}.index_index_sendmessageIcon__baZdQ__XLVQ0 svg{cursor:pointer;height:27px;margin-left:16px;transition:fill .2s ease-in-out}.index_index_mq-btn__0UGyk__7SkN2{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_index_mq-btn__0UGyk__7SkN2{font-size:14px;font-weight:500}.index_index_mq-btn__0UGyk__7SkN2>span{display:inline-block}.index_index_mq-btn__0UGyk__7SkN2>span:nth-of-type(2){margin-left:8px}.index_index_mq-btn-icon__cQP-g__NkSyd{vertical-align:sub}body[data-theme=light] .index_index_mq-btn-default__fHGCj__NKLyT{background-color:#fff;border:1px solid #e4e4e7;color:#18181b}body[data-theme=light] .index_index_mq-btn-default__fHGCj__NKLyT:hover{background-color:#f4f4f5}body[data-theme=light] .index_index_mq-btn-default__fHGCj__NKLyT:disabled{background-color:#f4f4f5;color:#a1a1aa}body[data-theme=dark] .index_index_mq-btn-default__fHGCj__NKLyT{background-color:#000;border:1px solid}body[data-theme=light] .index_index_mq-btn-primary__H-Gct__0DV9V{background-color:#615ef0;color:#fff}body[data-theme=light] .index_index_mq-btn-primary__H-Gct__0DV9V:hover{background-color:#3d3abb}body[data-theme=light] .index_index_mq-btn-primary__H-Gct__0DV9V:disabled{opacity:.5}body[data-theme=dark] .index_index_mq-btn-primary__H-Gct__0DV9V{color:#000}body[data-theme=dark] .index_index_mq-btn-primary__H-Gct__0DV9V:disabled{opacity:.5}body[data-theme=light] .index_index_mq-btn-ghost__z8qbB__ps87G{background-color:#fff;border:1px solid #d2d1f9;color:#615ef0}body[data-theme=light] .index_index_mq-btn-ghost__z8qbB__ps87G:hover{background-color:#f4f4fe;border:1px solid #615ef0}body[data-theme=light] .index_index_mq-btn-ghost__z8qbB__ps87G:disabled{background-color:#f4f4fe;color:#8885fd}body[data-theme=dark] .index_index_mq-btn-ghost__z8qbB__ps87G{background-color:#000;border:1px solid}body[data-theme=dark] .index_index_mq-btn-ghost__z8qbB__ps87G:hover{border:1px solid}body[data-theme=light] .index_index_mq-btn-danger__xKqGv__3SkyY{background-color:#ef4343;color:#fff}body[data-theme=light] .index_index_mq-btn-danger__xKqGv__3SkyY:hover{background-color:#ba1c1c}body[data-theme=light] .index_index_mq-btn-danger__xKqGv__3SkyY:disabled{background-color:#fef1f1;color:#fd6b6b}body[data-theme=dark] .index_index_mq-btn-danger__xKqGv__3SkyY{color:#000}.index_index_mq-btn-danger__xKqGv__3SkyY:disabled,.index_index_mq-btn-default__fHGCj__NKLyT:disabled,.index_index_mq-btn-ghost__z8qbB__ps87G:disabled,.index_index_mq-btn-primary__H-Gct__0DV9V:disabled{border:none;cursor:not-allowed}.index_index_mq-btn-danger__xKqGv__3SkyY:disabled>*,.index_index_mq-btn-default__fHGCj__NKLyT:disabled>*,.index_index_mq-btn-ghost__z8qbB__ps87G:disabled>*,.index_index_mq-btn-primary__H-Gct__0DV9V:disabled>*{pointer-events:none}.index_index_mq-btn-sm__24w-B__19I55{height:28px;padding:3px 8px}.index_index_mq-btn-lg__in5g4__M7ikE{border-radius:8px;height:42px;line-height:1.25;padding:10px 20px}body[data-theme=light] .index_index_mq-btn-lg__in5g4__M7ikE{font-size:16px}.index_index_mq-btn-block__zlh0E__qCenE{width:100%}.index_index_modal__8hqpA__BzoFu{background:rgba(0,0,0,.24);bottom:0;left:0;position:absolute;right:0;top:0;z-index:40}.index_index_dialog__-CY4G__--QQo{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_index_dialog__-CY4G__--QQo{background-color:#fff}body[data-theme=dark] .index_index_dialog__-CY4G__--QQo{background-color:#000}.index_index_mobileStyle__PXyyW__DV5rv{border-radius:unset;height:100%;min-height:600px;min-width:375px;width:100%}.index_index_titleContainer__Zh5W-__BMLOJ{align-items:center;display:flex;height:50px;padding:14px 16px;position:relative}.index_index_title__slMUl__dlEBx{left:50%;position:absolute;transform:translateX(-50%)}body[data-theme=light] .index_index_title__slMUl__dlEBx{color:#000;font-size:18px;font-weight:500}body[data-theme=dark] .index_index_title__slMUl__dlEBx{color:#fff}.index_index_closeBtn__wSgXt__W8pRs{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_index_closeBtn__wSgXt__W8pRs:hover{color:#71717a}.index_index_leftBtn__3ROua__q45ax{cursor:pointer;left:30px;position:absolute}.index_index_enter__yf535__ZgYTi{opacity:0}.index_index_enterActive__JlTE1__tmZLH{opacity:1;transition:opacity .25s ease-in-out}.index_index_enterDone__Uc1Qk__uLa2W,.index_index_exit__j7YTj__-oGJs{opacity:1}.index_index_exitActive__0X18R__YiKwt{opacity:0;transition:opacity .25s ease-in-out}.index_index_exitDone__Czhm6__0SXgQ{opacity:0}.index_index_contentEnter__vObje__QH0sP{top:100%}.index_index_contentEnterActive__--0so__e-GBS{top:50%;transition:top .2s ease-in-out}.index_index_contentEnterDone__NmBEt__iQpyH,.index_index_contentExit__j47VF__3enIL{top:50%}.index_index_contentExitActive__FIRqW__Nqdrm{top:100%;transition:top .2s ease-in-out}.index_index_contentExitDone__MPb9B__XaRE3{top:100%}.index_index_modalContent__79xmh__4Wquq{align-items:center;border-radius:18px;display:flex;flex-direction:column;justify-content:center;min-width:141px;padding:24px 32px;width:auto}.index_index_iconBox__yjVbN__gZlhG{height:48px;width:49px}.index_index_roate__kto7W__oRiMI{animation:index_index_circle__p1-1q__lPvxg .75s linear infinite}@keyframes index_index_circle__p1-1q__lPvxg{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.index_index_description__wK0Vr__c9ISv{margin-top:5px;white-space:nowrap}body[data-theme=light] .index_index_description__wK0Vr__c9ISv{color:#71717a;font-size:14px;font-weight:400}.index_index_avatarContainer__ehIQj__hAwwr{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-right:8px;overflow:hidden;text-transform:uppercase}body[data-theme=light] .index_index_avatarContainer__ehIQj__hAwwr{color:#fff}body[data-theme=dark] .index_index_avatarContainer__ehIQj__hAwwr{color:#000}.index_index_circle__HuEIM__l0gK-{border-radius:50%}.index_index_rounded__WBji1__ozIKg{border-radius:4px}.index_index_square__cugGQ__yUsQl{border-radius:0}body[data-theme=light] .index_index_avatarFallback__5YmpN__Knkhg{background-color:#615ef0}.index_index_imgLoaded__-lDMP__MNXm3{background-color:none}.index_index_avatarFallback__5YmpN__Knkhg{display:block;height:inherit;object-fit:cover;text-align:center;width:inherit}.index_index_loadingContainer__fzCYD__Jk-Hr{display:flex;justify-content:center;width:100%}.index_index_loadingContainer__fzCYD__Jk-Hr .index_index_defaultLoading__Cwu15__LcO-G{animation:index_index_circle__Z0SjU__-BTM8 .75s linear infinite;border-radius:100%;height:42px;position:relative;width:42px}.index_index_loadingContainer__fzCYD__Jk-Hr .index_index_defaultLoading__Cwu15__LcO-G: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_index_loadingContainer__fzCYD__Jk-Hr .index_index_defaultLoading__Cwu15__LcO-G{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_index_loadingContainer__fzCYD__Jk-Hr .index_index_defaultLoading__Cwu15__LcO-G{background:conic-gradient(from 13.39deg at 50% 50%,0deg,rgba(97,94,240,0) 65.78deg,1turn)}@keyframes index_index_circle__Z0SjU__-BTM8{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.index_index_loadingContainer__fzCYD__Jk-Hr .index_index_spinLoading__9GSw1__QGGlZ,.index_index_loadingContainer__fzCYD__Jk-Hr .index_index_spinLoading__9GSw1__QGGlZ>div{box-sizing:border-box;position:relative}.index_index_loadingContainer__fzCYD__Jk-Hr .index_index_spinLoading__9GSw1__QGGlZ{color:#006cff;display:block;font-size:0}.index_index_loadingContainer__fzCYD__Jk-Hr .index_index_spinLoading__9GSw1__QGGlZ>div{background-color:currentColor;border:0 solid;display:inline-block;float:none}.index_index_loadingContainer__fzCYD__Jk-Hr .index_index_spinLoading__9GSw1__QGGlZ{width:40px}.index_index_loadingContainer__fzCYD__Jk-Hr .index_index_spinLoading__9GSw1__QGGlZ>div{animation:index_index_ball-fall__K6OPc__A8MGJ 1.3s ease-in-out infinite;border-radius:100%;height:6px;margin:2px;opacity:0;width:6px}.index_index_loadingContainer__fzCYD__Jk-Hr .index_index_spinLoading__9GSw1__QGGlZ>div:first-child{animation-delay:-.2s}.index_index_loadingContainer__fzCYD__Jk-Hr .index_index_spinLoading__9GSw1__QGGlZ>div:nth-child(2){animation-delay:-.1s}.index_index_loadingContainer__fzCYD__Jk-Hr .index_index_spinLoading__9GSw1__QGGlZ>div:nth-child(3){animation-delay:0ms}@keyframes index_index_ball-fall__K6OPc__A8MGJ{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_index_zoomIn__kGHQY__XTGWu{0%{opacity:0;-webkit-transform:scale3d(0,0,.3);transform:scale3d(0,0,.3)}50%{opacity:1}}.index_index_toast-wrapper__es02h__fxsoN{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_index_toast__Yscgh__Ybt0z{align-items:center;animation-duration:.3s;animation-name:index_index_zoomIn__kGHQY__XTGWu;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_index_toast__Yscgh__Ybt0z{border:1px solid #f4f4f5;color:#18181b}body[data-theme=dark] .index_index_toast__Yscgh__Ybt0z{border:1px solid}.index_index_toast__Yscgh__Ybt0z .index_index_icon__FDzyt__d-jmZ{font-size:16px;margin-right:12px}.index_index_profileContainer__-DqaB__sCDiT{position:static}.index_index_isRelative__wvBeQ__djOP8{position:relative}.index_index_avatarNode__MOd-j__dNp0u{cursor:pointer}.index_index_main__bhASh__gxmO5{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_index_main__bhASh__gxmO5,body[data-theme=light] .index_index_main__bhASh__gxmO5{background-color:#fff;border-radius:12px;color:#000}.index_index_main__bhASh__gxmO5 .index_index_avatar__TkMn7__NJZHt{margin-bottom:8px;margin-right:0}.index_index_main__bhASh__gxmO5 .index_index_name__Ptlp7__gjeY4{font-size:16px;font-weight:700;line-height:32px}.index_index_main__bhASh__gxmO5 .index_index_addressWarp__EJcgB__X7fus{align-items:center;display:flex;font-size:16px;font-weight:400;line-height:24px}.index_index_main__bhASh__gxmO5 .index_index_address__ckgvT__lmxTf{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:126px}.index_index_main__bhASh__gxmO5 .index_index_copyIcon__NviD0__dcKdy{cursor:pointer;height:24px;position:relative;width:24px}.index_index_main__bhASh__gxmO5 .index_index_copyIcon__NviD0__dcKdy:after{color:#659c12;content:"copied!";display:none;left:30px;line-height:20px;position:absolute;top:0}.index_index_main__bhASh__gxmO5 .index_index_copied__x-Kin__M3RuB:after{display:block}.index_index_opreraContainer__HhTxJ__7MuIS{grid-gap:8px;display:grid;grid-template-columns:repeat(2,162px);margin-top:32px}.index_index_opreraContainer__HhTxJ__7MuIS .index_index_item__GHK6H__nakUp{align-items:center;background-color:#fff;border:1px solid #dadada;border-radius:61px;cursor:pointer;display:flex;justify-content:center;padding:8px 0}.index_index_opreraContainer__HhTxJ__7MuIS .index_index_item__GHK6H__nakUp:hover{background-color:#fafafa}.index_index_opreraContainer__HhTxJ__7MuIS .index_index_icon__nsMXU__qdMzE{height:20px;margin-right:6px;width:20px}.index_index_opreraContainer__HhTxJ__7MuIS .index_index_text__kWfw9__rml-s{color:#605dec;font-size:14px;font-weight:500;line-height:20px}.index_index_platformContainer__QDwaB__AVX1q{align-self:flex-start;width:100%}.index_index_platformContainer__QDwaB__AVX1q .index_index_title__n4rCR__J--4-{font-size:14px;font-weight:500;line-height:17px;margin:24px 0 6px}.index_index_platformContainer__QDwaB__AVX1q .index_index_item__GHK6H__nakUp{align-items:center;border-bottom:1px solid #ebebeb;display:flex;margin-left:1px;padding:12px 0}.index_index_platformContainer__QDwaB__AVX1q .index_index_item__GHK6H__nakUp:last-child{border:none}.index_index_platformContainer__QDwaB__AVX1q .index_index_name__Ptlp7__gjeY4{color:#616161;font-size:16px;font-weight:400;line-height:19px;margin-left:12px}.index_index_back__zb92n__tORaD{width:100%}.index_index_mobileStyle__hKSXx__K2s15{box-shadow:none;height:100%;position:absolute;top:0;width:100%}.index_index_isTab__S6dem__Wahxg{height:calc(100% - 60px)}.index_index_logout__GTCLg__jdwM9{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_index_logout__GTCLg__jdwM9:hover{background-color:#f04769}.index_index_textContainer__9Sa0t__8Ml2A:hover .index_index_reply__4buwZ__DoNxW,.index_index_textContainer__9Sa0t__8Ml2A:hover .index_index_thread__sbi71__PBIhK{display:block}.index_index_textInner__6Akke__WgFHr{align-items:center;display:flex;flex-wrap:nowrap}.index_index_textInner__6Akke__WgFHr .index_index_reply__4buwZ__DoNxW,.index_index_textInner__6Akke__WgFHr .index_index_thread__sbi71__PBIhK{cursor:pointer;display:none;margin-left:15px}.index_index_text__rW-tZ__qqYIH{line-height:23px;margin-left:0;word-break:break-all}body[data-theme=light] .index_index_text__rW-tZ__qqYIH{background-color:#fff;color:#18181b;font-size:14px;font-weight:400}body[data-theme=dark] .index_index_text__rW-tZ__qqYIH{background-color:#000}.index_index_extraBox__GpG-r__TonSD{align-items:center;display:flex;margin:8px 0}body[data-theme=light] .index_index_extraBox__GpG-r__TonSD{font-size:12px}.index_index_extraBox__GpG-r__TonSD .index_index_extraFlag__tmuEv__bujdQ{margin-right:5px;transform:rotateY(180deg)}body[data-theme=light] .index_index_extraBox__GpG-r__TonSD .index_index_extraFlag__tmuEv__bujdQ{color:#a1a1aa;font-size:18px;font-weight:400}.index_index_extraBox__GpG-r__TonSD .index_index_extraMain__BbmHU__IUZgN{align-items:flex-start;display:flex;flex-direction:column}.index_index_extraBox__GpG-r__TonSD .index_index_extraMain__BbmHU__IUZgN .index_index_threadMessage__Fyu40__QWnM-{cursor:pointer}body[data-theme=light] .index_index_extraBox__GpG-r__TonSD .index_index_extraMain__BbmHU__IUZgN .index_index_threadMessage__Fyu40__QWnM-{color:#615ef0;font-weight:600}.index_index_extraBox__GpG-r__TonSD .index_index_extraMain__BbmHU__IUZgN .index_index_replyMessage__SZ5zI__32Z-F{border-radius:4px;display:inline-block;padding:4px;word-break:break-all}body[data-theme=light] .index_index_extraBox__GpG-r__TonSD .index_index_extraMain__BbmHU__IUZgN .index_index_replyMessage__SZ5zI__32Z-F{background:#a1a1aa;color:#18181b;font-size:10px}.index_index_extraBox__GpG-r__TonSD .index_index_extraMain__BbmHU__IUZgN .index_index_loading__3DfBb__Grgu8>div{height:20px;width:20px}.index_index_popover__uIdXV__RcLHc{position:relative}.index_index_popover__uIdXV__RcLHc:hover .index_index_popoverBubble__jAd2W__CriIq{display:block}.index_index_popover__uIdXV__RcLHc .index_index_popoverBubble__jAd2W__CriIq{display:none;left:50%;position:absolute;top:-7px;transform:translate(-50%,-100%);transition:display .2s linear}.index_index_popover__uIdXV__RcLHc .index_index_popoverBubble__jAd2W__CriIq .index_index_popoverInner__TxBSh__e-PDc{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_index_popover__uIdXV__RcLHc .index_index_popoverBubble__jAd2W__CriIq .index_index_popoverArrow__VYZAI__S-MtN{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_index_popover__uIdXV__RcLHc .index_index_popoverBubble__jAd2W__CriIq .index_index_popoverArrow__VYZAI__S-MtN .index_index_popoverArrowContent__fUcMx__UpqZl{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_index_popover__uIdXV__RcLHc .index_index_popoverBubble__jAd2W__CriIq .index_index_popoverArrow__VYZAI__S-MtN .index_index_popoverArrowContent__fUcMx__UpqZl:before{background-position:-10px -10px;background-repeat:no-repeat;content:"";height:34px;left:-11.31px;position:absolute;top:-11.31px;width:34px}.index_index_actionBtns__lSceO__Aqrhr{align-items:center;border-radius:8px;display:flex;justify-content:space-between;padding:0 12px}body[data-theme=light] .index_index_actionBtns__lSceO__Aqrhr{background:#615ef0}body[data-theme=light] .index_index_actionBtns__lSceO__Aqrhr .index_index_btn__853qP__Gb5kF{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:12px;height:36px}body[data-theme=light] .index_index_actionBtns__lSceO__Aqrhr .index_index_btn__853qP__Gb5kF .index_index_com__G3OG1__T2Gyq{align-items:center;display:flex;height:22px;width:14px}body[data-theme=light] .index_index_actionBtns__lSceO__Aqrhr .index_index_btn__853qP__Gb5kF .index_index_msg__ya6tC__VTB4x{max-width:50px}body[data-theme=light] .index_index_actionBtns__lSceO__Aqrhr .index_index_btn__853qP__Gb5kF:not(:last-child){margin-right:14px}body[data-theme=light] .index_index_actionBtns__lSceO__Aqrhr .index_index_btn__853qP__Gb5kF svg path{fill:#fff;width:14px}body[data-theme=dark] .index_index_actionBtns__lSceO__Aqrhr .index_index_btn__853qP__Gb5kF{align-items:center;color:#000;cursor:pointer;display:flex;height:36px}body[data-theme=dark] .index_index_actionBtns__lSceO__Aqrhr .index_index_btn__853qP__Gb5kF .index_index_com__G3OG1__T2Gyq{align-items:center;display:flex;height:22px;width:14px}body[data-theme=dark] .index_index_actionBtns__lSceO__Aqrhr .index_index_btn__853qP__Gb5kF .index_index_msg__ya6tC__VTB4x{max-width:50px}body[data-theme=dark] .index_index_actionBtns__lSceO__Aqrhr .index_index_btn__853qP__Gb5kF:not(:last-child){margin-right:14px}body[data-theme=dark] .index_index_actionBtns__lSceO__Aqrhr .index_index_btn__853qP__Gb5kF svg path{fill:#000;width:14px}.index_index_actionBtns__lSceO__Aqrhr.index_index_mobileStyle__OPSnA__CxnOV{align-items:flex-start;bottom:0;height:fit-content;margin:auto 0;padding:8px 12px;position:absolute;right:24px;top:0}.index_index_actionBtns__lSceO__Aqrhr.index_index_mobileStyle__OPSnA__CxnOV .index_index_btn__853qP__Gb5kF{flex-direction:column;height:auto;justify-content:space-between}.index_index_actionBtns__lSceO__Aqrhr.index_index_mobileStyle__OPSnA__CxnOV .index_index_btn__853qP__Gb5kF:not(:last-child){margin-right:7px}.index_index_messageSimpleContainer__snIto__gUY0s{align-items:flex-start;border-bottom:1px solid;display:flex;padding:16px 24px;position:relative}body[data-theme=light] .index_index_messageSimpleContainer__snIto__gUY0s{border-color:#f4f4f5}.index_index_messageSimpleContainer__snIto__gUY0s.index_index_mobileStyle__oLo5N__l8Tfa{padding:10px 16px}.index_index_messageSimpleContainer__snIto__gUY0s.index_index_mobileStyle__oLo5N__l8Tfa .index_index_message__qlEMP__tV0SA{margin-left:0}.index_index_messageSimpleContainer__snIto__gUY0s.index_index_mobileStyle__oLo5N__l8Tfa .index_index_actionBtns__nK6oS__KuOFm{top:10px}.index_index_messageSimpleContainer__snIto__gUY0s.index_index_deviceMobileShow__vGncS__nAsj- .index_index_actionBtns__nK6oS__KuOFm,.index_index_messageSimpleContainer__snIto__gUY0s:hover:not(.index_index_deviceMobileStyle__JR9Rg__tWQeY) .index_index_actionBtns__nK6oS__KuOFm{display:flex}.index_index_message__qlEMP__tV0SA{margin-left:5px;position:relative;width:100%}.index_index_dataInner__5z-bX__UBZYf span{display:inline-block;line-height:23px;white-space:nowrap}body[data-theme=light] .index_index_dataInner__5z-bX__UBZYf span{color:#a1a1aa;font-size:12px}.index_index_dataInner__5z-bX__UBZYf .index_index_name__0QRxZ__j-UTr{margin-right:8px}body[data-theme=light] .index_index_dataInner__5z-bX__UBZYf .index_index_name__0QRxZ__j-UTr{color:#18181b;font-size:14px;font-weight:600}.index_index_msgLoad__WVySA__d2WZU{margin-left:10px;width:auto}.index_index_msgLoad__WVySA__d2WZU>div{height:21px!important;width:21px!important}.index_index_msgLoad__WVySA__d2WZU>div:after{border:3px solid transparent!important}.index_index_hideMessageMargin__roCMd__yLyF5{margin:0!important}.index_index_actionBtns__nK6oS__KuOFm{display:none;position:absolute;right:24px;top:16px}.index_MessageInputFlat_messageInputFlatContainer__8Uuq8__nVZbh{box-shadow:0 -12px 10px rgba(30,83,133,.03);padding:13px 30px}.index_MessageInputFlat_messageInputFlatContainer__8Uuq8__nVZbh.index_MessageInputFlat_mobileStyle__Fob-H__-PJtM{padding:13px 15px}.index_MessageInputFlat_inputContainer__eQHOR__-b6Pk{align-items:center;display:flex}.index_MessageInputFlat_messageIcon__IVjm0__MxQAK{background-image:url(../assets/searchMessage.svg);background-repeat:no-repeat;background-size:cover;cursor:pointer;height:25px;margin-right:10px;width:25px}.index_MessageInputFlat_opreat__k5EdV__thrAb{display:none;min-height:100px}body[data-theme=light] .index_MessageInputFlat_opreat__k5EdV__thrAb{background-color:#f4f4f5}.index_MessageInputFlat_showOperat__WED3w__iZfKn{display:block}.index_index_threadContainer__8jRiV__-5Lup{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_index_mobileStyle__1IYCp__SV9u7{border:none;min-width:100%;position:fixed!important}.index_index_threadHeaderContainer__i1iN3__Q0aZs{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_index_threadHeaderContainer__i1iN3__Q0aZs .index_index_title__BFWP8__-wAGW{font-weight:700}.index_index_threadHeaderContainer__i1iN3__Q0aZs .index_index_warp__A3pei__ReT3G{align-items:center;display:flex}.index_index_threadHeaderContainer__i1iN3__Q0aZs .index_index_closeBtn__v6qgP__jG8Wt{cursor:pointer;height:22px;width:23px}.index_index_threadHeaderContainer__i1iN3__Q0aZs .index_index_arrowLeft__ATbUk__nO-Hi{margin-right:10px}.index_index_chatContainerClass__YhxYB__bJfKF{display:flex;flex:1;height:100%;width:100%}body[data-theme=light] .index_index_chatContainerClass__YhxYB__bJfKF{background-color:#fff}body[data-theme=dark] .index_index_chatContainerClass__YhxYB__bJfKF{background-color:#000}.index_index_mobileStyle__RtjeK__xR6uD{border:none;position:absolute}.index_index_PcContainer__tXGn9__33BMO{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_index_PcContainer__tXGn9__33BMO{background:#fff;border-color:#f4f4f5}body[data-theme=dark] .index_index_PcContainer__tXGn9__33BMO{background:#000}.index_index_userAvatar__u3Gqq__qpLOQ{margin-right:0}.index_index_list__7NuTQ__AmtMK{margin-top:40px;width:100%}.index_index_tabItem__CTTYr__8b4MN{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_index_tabItem__CTTYr__8b4MN{color:#18181b}body[data-theme=light] .index_index_tabItem__CTTYr__8b4MN:hover{color:#615ef0}body[data-theme=light] .index_index_tabItem__CTTYr__8b4MN:hover .index_index_icon__WkOj1__sKTzY svg path{fill:#615ef0}body[data-theme=light] .index_index_tabItem__CTTYr__8b4MN:hover:before{display:block}body[data-theme=light] .index_index_tabItem__CTTYr__8b4MN.index_index_selected__B1YPa__yfxs5{fill:#615ef0;color:#615ef0}body[data-theme=dark] .index_index_tabItem__CTTYr__8b4MN.index_index_selected__B1YPa__yfxs5:before,body[data-theme=dark] .index_index_tabItem__CTTYr__8b4MN:hover:before,body[data-theme=light] .index_index_tabItem__CTTYr__8b4MN.index_index_selected__B1YPa__yfxs5:before{display:block}.index_index_icon__WkOj1__sKTzY{background-size:cover;height:30px;width:24px}body[data-theme=light] .index_index_icon__WkOj1__sKTzY.index_index_selected__B1YPa__yfxs5 svg path,body[data-theme=light] .index_index_icon__WkOj1__sKTzY:hover{fill:#615ef0}body[data-theme=light] .index_index_title__9x-a8__p1zSc{font-size:12px}.index_index_MobileContainer__-WOlD__opbXN{display:flex;flex-direction:row;width:100%}body[data-theme=light] .index_index_MobileContainer__-WOlD__opbXN{background-color:#fff}body[data-theme=dark] .index_index_MobileContainer__-WOlD__opbXN{background-color:#000}.index_index_tabItem__ARXXs__TJU3V{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:60px;justify-content:center;position:relative;width:100%}body[data-theme=light] .index_index_tabItem__ARXXs__TJU3V{color:#18181b}body[data-theme=light] .index_index_tabItem__ARXXs__TJU3V.index_index_selected__jsQsg__zBma1,body[data-theme=light] .index_index_tabItem__ARXXs__TJU3V:hover{background-color:#f4f4f5;color:#615ef0}.index_index_icon__EG6-L__EIrvp{background-size:cover;height:30px;width:24px}body[data-theme=light] .index_index_title__rmQHH__Da2tX{font-size:12px}.index_index_chatDownContainer__ON2Rv__33qvT{display:flex;height:100%}.index_index_chatDownMain__HpiAq__yylc0{flex:1;padding:30px}.index_index_loadingContainer__7gICe__qHhjb{background:#fafafa;padding:20px}.index_index_loadingContainer__7gICe__qHhjb .index_index_loadingChannelMeta__BxXzT__4apLg{flex:1}.index_index_loadingContainer__7gICe__qHhjb .index_index_loadingChannelAvatar__3Ds-L__LnQGS,.index_index_loadingContainer__7gICe__qHhjb .index_index_loadingChannelStatus__lkN7z__w-G84,.index_index_loadingContainer__7gICe__qHhjb .index_index_loadingChannelUsername__1UFKQ__NOL-J{animation:index_index_placeHolderShimmer__cTY5R__Yn8Fr 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_index_placeHolderShimmer__cTY5R__Yn8Fr{0%{background-position:-400px 0}to{background-position:400px 0}}.index_index_loadingContainer__7gICe__qHhjb .index_index_loadingChannelStatus__lkN7z__w-G84,.index_index_loadingContainer__7gICe__qHhjb .index_index_loadingChannelUsername__1UFKQ__NOL-J{border-radius:2px;height:14px}.index_index_loadingContainer__7gICe__qHhjb .index_index_loadingChannelAvatar__3Ds-L__LnQGS{border-radius:100%;height:40px;margin-right:10px;width:40px}.index_index_loadingContainer__7gICe__qHhjb .index_index_loadingChannelUsername__1UFKQ__NOL-J{margin-bottom:6px;width:40%}.index_index_loadingContainer__7gICe__qHhjb .index_index_loadingChannelStatus__lkN7z__w-G84{width:80%}.index_index_loadingContainer__7gICe__qHhjb .index_index_loadingChannelItem__8TJD6__n-You{align-items:center;animation:index_index_pulsate__uHYzh__BHm7P 1s linear 0s infinite alternate;border-radius:3px;display:flex;height:40px;margin-bottom:10px;width:100%}.index_index_loadingContainer__7gICe__qHhjb .index_index_loadingChannelItem__8TJD6__n-You:nth-of-type(2){animation:index_index_pulsate__uHYzh__BHm7P 1s linear .3334s infinite alternate}.index_index_loadingContainer__7gICe__qHhjb .index_index_loadingChannelItem__8TJD6__n-You:last-of-type{animation:index_index_pulsate__uHYzh__BHm7P 1s linear .6667s infinite alternate}.index_index_channelListMessengerContainer__4HLpJ__zbMgz{height:100%;min-width:350px;overflow-y:auto}body[data-theme=light] .index_index_channelListMessengerContainer__4HLpJ__zbMgz{background-color:#fff;border-right:1px solid #f4f4f5}body[data-theme=dark] .index_index_channelListMessengerContainer__4HLpJ__zbMgz{background-color:#000;border-right:1px solid}.index_index_channelPreviewContainer__eMcYr__DbqXh{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_index_channelPreviewContainer__eMcYr__DbqXh{background-color:#fff}body[data-theme=light] .index_index_channelPreviewContainer__eMcYr__DbqXh.index_index_selected__RDWMi__rKZy5,body[data-theme=light] .index_index_channelPreviewContainer__eMcYr__DbqXh:hover{background-color:#f4f4f5}body[data-theme=dark] .index_index_channelPreviewContainer__eMcYr__DbqXh{background-color:#000}.index_index_channelPreviewContainer__eMcYr__DbqXh.index_index_mobileStyle__1to5V__AC1Dr{padding:10px 24px}.index_index_wrapper__xgJiX__k52j2{display:flex;flex:1;flex-direction:column;position:relative}.index_index_previewBottom__MBxxP__PySV9,.index_index_previewTop__kakXN__GuM1e{align-items:center;display:flex;height:20px;justify-content:space-between}.index_index_title__vVyhT__kHqYN{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body[data-theme=light] .index_index_title__vVyhT__kHqYN{font-size:14px;font-weight:600}body[data-theme=light] .index_index_title__vVyhT__kHqYN.index_index_dark__6ecOV__YE-I8{color:#fff}body[data-theme=light] .index_index_title__vVyhT__kHqYN.index_index_light__x4-4K__Dn-FQ{color:#18181b}body[data-theme=dark] .index_index_title__vVyhT__kHqYN.index_index_dark__6ecOV__YE-I8{color:#000}body[data-theme=light] .index_index_updateTime__0Zms1__hEtml{color:#a1a1aa;font-size:12px}.index_index_lastMessage__tWmCq__6nIZo{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_index_lastMessage__tWmCq__6nIZo{color:#18181b;font-size:14px;font-weight:400}.index_index_unread__hHoxh__1WKof{border-radius:10px;height:18px;line-height:18px;min-width:24px;padding:0 6px;text-align:center}body[data-theme=light] .index_index_unread__hHoxh__1WKof{background-color:#ef4343;color:#fff;font-size:14px;font-weight:600}body[data-theme=dark] .index_index_unread__hHoxh__1WKof{color:#000}.index_index_emptyContainer__CpN08__7MOSL{align-items:center;background-color:#f0efef;display:flex;height:100%;justify-content:center}.index_index_paginatorContainer__UBw2E__Al6pK{padding-bottom:25px;position:relative}.index_index_loadBtn__Das5w__gyKZA{bottom:10px;position:absolute}.index_index_btnPosition__TPxl9__QqSLw{top:10px}.index_index_paddingTop__m-KzM__0TvWU{padding-bottom:0;padding-top:25px}.index_index_channelListMessengerContainer__9hCda__Xa9cd{height:100%;min-width:300px;overflow-y:auto}body[data-theme=light] .index_index_channelListMessengerContainer__9hCda__Xa9cd{background-color:#fff;border-right:1px solid #f4f4f5}body[data-theme=dark] .index_index_channelListMessengerContainer__9hCda__Xa9cd{background-color:#000;border-right:1px solid}.index_index_channelPreviewContainer__96BC1__Jt7R1{align-items:center;cursor:pointer;display:flex;height:56px;padding:8px 16px;transition:background-color .1s ease-in-out}body[data-theme=light] .index_index_channelPreviewContainer__96BC1__Jt7R1{background-color:#fff}body[data-theme=light] .index_index_channelPreviewContainer__96BC1__Jt7R1.index_index_selected__2wVFX__lvwGV,body[data-theme=light] .index_index_channelPreviewContainer__96BC1__Jt7R1:hover{background-color:#f4f4f5}body[data-theme=dark] .index_index_channelPreviewContainer__96BC1__Jt7R1{background-color:#000}.index_index_wrapper__jzWzp__a5cgA{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_index_wrapper__jzWzp__a5cgA{color:#18181b;font-size:14px;font-weight:500}.index_index_EmptyContainer__HIzz8__77Wux{display:flex;flex-direction:column;font-family:Inter,sans-serif;height:100%;justify-content:center;width:100%}body[data-theme=light] .index_index_EmptyContainer__HIzz8__77Wux{background-color:#fff;color:#a1a1aa;font-size:16px;font-weight:500}body[data-theme=dark] .index_index_EmptyContainer__HIzz8__77Wux{background-color:#000}.index_index_emptyIcon__W7mNs__9Ud7a{margin-bottom:10px;text-align:center;width:100%}body[data-theme=light] .index_index_emptyIcon__W7mNs__9Ud7a svg path{fill:#a1a1aa}.index_index_emptyDescription__6gOsK__nYVZg{text-align:center;width:100%}.index_index_notificationPreviewContainer__MVZ1W__S6q2s{cursor:pointer;display:flex;padding:8px 16px;width:100%;word-break:break-word}body[data-theme=light] .index_index_notificationPreviewContainer__MVZ1W__S6q2s:hover{background-color:#f4f4f5}.index_index_wrapper__Iai79__Wem0m{display:flex;flex:1;flex-direction:column;position:relative;width:100%}.index_index_wrapper__Iai79__Wem0m .index_index_dataInner__FKSVh__OWuyl{display:flex;font-family:Inter,sans-serif;justify-content:space-between}body[data-theme=light] .index_index_wrapper__Iai79__Wem0m .index_index_dataInner__FKSVh__OWuyl .index_index_title__oHl4e__tSmsU{color:#000;font-size:16px;font-weight:600}body[data-theme=light] .index_index_wrapper__Iai79__Wem0m .index_index_dataInner__FKSVh__OWuyl .index_index_date__fH1Ur__klZNT{color:#a1a1aa;font-size:13px;font-weight:400}body[data-theme=dark] .index_index_wrapper__Iai79__Wem0m .index_index_dataInner__FKSVh__OWuyl .index_index_title__oHl4e__tSmsU{color:#fff}.index_index_wrapper__Iai79__Wem0m .index_index_wrapperBottom__dPqYh__EMnwY{align-items:center;display:flex}.index_index_textContainer__YsyS3__cAI-K{-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_index_textContainer__YsyS3__cAI-K{color:#52525b;font-size:13px;font-weight:400}.index_index_notificationContainer__nrVU6__NstpF{height:100%;overflow-y:auto}body[data-theme=light] .index_index_notificationContainer__nrVU6__NstpF{background-color:#fff;border-right:1px solid #f4f4f5}body[data-theme=dark] .index_index_notificationContainer__nrVU6__NstpF{background-color:#000;border-right:1px solid}.index_index_notificationIcon__BTW91__-cAFN{height:42px}.index_index_notificationIcon__BTW91__-cAFN svg{height:42px;width:36px}.index_index_modalBody__S0q0j__EyDvI{height:430px;overflow-x:hidden;overflow-y:auto;width:100%}.index_index_btnContainer__umESb__4B5S-{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_index_btnContainer__umESb__4B5S-{background-color:#fff}body[data-theme=light] .index_index_btnContainer__umESb__4B5S- .index_index_title__kIAlk__FF9jE{font-size:12px}body[data-theme=dark] .index_index_btnContainer__umESb__4B5S-{background-color:#000}.index_index_emptyContainer__6HHIl__7-wWU{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_index_emptyContainer__6HHIl__7-wWU{color:#71717a;font-size:14px;font-weight:400}.index_CreateChannel_btn__fgYhc__j8xXx{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] .index_CreateChannel_btn__fgYhc__j8xXx{background:#fff}body[data-theme=dark] .index_CreateChannel_btn__fgYhc__j8xXx{background:#000}.index_CreateChannel_btn__fgYhc__j8xXx:focus{border:none;outline:none}.index_CreateChannel_createChannelModal__JKbzm__Bu6Ym{font-family:Inter,sans-serif;height:480px;min-width:420px;overflow:hidden;width:420px}.index_CreateChannel_createChannelModal__JKbzm__Bu6Ym.index_CreateChannel_mobileStyle__5AoQh__RGuD5{border-radius:unset;height:100%;min-width:375px;width:100%}.index_CreateChannel_createChannelModalHeader__2Vn1U__sNImQ{border-radius:0;display:flex;height:50px;padding:14px 16px;position:relative}.index_CreateChannel_createChannelModalHeader__2Vn1U__sNImQ .index_CreateChannel_title__bsWTl__h1IVB{letter-spacing:0;line-height:22px;text-align:center;width:100%}body[data-theme=light] .index_CreateChannel_createChannelModalHeader__2Vn1U__sNImQ .index_CreateChannel_title__bsWTl__h1IVB{font-size:18px;font-weight:500}.index_CreateChannel_createChannelModalHeader__2Vn1U__sNImQ .index_CreateChannel_backBtn__WleAE__8e7oU{cursor:pointer;font-size:16px;height:16px;left:30px;position:absolute}body[data-theme=light] .index_CreateChannel_createChannelModalHeader__2Vn1U__sNImQ .index_CreateChannel_backBtn__WleAE__8e7oU:hover{color:#71717a}.index_CreateChannel_createChannelModalHeader__2Vn1U__sNImQ .index_CreateChannel_closeBtn__-A3hh__70JLc{cursor:pointer;font-size:16px;height:16px;position:absolute;right:30px}body[data-theme=light] .index_CreateChannel_createChannelModalHeader__2Vn1U__sNImQ .index_CreateChannel_closeBtn__-A3hh__70JLc:hover{color:#71717a}.index_CreateChannel_createChannelContainer__vvT4d__iJz1R{display:flex;flex-direction:column;height:calc(100% - 65px);overflow-y:hidden}.index_CreateChannel_hide__-gBig__BZJ-N{display:none}.index_CreateChannel_mainContainer__FvXXU__KnPhA{height:100%;margin-top:16px;overflow-y:scroll;position:relative}.index_CreateChannel_opreraBar__yDcT2__8e9Vl{display:flex;font-family:Inter,sans-serif;padding:16px}.index_CreateChannel_opreraBar__yDcT2__8e9Vl.index_CreateChannel_hide__-gBig__BZJ-N{display:none}.index_CreateChannel_opreraBar__yDcT2__8e9Vl button:first-of-type{margin-right:16px}.index_CreateChannel_opreraBar__yDcT2__8e9Vl .index_CreateChannel_addFriends__Ahtdr__ZqR-2,.index_CreateChannel_opreraBar__yDcT2__8e9Vl .index_CreateChannel_createRoom__kDs12__9w9aH{height:20px;width:20px}body[data-theme=dark] .index_CreateChannel_opreraBar__yDcT2__8e9Vl .index_CreateChannel_addFriends__Ahtdr__ZqR-2,body[data-theme=dark] .index_CreateChannel_opreraBar__yDcT2__8e9Vl .index_CreateChannel_createRoom__kDs12__9w9aH,body[data-theme=light] .index_CreateChannel_opreraBar__yDcT2__8e9Vl .index_CreateChannel_addFriends__Ahtdr__ZqR-2,body[data-theme=light] .index_CreateChannel_opreraBar__yDcT2__8e9Vl .index_CreateChannel_createRoom__kDs12__9w9aH{font-size:6.66667px}.index_CreateChannel_contactsContainer__suhXL__Q-PAh{height:100%;overflow:hidden}.index_CreateChannel_contactsContainer__suhXL__Q-PAh>.index_CreateChannel_friendTitle__tidk0__XhXu1{font-style:normal;height:20px;line-height:20px;margin-bottom:8px;padding:0 16px;width:100%}body[data-theme=light] .index_CreateChannel_contactsContainer__suhXL__Q-PAh>.index_CreateChannel_friendTitle__tidk0__XhXu1{color:#3f3f46;font-size:14px;font-weight:400}.index_CreateChannel_contactList__6rIZY__06gwe{cursor:pointer;height:calc(100% - 28px);overflow-y:scroll}.index_CreateChannel_contactItem__3hMUD__ap6AT,.index_CreateChannel_searchContactItem__edsI4__yGFO0,.index_CreateChannel_searchFollowerItem__xtAxz__E9jd9{cursor:pointer;display:flex;margin-bottom:4px;padding:8px 16px}body[data-theme=light] .index_CreateChannel_contactItem__3hMUD__ap6AT,body[data-theme=light] .index_CreateChannel_searchContactItem__edsI4__yGFO0,body[data-theme=light] .index_CreateChannel_searchFollowerItem__xtAxz__E9jd9{color:#18181b;font-size:14px;font-weight:500}body[data-theme=light] .index_CreateChannel_contactItem__3hMUD__ap6AT:hover,body[data-theme=light] .index_CreateChannel_searchContactItem__edsI4__yGFO0:hover,body[data-theme=light] .index_CreateChannel_searchFollowerItem__xtAxz__E9jd9:hover{background-color:#f4f4f5}.index_CreateChannel_wrapper__MyJp1__PpXak{display:flex;flex-direction:column;justify-content:space-between;letter-spacing:0;text-align:left}body[data-theme=light] .index_CreateChannel_searchFollowerItem__xtAxz__E9jd9 .index_CreateChannel_followStatus__EdtD-__rpv8l{color:#a1a1aa;font-size:10px;font-weight:400}.index_CreateChannel_searchFollowerItem__xtAxz__E9jd9 .index_CreateChannel_searchFollowersBtn__7gQJQ__ju2TP{align-self:center;display:flex;position:absolute;right:16px}.index_CreateChannel_addFriendContainer__105ZQ__1L-Ie,.index_CreateChannel_createRoomContainer__25-vB__4hL5j,.index_CreateChannel_selectContactsContainer__3D89e__hvIxh{display:flex;flex-direction:column;font-family:Inter,sans-serif;height:calc(100% - 124px);letter-spacing:0;text-align:left}.index_CreateChannel_addFriendContainer__105ZQ__1L-Ie.index_CreateChannel_hide__-gBig__BZJ-N,.index_CreateChannel_createRoomContainer__25-vB__4hL5j.index_CreateChannel_hide__-gBig__BZJ-N,.index_CreateChannel_selectContactsContainer__3D89e__hvIxh.index_CreateChannel_hide__-gBig__BZJ-N{display:none}body[data-theme=light] .index_CreateChannel_addFriendContainer__105ZQ__1L-Ie,body[data-theme=light] .index_CreateChannel_createRoomContainer__25-vB__4hL5j,body[data-theme=light] .index_CreateChannel_selectContactsContainer__3D89e__hvIxh{border-bottom:1px solid #f4f4f5;font-size:14px;font-weight:400}body[data-theme=dark] .index_CreateChannel_addFriendContainer__105ZQ__1L-Ie,body[data-theme=dark] .index_CreateChannel_createRoomContainer__25-vB__4hL5j,body[data-theme=dark] .index_CreateChannel_selectContactsContainer__3D89e__hvIxh{border-bottom:1px solid}.index_CreateChannel_btnContaner__i5Ofp__AKEA5{bottom:0;left:0;padding:16px;position:absolute;width:100%}.index_CreateChannel_commonInput__Z74T8__-2Dpf,.index_CreateChannel_commonTextarea__5hbxD__oMFsc{border-radius:8px;box-sizing:border-box;line-height:20px;outline:none;padding:10px 16px;text-align:left;width:100%}.index_CreateChannel_commonInput__Z74T8__-2Dpf:disabled,.index_CreateChannel_commonTextarea__5hbxD__oMFsc:disabled{cursor:no-drop}body[data-theme=light] .index_CreateChannel_commonInput__Z74T8__-2Dpf,body[data-theme=light] .index_CreateChannel_commonTextarea__5hbxD__oMFsc{border:1px solid #e4e4e7;font-size:16px}body[data-theme=light] .index_CreateChannel_commonInput__Z74T8__-2Dpf:focus,body[data-theme=light] .index_CreateChannel_commonTextarea__5hbxD__oMFsc:focus{border:2px solid #8885fd}body[data-theme=dark] .index_CreateChannel_commonInput__Z74T8__-2Dpf,body[data-theme=dark] .index_CreateChannel_commonTextarea__5hbxD__oMFsc{border:1px solid}body[data-theme=dark] .index_CreateChannel_commonInput__Z74T8__-2Dpf:focus,body[data-theme=dark] .index_CreateChannel_commonTextarea__5hbxD__oMFsc:focus{border:2px solid}.index_CreateChannel_commonTextarea__5hbxD__oMFsc{resize:vertical}.index_CreateChannel_addFriendContainer__105ZQ__1L-Ie{padding:0 16px}.index_CreateChannel_addFriendContainer__105ZQ__1L-Ie>.index_CreateChannel_label__tjGiO__nJDSK{margin-bottom:8px}body[data-theme=light] .index_CreateChannel_addFriendContainer__105ZQ__1L-Ie>.index_CreateChannel_label__tjGiO__nJDSK{color:#18181b}.index_CreateChannel_addFriendContainer__105ZQ__1L-Ie .index_CreateChannel_label__tjGiO__nJDSK:nth-child(4){margin-top:16px}.index_CreateChannel_addFriendContainer__105ZQ__1L-Ie>.index_CreateChannel_warnning__3FETR__bxrem{border-radius:12px;box-sizing:border-box;display:flex;line-height:16px;margin-top:8px;padding:12px}.index_CreateChannel_addFriendContainer__105ZQ__1L-Ie>.index_CreateChannel_warnning__3FETR__bxrem.index_CreateChannel_hide__-gBig__BZJ-N{display:none}body[data-theme=light] .index_CreateChannel_addFriendContainer__105ZQ__1L-Ie>.index_CreateChannel_warnning__3FETR__bxrem{background-color:#fef1f1;border:1px solid #fee1e1;color:#ef4343;font-size:12px;font-weight:500}body[data-theme=dark] .index_CreateChannel_addFriendContainer__105ZQ__1L-Ie>.index_CreateChannel_warnning__3FETR__bxrem{border:1px solid}.index_CreateChannel_addFriendContainer__105ZQ__1L-Ie .index_CreateChannel_warnIcon__6i-2Z__bpty1{align-items:center;display:flex;height:16px;width:16px}body[data-theme=dark] .index_CreateChannel_addFriendContainer__105ZQ__1L-Ie .index_CreateChannel_warnIcon__6i-2Z__bpty1,body[data-theme=light] .index_CreateChannel_addFriendContainer__105ZQ__1L-Ie .index_CreateChannel_warnIcon__6i-2Z__bpty1{font-size:4px}body[data-theme=light] .index_CreateChannel_selectContactsContainer__3D89e__hvIxh{font-weight:600}.index_CreateChannel_inputContainer__lG1pb__daSoZ{border-radius:8px;box-sizing:border-box;cursor:text;display:flex;margin:0 16px;padding:4px 10px}body[data-theme=dark] .index_CreateChannel_inputContainer__lG1pb__daSoZ,body[data-theme=light] .index_CreateChannel_inputContainer__lG1pb__daSoZ{border:2px solid #8885fd}.index_CreateChannel_contactSelector__g4YRC__-88GE{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;width:100%}.index_CreateChannel_contactSelector__g4YRC__-88GE .index_CreateChannel_selectedBox__UFmDi__y--yT{border-radius:4px;cursor:default;height:23px;line-height:20px;margin:4px 8px 4px 0;padding:1px 6px 2px}body[data-theme=light] .index_CreateChannel_contactSelector__g4YRC__-88GE .index_CreateChannel_selectedBox__UFmDi__y--yT{background:#615ef0;color:#fff}body[data-theme=dark] .index_CreateChannel_contactSelector__g4YRC__-88GE .index_CreateChannel_selectedBox__UFmDi__y--yT{color:#000}.index_CreateChannel_contactSelector__g4YRC__-88GE .index_CreateChannel_inputElement__SSmbt__oYjoh{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] .index_CreateChannel_contactSelector__g4YRC__-88GE .index_CreateChannel_inputElement__SSmbt__oYjoh{font-size:16px}.index_CreateChannel_searchContactItem__edsI4__yGFO0 input[type=checkbox]{align-self:center;appearance:none;border-radius:6px;cursor:pointer;height:20px;margin:0 12px 0 0;width:20px}.index_CreateChannel_searchContactIte