+#select-optimizations-view {
+ list-style-image: url(profiler-stopwatch.svg);
+}
+
+/* Recording buttons */
+
+#main-record-button {
+ list-style-image: url(profiler-stopwatch-tbutton.svg);
+}
+
+#empty-notice > .record-button,
+#main-record-button:hover,
+#main-record-button:hover:active {
+ list-style-image: url(profiler-stopwatch.svg);
+}
+
+#main-record-button[checked] {
+ list-style-image: url(profiler-stopwatch-checked.svg);
+}
+
+#main-record-button .button-icon {
+ margin: 0;
+}
+
+#main-record-button .button-text {
+ display: none;
+}
+
+.notice-container .record-button {
+ padding: 5px !important;
+}
+
+.notice-container .record-button[checked],
+.notice-container .record-button[checked] {
+ color: var(--theme-selection-color) !important;
+ background: var(--theme-selection-background) !important;
+}
+
+.record-button[locked] {
+ pointer-events: none;
+ opacity: 0.5;
+}
+
+/* Sidebar & recording items */
+
+.recording-item {
+ padding: 4px;
+}
+
+.recording-item-title {
+ font-size: 110%;
+}
+
+.recording-item-footer {
+ padding-top: 4px;
+ font-size: 90%;
+}
+
+.recording-item-save {
+ text-decoration: underline;
+ cursor: pointer;
+}
+
+.recording-item-duration,
+.recording-item-save {
+ color: var(--theme-body-color-alt);
+}
+
+#recordings-list .selected label {
+ /* Text inside a selected item should not be custom colored. */
+ color: inherit !important;
+}
+
+
+/* Recording notices */
+
+.notice-container {
+ font-size: 120%;
+ background-color: var(--theme-toolbar-background);
+ color: var(--theme-body-color);
+ padding-bottom: 20vh;
+}
+
+.console-profile-command {
+ font-family: monospace;
+ margin: 3px 2px;
+}
+
+.realtime-disabled-message,
+.realtime-disabled-on-e10s-message {
+ display: none;
+}
+
+#performance-view[e10s="disabled"] .realtime-disabled-on-e10s-message {
+ display: initial;
+ opacity: 0.5;
+
+}
+#performance-view[e10s="unsupported"] .realtime-disabled-message {
+ display: initial;
+ opacity: 0.5;
+}
+
+.buffer-status-message,
+.buffer-status-message-full {
+ display: none;
+}
+
+#details-pane-container[buffer-status="in-progress"] .buffer-status-message {
+ display: initial;
+ opacity: 0.5;
+}
+
+#details-pane-container[buffer-status="full"] .buffer-status-message {
+ display: initial;
+ color: var(--theme-highlight-red);
+ font-weight: bold;
+ opacity: 1;
+}
+
+#details-pane-container[buffer-status="full"] .buffer-status-message-full {
+ display: initial;
+}
+