:root {
        --rank-color-baron: #f8f;
        --rank-color-viscount: #ccf;
        --rank-color-count: #8ff;
        --rank-color-marquis: #cfc;
        --rank-color-duke: #ff8;
        --rank-color-grandDuke: #fcc;
        --rank-color-baron-light: #fcf;
        --rank-color-viscount-light: #eef;
        --rank-color-count-light: #cff;
        --rank-color-marquis-light: #efe;
        --rank-color-duke-light: #ffc;
        --rank-color-grandDuke-light: #fee;
    }
                
                .Live_Stream_Comment.rank-baron {
                    background-color: var(--rank-color-baron);
                }
                .Live_Stream_Comment.rank-viscount {
                    background-color: var(--rank-color-viscount);
                }
                .Live_Stream_Comment.rank-count {
                    background-color: var(--rank-color-count);
                }
                .Live_Stream_Comment.rank-marquis {
                    background-color: var(--rank-color-marquis);
                }
                .Live_Stream_Comment.rank-duke {
                    background-color: var(--rank-color-duke);
                }
                .Live_Stream_Comment.rank-grandDuke {
                    background-color: var(--rank-color-grandDuke);
                }
                
                .Live_Stream_Super_Comment.rank-baron>.gauge {
                    background-color: var(--rank-color-baron);
                }
                .Live_Stream_Super_Comment.rank-viscount>.gauge {
                    background-color: var(--rank-color-viscount);
                }
                .Live_Stream_Super_Comment.rank-count>.gauge {
                    background-color: var(--rank-color-count);
                }
                .Live_Stream_Super_Comment.rank-marquis>.gauge {
                    background-color: var(--rank-color-marquis);
                }
                .Live_Stream_Super_Comment.rank-duke>.gauge {
                    background-color: var(--rank-color-duke);
                }
                .Live_Stream_Super_Comment.rank-grandDuke>.gauge {
                    background-color: var(--rank-color-grandDuke);
                }
                #Live_Stream_Super_Comment_Detail .container.rank-baron {
                    background-color: var(--rank-color-baron);
                }
                #Live_Stream_Super_Comment_Detail .container.rank-baron .text {
                    background-color: var(--rank-color-baron-light);
                }
                
                #Live_Stream_Super_Comment_Detail .container.rank-viscount {
                    background-color: var(--rank-color-viscount);
                }
                #Live_Stream_Super_Comment_Detail .container.rank-viscount .text {
                    background-color: var(--rank-color-viscount-light);
                }
                
                #Live_Stream_Super_Comment_Detail .container.rank-count {
                    background-color: var(--rank-color-count);
                }
                #Live_Stream_Super_Comment_Detail .container.rank-count .text {
                    background-color: var(--rank-color-count-light);
                }
                
                #Live_Stream_Super_Comment_Detail .container.rank-marquis {
                    background-color: var(--rank-color-marquis);
                }
                #Live_Stream_Super_Comment_Detail .container.rank-marquis .text {
                    background-color: var(--rank-color-marquis-light);
                }
                
                #Live_Stream_Super_Comment_Detail .container.rank-duke {
                    background-color: var(--rank-color-duke);
                }
                #Live_Stream_Super_Comment_Detail .container.rank-duke .text {
                    background-color: var(--rank-color-duke-light);
                }
                
                #Live_Stream_Super_Comment_Detail .container.rank-grandDuke {
                    background-color: var(--rank-color-grandDuke);
                }
                #Live_Stream_Super_Comment_Detail .container.rank-grandDuke .text {
                    background-color: var(--rank-color-grandDuke-light);
                }
                
                #Live_Stream_Listener_Super_Comment_Button {
                    margin: 0 12px;
                    width: 80px;
                    font-size: x-small;
                    padding: 6px 0;
                    position: relative;
                }
                
                #Live_Stream_Listener_Super_Comment_Button::before {
                    content: 'SPコメ OFF';
                }
                
                #Live_Stream_Listener_Super_Comment_Button.active {
                    background-color: #ff8;
                    color: #800;
                }
                
                #Live_Stream_Listener_Super_Comment_Button.active::before {
                    content: 'SPコメ ON';
                }
                
                #Live_Stream_Listener_Super_Comment_Button.active::after {
                    display: block;
                    position: absolute;
                    top: 40px;
                    border: 1px solid #000;
                    border-radius: 4px;
                    background-color: #fff;
                    padding: 4px;
                    pointer-events: none;
                    content: '※スーパーコメントモードが有効な場合、入力されたコメントが\A　ページ下部の投げ銭項目で設定された内容で\A　スーパーコメントとして送信されます。\A※設定しているモナコインの数量が正しいか\A　確認して送信してください。\A※設定しているモナコイン数量が0の場合、\A　スーパーコメントは送信されません。';
                    white-space: pre;
                    text-align: left;
                    opacity: 0.95;
                }
                
                #Live_Stream_Listener_Comment_Text.Super_Comment_Mode {
                    background-color: #ff8;
                    color: #800;
                }
                
                .tipping-contents {
                    display: none;
                }
                
                .tipping-contents.active {
                    display: block;
                }