+/* HTML Checkboxes - a lot copied from global/in-content/common.css */
+/* Hide the actual checkbox */
+input[type="checkbox"]:not(#browser-style-checkbox),
+#browser-style-checkbox:not([label]) { /* not()s are workaround for old placement of checkbox in label */
+ opacity: 0;
+ width: 0;
+ pointer-events: none;
+ position: absolute;
+}
+
+/* Create a box to style as the checkbox */
+input[type="checkbox"] + label::before {
+ display: inline-block;
+ content: "";
+ vertical-align: middle;
+}
+
+.devtools-searchbox + #browser-style-checkbox-label, /* workaround for old placement of checkbox in label */
+input[type="checkbox"] + label {
+ line-height: 0px;
+ color: var(--theme-capped-toolbar-text);
+}
+
+input[type="checkbox"] + label::before {
+ -moz-appearance: none;
+ width: 13px;
+ height: 13px;
+ border-radius: 0;
+ border: 1px solid var(--theme-body-color);
+ margin-inline-end: 3px;
+ margin-inline-start: 2px;
+ background-color: var(--theme-toolbar-background);
+ background-position: center center;
+ background-repeat: no-repeat;
+}
+
+input[type="checkbox"]:not(:disabled) + label:hover::before {
+ border-color: var(--theme-hover-background);
+}
+.devtools-searchbox + #browser-style-checkbox-label:hover, /* workaround for old placement of checkbox in label */
+input[type="checkbox"]:not(:disabled) + label:hover {
+ color: var(--theme-hover-background);
+}
+input[type="checkbox"]:checked + label::before {
+ background-image: url("chrome://global/skin/in-content/check.svg#check");
+}
+
+input[type="checkbox"]:checked:disabled + label::before {
+ background-image: url("chrome://global/skin/in-content/check.svg#check-disabled");
+}
+input[type="checkbox"]:checked:not(:disabled) + label:hover::before {
+ background-image: url("chrome://global/skin/in-content/check.svg#check-hover");
+}
+input[type="checkbox"]:disabled + label::before {
+ border-color: var(--theme-body-color-inactive);
+}
+input[type="checkbox"]:disabled + label {
+ color: var(--theme-body-color-inactive);
+}
+