/* Finish matte chat surfaces; retain geometry, controls and user decorations. */
html body .wapper .block.block:has(> #chat),
html body .wapper .block.block:has(> #chat):hover,
html body .wapper .block.block:has(> #chat):focus-within {
 background:#222525!important;border-color:#ffffff0c!important;
 box-shadow:0 8px 24px -16px #0009!important;
}
html body #generalChatRulesDialog,
html body #generalChatRulesDialog:hover,
html body #generalChatRulesDialog:focus-within,
html body > .chatReactionPicker,
html body > .chatReactionPicker:hover,
html body > .chatReactionPicker:focus-within,
html body .popover:has(.smiles-wrapper),
html body .popover:has(.smiles-wrapper):hover,
html body .popover:has(.smiles-wrapper):focus-within {
 background:#222525!important;border-color:#ffffff18!important;
 box-shadow:0 12px 32px -12px #0009!important;
}
html body .popover:has(.smiles-wrapper) .popover-body,
html body .popover:has(.smiles-wrapper) .smiles-wrapper,
html body .popover:has(.smiles-wrapper) .smiles-display,
html body .popover:has(.smiles-wrapper) .smiles-categories {
 background:transparent!important;scrollbar-color:#a58b55 #222525!important;
}
html body .popover:has(.smiles-wrapper).bs-popover-top > .arrow::after{border-top-color:#222525!important;}
html body .popover:has(.smiles-wrapper).bs-popover-bottom > .arrow::after{border-bottom-color:#222525!important;}
html body .popover:has(.smiles-wrapper).bs-popover-left > .arrow::after{border-left-color:#222525!important;}
html body .popover:has(.smiles-wrapper).bs-popover-right > .arrow::after{border-right-color:#222525!important;}
html body #generalChatRulesDialog header{border-bottom-color:#ffffff12!important;}
html body > .chatReactionPicker button:hover,
html body .popover:has(.smiles-wrapper) .smiles-display :is(img.smile,img.sticker):hover {
 background:#c7ad7819!important;border-color:#c7ad7840!important;box-shadow:none!important;
}
html body .wapper #chat #message_input,
html body .wapper #chat #message_input:focus,
html body .wapper #chat #message_input:focus-visible {
 background:#191d1b!important;outline:none!important;box-shadow:none!important;border-color:#ffffff12!important;
}
html body .wapper #chat #message_input:focus,
html body .wapper #chat #message_input:focus-visible {border-color:#c7ad78!important;}
html body .wapper #chat #send_button,
html body .wapper #chat #send_button:hover,
html body .wapper #chat #send_button:focus,
html body .wapper #chat #send_button:active {
 color:#272319!important;background:#d5bd88!important;border-color:#d5bd88!important;
 box-shadow:none!important;text-shadow:none!important;
}
html body .wapper #chat #send_button:hover:not(:disabled){background:#e8d3a5!important;border-color:#e8d3a5!important;color:#272319!important;}
html body .wapper #chat #send_button:focus-visible{outline:2px solid #c7ad78!important;outline-offset:2px!important;}
html body .wapper #chat #send_button:disabled,
html body .wapper #chat #send_button:disabled:hover {background:#393d37!important;border-color:#393d37!important;color:#b0b7ac!important;}