Fix typo in the --hcm-highlight-filter CSS variable name (issue 17254)

web/annotation_layer_builder.css

@@ -28,7 +28,7 @@
     --input-disabled-border-color: GrayText;
     --input-hover-border-color: Highlight;
     --link-outline: 1.5px solid LinkText;
-    --hcm-highligh-filter: invert(100%);
+    --hcm-highlight-filter: invert(100%);
 
     .textWidgetAnnotation :is(input, textarea):required,
     .choiceWidgetAnnotation select:required,
@@ -40,7 +40,7 @@
       outline: var(--link-outline);
 
       &:hover {
-        backdrop-filter: var(--hcm-highligh-filter);
+        backdrop-filter: var(--hcm-highlight-filter);
       }
 
       & > a:hover {
@@ -62,7 +62,7 @@
       left: 0;
       width: 100%;
       height: 100%;
-      backdrop-filter: var(--hcm-highligh-filter);
+      backdrop-filter: var(--hcm-highlight-filter);
       content: "";
       pointer-events: none;
     }

web/pdf_page_view.js

@@ -284,7 +284,7 @@ class PDFPageView {
         this.pageColors?.background === "Canvas")
     ) {
       this._container?.style.setProperty(
-        "--hcm-highligh-filter",
+        "--hcm-highlight-filter",
         pdfPage.filterFactory.addHighlightHCMFilter(
           "CanvasText",
           "Canvas",

web/pdf_viewer.js

@@ -886,7 +886,7 @@ class PDFViewer {
           this.pageColors?.background === "Canvas"
         ) {
           this.viewer.style.setProperty(
-            "--hcm-highligh-filter",
+            "--hcm-highlight-filter",
             pdfDocument.filterFactory.addHighlightHCMFilter(
               "CanvasText",
               "Canvas",