html[lang] body.chat-client .original-scroll-line { position:relative; flex:none; overflow:hidden; min-width:0; margin:2px 3px; color:var(--original-scrollText,#000); background:var(--original-scrollBackground,#fff); font-family:var(--original-font,Arial); font-size:var(--original-size,12px); font-weight:var(--original-weight,normal); font-style:var(--original-font-style,normal); line-height:normal; }
html[lang] body.chat-client .original-scroll-line[hidden] { display:none; }
html[lang] body.chat-client .original-scroll-line[data-frame=sunken] { border:2px inset #ddd; }
html[lang] body.chat-client .original-scroll-line[data-frame=raised] { border:2px outset #ddd; }
html[lang] body.chat-client .original-scroll-track { display:flex; width:max-content; align-items:center; white-space:pre; will-change:transform; }
html[lang] body.chat-client .original-scroll-item { display:inline-block; flex:none; }
html[lang] body.chat-client .original-scroll-item a { color:blue; text-decoration:underline; }
html[lang] body[data-original-theme] {
  --classic-blue: var(--original-outer);
  --classic-panel: var(--original-inner);
  font-family: var(--original-font);
  font-size: var(--original-size);
  font-weight: var(--original-weight);
  font-style: var(--original-font-style);
}
/* Java bs and bt share the tabbed panel colors; ScrollLine is independent. */
html[lang] body.chat-client[data-original-theme] :is(.people-sidebar, .sidebar-tabs, .classic-buddies, .room-tools) {
  background-color:var(--original-tabsBackground); color:var(--original-tabsText);
}
html[lang] body.chat-client[data-original-theme] .classic-all-users { color:inherit; }
html[lang] body.chat-client[data-original-theme] .sidebar-tabs button:not([data-original-tab])[aria-selected=false] { background-color:var(--original-tabs-inactive); }
html[lang] body.chat-client[data-original-theme] #messages .message.im-notification:not(.custom-message-background) { background-color:var(--original-imBackground); }
html[lang] body.chat-client[data-original-theme] #messages .message.im-notification:not(.custom-message-text) :is(.content,.byline) { color:var(--original-imText); }
html[lang] body.chat-client[data-original-theme] .classic-chat-page {
  background-color: var(--original-outer);
  background-image: var(--original-background);
  border-radius: 0;
  color: var(--original-outerText);
}
html[lang] body.chat-client[data-original-theme] .chat-layout {
  background-color: var(--original-inner);
  border-radius: var(--original-corners);
  color: var(--original-innerText);
}
html[lang] body[data-original-theme] .pm-composer {
  background-color:var(--original-innerBackground); color:var(--original-innerText);
}
html[lang] body.chat-client[data-original-theme] :is(.client-user-tools, .classic-settings-panel) {
  background: var(--original-tabsBackground);
  color: var(--original-tabsText);
}
html[lang] body.chat-client[data-original-theme] .messages {
  color: var(--original-text);
  background-image: var(--original-chat-background);
  background-size: var(--original-chat-background-size);
  background-color: var(--reading-background, var(--original-normalBackground));
}
html[lang] body.chat-client[data-original-theme] #messages .message {
  font-family:var(--reading-font, var(--original-font)); font-size:var(--reading-size, var(--original-size));
  font-weight:var(--reading-weight, var(--original-weight)); font-style:var(--reading-style, var(--original-font-style));
}
html[lang] body.chat-client[data-original-theme] #messages .message .content { font-family:inherit; font-size:inherit; }
html[lang] body.chat-client[data-original-theme] #messages .message .content:not(.text-bold) { font-weight:inherit; }
html[lang] body.chat-client[data-original-theme] #messages .message .content:not(.text-italic) { font-style:inherit; }
html[lang] body.chat-client[data-original-theme] #messages .message .content.text-bold { font-weight:700; }
html[lang] body.chat-client[data-original-theme] #messages .message .content.text-italic { font-style:italic; }
html[lang] body.chat-client[data-original-theme] #messages .message:not(.custom-message-background) { background-color:var(--reading-background, var(--original-normalBackground)); }
html[lang] body.chat-client[data-original-theme] #messages .message:not(.custom-message-text) :is(.content,.byline) { color:var(--reading-normal, var(--original-normalText)); }
html[lang] body.chat-client[data-original-theme] .sidebar-tabs button {
  background: var(--original-tabs);
  color: var(--original-tab-text);
}
html[lang] body.chat-client[data-original-theme] :is(.classic-help-bar, .footer-note) {
  color: var(--original-helpText); background-color: var(--original-helpBackground);
}
html[lang] body[data-original-theme] :is(.composer textarea, .pm-composer textarea, .preview-input) {
  color: var(--original-inputText); background-color: var(--original-inputBackground);
}
html[lang] body.chat-client[data-original-theme] input[type=search] {
  color: var(--original-searchText); background-color: var(--original-searchBackground);
}
html[lang] body[data-original-theme] :is(button, select):not([data-original-button], [data-original-tab], .list-item, .buddy-row, [role=tab]):not(.classic-menu button, .classic-user-popup button, .classic-status-menu button, .classic-window-controls button, .pm-caption button, .dialog-head button) {
  color: var(--original-controlText); background-color: var(--original-controlBackground); background-image:none;
}
html[lang] body[data-original-theme][data-original-gradient] button:not([data-original-button], [data-original-tab], .list-item, .buddy-row, [role=tab]):not(.classic-menu button, .classic-user-popup button, .classic-status-menu button, .classic-window-controls button, .pm-caption button, .dialog-head button) {
  background-image: linear-gradient(#ffffff55, #00000022);
}
html[lang] body.chat-client[data-original-theme] :is(.classic-user-popup, .classic-menu, .classic-status-menu, .classic-menubar, .classic-menubar > button),
html[lang] body.chat-client[data-original-theme] :is(.classic-user-popup, .classic-menu, .classic-status-menu) button {
  font-family: var(--original-menu-font); font-size: var(--original-menu-size);
  font-weight: var(--original-menu-weight); font-style: var(--original-menu-style);
}
html[lang] body.chat-client[data-original-theme] :is(.classic-menu, .classic-status-menu) button {
  height: auto; min-height: max(20px, calc(var(--original-menu-size) + 6px));
}
html[lang] body.chat-client[data-original-menu-colors] :is(.classic-user-popup, .classic-menu, .classic-status-menu, .classic-menubar, .classic-menubar > button),
html[lang] body.chat-client[data-original-menu-colors] :is(.classic-user-popup, .classic-menu, .classic-status-menu) button {
  color: var(--original-menuText); background-color: var(--original-menuBackground);
}
html[lang] body.chat-client[data-original-menu-colors] :is(.classic-user-popup, .classic-menu, .classic-status-menu) button:is(:focus,:hover,.preview-highlight) {
  color: var(--original-highlightText); background-color: var(--original-highlightBackground);
}
html[lang] body.chat-client[data-original-menu-colors] .classic-menubar > button:is(:focus,:hover,[aria-expanded=true]) {
  color:var(--original-highlightText); background-color:var(--original-highlightBackground);
}
/* The legacy chrome owns this ID's native states; override that same control,
   without raising the specificity of every other menu through :is(#id,...). */
html[lang] body.chat-client[data-original-theme] #classic-menu-button {
  font-family:var(--original-menu-font); font-size:var(--original-menu-size);
  font-weight:var(--original-menu-weight); font-style:var(--original-menu-style);
}
html[lang] body.chat-client[data-original-menu-colors] #classic-menu-button {
  color:var(--original-menuText); background-color:var(--original-menuBackground);
}
html[lang] body.chat-client[data-original-menu-colors] #classic-menu-button:is(:focus,:hover,[aria-expanded=true]) {
  color:var(--original-highlightText); background-color:var(--original-highlightBackground);
}
html[lang] body.chat-client[data-original-theme] :is(.classic-status-menu, .people-sidebar) .status-icon {
  width: auto; height: auto; margin-inline-end: 5px;
}
html[lang] body.chat-client[data-original-theme] .status-icon[hidden] { display: none; }
html[lang] body.chat-client[data-original-theme] #messages .message.game-invitation:not(.custom-message-background) {
  background-color: var(--original-invitationBackground);
}
html[lang] body.chat-client[data-original-theme] #messages .message.game-invitation:not(.custom-message-text) :is(.content, .byline) {
  color: var(--original-invitationText);
}
html[lang] body.chat-client[data-original-theme] #messages .message.private-notification:not(.buddy-notification):not(.custom-message-background) {
  background-color: var(--reading-privateBackground, var(--original-privateBackground));
}
html[lang] body.chat-client[data-original-theme] #messages .message.private-notification:not(.buddy-notification):not(.custom-message-text) :is(.content,.byline) {
  color: var(--reading-private, var(--original-privateText));
}
body[data-original-theme] .pm-window { background-color: var(--original-outer); }
body[data-original-theme] .pm-history { color: var(--reading-private, var(--original-privateText)); }
html body[data-original-theme] .pm-history .pm-message { font-family:var(--reading-font, var(--original-font)); font-size:var(--reading-size, var(--original-size)); font-weight:var(--reading-weight, var(--original-weight)); font-style:var(--reading-style, var(--original-font-style)); }
html body[data-original-theme] .pm-history .pm-message:not(.custom-message-background) { background-color: var(--reading-privateBackground, var(--original-privateBackground)); }
html body[data-original-theme] .pm-history .pm-message:not(.custom-message-text) { color: var(--reading-private, var(--original-privateText)); }
html body[data-original-theme] .pm-history .pm-message:not(.custom-message-text) .content { color: inherit; }
html body[data-original-theme][data-original-conversation=buddy] .pm-message:not(.custom-message-background),
html[lang] body.chat-client[data-original-theme] #messages .message.buddy-notification:not(.custom-message-background) { background-color:var(--original-buddyBackground); }
html body[data-original-theme][data-original-conversation=buddy] .pm-message:not(.custom-message-text),
html[lang] body.chat-client[data-original-theme] #messages .message.buddy-notification:not(.custom-message-text) :is(.content,.byline) { color:var(--original-buddyText); }
html body[data-original-theme][data-original-conversation=im] .pm-message:not(.custom-message-background) { background-color:var(--original-imBackground); }
html body[data-original-theme][data-original-conversation=im] .pm-message:not(.custom-message-text) { color:var(--original-imText); }
html[lang] body.chat-client[data-original-theme] .preview-inner { color:var(--original-innerText); background:var(--original-innerBackground); }
html[lang] body[data-original-theme] button[data-original-button] {
  background: transparent var(--original-button-up) center / 100% 100% no-repeat;
  width: var(--original-button-width);
  height: var(--original-button-height);
  min-width: 0;
  min-height: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
  color: transparent;
  font-size: 0;
}
html[lang] body[data-original-theme] button[data-original-button] img { visibility: hidden; }
html[lang] body[data-original-theme] button[data-original-button]:active { background-image: var(--original-button-dn); }
html[lang] body[data-original-theme] button[data-original-button]:disabled { background-image: var(--original-button-disabled); }
html[lang] body[data-original-theme] input[data-original-checkbox] {
  appearance:none; width:var(--original-check-width); height:var(--original-check-height);
  min-height:0; padding:0; border:0; border-radius:0; background:transparent var(--original-check-up) center / 100% 100% no-repeat;
}
html[lang] body[data-original-theme] input[data-original-checkbox]:checked { background-image:var(--original-check-selected); }
html[lang] body.chat-client[data-original-theme] button[data-original-tab] {
  background: transparent var(--original-tab-up) center / 100% 100% no-repeat;
  width: var(--original-tab-width);
  height: var(--original-tab-height);
  padding: 0;
  font-size: 0;
  color: transparent;
}
html[lang] body.chat-client[data-original-theme] button[data-original-tab][aria-selected="true"] { background-image: var(--original-tab-down); }