:root{--theme-bg-color:#fff;--input-bg:#f8f8fa;--input-chat-color:#a2a2a2;--border-color:#eef2f4;--body-color:#273346;--msg-message:#969eaa;--chat-text-bg:#f1f2f6;--theme-color:#135fc3;--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 img{max-width:100%}.chat_desktop .chat-app{display:flex;flex-direction:column;max-width:90vw;height:90vh;margin:0 auto;overflow:hidden;background:hsla(0,0%,100%,.4);box-shadow:0 8px 32px 0 rgba(31,38,135,.37);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:10px;border:1px solid hsla(0,0%,100%,.18)}.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:340px;flex-shrink:0;background:#f7f5f0}.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 .conversation-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:center;padding:20px;cursor:pointer;transition:.2s;position:relative}.chat_desktop .msg:hover{background-color:var(--msg-hover-bg)}.chat_desktop .msg.active{background:var(--active-conversation-bg);border-left:5px solid var(--theme-dark-color)}.chat_desktop .msg figure{margin-bottom:0}.chat_desktop .msg.online:before{content:"";position:absolute;background-color:#66e12c;width:12px;height:12px;border-radius:50%;border:2px solid var(--theme-bg-color);left:40px;bottom:19px}.chat_desktop .msg .new-msg{font-size:10px;position:absolute;right:10px;top:20px;color:#0e60c3}.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-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:rgba(247,245,240,.4);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:rgba(247,245,240,.4);color:#fff;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-radius:50px;font-size:15px;margin:0 12px;width:100%;outline:none}.chat_desktop .chat-area-footer input::-moz-placeholder{color:#fff}.chat_desktop .chat-area-footer input:-ms-input-placeholder{color:#fff}.chat_desktop .chat-area-footer input::placeholder{color:#fff}@media (max-width:780px){.chat_desktop .chat-app{max-width:100vw;height:100vh}.chat_desktop .conversation-area{display:none}}.chat_desktop .in-mobile{display:flex;width:100%}@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{border-radius:0!important}.chat-app .chat-area-footer{bottom:20%}.chat-app .chat-area-main{padding-bottom:100px}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.chat-app .chat-area-footer{bottom:20%}.chat-app .chat-area-main{padding-bottom:100px}}