superdoc 2.25.0-next.4 → 2.25.0-next.5

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.
@@ -1,4241 +1,3 @@
1
1
  @import "@superdoc/docx-engine/style.css" layer(superdoc);
2
- @layer superdoc{
3
- .sd-watermark[data-v-df56c82c] {
4
- height: 640px;
5
- display: flex;
6
- flex: 1;
7
- flex-direction: column;
8
- min-width: 0;
9
- min-height: 0;
10
- color: var(--sd-ui-text, #212121);
11
- font: 13px/1.4 var(--sd-ui-font-family, Arial, sans-serif);
12
- container-type: inline-size;
13
- }
14
- .sd-watermark[data-v-df56c82c] *,
15
- .sd-watermark[data-v-df56c82c] *::before,
16
- .sd-watermark[data-v-df56c82c] *::after {
17
- box-sizing: border-box;
18
- }
19
- .sd-watermark fieldset[data-v-df56c82c] {
20
- min-width: 0;
21
- margin: 0;
22
- padding: 0;
23
- border: 0;
24
- }
25
- .sd-watermark button[data-v-df56c82c],
26
- .sd-watermark input[data-v-df56c82c],
27
- .sd-watermark select[data-v-df56c82c] {
28
- font: inherit;
29
- color: inherit;
30
- }
31
- .sd-watermark button[data-v-df56c82c],
32
- .sd-watermark select[data-v-df56c82c],
33
- .sd-watermark input[data-v-df56c82c]:not([type='radio'], [type='checkbox'], [type='range'], [type='file']) {
34
- min-height: 32px;
35
- border: 1px solid var(--sd-ui-border, #dbdbdb);
36
- border-radius: 6px;
37
- background: var(--sd-ui-bg, #fff);
38
- padding: 5px 8px;
39
- }
40
- .sd-watermark input[data-v-df56c82c],
41
- .sd-watermark select[data-v-df56c82c] {
42
- min-width: 0;
43
- max-width: 100%;
44
- accent-color: var(--sd-ui-action, #1355ff);
45
- }
46
- .sd-watermark button[data-v-df56c82c] {
47
- cursor: pointer;
48
- }
49
- .sd-watermark button[data-v-df56c82c]:hover:not(:disabled) {
50
- background: color-mix(in srgb, var(--sd-ui-action, #1355ff) 6%, var(--sd-ui-bg, #fff));
51
- }
52
- .sd-watermark[data-v-df56c82c] :focus-visible {
53
- outline: 2px solid var(--sd-ui-action, #1355ff);
54
- outline-offset: 2px;
55
- }
56
- .sd-watermark button[data-v-df56c82c]:disabled,
57
- .sd-watermark fieldset[data-v-df56c82c]:disabled {
58
- opacity: 0.55;
59
- }
60
- .sd-watermark button[data-v-df56c82c]:disabled {
61
- cursor: not-allowed;
62
- }
63
- .sd-watermark__body[data-v-df56c82c] {
64
- display: grid;
65
- flex: 1;
66
- min-height: 0;
67
- overflow: hidden;
68
- align-items: start;
69
- grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
70
- grid-template-rows: minmax(0, 1fr);
71
- padding: 16px;
72
- }
73
- .sd-watermark__settings[data-v-df56c82c] {
74
- display: flex;
75
- height: 100%;
76
- overflow: auto;
77
- flex-direction: column;
78
- gap: 12px;
79
- padding: 2px 20px 12px 0;
80
- }
81
- .sd-watermark__settings[data-v-df56c82c] > * {
82
- flex-shrink: 0;
83
- }
84
- .sd-watermark__scope[data-v-df56c82c] {
85
- display: grid;
86
- grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
87
- gap: 12px;
88
- }
89
- .sd-watermark__field[data-v-df56c82c] {
90
- display: flex;
91
- flex-direction: column;
92
- gap: 4px;
93
- }
94
- .sd-watermark__field > span[data-v-df56c82c]:first-child,
95
- .sd-watermark legend[data-v-df56c82c],
96
- .sd-watermark__field > label[data-v-df56c82c] {
97
- font-size: 12px;
98
- font-weight: 600;
99
- }
100
- .sd-watermark__draft[data-v-df56c82c] {
101
- display: grid;
102
- grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
103
- gap: 12px;
104
- }
105
- .sd-watermark__draft[data-v-df56c82c] > * {
106
- grid-column: 1 / -1;
107
- }
108
- .sd-watermark__draft--text .sd-watermark__font-color[data-v-df56c82c],
109
- .sd-watermark__draft--text .sd-watermark__transparency[data-v-df56c82c] {
110
- grid-column: auto;
111
- }
112
- .sd-watermark__types[data-v-df56c82c] {
113
- display: flex;
114
- padding: 3px !important;
115
- border: 1px solid var(--sd-ui-border, #dbdbdb) !important;
116
- border-radius: 8px;
117
- background: var(--sd-ui-watermark-canvas, #f5f5f5);
118
- gap: 3px;
119
- }
120
- .sd-watermark__types label[data-v-df56c82c] {
121
- flex: 1;
122
- position: relative;
123
- text-align: center;
124
- padding: 6px 4px;
125
- border-radius: 5px;
126
- cursor: pointer;
127
- white-space: nowrap;
128
- }
129
- .sd-watermark__types input[data-v-df56c82c] {
130
- position: absolute;
131
- opacity: 0;
132
- width: 1px;
133
- height: 1px;
134
- }
135
- .sd-watermark__types label[data-v-df56c82c]:has(:focus-visible) {
136
- outline: 2px solid var(--sd-ui-action, #1355ff);
137
- outline-offset: 2px;
138
- }
139
- .sd-watermark__types .is-selected[data-v-df56c82c] {
140
- color: var(--sd-ui-action, #1355ff);
141
- background: var(--sd-ui-bg, #fff);
142
- box-shadow: 0 1px 3px #00000012;
143
- font-weight: 600;
144
- }
145
- .sd-watermark__presets[data-v-df56c82c] {
146
- display: flex;
147
- flex-wrap: wrap;
148
- gap: 6px;
149
- margin-top: -6px;
150
- }
151
- .sd-watermark__presets button[data-v-df56c82c] {
152
- min-height: 26px;
153
- font-size: 10px;
154
- padding: 3px 7px;
155
- }
156
- .sd-watermark__font-row[data-v-df56c82c] {
157
- display: grid;
158
- grid-template-columns: minmax(0, 1fr) 74px auto;
159
- gap: 8px;
160
- }
161
- .sd-watermark__styles[data-v-df56c82c] {
162
- display: flex;
163
- gap: 4px;
164
- align-items: end;
165
- }
166
- .sd-watermark__styles button[data-v-df56c82c] {
167
- min-width: 32px;
168
- padding: 5px;
169
- }
170
- .sd-watermark__styles button[aria-pressed='true'][data-v-df56c82c] {
171
- color: var(--sd-ui-action, #1355ff);
172
- border-color: var(--sd-ui-action, #1355ff);
173
- }
174
- .sd-watermark__color[data-v-df56c82c] {
175
- display: flex;
176
- align-items: center;
177
- gap: 6px;
178
- }
179
- .sd-watermark__color input[type='color'][data-v-df56c82c] {
180
- width: 32px;
181
- flex-shrink: 0;
182
- padding: 4px;
183
- }
184
- .sd-watermark__color input[type='text'][data-v-df56c82c] {
185
- flex: 1;
186
- }
187
- .sd-watermark__range[data-v-df56c82c] {
188
- display: flex;
189
- gap: 6px;
190
- align-items: center;
191
- }
192
- .sd-watermark__range > input[data-v-df56c82c] {
193
- flex: 1;
194
- width: 100%;
195
- }
196
- .sd-watermark__range label[data-v-df56c82c] {
197
- display: flex;
198
- align-items: center;
199
- gap: 4px;
200
- }
201
- .sd-watermark__range input[type='number'][data-v-df56c82c] {
202
- width: 60px;
203
- }
204
- .sd-watermark small[data-v-df56c82c],
205
- .sd-watermark__caption[data-v-df56c82c],
206
- .sd-watermark__notice[data-v-df56c82c] {
207
- color: var(--sd-ui-text-muted, #666);
208
- font-size: 11px;
209
- font-weight: 400;
210
- }
211
- .sd-watermark small[data-v-df56c82c] {
212
- display: block;
213
- }
214
- .sd-watermark__orientation[data-v-df56c82c] {
215
- display: flex;
216
- gap: 12px;
217
- }
218
- .sd-watermark__orientation legend[data-v-df56c82c] {
219
- margin-bottom: 6px;
220
- }
221
- .sd-watermark__orientation label[data-v-df56c82c] {
222
- display: flex;
223
- gap: 6px;
224
- align-items: center;
225
- flex: 1;
226
- border: 1px solid var(--sd-ui-border, #dbdbdb);
227
- border-radius: 6px;
228
- padding: 6px 8px;
229
- }
230
- .sd-watermark__check[data-v-df56c82c] {
231
- display: flex;
232
- gap: 8px;
233
- align-items: start;
234
- }
235
- .sd-watermark__check input[data-v-df56c82c] {
236
- margin-top: 3px;
237
- }
238
- .sd-watermark__selection-list[data-v-df56c82c] {
239
- display: flex;
240
- flex-direction: column;
241
- gap: 6px;
242
- max-height: 112px;
243
- overflow: auto;
244
- }
245
- .sd-watermark__selection legend[data-v-df56c82c] {
246
- margin-bottom: 8px;
247
- }
248
- .sd-watermark__selection button[data-v-df56c82c] {
249
- margin-top: 8px;
250
- }
251
- .sd-watermark__selection .sd-watermark__notice[data-v-df56c82c] {
252
- margin-top: 8px;
253
- }
254
- .sd-watermark__picture[data-v-df56c82c] {
255
- display: flex;
256
- flex-wrap: wrap;
257
- align-items: center;
258
- gap: 12px;
259
- padding: 12px;
260
- border: 1px solid var(--sd-ui-border, #dbdbdb);
261
- border-radius: 6px;
262
- }
263
- .sd-watermark__picture img[data-v-df56c82c] {
264
- width: 48px;
265
- height: 48px;
266
- object-fit: contain;
267
- }
268
- .sd-watermark__picture > div[data-v-df56c82c] {
269
- flex: 1;
270
- min-width: 100px;
271
- overflow-wrap: anywhere;
272
- }
273
- .sd-watermark__picture strong[data-v-df56c82c] {
274
- font-size: 12px;
275
- font-weight: 500;
276
- }
277
- .sd-watermark__picture button[data-v-df56c82c] {
278
- font-size: 12px;
279
- }
280
- .sd-watermark__preview[data-v-df56c82c] {
281
- display: flex;
282
- flex-direction: column;
283
- height: 100%;
284
- min-height: 0;
285
- padding: 2px 0 12px 20px;
286
- border-left: 1px solid var(--sd-ui-border, #dbdbdb);
287
- min-width: 0;
288
- }
289
- .sd-watermark__preview h3[data-v-df56c82c] {
290
- font-size: 12px;
291
- font-weight: 600;
292
- margin: 0 0 12px;
293
- }
294
- .sd-watermark__page[data-v-df56c82c] {
295
- display: flex;
296
- flex: 1;
297
- align-items: center;
298
- justify-content: center;
299
- min-height: 0;
300
- max-height: 340px;
301
- /* Keep fractional image edges inside WebKit's integer-rounded overflow clip. */
302
- padding: 1px;
303
- background: var(--sd-ui-watermark-canvas, #fafafa);
304
- border: 1px solid var(--sd-ui-border, #dbdbdb);
305
- overflow: hidden;
306
- }
307
- .sd-watermark__page img[data-v-df56c82c] {
308
- display: block;
309
- width: 100%;
310
- height: 100%;
311
- object-fit: contain;
312
- }
313
- .sd-watermark__page p[data-v-df56c82c] {
314
- padding: 16px;
315
- color: var(--sd-ui-text-muted, #666);
316
- font-size: 12px;
317
- }
318
- .sd-watermark__caption[data-v-df56c82c] {
319
- text-align: center;
320
- margin: 8px 0 12px;
321
- }
322
- .sd-watermark__impact[data-v-df56c82c] {
323
- font-size: 11px;
324
- line-height: 1.6;
325
- margin: 0;
326
- }
327
- .sd-watermark__impact-details[data-v-df56c82c] {
328
- flex-shrink: 0;
329
- margin-top: 6px;
330
- font-size: 11px;
331
- }
332
- .sd-watermark__impact-details summary[data-v-df56c82c] {
333
- cursor: pointer;
334
- }
335
- .sd-watermark__impact-details ul[data-v-df56c82c] {
336
- max-height: 4.5em;
337
- overflow: auto;
338
- margin: 6px 0 0;
339
- padding: 0 0 2px 18px;
340
- }
341
- .sd-watermark__notice[data-v-df56c82c] {
342
- margin: 0;
343
- }
344
- .sd-watermark__error[data-v-df56c82c] {
345
- flex-shrink: 0;
346
- padding: 12px 16px;
347
- border-top: 1px solid var(--sd-ui-border, #dbdbdb);
348
- color: var(--sd-color-red-500, #ed4337);
349
- font-size: 13px;
350
- }
351
- .sd-watermark__error p[data-v-df56c82c] {
352
- margin: 0 0 8px;
353
- }
354
- .sd-watermark__footer p[data-v-df56c82c] {
355
- flex: 1;
356
- font-size: 12px;
357
- color: var(--sd-ui-text-muted, #666);
358
- margin: 0;
359
- }
360
- .sd-watermark__actions[data-v-df56c82c] {
361
- display: flex;
362
- gap: 8px;
363
- flex-shrink: 0;
364
- }
365
- .sd-watermark .sd-watermark__apply[data-v-df56c82c] {
366
- color: var(--sd-ui-action-text, #fff);
367
- background: var(--sd-ui-action, #1355ff);
368
- border-color: var(--sd-ui-action, #1355ff);
369
- }
370
- .sd-watermark .sd-watermark__apply[data-v-df56c82c]:hover:not(:disabled) {
371
- background: var(--sd-ui-action-hover, #0f44cc);
372
- }
373
- .sd-watermark__sr-only[data-v-df56c82c] {
374
- position: absolute;
375
- width: 1px;
376
- height: 1px;
377
- overflow: hidden;
378
- clip-path: inset(50%);
379
- white-space: nowrap;
380
- }
381
- @container (max-width: 560px) {
382
- .sd-watermark button[data-v-df56c82c],
383
- .sd-watermark select[data-v-df56c82c],
384
- .sd-watermark input[data-v-df56c82c]:not([type='radio'], [type='checkbox'], [type='range'], [type='file']) {
385
- min-height: 40px;
386
- }
387
- .sd-watermark__types label[data-v-df56c82c],
388
- .sd-watermark__orientation label[data-v-df56c82c] {
389
- min-height: 40px;
390
- }
391
- .sd-watermark__draft--text .sd-watermark__font-color[data-v-df56c82c],
392
- .sd-watermark__draft--text .sd-watermark__transparency[data-v-df56c82c] {
393
- grid-column: 1 / -1;
394
- }
395
- .sd-watermark__body[data-v-df56c82c] {
396
- overflow: auto;
397
- align-content: start;
398
- grid-template-columns: 1fr;
399
- grid-template-rows: none;
400
- }
401
- .sd-watermark__settings[data-v-df56c82c] {
402
- height: auto;
403
- overflow: visible;
404
- padding-right: 0;
405
- }
406
- .sd-watermark__preview[data-v-df56c82c] {
407
- display: block;
408
- height: auto;
409
- border-left: 0;
410
- border-top: 1px solid var(--sd-ui-border, #dbdbdb);
411
- padding: 20px 0;
412
- }
413
- .sd-watermark__page[data-v-df56c82c] {
414
- max-width: 220px;
415
- margin: auto;
416
- min-height: 150px;
417
- }
418
- .sd-watermark__page img[data-v-df56c82c] {
419
- height: auto;
420
- }
421
- .sd-watermark__footer[data-v-df56c82c] {
422
- flex-wrap: wrap;
423
- }
424
- .sd-watermark__actions[data-v-df56c82c] {
425
- margin-left: auto;
426
- }
427
- }
428
- :root {
429
- /* SuperDoc CSS Variables */
430
-
431
- /* Primitive: colors */
432
- --sd-color-blue-50: #ebf0ff;
433
- --sd-color-blue-100: #d6e1ff;
434
- --sd-color-blue-200: #adc3ff;
435
- --sd-color-blue-300: #85a5ff;
436
- --sd-color-blue-400: #5c87ff;
437
- --sd-color-blue-500: #1355ff;
438
- --sd-color-blue-600: #0f44cc;
439
- --sd-color-blue-700: #0b3399;
440
- --sd-color-blue-800: #082266;
441
- --sd-color-blue-900: #041133;
442
-
443
- --sd-color-gray-50: #fafafa;
444
- --sd-color-gray-100: #f5f5f5;
445
- --sd-color-gray-200: #f2f2f2;
446
- --sd-color-gray-300: #e0e0e0;
447
- --sd-color-gray-400: #dbdbdb;
448
- --sd-color-gray-500: #ababab;
449
- --sd-color-gray-600: #888888;
450
- --sd-color-gray-700: #666666;
451
- --sd-color-gray-800: #424242;
452
- --sd-color-gray-900: #212121;
453
-
454
- --sd-color-red-500: #ed4337;
455
- --sd-color-green-500: #00853d;
456
- --sd-color-rose-500: #cb0e47;
457
-
458
- /* Primitive: font-size */
459
- --sd-font-size-50: 10px;
460
- --sd-font-size-100: 11px;
461
- --sd-font-size-200: 12px;
462
- --sd-font-size-300: 13px;
463
- --sd-font-size-400: 14px;
464
- --sd-font-size-500: 15px;
465
- --sd-font-size-600: 16px;
466
-
467
- /* Primitive: radius — old names (--sd-radius-sm/md/lg) honored via fallback */
468
- --sd-radius-50: var(--sd-radius-sm, 4px);
469
- --sd-radius-100: 6px;
470
- --sd-radius-200: var(--sd-radius-md, 8px);
471
- --sd-radius-300: var(--sd-radius-lg, 12px);
472
-
473
- /*
474
- * UI: general (semantic tier)
475
- *
476
- * These are the "5-variable theme" — change these and the entire UI updates.
477
- * Component-specific variables below cascade from these defaults.
478
- *
479
- * Old-name fallbacks (var(--sd-old-name, ...)) honor pre-existing customer
480
- * overrides. They resolve at computed-value time, so setting the old name on
481
- * any element still works. These fallbacks will be removed in the next major.
482
- */
483
- --sd-ui-font-family: var(--sd-font-family, Arial, Helvetica, sans-serif);
484
- --sd-ui-text: var(--sd-text-primary, #47484a);
485
- --sd-ui-text-muted: var(--sd-text-muted, var(--sd-color-gray-700));
486
- --sd-ui-text-disabled: var(--sd-text-placeholder, var(--sd-color-gray-500));
487
- --sd-ui-bg: var(--sd-surface-card, #ffffff);
488
- --sd-ui-hover-bg: var(--sd-surface-hover, var(--sd-color-gray-400));
489
- --sd-ui-active-bg: #c8d0d8;
490
- --sd-ui-disabled-bg: var(--sd-surface-muted, var(--sd-color-gray-100));
491
- --sd-ui-border: var(--sd-border-default, var(--sd-color-gray-400));
492
- --sd-ui-action: var(--sd-action-primary, var(--sd-color-blue-500));
493
- --sd-ui-action-hover: var(--sd-action-primary-hover, var(--sd-color-blue-600));
494
- --sd-ui-action-text: #ffffff;
495
- --sd-ui-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
496
- --sd-ui-radius: var(--sd-radius-100);
497
-
498
- --sd-ui-font-size-50: var(--sd-font-size-50);
499
- --sd-ui-font-size-100: var(--sd-font-size-100);
500
- --sd-ui-font-size-200: var(--sd-font-size-200);
501
- --sd-ui-font-size-300: var(--sd-font-size-300);
502
- --sd-ui-font-size-400: var(--sd-font-size-400);
503
- --sd-ui-font-size-500: var(--sd-font-size-500);
504
- --sd-ui-font-size-600: var(--sd-font-size-600);
505
-
506
- /* UI: dropdown — cascades from semantic tier */
507
- --sd-ui-dropdown-border: var(--sd-ui-border);
508
- --sd-ui-dropdown-bg: var(--sd-ui-bg);
509
- --sd-ui-dropdown-option-radius: 3px;
510
- --sd-ui-dropdown-text: var(--sd-ui-text);
511
- --sd-ui-dropdown-hover-text: var(--sd-ui-dropdown-text);
512
- --sd-ui-dropdown-selected-text: var(--sd-ui-dropdown-text);
513
- --sd-ui-dropdown-hover-bg: var(--sd-ui-hover-bg);
514
- --sd-ui-dropdown-active-bg: var(--sd-ui-active-bg);
515
- --sd-ui-dropdown-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
516
-
517
- /* UI: tooltip — intentionally inverted palette (dark bg, light text) */
518
- --sd-ui-tooltip-bg: #262626;
519
- --sd-ui-tooltip-text: #ffffff;
520
- --sd-ui-tooltip-radius: var(--sd-radius-100);
521
- --sd-ui-tooltip-shadow: 0 3px 12px rgba(0, 0, 0, 0.28);
522
-
523
- /* UI: toolbar — cascades from semantic tier */
524
- --sd-ui-toolbar-height: 32px;
525
- --sd-ui-toolbar-padding-x: 16px;
526
- --sd-ui-toolbar-padding-y: 4px;
527
- --sd-ui-toolbar-item-gap: 2px;
528
- --sd-ui-toolbar-item-padding: 5px;
529
- --sd-ui-toolbar-bg: var(--sd-ui-bg);
530
- --sd-ui-toolbar-button-text: var(--sd-ui-text);
531
- --sd-ui-toolbar-button-hover-bg: var(--sd-ui-hover-bg);
532
- --sd-ui-toolbar-button-active-bg: var(--sd-ui-active-bg);
533
- --sd-ui-toolbar-z-index: 10;
534
- --sd-ui-ruler-bg: var(--sd-ui-bg);
535
- --sd-ui-ruler-z-index: 10;
536
-
537
- /* UI: context menu — cascades from semantic tier */
538
- --sd-ui-menu-bg: var(--sd-ui-bg);
539
- --sd-ui-menu-text: var(--sd-ui-text);
540
- --sd-ui-menu-font-size: var(--sd-font-size-200);
541
- --sd-ui-menu-radius: 0;
542
- --sd-ui-menu-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.1);
543
- --sd-ui-menu-border: var(--sd-ui-border);
544
- --sd-ui-menu-input-border: var(--sd-ui-border);
545
- --sd-ui-menu-input-focus-border: var(--sd-ui-action);
546
- --sd-ui-menu-item-hover-bg: var(--sd-ui-hover-bg);
547
- --sd-ui-menu-item-active-bg: var(--sd-ui-active-bg);
548
- --sd-ui-menu-item-active-text: var(--sd-ui-action);
549
- /* SD-2747: context menu's slash-filter search header + empty-state styling */
550
- --sd-ui-menu-header-bg: #fafafa;
551
- --sd-ui-menu-text-muted: #888;
552
- --sd-ui-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
553
-
554
- /* UI: tools */
555
- --sd-ui-tools-gap: 6px;
556
- --sd-ui-tools-item-size: 50px;
557
- --sd-ui-tools-item-radius: var(--sd-radius-300);
558
- --sd-ui-tools-item-bg: rgba(219, 219, 219, 0.6);
559
- --sd-ui-tools-icon-size: 20px;
560
-
561
- /* UI: comments — cascades from semantic tier, old names honored via fallback */
562
- --sd-ui-comments-card-bg: var(--sd-comment-bg, #f3f6fd);
563
- --sd-ui-comments-card-hover-bg: var(--sd-comment-bg-hover, var(--sd-ui-comments-card-bg));
564
- --sd-ui-comments-card-active-bg: var(--sd-comment-bg-active, var(--sd-ui-bg));
565
- --sd-ui-comments-card-resolved-bg: var(--sd-comment-bg-resolved, var(--sd-ui-disabled-bg));
566
- --sd-ui-comments-card-active-border: var(--sd-comment-border-active, var(--sd-ui-border));
567
- --sd-ui-comments-card-radius: var(--sd-comment-radius, var(--sd-radius-300));
568
- --sd-ui-comments-card-padding: var(--sd-comment-padding, 16px);
569
- --sd-ui-comments-card-shadow: var(--sd-comment-shadow, 0px 4px 12px 0px rgba(50, 50, 50, 0.15));
570
- --sd-ui-comments-separator: var(--sd-comment-separator, var(--sd-ui-border));
571
- --sd-ui-comments-transition: var(--sd-comment-transition, all 200ms ease);
572
- --sd-ui-comments-author-text: var(--sd-comment-author-color, var(--sd-ui-text));
573
- --sd-ui-comments-author-size: var(--sd-comment-author-size, var(--sd-font-size-400));
574
- --sd-ui-comments-author-weight: var(--sd-comment-author-weight, 600);
575
- --sd-ui-comments-tag-text: var(--sd-ui-text-muted);
576
- --sd-ui-comments-tag-bg: var(--sd-color-gray-200);
577
- --sd-ui-comments-timestamp-text: var(--sd-comment-time-color, var(--sd-ui-text-muted));
578
- --sd-ui-comments-timestamp-size: var(--sd-comment-time-size, var(--sd-font-size-200));
579
- --sd-ui-comments-body-text: var(--sd-ui-text);
580
- --sd-ui-comments-body-size: var(--sd-comment-body-size, var(--sd-font-size-400));
581
- --sd-ui-comments-resolved-text: var(--sd-color-green-500);
582
- --sd-ui-comments-insert-text: var(--sd-comment-tc-insert-color, #1f6feb);
583
- --sd-ui-comments-delete-text: var(--sd-comment-tc-delete-color, var(--sd-color-rose-500));
584
- --sd-ui-comments-move-to-text: var(--sd-comment-tc-move-to-color, var(--sd-color-green-500));
585
- --sd-ui-comments-move-from-text: var(--sd-comment-tc-move-from-color, var(--sd-color-green-500));
586
- --sd-ui-comments-dropdown-border: var(--sd-ui-border);
587
- --sd-ui-comments-dropdown-bg: var(--sd-ui-bg);
588
- --sd-ui-comments-dropdown-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
589
- --sd-ui-comments-option-size: var(--sd-font-size-400);
590
- --sd-ui-comments-option-text: var(--sd-ui-comments-body-text);
591
- --sd-ui-comments-option-hover-text: var(--sd-ui-comments-option-text);
592
- --sd-ui-comments-option-selected-text: var(--sd-ui-comments-option-text);
593
- --sd-ui-comments-option-hover-bg: var(--sd-ui-hover-bg);
594
- --sd-ui-comments-input-bg: var(--sd-ui-bg);
595
- --sd-ui-comments-input-border: var(--sd-ui-border);
596
- --sd-ui-comments-internal-bg: var(--sd-comment-internal-bg, #cde6e6);
597
- --sd-ui-comments-external-bg: var(--sd-comment-external-bg, #f5cfda);
598
-
599
- /* Styles: comments — old names honored via fallback */
600
- --sd-comments-highlight-external-base: #b1124b;
601
- --sd-comments-highlight-external: var(--sd-comment-highlight-external, #b1124b40);
602
- --sd-comments-highlight-external-active: #b1124b66;
603
- --sd-comments-highlight-external-faded: #b1124b20;
604
- --sd-comments-highlight-internal-base: #078383;
605
- --sd-comments-highlight-internal: var(--sd-comment-highlight-internal, #07838340);
606
- --sd-comments-highlight-internal-active: #07838366;
607
- --sd-comments-highlight-internal-faded: #07838320;
608
- --sd-comments-highlight-external-nested-border: #b1124b99;
609
- --sd-comments-highlight-internal-nested-border: #07838399;
610
- --sd-comments-highlight-hover: #1354ff55;
611
- --sd-comments-selection-background: #1354ff55;
612
-
613
- /* Styles: tracked changes — old names honored via fallback */
614
- --sd-tracked-changes-insert-background: var(--sd-track-insert-bg);
615
- --sd-tracked-changes-insert-border: var(--sd-track-insert-border, #1f6feb);
616
- --sd-tracked-changes-insert-border-width: 1px;
617
- --sd-tracked-changes-insert-text: currentColor;
618
- --sd-tracked-changes-insert-decoration-line: none;
619
- --sd-tracked-changes-insert-decoration-thickness: 1px;
620
- --sd-tracked-changes-insert-underline-offset: 0px;
621
- --sd-tracked-changes-delete-background: var(--sd-track-delete-bg);
622
- --sd-tracked-changes-delete-border: var(--sd-track-delete-border, #cb0e47);
623
- --sd-tracked-changes-delete-border-width: 1px;
624
- --sd-tracked-changes-delete-text: currentColor;
625
- --sd-tracked-changes-delete-decoration-thickness: 2px;
626
- --sd-tracked-changes-format-border: var(--sd-track-format-border, gold);
627
- --sd-tracked-changes-move-to-border: var(--sd-tracked-changes-semantic-color, #00853d);
628
- --sd-tracked-changes-move-to-background: var(--sd-tracked-changes-semantic-background, #00853d22);
629
- --sd-tracked-changes-move-to-background-focused: var(--sd-tracked-changes-semantic-background-focused, #00853d44);
630
- --sd-tracked-changes-move-to-text: var(--sd-tracked-changes-semantic-color, #00853d);
631
- --sd-tracked-changes-move-from-border: var(--sd-tracked-changes-semantic-color, #00853d);
632
- --sd-tracked-changes-move-from-background: var(--sd-tracked-changes-semantic-background, #00853d22);
633
- --sd-tracked-changes-move-from-background-focused: var(--sd-tracked-changes-semantic-background-focused, #00853d44);
634
- --sd-tracked-changes-move-from-text: var(--sd-tracked-changes-semantic-color, #00853d);
635
- --sd-tracked-changes-insert-background-focused: var(
636
- --sd-track-insert-bg-focused,
637
- var(--sd-tracked-changes-insert-background, var(--sd-track-insert-bg, #1f6feb44))
638
- );
639
- --sd-tracked-changes-delete-background-focused: var(
640
- --sd-track-delete-bg-focused,
641
- var(--sd-tracked-changes-delete-background, var(--sd-track-delete-bg, #cb0e4744))
642
- );
643
- --sd-tracked-changes-format-background-focused: #ffd70033;
644
-
645
- /* Styles: tracked table-structure changes (whole-table / table-row
646
- insertion/deletion, table split). These categories are CSS-themed ONLY —
647
- they are not part of trackChanges.semanticColors. Override these
648
- variables to recolor them. */
649
- --sd-tracked-changes-table-insertion-border: #1f6feb;
650
- --sd-tracked-changes-table-insertion-background: #1f6feb22;
651
- --sd-tracked-changes-table-insertion-background-focused: #1f6feb44;
652
- --sd-tracked-changes-table-insertion-text: currentColor;
653
- --sd-tracked-changes-table-deletion-border: #cb0e47;
654
- --sd-tracked-changes-table-deletion-background: #cb0e4722;
655
- --sd-tracked-changes-table-deletion-background-focused: #cb0e4744;
656
- --sd-tracked-changes-table-deletion-text: #cb0e47;
657
- --sd-tracked-changes-table-row-insertion-border: #1f6feb;
658
- --sd-tracked-changes-table-row-insertion-background: #1f6feb22;
659
- --sd-tracked-changes-table-row-insertion-background-focused: #1f6feb44;
660
- --sd-tracked-changes-table-row-insertion-text: currentColor;
661
- --sd-tracked-changes-table-row-deletion-border: #cb0e47;
662
- --sd-tracked-changes-table-row-deletion-background: #cb0e4722;
663
- --sd-tracked-changes-table-row-deletion-background-focused: #cb0e4744;
664
- --sd-tracked-changes-table-row-deletion-text: #cb0e47;
665
- --sd-tracked-changes-table-split-border: #bc4c00;
666
- --sd-tracked-changes-table-split-background: #bc4c0022;
667
- --sd-tracked-changes-table-split-background-focused: #bc4c0044;
668
- --sd-tracked-changes-table-split-text: #bc4c00;
669
-
670
- /* Styles: content controls (SDT) — blue accent, intentionally standalone.
671
- These theme the BUILT-IN chrome (modules.contentControls.chrome: 'default'). */
672
- --sd-content-controls-block-border: #629be7;
673
- --sd-content-controls-block-hover-border: transparent;
674
- --sd-content-controls-block-hover-bg: var(--sd-ui-hover-bg);
675
- --sd-content-controls-inline-border: #629be7;
676
- --sd-content-controls-inline-hover-border: transparent;
677
- --sd-content-controls-inline-hover-bg: var(--sd-ui-hover-bg);
678
- --sd-content-controls-label-border: #629be7;
679
- --sd-content-controls-label-bg: #629be7ee;
680
- --sd-content-controls-label-text: #ffffff;
681
- --sd-content-controls-lock-hover-bg: rgba(98, 155, 231, 0.08);
682
-
683
- /* Custom SDT styling under chrome:'none' (SD-3322). The built-in chrome is
684
- off, so set these on the painted wrapper (target via data-sdt-* attributes)
685
- to paint your own field/clause look. The painter applies them across rest,
686
- hover, and selected, so no !important and no state-class selectors are
687
- needed. Unset by default (chrome:'none' stays visually empty). `border` is a
688
- full shorthand, e.g. `1px solid #1355ff`; block adds a `-border-left` for an
689
- accent rail. Inline:
690
- --sd-content-controls-custom-inline-bg
691
- --sd-content-controls-custom-inline-border
692
- --sd-content-controls-custom-inline-radius
693
- --sd-content-controls-custom-inline-padding
694
- --sd-content-controls-custom-inline-hover-bg
695
- --sd-content-controls-custom-inline-selected-bg
696
- Block (same set, plus):
697
- --sd-content-controls-custom-block-border-left */
698
-
699
- /* UI: surface system — dialog and floating overlays */
700
- --sd-ui-surface-bg: var(--sd-popover-bg, var(--sd-ui-bg));
701
- --sd-ui-surface-border: var(--sd-ui-border);
702
- --sd-ui-surface-shadow: var(--sd-popover-shadow, 0 8px 32px rgba(0, 0, 0, 0.18));
703
- --sd-ui-surface-radius: var(--sd-popover-radius, var(--sd-radius-200));
704
- --sd-ui-surface-z-index: 100;
705
- --sd-ui-surface-title-padding: 16px 20px 0;
706
- --sd-ui-surface-content-padding: 16px 20px 20px;
707
- --sd-ui-dialog-backdrop: rgba(0, 0, 0, 0.4);
708
- --sd-ui-dialog-max-width: 480px;
709
- --sd-ui-cross-reference-max-width: 480px;
710
- --sd-ui-cross-reference-list-height: 320px;
711
- --sd-ui-cross-reference-selected-bg: color-mix(in srgb, var(--sd-ui-action) 8%, var(--sd-ui-surface-bg));
712
- --sd-ui-floating-width: 360px;
713
- --sd-ui-floating-max-width: 480px;
714
- --sd-ui-floating-max-height: min(60vh, calc(100% - 32px));
715
- --sd-ui-floating-edge-offset: 16px;
716
-
717
- /* UI: find/replace surface */
718
- --sd-ui-find-replace-gap: 6px;
719
- --sd-ui-find-replace-input-height: 32px;
720
- --sd-ui-find-replace-input-padding: 4px 8px;
721
- --sd-ui-find-replace-input-font-size: var(--sd-ui-font-size-400, 14px);
722
- --sd-ui-find-replace-input-bg: var(--sd-ui-surface-bg, #fff);
723
- --sd-ui-find-replace-input-border: var(--sd-ui-border);
724
- --sd-ui-find-replace-input-focus-border: var(--sd-ui-action);
725
- --sd-ui-find-replace-input-radius: 6px;
726
- --sd-ui-find-replace-count-color: var(--sd-ui-text-muted, #6b7280);
727
- --sd-ui-find-replace-count-font-size: 12px;
728
- --sd-ui-find-replace-btn-size: 28px;
729
- --sd-ui-find-replace-btn-radius: 6px;
730
- --sd-ui-find-replace-btn-hover-bg: var(--sd-ui-hover-bg, rgba(0, 0, 0, 0.06));
731
- --sd-ui-find-replace-btn-color: var(--sd-ui-text);
732
- --sd-ui-find-replace-btn-disabled-opacity: 0.4;
733
- --sd-ui-find-replace-toggle-active-bg: color-mix(in srgb, var(--sd-ui-action) 12%, transparent);
734
- --sd-ui-find-replace-toggle-active-color: var(--sd-ui-action);
735
- --sd-ui-find-replace-toggle-active-border: color-mix(in srgb, var(--sd-ui-action) 30%, transparent);
736
- --sd-ui-find-replace-action-btn-bg: var(--sd-ui-action);
737
- --sd-ui-find-replace-action-btn-color: #fff;
738
- --sd-ui-find-replace-action-btn-hover-bg: var(--sd-ui-action-hover, var(--sd-ui-action));
739
- --sd-ui-find-replace-nav-gap: 2px;
740
- --sd-ui-find-replace-options-gap: 4px;
741
- --sd-ui-find-replace-btn-icon-font-size: 12px;
742
- --sd-ui-find-replace-btn-toggle-font-size: 11px;
743
- --sd-ui-find-replace-action-btn-padding: 0 12px;
744
- --sd-ui-find-replace-btn-toggle-padding: 0 3px;
745
- --sd-ui-find-replace-count-inset: 8px;
746
-
747
- /* Search highlights (editor + presentation mode) */
748
- --sd-ui-search-match-bg: rgba(255, 213, 0, 0.4);
749
- --sd-ui-search-match-active-bg: rgba(255, 150, 0, 0.6);
750
-
751
- /* UI: password prompt */
752
- --sd-ui-password-prompt-gap: 12px;
753
- --sd-ui-password-prompt-heading-size: var(--sd-ui-font-size-500, 15px);
754
- --sd-ui-password-prompt-heading-weight: 600;
755
- --sd-ui-password-prompt-heading-color: var(--sd-ui-text);
756
- --sd-ui-password-prompt-description-size: var(--sd-ui-font-size-400, 14px);
757
- --sd-ui-password-prompt-description-color: var(--sd-ui-text);
758
- --sd-ui-password-prompt-input-padding: 8px 10px;
759
- --sd-ui-password-prompt-input-size: var(--sd-ui-font-size-400, 14px);
760
- --sd-ui-password-prompt-input-color: var(--sd-ui-text);
761
- --sd-ui-password-prompt-input-bg: var(--sd-ui-surface-bg, #fff);
762
- --sd-ui-password-prompt-input-border: var(--sd-ui-border);
763
- --sd-ui-password-prompt-input-focus-border: var(--sd-ui-action);
764
- --sd-ui-password-prompt-input-radius: 4px;
765
- --sd-ui-password-prompt-input-disabled-opacity: 0.6;
766
- --sd-ui-password-prompt-error-size: var(--sd-ui-font-size-300, 13px);
767
- --sd-ui-password-prompt-error-color: var(--sd-color-red-500);
768
- --sd-ui-password-prompt-actions-gap: 8px;
769
- --sd-ui-password-prompt-btn-padding: 6px 16px;
770
- --sd-ui-password-prompt-btn-size: var(--sd-ui-font-size-400, 14px);
771
- --sd-ui-password-prompt-btn-radius: 4px;
772
- --sd-ui-password-prompt-btn-disabled-opacity: 0.5;
773
- --sd-ui-password-prompt-cancel-bg: transparent;
774
- --sd-ui-password-prompt-cancel-border: var(--sd-ui-border);
775
- --sd-ui-password-prompt-cancel-color: var(--sd-ui-text);
776
- --sd-ui-password-prompt-cancel-hover-bg: var(--sd-color-gray-100, #f5f5f5);
777
- --sd-ui-password-prompt-submit-bg: var(--sd-ui-action);
778
- --sd-ui-password-prompt-submit-border: var(--sd-ui-action);
779
- --sd-ui-password-prompt-submit-color: var(--sd-ui-action-text, #fff);
780
- --sd-ui-password-prompt-submit-hover-bg: var(--sd-ui-action-hover);
781
- /* Styles: layout — cascades from semantic tier */
782
- --sd-layout-page-bg: var(--sd-ui-bg);
783
- --sd-layout-page-shadow: 0 4px 20px rgba(15, 23, 42, 0.08);
784
- --sd-formatting-mark-color: var(--sd-color-blue-500);
785
- --sd-formatting-paragraph-mark-gap: 0.2em;
786
-
787
- /* Proofing: underline colors and metrics */
788
- --sd-proofing-spelling-color: #e53e3e;
789
- --sd-proofing-grammar-color: #3182ce;
790
- --sd-proofing-style-color: #805ad5;
791
- --sd-proofing-underline-thickness: 1.5px;
792
- --sd-proofing-underline-offset: 2px;
793
- }
794
- /*
795
- * Backward-compatible aliases for renamed CSS variables.
796
- *
797
- * Most old names are honored via var() fallbacks in variables.css — if a
798
- * customer sets --sd-comment-bg, the new --sd-ui-comments-card-bg picks it up
799
- * automatically. This file only covers aliases where the old name maps to a
800
- * different concept (no direct 1:1 fallback possible).
801
- *
802
- * These aliases will be removed in the next major version.
803
- */
804
-
805
- :root {
806
- /* Old semantic names that map to primitives (no new-token equivalent) */
807
- --sd-surface-canvas: var(--sd-color-gray-50);
808
- --sd-surface-selected: var(--sd-color-blue-100);
809
- --sd-text-secondary: var(--sd-color-gray-700);
810
-
811
- /* Old names that map to a different concept in the new system */
812
- --sd-surface-page: var(--sd-ui-bg);
813
- --sd-border-subtle: var(--sd-ui-comments-separator);
814
- --sd-border-focus: var(--sd-ui-action);
815
- }
816
- /* Preset theme: Docs-like */
817
- .sd-theme-docs {
818
- /* UI base */
819
- --sd-ui-font-family: Arial, sans-serif;
820
- --sd-ui-text: #202124;
821
- --sd-ui-bg: #f1f3f4;
822
- --sd-ui-border: #dadce0;
823
- --sd-ui-action: #1a73e8;
824
- --sd-ui-action-hover: #185abc;
825
-
826
- /* UI: toolbar/dropdown/context */
827
- --sd-ui-toolbar-bg: #f0f4f9;
828
- --sd-ui-toolbar-button-text: #3c4043;
829
- --sd-ui-toolbar-button-hover-bg: #e8eaed;
830
- --sd-ui-toolbar-button-active-bg: #d2e3fc;
831
- --sd-ui-toolbar-item-padding: 4px;
832
-
833
- --sd-ui-dropdown-border: #dadce0;
834
- --sd-ui-dropdown-bg: #ffffff;
835
- --sd-ui-dropdown-hover-bg: #e8eaed;
836
- --sd-ui-dropdown-active-bg: #d2e3fc;
837
- --sd-ui-dropdown-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
838
-
839
- --sd-ui-menu-bg: #ffffff;
840
- --sd-ui-menu-border: #dadce0;
841
- --sd-ui-menu-shadow: 0 1px 2px rgba(60, 64, 67, 0.25), 0 3px 8px rgba(60, 64, 67, 0.18);
842
- --sd-ui-menu-item-hover-bg: #e8eaed;
843
- --sd-ui-menu-item-active-bg: #d2e3fc;
844
-
845
- /* Comments */
846
- --sd-ui-comments-card-bg: #d7dde8;
847
- --sd-ui-comments-card-active-bg: #ffffff;
848
- --sd-ui-comments-card-active-border: #c7cdd6;
849
- --sd-ui-comments-card-shadow: 0 1px 2px rgba(60, 64, 67, 0.2), 0 2px 6px rgba(60, 64, 67, 0.18);
850
- --sd-ui-comments-separator: #c7cdd6;
851
- --sd-ui-comments-timestamp-text: #5f6368;
852
- --sd-ui-comments-input-bg: #fff;
853
- --sd-ui-comments-option-hover-bg: #e8eaed;
854
- --sd-ui-comments-input-border: #80868b;
855
-
856
- --sd-comments-highlight-external-base: #f9ab00;
857
- --sd-comments-highlight-external: #f9ab0033;
858
- --sd-comments-highlight-external-active: #f9ab0044;
859
- --sd-comments-highlight-external-faded: #f9ab001f;
860
- --sd-comments-highlight-external-nested-border: #f9ab0088;
861
- --sd-comments-highlight-internal-base: #188038;
862
- --sd-comments-highlight-internal: #18803833;
863
- --sd-comments-highlight-internal-active: #18803844;
864
- --sd-comments-highlight-internal-faded: #1880381f;
865
- --sd-comments-highlight-internal-nested-border: #18803888;
866
-
867
- /* Layout */
868
- --sd-layout-page-bg: #ffffff;
869
- --sd-layout-page-shadow: 0 1px 2px rgba(60, 64, 67, 0.2), 0 2px 6px rgba(60, 64, 67, 0.12);
870
-
871
- /* Surfaces */
872
- --sd-ui-surface-bg: #ffffff;
873
- --sd-ui-surface-shadow: 0 1px 3px rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
874
- --sd-ui-dialog-backdrop: rgba(0, 0, 0, 0.32);
875
- }
876
-
877
- /* Preset theme: Microsoft Word-like */
878
- .sd-theme-word {
879
- /* UI base */
880
- --sd-ui-font-family: 'Segoe UI', Arial, sans-serif;
881
- --sd-ui-text: #323130;
882
- --sd-ui-bg: #f3f2f1;
883
- --sd-ui-border: #d2d0ce;
884
- --sd-ui-action: #185abd;
885
- --sd-ui-action-hover: #134a9e;
886
-
887
- /* UI: toolbar/dropdown/context */
888
- --sd-ui-toolbar-bg: #f3f2f1;
889
- --sd-ui-toolbar-button-text: #201f1e;
890
- --sd-ui-toolbar-button-hover-bg: #e8e6e4;
891
- --sd-ui-toolbar-button-active-bg: #d2d0ce;
892
- --sd-ui-toolbar-item-padding: 4px;
893
-
894
- --sd-ui-dropdown-border: #d2d0ce;
895
- --sd-ui-dropdown-bg: #ffffff;
896
- --sd-ui-dropdown-hover-bg: #e8e6e4;
897
- --sd-ui-dropdown-active-bg: #d2d0ce;
898
- --sd-ui-dropdown-shadow: 0 1px 2px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.08);
899
-
900
- --sd-ui-menu-bg: #ffffff;
901
- --sd-ui-menu-border: #d2d0ce;
902
- --sd-ui-menu-shadow: 0 2px 6px rgba(0, 0, 0, 0.14);
903
- --sd-ui-menu-item-hover-bg: #f3f2f1;
904
- --sd-ui-menu-item-active-bg: #edebe9;
905
-
906
- /* Comments */
907
- --sd-ui-comments-card-bg: #ebebeb;
908
- --sd-ui-comments-card-active-bg: #ffffff;
909
- --sd-ui-comments-card-active-border: #d2d0ce;
910
- --sd-ui-comments-card-shadow: 0 2px 4px rgba(0, 0, 0, 0.16), 0 10px 20px rgba(0, 0, 0, 0.1);
911
- --sd-ui-comments-separator: #c8c6c4;
912
- --sd-ui-comments-timestamp-text: #605e5c;
913
- --sd-ui-comments-input-bg: #fff;
914
- --sd-ui-comments-option-hover-bg: #f3f2f1;
915
- --sd-ui-comments-input-border: #8a8886;
916
-
917
- --sd-comments-highlight-external-base: #8a8886;
918
- --sd-comments-highlight-external: #8a888633;
919
- --sd-comments-highlight-external-active: #8a888655;
920
- --sd-comments-highlight-external-faded: #8a88861f;
921
- --sd-comments-highlight-external-nested-border: #8a888688;
922
- --sd-comments-highlight-internal-base: #0f6cbd;
923
- --sd-comments-highlight-internal: #0f6cbd33;
924
- --sd-comments-highlight-internal-active: #0f6cbd55;
925
- --sd-comments-highlight-internal-faded: #0f6cbd1f;
926
- --sd-comments-highlight-internal-nested-border: #0f6cbd88;
927
-
928
- /* Layout */
929
- --sd-layout-page-bg: #ffffff;
930
- --sd-layout-page-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.08);
931
-
932
- /* Surfaces */
933
- --sd-ui-surface-bg: #ffffff;
934
- --sd-ui-surface-shadow: 0 2px 6px rgba(0, 0, 0, 0.14), 0 8px 24px rgba(0, 0, 0, 0.1);
935
- --sd-ui-dialog-backdrop: rgba(0, 0, 0, 0.4);
936
- }
937
-
938
- /* Preset theme: Blueprint */
939
- .sd-theme-blueprint {
940
- /* UI base */
941
- --sd-ui-font-family: 'IBM Plex Sans', 'Segoe UI', Arial, sans-serif;
942
- --sd-ui-text: #0f172a;
943
- --sd-ui-text-muted: #334155;
944
- --sd-ui-text-disabled: #64748b;
945
- --sd-ui-bg: #e8eff5;
946
- --sd-ui-hover-bg: #d3e2ef;
947
- --sd-ui-active-bg: #bfd4e6;
948
- --sd-ui-border: #9fb4c7;
949
- --sd-ui-action: #0f766e;
950
- --sd-ui-action-hover: #115e59;
951
- --sd-ui-shadow: 0 2px 8px rgba(15, 23, 42, 0.18);
952
-
953
- /* Toolbar / dropdown / context */
954
- --sd-ui-toolbar-bg: #dbe6f0;
955
- --sd-ui-toolbar-button-text: #0f172a;
956
- --sd-ui-toolbar-button-hover-bg: #c9dced;
957
- --sd-ui-toolbar-button-active-bg: #b7cee3;
958
- --sd-ui-dropdown-bg: #ffffff;
959
- --sd-ui-dropdown-border: #8ea5b8;
960
- --sd-ui-dropdown-hover-bg: #e7f0f8;
961
- --sd-ui-dropdown-active-bg: #cde2f3;
962
- --sd-ui-dropdown-shadow: 0 8px 24px rgba(15, 23, 42, 0.22);
963
- --sd-ui-menu-bg: #ffffff;
964
- --sd-ui-menu-border: #8ea5b8;
965
- --sd-ui-menu-item-hover-bg: #e2eef8;
966
- --sd-ui-menu-item-active-bg: #cde2f3;
967
- --sd-ui-menu-shadow: 0 8px 24px rgba(15, 23, 42, 0.22);
968
-
969
- /* Layout */
970
- --sd-layout-page-bg: #ffffff;
971
- --sd-layout-page-shadow: 0 8px 24px rgba(15, 23, 42, 0.16);
972
-
973
- /* Comments */
974
- --sd-ui-comments-card-bg: #dbe7f2;
975
- --sd-ui-comments-card-active-bg: #ffffff;
976
- --sd-ui-comments-card-active-border: #8ea5b8;
977
- --sd-ui-comments-card-shadow: 0 10px 24px rgba(15, 23, 42, 0.18);
978
- --sd-ui-comments-input-border: #7f96aa;
979
- --sd-ui-comments-separator: #9fb4c7;
980
- --sd-ui-comments-timestamp-text: #475569;
981
- --sd-ui-comments-input-bg: #fff;
982
-
983
- /* Highlights */
984
- --sd-comments-highlight-external-base: #b45309;
985
- --sd-comments-highlight-external: #b4530933;
986
- --sd-comments-highlight-external-active: #b4530944;
987
- --sd-comments-highlight-external-faded: #b453091f;
988
- --sd-comments-highlight-external-nested-border: #b4530988;
989
- --sd-comments-highlight-internal-base: #0f766e;
990
- --sd-comments-highlight-internal: #0f766e33;
991
- --sd-comments-highlight-internal-active: #0f766e44;
992
- --sd-comments-highlight-internal-faded: #0f766e1f;
993
- --sd-comments-highlight-internal-nested-border: #0f766e88;
994
-
995
- /* Surfaces */
996
- --sd-ui-surface-bg: #ffffff;
997
- --sd-ui-surface-shadow: 0 4px 16px rgba(15, 23, 42, 0.2);
998
- --sd-ui-dialog-backdrop: rgba(15, 23, 42, 0.45);
999
- }
1000
- .superdoc *,
1001
- .superdoc ::before,
1002
- .superdoc ::after,
1003
- .superdoc-toolbar *,
1004
- .superdoc-toolbar ::before,
1005
- .superdoc-toolbar ::after {
1006
- box-sizing: border-box;
1007
- }
1008
-
1009
- .superdoc .sd-disabled,
1010
- .superdoc-toolbar .sd-disabled {
1011
- opacity: 0.5;
1012
- cursor: not-allowed;
1013
- pointer-events: none;
1014
- }
1015
-
1016
- .sd-button {
1017
- border-radius: 8px;
1018
- background-color: white;
1019
- padding: 8px 12px;
1020
- outline: none;
1021
- border: 1px solid #dbdbdb;
1022
- font-weight: 600;
1023
- font-size: 14px;
1024
- cursor: pointer;
1025
- transition: all 250ms ease;
1026
- }
1027
-
1028
- .sd-button:hover {
1029
- background-color: #dbdbdb;
1030
- }
1031
-
1032
- .sd-button.primary {
1033
- background-color: #1355ff;
1034
- border: none;
1035
- color: white;
1036
- }
1037
-
1038
- .sd-button.primary:hover {
1039
- background-color: #0d3fcc;
1040
- }
1041
-
1042
- .sd-comment-box {
1043
- width: 300px;
1044
- }
1045
-
1046
- .superdoc-field {
1047
- border-radius: 8px;
1048
- padding: 12px;
1049
- outline: none;
1050
- border: 1px solid #dbdbdb;
1051
- width: 100%;
1052
- }
1053
-
1054
- .superdoc-field:focus,
1055
- .superdoc-field:active {
1056
- border: 1px solid #1355ff;
1057
- }
1058
-
1059
- .superdoc-field .ProseMirror {
1060
- border: 0;
1061
- outline: 0;
1062
- margin: 0;
1063
- }
1064
-
1065
- .sd-editor-placeholder::before {
1066
- content: attr(data-placeholder);
1067
- color: #aaa;
1068
- pointer-events: none;
1069
- display: block;
1070
- height: 0;
1071
- }
1072
- /* Transient UI paint takes precedence over a run's saved highlight color. */
1073
- .superdoc .sd-content-control-highlight {
1074
- background-color: var(--sd-content-controls-highlight-bg, #ffff00) !important;
1075
- }
1076
-
1077
- .superdoc svg {
1078
- width: 100%;
1079
- height: 100%;
1080
- display: block;
1081
- fill: currentColor;
1082
- }
1083
-
1084
- .superdoc-toolbar svg {
1085
- width: 100%;
1086
- height: 100%;
1087
- display: block;
1088
- fill: currentColor;
1089
- pointer-events: none;
1090
- }
1091
-
1092
- .superdoc-toolbar svg path {
1093
- stroke: currentColor;
1094
- }
1095
-
1096
- /* Web Layout Mode (OOXML ST_View 'web') - content reflows to container width */
1097
- .superdoc--web-layout,
1098
- .superdoc--web-layout .superdoc__layers,
1099
- .superdoc--web-layout .superdoc__document,
1100
- .superdoc--web-layout .superdoc__sub-document {
1101
- width: 100%;
1102
- }
1103
-
1104
- /* --- Upgrade transition (upgradeToCollaboration) --- */
1105
-
1106
- .sd-upgrade-overlay {
1107
- position: absolute;
1108
- inset: 0;
1109
- z-index: 9999;
1110
- pointer-events: none;
1111
- overflow: hidden;
1112
- }
1113
-
1114
- .sd-upgrade-overlay [contenteditable] {
1115
- pointer-events: none;
1116
- user-select: none;
1117
- }
1118
-
1119
- /* visibility: hidden (not display: none) so layout engine can still measure */
1120
- .sd-upgrade-hidden {
1121
- visibility: hidden !important;
1122
- }
1123
-
1124
- /* --- Search highlights (transient, used in both editor and presentation mode) --- */
1125
-
1126
- /* AIDEV-NOTE: SD-3045. The DomPainter writes `style.backgroundColor = run.highlight`
1127
- * inline on the same span the search DecorationBridge tags. Inline styles win over
1128
- * class selectors, so on every run whose source rPr carries a highlight mark
1129
- * (e.g. `<w:highlight w:val="white"/>`), the search highlight was invisible —
1130
- * the inline background painted over the class's transient yellow/orange.
1131
- * `!important` is the desired semantic here: while a search session is live, the
1132
- * find-match colour must override any source-doc highlight. The class is only
1133
- * present during a search; clearing the session removes it and the original
1134
- * highlight is restored. */
1135
- .superdoc .ProseMirror-search-match:not([data-sd-search-exact-highlight]) {
1136
- background: var(--sd-ui-search-match-bg) !important;
1137
- }
1138
-
1139
- .superdoc .ProseMirror-active-search-match:not([data-sd-search-exact-highlight]) {
1140
- background: var(--sd-ui-search-match-active-bg) !important;
1141
- }
1142
-
1143
- ::highlight(superdoc-search-match) {
1144
- background: var(--sd-ui-search-match-bg);
1145
- }
1146
-
1147
- ::highlight(superdoc-search-active-match) {
1148
- background: var(--sd-ui-search-match-active-bg);
1149
- }
1150
-
1151
- /* Proofing underlines are render-only v1/v2 UI state. They must not alter DOCX
1152
- * bytes or layout identity; the runtime owns adding/removing these classes. */
1153
- .superdoc .sd-proofing-spelling,
1154
- .superdoc .sd-proofing-grammar,
1155
- .superdoc .sd-proofing-style {
1156
- text-decoration-line: underline;
1157
- text-decoration-style: wavy;
1158
- text-decoration-thickness: var(--sd-proofing-underline-thickness, 1.5px);
1159
- text-underline-offset: var(--sd-proofing-underline-offset, 2px);
1160
- }
1161
-
1162
- .superdoc .sd-proofing-spelling {
1163
- text-decoration-color: var(--sd-proofing-spelling-color, #e53e3e);
1164
- }
1165
-
1166
- .superdoc .sd-proofing-grammar {
1167
- text-decoration-color: var(--sd-proofing-grammar-color, #3182ce);
1168
- }
1169
-
1170
- .superdoc .sd-proofing-style {
1171
- text-decoration-color: var(--sd-proofing-style-color, #805ad5);
1172
- }
1173
-
1174
- /* CSS Custom Highlight variant: the v2 runtime paints per-word squiggles over
1175
- * exact text ranges (no DOM mutation). Highlight names match the class names. */
1176
- ::highlight(sd-proofing-spelling),
1177
- ::highlight(sd-proofing-grammar),
1178
- ::highlight(sd-proofing-style) {
1179
- text-decoration-line: underline;
1180
- text-decoration-style: wavy;
1181
- text-decoration-thickness: var(--sd-proofing-underline-thickness, 1.5px);
1182
- text-underline-offset: var(--sd-proofing-underline-offset, 2px);
1183
- }
1184
-
1185
- ::highlight(sd-proofing-spelling) {
1186
- text-decoration-color: var(--sd-proofing-spelling-color, #e53e3e);
1187
- }
1188
-
1189
- ::highlight(sd-proofing-grammar) {
1190
- text-decoration-color: var(--sd-proofing-grammar-color, #3182ce);
1191
- }
1192
-
1193
- ::highlight(sd-proofing-style) {
1194
- text-decoration-color: var(--sd-proofing-style-color, #805ad5);
1195
- }
1196
-
1197
- /* Contained Mode - fixed-height container embedding with internal scrolling */
1198
- .superdoc--contained,
1199
- .superdoc--contained .superdoc__layers,
1200
- .superdoc--contained .superdoc__document,
1201
- .superdoc--contained .superdoc__sub-document {
1202
- height: 100%;
1203
- }
1204
-
1205
- /* Sub-document scroll fallback for non-document-editor content (PDF, HTML).
1206
- * The document editor manages its own scroll container, but PDF/HTML viewers
1207
- * don't, so they need the sub-document to scroll. */
1208
- .superdoc--contained .superdoc__sub-document {
1209
- overflow: auto;
1210
- }
1211
-
1212
- .comments-dropdown[data-v-7eced80a] {
1213
- display: inline-flex;
1214
- }
1215
- .comments-dropdown__trigger[data-v-7eced80a] {
1216
- display: inline-flex;
1217
- }
1218
- .comments-dropdown__menu[data-v-7eced80a] {
1219
- min-width: 120px;
1220
- border-radius: 8px;
1221
- border: 1px solid var(--sd-ui-comments-dropdown-border, #dbdbdb);
1222
- background: var(--sd-ui-comments-dropdown-bg, #fff);
1223
- box-shadow: var(--sd-ui-comments-dropdown-shadow, 0 8px 24px rgba(0, 0, 0, 0.12));
1224
- padding: 4px;
1225
- box-sizing: border-box;
1226
- }
1227
- .comments-dropdown__option[data-v-7eced80a] {
1228
- font-size: var(--sd-ui-comments-option-size, 14px);
1229
- color: var(--sd-ui-comments-option-text, #212121);
1230
- display: flex;
1231
- align-items: center;
1232
- gap: 8px;
1233
- min-height: 34px;
1234
- padding: 4px 8px;
1235
- border-radius: 6px;
1236
- cursor: pointer;
1237
- box-sizing: border-box;
1238
- }
1239
- .comments-dropdown__option[data-v-7eced80a]:hover {
1240
- background-color: var(--sd-ui-comments-option-hover-bg, #f3f3f5);
1241
- color: var(--sd-ui-comments-option-hover-text, #212121);
1242
- }
1243
- .comments-dropdown__option.sd-disabled[data-v-7eced80a] {
1244
- opacity: 0.5;
1245
- pointer-events: none;
1246
- }
1247
- .comments-dropdown__option-icon[data-v-7eced80a] {
1248
- display: inline-flex;
1249
- justify-content: center;
1250
- align-items: center;
1251
- flex-shrink: 0;
1252
- width: 16px;
1253
- height: 16px;
1254
- }
1255
- .comments-dropdown__option-icon[data-v-7eced80a] svg {
1256
- width: 100%;
1257
- height: 100%;
1258
- display: block;
1259
- fill: currentColor;
1260
- }
1261
-
1262
- .sd-comment-option[data-v-138d641e] {
1263
- display: flex;
1264
- align-items: center;
1265
- font-size: 11px;
1266
- }
1267
- .sd-comment-option i[data-v-138d641e] {
1268
- font-size: 11px;
1269
- }
1270
- .sd-option-state[data-v-138d641e] {
1271
- margin: 0 7px;
1272
- }
1273
- .sd-active-icon[data-v-138d641e] {
1274
- display: inline-flex;
1275
- justify-content: center;
1276
- align-items: center;
1277
- flex-shrink: 0;
1278
- width: 16px;
1279
- height: 16px;
1280
- }
1281
- .sd-active-icon[data-v-138d641e] svg {
1282
- width: 100%;
1283
- height: 100%;
1284
- display: block;
1285
- fill: currentColor;
1286
- }
1287
- .sd-dropdown-caret[data-v-138d641e] {
1288
- display: inline-flex;
1289
- justify-content: center;
1290
- align-items: center;
1291
- flex-shrink: 0;
1292
- width: 10px;
1293
- height: 16px;
1294
- }
1295
- .sd-dropdown-caret[data-v-138d641e] svg {
1296
- width: 100%;
1297
- height: 100%;
1298
- display: block;
1299
- fill: currentColor;
1300
- }
1301
- .sd-internal-dropdown[data-v-138d641e] {
1302
- transition: all 250ms ease;
1303
- display: inline-flex;
1304
- cursor: pointer;
1305
- border-radius: 50px;
1306
- padding: 2px 8px;
1307
- }
1308
- .sd-internal-dropdown[data-v-138d641e]:hover {
1309
- background-color: #f3f3f5;
1310
- }
1311
-
1312
- .user-container[data-v-c95b2073] {
1313
- border-radius: 50%;
1314
- border: var(--sd-comment-avatar-border, 2px solid #333);
1315
- font-size: var(--sd-comment-avatar-font-size, 11px);
1316
- font-weight: 600;
1317
- color: var(--sd-comment-avatar-color, #fff);
1318
- background-color: var(--sd-comment-avatar-bg, #00000098);
1319
-
1320
- width: var(--sd-comment-avatar-size, 28px);
1321
- height: var(--sd-comment-avatar-size, 28px);
1322
- flex-shrink: 0;
1323
-
1324
- display: flex;
1325
- align-items: center;
1326
- justify-content: center;
1327
- overflow: hidden;
1328
- }
1329
- img[data-v-c95b2073] {
1330
- border-radius: 50%;
1331
- width: 100%;
1332
- background-color: transparent;
1333
- }
1334
-
1335
- .comment-header[data-v-f2f11c96] {
1336
- display: flex;
1337
- align-items: center;
1338
- justify-content: space-between;
1339
- margin-bottom: 6px;
1340
- }
1341
- .comment-header-left[data-v-f2f11c96] {
1342
- display: flex;
1343
- align-items: center;
1344
- gap: 8px;
1345
- }
1346
- .user-info[data-v-f2f11c96] {
1347
- display: flex;
1348
- flex-direction: column;
1349
- }
1350
- .user-name[data-v-f2f11c96] {
1351
- font-size: var(--sd-ui-comments-author-size, 14px);
1352
- font-weight: var(--sd-ui-comments-author-weight, 600);
1353
- color: var(--sd-ui-comments-author-text, #212121);
1354
- line-height: 1.2em;
1355
- }
1356
- .imported-tag[data-v-f2f11c96] {
1357
- display: inline-block;
1358
- font-size: 9px;
1359
- font-weight: 600;
1360
- text-transform: uppercase;
1361
- letter-spacing: 0.04em;
1362
- color: var(--sd-ui-comments-tag-text, #888888);
1363
- background: var(--sd-ui-comments-tag-bg, #f2f2f2);
1364
- border-radius: 3px;
1365
- padding: 1px 4px;
1366
- margin-left: 6px;
1367
- vertical-align: middle;
1368
- line-height: 1.4;
1369
- }
1370
- .user-timestamp[data-v-f2f11c96] {
1371
- line-height: 1.2em;
1372
- font-size: var(--sd-ui-comments-timestamp-size, 12px);
1373
- color: var(--sd-ui-comments-timestamp-text, #888888);
1374
- }
1375
- .overflow-menu[data-v-f2f11c96] {
1376
- flex-shrink: 1;
1377
- display: flex;
1378
- gap: 6px;
1379
- opacity: 0;
1380
- pointer-events: none;
1381
- transition: opacity 150ms ease;
1382
- }
1383
- .overflow-menu.is-visible[data-v-f2f11c96] {
1384
- opacity: 1;
1385
- pointer-events: auto;
1386
- }
1387
- .overflow-menu__icon[data-v-f2f11c96] {
1388
- display: flex;
1389
- box-sizing: content-box;
1390
- justify-content: center;
1391
- align-items: center;
1392
- flex-shrink: 0;
1393
- width: 14px;
1394
- height: 14px;
1395
- padding: 3px;
1396
- border-radius: 50%;
1397
- color: var(--sd-ui-text, #47484a);
1398
- cursor: pointer;
1399
- transition: all 250ms ease;
1400
- }
1401
- .overflow-menu__icon[data-v-f2f11c96]:hover {
1402
- background-color: var(--sd-ui-comments-separator, #dbdbdb);
1403
- }
1404
- .overflow-menu__icon.sd-is-disabled[data-v-f2f11c96] {
1405
- opacity: 0.4;
1406
- cursor: not-allowed;
1407
- pointer-events: auto;
1408
- }
1409
- .overflow-menu__icon.sd-is-disabled[data-v-f2f11c96]:hover {
1410
- background-color: transparent;
1411
- }
1412
- .overflow-menu__icon[data-v-f2f11c96] svg {
1413
- width: 100%;
1414
- height: 100%;
1415
- display: block;
1416
- fill: currentColor;
1417
- }
1418
- .overflow-icon[data-v-f2f11c96] {
1419
- display: inline-flex;
1420
- justify-content: center;
1421
- align-items: center;
1422
- flex-shrink: 0;
1423
- width: 10px;
1424
- height: 16px;
1425
- }
1426
-
1427
- .comment-entry[data-v-0720a671] {
1428
- box-sizing: border-box;
1429
- border-radius: 8px;
1430
- width: 100%;
1431
- max-width: 100%;
1432
- transition: all 250ms ease;
1433
- }
1434
- .comment-composer[data-v-0720a671] {
1435
- position: relative;
1436
- min-width: 0;
1437
- }
1438
- .superdoc-field[data-v-0720a671] {
1439
- display: block;
1440
- box-sizing: border-box;
1441
- width: 100%;
1442
- min-height: 28px;
1443
- height: 28px;
1444
- max-height: 132px;
1445
- padding: 10px 12px;
1446
- resize: none;
1447
- border: 1px solid #d7d7d7;
1448
- border-radius: 8px;
1449
- color: #1f1f1f;
1450
- background: #fff;
1451
- font: inherit;
1452
- line-height: 1.4;
1453
- overflow-y: hidden;
1454
- }
1455
- .superdoc-field[data-v-0720a671]:focus {
1456
- outline: none;
1457
- border-color: #4f7cff;
1458
- box-shadow: 0 0 0 2px rgba(79, 124, 255, 0.16);
1459
- }
1460
- .comment-mention-list[data-v-0720a671] {
1461
- position: absolute;
1462
- z-index: 100;
1463
- top: calc(100% + 4px);
1464
- right: 0;
1465
- left: 0;
1466
- overflow-y: auto;
1467
- max-height: 192px;
1468
- padding: 4px;
1469
- border: 1px solid #d7d7d7;
1470
- border-radius: 8px;
1471
- background: #fff;
1472
- box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
1473
- }
1474
- .comment-mention-option[data-v-0720a671] {
1475
- display: flex;
1476
- flex-direction: column;
1477
- width: 100%;
1478
- padding: 7px 8px;
1479
- border: 0;
1480
- border-radius: 5px;
1481
- color: #1f1f1f;
1482
- background: transparent;
1483
- text-align: left;
1484
- cursor: pointer;
1485
- }
1486
- .comment-mention-option--active[data-v-0720a671],
1487
- .comment-mention-option[data-v-0720a671]:hover {
1488
- background: #eef3ff;
1489
- }
1490
- .comment-mention-option__name[data-v-0720a671] {
1491
- font-size: 13px;
1492
- font-weight: 600;
1493
- }
1494
- .comment-mention-option__email[data-v-0720a671] {
1495
- color: #666;
1496
- font-size: 11px;
1497
- }
1498
-
1499
- .comments-dialog[data-v-5ace8cef] {
1500
- display: flex;
1501
- flex-direction: column;
1502
- padding: var(--sd-ui-comments-card-padding, 16px);
1503
- border-radius: var(--sd-ui-comments-card-radius, 12px);
1504
- background-color: var(--sd-ui-comments-card-bg, #f3f6fd);
1505
- border: 1px solid transparent;
1506
- font-family: var(--sd-ui-font-family, Arial, Helvetica, sans-serif);
1507
- font-size: var(--sd-ui-comments-body-size, 14px);
1508
- line-height: 1.5;
1509
- transition: var(--sd-ui-comments-transition, all 200ms ease);
1510
- box-shadow: none;
1511
- z-index: 5;
1512
- max-width: 300px;
1513
- min-width: 200px;
1514
- width: 100%;
1515
- overflow-wrap: break-word;
1516
- word-break: break-word;
1517
- }
1518
- .comments-dialog[data-v-5ace8cef]:not(.is-active) {
1519
- cursor: pointer;
1520
- }
1521
- .comments-dialog[data-v-5ace8cef]:not(.is-active):not(.is-resolved):hover {
1522
- background-color: var(--sd-ui-comments-card-hover-bg, #f3f6fd);
1523
- }
1524
- .comments-dialog[data-v-5ace8cef]:not(.is-resolved):hover .overflow-menu {
1525
- opacity: 1;
1526
- pointer-events: auto;
1527
- }
1528
- .comments-dialog.is-active[data-v-5ace8cef] {
1529
- background-color: var(--sd-ui-comments-card-active-bg, #ffffff);
1530
- border-color: var(--sd-ui-comments-card-active-border, #e0e0e0);
1531
- box-shadow: var(--sd-ui-comments-card-shadow, 0px 4px 12px 0px rgba(50, 50, 50, 0.15));
1532
- z-index: 10;
1533
- }
1534
- .comments-dialog.is-resolved[data-v-5ace8cef] {
1535
- background-color: var(--sd-ui-comments-card-resolved-bg, #f0f0f0);
1536
- }
1537
- .comment-separator[data-v-5ace8cef] {
1538
- background-color: var(--sd-ui-comments-separator, #e0e0e0);
1539
- height: 1px;
1540
- width: 100%;
1541
- margin: 10px 0;
1542
- }
1543
- .comment[data-v-5ace8cef] {
1544
- font-size: var(--sd-ui-comments-body-size, 14px);
1545
- line-height: 1.5;
1546
- white-space: pre-wrap;
1547
- color: var(--sd-ui-comments-body-text, #212121);
1548
- margin: 4px 0 0 0;
1549
- }
1550
- .comment[data-v-5ace8cef] p {
1551
- margin: 0;
1552
- }
1553
- .comment[data-v-5ace8cef] a {
1554
- color: var(--sd-ui-action, #1354ff);
1555
- text-decoration: underline;
1556
- }
1557
- .tracked-change[data-v-5ace8cef] {
1558
- font-size: var(--sd-ui-comments-body-size, 14px);
1559
- line-height: 1.5;
1560
- color: var(--sd-ui-comments-body-text, #212121);
1561
- margin: 4px 0 0 0;
1562
- }
1563
- .change-type[data-v-5ace8cef] {
1564
- color: var(--sd-ui-comments-body-text, #212121);
1565
- }
1566
- .tracked-change-text[data-v-5ace8cef] {
1567
- color: var(--sd-ui-comments-body-text, #212121);
1568
- white-space: pre-wrap;
1569
- }
1570
- .tracked-change-text.is-deleted[data-v-5ace8cef] {
1571
- color: var(--sd-ui-comments-delete-text, #cb0e47);
1572
- }
1573
- .tracked-change-text.is-inserted[data-v-5ace8cef] {
1574
- color: var(--sd-ui-comments-insert-text, #1f6feb);
1575
- font-weight: 500;
1576
- }
1577
- .tracked-change[data-track-change-semantic-color-key='move-from'] .tracked-change-text.is-deleted[data-v-5ace8cef] {
1578
- color: var(--sd-ui-comments-move-from-text, #00853d);
1579
- }
1580
- .tracked-change[data-track-change-semantic-color-key='move-to'] .tracked-change-text.is-inserted[data-v-5ace8cef] {
1581
- color: var(--sd-ui-comments-move-to-text, #00853d);
1582
- }
1583
- .tracked-change-detail-lines[data-v-5ace8cef] {
1584
- margin-top: 4px;
1585
- }
1586
- .tracked-change-detail-line[data-v-5ace8cef] {
1587
- font-size: 12px;
1588
- line-height: 1.4;
1589
- }
1590
- .tracked-change-image-preview[data-v-5ace8cef] {
1591
- display: inline-flex;
1592
- align-items: center;
1593
- justify-content: center;
1594
- margin-top: 6px;
1595
- padding: 2px;
1596
- border: 1px solid var(--sd-ui-comments-border, #dadce0);
1597
- background: var(--sd-ui-comments-bg, #fff);
1598
- max-width: 96px;
1599
- max-height: 96px;
1600
- }
1601
- .tracked-change-image-preview__image[data-v-5ace8cef] {
1602
- display: block;
1603
- width: auto;
1604
- height: auto;
1605
- max-width: 90px;
1606
- max-height: 90px;
1607
- object-fit: contain;
1608
- }
1609
-
1610
- /* ── Failed tracked-change decision alert (SD-3772 §6) ── */
1611
- .tracked-change-decision-alert[data-v-5ace8cef] {
1612
- display: flex;
1613
- align-items: center;
1614
- justify-content: space-between;
1615
- gap: 8px;
1616
- margin-top: 8px;
1617
- padding: 8px 10px;
1618
- border-radius: 8px;
1619
- border: 1px solid var(--sd-ui-comments-alert-border, #f0b4b4);
1620
- background-color: var(--sd-ui-comments-alert-bg, #fdf3f3);
1621
- color: var(--sd-ui-comments-alert-text, #a4262c);
1622
- font-size: var(--sd-ui-comments-body-size, 14px);
1623
- line-height: 1.4;
1624
- }
1625
- .tracked-change-decision-alert__retry[data-v-5ace8cef] {
1626
- flex-shrink: 0;
1627
- }
1628
-
1629
- /* ── Resolved badge ── */
1630
- .resolved-badge[data-v-5ace8cef] {
1631
- display: inline-flex;
1632
- align-items: center;
1633
- gap: 4px;
1634
- font-size: 11px;
1635
- font-weight: 500;
1636
- color: var(--sd-ui-comments-resolved-text, #00853d);
1637
- margin-bottom: 4px;
1638
- }
1639
- .resolved-badge__icon[data-v-5ace8cef] {
1640
- display: inline-flex;
1641
- width: 12px;
1642
- height: 12px;
1643
- }
1644
- .resolved-badge__icon[data-v-5ace8cef] svg {
1645
- width: 100%;
1646
- height: 100%;
1647
- fill: currentColor;
1648
- }
1649
-
1650
- /* ── Text truncation ── */
1651
- .comment.is-truncated[data-v-5ace8cef],
1652
- .tracked-change.is-truncated[data-v-5ace8cef] {
1653
- display: -webkit-box;
1654
- -webkit-line-clamp: 3;
1655
- -webkit-box-orient: vertical;
1656
- max-height: 4.5em;
1657
- overflow: hidden;
1658
- }
1659
- .comment.is-scrollable[data-v-5ace8cef],
1660
- .tracked-change.is-scrollable[data-v-5ace8cef] {
1661
- max-height: 220px;
1662
- overflow-y: auto;
1663
- padding-right: 4px;
1664
- }
1665
- .show-more-toggle[data-v-5ace8cef] {
1666
- font-size: 12px;
1667
- color: var(--sd-ui-action, #1355ff);
1668
- cursor: pointer;
1669
- font-weight: 500;
1670
- margin-top: 4px;
1671
- user-select: none;
1672
- }
1673
- .show-more-toggle[data-v-5ace8cef]:hover {
1674
- text-decoration: underline;
1675
- }
1676
-
1677
- /* ── Thread collapse ── */
1678
- .collapsed-replies[data-v-5ace8cef] {
1679
- display: flex;
1680
- align-items: center;
1681
- gap: 6px;
1682
- padding: 8px 0;
1683
- font-size: 12px;
1684
- color: var(--sd-ui-action, #1355ff);
1685
- font-weight: 500;
1686
- cursor: pointer;
1687
- user-select: none;
1688
- }
1689
- .collapsed-replies[data-v-5ace8cef]:hover {
1690
- text-decoration: underline;
1691
- }
1692
- .collapsed-avatars[data-v-5ace8cef] {
1693
- display: flex;
1694
- }
1695
- .collapsed-avatars .mini-avatar[data-v-5ace8cef] {
1696
- --sd-comment-avatar-size: 20px;
1697
- --sd-comment-avatar-font-size: 8px;
1698
- margin-left: -4px;
1699
- border: 2px solid var(--sd-ui-comments-card-active-bg, #ffffff);
1700
- }
1701
- .collapsed-avatars .mini-avatar[data-v-5ace8cef]:first-child {
1702
- margin-left: 0;
1703
- }
1704
-
1705
- /* ── New comment input ── */
1706
- .new-comment-input-wrapper[data-v-5ace8cef] {
1707
- border: 1.5px solid var(--sd-ui-comments-input-border, #dbdbdb);
1708
- border-radius: 12px;
1709
- padding: 8.5px 10.5px;
1710
- background: var(--sd-ui-comments-input-bg, #ffffff);
1711
- margin-top: 4px;
1712
- max-height: 150px;
1713
- overflow: visible;
1714
- }
1715
- .new-comment-input-wrapper[data-v-5ace8cef]:focus-within {
1716
- border-color: var(--sd-ui-comments-input-focus-border, #4f7cff);
1717
- box-shadow: 0 0 0 2px rgba(79, 124, 255, 0.16);
1718
- }
1719
- .new-comment-input-wrapper[data-v-5ace8cef] .comment-entry {
1720
- border-radius: 0;
1721
- }
1722
- .new-comment-input-wrapper[data-v-5ace8cef] .input-section {
1723
- margin: 0;
1724
- }
1725
- .new-comment-input-wrapper[data-v-5ace8cef] .superdoc-field {
1726
- font-size: 14px;
1727
- line-height: 20px;
1728
- border: none;
1729
- padding: 4px 0;
1730
- border-radius: 0;
1731
- min-height: 28px;
1732
- height: 28px;
1733
- max-height: 132px;
1734
- resize: none;
1735
- }
1736
- .new-comment-input-wrapper[data-v-5ace8cef] .superdoc-field:focus,
1737
- .new-comment-input-wrapper[data-v-5ace8cef] .superdoc-field:active {
1738
- border: none;
1739
- box-shadow: none;
1740
- outline: none;
1741
- }
1742
- .new-comment-input-wrapper[data-v-5ace8cef] .sd-editor-placeholder::before {
1743
- content: 'Comment or add others with @';
1744
- }
1745
-
1746
- /* ── Reply pill & expanded input ── */
1747
- .reply-pill[data-v-5ace8cef] {
1748
- width: 100%;
1749
- padding: 8.5px 10.5px;
1750
- border: 1.5px solid transparent;
1751
- border-radius: 9999px;
1752
- font-family: inherit;
1753
- font-size: 14px;
1754
- text-align: left;
1755
- color: var(--sd-color-gray-500, #ababab);
1756
- background: var(--sd-color-gray-100, #f5f5f5);
1757
- margin-top: 10px;
1758
- cursor: text;
1759
- transition: background 150ms ease;
1760
- }
1761
- .reply-pill[data-v-5ace8cef]:hover {
1762
- background: var(--sd-color-gray-200, #f2f2f2);
1763
- }
1764
- .reply-pill[data-v-5ace8cef]:disabled {
1765
- cursor: not-allowed;
1766
- }
1767
- .reply-expanded[data-v-5ace8cef] {
1768
- margin-top: 10px;
1769
- }
1770
- .reply-input-wrapper[data-v-5ace8cef] {
1771
- border: 1.5px solid var(--sd-ui-comments-input-border, #dbdbdb);
1772
- border-radius: 12px;
1773
- padding: 8.5px 10.5px;
1774
- background: var(--sd-ui-comments-input-bg, #ffffff);
1775
- max-height: 150px;
1776
- overflow: visible;
1777
- }
1778
- .reply-input-wrapper[data-v-5ace8cef]:focus-within {
1779
- border-color: var(--sd-ui-comments-input-focus-border, #4f7cff);
1780
- box-shadow: 0 0 0 2px rgba(79, 124, 255, 0.16);
1781
- }
1782
- .reply-input-wrapper[data-v-5ace8cef] .comment-entry {
1783
- border-radius: 0;
1784
- }
1785
- .reply-input-wrapper[data-v-5ace8cef] .input-section {
1786
- margin: 0;
1787
- }
1788
- .reply-input-wrapper[data-v-5ace8cef] .superdoc-field {
1789
- font-size: 14px;
1790
- line-height: 20px;
1791
- border: none;
1792
- padding: 4px 0;
1793
- border-radius: 0;
1794
- min-height: 28px;
1795
- height: 28px;
1796
- max-height: 132px;
1797
- resize: none;
1798
- }
1799
- .reply-input-wrapper[data-v-5ace8cef] .superdoc-field:focus,
1800
- .reply-input-wrapper[data-v-5ace8cef] .superdoc-field:active {
1801
- border: none;
1802
- box-shadow: none;
1803
- outline: none;
1804
- }
1805
- .reply-input-wrapper[data-v-5ace8cef] .sd-editor-placeholder::before {
1806
- content: 'Reply or add others with @';
1807
- }
1808
- .reply-actions[data-v-5ace8cef] {
1809
- display: flex;
1810
- justify-content: flex-end;
1811
- align-items: center;
1812
- gap: 16px;
1813
- margin-top: 8px;
1814
- }
1815
- .reply-btn-cancel[data-v-5ace8cef] {
1816
- background: none;
1817
- border: none;
1818
- font-size: 13px;
1819
- font-weight: 500;
1820
- color: var(--sd-ui-text-muted, #666666);
1821
- cursor: pointer;
1822
- padding: 0;
1823
- font-family: inherit;
1824
- transition: color 150ms;
1825
- }
1826
- .reply-btn-cancel[data-v-5ace8cef]:hover {
1827
- color: var(--sd-ui-text, #212121);
1828
- }
1829
- .reply-btn-primary[data-v-5ace8cef] {
1830
- background: var(--sd-ui-action, #1355ff);
1831
- border: none;
1832
- font-size: 13px;
1833
- font-weight: 600;
1834
- color: var(--sd-ui-action-text, #ffffff);
1835
- cursor: pointer;
1836
- padding: 6px 16px;
1837
- border-radius: 9999px;
1838
- font-family: inherit;
1839
- transition: background 150ms;
1840
- }
1841
- .reply-btn-primary[data-v-5ace8cef]:hover {
1842
- background: var(--sd-ui-action-hover, #0f44cc);
1843
- }
1844
- .reply-btn-primary.sd-is-disabled[data-v-5ace8cef] {
1845
- background: var(--sd-color-gray-400, #dbdbdb);
1846
- color: var(--sd-color-gray-600, #888888);
1847
- cursor: default;
1848
- pointer-events: none;
1849
- }
1850
- .existing-internal-input[data-v-5ace8cef] {
1851
- margin-bottom: 10px;
1852
- }
1853
- .sd-internal-dropdown[data-v-5ace8cef] {
1854
- display: inline-block;
1855
- }
1856
-
1857
- .comment-item[data-v-29650a06] {
1858
- margin-bottom: 10px;
1859
- }
1860
-
1861
- .comments-list[data-v-89244745] {
1862
- display: flex;
1863
- flex-direction: column;
1864
- height: 100%;
1865
- max-width: 400px;
1866
- }
1867
- .comment-title[data-v-89244745] {
1868
- font-size: 16px;
1869
- font-weight: 600;
1870
- margin-bottom: 5px;
1871
- color: #333;
1872
- }
1873
- .sd-comment-anchor {
1874
- position: absolute;
1875
- cursor: pointer;
1876
- z-index: 3;
1877
- border-radius: 33px;
1878
- transition: background-color 250ms ease;
1879
- }
1880
-
1881
- .sd-highlight {
1882
- cursor: pointer;
1883
- border-radius: 8px;
1884
- background-color: #ddaf0955;
1885
- mix-blend-mode: multiply;
1886
- transition: background-color 250ms ease;
1887
- }
1888
-
1889
- .sd-initial-highlight {
1890
- background-color: #1355ff7f;
1891
- }
1892
-
1893
- .sd-highlight:hover,
1894
- .sd-highlight:hover .sd-highlight-active {
1895
- background-color: #ddaf0999;
1896
- }
1897
-
1898
- .sd-highlight-active {
1899
- background-color: #1355ff7f;
1900
- }
1901
-
1902
- .comment-placeholder[data-v-f0b1fd79] {
1903
- position: absolute;
1904
- width: 300px;
1905
- transition: top 0.3s ease;
1906
- }
1907
- .comment-placeholder.is-direct-decision-continuity-target[data-v-f0b1fd79] .overflow-menu {
1908
- opacity: 1;
1909
- pointer-events: auto;
1910
- }
1911
- .floating-comment[data-v-f0b1fd79] {
1912
- position: relative;
1913
- display: block;
1914
- min-width: 300px;
1915
- }
1916
- .sidebar-container[data-v-f0b1fd79] {
1917
- position: absolute;
1918
- width: 300px;
1919
- min-height: 300px;
1920
- transition: transform 0.3s ease;
1921
- will-change: transform;
1922
- }
1923
- .section-wrapper[data-v-f0b1fd79] {
1924
- position: relative;
1925
- min-height: 100%;
1926
- width: 300px;
1927
- display: flex;
1928
- align-items: flex-start;
1929
- justify-content: flex-start;
1930
- /* SD-2034: smooth min-height changes to prevent scrollbar flash */
1931
- transition: min-height 0.5s ease-out;
1932
- }
1933
-
1934
- /* Wrapper is pointer-inert so the PDF surface (text selection, comment drag
1935
- selection) stays usable; only the anchors themselves capture clicks. */
1936
- .pdf-comments-layer[data-v-b5ad4c58] {
1937
- position: absolute;
1938
- inset: 0;
1939
- pointer-events: none;
1940
- z-index: 6;
1941
- }
1942
- .sd-comment-anchor[data-v-b5ad4c58] {
1943
- position: absolute;
1944
- cursor: pointer;
1945
- pointer-events: auto;
1946
- border-radius: 4px;
1947
- transition: background-color 250ms ease;
1948
- }
1949
-
1950
- .whiteboard-page[data-v-c876c9b5] {
1951
- position: absolute;
1952
- left: 0;
1953
- top: 0;
1954
- }
1955
-
1956
- .whiteboard-layer[data-v-54546c3d] {
1957
- position: absolute;
1958
- inset: 0;
1959
- /* Base state is pointer-inert; the inline `pointerEvents` binding (driven by
1960
- `pointerActive`) is the single source of truth for pointer ownership. */
1961
- pointer-events: none;
1962
- }
1963
-
1964
- .superdoc-html-viewer[data-v-da3494ba] {
1965
- font-family: initial;
1966
- color: initial;
1967
- width: 100%;
1968
- height: auto;
1969
- position: relative;
1970
- }
1971
- .superdoc-html-viewer__document[data-v-da3494ba] {
1972
- width: 100%;
1973
- height: auto;
1974
- }
1975
- .superdoc-html-viewer__content[data-v-da3494ba] {
1976
- width: 100%;
1977
- min-width: 800px;
1978
- padding: 38px 75px 75px;
1979
- }
1980
-
1981
- .link-input-wrapper[data-v-360db842] {
1982
- display: flex;
1983
- flex-direction: column;
1984
- gap: 8px;
1985
- }
1986
- .link-input-ctn[data-v-360db842] {
1987
- width: 320px;
1988
- display: flex;
1989
- flex-direction: column;
1990
- padding: 1em;
1991
- border-radius: var(--sd-ui-radius, 6px);
1992
- background-color: var(--sd-ui-dropdown-bg, #ffffff);
1993
- box-sizing: border-box;
1994
- }
1995
- .link-input-ctn[data-v-360db842] svg {
1996
- width: 100%;
1997
- height: 100%;
1998
- display: block;
1999
- fill: currentColor;
2000
- }
2001
- .link-input-ctn .input-row[data-v-360db842] {
2002
- align-content: baseline;
2003
- display: flex;
2004
- align-items: center;
2005
- position: relative;
2006
- font-size: var(--sd-ui-font-size-600, 16px);
2007
- }
2008
- .link-input-ctn .input-row input[data-v-360db842] {
2009
- font-size: var(--sd-ui-font-size-300, 13px);
2010
- flex-grow: 1;
2011
- min-width: 0;
2012
- padding: 10px;
2013
- border-radius: var(--sd-ui-radius, 6px);
2014
- padding-left: 34px;
2015
- box-shadow: var(--sd-ui-shadow, 0 4px 12px rgba(0, 0, 0, 0.12));
2016
- color: var(--sd-ui-text-muted, #666666);
2017
- border: 1px solid var(--sd-ui-border, #dbdbdb);
2018
- box-sizing: border-box;
2019
- }
2020
- .link-input-ctn .input-row input[data-v-360db842]:active,
2021
- .link-input-ctn .input-row input[data-v-360db842]:focus {
2022
- outline: none;
2023
- border: 1px solid var(--sd-ui-action, #1355ff);
2024
- }
2025
- .link-input-ctn .input-row input[readonly][data-v-360db842] {
2026
- background-color: var(--sd-ui-disabled-bg, #f5f5f5);
2027
- cursor: default;
2028
- color: var(--sd-ui-text-disabled, #888);
2029
- border-color: var(--sd-ui-border, #e0e0e0);
2030
- }
2031
- .link-input-ctn .input-row input[readonly][data-v-360db842]:active,
2032
- .link-input-ctn .input-row input[readonly][data-v-360db842]:focus {
2033
- border-color: var(--sd-ui-border, #e0e0e0);
2034
- }
2035
- .link-input-ctn .input-icon[data-v-360db842] {
2036
- position: absolute;
2037
- left: 12px;
2038
- width: 14px;
2039
- color: var(--sd-ui-text-disabled, #ababab);
2040
- pointer-events: none;
2041
- text-align: center;
2042
- z-index: 1;
2043
- }
2044
- .link-input-ctn .input-icon[data-v-360db842]:not(.text-input-icon) {
2045
- transform: rotate(45deg);
2046
- height: 14px;
2047
- }
2048
- .link-input-ctn.high-contrast .input-icon[data-v-360db842] {
2049
- color: var(--sd-ui-text, #47484a);
2050
- }
2051
- .link-input-ctn.high-contrast .input-row input[data-v-360db842] {
2052
- color: var(--sd-ui-text, #47484a);
2053
- border-color: var(--sd-ui-text, #47484a);
2054
- }
2055
- .open-link-icon[data-v-360db842] {
2056
- margin-left: 10px;
2057
- width: 30px;
2058
- height: 30px;
2059
- border-radius: 50%;
2060
- border: 1px solid transparent;
2061
- display: flex;
2062
- justify-content: center;
2063
- align-items: center;
2064
- flex-shrink: 0;
2065
- transition: all 0.2s ease;
2066
- cursor: pointer;
2067
- }
2068
- .open-link-icon[data-v-360db842]:hover {
2069
- color: var(--sd-ui-action, #1355ff);
2070
- background-color: var(--sd-ui-bg, #ffffff);
2071
- border: 1px solid var(--sd-ui-border, #dbdbdb);
2072
- }
2073
- .open-link-icon[data-v-360db842] svg {
2074
- width: 15px;
2075
- height: 15px;
2076
- }
2077
- .sd-disabled[data-v-360db842] {
2078
- opacity: 0.6;
2079
- cursor: not-allowed;
2080
- pointer-events: none;
2081
- }
2082
- .link-buttons[data-v-360db842] {
2083
- display: flex;
2084
- justify-content: flex-end;
2085
- margin-top: 10px;
2086
- }
2087
- .remove-btn__icon[data-v-360db842] {
2088
- display: inline-flex;
2089
- width: 13px;
2090
- height: 13px;
2091
- flex-shrink: 0;
2092
- margin-right: 4px;
2093
- }
2094
- .link-buttons button[data-v-360db842] {
2095
- margin-left: 5px;
2096
- }
2097
- .disable-btn[data-v-360db842] {
2098
- opacity: 0.6;
2099
- cursor: not-allowed;
2100
- pointer-events: none;
2101
- }
2102
- .go-to-anchor a[data-v-360db842] {
2103
- font-size: var(--sd-ui-font-size-400, 14px);
2104
- text-decoration: underline;
2105
- }
2106
- .clickable[data-v-360db842] {
2107
- cursor: pointer;
2108
- }
2109
- .link-title[data-v-360db842] {
2110
- font-size: var(--sd-ui-font-size-400, 14px);
2111
- font-weight: 600;
2112
- color: var(--sd-ui-text, #47484a);
2113
- margin-bottom: 10px;
2114
- }
2115
- .hasBottomMargin[data-v-360db842] {
2116
- margin-bottom: 1em;
2117
- }
2118
- .remove-btn[data-v-360db842] {
2119
- display: inline-flex;
2120
- justify-content: center;
2121
- align-items: center;
2122
- padding: 10px 16px;
2123
- border-radius: var(--sd-ui-radius, 6px);
2124
- outline: none;
2125
- background-color: var(--sd-ui-bg, #ffffff);
2126
- color: var(--sd-ui-text, #47484a);
2127
- font-weight: 400;
2128
- font-size: var(--sd-ui-font-size-300, 13px);
2129
- cursor: pointer;
2130
- transition: all 0.2s ease;
2131
- border: 1px solid var(--sd-ui-border, #dbdbdb);
2132
- box-sizing: border-box;
2133
- }
2134
- .remove-btn[data-v-360db842]:hover {
2135
- background-color: var(--sd-ui-hover-bg, #dbdbdb);
2136
- }
2137
- .sd-submit-btn[data-v-360db842] {
2138
- display: inline-flex;
2139
- justify-content: center;
2140
- align-items: center;
2141
- padding: 10px 16px;
2142
- border-radius: var(--sd-ui-radius, 6px);
2143
- outline: none;
2144
- border: none;
2145
- background-color: var(--sd-ui-action, #1355ff);
2146
- color: var(--sd-ui-action-text, #ffffff);
2147
- font-weight: 400;
2148
- font-size: var(--sd-ui-font-size-300, 13px);
2149
- cursor: pointer;
2150
- transition: all 0.2s ease;
2151
- box-sizing: border-box;
2152
- }
2153
- .sd-submit-btn[data-v-360db842]:hover {
2154
- background-color: var(--sd-ui-action-hover, #0f44cc);
2155
- }
2156
- .sd-error[data-v-360db842] {
2157
- border-color: red !important;
2158
- background-color: #ff00001a;
2159
- }
2160
-
2161
- .sd-surface-external-mount[data-v-b2412c5d] {
2162
- width: 100%;
2163
- }
2164
-
2165
- .sd-surface-dialog-backdrop[data-v-5cee3b11] {
2166
- position: fixed;
2167
- inset: 0;
2168
- z-index: var(--sd-ui-dialog-z-index, 2147483001);
2169
- box-sizing: border-box;
2170
- padding: 16px;
2171
- display: flex;
2172
- align-items: center;
2173
- justify-content: center;
2174
- background: var(--sd-ui-dialog-backdrop, rgba(18, 24, 38, 0.32));
2175
- }
2176
- .sd-surface-dialog[data-v-5cee3b11] {
2177
- box-sizing: border-box;
2178
- min-width: 0;
2179
- background: var(--sd-ui-surface-bg);
2180
- border: 1px solid var(--sd-ui-surface-border);
2181
- border-radius: var(--sd-ui-surface-radius);
2182
- box-shadow: var(--sd-ui-surface-shadow);
2183
- max-width: var(--sd-ui-dialog-max-width, 480px);
2184
- width: 100%;
2185
- max-height: 100%;
2186
- overflow-y: auto;
2187
- outline: none;
2188
- font-family: var(--sd-ui-font-family);
2189
- color: var(--sd-ui-text);
2190
- }
2191
- .sd-surface-dialog__title[data-v-5cee3b11] {
2192
- padding: var(--sd-ui-surface-title-padding);
2193
- font-size: var(--sd-ui-font-size-500, 15px);
2194
- font-weight: 600;
2195
- line-height: 1.4;
2196
- }
2197
- .sd-surface-dialog__content[data-v-5cee3b11] {
2198
- padding: var(--sd-ui-surface-content-padding);
2199
- }
2200
-
2201
- /* Built-in dialogs share chrome while their components own fields and actions. */
2202
- .sd-surface-dialog[data-v-5cee3b11]:has(.sd-dialog-content) {
2203
- display: flex;
2204
- flex-direction: column;
2205
- overflow: hidden;
2206
- }
2207
- .sd-surface-dialog__content[data-v-5cee3b11]:has(> .sd-dialog-content) {
2208
- display: flex;
2209
- flex-direction: column;
2210
- min-height: 0;
2211
- padding: 0;
2212
- }
2213
- .sd-surface-dialog[data-v-5cee3b11] .sd-dialog-content {
2214
- display: flex;
2215
- flex-direction: column;
2216
- min-height: 0;
2217
- max-height: calc(100dvh - 34px);
2218
- }
2219
- .sd-surface-dialog[data-v-5cee3b11] .sd-dialog-header {
2220
- display: flex;
2221
- flex: none;
2222
- align-items: center;
2223
- justify-content: space-between;
2224
- gap: 16px;
2225
- padding: 14px 16px;
2226
- border-bottom: 1px solid var(--sd-ui-surface-border, #e4e7ec);
2227
- }
2228
- .sd-surface-dialog[data-v-5cee3b11] .sd-dialog-header h2 {
2229
- margin: 0;
2230
- font-size: 18px;
2231
- font-weight: 650;
2232
- letter-spacing: -0.01em;
2233
- }
2234
- .sd-surface-dialog[data-v-5cee3b11] .sd-dialog-close {
2235
- display: grid;
2236
- flex: none;
2237
- place-items: center;
2238
- width: 36px;
2239
- height: 36px;
2240
- padding: 0;
2241
- border: 0;
2242
- border-radius: 6px;
2243
- background: transparent;
2244
- color: var(--sd-ui-text-muted, #525866);
2245
- font-size: 24px;
2246
- line-height: 1;
2247
- cursor: pointer;
2248
- }
2249
- .sd-surface-dialog[data-v-5cee3b11] .sd-dialog-close:hover {
2250
- background: var(--sd-ui-hover-bg, #f2f4f7);
2251
- }
2252
- .sd-surface-dialog[data-v-5cee3b11] .sd-dialog-footer {
2253
- display: flex;
2254
- flex: none;
2255
- align-items: center;
2256
- justify-content: flex-end;
2257
- gap: 8px;
2258
- padding: 10px 16px;
2259
- border-top: 1px solid var(--sd-ui-surface-border, #eaecf0);
2260
- background: var(--sd-ui-surface-bg, #fff);
2261
- }
2262
- .sd-surface-dialog[data-v-5cee3b11] .sd-dialog-footer button {
2263
- min-width: 72px;
2264
- min-height: 32px;
2265
- padding: 7px 12px;
2266
- border-radius: 6px;
2267
- font: inherit;
2268
- font-size: 12px;
2269
- font-weight: 600;
2270
- cursor: pointer;
2271
- }
2272
- .sd-surface-dialog[data-v-5cee3b11] .sd-dialog-secondary {
2273
- border: 1px solid var(--sd-ui-surface-border, #cfd4dc);
2274
- background: var(--sd-ui-surface-bg, #fff);
2275
- color: var(--sd-ui-text, #344054);
2276
- }
2277
- .sd-surface-dialog[data-v-5cee3b11] .sd-dialog-primary {
2278
- border: 1px solid var(--sd-ui-action, #3367d6);
2279
- background: var(--sd-ui-action, #3367d6);
2280
- color: var(--sd-ui-action-text, #fff);
2281
- }
2282
- .sd-surface-dialog[data-v-5cee3b11] .sd-dialog-footer button:disabled {
2283
- cursor: not-allowed;
2284
- opacity: 0.55;
2285
- }
2286
-
2287
- .sd-surface-floating[data-v-cd2be5db] {
2288
- position: absolute;
2289
- z-index: var(--sd-ui-surface-z-index, 100);
2290
- width: var(--sd-ui-floating-width, 360px);
2291
- max-width: var(--sd-ui-floating-max-width, 480px);
2292
- max-height: var(--sd-ui-floating-max-height, min(60vh, calc(100% - 32px)));
2293
- background: var(--sd-ui-surface-bg);
2294
- border: 1px solid var(--sd-ui-surface-border);
2295
- border-radius: var(--sd-ui-surface-radius);
2296
- box-shadow: var(--sd-ui-surface-shadow);
2297
- font-family: var(--sd-ui-font-family);
2298
- color: var(--sd-ui-text);
2299
- overflow-y: auto;
2300
- }
2301
-
2302
- /* Placement presets — all use --sd-ui-floating-edge-offset */
2303
- .sd-surface-floating--top-right[data-v-cd2be5db] {
2304
- top: var(--sd-ui-floating-edge-offset, 16px);
2305
- right: var(--sd-ui-floating-edge-offset, 16px);
2306
- }
2307
- .sd-surface-floating--top-left[data-v-cd2be5db] {
2308
- top: var(--sd-ui-floating-edge-offset, 16px);
2309
- left: var(--sd-ui-floating-edge-offset, 16px);
2310
- }
2311
- .sd-surface-floating--bottom-right[data-v-cd2be5db] {
2312
- bottom: var(--sd-ui-floating-edge-offset, 16px);
2313
- right: var(--sd-ui-floating-edge-offset, 16px);
2314
- }
2315
- .sd-surface-floating--bottom-left[data-v-cd2be5db] {
2316
- bottom: var(--sd-ui-floating-edge-offset, 16px);
2317
- left: var(--sd-ui-floating-edge-offset, 16px);
2318
- }
2319
- .sd-surface-floating--top-center[data-v-cd2be5db] {
2320
- top: var(--sd-ui-floating-edge-offset, 16px);
2321
- left: 50%;
2322
- transform: translateX(-50%);
2323
- }
2324
- .sd-surface-floating--bottom-center[data-v-cd2be5db] {
2325
- bottom: var(--sd-ui-floating-edge-offset, 16px);
2326
- left: 50%;
2327
- transform: translateX(-50%);
2328
- }
2329
- .sd-surface-floating__title[data-v-cd2be5db] {
2330
- padding: var(--sd-ui-surface-title-padding);
2331
- font-size: var(--sd-ui-font-size-500, 15px);
2332
- font-weight: 600;
2333
- line-height: 1.4;
2334
- }
2335
- .sd-surface-floating__content[data-v-cd2be5db] {
2336
- padding: var(--sd-ui-surface-content-padding);
2337
- }
2338
-
2339
- .sd-surface-host[data-v-dad99b67] {
2340
- /* position/top/left/width/height set dynamically via :style binding */
2341
- pointer-events: none;
2342
- z-index: var(--sd-ui-surface-z-index, 100);
2343
- overflow: hidden;
2344
- }
2345
-
2346
- /* Re-enable pointer events on actual surface children */
2347
- .sd-surface-host[data-v-dad99b67] > * {
2348
- pointer-events: auto;
2349
- }
2350
-
2351
- .superdoc[data-v-c57da6ae] {
2352
- display: flex;
2353
- position: relative;
2354
- }
2355
- .right-sidebar[data-v-c57da6ae] {
2356
- min-width: 320px;
2357
- height: 100%;
2358
- }
2359
- .floating-comments[data-v-c57da6ae] {
2360
- min-width: 300px;
2361
- width: 300px;
2362
- height: 100%;
2363
- overflow: visible;
2364
- }
2365
- .superdoc__layers[data-v-c57da6ae] {
2366
- height: 100%;
2367
- position: relative;
2368
- box-sizing: border-box;
2369
- }
2370
- .superdoc__document[data-v-c57da6ae] {
2371
- width: 100%;
2372
- position: relative;
2373
- }
2374
- .superdoc__sub-document[data-v-c57da6ae] {
2375
- width: 100%;
2376
- position: relative;
2377
- }
2378
- .superdoc__selection-layer[data-v-c57da6ae] {
2379
- position: absolute;
2380
- min-width: 100%;
2381
- min-height: 100%;
2382
- z-index: 10;
2383
- pointer-events: none;
2384
- }
2385
-
2386
- /* SD-3497: PDF whiteboard overlay sits above the rendered PDF canvas but below
2387
- the PDF comment anchors (z-index 6 in PdfCommentsLayer) so anchors stay
2388
- clickable, and below the selection layer (z-index 10). */
2389
- .superdoc__whiteboard-layer[data-v-c57da6ae] {
2390
- z-index: 4;
2391
- }
2392
- .superdoc__temp-selection[data-v-c57da6ae] {
2393
- position: absolute;
2394
- }
2395
- .superdoc__right-sidebar[data-v-c57da6ae] {
2396
- width: 320px;
2397
- min-width: 320px;
2398
- padding: 0 10px;
2399
- min-height: 100%;
2400
- position: relative;
2401
- z-index: 2;
2402
- }
2403
- .superdoc__compact-comment-popover[data-v-c57da6ae] {
2404
- position: absolute;
2405
- top: 12px;
2406
- right: 12px;
2407
- z-index: 11;
2408
- width: min(320px, calc(100% - 24px));
2409
- }
2410
-
2411
- /* Tools styles */
2412
- .tools[data-v-c57da6ae] {
2413
- position: absolute;
2414
- z-index: 3;
2415
- display: flex;
2416
- flex-direction: column;
2417
- gap: var(--sd-ui-tools-gap, 6px);
2418
- }
2419
- .tools-item[data-v-c57da6ae] {
2420
- display: flex;
2421
- align-items: center;
2422
- justify-content: center;
2423
- width: var(--sd-ui-tools-item-size, 50px);
2424
- height: var(--sd-ui-tools-item-size, 50px);
2425
- background-color: var(--sd-ui-tools-item-bg, rgba(219, 219, 219, 0.6));
2426
- border-radius: var(--sd-ui-tools-item-radius, 12px);
2427
- cursor: pointer;
2428
- position: relative;
2429
- }
2430
- .tools-item i[data-v-c57da6ae] {
2431
- cursor: pointer;
2432
- }
2433
- .superdoc__tools-icon[data-v-c57da6ae] {
2434
- width: var(--sd-ui-tools-icon-size, 20px);
2435
- height: var(--sd-ui-tools-icon-size, 20px);
2436
- flex-shrink: 0;
2437
- }
2438
-
2439
- /* Tools styles - end */
2440
-
2441
- /* .docx {
2442
- border: 1px solid #dfdfdf;
2443
- pointer-events: auto;
2444
- } */
2445
-
2446
- /* 834px is iPad screen size in portrait orientation */
2447
- @media (max-width: 834px) {
2448
- .superdoc .superdoc__layers[data-v-c57da6ae] {
2449
- margin: 0;
2450
- border: 0 !important;
2451
- box-shadow: none;
2452
- }
2453
- .superdoc__sub-document[data-v-c57da6ae] {
2454
- max-width: 100%;
2455
- }
2456
- .superdoc__right-sidebar[data-v-c57da6ae] {
2457
- padding: 10px;
2458
- position: relative;
2459
- }
2460
- }
2461
-
2462
- /* AI Writer styles */
2463
- .ai-writer-container[data-v-c57da6ae] {
2464
- position: fixed;
2465
- z-index: 1000;
2466
- background: white;
2467
- border-radius: 8px;
2468
- box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
2469
- }
2470
-
2471
- /* Remove the AI Sidebar styles */
2472
- /* .ai-sidebar-container {
2473
- position: absolute;
2474
- right: 20px;
2475
- top: 50%;
2476
- transform: translateY(-50%);
2477
- z-index: 50;
2478
- } */
2479
- .ai-tool > svg[data-v-c57da6ae] {
2480
- fill: transparent;
2481
- }
2482
- .ai-tool[data-v-c57da6ae]::before {
2483
- content: '';
2484
- position: absolute;
2485
- width: 20px;
2486
- height: 20px;
2487
-
2488
- z-index: 1;
2489
- background: linear-gradient(
2490
- 270deg,
2491
- rgba(218, 215, 118, 0.5) -20%,
2492
- rgba(191, 100, 100, 1) 30%,
2493
- rgba(77, 82, 217, 1) 60%,
2494
- rgb(255, 219, 102) 150%
2495
- );
2496
- -webkit-mask: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M224 96l16-32 32-16-32-16-16-32-16 32-32 16 32 16 16 32zM80 160l26.7-53.3L160 80l-53.3-26.7L80 0 53.3 53.3 0 80l53.3 26.7L80 160zm352 128l-26.7 53.3L352 368l53.3 26.7L432 448l26.7-53.3L512 368l-53.3-26.7L432 288zm70.6-193.8L417.8 9.4C411.5 3.1 403.3 0 395.2 0c-8.2 0-16.4 3.1-22.6 9.4L9.4 372.5c-12.5 12.5-12.5 32.8 0 45.3l84.9 84.9c6.3 6.3 14.4 9.4 22.6 9.4 8.2 0 16.4-3.1 22.6-9.4l363.1-363.2c12.5-12.5 12.5-32.8 0-45.2zM359.5 203.5l-50.9-50.9 86.6-86.6 50.9 50.9-86.6 86.6z'/></svg>")
2497
- center / contain no-repeat;
2498
- mask: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M224 96l16-32 32-16-32-16-16-32-16 32-32 16 32 16 16 32zM80 160l26.7-53.3L160 80l-53.3-26.7L80 0 53.3 53.3 0 80l53.3 26.7L80 160zm352 128l-26.7 53.3L352 368l53.3 26.7L432 448l26.7-53.3L512 368l-53.3-26.7L432 288zm70.6-193.8L417.8 9.4C411.5 3.1 403.3 0 395.2 0c-8.2 0-16.4 3.1-22.6 9.4L9.4 372.5c-12.5 12.5-12.5 32.8 0 45.3l84.9 84.9c6.3 6.3 14.4 9.4 22.6 9.4 8.2 0 16.4-3.1 22.6-9.4l363.1-363.2c12.5-12.5 12.5-32.8 0-45.2zM359.5 203.5l-50.9-50.9 86.6-86.6 50.9 50.9-86.6 86.6z'/></svg>")
2499
- center / contain no-repeat;
2500
- filter: brightness(1.2);
2501
- transition: filter 0.2s ease;
2502
- }
2503
- .ai-tool[data-v-c57da6ae]:hover::before {
2504
- filter: brightness(1.3);
2505
- }
2506
-
2507
- /* Tools styles - end */
2508
-
2509
- .sd-toolbar-icon[data-v-65ecd5b1] {
2510
- display: flex;
2511
- align-items: center;
2512
- justify-content: center;
2513
- flex-shrink: 0;
2514
- }
2515
- .sd-toolbar-icon__icon[data-v-65ecd5b1] {
2516
- display: inline-flex;
2517
- align-items: center;
2518
- justify-content: center;
2519
- flex-shrink: 0;
2520
- height: 16px;
2521
- }
2522
- .sd-toolbar-icon__icon--highlight[data-v-65ecd5b1] {
2523
- width: 16px;
2524
- margin-left: 3px;
2525
- margin-bottom: 1px;
2526
- }
2527
- .sd-toolbar-icon__icon[data-v-65ecd5b1] svg {
2528
- width: auto; /* needed for safari */
2529
- /* A definite height sizes viewBox-only icons from their aspect ratio. Without
2530
- it they collapse to 0x0 in the wrapped overflow menu. */
2531
- height: 16px;
2532
- max-height: 16px;
2533
- }
2534
- .sd-toolbar-icon__icon--color[data-v-65ecd5b1] svg {
2535
- max-height: 14px;
2536
- margin-top: -3px;
2537
- }
2538
- .color-bar[data-v-65ecd5b1] {
2539
- border-radius: 4px;
2540
- position: absolute;
2541
- z-index: 5;
2542
- height: 4px;
2543
- left: 50%;
2544
- bottom: 6px;
2545
- transform: translateX(-50%);
2546
- width: 16px;
2547
- }
2548
-
2549
- .sd-toolbar-item[data-v-96796456] {
2550
- position: relative;
2551
- z-index: 1;
2552
- min-width: 30px;
2553
- margin: 0 calc(var(--sd-ui-toolbar-item-gap, 2px) / 2);
2554
- }
2555
- .sd-visually-hidden[data-v-96796456] {
2556
- position: absolute;
2557
- left: -9999px;
2558
- height: 1px;
2559
- width: 1px;
2560
- overflow: hidden;
2561
- }
2562
- .sd-toolbar-button[data-v-96796456] {
2563
- padding: var(--sd-ui-toolbar-item-padding, 5px);
2564
- height: var(--sd-ui-toolbar-height, 32px);
2565
- max-height: var(--sd-ui-toolbar-height, 32px);
2566
- border-radius: var(--sd-ui-radius, 6px);
2567
- overflow-y: visible;
2568
- display: flex;
2569
- align-items: center;
2570
- justify-content: center;
2571
- cursor: pointer;
2572
- color: var(--sd-ui-toolbar-button-text, #47484a);
2573
- transition: all 0.2s ease-out;
2574
- user-select: none;
2575
- position: relative;
2576
- box-sizing: border-box;
2577
- }
2578
- .sd-toolbar-button[data-v-96796456]:hover {
2579
- background-color: var(--sd-ui-toolbar-button-hover-bg, var(--sd-ui-hover-bg, #dbdbdb));
2580
- }
2581
- .sd-toolbar-button:hover .sd-toolbar-icon.high-contrast[data-v-96796456] {
2582
- color: #fff;
2583
- }
2584
- .sd-toolbar-button:hover.high-contrast[data-v-96796456] {
2585
- background-color: #000;
2586
- color: #fff;
2587
- }
2588
- .sd-toolbar-button[data-v-96796456]:active,
2589
- .sd-active[data-v-96796456] {
2590
- background-color: var(--sd-ui-toolbar-button-active-bg, var(--sd-ui-active-bg, #c8d0d8));
2591
- }
2592
- .sd-button-label[data-v-96796456] {
2593
- overflow: hidden;
2594
- width: 100%;
2595
- text-align: center;
2596
- text-overflow: ellipsis;
2597
- white-space: nowrap;
2598
- font-weight: 400;
2599
- font-size: var(--sd-ui-font-size-500, 15px);
2600
- margin: 5px;
2601
- }
2602
- .sd-toolbar-icon + .sd-dropdown-caret[data-v-96796456] {
2603
- margin-left: 4px;
2604
- }
2605
- .sd-toolbar-button.split[data-v-96796456] {
2606
- padding: 0;
2607
- gap: 0;
2608
- }
2609
- .sd-toolbar-button.split .sd-toolbar-button__main[data-v-96796456],
2610
- .sd-toolbar-button.split .sd-toolbar-button__caret[data-v-96796456] {
2611
- display: flex;
2612
- align-items: center;
2613
- justify-content: center;
2614
- height: 100%;
2615
- box-sizing: border-box;
2616
- position: relative;
2617
- z-index: 1;
2618
- }
2619
- .sd-toolbar-button.split .sd-toolbar-button__main[data-v-96796456] {
2620
- padding: 0 3px 0 var(--sd-ui-toolbar-item-padding, 5px);
2621
- border-top-left-radius: var(--sd-ui-radius, 6px);
2622
- border-bottom-left-radius: var(--sd-ui-radius, 6px);
2623
- }
2624
- .sd-toolbar-button.split .sd-toolbar-button__caret[data-v-96796456] {
2625
- padding: 0 4px 0 2px;
2626
- border-top-right-radius: var(--sd-ui-radius, 6px);
2627
- border-bottom-right-radius: var(--sd-ui-radius, 6px);
2628
- }
2629
-
2630
- /* Unified hover: hovering anywhere on the split button highlights the whole
2631
- button so it reads as a single grouped item, with a slightly darker tint
2632
- on the half the cursor is actually over. */
2633
- .sd-toolbar-button.split[data-v-96796456]:hover {
2634
- background-color: var(--sd-ui-toolbar-button-hover-bg, var(--sd-ui-hover-bg, #dbdbdb));
2635
- }
2636
- .sd-toolbar-button.split .sd-toolbar-button__main[data-v-96796456]:hover,
2637
- .sd-toolbar-button.split .sd-toolbar-button__caret[data-v-96796456]:hover {
2638
- background-color: var(--sd-ui-toolbar-button-active-bg, var(--sd-ui-active-bg, #c8d0d8));
2639
- }
2640
-
2641
- /* Subtle divider only appears on hover, hinting at the two affordances
2642
- without making them look like separate buttons at rest. */
2643
- .sd-toolbar-button.split .sd-toolbar-button__caret[data-v-96796456]::before {
2644
- content: '';
2645
- position: absolute;
2646
- left: 0;
2647
- top: 6px;
2648
- bottom: 6px;
2649
- width: 1px;
2650
- background-color: transparent;
2651
- transition: background-color 0.15s ease-out;
2652
- }
2653
- .sd-toolbar-button.split:hover .sd-toolbar-button__caret[data-v-96796456]::before {
2654
- background-color: var(--sd-ui-border, rgba(71, 72, 74, 0.2));
2655
- }
2656
- .sd-toolbar-button.split.sd-disabled[data-v-96796456],
2657
- .sd-toolbar-button.split.sd-disabled[data-v-96796456]:hover {
2658
- background-color: initial;
2659
- }
2660
- .sd-toolbar-button.split.sd-disabled .sd-toolbar-button__main[data-v-96796456],
2661
- .sd-toolbar-button.split.sd-disabled .sd-toolbar-button__caret[data-v-96796456] {
2662
- cursor: default;
2663
- }
2664
- .sd-toolbar-button.split.sd-disabled .sd-toolbar-button__main[data-v-96796456]:hover,
2665
- .sd-toolbar-button.split.sd-disabled .sd-toolbar-button__caret[data-v-96796456]:hover {
2666
- background-color: initial;
2667
- }
2668
- .sd-toolbar-button.split.sd-disabled .sd-toolbar-button__caret[data-v-96796456]::before {
2669
- background-color: transparent;
2670
- }
2671
- .left[data-v-96796456],
2672
- .right[data-v-96796456] {
2673
- width: 50%;
2674
- height: 100%;
2675
- background-color: #dbdbdb;
2676
- border-radius: 60%;
2677
- }
2678
- .has-inline-text-input[data-v-96796456]:hover {
2679
- cursor: text;
2680
- }
2681
- .sd-disabled[data-v-96796456] {
2682
- cursor: default;
2683
- }
2684
- .sd-disabled[data-v-96796456]:hover {
2685
- cursor: default;
2686
- background-color: initial;
2687
- }
2688
- .sd-disabled .sd-toolbar-icon[data-v-96796456],
2689
- .sd-disabled .sd-button-label[data-v-96796456] {
2690
- opacity: 0.35;
2691
- }
2692
- .button-text-input[data-v-96796456] {
2693
- color: var(--sd-ui-toolbar-button-text, #47484a);
2694
- border-radius: 4px;
2695
- text-align: center;
2696
- width: 30px;
2697
- font-size: var(--sd-ui-font-size-400, 14px);
2698
- margin-right: 5px;
2699
- font-weight: 400;
2700
- background-color: transparent;
2701
- padding: 2px 0;
2702
- outline: none;
2703
- border: 1px solid var(--sd-ui-border, #dbdbdb);
2704
- box-sizing: border-box;
2705
- }
2706
- .button-text-input.high-contrast[data-v-96796456] {
2707
- background-color: #fff;
2708
- }
2709
- .button-text-input--font-size[data-v-96796456] {
2710
- width: 36px;
2711
- }
2712
- .button-text-input--font-family[data-v-96796456] {
2713
- width: 88px;
2714
- }
2715
- .button-text-input[data-v-96796456]::placeholder {
2716
- color: var(--sd-ui-toolbar-button-text, #47484a);
2717
- }
2718
- .sd-dropdown-caret[data-v-96796456] {
2719
- display: inline-flex;
2720
- align-items: center;
2721
- justify-content: center;
2722
- flex-shrink: 0;
2723
- width: auto;
2724
- width: 10px;
2725
- height: 10px;
2726
- }
2727
- .sd-toolbar-item--doc-mode-compact .sd-button-label[data-v-96796456] {
2728
- display: none;
2729
- }
2730
- .sd-toolbar-item--doc-mode-compact .sd-toolbar-icon[data-v-96796456] {
2731
- margin-right: 5px;
2732
- }
2733
- .sd-toolbar-item--linked-styles-compact[data-v-96796456] {
2734
- width: auto !important;
2735
- }
2736
- .sd-toolbar-item--linked-styles-compact .sd-button-label[data-v-96796456] {
2737
- display: none;
2738
- }
2739
-
2740
- .toolbar-separator[data-v-cb82253a] {
2741
- height: var(--sd-ui-toolbar-height, 32px);
2742
- border-radius: var(--sd-ui-radius, 6px);
2743
- text-overflow: ellipsis;
2744
- display: flex;
2745
- align-items: center;
2746
- justify-content: center;
2747
- color: var(--sd-ui-border, #dbdbdb);
2748
- transition: all 0.2s ease-out;
2749
- user-select: none;
2750
- overflow: hidden;
2751
- }
2752
- .toolbar-separator .separator-inner[data-v-cb82253a] {
2753
- width: 1.5px;
2754
- height: 20px;
2755
- }
2756
-
2757
- .toolbar-dropdown[data-v-e6f71d76] {
2758
- display: inline-flex;
2759
- }
2760
- .toolbar-dropdown-trigger[data-v-e6f71d76] {
2761
- display: inline-flex;
2762
- }
2763
- .toolbar-dropdown-menu[data-v-e6f71d76] {
2764
- min-width: 80px;
2765
- padding: 4px;
2766
- border-radius: var(--sd-ui-radius, 6px);
2767
- background: var(--sd-ui-dropdown-bg, #fff);
2768
- border: 1px solid var(--sd-ui-dropdown-border, #e4e6eb);
2769
- box-shadow: var(--sd-ui-dropdown-shadow, 0 8px 24px rgba(0, 0, 0, 0.16));
2770
- box-sizing: border-box;
2771
- overflow-y: auto;
2772
- overscroll-behavior: contain;
2773
- }
2774
- .toolbar-dropdown-menu.toolbar-dropdown-menu--render-only[data-v-e6f71d76] {
2775
- padding: 0;
2776
- }
2777
- .toolbar-dropdown-option[data-v-e6f71d76] {
2778
- min-height: 34px;
2779
- display: flex;
2780
- align-items: center;
2781
- padding: 0 10px;
2782
- border-radius: var(--sd-ui-dropdown-option-radius, 3px);
2783
- cursor: pointer;
2784
- font-size: var(--sd-ui-font-size-400, 14px);
2785
- color: var(--sd-ui-dropdown-text, #47484a);
2786
- transition: background-color 0.2s ease-out;
2787
- box-sizing: border-box;
2788
- }
2789
- .toolbar-dropdown-option__icon[data-v-e6f71d76] {
2790
- display: inline-flex;
2791
- align-items: center;
2792
- justify-content: center;
2793
- width: 14px;
2794
- min-width: 14px;
2795
- height: 14px;
2796
- margin-right: 6px;
2797
- }
2798
- .toolbar-dropdown-option__icon[data-v-e6f71d76] .dropdown-select-icon {
2799
- display: flex;
2800
- width: 12px;
2801
- height: 12px;
2802
- }
2803
- .toolbar-dropdown-option[data-v-e6f71d76]:hover {
2804
- background: var(--sd-ui-dropdown-hover-bg, #d8dee5);
2805
- color: var(--sd-ui-dropdown-hover-text, #47484a);
2806
- }
2807
- .toolbar-dropdown-option.sd-selected[data-v-e6f71d76] {
2808
- background: var(--sd-ui-dropdown-active-bg, #d8dee5);
2809
- color: var(--sd-ui-dropdown-selected-text, #47484a);
2810
- }
2811
- .toolbar-dropdown-menu.high-contrast .toolbar-dropdown-option[data-v-e6f71d76]:not(.sd-render):hover {
2812
- background: #000;
2813
- color: #fff;
2814
- }
2815
- .toolbar-dropdown-menu.high-contrast .toolbar-dropdown-option:not(.sd-render).sd-selected[data-v-e6f71d76] {
2816
- background: #000;
2817
- color: #fff;
2818
- }
2819
- .toolbar-dropdown-option.sd-disabled[data-v-e6f71d76] {
2820
- opacity: 0.5;
2821
- cursor: not-allowed;
2822
- }
2823
- .toolbar-dropdown-option.sd-render[data-v-e6f71d76] {
2824
- padding: 0;
2825
- cursor: default;
2826
- background: transparent;
2827
- color: inherit;
2828
- }
2829
- .toolbar-dropdown-option.sd-render[data-v-e6f71d76]:hover,
2830
- .toolbar-dropdown-option.sd-render.sd-selected[data-v-e6f71d76] {
2831
- background: transparent;
2832
- color: inherit;
2833
- }
2834
- .fade-in-scale-up-transition-enter-active[data-v-e6f71d76],
2835
- .fade-in-scale-up-transition-leave-active[data-v-e6f71d76] {
2836
- transform-origin: top left;
2837
- }
2838
- .fade-in-scale-up-transition-enter-active[data-v-e6f71d76] {
2839
- transition:
2840
- opacity 0.2s cubic-bezier(0, 0, 0.2, 1),
2841
- transform 0.2s cubic-bezier(0, 0, 0.2, 1);
2842
- }
2843
- .fade-in-scale-up-transition-leave-active[data-v-e6f71d76] {
2844
- transition:
2845
- opacity 0.2s cubic-bezier(0.4, 0, 1, 1),
2846
- transform 0.2s cubic-bezier(0.4, 0, 1, 1);
2847
- }
2848
- .fade-in-scale-up-transition-enter-from[data-v-e6f71d76],
2849
- .fade-in-scale-up-transition-leave-to[data-v-e6f71d76] {
2850
- opacity: 0;
2851
- transform: scale(0.9);
2852
- }
2853
- .fade-in-scale-up-transition-leave-from[data-v-e6f71d76],
2854
- .fade-in-scale-up-transition-enter-to[data-v-e6f71d76] {
2855
- opacity: 1;
2856
- transform: scale(1);
2857
- }
2858
-
2859
- .superdoc-toolbar-overflow[data-v-1227fcf9] {
2860
- min-width: auto !important;
2861
- max-width: 200px;
2862
- flex-wrap: wrap;
2863
- }
2864
-
2865
- .sd-font-combobox[data-v-eb442535] {
2866
- display: inline-flex;
2867
- align-items: center;
2868
- height: var(--sd-ui-toolbar-height, 32px);
2869
- max-height: var(--sd-ui-toolbar-height, 32px);
2870
- padding: 0;
2871
- border-radius: var(--sd-ui-radius, 6px);
2872
- box-sizing: border-box;
2873
- cursor: text;
2874
- color: var(--sd-ui-toolbar-button-text, #47484a);
2875
- transition: background-color 0.2s ease-out;
2876
- position: relative;
2877
- }
2878
- .sd-font-combobox[data-v-eb442535]:focus-within {
2879
- background-color: var(--sd-ui-toolbar-button-active-bg, var(--sd-ui-active-bg, #c8d0d8));
2880
- }
2881
- .sd-font-combobox.high-contrast[data-v-eb442535]:focus-within {
2882
- background-color: #000;
2883
- color: #fff;
2884
- }
2885
- .sd-font-combobox.sd-disabled[data-v-eb442535] {
2886
- cursor: default;
2887
- opacity: 0.35;
2888
- }
2889
- .sd-font-combobox__field[data-v-eb442535] {
2890
- flex: 1 1 auto;
2891
- min-width: 0;
2892
- }
2893
- .sd-font-combobox__input[data-v-eb442535] {
2894
- width: 100%;
2895
- min-width: 0;
2896
- height: 100%;
2897
- padding: 0 4px 0 8px;
2898
- border: none;
2899
- outline: none;
2900
- background: transparent;
2901
- color: inherit;
2902
- font-size: var(--sd-ui-font-size-500, 15px);
2903
- font-weight: 400;
2904
- text-overflow: ellipsis;
2905
- box-sizing: border-box;
2906
- }
2907
- .sd-font-combobox__legacy-label[data-v-eb442535] {
2908
- position: absolute;
2909
- width: 1px;
2910
- height: 1px;
2911
- overflow: hidden;
2912
- clip: rect(0 0 0 0);
2913
- white-space: nowrap;
2914
- }
2915
- .sd-font-combobox__caret[data-v-eb442535] {
2916
- flex-shrink: 0;
2917
- margin: 0;
2918
- border: none;
2919
- background: transparent;
2920
- padding: 0 4px;
2921
- cursor: pointer;
2922
- color: inherit;
2923
- }
2924
- .sd-font-combobox.sd-disabled .sd-font-combobox__caret[data-v-eb442535] {
2925
- cursor: default;
2926
- }
2927
- .sd-dropdown-caret[data-v-eb442535] {
2928
- display: inline-flex;
2929
- align-items: center;
2930
- justify-content: center;
2931
- width: 10px;
2932
- height: 10px;
2933
- }
2934
- .sd-font-combobox__listbox[data-v-eb442535] {
2935
- min-width: 80px;
2936
- padding: 4px;
2937
- border-radius: var(--sd-ui-radius, 6px);
2938
- background: var(--sd-ui-dropdown-bg, #fff);
2939
- border: 1px solid var(--sd-ui-dropdown-border, #e4e6eb);
2940
- box-shadow: var(--sd-ui-dropdown-shadow, 0 8px 24px rgba(0, 0, 0, 0.16));
2941
- box-sizing: border-box;
2942
- overflow-y: auto;
2943
- overscroll-behavior: contain;
2944
- }
2945
- .sd-font-combobox__option[data-v-eb442535] {
2946
- min-height: 34px;
2947
- display: flex;
2948
- align-items: center;
2949
- padding: 0 10px;
2950
- border-radius: var(--sd-ui-dropdown-option-radius, 3px);
2951
- cursor: pointer;
2952
- font-size: var(--sd-ui-font-size-400, 14px);
2953
- color: var(--sd-ui-dropdown-text, #47484a);
2954
- transition: background-color 0.2s ease-out;
2955
- box-sizing: border-box;
2956
- }
2957
- .sd-font-combobox__option.sd-active[data-v-eb442535],
2958
- .sd-font-combobox__option[data-v-eb442535]:hover {
2959
- background: var(--sd-ui-dropdown-hover-bg, #d8dee5);
2960
- color: var(--sd-ui-dropdown-hover-text, #47484a);
2961
- }
2962
- .sd-font-combobox__option.sd-selected[data-v-eb442535] {
2963
- background: var(--sd-ui-dropdown-active-bg, #d8dee5);
2964
- color: var(--sd-ui-dropdown-selected-text, #47484a);
2965
- }
2966
- .sd-font-combobox__listbox.high-contrast .sd-font-combobox__option.sd-active[data-v-eb442535],
2967
- .sd-font-combobox__listbox.high-contrast .sd-font-combobox__option[data-v-eb442535]:hover,
2968
- .sd-font-combobox__listbox.high-contrast .sd-font-combobox__option.sd-selected[data-v-eb442535] {
2969
- background: #000;
2970
- color: #fff;
2971
- }
2972
-
2973
- .sd-tooltip-trigger[data-v-71c6de4c] {
2974
- display: inline-flex;
2975
- }
2976
- .sd-tooltip-content[data-v-71c6de4c] {
2977
- background-color: var(--sd-ui-tooltip-bg, #262626);
2978
- color: var(--sd-ui-tooltip-text, #fff);
2979
- font-size: var(--sd-ui-font-size-400, 14px);
2980
- line-height: 1.3;
2981
- border-radius: var(--sd-ui-tooltip-radius, 6px);
2982
- padding: 8px 14px;
2983
- box-shadow: var(--sd-ui-tooltip-shadow, 0 3px 12px rgba(0, 0, 0, 0.28));
2984
- pointer-events: auto;
2985
- white-space: nowrap;
2986
- }
2987
- .sd-tooltip-arrow[data-v-71c6de4c] {
2988
- position: absolute;
2989
- left: 50%;
2990
- bottom: -5px;
2991
- width: 10px;
2992
- height: 10px;
2993
- background-color: var(--sd-ui-tooltip-bg, #262626);
2994
- transform: translateX(-50%) rotate(45deg);
2995
- }
2996
- .sd-tooltip-below .sd-tooltip-arrow[data-v-71c6de4c] {
2997
- top: -5px;
2998
- bottom: auto;
2999
- }
3000
- .fade-in-scale-up-transition-enter-active[data-v-71c6de4c] {
3001
- transition:
3002
- opacity 0.2s cubic-bezier(0, 0, 0.2, 1),
3003
- transform 0.2s cubic-bezier(0, 0, 0.2, 1);
3004
- }
3005
- .fade-in-scale-up-transition-enter-from[data-v-71c6de4c] {
3006
- opacity: 0;
3007
- transform: scale(0.9);
3008
- }
3009
- .fade-in-scale-up-transition-enter-to[data-v-71c6de4c] {
3010
- opacity: 1;
3011
- transform: scale(1);
3012
- }
3013
-
3014
- .button-group[data-v-8d7a9de1] {
3015
- display: flex;
3016
- }
3017
-
3018
- .superdoc-toolbar[data-v-0790fc37] {
3019
- display: flex;
3020
- width: 100%;
3021
- justify-content: space-between;
3022
- background: var(--sd-ui-toolbar-bg, var(--sd-ui-bg, #ffffff));
3023
- padding: var(--sd-ui-toolbar-padding-y, 4px) var(--sd-ui-toolbar-padding-x, 16px);
3024
- box-sizing: border-box;
3025
- font-family: var(--sd-ui-font-family, Arial, Helvetica, sans-serif);
3026
- position: relative;
3027
- z-index: var(--sd-ui-toolbar-z-index, 10);
3028
- }
3029
- @media (max-width: 768px) {
3030
- .superdoc-toolbar[data-v-0790fc37] {
3031
- padding: 4px 10px;
3032
- justify-content: inherit;
3033
- }
3034
- }
3035
-
3036
- .alignment-buttons[data-v-13e5f7a4] {
3037
- display: flex;
3038
- justify-content: space-between;
3039
- width: 100%;
3040
- padding: 8px;
3041
- box-sizing: border-box;
3042
- }
3043
- .alignment-buttons .sd-button-icon[data-v-13e5f7a4] {
3044
- cursor: pointer;
3045
- padding: 5px;
3046
- font-size: var(--sd-ui-font-size-600, 16px);
3047
- color: var(--sd-ui-dropdown-text, #47484a);
3048
- width: 25px;
3049
- height: 25px;
3050
- border-radius: var(--sd-ui-dropdown-option-radius, 3px);
3051
- display: flex;
3052
- justify-content: center;
3053
- align-items: center;
3054
- box-sizing: border-box;
3055
- }
3056
- .alignment-buttons .sd-button-icon[data-v-13e5f7a4]:hover {
3057
- background-color: var(--sd-ui-dropdown-hover-bg, #d8dee5);
3058
- color: var(--sd-ui-dropdown-hover-text, #47484a);
3059
- }
3060
- .alignment-buttons .sd-button-icon[data-v-13e5f7a4] svg {
3061
- width: 100%;
3062
- height: 100%;
3063
- display: block;
3064
- fill: currentColor;
3065
- }
3066
- .alignment-buttons.high-contrast .sd-button-icon[data-v-13e5f7a4]:hover {
3067
- background-color: #000;
3068
- color: #fff;
3069
- }
3070
-
3071
- .style-buttons-list[data-v-44f37ff6] {
3072
- display: flex;
3073
- justify-content: space-between;
3074
- width: 100%;
3075
- padding: 8px;
3076
- box-sizing: border-box;
3077
- }
3078
- .style-buttons-list .sd-button-icon[data-v-44f37ff6] {
3079
- cursor: pointer;
3080
- padding: 5px;
3081
- font-size: var(--sd-ui-font-size-600, 16px);
3082
- color: var(--sd-ui-dropdown-text, #47484a);
3083
- border-radius: var(--sd-ui-dropdown-option-radius, 3px);
3084
- display: flex;
3085
- justify-content: center;
3086
- align-items: center;
3087
- box-sizing: border-box;
3088
- }
3089
- .style-buttons-list .sd-button-icon[data-v-44f37ff6]:hover {
3090
- background-color: var(--sd-ui-dropdown-hover-bg, #d8dee5);
3091
- color: var(--sd-ui-dropdown-hover-text, #47484a);
3092
- }
3093
- .style-buttons-list .sd-button-icon[data-v-44f37ff6] svg {
3094
- width: 100%;
3095
- height: 100%;
3096
- display: block;
3097
- fill: currentColor;
3098
- }
3099
- .style-buttons-list .sd-button-icon.sd-selected[data-v-44f37ff6] {
3100
- background-color: var(--sd-ui-dropdown-active-bg, #d8dee5);
3101
- color: var(--sd-ui-dropdown-selected-text, #47484a);
3102
- }
3103
- .style-buttons-list.high-contrast .sd-button-icon[data-v-44f37ff6]:hover,
3104
- .style-buttons-list.high-contrast .sd-button-icon.sd-selected[data-v-44f37ff6] {
3105
- background-color: #000;
3106
- color: #fff;
3107
- }
3108
-
3109
- .document-mode[data-v-bee14d7a] {
3110
- display: flex;
3111
- flex-direction: column;
3112
- padding: 10px;
3113
- box-sizing: border-box;
3114
- }
3115
- .document-mode[data-v-bee14d7a] svg {
3116
- width: 100%;
3117
- height: 100%;
3118
- display: block;
3119
- fill: currentColor;
3120
- }
3121
- .document-mode .sd-option-item[data-v-bee14d7a] {
3122
- display: flex;
3123
- flex-direction: row;
3124
- background-color: var(--sd-ui-dropdown-bg, #ffffff);
3125
- padding: 10px;
3126
- border-radius: var(--sd-ui-dropdown-option-radius, 3px);
3127
- cursor: pointer;
3128
- box-sizing: border-box;
3129
- }
3130
- .document-mode .sd-option-item[data-v-bee14d7a]:hover {
3131
- background-color: var(--sd-ui-dropdown-hover-bg, #d8dee5);
3132
- }
3133
- .document-mode.high-contrast .sd-option-item[data-v-bee14d7a]:hover {
3134
- background-color: #000;
3135
- color: #fff;
3136
- }
3137
- .document-mode.high-contrast .sd-option-item:hover .icon-column__icon[data-v-bee14d7a] {
3138
- color: #fff;
3139
- }
3140
- .document-mode.high-contrast .sd-option-item:hover .text-column > .document-mode-type[data-v-bee14d7a],
3141
- .document-mode.high-contrast .sd-option-item:hover .text-column > .document-mode-description[data-v-bee14d7a] {
3142
- color: #fff;
3143
- }
3144
- .sd-disabled[data-v-bee14d7a] {
3145
- opacity: 0.5;
3146
- cursor: not-allowed !important;
3147
- pointer-events: none;
3148
- }
3149
- .document-mode-column[data-v-bee14d7a] {
3150
- display: flex;
3151
- flex-direction: column;
3152
- }
3153
- .document-mode-type[data-v-bee14d7a] {
3154
- font-weight: 400;
3155
- font-size: var(--sd-ui-font-size-500, 15px);
3156
- color: var(--sd-ui-text, #47484a);
3157
- }
3158
- .icon-column[data-v-bee14d7a] {
3159
- margin-right: 5px;
3160
- justify-content: flex-start;
3161
- align-items: center;
3162
- padding: 0 5px;
3163
- color: var(--sd-ui-text, #47484a);
3164
- height: 100%;
3165
- box-sizing: border-box;
3166
- }
3167
- .icon-column__icon[data-v-bee14d7a] {
3168
- display: inline-flex;
3169
- justify-content: center;
3170
- align-items: center;
3171
- flex-shrink: 0;
3172
- height: 18px;
3173
- color: var(--sd-ui-text, #47484a);
3174
- }
3175
- .icon-column__icon[data-v-bee14d7a] svg {
3176
- width: auto;
3177
- /* needed for safari */
3178
- max-height: 18px;
3179
- }
3180
- .document-mode-description[data-v-bee14d7a] {
3181
- font-size: var(--sd-ui-font-size-200, 12px);
3182
- color: var(--sd-ui-text-muted, #666666);
3183
- }
3184
-
3185
- .style-name[data-v-74c8924b] {
3186
- padding: 16px 10px;
3187
- color: var(--sd-ui-dropdown-text, #47484a);
3188
- }
3189
- .style-name[data-v-74c8924b]:hover {
3190
- background-color: var(--sd-ui-dropdown-hover-bg, #d8dee5);
3191
- color: var(--sd-ui-dropdown-hover-text, #47484a);
3192
- }
3193
- .linked-style-buttons[data-v-74c8924b] {
3194
- display: flex;
3195
- flex-direction: column;
3196
- width: 100%;
3197
- box-sizing: border-box;
3198
- max-height: 400px;
3199
- width: 200px;
3200
- padding: 0;
3201
- margin: 0;
3202
- overflow: auto;
3203
- }
3204
-
3205
- .sd-ai-writer[data-v-67f6c6f7] {
3206
- width: 300px;
3207
- padding: 12px;
3208
- border: 1px solid #7715b3;
3209
- border-radius: var(--sd-ui-radius, 6px);
3210
- background: var(--sd-ui-dropdown-bg, #fff);
3211
- box-shadow: 0 0 2px 2px #7715b366;
3212
- box-sizing: border-box;
3213
- }
3214
- .sd-ai-writer__input[data-v-67f6c6f7] {
3215
- width: 100%;
3216
- min-height: 76px;
3217
- resize: vertical;
3218
- border: 1px solid var(--sd-ui-border, #dbdbdb);
3219
- border-radius: 4px;
3220
- box-sizing: border-box;
3221
- color: var(--sd-ui-text, #47484a);
3222
- font-family: var(--sd-ui-font-family, Arial, Helvetica, sans-serif);
3223
- font-size: var(--sd-ui-font-size-300, 13px);
3224
- line-height: 1.4;
3225
- outline: none;
3226
- padding: 8px;
3227
- }
3228
- .sd-ai-writer__input[data-v-67f6c6f7]:focus {
3229
- border-color: var(--sd-ui-action, #7715b3);
3230
- }
3231
- .sd-ai-writer__footer[data-v-67f6c6f7] {
3232
- display: flex;
3233
- align-items: center;
3234
- justify-content: flex-end;
3235
- gap: 8px;
3236
- margin-top: 10px;
3237
- }
3238
- .sd-ai-writer__error[data-v-67f6c6f7] {
3239
- flex: 1;
3240
- margin: 0;
3241
- color: #b42318;
3242
- font-size: var(--sd-ui-font-size-200, 12px);
3243
- line-height: 1.3;
3244
- }
3245
- .sd-ai-writer__submit[data-v-67f6c6f7] {
3246
- border: 1px solid var(--sd-ui-action, #7715b3);
3247
- border-radius: 4px;
3248
- background: var(--sd-ui-action, #7715b3);
3249
- color: #fff;
3250
- cursor: pointer;
3251
- font-family: var(--sd-ui-font-family, Arial, Helvetica, sans-serif);
3252
- font-size: var(--sd-ui-font-size-300, 13px);
3253
- line-height: 1;
3254
- padding: 7px 10px;
3255
- }
3256
- .sd-ai-writer__submit[data-v-67f6c6f7]:disabled {
3257
- cursor: default;
3258
- opacity: 0.55;
3259
- }
3260
-
3261
- .sd-option-row[data-v-05eb02fc] {
3262
- display: flex;
3263
- flex-direction: row;
3264
- }
3265
- .sd-option[data-v-05eb02fc] {
3266
- border-radius: 50%;
3267
- cursor: pointer;
3268
- padding: 3px;
3269
- display: flex;
3270
- align-items: center;
3271
- justify-content: center;
3272
- position: relative;
3273
- box-sizing: border-box;
3274
- }
3275
- .sd-option[data-v-05eb02fc]:hover {
3276
- background-color: var(--sd-ui-dropdown-hover-bg, #d8dee5);
3277
- }
3278
- .sd-option__icon[data-v-05eb02fc] {
3279
- width: 20px;
3280
- height: 20px;
3281
- flex-shrink: 0;
3282
- }
3283
- .sd-option__check[data-v-05eb02fc] {
3284
- width: 14px;
3285
- height: 14px;
3286
- flex-shrink: 0;
3287
- position: absolute;
3288
- }
3289
-
3290
- .options-grid-wrap[data-v-52b0283a] {
3291
- padding: 5px;
3292
- border-radius: var(--sd-ui-radius, 6px);
3293
- }
3294
- .none-option[data-v-52b0283a] {
3295
- display: flex;
3296
- align-items: center;
3297
- gap: 4px;
3298
- padding: 4px;
3299
- color: var(--sd-ui-text, #47484a);
3300
- }
3301
- .none-option[data-v-52b0283a]:hover {
3302
- opacity: 0.65;
3303
- }
3304
- .none-icon[data-v-52b0283a] {
3305
- width: 16px;
3306
- }
3307
- .option-grid-ctn[data-v-52b0283a] {
3308
- display: flex;
3309
- flex-direction: column;
3310
- background-color: var(--sd-ui-dropdown-bg, #ffffff);
3311
- z-index: 3;
3312
- box-sizing: border-box;
3313
- }
3314
- .option-grid-ctn__subtitle[data-v-52b0283a] {
3315
- padding: 3px;
3316
- font-size: var(--sd-ui-font-size-200, 12px);
3317
- font-weight: 600;
3318
- }
3319
- .option-grid-ctn[data-v-52b0283a] svg {
3320
- width: 100%;
3321
- height: 100%;
3322
- display: block;
3323
- fill: currentColor;
3324
- }
3325
-
3326
- .toolbar-table-grid-wrapper .toolbar-table-grid[data-v-b87d6ca2] {
3327
- display: grid;
3328
- grid-template-columns: repeat(5, 1fr);
3329
- gap: 2px;
3330
- padding: 8px;
3331
- box-sizing: border-box;
3332
- }
3333
- .toolbar-table-grid-wrapper .toolbar-table-grid__item[data-v-b87d6ca2] {
3334
- width: 20px;
3335
- height: 20px;
3336
- border: 1px solid var(--sd-ui-border, #dbdbdb);
3337
- cursor: pointer;
3338
- transition: all 0.15s;
3339
- }
3340
- .toolbar-table-grid-wrapper .toolbar-table-grid__item.sd-selected[data-v-b87d6ca2] {
3341
- background-color: var(--sd-ui-dropdown-hover-bg, #d8dee5);
3342
- }
3343
- .toolbar-table-grid-wrapper.high-contrast .toolbar-table-grid__item[data-v-b87d6ca2] {
3344
- border-color: #000;
3345
- }
3346
- .toolbar-table-grid-wrapper.high-contrast .toolbar-table-grid__item.sd-selected[data-v-b87d6ca2] {
3347
- background: #000;
3348
- }
3349
- .toolbar-table-grid-wrapper .toolbar-table-grid-value[data-v-b87d6ca2] {
3350
- font-size: var(--sd-ui-font-size-300, 13px);
3351
- line-height: 1.1;
3352
- padding: 0px 8px 2px;
3353
- }
3354
-
3355
- .toolbar-table-actions[data-v-0cdad084] {
3356
- display: flex;
3357
- flex-direction: column;
3358
- gap: 6px;
3359
- padding: 10px;
3360
- box-sizing: border-box;
3361
- }
3362
- .toolbar-table-actions[data-v-0cdad084] svg {
3363
- width: 100%;
3364
- height: 100%;
3365
- display: block;
3366
- fill: currentColor;
3367
- }
3368
- .toolbar-table-actions__item[data-v-0cdad084] {
3369
- display: flex;
3370
- gap: 5px;
3371
- background-color: var(--sd-ui-dropdown-bg, #ffffff);
3372
- padding: 4px 10px;
3373
- border-radius: var(--sd-ui-dropdown-option-radius, 3px);
3374
- cursor: pointer;
3375
- box-sizing: border-box;
3376
- position: relative;
3377
- }
3378
- .toolbar-table-actions__item[data-v-0cdad084]:hover {
3379
- background-color: var(--sd-ui-dropdown-hover-bg, #d8dee5);
3380
- }
3381
- .toolbar-table-actions__item--border[data-v-0cdad084]:after {
3382
- content: '';
3383
- display: block;
3384
- position: absolute;
3385
- bottom: -3px;
3386
- left: -10px;
3387
- right: 0;
3388
- height: 1px;
3389
- width: calc(100% + 20px);
3390
- background: var(--sd-ui-border, #dbdbdb);
3391
- }
3392
- .toolbar-table-actions__icon[data-v-0cdad084] {
3393
- display: flex;
3394
- justify-content: center;
3395
- align-items: center;
3396
- width: 20px;
3397
- color: var(--sd-ui-text, #47484a);
3398
- box-sizing: border-box;
3399
- }
3400
- .toolbar-table-actions__icon-wrapper[data-v-0cdad084] {
3401
- display: inline-flex;
3402
- justify-content: center;
3403
- align-items: center;
3404
- flex-shrink: 0;
3405
- height: 14px;
3406
- color: var(--sd-ui-text, #47484a);
3407
- }
3408
- .toolbar-table-actions__icon-wrapper[data-v-0cdad084] svg {
3409
- width: auto;
3410
- max-height: 14px;
3411
- }
3412
- .toolbar-table-actions__label[data-v-0cdad084] {
3413
- font-size: var(--sd-ui-font-size-500, 15px);
3414
- font-weight: 400;
3415
- color: var(--sd-ui-text, #47484a);
3416
- white-space: nowrap;
3417
- }
3418
-
3419
- .sd-page-number-menu[data-v-30327fd0] {
3420
- box-sizing: border-box;
3421
- width: 272px;
3422
- padding: 14px;
3423
- display: flex;
3424
- flex-direction: column;
3425
- gap: 12px;
3426
- color: var(--sd-ui-text, #47484a);
3427
- font-family: var(--sd-ui-font-family, Arial, Helvetica, sans-serif);
3428
- font-size: var(--sd-ui-font-size-300, 13px);
3429
- background: var(--sd-ui-dropdown-bg, #ffffff);
3430
- border-radius: var(--sd-ui-radius, 6px);
3431
- }
3432
- .sd-page-number-menu__title[data-v-30327fd0] {
3433
- font-weight: 600;
3434
- letter-spacing: 0.01em;
3435
- }
3436
- .sd-page-number-menu__grid[data-v-30327fd0] {
3437
- display: grid;
3438
- grid-template-columns: repeat(3, 1fr);
3439
- gap: 6px;
3440
- }
3441
- .sd-page-number-menu__grid[aria-disabled='true'][data-v-30327fd0] {
3442
- opacity: 0.55;
3443
- }
3444
- .sd-page-number-menu__row-label[data-v-30327fd0] {
3445
- grid-column: 1 / -1;
3446
- margin-top: 2px;
3447
- color: var(--sd-ui-text-muted, #666666);
3448
- font-size: var(--sd-ui-font-size-100, 11px);
3449
- letter-spacing: 0.06em;
3450
- text-transform: uppercase;
3451
- }
3452
- .sd-page-number-menu__tile[data-v-30327fd0] {
3453
- display: flex;
3454
- align-items: center;
3455
- justify-content: center;
3456
- height: 64px;
3457
- padding: 0;
3458
- border: 1px solid var(--sd-ui-border, #dbdbdb);
3459
- border-radius: 6px;
3460
- background: var(--sd-ui-bg, #ffffff);
3461
- color: var(--sd-ui-text-disabled, #9a9a9a);
3462
- cursor: pointer;
3463
- transition:
3464
- background-color 120ms ease-out,
3465
- border-color 120ms ease-out,
3466
- color 120ms ease-out;
3467
- }
3468
- .sd-page-number-menu__tile[data-v-30327fd0]:hover {
3469
- background: var(--sd-ui-dropdown-hover-bg, #f0f2f5);
3470
- }
3471
- .sd-page-number-menu__tile[data-v-30327fd0]:focus-visible {
3472
- outline: 2px solid var(--sd-ui-action, #1355ff);
3473
- outline-offset: 2px;
3474
- }
3475
- .sd-page-number-menu__tile.is-selected[data-v-30327fd0] {
3476
- border-color: var(--sd-ui-action, #1355ff);
3477
- box-shadow: inset 0 0 0 1px var(--sd-ui-action, #1355ff);
3478
- background: color-mix(in srgb, var(--sd-ui-action, #1355ff) 7%, var(--sd-ui-bg, #ffffff));
3479
- color: var(--sd-ui-action, #1355ff);
3480
- }
3481
- .sd-page-number-menu__page[data-v-30327fd0] {
3482
- width: 36px;
3483
- height: 46px;
3484
- overflow: visible;
3485
- }
3486
- .sd-page-number-menu__sheet[data-v-30327fd0] {
3487
- fill: var(--sd-ui-bg, #ffffff);
3488
- stroke: var(--sd-ui-border, #c9ced6);
3489
- stroke-width: 1.5;
3490
- }
3491
- .sd-page-number-menu__line[data-v-30327fd0] {
3492
- fill: var(--sd-ui-border, #dbdbdb);
3493
- }
3494
- .sd-page-number-menu__chip[data-v-30327fd0] {
3495
- fill: currentColor;
3496
- transform-box: fill-box;
3497
- transform-origin: center;
3498
- }
3499
- .sd-page-number-menu__tile.is-selected .sd-page-number-menu__chip[data-v-30327fd0] {
3500
- animation: sd-page-number-chip-in-30327fd0 160ms ease-out;
3501
- }
3502
- @keyframes sd-page-number-chip-in-30327fd0 {
3503
- from {
3504
- transform: scale(0.4);
3505
- opacity: 0.4;
3506
- }
3507
- to {
3508
- transform: scale(1);
3509
- opacity: 1;
3510
- }
3511
- }
3512
- .sd-page-number-menu__check[data-v-30327fd0] {
3513
- display: flex;
3514
- align-items: center;
3515
- gap: 8px;
3516
- cursor: pointer;
3517
- }
3518
- .sd-page-number-menu__check input[data-v-30327fd0] {
3519
- margin: 0;
3520
- accent-color: var(--sd-ui-action, #1355ff);
3521
- }
3522
- .sd-page-number-menu__format[data-v-30327fd0] {
3523
- display: flex;
3524
- flex-direction: column;
3525
- gap: 8px;
3526
- padding-top: 10px;
3527
- border-top: 1px solid var(--sd-ui-border, #e6e6e6);
3528
- }
3529
- .sd-page-number-menu__field[data-v-30327fd0] {
3530
- display: flex;
3531
- align-items: center;
3532
- justify-content: space-between;
3533
- gap: 8px;
3534
- }
3535
- .sd-page-number-menu__field select[data-v-30327fd0],
3536
- .sd-page-number-menu__start input[type='number'][data-v-30327fd0] {
3537
- box-sizing: border-box;
3538
- height: 28px;
3539
- padding: 0 8px;
3540
- border: 1px solid var(--sd-ui-border, #dbdbdb);
3541
- border-radius: var(--sd-ui-dropdown-option-radius, 4px);
3542
- background: var(--sd-ui-bg, #ffffff);
3543
- color: inherit;
3544
- font: inherit;
3545
- }
3546
- .sd-page-number-menu__field select[data-v-30327fd0] {
3547
- width: 132px;
3548
- cursor: pointer;
3549
- }
3550
- .sd-page-number-menu__start[data-v-30327fd0] {
3551
- display: flex;
3552
- align-items: center;
3553
- justify-content: space-between;
3554
- gap: 8px;
3555
- }
3556
- .sd-page-number-menu__start input[type='number'][data-v-30327fd0] {
3557
- width: 64px;
3558
- font-variant-numeric: tabular-nums;
3559
- }
3560
- .sd-page-number-menu__field select[data-v-30327fd0]:focus-visible,
3561
- .sd-page-number-menu__start input[type='number'][data-v-30327fd0]:focus-visible {
3562
- outline: 2px solid var(--sd-ui-action, #1355ff);
3563
- outline-offset: 1px;
3564
- }
3565
- .sd-page-number-menu__field select[data-v-30327fd0]:disabled,
3566
- .sd-page-number-menu__start input[type='number'][data-v-30327fd0]:disabled {
3567
- color: var(--sd-ui-text-disabled, #9a9a9a);
3568
- cursor: not-allowed;
3569
- }
3570
- .sd-page-number-menu__actions[data-v-30327fd0] {
3571
- display: flex;
3572
- gap: 8px;
3573
- }
3574
- .sd-page-number-menu__actions .sd-page-number-menu__add[data-v-30327fd0] {
3575
- flex: 1;
3576
- }
3577
- .sd-page-number-menu__remove[data-v-30327fd0] {
3578
- padding: 8px 12px;
3579
- border: 1px solid var(--sd-ui-border, #dbdbdb);
3580
- border-radius: var(--sd-ui-radius, 6px);
3581
- background: var(--sd-ui-bg, #ffffff);
3582
- color: var(--sd-color-rose-500, #cb0e47);
3583
- font: inherit;
3584
- letter-spacing: 0.02em;
3585
- cursor: pointer;
3586
- transition:
3587
- background-color 120ms ease-out,
3588
- border-color 120ms ease-out;
3589
- }
3590
- .sd-page-number-menu__remove[data-v-30327fd0]:hover:not(:disabled) {
3591
- border-color: color-mix(in srgb, var(--sd-color-rose-500, #cb0e47) 40%, var(--sd-ui-border, #dbdbdb));
3592
- background: color-mix(in srgb, var(--sd-color-rose-500, #cb0e47) 6%, var(--sd-ui-bg, #ffffff));
3593
- }
3594
- .sd-page-number-menu__remove[data-v-30327fd0]:focus-visible {
3595
- outline: 2px solid var(--sd-ui-action, #1355ff);
3596
- outline-offset: 2px;
3597
- }
3598
- .sd-page-number-menu__remove[data-v-30327fd0]:disabled {
3599
- opacity: 0.5;
3600
- cursor: not-allowed;
3601
- }
3602
- .sd-page-number-menu__note[data-v-30327fd0] {
3603
- margin: -4px 0 0;
3604
- color: var(--sd-ui-text-muted, #666666);
3605
- font-size: var(--sd-ui-font-size-200, 12px);
3606
- line-height: 1.4;
3607
- }
3608
-
3609
- /* A failed Apply or Remove must read as an error next to the button that caused it. */
3610
- .sd-page-number-menu__error[data-v-30327fd0] {
3611
- margin: -4px 0 0;
3612
- padding: 8px 10px;
3613
- border: 1px solid color-mix(in srgb, var(--sd-color-rose-500, #cb0e47) 35%, var(--sd-ui-border, #dbdbdb));
3614
- border-radius: var(--sd-ui-radius, 6px);
3615
- background: color-mix(in srgb, var(--sd-color-rose-500, #cb0e47) 7%, var(--sd-ui-bg, #ffffff));
3616
- color: var(--sd-color-rose-500, #cb0e47);
3617
- font-size: var(--sd-ui-font-size-200, 12px);
3618
- line-height: 1.4;
3619
- letter-spacing: 0.01em;
3620
- animation: sd-page-number-menu-error-in-30327fd0 0.16s ease-out;
3621
- }
3622
- @keyframes sd-page-number-menu-error-in-30327fd0 {
3623
- from {
3624
- opacity: 0;
3625
- transform: translateY(-2px);
3626
- }
3627
- to {
3628
- opacity: 1;
3629
- transform: none;
3630
- }
3631
- }
3632
- .sd-page-number-menu__add[data-v-30327fd0] {
3633
- display: inline-flex;
3634
- justify-content: center;
3635
- align-items: center;
3636
- padding: 8px 12px;
3637
- border: none;
3638
- border-radius: var(--sd-ui-radius, 6px);
3639
- background: var(--sd-ui-action, #1355ff);
3640
- color: var(--sd-ui-action-text, #ffffff);
3641
- font: inherit;
3642
- letter-spacing: 0.02em;
3643
- cursor: pointer;
3644
- transition: background-color 120ms ease-out;
3645
- }
3646
- .sd-page-number-menu__add[data-v-30327fd0]:hover:not(:disabled) {
3647
- background: var(--sd-ui-action-hover, #0f44cc);
3648
- }
3649
- .sd-page-number-menu__add[data-v-30327fd0]:focus-visible,
3650
- .sd-page-number-menu__cursor[data-v-30327fd0]:focus-visible {
3651
- outline: 2px solid var(--sd-ui-action, #1355ff);
3652
- outline-offset: 2px;
3653
- }
3654
- .sd-page-number-menu__add[data-v-30327fd0]:disabled {
3655
- opacity: 0.5;
3656
- cursor: not-allowed;
3657
- }
3658
- .sd-page-number-menu__divider[data-v-30327fd0] {
3659
- height: 1px;
3660
- margin: 0 -14px;
3661
- background: var(--sd-ui-border, #e6e6e6);
3662
- }
3663
- .sd-page-number-menu__cursor[data-v-30327fd0] {
3664
- display: flex;
3665
- align-items: center;
3666
- justify-content: space-between;
3667
- gap: 8px;
3668
- margin: -4px -8px -6px;
3669
- padding: 6px 8px;
3670
- border: none;
3671
- border-radius: var(--sd-ui-dropdown-option-radius, 3px);
3672
- background: transparent;
3673
- color: inherit;
3674
- font: inherit;
3675
- text-align: left;
3676
- cursor: pointer;
3677
- }
3678
- .sd-page-number-menu__cursor[data-v-30327fd0]:hover:not(:disabled) {
3679
- background: var(--sd-ui-dropdown-hover-bg, #f0f2f5);
3680
- }
3681
- .sd-page-number-menu__cursor[data-v-30327fd0]:disabled {
3682
- cursor: default;
3683
- color: var(--sd-ui-text-disabled, #9a9a9a);
3684
- }
3685
- .sd-page-number-menu__cursor-text[data-v-30327fd0] {
3686
- display: flex;
3687
- flex-direction: column;
3688
- gap: 2px;
3689
- }
3690
- .sd-page-number-menu__cursor small[data-v-30327fd0] {
3691
- color: var(--sd-ui-text-muted, #666666);
3692
- font-size: var(--sd-ui-font-size-100, 11px);
3693
- letter-spacing: 0.01em;
3694
- }
3695
- .sd-page-number-menu__cursor:disabled small[data-v-30327fd0] {
3696
- color: inherit;
3697
- }
3698
- .sd-page-number-menu__cursor kbd[data-v-30327fd0] {
3699
- flex-shrink: 0;
3700
- padding: 2px 5px;
3701
- border: 1px solid var(--sd-ui-border, #dbdbdb);
3702
- border-radius: 4px;
3703
- color: var(--sd-ui-text-muted, #666666);
3704
- font-family: inherit;
3705
- font-size: var(--sd-ui-font-size-100, 11px);
3706
- letter-spacing: 0.02em;
3707
- }
3708
- .high-contrast .sd-page-number-menu__tile[data-v-30327fd0],
3709
- .high-contrast .sd-page-number-menu__sheet[data-v-30327fd0] {
3710
- border-color: #000;
3711
- stroke: #000;
3712
- }
3713
- .high-contrast .sd-page-number-menu__tile.is-selected[data-v-30327fd0] {
3714
- background: #000;
3715
- color: #fff;
3716
- }
3717
- .high-contrast .sd-page-number-menu__error[data-v-30327fd0] {
3718
- border-color: #000;
3719
- background: #fff;
3720
- color: #000;
3721
- }
3722
- @media (prefers-reduced-motion: reduce) {
3723
- .sd-page-number-menu__tile[data-v-30327fd0],
3724
- .sd-page-number-menu__add[data-v-30327fd0],
3725
- .sd-page-number-menu__remove[data-v-30327fd0] {
3726
- transition: none;
3727
- }
3728
- .sd-page-number-menu__tile.is-selected .sd-page-number-menu__chip[data-v-30327fd0],
3729
- .sd-page-number-menu__error[data-v-30327fd0] {
3730
- animation: none;
3731
- }
3732
- }
3733
-
3734
- /* Post-insert confirmation on painted header/footer regions (see page-number-feedback.js).
3735
- An outline outside the region never paints over the new number. */
3736
- .sd-page-number-flash {
3737
- outline: 2px solid transparent;
3738
- outline-offset: 4px;
3739
- border-radius: 2px;
3740
- animation: sd-page-number-flash 1400ms ease-out;
3741
- }
3742
- @keyframes sd-page-number-flash {
3743
- 0%,
3744
- 35% {
3745
- outline-color: color-mix(in srgb, var(--sd-ui-action, #1355ff) 55%, transparent);
3746
- background-color: color-mix(in srgb, var(--sd-ui-action, #1355ff) 6%, transparent);
3747
- }
3748
- 100% {
3749
- outline-color: transparent;
3750
- background-color: transparent;
3751
- }
3752
- }
3753
- @media (prefers-reduced-motion: reduce) {
3754
- .sd-page-number-flash {
3755
- animation: none;
3756
- outline-color: color-mix(in srgb, var(--sd-ui-action, #1355ff) 55%, transparent);
3757
- }
3758
- }
3759
-
3760
- .sd-password-prompt[data-v-ecf7f6fb] {
3761
- display: flex;
3762
- flex-direction: column;
3763
- gap: var(--sd-ui-password-prompt-gap, 12px);
3764
- }
3765
- .sd-password-prompt__heading[data-v-ecf7f6fb] {
3766
- margin: 0;
3767
- font-size: var(--sd-ui-password-prompt-heading-size, 15px);
3768
- font-weight: var(--sd-ui-password-prompt-heading-weight, 600);
3769
- line-height: 1.4;
3770
- color: var(--sd-ui-password-prompt-heading-color, var(--sd-ui-text));
3771
- }
3772
- .sd-password-prompt__description[data-v-ecf7f6fb] {
3773
- margin: 0;
3774
- font-size: var(--sd-ui-password-prompt-description-size, 14px);
3775
- line-height: 1.5;
3776
- color: var(--sd-ui-password-prompt-description-color, var(--sd-ui-text));
3777
- }
3778
- .sd-password-prompt__field[data-v-ecf7f6fb] {
3779
- display: flex;
3780
- }
3781
- .sd-password-prompt__input[data-v-ecf7f6fb] {
3782
- width: 100%;
3783
- padding: var(--sd-ui-password-prompt-input-padding, 8px 10px);
3784
- font-size: var(--sd-ui-password-prompt-input-size, 14px);
3785
- font-family: inherit;
3786
- color: var(--sd-ui-password-prompt-input-color, var(--sd-ui-text));
3787
- background: var(--sd-ui-password-prompt-input-bg, #fff);
3788
- border: 1px solid var(--sd-ui-password-prompt-input-border, var(--sd-ui-border));
3789
- border-radius: var(--sd-ui-password-prompt-input-radius, 4px);
3790
- outline: none;
3791
- transition: border-color 0.15s;
3792
- }
3793
- .sd-password-prompt__input[data-v-ecf7f6fb]:focus {
3794
- border-color: var(--sd-ui-password-prompt-input-focus-border, var(--sd-ui-action));
3795
- }
3796
- .sd-password-prompt__input[data-v-ecf7f6fb]:disabled {
3797
- opacity: var(--sd-ui-password-prompt-input-disabled-opacity, 0.6);
3798
- cursor: not-allowed;
3799
- }
3800
- .sd-password-prompt__error[data-v-ecf7f6fb] {
3801
- margin: 0;
3802
- font-size: var(--sd-ui-password-prompt-error-size, 13px);
3803
- color: var(--sd-ui-password-prompt-error-color, var(--sd-color-red-500, #ed4337));
3804
- }
3805
- .sd-password-prompt__actions[data-v-ecf7f6fb] {
3806
- display: flex;
3807
- justify-content: flex-end;
3808
- gap: var(--sd-ui-password-prompt-actions-gap, 8px);
3809
- margin-top: 4px;
3810
- }
3811
- .sd-password-prompt__btn[data-v-ecf7f6fb] {
3812
- padding: var(--sd-ui-password-prompt-btn-padding, 6px 16px);
3813
- font-size: var(--sd-ui-password-prompt-btn-size, 14px);
3814
- font-family: inherit;
3815
- border-radius: var(--sd-ui-password-prompt-btn-radius, 4px);
3816
- cursor: pointer;
3817
- transition:
3818
- background-color 0.15s,
3819
- opacity 0.15s;
3820
- }
3821
- .sd-password-prompt__btn[data-v-ecf7f6fb]:disabled {
3822
- opacity: var(--sd-ui-password-prompt-btn-disabled-opacity, 0.5);
3823
- cursor: not-allowed;
3824
- }
3825
- .sd-password-prompt__btn--cancel[data-v-ecf7f6fb] {
3826
- background: var(--sd-ui-password-prompt-cancel-bg, transparent);
3827
- border: 1px solid var(--sd-ui-password-prompt-cancel-border, var(--sd-ui-border));
3828
- color: var(--sd-ui-password-prompt-cancel-color, var(--sd-ui-text));
3829
- }
3830
- .sd-password-prompt__btn--cancel[data-v-ecf7f6fb]:hover:not(:disabled) {
3831
- background: var(--sd-ui-password-prompt-cancel-hover-bg, var(--sd-color-gray-100, #f5f5f5));
3832
- }
3833
- .sd-password-prompt__btn--submit[data-v-ecf7f6fb] {
3834
- background: var(--sd-ui-password-prompt-submit-bg, var(--sd-ui-action));
3835
- border: 1px solid var(--sd-ui-password-prompt-submit-border, var(--sd-ui-action));
3836
- color: var(--sd-ui-password-prompt-submit-color, var(--sd-ui-action-text, #fff));
3837
- }
3838
- .sd-password-prompt__btn--submit[data-v-ecf7f6fb]:hover:not(:disabled) {
3839
- background: var(--sd-ui-password-prompt-submit-hover-bg, var(--sd-ui-action-hover));
3840
- }
3841
-
3842
- .sd-find-replace[data-v-5dba4c36] {
3843
- display: flex;
3844
- flex-direction: column;
3845
- gap: var(--sd-ui-find-replace-gap, 6px);
3846
- /* One-row layout: the field shares its row with the query toggles and nav,
3847
- so it needs room to breathe before the query starts truncating. */
3848
- min-width: var(--sd-ui-find-replace-min-width, 380px);
3849
- }
3850
- .sd-find-replace__row[data-v-5dba4c36] {
3851
- display: flex;
3852
- align-items: center;
3853
- gap: var(--sd-ui-find-replace-gap, 6px);
3854
- }
3855
-
3856
- /* Mirrors the expander's footprint so the replace field and the error line
3857
- align with the find field. */
3858
- .sd-find-replace__row-indent[data-v-5dba4c36] {
3859
- flex: 0 0 var(--sd-ui-find-replace-expander-size, 24px);
3860
- }
3861
-
3862
- /* The field carries the border; the input inside is naked so the count and
3863
- the query toggles sit visually inside the control. */
3864
- .sd-find-replace__field[data-v-5dba4c36] {
3865
- flex: 1;
3866
- min-width: 0;
3867
- display: flex;
3868
- align-items: center;
3869
- height: var(--sd-ui-find-replace-input-height, 32px);
3870
- padding: 0 4px 0 10px;
3871
- background: var(--sd-ui-find-replace-input-bg, #fff);
3872
- border: 1px solid var(--sd-ui-find-replace-input-border, var(--sd-ui-border));
3873
- border-radius: var(--sd-ui-find-replace-input-radius, 6px);
3874
- box-sizing: border-box;
3875
- transition:
3876
- border-color 0.12s ease-out,
3877
- box-shadow 0.12s ease-out;
3878
- }
3879
- .sd-find-replace__field[data-v-5dba4c36]:focus-within {
3880
- border-color: var(--sd-ui-find-replace-input-focus-border, var(--sd-ui-action));
3881
- box-shadow: 0 0 0 3px
3882
- var(--sd-ui-find-replace-input-focus-ring, color-mix(in srgb, var(--sd-ui-action) 15%, transparent));
3883
- }
3884
- .sd-find-replace__field--error[data-v-5dba4c36],
3885
- .sd-find-replace__field--error[data-v-5dba4c36]:focus-within {
3886
- border-color: var(--sd-ui-find-replace-error-color, #b3261e);
3887
- }
3888
- .sd-find-replace__field--error[data-v-5dba4c36]:focus-within {
3889
- box-shadow: 0 0 0 3px color-mix(in srgb, var(--sd-ui-find-replace-error-color, #b3261e) 12%, transparent);
3890
- }
3891
- .sd-find-replace__search-icon[data-v-5dba4c36] {
3892
- color: var(--sd-ui-find-replace-search-icon-color, #9ca3af);
3893
- flex-shrink: 0;
3894
- margin-right: 6px;
3895
- }
3896
- .sd-find-replace__input[data-v-5dba4c36] {
3897
- flex: 1;
3898
- min-width: 0;
3899
- height: 100%;
3900
- padding: 0;
3901
- font-size: var(--sd-ui-find-replace-input-font-size, 14px);
3902
- font-family: inherit;
3903
- color: var(--sd-ui-text);
3904
- background: transparent;
3905
- border: none;
3906
- outline: none;
3907
- }
3908
- .sd-find-replace__count[data-v-5dba4c36] {
3909
- font-size: var(--sd-ui-find-replace-count-font-size, 12px);
3910
- color: var(--sd-ui-find-replace-count-color, #6b7280);
3911
- pointer-events: none;
3912
- white-space: nowrap;
3913
- font-variant-numeric: tabular-nums;
3914
- letter-spacing: 0.01em;
3915
- padding: 0 5px 0 4px;
3916
- flex-shrink: 0;
3917
- }
3918
- .sd-find-replace__divider[data-v-5dba4c36] {
3919
- width: 1px;
3920
- height: 16px;
3921
- margin: 0 4px;
3922
- background: var(--sd-ui-find-replace-input-border, var(--sd-ui-border));
3923
- flex-shrink: 0;
3924
- }
3925
- .sd-find-replace__nav[data-v-5dba4c36] {
3926
- display: flex;
3927
- align-items: center;
3928
- gap: var(--sd-ui-find-replace-nav-gap, 2px);
3929
- flex-shrink: 0;
3930
- }
3931
- .sd-find-replace__nav--actions[data-v-5dba4c36] {
3932
- gap: var(--sd-ui-find-replace-gap, 6px);
3933
- }
3934
- .sd-find-replace__btn[data-v-5dba4c36] {
3935
- display: inline-flex;
3936
- align-items: center;
3937
- justify-content: center;
3938
- font-family: inherit;
3939
- cursor: pointer;
3940
- border: none;
3941
- background: transparent;
3942
- color: var(--sd-ui-find-replace-btn-color, var(--sd-ui-text));
3943
- transition:
3944
- background-color 0.12s ease-out,
3945
- color 0.12s ease-out,
3946
- border-color 0.12s ease-out,
3947
- transform 90ms ease-out;
3948
- }
3949
- .sd-find-replace__btn[data-v-5dba4c36]:active:not(:disabled) {
3950
- transform: scale(0.96);
3951
- }
3952
- .sd-find-replace__btn[data-v-5dba4c36]:focus-visible {
3953
- outline: 2px solid var(--sd-ui-action);
3954
- outline-offset: 1px;
3955
- }
3956
- .sd-find-replace__btn[data-v-5dba4c36]:disabled {
3957
- opacity: var(--sd-ui-find-replace-btn-disabled-opacity, 0.4);
3958
- cursor: not-allowed;
3959
- }
3960
- .sd-find-replace__btn--icon[data-v-5dba4c36] {
3961
- width: var(--sd-ui-find-replace-btn-size, 28px);
3962
- height: var(--sd-ui-find-replace-btn-size, 28px);
3963
- border-radius: var(--sd-ui-find-replace-btn-radius, 6px);
3964
- color: var(--sd-ui-find-replace-btn-color, #4b5563);
3965
- }
3966
- .sd-find-replace__btn--icon[data-v-5dba4c36]:hover:not(:disabled) {
3967
- background: var(--sd-ui-find-replace-btn-hover-bg, color-mix(in srgb, currentColor 8%, transparent));
3968
- }
3969
- .sd-find-replace__btn--expander[data-v-5dba4c36] {
3970
- width: var(--sd-ui-find-replace-expander-size, 24px);
3971
- height: var(--sd-ui-find-replace-expander-size, 24px);
3972
- border-radius: var(--sd-ui-find-replace-btn-radius, 6px);
3973
- color: var(--sd-ui-find-replace-count-color, #6b7280);
3974
- flex-shrink: 0;
3975
- }
3976
- .sd-find-replace__btn--expander[data-v-5dba4c36]:hover:not(:disabled) {
3977
- background: var(--sd-ui-find-replace-btn-hover-bg, color-mix(in srgb, currentColor 8%, transparent));
3978
- color: var(--sd-ui-find-replace-btn-color, var(--sd-ui-text));
3979
- }
3980
- .sd-find-replace__btn--expander svg[data-v-5dba4c36] {
3981
- transition: transform 0.16s ease-out;
3982
- }
3983
- .sd-find-replace__btn--expander-open svg[data-v-5dba4c36] {
3984
- transform: rotate(90deg);
3985
- }
3986
-
3987
- /* Query-scoped toggles inside the field (match case / diacritics / regex).
3988
- Kept compact so they never crowd the query text. */
3989
- .sd-find-replace__btn--toggle[data-v-5dba4c36] {
3990
- height: 20px;
3991
- min-width: 20px;
3992
- padding: var(--sd-ui-find-replace-btn-toggle-padding, 0 3px);
3993
- font-size: var(--sd-ui-find-replace-btn-toggle-font-size, 11px);
3994
- letter-spacing: 0.01em;
3995
- border-radius: calc(var(--sd-ui-find-replace-input-radius, 6px) - 2px);
3996
- border: 1px solid transparent;
3997
- color: var(--sd-ui-find-replace-count-color, #6b7280);
3998
- flex-shrink: 0;
3999
- }
4000
- .sd-find-replace__btn--toggle + .sd-find-replace__btn--toggle[data-v-5dba4c36] {
4001
- margin-left: 1px;
4002
- }
4003
- .sd-find-replace__btn--toggle[data-v-5dba4c36]:hover:not(:disabled) {
4004
- background: var(--sd-ui-find-replace-btn-hover-bg, color-mix(in srgb, currentColor 8%, transparent));
4005
- color: var(--sd-ui-find-replace-btn-color, var(--sd-ui-text));
4006
- }
4007
- .sd-find-replace__btn--active[data-v-5dba4c36],
4008
- .sd-find-replace__btn--active[data-v-5dba4c36]:hover:not(:disabled) {
4009
- background: var(--sd-ui-find-replace-toggle-active-bg, color-mix(in srgb, var(--sd-ui-action) 12%, transparent));
4010
- border-color: var(
4011
- --sd-ui-find-replace-toggle-active-border,
4012
- color-mix(in srgb, var(--sd-ui-action) 30%, transparent)
4013
- );
4014
- color: var(--sd-ui-find-replace-toggle-active-color, var(--sd-ui-action));
4015
- }
4016
- .sd-find-replace__btn--action[data-v-5dba4c36] {
4017
- height: var(--sd-ui-find-replace-btn-size, 28px);
4018
- padding: var(--sd-ui-find-replace-action-btn-padding, 0 12px);
4019
- font-size: var(--sd-ui-find-replace-count-font-size, 13px);
4020
- letter-spacing: 0.01em;
4021
- border-radius: var(--sd-ui-find-replace-btn-radius, 6px);
4022
- background: var(--sd-ui-find-replace-action-btn-bg, var(--sd-ui-action));
4023
- color: var(--sd-ui-find-replace-action-btn-color, #fff);
4024
- }
4025
- .sd-find-replace__btn--action[data-v-5dba4c36]:hover:not(:disabled) {
4026
- background: var(
4027
- --sd-ui-find-replace-action-btn-hover-bg,
4028
- color-mix(in srgb, var(--sd-ui-find-replace-action-btn-bg, var(--sd-ui-action)) 88%, #000)
4029
- );
4030
- }
4031
- .sd-find-replace__error[data-v-5dba4c36] {
4032
- display: flex;
4033
- align-items: center;
4034
- gap: var(--sd-ui-find-replace-gap, 6px);
4035
- color: var(--sd-ui-find-replace-error-color, #b3261e);
4036
- font-size: var(--sd-ui-find-replace-error-font-size, 12px);
4037
- letter-spacing: 0.01em;
4038
- padding: var(--sd-ui-find-replace-error-padding, 0 2px);
4039
- animation: sd-find-replace-error-in-5dba4c36 0.16s ease-out;
4040
- }
4041
- .sd-find-replace__error-text[data-v-5dba4c36] {
4042
- padding-left: 4px;
4043
- }
4044
- @keyframes sd-find-replace-error-in-5dba4c36 {
4045
- from {
4046
- opacity: 0;
4047
- transform: translateY(-2px);
4048
- }
4049
- to {
4050
- opacity: 1;
4051
- transform: none;
4052
- }
4053
- }
4054
- @media (prefers-reduced-motion: reduce) {
4055
- .sd-find-replace__field[data-v-5dba4c36],
4056
- .sd-find-replace__btn[data-v-5dba4c36],
4057
- .sd-find-replace__btn--expander svg[data-v-5dba4c36] {
4058
- transition: none;
4059
- }
4060
- .sd-find-replace__btn[data-v-5dba4c36]:active:not(:disabled) {
4061
- transform: none;
4062
- }
4063
- .sd-find-replace__error[data-v-5dba4c36] {
4064
- animation: none;
4065
- }
4066
- }
4067
-
4068
- .sd-pdf-viewer-page[data-v-d7a9857d] {
4069
- --user-unit: 1;
4070
- --total-scale-factor: calc(var(--scale-factor) * var(--user-unit));
4071
- --scale-round-x: 1px;
4072
- --scale-round-y: 1px;
4073
-
4074
- width: 816px;
4075
- height: 1056px;
4076
- /* margin: 1px auto -8px; */
4077
- position: relative;
4078
- overflow: visible;
4079
- /* border: 9px solid transparent; */
4080
- background-clip: content-box;
4081
- background-color: #fff;
4082
- box-sizing: content-box;
4083
- margin: 0 0 calc(var(--scale-factor) * 10px);
4084
- }
4085
- .sd-pdf-viewer-page[data-v-d7a9857d]:last-child {
4086
- margin: 0;
4087
- }
4088
- .sd-pdf-viewer-page__canvas-wrapper[data-v-d7a9857d] {
4089
- overflow: hidden;
4090
- width: 100%;
4091
- height: 100%;
4092
- }
4093
- .sd-pdf-viewer-page__canvas[data-v-d7a9857d] {
4094
- position: absolute;
4095
- top: 0;
4096
- left: 0;
4097
- display: block;
4098
- margin: 0;
4099
- width: 100%;
4100
- height: 100%;
4101
- contain: content;
4102
- }
4103
-
4104
- /* Text layer style */
4105
- .sd-pdf-viewer-page__text-layer {
4106
- --csstools-color-scheme--light: initial;
4107
- color-scheme: only light;
4108
-
4109
- position: absolute;
4110
- text-align: initial;
4111
- inset: 0;
4112
- overflow: clip;
4113
- opacity: 1;
4114
- line-height: 1;
4115
- -webkit-text-size-adjust: none;
4116
- -moz-text-size-adjust: none;
4117
- text-size-adjust: none;
4118
- forced-color-adjust: none;
4119
- transform-origin: 0 0;
4120
- caret-color: CanvasText;
4121
- z-index: 0;
4122
- }
4123
- .sd-pdf-viewer-page__text-layer.highlighting {
4124
- touch-action: none;
4125
- }
4126
- .sd-pdf-viewer-page__text-layer :is(span, br) {
4127
- color: transparent;
4128
- position: absolute;
4129
- white-space: pre;
4130
- cursor: text;
4131
- transform-origin: 0% 0%;
4132
- }
4133
- .sd-pdf-viewer-page__text-layer {
4134
- --min-font-size: 1;
4135
- --text-scale-factor: calc(var(--total-scale-factor) * var(--min-font-size));
4136
- --min-font-size-inv: calc(1 / var(--min-font-size));
4137
- }
4138
- .sd-pdf-viewer-page__text-layer > :not(.markedContent),
4139
- .sd-pdf-viewer-page__text-layer .markedContent span:not(.markedContent) {
4140
- z-index: 1;
4141
-
4142
- --font-height: 0;
4143
- font-size: calc(var(--text-scale-factor) * var(--font-height));
4144
-
4145
- --scale-x: 1;
4146
- --rotate: 0deg;
4147
- transform: rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv));
4148
- }
4149
- .sd-pdf-viewer-page__text-layer .markedContent {
4150
- display: contents;
4151
- }
4152
- .sd-pdf-viewer-page__text-layer span[role='img'] {
4153
- -webkit-user-select: none;
4154
- -moz-user-select: none;
4155
- user-select: none;
4156
- cursor: default;
4157
- }
4158
- .sd-pdf-viewer-page__text-layer .highlight {
4159
- --highlight-bg-color: rgb(180 0 170 / 0.25);
4160
- --highlight-selected-bg-color: rgb(0 100 0 / 0.25);
4161
- --highlight-backdrop-filter: none;
4162
- --highlight-selected-backdrop-filter: none;
4163
- }
4164
- @media screen and (forced-colors: active) {
4165
- .sd-pdf-viewer-page__text-layer.highlight {
4166
- --highlight-bg-color: transparent;
4167
- --highlight-selected-bg-color: transparent;
4168
- --highlight-backdrop-filter: var(--hcm-highlight-filter);
4169
- --highlight-selected-backdrop-filter: var(--hcm-highlight-selected-filter);
4170
- }
4171
- }
4172
- .sd-pdf-viewer-page__text-layer .highlight {
4173
- margin: -1px;
4174
- padding: 1px;
4175
- background-color: var(--highlight-bg-color);
4176
- -webkit-backdrop-filter: var(--highlight-backdrop-filter);
4177
- backdrop-filter: var(--highlight-backdrop-filter);
4178
- border-radius: 4px;
4179
- }
4180
- .appended:is(.sd-pdf-viewer-page__text-layer .highlight) {
4181
- position: initial;
4182
- }
4183
- .begin:is(.sd-pdf-viewer-page__text-layer .highlight) {
4184
- border-radius: 4px 0 0 4px;
4185
- }
4186
- .end:is(.sd-pdf-viewer-page__text-layer .highlight) {
4187
- border-radius: 0 4px 4px 0;
4188
- }
4189
- .middle:is(.sd-pdf-viewer-page__text-layer .highlight) {
4190
- border-radius: 0;
4191
- }
4192
- .selected:is(.sd-pdf-viewer-page__text-layer .highlight) {
4193
- background-color: var(--highlight-selected-bg-color);
4194
- -webkit-backdrop-filter: var(--highlight-selected-backdrop-filter);
4195
- backdrop-filter: var(--highlight-selected-backdrop-filter);
4196
- }
4197
- .sd-pdf-viewer-page__text-layer ::-moz-selection {
4198
- background: rgba(0 0 255 / 0.25);
4199
- background: color-mix(in srgb, AccentColor, transparent 75%);
4200
- }
4201
- .sd-pdf-viewer-page__text-layer ::selection {
4202
- background: rgba(0 0 255 / 0.25);
4203
- background: color-mix(in srgb, AccentColor, transparent 75%);
4204
- }
4205
- .sd-pdf-viewer-page__text-layer br::-moz-selection {
4206
- background: transparent;
4207
- }
4208
- .sd-pdf-viewer-page__text-layer br::selection {
4209
- background: transparent;
4210
- }
4211
- .sd-pdf-viewer-page__text-layer .endOfContent {
4212
- display: block;
4213
- position: absolute;
4214
- inset: 100% 0 0;
4215
- z-index: 0;
4216
- cursor: default;
4217
- -webkit-user-select: none;
4218
- -moz-user-select: none;
4219
- user-select: none;
4220
- }
4221
- .textLayer.selecting .endOfContent {
4222
- top: 0;
4223
- }
4224
-
4225
- .sd-pdf-viewer-document[data-v-2152178b] {
4226
- position: relative;
4227
- width: 100%;
4228
- }
4229
- .sd-pdf-viewer-document__wrapper[data-v-2152178b] {
4230
- width: 100%;
4231
- padding-bottom: 10px;
4232
- }
4233
-
4234
- .sd-pdf-viewer[data-v-05c9d9b5] {
4235
- width: 100%;
4236
- position: relative;
4237
- }
4238
- .sd-pdf-viewer__main[data-v-05c9d9b5] {
4239
- width: 100%;
4240
- }
2
+ @layer superdoc{.sd-watermark[data-v-df56c82c]{min-width:0;height:640px;min-height:0;color:var(--sd-ui-text,#212121);font:13px/1.4 var(--sd-ui-font-family,Arial, sans-serif);flex-direction:column;flex:1;display:flex;container-type:inline-size}.sd-watermark[data-v-df56c82c] *,.sd-watermark[data-v-df56c82c] :before,.sd-watermark[data-v-df56c82c] :after{box-sizing:border-box}.sd-watermark fieldset[data-v-df56c82c]{border:0;min-width:0;margin:0;padding:0}.sd-watermark button[data-v-df56c82c],.sd-watermark input[data-v-df56c82c],.sd-watermark select[data-v-df56c82c]{font:inherit;color:inherit}.sd-watermark button[data-v-df56c82c],.sd-watermark select[data-v-df56c82c],.sd-watermark input[data-v-df56c82c]:not([type=radio],[type=checkbox],[type=range],[type=file]){border:1px solid var(--sd-ui-border,#dbdbdb);background:var(--sd-ui-bg,#fff);border-radius:6px;min-height:32px;padding:5px 8px}.sd-watermark input[data-v-df56c82c],.sd-watermark select[data-v-df56c82c]{min-width:0;max-width:100%;accent-color:var(--sd-ui-action,#1355ff)}.sd-watermark button[data-v-df56c82c]{cursor:pointer}.sd-watermark button[data-v-df56c82c]:hover:not(:disabled){background:color-mix(in srgb, var(--sd-ui-action,#1355ff) 6%, var(--sd-ui-bg,#fff))}.sd-watermark[data-v-df56c82c] :focus-visible{outline:2px solid var(--sd-ui-action,#1355ff);outline-offset:2px}.sd-watermark button[data-v-df56c82c]:disabled,.sd-watermark fieldset[data-v-df56c82c]:disabled{opacity:.55}.sd-watermark button[data-v-df56c82c]:disabled{cursor:not-allowed}.sd-watermark__body[data-v-df56c82c]{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;min-height:0;padding:16px;display:grid;overflow:hidden}.sd-watermark__settings[data-v-df56c82c]{flex-direction:column;gap:12px;height:100%;padding:2px 20px 12px 0;display:flex;overflow:auto}.sd-watermark__settings[data-v-df56c82c]>*{flex-shrink:0}.sd-watermark__scope[data-v-df56c82c]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.sd-watermark__field[data-v-df56c82c]{flex-direction:column;gap:4px;display:flex}.sd-watermark__field>span[data-v-df56c82c]:first-child,.sd-watermark legend[data-v-df56c82c],.sd-watermark__field>label[data-v-df56c82c]{font-size:12px;font-weight:600}.sd-watermark__draft[data-v-df56c82c]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.sd-watermark__draft[data-v-df56c82c]>*{grid-column:1/-1}.sd-watermark__draft--text .sd-watermark__font-color[data-v-df56c82c],.sd-watermark__draft--text .sd-watermark__transparency[data-v-df56c82c]{grid-column:auto}.sd-watermark__types[data-v-df56c82c]{background:var(--sd-ui-watermark-canvas,#f5f5f5);border-radius:8px;gap:3px;display:flex;border:1px solid var(--sd-ui-border,#dbdbdb)!important;padding:3px!important}.sd-watermark__types label[data-v-df56c82c]{text-align:center;cursor:pointer;white-space:nowrap;border-radius:5px;flex:1;padding:6px 4px;position:relative}.sd-watermark__types input[data-v-df56c82c]{opacity:0;width:1px;height:1px;position:absolute}.sd-watermark__types label[data-v-df56c82c]:has(:focus-visible){outline:2px solid var(--sd-ui-action,#1355ff);outline-offset:2px}.sd-watermark__types .is-selected[data-v-df56c82c]{color:var(--sd-ui-action,#1355ff);background:var(--sd-ui-bg,#fff);font-weight:600;box-shadow:0 1px 3px #00000012}.sd-watermark__presets[data-v-df56c82c]{flex-wrap:wrap;gap:6px;margin-top:-6px;display:flex}.sd-watermark__presets button[data-v-df56c82c]{min-height:26px;padding:3px 7px;font-size:10px}.sd-watermark__font-row[data-v-df56c82c]{grid-template-columns:minmax(0,1fr) 74px auto;gap:8px;display:grid}.sd-watermark__styles[data-v-df56c82c]{align-items:end;gap:4px;display:flex}.sd-watermark__styles button[data-v-df56c82c]{min-width:32px;padding:5px}.sd-watermark__styles button[aria-pressed=true][data-v-df56c82c]{color:var(--sd-ui-action,#1355ff);border-color:var(--sd-ui-action,#1355ff)}.sd-watermark__color[data-v-df56c82c]{align-items:center;gap:6px;display:flex}.sd-watermark__color input[type=color][data-v-df56c82c]{flex-shrink:0;width:32px;padding:4px}.sd-watermark__color input[type=text][data-v-df56c82c]{flex:1}.sd-watermark__range[data-v-df56c82c]{align-items:center;gap:6px;display:flex}.sd-watermark__range>input[data-v-df56c82c]{flex:1;width:100%}.sd-watermark__range label[data-v-df56c82c]{align-items:center;gap:4px;display:flex}.sd-watermark__range input[type=number][data-v-df56c82c]{width:60px}.sd-watermark small[data-v-df56c82c],.sd-watermark__caption[data-v-df56c82c],.sd-watermark__notice[data-v-df56c82c]{color:var(--sd-ui-text-muted,#666);font-size:11px;font-weight:400}.sd-watermark small[data-v-df56c82c]{display:block}.sd-watermark__orientation[data-v-df56c82c]{gap:12px;display:flex}.sd-watermark__orientation legend[data-v-df56c82c]{margin-bottom:6px}.sd-watermark__orientation label[data-v-df56c82c]{border:1px solid var(--sd-ui-border,#dbdbdb);border-radius:6px;flex:1;align-items:center;gap:6px;padding:6px 8px;display:flex}.sd-watermark__check[data-v-df56c82c]{align-items:start;gap:8px;display:flex}.sd-watermark__check input[data-v-df56c82c]{margin-top:3px}.sd-watermark__selection-list[data-v-df56c82c]{flex-direction:column;gap:6px;max-height:112px;display:flex;overflow:auto}.sd-watermark__selection legend[data-v-df56c82c]{margin-bottom:8px}.sd-watermark__selection button[data-v-df56c82c],.sd-watermark__selection .sd-watermark__notice[data-v-df56c82c]{margin-top:8px}.sd-watermark__picture[data-v-df56c82c]{border:1px solid var(--sd-ui-border,#dbdbdb);border-radius:6px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex}.sd-watermark__picture img[data-v-df56c82c]{object-fit:contain;width:48px;height:48px}.sd-watermark__picture>div[data-v-df56c82c]{overflow-wrap:anywhere;flex:1;min-width:100px}.sd-watermark__picture strong[data-v-df56c82c]{font-size:12px;font-weight:500}.sd-watermark__picture button[data-v-df56c82c]{font-size:12px}.sd-watermark__preview[data-v-df56c82c]{border-left:1px solid var(--sd-ui-border,#dbdbdb);flex-direction:column;min-width:0;height:100%;min-height:0;padding:2px 0 12px 20px;display:flex}.sd-watermark__preview h3[data-v-df56c82c]{margin:0 0 12px;font-size:12px;font-weight:600}.sd-watermark__page[data-v-df56c82c]{background:var(--sd-ui-watermark-canvas,#fafafa);border:1px solid var(--sd-ui-border,#dbdbdb);flex:1;justify-content:center;align-items:center;min-height:0;max-height:340px;padding:1px;display:flex;overflow:hidden}.sd-watermark__page img[data-v-df56c82c]{object-fit:contain;width:100%;height:100%;display:block}.sd-watermark__page p[data-v-df56c82c]{color:var(--sd-ui-text-muted,#666);padding:16px;font-size:12px}.sd-watermark__caption[data-v-df56c82c]{text-align:center;margin:8px 0 12px}.sd-watermark__impact[data-v-df56c82c]{margin:0;font-size:11px;line-height:1.6}.sd-watermark__impact-details[data-v-df56c82c]{flex-shrink:0;margin-top:6px;font-size:11px}.sd-watermark__impact-details summary[data-v-df56c82c]{cursor:pointer}.sd-watermark__impact-details ul[data-v-df56c82c]{max-height:4.5em;margin:6px 0 0;padding:0 0 2px 18px;overflow:auto}.sd-watermark__notice[data-v-df56c82c]{margin:0}.sd-watermark__error[data-v-df56c82c]{border-top:1px solid var(--sd-ui-border,#dbdbdb);color:var(--sd-color-red-500,#ed4337);flex-shrink:0;padding:12px 16px;font-size:13px}.sd-watermark__error p[data-v-df56c82c]{margin:0 0 8px}.sd-watermark__footer p[data-v-df56c82c]{color:var(--sd-ui-text-muted,#666);flex:1;margin:0;font-size:12px}.sd-watermark__actions[data-v-df56c82c]{flex-shrink:0;gap:8px;display:flex}.sd-watermark .sd-watermark__apply[data-v-df56c82c]{color:var(--sd-ui-action-text,#fff);background:var(--sd-ui-action,#1355ff);border-color:var(--sd-ui-action,#1355ff)}.sd-watermark .sd-watermark__apply[data-v-df56c82c]:hover:not(:disabled){background:var(--sd-ui-action-hover,#0f44cc)}.sd-watermark__sr-only[data-v-df56c82c]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@container (width<=560px){.sd-watermark button[data-v-df56c82c],.sd-watermark select[data-v-df56c82c],.sd-watermark input[data-v-df56c82c]:not([type=radio],[type=checkbox],[type=range],[type=file]),.sd-watermark__types label[data-v-df56c82c],.sd-watermark__orientation label[data-v-df56c82c]{min-height:40px}.sd-watermark__draft--text .sd-watermark__font-color[data-v-df56c82c],.sd-watermark__draft--text .sd-watermark__transparency[data-v-df56c82c]{grid-column:1/-1}.sd-watermark__body[data-v-df56c82c]{grid-template-rows:none;grid-template-columns:1fr;align-content:start;overflow:auto}.sd-watermark__settings[data-v-df56c82c]{height:auto;padding-right:0;overflow:visible}.sd-watermark__preview[data-v-df56c82c]{border-left:0;border-top:1px solid var(--sd-ui-border,#dbdbdb);height:auto;padding:20px 0;display:block}.sd-watermark__page[data-v-df56c82c]{max-width:220px;min-height:150px;margin:auto}.sd-watermark__page img[data-v-df56c82c]{height:auto}.sd-watermark__footer[data-v-df56c82c]{flex-wrap:wrap}.sd-watermark__actions[data-v-df56c82c]{margin-left:auto}}:root{--sd-color-blue-50:#ebf0ff;--sd-color-blue-100:#d6e1ff;--sd-color-blue-200:#adc3ff;--sd-color-blue-300:#85a5ff;--sd-color-blue-400:#5c87ff;--sd-color-blue-500:#1355ff;--sd-color-blue-600:#0f44cc;--sd-color-blue-700:#0b3399;--sd-color-blue-800:#082266;--sd-color-blue-900:#041133;--sd-color-gray-50:#fafafa;--sd-color-gray-100:#f5f5f5;--sd-color-gray-200:#f2f2f2;--sd-color-gray-300:#e0e0e0;--sd-color-gray-400:#dbdbdb;--sd-color-gray-500:#ababab;--sd-color-gray-600:#888;--sd-color-gray-700:#666;--sd-color-gray-800:#424242;--sd-color-gray-900:#212121;--sd-color-red-500:#ed4337;--sd-color-green-500:#00853d;--sd-color-rose-500:#cb0e47;--sd-font-size-50:10px;--sd-font-size-100:11px;--sd-font-size-200:12px;--sd-font-size-300:13px;--sd-font-size-400:14px;--sd-font-size-500:15px;--sd-font-size-600:16px;--sd-radius-50:var(--sd-radius-sm,4px);--sd-radius-100:6px;--sd-radius-200:var(--sd-radius-md,8px);--sd-radius-300:var(--sd-radius-lg,12px);--sd-ui-font-family:var(--sd-font-family,Arial, Helvetica, sans-serif);--sd-ui-text:var(--sd-text-primary,#47484a);--sd-ui-text-muted:var(--sd-text-muted,var(--sd-color-gray-700));--sd-ui-text-disabled:var(--sd-text-placeholder,var(--sd-color-gray-500));--sd-ui-bg:var(--sd-surface-card,#fff);--sd-ui-hover-bg:var(--sd-surface-hover,var(--sd-color-gray-400));--sd-ui-active-bg:#c8d0d8;--sd-ui-disabled-bg:var(--sd-surface-muted,var(--sd-color-gray-100));--sd-ui-border:var(--sd-border-default,var(--sd-color-gray-400));--sd-ui-action:var(--sd-action-primary,var(--sd-color-blue-500));--sd-ui-action-hover:var(--sd-action-primary-hover,var(--sd-color-blue-600));--sd-ui-action-text:#fff;--sd-ui-shadow:0 4px 12px #0000001f;--sd-ui-radius:var(--sd-radius-100);--sd-ui-font-size-50:var(--sd-font-size-50);--sd-ui-font-size-100:var(--sd-font-size-100);--sd-ui-font-size-200:var(--sd-font-size-200);--sd-ui-font-size-300:var(--sd-font-size-300);--sd-ui-font-size-400:var(--sd-font-size-400);--sd-ui-font-size-500:var(--sd-font-size-500);--sd-ui-font-size-600:var(--sd-font-size-600);--sd-ui-dropdown-border:var(--sd-ui-border);--sd-ui-dropdown-bg:var(--sd-ui-bg);--sd-ui-dropdown-option-radius:3px;--sd-ui-dropdown-text:var(--sd-ui-text);--sd-ui-dropdown-hover-text:var(--sd-ui-dropdown-text);--sd-ui-dropdown-selected-text:var(--sd-ui-dropdown-text);--sd-ui-dropdown-hover-bg:var(--sd-ui-hover-bg);--sd-ui-dropdown-active-bg:var(--sd-ui-active-bg);--sd-ui-dropdown-shadow:0 8px 24px #00000029;--sd-ui-tooltip-bg:#262626;--sd-ui-tooltip-text:#fff;--sd-ui-tooltip-radius:var(--sd-radius-100);--sd-ui-tooltip-shadow:0 3px 12px #00000047;--sd-ui-toolbar-height:32px;--sd-ui-toolbar-padding-x:16px;--sd-ui-toolbar-padding-y:4px;--sd-ui-toolbar-item-gap:2px;--sd-ui-toolbar-item-padding:5px;--sd-ui-toolbar-bg:var(--sd-ui-bg);--sd-ui-toolbar-button-text:var(--sd-ui-text);--sd-ui-toolbar-button-hover-bg:var(--sd-ui-hover-bg);--sd-ui-toolbar-button-active-bg:var(--sd-ui-active-bg);--sd-ui-toolbar-z-index:10;--sd-ui-ruler-bg:var(--sd-ui-bg);--sd-ui-ruler-z-index:10;--sd-ui-menu-bg:var(--sd-ui-bg);--sd-ui-menu-text:var(--sd-ui-text);--sd-ui-menu-font-size:var(--sd-font-size-200);--sd-ui-menu-radius:0;--sd-ui-menu-shadow:0 0 0 1px #0000000d, 0px 10px 20px #0000001a;--sd-ui-menu-border:var(--sd-ui-border);--sd-ui-menu-input-border:var(--sd-ui-border);--sd-ui-menu-input-focus-border:var(--sd-ui-action);--sd-ui-menu-item-hover-bg:var(--sd-ui-hover-bg);--sd-ui-menu-item-active-bg:var(--sd-ui-active-bg);--sd-ui-menu-item-active-text:var(--sd-ui-action);--sd-ui-menu-header-bg:#fafafa;--sd-ui-menu-text-muted:#888;--sd-ui-font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--sd-ui-tools-gap:6px;--sd-ui-tools-item-size:50px;--sd-ui-tools-item-radius:var(--sd-radius-300);--sd-ui-tools-item-bg:#dbdbdb99;--sd-ui-tools-icon-size:20px;--sd-ui-comments-card-bg:var(--sd-comment-bg,#f3f6fd);--sd-ui-comments-card-hover-bg:var(--sd-comment-bg-hover,var(--sd-ui-comments-card-bg));--sd-ui-comments-card-active-bg:var(--sd-comment-bg-active,var(--sd-ui-bg));--sd-ui-comments-card-resolved-bg:var(--sd-comment-bg-resolved,var(--sd-ui-disabled-bg));--sd-ui-comments-card-active-border:var(--sd-comment-border-active,var(--sd-ui-border));--sd-ui-comments-card-radius:var(--sd-comment-radius,var(--sd-radius-300));--sd-ui-comments-card-padding:var(--sd-comment-padding,16px);--sd-ui-comments-card-shadow:var(--sd-comment-shadow,0px 4px 12px 0px #32323226);--sd-ui-comments-separator:var(--sd-comment-separator,var(--sd-ui-border));--sd-ui-comments-transition:var(--sd-comment-transition,all .2s ease);--sd-ui-comments-author-text:var(--sd-comment-author-color,var(--sd-ui-text));--sd-ui-comments-author-size:var(--sd-comment-author-size,var(--sd-font-size-400));--sd-ui-comments-author-weight:var(--sd-comment-author-weight,600);--sd-ui-comments-tag-text:var(--sd-ui-text-muted);--sd-ui-comments-tag-bg:var(--sd-color-gray-200);--sd-ui-comments-timestamp-text:var(--sd-comment-time-color,var(--sd-ui-text-muted));--sd-ui-comments-timestamp-size:var(--sd-comment-time-size,var(--sd-font-size-200));--sd-ui-comments-body-text:var(--sd-ui-text);--sd-ui-comments-body-size:var(--sd-comment-body-size,var(--sd-font-size-400));--sd-ui-comments-resolved-text:var(--sd-color-green-500);--sd-ui-comments-insert-text:var(--sd-comment-tc-insert-color,#1f6feb);--sd-ui-comments-delete-text:var(--sd-comment-tc-delete-color,var(--sd-color-rose-500));--sd-ui-comments-move-to-text:var(--sd-comment-tc-move-to-color,var(--sd-color-green-500));--sd-ui-comments-move-from-text:var(--sd-comment-tc-move-from-color,var(--sd-color-green-500));--sd-ui-comments-dropdown-border:var(--sd-ui-border);--sd-ui-comments-dropdown-bg:var(--sd-ui-bg);--sd-ui-comments-dropdown-shadow:0 8px 24px #0000001f;--sd-ui-comments-option-size:var(--sd-font-size-400);--sd-ui-comments-option-text:var(--sd-ui-comments-body-text);--sd-ui-comments-option-hover-text:var(--sd-ui-comments-option-text);--sd-ui-comments-option-selected-text:var(--sd-ui-comments-option-text);--sd-ui-comments-option-hover-bg:var(--sd-ui-hover-bg);--sd-ui-comments-input-bg:var(--sd-ui-bg);--sd-ui-comments-input-border:var(--sd-ui-border);--sd-ui-comments-internal-bg:var(--sd-comment-internal-bg,#cde6e6);--sd-ui-comments-external-bg:var(--sd-comment-external-bg,#f5cfda);--sd-comments-highlight-external-base:#b1124b;--sd-comments-highlight-external:var(--sd-comment-highlight-external,#b1124b40);--sd-comments-highlight-external-active:#b1124b66;--sd-comments-highlight-external-faded:#b1124b20;--sd-comments-highlight-internal-base:#078383;--sd-comments-highlight-internal:var(--sd-comment-highlight-internal,#07838340);--sd-comments-highlight-internal-active:#07838366;--sd-comments-highlight-internal-faded:#07838320;--sd-comments-highlight-external-nested-border:#b1124b99;--sd-comments-highlight-internal-nested-border:#07838399;--sd-comments-highlight-hover:#1354ff55;--sd-comments-selection-background:#1354ff55;--sd-tracked-changes-insert-background:var(--sd-track-insert-bg);--sd-tracked-changes-insert-border:var(--sd-track-insert-border,#1f6feb);--sd-tracked-changes-insert-border-width:1px;--sd-tracked-changes-insert-text:currentColor;--sd-tracked-changes-insert-decoration-line:none;--sd-tracked-changes-insert-decoration-thickness:1px;--sd-tracked-changes-insert-underline-offset:0px;--sd-tracked-changes-delete-background:var(--sd-track-delete-bg);--sd-tracked-changes-delete-border:var(--sd-track-delete-border,#cb0e47);--sd-tracked-changes-delete-border-width:1px;--sd-tracked-changes-delete-text:currentColor;--sd-tracked-changes-delete-decoration-thickness:2px;--sd-tracked-changes-format-border:var(--sd-track-format-border,gold);--sd-tracked-changes-move-to-border:var(--sd-tracked-changes-semantic-color,#00853d);--sd-tracked-changes-move-to-background:var(--sd-tracked-changes-semantic-background,#00853d22);--sd-tracked-changes-move-to-background-focused:var(--sd-tracked-changes-semantic-background-focused,#00853d44);--sd-tracked-changes-move-to-text:var(--sd-tracked-changes-semantic-color,#00853d);--sd-tracked-changes-move-from-border:var(--sd-tracked-changes-semantic-color,#00853d);--sd-tracked-changes-move-from-background:var(--sd-tracked-changes-semantic-background,#00853d22);--sd-tracked-changes-move-from-background-focused:var(--sd-tracked-changes-semantic-background-focused,#00853d44);--sd-tracked-changes-move-from-text:var(--sd-tracked-changes-semantic-color,#00853d);--sd-tracked-changes-insert-background-focused:var(--sd-track-insert-bg-focused,var(--sd-tracked-changes-insert-background,var(--sd-track-insert-bg,#1f6feb44)));--sd-tracked-changes-delete-background-focused:var(--sd-track-delete-bg-focused,var(--sd-tracked-changes-delete-background,var(--sd-track-delete-bg,#cb0e4744)));--sd-tracked-changes-format-background-focused:#ffd70033;--sd-tracked-changes-table-insertion-border:#1f6feb;--sd-tracked-changes-table-insertion-background:#1f6feb22;--sd-tracked-changes-table-insertion-background-focused:#1f6feb44;--sd-tracked-changes-table-insertion-text:currentColor;--sd-tracked-changes-table-deletion-border:#cb0e47;--sd-tracked-changes-table-deletion-background:#cb0e4722;--sd-tracked-changes-table-deletion-background-focused:#cb0e4744;--sd-tracked-changes-table-deletion-text:#cb0e47;--sd-tracked-changes-table-row-insertion-border:#1f6feb;--sd-tracked-changes-table-row-insertion-background:#1f6feb22;--sd-tracked-changes-table-row-insertion-background-focused:#1f6feb44;--sd-tracked-changes-table-row-insertion-text:currentColor;--sd-tracked-changes-table-row-deletion-border:#cb0e47;--sd-tracked-changes-table-row-deletion-background:#cb0e4722;--sd-tracked-changes-table-row-deletion-background-focused:#cb0e4744;--sd-tracked-changes-table-row-deletion-text:#cb0e47;--sd-tracked-changes-table-split-border:#bc4c00;--sd-tracked-changes-table-split-background:#bc4c0022;--sd-tracked-changes-table-split-background-focused:#bc4c0044;--sd-tracked-changes-table-split-text:#bc4c00;--sd-content-controls-block-border:#629be7;--sd-content-controls-block-hover-border:transparent;--sd-content-controls-block-hover-bg:var(--sd-ui-hover-bg);--sd-content-controls-inline-border:#629be7;--sd-content-controls-inline-hover-border:transparent;--sd-content-controls-inline-hover-bg:var(--sd-ui-hover-bg);--sd-content-controls-label-border:#629be7;--sd-content-controls-label-bg:#629be7ee;--sd-content-controls-label-text:#fff;--sd-content-controls-lock-hover-bg:#629be714;--sd-ui-surface-bg:var(--sd-popover-bg,var(--sd-ui-bg));--sd-ui-surface-border:var(--sd-ui-border);--sd-ui-surface-shadow:var(--sd-popover-shadow,0 8px 32px #0000002e);--sd-ui-surface-radius:var(--sd-popover-radius,var(--sd-radius-200));--sd-ui-surface-z-index:100;--sd-ui-surface-title-padding:16px 20px 0;--sd-ui-surface-content-padding:16px 20px 20px;--sd-ui-dialog-backdrop:#0006;--sd-ui-dialog-max-width:480px;--sd-ui-cross-reference-max-width:480px;--sd-ui-cross-reference-list-height:320px;--sd-ui-cross-reference-selected-bg:color-mix(in srgb, var(--sd-ui-action) 8%, var(--sd-ui-surface-bg));--sd-ui-floating-width:360px;--sd-ui-floating-max-width:480px;--sd-ui-floating-max-height:min(60vh, calc(100% - 32px));--sd-ui-floating-edge-offset:16px;--sd-ui-find-replace-gap:6px;--sd-ui-find-replace-input-height:32px;--sd-ui-find-replace-input-padding:4px 8px;--sd-ui-find-replace-input-font-size:var(--sd-ui-font-size-400,14px);--sd-ui-find-replace-input-bg:var(--sd-ui-surface-bg,#fff);--sd-ui-find-replace-input-border:var(--sd-ui-border);--sd-ui-find-replace-input-focus-border:var(--sd-ui-action);--sd-ui-find-replace-input-radius:6px;--sd-ui-find-replace-count-color:var(--sd-ui-text-muted,#6b7280);--sd-ui-find-replace-count-font-size:12px;--sd-ui-find-replace-btn-size:28px;--sd-ui-find-replace-btn-radius:6px;--sd-ui-find-replace-btn-hover-bg:var(--sd-ui-hover-bg,#0000000f);--sd-ui-find-replace-btn-color:var(--sd-ui-text);--sd-ui-find-replace-btn-disabled-opacity:.4;--sd-ui-find-replace-toggle-active-bg:color-mix(in srgb, var(--sd-ui-action) 12%, transparent);--sd-ui-find-replace-toggle-active-color:var(--sd-ui-action);--sd-ui-find-replace-toggle-active-border:color-mix(in srgb, var(--sd-ui-action) 30%, transparent);--sd-ui-find-replace-action-btn-bg:var(--sd-ui-action);--sd-ui-find-replace-action-btn-color:#fff;--sd-ui-find-replace-action-btn-hover-bg:var(--sd-ui-action-hover,var(--sd-ui-action));--sd-ui-find-replace-nav-gap:2px;--sd-ui-find-replace-options-gap:4px;--sd-ui-find-replace-btn-icon-font-size:12px;--sd-ui-find-replace-btn-toggle-font-size:11px;--sd-ui-find-replace-action-btn-padding:0 12px;--sd-ui-find-replace-btn-toggle-padding:0 3px;--sd-ui-find-replace-count-inset:8px;--sd-ui-search-match-bg:#ffd50066;--sd-ui-search-match-active-bg:#ff960099;--sd-ui-password-prompt-gap:12px;--sd-ui-password-prompt-heading-size:var(--sd-ui-font-size-500,15px);--sd-ui-password-prompt-heading-weight:600;--sd-ui-password-prompt-heading-color:var(--sd-ui-text);--sd-ui-password-prompt-description-size:var(--sd-ui-font-size-400,14px);--sd-ui-password-prompt-description-color:var(--sd-ui-text);--sd-ui-password-prompt-input-padding:8px 10px;--sd-ui-password-prompt-input-size:var(--sd-ui-font-size-400,14px);--sd-ui-password-prompt-input-color:var(--sd-ui-text);--sd-ui-password-prompt-input-bg:var(--sd-ui-surface-bg,#fff);--sd-ui-password-prompt-input-border:var(--sd-ui-border);--sd-ui-password-prompt-input-focus-border:var(--sd-ui-action);--sd-ui-password-prompt-input-radius:4px;--sd-ui-password-prompt-input-disabled-opacity:.6;--sd-ui-password-prompt-error-size:var(--sd-ui-font-size-300,13px);--sd-ui-password-prompt-error-color:var(--sd-color-red-500);--sd-ui-password-prompt-actions-gap:8px;--sd-ui-password-prompt-btn-padding:6px 16px;--sd-ui-password-prompt-btn-size:var(--sd-ui-font-size-400,14px);--sd-ui-password-prompt-btn-radius:4px;--sd-ui-password-prompt-btn-disabled-opacity:.5;--sd-ui-password-prompt-cancel-bg:transparent;--sd-ui-password-prompt-cancel-border:var(--sd-ui-border);--sd-ui-password-prompt-cancel-color:var(--sd-ui-text);--sd-ui-password-prompt-cancel-hover-bg:var(--sd-color-gray-100,#f5f5f5);--sd-ui-password-prompt-submit-bg:var(--sd-ui-action);--sd-ui-password-prompt-submit-border:var(--sd-ui-action);--sd-ui-password-prompt-submit-color:var(--sd-ui-action-text,#fff);--sd-ui-password-prompt-submit-hover-bg:var(--sd-ui-action-hover);--sd-layout-page-bg:var(--sd-ui-bg);--sd-layout-page-shadow:0 4px 20px #0f172a14;--sd-formatting-mark-color:var(--sd-color-blue-500);--sd-formatting-paragraph-mark-gap:.2em;--sd-proofing-spelling-color:#e53e3e;--sd-proofing-grammar-color:#3182ce;--sd-proofing-style-color:#805ad5;--sd-proofing-underline-thickness:1.5px;--sd-proofing-underline-offset:2px;--sd-surface-canvas:var(--sd-color-gray-50);--sd-surface-selected:var(--sd-color-blue-100);--sd-text-secondary:var(--sd-color-gray-700);--sd-surface-page:var(--sd-ui-bg);--sd-border-subtle:var(--sd-ui-comments-separator);--sd-border-focus:var(--sd-ui-action)}.sd-theme-docs{--sd-ui-font-family:Arial, sans-serif;--sd-ui-text:#202124;--sd-ui-bg:#f1f3f4;--sd-ui-border:#dadce0;--sd-ui-action:#1a73e8;--sd-ui-action-hover:#185abc;--sd-ui-toolbar-bg:#f0f4f9;--sd-ui-toolbar-button-text:#3c4043;--sd-ui-toolbar-button-hover-bg:#e8eaed;--sd-ui-toolbar-button-active-bg:#d2e3fc;--sd-ui-toolbar-item-padding:4px;--sd-ui-dropdown-border:#dadce0;--sd-ui-dropdown-bg:#fff;--sd-ui-dropdown-hover-bg:#e8eaed;--sd-ui-dropdown-active-bg:#d2e3fc;--sd-ui-dropdown-shadow:0 1px 2px #3c40434d, 0 1px 3px 1px #3c404326;--sd-ui-menu-bg:#fff;--sd-ui-menu-border:#dadce0;--sd-ui-menu-shadow:0 1px 2px #3c404340, 0 3px 8px #3c40432e;--sd-ui-menu-item-hover-bg:#e8eaed;--sd-ui-menu-item-active-bg:#d2e3fc;--sd-ui-comments-card-bg:#d7dde8;--sd-ui-comments-card-active-bg:#fff;--sd-ui-comments-card-active-border:#c7cdd6;--sd-ui-comments-card-shadow:0 1px 2px #3c404333, 0 2px 6px #3c40432e;--sd-ui-comments-separator:#c7cdd6;--sd-ui-comments-timestamp-text:#5f6368;--sd-ui-comments-input-bg:#fff;--sd-ui-comments-option-hover-bg:#e8eaed;--sd-ui-comments-input-border:#80868b;--sd-comments-highlight-external-base:#f9ab00;--sd-comments-highlight-external:#f9ab0033;--sd-comments-highlight-external-active:#f9ab0044;--sd-comments-highlight-external-faded:#f9ab001f;--sd-comments-highlight-external-nested-border:#f9ab0088;--sd-comments-highlight-internal-base:#188038;--sd-comments-highlight-internal:#18803833;--sd-comments-highlight-internal-active:#18803844;--sd-comments-highlight-internal-faded:#1880381f;--sd-comments-highlight-internal-nested-border:#18803888;--sd-layout-page-bg:#fff;--sd-layout-page-shadow:0 1px 2px #3c404333, 0 2px 6px #3c40431f;--sd-ui-surface-bg:#fff;--sd-ui-surface-shadow:0 1px 3px #3c40434d, 0 4px 8px 3px #3c404326;--sd-ui-dialog-backdrop:#00000052}.sd-theme-word{--sd-ui-font-family:"Segoe UI", Arial, sans-serif;--sd-ui-text:#323130;--sd-ui-bg:#f3f2f1;--sd-ui-border:#d2d0ce;--sd-ui-action:#185abd;--sd-ui-action-hover:#134a9e;--sd-ui-toolbar-bg:#f3f2f1;--sd-ui-toolbar-button-text:#201f1e;--sd-ui-toolbar-button-hover-bg:#e8e6e4;--sd-ui-toolbar-button-active-bg:#d2d0ce;--sd-ui-toolbar-item-padding:4px;--sd-ui-dropdown-border:#d2d0ce;--sd-ui-dropdown-bg:#fff;--sd-ui-dropdown-hover-bg:#e8e6e4;--sd-ui-dropdown-active-bg:#d2d0ce;--sd-ui-dropdown-shadow:0 1px 2px #00000024, 0 4px 8px #00000014;--sd-ui-menu-bg:#fff;--sd-ui-menu-border:#d2d0ce;--sd-ui-menu-shadow:0 2px 6px #00000024;--sd-ui-menu-item-hover-bg:#f3f2f1;--sd-ui-menu-item-active-bg:#edebe9;--sd-ui-comments-card-bg:#ebebeb;--sd-ui-comments-card-active-bg:#fff;--sd-ui-comments-card-active-border:#d2d0ce;--sd-ui-comments-card-shadow:0 2px 4px #00000029, 0 10px 20px #0000001a;--sd-ui-comments-separator:#c8c6c4;--sd-ui-comments-timestamp-text:#605e5c;--sd-ui-comments-input-bg:#fff;--sd-ui-comments-option-hover-bg:#f3f2f1;--sd-ui-comments-input-border:#8a8886;--sd-comments-highlight-external-base:#8a8886;--sd-comments-highlight-external:#8a888633;--sd-comments-highlight-external-active:#8a888655;--sd-comments-highlight-external-faded:#8a88861f;--sd-comments-highlight-external-nested-border:#8a888688;--sd-comments-highlight-internal-base:#0f6cbd;--sd-comments-highlight-internal:#0f6cbd33;--sd-comments-highlight-internal-active:#0f6cbd55;--sd-comments-highlight-internal-faded:#0f6cbd1f;--sd-comments-highlight-internal-nested-border:#0f6cbd88;--sd-layout-page-bg:#fff;--sd-layout-page-shadow:0 1px 2px #00000029, 0 6px 12px #00000014;--sd-ui-surface-bg:#fff;--sd-ui-surface-shadow:0 2px 6px #00000024, 0 8px 24px #0000001a;--sd-ui-dialog-backdrop:#0006}.sd-theme-blueprint{--sd-ui-font-family:"IBM Plex Sans", "Segoe UI", Arial, sans-serif;--sd-ui-text:#0f172a;--sd-ui-text-muted:#334155;--sd-ui-text-disabled:#64748b;--sd-ui-bg:#e8eff5;--sd-ui-hover-bg:#d3e2ef;--sd-ui-active-bg:#bfd4e6;--sd-ui-border:#9fb4c7;--sd-ui-action:#0f766e;--sd-ui-action-hover:#115e59;--sd-ui-shadow:0 2px 8px #0f172a2e;--sd-ui-toolbar-bg:#dbe6f0;--sd-ui-toolbar-button-text:#0f172a;--sd-ui-toolbar-button-hover-bg:#c9dced;--sd-ui-toolbar-button-active-bg:#b7cee3;--sd-ui-dropdown-bg:#fff;--sd-ui-dropdown-border:#8ea5b8;--sd-ui-dropdown-hover-bg:#e7f0f8;--sd-ui-dropdown-active-bg:#cde2f3;--sd-ui-dropdown-shadow:0 8px 24px #0f172a38;--sd-ui-menu-bg:#fff;--sd-ui-menu-border:#8ea5b8;--sd-ui-menu-item-hover-bg:#e2eef8;--sd-ui-menu-item-active-bg:#cde2f3;--sd-ui-menu-shadow:0 8px 24px #0f172a38;--sd-layout-page-bg:#fff;--sd-layout-page-shadow:0 8px 24px #0f172a29;--sd-ui-comments-card-bg:#dbe7f2;--sd-ui-comments-card-active-bg:#fff;--sd-ui-comments-card-active-border:#8ea5b8;--sd-ui-comments-card-shadow:0 10px 24px #0f172a2e;--sd-ui-comments-input-border:#7f96aa;--sd-ui-comments-separator:#9fb4c7;--sd-ui-comments-timestamp-text:#475569;--sd-ui-comments-input-bg:#fff;--sd-comments-highlight-external-base:#b45309;--sd-comments-highlight-external:#b4530933;--sd-comments-highlight-external-active:#b4530944;--sd-comments-highlight-external-faded:#b453091f;--sd-comments-highlight-external-nested-border:#b4530988;--sd-comments-highlight-internal-base:#0f766e;--sd-comments-highlight-internal:#0f766e33;--sd-comments-highlight-internal-active:#0f766e44;--sd-comments-highlight-internal-faded:#0f766e1f;--sd-comments-highlight-internal-nested-border:#0f766e88;--sd-ui-surface-bg:#fff;--sd-ui-surface-shadow:0 4px 16px #0f172a33;--sd-ui-dialog-backdrop:#0f172a73}.superdoc *,.superdoc :before,.superdoc :after,.superdoc-toolbar *,.superdoc-toolbar :before,.superdoc-toolbar :after{box-sizing:border-box}.superdoc .sd-disabled,.superdoc-toolbar .sd-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.sd-button{cursor:pointer;background-color:#fff;border:1px solid #dbdbdb;border-radius:8px;outline:none;padding:8px 12px;font-size:14px;font-weight:600;transition:all .25s}.sd-button:hover{background-color:#dbdbdb}.sd-button.primary{color:#fff;background-color:#1355ff;border:none}.sd-button.primary:hover{background-color:#0d3fcc}.sd-comment-box{width:300px}.superdoc-field{border:1px solid #dbdbdb;border-radius:8px;outline:none;width:100%;padding:12px}.superdoc-field:focus,.superdoc-field:active{border:1px solid #1355ff}.superdoc-field .ProseMirror{border:0;outline:0;margin:0}.sd-editor-placeholder:before{content:attr(data-placeholder);color:#aaa;pointer-events:none;height:0;display:block}.superdoc .sd-content-control-highlight{background-color:var(--sd-content-controls-highlight-bg,#ff0)!important}.superdoc svg{fill:currentColor;width:100%;height:100%;display:block}.superdoc-toolbar svg{fill:currentColor;pointer-events:none;width:100%;height:100%;display:block}.superdoc-toolbar svg path{stroke:currentColor}.superdoc--web-layout,.superdoc--web-layout .superdoc__layers,.superdoc--web-layout .superdoc__document,.superdoc--web-layout .superdoc__sub-document{width:100%}.sd-upgrade-overlay{z-index:9999;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sd-upgrade-overlay [contenteditable]{pointer-events:none;-webkit-user-select:none;user-select:none}.sd-upgrade-hidden{visibility:hidden!important}.superdoc .ProseMirror-search-match:not([data-sd-search-exact-highlight]){background:var(--sd-ui-search-match-bg)!important}.superdoc .ProseMirror-active-search-match:not([data-sd-search-exact-highlight]){background:var(--sd-ui-search-match-active-bg)!important}::highlight(superdoc-search-match){background:var(--sd-ui-search-match-bg)}::highlight(superdoc-search-active-match){background:var(--sd-ui-search-match-active-bg)}.superdoc .sd-proofing-spelling,.superdoc .sd-proofing-grammar,.superdoc .sd-proofing-style{text-decoration-line:underline;text-decoration-style:wavy;text-decoration-thickness:var(--sd-proofing-underline-thickness,1.5px);text-underline-offset:var(--sd-proofing-underline-offset,2px)}.superdoc .sd-proofing-spelling{-webkit-text-decoration-color:var(--sd-proofing-spelling-color,#e53e3e);text-decoration-color:var(--sd-proofing-spelling-color,#e53e3e)}.superdoc .sd-proofing-grammar{-webkit-text-decoration-color:var(--sd-proofing-grammar-color,#3182ce);text-decoration-color:var(--sd-proofing-grammar-color,#3182ce)}.superdoc .sd-proofing-style{-webkit-text-decoration-color:var(--sd-proofing-style-color,#805ad5);text-decoration-color:var(--sd-proofing-style-color,#805ad5)}::highlight(sd-proofing-spelling){text-decoration-line:underline;text-decoration-style:wavy;text-decoration-thickness:var(--sd-proofing-underline-thickness,1.5px);text-underline-offset:var(--sd-proofing-underline-offset,2px)}::highlight(sd-proofing-grammar){text-decoration-line:underline;text-decoration-style:wavy;text-decoration-thickness:var(--sd-proofing-underline-thickness,1.5px);text-underline-offset:var(--sd-proofing-underline-offset,2px)}::highlight(sd-proofing-style){text-decoration-line:underline;text-decoration-style:wavy;text-decoration-thickness:var(--sd-proofing-underline-thickness,1.5px);text-underline-offset:var(--sd-proofing-underline-offset,2px)}::highlight(sd-proofing-spelling){-webkit-text-decoration-color:var(--sd-proofing-spelling-color,#e53e3e);text-decoration-color:var(--sd-proofing-spelling-color,#e53e3e)}::highlight(sd-proofing-grammar){-webkit-text-decoration-color:var(--sd-proofing-grammar-color,#3182ce);text-decoration-color:var(--sd-proofing-grammar-color,#3182ce)}::highlight(sd-proofing-style){-webkit-text-decoration-color:var(--sd-proofing-style-color,#805ad5);text-decoration-color:var(--sd-proofing-style-color,#805ad5)}.superdoc--contained,.superdoc--contained .superdoc__layers,.superdoc--contained .superdoc__document,.superdoc--contained .superdoc__sub-document{height:100%}.superdoc--contained .superdoc__sub-document{overflow:auto}.comments-dropdown[data-v-7eced80a],.comments-dropdown__trigger[data-v-7eced80a]{display:inline-flex}.comments-dropdown__menu[data-v-7eced80a]{border:1px solid var(--sd-ui-comments-dropdown-border,#dbdbdb);background:var(--sd-ui-comments-dropdown-bg,#fff);min-width:120px;box-shadow:var(--sd-ui-comments-dropdown-shadow,0 8px 24px #0000001f);box-sizing:border-box;border-radius:8px;padding:4px}.comments-dropdown__option[data-v-7eced80a]{font-size:var(--sd-ui-comments-option-size,14px);color:var(--sd-ui-comments-option-text,#212121);cursor:pointer;box-sizing:border-box;border-radius:6px;align-items:center;gap:8px;min-height:34px;padding:4px 8px;display:flex}.comments-dropdown__option[data-v-7eced80a]:hover{background-color:var(--sd-ui-comments-option-hover-bg,#f3f3f5);color:var(--sd-ui-comments-option-hover-text,#212121)}.comments-dropdown__option.sd-disabled[data-v-7eced80a]{opacity:.5;pointer-events:none}.comments-dropdown__option-icon[data-v-7eced80a]{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.comments-dropdown__option-icon[data-v-7eced80a] svg{fill:currentColor;width:100%;height:100%;display:block}.sd-comment-option[data-v-138d641e]{align-items:center;font-size:11px;display:flex}.sd-comment-option i[data-v-138d641e]{font-size:11px}.sd-option-state[data-v-138d641e]{margin:0 7px}.sd-active-icon[data-v-138d641e]{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.sd-active-icon[data-v-138d641e] svg{fill:currentColor;width:100%;height:100%;display:block}.sd-dropdown-caret[data-v-138d641e]{flex-shrink:0;justify-content:center;align-items:center;width:10px;height:16px;display:inline-flex}.sd-dropdown-caret[data-v-138d641e] svg{fill:currentColor;width:100%;height:100%;display:block}.sd-internal-dropdown[data-v-138d641e]{cursor:pointer;border-radius:50px;padding:2px 8px;transition:all .25s;display:inline-flex}.sd-internal-dropdown[data-v-138d641e]:hover{background-color:#f3f3f5}.user-container[data-v-c95b2073]{border:var(--sd-comment-avatar-border,2px solid #333);font-size:var(--sd-comment-avatar-font-size,11px);color:var(--sd-comment-avatar-color,#fff);background-color:var(--sd-comment-avatar-bg,#00000098);width:var(--sd-comment-avatar-size,28px);height:var(--sd-comment-avatar-size,28px);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}img[data-v-c95b2073]{background-color:#0000;border-radius:50%;width:100%}.comment-header[data-v-f2f11c96]{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.comment-header-left[data-v-f2f11c96]{align-items:center;gap:8px;display:flex}.user-info[data-v-f2f11c96]{flex-direction:column;display:flex}.user-name[data-v-f2f11c96]{font-size:var(--sd-ui-comments-author-size,14px);font-weight:var(--sd-ui-comments-author-weight,600);color:var(--sd-ui-comments-author-text,#212121);line-height:1.2em}.imported-tag[data-v-f2f11c96]{text-transform:uppercase;letter-spacing:.04em;color:var(--sd-ui-comments-tag-text,#888);background:var(--sd-ui-comments-tag-bg,#f2f2f2);vertical-align:middle;border-radius:3px;margin-left:6px;padding:1px 4px;font-size:9px;font-weight:600;line-height:1.4;display:inline-block}.user-timestamp[data-v-f2f11c96]{line-height:1.2em;font-size:var(--sd-ui-comments-timestamp-size,12px);color:var(--sd-ui-comments-timestamp-text,#888)}.overflow-menu[data-v-f2f11c96]{opacity:0;pointer-events:none;flex-shrink:1;gap:6px;transition:opacity .15s;display:flex}.overflow-menu.is-visible[data-v-f2f11c96]{opacity:1;pointer-events:auto}.overflow-menu__icon[data-v-f2f11c96]{box-sizing:content-box;width:14px;height:14px;color:var(--sd-ui-text,#47484a);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:3px;transition:all .25s;display:flex}.overflow-menu__icon[data-v-f2f11c96]:hover{background-color:var(--sd-ui-comments-separator,#dbdbdb)}.overflow-menu__icon.sd-is-disabled[data-v-f2f11c96]{opacity:.4;cursor:not-allowed;pointer-events:auto}.overflow-menu__icon.sd-is-disabled[data-v-f2f11c96]:hover{background-color:#0000}.overflow-menu__icon[data-v-f2f11c96] svg{fill:currentColor;width:100%;height:100%;display:block}.overflow-icon[data-v-f2f11c96]{flex-shrink:0;justify-content:center;align-items:center;width:10px;height:16px;display:inline-flex}.comment-entry[data-v-0720a671]{box-sizing:border-box;border-radius:8px;width:100%;max-width:100%;transition:all .25s}.comment-composer[data-v-0720a671]{min-width:0;position:relative}.superdoc-field[data-v-0720a671]{box-sizing:border-box;resize:none;color:#1f1f1f;width:100%;height:28px;min-height:28px;max-height:132px;font:inherit;background:#fff;border:1px solid #d7d7d7;border-radius:8px;padding:10px 12px;line-height:1.4;display:block;overflow-y:hidden}.superdoc-field[data-v-0720a671]:focus{border-color:#4f7cff;outline:none;box-shadow:0 0 0 2px #4f7cff29}.comment-mention-list[data-v-0720a671]{z-index:100;background:#fff;border:1px solid #d7d7d7;border-radius:8px;max-height:192px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000024}.comment-mention-option[data-v-0720a671]{color:#1f1f1f;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;flex-direction:column;width:100%;padding:7px 8px;display:flex}.comment-mention-option--active[data-v-0720a671],.comment-mention-option[data-v-0720a671]:hover{background:#eef3ff}.comment-mention-option__name[data-v-0720a671]{font-size:13px;font-weight:600}.comment-mention-option__email[data-v-0720a671]{color:#666;font-size:11px}.comments-dialog[data-v-5ace8cef]{padding:var(--sd-ui-comments-card-padding,16px);border-radius:var(--sd-ui-comments-card-radius,12px);background-color:var(--sd-ui-comments-card-bg,#f3f6fd);font-family:var(--sd-ui-font-family,Arial, Helvetica, sans-serif);font-size:var(--sd-ui-comments-body-size,14px);transition:var(--sd-ui-comments-transition,all .2s ease);box-shadow:none;z-index:5;overflow-wrap:break-word;word-break:break-word;border:1px solid #0000;flex-direction:column;width:100%;min-width:200px;max-width:300px;line-height:1.5;display:flex}.comments-dialog[data-v-5ace8cef]:not(.is-active){cursor:pointer}.comments-dialog[data-v-5ace8cef]:not(.is-active):not(.is-resolved):hover{background-color:var(--sd-ui-comments-card-hover-bg,#f3f6fd)}.comments-dialog[data-v-5ace8cef]:not(.is-resolved):hover .overflow-menu{opacity:1;pointer-events:auto}.comments-dialog.is-active[data-v-5ace8cef]{background-color:var(--sd-ui-comments-card-active-bg,#fff);border-color:var(--sd-ui-comments-card-active-border,#e0e0e0);box-shadow:var(--sd-ui-comments-card-shadow,0px 4px 12px 0px #32323226);z-index:10}.comments-dialog.is-resolved[data-v-5ace8cef]{background-color:var(--sd-ui-comments-card-resolved-bg,#f0f0f0)}.comment-separator[data-v-5ace8cef]{background-color:var(--sd-ui-comments-separator,#e0e0e0);width:100%;height:1px;margin:10px 0}.comment[data-v-5ace8cef]{font-size:var(--sd-ui-comments-body-size,14px);white-space:pre-wrap;color:var(--sd-ui-comments-body-text,#212121);margin:4px 0 0;line-height:1.5}.comment[data-v-5ace8cef] p{margin:0}.comment[data-v-5ace8cef] a{color:var(--sd-ui-action,#1354ff);text-decoration:underline}.tracked-change[data-v-5ace8cef]{font-size:var(--sd-ui-comments-body-size,14px);color:var(--sd-ui-comments-body-text,#212121);margin:4px 0 0;line-height:1.5}.change-type[data-v-5ace8cef]{color:var(--sd-ui-comments-body-text,#212121)}.tracked-change-text[data-v-5ace8cef]{color:var(--sd-ui-comments-body-text,#212121);white-space:pre-wrap}.tracked-change-text.is-deleted[data-v-5ace8cef]{color:var(--sd-ui-comments-delete-text,#cb0e47)}.tracked-change-text.is-inserted[data-v-5ace8cef]{color:var(--sd-ui-comments-insert-text,#1f6feb);font-weight:500}.tracked-change[data-track-change-semantic-color-key=move-from] .tracked-change-text.is-deleted[data-v-5ace8cef]{color:var(--sd-ui-comments-move-from-text,#00853d)}.tracked-change[data-track-change-semantic-color-key=move-to] .tracked-change-text.is-inserted[data-v-5ace8cef]{color:var(--sd-ui-comments-move-to-text,#00853d)}.tracked-change-detail-lines[data-v-5ace8cef]{margin-top:4px}.tracked-change-detail-line[data-v-5ace8cef]{font-size:12px;line-height:1.4}.tracked-change-image-preview[data-v-5ace8cef]{border:1px solid var(--sd-ui-comments-border,#dadce0);background:var(--sd-ui-comments-bg,#fff);justify-content:center;align-items:center;max-width:96px;max-height:96px;margin-top:6px;padding:2px;display:inline-flex}.tracked-change-image-preview__image[data-v-5ace8cef]{object-fit:contain;width:auto;max-width:90px;height:auto;max-height:90px;display:block}.tracked-change-decision-alert[data-v-5ace8cef]{border:1px solid var(--sd-ui-comments-alert-border,#f0b4b4);background-color:var(--sd-ui-comments-alert-bg,#fdf3f3);color:var(--sd-ui-comments-alert-text,#a4262c);font-size:var(--sd-ui-comments-body-size,14px);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;line-height:1.4;display:flex}.tracked-change-decision-alert__retry[data-v-5ace8cef]{flex-shrink:0}.resolved-badge[data-v-5ace8cef]{color:var(--sd-ui-comments-resolved-text,#00853d);align-items:center;gap:4px;margin-bottom:4px;font-size:11px;font-weight:500;display:inline-flex}.resolved-badge__icon[data-v-5ace8cef]{width:12px;height:12px;display:inline-flex}.resolved-badge__icon[data-v-5ace8cef] svg{fill:currentColor;width:100%;height:100%}.comment.is-truncated[data-v-5ace8cef],.tracked-change.is-truncated[data-v-5ace8cef]{-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:4.5em;display:-webkit-box;overflow:hidden}.comment.is-scrollable[data-v-5ace8cef],.tracked-change.is-scrollable[data-v-5ace8cef]{max-height:220px;padding-right:4px;overflow-y:auto}.show-more-toggle[data-v-5ace8cef]{color:var(--sd-ui-action,#1355ff);cursor:pointer;-webkit-user-select:none;user-select:none;margin-top:4px;font-size:12px;font-weight:500}.show-more-toggle[data-v-5ace8cef]:hover{text-decoration:underline}.collapsed-replies[data-v-5ace8cef]{color:var(--sd-ui-action,#1355ff);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:8px 0;font-size:12px;font-weight:500;display:flex}.collapsed-replies[data-v-5ace8cef]:hover{text-decoration:underline}.collapsed-avatars[data-v-5ace8cef]{display:flex}.collapsed-avatars .mini-avatar[data-v-5ace8cef]{--sd-comment-avatar-size:20px;--sd-comment-avatar-font-size:8px;border:2px solid var(--sd-ui-comments-card-active-bg,#fff);margin-left:-4px}.collapsed-avatars .mini-avatar[data-v-5ace8cef]:first-child{margin-left:0}.new-comment-input-wrapper[data-v-5ace8cef]{border:1.5px solid var(--sd-ui-comments-input-border,#dbdbdb);background:var(--sd-ui-comments-input-bg,#fff);border-radius:12px;max-height:150px;margin-top:4px;padding:8.5px 10.5px;overflow:visible}.new-comment-input-wrapper[data-v-5ace8cef]:focus-within{border-color:var(--sd-ui-comments-input-focus-border,#4f7cff);box-shadow:0 0 0 2px #4f7cff29}.new-comment-input-wrapper[data-v-5ace8cef] .comment-entry{border-radius:0}.new-comment-input-wrapper[data-v-5ace8cef] .input-section{margin:0}.new-comment-input-wrapper[data-v-5ace8cef] .superdoc-field{resize:none;border:none;border-radius:0;height:28px;min-height:28px;max-height:132px;padding:4px 0;font-size:14px;line-height:20px}.new-comment-input-wrapper[data-v-5ace8cef] .superdoc-field:focus,.new-comment-input-wrapper[data-v-5ace8cef] .superdoc-field:active{box-shadow:none;border:none;outline:none}.new-comment-input-wrapper[data-v-5ace8cef] .sd-editor-placeholder:before{content:"Comment or add others with @"}.reply-pill[data-v-5ace8cef]{text-align:left;width:100%;color:var(--sd-color-gray-500,#ababab);background:var(--sd-color-gray-100,#f5f5f5);cursor:text;border:1.5px solid #0000;border-radius:9999px;margin-top:10px;padding:8.5px 10.5px;font-family:inherit;font-size:14px;transition:background .15s}.reply-pill[data-v-5ace8cef]:hover{background:var(--sd-color-gray-200,#f2f2f2)}.reply-pill[data-v-5ace8cef]:disabled{cursor:not-allowed}.reply-expanded[data-v-5ace8cef]{margin-top:10px}.reply-input-wrapper[data-v-5ace8cef]{border:1.5px solid var(--sd-ui-comments-input-border,#dbdbdb);background:var(--sd-ui-comments-input-bg,#fff);border-radius:12px;max-height:150px;padding:8.5px 10.5px;overflow:visible}.reply-input-wrapper[data-v-5ace8cef]:focus-within{border-color:var(--sd-ui-comments-input-focus-border,#4f7cff);box-shadow:0 0 0 2px #4f7cff29}.reply-input-wrapper[data-v-5ace8cef] .comment-entry{border-radius:0}.reply-input-wrapper[data-v-5ace8cef] .input-section{margin:0}.reply-input-wrapper[data-v-5ace8cef] .superdoc-field{resize:none;border:none;border-radius:0;height:28px;min-height:28px;max-height:132px;padding:4px 0;font-size:14px;line-height:20px}.reply-input-wrapper[data-v-5ace8cef] .superdoc-field:focus,.reply-input-wrapper[data-v-5ace8cef] .superdoc-field:active{box-shadow:none;border:none;outline:none}.reply-input-wrapper[data-v-5ace8cef] .sd-editor-placeholder:before{content:"Reply or add others with @"}.reply-actions[data-v-5ace8cef]{justify-content:flex-end;align-items:center;gap:16px;margin-top:8px;display:flex}.reply-btn-cancel[data-v-5ace8cef]{color:var(--sd-ui-text-muted,#666);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;font-weight:500;transition:color .15s}.reply-btn-cancel[data-v-5ace8cef]:hover{color:var(--sd-ui-text,#212121)}.reply-btn-primary[data-v-5ace8cef]{background:var(--sd-ui-action,#1355ff);color:var(--sd-ui-action-text,#fff);cursor:pointer;border:none;border-radius:9999px;padding:6px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.reply-btn-primary[data-v-5ace8cef]:hover{background:var(--sd-ui-action-hover,#0f44cc)}.reply-btn-primary.sd-is-disabled[data-v-5ace8cef]{background:var(--sd-color-gray-400,#dbdbdb);color:var(--sd-color-gray-600,#888);cursor:default;pointer-events:none}.existing-internal-input[data-v-5ace8cef]{margin-bottom:10px}.sd-internal-dropdown[data-v-5ace8cef]{display:inline-block}.comment-item[data-v-29650a06]{margin-bottom:10px}.comments-list[data-v-89244745]{flex-direction:column;max-width:400px;height:100%;display:flex}.comment-title[data-v-89244745]{color:#333;margin-bottom:5px;font-size:16px;font-weight:600}.sd-comment-anchor{cursor:pointer;z-index:3;border-radius:33px;transition:background-color .25s;position:absolute}.sd-highlight{cursor:pointer;mix-blend-mode:multiply;background-color:#ddaf0955;border-radius:8px;transition:background-color .25s}.sd-initial-highlight{background-color:#1355ff7f}.sd-highlight:hover,.sd-highlight:hover .sd-highlight-active{background-color:#ddaf0999}.sd-highlight-active{background-color:#1355ff7f}.comment-placeholder[data-v-f0b1fd79]{width:300px;transition:top .3s;position:absolute}.comment-placeholder.is-direct-decision-continuity-target[data-v-f0b1fd79] .overflow-menu{opacity:1;pointer-events:auto}.floating-comment[data-v-f0b1fd79]{min-width:300px;display:block;position:relative}.sidebar-container[data-v-f0b1fd79]{will-change:transform;width:300px;min-height:300px;transition:transform .3s;position:absolute}.section-wrapper[data-v-f0b1fd79]{justify-content:flex-start;align-items:flex-start;width:300px;min-height:100%;transition:min-height .5s ease-out;display:flex;position:relative}.pdf-comments-layer[data-v-b5ad4c58]{pointer-events:none;z-index:6;position:absolute;inset:0}.sd-comment-anchor[data-v-b5ad4c58]{cursor:pointer;pointer-events:auto;border-radius:4px;transition:background-color .25s;position:absolute}.whiteboard-page[data-v-c876c9b5]{position:absolute;top:0;left:0}.whiteboard-layer[data-v-54546c3d]{pointer-events:none;position:absolute;inset:0}.superdoc-html-viewer[data-v-da3494ba]{color:initial;width:100%;height:auto;font-family:initial;position:relative}.superdoc-html-viewer__document[data-v-da3494ba]{width:100%;height:auto}.superdoc-html-viewer__content[data-v-da3494ba]{width:100%;min-width:800px;padding:38px 75px 75px}.link-input-wrapper[data-v-360db842]{flex-direction:column;gap:8px;display:flex}.link-input-ctn[data-v-360db842]{border-radius:var(--sd-ui-radius,6px);background-color:var(--sd-ui-dropdown-bg,#fff);box-sizing:border-box;flex-direction:column;width:320px;padding:1em;display:flex}.link-input-ctn[data-v-360db842] svg{fill:currentColor;width:100%;height:100%;display:block}.link-input-ctn .input-row[data-v-360db842]{font-size:var(--sd-ui-font-size-600,16px);align-content:baseline;align-items:center;display:flex;position:relative}.link-input-ctn .input-row input[data-v-360db842]{font-size:var(--sd-ui-font-size-300,13px);border-radius:var(--sd-ui-radius,6px);min-width:0;box-shadow:var(--sd-ui-shadow,0 4px 12px #0000001f);color:var(--sd-ui-text-muted,#666);border:1px solid var(--sd-ui-border,#dbdbdb);box-sizing:border-box;flex-grow:1;padding:10px 10px 10px 34px}.link-input-ctn .input-row input[data-v-360db842]:active,.link-input-ctn .input-row input[data-v-360db842]:focus{border:1px solid var(--sd-ui-action,#1355ff);outline:none}.link-input-ctn .input-row input[readonly][data-v-360db842]{background-color:var(--sd-ui-disabled-bg,#f5f5f5);cursor:default;color:var(--sd-ui-text-disabled,#888);border-color:var(--sd-ui-border,#e0e0e0)}.link-input-ctn .input-row input[readonly][data-v-360db842]:active,.link-input-ctn .input-row input[readonly][data-v-360db842]:focus{border-color:var(--sd-ui-border,#e0e0e0)}.link-input-ctn .input-icon[data-v-360db842]{width:14px;color:var(--sd-ui-text-disabled,#ababab);pointer-events:none;text-align:center;z-index:1;position:absolute;left:12px}.link-input-ctn .input-icon[data-v-360db842]:not(.text-input-icon){height:14px;transform:rotate(45deg)}.link-input-ctn.high-contrast .input-icon[data-v-360db842]{color:var(--sd-ui-text,#47484a)}.link-input-ctn.high-contrast .input-row input[data-v-360db842]{color:var(--sd-ui-text,#47484a);border-color:var(--sd-ui-text,#47484a)}.open-link-icon[data-v-360db842]{cursor:pointer;border:1px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-left:10px;transition:all .2s;display:flex}.open-link-icon[data-v-360db842]:hover{color:var(--sd-ui-action,#1355ff);background-color:var(--sd-ui-bg,#fff);border:1px solid var(--sd-ui-border,#dbdbdb)}.open-link-icon[data-v-360db842] svg{width:15px;height:15px}.sd-disabled[data-v-360db842]{opacity:.6;cursor:not-allowed;pointer-events:none}.link-buttons[data-v-360db842]{justify-content:flex-end;margin-top:10px;display:flex}.remove-btn__icon[data-v-360db842]{flex-shrink:0;width:13px;height:13px;margin-right:4px;display:inline-flex}.link-buttons button[data-v-360db842]{margin-left:5px}.disable-btn[data-v-360db842]{opacity:.6;cursor:not-allowed;pointer-events:none}.go-to-anchor a[data-v-360db842]{font-size:var(--sd-ui-font-size-400,14px);text-decoration:underline}.clickable[data-v-360db842]{cursor:pointer}.link-title[data-v-360db842]{font-size:var(--sd-ui-font-size-400,14px);color:var(--sd-ui-text,#47484a);margin-bottom:10px;font-weight:600}.hasBottomMargin[data-v-360db842]{margin-bottom:1em}.remove-btn[data-v-360db842]{border-radius:var(--sd-ui-radius,6px);background-color:var(--sd-ui-bg,#fff);color:var(--sd-ui-text,#47484a);font-weight:400;font-size:var(--sd-ui-font-size-300,13px);cursor:pointer;border:1px solid var(--sd-ui-border,#dbdbdb);box-sizing:border-box;outline:none;justify-content:center;align-items:center;padding:10px 16px;transition:all .2s;display:inline-flex}.remove-btn[data-v-360db842]:hover{background-color:var(--sd-ui-hover-bg,#dbdbdb)}.sd-submit-btn[data-v-360db842]{border-radius:var(--sd-ui-radius,6px);background-color:var(--sd-ui-action,#1355ff);color:var(--sd-ui-action-text,#fff);font-weight:400;font-size:var(--sd-ui-font-size-300,13px);cursor:pointer;box-sizing:border-box;border:none;outline:none;justify-content:center;align-items:center;padding:10px 16px;transition:all .2s;display:inline-flex}.sd-submit-btn[data-v-360db842]:hover{background-color:var(--sd-ui-action-hover,#0f44cc)}.sd-error[data-v-360db842]{background-color:#ff00001a;border-color:red!important}.sd-surface-external-mount[data-v-b2412c5d]{width:100%}.sd-surface-dialog-backdrop[data-v-5cee3b11]{z-index:var(--sd-ui-dialog-z-index,2147480000);box-sizing:border-box;background:var(--sd-ui-dialog-backdrop,#12182652);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sd-surface-dialog[data-v-5cee3b11]{box-sizing:border-box;background:var(--sd-ui-surface-bg);border:1px solid var(--sd-ui-surface-border);border-radius:var(--sd-ui-surface-radius);min-width:0;box-shadow:var(--sd-ui-surface-shadow);max-width:var(--sd-ui-dialog-max-width,480px);width:100%;max-height:100%;font-family:var(--sd-ui-font-family);color:var(--sd-ui-text);outline:none;overflow-y:auto}.sd-surface-dialog__title[data-v-5cee3b11]{padding:var(--sd-ui-surface-title-padding);font-size:var(--sd-ui-font-size-500,15px);font-weight:600;line-height:1.4}.sd-surface-dialog__content[data-v-5cee3b11]{padding:var(--sd-ui-surface-content-padding)}.sd-surface-dialog[data-v-5cee3b11]:has(.sd-dialog-content){flex-direction:column;display:flex;overflow:hidden}.sd-surface-dialog__content[data-v-5cee3b11]:has(>.sd-dialog-content){flex-direction:column;min-height:0;padding:0;display:flex}.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-content{flex-direction:column;min-height:0;max-height:calc(100dvh - 34px);display:flex}.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-header{border-bottom:1px solid var(--sd-ui-surface-border,#e4e7ec);flex:none;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-header h2{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:650}.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-close{width:36px;height:36px;color:var(--sd-ui-text-muted,#525866);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;padding:0;font-size:24px;line-height:1;display:grid}.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-close:hover{background:var(--sd-ui-hover-bg,#f2f4f7)}.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-footer{border-top:1px solid var(--sd-ui-surface-border,#eaecf0);background:var(--sd-ui-surface-bg,#fff);flex:none;justify-content:flex-end;align-items:center;gap:8px;padding:10px 16px;display:flex}.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-footer button{min-width:72px;min-height:32px;font:inherit;cursor:pointer;border-radius:6px;padding:7px 12px;font-size:12px;font-weight:600}.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-secondary{border:1px solid var(--sd-ui-surface-border,#cfd4dc);background:var(--sd-ui-surface-bg,#fff);color:var(--sd-ui-text,#344054)}.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-primary{border:1px solid var(--sd-ui-action,#3367d6);background:var(--sd-ui-action,#3367d6);color:var(--sd-ui-action-text,#fff)}.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-footer button:disabled{cursor:not-allowed;opacity:.55}.sd-surface-floating[data-v-cd2be5db]{z-index:var(--sd-ui-surface-z-index,100);width:var(--sd-ui-floating-width,360px);max-width:var(--sd-ui-floating-max-width,480px);max-height:var(--sd-ui-floating-max-height,min(60vh, calc(100% - 32px)));background:var(--sd-ui-surface-bg);border:1px solid var(--sd-ui-surface-border);border-radius:var(--sd-ui-surface-radius);box-shadow:var(--sd-ui-surface-shadow);font-family:var(--sd-ui-font-family);color:var(--sd-ui-text);position:absolute;overflow-y:auto}.sd-surface-floating--top-right[data-v-cd2be5db]{top:var(--sd-ui-floating-edge-offset,16px);right:var(--sd-ui-floating-edge-offset,16px)}.sd-surface-floating--top-left[data-v-cd2be5db]{top:var(--sd-ui-floating-edge-offset,16px);left:var(--sd-ui-floating-edge-offset,16px)}.sd-surface-floating--bottom-right[data-v-cd2be5db]{bottom:var(--sd-ui-floating-edge-offset,16px);right:var(--sd-ui-floating-edge-offset,16px)}.sd-surface-floating--bottom-left[data-v-cd2be5db]{bottom:var(--sd-ui-floating-edge-offset,16px);left:var(--sd-ui-floating-edge-offset,16px)}.sd-surface-floating--top-center[data-v-cd2be5db]{top:var(--sd-ui-floating-edge-offset,16px);left:50%;transform:translate(-50%)}.sd-surface-floating--bottom-center[data-v-cd2be5db]{bottom:var(--sd-ui-floating-edge-offset,16px);left:50%;transform:translate(-50%)}.sd-surface-floating__title[data-v-cd2be5db]{padding:var(--sd-ui-surface-title-padding);font-size:var(--sd-ui-font-size-500,15px);font-weight:600;line-height:1.4}.sd-surface-floating__content[data-v-cd2be5db]{padding:var(--sd-ui-surface-content-padding)}.sd-surface-host[data-v-dad99b67]{pointer-events:none;z-index:var(--sd-ui-surface-z-index,100);overflow:hidden}.sd-surface-host[data-v-dad99b67]>*{pointer-events:auto}.superdoc[data-v-c57da6ae]{display:flex;position:relative}.right-sidebar[data-v-c57da6ae]{min-width:320px;height:100%}.floating-comments[data-v-c57da6ae]{width:300px;min-width:300px;height:100%;overflow:visible}.superdoc__layers[data-v-c57da6ae]{box-sizing:border-box;height:100%;position:relative}.superdoc__document[data-v-c57da6ae],.superdoc__sub-document[data-v-c57da6ae]{width:100%;position:relative}.superdoc__selection-layer[data-v-c57da6ae]{z-index:10;pointer-events:none;min-width:100%;min-height:100%;position:absolute}.superdoc__whiteboard-layer[data-v-c57da6ae]{z-index:4}.superdoc__temp-selection[data-v-c57da6ae]{position:absolute}.superdoc__right-sidebar[data-v-c57da6ae]{z-index:2;width:320px;min-width:320px;min-height:100%;padding:0 10px;position:relative}.superdoc__compact-comment-popover[data-v-c57da6ae]{z-index:11;width:min(320px,100% - 24px);position:absolute;top:12px;right:12px}.tools[data-v-c57da6ae]{z-index:3;gap:var(--sd-ui-tools-gap,6px);flex-direction:column;display:flex;position:absolute}.tools-item[data-v-c57da6ae]{width:var(--sd-ui-tools-item-size,50px);height:var(--sd-ui-tools-item-size,50px);background-color:var(--sd-ui-tools-item-bg,#dbdbdb99);border-radius:var(--sd-ui-tools-item-radius,12px);cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.tools-item i[data-v-c57da6ae]{cursor:pointer}.superdoc__tools-icon[data-v-c57da6ae]{width:var(--sd-ui-tools-icon-size,20px);height:var(--sd-ui-tools-icon-size,20px);flex-shrink:0}@media (max-width:834px){.superdoc .superdoc__layers[data-v-c57da6ae]{box-shadow:none;margin:0;border:0!important}.superdoc__sub-document[data-v-c57da6ae]{max-width:100%}.superdoc__right-sidebar[data-v-c57da6ae]{padding:10px;position:relative}}.ai-writer-container[data-v-c57da6ae]{z-index:1000;background:#fff;border-radius:8px;position:fixed;box-shadow:0 2px 10px #00000026}.ai-tool>svg[data-v-c57da6ae]{fill:#0000}.ai-tool[data-v-c57da6ae]:before{content:"";z-index:1;filter:brightness(1.2);background:linear-gradient(270deg,#dad77680 -20%,#bf6464 30%,#4d52d9 60%,#ffdb66 150%);width:20px;height:20px;transition:filter .2s;position:absolute;-webkit-mask:url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M224 96l16-32 32-16-32-16-16-32-16 32-32 16 32 16 16 32zM80 160l26.7-53.3L160 80l-53.3-26.7L80 0 53.3 53.3 0 80l53.3 26.7L80 160zm352 128l-26.7 53.3L352 368l53.3 26.7L432 448l26.7-53.3L512 368l-53.3-26.7L432 288zm70.6-193.8L417.8 9.4C411.5 3.1 403.3 0 395.2 0c-8.2 0-16.4 3.1-22.6 9.4L9.4 372.5c-12.5 12.5-12.5 32.8 0 45.3l84.9 84.9c6.3 6.3 14.4 9.4 22.6 9.4 8.2 0 16.4-3.1 22.6-9.4l363.1-363.2c12.5-12.5 12.5-32.8 0-45.2zM359.5 203.5l-50.9-50.9 86.6-86.6 50.9 50.9-86.6 86.6z'/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M224 96l16-32 32-16-32-16-16-32-16 32-32 16 32 16 16 32zM80 160l26.7-53.3L160 80l-53.3-26.7L80 0 53.3 53.3 0 80l53.3 26.7L80 160zm352 128l-26.7 53.3L352 368l53.3 26.7L432 448l26.7-53.3L512 368l-53.3-26.7L432 288zm70.6-193.8L417.8 9.4C411.5 3.1 403.3 0 395.2 0c-8.2 0-16.4 3.1-22.6 9.4L9.4 372.5c-12.5 12.5-12.5 32.8 0 45.3l84.9 84.9c6.3 6.3 14.4 9.4 22.6 9.4 8.2 0 16.4-3.1 22.6-9.4l363.1-363.2c12.5-12.5 12.5-32.8 0-45.2zM359.5 203.5l-50.9-50.9 86.6-86.6 50.9 50.9-86.6 86.6z'/></svg>") 50%/contain no-repeat}.ai-tool[data-v-c57da6ae]:hover:before{filter:brightness(1.3)}.sd-toolbar-icon[data-v-65ecd5b1]{flex-shrink:0;justify-content:center;align-items:center;display:flex}.sd-toolbar-icon__icon[data-v-65ecd5b1]{flex-shrink:0;justify-content:center;align-items:center;height:16px;display:inline-flex}.sd-toolbar-icon__icon--highlight[data-v-65ecd5b1]{width:16px;margin-bottom:1px;margin-left:3px}.sd-toolbar-icon__icon[data-v-65ecd5b1] svg{width:auto;height:16px;max-height:16px}.sd-toolbar-icon__icon--color[data-v-65ecd5b1] svg{max-height:14px;margin-top:-3px}.color-bar[data-v-65ecd5b1]{z-index:5;border-radius:4px;width:16px;height:4px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.sd-toolbar-item[data-v-96796456]{z-index:1;min-width:30px;margin:0 calc(var(--sd-ui-toolbar-item-gap,2px) / 2);position:relative}.sd-visually-hidden[data-v-96796456]{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.sd-toolbar-button[data-v-96796456]{padding:var(--sd-ui-toolbar-item-padding,5px);height:var(--sd-ui-toolbar-height,32px);max-height:var(--sd-ui-toolbar-height,32px);border-radius:var(--sd-ui-radius,6px);cursor:pointer;color:var(--sd-ui-toolbar-button-text,#47484a);-webkit-user-select:none;user-select:none;box-sizing:border-box;justify-content:center;align-items:center;transition:all .2s ease-out;display:flex;position:relative;overflow-y:visible}.sd-toolbar-button[data-v-96796456]:hover{background-color:var(--sd-ui-toolbar-button-hover-bg,var(--sd-ui-hover-bg,#dbdbdb))}.sd-toolbar-button:hover .sd-toolbar-icon.high-contrast[data-v-96796456]{color:#fff}.sd-toolbar-button:hover.high-contrast[data-v-96796456]{color:#fff;background-color:#000}.sd-toolbar-button[data-v-96796456]:active,.sd-active[data-v-96796456]{background-color:var(--sd-ui-toolbar-button-active-bg,var(--sd-ui-active-bg,#c8d0d8))}.sd-button-label[data-v-96796456]{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-weight:400;font-size:var(--sd-ui-font-size-500,15px);margin:5px;overflow:hidden}.sd-toolbar-icon+.sd-dropdown-caret[data-v-96796456]{margin-left:4px}.sd-toolbar-button.split[data-v-96796456]{gap:0;padding:0}.sd-toolbar-button.split .sd-toolbar-button__main[data-v-96796456],.sd-toolbar-button.split .sd-toolbar-button__caret[data-v-96796456]{box-sizing:border-box;z-index:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.sd-toolbar-button.split .sd-toolbar-button__main[data-v-96796456]{padding:0 3px 0 var(--sd-ui-toolbar-item-padding,5px);border-top-left-radius:var(--sd-ui-radius,6px);border-bottom-left-radius:var(--sd-ui-radius,6px)}.sd-toolbar-button.split .sd-toolbar-button__caret[data-v-96796456]{border-top-right-radius:var(--sd-ui-radius,6px);border-bottom-right-radius:var(--sd-ui-radius,6px);padding:0 4px 0 2px}.sd-toolbar-button.split[data-v-96796456]:hover{background-color:var(--sd-ui-toolbar-button-hover-bg,var(--sd-ui-hover-bg,#dbdbdb))}.sd-toolbar-button.split .sd-toolbar-button__main[data-v-96796456]:hover,.sd-toolbar-button.split .sd-toolbar-button__caret[data-v-96796456]:hover{background-color:var(--sd-ui-toolbar-button-active-bg,var(--sd-ui-active-bg,#c8d0d8))}.sd-toolbar-button.split .sd-toolbar-button__caret[data-v-96796456]:before{content:"";background-color:#0000;width:1px;transition:background-color .15s ease-out;position:absolute;top:6px;bottom:6px;left:0}.sd-toolbar-button.split:hover .sd-toolbar-button__caret[data-v-96796456]:before{background-color:var(--sd-ui-border,#47484a33)}.sd-toolbar-button.split.sd-disabled[data-v-96796456],.sd-toolbar-button.split.sd-disabled[data-v-96796456]:hover{background-color:initial}.sd-toolbar-button.split.sd-disabled .sd-toolbar-button__main[data-v-96796456],.sd-toolbar-button.split.sd-disabled .sd-toolbar-button__caret[data-v-96796456]{cursor:default}.sd-toolbar-button.split.sd-disabled .sd-toolbar-button__main[data-v-96796456]:hover,.sd-toolbar-button.split.sd-disabled .sd-toolbar-button__caret[data-v-96796456]:hover{background-color:initial}.sd-toolbar-button.split.sd-disabled .sd-toolbar-button__caret[data-v-96796456]:before{background-color:#0000}.left[data-v-96796456],.right[data-v-96796456]{background-color:#dbdbdb;border-radius:60%;width:50%;height:100%}.has-inline-text-input[data-v-96796456]:hover{cursor:text}.sd-disabled[data-v-96796456]{cursor:default}.sd-disabled[data-v-96796456]:hover{cursor:default;background-color:initial}.sd-disabled .sd-toolbar-icon[data-v-96796456],.sd-disabled .sd-button-label[data-v-96796456]{opacity:.35}.button-text-input[data-v-96796456]{color:var(--sd-ui-toolbar-button-text,#47484a);text-align:center;width:30px;font-size:var(--sd-ui-font-size-400,14px);border:1px solid var(--sd-ui-border,#dbdbdb);box-sizing:border-box;background-color:#0000;border-radius:4px;outline:none;margin-right:5px;padding:2px 0;font-weight:400}.button-text-input.high-contrast[data-v-96796456]{background-color:#fff}.button-text-input--font-size[data-v-96796456]{width:36px}.button-text-input--font-family[data-v-96796456]{width:88px}.button-text-input[data-v-96796456]::placeholder{color:var(--sd-ui-toolbar-button-text,#47484a)}.sd-dropdown-caret[data-v-96796456]{flex-shrink:0;justify-content:center;align-items:center;width:10px;height:10px;display:inline-flex}.sd-toolbar-item--doc-mode-compact .sd-button-label[data-v-96796456]{display:none}.sd-toolbar-item--doc-mode-compact .sd-toolbar-icon[data-v-96796456]{margin-right:5px}.sd-toolbar-item--linked-styles-compact[data-v-96796456]{width:auto!important}.sd-toolbar-item--linked-styles-compact .sd-button-label[data-v-96796456]{display:none}.toolbar-separator[data-v-cb82253a]{height:var(--sd-ui-toolbar-height,32px);border-radius:var(--sd-ui-radius,6px);text-overflow:ellipsis;color:var(--sd-ui-border,#dbdbdb);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:all .2s ease-out;display:flex;overflow:hidden}.toolbar-separator .separator-inner[data-v-cb82253a]{width:1.5px;height:20px}.toolbar-dropdown[data-v-e6f71d76],.toolbar-dropdown-trigger[data-v-e6f71d76]{display:inline-flex}.toolbar-dropdown-menu[data-v-e6f71d76]{border-radius:var(--sd-ui-radius,6px);background:var(--sd-ui-dropdown-bg,#fff);border:1px solid var(--sd-ui-dropdown-border,#e4e6eb);min-width:80px;box-shadow:var(--sd-ui-dropdown-shadow,0 8px 24px #00000029);box-sizing:border-box;overscroll-behavior:contain;padding:4px;overflow-y:auto}.toolbar-dropdown-menu.toolbar-dropdown-menu--render-only[data-v-e6f71d76]{padding:0}.toolbar-dropdown-option[data-v-e6f71d76]{border-radius:var(--sd-ui-dropdown-option-radius,3px);cursor:pointer;min-height:34px;font-size:var(--sd-ui-font-size-400,14px);color:var(--sd-ui-dropdown-text,#47484a);box-sizing:border-box;align-items:center;padding:0 10px;transition:background-color .2s ease-out;display:flex}.toolbar-dropdown-option__icon[data-v-e6f71d76]{justify-content:center;align-items:center;width:14px;min-width:14px;height:14px;margin-right:6px;display:inline-flex}.toolbar-dropdown-option__icon[data-v-e6f71d76] .dropdown-select-icon{width:12px;height:12px;display:flex}.toolbar-dropdown-option[data-v-e6f71d76]:hover{background:var(--sd-ui-dropdown-hover-bg,#d8dee5);color:var(--sd-ui-dropdown-hover-text,#47484a)}.toolbar-dropdown-option.sd-selected[data-v-e6f71d76]{background:var(--sd-ui-dropdown-active-bg,#d8dee5);color:var(--sd-ui-dropdown-selected-text,#47484a)}.toolbar-dropdown-menu.high-contrast .toolbar-dropdown-option[data-v-e6f71d76]:not(.sd-render):hover,.toolbar-dropdown-menu.high-contrast .toolbar-dropdown-option:not(.sd-render).sd-selected[data-v-e6f71d76]{color:#fff;background:#000}.toolbar-dropdown-option.sd-disabled[data-v-e6f71d76]{opacity:.5;cursor:not-allowed}.toolbar-dropdown-option.sd-render[data-v-e6f71d76]{cursor:default;color:inherit;background:0 0;padding:0}.toolbar-dropdown-option.sd-render[data-v-e6f71d76]:hover,.toolbar-dropdown-option.sd-render.sd-selected[data-v-e6f71d76]{color:inherit;background:0 0}.fade-in-scale-up-transition-enter-active[data-v-e6f71d76],.fade-in-scale-up-transition-leave-active[data-v-e6f71d76]{transform-origin:0 0}.fade-in-scale-up-transition-enter-active[data-v-e6f71d76]{transition:opacity .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1)}.fade-in-scale-up-transition-leave-active[data-v-e6f71d76]{transition:opacity .2s cubic-bezier(.4,0,1,1),transform .2s cubic-bezier(.4,0,1,1)}.fade-in-scale-up-transition-enter-from[data-v-e6f71d76],.fade-in-scale-up-transition-leave-to[data-v-e6f71d76]{opacity:0;transform:scale(.9)}.fade-in-scale-up-transition-leave-from[data-v-e6f71d76],.fade-in-scale-up-transition-enter-to[data-v-e6f71d76]{opacity:1;transform:scale(1)}.superdoc-toolbar-overflow[data-v-1227fcf9]{flex-wrap:wrap;max-width:200px;min-width:auto!important}.sd-font-combobox[data-v-eb442535]{height:var(--sd-ui-toolbar-height,32px);max-height:var(--sd-ui-toolbar-height,32px);border-radius:var(--sd-ui-radius,6px);box-sizing:border-box;cursor:text;color:var(--sd-ui-toolbar-button-text,#47484a);align-items:center;padding:0;transition:background-color .2s ease-out;display:inline-flex;position:relative}.sd-font-combobox[data-v-eb442535]:focus-within{background-color:var(--sd-ui-toolbar-button-active-bg,var(--sd-ui-active-bg,#c8d0d8))}.sd-font-combobox.high-contrast[data-v-eb442535]:focus-within{color:#fff;background-color:#000}.sd-font-combobox.sd-disabled[data-v-eb442535]{cursor:default;opacity:.35}.sd-font-combobox__field[data-v-eb442535]{flex:auto;min-width:0}.sd-font-combobox__input[data-v-eb442535]{width:100%;min-width:0;height:100%;color:inherit;font-size:var(--sd-ui-font-size-500,15px);text-overflow:ellipsis;box-sizing:border-box;background:0 0;border:none;outline:none;padding:0 4px 0 8px;font-weight:400}.sd-font-combobox__legacy-label[data-v-eb442535]{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-font-combobox__caret[data-v-eb442535]{cursor:pointer;color:inherit;background:0 0;border:none;flex-shrink:0;margin:0;padding:0 4px}.sd-font-combobox.sd-disabled .sd-font-combobox__caret[data-v-eb442535]{cursor:default}.sd-dropdown-caret[data-v-eb442535]{justify-content:center;align-items:center;width:10px;height:10px;display:inline-flex}.sd-font-combobox__listbox[data-v-eb442535]{border-radius:var(--sd-ui-radius,6px);background:var(--sd-ui-dropdown-bg,#fff);border:1px solid var(--sd-ui-dropdown-border,#e4e6eb);min-width:80px;box-shadow:var(--sd-ui-dropdown-shadow,0 8px 24px #00000029);box-sizing:border-box;overscroll-behavior:contain;padding:4px;overflow-y:auto}.sd-font-combobox__option[data-v-eb442535]{border-radius:var(--sd-ui-dropdown-option-radius,3px);cursor:pointer;min-height:34px;font-size:var(--sd-ui-font-size-400,14px);color:var(--sd-ui-dropdown-text,#47484a);box-sizing:border-box;align-items:center;padding:0 10px;transition:background-color .2s ease-out;display:flex}.sd-font-combobox__option.sd-active[data-v-eb442535],.sd-font-combobox__option[data-v-eb442535]:hover{background:var(--sd-ui-dropdown-hover-bg,#d8dee5);color:var(--sd-ui-dropdown-hover-text,#47484a)}.sd-font-combobox__option.sd-selected[data-v-eb442535]{background:var(--sd-ui-dropdown-active-bg,#d8dee5);color:var(--sd-ui-dropdown-selected-text,#47484a)}.sd-font-combobox__listbox.high-contrast .sd-font-combobox__option.sd-active[data-v-eb442535],.sd-font-combobox__listbox.high-contrast .sd-font-combobox__option[data-v-eb442535]:hover,.sd-font-combobox__listbox.high-contrast .sd-font-combobox__option.sd-selected[data-v-eb442535]{color:#fff;background:#000}.sd-tooltip-trigger[data-v-71c6de4c]{display:inline-flex}.sd-tooltip-content[data-v-71c6de4c]{background-color:var(--sd-ui-tooltip-bg,#262626);color:var(--sd-ui-tooltip-text,#fff);font-size:var(--sd-ui-font-size-400,14px);border-radius:var(--sd-ui-tooltip-radius,6px);box-shadow:var(--sd-ui-tooltip-shadow,0 3px 12px #00000047);pointer-events:auto;white-space:nowrap;padding:8px 14px;line-height:1.3}.sd-tooltip-arrow[data-v-71c6de4c]{background-color:var(--sd-ui-tooltip-bg,#262626);width:10px;height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.sd-tooltip-below .sd-tooltip-arrow[data-v-71c6de4c]{top:-5px;bottom:auto}.fade-in-scale-up-transition-enter-active[data-v-71c6de4c]{transition:opacity .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1)}.fade-in-scale-up-transition-enter-from[data-v-71c6de4c]{opacity:0;transform:scale(.9)}.fade-in-scale-up-transition-enter-to[data-v-71c6de4c]{opacity:1;transform:scale(1)}.button-group[data-v-8d7a9de1]{display:flex}.superdoc-toolbar[data-v-0790fc37]{background:var(--sd-ui-toolbar-bg,var(--sd-ui-bg,#fff));width:100%;padding:var(--sd-ui-toolbar-padding-y,4px) var(--sd-ui-toolbar-padding-x,16px);box-sizing:border-box;font-family:var(--sd-ui-font-family,Arial, Helvetica, sans-serif);z-index:var(--sd-ui-toolbar-z-index,10);justify-content:space-between;display:flex;position:relative}@media (max-width:768px){.superdoc-toolbar[data-v-0790fc37]{justify-content:inherit;padding:4px 10px}}.alignment-buttons[data-v-13e5f7a4]{box-sizing:border-box;justify-content:space-between;width:100%;padding:8px;display:flex}.alignment-buttons .sd-button-icon[data-v-13e5f7a4]{cursor:pointer;font-size:var(--sd-ui-font-size-600,16px);color:var(--sd-ui-dropdown-text,#47484a);border-radius:var(--sd-ui-dropdown-option-radius,3px);box-sizing:border-box;justify-content:center;align-items:center;width:25px;height:25px;padding:5px;display:flex}.alignment-buttons .sd-button-icon[data-v-13e5f7a4]:hover{background-color:var(--sd-ui-dropdown-hover-bg,#d8dee5);color:var(--sd-ui-dropdown-hover-text,#47484a)}.alignment-buttons .sd-button-icon[data-v-13e5f7a4] svg{fill:currentColor;width:100%;height:100%;display:block}.alignment-buttons.high-contrast .sd-button-icon[data-v-13e5f7a4]:hover{color:#fff;background-color:#000}.style-buttons-list[data-v-44f37ff6]{box-sizing:border-box;justify-content:space-between;width:100%;padding:8px;display:flex}.style-buttons-list .sd-button-icon[data-v-44f37ff6]{cursor:pointer;font-size:var(--sd-ui-font-size-600,16px);color:var(--sd-ui-dropdown-text,#47484a);border-radius:var(--sd-ui-dropdown-option-radius,3px);box-sizing:border-box;justify-content:center;align-items:center;padding:5px;display:flex}.style-buttons-list .sd-button-icon[data-v-44f37ff6]:hover{background-color:var(--sd-ui-dropdown-hover-bg,#d8dee5);color:var(--sd-ui-dropdown-hover-text,#47484a)}.style-buttons-list .sd-button-icon[data-v-44f37ff6] svg{fill:currentColor;width:100%;height:100%;display:block}.style-buttons-list .sd-button-icon.sd-selected[data-v-44f37ff6]{background-color:var(--sd-ui-dropdown-active-bg,#d8dee5);color:var(--sd-ui-dropdown-selected-text,#47484a)}.style-buttons-list.high-contrast .sd-button-icon[data-v-44f37ff6]:hover,.style-buttons-list.high-contrast .sd-button-icon.sd-selected[data-v-44f37ff6]{color:#fff;background-color:#000}.document-mode[data-v-bee14d7a]{box-sizing:border-box;flex-direction:column;padding:10px;display:flex}.document-mode[data-v-bee14d7a] svg{fill:currentColor;width:100%;height:100%;display:block}.document-mode .sd-option-item[data-v-bee14d7a]{background-color:var(--sd-ui-dropdown-bg,#fff);border-radius:var(--sd-ui-dropdown-option-radius,3px);cursor:pointer;box-sizing:border-box;flex-direction:row;padding:10px;display:flex}.document-mode .sd-option-item[data-v-bee14d7a]:hover{background-color:var(--sd-ui-dropdown-hover-bg,#d8dee5)}.document-mode.high-contrast .sd-option-item[data-v-bee14d7a]:hover{color:#fff;background-color:#000}.document-mode.high-contrast .sd-option-item:hover .icon-column__icon[data-v-bee14d7a],.document-mode.high-contrast .sd-option-item:hover .text-column>.document-mode-type[data-v-bee14d7a],.document-mode.high-contrast .sd-option-item:hover .text-column>.document-mode-description[data-v-bee14d7a]{color:#fff}.sd-disabled[data-v-bee14d7a]{opacity:.5;pointer-events:none;cursor:not-allowed!important}.document-mode-column[data-v-bee14d7a]{flex-direction:column;display:flex}.document-mode-type[data-v-bee14d7a]{font-weight:400;font-size:var(--sd-ui-font-size-500,15px);color:var(--sd-ui-text,#47484a)}.icon-column[data-v-bee14d7a]{color:var(--sd-ui-text,#47484a);box-sizing:border-box;justify-content:flex-start;align-items:center;height:100%;margin-right:5px;padding:0 5px}.icon-column__icon[data-v-bee14d7a]{height:18px;color:var(--sd-ui-text,#47484a);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-column__icon[data-v-bee14d7a] svg{width:auto;max-height:18px}.document-mode-description[data-v-bee14d7a]{font-size:var(--sd-ui-font-size-200,12px);color:var(--sd-ui-text-muted,#666)}.style-name[data-v-74c8924b]{color:var(--sd-ui-dropdown-text,#47484a);padding:16px 10px}.style-name[data-v-74c8924b]:hover{background-color:var(--sd-ui-dropdown-hover-bg,#d8dee5);color:var(--sd-ui-dropdown-hover-text,#47484a)}.linked-style-buttons[data-v-74c8924b]{box-sizing:border-box;flex-direction:column;width:200px;max-height:400px;margin:0;padding:0;display:flex;overflow:auto}.sd-ai-writer[data-v-67f6c6f7]{border-radius:var(--sd-ui-radius,6px);background:var(--sd-ui-dropdown-bg,#fff);box-sizing:border-box;border:1px solid #7715b3;width:300px;padding:12px;box-shadow:0 0 2px 2px #7715b366}.sd-ai-writer__input[data-v-67f6c6f7]{resize:vertical;border:1px solid var(--sd-ui-border,#dbdbdb);box-sizing:border-box;width:100%;min-height:76px;color:var(--sd-ui-text,#47484a);font-family:var(--sd-ui-font-family,Arial, Helvetica, sans-serif);font-size:var(--sd-ui-font-size-300,13px);border-radius:4px;outline:none;padding:8px;line-height:1.4}.sd-ai-writer__input[data-v-67f6c6f7]:focus{border-color:var(--sd-ui-action,#7715b3)}.sd-ai-writer__footer[data-v-67f6c6f7]{justify-content:flex-end;align-items:center;gap:8px;margin-top:10px;display:flex}.sd-ai-writer__error[data-v-67f6c6f7]{color:#b42318;font-size:var(--sd-ui-font-size-200,12px);flex:1;margin:0;line-height:1.3}.sd-ai-writer__submit[data-v-67f6c6f7]{border:1px solid var(--sd-ui-action,#7715b3);background:var(--sd-ui-action,#7715b3);color:#fff;cursor:pointer;font-family:var(--sd-ui-font-family,Arial, Helvetica, sans-serif);font-size:var(--sd-ui-font-size-300,13px);border-radius:4px;padding:7px 10px;line-height:1}.sd-ai-writer__submit[data-v-67f6c6f7]:disabled{cursor:default;opacity:.55}.sd-option-row[data-v-05eb02fc]{flex-direction:row;display:flex}.sd-option[data-v-05eb02fc]{cursor:pointer;box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;padding:3px;display:flex;position:relative}.sd-option[data-v-05eb02fc]:hover{background-color:var(--sd-ui-dropdown-hover-bg,#d8dee5)}.sd-option__icon[data-v-05eb02fc]{flex-shrink:0;width:20px;height:20px}.sd-option__check[data-v-05eb02fc]{flex-shrink:0;width:14px;height:14px;position:absolute}.options-grid-wrap[data-v-52b0283a]{border-radius:var(--sd-ui-radius,6px);padding:5px}.none-option[data-v-52b0283a]{color:var(--sd-ui-text,#47484a);align-items:center;gap:4px;padding:4px;display:flex}.none-option[data-v-52b0283a]:hover{opacity:.65}.none-icon[data-v-52b0283a]{width:16px}.option-grid-ctn[data-v-52b0283a]{background-color:var(--sd-ui-dropdown-bg,#fff);z-index:3;box-sizing:border-box;flex-direction:column;display:flex}.option-grid-ctn__subtitle[data-v-52b0283a]{font-size:var(--sd-ui-font-size-200,12px);padding:3px;font-weight:600}.option-grid-ctn[data-v-52b0283a] svg{fill:currentColor;width:100%;height:100%;display:block}.toolbar-table-grid-wrapper .toolbar-table-grid[data-v-b87d6ca2]{box-sizing:border-box;grid-template-columns:repeat(5,1fr);gap:2px;padding:8px;display:grid}.toolbar-table-grid-wrapper .toolbar-table-grid__item[data-v-b87d6ca2]{border:1px solid var(--sd-ui-border,#dbdbdb);cursor:pointer;width:20px;height:20px;transition:all .15s}.toolbar-table-grid-wrapper .toolbar-table-grid__item.sd-selected[data-v-b87d6ca2]{background-color:var(--sd-ui-dropdown-hover-bg,#d8dee5)}.toolbar-table-grid-wrapper.high-contrast .toolbar-table-grid__item[data-v-b87d6ca2]{border-color:#000}.toolbar-table-grid-wrapper.high-contrast .toolbar-table-grid__item.sd-selected[data-v-b87d6ca2]{background:#000}.toolbar-table-grid-wrapper .toolbar-table-grid-value[data-v-b87d6ca2]{font-size:var(--sd-ui-font-size-300,13px);padding:0 8px 2px;line-height:1.1}.toolbar-table-actions[data-v-0cdad084]{box-sizing:border-box;flex-direction:column;gap:6px;padding:10px;display:flex}.toolbar-table-actions[data-v-0cdad084] svg{fill:currentColor;width:100%;height:100%;display:block}.toolbar-table-actions__item[data-v-0cdad084]{background-color:var(--sd-ui-dropdown-bg,#fff);border-radius:var(--sd-ui-dropdown-option-radius,3px);cursor:pointer;box-sizing:border-box;gap:5px;padding:4px 10px;display:flex;position:relative}.toolbar-table-actions__item[data-v-0cdad084]:hover{background-color:var(--sd-ui-dropdown-hover-bg,#d8dee5)}.toolbar-table-actions__item--border[data-v-0cdad084]:after{content:"";background:var(--sd-ui-border,#dbdbdb);width:calc(100% + 20px);height:1px;display:block;position:absolute;bottom:-3px;left:-10px;right:0}.toolbar-table-actions__icon[data-v-0cdad084]{width:20px;color:var(--sd-ui-text,#47484a);box-sizing:border-box;justify-content:center;align-items:center;display:flex}.toolbar-table-actions__icon-wrapper[data-v-0cdad084]{height:14px;color:var(--sd-ui-text,#47484a);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.toolbar-table-actions__icon-wrapper[data-v-0cdad084] svg{width:auto;max-height:14px}.toolbar-table-actions__label[data-v-0cdad084]{font-size:var(--sd-ui-font-size-500,15px);color:var(--sd-ui-text,#47484a);white-space:nowrap;font-weight:400}.sd-page-number-menu[data-v-30327fd0]{box-sizing:border-box;width:272px;color:var(--sd-ui-text,#47484a);font-family:var(--sd-ui-font-family,Arial, Helvetica, sans-serif);font-size:var(--sd-ui-font-size-300,13px);background:var(--sd-ui-dropdown-bg,#fff);border-radius:var(--sd-ui-radius,6px);flex-direction:column;gap:12px;padding:14px;display:flex}.sd-page-number-menu__title[data-v-30327fd0]{letter-spacing:.01em;font-weight:600}.sd-page-number-menu__grid[data-v-30327fd0]{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.sd-page-number-menu__grid[aria-disabled=true][data-v-30327fd0]{opacity:.55}.sd-page-number-menu__row-label[data-v-30327fd0]{color:var(--sd-ui-text-muted,#666);font-size:var(--sd-ui-font-size-100,11px);letter-spacing:.06em;text-transform:uppercase;grid-column:1/-1;margin-top:2px}.sd-page-number-menu__tile[data-v-30327fd0]{border:1px solid var(--sd-ui-border,#dbdbdb);background:var(--sd-ui-bg,#fff);height:64px;color:var(--sd-ui-text-disabled,#9a9a9a);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out;display:flex}.sd-page-number-menu__tile[data-v-30327fd0]:hover{background:var(--sd-ui-dropdown-hover-bg,#f0f2f5)}.sd-page-number-menu__tile[data-v-30327fd0]:focus-visible{outline:2px solid var(--sd-ui-action,#1355ff);outline-offset:2px}.sd-page-number-menu__tile.is-selected[data-v-30327fd0]{border-color:var(--sd-ui-action,#1355ff);box-shadow:inset 0 0 0 1px var(--sd-ui-action,#1355ff);background:color-mix(in srgb, var(--sd-ui-action,#1355ff) 7%, var(--sd-ui-bg,#fff));color:var(--sd-ui-action,#1355ff)}.sd-page-number-menu__page[data-v-30327fd0]{width:36px;height:46px;overflow:visible}.sd-page-number-menu__sheet[data-v-30327fd0]{fill:var(--sd-ui-bg,#fff);stroke:var(--sd-ui-border,#c9ced6);stroke-width:1.5px}.sd-page-number-menu__line[data-v-30327fd0]{fill:var(--sd-ui-border,#dbdbdb)}.sd-page-number-menu__chip[data-v-30327fd0]{fill:currentColor;transform-box:fill-box;transform-origin:50%}.sd-page-number-menu__tile.is-selected .sd-page-number-menu__chip[data-v-30327fd0]{animation:.16s ease-out sd-page-number-chip-in-30327fd0}@keyframes sd-page-number-chip-in-30327fd0{0%{opacity:.4;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.sd-page-number-menu__check[data-v-30327fd0]{cursor:pointer;align-items:center;gap:8px;display:flex}.sd-page-number-menu__check input[data-v-30327fd0]{accent-color:var(--sd-ui-action,#1355ff);margin:0}.sd-page-number-menu__format[data-v-30327fd0]{border-top:1px solid var(--sd-ui-border,#e6e6e6);flex-direction:column;gap:8px;padding-top:10px;display:flex}.sd-page-number-menu__field[data-v-30327fd0]{justify-content:space-between;align-items:center;gap:8px;display:flex}.sd-page-number-menu__field select[data-v-30327fd0],.sd-page-number-menu__start input[type=number][data-v-30327fd0]{box-sizing:border-box;border:1px solid var(--sd-ui-border,#dbdbdb);border-radius:var(--sd-ui-dropdown-option-radius,4px);background:var(--sd-ui-bg,#fff);height:28px;color:inherit;font:inherit;padding:0 8px}.sd-page-number-menu__field select[data-v-30327fd0]{cursor:pointer;width:132px}.sd-page-number-menu__start[data-v-30327fd0]{justify-content:space-between;align-items:center;gap:8px;display:flex}.sd-page-number-menu__start input[type=number][data-v-30327fd0]{font-variant-numeric:tabular-nums;width:64px}.sd-page-number-menu__field select[data-v-30327fd0]:focus-visible,.sd-page-number-menu__start input[type=number][data-v-30327fd0]:focus-visible{outline:2px solid var(--sd-ui-action,#1355ff);outline-offset:1px}.sd-page-number-menu__field select[data-v-30327fd0]:disabled,.sd-page-number-menu__start input[type=number][data-v-30327fd0]:disabled{color:var(--sd-ui-text-disabled,#9a9a9a);cursor:not-allowed}.sd-page-number-menu__actions[data-v-30327fd0]{gap:8px;display:flex}.sd-page-number-menu__actions .sd-page-number-menu__add[data-v-30327fd0]{flex:1}.sd-page-number-menu__remove[data-v-30327fd0]{border:1px solid var(--sd-ui-border,#dbdbdb);border-radius:var(--sd-ui-radius,6px);background:var(--sd-ui-bg,#fff);color:var(--sd-color-rose-500,#cb0e47);font:inherit;letter-spacing:.02em;cursor:pointer;padding:8px 12px;transition:background-color .12s ease-out,border-color .12s ease-out}.sd-page-number-menu__remove[data-v-30327fd0]:hover:not(:disabled){border-color:color-mix(in srgb, var(--sd-color-rose-500,#cb0e47) 40%, var(--sd-ui-border,#dbdbdb));background:color-mix(in srgb, var(--sd-color-rose-500,#cb0e47) 6%, var(--sd-ui-bg,#fff))}.sd-page-number-menu__remove[data-v-30327fd0]:focus-visible{outline:2px solid var(--sd-ui-action,#1355ff);outline-offset:2px}.sd-page-number-menu__remove[data-v-30327fd0]:disabled{opacity:.5;cursor:not-allowed}.sd-page-number-menu__note[data-v-30327fd0]{color:var(--sd-ui-text-muted,#666);font-size:var(--sd-ui-font-size-200,12px);margin:-4px 0 0;line-height:1.4}.sd-page-number-menu__error[data-v-30327fd0]{border:1px solid color-mix(in srgb, var(--sd-color-rose-500,#cb0e47) 35%, var(--sd-ui-border,#dbdbdb));border-radius:var(--sd-ui-radius,6px);background:color-mix(in srgb, var(--sd-color-rose-500,#cb0e47) 7%, var(--sd-ui-bg,#fff));color:var(--sd-color-rose-500,#cb0e47);font-size:var(--sd-ui-font-size-200,12px);letter-spacing:.01em;margin:-4px 0 0;padding:8px 10px;line-height:1.4;animation:.16s ease-out sd-page-number-menu-error-in-30327fd0}@keyframes sd-page-number-menu-error-in-30327fd0{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:none}}.sd-page-number-menu__add[data-v-30327fd0]{border-radius:var(--sd-ui-radius,6px);background:var(--sd-ui-action,#1355ff);color:var(--sd-ui-action-text,#fff);font:inherit;letter-spacing:.02em;cursor:pointer;border:none;justify-content:center;align-items:center;padding:8px 12px;transition:background-color .12s ease-out;display:inline-flex}.sd-page-number-menu__add[data-v-30327fd0]:hover:not(:disabled){background:var(--sd-ui-action-hover,#0f44cc)}.sd-page-number-menu__add[data-v-30327fd0]:focus-visible,.sd-page-number-menu__cursor[data-v-30327fd0]:focus-visible{outline:2px solid var(--sd-ui-action,#1355ff);outline-offset:2px}.sd-page-number-menu__add[data-v-30327fd0]:disabled{opacity:.5;cursor:not-allowed}.sd-page-number-menu__divider[data-v-30327fd0]{background:var(--sd-ui-border,#e6e6e6);height:1px;margin:0 -14px}.sd-page-number-menu__cursor[data-v-30327fd0]{border-radius:var(--sd-ui-dropdown-option-radius,3px);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;margin:-4px -8px -6px;padding:6px 8px;display:flex}.sd-page-number-menu__cursor[data-v-30327fd0]:hover:not(:disabled){background:var(--sd-ui-dropdown-hover-bg,#f0f2f5)}.sd-page-number-menu__cursor[data-v-30327fd0]:disabled{cursor:default;color:var(--sd-ui-text-disabled,#9a9a9a)}.sd-page-number-menu__cursor-text[data-v-30327fd0]{flex-direction:column;gap:2px;display:flex}.sd-page-number-menu__cursor small[data-v-30327fd0]{color:var(--sd-ui-text-muted,#666);font-size:var(--sd-ui-font-size-100,11px);letter-spacing:.01em}.sd-page-number-menu__cursor:disabled small[data-v-30327fd0]{color:inherit}.sd-page-number-menu__cursor kbd[data-v-30327fd0]{border:1px solid var(--sd-ui-border,#dbdbdb);color:var(--sd-ui-text-muted,#666);font-family:inherit;font-size:var(--sd-ui-font-size-100,11px);letter-spacing:.02em;border-radius:4px;flex-shrink:0;padding:2px 5px}.high-contrast .sd-page-number-menu__tile[data-v-30327fd0],.high-contrast .sd-page-number-menu__sheet[data-v-30327fd0]{stroke:#000;border-color:#000}.high-contrast .sd-page-number-menu__tile.is-selected[data-v-30327fd0]{color:#fff;background:#000}.high-contrast .sd-page-number-menu__error[data-v-30327fd0]{color:#000;background:#fff;border-color:#000}@media (prefers-reduced-motion:reduce){.sd-page-number-menu__tile[data-v-30327fd0],.sd-page-number-menu__add[data-v-30327fd0],.sd-page-number-menu__remove[data-v-30327fd0]{transition:none}.sd-page-number-menu__tile.is-selected .sd-page-number-menu__chip[data-v-30327fd0],.sd-page-number-menu__error[data-v-30327fd0]{animation:none}}.sd-page-number-flash{outline-offset:4px;border-radius:2px;outline:2px solid #0000;animation:1.4s ease-out sd-page-number-flash}@keyframes sd-page-number-flash{0%,35%{outline-color:color-mix(in srgb, var(--sd-ui-action,#1355ff) 55%, transparent);background-color:color-mix(in srgb, var(--sd-ui-action,#1355ff) 6%, transparent)}to{background-color:#0000;outline-color:#0000}}@media (prefers-reduced-motion:reduce){.sd-page-number-flash{outline-color:color-mix(in srgb, var(--sd-ui-action,#1355ff) 55%, transparent);animation:none}}.sd-password-prompt[data-v-ecf7f6fb]{gap:var(--sd-ui-password-prompt-gap,12px);flex-direction:column;display:flex}.sd-password-prompt__heading[data-v-ecf7f6fb]{font-size:var(--sd-ui-password-prompt-heading-size,15px);font-weight:var(--sd-ui-password-prompt-heading-weight,600);color:var(--sd-ui-password-prompt-heading-color,var(--sd-ui-text));margin:0;line-height:1.4}.sd-password-prompt__description[data-v-ecf7f6fb]{font-size:var(--sd-ui-password-prompt-description-size,14px);color:var(--sd-ui-password-prompt-description-color,var(--sd-ui-text));margin:0;line-height:1.5}.sd-password-prompt__field[data-v-ecf7f6fb]{display:flex}.sd-password-prompt__input[data-v-ecf7f6fb]{width:100%;padding:var(--sd-ui-password-prompt-input-padding,8px 10px);font-size:var(--sd-ui-password-prompt-input-size,14px);color:var(--sd-ui-password-prompt-input-color,var(--sd-ui-text));background:var(--sd-ui-password-prompt-input-bg,#fff);border:1px solid var(--sd-ui-password-prompt-input-border,var(--sd-ui-border));border-radius:var(--sd-ui-password-prompt-input-radius,4px);outline:none;font-family:inherit;transition:border-color .15s}.sd-password-prompt__input[data-v-ecf7f6fb]:focus{border-color:var(--sd-ui-password-prompt-input-focus-border,var(--sd-ui-action))}.sd-password-prompt__input[data-v-ecf7f6fb]:disabled{opacity:var(--sd-ui-password-prompt-input-disabled-opacity,.6);cursor:not-allowed}.sd-password-prompt__error[data-v-ecf7f6fb]{font-size:var(--sd-ui-password-prompt-error-size,13px);color:var(--sd-ui-password-prompt-error-color,var(--sd-color-red-500,#ed4337));margin:0}.sd-password-prompt__actions[data-v-ecf7f6fb]{justify-content:flex-end;gap:var(--sd-ui-password-prompt-actions-gap,8px);margin-top:4px;display:flex}.sd-password-prompt__btn[data-v-ecf7f6fb]{padding:var(--sd-ui-password-prompt-btn-padding,6px 16px);font-size:var(--sd-ui-password-prompt-btn-size,14px);border-radius:var(--sd-ui-password-prompt-btn-radius,4px);cursor:pointer;font-family:inherit;transition:background-color .15s,opacity .15s}.sd-password-prompt__btn[data-v-ecf7f6fb]:disabled{opacity:var(--sd-ui-password-prompt-btn-disabled-opacity,.5);cursor:not-allowed}.sd-password-prompt__btn--cancel[data-v-ecf7f6fb]{background:var(--sd-ui-password-prompt-cancel-bg,transparent);border:1px solid var(--sd-ui-password-prompt-cancel-border,var(--sd-ui-border));color:var(--sd-ui-password-prompt-cancel-color,var(--sd-ui-text))}.sd-password-prompt__btn--cancel[data-v-ecf7f6fb]:hover:not(:disabled){background:var(--sd-ui-password-prompt-cancel-hover-bg,var(--sd-color-gray-100,#f5f5f5))}.sd-password-prompt__btn--submit[data-v-ecf7f6fb]{background:var(--sd-ui-password-prompt-submit-bg,var(--sd-ui-action));border:1px solid var(--sd-ui-password-prompt-submit-border,var(--sd-ui-action));color:var(--sd-ui-password-prompt-submit-color,var(--sd-ui-action-text,#fff))}.sd-password-prompt__btn--submit[data-v-ecf7f6fb]:hover:not(:disabled){background:var(--sd-ui-password-prompt-submit-hover-bg,var(--sd-ui-action-hover))}.sd-find-replace[data-v-5dba4c36]{gap:var(--sd-ui-find-replace-gap,6px);min-width:var(--sd-ui-find-replace-min-width,380px);flex-direction:column;display:flex}.sd-find-replace__row[data-v-5dba4c36]{align-items:center;gap:var(--sd-ui-find-replace-gap,6px);display:flex}.sd-find-replace__row-indent[data-v-5dba4c36]{flex:0 0 var(--sd-ui-find-replace-expander-size,24px)}.sd-find-replace__field[data-v-5dba4c36]{min-width:0;height:var(--sd-ui-find-replace-input-height,32px);background:var(--sd-ui-find-replace-input-bg,#fff);border:1px solid var(--sd-ui-find-replace-input-border,var(--sd-ui-border));border-radius:var(--sd-ui-find-replace-input-radius,6px);box-sizing:border-box;flex:1;align-items:center;padding:0 4px 0 10px;transition:border-color .12s ease-out,box-shadow .12s ease-out;display:flex}.sd-find-replace__field[data-v-5dba4c36]:focus-within{border-color:var(--sd-ui-find-replace-input-focus-border,var(--sd-ui-action));box-shadow:0 0 0 3px var(--sd-ui-find-replace-input-focus-ring,color-mix(in srgb, var(--sd-ui-action) 15%, transparent))}.sd-find-replace__field--error[data-v-5dba4c36],.sd-find-replace__field--error[data-v-5dba4c36]:focus-within{border-color:var(--sd-ui-find-replace-error-color,#b3261e)}.sd-find-replace__field--error[data-v-5dba4c36]:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--sd-ui-find-replace-error-color,#b3261e) 12%, transparent)}.sd-find-replace__search-icon[data-v-5dba4c36]{color:var(--sd-ui-find-replace-search-icon-color,#9ca3af);flex-shrink:0;margin-right:6px}.sd-find-replace__input[data-v-5dba4c36]{min-width:0;height:100%;font-size:var(--sd-ui-find-replace-input-font-size,14px);color:var(--sd-ui-text);background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit}.sd-find-replace__count[data-v-5dba4c36]{font-size:var(--sd-ui-find-replace-count-font-size,12px);color:var(--sd-ui-find-replace-count-color,#6b7280);pointer-events:none;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.01em;flex-shrink:0;padding:0 5px 0 4px}.sd-find-replace__divider[data-v-5dba4c36]{background:var(--sd-ui-find-replace-input-border,var(--sd-ui-border));flex-shrink:0;width:1px;height:16px;margin:0 4px}.sd-find-replace__nav[data-v-5dba4c36]{align-items:center;gap:var(--sd-ui-find-replace-nav-gap,2px);flex-shrink:0;display:flex}.sd-find-replace__nav--actions[data-v-5dba4c36]{gap:var(--sd-ui-find-replace-gap,6px)}.sd-find-replace__btn[data-v-5dba4c36]{cursor:pointer;color:var(--sd-ui-find-replace-btn-color,var(--sd-ui-text));background:0 0;border:none;justify-content:center;align-items:center;font-family:inherit;transition:background-color .12s ease-out,color .12s ease-out,border-color .12s ease-out,transform 90ms ease-out;display:inline-flex}.sd-find-replace__btn[data-v-5dba4c36]:active:not(:disabled){transform:scale(.96)}.sd-find-replace__btn[data-v-5dba4c36]:focus-visible{outline:2px solid var(--sd-ui-action);outline-offset:1px}.sd-find-replace__btn[data-v-5dba4c36]:disabled{opacity:var(--sd-ui-find-replace-btn-disabled-opacity,.4);cursor:not-allowed}.sd-find-replace__btn--icon[data-v-5dba4c36]{width:var(--sd-ui-find-replace-btn-size,28px);height:var(--sd-ui-find-replace-btn-size,28px);border-radius:var(--sd-ui-find-replace-btn-radius,6px);color:var(--sd-ui-find-replace-btn-color,#4b5563)}.sd-find-replace__btn--icon[data-v-5dba4c36]:hover:not(:disabled){background:var(--sd-ui-find-replace-btn-hover-bg,color-mix(in srgb, currentColor 8%, transparent))}.sd-find-replace__btn--expander[data-v-5dba4c36]{width:var(--sd-ui-find-replace-expander-size,24px);height:var(--sd-ui-find-replace-expander-size,24px);border-radius:var(--sd-ui-find-replace-btn-radius,6px);color:var(--sd-ui-find-replace-count-color,#6b7280);flex-shrink:0}.sd-find-replace__btn--expander[data-v-5dba4c36]:hover:not(:disabled){background:var(--sd-ui-find-replace-btn-hover-bg,color-mix(in srgb, currentColor 8%, transparent));color:var(--sd-ui-find-replace-btn-color,var(--sd-ui-text))}.sd-find-replace__btn--expander svg[data-v-5dba4c36]{transition:transform .16s ease-out}.sd-find-replace__btn--expander-open svg[data-v-5dba4c36]{transform:rotate(90deg)}.sd-find-replace__btn--toggle[data-v-5dba4c36]{min-width:20px;height:20px;padding:var(--sd-ui-find-replace-btn-toggle-padding,0 3px);font-size:var(--sd-ui-find-replace-btn-toggle-font-size,11px);letter-spacing:.01em;border-radius:calc(var(--sd-ui-find-replace-input-radius,6px) - 2px);color:var(--sd-ui-find-replace-count-color,#6b7280);border:1px solid #0000;flex-shrink:0}.sd-find-replace__btn--toggle+.sd-find-replace__btn--toggle[data-v-5dba4c36]{margin-left:1px}.sd-find-replace__btn--toggle[data-v-5dba4c36]:hover:not(:disabled){background:var(--sd-ui-find-replace-btn-hover-bg,color-mix(in srgb, currentColor 8%, transparent));color:var(--sd-ui-find-replace-btn-color,var(--sd-ui-text))}.sd-find-replace__btn--active[data-v-5dba4c36],.sd-find-replace__btn--active[data-v-5dba4c36]:hover:not(:disabled){background:var(--sd-ui-find-replace-toggle-active-bg,color-mix(in srgb, var(--sd-ui-action) 12%, transparent));border-color:var(--sd-ui-find-replace-toggle-active-border,color-mix(in srgb, var(--sd-ui-action) 30%, transparent));color:var(--sd-ui-find-replace-toggle-active-color,var(--sd-ui-action))}.sd-find-replace__btn--action[data-v-5dba4c36]{height:var(--sd-ui-find-replace-btn-size,28px);padding:var(--sd-ui-find-replace-action-btn-padding,0 12px);font-size:var(--sd-ui-find-replace-count-font-size,13px);letter-spacing:.01em;border-radius:var(--sd-ui-find-replace-btn-radius,6px);background:var(--sd-ui-find-replace-action-btn-bg,var(--sd-ui-action));color:var(--sd-ui-find-replace-action-btn-color,#fff)}.sd-find-replace__btn--action[data-v-5dba4c36]:hover:not(:disabled){background:var(--sd-ui-find-replace-action-btn-hover-bg,color-mix(in srgb, var(--sd-ui-find-replace-action-btn-bg,var(--sd-ui-action)) 88%, #000))}.sd-find-replace__error[data-v-5dba4c36]{align-items:center;gap:var(--sd-ui-find-replace-gap,6px);color:var(--sd-ui-find-replace-error-color,#b3261e);font-size:var(--sd-ui-find-replace-error-font-size,12px);letter-spacing:.01em;padding:var(--sd-ui-find-replace-error-padding,0 2px);animation:.16s ease-out sd-find-replace-error-in-5dba4c36;display:flex}.sd-find-replace__error-text[data-v-5dba4c36]{padding-left:4px}@keyframes sd-find-replace-error-in-5dba4c36{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sd-find-replace__field[data-v-5dba4c36],.sd-find-replace__btn[data-v-5dba4c36],.sd-find-replace__btn--expander svg[data-v-5dba4c36]{transition:none}.sd-find-replace__btn[data-v-5dba4c36]:active:not(:disabled){transform:none}.sd-find-replace__error[data-v-5dba4c36]{animation:none}}.sd-pdf-viewer-page[data-v-d7a9857d]{--user-unit:1;--total-scale-factor:calc(var(--scale-factor) * var(--user-unit));--scale-round-x:1px;--scale-round-y:1px;box-sizing:content-box;width:816px;height:1056px;margin:0 0 calc(var(--scale-factor) * 10px);background-color:#fff;background-clip:content-box;position:relative;overflow:visible}.sd-pdf-viewer-page[data-v-d7a9857d]:last-child{margin:0}.sd-pdf-viewer-page__canvas-wrapper[data-v-d7a9857d]{width:100%;height:100%;overflow:hidden}.sd-pdf-viewer-page__canvas[data-v-d7a9857d]{contain:content;width:100%;height:100%;margin:0;display:block;position:absolute;top:0;left:0}.sd-pdf-viewer-page__text-layer{--csstools-color-scheme--light:initial;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;text-align:initial;opacity:1;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;caret-color:canvastext;z-index:0;line-height:1;position:absolute;inset:0;overflow:clip}.sd-pdf-viewer-page__text-layer.highlighting{touch-action:none}.sd-pdf-viewer-page__text-layer :is(span,br){color:#0000;white-space:pre;cursor:text;transform-origin:0 0;position:absolute}.sd-pdf-viewer-page__text-layer{--min-font-size:1;--text-scale-factor:calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv:calc(1 / var(--min-font-size))}.sd-pdf-viewer-page__text-layer>:not(.markedContent),.sd-pdf-viewer-page__text-layer .markedContent span:not(.markedContent){z-index:1;--font-height:0;font-size:calc(var(--text-scale-factor) * var(--font-height));--scale-x:1;--rotate:0deg;transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}.sd-pdf-viewer-page__text-layer .markedContent{display:contents}.sd-pdf-viewer-page__text-layer span[role=img]{-webkit-user-select:none;user-select:none;cursor:default}.sd-pdf-viewer-page__text-layer .highlight{--highlight-bg-color:#b400aa40;--highlight-selected-bg-color:#00640040;--highlight-backdrop-filter:none;--highlight-selected-backdrop-filter:none}@media screen and (forced-colors:active){.sd-pdf-viewer-page__text-layer.highlight{--highlight-bg-color:transparent;--highlight-selected-bg-color:transparent;--highlight-backdrop-filter:var(--hcm-highlight-filter);--highlight-selected-backdrop-filter:var(--hcm-highlight-selected-filter)}}.sd-pdf-viewer-page__text-layer .highlight{background-color:var(--highlight-bg-color);-webkit-backdrop-filter:var(--highlight-backdrop-filter);backdrop-filter:var(--highlight-backdrop-filter);border-radius:4px;margin:-1px;padding:1px}.appended:is(.sd-pdf-viewer-page__text-layer .highlight){position:initial}.begin:is(.sd-pdf-viewer-page__text-layer .highlight){border-radius:4px 0 0 4px}.end:is(.sd-pdf-viewer-page__text-layer .highlight){border-radius:0 4px 4px 0}.middle:is(.sd-pdf-viewer-page__text-layer .highlight){border-radius:0}.selected:is(.sd-pdf-viewer-page__text-layer .highlight){background-color:var(--highlight-selected-bg-color);-webkit-backdrop-filter:var(--highlight-selected-backdrop-filter);backdrop-filter:var(--highlight-selected-backdrop-filter)}.sd-pdf-viewer-page__text-layer ::selection{background:#0000ff40;background:color-mix(in srgb, AccentColor, transparent 75%)}.sd-pdf-viewer-page__text-layer br::selection{background:0 0}.sd-pdf-viewer-page__text-layer .endOfContent{z-index:0;cursor:default;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:100% 0 0}.textLayer.selecting .endOfContent{top:0}.sd-pdf-viewer-document[data-v-2152178b]{width:100%;position:relative}.sd-pdf-viewer-document__wrapper[data-v-2152178b]{width:100%;padding-bottom:10px}.sd-pdf-viewer[data-v-05c9d9b5]{width:100%;position:relative}.sd-pdf-viewer__main[data-v-05c9d9b5]{width:100%}
4241
3
  /*$vite$:1*/}