npm - @vitrosoftware/common-ui-ts - Versions diffs - 1.1.84 → 1.1.86 - Mend

@vitrosoftware/common-ui-ts 1.1.84 → 1.1.86

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 (418) hide show

package/css/std/controls/pdf-viewer/pdf-viewer-index.css CHANGED Viewed

@@ -829,14 +829,14 @@
     --resizer-shift: calc( 0px - var(--outline-width) - var(--resizer-size) / 2 - var(--outline-width) / 2 );
     --resizer-color: white;
     --editorFreeText-editing-cursor: text;
-    /* cursor-editorInk.svg URL-encoder for SVG */
-    --editorInk-editing-cursor: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.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' fill='white'/%3E%3Cpath d='M0.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' fill='black'/%3E%3C/svg%3E%0A") 0 16, pointer;
+    --editorInk-editing-cursor: url('img/cursor-editorInk.svg');
+    /*--editorInk-editing-cursor: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.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' fill='white'/%3E%3Cpath d='M0.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' fill='black'/%3E%3C/svg%3E%0A") 0 16, pointer;*/
 }
 @media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 1.1dppx) {
     :root {
-        /* cursor-editorFreeText.svg URL-encoder for svg  */
-        --editorFreeText-editing-cursor: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 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' fill='black' stroke='white'/%3E%3C/svg%3E%0A") text;
+        --editorFreeText-editing-cursor: url('img/cursor-editorFreeText.svg');
+        /*--editorFreeText-editing-cursor: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 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' fill='black' stroke='white'/%3E%3C/svg%3E%0A") text;*/
     }
 }
@@ -1219,7 +1219,7 @@
   content: "";
   width: 100%;
   height: 100%;
-  background: url("@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/loading-icon.gif") center no-repeat;
+  background: url("img/loading.svg") center no-repeat;
   display: none;
   /* Using a delay with background-image doesn't work,
      consequently we use the display. */
@@ -1303,86 +1303,46 @@
     --dialog-button-border: none;
     --dialog-button-bg-color: rgba(12, 12, 13, 0.1);
     --dialog-button-hover-bg-color: rgba(12, 12, 13, 0.3);
-    /* loading.svg URL-encoder for SVG */
-    --loading-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' style='animation:spinLoadingIcon 1s steps(12,end) infinite'%3E%3Cstyle%3E@keyframes spinLoadingIcon%7Bto%7Btransform:rotate(360deg)%7D%7D%3C/style%3E%3Cpath d='M7 3V1s0-1 1-1 1 1 1 1v2s0 1-1 1-1-1-1-1z'/%3E%3Cpath d='M4.63 4.1l-1-1.73S3.13 1.5 4 1c.87-.5 1.37.37 1.37.37l1 1.73s.5.87-.37 1.37c-.87.57-1.37-.37-1.37-.37z' fill-opacity='.93'/%3E%3Cpath d='M3.1 6.37l-1.73-1S.5 4.87 1 4c.5-.87 1.37-.37 1.37-.37l1.73 1s.87.5.37 1.37c-.5.87-1.37.37-1.37.37z' fill-opacity='.86'/%3E%3Cpath d='M3 9H1S0 9 0 8s1-1 1-1h2s1 0 1 1-1 1-1 1z' fill-opacity='.79'/%3E%3Cpath d='M4.1 11.37l-1.73 1S1.5 12.87 1 12c-.5-.87.37-1.37.37-1.37l1.73-1s.87-.5 1.37.37c.5.87-.37 1.37-.37 1.37z' fill-opacity='.72'/%3E%3Cpath d='M3.63 13.56l1-1.73s.5-.87 1.37-.37c.87.5.37 1.37.37 1.37l-1 1.73s-.5.87-1.37.37c-.87-.5-.37-1.37-.37-1.37z' fill-opacity='.65'/%3E%3Cpath d='M7 15v-2s0-1 1-1 1 1 1 1v2s0 1-1 1-1-1-1-1z' fill-opacity='.58'/%3E%3Cpath d='M10.63 14.56l-1-1.73s-.5-.87.37-1.37c.87-.5 1.37.37 1.37.37l1 1.73s.5.87-.37 1.37c-.87.5-1.37-.37-1.37-.37z' fill-opacity='.51'/%3E%3Cpath d='M13.56 12.37l-1.73-1s-.87-.5-.37-1.37c.5-.87 1.37-.37 1.37-.37l1.73 1s.87.5.37 1.37c-.5.87-1.37.37-1.37.37z' fill-opacity='.44'/%3E%3Cpath d='M15 9h-2s-1 0-1-1 1-1 1-1h2s1 0 1 1-1 1-1 1z' fill-opacity='.37'/%3E%3Cpath d='M14.56 5.37l-1.73 1s-.87.5-1.37-.37c-.5-.87.37-1.37.37-1.37l1.73-1s.87-.5 1.37.37c.5.87-.37 1.37-.37 1.37z' fill-opacity='.3'/%3E%3Cpath d='M9.64 3.1l.98-1.66s.5-.874 1.37-.37c.87.5.37 1.37.37 1.37l-1 1.73s-.5.87-1.37.37c-.87-.5-.37-1.37-.37-1.37z' fill-opacity='.23'/%3E%3C/svg%3E%0A");
-    /* treeitem-expanded.svg URL-encoder for SVG */
-    --treeitem-expanded-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M10 13l4-7H6z'/%3E%3C/svg%3E");
-    /* treeitem-collapsed.svg URL-encoder for SVG */
-    --treeitem-collapsed-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M13 9L6 5v8z'/%3E%3C/svg%3E");
-    /* toolbarButton-editorFreeText.svg URL-encoder for SVG */
-    --toolbarButton-editorFreeText-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.625 2.942C8.625 2.725 8.735 2.527 8.918 2.412L10.026 1.72C10.126 1.658 10.24 1.625 10.358 1.625H12V0.375H10.358C10.006 0.375 9.663 0.474 9.364 0.66L8.256 1.353C8.161 1.412 8.081 1.488 8 1.562C7.918 1.488 7.839 1.412 7.744 1.353L6.635 0.66C6.336 0.474 5.993 0.375 5.642 0.375H4V1.625H5.642C5.759 1.625 5.874 1.658 5.974 1.72L7.082 2.412C7.266 2.527 7.376 2.725 7.376 2.942V8V13.058C7.376 13.275 7.266 13.473 7.082 13.588L5.973 14.28C5.873 14.342 5.759 14.375 5.641 14.375H4V15.625H5.642C5.994 15.625 6.337 15.526 6.636 15.34L7.744 14.648C7.84 14.588 7.919 14.512 8 14.439C8.081 14.512 8.161 14.588 8.256 14.648L9.365 15.341C9.664 15.527 10.007 15.626 10.359 15.626H12V14.376H10.358C10.241 14.376 10.126 14.343 10.026 14.281L8.918 13.589C8.734 13.474 8.625 13.276 8.625 13.059V8V2.942Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* toolbarButton-editorInk.svg URL-encoder for SVG */
-    --toolbarButton-editorInk-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.49913 12.6251C2.61913 12.6251 2.73913 12.6051 2.85713 12.5661L6.29013 11.4201L13.2891 4.4221C14.0191 3.6911 14.0191 2.5011 13.2891 1.7701L12.2291 0.710098C11.4971 -0.0199023 10.3091 -0.0199023 9.57713 0.710098L2.57813 7.7091L1.43313 11.1451C1.29813 11.5511 1.40213 11.9931 1.70513 12.2951C1.92113 12.5101 2.20613 12.6251 2.49913 12.6251ZM10.4611 1.5951C10.7031 1.3511 11.1021 1.3511 11.3441 1.5951L12.4051 2.6561C12.6491 2.8991 12.6491 3.2961 12.4051 3.5391L11.3401 4.6051L9.39513 2.6601L10.4611 1.5951ZM3.67013 8.3851L8.51013 3.5451L10.4541 5.4891L5.61413 10.3301L2.69713 11.3031L3.67013 8.3851Z' fill='black'/%3E%3Cpath d='M14.8169 13.314L13.0229 13.862C12.3309 14.073 11.5909 14.111 10.8859 13.968L8.80391 13.551C7.58491 13.308 6.29791 13.48 5.18491 14.036C3.95291 14.652 2.46691 14.412 1.49191 13.436L1.44091 13.385L0.60791 14.321C1.46291 15.175 2.59991 15.625 3.75291 15.625C4.42891 15.625 5.10991 15.471 5.74391 15.153C6.60891 14.721 7.60891 14.586 8.55891 14.777L10.6409 15.194C11.5509 15.376 12.5009 15.327 13.3879 15.056L15.1819 14.508L14.8169 13.314Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* toolbarButton-editorStamp.svg URL-encoder for SVG */
-    --toolbarButton-editorStamp-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='context-fill' fill-opacity='context-fill-opacity'%3E%3Cpath d='M3 1a2 2 0 0 0-2 2l0 10a2 2 0 0 0 2 2l10 0a2 2 0 0 0 2-2l0-10a2 2 0 0 0-2-2L3 1zm10.75 12.15-.6.6-10.3 0-.6-.6 0-10.3.6-.6 10.3 0 .6.6 0 10.3z'/%3E%3Cpath d='m11 12-6 0a1 1 0 0 1-1-1l0-1.321a.75.75 0 0 1 .218-.529L6.35 7.005a.75.75 0 0 1 1.061-.003l2.112 2.102.612-.577a.75.75 0 0 1 1.047.017l.6.605a.75.75 0 0 1 .218.529L12 11a1 1 0 0 1-1 1z'/%3E%3Cpath d='m11.6 5-1.2 0-.4.4 0 1.2.4.4 1.2 0 .4-.4 0-1.2z'/%3E%3C/svg%3E");
-    /* toolbarButton-menuArrow.svg URL-encoder for SVG */
-    --toolbarButton-menuArrow-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.23336 10.4664L11.8474 6.85339C11.894 6.8071 11.931 6.75203 11.9563 6.69136C11.9816 6.63069 11.9946 6.56562 11.9946 6.49989C11.9946 6.43417 11.9816 6.3691 11.9563 6.30843C11.931 6.24776 11.894 6.19269 11.8474 6.14639C11.7536 6.05266 11.6264 6 11.4939 6C11.3613 6 11.2341 6.05266 11.1404 6.14639L7.99236 9.29339L4.84736 6.14739C4.75305 6.05631 4.62675 6.00592 4.49566 6.00706C4.36456 6.0082 4.23915 6.06078 4.14645 6.15348C4.05374 6.24619 4.00116 6.37159 4.00002 6.50269C3.99888 6.63379 4.04928 6.76009 4.14036 6.85439L7.75236 10.4674L8.23336 10.4664Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* toolbarButton-sidebarToggle.svg URL-encoder for SVG */
-    --toolbarButton-sidebarToggle-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M16 4V12.25C16 12.7804 15.7893 13.2891 15.4142 13.6642C15.0391 14.0393 14.5304 14.25 14 14.25H2C1.46957 14.25 0.960859 14.0393 0.585786 13.6642C0.210714 13.2891 0 12.7804 0 12.25V4C0 3.46957 0.210714 2.96086 0.585786 2.58579C0.960859 2.21071 1.46957 2 2 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4ZM1.25 3.85V12.4L1.85 13H6.75V3.25H1.85L1.25 3.85ZM14.15 13H8V3.25H14.15L14.75 3.85V12.4L14.15 13ZM5.35355 10.1464C5.44732 10.2402 5.5 10.3674 5.5 10.5C5.5 10.6326 5.44732 10.7598 5.35355 10.8536C5.25979 10.9473 5.13261 11 5 11H3C2.86739 11 2.74021 10.9473 2.64645 10.8536C2.55268 10.7598 2.5 10.6326 2.5 10.5C2.5 10.3674 2.55268 10.2402 2.64645 10.1464C2.74021 10.0527 2.86739 10 3 10H5C5.13261 10 5.25979 10.0527 5.35355 10.1464ZM5.5 8C5.5 7.86739 5.44732 7.74021 5.35355 7.64645C5.25979 7.55268 5.13261 7.5 5 7.5H3C2.86739 7.5 2.74021 7.55268 2.64645 7.64645C2.55268 7.74021 2.5 7.86739 2.5 8C2.5 8.13261 2.55268 8.25979 2.64645 8.35355C2.74021 8.44732 2.86739 8.5 3 8.5H5C5.13261 8.5 5.25979 8.44732 5.35355 8.35355C5.44732 8.25979 5.5 8.13261 5.5 8ZM5.35355 5.14645C5.44732 5.24021 5.5 5.36739 5.5 5.5C5.5 5.63261 5.44732 5.75979 5.35355 5.85355C5.25979 5.94732 5.13261 6 5 6H3C2.86739 6 2.74021 5.94732 2.64645 5.85355C2.55268 5.75979 2.5 5.63261 2.5 5.5C2.5 5.36739 2.55268 5.24021 2.64645 5.14645C2.74021 5.05268 2.86739 5 3 5H5C5.13261 5 5.25979 5.05268 5.35355 5.14645Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* toolbarButton-secondaryToolbarToggle.svg URL-encoder for SVG */
-    --toolbarButton-secondaryToolbarToggle-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.53406 13.818L7.99906 8.35203L8.00006 7.64703L2.53606 2.18203C2.41769 2.06965 2.26012 2.00795 2.09692 2.01006C1.93372 2.01218 1.7778 2.07795 1.66239 2.19336C1.54698 2.30877 1.48121 2.46469 1.47909 2.62789C1.47697 2.79109 1.53868 2.94867 1.65106 3.06703L6.58506 7.99803L1.65006 12.932C1.53754 13.0503 1.47565 13.2078 1.47758 13.371C1.47951 13.5342 1.54511 13.6902 1.66039 13.8057C1.77567 13.9213 1.93152 13.9872 2.09472 13.9895C2.25792 13.9918 2.41557 13.9303 2.53406 13.818ZM8.53406 13.818L13.9991 8.35203L14.0001 7.64703L8.53606 2.18203C8.4177 2.06965 8.26012 2.00795 8.09692 2.01006C7.93372 2.01218 7.7778 2.07795 7.66239 2.19336C7.54698 2.30877 7.48121 2.46469 7.47909 2.62789C7.47697 2.79109 7.53868 2.94867 7.65106 3.06703L12.5851 7.99803L7.65006 12.932C7.53754 13.0503 7.47565 13.2078 7.47758 13.371C7.47951 13.5342 7.54511 13.6902 7.66039 13.8057C7.77567 13.9213 7.93152 13.9872 8.09472 13.9895C8.25792 13.9918 8.41557 13.9303 8.53406 13.818Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* toolbarButton-pageUp.svg URL-encoder for SVG */
-    --toolbarButton-pageUp-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.35179 5.001L13.8178 10.466C13.876 10.524 13.9222 10.5929 13.9537 10.6688C13.9852 10.7447 14.0013 10.826 14.0012 10.9082C14.0011 10.9904 13.9848 11.0717 13.9531 11.1475C13.9215 11.2234 13.8751 11.2922 13.8168 11.35C13.6991 11.4668 13.5401 11.5324 13.3743 11.5324C13.2085 11.5324 13.0494 11.4668 12.9318 11.35L7.99879 6.416L3.06679 11.349C2.94842 11.4614 2.79085 11.5231 2.62765 11.521C2.46445 11.5189 2.30853 11.4531 2.19312 11.3377C2.07771 11.2223 2.01193 11.0663 2.00982 10.9031C2.0077 10.7399 2.06941 10.5824 2.18179 10.464L7.64779 5L8.35179 5.001Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* toolbarButton-pageDown.svg URL-encoder for SVG */
-    --toolbarButton-pageDown-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.35176 10.9989L13.8178 5.53391C13.876 5.47594 13.9222 5.40702 13.9537 5.33113C13.9851 5.25524 14.0013 5.17387 14.0012 5.0917C14.0011 5.00954 13.9848 4.9282 13.9531 4.85238C13.9215 4.77656 13.8751 4.70775 13.8168 4.64991C13.6991 4.53309 13.5401 4.46753 13.3743 4.46753C13.2085 4.46753 13.0494 4.53309 12.9318 4.64991L7.99776 9.58491L3.06776 4.65091C2.9494 4.53853 2.79183 4.47682 2.62863 4.47894C2.46542 4.48106 2.3095 4.54683 2.19409 4.66224C2.07868 4.77765 2.01291 4.93357 2.01079 5.09677C2.00868 5.25997 2.07039 5.41754 2.18276 5.53591L7.64776 10.9999L8.35176 10.9989Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* toolbarButton-zoomOut.svg URL-encoder for SVG */
-    --toolbarButton-zoomOut-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.375 9.25C13.5408 9.25 13.6997 9.18415 13.8169 9.06694C13.9342 8.94973 14 8.79076 14 8.625C14 8.45924 13.9342 8.30027 13.8169 8.18306C13.6997 8.06585 13.5408 8 13.375 8H2.625C2.45924 8 2.30027 8.06585 2.18306 8.18306C2.06585 8.30027 2 8.45924 2 8.625C2 8.79076 2.06585 8.94973 2.18306 9.06694C2.30027 9.18415 2.45924 9.25 2.625 9.25H13.375Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* toolbarButton-zoomIn.svg URL-encoder for SVG */
-    --toolbarButton-zoomIn-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00488 9.75V14C7.00488 14.1658 7.07073 14.3247 7.18794 14.4419C7.30515 14.5592 7.46412 14.625 7.62988 14.625C7.79564 14.625 7.95461 14.5592 8.07183 14.4419C8.18904 14.3247 8.25488 14.1658 8.25488 14V9.75L8.75488 9.25H13.0049C13.1706 9.25 13.3296 9.18415 13.4468 9.06694C13.564 8.94973 13.6299 8.79076 13.6299 8.625C13.6299 8.45924 13.564 8.30027 13.4468 8.18306C13.3296 8.06585 13.1706 8 13.0049 8H8.75488L8.25488 7.5V3.25C8.25488 3.08424 8.18904 2.92527 8.07183 2.80806C7.95461 2.69085 7.79564 2.625 7.62988 2.625C7.46412 2.625 7.30515 2.69085 7.18794 2.80806C7.07073 2.92527 7.00488 3.08424 7.00488 3.25V7.5L6.50488 8H2.25488C2.08912 8 1.93015 8.06585 1.81294 8.18306C1.69573 8.30027 1.62988 8.45924 1.62988 8.625C1.62988 8.79076 1.69573 8.94973 1.81294 9.06694C1.93015 9.18415 2.08912 9.25 2.25488 9.25H6.39188L7.00488 9.75Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* toolbarButton-presentationMode.svg URL-encoder for SVG */
-    --toolbarButton-presentationMode-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 3C1.5 2.72421 1.72421 2.5 2 2.5H14C14.2758 2.5 14.5 2.72421 14.5 3V11C14.5 11.2758 14.2758 11.5 14 11.5H2C1.72421 11.5 1.5 11.2758 1.5 11V3ZM2 1C0.895786 1 0 1.89579 0 3V11C0 12.1042 0.895786 13 2 13H2.64979L1.35052 15.2499L2.64949 16L4.38194 13H11.6391L13.3715 16L14.6705 15.2499L13.3712 13H14C15.1042 13 16 12.1042 16 11V3C16 1.89579 15.1042 1 14 1H2ZM5.79501 4.64401V9.35601C5.79501 9.85001 6.32901 10.159 6.75701 9.91401L10.88 7.55801C11.312 7.31201 11.312 6.68901 10.88 6.44201L6.75701 4.08601C6.32801 3.84101 5.79501 4.15001 5.79501 4.64401Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* toolbarButton-print.svg URL-encoder for SVG */
-    --toolbarButton-print-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 4H12V2C12 1.46957 11.7893 0.960859 11.4142 0.585786C11.0391 0.210714 10.5304 0 10 0L6 0C5.46957 0 4.96086 0.210714 4.58579 0.585786C4.21071 0.960859 4 1.46957 4 2V4H3C2.46957 4 1.96086 4.21071 1.58579 4.58579C1.21071 4.96086 1 5.46957 1 6V11C1 11.5304 1.21071 12.0391 1.58579 12.4142C1.96086 12.7893 2.46957 13 3 13H4V14C4 14.5304 4.21071 15.0391 4.58579 15.4142C4.96086 15.7893 5.46957 16 6 16H10C10.5304 16 11.0391 15.7893 11.4142 15.4142C11.7893 15.0391 12 14.5304 12 14V13H13C13.5304 13 14.0391 12.7893 14.4142 12.4142C14.7893 12.0391 15 11.5304 15 11V6C15 5.46957 14.7893 4.96086 14.4142 4.58579C14.0391 4.21071 13.5304 4 13 4V4ZM10.75 14.15L10.15 14.75H5.85L5.25 14.15V10H10.75V14.15ZM10.75 4H5.25V1.85L5.85 1.25H10.15L10.75 1.85V4V4ZM13 7.6L12.6 8H11.4L11 7.6V6.4L11.4 6H12.6L13 6.4V7.6Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* toolbarButton-openFile.svg URL-encoder for SVG */
-    --toolbarButton-openFile-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4287 1.08398C10.5111 1.02905 10.608 0.999824 10.707 1H14.7L15 1.3V5.293C15 5.39194 14.9706 5.48864 14.9156 5.57088C14.8606 5.65311 14.7824 5.71718 14.691 5.75498C14.5996 5.79277 14.499 5.80259 14.402 5.78319C14.3049 5.76379 14.2159 5.71605 14.146 5.646L12.973 4.473L12.692 4.192L9.067 7.817C8.94923 7.93347 8.79034 7.99888 8.6247 7.99907C8.45907 7.99925 8.30003 7.93421 8.182 7.818C8.06518 7.70036 7.99962 7.54129 7.99962 7.3755C7.99962 7.20971 8.06518 7.05065 8.182 6.933L11.807 3.308L10.353 1.854C10.2829 1.78407 10.2351 1.6949 10.2158 1.59779C10.1964 1.50068 10.2063 1.40001 10.2442 1.30854C10.2821 1.21707 10.3464 1.13891 10.4287 1.08398ZM7.81694 2.06694C7.69973 2.18415 7.54076 2.25 7.375 2.25H2.85L2.25 2.85V13.15L2.85 13.75H13.15L13.75 13.15V8.625C13.75 8.45924 13.8158 8.30027 13.9331 8.18306C14.0503 8.06585 14.2092 8 14.375 8C14.5408 8 14.6997 8.06585 14.8169 8.18306C14.9342 8.30027 15 8.45924 15 8.625V13C15 13.5304 14.7893 14.0391 14.4142 14.4142C14.0391 14.7893 13.5304 15 13 15H3C2.46957 15 1.96086 14.7893 1.58579 14.4142C1.21071 14.0391 1 13.5304 1 13V3C1 2.46957 1.21071 1.96086 1.58579 1.58579C1.96086 1.21071 2.46957 1 3 1H7.375C7.54076 1 7.69973 1.06585 7.81694 1.18306C7.93415 1.30027 8 1.45924 8 1.625C8 1.79076 7.93415 1.94973 7.81694 2.06694Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* toolbarButton-download.svg URL-encoder for SVG */
-    --toolbarButton-download-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.79407 7.31811H7.86307C7.41807 7.31811 7.19407 7.85711 7.50907 8.17211L10.1911 10.8541C10.3861 11.0491 10.7031 11.0491 10.8981 10.8541L13.5801 8.17211C13.8951 7.85711 13.6721 7.31811 13.2261 7.31811H11.2941V4.38211H11.2961V3.13211H11.2941V2.30811H9.79407V3.13211H9.79107V4.38211H9.79507V7.31811H9.79407Z' fill='black'/%3E%3Cpath d='M14 3.13208H12.796V4.38208H14C14.345 4.38208 14.625 4.66208 14.625 5.00708V13.0071C14.625 13.3521 14.345 13.6321 14 13.6321H2C1.655 13.6321 1.375 13.3521 1.375 13.0071V3.00708C1.375 2.66208 1.655 2.38208 2 2.38208H5.643C5.82 2.38208 5.989 2.45808 6.108 2.58908L7.536 4.17508C7.654 4.30708 7.823 4.38208 8 4.38208H8.291V3.13208H8.278L7.036 1.75208C6.681 1.35808 6.173 1.13208 5.642 1.13208H2C0.966 1.13208 0.125 1.97308 0.125 3.00708V13.0071C0.125 14.0411 0.966 14.8821 2 14.8821H14C15.034 14.8821 15.875 14.0411 15.875 13.0071V5.00708C15.875 3.97308 15.034 3.13208 14 3.13208Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* toolbarButton-bookmark.svg URL-encoder for SVG */
-    --toolbarButton-bookmark-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 3.5C1.72421 3.5 1.5 3.72421 1.5 4V12C1.5 12.2758 1.72421 12.5 2 12.5H14C14.2758 12.5 14.5 12.2758 14.5 12V4C14.5 3.72421 14.2758 3.5 14 3.5H2ZM0 4C0 2.89579 0.895786 2 2 2H14C15.1042 2 16 2.89579 16 4V12C16 13.1042 15.1042 14 14 14H2C0.895786 14 0 13.1042 0 12V4ZM8.75 8.75H7.25V7.25H8.75V8.75ZM8.00001 4.625C5.91142 4.625 4.14736 5.94291 3.45159 7.77847L3.36761 8L3.45159 8.22153C4.14736 10.0571 5.91142 11.375 8.00001 11.375C10.0886 11.375 11.8527 10.0571 12.5484 8.22153L12.6324 8L12.5484 7.77847C11.8527 5.94291 10.0886 4.625 8.00001 4.625ZM8.00001 10.125C6.53912 10.125 5.28508 9.25455 4.71282 8C5.28508 6.74545 6.53912 5.875 8.00001 5.875C9.4609 5.875 10.7149 6.74545 11.2872 8C10.7149 9.25455 9.4609 10.125 8.00001 10.125Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* toolbarButton-viewThumbnail.svg URL-encoder for SVG */
-    --toolbarButton-viewThumbnail-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 2C3.5 1.72421 3.72421 1.5 4 1.5H5.25C5.52579 1.5 5.75 1.72421 5.75 2V5.25C5.75 5.52579 5.52579 5.75 5.25 5.75H4C3.72421 5.75 3.5 5.52579 3.5 5.25V2ZM4 0C2.89579 0 2 0.895786 2 2V5.25C2 6.35421 2.89579 7.25 4 7.25H5.25C6.35421 7.25 7.25 6.35421 7.25 5.25V2C7.25 0.895786 6.35421 0 5.25 0H4ZM3.5 10.75C3.5 10.4742 3.72421 10.25 4 10.25H5.25C5.52579 10.25 5.75 10.4742 5.75 10.75V14C5.75 14.2758 5.52579 14.5 5.25 14.5H4C3.72421 14.5 3.5 14.2758 3.5 14V10.75ZM4 8.75C2.89579 8.75 2 9.64579 2 10.75V14C2 15.1042 2.89579 16 4 16H5.25C6.35421 16 7.25 15.1042 7.25 14V10.75C7.25 9.64579 6.35421 8.75 5.25 8.75H4ZM10.75 1.5C10.4742 1.5 10.25 1.72421 10.25 2V5.25C10.25 5.52579 10.4742 5.75 10.75 5.75H12C12.2758 5.75 12.5 5.52579 12.5 5.25V2C12.5 1.72421 12.2758 1.5 12 1.5H10.75ZM8.75 2C8.75 0.895786 9.64579 0 10.75 0H12C13.1042 0 14 0.895786 14 2V5.25C14 6.35421 13.1042 7.25 12 7.25H10.75C9.64579 7.25 8.75 6.35421 8.75 5.25V2ZM10.25 10.75C10.25 10.4742 10.4742 10.25 10.75 10.25H12C12.2758 10.25 12.5 10.4742 12.5 10.75V14C12.5 14.2758 12.2758 14.5 12 14.5H10.75C10.4742 14.5 10.25 14.2758 10.25 14V10.75ZM10.75 8.75C9.64579 8.75 8.75 9.64579 8.75 10.75V14C8.75 15.1042 9.64579 16 10.75 16H12C13.1042 16 14 15.1042 14 14V10.75C14 9.64579 13.1042 8.75 12 8.75H10.75Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* toolbarButton-viewOutline.svg URL-encoder for SVG */
-    --toolbarButton-viewOutline-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 1.25H15V2.75H3V1.25ZM15 5.25H3V6.75H15V5.25ZM15 13.25H3V14.75H15V13.25ZM15 9.25H6V10.75H15V9.25ZM0 5.25H1.5V6.75H0V5.25ZM1.5 13.25H0V14.75H1.5V13.25ZM0 1.25H1.5V2.75H0V1.25ZM4.5 9.25H3V10.75H4.5V9.25Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* toolbarButton-viewAttachments.svg URL-encoder for SVG */
-    --toolbarButton-viewAttachments-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 3.75C3.5 1.67879 5.17879 0 7.25 0C9.32121 0 11 1.67879 11 3.75V10.25C11 11.4922 9.99221 12.5 8.75 12.5C7.50779 12.5 6.5 11.4922 6.5 10.25V3.5H8V10.25C8 10.6638 8.33621 11 8.75 11C9.16379 11 9.5 10.6638 9.5 10.25V3.75C9.5 2.50721 8.49279 1.5 7.25 1.5C6.00721 1.5 5 2.50721 5 3.75V10.75C5 12.8208 6.67921 14.5 8.75 14.5C10.8208 14.5 12.5 12.8208 12.5 10.75V3.5H14V10.75C14 13.6492 11.6492 16 8.75 16C5.85079 16 3.5 13.6492 3.5 10.75V3.75Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* toolbarButton-viewLayers.svg URL-encoder for SVG */
-    --toolbarButton-viewLayers-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.36645 2.34562C8.13878 2.21813 7.86122 2.21813 7.63355 2.34562L1.38355 5.84562C1.14669 5.97826 1 6.22853 1 6.5C1 6.77147 1.14669 7.02174 1.38355 7.15438L7.63355 10.6544C7.86122 10.7819 8.13878 10.7819 8.36645 10.6544L14.6165 7.15438C14.8533 7.02174 15 6.77147 15 6.5C15 6.22853 14.8533 5.97826 14.6165 5.84562L8.36645 2.34562ZM8 9.14041L3.28499 6.5L8 3.85959L12.715 6.5L8 9.14041ZM1.63647 9.0766L7.99999 12.6404L14.3255 9.09761L15.0585 10.4063L8.36649 14.1543C8.13881 14.2818 7.86122 14.2819 7.63353 14.1543L0.903534 10.3853L1.63647 9.0766Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* toolbarButton-currentOutlineItem.svg URL-encoder for SVG */
-    --toolbarButton-currentOutlineItem-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.803 4.74998V6.02436C10.803 6.39302 10.3571 6.57793 10.0967 6.31753L7.87716 4.098C7.71566 3.93649 7.71566 3.67434 7.87716 3.51283L10.0967 1.29329C10.3571 1.0329 10.8036 1.21722 10.8036 1.58588V3.24998H15V4.74998H10.803ZM8 1.24998H3V2.74998H6.5L8 1.24998ZM6.5 5.24998H3V6.74998H8L6.5 5.24998ZM3 13.25H15V14.75H3V13.25ZM6 9.24998H15V10.75H6V9.24998ZM1.5 5.24998H0V6.74998H1.5V5.24998ZM0 13.25H1.5V14.75H0V13.25ZM1.5 1.24998H0V2.74998H1.5V1.24998ZM3 9.24998H4.5V10.75H3V9.24998Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* toolbarButton-search.svg URL-encoder for SVG */
-    --toolbarButton-search-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.089 10.973L13.934 14.817C13.9918 14.8754 14.0605 14.9218 14.1364 14.9534C14.2122 14.9851 14.2936 15.0013 14.3757 15.0012C14.4579 15.0011 14.5392 14.9847 14.6149 14.9529C14.6907 14.9211 14.7594 14.8746 14.817 14.816C14.875 14.7579 14.921 14.6889 14.9523 14.613C14.9836 14.5372 14.9997 14.4559 14.9996 14.3738C14.9995 14.2917 14.9833 14.2104 14.9518 14.1346C14.9203 14.0588 14.8741 13.99 14.816 13.932L10.983 10.1L10.989 9.67299C11.489 8.96674 11.8152 8.15249 11.9413 7.29642C12.0674 6.44034 11.9897 5.5666 11.7145 4.74621C11.4394 3.92582 10.9745 3.18192 10.3578 2.57498C9.74104 1.96804 8.98979 1.51519 8.16509 1.25322C7.34039 0.991255 6.46551 0.927572 5.61157 1.06735C4.75763 1.20712 3.94871 1.54641 3.25057 2.05764C2.55243 2.56887 1.98476 3.23761 1.59371 4.0095C1.20265 4.7814 0.999236 5.63468 1 6.49999C1 7.95868 1.57946 9.35763 2.61091 10.3891C3.64236 11.4205 5.04131 12 6.5 12C7.689 12 8.788 11.62 9.687 10.978L10.089 10.973V10.973ZM6.5 10.75C4.157 10.75 2.25 8.84299 2.25 6.49999C2.25 4.15699 4.157 2.24999 6.5 2.24999C8.843 2.24999 10.75 4.15699 10.75 6.49999C10.75 8.84299 8.843 10.75 6.5 10.75Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* findbarButton-previous.svg URL-encoder for SVG */
-    --findbarButton-previous-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.001 8.352L10.466 13.818C10.5845 13.9303 10.7421 13.9918 10.9053 13.9895C11.0685 13.9872 11.2244 13.9212 11.3397 13.8057C11.4549 13.6902 11.5205 13.5342 11.5225 13.3709C11.5244 13.2077 11.4625 13.0502 11.35 12.932L6.416 7.999L11.349 3.067C11.4614 2.94864 11.5231 2.79106 11.521 2.62786C11.5189 2.46466 11.4531 2.30874 11.3377 2.19333C11.2223 2.07792 11.0663 2.01215 10.9031 2.01003C10.7399 2.00792 10.5824 2.06962 10.464 2.182L5 7.647L5.001 8.352Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* findbarButton-next.svg URL-encoder for SVG */
-    --findbarButton-next-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.999 8.352L5.534 13.818C5.41551 13.9303 5.25786 13.9918 5.09466 13.9895C4.93146 13.9872 4.77561 13.9212 4.66033 13.8057C4.54505 13.6902 4.47945 13.5342 4.47752 13.3709C4.47559 13.2077 4.53748 13.0502 4.65 12.932L9.585 7.998L4.651 3.067C4.53862 2.94864 4.47691 2.79106 4.47903 2.62786C4.48114 2.46466 4.54692 2.30874 4.66233 2.19333C4.77774 2.07792 4.93366 2.01215 5.09686 2.01003C5.26006 2.00792 5.41763 2.06962 5.536 2.182L11 7.647L10.999 8.352Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* secondaryToolbarButton-firstPage.svg URL-encoder for SVG */
-    --secondaryToolbarButton-firstPage-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 3.5H2V5H14V3.5ZM8 8.811L12.939 13.75L14.001 12.689L8.531 7.219C8.238 6.926 7.763 6.926 7.47 7.219L2 12.689L3.061 13.75L8 8.811Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* secondaryToolbarButton-lastPage.svg URL-encoder for SVG */
-    --secondaryToolbarButton-lastPage-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 8.189L12.939 3.25L14 4.311L8.531 9.781C8.238 10.074 7.763 10.074 7.47 9.781L2 4.311L3.061 3.25L8 8.189ZM14 13.5V12H2V13.5H14Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* secondaryToolbarButton-rotateCcw.svg URL-encoder for SVG */
-    --secondaryToolbarButton-rotateCcw-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.4105 4.83612L4.77001 6.19601C5.06701 6.49201 4.85701 7.00001 4.43701 7.00001H0.862006C0.602006 7.00001 0.391006 6.78901 0.391006 6.52901V2.95401C0.391006 2.53401 0.899006 2.32401 1.19601 2.62101L2.32796 3.75328C3.67958 1.78973 5.9401 0.5 8.5 0.5C12.636 0.5 16 3.864 16 8C16 12.136 12.636 15.5 8.5 15.5C4.704 15.5 1.566 12.663 1.075 9H2.59C3.068 11.833 5.532 14 8.5 14C11.809 14 14.5 11.309 14.5 8C14.5 4.691 11.809 2 8.5 2C6.35262 2 4.46893 3.13503 3.4105 4.83612Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* secondaryToolbarButton-rotateCw.svg URL-encoder for SVG */
-    --secondaryToolbarButton-rotateCw-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5895 4.83613L11.23 6.19601C10.933 6.49201 11.143 7.00001 11.563 7.00001H15.138C15.398 7.00001 15.609 6.78901 15.609 6.52901V2.95401C15.609 2.53401 15.101 2.32401 14.804 2.62101L13.672 3.75328C12.3204 1.78973 10.0599 0.5 7.5 0.5C3.364 0.5 0 3.864 0 8C0 12.136 3.364 15.5 7.5 15.5C11.296 15.5 14.434 12.663 14.925 9H13.41C12.932 11.833 10.468 14 7.5 14C4.191 14 1.5 11.309 1.5 8C1.5 4.691 4.191 2 7.5 2C9.64738 2 11.5311 3.13503 12.5895 4.83613Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* secondaryToolbarButton-selectTool.svg URL-encoder for SVG */
-    --secondaryToolbarButton-selectTool-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.371588 2.93131C-0.203366 1.33422 1.3342 -0.20335 2.93129 0.371603L2.93263 0.372085L12.0716 3.68171C12.0718 3.68178 12.0714 3.68163 12.0716 3.68171C13.4459 4.17758 13.8478 5.9374 12.8076 6.9776L11.8079 7.97727L14.6876 10.8569C15.4705 11.6398 15.4705 12.9047 14.6876 13.6876L13.6476 14.7276C12.8647 15.5105 11.5998 15.5105 10.8169 14.7276L7.93725 11.8479L6.97758 12.8076C5.93739 13.8478 4.17779 13.4465 3.68192 12.0722C3.68184 12.072 3.682 12.0724 3.68192 12.0722L0.371588 2.93131ZM1.78292 2.42323C1.78298 2.4234 1.78286 2.42305 1.78292 2.42323L5.09281 11.5629C5.21725 11.9082 5.65728 12.0066 5.91692 11.7469L7.93725 9.72661L11.8776 13.6669C12.0747 13.864 12.3898 13.864 12.5869 13.6669L13.6269 12.6269C13.824 12.4298 13.824 12.1147 13.6269 11.9176L9.68659 7.97727L11.7469 5.91694C12.0066 5.65729 11.9081 5.21727 11.5629 5.09283L11.5619 5.09245L2.42321 1.78293C2.42304 1.78287 2.42339 1.783 2.42321 1.78293C2.02067 1.63847 1.63846 2.02069 1.78292 2.42323Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* secondaryToolbarButton-handTool.svg URL-encoder for SVG */
-    --secondaryToolbarButton-handTool-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.75 2.125C7.75 1.78021 8.03021 1.5 8.375 1.5C8.71979 1.5 9 1.78021 9 2.125V3.125V8H10.5V3.125C10.5 2.78021 10.7802 2.5 11.125 2.5C11.4698 2.5 11.75 2.78021 11.75 3.125V4.625V8H13.25V4.625C13.25 4.28021 13.5302 4 13.875 4C14.2198 4 14.5 4.28021 14.5 4.625V12.0188L13.3802 13.6628C13.2954 13.7872 13.25 13.9344 13.25 14.085V16H14.75V14.3162L15.8698 12.6722C15.9546 12.5478 16 12.4006 16 12.25V4.625C16 3.45179 15.0482 2.5 13.875 2.5C13.6346 2.5 13.4035 2.53996 13.188 2.6136C12.959 1.68724 12.1219 1 11.125 1C10.8235 1 10.5366 1.06286 10.2768 1.17618C9.9281 0.478968 9.20726 0 8.375 0C7.54274 0 6.8219 0.478968 6.47323 1.17618C6.21337 1.06286 5.9265 1 5.625 1C4.45179 1 3.5 1.95179 3.5 3.125V7.25317C2.66504 6.54282 1.41035 6.58199 0.621672 7.37067C-0.208221 8.20056 -0.208221 9.54644 0.621672 10.3763L0.62188 10.3765L5.499 15.2498V16H6.999V14.939C6.999 14.74 6.9199 14.5491 6.77912 14.4085L1.68233 9.31567C1.43823 9.07156 1.43823 8.67544 1.68233 8.43133C1.92644 8.18722 2.32257 8.18722 2.56667 8.43133L3.71967 9.58433C3.93417 9.79883 4.25676 9.863 4.53701 9.74691C4.81727 9.63082 5 9.35735 5 9.054V3.125C5 2.78021 5.28022 2.5 5.625 2.5C5.96921 2.5 6.24906 2.77927 6.25 3.12326V8H7.75L7.75 3.125L7.75 3.12178V2.125Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* secondaryToolbarButton-scrollPage.svg URL-encoder for SVG */
-    --secondaryToolbarButton-scrollPage-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 2C3.5 1.72421 3.72421 1.5 4 1.5H12C12.2758 1.5 12.5 1.72421 12.5 2V14C12.5 14.2758 12.2758 14.5 12 14.5H4C3.72421 14.5 3.5 14.2758 3.5 14V2ZM4 0C2.89579 0 2 0.895786 2 2V14C2 15.1042 2.89579 16 4 16H12C13.1042 16 14 15.1042 14 14V2C14 0.895786 13.1042 0 12 0H4ZM5.89301 6H7.25V10H5.89301C5.54301 10 5.36801 10.423 5.61501 10.67L7.72101 12.776C7.87401 12.929 8.12301 12.929 8.27601 12.776L10.383 10.669C10.63 10.422 10.455 9.99902 10.105 9.99902H8.75V6H10.106C10.456 6 10.632 5.577 10.383 5.331L8.27601 3.224C8.12301 3.071 7.87401 3.071 7.72101 3.224L5.61501 5.33C5.36801 5.577 5.54301 6 5.89301 6Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* secondaryToolbarButton-scrollVertical.svg URL-encoder for SVG */
-    --secondaryToolbarButton-scrollVertical-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 1V1.25H2.01476C2.11834 2.13279 2.7621 3 3.78 3H11.72C12.7379 3 13.3817 2.13279 13.4852 1.25H13.5V1H12C12 1.18133 11.9391 1.32279 11.8697 1.40708C11.8018 1.48961 11.7454 1.5 11.72 1.5H3.78C3.75458 1.5 3.69823 1.48961 3.63029 1.40708C3.5609 1.32279 3.5 1.18133 3.5 1H2ZM4 6C3.72386 6 3.5 6.22386 3.5 6.5V10C3.5 10.2761 3.72386 10.5 4 10.5H11.5C11.7761 10.5 12 10.2761 12 10V6.5C12 6.22386 11.7761 6 11.5 6H4ZM2 6.5C2 5.39543 2.89543 4.5 4 4.5H11.5C12.6046 4.5 13.5 5.39543 13.5 6.5V10C13.5 11.1046 12.6046 12 11.5 12H4C2.89543 12 2 11.1046 2 10V6.5ZM3.78 13.5C2.7621 13.5 2.11834 14.3672 2.01476 15.25H2V15.5H3.5C3.5 15.3187 3.5609 15.1772 3.63029 15.0929C3.69823 15.0104 3.75458 15 3.78 15H11.72C11.7454 15 11.8018 15.0104 11.8697 15.0929C11.9391 15.1772 12 15.3187 12 15.5H13.5V15.25H13.4852C13.3817 14.3672 12.7379 13.5 11.72 13.5H3.78Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* secondaryToolbarButton-scrollHorizontal.svg URL-encoder for SVG */
-    --secondaryToolbarButton-scrollHorizontal-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3.78C3 2.7621 2.13279 2.11834 1.25 2.01476V2H1V3.5C1.18133 3.5 1.32279 3.5609 1.40708 3.63029C1.48961 3.69823 1.5 3.75458 1.5 3.78V11.72C1.5 11.7454 1.48961 11.8018 1.40708 11.8697C1.32279 11.9391 1.18133 12 1 12V13.5H1.25V13.4852C2.13279 13.3817 3 12.7379 3 11.72V3.78ZM10.5 4C10.5 3.72386 10.2761 3.5 10 3.5H6.5C6.22386 3.5 6 3.72386 6 4V11.5C6 11.7761 6.22386 12 6.5 12H10C10.2761 12 10.5 11.7761 10.5 11.5V4ZM10 2C11.1046 2 12 2.89543 12 4V11.5C12 12.6046 11.1046 13.5 10 13.5H6.5C5.39543 13.5 4.5 12.6046 4.5 11.5V4C4.5 2.89543 5.39543 2 6.5 2H10ZM15.5 2H15.25V2.01476C14.3672 2.11834 13.5 2.7621 13.5 3.78V11.72C13.5 12.7379 14.3672 13.3817 15.25 13.4852V13.5H15.5V12C15.3187 12 15.1772 11.9391 15.0929 11.8697C15.0104 11.8018 15 11.7454 15 11.72V3.78C15 3.75458 15.0104 3.69823 15.0929 3.63029C15.1772 3.5609 15.3187 3.5 15.5 3.5V2Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* secondaryToolbarButton-scrollWrapped.svg URL-encoder for SVG */
-    --secondaryToolbarButton-scrollWrapped-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 1C2.5 1.27579 2.72421 1.5 3 1.5H5C5.27579 1.5 5.5 1.27579 5.5 1H7C7 2.10421 6.10421 3 5 3H3C1.89579 3 1 2.10421 1 1H2.5ZM2.5 6C2.5 5.72421 2.72421 5.5 3 5.5H5C5.27579 5.5 5.5 5.72421 5.5 6V10C5.5 10.2758 5.27579 10.5 5 10.5H3C2.72421 10.5 2.5 10.2758 2.5 10V6ZM3 4C1.89579 4 1 4.89579 1 6V10C1 11.1042 1.89579 12 3 12H5C6.10421 12 7 11.1042 7 10V6C7 4.89579 6.10421 4 5 4H3ZM10 6C10 5.72421 10.2242 5.5 10.5 5.5H12.5C12.7758 5.5 13 5.72421 13 6V10C13 10.2758 12.7758 10.5 12.5 10.5H10.5C10.2242 10.5 10 10.2758 10 10V6ZM10.5 4C9.39579 4 8.5 4.89579 8.5 6V10C8.5 11.1042 9.39579 12 10.5 12H12.5C13.6042 12 14.5 11.1042 14.5 10V6C14.5 4.89579 13.6042 4 12.5 4H10.5ZM3 14.5C2.72421 14.5 2.5 14.7242 2.5 15H1C1 13.8958 1.89579 13 3 13H5C6.10421 13 7 13.8958 7 15H5.5C5.5 14.7242 5.27579 14.5 5 14.5H3ZM10 15C10 14.7242 10.2242 14.5 10.5 14.5H12.5C12.7758 14.5 13 14.7242 13 15H14.5C14.5 13.8958 13.6042 13 12.5 13H10.5C9.39579 13 8.5 13.8958 8.5 15H10ZM10.5 1.5C10.2242 1.5 10 1.27579 10 1H8.5C8.5 2.10421 9.39579 3 10.5 3H12.5C13.6042 3 14.5 2.10421 14.5 1H13C13 1.27579 12.7758 1.5 12.5 1.5H10.5Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* secondaryToolbarButton-spreadNone.svg URL-encoder for SVG */
-    --secondaryToolbarButton-spreadNone-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1.5C3.72421 1.5 3.5 1.72421 3.5 2V14C3.5 14.2758 3.72421 14.5 4 14.5H12C12.2758 14.5 12.5 14.2758 12.5 14V2C12.5 1.72421 12.2758 1.5 12 1.5H4ZM2 2C2 0.895786 2.89579 0 4 0H12C13.1042 0 14 0.895786 14 2V14C14 15.1042 13.1042 16 12 16H4C2.89579 16 2 15.1042 2 14V2Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* secondaryToolbarButton-spreadOdd.svg URL-encoder for SVG */
-    --secondaryToolbarButton-spreadOdd-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4C1.5 3.72421 1.72421 3.5 2 3.5H7.25V13H2C1.72421 13 1.5 12.7758 1.5 12.5V4ZM8.75 13V3.5H14C14.2758 3.5 14.5 3.72421 14.5 4V12.5C14.5 12.7758 14.2758 13 14 13H8.75ZM2 2C0.895786 2 0 2.89579 0 4V12.5C0 13.6042 0.895786 14.5 2 14.5H14C15.1042 14.5 16 13.6042 16 12.5V4C16 2.89579 15.1042 2 14 2H2ZM4.75 5H3V6.5H4V11.5H5.5V5.75C5.5 5.33579 5.16421 5 4.75 5ZM10 6.5H11.5V7.28647L10.4146 7.82918C10.1605 7.95622 10 8.21592 10 8.5V10.75C10 11.1642 10.3358 11.5 10.75 11.5H13V10H11.5V8.96353L12.5854 8.42082C12.8395 8.29378 13 8.03408 13 7.75V5.75C13 5.33579 12.6642 5 12.25 5H10V6.5Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* secondaryToolbarButton-spreadEven.svg URL-encoder for SVG */
-    --secondaryToolbarButton-spreadEven-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M2 3.5C1.72421 3.5 1.5 3.72421 1.5 4V12.5C1.5 12.7758 1.72421 13 2 13H7.25V3.5H2ZM14 13H8.75V3.5H14C14.2758 3.5 14.5 3.72421 14.5 4V12.5C14.5 12.7758 14.2758 13 14 13ZM0 4C0 2.89579 0.895786 2 2 2H14C15.1042 2 16 2.89579 16 4V12.5C16 13.6042 15.1042 14.5 14 14.5H2C0.895786 14.5 0 13.6042 0 12.5V4ZM10 6.5H11.5V7.5H10V9H11.5V10H10V11.5H12.25C12.6642 11.5 13 11.1642 13 10.75V5.75C13 5.33579 12.6642 5 12.25 5H10V6.5ZM4.5 6.5H3V5H5.25C5.66421 5 6 5.33579 6 5.75V7.75C6 8.03408 5.8395 8.29378 5.58541 8.42082L4.5 8.96353V10H6V11.5H3.75C3.33579 11.5 3 11.1642 3 10.75V8.5C3 8.21592 3.1605 7.95622 3.41459 7.82918L4.5 7.28647V6.5Z' fill='black'/%3E%3C/svg%3E%0A");
-    /* secondaryToolbarButton-documentProperties.svg URL-encoder for SVG */
-    --secondaryToolbarButton-documentProperties-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 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' fill='black'/%3E%3C/svg%3E%0A");
+    --loading-icon: url('img/loading.svg');
+    --treeitem-expanded-icon: url('img/treeitem-expanded.svg');
+    --treeitem-collapsed-icon: url('img/treeitem-collapsed.svg');
+    --toolbarButton-editorFreeText-icon: url('img/treeitem-collapsed.svg');
+    --toolbarButton-editorInk-icon: url('img/toolbarButton-editorInk.svg');
+    --toolbarButton-editorStamp-icon: url('img/toolbarButton-editorStamp.svg');
+    --toolbarButton-menuArrow-icon: url('img/toolbarButton-menuArrow.svg');
+    --toolbarButton-sidebarToggle-icon: url('img/toolbarButton-sidebarToggle.svg');
+    --toolbarButton-secondaryToolbarToggle-icon: url('img/toolbarButton-secondaryToolbarToggle.svg');
+    --toolbarButton-pageUp-icon: url('img/toolbarButton-pageUp.svg');
+    --toolbarButton-pageDown-icon: url('img/toolbarButton-pageDown.svg');
+    --toolbarButton-zoomOut-icon: url('img/toolbarButton-zoomOut.svg');
+    --toolbarButton-zoomIn-icon: url('img/toolbarButton-zoomIn.svg');
+    --toolbarButton-presentationMode-icon: url('img/toolbarButton-presentationMode.svg');
+    --toolbarButton-print-icon: url('img/toolbarButton-print.svg');
+    --toolbarButton-openFile-icon: url('img/toolbarButton-openFile.svg');
+    --toolbarButton-download-icon: url('img/toolbarButton-download.svg');
+    --toolbarButton-bookmark-icon: url('img/toolbarButton-bookmark.svg');
+    --toolbarButton-viewThumbnail-icon: url('img/toolbarButton-viewThumbnail.svg');
+    --toolbarButton-viewOutline-icon: url('img/toolbarButton-viewOutline.svg');
+    --toolbarButton-viewAttachments-icon: url('img/toolbarButton-viewAttachments.svg');
+    --toolbarButton-viewLayers-icon: url('img/toolbarButton-viewLayers.svg');
+    --toolbarButton-currentOutlineItem-icon: url('img/toolbarButton-currentOutlineItem.svg');
+    --toolbarButton-search-icon: url('img/toolbarButton-search.svg');
+    --findbarButton-previous-icon: url('img/findbarButton-previous.svg');
+    --findbarButton-next-icon: url('img/findbarButton-next.svg');
+    --secondaryToolbarButton-firstPage-icon: url('img/secondaryToolbarButton-firstPage.svg');
+    --secondaryToolbarButton-lastPage-icon: url('img/secondaryToolbarButton-lastPage.svg');
+    --secondaryToolbarButton-rotateCcw-icon: url('img/secondaryToolbarButton-rotateCcw.svg');
+    --secondaryToolbarButton-rotateCw-icon: url('img/secondaryToolbarButton-rotateCw.svg');
+    --secondaryToolbarButton-selectTool-icon: url('img/secondaryToolbarButton-selectTool.svg');
+    --secondaryToolbarButton-handTool-icon: url('img/secondaryToolbarButton-handTool.svg');
+    --secondaryToolbarButton-scrollPage-icon: url('img/secondaryToolbarButton-scrollPage.svg');
+    --secondaryToolbarButton-scrollVertical-icon: url('img/secondaryToolbarButton-scrollVertical.svg');
+    --secondaryToolbarButton-scrollHorizontal-icon: url('img/secondaryToolbarButton-scrollHorizontal.svg');
+    --secondaryToolbarButton-scrollWrapped-icon: url('img/secondaryToolbarButton-scrollWrapped.svg');
+    --secondaryToolbarButton-spreadNone-icon: url('img/secondaryToolbarButton-spreadNone.svg');
+    --secondaryToolbarButton-spreadOdd-icon: url('img/secondaryToolbarButton-spreadOdd.svg');
+    --secondaryToolbarButton-spreadEven-icon: url('img/secondaryToolbarButton-spreadEven.svg');
+    --secondaryToolbarButton-documentProperties-icon: url('img/secondaryToolbarButton-documentProperties.svg');
 }
 [dir="rtl"]:root {
@@ -1432,8 +1392,7 @@
         /* This image is used in <input> elements, which unfortunately means that
      * the `mask-image` approach used with all of the other images doesn't work
      * here; hence why we still have two versions of this particular image. */
-        /* loading-dark.svg URL-encoder for SVG */
-        --loading-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16'%0Afill='rgba(255,255,255,1)' style='animation:spinLoadingIcon 1s steps(12,end)%0Ainfinite'%3E%3Cstyle%3E@keyframes%0AspinLoadingIcon%7Bto%7Btransform:rotate(360deg)%7D%7D%3C/style%3E%3Cpath%0Ad='M7 3V1s0-1 1-1 1 1 1 1v2s0 1-1 1-1-1-1-1z'/%3E%3Cpath d='M4.63%0A4.1l-1-1.73S3.13 1.5 4 1c.87-.5 1.37.37 1.37.37l1 1.73s.5.87-.37%0A1.37c-.87.57-1.37-.37-1.37-.37z' fill-opacity='.93'/%3E%3Cpath%0Ad='M3.1 6.37l-1.73-1S.5 4.87 1 4c.5-.87 1.37-.37 1.37-.37l1.73 1s.87.5.37%0A1.37c-.5.87-1.37.37-1.37.37z' fill-opacity='.86'/%3E%3Cpath d='M3%0A9H1S0 9 0 8s1-1 1-1h2s1 0 1 1-1 1-1 1z' fill-opacity='.79'/%3E%3Cpath d='M4.1 11.37l-1.73 1S1.5 12.87 1%0A12c-.5-.87.37-1.37.37-1.37l1.73-1s.87-.5 1.37.37c.5.87-.37 1.37-.37 1.37z'%0Afill-opacity='.72'/%3E%3Cpath d='M3.63 13.56l1-1.73s.5-.87%0A1.37-.37c.87.5.37 1.37.37 1.37l-1 1.73s-.5.87-1.37.37c-.87-.5-.37-1.37-.37-1.37z'%0Afill-opacity='.65'/%3E%3Cpath d='M7 15v-2s0-1 1-1 1 1 1 1v2s0 1-1%0A1-1-1-1-1z' fill-opacity='.58'/%3E%3Cpath d='M10.63%0A14.56l-1-1.73s-.5-.87.37-1.37c.87-.5 1.37.37 1.37.37l1 1.73s.5.87-.37%0A1.37c-.87.5-1.37-.37-1.37-.37z' fill-opacity='.51'/%3E%3Cpath%0Ad='M13.56 12.37l-1.73-1s-.87-.5-.37-1.37c.5-.87 1.37-.37 1.37-.37l1.73 1s.87.5.37%0A1.37c-.5.87-1.37.37-1.37.37z' fill-opacity='.44'/%3E%3Cpath d='M15%0A9h-2s-1 0-1-1 1-1 1-1h2s1 0 1 1-1 1-1 1z' fill-opacity='.37'/%3E%3Cpath d='M14.56 5.37l-1.73%0A1s-.87.5-1.37-.37c-.5-.87.37-1.37.37-1.37l1.73-1s.87-.5 1.37.37c.5.87-.37 1.37-.37%0A1.37z' fill-opacity='.3'/%3E%3Cpath d='M9.64 3.1l.98-1.66s.5-.874%0A1.37-.37c.87.5.37 1.37.37 1.37l-1 1.73s-.5.87-1.37.37c-.87-.5-.37-1.37-.37-1.37z'%0Afill-opacity='.23'/%3E%3C/svg%3E");
+        --loading-icon: url('img/loading-dark.svg');
     }
 }
@@ -3534,13 +3493,11 @@ img.pixelcompare-before, img.pixelcompare-after {
     right: 0;
     transform: translate(0, -50%);
     background-repeat: no-repeat;
-    /* layer-unvisible.svg URL-encoder for svg */
-    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133923)'%3E%3Cpath d='M16.5 9C16.5 9.20856 16.3581 9.59902 15.9715 10.1138C15.6003 10.6081 15.0514 11.1527 14.361 11.6594C12.978 12.6745 11.0792 13.5 9 13.5C6.92079 13.5 5.02204 12.6745 3.63898 11.6594C2.94857 11.1527 2.39968 10.6081 2.02849 10.1138C1.6419 9.59902 1.5 9.20856 1.5 9C1.5 8.79144 1.6419 8.40098 2.02849 7.88619C2.39968 7.39191 2.94857 6.8473 3.63898 6.34059C5.02204 5.32554 6.92079 4.5 9 4.5C11.0792 4.5 12.978 5.32554 14.361 6.34059C15.0514 6.8473 15.6003 7.39191 15.9715 7.88619C16.3581 8.40098 16.5 8.79144 16.5 9Z' fill='%2394949F' stroke='%2394949F'/%3E%3Ccircle cx='9' cy='9' r='3.25' fill='%2394949F' stroke='white' stroke-width='1.5'/%3E%3Crect x='0.292893' y='16.1406' width='23' height='2' transform='rotate(-45 0.292893 16.1406)' fill='%2394949F' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133923'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    background-image: url('img/layer-unvisible.svg');
 }
 .compare-layer-visibility.active {
-    /* layer-visible.svg URL-encoder for svg */
-    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5 9C16.5 9.20856 16.3581 9.59902 15.9715 10.1138C15.6003 10.6081 15.0514 11.1527 14.361 11.6594C12.978 12.6745 11.0792 13.5 9 13.5C6.92079 13.5 5.02204 12.6745 3.63898 11.6594C2.94857 11.1527 2.39968 10.6081 2.02849 10.1138C1.6419 9.59902 1.5 9.20856 1.5 9C1.5 8.79144 1.6419 8.40098 2.02849 7.88619C2.39968 7.39191 2.94857 6.8473 3.63898 6.34059C5.02204 5.32554 6.92079 4.5 9 4.5C11.0792 4.5 12.978 5.32554 14.361 6.34059C15.0514 6.8473 15.6003 7.39191 15.9715 7.88619C16.3581 8.40098 16.5 8.79144 16.5 9Z' fill='black' stroke='black'/%3E%3Ccircle cx='9' cy='9' r='2.25' fill='black' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A");
+    background-image: url('img/layer-visible.svg');
 }
 .compare-viewer-wrap.side-by-side #compareCanvasResult,
@@ -4084,38 +4041,31 @@ html[dir='ltr'] .toolbarButton#btnDrawAnnotation {
 }
 html[dir='ltr'] .toolbarButton#btnDrawAnnotation::before {
-    /* draw-annotation-toolbar.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133896)'%3E%3Crect x='0.5' y='0.5' width='10' height='6' rx='0.5' stroke='black'/%3E%3Cpath d='M2 2.5H9M2 4.5H7' stroke='black'/%3E%3Cpath d='M4 7H7V10L5.5 8.5L4 7Z' fill='black'/%3E%3Cpath d='M9 8.5H13.5V13.5H4.5L4.5 9.5' stroke='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133896'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    content: url('img/draw-annotation-toolbar.svg');
 }
 html[dir='ltr'] .toolbarButton#btnDrawAnnotation.rect::before {
-    /* draw-annotation-toolbar.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133896)'%3E%3Crect x='0.5' y='0.5' width='10' height='6' rx='0.5' stroke='black'/%3E%3Cpath d='M2 2.5H9M2 4.5H7' stroke='black'/%3E%3Cpath d='M4 7H7V10L5.5 8.5L4 7Z' fill='black'/%3E%3Cpath d='M9 8.5H13.5V13.5H4.5L4.5 9.5' stroke='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133896'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    content: url('img/draw-annotation-toolbar.svg');
 }
 html[dir='ltr'] .toolbarButton#btnDrawAnnotation.ellipse::before {
-    /* draw-annotation-toolbar-ellipse.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133872)'%3E%3Crect x='0.5' y='0.5' width='10' height='6' rx='0.5' stroke='black'/%3E%3Cpath d='M2 2.5H9M2 4.5H7' stroke='black'/%3E%3Cpath d='M4 7H7V10L5.5 8.5L4 7Z' fill='black'/%3E%3Cpath d='M9.5 9.53906C11.7822 9.72437 13.5 10.5315 13.5 11.4991C13.5 12.6036 11.2614 13.4991 8.5 13.4991C5.73858 13.4991 3.5 12.6036 3.5 11.4991C3.5 11.0487 3.87209 10.6332 4.5 10.2989' stroke='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133872'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    content: url('img/draw-annotation-toolbar-ellipse.svg');
 }
 html[dir='ltr'] .toolbarButton#btnDrawAnnotation.polygon::before {
-    /* draw-annotation-toolbar-polygon.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133890)'%3E%3Crect x='0.5' y='0.5' width='10' height='6' rx='0.5' stroke='black'/%3E%3Cpath d='M2 2.5H9M2 4.5H7' stroke='black'/%3E%3Cpath d='M4 7H7V10L5.5 8.5L4 7Z' fill='black'/%3E%3Cpath d='M4.07143 9.75L3 11L5.14286 13.5H10.8571L13 11L10.8571 8.5H9' stroke='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133890'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    content: url('img/draw-annotation-toolbar-polygon.svg');
 }
 html[dir='ltr'] .toolbarButton#btnDrawAnnotation.cloud::before {
-    /* draw-annotation-toolbar-cloud.svg URL-encoder for svg */
-    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133878)'%3E%3Crect x='0.5' y='0.5' width='10' height='6' rx='0.5' stroke='black'/%3E%3Cpath d='M2 2.5H9M2 4.5H7' stroke='black'/%3E%3Cpath d='M4 7H7V10L5.5 8.5L4 7Z' fill='black'/%3E%3Cpath d='M3 8.5V9.19366C3 9.39031 3.07565 9.57943 3.21127 9.72183L3.35714 9.875C3.55714 10.085 3.55714 10.415 3.35714 10.625V10.625C3.15714 10.835 3.15714 11.165 3.35714 11.375V11.375C3.55714 11.585 3.55714 11.915 3.35714 12.125L3.19704 12.2931C3.07055 12.4259 3 12.6023 3 12.7857V12.7857C3 13.1802 3.3198 13.5 3.71429 13.5H4.20672C4.35285 13.5 4.49719 13.468 4.62961 13.4062L5.07711 13.1973C5.34516 13.0723 5.65484 13.0723 5.92289 13.1973L6.40295 13.4214C6.51392 13.4732 6.63489 13.5 6.75735 13.5H6.87256C7.14147 13.5 7.40388 13.4173 7.62419 13.2631V13.2631C7.84983 13.1051 8.15017 13.1051 8.37581 13.2631V13.2631C8.59612 13.4173 8.85853 13.5 9.12744 13.5H9.24265C9.36511 13.5 9.48608 13.4732 9.59705 13.4214L10.0771 13.1973C10.3452 13.0723 10.6548 13.0723 10.9229 13.1973L11.3704 13.4062C11.5028 13.468 11.6472 13.5 11.7933 13.5H12.2857C12.6802 13.5 13 13.1802 13 12.7857V12.7857C13 12.6023 12.9294 12.4259 12.803 12.2931L12.6429 12.125C12.4429 11.915 12.4429 11.585 12.6429 11.375V11.375C12.8429 11.165 12.8429 10.835 12.6429 10.625V10.625C12.4429 10.415 12.4429 10.085 12.6429 9.875L12.803 9.7069C12.9294 9.57408 13 9.3977 13 9.21429V9.21429C13 8.8198 12.6802 8.5 12.2857 8.5H11.7933C11.6472 8.5 11.5028 8.53202 11.3704 8.59382L10.9229 8.80265C10.6548 8.92774 10.3452 8.92774 10.0771 8.80265L9.62961 8.59382C9.49719 8.53202 9.35284 8.5 9.20672 8.5H8.71429' stroke='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133878'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    background-image: url('img/draw-annotation-toolbar-cloud.svg');
 }
 html[dir='ltr'] .toolbarButton#btnDrawAnnotation.line::before {
-    /* draw-annotation-toolbar-line.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='10' height='6' rx='0.5' stroke='black'/%3E%3Cpath d='M2 2.5H9M2 4.5H7' stroke='black'/%3E%3Cpath d='M4 7H7V10L5.5 8.5L4 7Z' fill='black'/%3E%3Cpath d='M3 12.5H13' stroke='black'/%3E%3C/svg%3E%0A");
+    content: url('img/draw-annotation-toolbar-line.svg');
 }
 html[dir='ltr'] .toolbarButton#btnDrawAnnotation.arrow::before {
-    /* draw-annotation-toolbar-arrow.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133823)'%3E%3Crect x='0.5' y='0.5' width='10' height='6' rx='0.5' stroke='black'/%3E%3Cpath d='M2 2.5H9M2 4.5H7' stroke='black'/%3E%3Cpath d='M4 7H7V10L5.5 8.5L4 7Z' fill='black'/%3E%3Cpath d='M3 11.5H13M13 11.5L11 9.5M13 11.5L11 13.5' stroke='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133823'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    content: url('img/draw-annotation-toolbar-arrow.svg');
 }
 html[dir='ltr'] .toolbarButton#btnDrawAnnotationToolbarToggle {
@@ -4136,68 +4086,49 @@ html[dir='ltr'] .toolbarButton#btnDrawAnnotationToolbarToggle.toggled:after  {
 }
 html[dir='ltr'] .toolbarButton#btnDrawAnnotationToolbarToggle::before {
-    /* dropdown-arrow.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='7' height='4' viewBox='0 0 7 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0.5L3.5 3' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M6 0.5L3.5 3' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E%0A");
+    content: url('img/dropdown-arrow.svg');
     left: 0 !important;
-    top: 1px !important;
+    top: 4px !important;
 }
 html[dir='ltr'] .secondaryToolbarButton#btnDrawRectangle::before {
-    /* draw-annotation-rect.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='2.5' width='13' height='9' stroke='black'/%3E%3C/svg%3E%0A");
-    /*top: 5px;*/
+    content: url('img/draw-annotation-rect.svg');
 }
 html[dir='ltr'] .secondaryToolbarButton#btnDrawEllipse::before {
-    /* draw-annotation-ellipse.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 7C13.5 8.17733 12.8328 9.29036 11.6591 10.1287C10.4865 10.9663 8.8408 11.5 7 11.5C5.1592 11.5 3.51354 10.9663 2.34087 10.1287C1.16724 9.29036 0.5 8.17733 0.5 7C0.5 5.82267 1.16724 4.70964 2.34087 3.87133C3.51354 3.03371 5.1592 2.5 7 2.5C8.8408 2.5 10.4865 3.03371 11.6591 3.87133C12.8328 4.70964 13.5 5.82267 13.5 7Z' stroke='black'/%3E%3C/svg%3E%0A");
-    /*top: 5px;*/
+    content: url('img/draw-annotation-ellipse.svg');
 }
 html[dir='ltr'] .secondaryToolbarButton#btnDrawPolygon::before {
-    /* draw-annotation-polygon.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.583095 7L3.2831 2.5H10.7169L13.4169 7L10.7169 11.5H3.2831L0.583095 7Z' stroke='black'/%3E%3C/svg%3E%0A");
-    /*top: 5px;*/
+    content: url('img/draw-annotation-polygon.svg');
 }
 html[dir='ltr'] .secondaryToolbarButton#btnDrawCloud::before {
-    /* draw-annotation-cloud.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 2.5H1.69722C1.79594 2.5 1.89244 2.52922 1.97457 2.58397L2.66795 3.04623C3.1718 3.38212 3.8282 3.38212 4.33205 3.04623L5.05465 2.5645C5.11773 2.52244 5.19184 2.5 5.26766 2.5H5.35925C5.63691 2.5 5.90319 2.6103 6.09953 2.80664C6.59685 3.30395 7.40315 3.30395 7.90047 2.80664C8.09681 2.6103 8.36309 2.5 8.64075 2.5H8.73234C8.80816 2.5 8.88227 2.52244 8.94535 2.5645L9.66795 3.04623C10.1718 3.38212 10.8282 3.38212 11.3321 3.04623L12.0254 2.58397C12.1076 2.52922 12.2041 2.5 12.3028 2.5H13C13.2761 2.5 13.5 2.72386 13.5 3V3.69722C13.5 3.79594 13.4708 3.89244 13.416 3.97457L12.9538 4.66795C12.6179 5.1718 12.6179 5.8282 12.9538 6.33205L13.2142 6.72265C13.3261 6.8906 13.3261 7.1094 13.2142 7.27735L12.9538 7.66795C12.6179 8.1718 12.6179 8.8282 12.9538 9.33205L13.416 10.0254C13.4708 10.1076 13.5 10.2041 13.5 10.3028V11C13.5 11.2761 13.2761 11.5 13 11.5H12.3028C12.2041 11.5 12.1076 11.4708 12.0254 11.416L11.3321 10.9538C10.8282 10.6179 10.1718 10.6179 9.66795 10.9538L8.94535 11.4355C8.88227 11.4776 8.80816 11.5 8.73234 11.5H8.64075C8.36309 11.5 8.09681 11.3897 7.90047 11.1934C7.40315 10.696 6.59685 10.696 6.09953 11.1934C5.90319 11.3897 5.63691 11.5 5.35925 11.5H5.26766C5.19184 11.5 5.11773 11.4776 5.05465 11.4355L4.33205 10.9538C3.8282 10.6179 3.1718 10.6179 2.66795 10.9538L1.97457 11.416C1.89244 11.4708 1.79594 11.5 1.69722 11.5H1C0.723858 11.5 0.5 11.2761 0.5 11V10.3028C0.5 10.2041 0.529219 10.1076 0.583975 10.0254L1.04623 9.33205C1.38212 8.8282 1.38212 8.1718 1.04623 7.66795L0.785825 7.27735C0.673859 7.1094 0.673859 6.8906 0.785825 6.72265L1.04623 6.33205C1.38212 5.8282 1.38212 5.1718 1.04623 4.66795L0.583975 3.97457C0.529219 3.89244 0.5 3.79594 0.5 3.69722V3C0.5 2.72386 0.723858 2.5 1 2.5Z' stroke='black'/%3E%3C/svg%3E%0A");
-    /*top: 5px;*/
+    content: url('img/draw-annotation-cloud.svg');
 }
 html[dir='ltr'] .secondaryToolbarButton#btnDrawLine::before {
-    /* draw-annotation-line.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133809)'%3E%3Cpath d='M0.5 13.5L13.5 0.5' stroke='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133809'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
-    /*top: 5px;*/
+    content: url('img/draw-annotation-line.svg');
 }
 html[dir='ltr'] .secondaryToolbarButton#btnDrawArrow::before {
-    /* draw-annotation-arrow.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133787)'%3E%3Cpath d='M0.5 13.5L13.5 0.5M13.5 0.5V7M13.5 0.5H7' stroke='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133787'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
-    /*top: 5px;*/
+    content: url('img/draw-annotation-arrow.svg');
 }
 html[dir='ltr'] .toolbarButton#btnToggleNotes::before {
-    /* hide-annotation.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133914)'%3E%3Cpath d='M2 10.4994H1.50003C0.947732 10.4994 0.500012 10.0517 0.500028 9.49942L0.500248 1.49997C0.500264 0.947698 0.947975 0.5 1.50025 0.5H12M5.25028 10.4994H7.00028H12.5C13.0523 10.4994 13.5 10.0517 13.5 9.49946L13.5001 2' stroke='black'/%3E%3Cpath d='M2 2.25H10.5M2 4.25H8.5M2 6.25H6.25M12 6.25H9.4375M12 8.25H7M2 8.25H4.5M12 4.25H11' stroke='black'/%3E%3Cpath d='M6 11H9V14L7.5 12.5L6 11Z' fill='black'/%3E%3Cpath d='M0.5 13.5L13.5 0.5' stroke='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133914'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
-    /*top: 5px;*/
+    content: url('img/hide-annotation.svg');
 }
 html[dir='ltr'] .toolbarButton#btnToggleNotes.show::before {
-    /* show-annotation.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133938)'%3E%3Crect x='0.5' y='0.5' width='13' height='10' rx='0.5' stroke='black'/%3E%3Cpath d='M2 2.25H12M2 4.25H8.5M2 6.25H10.5M12 8.25H2' stroke='black'/%3E%3Cpath d='M6 11H9V14L7.5 12.5L6 11Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133938'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
-    /*top: 5px;*/
+    content: url('img/show-annotation.svg');
 }
 html[dir='ltr'] .toolbarButton#btnToggleSidebarNotes::before {
-    /* sidebar-notes-toggle.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 3V13' stroke='black'/%3E%3Crect x='2' y='2' width='12' height='12' stroke='black' stroke-width='2'/%3E%3Crect x='4' y='5' width='2' height='1' fill='black'/%3E%3Crect x='6' y='7' width='2' height='1' fill='black'/%3E%3Crect x='4' y='9' width='2' height='1' fill='black'/%3E%3Crect x='6' y='11' width='2' height='1' fill='black'/%3E%3Crect x='11' y='11' width='1' height='1' fill='black'/%3E%3Crect x='11' y='9' width='1' height='1' fill='black'/%3E%3Crect x='11' y='7' width='1' height='1' fill='black'/%3E%3Crect x='11' y='5' width='1' height='1' fill='black'/%3E%3C/svg%3E%0A");
+    content: url('img/sidebar-notes-toggle.svg');
 }
 html[dir='ltr'] .toolbarButton#btnCompare::before {
-    /* do-compare.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 5H1M1 5L3 2.5M1 5L3 7.5' stroke='black'/%3E%3Cpath d='M5 9L13 9M13 9L11 11.5M13 9L11 6.5' stroke='black'/%3E%3C/svg%3E%0A");
+    content: url('img/do-compare.svg');
 }
 /* 2021.10.03 - Fix: annotations visibility in fullscreen mode */
@@ -4293,9 +4224,7 @@ html[dir='ltr'] .toolbarButton#btnCompare::before,
     content: "";
     width: 147px;
     height: 110px;
-    /* preloader.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 24 24' fill='%230097ff' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_Wezc%7Btransform-origin:center;animation:spinner_Oiah 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite%7D@keyframes spinner_Oiah%7B8.3%25%7Btransform:rotate(30deg)%7D16.6%25%7Btransform:rotate(60deg)%7D25%25%7Btransform:rotate(90deg)%7D33.3%25%7Btransform:rotate(120deg)%7D41.6%25%7Btransform:rotate(150deg)%7D50%25%7Btransform:rotate(180deg)%7D58.3%25%7Btransform:rotate(210deg)%7D66.6%25%7Btransform:rotate(240deg)%7D75%25%7Btransform:rotate(270deg)%7D83.3%25%7Btransform:rotate(300deg)%7D91.6%25%7Btransform:rotate(330deg)%7D100%25%7Btransform:rotate(360deg)%7D%7D%3C/style%3E%3Cg class='spinner_Wezc'%3E%3Ccircle cx='12' cy='2.5' r='1' opacity='1'/%3E%3Ccircle cx='16.75' cy='3.77' r='1' opacity='1'/%3E%3Ccircle cx='20.23' cy='7.25' r='1' opacity='1'/%3E%3Ccircle cx='21.50' cy='12.00' r='1' opacity='1'/%3E%3Ccircle cx='20.23' cy='16.75' r='1' opacity='1'/%3E%3Ccircle cx='16.75' cy='20.23' r='1' opacity='1'/%3E%3Ccircle cx='12' cy='21.5' r='1'/%3E%3C/g%3E%3C/svg%3E");
-    background-size: contain;
+    background-image: url('img/preloader.svg');
     position: fixed;
     z-index: 1000;
     top: 50%;
@@ -4355,15 +4284,13 @@ html[dir="ltr"] .treeItemToggler::before {
 }
 .treeItemToggler::before {
-    /* treeitem-expanded.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M10 13l4-7H6z'/%3E%3C/svg%3E");
+    background-image: url('img/treeitem-expanded.svg');
     background-repeat: no-repeat;
     background-position: 7px 4px;
 }
 .treeItemToggler.treeItemsHidden::before {
-    /* treeitem-collapsed.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M13 9L6 5v8z'/%3E%3C/svg%3E");
+    background-image: url('img/treeitem-collapsed.svg');
     background-repeat: no-repeat;
 }
@@ -4561,6 +4488,13 @@ html[dir="ltr"] .treeItemToggler::before {
   color: rgba(0, 0, 0, 1);
 }
+@import url('@vitrosoftware/common-ui-ts/css/third-party/jquery-ui/jquery-ui.min.css');
+@import url('@vitrosoftware/common-ui-ts/css/third-party/jquery-ui/jquery-ui.structure.css');
+@import url('@vitrosoftware/common-ui-ts/css/third-party/jquery-ui/jquery-ui.theme.min.css');
+@import url('@vitrosoftware/common-ui-ts/css/third-party/jquery-contextMenu/jquery.contextMenu.min.css');
+@import url('@vitrosoftware/common-ui-ts/css/third-party/jquery-svg/jquery.svg.css');
+@import url('@vitrosoftware/common-ui-ts/css/third-party/sweetalert2/sweetalert2.css');
 html[dir='ltr'] body {
     background-color: #F5F6FA;
 }
@@ -4787,8 +4721,7 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
     position: absolute;
     top: -21px;
     right: 0;
-    /* dropdown-arrow.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_778_105705)'%3E%3Cpath d='M20.3117 11.6584C21.0973 10.4213 22.9027 10.4213 23.6883 11.6584L29.5752 20.9278C30.4208 22.2593 29.4642 24 27.8869 24H16.1131C14.5358 24 13.5792 22.2593 14.4248 20.9278L20.3117 11.6584Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd_778_105705' x='0.109375' y='0.730469' width='43.7812' height='41.2695' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_778_105705'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_778_105705' result='effect2_dropShadow_778_105705'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_778_105705' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
+    background-image: url('img/dropdown-menu-arrow.svg');
 }
 [dir="ltr"] .doorHangerRight:before {
@@ -4920,8 +4853,7 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
     user-select: none;
 }
-.select::after {
-    content: '';
+.select > span {
     display: block;
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19.5 9L12 16.5L4.5 9' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
     width: 24px;
@@ -4932,9 +4864,10 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
     background-size: 100%;
     background-position: center;
     background-repeat: no-repeat;
+    cursor: pointer;
 }
-.select.active::after {
+.select.active > span {
     transform: rotate(-180deg);
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19.5 9L12 16.5L4.5 9' stroke='%233274E0' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 }
@@ -5478,8 +5411,7 @@ dialog .separator {
     background-size: 100%;
     display: block;
     transform: none;
-    /* close.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='iconoir:cancel'%3E%3Cpath id='Vector' d='M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('img/cancel-dark-grey.svg');
 }
 .vitro-issue-detail {

package/css/std/controls/pdf-viewer/pdf-viewer.css CHANGED Viewed

@@ -1,3 +1,10 @@
+@import url('@vitrosoftware/common-ui-ts/css/third-party/jquery-ui/jquery-ui.min.css');
+@import url('@vitrosoftware/common-ui-ts/css/third-party/jquery-ui/jquery-ui.structure.css');
+@import url('@vitrosoftware/common-ui-ts/css/third-party/jquery-ui/jquery-ui.theme.min.css');
+@import url('@vitrosoftware/common-ui-ts/css/third-party/jquery-contextMenu/jquery.contextMenu.min.css');
+@import url('@vitrosoftware/common-ui-ts/css/third-party/jquery-svg/jquery.svg.css');
+@import url('@vitrosoftware/common-ui-ts/css/third-party/sweetalert2/sweetalert2.css');
 html[dir='ltr'] body {
     background-color: #F5F6FA;
 }
@@ -224,8 +231,7 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
     position: absolute;
     top: -21px;
     right: 0;
-    /* dropdown-arrow.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_778_105705)'%3E%3Cpath d='M20.3117 11.6584C21.0973 10.4213 22.9027 10.4213 23.6883 11.6584L29.5752 20.9278C30.4208 22.2593 29.4642 24 27.8869 24H16.1131C14.5358 24 13.5792 22.2593 14.4248 20.9278L20.3117 11.6584Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd_778_105705' x='0.109375' y='0.730469' width='43.7812' height='41.2695' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_778_105705'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_778_105705' result='effect2_dropShadow_778_105705'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_778_105705' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
+    background-image: url('img/dropdown-menu-arrow.svg');
 }
 [dir="ltr"] .doorHangerRight:before {
@@ -357,8 +363,7 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
     user-select: none;
 }
-.select::after {
-    content: '';
+.select > span {
     display: block;
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19.5 9L12 16.5L4.5 9' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
     width: 24px;
@@ -369,9 +374,10 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
     background-size: 100%;
     background-position: center;
     background-repeat: no-repeat;
+    cursor: pointer;
 }
-.select.active::after {
+.select.active > span {
     transform: rotate(-180deg);
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19.5 9L12 16.5L4.5 9' stroke='%233274E0' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 }
@@ -915,8 +921,7 @@ dialog .separator {
     background-size: 100%;
     display: block;
     transform: none;
-    /* close.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='iconoir:cancel'%3E%3Cpath id='Vector' d='M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('img/cancel-dark-grey.svg');
 }
 .vitro-issue-detail {

package/css/std/controls/pdf-viewer/viewer-theme.css CHANGED Viewed

@@ -51,15 +51,13 @@ html[dir="ltr"] .treeItemToggler::before {
 }
 .treeItemToggler::before {
-    /* treeitem-expanded.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M10 13l4-7H6z'/%3E%3C/svg%3E");
+    background-image: url('img/treeitem-expanded.svg');
     background-repeat: no-repeat;
     background-position: 7px 4px;
 }
 .treeItemToggler.treeItemsHidden::before {
-    /* treeitem-collapsed.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M13 9L6 5v8z'/%3E%3C/svg%3E");
+    background-image: url('img/treeitem-collapsed.svg');
     background-repeat: no-repeat;
 }