.chatListPanel{padding-bottom:30px}.chatContainer{background-color:var(--bg-light);border-radius:10px;flex-direction:row;justify-content:flex-end;margin-top:5px;margin-bottom:5px;padding-top:5px;display:flex}.dark .chatContainer{background-color:var(--bg-dark)}[data-theme=light] .chatInput{background-color:transparent!important}.chatAvatarContainer{flex:.25;justify-content:center;align-items:flex-start;margin-top:8px;display:flex}.chatAvatarImage{border-radius:25px;width:50px;height:50px}.chatCommentContainer{word-break:break-all;flex-direction:column;flex:.75;height:100%;padding:5px;display:flex}.chatName{color:var(--sub-text-light);text-align:left;word-break:break-word;flex:1;align-items:center;font-weight:bolder;display:flex}.dark .chatName{color:var(--sub-text-dark)}.chatBorder{background-color:var(--box-border-light);border:none;width:100%;height:1px}.dark .chatBorder{background-color:var(--box-border-dark)}.chatText{color:var(--text-light);white-space:-webkit-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;flex:1;align-items:center;display:flex;white-space:-moz-pre-wrap!important}.dark .chatText{color:var(--text-dark)}.chatComment{white-space:-webkit-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;white-space:normal;flex:1;align-items:center;display:flex;white-space:-moz-pre-wrap!important}.chatTextInput{z-index:87;width:100%;position:absolute;bottom:-40px;left:0;transform:translateY(0)!important}.chatBoxHolder.fullscreen .chatTextInput{bottom:0}.chatInput{border-color:var(--box-border-light);text-overflow:ellipsis;white-space:nowrap;background-color:transparent;padding-right:50px;overflow:hidden;color:#000!important}.chatInput::placeholder{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dark .chatInput{color:var(--text-dark);border-color:var(--box-border-dark)}.chatInput.invalidLongChat{border-color:var(--red)}.chatSendDiv{color:#333;border:0;position:absolute;top:0;right:0}.chatSendButton{border:0;color:var(--text-light)!important}[data-theme=dark] .chatSendButton{color:var(--text-dark)!important}[data-theme=dark] .chatSendButton:hover{background-color:var(--purple)!important}.broadcastSidebar .chatSendButton{color:#eee!important}.chatSendButton:disabled,.chatSendButton.ant-btn-disabled{background:0 0!important}.chatSendButton:hover,.chatSendButton:active{color:color-mix(in srgb,var(--purple)80%,var(--color-white))!important;background-color:var(--purple)!important}.chatBoxHolder{border:1px solid var(--box-border-light);height:620px;padding:5px 10px;overflow:auto}.dark .chatBoxHolder{border:1px solid var(--box-border-dark)}#chatInputWithPlaceHolder.ant-input.chatInput{text-overflow:ellipsis;font-size:12px;padding-right:22%!important}.chatBoxHolder.fullscreen{border:none;height:100%;padding-top:20px;padding-bottom:40px}.chatBoxHolder.fullscreen .chatInput{color:#f7f7f7!important;background:#151515!important;border:none!important}.chatBoxHolder.fullscreen .chatInput::placeholder{color:#b3b3b3!important}.chatBoxHolder.fullscreen .chatInput:focus,.chatBoxHolder.fullscreen .chatInput:focus-within,.chatBoxHolder.fullscreen .chatInput:active{box-shadow:none!important;border:none!important}.chatBoxHolder.fullscreen .chatInput:focus-visible{box-shadow:none!important;border:none!important}.chatBoxHolder.fullscreen .chatInput:hover,.chatBoxHolder.fullscreen .chatInput:active{border-color:var(--gray)!important}.chatBoxHolder.fullscreen .chatSendButton{color:#f7f7f7!important}.chatBoxHolder.fullscreen .chatSendButton:hover,.chatBoxHolder.fullscreen .chatSendButton:active{color:color-mix(in srgb,var(--gray)80%,black)!important}.chatBoxHolder.fullscreen .chatContainer{background-color:transparent;margin-top:16px!important;margin-bottom:16px!important;padding:0!important}.chatBoxHolder.fullscreen .chatBorder{background-color:var(--box-border-light)}.dark .chatBoxHolder.fullscreen .chatBorder{background-color:var(--box-border-dark)}.chatBoxHolder.fullscreen .chatName,.chatBoxHolder.fullscreen .chatComment,.chatBoxHolder.fullscreen .chatText{font-size:13px;color:var(--gray)!important}.chatBoxHolder.fullscreen .chatAvatarImage{border-radius:25px;width:30px;height:30px}.chatBoxHolder.fullscreen #chatInputWithPlaceHolder.ant-input.chatInput{text-overflow:ellipsis;font-size:12px;padding-right:55%!important}.emojiBox{background:var(--bg-light);border-radius:5px;width:94%;height:96%;padding:6px;position:absolute;bottom:10px;overflow:auto}.dark .emojiBox{background:var(--bg-dark)}.emoji-handler{cursor:pointer;margin:0;padding:3px;font-size:20px;display:inline-block}.chatTextInput input{height:40px;color:var(--text-color)!important;background:#222!important}.chatTextInput .chatSendDiv{align-items:center;height:42px;display:flex}.iconEmoji{cursor:pointer;background:0 0;margin-right:20px;padding:0 10px}.iconEmoji.selected{border-bottom:1px solid var(--purple)}.chatGifButton{cursor:pointer;text-overflow:ellipsis;border:0;font-size:17px;position:absolute;top:4px;right:65px}.chatBoxHolder.fullscreen .chatCommentContainer{margin-bottom:6px}.chatBoxHolder.fullscreen .chatName{padding-bottom:4px}.chatBoxHolder.fullscreen .chatText,.chatBoxHolder.fullscreen .chatComment{line-height:1.5;margin-top:6px!important}@media (min-width:1200px){.chatAvatarContainer{flex:.2}.chatCommentContainer{flex:.8}}@media (max-width:1024px){.chatAvatarContainer{margin-top:6px}}@media (max-width:1424px){.chatGifButton{right:42px}.broadcastSidebar .chatTextInput button{right:0}}@media (max-width:1600px){.chatBoxHolder #chatInputWithPlaceHolder.ant-input.chatInput{padding-right:135px!important}.chatBoxHolder.fullscreen #chatInputWithPlaceHolder.ant-input.chatInput{padding-right:70%!important}}@media (max-width:1024px){#chatInputWithPlaceHolder{padding-right:37%}.chatBoxHolder.fullscreen #chatInputWithPlaceHolder.ant-input.chatInput{padding-right:80px!important}}@media (max-width:770px){#chatInputWithPlaceHolder{padding-right:50%}.chatBoxHolder #chatInputWithPlaceHolder.ant-input.chatInput{padding-right:130px!important}}@media (max-width:600px){#chatInputWithPlaceHolder{padding-right:16%}.chatBoxHolder #chatInputWithPlaceHolder.ant-input.chatInput{padding-right:130px!important}}@media (max-width:380px){#chatInputWithPlaceHolder{padding-right:19%}.chatBoxHolder #chatInputWithPlaceHolder.ant-input.chatInput{padding-right:130px!important}}@media (max-width:320px){#chatInputWithPlaceHolder{padding-right:20%}}@media (max-width:280px){#chatInputWithPlaceHolder{padding-right:23%}}@media (min-width:1000px) and (max-width:1300px){.chatBoxHolder{height:420px}}@media (min-width:1300px) and (max-width:1600px){.chatBoxHolder{height:520px}}
.emojiTitle{color:var(--heading-light);margin-bottom:10px;font-weight:700;display:block}.dark .emojiTitle{color:var(--heading-dark)}.closeIcon{cursor:pointer;position:absolute;top:55px;right:30px}.gifContainer{justify-content:center;display:flex}.emojiPanel{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px;padding:10px;display:grid}.emojiItem{cursor:pointer;transition:transform .2s}.emojiItem:hover{transform:scale(1.1)}