+#filter-button {
+ list-style-image: url(timeline-filter.svg#filter);
+ min-width: 24px;
+}
+
+#filter-button[disabled] {
+ list-style-image: url(timeline-filter.svg#filter-disabled);
+}
+
+#filter-button:not([disabled]):hover,
+#filter-button:not([disabled]):hover:active,
+#filter-button[open] {
+ list-style-image: url(timeline-filter.svg#filter-open);
+}
+
+#performance-filter-menupopup > menuitem:before {
+ content: "";
+ display: block;
+ width: 8px;
+ height: 8px;
+ margin: 0 8px;
+ border-radius: 1px;
+}
+
+#filter-button {
+ list-style-image: url(timeline-filter.svg#filter);
+ min-width: 24px;
+}
+
+#filter-button[disabled] {
+ list-style-image: url(timeline-filter.svg#filter-disabled);
+}
+
+#filter-button[open] {
+ list-style-image: url(timeline-filter.svg#filter-open);
+}
+
+#performance-filter-menupopup > menuitem:before {
+ content: "";
+ display: block;
+ width: 8px;
+ height: 8px;
+ margin: 0 8px;
+ border: 1px solid;
+ border-radius: 1px;
+ background-color: var(--bullet-bg);
+ border-color: var(--bullet-border);
+}
+