+#trace:hover,
+#trace[checked] {
+ -moz-image-region: rect(0px,32px,16px,16px);
+}
+
+@media (min-resolution: 1.25dppx) {
+ #trace {
+ list-style-image: url(tracer-icon@2x.png);
+ -moz-image-region: rect(0px,32px,32px,0px);
+ }
+
+ #trace:hover,
+ #trace[checked] {
+ -moz-image-region: rect(0px,64px,32px,32px);
+ }
+}
+
+#clear-tracer {
+ /* Make this button as narrow as the text inside it. */
+ min-width: 1px;
+}
+
+.trace-name {
+ -moz-padding-start: 4px !important;
+}
+
+/* Tracer dark+light theme */
+
+.trace-item {
+ color: var(--theme-content-color1);
+}
+
+.trace-item.black-boxed {
+ color: #A09090;
+}
+
+.trace-item.selected-matching {
+ background-color: #004242; /* Select highlight blue at 40% alpha */
+}
+
+.selected > .trace-item {
+ background-color: #004242; /* Select highlight blue at 75% alpha */
+}
+
+.trace-call {
+ color: var(--theme-highlight-blue);
+}
+
+.trace-return,
+.trace-yield {
+ color: var(--theme-highlight-green);
+}
+
+.trace-throw {
+ color: var(--theme-highlight-red);
+}
+
+.trace-param {
+ color: var(--theme-highlight-pink);
+}
+
+.trace-syntax {
+ color: var(--theme-content-color2);
+}
+
+/* Breadcrumbs stack frames view */
+
+.breadcrumbs-widget-item {
+ max-width: none;
+}