:root{--chat-message-font-size: 12px}.chatMessageItem{font-size:var(--chat-message-font-size);padding:4px 12px 4px 16px;overflow-wrap:anywhere;border-radius:4px;position:relative;background:var(--message-bg);line-height:1.5}.chatMessageItem.highlightedTag{border:1px solid rgb(83,252,24)}.chatMessageItem:hover .chatMessageActions{opacity:1}.chatMessageItem:hover:not(.highlighted){background-color:var(--message-bg-hover)!important}.chatMessageItem:hover.highlighted{position:relative}.chatMessageItem:hover.highlighted:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--message-bg-hover);pointer-events:none;border-radius:inherit}.chatMessageItem.emoteSetUpdate:hover{background:transparent!important}.chatMessageItem.old .chatMessageReplyText,.chatMessageItem.old .chatMessageUser .chatroomBadgeIcon,.chatMessageItem.old .chatMessageUsername,.chatMessageItem.old .chatMessageTimestamp,.chatMessageItem.deleted .chatMessageReplyText,.chatMessageItem.deleted .chatMessageUser .chatroomBadgeIcon,.chatMessageItem.deleted .chatMessageUsername,.chatMessageItem.deleted .chatMessageTimestamp{opacity:.25}.chatMessageItem.old .chatMessageContent>div,.chatMessageItem.old .chatMessageContent>span,.chatMessageItem.old .chatMessageContent>a,.chatMessageItem.old .chatMessageContent>.chatroomEmoteWrapper,.chatMessageItem.deleted .chatMessageContent>div,.chatMessageItem.deleted .chatMessageContent>span,.chatMessageItem.deleted .chatMessageContent>a,.chatMessageItem.deleted .chatMessageContent>.chatroomEmoteWrapper{opacity:.25}.chatMessageItem.old.highlighted .chatMessageReplyText,.chatMessageItem.old.highlighted .chatMessageUser .chatroomBadgeIcon,.chatMessageItem.old.highlighted .chatMessageUsername,.chatMessageItem.old.highlighted .chatMessageTimestamp,.chatMessageItem.deleted.highlighted .chatMessageReplyText,.chatMessageItem.deleted.highlighted .chatMessageUser .chatroomBadgeIcon,.chatMessageItem.deleted.highlighted .chatMessageUsername,.chatMessageItem.deleted.highlighted .chatMessageTimestamp{opacity:.5}.chatMessageItem.old.highlighted .chatMessageContent>div,.chatMessageItem.old.highlighted .chatMessageContent>span,.chatMessageItem.old.highlighted .chatMessageContent>a,.chatMessageItem.old.highlighted .chatMessageContent>.chatroomEmoteWrapper,.chatMessageItem.deleted.highlighted .chatMessageContent>div,.chatMessageItem.deleted.highlighted .chatMessageContent>span,.chatMessageItem.deleted.highlighted .chatMessageContent>a,.chatMessageItem.deleted.highlighted .chatMessageContent>.chatroomEmoteWrapper{opacity:.5}.chatMessageItem.dialogChatMessageItem{padding:4px 16px}.systemMessage{opacity:.5}.chatMessageReply{display:inline-flex;flex-direction:column;max-width:100%;line-height:24px}.chatMessageReply>.chatMessageReplyText{display:inline-flex;gap:4px;opacity:.35;max-height:24px}.chatMessageReply>.chatMessageReplyText>.chatMessageReplyTextSender{flex:1 0 auto;display:flex;flex-direction:row;align-items:center;gap:4px;max-width:fit-content;font-weight:600;font-size:14px}.chatMessageReply>.chatMessageReplyText>.chatMessageReplyTextSender .chatMessageReplyTextSenderUsername{color:var(--text-primary);text-decoration:none;font-size:var(--chat-message-font-size);background:none;border:none;font-weight:700;cursor:pointer}.chatMessageReply>.chatMessageReplyText>.chatMessageReplyTextContent{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.chatMessageReply>.chatMessageReplyText>.chatMessageReplySymbol{width:28px;height:24px;top:2.5px;position:relative;vertical-align:top}.chatMessageActions{position:absolute;right:8px;top:-12px;opacity:0;display:flex;gap:1px}.chatMessageActions>button{display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border-primary);background-color:var(--bg-secondary);cursor:pointer;border-radius:3px;padding:4px;transition:background-color .2s ease}.chatMessageActions>button>img{opacity:.5;transition:opacity .2s ease}.chatMessageActions>button:hover{background-color:var(--bg-hover);opacity:1}.chatMessageContent{display:inline;color:var(--message-primary);overflow-wrap:anywhere;line-height:1.5;vertical-align:middle;transition:opacity .2s ease;word-break:break-word}.chatMessageContent a{color:var(--text-accent)}.chatMessageTimestamp{font-size:var(--chat-message-font-size);margin-right:6px;opacity:.5;color:var(--text-primary)}.chatMessageUser{display:inline-flex;word-break:break-all;flex-wrap:nowrap;vertical-align:middle}.chatMessageUser>.chatMessageUsername{display:inline;font-weight:800;background:none;border:none;font-size:var(--chat-message-font-size);cursor:pointer;vertical-align:middle}.chatMessageUser>.chatMessageUsername.chatMessageUsernamePaint{background-color:currentColor;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;background-size:cover}.quickModTools{display:inline-flex;gap:0;border:1px solid rgba(255,255,255,.1);border-radius:3px;margin-right:4px}.quickModTools .quickModToolsBtn{display:flex;align-items:center;justify-content:center;background:none;cursor:pointer;background-color:transparent;padding:4px;border-right:1px solid rgba(255,255,255,.1);transition:background-color .2s ease-in-out}.quickModTools .quickModToolsBtn:last-child{border-right:none}.quickModTools .quickModToolsBtn.active{background-color:#ffffff12}.quickModTools .quickModToolsBtn.active img{opacity:.7}.quickModTools .quickModToolsBtn img{opacity:.2;transition:opacity .2s ease-in-out}.quickModTools .quickModToolsBtn:hover{background-color:#ffffff12}.quickModTools .quickModToolsBtn:hover img{opacity:.7}.timeoutSlider{position:absolute;background:var(--bg-tertiary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border-primary);border-radius:8px;padding:12px;min-width:220px;z-index:100;box-shadow:var(--shadow-elevated);left:8px;bottom:calc(100% + 8px)}.timeoutSlider.position-below{bottom:auto;top:calc(100% + 8px)}.timeoutSlider .timeoutSliderContent{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:8px}.timeoutSlider .timeoutSliderContent .timeoutSliderBody{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:16px}.timeoutSlider .timeoutSliderContent .timeoutSliderBody .timeoutSliderDuration{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;width:100%}.timeoutSlider .timeoutSliderContent .timeoutSliderBody .timeoutSliderDuration span{display:flex;align-items:center;justify-content:center;text-transform:capitalize;text-align:center;flex:1 0 auto;font-size:16px;color:var(--text-primary);font-weight:500;padding:4px 0;height:32px;border-radius:4px}.timeoutSlider .timeoutSliderContent .timeoutSliderBody .timeoutSliderInput [role=slider]{transition:all .15s ease;cursor:grab}.timeoutSlider .timeoutSliderContent .timeoutSliderBody .timeoutSliderInput [role=slider]:hover{transform:scale(1.2)}.timeoutSlider .timeoutSliderContent .timeoutSliderBody .timeoutSliderInput [role=slider]:active{cursor:grabbing;transform:scale(1.3)}.timeoutSlider .timeoutSliderContent .timeoutSliderBody .timeoutSliderButton{width:80px;height:32px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.timeoutSlider .timeoutSliderContent .timeoutSliderBody .timeoutSliderButton:hover{background:var(--btn-primary-hover);transform:translateY(-1px)}.timeoutSlider .timeoutSliderContent .timeoutSliderBody .timeoutSliderButton:active{background:var(--btn-primary-hover);transform:translateY(0)}.chatMessageBadges{display:inline-block;vertical-align:middle}.chatMessageBadges>.chatroomBadge{display:inline-block;margin-right:5px}.chatMessageBadges>.chatroomBadge>.chatroomBadgeIcon{width:calc(var(--chat-message-font-size) * 1.3846153846);height:calc(var(--chat-message-font-size) * 1.3846153846);vertical-align:middle}.chatMessageBadges>.chatroomBadge>.chatroomBadgeIcon[alt=d9]{border-radius:4px}.kickEmote{width:inherit;height:inherit}.stvEmote{display:inline-flex;margin:0 auto;white-space:normal}.chatroomEmoteWrapper{opacity:1;position:relative;width:100%;height:100%;display:inline-grid;grid-column:1;grid-row:1;vertical-align:middle;margin-left:1px;margin-right:1px}.kickEmote{max-width:124px}.chatroomEmote{display:inline-grid;grid-column:1;grid-row:1;height:inherit}.chatroomEmote.zeroWidthEmote{pointer-events:none;width:100%}.modActionMessage{background:-webkit-linear-gradient(45deg,var(--text-tertiary) 80%,var(--bg-overlay) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;letter-spacing:-.05px}.modActionMessage>span{font-weight:800}.modActionMessage>button{border:none;font-weight:700;cursor:pointer;background-color:#ffffff12;border-radius:3px;font-size:14px;padding:2px 4px;color:#ffffff4d;-webkit-background-clip:initial;-webkit-text-fill-color:initial;transition:all .2s ease-in-out}.modActionMessage>button:hover{background-color:#ffffff1a;color:#ffffffb3}.tooltipItem{display:none;border-radius:8px;position:fixed;background-color:var(--bg-overlay);border:1px solid var(--border-primary);border-bottom-width:2px;margin-bottom:0;text-align:center;pointer-events:none;max-width:250px;gap:16px;z-index:99}.showTooltip{position:fixed;display:flex;flex-direction:column;min-width:132px;min-height:min-content;z-index:999;max-width:250px;font-size:18px;align-items:center;justify-content:center;padding:16px}.showTooltip.linkTooltip .linkTooltipInfoHeader>h5{font-size:14px;color:#ffffffb3}.showTooltip.linkTooltip .linkTooltipInfoHeader>span{font-size:16px;color:#fff}.showTooltip.linkTooltip>img{width:100%;height:100%;border-radius:4px;object-fit:contain}.showTooltip>img{height:48px;width:max-content;object-fit:contain;display:block}.showTooltip>span{font-size:18px;display:block;width:100%;text-align:center;margin:0;padding:0}.showTooltip .tooltipItemInfo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:18px;color:#ffffffb3}.showTooltip .tooltipItemInfo .badgeTooltipPlatform{border:1px solid rgba(255,255,255,.1);background-color:#ffffff1a;margin-bottom:4px;width:100%;padding:2px 8px;font-size:14px;height:20px;border-radius:4px;color:#ffffff80;display:flex;align-items:center;justify-content:center;gap:4px}.showTooltip .tooltipItemCreatedBy{font-size:14px;color:#ffffffb3}.showTooltip .tooltipItemCreatedBy>span{font-weight:800}.emoteTooltip{position:fixed;display:flex;flex-direction:column;min-width:132px;z-index:999;max-width:300px;min-height:132px;font-size:18px;align-items:center;justify-content:center;opacity:1;padding:16px}.emoteTooltip .emoteTooltipOverlaidWrapper{background:#ffffff08;border:1px solid rgba(255,255,255,.05);width:100%;border-radius:4px;margin-bottom:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0;gap:8px;font-size:14px;color:#ffffffb3}.emoteTooltip.linkTooltip .linkTooltipInfoHeader>h5{font-size:14px;color:#ffffffb3}.emoteTooltip.linkTooltip .linkTooltipInfoHeader>span{font-size:16px;color:#fff}.emoteTooltip.linkTooltip>img{width:100%;height:100%;border-radius:4px;object-fit:contain}.emoteTooltip>img{max-height:65px;width:max-content;object-fit:contain;display:block}.emoteTooltip>span{font-size:18px;display:block;width:100%;text-align:center;margin:0;padding:0}.emoteTooltip .tooltipItemCreatedBy{font-size:14px;color:#ffffffb3}.emoteTooltip .tooltipItemCreatedBy>span{font-weight:800}.emoteTooltipInfo{display:flex;flex-direction:column;gap:4px;width:100%}.emoteTooltipInfo>p{margin:0;padding:0;font-size:14px;color:#ffffffb3}.emoteTooltipInfo>p>span{font-weight:700;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;color:#fff}.emoteTooltipInfoHeader{display:flex;flex-direction:column;gap:4px}.emoteTooltipInfoHeader>span{font-weight:700;font-size:16px;color:#fff}.emoteTooltipInfoHeader>p{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:14px;color:#ffffffb3}.emoteTooltipInfoHeader .emoteTooltipPlatform{border:1px solid rgba(255,255,255,.1);background-color:#ffffff0d;margin-bottom:4px;width:100%;padding:2px 8px;height:24px;border-radius:4px;color:#ffffffb3;font-weight:700;display:flex;align-items:center;justify-content:center;gap:4px}.emoteSetUpdateMessage{display:flex;flex-direction:column;gap:8px;padding:0;border-radius:6px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-left:4px solid rgba(255,255,255,.1);max-width:100%;margin-bottom:4px;transition:all .15s ease}.emoteSetUpdateMessage:hover{background:#ffffff0d!important}.emoteSetUpdateMessage .emoteSetUpdateHeader{font-weight:600;color:#fff;font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.1)}.emoteSetUpdateMessage .emoteSetUpdateHeader img{width:24px;height:24px;object-fit:contain}.emoteSetUpdateMessage .emoteSetUpdateHeader .emoteSetUpdateTags{display:flex;align-items:center;gap:4px}.emoteSetUpdateMessage .emoteSetUpdateHeader .emoteSetUpdateLabel{display:flex;align-items:center;gap:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);padding:2px 8px;font-size:12px;text-transform:uppercase;border-radius:4px}.emoteSetUpdateMessage .emoteSetUpdateHeader .emoteSetUpdateLabel.added{background:#059005}.emoteSetUpdateMessage .emoteSetUpdateHeader .emoteSetUpdateLabel.removed{background:#af1f06}.emoteSetUpdateMessage .emoteSetUpdateHeader .emoteSetUpdateLabel.updated{background:#052a88}.emoteSetUpdateMessage .emoteSetUpdateDetails{display:flex;flex-direction:column;gap:4px;justify-content:center;padding:0 12px 8px}.emoteSetUpdateMessage .emoteSetUpdateItem{display:flex;gap:16px;align-items:center}.emoteSetUpdateMessage .emoteSetUpdateItem .emoteSetUpdateLabel{font-weight:600;min-width:60px;flex-shrink:0}.emoteSetUpdateMessage .emoteSetUpdateItem .emoteSetUpdateEmote{height:40px;max-height:40px;object-fit:contain}.emoteSetUpdateMessage .emoteSetUpdateItem .emoteSetUpdateEmoteInfo{display:flex;flex-direction:column;color:#ffffffb3;width:100%}.emoteSetUpdateMessage .emoteSetUpdateItem .emoteSetUpdateEmoteInfo.updated{flex-direction:row;gap:4px}.emoteSetUpdateMessage .emoteSetUpdateItem .emoteSetUpdateEmoteInfo.updated .emoteSetUpdateEmoteNameSeparator{font-size:16px;font-weight:700;color:#ffffffb3}.emoteSetUpdateMessage .emoteSetUpdateItem .emoteSetUpdateEmoteInfo .emoteSetUpdateEmoteName{font-weight:700;font-size:16px;display:flex;gap:4px;color:#fff}.emoteSetUpdateMessage .emoteSetUpdateItem .emoteSetUpdateEmoteInfo .emoteSetUpdateEmoteName>span{font-weight:400;opacity:.7;background:#ffffff0d;padding:2px 8px;border-radius:4px}.emoteSetUpdateMessage .emoteSetUpdateItem .emoteSetUpdateEmoteInfo .emoteSetUpdateEmoteOwner{font-size:14px;color:#ffffffb3}.emoteSetUpdateMessage .emoteSetUpdateItem .emoteSetUpdateEmotes{color:var(--text-primary);opacity:.9;word-break:break-word}