.chatBoxContainer{position:relative;flex:0 0 auto;padding-bottom:max(env(safe-area-inset-bottom),0px)}.chatInputWrapper{display:flex;flex-direction:column;align-items:center;position:relative;padding-top:8px}.chatInputWrapper>.chatInputContainer{width:-webkit-fill-available;width:-moz-available;width:stretch;margin-top:-1px;display:flex;position:relative;padding:8px 0 8px 16px;z-index:3;align-items:center;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:4px;box-shadow:var(--shadow-secondary)}.chatInputWrapper>.chatInputContainer input:focus-visible{outline:none}.chatInputInfoBar{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative;flex-direction:column;left:0;z-index:1}.chatInputInfoBar>.chatInfoBar{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 10px;border:1px solid var(--border-secondary);border-bottom:none;z-index:1;background:var(--input-info-bar);margin:0 8px;height:32px;width:calc(100% - 16px);border-radius:6px 6px 0 0;font-size:14px;top:2px;position:relative;color:var(--text-tertiary);animation:slideAndFadeIn .2s ease-in-out forwards}.chatInputInfoBar>.chatInfoBar>.chatInfoBarIcon{position:relative}.chatInputInfoBar>.chatInfoBar>.chatInfoBarIcon>.chatInfoBarIconTooltipContent{display:none;position:absolute;bottom:32px;right:-4px;width:max-content;max-width:240px;background-color:var(--bg-input);border:1px solid var(--border-secondary);border-radius:4px;padding:16px 12px;color:var(--text-primary);gap:4px;flex-direction:column;z-index:9999}.chatInputInfoBar>.chatInfoBar>.chatInfoBarIcon>.chatInfoBarIconTooltipContent.show{display:flex}.chatInputInfoBar>.chatInfoBar>.chatInfoBarIcon>.chatInfoBarIconTooltip{opacity:.4;height:16px;width:16px;cursor:pointer;transition:opacity .2s ease-in-out}.chatInputInfoBar>.chatInfoBar>.chatInfoBarIcon>.chatInfoBarIconTooltip:hover{opacity:.8}.chatInputInfoBar>.replyInputContainer{display:flex;align-items:center;flex-direction:column;justify-content:space-between;padding:8px;width:calc(100% - 16px);border:1px solid var(--border-secondary);border-bottom:none;background:var(--bg-tertiary);gap:4px;opacity:1;position:relative;min-height:min-content;margin-bottom:-6px;border-radius:6px 6px 0 0;z-index:2}.chatInputInfoBar>.replyInputContainer>.replyInputBoxHead{display:flex;align-items:center;justify-content:space-between;width:100%}.chatInputInfoBar>.replyInputContainer>.replyInputBoxHead>span{color:#ffffffb3;font-size:14px;letter-spacing:.15px}.chatInputInfoBar>.replyInputContainer>.replyInputBoxHead>.replyInputCloseButton{-webkit-app-region:no-drag;border:1px solid var(--border-primary);background-color:transparent;cursor:pointer;border-radius:4px;padding:4px;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}.chatInputInfoBar>.replyInputContainer>.replyInputBoxHead>.replyInputCloseButton:hover{background-color:#ffffff21;border-color:var(--border-hover)}.chatInputInfoBar>.replyInputContainer>.replyInputBoxHead>.replyInputCloseButton:hover>img{opacity:1}.chatInputInfoBar>.replyInputContainer>.replyInputBoxHead>.replyInputCloseButton img{opacity:.5;transition:opacity .2s ease-in-out}.chatInputInfoBar>.replyInputContainer>.replyInputBoxContent{display:flex;align-items:center;justify-content:space-between;width:100%}.chatInputInfoBar>.replyInputContainer>.replyInputBoxContent>span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}.chatInputInfoBar>.replyInputContainer.show{display:flex;z-index:2;animation:replySlideAndFadeIn .15s ease-in-out forwards}.chatInputBox{flex:1 1 auto;min-width:0;margin-top:0;position:relative}.chatInputBox .chatInput{border-bottom:0;border-radius:6px 0 0;border-right:none;display:inline-flex;max-height:148px;overflow-y:auto;height:100%;overflow-x:hidden;width:100%;color:#fff;caret-color:var(--input-caret);outline:0px solid transparent;outline-offset:0px}.chatInputBox .chatInput::-webkit-scrollbar{width:8px}.chatInputBox .chatInput::-webkit-scrollbar-thumb{background:var(--scrollbar-primary);border-radius:2px;background-clip:content-box;min-width:32px;min-height:32px}.chatInputBox .chatInputPlaceholder{color:var(--text-tertiary);z-index:99;position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;-webkit-user-select:none;user-select:none;padding:0;margin:0}.chatInputActions{display:flex;align-items:center;padding:0 12px;min-width:112px;max-width:112px;justify-content:center;border-left:1px solid var(--border-primary)}.chatInputActions.replyThread{border-left:none;display:none}.editor-paragraph{padding-right:16px;width:100%;line-height:32px}.editor-paragraph>*{display:inline;max-width:100%}.editor-paragraph *::selection{background-color:#ffffff26}.emoteContainer>img{vertical-align:middle;height:24px;margin:0 1px}.chatEmoteBtns{display:flex;align-items:center;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.05);gap:0px;height:38px;overflow:hidden;border-radius:4px;transition:border-color .15s ease-in-out}.chatEmoteBtns.activeDialog{border-color:#ffffff4d}.chatEmoteBtns.activeDialog>.emoteBtnSeparator{background-color:#ffffff4d}.chatEmoteBtns>.emoteBtnSeparator{height:100%;width:1px;background-color:#ffffff0d;transition:background-color .15s ease-in-out}.emoteBtn{background:none;border:none;cursor:pointer;align-items:center;justify-content:center;display:flex;height:100%;width:56px;transition:background-color .2s ease}.emoteBtn:hover{background-color:#ffffff1a}.emoteBtn:hover img{opacity:1}.emoteBtn.activeDialog{background-color:#fff3}.emoteBtn.activeDialog img{opacity:1}.emoteBtn img{vertical-align:middle;height:24px;width:24px;opacity:.5;transition:opacity .2s ease}.emoteDialog{flex-direction:column;position:absolute;bottom:80px;right:0;border-radius:8px;padding:4px;width:100%;max-width:550px;height:280px;background-color:var(--emote-dialog-bg);border:1px solid var(--emote-dialog-border);box-shadow:var(--shadow-dialog);z-index:99;display:none;overflow:hidden}.emoteDialog.show{display:flex;animation:slideAndFadeIn .3s ease-in-out forwards}.dialogBody{display:flex;flex-direction:column;gap:4px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;border-radius:6px;flex:1;padding-right:4px}.dialogBodyEmpty{display:flex;align-items:center;justify-content:center;height:calc(100% - 24px);opacity:.5}.dialogBodyEmpty>p{font-size:18px;color:#fff}.dialogHeadEmpty{display:flex;align-items:center;justify-content:center;padding:0;opacity:.5}*::-webkit-scrollbar{width:10px}*::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:2px;background-clip:content-box}.dialogHead{display:flex;align-items:center;justify-content:space-between;padding:12px}.dialogHead>.dialogHeadTitle{display:flex;align-items:center;gap:8px;flex:0 0 25%;justify-content:flex-start}.dialogHead>.dialogHeadMenuItems{display:flex;align-items:center;gap:4px;flex:0 0 25%;justify-content:flex-end}.dialogHead>.dialogHeadMenuItems>.dialogHeadMenuItem{height:32px;width:32px;border-radius:4px;background:transparent;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}.dialogHead>.dialogHeadMenuItems>.dialogHeadMenuItem:hover{background-color:#ffffff21;border-color:#ffffff37}.dialogHead>.dialogHeadMenuItems>.dialogHeadMenuItem.active{background-color:var(--btn-secondary-bg);border-color:var(--btn-secondary-border)}.dialogHead>.dialogHeadMenuItems>.dialogHeadMenuItem.active>img{opacity:1}.dialogHead>.dialogHeadMenuItems>.dialogHeadMenuItem>img{opacity:.5;transition:opacity .2s ease-in-out}.dialogHead>.dialogHeadMenuItems>.dialogHeadMenuItem>img:hover{opacity:1}.dialogHead>.dialogHeadSearch{flex:1;display:flex;justify-content:center}.dialogHead>.dialogHeadSearch input{width:90%;max-width:240px;padding:8px;border-radius:4px;background-color:#ffffff14;border:1px solid rgba(255,255,255,.1294117647);color:#fff;font-size:14px;font-weight:500;outline:none;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}.dialogHead>.dialogHeadSearch input:hover{background-color:#ffffff21;border-color:#ffffff37}.dialogHead>.dialogHeadSearch input::placeholder{color:#ffffff91}.dialogHead>.dialogHeadTitle>img{opacity:.5;transition:opacity .2s ease-in-out}.dialogHead>.dialogHeadTitle>img:hover{opacity:1}.dialogBodySection{background:var(--bg-tertiary);border-radius:8px;padding:12px;min-height:42px;transition:height .2s ease-in-out}.dialogBodySection.opened{background:var(--bg-tertiary);min-height:max-content}.dialogBodySection.opened .dialogRowHeadBtn>img{transform:rotate(180deg)}.dialogBodySection>.emoteItems{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;touch-action:pan-y}.dialogBodySection>.emoteItems>.emoteItem{height:40px;padding:4px;border-radius:4px;border:1px solid var(--border-secondary);background:none;cursor:pointer;aspect-ratio:1/1;position:relative;touch-action:manipulation}.dialogBodySection>.emoteItems>.emoteItem:disabled{opacity:.5;cursor:not-allowed}.dialogBodySection>.emoteItems>.emoteItem img{height:32px;width:fit-content;vertical-align:middle}.emoteItem.kick img{height:32px!important;width:32px!important}.emoteItemSubscriberLock{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-overlay);border-radius:4px}.emoteItemSubscriberLock>img{top:50%;left:50%;transform:translate(0);width:16px!important;height:16px!important;opacity:1}.dialogRowHeadBtn{background:none;border:none;cursor:pointer;padding:0;margin:0}.dialogRowHeadBtn>img{opacity:.5;transition:transform .2s ease-in-out,opacity .2s ease-in-out}.dialogRowHeadBtn:hover>img{opacity:1}.dialogRowHead{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px}.dialogRowHead>span{font-size:14px;font-weight:400;color:var(--text-tertiary)}@media(max-width:768px){.emoteDialog{max-height:min(55vh,420px)}.dialogBody{padding-right:0}}.inputSuggestionsWrapper{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;height:180px;position:absolute;left:0;bottom:72px;z-index:9999;width:100%;max-width:100%;padding:4px;overflow-x:hidden;overflow-y:auto;display:none}.inputSuggestionsWrapper.show{display:block}.emoteTags{white-space:nowrap;display:flex;gap:4px}.inputSuggestions{display:flex;height:100%;gap:4px;flex-direction:column}.inputSuggestions.show{display:block}.inputSuggestion{display:flex;align-items:center;background:transparent;border:1px solid transparent;gap:8px;cursor:pointer;width:100%;max-height:56px;padding:8px;border-radius:4px;transition:background .15s ease-in-out,border .15s ease-in-out}.inputSuggestion:hover,.inputSuggestion.selected{background:var(--bg-secondary);border:1px solid var(--border-primary)}.inputSuggestion:hover span,.inputSuggestion.selected span{color:var(--text-secondary)}.inputSuggestion.emoteItemSubscriberOnly{opacity:.5;cursor:not-allowed}.inputSuggestion.emoteItemSubscriberOnly:hover,.inputSuggestion.emoteItemSubscriberOnly.selected{background:transparent;border:1px solid transparent}.inputSuggestion>.inputSuggestionImage{position:relative;flex-shrink:0;min-width:32px;min-height:32px;overflow:hidden;display:flex;align-items:center;justify-content:center}.inputSuggestion>.inputSuggestionImage img{max-height:32px;object-fit:cover}.inputSuggestion>.inputSuggestionInfo{display:flex;justify-content:space-between;flex:1;min-width:0;align-items:center}.inputSuggestion>.inputSuggestionInfo .emoteTags>span{border:1px solid var(--border-secondary);padding:4px 8px;border-radius:4px;color:var(--text-tertiary);font-weight:700;font-size:12px}.inputSuggestion span{font-size:16px;font-weight:600;flex:1 1 100%;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease-in-out;max-width:min-content;padding-right:12px}@keyframes slideAndFadeIn{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes replySlideAndFadeIn{0%{transform:translateY(24px);opacity:0}to{transform:translateY(-4px);opacity:1}}.authLoginButton{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;gap:5px;padding:10px;border-radius:4px;background-color:#53fc18;color:#000;cursor:pointer;-webkit-app-region:no-drag;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out}.authLoginButton:hover{background-color:#fff3;color:#fff;border-color:#fff6}.authLoginButton:hover img,.authLoginButton:hover svg{opacity:1}.authLoginButton img{width:24px;height:24px;opacity:.6;transition:opacity .2s ease-in-out}