npm - @pdfslick/react - Versions diffs - 2.3.0 → 3.1.0 - Mend

@pdfslick/react 2.3.0 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/pdf_viewer.css CHANGED Viewed

@@ -19,19 +19,42 @@
   --message-bar-close-button-color-hover:var(--text-primary-color);
   --message-bar-close-button-border-radius:4px;
   --message-bar-close-button-border:none;
-  --message-bar-close-button-hover-bg-color:rgb(21 20 26 / 0.14);
-  --message-bar-close-button-active-bg-color:rgb(21 20 26 / 0.21);
-  --message-bar-close-button-focus-bg-color:rgb(21 20 26 / 0.07);
+  --csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14);
+  --message-bar-close-button-hover-bg-color:var(--csstools-light-dark-toggle--0, rgb(21 20 26 / 0.14));
+  --csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21);
+  --message-bar-close-button-active-bg-color:var(--csstools-light-dark-toggle--1, rgb(21 20 26 / 0.21));
+  --csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07);
+  --message-bar-close-button-focus-bg-color:var(--csstools-light-dark-toggle--2, rgb(21 20 26 / 0.07));
 }
-@media (prefers-color-scheme: dark){
+@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
 .messageBar{
-    --message-bar-close-button-hover-bg-color:rgb(251 251 254 / 0.14);
-    --message-bar-close-button-active-bg-color:rgb(251 251 254 / 0.21);
-    --message-bar-close-button-focus-bg-color:rgb(251 251 254 / 0.07);
+  --message-bar-close-button-hover-bg-color:light-dark(
+    rgb(21 20 26 / 0.14),
+    rgb(251 251 254 / 0.14)
+  );
+  --message-bar-close-button-active-bg-color:light-dark(
+    rgb(21 20 26 / 0.21),
+    rgb(251 251 254 / 0.21)
+  );
+  --message-bar-close-button-focus-bg-color:light-dark(
+    rgb(21 20 26 / 0.07),
+    rgb(251 251 254 / 0.07)
+  );
+}
 }
+@supports not (color: light-dark(tan, tan)){
+.messageBar *{
+  --csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14);
+  --message-bar-close-button-hover-bg-color:var(--csstools-light-dark-toggle--0, rgb(21 20 26 / 0.14));
+  --csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21);
+  --message-bar-close-button-active-bg-color:var(--csstools-light-dark-toggle--1, rgb(21 20 26 / 0.21));
+  --csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07);
+  --message-bar-close-button-focus-bg-color:var(--csstools-light-dark-toggle--2, rgb(21 20 26 / 0.07));
   }
+}
 @media screen and (forced-colors: active){
@@ -142,40 +165,97 @@
     }
 #editorUndoBar{
-  --text-primary-color:#15141a;
-  --message-bar-icon:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 11.5899 4.41015 14.5 8 14.5C11.5899 14.5 14.5 11.5899 14.5 8C14.5 4.41015 11.5899 1.5 8 1.5ZM0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8ZM8.75 4V5.5H7.25V4H8.75ZM8.75 12V7H7.25V12H8.75Z%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
-  --message-bar-icon-color:#0060df;
-  --message-bar-bg-color:#deeafc;
+  --csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #fbfbfe;
+  --text-primary-color:var(--csstools-light-dark-toggle--3, #15141a);
+  --message-bar-icon:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M7.625 0.5C6.64009 0.5 5.66482 0.693993 4.75487 1.0709C3.84493 1.44781 3.01814 2.00026 2.3217 2.6967C1.62526 3.39314 1.07281 4.21993 0.695904 5.12987C0.318993 6.03982 0.125 7.01509 0.125 8C0.125 8.98491 0.318993 9.96018 0.695904 10.8701C1.07281 11.7801 1.62526 12.6069 2.3217 13.3033C3.01814 13.9997 3.84493 14.5522 4.75487 14.9291C5.66482 15.306 6.64009 15.5 7.625 15.5C9.61412 15.5 11.5218 14.7098 12.9283 13.3033C14.3348 11.8968 15.125 9.98912 15.125 8C15.125 6.01088 14.3348 4.10322 12.9283 2.6967C11.5218 1.29018 9.61412 0.5 7.625 0.5ZM8.25 11.375C8.25 11.5408 8.18415 11.6997 8.06694 11.8169C7.94973 11.9342 7.79076 12 7.625 12C7.45924 12 7.30027 11.9342 7.18306 11.8169C7.06585 11.6997 7 11.5408 7 11.375V6.938C7 6.77224 7.06585 6.61327 7.18306 6.49606C7.30027 6.37885 7.45924 6.313 7.625 6.313C7.79076 6.313 7.94973 6.37885 8.06694 6.49606C8.18415 6.61327 8.25 6.77224 8.25 6.938V11.375ZM8.25 5L8 5.25H7.25L7 5V4.25L7.25 4H8L8.25 4.25V5Z%22 fill%3D%22black%22 %2F%3E%3C%2Fsvg%3E");
+  --csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #73a7f3;
+  --message-bar-icon-color:var(--csstools-light-dark-toggle--4, #0060df);
+  --csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #003070;
+  --message-bar-bg-color:var(--csstools-light-dark-toggle--5, #deeafc);
   --message-bar-fg-color:var(--text-primary-color);
-  --message-bar-border-color:rgb(0 0 0 / 0.08);
+  --csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
+  --message-bar-border-color:var(--csstools-light-dark-toggle--6, rgb(0 0 0 / 0.08));
+  --csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
+  --undo-button-bg-color:var(--csstools-light-dark-toggle--7, rgb(21 20 26 / 0.07));
+  --csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.14);
+  --undo-button-bg-color-hover:var(--csstools-light-dark-toggle--8, rgb(21 20 26 / 0.14));
+  --csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.21);
+  --undo-button-bg-color-active:var(--csstools-light-dark-toggle--9, rgb(21 20 26 / 0.21));
-  --undo-button-bg-color:rgb(21 20 26 / 0.07);
-  --undo-button-bg-color-hover:rgb(21 20 26 / 0.14);
-  --undo-button-bg-color-active:rgb(21 20 26 / 0.21);
+  --csstools-light-dark-toggle--10:var(--csstools-color-scheme--light) #0df;
+  --undo-button-border:1px solid var(--csstools-light-dark-toggle--10, #0060df);
   --undo-button-fg-color:var(--message-bar-fg-color);
   --undo-button-fg-color-hover:var(--undo-button-fg-color);
   --undo-button-fg-color-active:var(--undo-button-fg-color);
-  --focus-ring-color:#0060df;
-  --focus-ring-outline:2px solid var(--focus-ring-color);
 }
-@media (prefers-color-scheme: dark){
+@supports (color: light-dark(red, red)){
+#editorUndoBar{
+  --text-primary-color:light-dark(#15141a, #fbfbfe);
+  --message-bar-icon-color:light-dark(#0060df, #73a7f3);
+  --message-bar-bg-color:light-dark(#deeafc, #003070);
+}
+}
+@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
 #editorUndoBar{
-    --text-primary-color:#fbfbfe;
+  --message-bar-border-color:light-dark(
+    rgb(0 0 0 / 0.08),
+    rgb(255 255 255 / 0.08)
+  );
+  --undo-button-bg-color:light-dark(
+    rgb(21 20 26 / 0.07),
+    rgb(255 255 255 / 0.08)
+  );
+  --undo-button-bg-color-hover:light-dark(
+    rgb(21 20 26 / 0.14),
+    rgb(255 255 255 / 0.14)
+  );
+  --undo-button-bg-color-active:light-dark(
+    rgb(21 20 26 / 0.21),
+    rgb(255 255 255 / 0.21)
+  );
+}
+}
-    --message-bar-icon-color:#73a7f3;
-    --message-bar-bg-color:#003070;
-    --message-bar-border-color:rgb(255 255 255 / 0.08);
+@supports (color: light-dark(red, red)){
+#editorUndoBar{
-    --undo-button-bg-color:rgb(255 255 255 / 0.08);
-    --undo-button-bg-color-hover:rgb(255 255 255 / 0.14);
-    --undo-button-bg-color-active:rgb(255 255 255 / 0.21);
+  --undo-button-border:1px solid light-dark(#0060df, #0df);
+}
 }
+@supports not (color: light-dark(tan, tan)){
+#editorUndoBar *{
+  --csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #fbfbfe;
+  --text-primary-color:var(--csstools-light-dark-toggle--3, #15141a);
+  --csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #73a7f3;
+  --message-bar-icon-color:var(--csstools-light-dark-toggle--4, #0060df);
+  --csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #003070;
+  --message-bar-bg-color:var(--csstools-light-dark-toggle--5, #deeafc);
+  --csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
+  --message-bar-border-color:var(--csstools-light-dark-toggle--6, rgb(0 0 0 / 0.08));
+  --csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
+  --undo-button-bg-color:var(--csstools-light-dark-toggle--7, rgb(21 20 26 / 0.07));
+  --csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.14);
+  --undo-button-bg-color-hover:var(--csstools-light-dark-toggle--8, rgb(21 20 26 / 0.14));
+  --csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.21);
+  --undo-button-bg-color-active:var(--csstools-light-dark-toggle--9, rgb(21 20 26 / 0.21));
+  --csstools-light-dark-toggle--10:var(--csstools-color-scheme--light) #0df;
+  --undo-button-border:1px solid var(--csstools-light-dark-toggle--10, #0060df);
   }
+}
 @media screen and (forced-colors: active){
@@ -194,7 +274,7 @@
     --undo-button-fg-color-hover:SelectedItemText;
     --undo-button-fg-color-active:SelectedItemText;
-    --focus-ring-color:CanvasText;
+    --undo-button-border:none;
 }
   }
@@ -224,7 +304,7 @@
     font-weight:590;
     line-height:19.5px;
     color:var(--undo-button-fg-color);
-    border:none;
+    border:var(--undo-button-border);
     padding:4px 16px;
     margin-inline-start:8px;
     height:32px;
@@ -247,65 +327,199 @@
   }
 .dialog{
-  --dialog-bg-color:white;
-  --dialog-border-color:white;
-  --dialog-shadow:0 2px 14px 0 rgb(58 57 68 / 0.2);
-  --text-primary-color:#15141a;
-  --text-secondary-color:#5b5b66;
+  --csstools-light-dark-toggle--11:var(--csstools-color-scheme--light) #1c1b22;
+  --dialog-bg-color:var(--csstools-light-dark-toggle--11, white);
+  --csstools-light-dark-toggle--12:var(--csstools-color-scheme--light) #1c1b22;
+  --dialog-border-color:var(--csstools-light-dark-toggle--12, white);
+  --csstools-light-dark-toggle--13:var(--csstools-color-scheme--light) #15141a;
+  --dialog-shadow:0 2px 14px 0 var(--csstools-light-dark-toggle--13, rgb(58 57 68 / 0.2));
+  --csstools-light-dark-toggle--14:var(--csstools-color-scheme--light) #fbfbfe;
+  --text-primary-color:var(--csstools-light-dark-toggle--14, #15141a);
+  --csstools-light-dark-toggle--15:var(--csstools-color-scheme--light) #cfcfd8;
+  --text-secondary-color:var(--csstools-light-dark-toggle--15, #5b5b66);
   --hover-filter:brightness(0.9);
-  --focus-ring-color:#0060df;
-  --focus-ring-outline:2px solid var(--focus-ring-color);
-  --link-fg-color:#0060df;
-  --link-hover-fg-color:#0250bb;
-  --separator-color:#f0f0f4;
+  --csstools-light-dark-toggle--16:var(--csstools-color-scheme--light) #0df;
+  --link-fg-color:var(--csstools-light-dark-toggle--16, #0060df);
+  --csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) #80ebff;
+  --link-hover-fg-color:var(--csstools-light-dark-toggle--17, #0250bb);
+  --csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) #52525e;
+  --separator-color:var(--csstools-light-dark-toggle--18, #f0f0f4);
   --textarea-border-color:#8f8f9d;
-  --textarea-bg-color:white;
+  --csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) #42414d;
+  --textarea-bg-color:var(--csstools-light-dark-toggle--19, white);
   --textarea-fg-color:var(--text-secondary-color);
-  --radio-bg-color:#f0f0f4;
-  --radio-checked-bg-color:#fbfbfe;
+  --csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) #2b2a33;
+  --radio-bg-color:var(--csstools-light-dark-toggle--20, #f0f0f4);
+  --csstools-light-dark-toggle--21:var(--csstools-color-scheme--light) #15141a;
+  --radio-checked-bg-color:var(--csstools-light-dark-toggle--21, #fbfbfe);
   --radio-border-color:#8f8f9d;
-  --radio-checked-border-color:#0060df;
+  --csstools-light-dark-toggle--22:var(--csstools-color-scheme--light) #0df;
+  --radio-checked-border-color:var(--csstools-light-dark-toggle--22, #0060df);
+  --csstools-light-dark-toggle--23:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07);
-  --button-secondary-bg-color:#f0f0f4;
+  --button-secondary-bg-color:var(--csstools-light-dark-toggle--23, rgb(21 20 26 / 0.07));
   --button-secondary-fg-color:var(--text-primary-color);
   --button-secondary-border-color:var(--button-secondary-bg-color);
-  --button-secondary-hover-bg-color:var(--button-secondary-bg-color);
+  --csstools-light-dark-toggle--24:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21);
+  --button-secondary-active-bg-color:var(--csstools-light-dark-toggle--24, rgb(21 20 26 / 0.21));
+  --button-secondary-active-fg-color:var(--button-secondary-fg-color);
+  --button-secondary-active-border-color:var(--button-secondary-bg-color);
+  --csstools-light-dark-toggle--25:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14);
+  --button-secondary-hover-bg-color:var(--csstools-light-dark-toggle--25, rgb(21 20 26 / 0.14));
   --button-secondary-hover-fg-color:var(--button-secondary-fg-color);
   --button-secondary-hover-border-color:var(--button-secondary-hover-bg-color);
+  --button-secondary-disabled-bg-color:var(--button-secondary-bg-color);
+  --button-secondary-disabled-border-color:var(
+    --button-secondary-border-color
+  );
+  --button-secondary-disabled-fg-color:var(--button-secondary-fg-color);
+  --csstools-light-dark-toggle--26:var(--csstools-color-scheme--light) #0df;
-  --button-primary-bg-color:#0060df;
-  --button-primary-fg-color:#fbfbfe;
+  --button-primary-bg-color:var(--csstools-light-dark-toggle--26, #0060df);
+  --csstools-light-dark-toggle--27:var(--csstools-color-scheme--light) #15141a;
+  --button-primary-fg-color:var(--csstools-light-dark-toggle--27, #fbfbfe);
   --button-primary-border-color:var(--button-primary-bg-color);
-  --button-primary-hover-bg-color:var(--button-primary-bg-color);
+  --csstools-light-dark-toggle--28:var(--csstools-color-scheme--light) #aaf2ff;
+  --button-primary-active-bg-color:var(--csstools-light-dark-toggle--28, #054096);
+  --button-primary-active-fg-color:var(--button-primary-fg-color);
+  --button-primary-active-border-color:var(--button-primary-active-bg-color);
+  --csstools-light-dark-toggle--29:var(--csstools-color-scheme--light) #80ebff;
+  --button-primary-hover-bg-color:var(--csstools-light-dark-toggle--29, #0250bb);
   --button-primary-hover-fg-color:var(--button-primary-fg-color);
   --button-primary-hover-border-color:var(--button-primary-hover-bg-color);
+  --button-primary-disabled-bg-color:var(--button-primary-bg-color);
+  --button-primary-disabled-border-color:var(--button-primary-border-color);
+  --button-primary-disabled-fg-color:var(--button-primary-fg-color);
+  --button-disabled-opacity:0.4;
+  --csstools-light-dark-toggle--30:var(--csstools-color-scheme--light) #42414d;
+  --input-text-bg-color:var(--csstools-light-dark-toggle--30, white);
+  --input-text-fg-color:var(--text-primary-color);
 }
-@media (prefers-color-scheme: dark){
+@supports (color: light-dark(red, red)){
+.dialog{
+  --dialog-bg-color:light-dark(white, #1c1b22);
+  --dialog-border-color:light-dark(white, #1c1b22);
+}
+}
+@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
 .dialog{
-    --dialog-bg-color:#1c1b22;
-    --dialog-border-color:#1c1b22;
-    --dialog-shadow:0 2px 14px 0 #15141a;
-    --text-primary-color:#fbfbfe;
-    --text-secondary-color:#cfcfd8;
-    --focus-ring-color:#0df;
-    --hover-filter:brightness(1.4);
-    --link-fg-color:#0df;
-    --link-hover-fg-color:#80ebff;
-    --separator-color:#52525e;
+  --dialog-shadow:0 2px 14px 0 light-dark(rgb(58 57 68 / 0.2), #15141a);
+}
+}
+@supports (color: light-dark(red, red)){
+.dialog{
+  --text-primary-color:light-dark(#15141a, #fbfbfe);
+  --text-secondary-color:light-dark(#5b5b66, #cfcfd8);
+  --link-fg-color:light-dark(#0060df, #0df);
+  --link-hover-fg-color:light-dark(#0250bb, #80ebff);
+  --separator-color:light-dark(#f0f0f4, #52525e);
+  --textarea-bg-color:light-dark(white, #42414d);
+  --radio-bg-color:light-dark(#f0f0f4, #2b2a33);
+  --radio-checked-bg-color:light-dark(#fbfbfe, #15141a);
+  --radio-checked-border-color:light-dark(#0060df, #0df);
+}
+}
+@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
+.dialog{
+  --button-secondary-bg-color:light-dark(
+    rgb(21 20 26 / 0.07),
+    rgb(251 251 254 / 0.07)
+  );
+  --button-secondary-active-bg-color:light-dark(
+    rgb(21 20 26 / 0.21),
+    rgb(251 251 254 / 0.21)
+  );
+  --button-secondary-hover-bg-color:light-dark(
+    rgb(21 20 26 / 0.14),
+    rgb(251 251 254 / 0.14)
+  );
+}
+}
-    --textarea-bg-color:#42414d;
+@supports (color: light-dark(red, red)){
+.dialog{
+  --button-primary-bg-color:light-dark(#0060df, #0df);
+  --button-primary-fg-color:light-dark(#fbfbfe, #15141a);
+  --button-primary-active-bg-color:light-dark(#054096, #aaf2ff);
+  --button-primary-hover-bg-color:light-dark(#0250bb, #80ebff);
+  --input-text-bg-color:light-dark(white, #42414d);
+}
+}
+@supports not (color: light-dark(tan, tan)){
+.dialog *{
+  --csstools-light-dark-toggle--11:var(--csstools-color-scheme--light) #1c1b22;
+  --dialog-bg-color:var(--csstools-light-dark-toggle--11, white);
+  --csstools-light-dark-toggle--12:var(--csstools-color-scheme--light) #1c1b22;
+  --dialog-border-color:var(--csstools-light-dark-toggle--12, white);
+  --csstools-light-dark-toggle--13:var(--csstools-color-scheme--light) #15141a;
+  --dialog-shadow:0 2px 14px 0 var(--csstools-light-dark-toggle--13, rgb(58 57 68 / 0.2));
+  --csstools-light-dark-toggle--14:var(--csstools-color-scheme--light) #fbfbfe;
+  --text-primary-color:var(--csstools-light-dark-toggle--14, #15141a);
+  --csstools-light-dark-toggle--15:var(--csstools-color-scheme--light) #cfcfd8;
+  --text-secondary-color:var(--csstools-light-dark-toggle--15, #5b5b66);
+  --csstools-light-dark-toggle--16:var(--csstools-color-scheme--light) #0df;
+  --link-fg-color:var(--csstools-light-dark-toggle--16, #0060df);
+  --csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) #80ebff;
+  --link-hover-fg-color:var(--csstools-light-dark-toggle--17, #0250bb);
+  --csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) #52525e;
+  --separator-color:var(--csstools-light-dark-toggle--18, #f0f0f4);
+  --csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) #42414d;
+  --textarea-bg-color:var(--csstools-light-dark-toggle--19, white);
+  --csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) #2b2a33;
+  --radio-bg-color:var(--csstools-light-dark-toggle--20, #f0f0f4);
+  --csstools-light-dark-toggle--21:var(--csstools-color-scheme--light) #15141a;
+  --radio-checked-bg-color:var(--csstools-light-dark-toggle--21, #fbfbfe);
+  --csstools-light-dark-toggle--22:var(--csstools-color-scheme--light) #0df;
+  --radio-checked-border-color:var(--csstools-light-dark-toggle--22, #0060df);
+  --csstools-light-dark-toggle--23:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07);
+  --button-secondary-bg-color:var(--csstools-light-dark-toggle--23, rgb(21 20 26 / 0.07));
+  --csstools-light-dark-toggle--24:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21);
+  --button-secondary-active-bg-color:var(--csstools-light-dark-toggle--24, rgb(21 20 26 / 0.21));
+  --csstools-light-dark-toggle--25:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14);
+  --button-secondary-hover-bg-color:var(--csstools-light-dark-toggle--25, rgb(21 20 26 / 0.14));
+  --csstools-light-dark-toggle--26:var(--csstools-color-scheme--light) #0df;
+  --button-primary-bg-color:var(--csstools-light-dark-toggle--26, #0060df);
+  --csstools-light-dark-toggle--27:var(--csstools-color-scheme--light) #15141a;
+  --button-primary-fg-color:var(--csstools-light-dark-toggle--27, #fbfbfe);
+  --csstools-light-dark-toggle--28:var(--csstools-color-scheme--light) #aaf2ff;
+  --button-primary-active-bg-color:var(--csstools-light-dark-toggle--28, #054096);
+  --csstools-light-dark-toggle--29:var(--csstools-color-scheme--light) #80ebff;
+  --button-primary-hover-bg-color:var(--csstools-light-dark-toggle--29, #0250bb);
+  --csstools-light-dark-toggle--30:var(--csstools-color-scheme--light) #42414d;
+  --input-text-bg-color:var(--csstools-light-dark-toggle--30, white);
+  }
+}
-    --radio-bg-color:#2b2a33;
-    --radio-checked-bg-color:#15141a;
-    --radio-checked-border-color:#0df;
+@media (prefers-color-scheme: dark){
-    --button-secondary-bg-color:#2b2a33;
-    --button-primary-bg-color:#0df;
-    --button-primary-fg-color:#15141a;
+.dialog{
+    --hover-filter:brightness(1.4);
+    --button-disabled-opacity:0.6;
 }
   }
@@ -318,7 +532,6 @@
     --text-primary-color:CanvasText;
     --text-secondary-color:CanvasText;
     --hover-filter:none;
-    --focus-ring-color:ButtonBorder;
     --link-fg-color:LinkText;
     --link-hover-fg-color:LinkText;
     --separator-color:CanvasText;
@@ -335,13 +548,31 @@
     --button-secondary-bg-color:ButtonFace;
     --button-secondary-fg-color:ButtonText;
     --button-secondary-border-color:ButtonText;
-    --button-secondary-hover-bg-color:AccentColor;
-    --button-secondary-hover-fg-color:AccentColorText;
+    --button-secondary-active-bg-color:HighlightText;
+    --button-secondary-active-fg-color:SelectedItem;
+    --button-secondary-active-border-color:ButtonText;
+    --button-secondary-hover-bg-color:HighlightText;
+    --button-secondary-hover-fg-color:SelectedItem;
+    --button-secondary-hover-border-color:SelectedItem;
+    --button-secondary-disabled-fg-color:GrayText;
+    --button-secondary-disabled-border-color:GrayText;
     --button-primary-bg-color:ButtonText;
     --button-primary-fg-color:ButtonFace;
-    --button-primary-hover-bg-color:AccentColor;
-    --button-primary-hover-fg-color:AccentColorText;
+    --button-primary-border-color:ButtonText;
+    --button-primary-active-bg-color:SelectedItem;
+    --button-primary-active-fg-color:HighlightText;
+    --button-primary-active-border-color:ButtonText;
+    --button-primary-hover-bg-color:SelectedItem;
+    --button-primary-hover-fg-color:HighlightText;
+    --button-primary-hover-border-color:SelectedItem;
+    --button-primary-disabled-bg-color:GrayText;
+    --button-primary-disabled-fg-color:ButtonFace;
+    --button-primary-disabled-border-color:GrayText;
+    --button-disabled-opacity:1;
+    --input-text-bg-color:Field;
+    --input-text-fg-color:FieldText;
 }
   }
@@ -443,46 +674,82 @@
           color:var(--text-secondary-color);
         }
-:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton)){
+:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton)){
       border-radius:4px;
       border:1px solid;
       font:menu;
-      font-weight:600;
+      font-weight:590;
+      font-size:13px;
       padding:4px 16px;
       width:auto;
       height:32px;
     }
-:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))):hover{
+:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):hover{
         cursor:pointer;
         filter:var(--hover-filter);
       }
-.secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))){
+:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton)))  > span{
+        color:inherit;
+        font:inherit;
+      }
+.secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))){
         color:var(--button-secondary-fg-color);
         background-color:var(--button-secondary-bg-color);
         border-color:var(--button-secondary-border-color);
       }
-.secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))):hover{
+.secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):hover{
           color:var(--button-secondary-hover-fg-color);
           background-color:var(--button-secondary-hover-bg-color);
           border-color:var(--button-secondary-hover-border-color);
         }
-.primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))){
+.secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):active{
+          color:var(--button-secondary-active-fg-color);
+          background-color:var(--button-secondary-active-bg-color);
+          border-color:var(--button-secondary-active-border-color);
+        }
+.secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):disabled{
+          background-color:var(--button-secondary-disabled-bg-color);
+          border-color:var(--button-secondary-disabled-border-color);
+          color:var(--button-secondary-disabled-fg-color);
+          opacity:var(--button-disabled-opacity);
+        }
+.primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))){
         color:var(--button-primary-fg-color);
         background-color:var(--button-primary-bg-color);
         border-color:var(--button-primary-border-color);
         opacity:1;
       }
-.primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))):hover{
+.primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):hover{
           color:var(--button-primary-hover-fg-color);
           background-color:var(--button-primary-hover-bg-color);
           border-color:var(--button-primary-hover-border-color);
         }
+.primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):active{
+          color:var(--button-primary-active-fg-color);
+          background-color:var(--button-primary-active-bg-color);
+          border-color:var(--button-primary-active-border-color);
+        }
+.primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):disabled{
+          background-color:var(--button-primary-disabled-bg-color);
+          border-color:var(--button-primary-disabled-border-color);
+          color:var(--button-primary-disabled-fg-color);
+          opacity:var(--button-disabled-opacity);
+        }
+:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):disabled{
+        pointer-events:none;
+      }
 :is(.dialog .mainContainer) a{
       color:var(--link-fg-color);
     }
@@ -513,23 +780,58 @@
         opacity:0.4;
       }
+:is(.dialog .mainContainer) input[type="text"]{
+      background-color:var(--input-text-bg-color);
+      color:var(--input-text-fg-color);
+    }
 :is(.dialog .mainContainer) .messageBar{
-      --message-bar-bg-color:#ffebcd;
-      --message-bar-fg-color:#15141a;
-      --message-bar-border-color:rgb(0 0 0 / 0.08);
+      --csstools-light-dark-toggle--31:var(--csstools-color-scheme--light) #5a3100;
+      --message-bar-bg-color:var(--csstools-light-dark-toggle--31, #ffebcd);
+      --csstools-light-dark-toggle--32:var(--csstools-color-scheme--light) #fbfbfe;
+      --message-bar-fg-color:var(--csstools-light-dark-toggle--32, #15141a);
+      --csstools-light-dark-toggle--33:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
+      --message-bar-border-color:var(--csstools-light-dark-toggle--33, rgb(0 0 0 / 0.08));
       --message-bar-icon:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E    %3Cpath d%3D%22M14.8748 12.037L9.37782 2.037C8.99682 1.346 8.31082 1 7.62482 1C6.93882 1 6.25282 1.346 5.87282 2.037L0.375823 12.037C-0.358177 13.37 0.606823 15 2.12782 15H13.1228C14.6428 15 15.6078 13.37 14.8748 12.037ZM8.24982 11.75L7.99982 12H7.24982L6.99982 11.75V11L7.24982 10.75H7.99982L8.24982 11V11.75ZM8.24982 9.062C8.24982 9.22776 8.18398 9.38673 8.06677 9.50394C7.94955 9.62115 7.79058 9.687 7.62482 9.687C7.45906 9.687 7.30009 9.62115 7.18288 9.50394C7.06567 9.38673 6.99982 9.22776 6.99982 9.062V5.625C6.99982 5.45924 7.06567 5.30027 7.18288 5.18306C7.30009 5.06585 7.45906 5 7.62482 5C7.79058 5 7.94955 5.06585 8.06677 5.18306C8.18398 5.30027 8.24982 5.45924 8.24982 5.625V9.062Z%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
-      --message-bar-icon-color:#cd411e;
+      --csstools-light-dark-toggle--34:var(--csstools-color-scheme--light) #e49c49;
+      --message-bar-icon-color:var(--csstools-light-dark-toggle--34, #cd411e);
     }
-@media (prefers-color-scheme: dark){
+@supports (color: light-dark(red, red)){
+:is(.dialog .mainContainer) .messageBar{
+      --message-bar-bg-color:light-dark(#ffebcd, #5a3100);
+      --message-bar-fg-color:light-dark(#15141a, #fbfbfe);
+    }
+}
+@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
 :is(.dialog .mainContainer) .messageBar{
-        --message-bar-bg-color:#5a3100;
-        --message-bar-fg-color:#fbfbfe;
-        --message-bar-border-color:rgb(255 255 255 / 0.08);
-        --message-bar-icon-color:#e49c49;
+      --message-bar-border-color:light-dark(
+        rgb(0 0 0 / 0.08),
+        rgb(255 255 255 / 0.08)
+      );
     }
-      }
+}
+@supports (color: light-dark(red, red)){
+:is(.dialog .mainContainer) .messageBar{
+      --message-bar-icon-color:light-dark(#cd411e, #e49c49);
+    }
+}
+@supports not (color: light-dark(tan, tan)){
+:is(:is(.dialog .mainContainer) .messageBar) *{
+      --csstools-light-dark-toggle--31:var(--csstools-color-scheme--light) #5a3100;
+      --message-bar-bg-color:var(--csstools-light-dark-toggle--31, #ffebcd);
+      --csstools-light-dark-toggle--32:var(--csstools-color-scheme--light) #fbfbfe;
+      --message-bar-fg-color:var(--csstools-light-dark-toggle--32, #15141a);
+      --csstools-light-dark-toggle--33:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
+      --message-bar-border-color:var(--csstools-light-dark-toggle--33, rgb(0 0 0 / 0.08));
+      --csstools-light-dark-toggle--34:var(--csstools-color-scheme--light) #e49c49;
+      --message-bar-icon-color:var(--csstools-light-dark-toggle--34, #cd411e);
+  }
+}
 @media screen and (forced-colors: active){
@@ -648,8 +950,7 @@
     margin:-1px;
     padding:1px;
     background-color:var(--highlight-bg-color);
-    -webkit-backdrop-filter:var(--highlight-backdrop-filter);
-            backdrop-filter:var(--highlight-backdrop-filter);
+    backdrop-filter:var(--highlight-backdrop-filter);
     border-radius:4px;
   }
@@ -671,8 +972,7 @@
 .selected:is(.textLayer .highlight){
       background-color:var(--highlight-selected-bg-color);
-      -webkit-backdrop-filter:var(--highlight-selected-backdrop-filter);
-              backdrop-filter:var(--highlight-selected-backdrop-filter);
+      backdrop-filter:var(--highlight-selected-backdrop-filter);
     }
 .textLayer ::-moz-selection{
@@ -709,6 +1009,9 @@
   }
 .annotationLayer{
+  --csstools-color-scheme--light:initial;
+  color-scheme:only light;
   --annotation-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
   --input-focus-border-color:Highlight;
   --input-focus-outline:1px solid Canvas;
@@ -737,8 +1040,7 @@
     }
       :is(.annotationLayer .linkAnnotation):hover{
-        -webkit-backdrop-filter:var(--hcm-highlight-filter);
-                backdrop-filter:var(--hcm-highlight-filter);
+        backdrop-filter:var(--hcm-highlight-filter);
       }
       :is(.annotationLayer .linkAnnotation) > a:hover{
@@ -748,7 +1050,7 @@
       }
     .annotationLayer .popupAnnotation .popup{
-      outline:calc(1.5px * var(--scale-factor)) solid CanvasText !important;
+      outline:calc(1.5px * var(--total-scale-factor)) solid CanvasText !important;
       background-color:ButtonFace !important;
       color:ButtonText !important;
     }
@@ -759,14 +1061,13 @@
       left:0;
       width:100%;
       height:100%;
-      -webkit-backdrop-filter:var(--hcm-highlight-filter);
-              backdrop-filter:var(--hcm-highlight-filter);
+      backdrop-filter:var(--hcm-highlight-filter);
       content:"";
       pointer-events:none;
     }
     .annotationLayer .popupAnnotation.focused .popup{
-      outline:calc(3px * var(--scale-factor)) solid Highlight !important;
+      outline:calc(3px * var(--total-scale-factor)) solid Highlight !important;
     }
   }
@@ -810,9 +1111,6 @@
       white-space:nowrap;
       font:10px sans-serif;
       line-height:1.35;
-      -webkit-user-select:none;
-         -moz-user-select:none;
-              user-select:none;
     }
 .annotationLayer section{
@@ -821,12 +1119,25 @@
     pointer-events:auto;
     box-sizing:border-box;
     transform-origin:0 0;
+    -webkit-user-select:none;
+       -moz-user-select:none;
+            user-select:none;
   }
 :is(.annotationLayer section):has(div.annotationContent) canvas.annotationContent{
         display:none;
       }
+:is(.annotationLayer section) .overlaidText{
+      position:absolute;
+      top:0;
+      left:0;
+      width:0;
+      height:0;
+      display:inline-block;
+      overflow:hidden;
+    }
 .textLayer.selecting ~ .annotationLayer section{
     pointer-events:none;
   }
@@ -843,7 +1154,6 @@
 .annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton):not(.hasBorder) > a:hover{
     opacity:0.2;
     background-color:rgb(255 255 0);
-    box-shadow:0 2px 10px rgb(255 255 0);
   }
 .annotationLayer .linkAnnotation.hasBorder:hover{
@@ -867,7 +1177,7 @@
     background-image:var(--annotation-unfocused-field-background);
     border:2px solid var(--input-unfocused-border-color);
     box-sizing:border-box;
-    font:calc(9px * var(--scale-factor)) sans-serif;
+    font:calc(9px * var(--total-scale-factor)) sans-serif;
     height:100%;
     margin:0;
     vertical-align:top;
@@ -979,7 +1289,7 @@
 .annotationLayer .popupAnnotation{
     position:absolute;
-    font-size:calc(9px * var(--scale-factor));
+    font-size:calc(9px * var(--total-scale-factor));
     pointer-events:none;
     width:-moz-max-content;
     width:max-content;
@@ -989,15 +1299,19 @@
 .annotationLayer .popup{
     background-color:rgb(255 255 153);
-    box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) rgb(136 136 136);
-    border-radius:calc(2px * var(--scale-factor));
+    color:black;
+    box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) rgb(136 136 136);
+    border-radius:calc(2px * var(--total-scale-factor));
     outline:1.5px solid rgb(255 255 74);
-    padding:calc(6px * var(--scale-factor));
+    padding:calc(6px * var(--total-scale-factor));
     cursor:pointer;
     font:message-box;
     white-space:normal;
     word-wrap:break-word;
     pointer-events:auto;
+    -webkit-user-select:text;
+       -moz-user-select:text;
+            user-select:text;
   }
 .annotationLayer .popupAnnotation.focused .popup{
@@ -1005,39 +1319,44 @@
   }
 .annotationLayer .popup *{
-    font-size:calc(9px * var(--scale-factor));
+    font-size:calc(9px * var(--total-scale-factor));
   }
 .annotationLayer .popup > .header{
     display:inline-block;
   }
-.annotationLayer .popup > .header h1{
+.annotationLayer .popup > .header > .title{
     display:inline;
+    font-weight:bold;
   }
 .annotationLayer .popup > .header .popupDate{
     display:inline-block;
-    margin-left:calc(5px * var(--scale-factor));
+    margin-left:calc(5px * var(--total-scale-factor));
     width:-moz-fit-content;
     width:fit-content;
   }
 .annotationLayer .popupContent{
     border-top:1px solid rgb(51 51 51);
-    margin-top:calc(2px * var(--scale-factor));
-    padding-top:calc(2px * var(--scale-factor));
+    margin-top:calc(2px * var(--total-scale-factor));
+    padding-top:calc(2px * var(--total-scale-factor));
   }
 .annotationLayer .richText > *{
     white-space:pre-wrap;
-    font-size:calc(9px * var(--scale-factor));
+    font-size:calc(9px * var(--total-scale-factor));
   }
 .annotationLayer .popupTriggerArea{
     cursor:pointer;
   }
+:is(.annotationLayer .popupTriggerArea):hover{
+      backdrop-filter:var(--hcm-highlight-filter);
+    }
 .annotationLayer section svg{
     position:absolute;
     width:100%;
@@ -1088,6 +1407,9 @@
 }
 .xfaLayer{
+  --csstools-color-scheme--light:initial;
+  color-scheme:only light;
   background-color:transparent;
 }
@@ -1491,41 +1813,61 @@
           }
 .toggle-button{
-  --button-background-color:#f0f0f4;
-  --button-background-color-hover:#e0e0e6;
-  --button-background-color-active:#cfcfd8;
-  --color-accent-primary:#0060df;
-  --color-accent-primary-hover:#0250bb;
-  --color-accent-primary-active:#054096;
-  --border-interactive-color:#8f8f9d;
+  --button-background-color:color-mix(in srgb, currentColor 7%, transparent);
+  --button-background-color-hover:color-mix(
+    in srgb,
+    currentColor 14%,
+    transparent
+  );
+  --button-background-color-active:color-mix(
+    in srgb,
+    currentColor 21%,
+    transparent
+  );
+  --csstools-light-dark-toggle--35:var(--csstools-color-scheme--light) #0df;
+  --color-accent-primary:var(--csstools-light-dark-toggle--35, #0060df);
+  --csstools-light-dark-toggle--36:var(--csstools-color-scheme--light) #80ebff;
+  --color-accent-primary-hover:var(--csstools-light-dark-toggle--36, #0250bb);
+  --csstools-light-dark-toggle--37:var(--csstools-color-scheme--light) #aaf2ff;
+  --color-accent-primary-active:var(--csstools-light-dark-toggle--37, #054096);
   --border-radius-circle:9999px;
   --border-width:1px;
   --size-item-small:16px;
   --size-item-large:32px;
-  --color-canvas:white;
+  --csstools-light-dark-toggle--38:var(--csstools-color-scheme--light) #1c1b22;
+  --color-canvas:var(--csstools-light-dark-toggle--38, white);
+  --background-color-canvas:var(--color-canvas);
+  --csstools-light-dark-toggle--39:var(--csstools-color-scheme--light) #f9f9fa;
+  --border-color-interactive:var(--csstools-light-dark-toggle--39, #8f8f9d);
+  --border-color-interactive-hover:var(--border-color-interactive);
+  --border-color-interactive-active:var(--border-color-interactive);
 }
-@media (prefers-color-scheme: dark){
+@supports (color: light-dark(red, red)){
 .toggle-button{
-    --button-background-color:color-mix(in srgb, currentColor 7%, transparent);
-    --button-background-color-hover:color-mix(
-      in srgb,
-      currentColor 14%,
-      transparent
-    );
-    --button-background-color-active:color-mix(
-      in srgb,
-      currentColor 21%,
-      transparent
-    );
-    --color-accent-primary:#0df;
-    --color-accent-primary-hover:#80ebff;
-    --color-accent-primary-active:#aaf2ff;
-    --border-interactive-color:#bfbfc9;
-    --color-canvas:#1c1b22;
+  --color-accent-primary:light-dark(#0060df, #0df);
+  --color-accent-primary-hover:light-dark(#0250bb, #80ebff);
+  --color-accent-primary-active:light-dark(#054096, #aaf2ff);
+  --color-canvas:light-dark(white, #1c1b22);
+  --border-color-interactive:light-dark(#8f8f9d, #f9f9fa);
 }
+}
+@supports not (color: light-dark(tan, tan)){
+.toggle-button *{
+  --csstools-light-dark-toggle--35:var(--csstools-color-scheme--light) #0df;
+  --color-accent-primary:var(--csstools-light-dark-toggle--35, #0060df);
+  --csstools-light-dark-toggle--36:var(--csstools-color-scheme--light) #80ebff;
+  --color-accent-primary-hover:var(--csstools-light-dark-toggle--36, #0250bb);
+  --csstools-light-dark-toggle--37:var(--csstools-color-scheme--light) #aaf2ff;
+  --color-accent-primary-active:var(--csstools-light-dark-toggle--37, #054096);
+  --csstools-light-dark-toggle--38:var(--csstools-color-scheme--light) #1c1b22;
+  --color-canvas:var(--csstools-light-dark-toggle--38, white);
+  --csstools-light-dark-toggle--39:var(--csstools-color-scheme--light) #f9f9fa;
+  --border-color-interactive:var(--csstools-light-dark-toggle--39, #8f8f9d);
   }
+}
 @media (forced-colors: active){
@@ -1533,24 +1875,23 @@
     --color-accent-primary:ButtonText;
     --color-accent-primary-hover:SelectedItem;
     --color-accent-primary-active:SelectedItem;
-    --border-interactive-color:ButtonText;
     --button-background-color:ButtonFace;
-    --border-interactive-color-hover:SelectedItem;
-    --border-interactive-color-active:SelectedItem;
-    --border-interactive-color-disabled:GrayText;
+    --border-color-interactive:ButtonText;
+    --border-color-interactive-hover:SelectedItem;
+    --border-color-interactive-active:ButtonText;
     --color-canvas:ButtonText;
+    --background-color-canvas:Canvas;
 }
   }
 .toggle-button{
   --toggle-background-color:var(--button-background-color);
   --toggle-background-color-hover:var(--button-background-color-hover);
   --toggle-background-color-active:var(--button-background-color-active);
   --toggle-background-color-pressed:var(--color-accent-primary);
   --toggle-background-color-pressed-hover:var(--color-accent-primary-hover);
   --toggle-background-color-pressed-active:var(--color-accent-primary-active);
-  --toggle-border-color:var(--border-interactive-color);
+  --toggle-border-color:var(--border-color-interactive);
   --toggle-border-color-hover:var(--toggle-border-color);
   --toggle-border-color-active:var(--toggle-border-color);
   --toggle-border-radius:var(--border-radius-circle);
@@ -1560,7 +1901,7 @@
   --toggle-dot-background-color:var(--toggle-border-color);
   --toggle-dot-background-color-hover:var(--toggle-dot-background-color);
   --toggle-dot-background-color-active:var(--toggle-dot-background-color);
-  --toggle-dot-background-color-on-pressed:var(--color-canvas);
+  --toggle-dot-background-color-on-pressed:var(--background-color-canvas);
   --toggle-dot-margin:1px;
   --toggle-dot-height:calc(
     var(--toggle-height) - 2 * var(--toggle-dot-margin) - 2 *
@@ -1570,6 +1911,7 @@
   --toggle-dot-transform-x:calc(
     var(--toggle-width) - 4 * var(--toggle-dot-margin) - var(--toggle-dot-width)
   );
+  --input-width:var(--toggle-width);
   -webkit-appearance:none;
@@ -1577,14 +1919,12 @@
           appearance:none;
   padding:0;
-  margin:0;
   border:var(--toggle-border-width) solid var(--toggle-border-color);
   height:var(--toggle-height);
   width:var(--toggle-width);
   border-radius:var(--toggle-border-radius);
-  background:var(--toggle-background-color);
+  background-color:var(--toggle-background-color);
   box-sizing:border-box;
-  flex-shrink:0;
 }
 .toggle-button:focus-visible{
@@ -1593,118 +1933,1869 @@
   }
 .toggle-button:enabled:hover{
-    background:var(--toggle-background-color-hover);
+    background-color:var(--toggle-background-color-hover);
     border-color:var(--toggle-border-color);
   }
-.toggle-button:enabled:active{
-    background:var(--toggle-background-color-active);
+.toggle-button:enabled:hover:active{
+    background-color:var(--toggle-background-color-active);
     border-color:var(--toggle-border-color);
   }
-.toggle-button[aria-pressed="true"]{
-    background:var(--toggle-background-color-pressed);
-    border-color:transparent;
+.toggle-button::before{
+    display:block;
+    content:"";
+    background-color:var(--toggle-dot-background-color);
+    height:var(--toggle-dot-height);
+    width:var(--toggle-dot-width);
+    margin:var(--toggle-dot-margin);
+    border-radius:var(--toggle-border-radius);
+    translate:0;
   }
+.toggle-button[aria-pressed="true"]{
+  background-color:var(--toggle-background-color-pressed);
+  border-color:transparent;
+}
 .toggle-button[aria-pressed="true"]:enabled:hover{
-    background:var(--toggle-background-color-pressed-hover);
+    background-color:var(--toggle-background-color-pressed-hover);
     border-color:transparent;
   }
-.toggle-button[aria-pressed="true"]:enabled:active{
-    background:var(--toggle-background-color-pressed-active);
+.toggle-button[aria-pressed="true"]:enabled:hover:active{
+    background-color:var(--toggle-background-color-pressed-active);
     border-color:transparent;
   }
-.toggle-button::before{
-    display:block;
+.toggle-button[aria-pressed="true"]::before{
+    translate:var(--toggle-dot-transform-x);
+    background-color:var(--toggle-dot-background-color-on-pressed);
+  }
+.toggle-button[aria-pressed="true"]:enabled:hover::before,.toggle-button[aria-pressed="true"]:enabled:hover:active::before{
+    background-color:var(--toggle-dot-background-color-on-pressed);
+  }
+.toggle-button[aria-pressed="true"]:-moz-locale-dir(rtl)::before,[dir="rtl"] .toggle-button[aria-pressed="true"]::before{
+    translate:calc(-1 * var(--toggle-dot-transform-x));
+  }
+@media (prefers-reduced-motion: no-preference){
+  .toggle-button::before{
+    transition:translate 100ms;
+  }
+}
+@media (prefers-contrast){
+  .toggle-button:enabled:hover{
+    border-color:var(--toggle-border-color-hover);
+  }
+  .toggle-button:enabled:hover:active{
+    border-color:var(--toggle-border-color-active);
+  }
+  .toggle-button[aria-pressed="true"]:enabled{
+    border-color:var(--toggle-border-color);
+    position:relative;
+  }
+    .toggle-button[aria-pressed="true"]:enabled:hover{
+      border-color:var(--toggle-border-color-hover);
+    }
+      .toggle-button[aria-pressed="true"]:enabled:hover:active{
+        background-color:var(--toggle-dot-background-color-active);
+        border-color:var(--toggle-dot-background-color-hover);
+      }
+  .toggle-button:enabled:hover::before,
+  .toggle-button:enabled:hover:active::before{
+    background-color:var(--toggle-dot-background-color-hover);
+  }
+}
+@media (forced-colors){
+  .toggle-button{
+    --toggle-dot-background-color:var(--color-accent-primary);
+    --toggle-dot-background-color-hover:var(--color-accent-primary-hover);
+    --toggle-dot-background-color-active:var(--color-accent-primary-active);
+    --toggle-dot-background-color-on-pressed:var(--button-background-color);
+    --toggle-border-color-hover:var(--border-color-interactive-hover);
+    --toggle-border-color-active:var(--border-color-interactive-active);
+  }
+  .toggle-button[aria-pressed="true"]:enabled::after{
+    border:1px solid var(--button-background-color);
     content:"";
-    background-color:var(--toggle-dot-background-color);
-    height:var(--toggle-dot-height);
-    width:var(--toggle-dot-width);
-    margin:var(--toggle-dot-margin);
+    position:absolute;
+    height:var(--toggle-height);
+    width:var(--toggle-width);
+    display:block;
     border-radius:var(--toggle-border-radius);
-    translate:0;
+    inset:-2px;
+  }
+  .toggle-button[aria-pressed="true"]:enabled:hover:active::after{
+    border-color:var(--toggle-border-color-active);
+  }
+}
+:root{
+  --clear-signature-button-icon:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E    %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22        d%3D%22M11 3H13.6C14 3 14.3 3.3 14.3 3.6C14.3 3.9 14 4.2 13.7 4.2H13.3V14C13.3 15.1 12.4 16 11.3 16H4.80005C3.70005 16 2.80005 15.1 2.80005 14V4.2H2.40005C2.00005 4.2 1.80005 4 1.80005 3.6C1.80005 3.2 2.00005 3 2.40005 3H5.00005V2C5.00005 0.9 5.90005 0 7.00005 0H9.00005C10.1 0 11 0.9 11 2V3ZM6.90005 1.2L6.30005 1.8V3H9.80005V1.8L9.20005 1.2H6.90005ZM11.4 14.7L12 14.1V4.2H4.00005V14.1L4.60005 14.7H11.4ZM7.00005 12.4C7.00005 12.7 6.70005 13 6.40005 13C6.10005 13 5.80005 12.7 5.80005 12.4V7.6C5.70005 7.3 6.00005 7 6.40005 7C6.80005 7 7.00005 7.3 7.00005 7.6V12.4ZM10.2001 12.4C10.2001 12.7 9.90006 13 9.60006 13C9.30006 13 9.00006 12.7 9.00006 12.4V7.6C9.00006 7.3 9.30006 7 9.60006 7C9.90006 7 10.2001 7.3 10.2001 7.6V12.4Z%22        fill%3D%22black%22 %2F%3E%3C%2Fsvg%3E");
+  --csstools-light-dark-toggle--40:var(--csstools-color-scheme--light) #2b2a33;
+  --signature-bg:var(--csstools-light-dark-toggle--40, #f9f9fb);
+  --csstools-light-dark-toggle--41:var(--csstools-color-scheme--light) var(--signature-bg);
+  --signature-hover-bg:var(--csstools-light-dark-toggle--41, #f0f0f4);
+  --button-signature-bg:transparent;
+  --button-signature-color:var(--main-color);
+  --csstools-light-dark-toggle--42:var(--csstools-color-scheme--light) #5b5b66;
+  --button-signature-active-bg:var(--csstools-light-dark-toggle--42, #cfcfd8);
+  --button-signature-active-border:none;
+  --button-signature-active-color:var(--button-signature-color);
+  --button-signature-border:none;
+  --csstools-light-dark-toggle--43:var(--csstools-color-scheme--light) #52525e;
+  --button-signature-hover-bg:var(--csstools-light-dark-toggle--43, #e0e0e6);
+  --button-signature-hover-color:var(--button-signature-color);
+}
+@supports (color: light-dark(red, red)){
+:root{
+  --signature-bg:light-dark(#f9f9fb, #2b2a33);
+  --signature-hover-bg:light-dark(#f0f0f4, var(--signature-bg));
+  --button-signature-active-bg:light-dark(#cfcfd8, #5b5b66);
+  --button-signature-hover-bg:light-dark(#e0e0e6, #52525e);
+}
+}
+@supports not (color: light-dark(tan, tan)){
+:root *{
+  --csstools-light-dark-toggle--40:var(--csstools-color-scheme--light) #2b2a33;
+  --signature-bg:var(--csstools-light-dark-toggle--40, #f9f9fb);
+  --csstools-light-dark-toggle--41:var(--csstools-color-scheme--light) var(--signature-bg);
+  --signature-hover-bg:var(--csstools-light-dark-toggle--41, #f0f0f4);
+  --csstools-light-dark-toggle--42:var(--csstools-color-scheme--light) #5b5b66;
+  --button-signature-active-bg:var(--csstools-light-dark-toggle--42, #cfcfd8);
+  --csstools-light-dark-toggle--43:var(--csstools-color-scheme--light) #52525e;
+  --button-signature-hover-bg:var(--csstools-light-dark-toggle--43, #e0e0e6);
+  }
+}
+@media screen and (forced-colors: active){
+:root{
+    --signature-bg:HighlightText;
+    --signature-hover-bg:var(--signature-bg);
+    --button-signature-bg:HighlightText;
+    --button-signature-color:ButtonText;
+    --button-signature-active-bg:ButtonText;
+    --button-signature-active-color:HighlightText;
+    --button-signature-border:1px solid ButtonText;
+    --button-signature-hover-bg:Highlight;
+    --button-signature-hover-color:HighlightText;
+}
+  }
+.signatureDialog{
+  --primary-color:var(--text-primary-color);
+  --border-color:#8f8f9d;
+  --open-link-fg:var(--link-fg-color);
+  --open-link-hover-fg:var(--link-hover-fg-color);
+}
+@media screen and (forced-colors: active){
+.signatureDialog{
+    --primary-color:ButtonText;
+    --border-color:ButtonText;
+    --open-link-fg:ButtonText;
+    --open-link-hover-fg:ButtonText;
+}
+  }
+.signatureDialog{
+  width:570px;
+  max-width:100%;
+  min-width:300px;
+  padding:16px 0;
+}
+.signatureDialog .mainContainer{
+    width:100%;
+    display:flex;
+    flex-direction:column;
+    align-items:flex-start;
+    gap:12px;
+  }
+:is(.signatureDialog .mainContainer) span:not([role="sectionhead"]){
+      font-size:13px;
+      font-style:normal;
+      font-weight:400;
+      line-height:normal;
+    }
+:is(.signatureDialog .mainContainer) .title{
+      margin-inline-start:16px;
+    }
+.signatureDialog .inputWithClearButton{
+    --button-dimension:24px;
+    --clear-button-icon:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E    %3Cpath d%3D%22M7.85822 8.84922L4.85322 11.8542C4.75891 11.9453 4.63261 11.9957 4.50151 11.9946C4.37042 11.9934 4.24501 11.9408 4.15231 11.8481C4.0596 11.7554 4.00702 11.63 4.00588 11.4989C4.00474 11.3678 4.05514 11.2415 4.14622 11.1472L7.15122 8.14222V7.85922L4.14622 4.85322C4.05514 4.75891 4.00474 4.63261 4.00588 4.50151C4.00702 4.37042 4.0596 4.24501 4.15231 4.15231C4.24501 4.0596 4.37042 4.00702 4.50151 4.00588C4.63261 4.00474 4.75891 4.05514 4.85322 4.14622L7.85822 7.15122H8.14122L11.1462 4.14622C11.2405 4.05514 11.3668 4.00474 11.4979 4.00588C11.629 4.00702 11.7544 4.0596 11.8471 4.15231C11.9398 4.24501 11.9924 4.37042 11.9936 4.50151C11.9947 4.63261 11.9443 4.75891 11.8532 4.85322L8.84822 7.85922V8.14222L11.8532 11.1472C11.9443 11.2415 11.9947 11.3678 11.9936 11.4989C11.9924 11.63 11.9398 11.7554 11.8471 11.8481C11.7544 11.9408 11.629 11.9934 11.4979 11.9946C11.3668 11.9957 11.2405 11.9453 11.1462 11.8542L8.14122 8.84922L8.14222 8.85022L7.85822 8.84922Z%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
+    width:100%;
+    position:relative;
+    display:flex;
+    align-items:center;
+    justify-content:center;
+  }
+:is(.signatureDialog .inputWithClearButton)  > input{
+      width:100%;
+      height:32px;
+      padding-inline:8px calc(4px + var(--button-dimension));
+      box-sizing:border-box;
+      border-radius:4px;
+      border:1px solid var(--border-color);
+    }
+:is(.signatureDialog .inputWithClearButton) .clearInputButton{
+      position:absolute;
+      inset-block-start:4px;
+      inset-inline-end:4px;
+      display:inline-block;
+      width:var(--button-dimension);
+      height:var(--button-dimension);
+      background-color:var(--input-text-fg-color);
+      -webkit-mask-size:cover;
+              mask-size:cover;
+      -webkit-mask-image:var(--clear-button-icon);
+              mask-image:var(--clear-button-icon);
+      padding:0;
+      border:0;
+    }
+#addSignatureDialog{
+  --secondary-color:var(--text-secondary-color);
+  --bg-hover:#e0e0e6;
+  --tab-top-line-active-color:#0060df;
+  --tab-top-line-active-hover-color:var(--tab-text-hover-color);
+  --tab-top-line-hover-color:#8f8f9d;
+  --tab-top-line-inactive-color:#cfcfd8;
+  --tab-bottom-line-active-color:var(--tab-top-line-inactive-color);
+  --tab-bottom-line-hover-color:var(--tab-top-line-inactive-color);
+  --tab-bottom-line-inactive-color:var(--tab-top-line-inactive-color);
+  --tab-bg:var(--dialog-bg-color);
+  --tab-bg-active-color:var(--tab-bg);
+  --tab-bg-active-hover-color:var(--bg-hover);
+  --tab-bg-hover:var(--bg-hover);
+  --tab-panel-border:none;
+  --tab-panel-border-radius:4px;
+  --tab-text-color:var(--primary-color);
+  --tab-text-active-color:var(--tab-top-line-active-color);
+  --tab-text-active-hover-color:var(--tab-text-hover-color);
+  --tab-text-hover-color:var(--tab-text-color);
+  --signature-placeholder-color:var(--secondary-color);
+  --signature-draw-placeholder-color:var(--primary-color);
+  --signature-color:var(--primary-color);
+  --clear-signature-button-border-width:0;
+  --clear-signature-button-border-style:solid;
+  --clear-signature-button-border-color:transparent;
+  --clear-signature-button-border-disabled-color:transparent;
+  --clear-signature-button-color:var(--primary-color);
+  --clear-signature-button-hover-color:var(--clear-signature-button-color);
+  --clear-signature-button-active-color:var(--clear-signature-button-color);
+  --clear-signature-button-disabled-color:var(--clear-signature-button-color);
+  --clear-signature-button-focus-color:var(--clear-signature-button-color);
+  --clear-signature-button-bg:var(--dialog-bg-color);
+  --clear-signature-button-bg-hover:var(--bg-hover);
+  --clear-signature-button-bg-active:#cfcfd8;
+  --clear-signature-button-bg-focus:#f0f0f4;
+  --clear-signature-button-bg-disabled:color-mix(
+    in srgb,
+    #f0f0f4,
+    transparent 40%
+  );
+  --save-warning-color:var(--secondary-color);
+  --thickness-bg:var(--dialog-bg-color);
+  --thickness-label-color:var(--primary-color);
+  --thickness-slider-color:var(--primary-color);
+  --thickness-border:none;
+  --draw-cursor:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M0.0189877 13.6645L0.612989 10.4635C0.687989 10.0545 0.884989 9.6805 1.18099 9.3825L9.98199 0.5805C10.756 -0.1925 12.015 -0.1945 12.792 0.5805L14.42 2.2085C15.194 2.9835 15.194 4.2435 14.42 5.0185L5.61599 13.8215C5.31999 14.1165 4.94599 14.3125 4.53799 14.3875L1.33599 14.9815C1.26599 14.9935 1.19799 15.0005 1.12999 15.0005C0.832989 15.0005 0.544988 14.8835 0.330988 14.6695C0.0679874 14.4055 -0.0490122 14.0305 0.0189877 13.6645Z%22 fill%3D%22white%22%2F%3E%3Cpath d%3D%22M0.0189877 13.6645L0.612989 10.4635C0.687989 10.0545 0.884989 9.6805 1.18099 9.3825L9.98199 0.5805C10.756 -0.1925 12.015 -0.1945 12.792 0.5805L14.42 2.2085C15.194 2.9835 15.194 4.2435 14.42 5.0185L5.61599 13.8215C5.31999 14.1165 4.94599 14.3125 4.53799 14.3875L1.33599 14.9815C1.26599 14.9935 1.19799 15.0005 1.12999 15.0005C0.832989 15.0005 0.544988 14.8835 0.330988 14.6695C0.0679874 14.4055 -0.0490122 14.0305 0.0189877 13.6645ZM12.472 5.1965L13.632 4.0365L13.631 3.1885L11.811 1.3675L10.963 1.3685L9.80299 2.5285L12.472 5.1965ZM4.31099 13.1585C4.47099 13.1285 4.61799 13.0515 4.73399 12.9345L11.587 6.0815L8.91899 3.4135L2.06599 10.2655C1.94899 10.3835 1.87199 10.5305 1.84099 10.6915L1.36699 13.2485L1.75199 13.6335L4.31099 13.1585Z%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E") 0 16, pointer;
+}
+@media (prefers-color-scheme: dark){
+#addSignatureDialog{
+    --dialog-bg-color:#42414d;
+    --bg-hover:#52525e;
+    --primary-color:#fbfbfe;
+    --secondary-color:#cfcfd8;
+    --tab-top-line-active-color:#0df;
+    --tab-top-line-inactive-color:#8f8f9d;
+    --clear-signature-button-bg-active:#5b5b66;
+    --clear-signature-button-bg-focus:#2b2a33;
+    --clear-signature-button-bg-disabled:color-mix(
+      in srgb,
+      #2b2a33,
+      transparent 40%
+    );
+}
+  }
+@media screen and (forced-colors: active){
+#addSignatureDialog{
+    --secondary-color:ButtonText;
+    --bg:HighlightText;
+    --bg-hover:var(--bg);
+    --tab-top-line-active-color:ButtonText;
+    --tab-top-line-active-hover-color:HighlightText;
+    --tab-top-line-hover-color:SelectedItem;
+    --tab-top-line-inactive-color:ButtonText;
+    --tab-bottom-line-active-color:var(--tab-top-line-active-color);
+    --tab-bottom-line-hover-color:var(--tab-top-line-hover-color);
+    --tab-bg:var(--bg);
+    --tab-bg-active-color:SelectedItem;
+    --tab-bg-active-hover-color:SelectedItem;
+    --tab-panel-border:1px solid ButtonText;
+    --tab-panel-border-radius:8px;
+    --tab-text-color:ButtonText;
+    --tab-text-active-color:HighlightText;
+    --tab-text-active-hover-color:HighlightText;
+    --tab-text-hover-color:SelectedItem;
+    --signature-color:ButtonText;
+    --clear-signature-button-border-width:1px;
+    --clear-signature-button-border-style:solid;
+    --clear-signature-button-border-color:ButtonText;
+    --clear-signature-button-border-disabled-color:GrayText;
+    --clear-signature-button-color:ButtonText;
+    --clear-signature-button-hover-color:HighlightText;
+    --clear-signature-button-active-color:SelectedItem;
+    --clear-signature-button-focus-color:CanvasText;
+    --clear-signature-button-disabled-color:GrayText;
+    --clear-signature-button-bg:var(--bg);
+    --clear-signature-button-bg-hover:SelectedItem;
+    --clear-signature-button-bg-active:var(--bg);
+    --clear-signature-button-bg-focus:var(--bg);
+    --clear-signature-button-bg-disabled:var(--bg);
+    --thickness-bg:Canvas;
+    --thickness-label-color:CanvasText;
+    --thickness-slider-color:ButtonText;
+    --thickness-border:1px solid var(--border-color);
+}
+  }
+#addSignatureDialog #addSignatureDialogLabel{
+    overflow:hidden;
+    position:absolute;
+    inset:0;
+    width:0;
+    height:0;
+  }
+#addSignatureDialog.waiting::after{
+    content:"";
+    cursor:wait;
+    position:absolute;
+    inset:0;
+    width:100%;
+    height:100%;
+  }
+:is(#addSignatureDialog .mainContainer) [role="tablist"]{
+      width:100%;
+      display:flex;
+      align-items:flex-start;
+      gap:0;
+    }
+:is(:is(#addSignatureDialog .mainContainer) [role="tablist"])  > [role="tab"]{
+        flex:1 0 0;
+        align-self:stretch;
+        background-color:var(--tab-bg);
+        padding-inline:0;
+        cursor:default;
+        border-inline:0;
+        border-block-width:1px;
+        border-block-style:solid;
+        border-block-start-color:var(--tab-top-line-inactive-color);
+        border-block-end-color:var(--tab-bottom-line-inactive-color);
+        border-radius:0;
+        font:menu;
+        font-size:13px;
+        font-style:normal;
+        line-height:normal;
+        font-weight:400;
+        color:var(--tab-text-color);
+      }
+:is(:is(:is(#addSignatureDialog .mainContainer) [role="tablist"]) > [role="tab"]):hover{
+          border-block-start-width:2px;
+          border-block-start-color:var(--tab-top-line-hover-color);
+          border-block-end-color:var(--tab-bottom-line-hover-color);
+          background-color:var(--tab-bg-hover);
+          color:var(--tab-text-hover-color);
+        }
+:is(:is(:is(#addSignatureDialog .mainContainer) [role="tablist"]) > [role="tab"]):focus-visible{
+          outline:2px solid var(--tab-top-line-active-color);
+          outline-offset:-2px;
+        }
+[aria-selected="true"]:is(:is(:is(#addSignatureDialog .mainContainer) [role="tablist"]) > [role="tab"]){
+          border-block-start-width:2px;
+          border-block-start-color:var(--tab-top-line-active-color);
+          border-block-end-color:var(--tab-bottom-line-active-color);
+          background-color:var(--tab-bg-active-color);
+          font-weight:590;
+          color:var(--tab-text-active-color);
+        }
+[aria-selected="true"]:is(:is(:is(#addSignatureDialog .mainContainer) [role="tablist"]) > [role="tab"]):hover{
+            border-block-start-color:var(--tab-top-line-active-hover-color);
+            background-color:var(--tab-bg-active-hover-color);
+            color:var(--tab-text-active-hover-color);
+          }
+:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer{
+      width:100%;
+      height:auto;
+      display:flex;
+      flex-direction:column;
+      align-items:flex-end;
+      align-self:stretch;
+      gap:12px;
+      padding-inline:16px;
+      box-sizing:border-box;
+    }
+:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer)  > [role="tabpanel"]{
+        position:relative;
+        width:100%;
+        height:220px;
+        background-color:var(--signature-bg);
+        border:var(--tab-panel-border);
+        border-radius:var(--tab-panel-border-radius);
+      }
+:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"])  > svg{
+          position:absolute;
+          inset:0;
+          width:100%;
+          height:100%;
+          background-color:transparent;
+        }
+#addSignatureTypeContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]){
+          display:none;
+        }
+#addSignatureTypeContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureTypeInput{
+            position:absolute;
+            inset:0;
+            width:100%;
+            height:100%;
+            border:0;
+            padding:0;
+            text-align:center;
+            color:var(--signature-color);
+            background-color:transparent;
+            border-radius:var(--tab-panel-border-radius);
+            font-family:"Brush script", "Apple Chancery", "Segoe script", "Freestyle Script", "Palace Script MT", "Brush Script MT", TK, cursive, serif;
+            font-size:44px;
+            font-style:italic;
+            font-weight:400;
+          }
+:is(#addSignatureTypeContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureTypeInput)::-moz-placeholder{
+              color:var(--signature-placeholder-color);
+              text-align:center;
+              font:menu;
+              font-style:normal;
+              font-weight:274;
+              font-size:44px;
+              line-height:normal;
+            }
+:is(#addSignatureTypeContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureTypeInput)::placeholder{
+              color:var(--signature-placeholder-color);
+              text-align:center;
+              font:menu;
+              font-style:normal;
+              font-weight:274;
+              font-size:44px;
+              line-height:normal;
+            }
+#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]){
+          display:none;
+        }
+#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"])  > span{
+            position:absolute;
+            top:0;
+            left:0;
+            width:100%;
+            height:100%;
+            display:grid;
+            align-items:center;
+            justify-content:center;
+            background-color:transparent;
+            color:var(--signature-placeholder-color);
+            -webkit-user-select:none;
+               -moz-user-select:none;
+                    user-select:none;
+          }
+#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"])  > svg{
+            stroke:var(--signature-color);
+            fill:none;
+            stroke-opacity:1;
+            stroke-linecap:round;
+            stroke-linejoin:round;
+            stroke-miterlimit:10;
+          }
+:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) > svg):hover{
+              cursor:var(--draw-cursor);
+            }
+#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness{
+            position:absolute;
+            width:100%;
+            inset-block-end:0;
+            display:grid;
+            align-items:center;
+            justify-content:center;
+            pointer-events:none;
+          }
+:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness)  > span{
+              color:var(--signature-draw-placeholder-color);
+            }
+:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness)  > div{
+              width:auto;
+              height:auto;
+              display:flex;
+              align-items:center;
+              justify-content:center;
+              gap:8px;
+              padding:6px 8px 7px;
+              margin:0;
+              background-color:var(--thickness-bg);
+              border-radius:4px 4px 0 0;
+              border-inline:var(--thickness-border);
+              border-top:var(--thickness-border);
+              pointer-events:auto;
+              position:relative;
+              top:1px;
+            }
+:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div)  > label{
+                color:var(--thickness-label-color);
+              }
+:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div)  > input{
+                width:100px;
+                height:14px;
+                background-color:transparent;
+              }
+:is(:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div) > input)::-webkit-slider-runnable-track,:is(:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div) > input)::-moz-range-track,:is(:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div) > input)::-moz-range-progress{
+                  background-color:var(--thickness-slider-color);
+                }
+:is(:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div) > input)::-webkit-slider-thumb,:is(:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div) > input)::-moz-range-thumb{
+                  background-color:var(--thickness-bg);
+                }
+:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div)  > input{
+                border-radius:4.5px;
+                border:0;
+                color:var(--signature-color);
+              }
+#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]){
+          display:none;
+        }
+#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"])  > svg{
+            stroke:none;
+            stroke-width:0;
+            fill:var(--signature-color);
+            fill-opacity:1;
+          }
+#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureImagePlaceholder{
+            position:absolute;
+            top:0;
+            left:0;
+            width:100%;
+            height:100%;
+            background-color:transparent;
+            display:flex;
+            flex-direction:column;
+            align-items:center;
+            justify-content:center;
+          }
+:is(#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureImagePlaceholder) span{
+              color:var(--signature-placeholder-color);
+            }
+:is(#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureImagePlaceholder) a{
+              color:var(--open-link-fg);
+              text-decoration:underline;
+              cursor:pointer;
+            }
+:is(:is(#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureImagePlaceholder) a):hover{
+                color:var(--open-link-hover-fg);
+              }
+#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureFilePicker{
+            visibility:hidden;
+            position:relative;
+            width:0;
+            height:0;
+          }
+[data-selected="type"]:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > #addSignatureTypeContainer,[data-selected="draw"]:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > #addSignatureDrawContainer,[data-selected="image"]:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > #addSignatureImageContainer{
+        display:block;
+      }
+:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls{
+        display:flex;
+        flex-direction:column;
+        justify-content:center;
+        align-items:flex-start;
+        gap:12px;
+        align-self:stretch;
+      }
+:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer{
+          display:flex;
+          align-items:flex-end;
+          gap:16px;
+          align-self:stretch;
+        }
+:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #addSignatureDescriptionContainer{
+            display:flex;
+            flex-direction:column;
+            align-items:flex-start;
+            gap:4px;
+            flex:1 0 0;
+          }
+:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #addSignatureDescriptionContainer):has(input:disabled) > label{
+              opacity:0.4;
+            }
+:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #addSignatureDescriptionContainer)  > label{
+              width:auto;
+            }
+:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton{
+            display:flex;
+            height:32px;
+            padding:4px 8px;
+            align-items:center;
+            background-color:var(--clear-signature-button-bg);
+            border-width:var(--clear-signature-button-border-width);
+            border-style:var(--clear-signature-button-border-style);
+            border-color:var(--clear-signature-button-border-color);
+            border-radius:4px;
+          }
+:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton)  > span{
+              display:flex;
+              height:24px;
+              align-items:center;
+              gap:4px;
+              flex-shrink:0;
+              color:var(--clear-signature-button-color);
+            }
+:is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton) > span)::after{
+                content:"";
+                display:inline-block;
+                width:16px;
+                height:16px;
+                -webkit-mask-image:var(--clear-signature-button-icon);
+                        mask-image:var(--clear-signature-button-icon);
+                -webkit-mask-size:cover;
+                        mask-size:cover;
+                background-color:var(--clear-signature-button-color);
+                flex-shrink:0;
+              }
+:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):hover{
+              background-color:var(--clear-signature-button-bg-hover);
+            }
+:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):hover  > span{
+                color:var(--clear-signature-button-hover-color);
+              }
+:is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):hover > span)::after{
+                  background-color:var(--clear-signature-button-hover-color);
+                }
+:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):active{
+              background-color:var(--clear-signature-button-bg-active);
+            }
+:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):active  > span{
+                color:var(--clear-signature-button-active-color);
+              }
+:is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):active > span)::after{
+                  background-color:var(--clear-signature-button-active-color);
+                }
+:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):focus-visible{
+              background-color:var(--clear-signature-button-bg-focus);
+            }
+:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):focus-visible  > span{
+                color:var(--clear-signature-button-focus-color);
+              }
+:is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):focus-visible > span)::after{
+                  background-color:var(--clear-signature-button-focus-color);
+                }
+:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):disabled{
+              background-color:var(--clear-signature-button-bg-disabled);
+              border-color:var(--clear-signature-button-border-disabled-color);
+            }
+:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):disabled  > span{
+                color:var(--clear-signature-button-disabled-color);
+              }
+:is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):disabled > span)::after{
+                  background-color:var(
+                    --clear-signature-button-disabled-color
+                  );
+                }
+:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer{
+          display:grid;
+          grid-template-columns:max-content auto;
+          gap:4px;
+          width:100%;
+        }
+:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer)  > input{
+            margin:0;
+          }
+:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer) > input):disabled + label{
+              opacity:0.4;
+            }
+:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer)  > label{
+            -webkit-user-select:none;
+               -moz-user-select:none;
+                    user-select:none;
+          }
+:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer):not(.fullStorage) #addSignatureSaveWarning{
+            display:none;
+          }
+.fullStorage:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer) #addSignatureSaveWarning{
+            display:block;
+            opacity:1;
+            color:var(--save-warning-color);
+            font-size:11px;
+          }
+#editSignatureDescriptionDialog .mainContainer{
+    padding-inline:16px;
+    box-sizing:border-box;
+  }
+:is(#editSignatureDescriptionDialog .mainContainer) .title{
+      margin-inline-start:0;
+    }
+:is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView{
+      width:auto;
+      display:flex;
+      justify-content:flex-end;
+      align-items:flex-start;
+      gap:12px;
+      align-self:stretch;
+    }
+:is(:is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView) #editSignatureDescriptionContainer{
+        display:flex;
+        flex-direction:column;
+        align-items:flex-start;
+        gap:4px;
+        flex:1 1 auto;
+      }
+:is(:is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView)  > svg{
+        width:210px;
+        height:180px;
+        padding:8px;
+        background-color:var(--signature-bg);
+      }
+:is(:is(:is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView) > svg)  > path{
+          stroke:var(--button-signature-color);
+          stroke-width:1px;
+          stroke-linecap:round;
+          stroke-linejoin:round;
+          stroke-miterlimit:10;
+          vector-effect:non-scaling-stroke;
+          fill:none;
+        }
+.contours:is(:is(:is(:is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView) > svg) > path){
+            fill:var(--button-signature-color);
+            stroke-width:0.5px;
+          }
+#editorSignatureParamsToolbar{
+  padding:8px;
+}
+#editorSignatureParamsToolbar #addSignatureDoorHanger{
+    gap:8px;
+    padding:2px;
+  }
+:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer{
+      height:32px;
+      display:flex;
+      justify-content:space-between;
+      align-items:center;
+      align-self:stretch;
+      gap:8px;
+    }
+:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button{
+        border:var(--button-signature-border);
+        border-radius:4px;
+        background-color:var(--button-signature-bg);
+        color:var(--button-signature-color);
+      }
+:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):hover{
+          background-color:var(--button-signature-hover-bg);
+        }
+:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):active{
+          border:var(--button-signature-active-border);
+          background-color:var(--button-signature-active-bg);
+          color:var(--button-signature-active-color);
+        }
+:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):active::before{
+            background-color:var(--button-signature-active-color);
+          }
+:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):focus-visible{
+          outline:var(--focus-ring-outline);
+        }
+:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):focus-visible::before{
+            background-color:var(--button-signature-color);
+          }
+:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .deleteButton)::before{
+          -webkit-mask-image:var(--clear-signature-button-icon);
+                  mask-image:var(--clear-signature-button-icon);
+        }
+:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton{
+        width:calc(0.8 * var(--editor-toolbar-min-width));
+        height:100%;
+        min-height:var(--menuitem-height);
+        aspect-ratio:unset;
+        display:flex;
+        align-items:center;
+        justify-content:flex-start;
+        outline:none;
+        border-radius:4px;
+        box-sizing:border-box;
+        font:message-box;
+        position:relative;
+        flex:1 1 auto;
+        padding:0;
+        gap:8px;
+        text-align:start;
+        white-space:normal;
+        cursor:default;
+        overflow:hidden;
+      }
+:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton)  > svg{
+          display:inline-block;
+          height:100%;
+          aspect-ratio:1;
+          background-color:var(--signature-bg);
+          flex:none;
+          padding:4px;
+          box-sizing:border-box;
+          border:none;
+          border-radius:4px;
+        }
+:is(:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton) > svg)  > path{
+            stroke:var(--button-signature-color);
+            stroke-width:1px;
+            stroke-linecap:round;
+            stroke-linejoin:round;
+            stroke-miterlimit:10;
+            vector-effect:non-scaling-stroke;
+            fill:none;
+          }
+.contours:is(:is(:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton) > svg) > path){
+              fill:var(--button-signature-color);
+              stroke-width:0.5px;
+            }
+:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton):is(:hover,:active) > svg{
+          border-radius:4px 0 0 4px;
+          background-color:var(--signature-hover-bg);
+        }
+:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton):hover  > span{
+            color:var(--button-signature-hover-color);
+          }
+:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton):active{
+          background-color:var(--button-signature-active-bg);
+        }
+:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton):is([disabled="disabled"],[disabled]){
+          opacity:0.5;
+          pointer-events:none;
+        }
+:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton)  > span{
+          height:auto;
+          text-overflow:ellipsis;
+          white-space:nowrap;
+          flex:1 1 auto;
+          font:menu;
+          font-size:13px;
+          font-style:normal;
+          font-weight:400;
+          line-height:normal;
+          overflow:hidden;
+        }
+.editDescription.altText{
+  --alt-text-add-image:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2217%22 viewBox%3D%220 0 16 17%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M14.9815 14.3461L14.3875 11.1451C14.3125 10.7361 14.1155 10.3621 13.8195 10.0641L5.0185 1.26214C4.2445 0.489141 2.9855 0.487141 2.2085 1.26214L0.5805 2.89014C-0.1935 3.66514 -0.1935 4.92514 0.5805 5.70014L9.3845 14.5031C9.6805 14.7981 10.0545 14.9941 10.4625 15.0691L13.6645 15.6631C13.7345 15.6751 13.8025 15.6821 13.8705 15.6821C14.1675 15.6821 14.4555 15.5651 14.6695 15.3511C14.9325 15.0871 15.0495 14.7121 14.9815 14.3461ZM2.5285 5.87814L1.3685 4.71814L1.3695 3.87014L3.1895 2.04914L4.0375 2.05014L5.1975 3.21014L2.5285 5.87814ZM10.6895 13.8401C10.5295 13.8101 10.3825 13.7331 10.2665 13.6161L3.4135 6.76314L6.0815 4.09514L12.9345 10.9471C13.0515 11.0651 13.1285 11.2121 13.1595 11.3731L13.6335 13.9301L13.2485 14.3151L10.6895 13.8401Z%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E") !important;
+}
+.editDescription.altText::before{
+    width:16px !important;
+    height:16px !important;
+  }
+.commentPopup,
+#commentManagerDialog{
+  width:360px;
+  max-width:100%;
+  min-width:200px;
+  position:absolute;
+  padding:8px 16px 16px;
+  margin-left:0;
+  margin-top:0;
+  box-sizing:border-box;
+  border-radius:8px;
+}
+#commentManagerDialog{
+  --comment-close-button-icon:url("data:image/svg+xml,%3Csvg width%3D%2225%22 height%3D%2224%22 viewBox%3D%220 0 25 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M13.6241 11.7759L18.3331 7.06694C18.4423 6.94811 18.5015 6.79167 18.4981 6.63028C18.4948 6.46889 18.4292 6.31502 18.3152 6.20081C18.2011 6.0866 18.0473 6.02088 17.8859 6.01736C17.7245 6.01384 17.568 6.0728 17.4491 6.18194L12.7601 10.8709H12.2721L7.58306 6.18294C7.52495 6.12489 7.45598 6.07886 7.38008 6.04747C7.30418 6.01609 7.22284 5.99995 7.14071 6C7.05857 6.00005 6.97725 6.01627 6.90139 6.04774C6.82553 6.07922 6.75661 6.12533 6.69856 6.18344C6.64052 6.24155 6.59449 6.31052 6.5631 6.38642C6.53171 6.46232 6.51558 6.54366 6.51563 6.62579C6.51572 6.79167 6.5817 6.95071 6.69906 7.06794L11.3861 11.7539V12.2449L6.69906 16.9319C6.5898 17.0508 6.53066 17.2072 6.53399 17.3686C6.53732 17.53 6.60288 17.6839 6.71696 17.7981C6.83104 17.9123 6.98483 17.978 7.14622 17.9815C7.3076 17.985 7.46411 17.9261 7.58306 17.8169L12.2701 13.1299H12.7611L17.4481 17.8169C17.5656 17.934 17.7247 17.9997 17.8906 17.9997C18.0564 17.9997 18.2155 17.934 18.3331 17.8169C18.4504 17.6996 18.5163 17.5404 18.5163 17.3744C18.5163 17.2085 18.4504 17.0493 18.3331 16.9319L13.6241 12.2229V11.7759Z%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
+}
+#commentManagerDialog .mainContainer{
+    width:100%;
+    height:auto;
+    display:flex;
+    flex-direction:column;
+    align-items:flex-start;
+    gap:4px;
+  }
+:is(#commentManagerDialog .mainContainer) #commentManagerToolbar{
+      width:100%;
+      height:32px;
+      display:flex;
+      justify-content:flex-start;
+      align-items:flex-start;
+      gap:8px;
+      align-self:stretch;
+      cursor:move;
+    }
+:is(#commentManagerDialog .mainContainer) #commentManagerTextInput{
+      width:100%;
+      min-height:132px;
+      margin-bottom:12px;
+    }
+.annotationLayer.disabled :is(.annotationCommentButton){
+  display:none;
+}
+:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton{
+    --csstools-color-scheme--light:initial;
+    color-scheme:light dark;
+    --csstools-light-dark-toggle--44:var(--csstools-color-scheme--light) #1c1b22;
+    --comment-button-bg:var(--csstools-light-dark-toggle--44, white);
+    --csstools-light-dark-toggle--45:var(--csstools-color-scheme--light) #fbfbfe;
+    --comment-button-fg:var(--csstools-light-dark-toggle--45, #5b5b66);
+    --csstools-light-dark-toggle--46:var(--csstools-color-scheme--light) #a6ecf4;
+    --comment-button-active-bg:var(--csstools-light-dark-toggle--46, #0041a4);
+    --csstools-light-dark-toggle--47:var(--csstools-color-scheme--light) #15141a;
+    --comment-button-active-fg:var(--csstools-light-dark-toggle--47, white);
+    --csstools-light-dark-toggle--48:var(--csstools-color-scheme--light) #61dce9;
+    --comment-button-hover-bg:var(--csstools-light-dark-toggle--48, #0053cb);
+    --csstools-light-dark-toggle--49:var(--csstools-color-scheme--light) #15141a;
+    --comment-button-hover-fg:var(--csstools-light-dark-toggle--49, white);
+    --csstools-light-dark-toggle--50:var(--csstools-color-scheme--light) #00cadb;
+    --comment-button-selected-bg:var(--csstools-light-dark-toggle--50, #0062fa);
+    --csstools-light-dark-toggle--51:var(--csstools-color-scheme--light) #bfbfc9;
+    --comment-button-border-color:var(--csstools-light-dark-toggle--51, #8f8f9d);
+    --comment-button-active-border-color:var(--comment-button-active-bg);
+    --csstools-light-dark-toggle--52:var(--csstools-color-scheme--light) #3a3944;
+    --comment-button-focus-border-color:var(--csstools-light-dark-toggle--52, #cfcfd8);
+    --comment-button-hover-border-color:var(--comment-button-hover-bg);
+    --comment-button-selected-border-color:var(--comment-button-selected-bg);
+    --csstools-light-dark-toggle--53:var(--csstools-color-scheme--light) #15141a;
+    --comment-button-selected-fg:var(--csstools-light-dark-toggle--53, white);
+    --comment-button-dim:24px;
+    --csstools-light-dark-toggle--54:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
+    --csstools-light-dark-toggle--55:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
+    --comment-button-box-shadow:0 0.25px 0.75px 0 var(--csstools-light-dark-toggle--54, rgb(0 0 0 / 0.05)), 0 2px 6px 0 var(--csstools-light-dark-toggle--55, rgb(0 0 0 / 0.1));
+    --csstools-light-dark-toggle--56:var(--csstools-color-scheme--light) #00cadb;
+    --comment-button-focus-outline-color:var(--csstools-light-dark-toggle--56, #0062fa);
+  }
+@supports (color: light-dark(red, red)){
+:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton{
+    --comment-button-bg:light-dark(white, #1c1b22);
+    --comment-button-fg:light-dark(#5b5b66, #fbfbfe);
+    --comment-button-active-bg:light-dark(#0041a4, #a6ecf4);
+    --comment-button-active-fg:light-dark(white, #15141a);
+    --comment-button-hover-bg:light-dark(#0053cb, #61dce9);
+    --comment-button-hover-fg:light-dark(white, #15141a);
+    --comment-button-selected-bg:light-dark(#0062fa, #00cadb);
+    --comment-button-border-color:light-dark(#8f8f9d, #bfbfc9);
+    --comment-button-focus-border-color:light-dark(#cfcfd8, #3a3944);
+    --comment-button-selected-fg:light-dark(white, #15141a);
+  }
+}
+@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
+:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton{
+    --comment-button-box-shadow:0 0.25px 0.75px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 2px 6px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));
+  }
+}
+@supports (color: light-dark(red, red)){
+:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton{
+    --comment-button-focus-outline-color:light-dark(#0062fa, #00cadb);
+  }
+}
+@supports not (color: light-dark(tan, tan)){
+:is(:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton) *{
+    --csstools-light-dark-toggle--44:var(--csstools-color-scheme--light) #1c1b22;
+    --comment-button-bg:var(--csstools-light-dark-toggle--44, white);
+    --csstools-light-dark-toggle--45:var(--csstools-color-scheme--light) #fbfbfe;
+    --comment-button-fg:var(--csstools-light-dark-toggle--45, #5b5b66);
+    --csstools-light-dark-toggle--46:var(--csstools-color-scheme--light) #a6ecf4;
+    --comment-button-active-bg:var(--csstools-light-dark-toggle--46, #0041a4);
+    --csstools-light-dark-toggle--47:var(--csstools-color-scheme--light) #15141a;
+    --comment-button-active-fg:var(--csstools-light-dark-toggle--47, white);
+    --csstools-light-dark-toggle--48:var(--csstools-color-scheme--light) #61dce9;
+    --comment-button-hover-bg:var(--csstools-light-dark-toggle--48, #0053cb);
+    --csstools-light-dark-toggle--49:var(--csstools-color-scheme--light) #15141a;
+    --comment-button-hover-fg:var(--csstools-light-dark-toggle--49, white);
+    --csstools-light-dark-toggle--50:var(--csstools-color-scheme--light) #00cadb;
+    --comment-button-selected-bg:var(--csstools-light-dark-toggle--50, #0062fa);
+    --csstools-light-dark-toggle--51:var(--csstools-color-scheme--light) #bfbfc9;
+    --comment-button-border-color:var(--csstools-light-dark-toggle--51, #8f8f9d);
+    --csstools-light-dark-toggle--52:var(--csstools-color-scheme--light) #3a3944;
+    --comment-button-focus-border-color:var(--csstools-light-dark-toggle--52, #cfcfd8);
+    --csstools-light-dark-toggle--53:var(--csstools-color-scheme--light) #15141a;
+    --comment-button-selected-fg:var(--csstools-light-dark-toggle--53, white);
+    --csstools-light-dark-toggle--54:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
+    --csstools-light-dark-toggle--55:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
+    --comment-button-box-shadow:0 0.25px 0.75px 0 var(--csstools-light-dark-toggle--54, rgb(0 0 0 / 0.05)), 0 2px 6px 0 var(--csstools-light-dark-toggle--55, rgb(0 0 0 / 0.1));
+    --csstools-light-dark-toggle--56:var(--csstools-color-scheme--light) #00cadb;
+    --comment-button-focus-outline-color:var(--csstools-light-dark-toggle--56, #0062fa);
+  }
+}
+@media (prefers-color-scheme: dark){
+:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton{
+    --csstools-color-scheme--light:;
+  }
+}
+@media screen and (forced-colors: active){
+:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton{
+      --comment-button-bg:ButtonFace;
+      --comment-button-fg:ButtonText;
+      --comment-button-hover-bg:SelectedItemText;
+      --comment-button-hover-fg:SelectedItem;
+      --comment-button-active-bg:SelectedItemText;
+      --comment-button-active-fg:SelectedItem;
+      --comment-button-border-color:ButtonBorder;
+      --comment-button-active-border-color:ButtonBorder;
+      --comment-button-hover-border-color:SelectedItem;
+      --comment-button-box-shadow:none;
+      --comment-button-focus-outline-color:CanvasText;
+      --comment-button-selected-bg:ButtonBorder;
+      --comment-button-selected-fg:ButtonFace;
+  }
+    }
+:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton{
+    position:absolute;
+    width:var(--comment-button-dim);
+    height:var(--comment-button-dim);
+    background-color:var(--comment-button-bg);
+    border-radius:6px 6px 6px 0;
+    border:1px solid var(--comment-button-border-color);
+    box-shadow:var(--comment-button-box-shadow);
+    cursor:auto;
+    z-index:1;
+    padding:4px;
+    margin:0;
+    box-sizing:border-box;
+    pointer-events:auto;
+  }
+[dir="rtl"] :is(:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton){
+      border-radius:6px 6px 0;
+    }
+:is(:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton)::before{
+      content:"";
+      display:inline-block;
+      width:100%;
+      height:100%;
+      -webkit-mask-repeat:no-repeat;
+              mask-repeat:no-repeat;
+      -webkit-mask-size:cover;
+              mask-size:cover;
+      -webkit-mask-image:var(--comment-edit-button-icon);
+              mask-image:var(--comment-edit-button-icon);
+      background-color:var(--comment-button-fg);
+      margin:0;
+      padding:0;
+      transform:scaleX(var(--dir-factor));
+    }
+:is(:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton):focus-visible{
+      outline:2px solid var(--comment-button-focus-outline-color);
+      outline-offset:1px;
+      border-color:var(--comment-button-focus-border-color);
+    }
+:is(:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton):hover{
+      background-color:var(--comment-button-hover-bg) !important;
+      border-color:var(--comment-button-hover-border-color);
+    }
+:is(:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton):hover::before{
+        background-color:var(--comment-button-hover-fg);
+      }
+:is(:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton):active{
+      background-color:var(--comment-button-active-bg) !important;
+      border-color:var(--comment-button-active-border-color);
+    }
+:is(:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton):active::before{
+        background-color:var(--comment-button-active-fg);
+      }
+.selected:is(:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton){
+      background-color:var(--comment-button-selected-bg) !important;
+      border-color:var(--comment-button-selected-border-color);
+    }
+.selected:is(:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton)::before{
+        background-color:var(--comment-button-selected-fg);
+      }
+#editorCommentsSidebar,
+.commentPopup{
+  --comment-close-button-icon:url("data:image/svg+xml,%3Csvg width%3D%2225%22 height%3D%2224%22 viewBox%3D%220 0 25 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M13.6241 11.7759L18.3331 7.06694C18.4423 6.94811 18.5015 6.79167 18.4981 6.63028C18.4948 6.46889 18.4292 6.31502 18.3152 6.20081C18.2011 6.0866 18.0473 6.02088 17.8859 6.01736C17.7245 6.01384 17.568 6.0728 17.4491 6.18194L12.7601 10.8709H12.2721L7.58306 6.18294C7.52495 6.12489 7.45598 6.07886 7.38008 6.04747C7.30418 6.01609 7.22284 5.99995 7.14071 6C7.05857 6.00005 6.97725 6.01627 6.90139 6.04774C6.82553 6.07922 6.75661 6.12533 6.69856 6.18344C6.64052 6.24155 6.59449 6.31052 6.5631 6.38642C6.53171 6.46232 6.51558 6.54366 6.51563 6.62579C6.51572 6.79167 6.5817 6.95071 6.69906 7.06794L11.3861 11.7539V12.2449L6.69906 16.9319C6.5898 17.0508 6.53066 17.2072 6.53399 17.3686C6.53732 17.53 6.60288 17.6839 6.71696 17.7981C6.83104 17.9123 6.98483 17.978 7.14622 17.9815C7.3076 17.985 7.46411 17.9261 7.58306 17.8169L12.2701 13.1299H12.7611L17.4481 17.8169C17.5656 17.934 17.7247 17.9997 17.8906 17.9997C18.0564 17.9997 18.2155 17.934 18.3331 17.8169C18.4504 17.6996 18.5163 17.5404 18.5163 17.3744C18.5163 17.2085 18.4504 17.0493 18.3331 16.9319L13.6241 12.2229V11.7759Z%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
+  --comment-popup-edit-button-icon:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath d%3D%22M0.0189877 13.6645L0.612989 10.4635C0.687989 10.0545 0.884989 9.6805 1.18099 9.3825L9.98199 0.5805C10.756 -0.1925 12.015 -0.1945 12.792 0.5805L14.42 2.2085C15.194 2.9835 15.194 4.2435 14.42 5.0185L5.61599 13.8215C5.31999 14.1165 4.94599 14.3125 4.53799 14.3875L1.33599 14.9815C1.26599 14.9935 1.19799 15.0005 1.12999 15.0005C0.832989 15.0005 0.544988 14.8835 0.330988 14.6695C0.0679874 14.4055 -0.0490122 14.0305 0.0189877 13.6645ZM12.472 5.1965L13.632 4.0365L13.631 3.1885L11.811 1.3675L10.963 1.3685L9.80299 2.5285L12.472 5.1965ZM4.31099 13.1585C4.47099 13.1285 4.61799 13.0515 4.73399 12.9345L11.587 6.0815L8.91899 3.4135L2.06599 10.2655C1.94899 10.3835 1.87199 10.5305 1.84099 10.6915L1.36699 13.2485L1.75199 13.6335L4.31099 13.1585Z%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E%3C!--path d%3D%22M0.0189877 14.1645L0.612989 10.9635C0.687989 10.5545 0.884989 10.1805 1.18099 9.8825L9.98199 1.0805C10.756 0.3075 12.015 0.3055 12.792 1.0805L14.42 2.7085C15.194 3.4835 15.194 4.7435 14.42 5.5185L5.61599 14.3215C5.31999 14.6165 4.94599 14.8125 4.53799 14.8875L1.33599 15.4815C1.26599 15.4935 1.19799 15.5005 1.12999 15.5005C0.832989 15.5005 0.544988 15.3835 0.330988 15.1695C0.0679874 14.9055 -0.0490122 14.5305 0.0189877 14.1645ZM12.472 5.6965L13.632 4.5365L13.631 3.6885L11.811 1.8675L10.963 1.8685L9.80299 3.0285L12.472 5.6965ZM4.31099 13.6585C4.47099 13.6285 4.61799 13.5515 4.73399 13.4345L11.587 6.5815L8.91899 3.9135L2.06599 10.7655C1.94899 10.8835 1.87199 11.0305 1.84099 11.1915L1.36699 13.7485L1.75199 14.1335L4.31099 13.6585Z%22 fill%3D%22black%22%2F--%3E");
+  --comment-popup-delete-button-icon:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E    %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22        d%3D%22M11 3H13.6C14 3 14.3 3.3 14.3 3.6C14.3 3.9 14 4.2 13.7 4.2H13.3V14C13.3 15.1 12.4 16 11.3 16H4.80005C3.70005 16 2.80005 15.1 2.80005 14V4.2H2.40005C2.00005 4.2 1.80005 4 1.80005 3.6C1.80005 3.2 2.00005 3 2.40005 3H5.00005V2C5.00005 0.9 5.90005 0 7.00005 0H9.00005C10.1 0 11 0.9 11 2V3ZM6.90005 1.2L6.30005 1.8V3H9.80005V1.8L9.20005 1.2H6.90005ZM11.4 14.7L12 14.1V4.2H4.00005V14.1L4.60005 14.7H11.4ZM7.00005 12.4C7.00005 12.7 6.70005 13 6.40005 13C6.10005 13 5.80005 12.7 5.80005 12.4V7.6C5.70005 7.3 6.00005 7 6.40005 7C6.80005 7 7.00005 7.3 7.00005 7.6V12.4ZM10.2001 12.4C10.2001 12.7 9.90006 13 9.60006 13C9.30006 13 9.00006 12.7 9.00006 12.4V7.6C9.00006 7.3 9.30006 7 9.60006 7C9.90006 7 10.2001 7.3 10.2001 7.6V12.4Z%22        fill%3D%22black%22 %2F%3E%3C%2Fsvg%3E");
+  --csstools-light-dark-toggle--57:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.69);
+  --comment-date-fg-color:var(--csstools-light-dark-toggle--57, rgb(21 20 26 / 0.69));
+  --csstools-light-dark-toggle--58:var(--csstools-color-scheme--light) #1c1b22;
+  --comment-bg-color:var(--csstools-light-dark-toggle--58, #f9f9fb);
+  --csstools-light-dark-toggle--59:var(--csstools-color-scheme--light) #2c2b33;
+  --comment-hover-bg-color:var(--csstools-light-dark-toggle--59, #e0e0e6);
+  --csstools-light-dark-toggle--60:var(--csstools-color-scheme--light) #3a3944;
+  --comment-active-bg-color:var(--csstools-light-dark-toggle--60, #d1d1d9);
+  --comment-hover-brightness:0.89;
+  --comment-hover-filter:brightness(var(--comment-hover-brightness));
+  --comment-active-brightness:0.825;
+  --comment-active-filter:brightness(var(--comment-active-brightness));
+  --csstools-light-dark-toggle--61:var(--csstools-color-scheme--light) #52525e;
+  --comment-border-color:var(--csstools-light-dark-toggle--61, #f0f0f4);
+  --csstools-light-dark-toggle--62:var(--csstools-color-scheme--light) #00cadb;
+  --comment-focus-outline-color:var(--csstools-light-dark-toggle--62, #0062fa);
+  --csstools-light-dark-toggle--63:var(--csstools-color-scheme--light) #fbfbfe;
+  --comment-fg-color:var(--csstools-light-dark-toggle--63, #15141a);
+  --csstools-light-dark-toggle--64:var(--csstools-color-scheme--light) #00317e;
+  --comment-count-bg-color:var(--csstools-light-dark-toggle--64, #e2f7ff);
+  --csstools-light-dark-toggle--65:var(--csstools-color-scheme--light) #a6ecf4;
+  --comment-indicator-active-fg-color:var(--csstools-light-dark-toggle--65, #0041a4);
+  --comment-indicator-active-filter:brightness(
+    calc(1 / var(--comment-active-brightness))
+  );
+  --csstools-light-dark-toggle--66:var(--csstools-color-scheme--light) #fbfbfe;
+  --comment-indicator-focus-fg-color:var(--csstools-light-dark-toggle--66, #5b5b66);
+  --csstools-light-dark-toggle--67:var(--csstools-color-scheme--light) #61dce9;
+  --comment-indicator-hover-fg-color:var(--csstools-light-dark-toggle--67, #0053cb);
+  --comment-indicator-hover-filter:brightness(
+    calc(1 / var(--comment-hover-brightness))
+  );
+  --csstools-light-dark-toggle--68:var(--csstools-color-scheme--light) #00cadb;
+  --comment-indicator-selected-fg-color:var(--csstools-light-dark-toggle--68, #0062fa);
+  --button-comment-bg:transparent;
+  --button-comment-color:var(--main-color);
+  --csstools-light-dark-toggle--69:var(--csstools-color-scheme--light) #5b5b66;
+  --button-comment-active-bg:var(--csstools-light-dark-toggle--69, #cfcfd8);
+  --button-comment-active-border:none;
+  --button-comment-active-color:var(--button-comment-color);
+  --button-comment-border:none;
+  --csstools-light-dark-toggle--70:var(--csstools-color-scheme--light) #52525e;
+  --button-comment-hover-bg:var(--csstools-light-dark-toggle--70, #e0e0e6);
+  --button-comment-hover-color:var(--button-comment-color);
+  --csstools-light-dark-toggle--71:var(--csstools-color-scheme--light) #0df;
+  --link-fg-color:var(--csstools-light-dark-toggle--71, #0060df);
+  --csstools-light-dark-toggle--72:var(--csstools-color-scheme--light) #80ebff;
+  --link-hover-fg-color:var(--csstools-light-dark-toggle--72, #0250bb);
+}
+@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
+#editorCommentsSidebar,
+.commentPopup{
+  --comment-date-fg-color:light-dark(
+    rgb(21 20 26 / 0.69),
+    rgb(251 251 254 / 0.69)
+  );
+}
+}
+@supports (color: light-dark(red, red)){
+#editorCommentsSidebar,
+.commentPopup{
+  --comment-bg-color:light-dark(#f9f9fb, #1c1b22);
+  --comment-hover-bg-color:light-dark(#e0e0e6, #2c2b33);
+  --comment-active-bg-color:light-dark(#d1d1d9, #3a3944);
+  --comment-border-color:light-dark(#f0f0f4, #52525e);
+  --comment-focus-outline-color:light-dark(#0062fa, #00cadb);
+  --comment-fg-color:light-dark(#15141a, #fbfbfe);
+  --comment-count-bg-color:light-dark(#e2f7ff, #00317e);
+  --comment-indicator-active-fg-color:light-dark(#0041a4, #a6ecf4);
+  --comment-indicator-focus-fg-color:light-dark(#5b5b66, #fbfbfe);
+  --comment-indicator-hover-fg-color:light-dark(#0053cb, #61dce9);
+  --comment-indicator-selected-fg-color:light-dark(#0062fa, #00cadb);
+  --button-comment-active-bg:light-dark(#cfcfd8, #5b5b66);
+  --button-comment-hover-bg:light-dark(#e0e0e6, #52525e);
+  --link-fg-color:light-dark(#0060df, #0df);
+  --link-hover-fg-color:light-dark(#0250bb, #80ebff);
+}
+}
+@supports not (color: light-dark(tan, tan)){
+:is(#editorCommentsSidebar,.commentPopup) *{
+  --csstools-light-dark-toggle--57:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.69);
+  --comment-date-fg-color:var(--csstools-light-dark-toggle--57, rgb(21 20 26 / 0.69));
+  --csstools-light-dark-toggle--58:var(--csstools-color-scheme--light) #1c1b22;
+  --comment-bg-color:var(--csstools-light-dark-toggle--58, #f9f9fb);
+  --csstools-light-dark-toggle--59:var(--csstools-color-scheme--light) #2c2b33;
+  --comment-hover-bg-color:var(--csstools-light-dark-toggle--59, #e0e0e6);
+  --csstools-light-dark-toggle--60:var(--csstools-color-scheme--light) #3a3944;
+  --comment-active-bg-color:var(--csstools-light-dark-toggle--60, #d1d1d9);
+  --csstools-light-dark-toggle--61:var(--csstools-color-scheme--light) #52525e;
+  --comment-border-color:var(--csstools-light-dark-toggle--61, #f0f0f4);
+  --csstools-light-dark-toggle--62:var(--csstools-color-scheme--light) #00cadb;
+  --comment-focus-outline-color:var(--csstools-light-dark-toggle--62, #0062fa);
+  --csstools-light-dark-toggle--63:var(--csstools-color-scheme--light) #fbfbfe;
+  --comment-fg-color:var(--csstools-light-dark-toggle--63, #15141a);
+  --csstools-light-dark-toggle--64:var(--csstools-color-scheme--light) #00317e;
+  --comment-count-bg-color:var(--csstools-light-dark-toggle--64, #e2f7ff);
+  --csstools-light-dark-toggle--65:var(--csstools-color-scheme--light) #a6ecf4;
+  --comment-indicator-active-fg-color:var(--csstools-light-dark-toggle--65, #0041a4);
+  --csstools-light-dark-toggle--66:var(--csstools-color-scheme--light) #fbfbfe;
+  --comment-indicator-focus-fg-color:var(--csstools-light-dark-toggle--66, #5b5b66);
+  --csstools-light-dark-toggle--67:var(--csstools-color-scheme--light) #61dce9;
+  --comment-indicator-hover-fg-color:var(--csstools-light-dark-toggle--67, #0053cb);
+  --csstools-light-dark-toggle--68:var(--csstools-color-scheme--light) #00cadb;
+  --comment-indicator-selected-fg-color:var(--csstools-light-dark-toggle--68, #0062fa);
+  --csstools-light-dark-toggle--69:var(--csstools-color-scheme--light) #5b5b66;
+  --button-comment-active-bg:var(--csstools-light-dark-toggle--69, #cfcfd8);
+  --csstools-light-dark-toggle--70:var(--csstools-color-scheme--light) #52525e;
+  --button-comment-hover-bg:var(--csstools-light-dark-toggle--70, #e0e0e6);
+  --csstools-light-dark-toggle--71:var(--csstools-color-scheme--light) #0df;
+  --link-fg-color:var(--csstools-light-dark-toggle--71, #0060df);
+  --csstools-light-dark-toggle--72:var(--csstools-color-scheme--light) #80ebff;
+  --link-hover-fg-color:var(--csstools-light-dark-toggle--72, #0250bb);
+  }
+}
+@media screen and (forced-colors: active){
+#editorCommentsSidebar,
+.commentPopup{
+    --comment-date-fg-color:CanvasText;
+    --comment-bg-color:Canvas;
+    --comment-hover-bg-color:Canvas;
+    --comment-hover-filter:none;
+    --comment-active-bg-color:Canvas;
+    --comment-active-filter:none;
+    --comment-border-color:CanvasText;
+    --comment-fg-color:CanvasText;
+    --comment-count-bg-color:Canvas;
+    --comment-indicator-active-fg-color:SelectedItem;
+    --comment-indicator-focus-fg-color:CanvasText;
+    --comment-indicator-hover-fg-color:CanvasText;
+    --comment-indicator-selected-fg-color:SelectedItem;
+    --button-comment-bg:ButtonFace;
+    --button-comment-color:ButtonText;
+    --button-comment-active-bg:Highlight;
+    --button-comment-active-color:HighlightText;
+    --button-comment-border:1px solid ButtonText;
+    --button-comment-hover-bg:Highlight;
+    --button-comment-hover-color:HighlightText;
+    --link-fg-color:LinkText;
+    --link-hover-fg-color:LinkText;
+}
+  }
+#editorCommentsSidebar{
+  display:flex;
+  height:auto;
+  padding-bottom:16px;
+  flex-direction:column;
+  align-items:flex-start;
+}
+#editorCommentsSidebar #editorCommentsSidebarHeader{
+    width:100%;
+    box-sizing:border-box;
+    padding:16px;
+    display:flex;
+    align-items:center;
+    justify-content:space-between;
+  }
+:is(#editorCommentsSidebar #editorCommentsSidebarHeader) .commentCount{
+      display:flex;
+      align-items:baseline;
+      gap:6px;
+      -webkit-user-select:none;
+         -moz-user-select:none;
+              user-select:none;
+    }
+:is(:is(#editorCommentsSidebar #editorCommentsSidebarHeader) .commentCount) #editorCommentsSidebarTitle{
+        font:menu;
+        font-style:normal;
+        font-weight:590;
+        line-height:normal;
+        font-size:17px;
+        color:var(--comment-fg-color);
+      }
+:is(:is(#editorCommentsSidebar #editorCommentsSidebarHeader) .commentCount) #editorCommentsSidebarCount{
+        padding:0 4px;
+        border-radius:4px;
+        background-color:var(--comment-count-bg-color);
+        color:var(--comment-fg-color);
+        text-align:center;
+        font:menu;
+        font-size:13px;
+        font-style:normal;
+        font-weight:400;
+        line-height:normal;
+      }
+:is(#editorCommentsSidebar #editorCommentsSidebarHeader) #editorCommentsSidebarCloseButton{
+      width:32px;
+      height:32px;
+      padding:8px;
+      border-radius:4px;
+      border:var(--button-comment-border);
+      background-color:var(--button-comment-bg);
+      cursor:pointer;
+    }
+:is(:is(#editorCommentsSidebar #editorCommentsSidebarHeader) #editorCommentsSidebarCloseButton)::before{
+        content:"";
+        display:inline-block;
+        width:100%;
+        height:100%;
+        -webkit-mask-repeat:no-repeat;
+                mask-repeat:no-repeat;
+        -webkit-mask-position:center;
+                mask-position:center;
+        -webkit-mask-image:var(--comment-close-button-icon);
+                mask-image:var(--comment-close-button-icon);
+        background-color:var(--button-comment-color);
+      }
+:is(:is(#editorCommentsSidebar #editorCommentsSidebarHeader) #editorCommentsSidebarCloseButton):hover{
+        background-color:var(--button-comment-hover-bg);
+      }
+:is(:is(#editorCommentsSidebar #editorCommentsSidebarHeader) #editorCommentsSidebarCloseButton):hover::before{
+          background-color:var(--button-comment-hover-color);
+        }
+:is(:is(#editorCommentsSidebar #editorCommentsSidebarHeader) #editorCommentsSidebarCloseButton):active{
+        border:var(--button-comment-active-border);
+        background-color:var(--button-comment-active-bg);
+      }
+:is(:is(#editorCommentsSidebar #editorCommentsSidebarHeader) #editorCommentsSidebarCloseButton):active::before{
+          background-color:var(--button-comment-active-color);
+        }
+:is(:is(#editorCommentsSidebar #editorCommentsSidebarHeader) #editorCommentsSidebarCloseButton):focus-visible{
+        outline:var(--focus-ring-outline);
+      }
+:is(:is(#editorCommentsSidebar #editorCommentsSidebarHeader) #editorCommentsSidebarCloseButton)  > span{
+        display:inline-block;
+        width:0;
+        height:0;
+        overflow:hidden;
+      }
+#editorCommentsSidebar #editorCommentsSidebarListContainer{
+    overflow:auto;
+    width:100%;
+  }
+:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList{
+      display:flex;
+      width:auto;
+      padding:4px 16px;
+      gap:10px;
+      align-items:flex-start;
+      flex-direction:column;
+      list-style-type:none;
+    }
+:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment{
+        display:flex;
+        width:auto;
+        padding:8px 16px 16px;
+        flex-direction:column;
+        align-items:flex-start;
+        align-self:stretch;
+        gap:4px;
+        border-radius:8px;
+        border:0.5px solid var(--comment-border-color);
+        background-color:var(--comment-bg-color);
+      }
+@media screen and (forced-colors: active){
+:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments):hover{
+              background-color:var(--comment-hover-bg-color);
+          }
+            }
+:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments):hover{
+            filter:var(--comment-hover-filter);
+          }
+:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments):hover time::after{
+              display:inline-block;
+              background-color:var(--comment-indicator-hover-fg-color);
+              filter:var(--comment-indicator-hover-filter);
+            }
+@media screen and (forced-colors: active){
+:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments):active{
+              background-color:var(--comment-active-bg-color);
+          }
+            }
+:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments):active{
+            filter:var(--comment-active-filter);
+          }
+:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments):active time::after{
+              display:inline-block;
+              background-color:var(--comment-indicator-active-fg-color);
+              filter:var(--comment-indicator-active-filter);
+            }
+:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments):is(:focus,:focus-visible) time::after{
+            display:inline-block;
+            background-color:var(--comment-indicator-focus-fg-color);
+          }
+:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments):focus-visible{
+            outline:2px solid var(--comment-focus-outline-color);
+            outline-offset:2px;
+          }
+.selected:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments) .sidebarCommentText{
+              max-height:-moz-fit-content;
+              max-height:fit-content;
+              -webkit-line-clamp:unset;
+            }
+.selected:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments) time::after{
+              display:inline-block;
+              background-color:var(--comment-indicator-selected-fg-color);
+            }
+:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment) .sidebarCommentText{
+          font:menu;
+          font-style:normal;
+          font-weight:400;
+          line-height:normal;
+          font-size:15px;
+          width:100%;
+          height:-moz-fit-content;
+          height:fit-content;
+          max-height:80px;
+          display:-webkit-box;
+          -webkit-box-orient:vertical;
+          -webkit-line-clamp:2;
+          overflow:hidden;
+          overflow-wrap:break-word;
+        }
+:is(:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment) .sidebarCommentText) .richText{
+            --total-scale-factor:1.5;
+          }
+.noComments:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment) .sidebarCommentText{
+            max-height:-moz-fit-content;
+            max-height:fit-content;
+            -webkit-line-clamp:unset;
+            -webkit-user-select:none;
+               -moz-user-select:none;
+                    user-select:none;
+          }
+.noComments:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment) a{
+            font:menu;
+            font-style:normal;
+            font-weight:400;
+            line-height:normal;
+            font-size:15px;
+            width:100%;
+            height:auto;
+            overflow-wrap:break-word;
+            margin-block-start:15px;
+            color:var(--link-fg-color);
+          }
+:is(.noComments:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment) a):focus-visible{
+              outline:var(--focus-ring-outline);
+            }
+:is(.noComments:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment) a):hover{
+              color:var(--link-hover-fg-color);
+            }
+:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment) time{
+          width:100%;
+          display:inline-flex;
+          align-items:center;
+          justify-content:space-between;
+          font:menu;
+          font-style:normal;
+          font-weight:400;
+          line-height:normal;
+          font-size:13px;
+        }
+:is(:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment) time)::after{
+            content:"";
+            display:none;
+            width:16px;
+            height:16px;
+            -webkit-mask-repeat:no-repeat;
+                    mask-repeat:no-repeat;
+            -webkit-mask-position:center;
+                    mask-position:center;
+            -webkit-mask-image:var(--comment-edit-button-icon);
+                    mask-image:var(--comment-edit-button-icon);
+            transform:scaleX(var(--dir-factor));
+          }
+.commentPopup{
+  --csstools-color-scheme--light:initial;
+  color-scheme:light dark;
+  --csstools-light-dark-toggle--73:var(--csstools-color-scheme--light) #3a3944;
+  --divider-color:var(--csstools-light-dark-toggle--73, #cfcfd8);
+  --csstools-light-dark-toggle--74:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
+  --csstools-light-dark-toggle--75:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
+  --comment-shadow:0 0.5px 2px 0 var(--csstools-light-dark-toggle--74, rgb(0 0 0 / 0.05)), 0 4px 16px 0 var(--csstools-light-dark-toggle--75, rgb(0 0 0 / 0.1));
+}
+@supports (color: light-dark(red, red)){
+.commentPopup{
+  --divider-color:light-dark(#cfcfd8, #3a3944);
+}
+}
+@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
+.commentPopup{
+  --comment-shadow:0 0.5px 2px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 4px 16px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));
+}
+}
+@supports not (color: light-dark(tan, tan)){
+.commentPopup *{
+  --csstools-light-dark-toggle--73:var(--csstools-color-scheme--light) #3a3944;
+  --divider-color:var(--csstools-light-dark-toggle--73, #cfcfd8);
+  --csstools-light-dark-toggle--74:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
+  --csstools-light-dark-toggle--75:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
+  --comment-shadow:0 0.5px 2px 0 var(--csstools-light-dark-toggle--74, rgb(0 0 0 / 0.05)), 0 4px 16px 0 var(--csstools-light-dark-toggle--75, rgb(0 0 0 / 0.1));
+  }
+}
+@media (prefers-color-scheme: dark){
+.commentPopup{
+  --csstools-color-scheme--light:;
+}
+}
+@media screen and (forced-colors: active){
+.commentPopup{
+    --divider-color:CanvasText;
+    --comment-shadow:none;
+}
+  }
+.commentPopup{
+  display:flex;
+  flex-direction:column;
+  align-items:flex-start;
+  gap:12px;
+  z-index:100001;
+  pointer-events:auto;
+  margin-top:2px;
+  border:0.5px solid var(--comment-border-color);
+  background:var(--comment-bg-color);
+  box-shadow:var(--comment-shadow);
+}
+.commentPopup:focus-visible{
+    outline:none;
   }
-.toggle-button[aria-pressed="true"]::before{
-    translate:var(--toggle-dot-transform-x);
-    background-color:var(--toggle-dot-background-color-on-pressed);
+.commentPopup.dragging{
+    cursor:move !important;
   }
-.toggle-button[aria-pressed="true"]:enabled:hover::before,.toggle-button[aria-pressed="true"]:enabled:active::before{
-    background-color:var(--toggle-dot-background-color-on-pressed);
+.commentPopup.dragging *{
+      cursor:move !important;
+    }
+.commentPopup.dragging button{
+      pointer-events:none !important;
+    }
+.commentPopup:not(.selected) .commentPopupButtons{
+    visibility:hidden !important;
   }
-[dir="rtl"] .toggle-button[aria-pressed="true"]::before{
-    translate:calc(-1 * var(--toggle-dot-transform-x));
+.commentPopup hr{
+    width:100%;
+    height:1px;
+    border:none;
+    border-top:1px solid var(--divider-color);
+    margin:0;
+    padding:0;
   }
-@media (prefers-reduced-motion: no-preference){
-    .toggle-button::before{
-      transition:translate 100ms;
-    }
+.commentPopup .commentPopupTop{
+    display:flex;
+    width:100%;
+    height:auto;
+    padding-bottom:4px;
+    justify-content:space-between;
+    align-items:center;
+    align-self:stretch;
+    cursor:move;
+    -webkit-user-select:none;
+       -moz-user-select:none;
+            user-select:none;
   }
-@media (prefers-contrast){
-    .toggle-button:enabled:hover{
-      border-color:var(--toggle-border-color-hover);
+:is(.commentPopup .commentPopupTop) .commentPopupTime{
+      font:menu;
+      font-style:normal;
+      font-weight:400;
+      line-height:normal;
+      font-size:13px;
+      color:var(--comment-date-fg-color);
     }
-    .toggle-button:enabled:active{
-      border-color:var(--toggle-border-color-active);
+:is(.commentPopup .commentPopupTop) .commentPopupButtons{
+      display:flex;
+      align-items:center;
+      gap:2px;
+      cursor:default;
     }
-    .toggle-button[aria-pressed="true"]:enabled{
-      border-color:var(--toggle-border-color);
-      position:relative;
-    }
+:is(:is(.commentPopup .commentPopupTop) .commentPopupButtons)  > button{
+        width:32px;
+        height:32px;
+        padding:8px;
+        border:var(--button-comment-border);
+        border-radius:4px;
+        background-color:var(--button-comment-bg);
+        color:var(--button-comment-color);
+      }
-    .toggle-button[aria-pressed="true"]:enabled:hover,.toggle-button[aria-pressed="true"]:enabled:hover:active{
-      border-color:var(--toggle-border-color-hover);
-    }
+:is(:is(:is(.commentPopup .commentPopupTop) .commentPopupButtons) > button):hover{
+          background-color:var(--button-comment-hover-bg);
+        }
-    .toggle-button[aria-pressed="true"]:enabled:active{
-      background-color:var(--toggle-dot-background-color-active);
-      border-color:var(--toggle-dot-background-color-hover);
-    }
+:is(:is(:is(.commentPopup .commentPopupTop) .commentPopupButtons) > button):hover::before{
+            background-color:var(--button-comment-hover-color);
+          }
-    .toggle-button:hover::before,.toggle-button:active::before{
-      background-color:var(--toggle-dot-background-color-hover);
-    }
-  }
+:is(:is(:is(.commentPopup .commentPopupTop) .commentPopupButtons) > button):active{
+          border:var(--button-comment-active-border);
+          background-color:var(--button-comment-active-bg);
+          color:var(--button-comment-active-color);
+        }
-@media (forced-colors){
+:is(:is(:is(.commentPopup .commentPopupTop) .commentPopupButtons) > button):active::before{
+            background-color:var(--button-comment-active-color);
+          }
-.toggle-button{
-    --toggle-dot-background-color:var(--color-accent-primary);
-    --toggle-dot-background-color-hover:var(--color-accent-primary-hover);
-    --toggle-dot-background-color-active:var(--color-accent-primary-active);
-    --toggle-dot-background-color-on-pressed:var(--button-background-color);
-    --toggle-background-color-disabled:var(--button-background-color-disabled);
-    --toggle-border-color-hover:var(--border-interactive-color-hover);
-    --toggle-border-color-active:var(--border-interactive-color-active);
-    --toggle-border-color-disabled:var(--border-interactive-color-disabled);
+:is(:is(:is(.commentPopup .commentPopupTop) .commentPopupButtons) > button):focus-visible{
+          background-color:var(--button-comment-hover-bg);
+          outline:2px solid var(--comment-focus-outline-color);
+          outline-offset:0;
+        }
+:is(:is(:is(.commentPopup .commentPopupTop) .commentPopupButtons) > button)::before{
+          content:"";
+          display:inline-block;
+          width:100%;
+          height:100%;
+          -webkit-mask-repeat:no-repeat;
+                  mask-repeat:no-repeat;
+          -webkit-mask-position:center;
+                  mask-position:center;
+        }
+.commentPopupEdit:is(:is(:is(.commentPopup .commentPopupTop) .commentPopupButtons) > button)::before{
+          -webkit-mask-image:var(--comment-popup-edit-button-icon);
+                  mask-image:var(--comment-popup-edit-button-icon);
+        }
+.commentPopupDelete:is(:is(:is(.commentPopup .commentPopupTop) .commentPopupButtons) > button)::before{
+          -webkit-mask-image:var(--comment-popup-delete-button-icon);
+                  mask-image:var(--comment-popup-delete-button-icon);
+        }
+.commentPopup .commentPopupText{
+    width:100%;
+    height:auto;
+    font:menu;
+    font-style:normal;
+    font-weight:400;
+    line-height:normal;
+    font-size:15px;
+    color:var(--comment-fg-color);
+  }
+.commentPopupText,
+.sidebarCommentText .richText{
+  margin-block:0;
 }
-    .toggle-button[aria-pressed="true"]:enabled::after{
-      border:1px solid var(--button-background-color);
-      content:"";
-      position:absolute;
-      height:var(--toggle-height);
-      width:var(--toggle-width);
-      display:block;
-      border-radius:var(--toggle-border-radius);
-      inset:-2px;
-    }
+:is(.commentPopupText,.sidebarCommentText .richText) p:first-of-type{
+    margin-block:0;
+  }
-    .toggle-button[aria-pressed="true"]:enabled:active::after{
-      border-color:var(--toggle-border-color-active);
-    }
+:is(.commentPopupText,.sidebarCommentText .richText)  > *{
+    white-space:pre-wrap;
+    font-size:max(15px, calc(10px * var(--total-scale-factor)));
+    overflow-wrap:break-word;
+  }
+:is(.commentPopupText,.sidebarCommentText .richText) span{
+    color:var(--comment-fg-color) !important;
   }
 :root{
+  --editor-toolbar-vert-offset:6px;
   --outline-width:2px;
   --outline-color:#0060df;
   --outline-around-width:1px;
@@ -1731,19 +3822,6 @@
   --new-alt-text-warning-image:url("data:image/svg+xml,%3Csvg width%3D%2217%22 height%3D%2216%22 viewBox%3D%220 0 17 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E    %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M8.78182 2.63903C8.58882 2.28803 8.25782 2.25003 8.12482 2.25003C7.99019 2.24847 7.85771 2.28393 7.74185 2.35253C7.62599 2.42113 7.5312 2.52023 7.46782 2.63903L1.97082 12.639C1.90673 12.7528 1.87406 12.8816 1.87617 13.0122C1.87828 13.1427 1.91509 13.2704 1.98282 13.382C2.04798 13.4951 2.14207 13.5888 2.25543 13.6535C2.36879 13.7182 2.49732 13.7515 2.62782 13.75H13.6218C13.7523 13.7515 13.8809 13.7182 13.9942 13.6535C14.1076 13.5888 14.2017 13.4951 14.2668 13.382C14.3346 13.2704 14.3714 13.1427 14.3735 13.0122C14.3756 12.8816 14.3429 12.7528 14.2788 12.639L8.78182 2.63903ZM6.37282 2.03703C6.75182 1.34603 7.43882 1.00003 8.12482 1.00003C8.48341 0.997985 8.83583 1.09326 9.14454 1.2757C9.45325 1.45814 9.70668 1.72092 9.87782 2.03603L15.3748 12.036C16.1078 13.369 15.1438 15 13.6228 15H2.62782C1.10682 15 0.141823 13.37 0.875823 12.037L6.37282 2.03703ZM8.74982 9.06203C8.74982 9.22779 8.68397 9.38676 8.56676 9.50397C8.44955 9.62118 8.29058 9.68703 8.12482 9.68703C7.95906 9.68703 7.80009 9.62118 7.68288 9.50397C7.56566 9.38676 7.49982 9.22779 7.49982 9.06203V5.62503C7.49982 5.45927 7.56566 5.3003 7.68288 5.18309C7.80009 5.06588 7.95906 5.00003 8.12482 5.00003C8.29058 5.00003 8.44955 5.06588 8.56676 5.18309C8.68397 5.3003 8.74982 5.45927 8.74982 5.62503V9.06203ZM7.74982 12L7.49982 11.75V11L7.74982 10.75H8.49982L8.74982 11V11.75L8.49982 12H7.74982Z%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
 }
-.visuallyHidden{
-  position:absolute;
-  top:0;
-  left:0;
-  border:0;
-  margin:0;
-  padding:0;
-  width:0;
-  height:0;
-  overflow:hidden;
-  white-space:nowrap;
-  font-size:0;
-}
 .textLayer.highlighting{
     cursor:var(--editorFreeHighlight-editing-cursor);
@@ -1761,11 +3839,18 @@
       cursor:var(--editorFreeHighlight-editing-cursor);
     }
+.page:has(.annotationEditorLayer.nonEditing)
+  .annotationLayer
+  .editorAnnotation{
+  position:absolute;
+  pointer-events:none;
+}
 :is(#viewerContainer.pdfPresentationMode:fullscreen,.annotationEditorLayer.disabled) .noAltTextBadge{
     display:none !important;
   }
-@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 1.1dppx){
+@media (min-resolution: 1.1dppx){
   :root{
     --editorFreeText-editing-cursor:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M12 2.75H12.5V2.25V1V0.5H12H10.358C9.91165 0.5 9.47731 0.625661 9.09989 0.860442L9.09886 0.861087L8 1.54837L6.89997 0.860979L6.89911 0.860443C6.5218 0.625734 6.08748 0.5 5.642 0.5H4H3.5V1V2.25V2.75H4H5.642C5.66478 2.75 5.6885 2.75641 5.71008 2.76968C5.71023 2.76977 5.71038 2.76986 5.71053 2.76995L6.817 3.461C6.81704 3.46103 6.81709 3.46105 6.81713 3.46108C6.81713 3.46108 6.81713 3.46108 6.81714 3.46109C6.8552 3.48494 6.876 3.52285 6.876 3.567V8V12.433C6.876 12.4771 6.85523 12.515 6.81722 12.5389C6.81715 12.5389 6.81707 12.539 6.817 12.539L5.70953 13.23C5.70941 13.2301 5.70929 13.2302 5.70917 13.2303C5.68723 13.2438 5.6644 13.25 5.641 13.25H4H3.5V13.75V15V15.5H4H5.642C6.08835 15.5 6.52269 15.3743 6.90011 15.1396L6.90086 15.1391L8 14.4526L9.10003 15.14L9.10089 15.1406C9.47831 15.3753 9.91265 15.501 10.359 15.501H12H12.5V15.001V13.751V13.251H12H10.358C10.3352 13.251 10.3115 13.2446 10.2899 13.2313C10.2897 13.2312 10.2896 13.2311 10.2895 13.231L9.183 12.54C9.18298 12.54 9.18295 12.54 9.18293 12.54C9.18291 12.5399 9.18288 12.5399 9.18286 12.5399C9.14615 12.5169 9.125 12.4797 9.125 12.434V8V3.567C9.125 3.52266 9.14603 3.48441 9.18364 3.4606C9.18377 3.46052 9.1839 3.46043 9.18404 3.46035L10.2895 2.76995C10.2896 2.76985 10.2898 2.76975 10.2899 2.76966C10.3119 2.75619 10.3346 2.75 10.358 2.75H12Z%22 fill%3D%22black%22 stroke%3D%22white%22%2F%3E%3C%2Fsvg%3E") 0 16, text;
   }
@@ -1797,7 +3882,7 @@
   background:transparent;
   position:absolute;
   inset:0;
-  font-size:calc(100px * var(--scale-factor));
+  font-size:calc(100px * var(--total-scale-factor));
   transform-origin:0 0;
   cursor:auto;
 }
@@ -1810,6 +3895,14 @@
     pointer-events:none !important;
   }
+.annotationEditorLayer.getElements{
+    pointer-events:auto !important;
+  }
+.annotationEditorLayer.getElements  > div{
+      pointer-events:auto !important;
+    }
 .annotationEditorLayer.waiting{
   content:"";
   cursor:wait;
@@ -1823,6 +3916,10 @@
   pointer-events:none;
 }
+.annotationEditorLayer.disabled.highlightEditing :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor,.commentPopup){
+    pointer-events:auto;
+  }
 .annotationEditorLayer.freetextEditing{
   cursor:var(--editorFreeText-editing-cursor);
 }
@@ -1835,7 +3932,8 @@
   box-sizing:border-box;
 }
-.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor){
+.annotationEditorLayer
+  :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor){
   position:absolute;
   background:transparent;
   z-index:1;
@@ -1846,16 +3944,16 @@
   border:var(--unfocus-outline);
 }
-.draggable.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)){
+.draggable.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)){
     cursor:move;
   }
-.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)){
+.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)){
     border:var(--focus-outline);
     outline:var(--focus-outline-around);
   }
-.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor))::before{
+.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor))::before{
       content:"";
       position:absolute;
       inset:0;
@@ -1863,54 +3961,76 @@
       pointer-events:none;
     }
-:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)):hover:not(.selectedEditor){
+:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)):hover:not(.selectedEditor){
     border:var(--hover-outline);
     outline:var(--hover-outline-around);
   }
-:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)):hover:not(.selectedEditor)::before{
+:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)):hover:not(.selectedEditor)::before{
       content:"";
       position:absolute;
       inset:0;
       border:var(--focus-outline-around);
     }
-:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{
+:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar{
     --editor-toolbar-delete-image:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E    %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22        d%3D%22M11 3H13.6C14 3 14.3 3.3 14.3 3.6C14.3 3.9 14 4.2 13.7 4.2H13.3V14C13.3 15.1 12.4 16 11.3 16H4.80005C3.70005 16 2.80005 15.1 2.80005 14V4.2H2.40005C2.00005 4.2 1.80005 4 1.80005 3.6C1.80005 3.2 2.00005 3 2.40005 3H5.00005V2C5.00005 0.9 5.90005 0 7.00005 0H9.00005C10.1 0 11 0.9 11 2V3ZM6.90005 1.2L6.30005 1.8V3H9.80005V1.8L9.20005 1.2H6.90005ZM11.4 14.7L12 14.1V4.2H4.00005V14.1L4.60005 14.7H11.4ZM7.00005 12.4C7.00005 12.7 6.70005 13 6.40005 13C6.10005 13 5.80005 12.7 5.80005 12.4V7.6C5.70005 7.3 6.00005 7 6.40005 7C6.80005 7 7.00005 7.3 7.00005 7.6V12.4ZM10.2001 12.4C10.2001 12.7 9.90006 13 9.60006 13C9.30006 13 9.00006 12.7 9.00006 12.4V7.6C9.00006 7.3 9.30006 7 9.60006 7C9.90006 7 10.2001 7.3 10.2001 7.6V12.4Z%22        fill%3D%22black%22 %2F%3E%3C%2Fsvg%3E");
-    --editor-toolbar-bg-color:#f0f0f4;
+    --csstools-light-dark-toggle--76:var(--csstools-color-scheme--light) #2b2a33;
+    --editor-toolbar-bg-color:var(--csstools-light-dark-toggle--76, #f0f0f4);
     --editor-toolbar-highlight-image:url("data:image/svg+xml,%3Csvg width%3D%2217%22 height%3D%2216%22 viewBox%3D%220 0 17 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E    %3Cg%3E      %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M7.10918 11.66C7.24918 11.8 7.43918 11.88 7.63918 11.88C7.83918 11.88 8.02918 11.8 8.16918 11.66L14.9192 4.91C15.2692 4.57 15.4592 4.11 15.4592 3.62C15.4592 3.13 15.2692 2.67 14.9192 2.33L13.1292 0.54C12.7892 0.19 12.3292 0 11.8392 0C11.3492 0 10.8892 0.2 10.5492 0.54L3.79918 7.29C3.50918 7.58 3.50918 8.06 3.79918 8.35L4.38988 8.9407L1.40918 11.93H5.64918L6.51419 11.065L7.10918 11.66ZM7.63918 10.07L5.38918 7.82V7.81L7.8648 5.33438L10.1198 7.58938L7.63918 10.07ZM11.1805 6.52872L13.8592 3.85C13.9892 3.72 13.9892 3.52 13.8592 3.39L12.0692 1.6C11.9892 1.52 11.8892 1.5 11.8392 1.5C11.8392 1.5 11.6892 1.51 11.6092 1.59L8.92546 4.27372L11.1805 6.52872Z%22 fill%3D%22%23000%22%2F%3E      %3Cpath d%3D%22M0.40918 14H15.4092V16H0.40918V14Z%22 fill%3D%22%23000%22%2F%3E    %3C%2Fg%3E  %3C%2Fsvg%3E");
-    --editor-toolbar-fg-color:#2e2e56;
+    --csstools-light-dark-toggle--77:var(--csstools-color-scheme--light) #fbfbfe;
+    --editor-toolbar-fg-color:var(--csstools-light-dark-toggle--77, #2e2e56);
     --editor-toolbar-border-color:#8f8f9d;
     --editor-toolbar-hover-border-color:var(--editor-toolbar-border-color);
-    --editor-toolbar-hover-bg-color:#e0e0e6;
+    --csstools-light-dark-toggle--78:var(--csstools-color-scheme--light) #52525e;
+    --editor-toolbar-hover-bg-color:var(--csstools-light-dark-toggle--78, #e0e0e6);
     --editor-toolbar-hover-fg-color:var(--editor-toolbar-fg-color);
     --editor-toolbar-hover-outline:none;
-    --editor-toolbar-focus-outline-color:#0060df;
+    --csstools-light-dark-toggle--79:var(--csstools-color-scheme--light) #0df;
+    --editor-toolbar-focus-outline-color:var(--csstools-light-dark-toggle--79, #0060df);
     --editor-toolbar-shadow:0 2px 6px 0 rgb(58 57 68 / 0.2);
-    --editor-toolbar-vert-offset:6px;
     --editor-toolbar-height:28px;
     --editor-toolbar-padding:2px;
-    --alt-text-done-color:#2ac3a2;
-    --alt-text-warning-color:#0090ed;
+    --csstools-light-dark-toggle--80:var(--csstools-color-scheme--light) #54ffbd;
+    --alt-text-done-color:var(--csstools-light-dark-toggle--80, #2ac3a2);
+    --csstools-light-dark-toggle--81:var(--csstools-color-scheme--light) #80ebff;
+    --alt-text-warning-color:var(--csstools-light-dark-toggle--81, #0090ed);
     --alt-text-hover-done-color:var(--alt-text-done-color);
     --alt-text-hover-warning-color:var(--alt-text-warning-color);
   }
-@media (prefers-color-scheme: dark){
+@supports (color: light-dark(red, red)){
+:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar{
+    --editor-toolbar-bg-color:light-dark(#f0f0f4, #2b2a33);
+    --editor-toolbar-fg-color:light-dark(#2e2e56, #fbfbfe);
+    --editor-toolbar-hover-bg-color:light-dark(#e0e0e6, #52525e);
+    --editor-toolbar-focus-outline-color:light-dark(#0060df, #0df);
+    --alt-text-done-color:light-dark(#2ac3a2, #54ffbd);
+    --alt-text-warning-color:light-dark(#0090ed, #80ebff);
+  }
+}
+@supports not (color: light-dark(tan, tan)){
-:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{
-      --editor-toolbar-bg-color:#2b2a33;
-      --editor-toolbar-fg-color:#fbfbfe;
-      --editor-toolbar-hover-bg-color:#52525e;
-      --editor-toolbar-focus-outline-color:#0df;
-      --alt-text-done-color:#54ffbd;
-      --alt-text-warning-color:#80ebff;
+:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) *{
+    --csstools-light-dark-toggle--76:var(--csstools-color-scheme--light) #2b2a33;
+    --editor-toolbar-bg-color:var(--csstools-light-dark-toggle--76, #f0f0f4);
+    --csstools-light-dark-toggle--77:var(--csstools-color-scheme--light) #fbfbfe;
+    --editor-toolbar-fg-color:var(--csstools-light-dark-toggle--77, #2e2e56);
+    --csstools-light-dark-toggle--78:var(--csstools-color-scheme--light) #52525e;
+    --editor-toolbar-hover-bg-color:var(--csstools-light-dark-toggle--78, #e0e0e6);
+    --csstools-light-dark-toggle--79:var(--csstools-color-scheme--light) #0df;
+    --editor-toolbar-focus-outline-color:var(--csstools-light-dark-toggle--79, #0060df);
+    --csstools-light-dark-toggle--80:var(--csstools-color-scheme--light) #54ffbd;
+    --alt-text-done-color:var(--csstools-light-dark-toggle--80, #2ac3a2);
+    --csstools-light-dark-toggle--81:var(--csstools-color-scheme--light) #80ebff;
+    --alt-text-warning-color:var(--csstools-light-dark-toggle--81, #0090ed);
   }
-    }
+}
 @media screen and (forced-colors: active){
-:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{
+:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar{
       --editor-toolbar-bg-color:ButtonFace;
       --editor-toolbar-fg-color:ButtonText;
       --editor-toolbar-border-color:ButtonText;
@@ -1927,7 +4047,7 @@
   }
     }
-:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{
+:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar{
     display:flex;
     width:-moz-fit-content;
@@ -1951,23 +4071,23 @@
     box-shadow:var(--editor-toolbar-shadow);
   }
-.hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar){
+.hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar){
       display:none;
     }
-:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar):has(:focus-visible){
+:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar):has(:focus-visible){
       border-color:transparent;
     }
-[dir="ltr"] :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar){
+[dir="ltr"] :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar){
       transform-origin:100% 0;
     }
-[dir="rtl"] :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar){
+[dir="rtl"] :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar){
       transform-origin:0 0;
     }
-:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons{
+:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons{
       display:flex;
       justify-content:center;
       align-items:center;
@@ -1975,11 +4095,11 @@
       height:100%;
     }
-:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) button{
+:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) button{
         padding:0;
       }
-:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .divider{
+:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .divider{
         width:0;
         height:calc(
           2 * var(--editor-toolbar-padding) + var(--editor-toolbar-height)
@@ -1990,14 +4110,12 @@
         margin-inline:2px;
       }
-:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .highlightButton{
+:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .basic{
         width:var(--editor-toolbar-height);
       }
-:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .highlightButton)::before{
+:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .basic)::before{
           content:"";
-          -webkit-mask-image:var(--editor-toolbar-highlight-image);
-                  mask-image:var(--editor-toolbar-highlight-image);
           -webkit-mask-repeat:no-repeat;
                   mask-repeat:no-repeat;
           -webkit-mask-position:center;
@@ -2008,43 +4126,36 @@
           height:100%;
         }
-:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .highlightButton):hover::before{
+:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .basic):hover::before{
           background-color:var(--editor-toolbar-hover-fg-color);
         }
-:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .delete{
-        width:var(--editor-toolbar-height);
-      }
+.highlightButton:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .basic)::before{
+          -webkit-mask-image:var(--editor-toolbar-highlight-image);
+                  mask-image:var(--editor-toolbar-highlight-image);
+        }
-:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .delete)::before{
-          content:"";
-          -webkit-mask-image:var(--editor-toolbar-delete-image);
-                  mask-image:var(--editor-toolbar-delete-image);
-          -webkit-mask-repeat:no-repeat;
-                  mask-repeat:no-repeat;
-          -webkit-mask-position:center;
-                  mask-position:center;
-          display:inline-block;
-          background-color:var(--editor-toolbar-fg-color);
-          width:100%;
-          height:100%;
+.commentButton:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .basic)::before{
+          -webkit-mask-image:var(--comment-edit-button-icon);
+                  mask-image:var(--comment-edit-button-icon);
         }
-:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .delete):hover::before{
-          background-color:var(--editor-toolbar-hover-fg-color);
+.deleteButton:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .basic)::before{
+          -webkit-mask-image:var(--editor-toolbar-delete-image);
+                  mask-image:var(--editor-toolbar-delete-image);
         }
-:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons)  > *{
+:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons)  > *{
         height:var(--editor-toolbar-height);
       }
-:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons)  > :not(.divider){
+:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons)  > :not(.divider){
         border:none;
         background-color:transparent;
         cursor:pointer;
       }
-:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):hover{
+:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):hover{
           border-radius:2px;
           background-color:var(--editor-toolbar-hover-bg-color);
           color:var(--editor-toolbar-hover-fg-color);
@@ -2052,16 +4163,16 @@
           outline-offset:1px;
         }
-:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):hover:active{
+:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):hover:active{
             outline:none;
           }
-:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):focus-visible{
+:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):focus-visible{
           border-radius:2px;
           outline:2px solid var(--editor-toolbar-focus-outline-color);
         }
-:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText{
+:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText{
         --alt-text-add-image:url("data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2213%22 viewBox%3D%220 0 12 13%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E   %3Cpath d%3D%22M5.375 7.625V11.875C5.375 12.0408 5.44085 12.1997 5.55806 12.3169C5.67527 12.4342 5.83424 12.5 6 12.5C6.16576 12.5 6.32473 12.4342 6.44194 12.3169C6.55915 12.1997 6.625 12.0408 6.625 11.875V7.625L7.125 7.125H11.375C11.5408 7.125 11.6997 7.05915 11.8169 6.94194C11.9342 6.82473 12 6.66576 12 6.5C12 6.33424 11.9342 6.17527 11.8169 6.05806C11.6997 5.94085 11.5408 5.875 11.375 5.875H7.125L6.625 5.375V1.125C6.625 0.95924 6.55915 0.800269 6.44194 0.683058C6.32473 0.565848 6.16576 0.5 6 0.5C5.83424 0.5 5.67527 0.565848 5.55806 0.683058C5.44085 0.800269 5.375 0.95924 5.375 1.125V5.375L4.875 5.875H0.625C0.45924 5.875 0.300269 5.94085 0.183058 6.05806C0.065848 6.17527 0 6.33424 0 6.5C0 6.66576 0.065848 6.82473 0.183058 6.94194C0.300269 7.05915 0.45924 7.125 0.625 7.125H4.762L5.375 7.625Z%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E ");
         --alt-text-done-image:url("data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2213%22 viewBox%3D%220 0 12 13%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath d%3D%22M6 0.5C5.21207 0.5 4.43185 0.655195 3.7039 0.956723C2.97595 1.25825 2.31451 1.70021 1.75736 2.25736C1.20021 2.81451 0.758251 3.47595 0.456723 4.2039C0.155195 4.93185 0 5.71207 0 6.5C0 7.28793 0.155195 8.06815 0.456723 8.7961C0.758251 9.52405 1.20021 10.1855 1.75736 10.7426C2.31451 11.2998 2.97595 11.7417 3.7039 12.0433C4.43185 12.3448 5.21207 12.5 6 12.5C7.5913 12.5 9.11742 11.8679 10.2426 10.7426C11.3679 9.61742 12 8.0913 12 6.5C12 4.9087 11.3679 3.38258 10.2426 2.25736C9.11742 1.13214 7.5913 0.5 6 0.5ZM5.06 8.9L2.9464 6.7856C2.85273 6.69171 2.80018 6.56446 2.80033 6.43183C2.80048 6.29921 2.85331 6.17207 2.9472 6.0784C3.04109 5.98473 3.16834 5.93218 3.30097 5.93233C3.43359 5.93248 3.56073 5.98531 3.6544 6.0792L5.3112 7.7368L8.3464 4.7008C8.44109 4.6109 8.56715 4.56153 8.69771 4.56322C8.82827 4.56492 8.95301 4.61754 9.04534 4.70986C9.13766 4.80219 9.19028 4.92693 9.19198 5.05749C9.19367 5.18805 9.1443 5.31411 9.0544 5.4088L5.5624 8.9H5.06Z%22 fill%3D%22%23FBFBFE%22%2F%3E%3C%2Fsvg%3E ");
@@ -2078,11 +4189,11 @@
         color:var(--editor-toolbar-fg-color);
       }
-:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):disabled{
+:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText):disabled{
           pointer-events:none;
         }
-:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
+:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
           content:"";
           -webkit-mask-image:var(--alt-text-add-image);
                   mask-image:var(--alt-text-add-image);
@@ -2097,16 +4208,16 @@
           margin-inline-end:4px;
         }
-:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):hover::before{
+:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText):hover::before{
           background-color:var(--editor-toolbar-hover-fg-color);
         }
-.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
+.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
           -webkit-mask-image:var(--alt-text-done-image);
                   mask-image:var(--alt-text-done-image);
         }
-.new:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
+.new:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
             width:16px;
             height:16px;
             -webkit-mask-image:var(--new-alt-text-warning-image);
@@ -2116,44 +4227,63 @@
                     mask-size:cover;
           }
-.new:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):hover::before{
+.new:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText):hover::before{
             background-color:var(--alt-text-hover-warning-color);
           }
-.new.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
+.new.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
               -webkit-mask-image:var(--alt-text-done-image);
                       mask-image:var(--alt-text-done-image);
               background-color:var(--alt-text-done-color);
             }
-.new.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):hover::before{
+.new.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText):hover::before{
               background-color:var(--alt-text-hover-done-color);
             }
-:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip{
+:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip{
           display:none;
           word-wrap:anywhere;
         }
-.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
-            --alt-text-tooltip-bg:#f0f0f4;
-            --alt-text-tooltip-fg:#15141a;
+.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
+            --csstools-light-dark-toggle--82:var(--csstools-color-scheme--light) #1c1b22;
+            --alt-text-tooltip-bg:var(--csstools-light-dark-toggle--82, #f0f0f4);
+            --csstools-light-dark-toggle--83:var(--csstools-color-scheme--light) #fbfbfe;
+            --alt-text-tooltip-fg:var(--csstools-light-dark-toggle--83, #15141a);
             --alt-text-tooltip-border:#8f8f9d;
-            --alt-text-tooltip-shadow:0px 2px 6px 0px rgb(58 57 68 / 0.2);
+            --csstools-light-dark-toggle--84:var(--csstools-color-scheme--light) #15141a;
+            --alt-text-tooltip-shadow:0 2px 6px 0 var(--csstools-light-dark-toggle--84, rgb(58 57 68 / 0.2));
           }
-@media (prefers-color-scheme: dark){
+@supports (color: light-dark(red, red)){
+.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
+            --alt-text-tooltip-bg:light-dark(#f0f0f4, #1c1b22);
+            --alt-text-tooltip-fg:light-dark(#15141a, #fbfbfe);
+          }
+}
-.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
-              --alt-text-tooltip-bg:#1c1b22;
-              --alt-text-tooltip-fg:#fbfbfe;
-              --alt-text-tooltip-shadow:0px 2px 6px 0px #15141a;
+@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
+.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
+            --alt-text-tooltip-shadow:0 2px 6px 0 light-dark(rgb(58 57 68 / 0.2), #15141a);
           }
-            }
+}
+@supports not (color: light-dark(tan, tan)){
+.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip) *{
+            --csstools-light-dark-toggle--82:var(--csstools-color-scheme--light) #1c1b22;
+            --alt-text-tooltip-bg:var(--csstools-light-dark-toggle--82, #f0f0f4);
+            --csstools-light-dark-toggle--83:var(--csstools-color-scheme--light) #fbfbfe;
+            --alt-text-tooltip-fg:var(--csstools-light-dark-toggle--83, #15141a);
+            --csstools-light-dark-toggle--84:var(--csstools-color-scheme--light) #15141a;
+            --alt-text-tooltip-shadow:0 2px 6px 0 var(--csstools-light-dark-toggle--84, rgb(58 57 68 / 0.2));
+  }
+}
 @media screen and (forced-colors: active){
-.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
+.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
               --alt-text-tooltip-bg:Canvas;
               --alt-text-tooltip-fg:CanvasText;
               --alt-text-tooltip-border:CanvasText;
@@ -2161,7 +4291,7 @@
           }
             }
-.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
+.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
             display:inline-flex;
             flex-direction:column;
@@ -2186,8 +4316,26 @@
             pointer-events:none;
           }
+:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .comment{
+        width:var(--editor-toolbar-height);
+      }
+:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .comment)::before{
+          content:"";
+          -webkit-mask-image:var(--comment-edit-button-icon);
+                  mask-image:var(--comment-edit-button-icon);
+          -webkit-mask-repeat:no-repeat;
+                  mask-repeat:no-repeat;
+          -webkit-mask-position:center;
+                  mask-position:center;
+          display:inline-block;
+          background-color:var(--editor-toolbar-fg-color);
+          width:100%;
+          height:100%;
+        }
 .annotationEditorLayer .freeTextEditor{
-  padding:calc(var(--freetext-padding) * var(--scale-factor));
+  padding:calc(var(--freetext-padding) * var(--total-scale-factor));
   width:auto;
   height:auto;
   touch-action:none;
@@ -2201,6 +4349,7 @@
   white-space:nowrap;
   font:10px sans-serif;
   line-height:var(--freetext-line-height);
+  text-align:start;
   -webkit-user-select:none;
      -moz-user-select:none;
           user-select:none;
@@ -2263,19 +4412,33 @@
   }
 :is(.annotationEditorLayer .stampEditor) .noAltTextBadge{
-    --no-alt-text-badge-border-color:#f0f0f4;
-    --no-alt-text-badge-bg-color:#cfcfd8;
-    --no-alt-text-badge-fg-color:#5b5b66;
+    --csstools-light-dark-toggle--85:var(--csstools-color-scheme--light) #52525e;
+    --no-alt-text-badge-border-color:var(--csstools-light-dark-toggle--85, #f0f0f4);
+    --csstools-light-dark-toggle--86:var(--csstools-color-scheme--light) #fbfbfe;
+    --no-alt-text-badge-bg-color:var(--csstools-light-dark-toggle--86, #cfcfd8);
+    --csstools-light-dark-toggle--87:var(--csstools-color-scheme--light) #15141a;
+    --no-alt-text-badge-fg-color:var(--csstools-light-dark-toggle--87, #5b5b66);
   }
-@media (prefers-color-scheme: dark){
+@supports (color: light-dark(red, red)){
 :is(.annotationEditorLayer .stampEditor) .noAltTextBadge{
-      --no-alt-text-badge-border-color:#52525e;
-      --no-alt-text-badge-bg-color:#fbfbfe;
-      --no-alt-text-badge-fg-color:#15141a;
+    --no-alt-text-badge-border-color:light-dark(#f0f0f4, #52525e);
+    --no-alt-text-badge-bg-color:light-dark(#cfcfd8, #fbfbfe);
+    --no-alt-text-badge-fg-color:light-dark(#5b5b66, #15141a);
   }
-    }
+}
+@supports not (color: light-dark(tan, tan)){
+:is(:is(.annotationEditorLayer .stampEditor) .noAltTextBadge) *{
+    --csstools-light-dark-toggle--85:var(--csstools-color-scheme--light) #52525e;
+    --no-alt-text-badge-border-color:var(--csstools-light-dark-toggle--85, #f0f0f4);
+    --csstools-light-dark-toggle--86:var(--csstools-color-scheme--light) #fbfbfe;
+    --no-alt-text-badge-bg-color:var(--csstools-light-dark-toggle--86, #cfcfd8);
+    --csstools-light-dark-toggle--87:var(--csstools-color-scheme--light) #15141a;
+    --no-alt-text-badge-fg-color:var(--csstools-light-dark-toggle--87, #5b5b66);
+  }
+}
 @media screen and (forced-colors: active){
@@ -2317,16 +4480,17 @@
       background-color:var(--no-alt-text-badge-fg-color);
     }
-:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers{
+:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers{
       position:absolute;
       inset:0;
+      z-index:1;
     }
-.hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers){
+.hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers){
         display:none;
       }
-:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer{
+:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers) > .resizer{
         width:var(--resizer-size);
         height:var(--resizer-size);
         background:content-box var(--resizer-bg-color);
@@ -2335,42 +4499,42 @@
         position:absolute;
       }
-.topLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
+.topLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers) > .resizer){
           top:var(--resizer-shift);
           left:var(--resizer-shift);
         }
-.topMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
+.topMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers) > .resizer){
           top:var(--resizer-shift);
           left:calc(50% + var(--resizer-shift));
         }
-.topRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
+.topRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers) > .resizer){
           top:var(--resizer-shift);
           right:var(--resizer-shift);
         }
-.middleRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
+.middleRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers) > .resizer){
           top:calc(50% + var(--resizer-shift));
           right:var(--resizer-shift);
         }
-.bottomRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
+.bottomRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers) > .resizer){
           bottom:var(--resizer-shift);
           right:var(--resizer-shift);
         }
-.bottomMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
+.bottomMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers) > .resizer){
           bottom:var(--resizer-shift);
           left:calc(50% + var(--resizer-shift));
         }
-.bottomLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
+.bottomLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers) > .resizer){
           bottom:var(--resizer-shift);
           left:var(--resizer-shift);
         }
-.middleLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
+.middleLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers) > .resizer){
           top:calc(50% + var(--resizer-shift));
           left:var(--resizer-shift);
         }
@@ -2424,7 +4588,7 @@
 :is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="180"],[data-main-rotation="90"] [data-editor-rotation="90"],[data-main-rotation="180"] [data-editor-rotation="0"],[data-main-rotation="270"] [data-editor-rotation="270"])) .editToolbar{
       rotate:180deg;
       inset-inline-end:100%;
-      inset-block-start:calc(0pc - var(--editor-toolbar-vert-offset));
+      inset-block-start:calc(0px - var(--editor-toolbar-vert-offset));
     }
 :is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="270"],[data-main-rotation="90"] [data-editor-rotation="180"],[data-main-rotation="180"] [data-editor-rotation="90"],[data-main-rotation="270"] [data-editor-rotation="0"])) .editToolbar{
@@ -2506,16 +4670,24 @@
 .dialog.newAltText{
   --new-alt-text-ai-disclaimer-icon:url("data:image/svg+xml,%3Csvg width%3D%2217%22 height%3D%2216%22 viewBox%3D%220 0 17 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M3.49073 1.3015L3.30873 2.1505C3.29349 2.22246 3.25769 2.28844 3.20568 2.34045C3.15368 2.39246 3.08769 2.42826 3.01573 2.4435L2.16673 2.6255C1.76473 2.7125 1.76473 3.2865 2.16673 3.3725L3.01573 3.5555C3.08769 3.57074 3.15368 3.60654 3.20568 3.65855C3.25769 3.71056 3.29349 3.77654 3.30873 3.8485L3.49073 4.6975C3.57773 5.0995 4.15173 5.0995 4.23773 4.6975L4.42073 3.8485C4.43598 3.77654 4.47177 3.71056 4.52378 3.65855C4.57579 3.60654 4.64178 3.57074 4.71373 3.5555L5.56173 3.3725C5.96373 3.2855 5.96373 2.7115 5.56173 2.6255L4.71273 2.4435C4.64083 2.42814 4.57491 2.3923 4.52292 2.34031C4.47093 2.28832 4.43509 2.2224 4.41973 2.1505L4.23773 1.3015C4.15073 0.8995 3.57673 0.8995 3.49073 1.3015ZM10.8647 13.9995C10.4853 14.0056 10.1158 13.8782 9.82067 13.6397C9.52553 13.4013 9.32347 13.0667 9.24973 12.6945L8.89273 11.0275C8.83676 10.7687 8.70738 10.5316 8.52009 10.3445C8.3328 10.1574 8.09554 10.0282 7.83673 9.9725L6.16973 9.6155C5.38873 9.4465 4.86473 8.7975 4.86473 7.9995C4.86473 7.2015 5.38873 6.5525 6.16973 6.3845L7.83673 6.0275C8.09551 5.97135 8.33267 5.84193 8.51992 5.65468C8.70716 5.46744 8.83658 5.23028 8.89273 4.9715L9.25073 3.3045C9.41773 2.5235 10.0667 1.9995 10.8647 1.9995C11.6627 1.9995 12.3117 2.5235 12.4797 3.3045L12.8367 4.9715C12.9507 5.4995 13.3647 5.9135 13.8927 6.0265L15.5597 6.3835C16.3407 6.5525 16.8647 7.2015 16.8647 7.9995C16.8647 8.7975 16.3407 9.4465 15.5597 9.6145L13.8927 9.9715C13.6337 10.0275 13.3963 10.157 13.209 10.3445C13.0217 10.5319 12.8925 10.7694 12.8367 11.0285L12.4787 12.6945C12.4054 13.0667 12.2036 13.4014 11.9086 13.6399C11.6135 13.8784 11.2441 14.0057 10.8647 13.9995ZM10.8647 3.2495C10.7667 3.2495 10.5337 3.2795 10.4727 3.5655L10.1147 5.2335C10.0081 5.72777 9.76116 6.18082 9.40361 6.53837C9.04606 6.89593 8.59301 7.14283 8.09873 7.2495L6.43173 7.6065C6.14573 7.6685 6.11473 7.9015 6.11473 7.9995C6.11473 8.0975 6.14573 8.3305 6.43173 8.3925L8.09873 8.7495C8.59301 8.85617 9.04606 9.10307 9.40361 9.46062C9.76116 9.81817 10.0081 10.2712 10.1147 10.7655L10.4727 12.4335C10.5337 12.7195 10.7667 12.7495 10.8647 12.7495C10.9627 12.7495 11.1957 12.7195 11.2567 12.4335L11.6147 10.7665C11.7212 10.272 11.9681 9.81878 12.3256 9.46103C12.6832 9.10329 13.1363 8.85624 13.6307 8.7495L15.2977 8.3925C15.5837 8.3305 15.6147 8.0975 15.6147 7.9995C15.6147 7.9015 15.5837 7.6685 15.2977 7.6065L13.6307 7.2495C13.1365 7.14283 12.6834 6.89593 12.3259 6.53837C11.9683 6.18082 11.7214 5.72777 11.6147 5.2335L11.2567 3.5655C11.1957 3.2795 10.9627 3.2495 10.8647 3.2495ZM3.30873 12.1505L3.49073 11.3015C3.57673 10.8995 4.15073 10.8995 4.23773 11.3015L4.41973 12.1505C4.43509 12.2224 4.47093 12.2883 4.52292 12.3403C4.57491 12.3923 4.64083 12.4281 4.71273 12.4435L5.56173 12.6255C5.96373 12.7115 5.96373 13.2855 5.56173 13.3725L4.71273 13.5545C4.64083 13.5699 4.57491 13.6057 4.52292 13.6577C4.47093 13.7097 4.43509 13.7756 4.41973 13.8475L4.23773 14.6965C4.15173 15.0985 3.57773 15.0985 3.49073 14.6965L3.30873 13.8475C3.29337 13.7756 3.25754 13.7097 3.20555 13.6577C3.15356 13.6057 3.08764 13.5699 3.01573 13.5545L2.16673 13.3725C1.76473 13.2865 1.76473 12.7125 2.16673 12.6255L3.01573 12.4435C3.08769 12.4283 3.15368 12.3925 3.20568 12.3405C3.25769 12.2884 3.29349 12.2225 3.30873 12.1505Z%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
   --new-alt-text-spinner-icon:url("data:image/svg+xml,%3C!-- This Source Code Form is subject to the terms of the Mozilla Public   - License%2C v. 2.0. If a copy of the MPL was not distributed with this   - file%2C You can obtain one at http%3A%2F%2Fmozilla.org%2FMPL%2F2.0%2F. --%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 16 16%22 width%3D%2216%22 height%3D%2216%22%3E  %3Cstyle%3E    %40media not (prefers-reduced-motion) %7B      %40keyframes loadingRotate %7B        from %7B rotate%3A 0%3B %7D to %7B rotate%3A 360deg %7D      %7D      %23circle-arrows %7B        animation%3A loadingRotate 1.8s linear infinite%3B        transform-origin%3A 50%25 50%25%3B      %7D      %23hourglass %7B        display%3A none%3B      %7D    %7D    %40media (prefers-reduced-motion) %7B      %23circle-arrows %7B        display%3A none%3B      %7D    %7D  %3C%2Fstyle%3E  %3Cpath id%3D%22circle-arrows%22 d%3D%22M9 5.528c0 .42.508.63.804.333l2.528-2.528a.47.47 0 0 0 0-.666L9.805.14A.471.471 0 0 0 9 .472v1.866A5.756 5.756 0 0 0 2.25 8c0 .942.232 1.83.635 2.615l1.143-1.143A4.208 4.208 0 0 1 3.75 8 4.254 4.254 0 0 1 8 3.75c.345 0 .68.042 1 .122v1.656zM7 10.472v1.656c.32.08.655.122 1 .122A4.254 4.254 0 0 0 12.25 8c0-.52-.107-1.013-.279-1.474l1.143-1.143c.404.786.636 1.674.636 2.617A5.756 5.756 0 0 1 7 13.662v1.866a.47.47 0 0 1-.804.333l-2.528-2.528a.47.47 0 0 1 0-.666l2.528-2.528a.47.47 0 0 1 .804.333z%22%2F%3E  %3Cg id%3D%22hourglass%22%3E    %3Cpath d%3D%22M13%2C1 C13.5522847%2C1 14%2C1.44771525 14%2C2 C14%2C2.55228475 13.5522847%2C3 13%2C3 L12.9854217%2C2.99990801 C12.9950817%2C3.16495885 13%2C3.33173274 13%2C3.5 C13%2C5.24679885 10.9877318%2C6.01090495 10.9877318%2C8.0017538 C10.9877318%2C9.99260264 13%2C10.7536922 13%2C12.5 C13%2C12.6686079 12.9950617%2C12.8357163 12.985363%2C13.0010943 L13%2C13 C13.5522847%2C13 14%2C13.4477153 14%2C14 C14%2C14.5522847 13.5522847%2C15 13%2C15 L3%2C15 C2.44771525%2C15 2%2C14.5522847 2%2C14 C2%2C13.4477153 2.44771525%2C13 3%2C13 L3.01463704%2C13.0010943 C3.00493827%2C12.8357163 3%2C12.6686079 3%2C12.5 C3%2C10.7536922 4.9877318%2C9.99260264 5%2C8.0017538 C5.0122682%2C6.01090495 3%2C5.24679885 3%2C3.5 C3%2C3.33173274 3.00491834%2C3.16495885 3.01457832%2C2.99990801 L3%2C3 C2.44771525%2C3 2%2C2.55228475 2%2C2 C2%2C1.44771525 2.44771525%2C1 3%2C1 L13%2C1 Z M10.987%2C3 L5.012%2C3 L5.00308914%2C3.24815712 C5.00103707%2C3.33163368 5%2C3.4155948 5%2C3.5 C5%2C5.36125069 6.99153646%2C6.01774089 6.99153646%2C8.0017538 C6.99153646%2C9.98576671 5%2C10.6393737 5%2C12.5 L5.00307746%2C12.7513676 L5.01222201%2C12.9998392 L5.60191711%2C12.9988344 L6.0425138%2C12.2959826 C7.02362731%2C10.7653275 7.67612271%2C10 8%2C10 C8.37014547%2C10 9.16950644%2C10.9996115 10.3980829%2C12.9988344 L10.987778%2C12.9998392 C10.9958674%2C12.8352104 11%2C12.66849 11%2C12.5 C11%2C10.6393737 8.98689779%2C10.0147381 8.98689779%2C8.0017538 C8.98689779%2C5.98876953 11%2C5.36125069 11%2C3.5 L10.9969109%2C3.24815712 L10.987%2C3 Z%22%2F%3E    %3Cpath d%3D%22M6%2C4 L10%2C4 C8.95166016%2C6 8.28499349%2C7 8%2C7 C7.71500651%2C7 7.04833984%2C6 6%2C4 Z%22%2F%3E  %3C%2Fg%3E%3C%2Fsvg%3E");
-  --preview-image-bg-color:#f0f0f4;
+  --csstools-light-dark-toggle--88:var(--csstools-color-scheme--light) #2b2a33;
+  --preview-image-bg-color:var(--csstools-light-dark-toggle--88, #f0f0f4);
   --preview-image-border:none;
 }
-@media (prefers-color-scheme: dark){
+@supports (color: light-dark(red, red)){
 .dialog.newAltText{
-    --preview-image-bg-color:#2b2a33;
+  --preview-image-bg-color:light-dark(#f0f0f4, #2b2a33);
 }
+}
+@supports not (color: light-dark(tan, tan)){
+.dialog.newAltText *{
+  --csstools-light-dark-toggle--88:var(--csstools-color-scheme--light) #2b2a33;
+  --preview-image-bg-color:var(--csstools-light-dark-toggle--88, #f0f0f4);
   }
+}
 @media screen and (forced-colors: active){
@@ -2704,19 +4876,33 @@
         }
 .colorPicker{
-  --hover-outline-color:#0250bb;
-  --selected-outline-color:#0060df;
-  --swatch-border-color:#cfcfd8;
+  --csstools-light-dark-toggle--89:var(--csstools-color-scheme--light) #80ebff;
+  --hover-outline-color:var(--csstools-light-dark-toggle--89, #0250bb);
+  --csstools-light-dark-toggle--90:var(--csstools-color-scheme--light) #aaf2ff;
+  --selected-outline-color:var(--csstools-light-dark-toggle--90, #0060df);
+  --csstools-light-dark-toggle--91:var(--csstools-color-scheme--light) #52525e;
+  --swatch-border-color:var(--csstools-light-dark-toggle--91, #cfcfd8);
 }
-@media (prefers-color-scheme: dark){
+@supports (color: light-dark(red, red)){
 .colorPicker{
-    --hover-outline-color:#80ebff;
-    --selected-outline-color:#aaf2ff;
-    --swatch-border-color:#52525e;
+  --hover-outline-color:light-dark(#0250bb, #80ebff);
+  --selected-outline-color:light-dark(#0060df, #aaf2ff);
+  --swatch-border-color:light-dark(#cfcfd8, #52525e);
 }
+}
+@supports not (color: light-dark(tan, tan)){
+.colorPicker *{
+  --csstools-light-dark-toggle--89:var(--csstools-color-scheme--light) #80ebff;
+  --hover-outline-color:var(--csstools-light-dark-toggle--89, #0250bb);
+  --csstools-light-dark-toggle--90:var(--csstools-color-scheme--light) #aaf2ff;
+  --selected-outline-color:var(--csstools-light-dark-toggle--90, #0060df);
+  --csstools-light-dark-toggle--91:var(--csstools-color-scheme--light) #52525e;
+  --swatch-border-color:var(--csstools-light-dark-toggle--91, #cfcfd8);
   }
+}
 @media screen and (forced-colors: active){
@@ -2741,6 +4927,18 @@
     border:none;
   }
+.basicColorPicker{
+  width:28px;
+}
+.basicColorPicker::-moz-color-swatch{
+    border-radius:100%;
+  }
+.basicColorPicker::-webkit-color-swatch{
+    border-radius:100%;
+  }
 .annotationEditorLayer[data-main-rotation="0"] .highlightEditor:not(.free) > .editToolbar{
       rotate:0deg;
     }
@@ -2949,15 +5147,27 @@
       align-items:center;
       align-self:stretch;
-      --example-color:#bfbfc9;
-    }
+      --csstools-light-dark-toggle--92:var(--csstools-color-scheme--light) #80808e;
-@media (prefers-color-scheme: dark){
+      --example-color:var(--csstools-light-dark-toggle--92, #bfbfc9);
+    }
+@supports (color: light-dark(red, red)){
 :is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker{
-        --example-color:#80808e;
+      --example-color:light-dark(#bfbfc9, #80808e);
     }
-      }
+}
+@supports not (color: light-dark(tan, tan)){
+:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker) *{
+      --csstools-light-dark-toggle--92:var(--csstools-color-scheme--light) #80808e;
+      --example-color:var(--csstools-light-dark-toggle--92, #bfbfc9);
+  }
+}
 @media screen and (forced-colors: active){
@@ -2997,15 +5207,23 @@
   }
 :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{
-      --divider-color:#d7d7db;
+      --csstools-light-dark-toggle--93:var(--csstools-color-scheme--light) #8f8f9d;
+      --divider-color:var(--csstools-light-dark-toggle--93, #d7d7db);
     }
-@media (prefers-color-scheme: dark){
+@supports (color: light-dark(red, red)){
 :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{
-        --divider-color:#8f8f9d;
+      --divider-color:light-dark(#d7d7db, #8f8f9d);
     }
-      }
+}
+@supports not (color: light-dark(tan, tan)){
+:is(:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider) *{
+      --csstools-light-dark-toggle--93:var(--csstools-color-scheme--light) #8f8f9d;
+      --divider-color:var(--csstools-light-dark-toggle--93, #d7d7db);
+  }
+}
 @media screen and (forced-colors: active){
@@ -3083,23 +5301,160 @@
       gap:16px;
     }
+.sidebar{
+  --csstools-light-dark-toggle--94:var(--csstools-color-scheme--light) #23222b;
+  --sidebar-bg-color:var(--csstools-light-dark-toggle--94, #fff);
+  --csstools-light-dark-toggle--95:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.1);
+  --sidebar-border-color:var(--csstools-light-dark-toggle--95, rgb(21 20 26 / 0.1));
+  --csstools-light-dark-toggle--96:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
+  --csstools-light-dark-toggle--97:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
+  --sidebar-box-shadow:0 0.25px 0.75px var(--csstools-light-dark-toggle--96, rgb(0 0 0 / 0.05)), 0 2px 6px 0 var(--csstools-light-dark-toggle--97, rgb(0 0 0 / 0.1));
+  --sidebar-border-radius:8px;
+  --sidebar-padding:5px;
+  --sidebar-min-width:180px;
+  --sidebar-max-width:632px;
+  --sidebar-width:239px;
+  --resizer-width:4px;
+  --csstools-light-dark-toggle--98:var(--csstools-color-scheme--light) #00cadb;
+  --resizer-hover-bg-color:var(--csstools-light-dark-toggle--98, #0062fa);
+}
+@supports (color: light-dark(red, red)){
+.sidebar{
+  --sidebar-bg-color:light-dark(#fff, #23222b);
+}
+}
+@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
+.sidebar{
+  --sidebar-border-color:light-dark(
+    rgb(21 20 26 / 0.1),
+    rgb(251 251 254 / 0.1)
+  );
+  --sidebar-box-shadow:0 0.25px 0.75px light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 2px 6px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));
+}
+}
+@supports (color: light-dark(red, red)){
+.sidebar{
+  --resizer-hover-bg-color:light-dark(#0062fa, #00cadb);
+}
+}
+@supports not (color: light-dark(tan, tan)){
+.sidebar *{
+  --csstools-light-dark-toggle--94:var(--csstools-color-scheme--light) #23222b;
+  --sidebar-bg-color:var(--csstools-light-dark-toggle--94, #fff);
+  --csstools-light-dark-toggle--95:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.1);
+  --sidebar-border-color:var(--csstools-light-dark-toggle--95, rgb(21 20 26 / 0.1));
+  --csstools-light-dark-toggle--96:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
+  --csstools-light-dark-toggle--97:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
+  --sidebar-box-shadow:0 0.25px 0.75px var(--csstools-light-dark-toggle--96, rgb(0 0 0 / 0.05)), 0 2px 6px 0 var(--csstools-light-dark-toggle--97, rgb(0 0 0 / 0.1));
+  --csstools-light-dark-toggle--98:var(--csstools-color-scheme--light) #00cadb;
+  --resizer-hover-bg-color:var(--csstools-light-dark-toggle--98, #0062fa);
+  }
+}
+@media screen and (forced-colors: active){
+.sidebar{
+    --sidebar-bg-color:Canvas;
+    --sidebar-border-color:CanvasText;
+    --sidebar-box-shadow:none;
+    --resizer-hover-bg-color:CanvasText;
+}
+  }
+.sidebar{
+  border-radius:var(--sidebar-border-radius);
+  box-shadow:var(--sidebar-box-shadow);
+  border:1px solid var(--sidebar-border-color);
+  background-color:var(--sidebar-bg-color);
+  inset-block-start:calc(100% + var(--doorhanger-height) - 2px);
+  padding-block:var(--sidebar-padding);
+  width:var(--sidebar-width);
+  min-width:var(--sidebar-min-width);
+  max-width:var(--sidebar-max-width);
+}
+.sidebar .sidebarResizer{
+    width:var(--resizer-width);
+    background-color:transparent;
+    forced-color-adjust:none;
+    cursor:ew-resize;
+    position:absolute;
+    inset-block:calc(var(--sidebar-padding) + var(--sidebar-border-radius));
+    inset-inline-start:calc(0px - var(--resizer-width) / 2);
+    transition:background-color 0.5s ease-in-out;
+    box-sizing:border-box;
+    border:1px solid transparent;
+    border-block-width:0;
+    background-clip:content-box;
+  }
+:is(.sidebar .sidebarResizer):hover{
+      background-color:var(--resizer-hover-bg-color);
+    }
+.sidebar.resizing{
+    cursor:ew-resize;
+    -webkit-user-select:none;
+       -moz-user-select:none;
+            user-select:none;
+  }
+.sidebar.resizing :not(.sidebarResizer){
+      pointer-events:none;
+    }
 :root{
+  --csstools-color-scheme--light:initial;
+  color-scheme:light dark;
   --viewer-container-height:0;
   --pdfViewer-padding-bottom:0;
   --page-margin:1px auto -8px;
   --page-border:9px solid transparent;
   --spreadHorizontalWrapped-margin-LR:-3.5px;
   --loading-icon-delay:400ms;
+  --csstools-light-dark-toggle--99:var(--csstools-color-scheme--light) #0df;
+  --focus-ring-color:var(--csstools-light-dark-toggle--99, #0060df);
+  --focus-ring-outline:2px solid var(--focus-ring-color);
+}
+@supports (color: light-dark(red, red)){
+:root{
+  --focus-ring-color:light-dark(#0060df, #0df);
+}
+}
+@supports not (color: light-dark(tan, tan)){
+:root *{
+  --csstools-light-dark-toggle--99:var(--csstools-color-scheme--light) #0df;
+  --focus-ring-color:var(--csstools-light-dark-toggle--99, #0060df);
+  }
+}
+@media (prefers-color-scheme: dark){
+:root{
+  --csstools-color-scheme--light:;
+}
 }
 @media screen and (forced-colors: active){
-  :root{
+:root{
     --pdfViewer-padding-bottom:9px;
     --page-margin:8px auto -1px;
     --page-border:1px solid CanvasText;
     --spreadHorizontalWrapped-margin-LR:3.5px;
-  }
+    --focus-ring-color:CanvasText;
 }
+  }
 [data-main-rotation="90"]{
   transform:rotate(90deg) translateY(-100%);
@@ -3163,7 +5518,13 @@
         contain:strict;
       }
+.detailView:is(:is(.pdfViewer .canvasWrapper) canvas){
+        image-rendering:pixelated;
+      }
 .pdfViewer .page{
+  --user-unit:1;
+  --total-scale-factor:calc(var(--scale-factor) * var(--user-unit));
   --scale-round-x:1px;
   --scale-round-y:1px;
@@ -3283,6 +5644,7 @@
 }
 .pdfSlick {
+    color-scheme: light;
     scrollbar-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0);
     scrollbar-width: thin;
 }
@@ -3418,4 +5780,4 @@
     color: var(--main-color);
     background-color: var(--dialog-button-bg-color);
     border: var(--dialog-button-border) !important;
-}
+}