+
+/* NEW CONSOLE STYLES */
+
+#output-wrapper > div {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+}
+
+#output-container {
+ height: 100%;
+}
+
+.webconsole-output-wrapper {
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+ -moz-user-focus: normal;
+}
+
+.webconsole-filterbar-wrapper {
+ flex-grow: 0;
+}
+
+.webconsole-output {
+ flex: 1;
+ overflow: auto;
+}
+
+.webconsole-filterbar-primary {
+ display: flex;
+}
+
+.devtools-toolbar.webconsole-filterbar-secondary {
+ height: initial;
+}
+
+.webconsole-filterbar-primary .devtools-plaininput {
+ flex: 1 1 100%;
+}
+
+.webconsole-output.hideTimestamps > .message > .timestamp {
+ display: none;
+}
+
+.message.startGroup .message-body,
+.message.startGroupCollapsed .message-body {
+ color: var(--theme-body-color);
+ font-weight: bold;
+}
+
+.webconsole-output-wrapper .message > .icon {
+ margin: 3px 0 0 0;
+ padding: 0 0 0 6px;
+}
+
+.message.error > .icon::before {
+ background-position: -12px -36px;
+}
+
+.message.warn > .icon::before {
+ background-position: -24px -36px;
+}
+
+.message.info > .icon::before {
+ background-position: -36px -36px;
+}
+
+.message.network .method {
+ margin-inline-end: 5px;
+}
+
+.webconsole-output-wrapper .message .indent {
+ display: inline-block;
+ border-inline-end: solid 1px var(--theme-splitter-color);
+}
+
+.message.startGroup .indent,
+.message.startGroupCollapsed .indent {
+ border-inline-end-color: transparent;
+ margin-inline-end: 5px;
+}
+
+.message.startGroup .icon,
+.message.startGroupCollapsed .icon {
+ display: none;
+}
+
+/* console.table() */
+.new-consoletable {
+ width: 100%;
+ border-collapse: collapse;
+ --consoletable-border: 1px solid var(--table-splitter-color);
+}
+
+.new-consoletable thead,
+.new-consoletable tbody {
+ background-color: var(--theme-body-background);
+}
+
+.new-consoletable th {
+ background-color: var(--theme-selection-background);
+ color: var(--theme-selection-color);
+ margin: 0;
+ padding: 5px 0 0;
+ font-weight: inherit;
+ border-inline-end: var(--consoletable-border);
+ border-bottom: var(--consoletable-border);
+}
+
+.new-consoletable tr:nth-of-type(even) {
+ background-color: var(--table-zebra-background);
+}
+
+.new-consoletable td {
+ padding: 3px 4px;
+ min-width: 100px;
+ -moz-user-focus: normal;
+ color: var(--theme-body-color);
+ border-inline-end: var(--consoletable-border);
+ height: 1.25em;
+ line-height: 1.25em;
+}