:root{--theme-bg-color:#fff;--input-bg:#f8f8fa;--input-chat-color:#a2a2a2;--border-color:#eef2f4;--body-color:#273346;--msg-message:#3b3b3b;--chat-text-bg:#f1f2f6;--theme-color:#134e5c;--theme-dark-color:#212d45;--msg-date:#414141;--button-bg-color:#f0f7ff;--button-color:var(--theme-color);--detail-font-color:#919ca2;--msg-hover-bg:rgba(238,242,244,0.4);--active-conversation-bg:linear-gradient(90deg,rgba(238,242,244,0.4) 0%,rgba(238,242,244,0));--overlay-bg-chat:linear-gradient(180deg,rgba(247,245,240,0),rgba(247,245,240,0.78) 50%,#f7f5f0);--chat-header-bg:linear-gradient(180deg,#fff 0%,#fff 78%,hsla(0,0%,100%,0))}.chat_desktop .chat-app{display:flex;flex-direction:column;width:80vw;height:calc(100vh - 118px);margin:0 auto;overflow:hidden;-webkit-backdrop-filter:blur(50px) saturate(120%);backdrop-filter:blur(50px) saturate(120%);background:rgba(247,245,240,.2)}.chat_desktop .header{width:100%;border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:10px 20px;background:#f7f5f0}.chat_desktop .header h4{font-size:18px;font-weight:600;text-transform:uppercase}.chat_desktop .wrapper{width:100%;display:flex;flex-grow:1;overflow:hidden}.chat_desktop .conversation-area{width:280px;flex-shrink:0;-webkit-backdrop-filter:blur(50px) saturate(120%);backdrop-filter:blur(50px) saturate(120%)}.chat_desktop .chat-area{flex-grow:1}.chat_desktop .logo{color:var(--theme-color);width:38px;flex-shrink:0}.chat_desktop .logo svg{width:100%}.chat_desktop .user-settings{display:flex;align-items:center;cursor:pointer;margin-left:auto;flex-shrink:0}.chat_desktop .user-settings>*+*{margin-left:14px}.chat_desktop .dark-light{width:22px;height:22px;color:var(--settings-icon-color);flex-shrink:0}.chat_desktop .dark-light svg{width:100%;fill:transparent;transition:.5s}.chat_desktop .user-profile{width:40px;height:40px;border-radius:50%}.chat_desktop .settings{color:var(--settings-icon-color);width:22px;height:22px;flex-shrink:0}.chat_desktop .link-area{width:120px;flex-shrink:0;background:#134e5c}.chat_desktop .conversation-area,.chat_desktop .link-area{border-right:1px solid var(--border-color);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;position:relative}.chat_desktop .msg-profile{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:15px}.chat_desktop .msg-profile.group{display:flex;justify-content:center;align-items:center;background-color:var(--border-color)}.chat_desktop .msg-profile.group svg{width:60%}.chat_desktop .msg{display:flex;align-items:flex-start;padding:20px;cursor:pointer;transition:.2s;position:relative}.chat_desktop .msg:hover{background-color:var(--msg-hover-bg)}.chat_desktop .msg.active{background:#d4501d;color:#fff}.chat_desktop .msg figure{margin-bottom:0;position:relative}.chat_desktop .msg figure.online:before{background-color:#66e12c}.chat_desktop .msg figure.offline:before,.chat_desktop .msg figure.online:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid var(--theme-bg-color);right:4px;bottom:0}.chat_desktop .msg figure.offline:before{background-color:grey}.chat_desktop .msg.new-msg:before{content:"";position:absolute;background-color:#2c5ce1;width:12px;height:12px;border-radius:50%;border:2px solid var(--theme-bg-color);right:4px;top:0}.chat_desktop .msg-username{margin-bottom:4px;font-weight:600;font-size:15px}.chat_desktop .msg-detail{overflow:hidden;margin-left:10px;width:100%}.chat_desktop .msg-content{font-weight:500;font-size:13px;display:flex;align-items:center;justify-content:space-between}.chat_desktop .msg-message{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--msg-message)}.chat_desktop .msg-date{font-size:10px;color:var(--msg-date);margin-left:3px;flex:0 0 5em}.chat_desktop .overlay{position:sticky;bottom:0;left:0;width:340px;flex-shrink:0;background:var(--overlay-bg-chat);height:80px}.chat_desktop .chat-area{background:#fff}.chat_desktop .chat-area-main{flex-grow:1;padding-top:10px}.chat_desktop .chat-area{display:flex;flex-direction:column;overflow:auto}.chat_desktop .chat-area-main-empty{flex-grow:1;padding-top:10px}.chat_desktop .chat-msg-img{height:40px;width:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.chat_desktop .chat-msg-profile{flex-shrink:0;margin-top:auto;margin-bottom:-20px;position:relative}.chat_desktop .chat-msg-date{position:absolute;left:calc(100% + 12px);bottom:0;font-size:11px;font-weight:400;color:var(--msg-date);white-space:nowrap}.chat_desktop .chat-msg{display:flex;padding:0 20px 45px}.chat_desktop .chat-msg-content{margin-left:12px;max-width:70%;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.chat_desktop .chat-msg-text{background-color:#e7e7e7;padding:15px;border-radius:20px 20px 20px 0;line-height:1.5;font-size:14px;font-weight:500}.chat_desktop .chat-msg-text+.chat_desktop .chat-msg-text{margin-top:10px}.chat_desktop .chat-msg-text{color:var(--chat-text-color)}.chat_desktop .owner{flex-direction:row-reverse}.chat_desktop .owner .chat-msg-content{margin-left:0;margin-right:12px;align-items:flex-end}.chat_desktop .owner .chat-msg-text{background-color:#e7e7e7;border-radius:20px 20px 0 20px}.chat_desktop .owner .chat-msg-date{left:auto;right:calc(100% + 12px)}.chat_desktop .chat-msg-text img{max-width:300px;width:100%}.chat_desktop .chat-area-footer{display:flex;width:100%;padding:10px 20px;align-items:center;position:sticky;bottom:0;left:0}.chat_desktop .chat-area-footer svg{color:var(--settings-icon-color);width:20px;flex-shrink:0;cursor:pointer}.chat_desktop .chat-area-footer svg:hover{color:var(--settings-icon-hover)}.chat_desktop .chat-area-footer svg+svg{margin-left:12px}.chat_desktop .chat-area-footer input{border:none;color:var(--body-color);background-color:rgba(247,245,240,.3);padding:12px;border:1px solid #1a1a1a;font-size:15px;margin:0 12px;width:100%;outline:none}.chat_desktop .chat-area-footer input::-moz-placeholder{color:#000}.chat_desktop .chat-area-footer input:-ms-input-placeholder{color:#000}.chat_desktop .chat-area-footer input::placeholder{color:#000}@media (max-width:780px){.chat_desktop .chat-app{width:100vw;height:100vh}.chat_desktop .conversation-area{display:none}}.chat_desktop .in-mobile{display:flex;width:100%;padding-bottom:100px}.chat_desktop .w-0{width:0}.chat_desktop .w-65{width:65vw}.chat_desktop .warning-icon{width:80px}@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.chat_desktop .chat-app{background:#f7f5f0}.chat_desktop .chat-msg-text{background-color:#adadad}.chat_desktop .conversation-area{border-right:1px solid #e7e7e7}.chat_desktop .chat-area-footer svg{color:#1a1a1a}.chat_desktop .chat-area-footer input{color:#1a1a1a;background-color:#fff}.chat_desktop .chat-area-footer input::-moz-placeholder{color:#1a1a1a}.chat_desktop .chat-area-footer input:-ms-input-placeholder{color:#1a1a1a}.chat_desktop .chat-area-footer input::placeholder{color:#1a1a1a}}@media (min-width:320px) and (max-width:1024px){.chat-app .link-area{display:none}.chat-app .chat-area-footer{bottom:10%}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.chat-app .link-area{display:none}.chat-app .chat-area-footer{bottom:10%}}