@pdfslick/react 2.3.0 → 3.0.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 (3) hide show
  1. package/dist/pdf_viewer.css +1691 -381
  2. package/dist/umd/index.js +26 -3
  3. package/package.json +2 -2
package/dist/pdf_viewer.css CHANGED
@@ -19,19 +19,42 @@
19
19
  --message-bar-close-button-color-hover:var(--text-primary-color);
20
20
  --message-bar-close-button-border-radius:4px;
21
21
  --message-bar-close-button-border:none;
22
- --message-bar-close-button-hover-bg-color:rgb(21 20 26 / 0.14);
23
- --message-bar-close-button-active-bg-color:rgb(21 20 26 / 0.21);
24
- --message-bar-close-button-focus-bg-color:rgb(21 20 26 / 0.07);
22
+ --csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14);
23
+ --message-bar-close-button-hover-bg-color:var(--csstools-light-dark-toggle--0, rgb(21 20 26 / 0.14));
24
+ --csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21);
25
+ --message-bar-close-button-active-bg-color:var(--csstools-light-dark-toggle--1, rgb(21 20 26 / 0.21));
26
+ --csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07);
27
+ --message-bar-close-button-focus-bg-color:var(--csstools-light-dark-toggle--2, rgb(21 20 26 / 0.07));
25
28
  }
26
29
 
27
- @media (prefers-color-scheme: dark){
28
-
30
+ @supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
29
31
  .messageBar{
30
- --message-bar-close-button-hover-bg-color:rgb(251 251 254 / 0.14);
31
- --message-bar-close-button-active-bg-color:rgb(251 251 254 / 0.21);
32
- --message-bar-close-button-focus-bg-color:rgb(251 251 254 / 0.07);
32
+ --message-bar-close-button-hover-bg-color:light-dark(
33
+ rgb(21 20 26 / 0.14),
34
+ rgb(251 251 254 / 0.14)
35
+ );
36
+ --message-bar-close-button-active-bg-color:light-dark(
37
+ rgb(21 20 26 / 0.21),
38
+ rgb(251 251 254 / 0.21)
39
+ );
40
+ --message-bar-close-button-focus-bg-color:light-dark(
41
+ rgb(21 20 26 / 0.07),
42
+ rgb(251 251 254 / 0.07)
43
+ );
44
+ }
33
45
  }
46
+
47
+ @supports not (color: light-dark(tan, tan)){
48
+
49
+ .messageBar *{
50
+ --csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14);
51
+ --message-bar-close-button-hover-bg-color:var(--csstools-light-dark-toggle--0, rgb(21 20 26 / 0.14));
52
+ --csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21);
53
+ --message-bar-close-button-active-bg-color:var(--csstools-light-dark-toggle--1, rgb(21 20 26 / 0.21));
54
+ --csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07);
55
+ --message-bar-close-button-focus-bg-color:var(--csstools-light-dark-toggle--2, rgb(21 20 26 / 0.07));
34
56
  }
57
+ }
35
58
 
36
59
  @media screen and (forced-colors: active){
37
60
 
@@ -142,40 +165,97 @@
142
165
  }
143
166
 
144
167
  #editorUndoBar{
145
- --text-primary-color:#15141a;
146
-
147
- --message-bar-icon:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 11.5899 4.41015 14.5 8 14.5C11.5899 14.5 14.5 11.5899 14.5 8C14.5 4.41015 11.5899 1.5 8 1.5ZM0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8ZM8.75 4V5.5H7.25V4H8.75ZM8.75 12V7H7.25V12H8.75Z%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
148
- --message-bar-icon-color:#0060df;
149
- --message-bar-bg-color:#deeafc;
168
+ --csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #fbfbfe;
169
+ --text-primary-color:var(--csstools-light-dark-toggle--3, #15141a);
170
+
171
+ --message-bar-icon:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M7.625 0.5C6.64009 0.5 5.66482 0.693993 4.75487 1.0709C3.84493 1.44781 3.01814 2.00026 2.3217 2.6967C1.62526 3.39314 1.07281 4.21993 0.695904 5.12987C0.318993 6.03982 0.125 7.01509 0.125 8C0.125 8.98491 0.318993 9.96018 0.695904 10.8701C1.07281 11.7801 1.62526 12.6069 2.3217 13.3033C3.01814 13.9997 3.84493 14.5522 4.75487 14.9291C5.66482 15.306 6.64009 15.5 7.625 15.5C9.61412 15.5 11.5218 14.7098 12.9283 13.3033C14.3348 11.8968 15.125 9.98912 15.125 8C15.125 6.01088 14.3348 4.10322 12.9283 2.6967C11.5218 1.29018 9.61412 0.5 7.625 0.5ZM8.25 11.375C8.25 11.5408 8.18415 11.6997 8.06694 11.8169C7.94973 11.9342 7.79076 12 7.625 12C7.45924 12 7.30027 11.9342 7.18306 11.8169C7.06585 11.6997 7 11.5408 7 11.375V6.938C7 6.77224 7.06585 6.61327 7.18306 6.49606C7.30027 6.37885 7.45924 6.313 7.625 6.313C7.79076 6.313 7.94973 6.37885 8.06694 6.49606C8.18415 6.61327 8.25 6.77224 8.25 6.938V11.375ZM8.25 5L8 5.25H7.25L7 5V4.25L7.25 4H8L8.25 4.25V5Z%22 fill%3D%22black%22 %2F%3E%3C%2Fsvg%3E");
172
+ --csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #73a7f3;
173
+ --message-bar-icon-color:var(--csstools-light-dark-toggle--4, #0060df);
174
+ --csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #003070;
175
+ --message-bar-bg-color:var(--csstools-light-dark-toggle--5, #deeafc);
150
176
  --message-bar-fg-color:var(--text-primary-color);
151
- --message-bar-border-color:rgb(0 0 0 / 0.08);
177
+ --csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
178
+ --message-bar-border-color:var(--csstools-light-dark-toggle--6, rgb(0 0 0 / 0.08));
179
+
180
+ --csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
181
+
182
+ --undo-button-bg-color:var(--csstools-light-dark-toggle--7, rgb(21 20 26 / 0.07));
183
+ --csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.14);
184
+ --undo-button-bg-color-hover:var(--csstools-light-dark-toggle--8, rgb(21 20 26 / 0.14));
185
+ --csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.21);
186
+ --undo-button-bg-color-active:var(--csstools-light-dark-toggle--9, rgb(21 20 26 / 0.21));
152
187
 
153
- --undo-button-bg-color:rgb(21 20 26 / 0.07);
154
- --undo-button-bg-color-hover:rgb(21 20 26 / 0.14);
155
- --undo-button-bg-color-active:rgb(21 20 26 / 0.21);
188
+ --csstools-light-dark-toggle--10:var(--csstools-color-scheme--light) #0df;
189
+
190
+ --undo-button-border:1px solid var(--csstools-light-dark-toggle--10, #0060df);
156
191
 
157
192
  --undo-button-fg-color:var(--message-bar-fg-color);
158
193
  --undo-button-fg-color-hover:var(--undo-button-fg-color);
159
194
  --undo-button-fg-color-active:var(--undo-button-fg-color);
160
-
161
- --focus-ring-color:#0060df;
162
- --focus-ring-outline:2px solid var(--focus-ring-color);
163
195
  }
164
196
 
165
- @media (prefers-color-scheme: dark){
197
+ @supports (color: light-dark(red, red)){
198
+ #editorUndoBar{
199
+ --text-primary-color:light-dark(#15141a, #fbfbfe);
200
+ --message-bar-icon-color:light-dark(#0060df, #73a7f3);
201
+ --message-bar-bg-color:light-dark(#deeafc, #003070);
202
+ }
203
+ }
166
204
 
205
+ @supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
167
206
  #editorUndoBar{
168
- --text-primary-color:#fbfbfe;
207
+ --message-bar-border-color:light-dark(
208
+ rgb(0 0 0 / 0.08),
209
+ rgb(255 255 255 / 0.08)
210
+ );
211
+
212
+ --undo-button-bg-color:light-dark(
213
+ rgb(21 20 26 / 0.07),
214
+ rgb(255 255 255 / 0.08)
215
+ );
216
+ --undo-button-bg-color-hover:light-dark(
217
+ rgb(21 20 26 / 0.14),
218
+ rgb(255 255 255 / 0.14)
219
+ );
220
+ --undo-button-bg-color-active:light-dark(
221
+ rgb(21 20 26 / 0.21),
222
+ rgb(255 255 255 / 0.21)
223
+ );
224
+ }
225
+ }
169
226
 
170
- --message-bar-icon-color:#73a7f3;
171
- --message-bar-bg-color:#003070;
172
- --message-bar-border-color:rgb(255 255 255 / 0.08);
227
+ @supports (color: light-dark(red, red)){
228
+ #editorUndoBar{
173
229
 
174
- --undo-button-bg-color:rgb(255 255 255 / 0.08);
175
- --undo-button-bg-color-hover:rgb(255 255 255 / 0.14);
176
- --undo-button-bg-color-active:rgb(255 255 255 / 0.21);
230
+ --undo-button-border:1px solid light-dark(#0060df, #0df);
231
+ }
177
232
  }
233
+
234
+ @supports not (color: light-dark(tan, tan)){
235
+
236
+ #editorUndoBar *{
237
+ --csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #fbfbfe;
238
+ --text-primary-color:var(--csstools-light-dark-toggle--3, #15141a);
239
+ --csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #73a7f3;
240
+ --message-bar-icon-color:var(--csstools-light-dark-toggle--4, #0060df);
241
+ --csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #003070;
242
+ --message-bar-bg-color:var(--csstools-light-dark-toggle--5, #deeafc);
243
+ --csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
244
+ --message-bar-border-color:var(--csstools-light-dark-toggle--6, rgb(0 0 0 / 0.08));
245
+
246
+ --csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
247
+
248
+ --undo-button-bg-color:var(--csstools-light-dark-toggle--7, rgb(21 20 26 / 0.07));
249
+ --csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.14);
250
+ --undo-button-bg-color-hover:var(--csstools-light-dark-toggle--8, rgb(21 20 26 / 0.14));
251
+ --csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.21);
252
+ --undo-button-bg-color-active:var(--csstools-light-dark-toggle--9, rgb(21 20 26 / 0.21));
253
+
254
+ --csstools-light-dark-toggle--10:var(--csstools-color-scheme--light) #0df;
255
+
256
+ --undo-button-border:1px solid var(--csstools-light-dark-toggle--10, #0060df);
178
257
  }
258
+ }
179
259
 
180
260
  @media screen and (forced-colors: active){
181
261
 
@@ -194,7 +274,7 @@
194
274
  --undo-button-fg-color-hover:SelectedItemText;
195
275
  --undo-button-fg-color-active:SelectedItemText;
196
276
 
197
- --focus-ring-color:CanvasText;
277
+ --undo-button-border:none;
198
278
  }
199
279
  }
200
280
 
@@ -224,7 +304,7 @@
224
304
  font-weight:590;
225
305
  line-height:19.5px;
226
306
  color:var(--undo-button-fg-color);
227
- border:none;
307
+ border:var(--undo-button-border);
228
308
  padding:4px 16px;
229
309
  margin-inline-start:8px;
230
310
  height:32px;
@@ -247,65 +327,192 @@
247
327
  }
248
328
 
249
329
  .dialog{
250
- --dialog-bg-color:white;
251
- --dialog-border-color:white;
252
- --dialog-shadow:0 2px 14px 0 rgb(58 57 68 / 0.2);
253
- --text-primary-color:#15141a;
254
- --text-secondary-color:#5b5b66;
330
+ --csstools-light-dark-toggle--11:var(--csstools-color-scheme--light) #1c1b22;
331
+ --dialog-bg-color:var(--csstools-light-dark-toggle--11, white);
332
+ --csstools-light-dark-toggle--12:var(--csstools-color-scheme--light) #1c1b22;
333
+ --dialog-border-color:var(--csstools-light-dark-toggle--12, white);
334
+ --csstools-light-dark-toggle--13:var(--csstools-color-scheme--light) #15141a;
335
+ --dialog-shadow:0 2px 14px 0 var(--csstools-light-dark-toggle--13, rgb(58 57 68 / 0.2));
336
+ --csstools-light-dark-toggle--14:var(--csstools-color-scheme--light) #fbfbfe;
337
+ --text-primary-color:var(--csstools-light-dark-toggle--14, #15141a);
338
+ --csstools-light-dark-toggle--15:var(--csstools-color-scheme--light) #cfcfd8;
339
+ --text-secondary-color:var(--csstools-light-dark-toggle--15, #5b5b66);
255
340
  --hover-filter:brightness(0.9);
256
- --focus-ring-color:#0060df;
257
- --focus-ring-outline:2px solid var(--focus-ring-color);
258
- --link-fg-color:#0060df;
259
- --link-hover-fg-color:#0250bb;
260
- --separator-color:#f0f0f4;
341
+ --csstools-light-dark-toggle--16:var(--csstools-color-scheme--light) #0df;
342
+ --link-fg-color:var(--csstools-light-dark-toggle--16, #0060df);
343
+ --csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) #80ebff;
344
+ --link-hover-fg-color:var(--csstools-light-dark-toggle--17, #0250bb);
345
+ --csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) #52525e;
346
+ --separator-color:var(--csstools-light-dark-toggle--18, #f0f0f4);
261
347
 
262
348
  --textarea-border-color:#8f8f9d;
263
- --textarea-bg-color:white;
349
+ --csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) #42414d;
350
+ --textarea-bg-color:var(--csstools-light-dark-toggle--19, white);
264
351
  --textarea-fg-color:var(--text-secondary-color);
265
352
 
266
- --radio-bg-color:#f0f0f4;
267
- --radio-checked-bg-color:#fbfbfe;
353
+ --csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) #2b2a33;
354
+
355
+ --radio-bg-color:var(--csstools-light-dark-toggle--20, #f0f0f4);
356
+ --csstools-light-dark-toggle--21:var(--csstools-color-scheme--light) #15141a;
357
+ --radio-checked-bg-color:var(--csstools-light-dark-toggle--21, #fbfbfe);
268
358
  --radio-border-color:#8f8f9d;
269
- --radio-checked-border-color:#0060df;
359
+ --csstools-light-dark-toggle--22:var(--csstools-color-scheme--light) #0df;
360
+ --radio-checked-border-color:var(--csstools-light-dark-toggle--22, #0060df);
361
+
362
+ --csstools-light-dark-toggle--23:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07);
270
363
 
271
- --button-secondary-bg-color:#f0f0f4;
364
+ --button-secondary-bg-color:var(--csstools-light-dark-toggle--23, rgb(21 20 26 / 0.07));
272
365
  --button-secondary-fg-color:var(--text-primary-color);
273
366
  --button-secondary-border-color:var(--button-secondary-bg-color);
274
- --button-secondary-hover-bg-color:var(--button-secondary-bg-color);
367
+ --csstools-light-dark-toggle--24:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21);
368
+ --button-secondary-active-bg-color:var(--csstools-light-dark-toggle--24, rgb(21 20 26 / 0.21));
369
+ --button-secondary-active-fg-color:var(--button-secondary-fg-color);
370
+ --button-secondary-active-border-color:var(--button-secondary-bg-color);
371
+ --csstools-light-dark-toggle--25:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14);
372
+ --button-secondary-hover-bg-color:var(--csstools-light-dark-toggle--25, rgb(21 20 26 / 0.14));
275
373
  --button-secondary-hover-fg-color:var(--button-secondary-fg-color);
276
374
  --button-secondary-hover-border-color:var(--button-secondary-hover-bg-color);
277
375
 
278
- --button-primary-bg-color:#0060df;
279
- --button-primary-fg-color:#fbfbfe;
376
+ --csstools-light-dark-toggle--26:var(--csstools-color-scheme--light) #0df;
377
+
378
+ --button-primary-bg-color:var(--csstools-light-dark-toggle--26, #0060df);
379
+ --csstools-light-dark-toggle--27:var(--csstools-color-scheme--light) #15141a;
380
+ --button-primary-fg-color:var(--csstools-light-dark-toggle--27, #fbfbfe);
280
381
  --button-primary-border-color:var(--button-primary-bg-color);
281
- --button-primary-hover-bg-color:var(--button-primary-bg-color);
382
+ --csstools-light-dark-toggle--28:var(--csstools-color-scheme--light) #aaf2ff;
383
+ --button-primary-active-bg-color:var(--csstools-light-dark-toggle--28, #054096);
384
+ --button-primary-active-fg-color:var(--button-primary-fg-color);
385
+ --button-primary-active-border-color:var(--button-primary-active-bg-color);
386
+ --csstools-light-dark-toggle--29:var(--csstools-color-scheme--light) #80ebff;
387
+ --button-primary-hover-bg-color:var(--csstools-light-dark-toggle--29, #0250bb);
282
388
  --button-primary-hover-fg-color:var(--button-primary-fg-color);
283
389
  --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);
393
+
394
+ --csstools-light-dark-toggle--30:var(--csstools-color-scheme--light) #42414d;
395
+
396
+ --input-text-bg-color:var(--csstools-light-dark-toggle--30, white);
397
+ --input-text-fg-color:var(--text-primary-color);
284
398
  }
285
399
 
286
- @media (prefers-color-scheme: dark){
400
+ @supports (color: light-dark(red, red)){
401
+ .dialog{
402
+ --dialog-bg-color:light-dark(white, #1c1b22);
403
+ --dialog-border-color:light-dark(white, #1c1b22);
404
+ }
405
+ }
287
406
 
407
+ @supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
288
408
  .dialog{
289
- --dialog-bg-color:#1c1b22;
290
- --dialog-border-color:#1c1b22;
291
- --dialog-shadow:0 2px 14px 0 #15141a;
292
- --text-primary-color:#fbfbfe;
293
- --text-secondary-color:#cfcfd8;
294
- --focus-ring-color:#0df;
295
- --hover-filter:brightness(1.4);
296
- --link-fg-color:#0df;
297
- --link-hover-fg-color:#80ebff;
298
- --separator-color:#52525e;
409
+ --dialog-shadow:0 2px 14px 0 light-dark(rgb(58 57 68 / 0.2), #15141a);
410
+ }
411
+ }
412
+
413
+ @supports (color: light-dark(red, red)){
414
+ .dialog{
415
+ --text-primary-color:light-dark(#15141a, #fbfbfe);
416
+ --text-secondary-color:light-dark(#5b5b66, #cfcfd8);
417
+ --link-fg-color:light-dark(#0060df, #0df);
418
+ --link-hover-fg-color:light-dark(#0250bb, #80ebff);
419
+ --separator-color:light-dark(#f0f0f4, #52525e);
420
+ --textarea-bg-color:light-dark(white, #42414d);
421
+
422
+ --radio-bg-color:light-dark(#f0f0f4, #2b2a33);
423
+ --radio-checked-bg-color:light-dark(#fbfbfe, #15141a);
424
+ --radio-checked-border-color:light-dark(#0060df, #0df);
425
+ }
426
+ }
427
+
428
+ @supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
429
+ .dialog{
430
+
431
+ --button-secondary-bg-color:light-dark(
432
+ rgb(21 20 26 / 0.07),
433
+ rgb(251 251 254 / 0.07)
434
+ );
435
+ --button-secondary-active-bg-color:light-dark(
436
+ rgb(21 20 26 / 0.21),
437
+ rgb(251 251 254 / 0.21)
438
+ );
439
+ --button-secondary-hover-bg-color:light-dark(
440
+ rgb(21 20 26 / 0.14),
441
+ rgb(251 251 254 / 0.14)
442
+ );
443
+ }
444
+ }
299
445
 
300
- --textarea-bg-color:#42414d;
446
+ @supports (color: light-dark(red, red)){
447
+ .dialog{
448
+
449
+ --button-primary-bg-color:light-dark(#0060df, #0df);
450
+ --button-primary-fg-color:light-dark(#fbfbfe, #15141a);
451
+ --button-primary-active-bg-color:light-dark(#054096, #aaf2ff);
452
+ --button-primary-hover-bg-color:light-dark(#0250bb, #80ebff);
453
+
454
+ --input-text-bg-color:light-dark(white, #42414d);
455
+ }
456
+ }
457
+
458
+ @supports not (color: light-dark(tan, tan)){
459
+
460
+ .dialog *{
461
+ --csstools-light-dark-toggle--11:var(--csstools-color-scheme--light) #1c1b22;
462
+ --dialog-bg-color:var(--csstools-light-dark-toggle--11, white);
463
+ --csstools-light-dark-toggle--12:var(--csstools-color-scheme--light) #1c1b22;
464
+ --dialog-border-color:var(--csstools-light-dark-toggle--12, white);
465
+ --csstools-light-dark-toggle--13:var(--csstools-color-scheme--light) #15141a;
466
+ --dialog-shadow:0 2px 14px 0 var(--csstools-light-dark-toggle--13, rgb(58 57 68 / 0.2));
467
+ --csstools-light-dark-toggle--14:var(--csstools-color-scheme--light) #fbfbfe;
468
+ --text-primary-color:var(--csstools-light-dark-toggle--14, #15141a);
469
+ --csstools-light-dark-toggle--15:var(--csstools-color-scheme--light) #cfcfd8;
470
+ --text-secondary-color:var(--csstools-light-dark-toggle--15, #5b5b66);
471
+ --csstools-light-dark-toggle--16:var(--csstools-color-scheme--light) #0df;
472
+ --link-fg-color:var(--csstools-light-dark-toggle--16, #0060df);
473
+ --csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) #80ebff;
474
+ --link-hover-fg-color:var(--csstools-light-dark-toggle--17, #0250bb);
475
+ --csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) #52525e;
476
+ --separator-color:var(--csstools-light-dark-toggle--18, #f0f0f4);
477
+ --csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) #42414d;
478
+ --textarea-bg-color:var(--csstools-light-dark-toggle--19, white);
479
+
480
+ --csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) #2b2a33;
481
+
482
+ --radio-bg-color:var(--csstools-light-dark-toggle--20, #f0f0f4);
483
+ --csstools-light-dark-toggle--21:var(--csstools-color-scheme--light) #15141a;
484
+ --radio-checked-bg-color:var(--csstools-light-dark-toggle--21, #fbfbfe);
485
+ --csstools-light-dark-toggle--22:var(--csstools-color-scheme--light) #0df;
486
+ --radio-checked-border-color:var(--csstools-light-dark-toggle--22, #0060df);
487
+
488
+ --csstools-light-dark-toggle--23:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07);
489
+
490
+ --button-secondary-bg-color:var(--csstools-light-dark-toggle--23, rgb(21 20 26 / 0.07));
491
+ --csstools-light-dark-toggle--24:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21);
492
+ --button-secondary-active-bg-color:var(--csstools-light-dark-toggle--24, rgb(21 20 26 / 0.21));
493
+ --csstools-light-dark-toggle--25:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14);
494
+ --button-secondary-hover-bg-color:var(--csstools-light-dark-toggle--25, rgb(21 20 26 / 0.14));
495
+
496
+ --csstools-light-dark-toggle--26:var(--csstools-color-scheme--light) #0df;
497
+
498
+ --button-primary-bg-color:var(--csstools-light-dark-toggle--26, #0060df);
499
+ --csstools-light-dark-toggle--27:var(--csstools-color-scheme--light) #15141a;
500
+ --button-primary-fg-color:var(--csstools-light-dark-toggle--27, #fbfbfe);
501
+ --csstools-light-dark-toggle--28:var(--csstools-color-scheme--light) #aaf2ff;
502
+ --button-primary-active-bg-color:var(--csstools-light-dark-toggle--28, #054096);
503
+ --csstools-light-dark-toggle--29:var(--csstools-color-scheme--light) #80ebff;
504
+ --button-primary-hover-bg-color:var(--csstools-light-dark-toggle--29, #0250bb);
505
+
506
+ --csstools-light-dark-toggle--30:var(--csstools-color-scheme--light) #42414d;
507
+
508
+ --input-text-bg-color:var(--csstools-light-dark-toggle--30, white);
509
+ }
510
+ }
301
511
 
302
- --radio-bg-color:#2b2a33;
303
- --radio-checked-bg-color:#15141a;
304
- --radio-checked-border-color:#0df;
512
+ @media (prefers-color-scheme: dark){
305
513
 
306
- --button-secondary-bg-color:#2b2a33;
307
- --button-primary-bg-color:#0df;
308
- --button-primary-fg-color:#15141a;
514
+ .dialog{
515
+ --hover-filter:brightness(1.4);
309
516
  }
310
517
  }
311
518
 
@@ -318,7 +525,6 @@
318
525
  --text-primary-color:CanvasText;
319
526
  --text-secondary-color:CanvasText;
320
527
  --hover-filter:none;
321
- --focus-ring-color:ButtonBorder;
322
528
  --link-fg-color:LinkText;
323
529
  --link-hover-fg-color:LinkText;
324
530
  --separator-color:CanvasText;
@@ -332,16 +538,31 @@
332
538
  --radio-border-color:ButtonText;
333
539
  --radio-checked-border-color:ButtonText;
334
540
 
335
- --button-secondary-bg-color:ButtonFace;
541
+ --button-secondary-bg-color:HighlightText;
336
542
  --button-secondary-fg-color:ButtonText;
337
543
  --button-secondary-border-color:ButtonText;
338
- --button-secondary-hover-bg-color:AccentColor;
339
- --button-secondary-hover-fg-color:AccentColorText;
544
+ --button-secondary-active-bg-color:HighlightText;
545
+ --button-secondary-active-fg-color:SelectedItem;
546
+ --button-secondary-active-border-color:ButtonText;
547
+ --button-secondary-hover-bg-color:HighlightText;
548
+ --button-secondary-hover-fg-color:SelectedItem;
549
+ --button-secondary-hover-border-color:SelectedItem;
340
550
 
341
551
  --button-primary-bg-color:ButtonText;
342
- --button-primary-fg-color:ButtonFace;
343
- --button-primary-hover-bg-color:AccentColor;
344
- --button-primary-hover-fg-color:AccentColorText;
552
+ --button-primary-fg-color:HighlightText;
553
+ --button-primary-border-color:ButtonText;
554
+ --button-primary-active-bg-color:SelectedItem;
555
+ --button-primary-active-fg-color:HighlightText;
556
+ --button-primary-active-border-color:ButtonText;
557
+ --button-primary-hover-bg-color:SelectedItem;
558
+ --button-primary-hover-fg-color:HighlightText;
559
+ --button-primary-hover-border-color:SelectedItem;
560
+
561
+ --button-disabled-bg-color:GrayText;
562
+ --button-disabled-fg-color:ButtonFace;
563
+
564
+ --input-text-bg-color:HighlightText;
565
+ --input-text-fg-color:FieldText;
345
566
  }
346
567
  }
347
568
 
@@ -443,46 +664,71 @@
443
664
  color:var(--text-secondary-color);
444
665
  }
445
666
 
446
- :is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton)){
667
+ :is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton)){
447
668
  border-radius:4px;
448
669
  border:1px solid;
449
670
  font:menu;
450
- font-weight:600;
671
+ font-weight:590;
672
+ font-size:13px;
451
673
  padding:4px 16px;
452
674
  width:auto;
453
675
  height:32px;
454
676
  }
455
677
 
456
- :is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))):hover{
678
+ :is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):hover{
457
679
  cursor:pointer;
458
680
  filter:var(--hover-filter);
459
681
  }
460
682
 
461
- .secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))){
683
+ :is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))) > span{
684
+ color:inherit;
685
+ font:inherit;
686
+ }
687
+
688
+ .secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))){
462
689
  color:var(--button-secondary-fg-color);
463
690
  background-color:var(--button-secondary-bg-color);
464
691
  border-color:var(--button-secondary-border-color);
465
692
  }
466
693
 
467
- .secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))):hover{
694
+ .secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):hover{
468
695
  color:var(--button-secondary-hover-fg-color);
469
696
  background-color:var(--button-secondary-hover-bg-color);
470
697
  border-color:var(--button-secondary-hover-border-color);
471
698
  }
472
699
 
473
- .primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))){
700
+ .secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):active{
701
+ color:var(--button-secondary-active-fg-color);
702
+ background-color:var(--button-secondary-active-bg-color);
703
+ border-color:var(--button-secondary-active-border-color);
704
+ }
705
+
706
+ .primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))){
474
707
  color:var(--button-primary-fg-color);
475
708
  background-color:var(--button-primary-bg-color);
476
709
  border-color:var(--button-primary-border-color);
477
710
  opacity:1;
478
711
  }
479
712
 
480
- .primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))):hover{
713
+ .primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):hover{
481
714
  color:var(--button-primary-hover-fg-color);
482
715
  background-color:var(--button-primary-hover-bg-color);
483
716
  border-color:var(--button-primary-hover-border-color);
484
717
  }
485
718
 
719
+ .primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):active{
720
+ color:var(--button-primary-active-fg-color);
721
+ background-color:var(--button-primary-active-bg-color);
722
+ border-color:var(--button-primary-active-border-color);
723
+ }
724
+
725
+ :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
+ pointer-events:none;
730
+ }
731
+
486
732
  :is(.dialog .mainContainer) a{
487
733
  color:var(--link-fg-color);
488
734
  }
@@ -513,23 +759,58 @@
513
759
  opacity:0.4;
514
760
  }
515
761
 
762
+ :is(.dialog .mainContainer) input[type="text"]{
763
+ background-color:var(--input-text-bg-color);
764
+ color:var(--input-text-fg-color);
765
+ }
766
+
516
767
  :is(.dialog .mainContainer) .messageBar{
517
- --message-bar-bg-color:#ffebcd;
518
- --message-bar-fg-color:#15141a;
519
- --message-bar-border-color:rgb(0 0 0 / 0.08);
768
+ --csstools-light-dark-toggle--31:var(--csstools-color-scheme--light) #5a3100;
769
+ --message-bar-bg-color:var(--csstools-light-dark-toggle--31, #ffebcd);
770
+ --csstools-light-dark-toggle--32:var(--csstools-color-scheme--light) #fbfbfe;
771
+ --message-bar-fg-color:var(--csstools-light-dark-toggle--32, #15141a);
772
+ --csstools-light-dark-toggle--33:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
773
+ --message-bar-border-color:var(--csstools-light-dark-toggle--33, rgb(0 0 0 / 0.08));
520
774
  --message-bar-icon:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M14.8748 12.037L9.37782 2.037C8.99682 1.346 8.31082 1 7.62482 1C6.93882 1 6.25282 1.346 5.87282 2.037L0.375823 12.037C-0.358177 13.37 0.606823 15 2.12782 15H13.1228C14.6428 15 15.6078 13.37 14.8748 12.037ZM8.24982 11.75L7.99982 12H7.24982L6.99982 11.75V11L7.24982 10.75H7.99982L8.24982 11V11.75ZM8.24982 9.062C8.24982 9.22776 8.18398 9.38673 8.06677 9.50394C7.94955 9.62115 7.79058 9.687 7.62482 9.687C7.45906 9.687 7.30009 9.62115 7.18288 9.50394C7.06567 9.38673 6.99982 9.22776 6.99982 9.062V5.625C6.99982 5.45924 7.06567 5.30027 7.18288 5.18306C7.30009 5.06585 7.45906 5 7.62482 5C7.79058 5 7.94955 5.06585 8.06677 5.18306C8.18398 5.30027 8.24982 5.45924 8.24982 5.625V9.062Z%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
521
- --message-bar-icon-color:#cd411e;
775
+ --csstools-light-dark-toggle--34:var(--csstools-color-scheme--light) #e49c49;
776
+ --message-bar-icon-color:var(--csstools-light-dark-toggle--34, #cd411e);
522
777
  }
523
778
 
524
- @media (prefers-color-scheme: dark){
779
+ @supports (color: light-dark(red, red)){
780
+ :is(.dialog .mainContainer) .messageBar{
781
+ --message-bar-bg-color:light-dark(#ffebcd, #5a3100);
782
+ --message-bar-fg-color:light-dark(#15141a, #fbfbfe);
783
+ }
784
+ }
525
785
 
786
+ @supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
526
787
  :is(.dialog .mainContainer) .messageBar{
527
- --message-bar-bg-color:#5a3100;
528
- --message-bar-fg-color:#fbfbfe;
529
- --message-bar-border-color:rgb(255 255 255 / 0.08);
530
- --message-bar-icon-color:#e49c49;
788
+ --message-bar-border-color:light-dark(
789
+ rgb(0 0 0 / 0.08),
790
+ rgb(255 255 255 / 0.08)
791
+ );
531
792
  }
532
- }
793
+ }
794
+
795
+ @supports (color: light-dark(red, red)){
796
+ :is(.dialog .mainContainer) .messageBar{
797
+ --message-bar-icon-color:light-dark(#cd411e, #e49c49);
798
+ }
799
+ }
800
+
801
+ @supports not (color: light-dark(tan, tan)){
802
+
803
+ :is(:is(.dialog .mainContainer) .messageBar) *{
804
+ --csstools-light-dark-toggle--31:var(--csstools-color-scheme--light) #5a3100;
805
+ --message-bar-bg-color:var(--csstools-light-dark-toggle--31, #ffebcd);
806
+ --csstools-light-dark-toggle--32:var(--csstools-color-scheme--light) #fbfbfe;
807
+ --message-bar-fg-color:var(--csstools-light-dark-toggle--32, #15141a);
808
+ --csstools-light-dark-toggle--33:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
809
+ --message-bar-border-color:var(--csstools-light-dark-toggle--33, rgb(0 0 0 / 0.08));
810
+ --csstools-light-dark-toggle--34:var(--csstools-color-scheme--light) #e49c49;
811
+ --message-bar-icon-color:var(--csstools-light-dark-toggle--34, #cd411e);
812
+ }
813
+ }
533
814
 
534
815
  @media screen and (forced-colors: active){
535
816
 
@@ -709,6 +990,9 @@
709
990
  }
710
991
 
711
992
  .annotationLayer{
993
+ --csstools-color-scheme--light:initial;
994
+ color-scheme:only light;
995
+
712
996
  --annotation-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
713
997
  --input-focus-border-color:Highlight;
714
998
  --input-focus-outline:1px solid Canvas;
@@ -748,7 +1032,7 @@
748
1032
  }
749
1033
 
750
1034
  .annotationLayer .popupAnnotation .popup{
751
- outline:calc(1.5px * var(--scale-factor)) solid CanvasText !important;
1035
+ outline:calc(1.5px * var(--total-scale-factor)) solid CanvasText !important;
752
1036
  background-color:ButtonFace !important;
753
1037
  color:ButtonText !important;
754
1038
  }
@@ -766,7 +1050,7 @@
766
1050
  }
767
1051
 
768
1052
  .annotationLayer .popupAnnotation.focused .popup{
769
- outline:calc(3px * var(--scale-factor)) solid Highlight !important;
1053
+ outline:calc(3px * var(--total-scale-factor)) solid Highlight !important;
770
1054
  }
771
1055
  }
772
1056
 
@@ -810,9 +1094,6 @@
810
1094
  white-space:nowrap;
811
1095
  font:10px sans-serif;
812
1096
  line-height:1.35;
813
- -webkit-user-select:none;
814
- -moz-user-select:none;
815
- user-select:none;
816
1097
  }
817
1098
 
818
1099
  .annotationLayer section{
@@ -821,6 +1102,9 @@
821
1102
  pointer-events:auto;
822
1103
  box-sizing:border-box;
823
1104
  transform-origin:0 0;
1105
+ -webkit-user-select:none;
1106
+ -moz-user-select:none;
1107
+ user-select:none;
824
1108
  }
825
1109
 
826
1110
  :is(.annotationLayer section):has(div.annotationContent) canvas.annotationContent{
@@ -867,7 +1151,7 @@
867
1151
  background-image:var(--annotation-unfocused-field-background);
868
1152
  border:2px solid var(--input-unfocused-border-color);
869
1153
  box-sizing:border-box;
870
- font:calc(9px * var(--scale-factor)) sans-serif;
1154
+ font:calc(9px * var(--total-scale-factor)) sans-serif;
871
1155
  height:100%;
872
1156
  margin:0;
873
1157
  vertical-align:top;
@@ -979,7 +1263,7 @@
979
1263
 
980
1264
  .annotationLayer .popupAnnotation{
981
1265
  position:absolute;
982
- font-size:calc(9px * var(--scale-factor));
1266
+ font-size:calc(9px * var(--total-scale-factor));
983
1267
  pointer-events:none;
984
1268
  width:-moz-max-content;
985
1269
  width:max-content;
@@ -989,15 +1273,19 @@
989
1273
 
990
1274
  .annotationLayer .popup{
991
1275
  background-color:rgb(255 255 153);
992
- box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) rgb(136 136 136);
993
- border-radius:calc(2px * var(--scale-factor));
1276
+ color:black;
1277
+ box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) rgb(136 136 136);
1278
+ border-radius:calc(2px * var(--total-scale-factor));
994
1279
  outline:1.5px solid rgb(255 255 74);
995
- padding:calc(6px * var(--scale-factor));
1280
+ padding:calc(6px * var(--total-scale-factor));
996
1281
  cursor:pointer;
997
1282
  font:message-box;
998
1283
  white-space:normal;
999
1284
  word-wrap:break-word;
1000
1285
  pointer-events:auto;
1286
+ -webkit-user-select:text;
1287
+ -moz-user-select:text;
1288
+ user-select:text;
1001
1289
  }
1002
1290
 
1003
1291
  .annotationLayer .popupAnnotation.focused .popup{
@@ -1005,7 +1293,7 @@
1005
1293
  }
1006
1294
 
1007
1295
  .annotationLayer .popup *{
1008
- font-size:calc(9px * var(--scale-factor));
1296
+ font-size:calc(9px * var(--total-scale-factor));
1009
1297
  }
1010
1298
 
1011
1299
  .annotationLayer .popup > .header{
@@ -1018,20 +1306,20 @@
1018
1306
 
1019
1307
  .annotationLayer .popup > .header .popupDate{
1020
1308
  display:inline-block;
1021
- margin-left:calc(5px * var(--scale-factor));
1309
+ margin-left:calc(5px * var(--total-scale-factor));
1022
1310
  width:-moz-fit-content;
1023
1311
  width:fit-content;
1024
1312
  }
1025
1313
 
1026
1314
  .annotationLayer .popupContent{
1027
1315
  border-top:1px solid rgb(51 51 51);
1028
- margin-top:calc(2px * var(--scale-factor));
1029
- padding-top:calc(2px * var(--scale-factor));
1316
+ margin-top:calc(2px * var(--total-scale-factor));
1317
+ padding-top:calc(2px * var(--total-scale-factor));
1030
1318
  }
1031
1319
 
1032
1320
  .annotationLayer .richText > *{
1033
1321
  white-space:pre-wrap;
1034
- font-size:calc(9px * var(--scale-factor));
1322
+ font-size:calc(9px * var(--total-scale-factor));
1035
1323
  }
1036
1324
 
1037
1325
  .annotationLayer .popupTriggerArea{
@@ -1088,6 +1376,9 @@
1088
1376
  }
1089
1377
 
1090
1378
  .xfaLayer{
1379
+ --csstools-color-scheme--light:initial;
1380
+ color-scheme:only light;
1381
+
1091
1382
  background-color:transparent;
1092
1383
  }
1093
1384
 
@@ -1491,41 +1782,61 @@
1491
1782
  }
1492
1783
 
1493
1784
  .toggle-button{
1494
- --button-background-color:#f0f0f4;
1495
- --button-background-color-hover:#e0e0e6;
1496
- --button-background-color-active:#cfcfd8;
1497
- --color-accent-primary:#0060df;
1498
- --color-accent-primary-hover:#0250bb;
1499
- --color-accent-primary-active:#054096;
1500
- --border-interactive-color:#8f8f9d;
1785
+ --button-background-color:color-mix(in srgb, currentColor 7%, transparent);
1786
+ --button-background-color-hover:color-mix(
1787
+ in srgb,
1788
+ currentColor 14%,
1789
+ transparent
1790
+ );
1791
+ --button-background-color-active:color-mix(
1792
+ in srgb,
1793
+ currentColor 21%,
1794
+ transparent
1795
+ );
1796
+ --csstools-light-dark-toggle--35:var(--csstools-color-scheme--light) #0df;
1797
+ --color-accent-primary:var(--csstools-light-dark-toggle--35, #0060df);
1798
+ --csstools-light-dark-toggle--36:var(--csstools-color-scheme--light) #80ebff;
1799
+ --color-accent-primary-hover:var(--csstools-light-dark-toggle--36, #0250bb);
1800
+ --csstools-light-dark-toggle--37:var(--csstools-color-scheme--light) #aaf2ff;
1801
+ --color-accent-primary-active:var(--csstools-light-dark-toggle--37, #054096);
1501
1802
  --border-radius-circle:9999px;
1502
1803
  --border-width:1px;
1503
1804
  --size-item-small:16px;
1504
1805
  --size-item-large:32px;
1505
- --color-canvas:white;
1806
+ --csstools-light-dark-toggle--38:var(--csstools-color-scheme--light) #1c1b22;
1807
+ --color-canvas:var(--csstools-light-dark-toggle--38, white);
1808
+ --background-color-canvas:var(--color-canvas);
1809
+ --csstools-light-dark-toggle--39:var(--csstools-color-scheme--light) #f9f9fa;
1810
+ --border-color-interactive:var(--csstools-light-dark-toggle--39, #8f8f9d);
1811
+ --border-color-interactive-hover:var(--border-color-interactive);
1812
+ --border-color-interactive-active:var(--border-color-interactive);
1506
1813
  }
1507
1814
 
1508
- @media (prefers-color-scheme: dark){
1509
-
1815
+ @supports (color: light-dark(red, red)){
1510
1816
  .toggle-button{
1511
- --button-background-color:color-mix(in srgb, currentColor 7%, transparent);
1512
- --button-background-color-hover:color-mix(
1513
- in srgb,
1514
- currentColor 14%,
1515
- transparent
1516
- );
1517
- --button-background-color-active:color-mix(
1518
- in srgb,
1519
- currentColor 21%,
1520
- transparent
1521
- );
1522
- --color-accent-primary:#0df;
1523
- --color-accent-primary-hover:#80ebff;
1524
- --color-accent-primary-active:#aaf2ff;
1525
- --border-interactive-color:#bfbfc9;
1526
- --color-canvas:#1c1b22;
1817
+ --color-accent-primary:light-dark(#0060df, #0df);
1818
+ --color-accent-primary-hover:light-dark(#0250bb, #80ebff);
1819
+ --color-accent-primary-active:light-dark(#054096, #aaf2ff);
1820
+ --color-canvas:light-dark(white, #1c1b22);
1821
+ --border-color-interactive:light-dark(#8f8f9d, #f9f9fa);
1822
+ }
1527
1823
  }
1824
+
1825
+ @supports not (color: light-dark(tan, tan)){
1826
+
1827
+ .toggle-button *{
1828
+ --csstools-light-dark-toggle--35:var(--csstools-color-scheme--light) #0df;
1829
+ --color-accent-primary:var(--csstools-light-dark-toggle--35, #0060df);
1830
+ --csstools-light-dark-toggle--36:var(--csstools-color-scheme--light) #80ebff;
1831
+ --color-accent-primary-hover:var(--csstools-light-dark-toggle--36, #0250bb);
1832
+ --csstools-light-dark-toggle--37:var(--csstools-color-scheme--light) #aaf2ff;
1833
+ --color-accent-primary-active:var(--csstools-light-dark-toggle--37, #054096);
1834
+ --csstools-light-dark-toggle--38:var(--csstools-color-scheme--light) #1c1b22;
1835
+ --color-canvas:var(--csstools-light-dark-toggle--38, white);
1836
+ --csstools-light-dark-toggle--39:var(--csstools-color-scheme--light) #f9f9fa;
1837
+ --border-color-interactive:var(--csstools-light-dark-toggle--39, #8f8f9d);
1528
1838
  }
1839
+ }
1529
1840
 
1530
1841
  @media (forced-colors: active){
1531
1842
 
@@ -1533,24 +1844,23 @@
1533
1844
  --color-accent-primary:ButtonText;
1534
1845
  --color-accent-primary-hover:SelectedItem;
1535
1846
  --color-accent-primary-active:SelectedItem;
1536
- --border-interactive-color:ButtonText;
1537
1847
  --button-background-color:ButtonFace;
1538
- --border-interactive-color-hover:SelectedItem;
1539
- --border-interactive-color-active:SelectedItem;
1540
- --border-interactive-color-disabled:GrayText;
1848
+ --border-color-interactive:ButtonText;
1849
+ --border-color-interactive-hover:SelectedItem;
1850
+ --border-color-interactive-active:ButtonText;
1541
1851
  --color-canvas:ButtonText;
1852
+ --background-color-canvas:Canvas;
1542
1853
  }
1543
1854
  }
1544
1855
 
1545
1856
  .toggle-button{
1546
-
1547
1857
  --toggle-background-color:var(--button-background-color);
1548
1858
  --toggle-background-color-hover:var(--button-background-color-hover);
1549
1859
  --toggle-background-color-active:var(--button-background-color-active);
1550
1860
  --toggle-background-color-pressed:var(--color-accent-primary);
1551
1861
  --toggle-background-color-pressed-hover:var(--color-accent-primary-hover);
1552
1862
  --toggle-background-color-pressed-active:var(--color-accent-primary-active);
1553
- --toggle-border-color:var(--border-interactive-color);
1863
+ --toggle-border-color:var(--border-color-interactive);
1554
1864
  --toggle-border-color-hover:var(--toggle-border-color);
1555
1865
  --toggle-border-color-active:var(--toggle-border-color);
1556
1866
  --toggle-border-radius:var(--border-radius-circle);
@@ -1560,7 +1870,7 @@
1560
1870
  --toggle-dot-background-color:var(--toggle-border-color);
1561
1871
  --toggle-dot-background-color-hover:var(--toggle-dot-background-color);
1562
1872
  --toggle-dot-background-color-active:var(--toggle-dot-background-color);
1563
- --toggle-dot-background-color-on-pressed:var(--color-canvas);
1873
+ --toggle-dot-background-color-on-pressed:var(--background-color-canvas);
1564
1874
  --toggle-dot-margin:1px;
1565
1875
  --toggle-dot-height:calc(
1566
1876
  var(--toggle-height) - 2 * var(--toggle-dot-margin) - 2 *
@@ -1570,6 +1880,7 @@
1570
1880
  --toggle-dot-transform-x:calc(
1571
1881
  var(--toggle-width) - 4 * var(--toggle-dot-margin) - var(--toggle-dot-width)
1572
1882
  );
1883
+ --input-width:var(--toggle-width);
1573
1884
 
1574
1885
  -webkit-appearance:none;
1575
1886
 
@@ -1577,14 +1888,12 @@
1577
1888
 
1578
1889
  appearance:none;
1579
1890
  padding:0;
1580
- margin:0;
1581
1891
  border:var(--toggle-border-width) solid var(--toggle-border-color);
1582
1892
  height:var(--toggle-height);
1583
1893
  width:var(--toggle-width);
1584
1894
  border-radius:var(--toggle-border-radius);
1585
- background:var(--toggle-background-color);
1895
+ background-color:var(--toggle-background-color);
1586
1896
  box-sizing:border-box;
1587
- flex-shrink:0;
1588
1897
  }
1589
1898
 
1590
1899
  .toggle-button:focus-visible{
@@ -1593,30 +1902,15 @@
1593
1902
  }
1594
1903
 
1595
1904
  .toggle-button:enabled:hover{
1596
- background:var(--toggle-background-color-hover);
1905
+ background-color:var(--toggle-background-color-hover);
1597
1906
  border-color:var(--toggle-border-color);
1598
1907
  }
1599
1908
 
1600
- .toggle-button:enabled:active{
1601
- background:var(--toggle-background-color-active);
1909
+ .toggle-button:enabled:hover:active{
1910
+ background-color:var(--toggle-background-color-active);
1602
1911
  border-color:var(--toggle-border-color);
1603
1912
  }
1604
1913
 
1605
- .toggle-button[aria-pressed="true"]{
1606
- background:var(--toggle-background-color-pressed);
1607
- border-color:transparent;
1608
- }
1609
-
1610
- .toggle-button[aria-pressed="true"]:enabled:hover{
1611
- background:var(--toggle-background-color-pressed-hover);
1612
- border-color:transparent;
1613
- }
1614
-
1615
- .toggle-button[aria-pressed="true"]:enabled:active{
1616
- background:var(--toggle-background-color-pressed-active);
1617
- border-color:transparent;
1618
- }
1619
-
1620
1914
  .toggle-button::before{
1621
1915
  display:block;
1622
1916
  content:"";
@@ -1628,165 +1922,1051 @@
1628
1922
  translate:0;
1629
1923
  }
1630
1924
 
1925
+ .toggle-button[aria-pressed="true"]{
1926
+ background-color:var(--toggle-background-color-pressed);
1927
+ border-color:transparent;
1928
+ }
1929
+
1930
+ .toggle-button[aria-pressed="true"]:enabled:hover{
1931
+ background-color:var(--toggle-background-color-pressed-hover);
1932
+ border-color:transparent;
1933
+ }
1934
+
1935
+ .toggle-button[aria-pressed="true"]:enabled:hover:active{
1936
+ background-color:var(--toggle-background-color-pressed-active);
1937
+ border-color:transparent;
1938
+ }
1939
+
1631
1940
  .toggle-button[aria-pressed="true"]::before{
1632
1941
  translate:var(--toggle-dot-transform-x);
1633
1942
  background-color:var(--toggle-dot-background-color-on-pressed);
1634
1943
  }
1635
1944
 
1636
- .toggle-button[aria-pressed="true"]:enabled:hover::before,.toggle-button[aria-pressed="true"]:enabled:active::before{
1945
+ .toggle-button[aria-pressed="true"]:enabled:hover::before,.toggle-button[aria-pressed="true"]:enabled:hover:active::before{
1637
1946
  background-color:var(--toggle-dot-background-color-on-pressed);
1638
1947
  }
1639
1948
 
1640
- [dir="rtl"] .toggle-button[aria-pressed="true"]::before{
1949
+ .toggle-button[aria-pressed="true"]:-moz-locale-dir(rtl)::before,[dir="rtl"] .toggle-button[aria-pressed="true"]::before{
1641
1950
  translate:calc(-1 * var(--toggle-dot-transform-x));
1642
1951
  }
1643
1952
 
1644
1953
  @media (prefers-reduced-motion: no-preference){
1645
- .toggle-button::before{
1646
- transition:translate 100ms;
1647
- }
1954
+ .toggle-button::before{
1955
+ transition:translate 100ms;
1648
1956
  }
1957
+ }
1649
1958
 
1650
1959
  @media (prefers-contrast){
1651
- .toggle-button:enabled:hover{
1652
- border-color:var(--toggle-border-color-hover);
1653
- }
1960
+ .toggle-button:enabled:hover{
1961
+ border-color:var(--toggle-border-color-hover);
1962
+ }
1654
1963
 
1655
- .toggle-button:enabled:active{
1656
- border-color:var(--toggle-border-color-active);
1657
- }
1964
+ .toggle-button:enabled:hover:active{
1965
+ border-color:var(--toggle-border-color-active);
1966
+ }
1658
1967
 
1659
- .toggle-button[aria-pressed="true"]:enabled{
1660
- border-color:var(--toggle-border-color);
1661
- position:relative;
1662
- }
1968
+ .toggle-button[aria-pressed="true"]:enabled{
1969
+ border-color:var(--toggle-border-color);
1970
+ position:relative;
1971
+ }
1663
1972
 
1664
- .toggle-button[aria-pressed="true"]:enabled:hover,.toggle-button[aria-pressed="true"]:enabled:hover:active{
1973
+ .toggle-button[aria-pressed="true"]:enabled:hover{
1665
1974
  border-color:var(--toggle-border-color-hover);
1666
1975
  }
1667
1976
 
1668
- .toggle-button[aria-pressed="true"]:enabled:active{
1669
- background-color:var(--toggle-dot-background-color-active);
1670
- border-color:var(--toggle-dot-background-color-hover);
1671
- }
1977
+ .toggle-button[aria-pressed="true"]:enabled:hover:active{
1978
+ background-color:var(--toggle-dot-background-color-active);
1979
+ border-color:var(--toggle-dot-background-color-hover);
1980
+ }
1672
1981
 
1673
- .toggle-button:hover::before,.toggle-button:active::before{
1674
- background-color:var(--toggle-dot-background-color-hover);
1675
- }
1982
+ .toggle-button:enabled:hover::before,
1983
+ .toggle-button:enabled:hover:active::before{
1984
+ background-color:var(--toggle-dot-background-color-hover);
1676
1985
  }
1986
+ }
1677
1987
 
1678
1988
  @media (forced-colors){
1679
-
1680
- .toggle-button{
1989
+ .toggle-button{
1681
1990
  --toggle-dot-background-color:var(--color-accent-primary);
1682
1991
  --toggle-dot-background-color-hover:var(--color-accent-primary-hover);
1683
1992
  --toggle-dot-background-color-active:var(--color-accent-primary-active);
1684
1993
  --toggle-dot-background-color-on-pressed:var(--button-background-color);
1685
- --toggle-background-color-disabled:var(--button-background-color-disabled);
1686
- --toggle-border-color-hover:var(--border-interactive-color-hover);
1687
- --toggle-border-color-active:var(--border-interactive-color-active);
1688
- --toggle-border-color-disabled:var(--border-interactive-color-disabled);
1689
- }
1994
+ --toggle-border-color-hover:var(--border-color-interactive-hover);
1995
+ --toggle-border-color-active:var(--border-color-interactive-active);
1996
+ }
1690
1997
 
1691
- .toggle-button[aria-pressed="true"]:enabled::after{
1692
- border:1px solid var(--button-background-color);
1693
- content:"";
1694
- position:absolute;
1695
- height:var(--toggle-height);
1696
- width:var(--toggle-width);
1697
- display:block;
1698
- border-radius:var(--toggle-border-radius);
1699
- inset:-2px;
1700
- }
1998
+ .toggle-button[aria-pressed="true"]:enabled::after{
1999
+ border:1px solid var(--button-background-color);
2000
+ content:"";
2001
+ position:absolute;
2002
+ height:var(--toggle-height);
2003
+ width:var(--toggle-width);
2004
+ display:block;
2005
+ border-radius:var(--toggle-border-radius);
2006
+ inset:-2px;
2007
+ }
1701
2008
 
1702
- .toggle-button[aria-pressed="true"]:enabled:active::after{
1703
- border-color:var(--toggle-border-color-active);
1704
- }
2009
+ .toggle-button[aria-pressed="true"]:enabled:hover:active::after{
2010
+ border-color:var(--toggle-border-color-active);
1705
2011
  }
2012
+ }
1706
2013
 
1707
2014
  :root{
1708
- --outline-width:2px;
1709
- --outline-color:#0060df;
1710
- --outline-around-width:1px;
1711
- --outline-around-color:#f0f0f4;
1712
- --hover-outline-around-color:var(--outline-around-color);
1713
- --focus-outline:solid var(--outline-width) var(--outline-color);
1714
- --unfocus-outline:solid var(--outline-width) transparent;
1715
- --focus-outline-around:solid var(--outline-around-width) var(--outline-around-color);
1716
- --hover-outline-color:#8f8f9d;
1717
- --hover-outline:solid var(--outline-width) var(--hover-outline-color);
1718
- --hover-outline-around:solid var(--outline-around-width) var(--hover-outline-around-color);
1719
- --freetext-line-height:1.35;
1720
- --freetext-padding:2px;
1721
- --resizer-bg-color:var(--outline-color);
1722
- --resizer-size:6px;
1723
- --resizer-shift:calc(
1724
- 0px - (var(--outline-width) + var(--resizer-size)) / 2 -
1725
- var(--outline-around-width)
1726
- );
1727
- --editorFreeText-editing-cursor:text;
1728
- --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;
1729
- --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;
1730
- --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;
1731
-
1732
- --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");
2015
+ --clear-signature-button-icon:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M11 3H13.6C14 3 14.3 3.3 14.3 3.6C14.3 3.9 14 4.2 13.7 4.2H13.3V14C13.3 15.1 12.4 16 11.3 16H4.80005C3.70005 16 2.80005 15.1 2.80005 14V4.2H2.40005C2.00005 4.2 1.80005 4 1.80005 3.6C1.80005 3.2 2.00005 3 2.40005 3H5.00005V2C5.00005 0.9 5.90005 0 7.00005 0H9.00005C10.1 0 11 0.9 11 2V3ZM6.90005 1.2L6.30005 1.8V3H9.80005V1.8L9.20005 1.2H6.90005ZM11.4 14.7L12 14.1V4.2H4.00005V14.1L4.60005 14.7H11.4ZM7.00005 12.4C7.00005 12.7 6.70005 13 6.40005 13C6.10005 13 5.80005 12.7 5.80005 12.4V7.6C5.70005 7.3 6.00005 7 6.40005 7C6.80005 7 7.00005 7.3 7.00005 7.6V12.4ZM10.2001 12.4C10.2001 12.7 9.90006 13 9.60006 13C9.30006 13 9.00006 12.7 9.00006 12.4V7.6C9.00006 7.3 9.30006 7 9.60006 7C9.90006 7 10.2001 7.3 10.2001 7.6V12.4Z%22 fill%3D%22black%22 %2F%3E%3C%2Fsvg%3E");
2016
+ --csstools-light-dark-toggle--40:var(--csstools-color-scheme--light) #2b2a33;
2017
+ --signature-bg:var(--csstools-light-dark-toggle--40, #f9f9fb);
2018
+ --csstools-light-dark-toggle--41:var(--csstools-color-scheme--light) var(--signature-bg);
2019
+ --signature-hover-bg:var(--csstools-light-dark-toggle--41, #f0f0f4);
2020
+ --button-signature-bg:transparent;
2021
+ --button-signature-color:var(--main-color);
2022
+ --csstools-light-dark-toggle--42:var(--csstools-color-scheme--light) #5b5b66;
2023
+ --button-signature-active-bg:var(--csstools-light-dark-toggle--42, #cfcfd8);
2024
+ --button-signature-active-border:none;
2025
+ --button-signature-active-color:var(--button-signature-color);
2026
+ --button-signature-border:none;
2027
+ --csstools-light-dark-toggle--43:var(--csstools-color-scheme--light) #52525e;
2028
+ --button-signature-hover-bg:var(--csstools-light-dark-toggle--43, #e0e0e6);
2029
+ --button-signature-hover-color:var(--button-signature-color);
2030
+ }
2031
+
2032
+ @supports (color: light-dark(red, red)){
2033
+ :root{
2034
+ --signature-bg:light-dark(#f9f9fb, #2b2a33);
2035
+ --signature-hover-bg:light-dark(#f0f0f4, var(--signature-bg));
2036
+ --button-signature-active-bg:light-dark(#cfcfd8, #5b5b66);
2037
+ --button-signature-hover-bg:light-dark(#e0e0e6, #52525e);
1733
2038
  }
1734
- .visuallyHidden{
1735
- position:absolute;
1736
- top:0;
1737
- left:0;
1738
- border:0;
1739
- margin:0;
1740
- padding:0;
1741
- width:0;
1742
- height:0;
1743
- overflow:hidden;
1744
- white-space:nowrap;
1745
- font-size:0;
1746
2039
  }
1747
2040
 
1748
- .textLayer.highlighting{
1749
- cursor:var(--editorFreeHighlight-editing-cursor);
1750
- }
1751
-
1752
- .textLayer.highlighting:not(.free) span{
1753
- cursor:var(--editorHighlight-editing-cursor);
1754
- }
2041
+ @supports not (color: light-dark(tan, tan)){
1755
2042
 
1756
- [role="img"]:is(.textLayer.highlighting:not(.free) span){
1757
- cursor:var(--editorFreeHighlight-editing-cursor);
1758
- }
2043
+ :root *{
2044
+ --csstools-light-dark-toggle--40:var(--csstools-color-scheme--light) #2b2a33;
2045
+ --signature-bg:var(--csstools-light-dark-toggle--40, #f9f9fb);
2046
+ --csstools-light-dark-toggle--41:var(--csstools-color-scheme--light) var(--signature-bg);
2047
+ --signature-hover-bg:var(--csstools-light-dark-toggle--41, #f0f0f4);
2048
+ --csstools-light-dark-toggle--42:var(--csstools-color-scheme--light) #5b5b66;
2049
+ --button-signature-active-bg:var(--csstools-light-dark-toggle--42, #cfcfd8);
2050
+ --csstools-light-dark-toggle--43:var(--csstools-color-scheme--light) #52525e;
2051
+ --button-signature-hover-bg:var(--csstools-light-dark-toggle--43, #e0e0e6);
2052
+ }
2053
+ }
1759
2054
 
1760
- .textLayer.highlighting.free span{
1761
- cursor:var(--editorFreeHighlight-editing-cursor);
1762
- }
2055
+ @media screen and (forced-colors: active){
1763
2056
 
1764
- :is(#viewerContainer.pdfPresentationMode:fullscreen,.annotationEditorLayer.disabled) .noAltTextBadge{
1765
- display:none !important;
2057
+ :root{
2058
+ --signature-bg:HighlightText;
2059
+ --signature-hover-bg:var(--signature-bg);
2060
+ --button-signature-bg:HighlightText;
2061
+ --button-signature-color:ButtonText;
2062
+ --button-signature-active-bg:ButtonText;
2063
+ --button-signature-active-color:HighlightText;
2064
+ --button-signature-border:1px solid ButtonText;
2065
+ --button-signature-hover-bg:Highlight;
2066
+ --button-signature-hover-color:HighlightText;
2067
+ }
1766
2068
  }
1767
2069
 
1768
- @media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 1.1dppx){
1769
- :root{
1770
- --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;
1771
- }
2070
+ .signatureDialog{
2071
+ --primary-color:var(--text-primary-color);
2072
+ --border-color:#8f8f9d;
2073
+ --open-link-fg:var(--link-fg-color);
2074
+ --open-link-hover-fg:var(--link-hover-fg-color);
1772
2075
  }
1773
2076
 
1774
2077
  @media screen and (forced-colors: active){
1775
- :root{
1776
- --outline-color:CanvasText;
1777
- --outline-around-color:ButtonFace;
1778
- --resizer-bg-color:ButtonText;
1779
- --hover-outline-color:Highlight;
1780
- --hover-outline-around-color:SelectedItemText;
1781
- }
1782
- }
1783
2078
 
1784
- [data-editor-rotation="90"]{
1785
- transform:rotate(90deg);
2079
+ .signatureDialog{
2080
+ --primary-color:ButtonText;
2081
+ --border-color:ButtonText;
2082
+ --open-link-fg:ButtonText;
2083
+ --open-link-hover-fg:ButtonText;
1786
2084
  }
2085
+ }
1787
2086
 
1788
- [data-editor-rotation="180"]{
1789
- transform:rotate(180deg);
2087
+ .signatureDialog{
2088
+
2089
+ width:570px;
2090
+ max-width:100%;
2091
+ min-width:300px;
2092
+ padding:16px 0;
2093
+ }
2094
+
2095
+ .signatureDialog .mainContainer{
2096
+ width:100%;
2097
+ display:flex;
2098
+ flex-direction:column;
2099
+ align-items:flex-start;
2100
+ gap:12px;
2101
+ }
2102
+
2103
+ :is(.signatureDialog .mainContainer) span:not([role="sectionhead"]){
2104
+ font-size:13px;
2105
+ font-style:normal;
2106
+ font-weight:400;
2107
+ line-height:normal;
2108
+ }
2109
+
2110
+ :is(.signatureDialog .mainContainer) .title{
2111
+ margin-inline-start:16px;
2112
+ }
2113
+
2114
+ .signatureDialog .inputWithClearButton{
2115
+ --button-dimension:24px;
2116
+ --clear-button-icon:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M7.85822 8.84922L4.85322 11.8542C4.75891 11.9453 4.63261 11.9957 4.50151 11.9946C4.37042 11.9934 4.24501 11.9408 4.15231 11.8481C4.0596 11.7554 4.00702 11.63 4.00588 11.4989C4.00474 11.3678 4.05514 11.2415 4.14622 11.1472L7.15122 8.14222V7.85922L4.14622 4.85322C4.05514 4.75891 4.00474 4.63261 4.00588 4.50151C4.00702 4.37042 4.0596 4.24501 4.15231 4.15231C4.24501 4.0596 4.37042 4.00702 4.50151 4.00588C4.63261 4.00474 4.75891 4.05514 4.85322 4.14622L7.85822 7.15122H8.14122L11.1462 4.14622C11.2405 4.05514 11.3668 4.00474 11.4979 4.00588C11.629 4.00702 11.7544 4.0596 11.8471 4.15231C11.9398 4.24501 11.9924 4.37042 11.9936 4.50151C11.9947 4.63261 11.9443 4.75891 11.8532 4.85322L8.84822 7.85922V8.14222L11.8532 11.1472C11.9443 11.2415 11.9947 11.3678 11.9936 11.4989C11.9924 11.63 11.9398 11.7554 11.8471 11.8481C11.7544 11.9408 11.629 11.9934 11.4979 11.9946C11.3668 11.9957 11.2405 11.9453 11.1462 11.8542L8.14122 8.84922L8.14222 8.85022L7.85822 8.84922Z%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
2117
+
2118
+ width:100%;
2119
+ position:relative;
2120
+ display:flex;
2121
+ align-items:center;
2122
+ justify-content:center;
2123
+ }
2124
+
2125
+ :is(.signatureDialog .inputWithClearButton) > input{
2126
+ width:100%;
2127
+ height:32px;
2128
+ padding-inline:8px calc(4px + var(--button-dimension));
2129
+ box-sizing:border-box;
2130
+ border-radius:4px;
2131
+ border:1px solid var(--border-color);
2132
+ }
2133
+
2134
+ :is(.signatureDialog .inputWithClearButton) .clearInputButton{
2135
+ position:absolute;
2136
+ inset-block-start:4px;
2137
+ inset-inline-end:4px;
2138
+ display:inline-block;
2139
+ width:var(--button-dimension);
2140
+ height:var(--button-dimension);
2141
+ background-color:var(--input-text-fg-color);
2142
+ -webkit-mask-size:cover;
2143
+ mask-size:cover;
2144
+ -webkit-mask-image:var(--clear-button-icon);
2145
+ mask-image:var(--clear-button-icon);
2146
+ padding:0;
2147
+ border:0;
2148
+ }
2149
+
2150
+ #addSignatureDialog{
2151
+ --secondary-color:var(--text-secondary-color);
2152
+ --bg-hover:#e0e0e6;
2153
+ --tab-top-line-active-color:#0060df;
2154
+ --tab-top-line-active-hover-color:var(--tab-text-hover-color);
2155
+ --tab-top-line-hover-color:#8f8f9d;
2156
+ --tab-top-line-inactive-color:#cfcfd8;
2157
+ --tab-bottom-line-active-color:var(--tab-top-line-inactive-color);
2158
+ --tab-bottom-line-hover-color:var(--tab-top-line-inactive-color);
2159
+ --tab-bottom-line-inactive-color:var(--tab-top-line-inactive-color);
2160
+ --tab-bg:var(--dialog-bg-color);
2161
+ --tab-bg-active-color:var(--tab-bg);
2162
+ --tab-bg-active-hover-color:var(--bg-hover);
2163
+ --tab-bg-hover:var(--bg-hover);
2164
+ --tab-panel-border:none;
2165
+ --tab-panel-border-radius:4px;
2166
+ --tab-text-color:var(--primary-color);
2167
+ --tab-text-active-color:var(--tab-top-line-active-color);
2168
+ --tab-text-active-hover-color:var(--tab-text-hover-color);
2169
+ --tab-text-hover-color:var(--tab-text-color);
2170
+ --signature-placeholder-color:var(--secondary-color);
2171
+ --signature-draw-placeholder-color:var(--primary-color);
2172
+ --signature-color:var(--primary-color);
2173
+ --clear-signature-button-border-width:0;
2174
+ --clear-signature-button-border-style:solid;
2175
+ --clear-signature-button-border-color:transparent;
2176
+ --clear-signature-button-border-disabled-color:transparent;
2177
+ --clear-signature-button-color:var(--primary-color);
2178
+ --clear-signature-button-hover-color:var(--clear-signature-button-color);
2179
+ --clear-signature-button-active-color:var(--clear-signature-button-color);
2180
+ --clear-signature-button-disabled-color:var(--clear-signature-button-color);
2181
+ --clear-signature-button-focus-color:var(--clear-signature-button-color);
2182
+ --clear-signature-button-bg:var(--dialog-bg-color);
2183
+ --clear-signature-button-bg-hover:var(--bg-hover);
2184
+ --clear-signature-button-bg-active:#cfcfd8;
2185
+ --clear-signature-button-bg-focus:#f0f0f4;
2186
+ --clear-signature-button-bg-disabled:color-mix(
2187
+ in srgb,
2188
+ #f0f0f4,
2189
+ transparent 40%
2190
+ );
2191
+ --save-warning-color:var(--secondary-color);
2192
+ --thickness-bg:var(--dialog-bg-color);
2193
+ --thickness-label-color:var(--primary-color);
2194
+ --thickness-slider-color:var(--primary-color);
2195
+ --thickness-border:none;
2196
+ --draw-cursor:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M0.0189877 13.6645L0.612989 10.4635C0.687989 10.0545 0.884989 9.6805 1.18099 9.3825L9.98199 0.5805C10.756 -0.1925 12.015 -0.1945 12.792 0.5805L14.42 2.2085C15.194 2.9835 15.194 4.2435 14.42 5.0185L5.61599 13.8215C5.31999 14.1165 4.94599 14.3125 4.53799 14.3875L1.33599 14.9815C1.26599 14.9935 1.19799 15.0005 1.12999 15.0005C0.832989 15.0005 0.544988 14.8835 0.330988 14.6695C0.0679874 14.4055 -0.0490122 14.0305 0.0189877 13.6645Z%22 fill%3D%22white%22%2F%3E%3Cpath d%3D%22M0.0189877 13.6645L0.612989 10.4635C0.687989 10.0545 0.884989 9.6805 1.18099 9.3825L9.98199 0.5805C10.756 -0.1925 12.015 -0.1945 12.792 0.5805L14.42 2.2085C15.194 2.9835 15.194 4.2435 14.42 5.0185L5.61599 13.8215C5.31999 14.1165 4.94599 14.3125 4.53799 14.3875L1.33599 14.9815C1.26599 14.9935 1.19799 15.0005 1.12999 15.0005C0.832989 15.0005 0.544988 14.8835 0.330988 14.6695C0.0679874 14.4055 -0.0490122 14.0305 0.0189877 13.6645ZM12.472 5.1965L13.632 4.0365L13.631 3.1885L11.811 1.3675L10.963 1.3685L9.80299 2.5285L12.472 5.1965ZM4.31099 13.1585C4.47099 13.1285 4.61799 13.0515 4.73399 12.9345L11.587 6.0815L8.91899 3.4135L2.06599 10.2655C1.94899 10.3835 1.87199 10.5305 1.84099 10.6915L1.36699 13.2485L1.75199 13.6335L4.31099 13.1585Z%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E") 0 16, pointer;
2197
+ }
2198
+
2199
+ @media (prefers-color-scheme: dark){
2200
+
2201
+ #addSignatureDialog{
2202
+ --dialog-bg-color:#42414d;
2203
+ --bg-hover:#52525e;
2204
+ --primary-color:#fbfbfe;
2205
+ --secondary-color:#cfcfd8;
2206
+ --tab-top-line-active-color:#0df;
2207
+ --tab-top-line-inactive-color:#8f8f9d;
2208
+ --clear-signature-button-bg-active:#5b5b66;
2209
+ --clear-signature-button-bg-focus:#2b2a33;
2210
+ --clear-signature-button-bg-disabled:color-mix(
2211
+ in srgb,
2212
+ #2b2a33,
2213
+ transparent 40%
2214
+ );
2215
+ }
2216
+ }
2217
+
2218
+ @media screen and (forced-colors: active){
2219
+
2220
+ #addSignatureDialog{
2221
+ --secondary-color:ButtonText;
2222
+ --bg:HighlightText;
2223
+ --bg-hover:var(--bg);
2224
+ --tab-top-line-active-color:ButtonText;
2225
+ --tab-top-line-active-hover-color:HighlightText;
2226
+ --tab-top-line-hover-color:SelectedItem;
2227
+ --tab-top-line-inactive-color:ButtonText;
2228
+ --tab-bottom-line-active-color:var(--tab-top-line-active-color);
2229
+ --tab-bottom-line-hover-color:var(--tab-top-line-hover-color);
2230
+ --tab-bg:var(--bg);
2231
+ --tab-bg-active-color:SelectedItem;
2232
+ --tab-bg-active-hover-color:SelectedItem;
2233
+ --tab-panel-border:1px solid ButtonText;
2234
+ --tab-panel-border-radius:8px;
2235
+ --tab-text-color:ButtonText;
2236
+ --tab-text-active-color:HighlightText;
2237
+ --tab-text-active-hover-color:HighlightText;
2238
+ --tab-text-hover-color:SelectedItem;
2239
+ --signature-color:ButtonText;
2240
+ --clear-signature-button-border-width:1px;
2241
+ --clear-signature-button-border-style:solid;
2242
+ --clear-signature-button-border-color:ButtonText;
2243
+ --clear-signature-button-border-disabled-color:GrayText;
2244
+ --clear-signature-button-color:ButtonText;
2245
+ --clear-signature-button-hover-color:HighlightText;
2246
+ --clear-signature-button-active-color:SelectedItem;
2247
+ --clear-signature-button-focus-color:CanvasText;
2248
+ --clear-signature-button-disabled-color:GrayText;
2249
+ --clear-signature-button-bg:var(--bg);
2250
+ --clear-signature-button-bg-hover:SelectedItem;
2251
+ --clear-signature-button-bg-active:var(--bg);
2252
+ --clear-signature-button-bg-focus:var(--bg);
2253
+ --clear-signature-button-bg-disabled:var(--bg);
2254
+ --thickness-bg:Canvas;
2255
+ --thickness-label-color:CanvasText;
2256
+ --thickness-slider-color:ButtonText;
2257
+ --thickness-border:1px solid var(--border-color);
2258
+ }
2259
+ }
2260
+
2261
+ #addSignatureDialog #addSignatureDialogLabel{
2262
+ overflow:hidden;
2263
+ position:absolute;
2264
+ inset:0;
2265
+ width:0;
2266
+ height:0;
2267
+ }
2268
+
2269
+ #addSignatureDialog.waiting::after{
2270
+ content:"";
2271
+ cursor:wait;
2272
+ position:absolute;
2273
+ inset:0;
2274
+ width:100%;
2275
+ height:100%;
2276
+ }
2277
+
2278
+ :is(#addSignatureDialog .mainContainer) [role="tablist"]{
2279
+ width:100%;
2280
+ display:flex;
2281
+ align-items:flex-start;
2282
+ gap:0;
2283
+ }
2284
+
2285
+ :is(:is(#addSignatureDialog .mainContainer) [role="tablist"]) > [role="tab"]{
2286
+ flex:1 0 0;
2287
+ align-self:stretch;
2288
+ background-color:var(--tab-bg);
2289
+ padding-inline:0;
2290
+ cursor:default;
2291
+
2292
+ border-inline:0;
2293
+ border-block-width:1px;
2294
+ border-block-style:solid;
2295
+ border-block-start-color:var(--tab-top-line-inactive-color);
2296
+ border-block-end-color:var(--tab-bottom-line-inactive-color);
2297
+ border-radius:0;
2298
+
2299
+ font:menu;
2300
+ font-size:13px;
2301
+ font-style:normal;
2302
+ line-height:normal;
2303
+ font-weight:400;
2304
+ color:var(--tab-text-color);
2305
+ }
2306
+
2307
+ :is(:is(:is(#addSignatureDialog .mainContainer) [role="tablist"]) > [role="tab"]):hover{
2308
+ border-block-start-width:2px;
2309
+ border-block-start-color:var(--tab-top-line-hover-color);
2310
+ border-block-end-color:var(--tab-bottom-line-hover-color);
2311
+ background-color:var(--tab-bg-hover);
2312
+ color:var(--tab-text-hover-color);
2313
+ }
2314
+
2315
+ :is(:is(:is(#addSignatureDialog .mainContainer) [role="tablist"]) > [role="tab"]):focus-visible{
2316
+ outline:2px solid var(--tab-top-line-active-color);
2317
+ outline-offset:-2px;
2318
+ }
2319
+
2320
+ [aria-selected="true"]:is(:is(:is(#addSignatureDialog .mainContainer) [role="tablist"]) > [role="tab"]){
2321
+ border-block-start-width:2px;
2322
+ border-block-start-color:var(--tab-top-line-active-color);
2323
+ border-block-end-color:var(--tab-bottom-line-active-color);
2324
+ background-color:var(--tab-bg-active-color);
2325
+ font-weight:590;
2326
+ color:var(--tab-text-active-color);
2327
+ }
2328
+
2329
+ [aria-selected="true"]:is(:is(:is(#addSignatureDialog .mainContainer) [role="tablist"]) > [role="tab"]):hover{
2330
+ border-block-start-color:var(--tab-top-line-active-hover-color);
2331
+ background-color:var(--tab-bg-active-hover-color);
2332
+ color:var(--tab-text-active-hover-color);
2333
+ }
2334
+
2335
+ :is(#addSignatureDialog .mainContainer) #addSignatureActionContainer{
2336
+ width:100%;
2337
+ height:auto;
2338
+ display:flex;
2339
+ flex-direction:column;
2340
+ align-items:flex-end;
2341
+ align-self:stretch;
2342
+ gap:12px;
2343
+ padding-inline:16px;
2344
+ box-sizing:border-box;
2345
+ }
2346
+
2347
+ :is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]{
2348
+ position:relative;
2349
+ width:100%;
2350
+ height:220px;
2351
+ background-color:var(--signature-bg);
2352
+ border:var(--tab-panel-border);
2353
+ border-radius:var(--tab-panel-border-radius);
2354
+ }
2355
+
2356
+ :is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) > svg{
2357
+ position:absolute;
2358
+ inset:0;
2359
+ width:100%;
2360
+ height:100%;
2361
+ background-color:transparent;
2362
+ }
2363
+
2364
+ #addSignatureTypeContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]){
2365
+ display:none;
2366
+ }
2367
+
2368
+ #addSignatureTypeContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureTypeInput{
2369
+ position:absolute;
2370
+ inset:0;
2371
+ width:100%;
2372
+ height:100%;
2373
+ border:0;
2374
+ padding:0;
2375
+ text-align:center;
2376
+ color:var(--signature-color);
2377
+ background-color:transparent;
2378
+ border-radius:var(--tab-panel-border-radius);
2379
+
2380
+ font-family:"Brush script", "Apple Chancery", "Segoe script", "Freestyle Script", "Palace Script MT", "Brush Script MT", TK, cursive, serif;
2381
+ font-size:44px;
2382
+ font-style:italic;
2383
+ font-weight:400;
2384
+ }
2385
+
2386
+ :is(#addSignatureTypeContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureTypeInput)::-moz-placeholder{
2387
+ color:var(--signature-placeholder-color);
2388
+ text-align:center;
2389
+
2390
+ font:menu;
2391
+ font-style:normal;
2392
+ font-weight:274;
2393
+ font-size:44px;
2394
+ line-height:normal;
2395
+ }
2396
+
2397
+ :is(#addSignatureTypeContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureTypeInput)::placeholder{
2398
+ color:var(--signature-placeholder-color);
2399
+ text-align:center;
2400
+
2401
+ font:menu;
2402
+ font-style:normal;
2403
+ font-weight:274;
2404
+ font-size:44px;
2405
+ line-height:normal;
2406
+ }
2407
+
2408
+ #addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]){
2409
+ display:none;
2410
+ }
2411
+
2412
+ #addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) > span{
2413
+ position:absolute;
2414
+ top:0;
2415
+ left:0;
2416
+ width:100%;
2417
+ height:100%;
2418
+ display:grid;
2419
+ align-items:center;
2420
+ justify-content:center;
2421
+
2422
+ background-color:transparent;
2423
+ color:var(--signature-placeholder-color);
2424
+ -webkit-user-select:none;
2425
+ -moz-user-select:none;
2426
+ user-select:none;
2427
+ }
2428
+
2429
+ #addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) > svg{
2430
+ stroke:var(--signature-color);
2431
+ fill:none;
2432
+ stroke-opacity:1;
2433
+ stroke-linecap:round;
2434
+ stroke-linejoin:round;
2435
+ stroke-miterlimit:10;
2436
+ }
2437
+
2438
+ :is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) > svg):hover{
2439
+ cursor:var(--draw-cursor);
2440
+ }
2441
+
2442
+ #addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness{
2443
+ position:absolute;
2444
+ width:100%;
2445
+ inset-block-end:0;
2446
+ display:grid;
2447
+ align-items:center;
2448
+ justify-content:center;
2449
+ pointer-events:none;
2450
+ }
2451
+
2452
+ :is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > span{
2453
+ color:var(--signature-draw-placeholder-color);
2454
+ }
2455
+
2456
+ :is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div{
2457
+ width:auto;
2458
+ height:auto;
2459
+ display:flex;
2460
+ align-items:center;
2461
+ justify-content:center;
2462
+ gap:8px;
2463
+ padding:6px 8px 7px;
2464
+ margin:0;
2465
+ background-color:var(--thickness-bg);
2466
+ border-radius:4px 4px 0 0;
2467
+ border-inline:var(--thickness-border);
2468
+ border-top:var(--thickness-border);
2469
+ pointer-events:auto;
2470
+ position:relative;
2471
+ top:1px;
2472
+ }
2473
+
2474
+ :is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div) > label{
2475
+ color:var(--thickness-label-color);
2476
+ }
2477
+
2478
+ :is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div) > input{
2479
+ width:100px;
2480
+ height:14px;
2481
+ background-color:transparent;
2482
+ }
2483
+
2484
+ :is(:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div) > input)::-webkit-slider-runnable-track,:is(:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div) > input)::-moz-range-track,:is(:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div) > input)::-moz-range-progress{
2485
+ background-color:var(--thickness-slider-color);
2486
+ }
2487
+
2488
+ :is(:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div) > input)::-webkit-slider-thumb,:is(:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div) > input)::-moz-range-thumb{
2489
+ background-color:var(--thickness-bg);
2490
+ }
2491
+
2492
+ :is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div) > input{
2493
+
2494
+ border-radius:4.5px;
2495
+ border:0;
2496
+ color:var(--signature-color);
2497
+ }
2498
+
2499
+ #addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]){
2500
+ display:none;
2501
+ }
2502
+
2503
+ #addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) > svg{
2504
+ stroke:none;
2505
+ stroke-width:0;
2506
+ fill:var(--signature-color);
2507
+ fill-opacity:1;
2508
+ }
2509
+
2510
+ #addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureImagePlaceholder{
2511
+ position:absolute;
2512
+ top:0;
2513
+ left:0;
2514
+ width:100%;
2515
+ height:100%;
2516
+ background-color:transparent;
2517
+ display:flex;
2518
+ flex-direction:column;
2519
+ align-items:center;
2520
+ justify-content:center;
2521
+ }
2522
+
2523
+ :is(#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureImagePlaceholder) span{
2524
+ color:var(--signature-placeholder-color);
2525
+ }
2526
+
2527
+ :is(#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureImagePlaceholder) a{
2528
+ color:var(--open-link-fg);
2529
+ text-decoration:underline;
2530
+ cursor:pointer;
2531
+ }
2532
+
2533
+ :is(:is(#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureImagePlaceholder) a):hover{
2534
+ color:var(--open-link-hover-fg);
2535
+ }
2536
+
2537
+ #addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureFilePicker{
2538
+ visibility:hidden;
2539
+ position:relative;
2540
+ width:0;
2541
+ height:0;
2542
+ }
2543
+
2544
+ [data-selected="type"]:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > #addSignatureTypeContainer,[data-selected="draw"]:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > #addSignatureDrawContainer,[data-selected="image"]:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > #addSignatureImageContainer{
2545
+ display:block;
2546
+ }
2547
+
2548
+ :is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls{
2549
+ display:flex;
2550
+ flex-direction:column;
2551
+ justify-content:center;
2552
+ align-items:flex-start;
2553
+ gap:12px;
2554
+ align-self:stretch;
2555
+ }
2556
+
2557
+ :is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer{
2558
+ display:flex;
2559
+ align-items:flex-end;
2560
+ gap:16px;
2561
+ align-self:stretch;
2562
+ }
2563
+
2564
+ :is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #addSignatureDescriptionContainer{
2565
+ display:flex;
2566
+ flex-direction:column;
2567
+ align-items:flex-start;
2568
+ gap:4px;
2569
+ flex:1 0 0;
2570
+ }
2571
+
2572
+ :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #addSignatureDescriptionContainer):has(input:disabled) > label{
2573
+ opacity:0.4;
2574
+ }
2575
+
2576
+ :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #addSignatureDescriptionContainer) > label{
2577
+ width:auto;
2578
+ }
2579
+
2580
+ :is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton{
2581
+ display:flex;
2582
+ height:32px;
2583
+ padding:4px 8px;
2584
+ align-items:center;
2585
+ background-color:var(--clear-signature-button-bg);
2586
+ border-width:var(--clear-signature-button-border-width);
2587
+ border-style:var(--clear-signature-button-border-style);
2588
+ border-color:var(--clear-signature-button-border-color);
2589
+ border-radius:4px;
2590
+ }
2591
+
2592
+ :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton) > span{
2593
+ display:flex;
2594
+ height:24px;
2595
+ align-items:center;
2596
+ gap:4px;
2597
+ flex-shrink:0;
2598
+
2599
+ color:var(--clear-signature-button-color);
2600
+ }
2601
+
2602
+ :is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton) > span)::after{
2603
+ content:"";
2604
+ display:inline-block;
2605
+ width:16px;
2606
+ height:16px;
2607
+ -webkit-mask-image:var(--clear-signature-button-icon);
2608
+ mask-image:var(--clear-signature-button-icon);
2609
+ -webkit-mask-size:cover;
2610
+ mask-size:cover;
2611
+ background-color:var(--clear-signature-button-color);
2612
+ flex-shrink:0;
2613
+ }
2614
+
2615
+ :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):hover{
2616
+ background-color:var(--clear-signature-button-bg-hover);
2617
+ }
2618
+
2619
+ :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):hover > span{
2620
+ color:var(--clear-signature-button-hover-color);
2621
+ }
2622
+
2623
+ :is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):hover > span)::after{
2624
+ background-color:var(--clear-signature-button-hover-color);
2625
+ }
2626
+
2627
+ :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):active{
2628
+ background-color:var(--clear-signature-button-bg-active);
2629
+ }
2630
+
2631
+ :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):active > span{
2632
+ color:var(--clear-signature-button-active-color);
2633
+ }
2634
+
2635
+ :is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):active > span)::after{
2636
+ background-color:var(--clear-signature-button-active-color);
2637
+ }
2638
+
2639
+ :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):focus-visible{
2640
+ background-color:var(--clear-signature-button-bg-focus);
2641
+ }
2642
+
2643
+ :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):focus-visible > span{
2644
+ color:var(--clear-signature-button-focus-color);
2645
+ }
2646
+
2647
+ :is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):focus-visible > span)::after{
2648
+ background-color:var(--clear-signature-button-focus-color);
2649
+ }
2650
+
2651
+ :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):disabled{
2652
+ background-color:var(--clear-signature-button-bg-disabled);
2653
+ border-color:var(--clear-signature-button-border-disabled-color);
2654
+ }
2655
+
2656
+ :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):disabled > span{
2657
+ color:var(--clear-signature-button-disabled-color);
2658
+ }
2659
+
2660
+ :is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):disabled > span)::after{
2661
+ background-color:var(
2662
+ --clear-signature-button-disabled-color
2663
+ );
2664
+ }
2665
+
2666
+ :is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer{
2667
+ display:grid;
2668
+ grid-template-columns:max-content auto;
2669
+ gap:4px;
2670
+ width:100%;
2671
+ }
2672
+
2673
+ :is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer) > input{
2674
+ margin:0;
2675
+ }
2676
+
2677
+ :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer) > input):disabled + label{
2678
+ opacity:0.4;
2679
+ }
2680
+
2681
+ :is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer) > label{
2682
+ -webkit-user-select:none;
2683
+ -moz-user-select:none;
2684
+ user-select:none;
2685
+ }
2686
+
2687
+ :is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer):not(.fullStorage) #addSignatureSaveWarning{
2688
+ display:none;
2689
+ }
2690
+
2691
+ .fullStorage:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer) #addSignatureSaveWarning{
2692
+ display:block;
2693
+ opacity:1;
2694
+ color:var(--save-warning-color);
2695
+ font-size:11px;
2696
+ }
2697
+
2698
+ #editSignatureDescriptionDialog .mainContainer{
2699
+ padding-inline:16px;
2700
+ box-sizing:border-box;
2701
+ }
2702
+
2703
+ :is(#editSignatureDescriptionDialog .mainContainer) .title{
2704
+ margin-inline-start:0;
2705
+ }
2706
+
2707
+ :is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView{
2708
+ width:auto;
2709
+ display:flex;
2710
+ justify-content:flex-end;
2711
+ align-items:flex-start;
2712
+ gap:12px;
2713
+ align-self:stretch;
2714
+ }
2715
+
2716
+ :is(:is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView) #editSignatureDescriptionContainer{
2717
+ display:flex;
2718
+ flex-direction:column;
2719
+ align-items:flex-start;
2720
+ gap:4px;
2721
+ flex:1 1 auto;
2722
+ }
2723
+
2724
+ :is(:is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView) > svg{
2725
+ width:210px;
2726
+ height:180px;
2727
+ padding:8px;
2728
+ background-color:var(--signature-bg);
2729
+ }
2730
+
2731
+ :is(:is(:is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView) > svg) > path{
2732
+ stroke:var(--button-signature-color);
2733
+ stroke-width:1px;
2734
+ stroke-linecap:round;
2735
+ stroke-linejoin:round;
2736
+ stroke-miterlimit:10;
2737
+ vector-effect:non-scaling-stroke;
2738
+ fill:none;
2739
+ }
2740
+
2741
+ .contours:is(:is(:is(:is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView) > svg) > path){
2742
+ fill:var(--button-signature-color);
2743
+ stroke-width:0.5px;
2744
+ }
2745
+
2746
+ #editorSignatureParamsToolbar{
2747
+ padding:8px;
2748
+ }
2749
+
2750
+ #editorSignatureParamsToolbar #addSignatureDoorHanger{
2751
+ gap:8px;
2752
+ padding:2px;
2753
+ }
2754
+
2755
+ :is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer{
2756
+ height:32px;
2757
+ display:flex;
2758
+ justify-content:space-between;
2759
+ align-items:center;
2760
+ align-self:stretch;
2761
+ gap:8px;
2762
+ }
2763
+
2764
+ :is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button{
2765
+ border:var(--button-signature-border);
2766
+ border-radius:4px;
2767
+ background-color:var(--button-signature-bg);
2768
+ color:var(--button-signature-color);
2769
+ }
2770
+
2771
+ :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):hover{
2772
+ background-color:var(--button-signature-hover-bg);
2773
+ }
2774
+
2775
+ :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):active{
2776
+ border:var(--button-signature-active-border);
2777
+ background-color:var(--button-signature-active-bg);
2778
+ color:var(--button-signature-active-color);
2779
+ }
2780
+
2781
+ :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):active::before{
2782
+ background-color:var(--button-signature-active-color);
2783
+ }
2784
+
2785
+ :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):focus-visible{
2786
+ outline:var(--focus-ring-outline);
2787
+ }
2788
+
2789
+ :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):focus-visible::before{
2790
+ background-color:var(--button-signature-color);
2791
+ }
2792
+
2793
+ :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .deleteButton)::before{
2794
+ -webkit-mask-image:var(--clear-signature-button-icon);
2795
+ mask-image:var(--clear-signature-button-icon);
2796
+ }
2797
+
2798
+ :is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton{
2799
+ width:auto;
2800
+ height:100%;
2801
+ min-height:var(--menuitem-height);
2802
+ aspect-ratio:unset;
2803
+ display:flex;
2804
+ align-items:center;
2805
+ justify-content:flex-start;
2806
+ outline:none;
2807
+ border-radius:4px;
2808
+ box-sizing:border-box;
2809
+ font:message-box;
2810
+ position:relative;
2811
+ flex:1 1 auto;
2812
+ padding:0;
2813
+ gap:8px;
2814
+ text-align:start;
2815
+ white-space:normal;
2816
+ cursor:default;
2817
+ overflow:hidden;
2818
+ }
2819
+
2820
+ :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton) > svg{
2821
+ display:inline-block;
2822
+ height:100%;
2823
+ aspect-ratio:1;
2824
+ background-color:var(--signature-bg);
2825
+ flex:none;
2826
+ padding:4px;
2827
+ box-sizing:border-box;
2828
+ border:none;
2829
+ border-radius:4px;
2830
+ }
2831
+
2832
+ :is(:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton) > svg) > path{
2833
+ stroke:var(--button-signature-color);
2834
+ stroke-width:1px;
2835
+ stroke-linecap:round;
2836
+ stroke-linejoin:round;
2837
+ stroke-miterlimit:10;
2838
+ vector-effect:non-scaling-stroke;
2839
+ fill:none;
2840
+ }
2841
+
2842
+ .contours:is(:is(:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton) > svg) > path){
2843
+ fill:var(--button-signature-color);
2844
+ stroke-width:0.5px;
2845
+ }
2846
+
2847
+ :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton):is(:hover,:active) > svg{
2848
+ border-radius:4px 0 0 4px;
2849
+ background-color:var(--signature-hover-bg);
2850
+ }
2851
+
2852
+ :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton):hover > span{
2853
+ color:var(--button-signature-hover-color);
2854
+ }
2855
+
2856
+ :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton):active{
2857
+ background-color:var(--button-signature-active-bg);
2858
+ }
2859
+
2860
+ :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton):is([disabled="disabled"],[disabled]){
2861
+ opacity:0.5;
2862
+ pointer-events:none;
2863
+ }
2864
+
2865
+ :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton) > span{
2866
+ height:auto;
2867
+ text-overflow:ellipsis;
2868
+ white-space:nowrap;
2869
+ flex:1 1 auto;
2870
+ font:menu;
2871
+ font-size:13px;
2872
+ font-style:normal;
2873
+ font-weight:400;
2874
+ line-height:normal;
2875
+ overflow:hidden;
2876
+ }
2877
+
2878
+ .editDescription.altText{
2879
+ --alt-text-add-image:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2217%22 viewBox%3D%220 0 16 17%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M14.9815 14.3461L14.3875 11.1451C14.3125 10.7361 14.1155 10.3621 13.8195 10.0641L5.0185 1.26214C4.2445 0.489141 2.9855 0.487141 2.2085 1.26214L0.5805 2.89014C-0.1935 3.66514 -0.1935 4.92514 0.5805 5.70014L9.3845 14.5031C9.6805 14.7981 10.0545 14.9941 10.4625 15.0691L13.6645 15.6631C13.7345 15.6751 13.8025 15.6821 13.8705 15.6821C14.1675 15.6821 14.4555 15.5651 14.6695 15.3511C14.9325 15.0871 15.0495 14.7121 14.9815 14.3461ZM2.5285 5.87814L1.3685 4.71814L1.3695 3.87014L3.1895 2.04914L4.0375 2.05014L5.1975 3.21014L2.5285 5.87814ZM10.6895 13.8401C10.5295 13.8101 10.3825 13.7331 10.2665 13.6161L3.4135 6.76314L6.0815 4.09514L12.9345 10.9471C13.0515 11.0651 13.1285 11.2121 13.1595 11.3731L13.6335 13.9301L13.2485 14.3151L10.6895 13.8401Z%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E") !important;
2880
+ }
2881
+
2882
+ .editDescription.altText::before{
2883
+ width:16px !important;
2884
+ height:16px !important;
2885
+ }
2886
+
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;
2911
+
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");
2913
+ }
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;
2926
+ }
2927
+
2928
+ .textLayer.highlighting{
2929
+ cursor:var(--editorFreeHighlight-editing-cursor);
2930
+ }
2931
+
2932
+ .textLayer.highlighting:not(.free) span{
2933
+ cursor:var(--editorHighlight-editing-cursor);
2934
+ }
2935
+
2936
+ [role="img"]:is(.textLayer.highlighting:not(.free) span){
2937
+ cursor:var(--editorFreeHighlight-editing-cursor);
2938
+ }
2939
+
2940
+ .textLayer.highlighting.free span{
2941
+ cursor:var(--editorFreeHighlight-editing-cursor);
2942
+ }
2943
+
2944
+ :is(#viewerContainer.pdfPresentationMode:fullscreen,.annotationEditorLayer.disabled) .noAltTextBadge{
2945
+ display:none !important;
2946
+ }
2947
+
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;
2951
+ }
2952
+ }
2953
+
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;
2961
+ }
2962
+ }
2963
+
2964
+ [data-editor-rotation="90"]{
2965
+ transform:rotate(90deg);
2966
+ }
2967
+
2968
+ [data-editor-rotation="180"]{
2969
+ transform:rotate(180deg);
1790
2970
  }
1791
2971
 
1792
2972
  [data-editor-rotation="270"]{
@@ -1797,7 +2977,7 @@
1797
2977
  background:transparent;
1798
2978
  position:absolute;
1799
2979
  inset:0;
1800
- font-size:calc(100px * var(--scale-factor));
2980
+ font-size:calc(100px * var(--total-scale-factor));
1801
2981
  transform-origin:0 0;
1802
2982
  cursor:auto;
1803
2983
  }
@@ -1835,7 +3015,8 @@
1835
3015
  box-sizing:border-box;
1836
3016
  }
1837
3017
 
1838
- .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor){
3018
+ .annotationEditorLayer
3019
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor){
1839
3020
  position:absolute;
1840
3021
  background:transparent;
1841
3022
  z-index:1;
@@ -1846,16 +3027,16 @@
1846
3027
  border:var(--unfocus-outline);
1847
3028
  }
1848
3029
 
1849
- .draggable.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)){
3030
+ .draggable.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)){
1850
3031
  cursor:move;
1851
3032
  }
1852
3033
 
1853
- .selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)){
3034
+ .selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)){
1854
3035
  border:var(--focus-outline);
1855
3036
  outline:var(--focus-outline-around);
1856
3037
  }
1857
3038
 
1858
- .selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor))::before{
3039
+ .selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor))::before{
1859
3040
  content:"";
1860
3041
  position:absolute;
1861
3042
  inset:0;
@@ -1863,54 +3044,77 @@
1863
3044
  pointer-events:none;
1864
3045
  }
1865
3046
 
1866
- :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)):hover:not(.selectedEditor){
3047
+ :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)):hover:not(.selectedEditor){
1867
3048
  border:var(--hover-outline);
1868
3049
  outline:var(--hover-outline-around);
1869
3050
  }
1870
3051
 
1871
- :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)):hover:not(.selectedEditor)::before{
3052
+ :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)):hover:not(.selectedEditor)::before{
1872
3053
  content:"";
1873
3054
  position:absolute;
1874
3055
  inset:0;
1875
3056
  border:var(--focus-outline-around);
1876
3057
  }
1877
3058
 
1878
- :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{
3059
+ :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar{
1879
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");
1880
- --editor-toolbar-bg-color:#f0f0f4;
3061
+ --csstools-light-dark-toggle--44:var(--csstools-color-scheme--light) #2b2a33;
3062
+ --editor-toolbar-bg-color:var(--csstools-light-dark-toggle--44, #f0f0f4);
1881
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");
1882
- --editor-toolbar-fg-color:#2e2e56;
3064
+ --csstools-light-dark-toggle--45:var(--csstools-color-scheme--light) #fbfbfe;
3065
+ --editor-toolbar-fg-color:var(--csstools-light-dark-toggle--45, #2e2e56);
1883
3066
  --editor-toolbar-border-color:#8f8f9d;
1884
3067
  --editor-toolbar-hover-border-color:var(--editor-toolbar-border-color);
1885
- --editor-toolbar-hover-bg-color:#e0e0e6;
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);
1886
3070
  --editor-toolbar-hover-fg-color:var(--editor-toolbar-fg-color);
1887
3071
  --editor-toolbar-hover-outline:none;
1888
- --editor-toolbar-focus-outline-color:#0060df;
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);
1889
3074
  --editor-toolbar-shadow:0 2px 6px 0 rgb(58 57 68 / 0.2);
1890
3075
  --editor-toolbar-vert-offset:6px;
1891
3076
  --editor-toolbar-height:28px;
1892
3077
  --editor-toolbar-padding:2px;
1893
- --alt-text-done-color:#2ac3a2;
1894
- --alt-text-warning-color:#0090ed;
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);
1895
3082
  --alt-text-hover-done-color:var(--alt-text-done-color);
1896
3083
  --alt-text-hover-warning-color:var(--alt-text-warning-color);
1897
3084
  }
1898
3085
 
1899
- @media (prefers-color-scheme: dark){
3086
+ @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
+ }
3095
+ }
3096
+
3097
+ @supports not (color: light-dark(tan, tan)){
1900
3098
 
1901
- :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{
1902
- --editor-toolbar-bg-color:#2b2a33;
1903
- --editor-toolbar-fg-color:#fbfbfe;
1904
- --editor-toolbar-hover-bg-color:#52525e;
1905
- --editor-toolbar-focus-outline-color:#0df;
1906
- --alt-text-done-color:#54ffbd;
1907
- --alt-text-warning-color:#80ebff;
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);
1908
3112
  }
1909
- }
3113
+ }
1910
3114
 
1911
3115
  @media screen and (forced-colors: active){
1912
3116
 
1913
- :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{
3117
+ :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar{
1914
3118
  --editor-toolbar-bg-color:ButtonFace;
1915
3119
  --editor-toolbar-fg-color:ButtonText;
1916
3120
  --editor-toolbar-border-color:ButtonText;
@@ -1927,7 +3131,7 @@
1927
3131
  }
1928
3132
  }
1929
3133
 
1930
- :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{
3134
+ :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar{
1931
3135
 
1932
3136
  display:flex;
1933
3137
  width:-moz-fit-content;
@@ -1951,23 +3155,23 @@
1951
3155
  box-shadow:var(--editor-toolbar-shadow);
1952
3156
  }
1953
3157
 
1954
- .hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar){
3158
+ .hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar){
1955
3159
  display:none;
1956
3160
  }
1957
3161
 
1958
- :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar):has(:focus-visible){
3162
+ :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar):has(:focus-visible){
1959
3163
  border-color:transparent;
1960
3164
  }
1961
3165
 
1962
- [dir="ltr"] :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar){
3166
+ [dir="ltr"] :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar){
1963
3167
  transform-origin:100% 0;
1964
3168
  }
1965
3169
 
1966
- [dir="rtl"] :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar){
3170
+ [dir="rtl"] :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar){
1967
3171
  transform-origin:0 0;
1968
3172
  }
1969
3173
 
1970
- :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons{
3174
+ :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons{
1971
3175
  display:flex;
1972
3176
  justify-content:center;
1973
3177
  align-items:center;
@@ -1975,11 +3179,11 @@
1975
3179
  height:100%;
1976
3180
  }
1977
3181
 
1978
- :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) button{
3182
+ :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) button{
1979
3183
  padding:0;
1980
3184
  }
1981
3185
 
1982
- :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .divider{
3186
+ :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .divider{
1983
3187
  width:0;
1984
3188
  height:calc(
1985
3189
  2 * var(--editor-toolbar-padding) + var(--editor-toolbar-height)
@@ -1990,11 +3194,11 @@
1990
3194
  margin-inline:2px;
1991
3195
  }
1992
3196
 
1993
- :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .highlightButton{
3197
+ :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .highlightButton{
1994
3198
  width:var(--editor-toolbar-height);
1995
3199
  }
1996
3200
 
1997
- :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .highlightButton)::before{
3201
+ :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .highlightButton)::before{
1998
3202
  content:"";
1999
3203
  -webkit-mask-image:var(--editor-toolbar-highlight-image);
2000
3204
  mask-image:var(--editor-toolbar-highlight-image);
@@ -2008,15 +3212,15 @@
2008
3212
  height:100%;
2009
3213
  }
2010
3214
 
2011
- :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .highlightButton):hover::before{
3215
+ :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .highlightButton):hover::before{
2012
3216
  background-color:var(--editor-toolbar-hover-fg-color);
2013
3217
  }
2014
3218
 
2015
- :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .delete{
3219
+ :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .delete{
2016
3220
  width:var(--editor-toolbar-height);
2017
3221
  }
2018
3222
 
2019
- :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .delete)::before{
3223
+ :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .delete)::before{
2020
3224
  content:"";
2021
3225
  -webkit-mask-image:var(--editor-toolbar-delete-image);
2022
3226
  mask-image:var(--editor-toolbar-delete-image);
@@ -2030,21 +3234,21 @@
2030
3234
  height:100%;
2031
3235
  }
2032
3236
 
2033
- :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .delete):hover::before{
3237
+ :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .delete):hover::before{
2034
3238
  background-color:var(--editor-toolbar-hover-fg-color);
2035
3239
  }
2036
3240
 
2037
- :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > *{
3241
+ :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) > *{
2038
3242
  height:var(--editor-toolbar-height);
2039
3243
  }
2040
3244
 
2041
- :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > :not(.divider){
3245
+ :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) > :not(.divider){
2042
3246
  border:none;
2043
3247
  background-color:transparent;
2044
3248
  cursor:pointer;
2045
3249
  }
2046
3250
 
2047
- :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):hover{
3251
+ :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):hover{
2048
3252
  border-radius:2px;
2049
3253
  background-color:var(--editor-toolbar-hover-bg-color);
2050
3254
  color:var(--editor-toolbar-hover-fg-color);
@@ -2052,16 +3256,16 @@
2052
3256
  outline-offset:1px;
2053
3257
  }
2054
3258
 
2055
- :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):hover:active{
3259
+ :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):hover:active{
2056
3260
  outline:none;
2057
3261
  }
2058
3262
 
2059
- :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):focus-visible{
3263
+ :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):focus-visible{
2060
3264
  border-radius:2px;
2061
3265
  outline:2px solid var(--editor-toolbar-focus-outline-color);
2062
3266
  }
2063
3267
 
2064
- :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText{
3268
+ :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText{
2065
3269
  --alt-text-add-image:url("data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2213%22 viewBox%3D%220 0 12 13%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M5.375 7.625V11.875C5.375 12.0408 5.44085 12.1997 5.55806 12.3169C5.67527 12.4342 5.83424 12.5 6 12.5C6.16576 12.5 6.32473 12.4342 6.44194 12.3169C6.55915 12.1997 6.625 12.0408 6.625 11.875V7.625L7.125 7.125H11.375C11.5408 7.125 11.6997 7.05915 11.8169 6.94194C11.9342 6.82473 12 6.66576 12 6.5C12 6.33424 11.9342 6.17527 11.8169 6.05806C11.6997 5.94085 11.5408 5.875 11.375 5.875H7.125L6.625 5.375V1.125C6.625 0.95924 6.55915 0.800269 6.44194 0.683058C6.32473 0.565848 6.16576 0.5 6 0.5C5.83424 0.5 5.67527 0.565848 5.55806 0.683058C5.44085 0.800269 5.375 0.95924 5.375 1.125V5.375L4.875 5.875H0.625C0.45924 5.875 0.300269 5.94085 0.183058 6.05806C0.065848 6.17527 0 6.33424 0 6.5C0 6.66576 0.065848 6.82473 0.183058 6.94194C0.300269 7.05915 0.45924 7.125 0.625 7.125H4.762L5.375 7.625Z%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E ");
2066
3270
  --alt-text-done-image:url("data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2213%22 viewBox%3D%220 0 12 13%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M6 0.5C5.21207 0.5 4.43185 0.655195 3.7039 0.956723C2.97595 1.25825 2.31451 1.70021 1.75736 2.25736C1.20021 2.81451 0.758251 3.47595 0.456723 4.2039C0.155195 4.93185 0 5.71207 0 6.5C0 7.28793 0.155195 8.06815 0.456723 8.7961C0.758251 9.52405 1.20021 10.1855 1.75736 10.7426C2.31451 11.2998 2.97595 11.7417 3.7039 12.0433C4.43185 12.3448 5.21207 12.5 6 12.5C7.5913 12.5 9.11742 11.8679 10.2426 10.7426C11.3679 9.61742 12 8.0913 12 6.5C12 4.9087 11.3679 3.38258 10.2426 2.25736C9.11742 1.13214 7.5913 0.5 6 0.5ZM5.06 8.9L2.9464 6.7856C2.85273 6.69171 2.80018 6.56446 2.80033 6.43183C2.80048 6.29921 2.85331 6.17207 2.9472 6.0784C3.04109 5.98473 3.16834 5.93218 3.30097 5.93233C3.43359 5.93248 3.56073 5.98531 3.6544 6.0792L5.3112 7.7368L8.3464 4.7008C8.44109 4.6109 8.56715 4.56153 8.69771 4.56322C8.82827 4.56492 8.95301 4.61754 9.04534 4.70986C9.13766 4.80219 9.19028 4.92693 9.19198 5.05749C9.19367 5.18805 9.1443 5.31411 9.0544 5.4088L5.5624 8.9H5.06Z%22 fill%3D%22%23FBFBFE%22%2F%3E%3C%2Fsvg%3E ");
2067
3271
 
@@ -2078,11 +3282,11 @@
2078
3282
  color:var(--editor-toolbar-fg-color);
2079
3283
  }
2080
3284
 
2081
- :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):disabled{
3285
+ :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText):disabled{
2082
3286
  pointer-events:none;
2083
3287
  }
2084
3288
 
2085
- :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
3289
+ :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
2086
3290
  content:"";
2087
3291
  -webkit-mask-image:var(--alt-text-add-image);
2088
3292
  mask-image:var(--alt-text-add-image);
@@ -2097,16 +3301,16 @@
2097
3301
  margin-inline-end:4px;
2098
3302
  }
2099
3303
 
2100
- :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):hover::before{
3304
+ :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText):hover::before{
2101
3305
  background-color:var(--editor-toolbar-hover-fg-color);
2102
3306
  }
2103
3307
 
2104
- .done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
3308
+ .done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
2105
3309
  -webkit-mask-image:var(--alt-text-done-image);
2106
3310
  mask-image:var(--alt-text-done-image);
2107
3311
  }
2108
3312
 
2109
- .new:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
3313
+ .new:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
2110
3314
  width:16px;
2111
3315
  height:16px;
2112
3316
  -webkit-mask-image:var(--new-alt-text-warning-image);
@@ -2116,44 +3320,63 @@
2116
3320
  mask-size:cover;
2117
3321
  }
2118
3322
 
2119
- .new:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):hover::before{
3323
+ .new:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText):hover::before{
2120
3324
  background-color:var(--alt-text-hover-warning-color);
2121
3325
  }
2122
3326
 
2123
- .new.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
3327
+ .new.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
2124
3328
  -webkit-mask-image:var(--alt-text-done-image);
2125
3329
  mask-image:var(--alt-text-done-image);
2126
3330
  background-color:var(--alt-text-done-color);
2127
3331
  }
2128
3332
 
2129
- .new.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):hover::before{
3333
+ .new.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText):hover::before{
2130
3334
  background-color:var(--alt-text-hover-done-color);
2131
3335
  }
2132
3336
 
2133
- :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip{
3337
+ :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip{
2134
3338
  display:none;
2135
3339
  word-wrap:anywhere;
2136
3340
  }
2137
3341
 
2138
- .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
2139
- --alt-text-tooltip-bg:#f0f0f4;
2140
- --alt-text-tooltip-fg:#15141a;
3342
+ .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);
2141
3347
  --alt-text-tooltip-border:#8f8f9d;
2142
- --alt-text-tooltip-shadow:0px 2px 6px 0px rgb(58 57 68 / 0.2);
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));
2143
3350
  }
2144
3351
 
2145
- @media (prefers-color-scheme: dark){
3352
+ @supports (color: light-dark(red, red)){
3353
+ .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
3354
+ --alt-text-tooltip-bg:light-dark(#f0f0f4, #1c1b22);
3355
+ --alt-text-tooltip-fg:light-dark(#15141a, #fbfbfe);
3356
+ }
3357
+ }
2146
3358
 
2147
- .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
2148
- --alt-text-tooltip-bg:#1c1b22;
2149
- --alt-text-tooltip-fg:#fbfbfe;
2150
- --alt-text-tooltip-shadow:0px 2px 6px 0px #15141a;
3359
+ @supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
3360
+ .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);
2151
3362
  }
2152
- }
3363
+ }
3364
+
3365
+ @supports not (color: light-dark(tan, tan)){
3366
+
3367
+ .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));
3374
+ }
3375
+ }
2153
3376
 
2154
3377
  @media screen and (forced-colors: active){
2155
3378
 
2156
- .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
3379
+ .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
2157
3380
  --alt-text-tooltip-bg:Canvas;
2158
3381
  --alt-text-tooltip-fg:CanvasText;
2159
3382
  --alt-text-tooltip-border:CanvasText;
@@ -2161,7 +3384,7 @@
2161
3384
  }
2162
3385
  }
2163
3386
 
2164
- .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
3387
+ .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
2165
3388
 
2166
3389
  display:inline-flex;
2167
3390
  flex-direction:column;
@@ -2187,7 +3410,7 @@
2187
3410
  }
2188
3411
 
2189
3412
  .annotationEditorLayer .freeTextEditor{
2190
- padding:calc(var(--freetext-padding) * var(--scale-factor));
3413
+ padding:calc(var(--freetext-padding) * var(--total-scale-factor));
2191
3414
  width:auto;
2192
3415
  height:auto;
2193
3416
  touch-action:none;
@@ -2263,19 +3486,33 @@
2263
3486
  }
2264
3487
 
2265
3488
  :is(.annotationEditorLayer .stampEditor) .noAltTextBadge{
2266
- --no-alt-text-badge-border-color:#f0f0f4;
2267
- --no-alt-text-badge-bg-color:#cfcfd8;
2268
- --no-alt-text-badge-fg-color:#5b5b66;
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);
2269
3495
  }
2270
3496
 
2271
- @media (prefers-color-scheme: dark){
2272
-
3497
+ @supports (color: light-dark(red, red)){
2273
3498
  :is(.annotationEditorLayer .stampEditor) .noAltTextBadge{
2274
- --no-alt-text-badge-border-color:#52525e;
2275
- --no-alt-text-badge-bg-color:#fbfbfe;
2276
- --no-alt-text-badge-fg-color:#15141a;
3499
+ --no-alt-text-badge-border-color:light-dark(#f0f0f4, #52525e);
3500
+ --no-alt-text-badge-bg-color:light-dark(#cfcfd8, #fbfbfe);
3501
+ --no-alt-text-badge-fg-color:light-dark(#5b5b66, #15141a);
2277
3502
  }
2278
- }
3503
+ }
3504
+
3505
+ @supports not (color: light-dark(tan, tan)){
3506
+
3507
+ :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);
3514
+ }
3515
+ }
2279
3516
 
2280
3517
  @media screen and (forced-colors: active){
2281
3518
 
@@ -2317,16 +3554,16 @@
2317
3554
  background-color:var(--no-alt-text-badge-fg-color);
2318
3555
  }
2319
3556
 
2320
- :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers{
3557
+ :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers{
2321
3558
  position:absolute;
2322
3559
  inset:0;
2323
3560
  }
2324
3561
 
2325
- .hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers){
3562
+ .hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers){
2326
3563
  display:none;
2327
3564
  }
2328
3565
 
2329
- :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer{
3566
+ :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers) > .resizer{
2330
3567
  width:var(--resizer-size);
2331
3568
  height:var(--resizer-size);
2332
3569
  background:content-box var(--resizer-bg-color);
@@ -2335,42 +3572,42 @@
2335
3572
  position:absolute;
2336
3573
  }
2337
3574
 
2338
- .topLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
3575
+ .topLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers) > .resizer){
2339
3576
  top:var(--resizer-shift);
2340
3577
  left:var(--resizer-shift);
2341
3578
  }
2342
3579
 
2343
- .topMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
3580
+ .topMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers) > .resizer){
2344
3581
  top:var(--resizer-shift);
2345
3582
  left:calc(50% + var(--resizer-shift));
2346
3583
  }
2347
3584
 
2348
- .topRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
3585
+ .topRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers) > .resizer){
2349
3586
  top:var(--resizer-shift);
2350
3587
  right:var(--resizer-shift);
2351
3588
  }
2352
3589
 
2353
- .middleRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
3590
+ .middleRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers) > .resizer){
2354
3591
  top:calc(50% + var(--resizer-shift));
2355
3592
  right:var(--resizer-shift);
2356
3593
  }
2357
3594
 
2358
- .bottomRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
3595
+ .bottomRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers) > .resizer){
2359
3596
  bottom:var(--resizer-shift);
2360
3597
  right:var(--resizer-shift);
2361
3598
  }
2362
3599
 
2363
- .bottomMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
3600
+ .bottomMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers) > .resizer){
2364
3601
  bottom:var(--resizer-shift);
2365
3602
  left:calc(50% + var(--resizer-shift));
2366
3603
  }
2367
3604
 
2368
- .bottomLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
3605
+ .bottomLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers) > .resizer){
2369
3606
  bottom:var(--resizer-shift);
2370
3607
  left:var(--resizer-shift);
2371
3608
  }
2372
3609
 
2373
- .middleLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
3610
+ .middleLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.signatureEditor)) > .resizers) > .resizer){
2374
3611
  top:calc(50% + var(--resizer-shift));
2375
3612
  left:var(--resizer-shift);
2376
3613
  }
@@ -2506,16 +3743,24 @@
2506
3743
  .dialog.newAltText{
2507
3744
  --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");
2508
3745
  --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");
2509
- --preview-image-bg-color:#f0f0f4;
3746
+ --csstools-light-dark-toggle--56:var(--csstools-color-scheme--light) #2b2a33;
3747
+ --preview-image-bg-color:var(--csstools-light-dark-toggle--56, #f0f0f4);
2510
3748
  --preview-image-border:none;
2511
3749
  }
2512
3750
 
2513
- @media (prefers-color-scheme: dark){
2514
-
3751
+ @supports (color: light-dark(red, red)){
2515
3752
  .dialog.newAltText{
2516
- --preview-image-bg-color:#2b2a33;
3753
+ --preview-image-bg-color:light-dark(#f0f0f4, #2b2a33);
2517
3754
  }
3755
+ }
3756
+
3757
+ @supports not (color: light-dark(tan, tan)){
3758
+
3759
+ .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);
2518
3762
  }
3763
+ }
2519
3764
 
2520
3765
  @media screen and (forced-colors: active){
2521
3766
 
@@ -2704,19 +3949,33 @@
2704
3949
  }
2705
3950
 
2706
3951
  .colorPicker{
2707
- --hover-outline-color:#0250bb;
2708
- --selected-outline-color:#0060df;
2709
- --swatch-border-color:#cfcfd8;
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);
2710
3958
  }
2711
3959
 
2712
- @media (prefers-color-scheme: dark){
2713
-
3960
+ @supports (color: light-dark(red, red)){
2714
3961
  .colorPicker{
2715
- --hover-outline-color:#80ebff;
2716
- --selected-outline-color:#aaf2ff;
2717
- --swatch-border-color:#52525e;
3962
+ --hover-outline-color:light-dark(#0250bb, #80ebff);
3963
+ --selected-outline-color:light-dark(#0060df, #aaf2ff);
3964
+ --swatch-border-color:light-dark(#cfcfd8, #52525e);
3965
+ }
2718
3966
  }
3967
+
3968
+ @supports not (color: light-dark(tan, tan)){
3969
+
3970
+ .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);
2719
3977
  }
3978
+ }
2720
3979
 
2721
3980
  @media screen and (forced-colors: active){
2722
3981
 
@@ -2949,15 +4208,27 @@
2949
4208
  align-items:center;
2950
4209
  align-self:stretch;
2951
4210
 
2952
- --example-color:#bfbfc9;
2953
- }
4211
+ --csstools-light-dark-toggle--60:var(--csstools-color-scheme--light) #80808e;
2954
4212
 
2955
- @media (prefers-color-scheme: dark){
4213
+ --example-color:var(--csstools-light-dark-toggle--60, #bfbfc9);
4214
+ }
2956
4215
 
4216
+ @supports (color: light-dark(red, red)){
2957
4217
  :is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker{
2958
- --example-color:#80808e;
4218
+
4219
+ --example-color:light-dark(#bfbfc9, #80808e);
2959
4220
  }
2960
- }
4221
+ }
4222
+
4223
+ @supports not (color: light-dark(tan, tan)){
4224
+
4225
+ :is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker) *{
4226
+
4227
+ --csstools-light-dark-toggle--60:var(--csstools-color-scheme--light) #80808e;
4228
+
4229
+ --example-color:var(--csstools-light-dark-toggle--60, #bfbfc9);
4230
+ }
4231
+ }
2961
4232
 
2962
4233
  @media screen and (forced-colors: active){
2963
4234
 
@@ -2997,15 +4268,23 @@
2997
4268
  }
2998
4269
 
2999
4270
  :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{
3000
- --divider-color:#d7d7db;
4271
+ --csstools-light-dark-toggle--61:var(--csstools-color-scheme--light) #8f8f9d;
4272
+ --divider-color:var(--csstools-light-dark-toggle--61, #d7d7db);
3001
4273
  }
3002
4274
 
3003
- @media (prefers-color-scheme: dark){
3004
-
4275
+ @supports (color: light-dark(red, red)){
3005
4276
  :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{
3006
- --divider-color:#8f8f9d;
4277
+ --divider-color:light-dark(#d7d7db, #8f8f9d);
3007
4278
  }
3008
- }
4279
+ }
4280
+
4281
+ @supports not (color: light-dark(tan, tan)){
4282
+
4283
+ :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);
4286
+ }
4287
+ }
3009
4288
 
3010
4289
  @media screen and (forced-colors: active){
3011
4290
 
@@ -3084,22 +4363,51 @@
3084
4363
  }
3085
4364
 
3086
4365
  :root{
4366
+ --csstools-color-scheme--light:initial;
4367
+ color-scheme:light dark;
4368
+
3087
4369
  --viewer-container-height:0;
3088
4370
  --pdfViewer-padding-bottom:0;
3089
4371
  --page-margin:1px auto -8px;
3090
4372
  --page-border:9px solid transparent;
3091
4373
  --spreadHorizontalWrapped-margin-LR:-3.5px;
3092
4374
  --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);
4377
+ --focus-ring-outline:2px solid var(--focus-ring-color);
4378
+ }
4379
+
4380
+ @supports (color: light-dark(red, red)){
4381
+ :root{
4382
+ --focus-ring-color:light-dark(#0060df, #0df);
4383
+ }
4384
+ }
4385
+
4386
+ @supports not (color: light-dark(tan, tan)){
4387
+
4388
+ :root *{
4389
+ --csstools-light-dark-toggle--62:var(--csstools-color-scheme--light) #0df;
4390
+ --focus-ring-color:var(--csstools-light-dark-toggle--62, #0060df);
4391
+ }
4392
+ }
4393
+
4394
+ @media (prefers-color-scheme: dark){
4395
+
4396
+ :root{
4397
+ --csstools-color-scheme--light:;
4398
+ }
3093
4399
  }
3094
4400
 
3095
4401
  @media screen and (forced-colors: active){
3096
- :root{
4402
+
4403
+ :root{
3097
4404
  --pdfViewer-padding-bottom:9px;
3098
4405
  --page-margin:8px auto -1px;
3099
4406
  --page-border:1px solid CanvasText;
3100
4407
  --spreadHorizontalWrapped-margin-LR:3.5px;
3101
- }
4408
+ --focus-ring-color:CanvasText;
3102
4409
  }
4410
+ }
3103
4411
 
3104
4412
  [data-main-rotation="90"]{
3105
4413
  transform:rotate(90deg) translateY(-100%);
@@ -3164,6 +4472,8 @@
3164
4472
  }
3165
4473
 
3166
4474
  .pdfViewer .page{
4475
+ --user-unit:1;
4476
+ --total-scale-factor:calc(var(--scale-factor) * var(--user-unit));
3167
4477
  --scale-round-x:1px;
3168
4478
  --scale-round-y:1px;
3169
4479