@pdfslick/react 3.0.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
  1. package/README.md +4 -0
  2. package/dist/pdf_viewer.css +1343 -291
  3. package/dist/umd/index.js +4 -4
  4. package/package.json +10 -8
package/dist/pdf_viewer.css CHANGED
@@ -372,6 +372,11 @@
372
372
  --button-secondary-hover-bg-color:var(--csstools-light-dark-toggle--25, rgb(21 20 26 / 0.14));
373
373
  --button-secondary-hover-fg-color:var(--button-secondary-fg-color);
374
374
  --button-secondary-hover-border-color:var(--button-secondary-hover-bg-color);
375
+ --button-secondary-disabled-bg-color:var(--button-secondary-bg-color);
376
+ --button-secondary-disabled-border-color:var(
377
+ --button-secondary-border-color
378
+ );
379
+ --button-secondary-disabled-fg-color:var(--button-secondary-fg-color);
375
380
 
376
381
  --csstools-light-dark-toggle--26:var(--csstools-color-scheme--light) #0df;
377
382
 
@@ -387,9 +392,10 @@
387
392
  --button-primary-hover-bg-color:var(--csstools-light-dark-toggle--29, #0250bb);
388
393
  --button-primary-hover-fg-color:var(--button-primary-fg-color);
389
394
  --button-primary-hover-border-color:var(--button-primary-hover-bg-color);
390
-
391
- --button-disabled-bg-color:color-mix(in srgb, currentcolor, transparent 60%);
392
- --button-disabled-fg-color:var(--button-disabled-bg-color);
395
+ --button-primary-disabled-bg-color:var(--button-primary-bg-color);
396
+ --button-primary-disabled-border-color:var(--button-primary-border-color);
397
+ --button-primary-disabled-fg-color:var(--button-primary-fg-color);
398
+ --button-disabled-opacity:0.4;
393
399
 
394
400
  --csstools-light-dark-toggle--30:var(--csstools-color-scheme--light) #42414d;
395
401
 
@@ -513,6 +519,7 @@
513
519
 
514
520
  .dialog{
515
521
  --hover-filter:brightness(1.4);
522
+ --button-disabled-opacity:0.6;
516
523
  }
517
524
  }
518
525
 
@@ -538,7 +545,7 @@
538
545
  --radio-border-color:ButtonText;
539
546
  --radio-checked-border-color:ButtonText;
540
547
 
541
- --button-secondary-bg-color:HighlightText;
548
+ --button-secondary-bg-color:ButtonFace;
542
549
  --button-secondary-fg-color:ButtonText;
543
550
  --button-secondary-border-color:ButtonText;
544
551
  --button-secondary-active-bg-color:HighlightText;
@@ -547,9 +554,11 @@
547
554
  --button-secondary-hover-bg-color:HighlightText;
548
555
  --button-secondary-hover-fg-color:SelectedItem;
549
556
  --button-secondary-hover-border-color:SelectedItem;
557
+ --button-secondary-disabled-fg-color:GrayText;
558
+ --button-secondary-disabled-border-color:GrayText;
550
559
 
551
560
  --button-primary-bg-color:ButtonText;
552
- --button-primary-fg-color:HighlightText;
561
+ --button-primary-fg-color:ButtonFace;
553
562
  --button-primary-border-color:ButtonText;
554
563
  --button-primary-active-bg-color:SelectedItem;
555
564
  --button-primary-active-fg-color:HighlightText;
@@ -557,11 +566,12 @@
557
566
  --button-primary-hover-bg-color:SelectedItem;
558
567
  --button-primary-hover-fg-color:HighlightText;
559
568
  --button-primary-hover-border-color:SelectedItem;
569
+ --button-primary-disabled-bg-color:GrayText;
570
+ --button-primary-disabled-fg-color:ButtonFace;
571
+ --button-primary-disabled-border-color:GrayText;
572
+ --button-disabled-opacity:1;
560
573
 
561
- --button-disabled-bg-color:GrayText;
562
- --button-disabled-fg-color:ButtonFace;
563
-
564
- --input-text-bg-color:HighlightText;
574
+ --input-text-bg-color:Field;
565
575
  --input-text-fg-color:FieldText;
566
576
  }
567
577
  }
@@ -703,6 +713,13 @@
703
713
  border-color:var(--button-secondary-active-border-color);
704
714
  }
705
715
 
716
+ .secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):disabled{
717
+ background-color:var(--button-secondary-disabled-bg-color);
718
+ border-color:var(--button-secondary-disabled-border-color);
719
+ color:var(--button-secondary-disabled-fg-color);
720
+ opacity:var(--button-disabled-opacity);
721
+ }
722
+
706
723
  .primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))){
707
724
  color:var(--button-primary-fg-color);
708
725
  background-color:var(--button-primary-bg-color);
@@ -722,10 +739,14 @@
722
739
  border-color:var(--button-primary-active-border-color);
723
740
  }
724
741
 
742
+ .primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):disabled{
743
+ background-color:var(--button-primary-disabled-bg-color);
744
+ border-color:var(--button-primary-disabled-border-color);
745
+ color:var(--button-primary-disabled-fg-color);
746
+ opacity:var(--button-disabled-opacity);
747
+ }
748
+
725
749
  :is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):disabled{
726
- color:var(--button-disabled-fg-color) !important;
727
- background-color:var(--button-disabled-bg-color);
728
- border-color:var(--button-disabled-bg-color);
729
750
  pointer-events:none;
730
751
  }
731
752
 
@@ -929,8 +950,7 @@
929
950
  margin:-1px;
930
951
  padding:1px;
931
952
  background-color:var(--highlight-bg-color);
932
- -webkit-backdrop-filter:var(--highlight-backdrop-filter);
933
- backdrop-filter:var(--highlight-backdrop-filter);
953
+ backdrop-filter:var(--highlight-backdrop-filter);
934
954
  border-radius:4px;
935
955
  }
936
956
 
@@ -952,8 +972,7 @@
952
972
 
953
973
  .selected:is(.textLayer .highlight){
954
974
  background-color:var(--highlight-selected-bg-color);
955
- -webkit-backdrop-filter:var(--highlight-selected-backdrop-filter);
956
- backdrop-filter:var(--highlight-selected-backdrop-filter);
975
+ backdrop-filter:var(--highlight-selected-backdrop-filter);
957
976
  }
958
977
 
959
978
  .textLayer ::-moz-selection{
@@ -1021,8 +1040,7 @@
1021
1040
  }
1022
1041
 
1023
1042
  :is(.annotationLayer .linkAnnotation):hover{
1024
- -webkit-backdrop-filter:var(--hcm-highlight-filter);
1025
- backdrop-filter:var(--hcm-highlight-filter);
1043
+ backdrop-filter:var(--hcm-highlight-filter);
1026
1044
  }
1027
1045
 
1028
1046
  :is(.annotationLayer .linkAnnotation) > a:hover{
@@ -1043,8 +1061,7 @@
1043
1061
  left:0;
1044
1062
  width:100%;
1045
1063
  height:100%;
1046
- -webkit-backdrop-filter:var(--hcm-highlight-filter);
1047
- backdrop-filter:var(--hcm-highlight-filter);
1064
+ backdrop-filter:var(--hcm-highlight-filter);
1048
1065
  content:"";
1049
1066
  pointer-events:none;
1050
1067
  }
@@ -1111,6 +1128,16 @@
1111
1128
  display:none;
1112
1129
  }
1113
1130
 
1131
+ :is(.annotationLayer section) .overlaidText{
1132
+ position:absolute;
1133
+ top:0;
1134
+ left:0;
1135
+ width:0;
1136
+ height:0;
1137
+ display:inline-block;
1138
+ overflow:hidden;
1139
+ }
1140
+
1114
1141
  .textLayer.selecting ~ .annotationLayer section{
1115
1142
  pointer-events:none;
1116
1143
  }
@@ -1127,7 +1154,6 @@
1127
1154
  .annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton):not(.hasBorder) > a:hover{
1128
1155
  opacity:0.2;
1129
1156
  background-color:rgb(255 255 0);
1130
- box-shadow:0 2px 10px rgb(255 255 0);
1131
1157
  }
1132
1158
 
1133
1159
  .annotationLayer .linkAnnotation.hasBorder:hover{
@@ -1300,8 +1326,9 @@
1300
1326
  display:inline-block;
1301
1327
  }
1302
1328
 
1303
- .annotationLayer .popup > .header h1{
1329
+ .annotationLayer .popup > .header > .title{
1304
1330
  display:inline;
1331
+ font-weight:bold;
1305
1332
  }
1306
1333
 
1307
1334
  .annotationLayer .popup > .header .popupDate{
@@ -1326,6 +1353,10 @@
1326
1353
  cursor:pointer;
1327
1354
  }
1328
1355
 
1356
+ :is(.annotationLayer .popupTriggerArea):hover{
1357
+ backdrop-filter:var(--hcm-highlight-filter);
1358
+ }
1359
+
1329
1360
  .annotationLayer section svg{
1330
1361
  position:absolute;
1331
1362
  width:100%;
@@ -2796,7 +2827,7 @@
2796
2827
  }
2797
2828
 
2798
2829
  :is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton{
2799
- width:auto;
2830
+ width:calc(0.8 * var(--editor-toolbar-min-width));
2800
2831
  height:100%;
2801
2832
  min-height:var(--menuitem-height);
2802
2833
  aspect-ratio:unset;
@@ -2884,248 +2915,1133 @@
2884
2915
  height:16px !important;
2885
2916
  }
2886
2917
 
2887
- :root{
2888
- --outline-width:2px;
2889
- --outline-color:#0060df;
2890
- --outline-around-width:1px;
2891
- --outline-around-color:#f0f0f4;
2892
- --hover-outline-around-color:var(--outline-around-color);
2893
- --focus-outline:solid var(--outline-width) var(--outline-color);
2894
- --unfocus-outline:solid var(--outline-width) transparent;
2895
- --focus-outline-around:solid var(--outline-around-width) var(--outline-around-color);
2896
- --hover-outline-color:#8f8f9d;
2897
- --hover-outline:solid var(--outline-width) var(--hover-outline-color);
2898
- --hover-outline-around:solid var(--outline-around-width) var(--hover-outline-around-color);
2899
- --freetext-line-height:1.35;
2900
- --freetext-padding:2px;
2901
- --resizer-bg-color:var(--outline-color);
2902
- --resizer-size:6px;
2903
- --resizer-shift:calc(
2904
- 0px - (var(--outline-width) + var(--resizer-size)) / 2 -
2905
- var(--outline-around-width)
2906
- );
2907
- --editorFreeText-editing-cursor:text;
2908
- --editorInk-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%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;
2909
- --editorHighlight-editing-cursor:url("data:image/svg+xml,%3Csvg width%3D%2229%22 height%3D%2232%22 viewBox%3D%220 0 29 32%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M28 16.75C28.2761 16.75 28.5 16.5261 28.5 16.25V15C28.5 14.7239 28.2761 14.5 28 14.5H26.358C25.9117 14.5 25.4773 14.6257 25.0999 14.8604L25.0989 14.8611L24 15.5484L22.9 14.861L22.8991 14.8604C22.5218 14.6257 22.0875 14.5 21.642 14.5H20C19.7239 14.5 19.5 14.7239 19.5 15V16.25C19.5 16.5261 19.7239 16.75 20 16.75H21.642C21.6648 16.75 21.6885 16.7564 21.7101 16.7697C21.7102 16.7698 21.7104 16.7699 21.7105 16.77L22.817 17.461C22.817 17.461 22.8171 17.4611 22.8171 17.4611C22.8171 17.4611 22.8171 17.4611 22.8171 17.4611C22.8552 17.4849 22.876 17.5229 22.876 17.567V22.625V27.683C22.876 27.7271 22.8552 27.765 22.8172 27.7889C22.8171 27.7889 22.8171 27.789 22.817 27.789L21.7095 28.48C21.7094 28.4801 21.7093 28.4802 21.7092 28.4803C21.6872 28.4938 21.6644 28.5 21.641 28.5H20C19.7239 28.5 19.5 28.7239 19.5 29V30.25C19.5 30.5261 19.7239 30.75 20 30.75H21.642C22.0883 30.75 22.5227 30.6243 22.9001 30.3896L22.9009 30.3891L24 29.7026L25.1 30.39L25.1009 30.3906C25.4783 30.6253 25.9127 30.751 26.359 30.751H28C28.2761 30.751 28.5 30.5271 28.5 30.251V29.001C28.5 28.7249 28.2761 28.501 28 28.501H26.358C26.3352 28.501 26.3115 28.4946 26.2899 28.4813C26.2897 28.4812 26.2896 28.4811 26.2895 28.481L25.183 27.79C25.183 27.79 25.183 27.79 25.1829 27.79C25.1829 27.7899 25.1829 27.7899 25.1829 27.7899C25.1462 27.7669 25.125 27.7297 25.125 27.684V22.625V17.567C25.125 17.5227 25.146 17.4844 25.1836 17.4606C25.1838 17.4605 25.1839 17.4604 25.184 17.4603L26.2895 16.77C26.2896 16.7699 26.2898 16.7698 26.2899 16.7697C26.3119 16.7562 26.3346 16.75 26.358 16.75H28Z%22 fill%3D%22black%22 stroke%3D%22%23FBFBFE%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M24.625 17.567C24.625 17.35 24.735 17.152 24.918 17.037L26.026 16.345C26.126 16.283 26.24 16.25 26.358 16.25H28V15H26.358C26.006 15 25.663 15.099 25.364 15.285L24.256 15.978C24.161 16.037 24.081 16.113 24 16.187C23.918 16.113 23.839 16.037 23.744 15.978L22.635 15.285C22.336 15.099 21.993 15 21.642 15H20V16.25H21.642C21.759 16.25 21.874 16.283 21.974 16.345L23.082 17.037C23.266 17.152 23.376 17.35 23.376 17.567V22.625V27.683C23.376 27.9 23.266 28.098 23.082 28.213L21.973 28.905C21.873 28.967 21.759 29 21.641 29H20V30.25H21.642C21.994 30.25 22.337 30.151 22.636 29.965L23.744 29.273C23.84 29.213 23.919 29.137 24 29.064C24.081 29.137 24.161 29.213 24.256 29.273L25.365 29.966C25.664 30.152 26.007 30.251 26.359 30.251H28V29.001H26.358C26.241 29.001 26.126 28.968 26.026 28.906L24.918 28.214C24.734 28.099 24.625 27.901 24.625 27.684V22.625V17.567Z%22 fill%3D%22black%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M12.2 2.59C12.28 2.51 12.43 2.5 12.43 2.5C12.48 2.5 12.58 2.52 12.66 2.6L14.45 4.39C14.58 4.52 14.58 4.72 14.45 4.85L11.7713 7.52872L9.51628 5.27372L12.2 2.59ZM13.2658 4.62L11.7713 6.1145L10.9305 5.27372L12.425 3.77921L13.2658 4.62Z%22 fill%3D%22%23FBFBFE%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M5.98 8.82L8.23 11.07L10.7106 8.58938L8.45562 6.33438L5.98 8.81V8.82ZM8.23 9.65579L9.29641 8.58938L8.45562 7.74859L7.38921 8.815L8.23 9.65579Z%22 fill%3D%22%23FBFBFE%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M10.1526 12.6816L16.2125 6.6217C16.7576 6.08919 17.05 5.3707 17.05 4.62C17.05 3.86931 16.7576 3.15084 16.2126 2.61834L14.4317 0.837474C13.8992 0.29242 13.1807 0 12.43 0C11.6643 0 10.9529 0.312929 10.4329 0.832893L3.68289 7.58289C3.04127 8.22452 3.00459 9.25075 3.57288 9.93634L1.29187 12.2239C1.09186 12.4245 0.990263 12.6957 1.0007 12.9685L1 14C0.447715 14 0 14.4477 0 15V17C0 17.5523 0.447715 18 1 18H16C16.5523 18 17 17.5523 17 17V15C17 14.4477 16.5523 14 16 14H10.2325C9.83594 14 9.39953 13.4347 10.1526 12.6816ZM4.39 9.35L4.9807 9.9407L2.39762 12.5312H6.63877L7.10501 12.065L7.57125 12.5312H8.88875L15.51 5.91C15.86 5.57 16.05 5.11 16.05 4.62C16.05 4.13 15.86 3.67 15.51 3.33L13.72 1.54C13.38 1.19 12.92 1 12.43 1C11.94 1 11.48 1.2 11.14 1.54L4.39 8.29C4.1 8.58 4.1 9.06 4.39 9.35ZM16 17V15H1V17H16Z%22 fill%3D%22%23FBFBFE%22%2F%3E%3Cpath d%3D%22M15.1616 5.55136L15.1616 5.55132L15.1564 5.55645L8.40645 12.3064C8.35915 12.3537 8.29589 12.38 8.23 12.38C8.16411 12.38 8.10085 12.3537 8.05355 12.3064L7.45857 11.7115L7.10501 11.3579L6.75146 11.7115L6.03289 12.43H3.20465L5.33477 10.2937L5.6873 9.94019L5.33426 9.58715L4.74355 8.99645C4.64882 8.90171 4.64882 8.73829 4.74355 8.64355L11.4936 1.89355C11.7436 1.64354 12.0779 1.5 12.43 1.5C12.7883 1.5 13.1179 1.63776 13.3614 1.88839L13.3613 1.88843L13.3664 1.89355L15.1564 3.68355L15.1564 3.68359L15.1616 3.68864C15.4122 3.93211 15.55 4.26166 15.55 4.62C15.55 4.97834 15.4122 5.30789 15.1616 5.55136ZM5.48 8.82V9.02711L5.62645 9.17355L7.87645 11.4236L8.23 11.7771L8.58355 11.4236L11.0642 8.94293L11.4177 8.58938L11.0642 8.23582L8.80918 5.98082L8.45562 5.62727L8.10207 5.98082L5.62645 8.45645L5.48 8.60289V8.81V8.82ZM11.4177 7.88227L11.7713 8.23582L12.1248 7.88227L14.8036 5.20355C15.1288 4.87829 15.1288 4.36171 14.8036 4.03645L13.0136 2.24645C12.8186 2.05146 12.5792 2 12.43 2H12.4134L12.3967 2.00111L12.43 2.5C12.3967 2.00111 12.3966 2.00112 12.3965 2.00112L12.3963 2.00114L12.3957 2.00117L12.3947 2.00125L12.3924 2.00142L12.387 2.00184L12.3732 2.00311C12.3628 2.00416 12.3498 2.00567 12.3346 2.00784C12.3049 2.01208 12.2642 2.01925 12.2178 2.03146C12.1396 2.05202 11.9797 2.10317 11.8464 2.23645L9.16273 4.92016L8.80918 5.27372L9.16273 5.62727L11.4177 7.88227ZM1.5 16.5V15.5H15.5V16.5H1.5Z%22 stroke%3D%22%2315141A%22%2F%3E%3C%2Fsvg%3E") 24 24, text;
2910
- --editorFreeHighlight-editing-cursor:url("data:image/svg+xml,%3Csvg width%3D%2218%22 height%3D%2219%22 viewBox%3D%220 0 18 19%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%22M12.2 3.09C12.28 3.01 12.43 3 12.43 3C12.48 3 12.58 3.02 12.66 3.1L14.45 4.89C14.58 5.02 14.58 5.22 14.45 5.35L11.7713 8.02872L9.51628 5.77372L12.2 3.09ZM13.2658 5.12L11.7713 6.6145L10.9305 5.77372L12.425 4.27921L13.2658 5.12Z%22 fill%3D%22%23FBFBFE%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M5.98 9.32L8.23 11.57L10.7106 9.08938L8.45562 6.83438L5.98 9.31V9.32ZM8.23 10.1558L9.29641 9.08938L8.45562 8.24859L7.38921 9.315L8.23 10.1558Z%22 fill%3D%22%23FBFBFE%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M10.1526 13.1816L16.2125 7.1217C16.7576 6.58919 17.05 5.8707 17.05 5.12C17.05 4.36931 16.7576 3.65084 16.2126 3.11834L14.4317 1.33747C13.8992 0.79242 13.1807 0.5 12.43 0.5C11.6643 0.5 10.9529 0.812929 10.4329 1.33289L3.68289 8.08289C3.04127 8.72452 3.00459 9.75075 3.57288 10.4363L1.29187 12.7239C1.09186 12.9245 0.990263 13.1957 1.0007 13.4685L1 14.5C0.447715 14.5 0 14.9477 0 15.5V17.5C0 18.0523 0.447715 18.5 1 18.5H16C16.5523 18.5 17 18.0523 17 17.5V15.5C17 14.9477 16.5523 14.5 16 14.5H10.2325C9.83594 14.5 9.39953 13.9347 10.1526 13.1816ZM4.39 9.85L4.9807 10.4407L2.39762 13.0312H6.63877L7.10501 12.565L7.57125 13.0312H8.88875L15.51 6.41C15.86 6.07 16.05 5.61 16.05 5.12C16.05 4.63 15.86 4.17 15.51 3.83L13.72 2.04C13.38 1.69 12.92 1.5 12.43 1.5C11.94 1.5 11.48 1.7 11.14 2.04L4.39 8.79C4.1 9.08 4.1 9.56 4.39 9.85ZM16 17.5V15.5H1V17.5H16Z%22 fill%3D%22%23FBFBFE%22%2F%3E%3Cpath d%3D%22M15.1616 6.05136L15.1616 6.05132L15.1564 6.05645L8.40645 12.8064C8.35915 12.8537 8.29589 12.88 8.23 12.88C8.16411 12.88 8.10085 12.8537 8.05355 12.8064L7.45857 12.2115L7.10501 11.8579L6.75146 12.2115L6.03289 12.93H3.20465L5.33477 10.7937L5.6873 10.4402L5.33426 10.0871L4.74355 9.49645C4.64882 9.40171 4.64882 9.23829 4.74355 9.14355L11.4936 2.39355C11.7436 2.14354 12.0779 2 12.43 2C12.7883 2 13.1179 2.13776 13.3614 2.38839L13.3613 2.38843L13.3664 2.39355L15.1564 4.18355L15.1564 4.18359L15.1616 4.18864C15.4122 4.43211 15.55 4.76166 15.55 5.12C15.55 5.47834 15.4122 5.80789 15.1616 6.05136ZM7.87645 11.9236L8.23 12.2771L8.58355 11.9236L11.0642 9.44293L11.4177 9.08938L11.0642 8.73582L8.80918 6.48082L8.45562 6.12727L8.10207 6.48082L5.62645 8.95645L5.48 9.10289V9.31V9.32V9.52711L5.62645 9.67355L7.87645 11.9236ZM11.4177 8.38227L11.7713 8.73582L12.1248 8.38227L14.8036 5.70355C15.1288 5.37829 15.1288 4.86171 14.8036 4.53645L13.0136 2.74645C12.8186 2.55146 12.5792 2.5 12.43 2.5H12.4134L12.3967 2.50111L12.43 3C12.3967 2.50111 12.3966 2.50112 12.3965 2.50112L12.3963 2.50114L12.3957 2.50117L12.3947 2.50125L12.3924 2.50142L12.387 2.50184L12.3732 2.50311C12.3628 2.50416 12.3498 2.50567 12.3346 2.50784C12.3049 2.51208 12.2642 2.51925 12.2178 2.53146C12.1396 2.55202 11.9797 2.60317 11.8464 2.73645L9.16273 5.42016L8.80918 5.77372L9.16273 6.12727L11.4177 8.38227ZM1.5 16H15.5V17H1.5V16Z%22 stroke%3D%22%2315141A%22%2F%3E%3C%2Fsvg%3E") 1 18, pointer;
2918
+ .commentPopup,
2919
+ #commentManagerDialog{
2920
+ width:360px;
2921
+ max-width:100%;
2922
+ min-width:200px;
2923
+ position:absolute;
2924
+ padding:8px 16px 16px;
2925
+ margin-left:0;
2926
+ margin-top:0;
2927
+ box-sizing:border-box;
2911
2928
 
2912
- --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");
2929
+ border-radius:8px;
2913
2930
  }
2914
- .visuallyHidden{
2915
- position:absolute;
2916
- top:0;
2917
- left:0;
2918
- border:0;
2919
- margin:0;
2920
- padding:0;
2921
- width:0;
2922
- height:0;
2923
- overflow:hidden;
2924
- white-space:nowrap;
2925
- font-size:0;
2931
+
2932
+ #commentManagerDialog{
2933
+ --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");
2926
2934
  }
2927
2935
 
2928
- .textLayer.highlighting{
2929
- cursor:var(--editorFreeHighlight-editing-cursor);
2936
+ #commentManagerDialog .mainContainer{
2937
+ width:100%;
2938
+ height:auto;
2939
+ display:flex;
2940
+ flex-direction:column;
2941
+ align-items:flex-start;
2942
+ gap:4px;
2930
2943
  }
2931
2944
 
2932
- .textLayer.highlighting:not(.free) span{
2933
- cursor:var(--editorHighlight-editing-cursor);
2934
- }
2945
+ :is(#commentManagerDialog .mainContainer) #commentManagerToolbar{
2946
+ width:100%;
2947
+ height:32px;
2948
+ display:flex;
2949
+ justify-content:flex-start;
2950
+ align-items:flex-start;
2951
+ gap:8px;
2952
+ align-self:stretch;
2935
2953
 
2936
- [role="img"]:is(.textLayer.highlighting:not(.free) span){
2937
- cursor:var(--editorFreeHighlight-editing-cursor);
2938
- }
2954
+ cursor:move;
2955
+ }
2939
2956
 
2940
- .textLayer.highlighting.free span{
2941
- cursor:var(--editorFreeHighlight-editing-cursor);
2957
+ :is(#commentManagerDialog .mainContainer) #commentManagerTextInput{
2958
+ width:100%;
2959
+ min-height:132px;
2960
+ margin-bottom:12px;
2942
2961
  }
2943
2962
 
2944
- :is(#viewerContainer.pdfPresentationMode:fullscreen,.annotationEditorLayer.disabled) .noAltTextBadge{
2945
- display:none !important;
2963
+ .annotationLayer.disabled :is(.annotationCommentButton){
2964
+ display:none;
2965
+ }
2966
+
2967
+ :is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton{
2968
+ --csstools-color-scheme--light:initial;
2969
+ color-scheme:light dark;
2970
+ --csstools-light-dark-toggle--44:var(--csstools-color-scheme--light) #1c1b22;
2971
+ --comment-button-bg:var(--csstools-light-dark-toggle--44, white);
2972
+ --csstools-light-dark-toggle--45:var(--csstools-color-scheme--light) #fbfbfe;
2973
+ --comment-button-fg:var(--csstools-light-dark-toggle--45, #5b5b66);
2974
+ --csstools-light-dark-toggle--46:var(--csstools-color-scheme--light) #a6ecf4;
2975
+ --comment-button-active-bg:var(--csstools-light-dark-toggle--46, #0041a4);
2976
+ --csstools-light-dark-toggle--47:var(--csstools-color-scheme--light) #15141a;
2977
+ --comment-button-active-fg:var(--csstools-light-dark-toggle--47, white);
2978
+ --csstools-light-dark-toggle--48:var(--csstools-color-scheme--light) #61dce9;
2979
+ --comment-button-hover-bg:var(--csstools-light-dark-toggle--48, #0053cb);
2980
+ --csstools-light-dark-toggle--49:var(--csstools-color-scheme--light) #15141a;
2981
+ --comment-button-hover-fg:var(--csstools-light-dark-toggle--49, white);
2982
+ --csstools-light-dark-toggle--50:var(--csstools-color-scheme--light) #00cadb;
2983
+ --comment-button-selected-bg:var(--csstools-light-dark-toggle--50, #0062fa);
2984
+ --csstools-light-dark-toggle--51:var(--csstools-color-scheme--light) #bfbfc9;
2985
+ --comment-button-border-color:var(--csstools-light-dark-toggle--51, #8f8f9d);
2986
+ --comment-button-active-border-color:var(--comment-button-active-bg);
2987
+ --csstools-light-dark-toggle--52:var(--csstools-color-scheme--light) #3a3944;
2988
+ --comment-button-focus-border-color:var(--csstools-light-dark-toggle--52, #cfcfd8);
2989
+ --comment-button-hover-border-color:var(--comment-button-hover-bg);
2990
+ --comment-button-selected-border-color:var(--comment-button-selected-bg);
2991
+ --csstools-light-dark-toggle--53:var(--csstools-color-scheme--light) #15141a;
2992
+ --comment-button-selected-fg:var(--csstools-light-dark-toggle--53, white);
2993
+ --comment-button-dim:24px;
2994
+ --csstools-light-dark-toggle--54:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
2995
+ --csstools-light-dark-toggle--55:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
2996
+ --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));
2997
+ --csstools-light-dark-toggle--56:var(--csstools-color-scheme--light) #00cadb;
2998
+ --comment-button-focus-outline-color:var(--csstools-light-dark-toggle--56, #0062fa);
2946
2999
  }
2947
3000
 
2948
- @media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 1.1dppx){
2949
- :root{
2950
- --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;
3001
+ @supports (color: light-dark(red, red)){
3002
+ :is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton{
3003
+ --comment-button-bg:light-dark(white, #1c1b22);
3004
+ --comment-button-fg:light-dark(#5b5b66, #fbfbfe);
3005
+ --comment-button-active-bg:light-dark(#0041a4, #a6ecf4);
3006
+ --comment-button-active-fg:light-dark(white, #15141a);
3007
+ --comment-button-hover-bg:light-dark(#0053cb, #61dce9);
3008
+ --comment-button-hover-fg:light-dark(white, #15141a);
3009
+ --comment-button-selected-bg:light-dark(#0062fa, #00cadb);
3010
+ --comment-button-border-color:light-dark(#8f8f9d, #bfbfc9);
3011
+ --comment-button-focus-border-color:light-dark(#cfcfd8, #3a3944);
3012
+ --comment-button-selected-fg:light-dark(white, #15141a);
2951
3013
  }
2952
3014
  }
2953
3015
 
2954
- @media screen and (forced-colors: active){
2955
- :root{
2956
- --outline-color:CanvasText;
2957
- --outline-around-color:ButtonFace;
2958
- --resizer-bg-color:ButtonText;
2959
- --hover-outline-color:Highlight;
2960
- --hover-outline-around-color:SelectedItemText;
3016
+ @supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
3017
+ :is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton{
3018
+ --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));
2961
3019
  }
2962
3020
  }
2963
3021
 
2964
- [data-editor-rotation="90"]{
2965
- transform:rotate(90deg);
3022
+ @supports (color: light-dark(red, red)){
3023
+ :is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton{
3024
+ --comment-button-focus-outline-color:light-dark(#0062fa, #00cadb);
3025
+ }
2966
3026
  }
2967
3027
 
2968
- [data-editor-rotation="180"]{
2969
- transform:rotate(180deg);
2970
- }
3028
+ @supports not (color: light-dark(tan, tan)){
2971
3029
 
2972
- [data-editor-rotation="270"]{
2973
- transform:rotate(270deg);
3030
+ :is(:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton) *{
3031
+ --csstools-light-dark-toggle--44:var(--csstools-color-scheme--light) #1c1b22;
3032
+ --comment-button-bg:var(--csstools-light-dark-toggle--44, white);
3033
+ --csstools-light-dark-toggle--45:var(--csstools-color-scheme--light) #fbfbfe;
3034
+ --comment-button-fg:var(--csstools-light-dark-toggle--45, #5b5b66);
3035
+ --csstools-light-dark-toggle--46:var(--csstools-color-scheme--light) #a6ecf4;
3036
+ --comment-button-active-bg:var(--csstools-light-dark-toggle--46, #0041a4);
3037
+ --csstools-light-dark-toggle--47:var(--csstools-color-scheme--light) #15141a;
3038
+ --comment-button-active-fg:var(--csstools-light-dark-toggle--47, white);
3039
+ --csstools-light-dark-toggle--48:var(--csstools-color-scheme--light) #61dce9;
3040
+ --comment-button-hover-bg:var(--csstools-light-dark-toggle--48, #0053cb);
3041
+ --csstools-light-dark-toggle--49:var(--csstools-color-scheme--light) #15141a;
3042
+ --comment-button-hover-fg:var(--csstools-light-dark-toggle--49, white);
3043
+ --csstools-light-dark-toggle--50:var(--csstools-color-scheme--light) #00cadb;
3044
+ --comment-button-selected-bg:var(--csstools-light-dark-toggle--50, #0062fa);
3045
+ --csstools-light-dark-toggle--51:var(--csstools-color-scheme--light) #bfbfc9;
3046
+ --comment-button-border-color:var(--csstools-light-dark-toggle--51, #8f8f9d);
3047
+ --csstools-light-dark-toggle--52:var(--csstools-color-scheme--light) #3a3944;
3048
+ --comment-button-focus-border-color:var(--csstools-light-dark-toggle--52, #cfcfd8);
3049
+ --csstools-light-dark-toggle--53:var(--csstools-color-scheme--light) #15141a;
3050
+ --comment-button-selected-fg:var(--csstools-light-dark-toggle--53, white);
3051
+ --csstools-light-dark-toggle--54:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
3052
+ --csstools-light-dark-toggle--55:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
3053
+ --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));
3054
+ --csstools-light-dark-toggle--56:var(--csstools-color-scheme--light) #00cadb;
3055
+ --comment-button-focus-outline-color:var(--csstools-light-dark-toggle--56, #0062fa);
3056
+ }
2974
3057
  }
2975
3058
 
2976
- .annotationEditorLayer{
2977
- background:transparent;
2978
- position:absolute;
2979
- inset:0;
2980
- font-size:calc(100px * var(--total-scale-factor));
2981
- transform-origin:0 0;
2982
- cursor:auto;
2983
- }
3059
+ @media (prefers-color-scheme: dark){
2984
3060
 
2985
- .annotationEditorLayer .selectedEditor{
2986
- z-index:100000 !important;
3061
+ :is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton{
3062
+ --csstools-color-scheme--light:;
2987
3063
  }
3064
+ }
2988
3065
 
2989
- .annotationEditorLayer.drawing *{
2990
- pointer-events:none !important;
2991
- }
3066
+ @media screen and (forced-colors: active){
2992
3067
 
2993
- .annotationEditorLayer.waiting{
2994
- content:"";
2995
- cursor:wait;
2996
- position:absolute;
2997
- inset:0;
2998
- width:100%;
2999
- height:100%;
3000
- }
3068
+ :is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton{
3069
+ --comment-button-bg:ButtonFace;
3070
+ --comment-button-fg:ButtonText;
3071
+ --comment-button-hover-bg:SelectedItemText;
3072
+ --comment-button-hover-fg:SelectedItem;
3073
+ --comment-button-active-bg:SelectedItemText;
3074
+ --comment-button-active-fg:SelectedItem;
3075
+ --comment-button-border-color:ButtonBorder;
3076
+ --comment-button-active-border-color:ButtonBorder;
3077
+ --comment-button-hover-border-color:SelectedItem;
3078
+ --comment-button-box-shadow:none;
3079
+ --comment-button-focus-outline-color:CanvasText;
3080
+ --comment-button-selected-bg:ButtonBorder;
3081
+ --comment-button-selected-fg:ButtonFace;
3082
+ }
3083
+ }
3001
3084
 
3002
- .annotationEditorLayer.disabled{
3003
- pointer-events:none;
3004
- }
3085
+ :is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton{
3005
3086
 
3006
- .annotationEditorLayer.freetextEditing{
3007
- cursor:var(--editorFreeText-editing-cursor);
3008
- }
3087
+ position:absolute;
3088
+ width:var(--comment-button-dim);
3089
+ height:var(--comment-button-dim);
3090
+ background-color:var(--comment-button-bg);
3091
+ border-radius:6px 6px 6px 0;
3092
+ border:1px solid var(--comment-button-border-color);
3093
+ box-shadow:var(--comment-button-box-shadow);
3094
+ cursor:auto;
3095
+ z-index:1;
3096
+ padding:4px;
3097
+ margin:0;
3098
+ box-sizing:border-box;
3099
+ pointer-events:auto;
3100
+ }
3009
3101
 
3010
- .annotationEditorLayer.inkEditing{
3011
- cursor:var(--editorInk-editing-cursor);
3012
- }
3102
+ [dir="rtl"] :is(:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton){
3103
+ border-radius:6px 6px 0;
3104
+ }
3013
3105
 
3014
- .annotationEditorLayer .draw{
3015
- box-sizing:border-box;
3016
- }
3106
+ :is(:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton)::before{
3107
+ content:"";
3108
+ display:inline-block;
3109
+ width:100%;
3110
+ height:100%;
3111
+ -webkit-mask-repeat:no-repeat;
3112
+ mask-repeat:no-repeat;
3113
+ -webkit-mask-size:cover;
3114
+ mask-size:cover;
3115
+ -webkit-mask-image:var(--comment-edit-button-icon);
3116
+ mask-image:var(--comment-edit-button-icon);
3117
+ background-color:var(--comment-button-fg);
3118
+ margin:0;
3119
+ padding:0;
3120
+ transform:scaleX(var(--dir-factor));
3121
+ }
3017
3122
 
3018
- .annotationEditorLayer
3019
- :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor){
3020
- position:absolute;
3021
- background:transparent;
3022
- z-index:1;
3023
- transform-origin:0 0;
3024
- cursor:auto;
3025
- max-width:100%;
3026
- max-height:100%;
3027
- border:var(--unfocus-outline);
3028
- }
3123
+ :is(:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton):focus-visible{
3124
+ outline:2px solid var(--comment-button-focus-outline-color);
3125
+ outline-offset:1px;
3126
+ border-color:var(--comment-button-focus-border-color);
3127
+ }
3029
3128
 
3030
- .draggable.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)){
3031
- cursor:move;
3032
- }
3129
+ :is(:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton):hover{
3130
+ background-color:var(--comment-button-hover-bg) !important;
3131
+ border-color:var(--comment-button-hover-border-color);
3132
+ }
3033
3133
 
3034
- .selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)){
3035
- border:var(--focus-outline);
3036
- outline:var(--focus-outline-around);
3037
- }
3134
+ :is(:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton):hover::before{
3135
+ background-color:var(--comment-button-hover-fg);
3136
+ }
3038
3137
 
3039
- .selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor))::before{
3040
- content:"";
3041
- position:absolute;
3042
- inset:0;
3043
- border:var(--focus-outline-around);
3044
- pointer-events:none;
3138
+ :is(:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton):active{
3139
+ background-color:var(--comment-button-active-bg) !important;
3140
+ border-color:var(--comment-button-active-border-color);
3045
3141
  }
3046
3142
 
3047
- :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)):hover:not(.selectedEditor){
3048
- border:var(--hover-outline);
3049
- outline:var(--hover-outline-around);
3050
- }
3143
+ :is(:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton):active::before{
3144
+ background-color:var(--comment-button-active-fg);
3145
+ }
3051
3146
 
3052
- :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)):hover:not(.selectedEditor)::before{
3053
- content:"";
3054
- position:absolute;
3055
- inset:0;
3056
- border:var(--focus-outline-around);
3147
+ .selected:is(:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton){
3148
+ background-color:var(--comment-button-selected-bg) !important;
3149
+ border-color:var(--comment-button-selected-border-color);
3057
3150
  }
3058
3151
 
3059
- :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar{
3060
- --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");
3061
- --csstools-light-dark-toggle--44:var(--csstools-color-scheme--light) #2b2a33;
3062
- --editor-toolbar-bg-color:var(--csstools-light-dark-toggle--44, #f0f0f4);
3063
- --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");
3064
- --csstools-light-dark-toggle--45:var(--csstools-color-scheme--light) #fbfbfe;
3065
- --editor-toolbar-fg-color:var(--csstools-light-dark-toggle--45, #2e2e56);
3066
- --editor-toolbar-border-color:#8f8f9d;
3067
- --editor-toolbar-hover-border-color:var(--editor-toolbar-border-color);
3068
- --csstools-light-dark-toggle--46:var(--csstools-color-scheme--light) #52525e;
3069
- --editor-toolbar-hover-bg-color:var(--csstools-light-dark-toggle--46, #e0e0e6);
3070
- --editor-toolbar-hover-fg-color:var(--editor-toolbar-fg-color);
3071
- --editor-toolbar-hover-outline:none;
3072
- --csstools-light-dark-toggle--47:var(--csstools-color-scheme--light) #0df;
3073
- --editor-toolbar-focus-outline-color:var(--csstools-light-dark-toggle--47, #0060df);
3074
- --editor-toolbar-shadow:0 2px 6px 0 rgb(58 57 68 / 0.2);
3075
- --editor-toolbar-vert-offset:6px;
3076
- --editor-toolbar-height:28px;
3077
- --editor-toolbar-padding:2px;
3078
- --csstools-light-dark-toggle--48:var(--csstools-color-scheme--light) #54ffbd;
3079
- --alt-text-done-color:var(--csstools-light-dark-toggle--48, #2ac3a2);
3080
- --csstools-light-dark-toggle--49:var(--csstools-color-scheme--light) #80ebff;
3081
- --alt-text-warning-color:var(--csstools-light-dark-toggle--49, #0090ed);
3082
- --alt-text-hover-done-color:var(--alt-text-done-color);
3083
- --alt-text-hover-warning-color:var(--alt-text-warning-color);
3084
- }
3152
+ .selected:is(:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton)::before{
3153
+ background-color:var(--comment-button-selected-fg);
3154
+ }
3155
+
3156
+ #editorCommentsSidebar,
3157
+ .commentPopup{
3158
+ --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");
3159
+ --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");
3160
+ --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");
3161
+
3162
+ --csstools-light-dark-toggle--57:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.69);
3163
+
3164
+ --comment-date-fg-color:var(--csstools-light-dark-toggle--57, rgb(21 20 26 / 0.69));
3165
+ --csstools-light-dark-toggle--58:var(--csstools-color-scheme--light) #1c1b22;
3166
+ --comment-bg-color:var(--csstools-light-dark-toggle--58, #f9f9fb);
3167
+ --csstools-light-dark-toggle--59:var(--csstools-color-scheme--light) #2c2b33;
3168
+ --comment-hover-bg-color:var(--csstools-light-dark-toggle--59, #e0e0e6);
3169
+ --csstools-light-dark-toggle--60:var(--csstools-color-scheme--light) #3a3944;
3170
+ --comment-active-bg-color:var(--csstools-light-dark-toggle--60, #d1d1d9);
3171
+ --comment-hover-brightness:0.89;
3172
+ --comment-hover-filter:brightness(var(--comment-hover-brightness));
3173
+ --comment-active-brightness:0.825;
3174
+ --comment-active-filter:brightness(var(--comment-active-brightness));
3175
+ --csstools-light-dark-toggle--61:var(--csstools-color-scheme--light) #52525e;
3176
+ --comment-border-color:var(--csstools-light-dark-toggle--61, #f0f0f4);
3177
+ --csstools-light-dark-toggle--62:var(--csstools-color-scheme--light) #00cadb;
3178
+ --comment-focus-outline-color:var(--csstools-light-dark-toggle--62, #0062fa);
3179
+ --csstools-light-dark-toggle--63:var(--csstools-color-scheme--light) #fbfbfe;
3180
+ --comment-fg-color:var(--csstools-light-dark-toggle--63, #15141a);
3181
+ --csstools-light-dark-toggle--64:var(--csstools-color-scheme--light) #00317e;
3182
+ --comment-count-bg-color:var(--csstools-light-dark-toggle--64, #e2f7ff);
3183
+ --csstools-light-dark-toggle--65:var(--csstools-color-scheme--light) #a6ecf4;
3184
+ --comment-indicator-active-fg-color:var(--csstools-light-dark-toggle--65, #0041a4);
3185
+ --comment-indicator-active-filter:brightness(
3186
+ calc(1 / var(--comment-active-brightness))
3187
+ );
3188
+ --csstools-light-dark-toggle--66:var(--csstools-color-scheme--light) #fbfbfe;
3189
+ --comment-indicator-focus-fg-color:var(--csstools-light-dark-toggle--66, #5b5b66);
3190
+ --csstools-light-dark-toggle--67:var(--csstools-color-scheme--light) #61dce9;
3191
+ --comment-indicator-hover-fg-color:var(--csstools-light-dark-toggle--67, #0053cb);
3192
+ --comment-indicator-hover-filter:brightness(
3193
+ calc(1 / var(--comment-hover-brightness))
3194
+ );
3195
+ --csstools-light-dark-toggle--68:var(--csstools-color-scheme--light) #00cadb;
3196
+ --comment-indicator-selected-fg-color:var(--csstools-light-dark-toggle--68, #0062fa);
3197
+
3198
+ --button-comment-bg:transparent;
3199
+ --button-comment-color:var(--main-color);
3200
+ --csstools-light-dark-toggle--69:var(--csstools-color-scheme--light) #5b5b66;
3201
+ --button-comment-active-bg:var(--csstools-light-dark-toggle--69, #cfcfd8);
3202
+ --button-comment-active-border:none;
3203
+ --button-comment-active-color:var(--button-comment-color);
3204
+ --button-comment-border:none;
3205
+ --csstools-light-dark-toggle--70:var(--csstools-color-scheme--light) #52525e;
3206
+ --button-comment-hover-bg:var(--csstools-light-dark-toggle--70, #e0e0e6);
3207
+ --button-comment-hover-color:var(--button-comment-color);
3208
+
3209
+ --csstools-light-dark-toggle--71:var(--csstools-color-scheme--light) #0df;
3210
+
3211
+ --link-fg-color:var(--csstools-light-dark-toggle--71, #0060df);
3212
+ --csstools-light-dark-toggle--72:var(--csstools-color-scheme--light) #80ebff;
3213
+ --link-hover-fg-color:var(--csstools-light-dark-toggle--72, #0250bb);
3214
+ }
3215
+
3216
+ @supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
3217
+ #editorCommentsSidebar,
3218
+ .commentPopup{
3219
+
3220
+ --comment-date-fg-color:light-dark(
3221
+ rgb(21 20 26 / 0.69),
3222
+ rgb(251 251 254 / 0.69)
3223
+ );
3224
+ }
3225
+ }
3085
3226
 
3086
3227
  @supports (color: light-dark(red, red)){
3087
- :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar{
3088
- --editor-toolbar-bg-color:light-dark(#f0f0f4, #2b2a33);
3089
- --editor-toolbar-fg-color:light-dark(#2e2e56, #fbfbfe);
3090
- --editor-toolbar-hover-bg-color:light-dark(#e0e0e6, #52525e);
3091
- --editor-toolbar-focus-outline-color:light-dark(#0060df, #0df);
3092
- --alt-text-done-color:light-dark(#2ac3a2, #54ffbd);
3093
- --alt-text-warning-color:light-dark(#0090ed, #80ebff);
3094
- }
3228
+ #editorCommentsSidebar,
3229
+ .commentPopup{
3230
+ --comment-bg-color:light-dark(#f9f9fb, #1c1b22);
3231
+ --comment-hover-bg-color:light-dark(#e0e0e6, #2c2b33);
3232
+ --comment-active-bg-color:light-dark(#d1d1d9, #3a3944);
3233
+ --comment-border-color:light-dark(#f0f0f4, #52525e);
3234
+ --comment-focus-outline-color:light-dark(#0062fa, #00cadb);
3235
+ --comment-fg-color:light-dark(#15141a, #fbfbfe);
3236
+ --comment-count-bg-color:light-dark(#e2f7ff, #00317e);
3237
+ --comment-indicator-active-fg-color:light-dark(#0041a4, #a6ecf4);
3238
+ --comment-indicator-focus-fg-color:light-dark(#5b5b66, #fbfbfe);
3239
+ --comment-indicator-hover-fg-color:light-dark(#0053cb, #61dce9);
3240
+ --comment-indicator-selected-fg-color:light-dark(#0062fa, #00cadb);
3241
+ --button-comment-active-bg:light-dark(#cfcfd8, #5b5b66);
3242
+ --button-comment-hover-bg:light-dark(#e0e0e6, #52525e);
3243
+
3244
+ --link-fg-color:light-dark(#0060df, #0df);
3245
+ --link-hover-fg-color:light-dark(#0250bb, #80ebff);
3246
+ }
3095
3247
  }
3096
3248
 
3097
3249
  @supports not (color: light-dark(tan, tan)){
3098
3250
 
3099
- :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) *{
3100
- --csstools-light-dark-toggle--44:var(--csstools-color-scheme--light) #2b2a33;
3101
- --editor-toolbar-bg-color:var(--csstools-light-dark-toggle--44, #f0f0f4);
3102
- --csstools-light-dark-toggle--45:var(--csstools-color-scheme--light) #fbfbfe;
3103
- --editor-toolbar-fg-color:var(--csstools-light-dark-toggle--45, #2e2e56);
3104
- --csstools-light-dark-toggle--46:var(--csstools-color-scheme--light) #52525e;
3105
- --editor-toolbar-hover-bg-color:var(--csstools-light-dark-toggle--46, #e0e0e6);
3106
- --csstools-light-dark-toggle--47:var(--csstools-color-scheme--light) #0df;
3107
- --editor-toolbar-focus-outline-color:var(--csstools-light-dark-toggle--47, #0060df);
3108
- --csstools-light-dark-toggle--48:var(--csstools-color-scheme--light) #54ffbd;
3109
- --alt-text-done-color:var(--csstools-light-dark-toggle--48, #2ac3a2);
3110
- --csstools-light-dark-toggle--49:var(--csstools-color-scheme--light) #80ebff;
3111
- --alt-text-warning-color:var(--csstools-light-dark-toggle--49, #0090ed);
3251
+ :is(#editorCommentsSidebar,.commentPopup) *{
3252
+
3253
+ --csstools-light-dark-toggle--57:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.69);
3254
+
3255
+ --comment-date-fg-color:var(--csstools-light-dark-toggle--57, rgb(21 20 26 / 0.69));
3256
+ --csstools-light-dark-toggle--58:var(--csstools-color-scheme--light) #1c1b22;
3257
+ --comment-bg-color:var(--csstools-light-dark-toggle--58, #f9f9fb);
3258
+ --csstools-light-dark-toggle--59:var(--csstools-color-scheme--light) #2c2b33;
3259
+ --comment-hover-bg-color:var(--csstools-light-dark-toggle--59, #e0e0e6);
3260
+ --csstools-light-dark-toggle--60:var(--csstools-color-scheme--light) #3a3944;
3261
+ --comment-active-bg-color:var(--csstools-light-dark-toggle--60, #d1d1d9);
3262
+ --csstools-light-dark-toggle--61:var(--csstools-color-scheme--light) #52525e;
3263
+ --comment-border-color:var(--csstools-light-dark-toggle--61, #f0f0f4);
3264
+ --csstools-light-dark-toggle--62:var(--csstools-color-scheme--light) #00cadb;
3265
+ --comment-focus-outline-color:var(--csstools-light-dark-toggle--62, #0062fa);
3266
+ --csstools-light-dark-toggle--63:var(--csstools-color-scheme--light) #fbfbfe;
3267
+ --comment-fg-color:var(--csstools-light-dark-toggle--63, #15141a);
3268
+ --csstools-light-dark-toggle--64:var(--csstools-color-scheme--light) #00317e;
3269
+ --comment-count-bg-color:var(--csstools-light-dark-toggle--64, #e2f7ff);
3270
+ --csstools-light-dark-toggle--65:var(--csstools-color-scheme--light) #a6ecf4;
3271
+ --comment-indicator-active-fg-color:var(--csstools-light-dark-toggle--65, #0041a4);
3272
+ --csstools-light-dark-toggle--66:var(--csstools-color-scheme--light) #fbfbfe;
3273
+ --comment-indicator-focus-fg-color:var(--csstools-light-dark-toggle--66, #5b5b66);
3274
+ --csstools-light-dark-toggle--67:var(--csstools-color-scheme--light) #61dce9;
3275
+ --comment-indicator-hover-fg-color:var(--csstools-light-dark-toggle--67, #0053cb);
3276
+ --csstools-light-dark-toggle--68:var(--csstools-color-scheme--light) #00cadb;
3277
+ --comment-indicator-selected-fg-color:var(--csstools-light-dark-toggle--68, #0062fa);
3278
+ --csstools-light-dark-toggle--69:var(--csstools-color-scheme--light) #5b5b66;
3279
+ --button-comment-active-bg:var(--csstools-light-dark-toggle--69, #cfcfd8);
3280
+ --csstools-light-dark-toggle--70:var(--csstools-color-scheme--light) #52525e;
3281
+ --button-comment-hover-bg:var(--csstools-light-dark-toggle--70, #e0e0e6);
3282
+
3283
+ --csstools-light-dark-toggle--71:var(--csstools-color-scheme--light) #0df;
3284
+
3285
+ --link-fg-color:var(--csstools-light-dark-toggle--71, #0060df);
3286
+ --csstools-light-dark-toggle--72:var(--csstools-color-scheme--light) #80ebff;
3287
+ --link-hover-fg-color:var(--csstools-light-dark-toggle--72, #0250bb);
3112
3288
  }
3113
3289
  }
3114
3290
 
3115
3291
  @media screen and (forced-colors: active){
3116
3292
 
3117
- :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar{
3118
- --editor-toolbar-bg-color:ButtonFace;
3119
- --editor-toolbar-fg-color:ButtonText;
3120
- --editor-toolbar-border-color:ButtonText;
3121
- --editor-toolbar-hover-border-color:AccentColor;
3122
- --editor-toolbar-hover-bg-color:ButtonFace;
3123
- --editor-toolbar-hover-fg-color:AccentColor;
3124
- --editor-toolbar-hover-outline:2px solid var(--editor-toolbar-hover-border-color);
3125
- --editor-toolbar-focus-outline-color:ButtonBorder;
3126
- --editor-toolbar-shadow:none;
3127
- --alt-text-done-color:var(--editor-toolbar-fg-color);
3128
- --alt-text-warning-color:var(--editor-toolbar-fg-color);
3293
+ #editorCommentsSidebar,
3294
+ .commentPopup{
3295
+ --comment-date-fg-color:CanvasText;
3296
+ --comment-bg-color:Canvas;
3297
+ --comment-hover-bg-color:Canvas;
3298
+ --comment-hover-filter:none;
3299
+ --comment-active-bg-color:Canvas;
3300
+ --comment-active-filter:none;
3301
+ --comment-border-color:CanvasText;
3302
+ --comment-fg-color:CanvasText;
3303
+ --comment-count-bg-color:Canvas;
3304
+ --comment-indicator-active-fg-color:SelectedItem;
3305
+ --comment-indicator-focus-fg-color:CanvasText;
3306
+ --comment-indicator-hover-fg-color:CanvasText;
3307
+ --comment-indicator-selected-fg-color:SelectedItem;
3308
+ --button-comment-bg:ButtonFace;
3309
+ --button-comment-color:ButtonText;
3310
+ --button-comment-active-bg:Highlight;
3311
+ --button-comment-active-color:HighlightText;
3312
+ --button-comment-border:1px solid ButtonText;
3313
+ --button-comment-hover-bg:Highlight;
3314
+ --button-comment-hover-color:HighlightText;
3315
+ --link-fg-color:LinkText;
3316
+ --link-hover-fg-color:LinkText;
3317
+ }
3318
+ }
3319
+
3320
+ #editorCommentsSidebar{
3321
+ display:flex;
3322
+ height:auto;
3323
+ padding-bottom:16px;
3324
+ flex-direction:column;
3325
+ align-items:flex-start;
3326
+ }
3327
+
3328
+ #editorCommentsSidebar #editorCommentsSidebarHeader{
3329
+ width:100%;
3330
+ box-sizing:border-box;
3331
+ padding:16px;
3332
+ display:flex;
3333
+ align-items:center;
3334
+ justify-content:space-between;
3335
+ }
3336
+
3337
+ :is(#editorCommentsSidebar #editorCommentsSidebarHeader) .commentCount{
3338
+ display:flex;
3339
+ align-items:baseline;
3340
+ gap:6px;
3341
+ -webkit-user-select:none;
3342
+ -moz-user-select:none;
3343
+ user-select:none;
3344
+ }
3345
+
3346
+ :is(:is(#editorCommentsSidebar #editorCommentsSidebarHeader) .commentCount) #editorCommentsSidebarTitle{
3347
+ font:menu;
3348
+ font-style:normal;
3349
+ font-weight:590;
3350
+ line-height:normal;
3351
+ font-size:17px;
3352
+ color:var(--comment-fg-color);
3353
+ }
3354
+
3355
+ :is(:is(#editorCommentsSidebar #editorCommentsSidebarHeader) .commentCount) #editorCommentsSidebarCount{
3356
+ padding:0 4px;
3357
+ border-radius:4px;
3358
+ background-color:var(--comment-count-bg-color);
3359
+
3360
+ color:var(--comment-fg-color);
3361
+ text-align:center;
3362
+
3363
+ font:menu;
3364
+ font-size:13px;
3365
+ font-style:normal;
3366
+ font-weight:400;
3367
+ line-height:normal;
3368
+ }
3369
+
3370
+ :is(#editorCommentsSidebar #editorCommentsSidebarHeader) #editorCommentsSidebarCloseButton{
3371
+ width:32px;
3372
+ height:32px;
3373
+ padding:8px;
3374
+ border-radius:4px;
3375
+ border:var(--button-comment-border);
3376
+ background-color:var(--button-comment-bg);
3377
+ cursor:pointer;
3378
+ }
3379
+
3380
+ :is(:is(#editorCommentsSidebar #editorCommentsSidebarHeader) #editorCommentsSidebarCloseButton)::before{
3381
+ content:"";
3382
+ display:inline-block;
3383
+ width:100%;
3384
+ height:100%;
3385
+ -webkit-mask-repeat:no-repeat;
3386
+ mask-repeat:no-repeat;
3387
+ -webkit-mask-position:center;
3388
+ mask-position:center;
3389
+ -webkit-mask-image:var(--comment-close-button-icon);
3390
+ mask-image:var(--comment-close-button-icon);
3391
+ background-color:var(--button-comment-color);
3392
+ }
3393
+
3394
+ :is(:is(#editorCommentsSidebar #editorCommentsSidebarHeader) #editorCommentsSidebarCloseButton):hover{
3395
+ background-color:var(--button-comment-hover-bg);
3396
+ }
3397
+
3398
+ :is(:is(#editorCommentsSidebar #editorCommentsSidebarHeader) #editorCommentsSidebarCloseButton):hover::before{
3399
+ background-color:var(--button-comment-hover-color);
3400
+ }
3401
+
3402
+ :is(:is(#editorCommentsSidebar #editorCommentsSidebarHeader) #editorCommentsSidebarCloseButton):active{
3403
+ border:var(--button-comment-active-border);
3404
+ background-color:var(--button-comment-active-bg);
3405
+ }
3406
+
3407
+ :is(:is(#editorCommentsSidebar #editorCommentsSidebarHeader) #editorCommentsSidebarCloseButton):active::before{
3408
+ background-color:var(--button-comment-active-color);
3409
+ }
3410
+
3411
+ :is(:is(#editorCommentsSidebar #editorCommentsSidebarHeader) #editorCommentsSidebarCloseButton):focus-visible{
3412
+ outline:var(--focus-ring-outline);
3413
+ }
3414
+
3415
+ :is(:is(#editorCommentsSidebar #editorCommentsSidebarHeader) #editorCommentsSidebarCloseButton) > span{
3416
+ display:inline-block;
3417
+ width:0;
3418
+ height:0;
3419
+ overflow:hidden;
3420
+ }
3421
+
3422
+ #editorCommentsSidebar #editorCommentsSidebarListContainer{
3423
+ overflow:auto;
3424
+ width:100%;
3425
+ }
3426
+
3427
+ :is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList{
3428
+ display:flex;
3429
+ width:auto;
3430
+ padding:4px 16px;
3431
+ gap:10px;
3432
+ align-items:flex-start;
3433
+ flex-direction:column;
3434
+ list-style-type:none;
3435
+ }
3436
+
3437
+ :is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment{
3438
+ display:flex;
3439
+ width:auto;
3440
+ padding:8px 16px 16px;
3441
+ flex-direction:column;
3442
+ align-items:flex-start;
3443
+ align-self:stretch;
3444
+ gap:4px;
3445
+
3446
+ border-radius:8px;
3447
+ border:0.5px solid var(--comment-border-color);
3448
+ background-color:var(--comment-bg-color);
3449
+ }
3450
+
3451
+ @media screen and (forced-colors: active){
3452
+
3453
+ :is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments):hover{
3454
+ background-color:var(--comment-hover-bg-color);
3455
+ }
3456
+ }
3457
+
3458
+ :is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments):hover{
3459
+ filter:var(--comment-hover-filter);
3460
+ }
3461
+
3462
+ :is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments):hover time::after{
3463
+ display:inline-block;
3464
+ background-color:var(--comment-indicator-hover-fg-color);
3465
+ filter:var(--comment-indicator-hover-filter);
3466
+ }
3467
+
3468
+ @media screen and (forced-colors: active){
3469
+
3470
+ :is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments):active{
3471
+ background-color:var(--comment-active-bg-color);
3472
+ }
3473
+ }
3474
+
3475
+ :is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments):active{
3476
+ filter:var(--comment-active-filter);
3477
+ }
3478
+
3479
+ :is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments):active time::after{
3480
+ display:inline-block;
3481
+ background-color:var(--comment-indicator-active-fg-color);
3482
+ filter:var(--comment-indicator-active-filter);
3483
+ }
3484
+
3485
+ :is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments):is(:focus,:focus-visible) time::after{
3486
+ display:inline-block;
3487
+ background-color:var(--comment-indicator-focus-fg-color);
3488
+ }
3489
+
3490
+ :is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments):focus-visible{
3491
+ outline:2px solid var(--comment-focus-outline-color);
3492
+ outline-offset:2px;
3493
+ }
3494
+
3495
+ .selected:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments) .sidebarCommentText{
3496
+ max-height:-moz-fit-content;
3497
+ max-height:fit-content;
3498
+ -webkit-line-clamp:unset;
3499
+ }
3500
+
3501
+ .selected:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments) time::after{
3502
+ display:inline-block;
3503
+ background-color:var(--comment-indicator-selected-fg-color);
3504
+ }
3505
+
3506
+ :is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment) .sidebarCommentText{
3507
+ font:menu;
3508
+ font-style:normal;
3509
+ font-weight:400;
3510
+ line-height:normal;
3511
+ font-size:15px;
3512
+ width:100%;
3513
+ height:-moz-fit-content;
3514
+ height:fit-content;
3515
+ max-height:80px;
3516
+ display:-webkit-box;
3517
+ -webkit-box-orient:vertical;
3518
+ -webkit-line-clamp:2;
3519
+ overflow:hidden;
3520
+ overflow-wrap:break-word;
3521
+ }
3522
+
3523
+ :is(:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment) .sidebarCommentText) .richText{
3524
+ --total-scale-factor:1.5;
3525
+ }
3526
+
3527
+ .noComments:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment) .sidebarCommentText{
3528
+ max-height:-moz-fit-content;
3529
+ max-height:fit-content;
3530
+ -webkit-line-clamp:unset;
3531
+ -webkit-user-select:none;
3532
+ -moz-user-select:none;
3533
+ user-select:none;
3534
+ }
3535
+
3536
+ .noComments:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment) a{
3537
+ font:menu;
3538
+ font-style:normal;
3539
+ font-weight:400;
3540
+ line-height:normal;
3541
+ font-size:15px;
3542
+ width:100%;
3543
+ height:auto;
3544
+ overflow-wrap:break-word;
3545
+ margin-block-start:15px;
3546
+ color:var(--link-fg-color);
3547
+ }
3548
+
3549
+ :is(.noComments:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment) a):focus-visible{
3550
+ outline:var(--focus-ring-outline);
3551
+ }
3552
+
3553
+ :is(.noComments:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment) a):hover{
3554
+ color:var(--link-hover-fg-color);
3555
+ }
3556
+
3557
+ :is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment) time{
3558
+ width:100%;
3559
+ display:inline-flex;
3560
+ align-items:center;
3561
+ justify-content:space-between;
3562
+
3563
+ font:menu;
3564
+ font-style:normal;
3565
+ font-weight:400;
3566
+ line-height:normal;
3567
+ font-size:13px;
3568
+ }
3569
+
3570
+ :is(:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment) time)::after{
3571
+ content:"";
3572
+ display:none;
3573
+ width:16px;
3574
+ height:16px;
3575
+ -webkit-mask-repeat:no-repeat;
3576
+ mask-repeat:no-repeat;
3577
+ -webkit-mask-position:center;
3578
+ mask-position:center;
3579
+ -webkit-mask-image:var(--comment-edit-button-icon);
3580
+ mask-image:var(--comment-edit-button-icon);
3581
+ transform:scaleX(var(--dir-factor));
3582
+ }
3583
+
3584
+ .commentPopup{
3585
+ --csstools-color-scheme--light:initial;
3586
+ color-scheme:light dark;
3587
+
3588
+ --csstools-light-dark-toggle--73:var(--csstools-color-scheme--light) #3a3944;
3589
+
3590
+ --divider-color:var(--csstools-light-dark-toggle--73, #cfcfd8);
3591
+ --csstools-light-dark-toggle--74:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
3592
+ --csstools-light-dark-toggle--75:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
3593
+ --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));
3594
+ }
3595
+
3596
+ @supports (color: light-dark(red, red)){
3597
+ .commentPopup{
3598
+
3599
+ --divider-color:light-dark(#cfcfd8, #3a3944);
3600
+ }
3601
+ }
3602
+
3603
+ @supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
3604
+ .commentPopup{
3605
+ --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));
3606
+ }
3607
+ }
3608
+
3609
+ @supports not (color: light-dark(tan, tan)){
3610
+
3611
+ .commentPopup *{
3612
+
3613
+ --csstools-light-dark-toggle--73:var(--csstools-color-scheme--light) #3a3944;
3614
+
3615
+ --divider-color:var(--csstools-light-dark-toggle--73, #cfcfd8);
3616
+ --csstools-light-dark-toggle--74:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
3617
+ --csstools-light-dark-toggle--75:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
3618
+ --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));
3619
+ }
3620
+ }
3621
+
3622
+ @media (prefers-color-scheme: dark){
3623
+
3624
+ .commentPopup{
3625
+ --csstools-color-scheme--light:;
3626
+ }
3627
+ }
3628
+
3629
+ @media screen and (forced-colors: active){
3630
+
3631
+ .commentPopup{
3632
+ --divider-color:CanvasText;
3633
+ --comment-shadow:none;
3634
+ }
3635
+ }
3636
+
3637
+ .commentPopup{
3638
+
3639
+ display:flex;
3640
+ flex-direction:column;
3641
+ align-items:flex-start;
3642
+ gap:12px;
3643
+ z-index:100001;
3644
+ pointer-events:auto;
3645
+ margin-top:2px;
3646
+
3647
+ border:0.5px solid var(--comment-border-color);
3648
+ background:var(--comment-bg-color);
3649
+ box-shadow:var(--comment-shadow);
3650
+ }
3651
+
3652
+ .commentPopup:focus-visible{
3653
+ outline:none;
3654
+ }
3655
+
3656
+ .commentPopup.dragging{
3657
+ cursor:move !important;
3658
+ }
3659
+
3660
+ .commentPopup.dragging *{
3661
+ cursor:move !important;
3662
+ }
3663
+
3664
+ .commentPopup.dragging button{
3665
+ pointer-events:none !important;
3666
+ }
3667
+
3668
+ .commentPopup:not(.selected) .commentPopupButtons{
3669
+ visibility:hidden !important;
3670
+ }
3671
+
3672
+ .commentPopup hr{
3673
+ width:100%;
3674
+ height:1px;
3675
+ border:none;
3676
+ border-top:1px solid var(--divider-color);
3677
+ margin:0;
3678
+ padding:0;
3679
+ }
3680
+
3681
+ .commentPopup .commentPopupTop{
3682
+ display:flex;
3683
+ width:100%;
3684
+ height:auto;
3685
+ padding-bottom:4px;
3686
+ justify-content:space-between;
3687
+ align-items:center;
3688
+ align-self:stretch;
3689
+ cursor:move;
3690
+ -webkit-user-select:none;
3691
+ -moz-user-select:none;
3692
+ user-select:none;
3693
+ }
3694
+
3695
+ :is(.commentPopup .commentPopupTop) .commentPopupTime{
3696
+ font:menu;
3697
+ font-style:normal;
3698
+ font-weight:400;
3699
+ line-height:normal;
3700
+ font-size:13px;
3701
+ color:var(--comment-date-fg-color);
3702
+ }
3703
+
3704
+ :is(.commentPopup .commentPopupTop) .commentPopupButtons{
3705
+ display:flex;
3706
+ align-items:center;
3707
+ gap:2px;
3708
+ cursor:default;
3709
+ }
3710
+
3711
+ :is(:is(.commentPopup .commentPopupTop) .commentPopupButtons) > button{
3712
+ width:32px;
3713
+ height:32px;
3714
+ padding:8px;
3715
+ border:var(--button-comment-border);
3716
+ border-radius:4px;
3717
+ background-color:var(--button-comment-bg);
3718
+ color:var(--button-comment-color);
3719
+ }
3720
+
3721
+ :is(:is(:is(.commentPopup .commentPopupTop) .commentPopupButtons) > button):hover{
3722
+ background-color:var(--button-comment-hover-bg);
3723
+ }
3724
+
3725
+ :is(:is(:is(.commentPopup .commentPopupTop) .commentPopupButtons) > button):hover::before{
3726
+ background-color:var(--button-comment-hover-color);
3727
+ }
3728
+
3729
+ :is(:is(:is(.commentPopup .commentPopupTop) .commentPopupButtons) > button):active{
3730
+ border:var(--button-comment-active-border);
3731
+ background-color:var(--button-comment-active-bg);
3732
+ color:var(--button-comment-active-color);
3733
+ }
3734
+
3735
+ :is(:is(:is(.commentPopup .commentPopupTop) .commentPopupButtons) > button):active::before{
3736
+ background-color:var(--button-comment-active-color);
3737
+ }
3738
+
3739
+ :is(:is(:is(.commentPopup .commentPopupTop) .commentPopupButtons) > button):focus-visible{
3740
+ background-color:var(--button-comment-hover-bg);
3741
+ outline:2px solid var(--comment-focus-outline-color);
3742
+ outline-offset:0;
3743
+ }
3744
+
3745
+ :is(:is(:is(.commentPopup .commentPopupTop) .commentPopupButtons) > button)::before{
3746
+ content:"";
3747
+ display:inline-block;
3748
+ width:100%;
3749
+ height:100%;
3750
+ -webkit-mask-repeat:no-repeat;
3751
+ mask-repeat:no-repeat;
3752
+ -webkit-mask-position:center;
3753
+ mask-position:center;
3754
+ }
3755
+
3756
+ .commentPopupEdit:is(:is(:is(.commentPopup .commentPopupTop) .commentPopupButtons) > button)::before{
3757
+ -webkit-mask-image:var(--comment-popup-edit-button-icon);
3758
+ mask-image:var(--comment-popup-edit-button-icon);
3759
+ }
3760
+
3761
+ .commentPopupDelete:is(:is(:is(.commentPopup .commentPopupTop) .commentPopupButtons) > button)::before{
3762
+ -webkit-mask-image:var(--comment-popup-delete-button-icon);
3763
+ mask-image:var(--comment-popup-delete-button-icon);
3764
+ }
3765
+
3766
+ .commentPopup .commentPopupText{
3767
+ width:100%;
3768
+ height:auto;
3769
+
3770
+ font:menu;
3771
+ font-style:normal;
3772
+ font-weight:400;
3773
+ line-height:normal;
3774
+ font-size:15px;
3775
+ color:var(--comment-fg-color);
3776
+ }
3777
+
3778
+ .commentPopupText,
3779
+ .sidebarCommentText .richText{
3780
+ margin-block:0;
3781
+ }
3782
+
3783
+ :is(.commentPopupText,.sidebarCommentText .richText) p:first-of-type{
3784
+ margin-block:0;
3785
+ }
3786
+
3787
+ :is(.commentPopupText,.sidebarCommentText .richText) > *{
3788
+ white-space:pre-wrap;
3789
+ font-size:max(15px, calc(10px * var(--total-scale-factor)));
3790
+ overflow-wrap:break-word;
3791
+ }
3792
+
3793
+ :is(.commentPopupText,.sidebarCommentText .richText) span{
3794
+ color:var(--comment-fg-color) !important;
3795
+ }
3796
+
3797
+ :root{
3798
+ --editor-toolbar-vert-offset:6px;
3799
+ --outline-width:2px;
3800
+ --outline-color:#0060df;
3801
+ --outline-around-width:1px;
3802
+ --outline-around-color:#f0f0f4;
3803
+ --hover-outline-around-color:var(--outline-around-color);
3804
+ --focus-outline:solid var(--outline-width) var(--outline-color);
3805
+ --unfocus-outline:solid var(--outline-width) transparent;
3806
+ --focus-outline-around:solid var(--outline-around-width) var(--outline-around-color);
3807
+ --hover-outline-color:#8f8f9d;
3808
+ --hover-outline:solid var(--outline-width) var(--hover-outline-color);
3809
+ --hover-outline-around:solid var(--outline-around-width) var(--hover-outline-around-color);
3810
+ --freetext-line-height:1.35;
3811
+ --freetext-padding:2px;
3812
+ --resizer-bg-color:var(--outline-color);
3813
+ --resizer-size:6px;
3814
+ --resizer-shift:calc(
3815
+ 0px - (var(--outline-width) + var(--resizer-size)) / 2 -
3816
+ var(--outline-around-width)
3817
+ );
3818
+ --editorFreeText-editing-cursor:text;
3819
+ --editorInk-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%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;
3820
+ --editorHighlight-editing-cursor:url("data:image/svg+xml,%3Csvg width%3D%2229%22 height%3D%2232%22 viewBox%3D%220 0 29 32%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M28 16.75C28.2761 16.75 28.5 16.5261 28.5 16.25V15C28.5 14.7239 28.2761 14.5 28 14.5H26.358C25.9117 14.5 25.4773 14.6257 25.0999 14.8604L25.0989 14.8611L24 15.5484L22.9 14.861L22.8991 14.8604C22.5218 14.6257 22.0875 14.5 21.642 14.5H20C19.7239 14.5 19.5 14.7239 19.5 15V16.25C19.5 16.5261 19.7239 16.75 20 16.75H21.642C21.6648 16.75 21.6885 16.7564 21.7101 16.7697C21.7102 16.7698 21.7104 16.7699 21.7105 16.77L22.817 17.461C22.817 17.461 22.8171 17.4611 22.8171 17.4611C22.8171 17.4611 22.8171 17.4611 22.8171 17.4611C22.8552 17.4849 22.876 17.5229 22.876 17.567V22.625V27.683C22.876 27.7271 22.8552 27.765 22.8172 27.7889C22.8171 27.7889 22.8171 27.789 22.817 27.789L21.7095 28.48C21.7094 28.4801 21.7093 28.4802 21.7092 28.4803C21.6872 28.4938 21.6644 28.5 21.641 28.5H20C19.7239 28.5 19.5 28.7239 19.5 29V30.25C19.5 30.5261 19.7239 30.75 20 30.75H21.642C22.0883 30.75 22.5227 30.6243 22.9001 30.3896L22.9009 30.3891L24 29.7026L25.1 30.39L25.1009 30.3906C25.4783 30.6253 25.9127 30.751 26.359 30.751H28C28.2761 30.751 28.5 30.5271 28.5 30.251V29.001C28.5 28.7249 28.2761 28.501 28 28.501H26.358C26.3352 28.501 26.3115 28.4946 26.2899 28.4813C26.2897 28.4812 26.2896 28.4811 26.2895 28.481L25.183 27.79C25.183 27.79 25.183 27.79 25.1829 27.79C25.1829 27.7899 25.1829 27.7899 25.1829 27.7899C25.1462 27.7669 25.125 27.7297 25.125 27.684V22.625V17.567C25.125 17.5227 25.146 17.4844 25.1836 17.4606C25.1838 17.4605 25.1839 17.4604 25.184 17.4603L26.2895 16.77C26.2896 16.7699 26.2898 16.7698 26.2899 16.7697C26.3119 16.7562 26.3346 16.75 26.358 16.75H28Z%22 fill%3D%22black%22 stroke%3D%22%23FBFBFE%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M24.625 17.567C24.625 17.35 24.735 17.152 24.918 17.037L26.026 16.345C26.126 16.283 26.24 16.25 26.358 16.25H28V15H26.358C26.006 15 25.663 15.099 25.364 15.285L24.256 15.978C24.161 16.037 24.081 16.113 24 16.187C23.918 16.113 23.839 16.037 23.744 15.978L22.635 15.285C22.336 15.099 21.993 15 21.642 15H20V16.25H21.642C21.759 16.25 21.874 16.283 21.974 16.345L23.082 17.037C23.266 17.152 23.376 17.35 23.376 17.567V22.625V27.683C23.376 27.9 23.266 28.098 23.082 28.213L21.973 28.905C21.873 28.967 21.759 29 21.641 29H20V30.25H21.642C21.994 30.25 22.337 30.151 22.636 29.965L23.744 29.273C23.84 29.213 23.919 29.137 24 29.064C24.081 29.137 24.161 29.213 24.256 29.273L25.365 29.966C25.664 30.152 26.007 30.251 26.359 30.251H28V29.001H26.358C26.241 29.001 26.126 28.968 26.026 28.906L24.918 28.214C24.734 28.099 24.625 27.901 24.625 27.684V22.625V17.567Z%22 fill%3D%22black%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M12.2 2.59C12.28 2.51 12.43 2.5 12.43 2.5C12.48 2.5 12.58 2.52 12.66 2.6L14.45 4.39C14.58 4.52 14.58 4.72 14.45 4.85L11.7713 7.52872L9.51628 5.27372L12.2 2.59ZM13.2658 4.62L11.7713 6.1145L10.9305 5.27372L12.425 3.77921L13.2658 4.62Z%22 fill%3D%22%23FBFBFE%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M5.98 8.82L8.23 11.07L10.7106 8.58938L8.45562 6.33438L5.98 8.81V8.82ZM8.23 9.65579L9.29641 8.58938L8.45562 7.74859L7.38921 8.815L8.23 9.65579Z%22 fill%3D%22%23FBFBFE%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M10.1526 12.6816L16.2125 6.6217C16.7576 6.08919 17.05 5.3707 17.05 4.62C17.05 3.86931 16.7576 3.15084 16.2126 2.61834L14.4317 0.837474C13.8992 0.29242 13.1807 0 12.43 0C11.6643 0 10.9529 0.312929 10.4329 0.832893L3.68289 7.58289C3.04127 8.22452 3.00459 9.25075 3.57288 9.93634L1.29187 12.2239C1.09186 12.4245 0.990263 12.6957 1.0007 12.9685L1 14C0.447715 14 0 14.4477 0 15V17C0 17.5523 0.447715 18 1 18H16C16.5523 18 17 17.5523 17 17V15C17 14.4477 16.5523 14 16 14H10.2325C9.83594 14 9.39953 13.4347 10.1526 12.6816ZM4.39 9.35L4.9807 9.9407L2.39762 12.5312H6.63877L7.10501 12.065L7.57125 12.5312H8.88875L15.51 5.91C15.86 5.57 16.05 5.11 16.05 4.62C16.05 4.13 15.86 3.67 15.51 3.33L13.72 1.54C13.38 1.19 12.92 1 12.43 1C11.94 1 11.48 1.2 11.14 1.54L4.39 8.29C4.1 8.58 4.1 9.06 4.39 9.35ZM16 17V15H1V17H16Z%22 fill%3D%22%23FBFBFE%22%2F%3E%3Cpath d%3D%22M15.1616 5.55136L15.1616 5.55132L15.1564 5.55645L8.40645 12.3064C8.35915 12.3537 8.29589 12.38 8.23 12.38C8.16411 12.38 8.10085 12.3537 8.05355 12.3064L7.45857 11.7115L7.10501 11.3579L6.75146 11.7115L6.03289 12.43H3.20465L5.33477 10.2937L5.6873 9.94019L5.33426 9.58715L4.74355 8.99645C4.64882 8.90171 4.64882 8.73829 4.74355 8.64355L11.4936 1.89355C11.7436 1.64354 12.0779 1.5 12.43 1.5C12.7883 1.5 13.1179 1.63776 13.3614 1.88839L13.3613 1.88843L13.3664 1.89355L15.1564 3.68355L15.1564 3.68359L15.1616 3.68864C15.4122 3.93211 15.55 4.26166 15.55 4.62C15.55 4.97834 15.4122 5.30789 15.1616 5.55136ZM5.48 8.82V9.02711L5.62645 9.17355L7.87645 11.4236L8.23 11.7771L8.58355 11.4236L11.0642 8.94293L11.4177 8.58938L11.0642 8.23582L8.80918 5.98082L8.45562 5.62727L8.10207 5.98082L5.62645 8.45645L5.48 8.60289V8.81V8.82ZM11.4177 7.88227L11.7713 8.23582L12.1248 7.88227L14.8036 5.20355C15.1288 4.87829 15.1288 4.36171 14.8036 4.03645L13.0136 2.24645C12.8186 2.05146 12.5792 2 12.43 2H12.4134L12.3967 2.00111L12.43 2.5C12.3967 2.00111 12.3966 2.00112 12.3965 2.00112L12.3963 2.00114L12.3957 2.00117L12.3947 2.00125L12.3924 2.00142L12.387 2.00184L12.3732 2.00311C12.3628 2.00416 12.3498 2.00567 12.3346 2.00784C12.3049 2.01208 12.2642 2.01925 12.2178 2.03146C12.1396 2.05202 11.9797 2.10317 11.8464 2.23645L9.16273 4.92016L8.80918 5.27372L9.16273 5.62727L11.4177 7.88227ZM1.5 16.5V15.5H15.5V16.5H1.5Z%22 stroke%3D%22%2315141A%22%2F%3E%3C%2Fsvg%3E") 24 24, text;
3821
+ --editorFreeHighlight-editing-cursor:url("data:image/svg+xml,%3Csvg width%3D%2218%22 height%3D%2219%22 viewBox%3D%220 0 18 19%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%22M12.2 3.09C12.28 3.01 12.43 3 12.43 3C12.48 3 12.58 3.02 12.66 3.1L14.45 4.89C14.58 5.02 14.58 5.22 14.45 5.35L11.7713 8.02872L9.51628 5.77372L12.2 3.09ZM13.2658 5.12L11.7713 6.6145L10.9305 5.77372L12.425 4.27921L13.2658 5.12Z%22 fill%3D%22%23FBFBFE%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M5.98 9.32L8.23 11.57L10.7106 9.08938L8.45562 6.83438L5.98 9.31V9.32ZM8.23 10.1558L9.29641 9.08938L8.45562 8.24859L7.38921 9.315L8.23 10.1558Z%22 fill%3D%22%23FBFBFE%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M10.1526 13.1816L16.2125 7.1217C16.7576 6.58919 17.05 5.8707 17.05 5.12C17.05 4.36931 16.7576 3.65084 16.2126 3.11834L14.4317 1.33747C13.8992 0.79242 13.1807 0.5 12.43 0.5C11.6643 0.5 10.9529 0.812929 10.4329 1.33289L3.68289 8.08289C3.04127 8.72452 3.00459 9.75075 3.57288 10.4363L1.29187 12.7239C1.09186 12.9245 0.990263 13.1957 1.0007 13.4685L1 14.5C0.447715 14.5 0 14.9477 0 15.5V17.5C0 18.0523 0.447715 18.5 1 18.5H16C16.5523 18.5 17 18.0523 17 17.5V15.5C17 14.9477 16.5523 14.5 16 14.5H10.2325C9.83594 14.5 9.39953 13.9347 10.1526 13.1816ZM4.39 9.85L4.9807 10.4407L2.39762 13.0312H6.63877L7.10501 12.565L7.57125 13.0312H8.88875L15.51 6.41C15.86 6.07 16.05 5.61 16.05 5.12C16.05 4.63 15.86 4.17 15.51 3.83L13.72 2.04C13.38 1.69 12.92 1.5 12.43 1.5C11.94 1.5 11.48 1.7 11.14 2.04L4.39 8.79C4.1 9.08 4.1 9.56 4.39 9.85ZM16 17.5V15.5H1V17.5H16Z%22 fill%3D%22%23FBFBFE%22%2F%3E%3Cpath d%3D%22M15.1616 6.05136L15.1616 6.05132L15.1564 6.05645L8.40645 12.8064C8.35915 12.8537 8.29589 12.88 8.23 12.88C8.16411 12.88 8.10085 12.8537 8.05355 12.8064L7.45857 12.2115L7.10501 11.8579L6.75146 12.2115L6.03289 12.93H3.20465L5.33477 10.7937L5.6873 10.4402L5.33426 10.0871L4.74355 9.49645C4.64882 9.40171 4.64882 9.23829 4.74355 9.14355L11.4936 2.39355C11.7436 2.14354 12.0779 2 12.43 2C12.7883 2 13.1179 2.13776 13.3614 2.38839L13.3613 2.38843L13.3664 2.39355L15.1564 4.18355L15.1564 4.18359L15.1616 4.18864C15.4122 4.43211 15.55 4.76166 15.55 5.12C15.55 5.47834 15.4122 5.80789 15.1616 6.05136ZM7.87645 11.9236L8.23 12.2771L8.58355 11.9236L11.0642 9.44293L11.4177 9.08938L11.0642 8.73582L8.80918 6.48082L8.45562 6.12727L8.10207 6.48082L5.62645 8.95645L5.48 9.10289V9.31V9.32V9.52711L5.62645 9.67355L7.87645 11.9236ZM11.4177 8.38227L11.7713 8.73582L12.1248 8.38227L14.8036 5.70355C15.1288 5.37829 15.1288 4.86171 14.8036 4.53645L13.0136 2.74645C12.8186 2.55146 12.5792 2.5 12.43 2.5H12.4134L12.3967 2.50111L12.43 3C12.3967 2.50111 12.3966 2.50112 12.3965 2.50112L12.3963 2.50114L12.3957 2.50117L12.3947 2.50125L12.3924 2.50142L12.387 2.50184L12.3732 2.50311C12.3628 2.50416 12.3498 2.50567 12.3346 2.50784C12.3049 2.51208 12.2642 2.51925 12.2178 2.53146C12.1396 2.55202 11.9797 2.60317 11.8464 2.73645L9.16273 5.42016L8.80918 5.77372L9.16273 6.12727L11.4177 8.38227ZM1.5 16H15.5V17H1.5V16Z%22 stroke%3D%22%2315141A%22%2F%3E%3C%2Fsvg%3E") 1 18, pointer;
3822
+
3823
+ --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");
3824
+ }
3825
+
3826
+ .textLayer.highlighting{
3827
+ cursor:var(--editorFreeHighlight-editing-cursor);
3828
+ }
3829
+
3830
+ .textLayer.highlighting:not(.free) span{
3831
+ cursor:var(--editorHighlight-editing-cursor);
3832
+ }
3833
+
3834
+ [role="img"]:is(.textLayer.highlighting:not(.free) span){
3835
+ cursor:var(--editorFreeHighlight-editing-cursor);
3836
+ }
3837
+
3838
+ .textLayer.highlighting.free span{
3839
+ cursor:var(--editorFreeHighlight-editing-cursor);
3840
+ }
3841
+
3842
+ .page:has(.annotationEditorLayer.nonEditing)
3843
+ .annotationLayer
3844
+ .editorAnnotation{
3845
+ position:absolute;
3846
+ pointer-events:none;
3847
+ }
3848
+
3849
+ :is(#viewerContainer.pdfPresentationMode:fullscreen,.annotationEditorLayer.disabled) .noAltTextBadge{
3850
+ display:none !important;
3851
+ }
3852
+
3853
+ @media (min-resolution: 1.1dppx){
3854
+ :root{
3855
+ --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;
3856
+ }
3857
+ }
3858
+
3859
+ @media screen and (forced-colors: active){
3860
+ :root{
3861
+ --outline-color:CanvasText;
3862
+ --outline-around-color:ButtonFace;
3863
+ --resizer-bg-color:ButtonText;
3864
+ --hover-outline-color:Highlight;
3865
+ --hover-outline-around-color:SelectedItemText;
3866
+ }
3867
+ }
3868
+
3869
+ [data-editor-rotation="90"]{
3870
+ transform:rotate(90deg);
3871
+ }
3872
+
3873
+ [data-editor-rotation="180"]{
3874
+ transform:rotate(180deg);
3875
+ }
3876
+
3877
+ [data-editor-rotation="270"]{
3878
+ transform:rotate(270deg);
3879
+ }
3880
+
3881
+ .annotationEditorLayer{
3882
+ background:transparent;
3883
+ position:absolute;
3884
+ inset:0;
3885
+ font-size:calc(100px * var(--total-scale-factor));
3886
+ transform-origin:0 0;
3887
+ cursor:auto;
3888
+ }
3889
+
3890
+ .annotationEditorLayer .selectedEditor{
3891
+ z-index:100000 !important;
3892
+ }
3893
+
3894
+ .annotationEditorLayer.drawing *{
3895
+ pointer-events:none !important;
3896
+ }
3897
+
3898
+ .annotationEditorLayer.getElements{
3899
+ pointer-events:auto !important;
3900
+ }
3901
+
3902
+ .annotationEditorLayer.getElements > div{
3903
+ pointer-events:auto !important;
3904
+ }
3905
+
3906
+ .annotationEditorLayer.waiting{
3907
+ content:"";
3908
+ cursor:wait;
3909
+ position:absolute;
3910
+ inset:0;
3911
+ width:100%;
3912
+ height:100%;
3913
+ }
3914
+
3915
+ .annotationEditorLayer.disabled{
3916
+ pointer-events:none;
3917
+ }
3918
+
3919
+ .annotationEditorLayer.disabled.highlightEditing :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor,.commentPopup){
3920
+ pointer-events:auto;
3921
+ }
3922
+
3923
+ .annotationEditorLayer.freetextEditing{
3924
+ cursor:var(--editorFreeText-editing-cursor);
3925
+ }
3926
+
3927
+ .annotationEditorLayer.inkEditing{
3928
+ cursor:var(--editorInk-editing-cursor);
3929
+ }
3930
+
3931
+ .annotationEditorLayer .draw{
3932
+ box-sizing:border-box;
3933
+ }
3934
+
3935
+ .annotationEditorLayer
3936
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor){
3937
+ position:absolute;
3938
+ background:transparent;
3939
+ z-index:1;
3940
+ transform-origin:0 0;
3941
+ cursor:auto;
3942
+ max-width:100%;
3943
+ max-height:100%;
3944
+ border:var(--unfocus-outline);
3945
+ }
3946
+
3947
+ .draggable.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)){
3948
+ cursor:move;
3949
+ }
3950
+
3951
+ .selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)){
3952
+ border:var(--focus-outline);
3953
+ outline:var(--focus-outline-around);
3954
+ }
3955
+
3956
+ .selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor))::before{
3957
+ content:"";
3958
+ position:absolute;
3959
+ inset:0;
3960
+ border:var(--focus-outline-around);
3961
+ pointer-events:none;
3962
+ }
3963
+
3964
+ :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)):hover:not(.selectedEditor){
3965
+ border:var(--hover-outline);
3966
+ outline:var(--hover-outline-around);
3967
+ }
3968
+
3969
+ :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)):hover:not(.selectedEditor)::before{
3970
+ content:"";
3971
+ position:absolute;
3972
+ inset:0;
3973
+ border:var(--focus-outline-around);
3974
+ }
3975
+
3976
+ :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar{
3977
+ --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");
3978
+ --csstools-light-dark-toggle--76:var(--csstools-color-scheme--light) #2b2a33;
3979
+ --editor-toolbar-bg-color:var(--csstools-light-dark-toggle--76, #f0f0f4);
3980
+ --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");
3981
+ --csstools-light-dark-toggle--77:var(--csstools-color-scheme--light) #fbfbfe;
3982
+ --editor-toolbar-fg-color:var(--csstools-light-dark-toggle--77, #2e2e56);
3983
+ --editor-toolbar-border-color:#8f8f9d;
3984
+ --editor-toolbar-hover-border-color:var(--editor-toolbar-border-color);
3985
+ --csstools-light-dark-toggle--78:var(--csstools-color-scheme--light) #52525e;
3986
+ --editor-toolbar-hover-bg-color:var(--csstools-light-dark-toggle--78, #e0e0e6);
3987
+ --editor-toolbar-hover-fg-color:var(--editor-toolbar-fg-color);
3988
+ --editor-toolbar-hover-outline:none;
3989
+ --csstools-light-dark-toggle--79:var(--csstools-color-scheme--light) #0df;
3990
+ --editor-toolbar-focus-outline-color:var(--csstools-light-dark-toggle--79, #0060df);
3991
+ --editor-toolbar-shadow:0 2px 6px 0 rgb(58 57 68 / 0.2);
3992
+ --editor-toolbar-height:28px;
3993
+ --editor-toolbar-padding:2px;
3994
+ --csstools-light-dark-toggle--80:var(--csstools-color-scheme--light) #54ffbd;
3995
+ --alt-text-done-color:var(--csstools-light-dark-toggle--80, #2ac3a2);
3996
+ --csstools-light-dark-toggle--81:var(--csstools-color-scheme--light) #80ebff;
3997
+ --alt-text-warning-color:var(--csstools-light-dark-toggle--81, #0090ed);
3998
+ --alt-text-hover-done-color:var(--alt-text-done-color);
3999
+ --alt-text-hover-warning-color:var(--alt-text-warning-color);
4000
+ }
4001
+
4002
+ @supports (color: light-dark(red, red)){
4003
+ :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar{
4004
+ --editor-toolbar-bg-color:light-dark(#f0f0f4, #2b2a33);
4005
+ --editor-toolbar-fg-color:light-dark(#2e2e56, #fbfbfe);
4006
+ --editor-toolbar-hover-bg-color:light-dark(#e0e0e6, #52525e);
4007
+ --editor-toolbar-focus-outline-color:light-dark(#0060df, #0df);
4008
+ --alt-text-done-color:light-dark(#2ac3a2, #54ffbd);
4009
+ --alt-text-warning-color:light-dark(#0090ed, #80ebff);
4010
+ }
4011
+ }
4012
+
4013
+ @supports not (color: light-dark(tan, tan)){
4014
+
4015
+ :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) *{
4016
+ --csstools-light-dark-toggle--76:var(--csstools-color-scheme--light) #2b2a33;
4017
+ --editor-toolbar-bg-color:var(--csstools-light-dark-toggle--76, #f0f0f4);
4018
+ --csstools-light-dark-toggle--77:var(--csstools-color-scheme--light) #fbfbfe;
4019
+ --editor-toolbar-fg-color:var(--csstools-light-dark-toggle--77, #2e2e56);
4020
+ --csstools-light-dark-toggle--78:var(--csstools-color-scheme--light) #52525e;
4021
+ --editor-toolbar-hover-bg-color:var(--csstools-light-dark-toggle--78, #e0e0e6);
4022
+ --csstools-light-dark-toggle--79:var(--csstools-color-scheme--light) #0df;
4023
+ --editor-toolbar-focus-outline-color:var(--csstools-light-dark-toggle--79, #0060df);
4024
+ --csstools-light-dark-toggle--80:var(--csstools-color-scheme--light) #54ffbd;
4025
+ --alt-text-done-color:var(--csstools-light-dark-toggle--80, #2ac3a2);
4026
+ --csstools-light-dark-toggle--81:var(--csstools-color-scheme--light) #80ebff;
4027
+ --alt-text-warning-color:var(--csstools-light-dark-toggle--81, #0090ed);
4028
+ }
4029
+ }
4030
+
4031
+ @media screen and (forced-colors: active){
4032
+
4033
+ :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar{
4034
+ --editor-toolbar-bg-color:ButtonFace;
4035
+ --editor-toolbar-fg-color:ButtonText;
4036
+ --editor-toolbar-border-color:ButtonText;
4037
+ --editor-toolbar-hover-border-color:AccentColor;
4038
+ --editor-toolbar-hover-bg-color:ButtonFace;
4039
+ --editor-toolbar-hover-fg-color:AccentColor;
4040
+ --editor-toolbar-hover-outline:2px solid var(--editor-toolbar-hover-border-color);
4041
+ --editor-toolbar-focus-outline-color:ButtonBorder;
4042
+ --editor-toolbar-shadow:none;
4043
+ --alt-text-done-color:var(--editor-toolbar-fg-color);
4044
+ --alt-text-warning-color:var(--editor-toolbar-fg-color);
3129
4045
  --alt-text-hover-done-color:var(--editor-toolbar-hover-fg-color);
3130
4046
  --alt-text-hover-warning-color:var(--editor-toolbar-hover-fg-color);
3131
4047
  }
@@ -3194,14 +4110,12 @@
3194
4110
  margin-inline:2px;
3195
4111
  }
3196
4112
 
3197
- :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .highlightButton{
4113
+ :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .basic{
3198
4114
  width:var(--editor-toolbar-height);
3199
4115
  }
3200
4116
 
3201
- :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .highlightButton)::before{
4117
+ :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .basic)::before{
3202
4118
  content:"";
3203
- -webkit-mask-image:var(--editor-toolbar-highlight-image);
3204
- mask-image:var(--editor-toolbar-highlight-image);
3205
4119
  -webkit-mask-repeat:no-repeat;
3206
4120
  mask-repeat:no-repeat;
3207
4121
  -webkit-mask-position:center;
@@ -3212,30 +4126,23 @@
3212
4126
  height:100%;
3213
4127
  }
3214
4128
 
3215
- :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .highlightButton):hover::before{
4129
+ :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .basic):hover::before{
3216
4130
  background-color:var(--editor-toolbar-hover-fg-color);
3217
4131
  }
3218
4132
 
3219
- :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .delete{
3220
- width:var(--editor-toolbar-height);
3221
- }
4133
+ .highlightButton:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .basic)::before{
4134
+ -webkit-mask-image:var(--editor-toolbar-highlight-image);
4135
+ mask-image:var(--editor-toolbar-highlight-image);
4136
+ }
3222
4137
 
3223
- :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .delete)::before{
3224
- content:"";
3225
- -webkit-mask-image:var(--editor-toolbar-delete-image);
3226
- mask-image:var(--editor-toolbar-delete-image);
3227
- -webkit-mask-repeat:no-repeat;
3228
- mask-repeat:no-repeat;
3229
- -webkit-mask-position:center;
3230
- mask-position:center;
3231
- display:inline-block;
3232
- background-color:var(--editor-toolbar-fg-color);
3233
- width:100%;
3234
- height:100%;
4138
+ .commentButton:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .basic)::before{
4139
+ -webkit-mask-image:var(--comment-edit-button-icon);
4140
+ mask-image:var(--comment-edit-button-icon);
3235
4141
  }
3236
4142
 
3237
- :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .delete):hover::before{
3238
- background-color:var(--editor-toolbar-hover-fg-color);
4143
+ .deleteButton:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .basic)::before{
4144
+ -webkit-mask-image:var(--editor-toolbar-delete-image);
4145
+ mask-image:var(--editor-toolbar-delete-image);
3239
4146
  }
3240
4147
 
3241
4148
  :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) > *{
@@ -3340,13 +4247,13 @@
3340
4247
  }
3341
4248
 
3342
4249
  .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
3343
- --csstools-light-dark-toggle--50:var(--csstools-color-scheme--light) #1c1b22;
3344
- --alt-text-tooltip-bg:var(--csstools-light-dark-toggle--50, #f0f0f4);
3345
- --csstools-light-dark-toggle--51:var(--csstools-color-scheme--light) #fbfbfe;
3346
- --alt-text-tooltip-fg:var(--csstools-light-dark-toggle--51, #15141a);
4250
+ --csstools-light-dark-toggle--82:var(--csstools-color-scheme--light) #1c1b22;
4251
+ --alt-text-tooltip-bg:var(--csstools-light-dark-toggle--82, #f0f0f4);
4252
+ --csstools-light-dark-toggle--83:var(--csstools-color-scheme--light) #fbfbfe;
4253
+ --alt-text-tooltip-fg:var(--csstools-light-dark-toggle--83, #15141a);
3347
4254
  --alt-text-tooltip-border:#8f8f9d;
3348
- --csstools-light-dark-toggle--52:var(--csstools-color-scheme--light) #15141a;
3349
- --alt-text-tooltip-shadow:0px 2px 6px 0px var(--csstools-light-dark-toggle--52, rgb(58 57 68 / 0.2));
4255
+ --csstools-light-dark-toggle--84:var(--csstools-color-scheme--light) #15141a;
4256
+ --alt-text-tooltip-shadow:0 2px 6px 0 var(--csstools-light-dark-toggle--84, rgb(58 57 68 / 0.2));
3350
4257
  }
3351
4258
 
3352
4259
  @supports (color: light-dark(red, red)){
@@ -3358,19 +4265,19 @@
3358
4265
 
3359
4266
  @supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
3360
4267
  .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
3361
- --alt-text-tooltip-shadow:0px 2px 6px 0px light-dark(rgb(58 57 68 / 0.2), #15141a);
4268
+ --alt-text-tooltip-shadow:0 2px 6px 0 light-dark(rgb(58 57 68 / 0.2), #15141a);
3362
4269
  }
3363
4270
  }
3364
4271
 
3365
4272
  @supports not (color: light-dark(tan, tan)){
3366
4273
 
3367
4274
  .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip) *{
3368
- --csstools-light-dark-toggle--50:var(--csstools-color-scheme--light) #1c1b22;
3369
- --alt-text-tooltip-bg:var(--csstools-light-dark-toggle--50, #f0f0f4);
3370
- --csstools-light-dark-toggle--51:var(--csstools-color-scheme--light) #fbfbfe;
3371
- --alt-text-tooltip-fg:var(--csstools-light-dark-toggle--51, #15141a);
3372
- --csstools-light-dark-toggle--52:var(--csstools-color-scheme--light) #15141a;
3373
- --alt-text-tooltip-shadow:0px 2px 6px 0px var(--csstools-light-dark-toggle--52, rgb(58 57 68 / 0.2));
4275
+ --csstools-light-dark-toggle--82:var(--csstools-color-scheme--light) #1c1b22;
4276
+ --alt-text-tooltip-bg:var(--csstools-light-dark-toggle--82, #f0f0f4);
4277
+ --csstools-light-dark-toggle--83:var(--csstools-color-scheme--light) #fbfbfe;
4278
+ --alt-text-tooltip-fg:var(--csstools-light-dark-toggle--83, #15141a);
4279
+ --csstools-light-dark-toggle--84:var(--csstools-color-scheme--light) #15141a;
4280
+ --alt-text-tooltip-shadow:0 2px 6px 0 var(--csstools-light-dark-toggle--84, rgb(58 57 68 / 0.2));
3374
4281
  }
3375
4282
  }
3376
4283
 
@@ -3409,6 +4316,24 @@
3409
4316
  pointer-events:none;
3410
4317
  }
3411
4318
 
4319
+ :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .comment{
4320
+ width:var(--editor-toolbar-height);
4321
+ }
4322
+
4323
+ :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .comment)::before{
4324
+ content:"";
4325
+ -webkit-mask-image:var(--comment-edit-button-icon);
4326
+ mask-image:var(--comment-edit-button-icon);
4327
+ -webkit-mask-repeat:no-repeat;
4328
+ mask-repeat:no-repeat;
4329
+ -webkit-mask-position:center;
4330
+ mask-position:center;
4331
+ display:inline-block;
4332
+ background-color:var(--editor-toolbar-fg-color);
4333
+ width:100%;
4334
+ height:100%;
4335
+ }
4336
+
3412
4337
  .annotationEditorLayer .freeTextEditor{
3413
4338
  padding:calc(var(--freetext-padding) * var(--total-scale-factor));
3414
4339
  width:auto;
@@ -3424,6 +4349,7 @@
3424
4349
  white-space:nowrap;
3425
4350
  font:10px sans-serif;
3426
4351
  line-height:var(--freetext-line-height);
4352
+ text-align:start;
3427
4353
  -webkit-user-select:none;
3428
4354
  -moz-user-select:none;
3429
4355
  user-select:none;
@@ -3486,12 +4412,12 @@
3486
4412
  }
3487
4413
 
3488
4414
  :is(.annotationEditorLayer .stampEditor) .noAltTextBadge{
3489
- --csstools-light-dark-toggle--53:var(--csstools-color-scheme--light) #52525e;
3490
- --no-alt-text-badge-border-color:var(--csstools-light-dark-toggle--53, #f0f0f4);
3491
- --csstools-light-dark-toggle--54:var(--csstools-color-scheme--light) #fbfbfe;
3492
- --no-alt-text-badge-bg-color:var(--csstools-light-dark-toggle--54, #cfcfd8);
3493
- --csstools-light-dark-toggle--55:var(--csstools-color-scheme--light) #15141a;
3494
- --no-alt-text-badge-fg-color:var(--csstools-light-dark-toggle--55, #5b5b66);
4415
+ --csstools-light-dark-toggle--85:var(--csstools-color-scheme--light) #52525e;
4416
+ --no-alt-text-badge-border-color:var(--csstools-light-dark-toggle--85, #f0f0f4);
4417
+ --csstools-light-dark-toggle--86:var(--csstools-color-scheme--light) #fbfbfe;
4418
+ --no-alt-text-badge-bg-color:var(--csstools-light-dark-toggle--86, #cfcfd8);
4419
+ --csstools-light-dark-toggle--87:var(--csstools-color-scheme--light) #15141a;
4420
+ --no-alt-text-badge-fg-color:var(--csstools-light-dark-toggle--87, #5b5b66);
3495
4421
  }
3496
4422
 
3497
4423
  @supports (color: light-dark(red, red)){
@@ -3505,12 +4431,12 @@
3505
4431
  @supports not (color: light-dark(tan, tan)){
3506
4432
 
3507
4433
  :is(:is(.annotationEditorLayer .stampEditor) .noAltTextBadge) *{
3508
- --csstools-light-dark-toggle--53:var(--csstools-color-scheme--light) #52525e;
3509
- --no-alt-text-badge-border-color:var(--csstools-light-dark-toggle--53, #f0f0f4);
3510
- --csstools-light-dark-toggle--54:var(--csstools-color-scheme--light) #fbfbfe;
3511
- --no-alt-text-badge-bg-color:var(--csstools-light-dark-toggle--54, #cfcfd8);
3512
- --csstools-light-dark-toggle--55:var(--csstools-color-scheme--light) #15141a;
3513
- --no-alt-text-badge-fg-color:var(--csstools-light-dark-toggle--55, #5b5b66);
4434
+ --csstools-light-dark-toggle--85:var(--csstools-color-scheme--light) #52525e;
4435
+ --no-alt-text-badge-border-color:var(--csstools-light-dark-toggle--85, #f0f0f4);
4436
+ --csstools-light-dark-toggle--86:var(--csstools-color-scheme--light) #fbfbfe;
4437
+ --no-alt-text-badge-bg-color:var(--csstools-light-dark-toggle--86, #cfcfd8);
4438
+ --csstools-light-dark-toggle--87:var(--csstools-color-scheme--light) #15141a;
4439
+ --no-alt-text-badge-fg-color:var(--csstools-light-dark-toggle--87, #5b5b66);
3514
4440
  }
3515
4441
  }
3516
4442
 
@@ -3557,6 +4483,7 @@
3557
4483
  :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers{
3558
4484
  position:absolute;
3559
4485
  inset:0;
4486
+ z-index:1;
3560
4487
  }
3561
4488
 
3562
4489
  .hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers){
@@ -3661,7 +4588,7 @@
3661
4588
  :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{
3662
4589
  rotate:180deg;
3663
4590
  inset-inline-end:100%;
3664
- inset-block-start:calc(0pc - var(--editor-toolbar-vert-offset));
4591
+ inset-block-start:calc(0px - var(--editor-toolbar-vert-offset));
3665
4592
  }
3666
4593
 
3667
4594
  :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{
@@ -3743,8 +4670,8 @@
3743
4670
  .dialog.newAltText{
3744
4671
  --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");
3745
4672
  --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");
3746
- --csstools-light-dark-toggle--56:var(--csstools-color-scheme--light) #2b2a33;
3747
- --preview-image-bg-color:var(--csstools-light-dark-toggle--56, #f0f0f4);
4673
+ --csstools-light-dark-toggle--88:var(--csstools-color-scheme--light) #2b2a33;
4674
+ --preview-image-bg-color:var(--csstools-light-dark-toggle--88, #f0f0f4);
3748
4675
  --preview-image-border:none;
3749
4676
  }
3750
4677
 
@@ -3757,8 +4684,8 @@
3757
4684
  @supports not (color: light-dark(tan, tan)){
3758
4685
 
3759
4686
  .dialog.newAltText *{
3760
- --csstools-light-dark-toggle--56:var(--csstools-color-scheme--light) #2b2a33;
3761
- --preview-image-bg-color:var(--csstools-light-dark-toggle--56, #f0f0f4);
4687
+ --csstools-light-dark-toggle--88:var(--csstools-color-scheme--light) #2b2a33;
4688
+ --preview-image-bg-color:var(--csstools-light-dark-toggle--88, #f0f0f4);
3762
4689
  }
3763
4690
  }
3764
4691
 
@@ -3949,12 +4876,12 @@
3949
4876
  }
3950
4877
 
3951
4878
  .colorPicker{
3952
- --csstools-light-dark-toggle--57:var(--csstools-color-scheme--light) #80ebff;
3953
- --hover-outline-color:var(--csstools-light-dark-toggle--57, #0250bb);
3954
- --csstools-light-dark-toggle--58:var(--csstools-color-scheme--light) #aaf2ff;
3955
- --selected-outline-color:var(--csstools-light-dark-toggle--58, #0060df);
3956
- --csstools-light-dark-toggle--59:var(--csstools-color-scheme--light) #52525e;
3957
- --swatch-border-color:var(--csstools-light-dark-toggle--59, #cfcfd8);
4879
+ --csstools-light-dark-toggle--89:var(--csstools-color-scheme--light) #80ebff;
4880
+ --hover-outline-color:var(--csstools-light-dark-toggle--89, #0250bb);
4881
+ --csstools-light-dark-toggle--90:var(--csstools-color-scheme--light) #aaf2ff;
4882
+ --selected-outline-color:var(--csstools-light-dark-toggle--90, #0060df);
4883
+ --csstools-light-dark-toggle--91:var(--csstools-color-scheme--light) #52525e;
4884
+ --swatch-border-color:var(--csstools-light-dark-toggle--91, #cfcfd8);
3958
4885
  }
3959
4886
 
3960
4887
  @supports (color: light-dark(red, red)){
@@ -3968,12 +4895,12 @@
3968
4895
  @supports not (color: light-dark(tan, tan)){
3969
4896
 
3970
4897
  .colorPicker *{
3971
- --csstools-light-dark-toggle--57:var(--csstools-color-scheme--light) #80ebff;
3972
- --hover-outline-color:var(--csstools-light-dark-toggle--57, #0250bb);
3973
- --csstools-light-dark-toggle--58:var(--csstools-color-scheme--light) #aaf2ff;
3974
- --selected-outline-color:var(--csstools-light-dark-toggle--58, #0060df);
3975
- --csstools-light-dark-toggle--59:var(--csstools-color-scheme--light) #52525e;
3976
- --swatch-border-color:var(--csstools-light-dark-toggle--59, #cfcfd8);
4898
+ --csstools-light-dark-toggle--89:var(--csstools-color-scheme--light) #80ebff;
4899
+ --hover-outline-color:var(--csstools-light-dark-toggle--89, #0250bb);
4900
+ --csstools-light-dark-toggle--90:var(--csstools-color-scheme--light) #aaf2ff;
4901
+ --selected-outline-color:var(--csstools-light-dark-toggle--90, #0060df);
4902
+ --csstools-light-dark-toggle--91:var(--csstools-color-scheme--light) #52525e;
4903
+ --swatch-border-color:var(--csstools-light-dark-toggle--91, #cfcfd8);
3977
4904
  }
3978
4905
  }
3979
4906
 
@@ -4000,6 +4927,18 @@
4000
4927
  border:none;
4001
4928
  }
4002
4929
 
4930
+ .basicColorPicker{
4931
+ width:28px;
4932
+ }
4933
+
4934
+ .basicColorPicker::-moz-color-swatch{
4935
+ border-radius:100%;
4936
+ }
4937
+
4938
+ .basicColorPicker::-webkit-color-swatch{
4939
+ border-radius:100%;
4940
+ }
4941
+
4003
4942
  .annotationEditorLayer[data-main-rotation="0"] .highlightEditor:not(.free) > .editToolbar{
4004
4943
  rotate:0deg;
4005
4944
  }
@@ -4208,9 +5147,9 @@
4208
5147
  align-items:center;
4209
5148
  align-self:stretch;
4210
5149
 
4211
- --csstools-light-dark-toggle--60:var(--csstools-color-scheme--light) #80808e;
5150
+ --csstools-light-dark-toggle--92:var(--csstools-color-scheme--light) #80808e;
4212
5151
 
4213
- --example-color:var(--csstools-light-dark-toggle--60, #bfbfc9);
5152
+ --example-color:var(--csstools-light-dark-toggle--92, #bfbfc9);
4214
5153
  }
4215
5154
 
4216
5155
  @supports (color: light-dark(red, red)){
@@ -4224,9 +5163,9 @@
4224
5163
 
4225
5164
  :is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker) *{
4226
5165
 
4227
- --csstools-light-dark-toggle--60:var(--csstools-color-scheme--light) #80808e;
5166
+ --csstools-light-dark-toggle--92:var(--csstools-color-scheme--light) #80808e;
4228
5167
 
4229
- --example-color:var(--csstools-light-dark-toggle--60, #bfbfc9);
5168
+ --example-color:var(--csstools-light-dark-toggle--92, #bfbfc9);
4230
5169
  }
4231
5170
  }
4232
5171
 
@@ -4268,8 +5207,8 @@
4268
5207
  }
4269
5208
 
4270
5209
  :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{
4271
- --csstools-light-dark-toggle--61:var(--csstools-color-scheme--light) #8f8f9d;
4272
- --divider-color:var(--csstools-light-dark-toggle--61, #d7d7db);
5210
+ --csstools-light-dark-toggle--93:var(--csstools-color-scheme--light) #8f8f9d;
5211
+ --divider-color:var(--csstools-light-dark-toggle--93, #d7d7db);
4273
5212
  }
4274
5213
 
4275
5214
  @supports (color: light-dark(red, red)){
@@ -4281,8 +5220,8 @@
4281
5220
  @supports not (color: light-dark(tan, tan)){
4282
5221
 
4283
5222
  :is(:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider) *{
4284
- --csstools-light-dark-toggle--61:var(--csstools-color-scheme--light) #8f8f9d;
4285
- --divider-color:var(--csstools-light-dark-toggle--61, #d7d7db);
5223
+ --csstools-light-dark-toggle--93:var(--csstools-color-scheme--light) #8f8f9d;
5224
+ --divider-color:var(--csstools-light-dark-toggle--93, #d7d7db);
4286
5225
  }
4287
5226
  }
4288
5227
 
@@ -4362,6 +5301,114 @@
4362
5301
  gap:16px;
4363
5302
  }
4364
5303
 
5304
+ .sidebar{
5305
+ --csstools-light-dark-toggle--94:var(--csstools-color-scheme--light) #23222b;
5306
+ --sidebar-bg-color:var(--csstools-light-dark-toggle--94, #fff);
5307
+ --csstools-light-dark-toggle--95:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.1);
5308
+ --sidebar-border-color:var(--csstools-light-dark-toggle--95, rgb(21 20 26 / 0.1));
5309
+ --csstools-light-dark-toggle--96:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
5310
+ --csstools-light-dark-toggle--97:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
5311
+ --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));
5312
+ --sidebar-border-radius:8px;
5313
+ --sidebar-padding:5px;
5314
+ --sidebar-min-width:180px;
5315
+ --sidebar-max-width:632px;
5316
+ --sidebar-width:239px;
5317
+ --resizer-width:4px;
5318
+ --csstools-light-dark-toggle--98:var(--csstools-color-scheme--light) #00cadb;
5319
+ --resizer-hover-bg-color:var(--csstools-light-dark-toggle--98, #0062fa);
5320
+ }
5321
+
5322
+ @supports (color: light-dark(red, red)){
5323
+ .sidebar{
5324
+ --sidebar-bg-color:light-dark(#fff, #23222b);
5325
+ }
5326
+ }
5327
+
5328
+ @supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
5329
+ .sidebar{
5330
+ --sidebar-border-color:light-dark(
5331
+ rgb(21 20 26 / 0.1),
5332
+ rgb(251 251 254 / 0.1)
5333
+ );
5334
+ --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));
5335
+ }
5336
+ }
5337
+
5338
+ @supports (color: light-dark(red, red)){
5339
+ .sidebar{
5340
+ --resizer-hover-bg-color:light-dark(#0062fa, #00cadb);
5341
+ }
5342
+ }
5343
+
5344
+ @supports not (color: light-dark(tan, tan)){
5345
+
5346
+ .sidebar *{
5347
+ --csstools-light-dark-toggle--94:var(--csstools-color-scheme--light) #23222b;
5348
+ --sidebar-bg-color:var(--csstools-light-dark-toggle--94, #fff);
5349
+ --csstools-light-dark-toggle--95:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.1);
5350
+ --sidebar-border-color:var(--csstools-light-dark-toggle--95, rgb(21 20 26 / 0.1));
5351
+ --csstools-light-dark-toggle--96:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
5352
+ --csstools-light-dark-toggle--97:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
5353
+ --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));
5354
+ --csstools-light-dark-toggle--98:var(--csstools-color-scheme--light) #00cadb;
5355
+ --resizer-hover-bg-color:var(--csstools-light-dark-toggle--98, #0062fa);
5356
+ }
5357
+ }
5358
+
5359
+ @media screen and (forced-colors: active){
5360
+
5361
+ .sidebar{
5362
+ --sidebar-bg-color:Canvas;
5363
+ --sidebar-border-color:CanvasText;
5364
+ --sidebar-box-shadow:none;
5365
+ --resizer-hover-bg-color:CanvasText;
5366
+ }
5367
+ }
5368
+
5369
+ .sidebar{
5370
+
5371
+ border-radius:var(--sidebar-border-radius);
5372
+ box-shadow:var(--sidebar-box-shadow);
5373
+ border:1px solid var(--sidebar-border-color);
5374
+ background-color:var(--sidebar-bg-color);
5375
+ inset-block-start:calc(100% + var(--doorhanger-height) - 2px);
5376
+ padding-block:var(--sidebar-padding);
5377
+ width:var(--sidebar-width);
5378
+ min-width:var(--sidebar-min-width);
5379
+ max-width:var(--sidebar-max-width);
5380
+ }
5381
+
5382
+ .sidebar .sidebarResizer{
5383
+ width:var(--resizer-width);
5384
+ background-color:transparent;
5385
+ forced-color-adjust:none;
5386
+ cursor:ew-resize;
5387
+ position:absolute;
5388
+ inset-block:calc(var(--sidebar-padding) + var(--sidebar-border-radius));
5389
+ inset-inline-start:calc(0px - var(--resizer-width) / 2);
5390
+ transition:background-color 0.5s ease-in-out;
5391
+ box-sizing:border-box;
5392
+ border:1px solid transparent;
5393
+ border-block-width:0;
5394
+ background-clip:content-box;
5395
+ }
5396
+
5397
+ :is(.sidebar .sidebarResizer):hover{
5398
+ background-color:var(--resizer-hover-bg-color);
5399
+ }
5400
+
5401
+ .sidebar.resizing{
5402
+ cursor:ew-resize;
5403
+ -webkit-user-select:none;
5404
+ -moz-user-select:none;
5405
+ user-select:none;
5406
+ }
5407
+
5408
+ .sidebar.resizing :not(.sidebarResizer){
5409
+ pointer-events:none;
5410
+ }
5411
+
4365
5412
  :root{
4366
5413
  --csstools-color-scheme--light:initial;
4367
5414
  color-scheme:light dark;
@@ -4372,8 +5419,8 @@
4372
5419
  --page-border:9px solid transparent;
4373
5420
  --spreadHorizontalWrapped-margin-LR:-3.5px;
4374
5421
  --loading-icon-delay:400ms;
4375
- --csstools-light-dark-toggle--62:var(--csstools-color-scheme--light) #0df;
4376
- --focus-ring-color:var(--csstools-light-dark-toggle--62, #0060df);
5422
+ --csstools-light-dark-toggle--99:var(--csstools-color-scheme--light) #0df;
5423
+ --focus-ring-color:var(--csstools-light-dark-toggle--99, #0060df);
4377
5424
  --focus-ring-outline:2px solid var(--focus-ring-color);
4378
5425
  }
4379
5426
 
@@ -4386,8 +5433,8 @@
4386
5433
  @supports not (color: light-dark(tan, tan)){
4387
5434
 
4388
5435
  :root *{
4389
- --csstools-light-dark-toggle--62:var(--csstools-color-scheme--light) #0df;
4390
- --focus-ring-color:var(--csstools-light-dark-toggle--62, #0060df);
5436
+ --csstools-light-dark-toggle--99:var(--csstools-color-scheme--light) #0df;
5437
+ --focus-ring-color:var(--csstools-light-dark-toggle--99, #0060df);
4391
5438
  }
4392
5439
  }
4393
5440
 
@@ -4471,6 +5518,10 @@
4471
5518
  contain:strict;
4472
5519
  }
4473
5520
 
5521
+ .detailView:is(:is(.pdfViewer .canvasWrapper) canvas){
5522
+ image-rendering:pixelated;
5523
+ }
5524
+
4474
5525
  .pdfViewer .page{
4475
5526
  --user-unit:1;
4476
5527
  --total-scale-factor:calc(var(--scale-factor) * var(--user-unit));
@@ -4593,6 +5644,7 @@
4593
5644
  }
4594
5645
 
4595
5646
  .pdfSlick {
5647
+ color-scheme: light;
4596
5648
  scrollbar-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0);
4597
5649
  scrollbar-width: thin;
4598
5650
  }
@@ -4728,4 +5780,4 @@
4728
5780
  color: var(--main-color);
4729
5781
  background-color: var(--dialog-button-bg-color);
4730
5782
  border: var(--dialog-button-border) !important;
4731
- }
5783
+ }