+.console-profile-command {
+ font-family: monospace;
+ margin: 3px 2px;
+}
+
+#performance-view .realtime-message {
+ opacity: 0.5;
+ display: block;
+}
+
+#performance-view toolbarbutton.record-button {
+ padding: 5px;
+}
+
+#performance-view toolbarbutton.record-button[checked],
+#performance-view toolbarbutton.record-button[checked] {
+ color: var(--theme-selection-color);
+ background: var(--theme-selection-background);
+}
+
+#performance-view .realtime-disabled-message,
+#performance-view .realtime-disabled-on-e10s-message {
+ display: none;
+ /* This label does not want to wrap naturally (based on some combination of
+ it's parents and flex). Quick and dirty way to force it to wrap -> don't
+ let it get bigger than half the screen size */
+ max-width: 60vw;
+}
+
+#performance-view[e10s="disabled"] .realtime-disabled-on-e10s-message {
+ display: block;
+ opacity: 0.5;
+
+}
+#performance-view[e10s="unsupported"] .realtime-disabled-message {
+ display: block;
+ opacity: 0.5;
+}
+
+#details-pane-container .buffer-status-message,
+#details-pane-container .buffer-status-message-full {
+ display: none;
+}
+
+#details-pane-container[buffer-status="in-progress"] .buffer-status-message {
+ display: block;
+ opacity: 0.5;
+}
+
+#details-pane-container[buffer-status="full"] .buffer-status-message {
+ display: block;
+ color: var(--theme-highlight-red);
+ font-weight: bold;
+ opacity: 1;
+}
+
+#details-pane-container[buffer-status="full"] .buffer-status-message-full {
+ display: block;
+}
+