.app_main__jfo8p{display:flex;flex-direction:row;height:100vh}.app_leftSlide__J_mTs{width:30%;background-color:var(--bg-color-chat-list-box);display:flex;flex-direction:column;height:100vh}.app_rightSlide__OPVCN{width:70%;background-image:url(/background-chat-612x612.jpg);position:relative}.app_rightSlide__OPVCN:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--bg-color-chat-shadow);z-index:1}.app_listHeader__8Fn_4{display:flex;flex-direction:row;padding:15px 20px;column-gap:20px;position:-webkit-sticky;position:sticky;top:0;background-color:inherit;z-index:10;box-shadow:0 4px 8px rgba(0,0,0,.1)}.app_contactsList__o8STu{display:flex;flex-direction:column;overflow-y:auto;flex-grow:1;padding-right:10px;margin-left:10px}.app_contactsList__o8STu::-webkit-scrollbar{width:8px}.app_contactsList__o8STu::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:10px}.app_contactsList__o8STu::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.5)}.app_contactsList__o8STu::-webkit-scrollbar-track{background:transparent}.app_contentBox__pov16{z-index:2;position:relative;display:flex;flex-direction:column}.app_messageBox__5y04J{z-index:2;flex-grow:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column}.app_messageBox__5y04J::-webkit-scrollbar{width:8px}.app_messageBox__5y04J::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:10px}.app_messageBox__5y04J::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.5)}.app_dateDivider__WP2eg{text-align:center;margin:10px 0;font-size:14px;font-weight:700;color:var(--color-text-default);background-color:rgba(101,143,159,.4)}@media (max-width:812px){.app_leftSlide__J_mTs,.app_rightSlide__OPVCN{width:100%}}.app_backButton__eFBk7{background:none;border:none;cursor:pointer;margin-right:15px;color:var(--color-text-default)}.app_mobileContainer__lu_2_{width:100%;height:100vh}.app_mobileWrapper__VGmhO{display:flex;width:200%;height:100%;transition:transform .3s ease-in-out}.app_mobileWrapper__VGmhO .app_leftSlide__J_mTs,.app_mobileWrapper__VGmhO .app_rightSlide__OPVCN{width:50%;height:100%;overflow-y:auto}.app_mobileWrapper__VGmhO .app_leftSlide__J_mTs{background-color:var(--bg-color-chat-list-box)}.app_mobileWrapper__VGmhO .app_rightSlide__OPVCN{background-image:url(/background-chat-612x612.jpg);position:relative}.app_mobileWrapper__VGmhO .app_rightSlide__OPVCN:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--bg-color-chat-shadow);z-index:1}.app_showLeft__UthlB{transform:translateX(0)}.app_showRight__SfyYR{transform:translateX(-50%)}@media (min-width:813px){.app_leftSlide__J_mTs{width:30%}.app_rightSlide__OPVCN{width:70%}}.app_rightSlide__OPVCN>*{position:relative;z-index:2}.chat_slide__dYyml{display:flex;flex-direction:row;width:100%;padding:10px;border-radius:10px;justify-content:space-between}.chat_slide__dYyml:hover{background-color:var(--bg-color-chat-list-box-hover)}.chat_image__cMve_{width:50px;height:50px;border-radius:50%;margin-right:10px}.chat_infoBox__jx4g4{flex-direction:column;width:80%;margin:0}.chat_infoBox__jx4g4,.chat_info__3Jd5I{display:flex;justify-content:space-between}.chat_info__3Jd5I{flex-direction:row;width:100%}.chat_info__3Jd5I p:first-child{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat_info__3Jd5I p:nth-child(2){margin-right:5px}.chat_chatHeaderBox__VBvIW{background-color:var(--bg-color-text-default);flex-direction:row;cursor:pointer;padding:4px 24px}.chat_chatNameBox__IeHDV{flex-direction:row}.chat_chatNameInfoBox__TbHIU{display:flex;flex-direction:column;justify-content:space-around}.chat_resetDefaultButton__D5Pjz{all:unset}.chat_chatHeaderBox__VBvIW{display:flex;justify-content:space-between;align-items:center;padding:10px;transition:background .2s}.chat_chatHeaderBox__VBvIW:hover{background:var(--bg-color-chat-header)}.chat_chatNameBox__IeHDV{display:flex;align-items:center;gap:10px}.chat_chatNameInfoBox__TbHIU p{margin:0;font-size:14px;color:#333}.chat_searchIcon__5PwTc{cursor:pointer}.chat_resetDefaultButton__D5Pjz{background:none;border:none;padding:0}.chat_backButton__D1kup{background:none;border:none;cursor:pointer;margin-right:15px;color:var(--color-text-default)}.chat_modalBackdrop__jPe_h{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.chat_modalContent__HAW7o{background:#fff;border-radius:10px;width:90%;max-width:500px;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,.2);transform:translateY(-50px);opacity:0;transition:opacity .3s ease,transform .3s ease}.chat_modalOpen__IdEED{transform:translateY(0);opacity:1}.chat_modalClose__T7SBx{transform:translateY(-50px);opacity:0}.leftSlide_profileImage__lKY1w{border-radius:100%}.leftSlide_menuChooseBox__h6QB5{display:flex;flex-direction:row;align-items:center;text-align:center;gap:8px;background-color:var(--background)}.leftSlide_slideHeader__svYwC{display:flex;flex-direction:column;row-gap:6px}.leftSlide_leftSlideBox__Wvgb1{position:fixed;left:0;top:0;width:250px;height:100%;background-color:#fff;box-shadow:2px 0 5px rgba(0,0,0,.5);transition:transform .3s ease-in-out;transform:translateX(-100%);z-index:1000;padding:16px;background-color:var(--background)}.leftSlide_menuBox__X3Dpd{display:flex;flex-direction:column;row-gap:6px;margin-top:12px}.leftSlide_visible__AtrHd{transform:translateX(0)}.leftSlide_hidden__f5_TJ{transform:translateX(-103%)}.leftSlide_centeredContainer__iE1TL{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.2);padding:20px;border-radius:8px;max-width:90%;animation:leftSlide_fadeIn__34Wtd .3s ease-in-out}.leftSlide_fadeIn__34Wtd{animation:leftSlide_fadeIn__34Wtd .3s ease-in-out forwards}.leftSlide_fadeOut__Q3Id4{animation:leftSlide_fadeOut__Q3Id4 .3s ease-in-out forwards}@keyframes leftSlide_fadeIn__34Wtd{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes leftSlide_fadeOut__Q3Id4{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-40%)}}.leftSlide_selectGroupChannel__OCm3k{width:400px;max-width:90%;text-align:center;display:flex;flex-direction:column;padding:16px;max-width:600px;margin:auto}.leftSlide_closeButton__yClSC{background-color:transparent}.leftSlide_imageAndNameHeader__8QYY8{display:flex;align-items:center;flex-direction:column;gap:16px;margin-bottom:24px}.leftSlide_imageContainer__VZHSI{position:relative}.leftSlide_imageContainer__VZHSI img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid #ccc}.leftSlide_imageInput__e5zsq{position:absolute;top:0;left:0;opacity:0;width:100px;height:100px;cursor:pointer}.leftSlide_titleInput__XRIbC{width:90%;max-width:300px;padding:10px;border:1px solid #ccc;border-radius:8px;font-size:16px;text-align:center;background-color:var(--bg-color-text-default);outline:none;transition:border .2s}.leftSlide_titleInput__XRIbC:focus{border:1px solid #007bff}.leftSlide_peopleList__5rS4i{background-color:#f9f9f9;border-radius:8px;padding:16px}.leftSlide_personItem__LOraM{display:flex;align-items:center;gap:12px;margin-bottom:12px}.leftSlide_personImage__0Mvs1{width:40px;height:40px;border-radius:50%;object-fit:cover}.leftSlide_checkbox__M5f5X{margin-left:auto}.leftSlide_channelParamList__G3ng1{background-color:var(--background);border-radius:8px;padding:16px}.leftSlide_paramField__Yv_5e{margin-bottom:16px}.leftSlide_input__pFPRB,.leftSlide_select__tMul2{width:100%;padding:8px;border-radius:4px;border:1px solid #ccc;margin-top:4px;background-color:var(--bg-color-text-default);color:var(--color-text-default)}@media (max-width:768px){.leftSlide_selectGroupChannel__OCm3k{padding:8px}.leftSlide_imageAndNameHeader__8QYY8 h1{font-size:18px}}.leftSlide_modalContent___VQ6_{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--background);color:var(--color-text-default);padding:20px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.2);width:90%;max-width:500px;outline:none}.leftSlide_closeButton__yClSC{background:none;border:none;font-size:16px;cursor:pointer;position:absolute;top:10px;right:10px;color:#333}.leftSlide_closeButton__yClSC:hover{color:#007bff}.chatSettingBox_modalBox__Mb6BN{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-color-text-default);padding:20px;border-radius:10px;width:400px;max-height:80vh;overflow-y:auto}.chatSettingBox_header____tZ8{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:10px}.chatSettingBox_actions__pC9ce{display:flex;gap:10px;align-items:center}.chatSettingBox_profileSection__2SNY4{display:flex;gap:20px;align-items:center;margin-bottom:20px}.chatSettingBox_profileImage__bniAC img{border-radius:50%}.chatSettingBox_details__X3XnG,.chatSettingBox_mediaSection__2ePho{margin-bottom:20px}.chatSettingBox_mediaContent__0Q6w8{display:flex;gap:10px;flex-wrap:wrap}.chatSettingBox_actionsSection__Fsro0{display:flex;justify-content:space-around}.message_messageBox__d7grn{display:flex;width:-moz-fit-content;width:fit-content;flex-direction:row}.message_profileImageBox__pMBgo{display:flex;margin-right:4px}.message_contentBox__8E8Uw,.message_rightBox__WOiHb{display:flex;flex-direction:column}.message_rightBox__WOiHb{row-gap:12px;background-color:var(--bg-color-text-default);margin:2px 0;padding:8px 12px;border-radius:10px;transition:background .2s}.message_rightBox__WOiHb:hover{background-color:var(--bg-color-chat-header)}.message_relative__945l2{position:relative}.message_time__Y70xP{color:#969696;font-size:12px}.message_messageHeader___263D{display:flex;justify-content:space-between}.message_quotedMessage__X7jYL{border-left:3px solid #6c757d;background-color:hsla(208,7%,46%,.05);border-radius:0 8px 8px 0;padding:8px 12px}.message_quoteLabel__fQ2aU{color:#6c757d;font-weight:500;display:block;margin-bottom:4px}.message_quoteContent__H4cux{color:#6c757d}.message_quoteText___RsuD{white-space:pre-wrap;word-break:break-word}.message_forwardedMessage__AuDHs{border-left:3px solid #4a90e2;background-color:rgba(74,144,226,.05);border-radius:0 8px 8px 0;padding:8px 12px}.message_forwardHeader__4JxW_{display:flex;align-items:center;color:#4a90e2;margin-bottom:4px}.message_forwardIcon__wWVVV{margin-right:6px;color:inherit}.message_forwardLabel__eD5g3{color:inherit;font-weight:500}.message_forwardContent__x5Ryj{color:#333}.messageInput_messageInputBox__bvCjb{margin:0 15px;display:flex;flex-direction:row;position:absolute;width:calc(100% - 2 * 15px);z-index:3}.messageInput_leftBox__lwyQW{display:flex;flex-direction:column;align-items:center;flex:1 1;gap:10px;padding:10px;background-color:var(--bg-color-text-default);border-radius:15px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin:0 auto}.messageInput_inputBox__LXVTv,.messageInput_replyBox__OJWGZ{width:100%;display:flex;flex-direction:row}.messageInput_inputBox__LXVTv>:nth-child(2){flex:1 1}.messageInput_replyBox__OJWGZ>:nth-child(2){flex:1 1;align-items:center;text-align:center}.messageInput_messageInputBox__bvCjb>*{margin-right:8px}.messageInput_rightBox__sSZvj{background-color:var(--bg-color-text-default);border-radius:50%;align-items:center;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;margin:auto 0}.messageInput_emojiPickerContainer__GRpUW{position:absolute;bottom:60px;left:10px;z-index:1000}.messageInput_customInput__wMmen{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-text-fill-color:var(--color-text-default)}.messageInput_customInput__wMmen,.messageInput_emojiInput__N7XpL{border:none;outline:none;width:100%;min-height:24px;color:var(--color-text-default);padding:8px;white-space:pre-wrap;word-break:break-word}.messageInput_emojiInput__N7XpL{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.messageInput_twemoji__MBE29{height:1em;width:1em;margin:0 .05em 0 .1em;vertical-align:-.1em}.page_container___MsG6{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:20px;text-align:center;background-color:#f9f9f9}.page_image__uTg0I{width:100px;height:auto;margin-bottom:20px}.page_p__WsP_7{font-size:1.2rem;line-height:1.5;margin-bottom:20px;color:#333;max-width:500px}.page_smallInfo__CzJnm{margin-top:30px;font-size:.9rem;color:#777}@media (min-width:768px){.page_p__WsP_7{font-size:1.5rem}.page_small-info__VD26a{font-size:1rem}}