.chat_chatdrop__aqCMN{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(80,80,80,.8);z-index:1000;justify-content:flex-end;align-items:flex-end;display:none;transition:all .3s ease-in-out;&.chat_open__Gm9nA{display:flex}}.chat_chatContainer__SIxE5{max-width:810px;width:75%;height:100vh;background-color:var(--cBlackV2);position:absolute;top:0;right:-1085px;transition:right .3s ease-in-out;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;z-index:10000;&.chat_close__UMz3y{right:0}}.chat_chatHeader__IUnrl{border-bottom:1px solid var(--cWhiteV1);height:65px;display:flex;justify-content:space-between;align-items:center;padding:10px;flex-shrink:1;gap:10px;&>div{color:var(--cWhiteV1);font-size:14px;display:flex;align-items:center;gap:8px;justify-content:flex-start;flex-shrink:1}&>:first-child{width:300px}&>:nth-child(2){flex-grow:1}}.chat_presence__VUhph{position:absolute;bottom:4px;right:4px;width:6px;height:6px;border-radius:50%;background-color:var(--cBlackV3);&.chat_online__yc0Mk{background-color:var(--cPrimary)}}.chat_chatBodyContainer__19flU{flex-grow:1;display:flex;padding:12px 0;height:300px;&>:first-child{border-right:1px solid var(--cWhiteV1);padding:0 16px;width:300px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;position:relative;overflow:hidden;&>:first-child{flex-grow:1;height:200px;overflow-y:auto;overflow-x:hidden}&>:last-child{display:flex;flex-direction:column;gap:14px;font-size:16px;&>:last-child{font-size:12px;color:var(--cWhiteV1)}}}&>:nth-child(2){flex-grow:1;width:300px;display:flex}}.chat_itemList__5xSVL{display:flex;align-items:center;gap:8px;overflow-x:hidden;justify-content:space-between;padding:8px 12px;border-radius:8px;cursor:pointer;margin-bottom:8px;transition:all .2s ease-in-out;border:1px solid transparent;&.chat_active__njyyG{border:1px solid var(--cPrimary);background-color:var(--cWhiteV2)}&:hover{background-color:var(--cBlack)}}.chatroom_dateMarker__M7YM4{position:sticky;top:0;background:rgba(0,0,0,.8);color:white;padding:5px 10px;border-radius:10px;font-size:14px;font-weight:700;text-align:center;z-index:2;margin-bottom:10px}.chatroom_chatRoomContainer__X2eVs{position:relative;display:flex;flex-direction:column;flex-grow:1;width:100%}.chatroom_chatMsgContainer__oBl4Q{flex-grow:1;height:50%;display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;padding:0 12px 12px;position:relative;color:black}.chatroom_messageContainer__kdwt6{display:flex;margin-bottom:34px;align-items:flex-start}.chatroom_avatar__BZ0Zl{width:40px;height:40px;border-radius:50%;margin-right:10px}.chatroom_noAvatar__nNs8X{width:10px}.chatroom_messageUser__HqN07{color:var(--cAccent);font-size:10px;font-weight:700}.chatroom_messageBubble__h7EoX{max-width:70%;padding:10px;border-radius:10px;position:relative;color:var(--cWhite);background-color:var(--cBlackV1);transition:background-color .2s ease;line-height:1.2;white-space:pre-line}.chatroom_messageBubble__h7EoX:hover{background-color:var(--cBlackV3)}.chatroom_messageBubble__h7EoX:after{content:"";position:absolute;top:0;left:-10px;width:0;height:0;border:10px solid transparent;border-right:10px solid var(--cBlackV1);border-left:0;margin-top:10px;transition:border-color .2s ease}.chatroom_otherSameMessage__U6LxY .chatroom_messageBubble__h7EoX:after{left:auto;right:-10px;border-right-color:transparent;border-left-color:#35463e}.chatroom_myMessage__OGbST{flex-direction:row-reverse}.chatroom_myMessage__OGbST .chatroom_messageBubble__h7EoX{background-color:#35463e}.chatroom_myMessage__OGbST .chatroom_messageBubble__h7EoX:hover{background-color:rgb(2,57,25)}.chatroom_myMessage__OGbST .chatroom_messageBubble__h7EoX:after{left:auto;right:-10px;border-right-color:transparent;border-left-color:#35463e}.chatroom_myMessage__OGbST .chatroom_avatar__BZ0Zl{margin-right:0;margin-left:10px}.chatroom_emojiIcon__agox2{display:none;cursor:pointer;font-size:16px;margin-left:10px;right:-26px;top:0;transition:opacity .2s ease}.chatroom_messageContainer__kdwt6:hover .chatroom_emojiIcon__agox2{display:inline-block;opacity:1;position:absolute}.chatroom_emojiPicker__EVTQH{position:absolute;top:88px;left:0;width:100%;display:flex;justify-content:center;background-color:white;border:1px solid #ccc;border-radius:8px;padding:5px;box-shadow:0 2px 5px rgba(0,0,0,.1);animation:chatroom_fadeIn__acPwl .2s ease;z-index:20}.chatroom_chatInputContainer__XWwLh{position:relative;border-radius:8px;margin:16px;height:96px;background-color:var(--cWhiteV2)}.chatroom_chatInput__QSLph{border:1px solid transparent;width:100%;height:calc(100% - 36px);padding:16px;border-radius:8px;line-height:1;white-space:pre-line;resize:none;outline:none;background-color:transparent;color:var(--cWhiteV1)}.chatroom_chatInput__QSLph:focus{border-color:var(--cAccent)}.chatroom_chatButton__GRXH8{position:absolute;color:var(--cPrimary);opacity:.8;cursor:pointer;bottom:4px;right:16px;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center;gap:4px}.chatroom_chatButton__GRXH8:hover{opacity:1}.chatroom_bubbleHour__FL5nI{position:absolute;bottom:-28px;left:0;gap:14px;color:white;display:flex;height:21px;justify-content:space-between;align-items:flex-start;padding:0 4px 0 20px;&.chatroom_isGroup__rTvbI{padding-left:60}}.chatroom_myMessage__OGbST .chatroom_bubbleHour__FL5nI{left:auto;right:0;padding-left:0;flex-direction:row-reverse}.chatroom_messageHour__GFUP_{color:var(--cWhiteV1);font-size:9px;text-align:right}.chatroom_previewContainer__D3dLW{position:absolute;height:100%;z-index:5000;background-color:var(--cBlack);display:flex;justify-content:center;align-items:center;right:0;left:0;&>svg{position:absolute;right:6px;top:0;z-index:10;cursor:pointer}&>img{-o-object-fit:contain;object-fit:contain;max-height:100%;max-width:100%}}@keyframes chatroom_fadeIn__acPwl{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}