-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathstyles.css
More file actions
4474 lines (3978 loc) · 148 KB
/
Copy pathstyles.css
File metadata and controls
4474 lines (3978 loc) · 148 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
.native-powerpoint-doc-editor-theme-light,
.native-powerpoint-doc-editor-theme-system,
body {
--npde-chrome-bg: #ffffff;
--npde-chrome-bg-alt: #f8f9fa;
--npde-chrome-bg-muted: #f1f3f4;
--npde-chrome-border: #e3e5e8;
--npde-chrome-border-muted: #e2e8f0;
--npde-chrome-border-strong: #cbd5e1;
--npde-chrome-border-hover: #dadce0;
--npde-chrome-canvas: #f8fafc;
--npde-chrome-text: #202124;
--npde-chrome-text-strong: #0f172a;
--npde-chrome-text-muted: #5f6368;
--npde-chrome-text-subtle: #64748b;
--npde-chrome-text-faint: #80868b;
--npde-chrome-accent: #1a73e8;
--npde-chrome-accent-strong: #2563eb;
--npde-chrome-accent-hover: #1763cc;
--npde-chrome-accent-strong-hover: #1d4ed8;
--npde-chrome-on-accent: #ffffff;
--npde-chrome-overlay: rgba(15, 23, 42, 0.28);
--npde-chrome-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.12);
--npde-chrome-shadow-md: 0 8px 22px rgba(15, 23, 42, 0.22);
--npde-chrome-shadow-lg: 0 10px 24px rgba(15, 23, 42, 0.18);
--npde-docx-toolbar-tooltip-bg: #0f172a;
--npde-docx-toolbar-tooltip-text: #f8fafc;
--npde-docx-toolbar-tooltip-shadow: 0 8px 22px rgba(15, 23, 42, 0.22);
--npde-chrome-shadow-xl: 0 18px 50px rgba(15, 23, 42, 0.22);
--npde-toolbar-bg: #f1f5f9;
--npde-toolbar-bg-hover: #e2e8f0;
--npde-toolbar-bg-subtle: rgba(241, 245, 249, 0.8);
--npde-toolbar-border: #e2e8f0;
--npde-toolbar-scrollbar-track: #ffffff;
--npde-toolbar-scrollbar-thumb: #cbd5e1;
--npde-toolbar-scrollbar-thumb-hover: #94a3b8;
--npde-docx-toolbar-shell-bg: var(--npde-chrome-bg);
--npde-docx-formatting-bar-bg: var(--npde-toolbar-bg);
--npde-docx-formatting-scrollbar-track: var(--npde-toolbar-scrollbar-track);
--npde-docx-formatting-scrollbar-thumb: var(--npde-toolbar-scrollbar-thumb);
--npde-docx-formatting-scrollbar-thumb-hover: var(--npde-toolbar-scrollbar-thumb-hover);
--npde-docx-document-scrollbar-track: var(--npde-chrome-bg);
--npde-docx-document-scrollbar-thumb: var(--npde-toolbar-scrollbar-thumb);
--npde-docx-document-scrollbar-thumb-hover: var(--npde-toolbar-scrollbar-thumb-hover);
--npde-toolbar-text: #202124;
--npde-toolbar-text-muted: #5f6368;
--npde-toolbar-focus-ring: color-mix(in srgb, var(--npde-chrome-accent) 18%, transparent);
--npde-toolbar-active-bg: color-mix(in srgb, var(--npde-chrome-accent) 14%, transparent);
--npde-menu-bg: #ffffff;
--npde-menu-border: #d1d5db;
--npde-menu-border-subtle: #e2e8f0;
--npde-menu-separator: #e2e8f0;
--npde-menu-text: #0f172a;
--npde-menu-item-text: #334155;
--npde-menu-text-muted: #64748b;
--npde-menu-hover-bg: #f1f5f9;
--npde-menu-hover-text: #0f172a;
--npde-menu-check: #1a73e8;
--npde-menu-shadow: 0 10px 24px rgba(15, 23, 42, 0.18);
--npde-menu-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.12);
--npde-dialog-bg: #ffffff;
--npde-dialog-bg-muted: #f8fafc;
--npde-dialog-border: #cbd5e1;
--npde-dialog-border-muted: #d1d5db;
--npde-dialog-border-subtle: #e2e8f0;
--npde-settings-action-border: var(--npde-dialog-border);
--npde-dialog-text: #0f172a;
--npde-dialog-text-muted: #475569;
--npde-dialog-text-subtle: #64748b;
--npde-dialog-input-bg: #ffffff;
--npde-dialog-input-border: #cbd5e1;
--npde-dialog-button-bg: #ffffff;
--npde-dialog-button-hover-bg: #f1f5f9;
--npde-dialog-primary-bg: #2563eb;
--npde-dialog-primary-bg-hover: #1d4ed8;
--npde-dialog-checkbox-bg: #ffffff;
--npde-dialog-checkbox-border: #94a3b8;
--npde-dialog-checkbox-checked-bg: #1a73e8;
--npde-dialog-checkbox-check: #ffffff;
--npde-dialog-shadow: 0 18px 50px rgba(15, 23, 42, 0.22);
--npde-dialog-shadow-lg: 0 16px 40px rgba(15, 23, 42, 0.18);
--npde-document-bg: #ffffff;
--npde-document-text: #000000;
--npde-document-canvas: #c4c7cc;
--npde-document-shadow: 0 1px 4px rgba(60, 64, 67, 0.3), 0 4px 14px rgba(60, 64, 67, 0.22);
--npde-document-text-halo: rgba(255, 255, 255, 0.88);
--npde-document-ui-bg: #ffffff;
--npde-document-ui-bg-muted: #f8fafc;
--npde-document-ui-border: #e2e8f0;
--npde-document-ui-text: #0f172a;
--npde-document-ui-text-muted: #64748b;
--npde-warning-bg: #fff7ed;
--npde-warning-border: #fed7aa;
--npde-warning-text: #9a3412;
--npde-status-success: #22c55e;
--npde-status-success-text: #188038;
--npde-status-warning: #b06000;
--npde-status-danger: #d93025;
--npde-status-danger-bg: #fce8e6;
--npde-selection-find-bg: rgba(250, 204, 21, 0.45);
--npde-selection-find-current-bg: rgba(249, 115, 22, 0.58);
--npde-selection-find-current-outline: rgba(234, 88, 12, 0.85);
--npde-selection-subtle-bg: color-mix(in srgb, var(--npde-chrome-accent) 16%, transparent);
--npde-selection-active-bg: rgba(26, 115, 232, 0.3);
--npde-selection-object-bg: rgba(38, 132, 255, 0.28);
--npde-selection-highlight-bg: rgba(245, 158, 11, 0.6);
--npde-selection-guide: #ea4335;
--npde-selection-table-active-bg: #aecbfa;
--npde-selection-table-active-border: #4285f4;
--npde-selection-table-active-text: #202124;
--npde-presentation-bg: #000000;
--npde-presentation-shadow: 0 0 40px rgba(0, 0, 0, 0.6);
--npde-presentation-text: #ffffff;
--npde-presentation-hud-bg: rgba(0, 0, 0, 0.5);
--npde-presentation-button-bg: rgba(255, 255, 255, 0.15);
--npde-presentation-button-border: rgba(255, 255, 255, 0.3);
--npde-presentation-button-bg-hover: rgba(255, 255, 255, 0.28);
--npde-editor-bg: var(--npde-chrome-bg);
--npde-editor-bg-alt: var(--npde-chrome-bg-alt);
--npde-editor-bg-muted: var(--npde-chrome-bg-muted);
--npde-editor-border: var(--npde-chrome-border);
--npde-editor-border-strong: var(--npde-chrome-border-strong);
--npde-editor-hover: var(--npde-chrome-bg-muted);
--npde-editor-text: var(--npde-chrome-text);
--npde-editor-text-muted: var(--npde-chrome-text-muted);
--npde-editor-text-faint: var(--npde-chrome-text-faint);
--npde-editor-accent: var(--npde-chrome-accent);
--npde-editor-accent-hover: var(--npde-chrome-accent-hover);
--npde-editor-on-accent: var(--npde-chrome-on-accent);
--npde-editor-canvas: var(--npde-chrome-canvas);
--npde-editor-toolbar: var(--npde-toolbar-bg);
--npde-editor-toolbar-hover: var(--npde-toolbar-bg-hover);
}
body.native-powerpoint-doc-editor-theme-resolved-dark {
--npde-chrome-bg: #202124;
--npde-chrome-bg-alt: #252629;
--npde-chrome-bg-muted: #2b2c30;
--npde-chrome-border: #3c4043;
--npde-chrome-border-muted: #3c4043;
--npde-chrome-border-strong: #5f6368;
--npde-chrome-border-hover: #5f6368;
--npde-chrome-canvas: #1f2023;
--npde-chrome-text: #e8eaed;
--npde-chrome-text-strong: #e8eaed;
--npde-chrome-text-muted: #bdc1c6;
--npde-chrome-text-subtle: #bdc1c6;
--npde-chrome-text-faint: #9aa0a6;
--npde-chrome-accent: #8ab4f8;
--npde-chrome-accent-strong: #8ab4f8;
--npde-chrome-accent-hover: #aecbfa;
--npde-chrome-accent-strong-hover: #aecbfa;
--npde-chrome-on-accent: #202124;
--npde-chrome-overlay: rgba(0, 0, 0, 0.5);
--npde-chrome-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.36);
--npde-chrome-shadow-md: 0 8px 22px rgba(0, 0, 0, 0.42);
--npde-chrome-shadow-lg: 0 10px 24px rgba(0, 0, 0, 0.38);
--npde-docx-toolbar-tooltip-bg: #0f172a;
--npde-docx-toolbar-tooltip-text: #f8fafc;
--npde-docx-toolbar-tooltip-shadow: 0 8px 22px rgba(0, 0, 0, 0.42);
--npde-chrome-shadow-xl: 0 18px 50px rgba(0, 0, 0, 0.42);
--npde-toolbar-bg: #303134;
--npde-toolbar-bg-hover: #3c4043;
--npde-toolbar-bg-subtle: #303134;
--npde-toolbar-border: #3c4043;
--npde-toolbar-scrollbar-track: #202124;
--npde-toolbar-scrollbar-thumb: #5f6368;
--npde-toolbar-scrollbar-thumb-hover: #9aa0a6;
--npde-toolbar-text: #e8eaed;
--npde-toolbar-text-muted: #bdc1c6;
--npde-toolbar-focus-ring: rgba(138, 180, 248, 0.45);
--npde-menu-bg: #202124;
--npde-menu-border: #3c4043;
--npde-menu-border-subtle: #3c4043;
--npde-menu-separator: #3c4043;
--npde-menu-text: #e8eaed;
--npde-menu-item-text: #bdc1c6;
--npde-menu-text-muted: #bdc1c6;
--npde-menu-hover-bg: #303134;
--npde-menu-hover-text: #e8eaed;
--npde-menu-check: #8ab4f8;
--npde-menu-shadow: var(--npde-chrome-shadow-lg);
--npde-menu-shadow-sm: var(--npde-chrome-shadow-sm);
--npde-dialog-bg: #202124;
--npde-dialog-bg-muted: #2b2c30;
--npde-dialog-border: #5f6368;
--npde-dialog-border-muted: #3c4043;
--npde-dialog-border-subtle: #3c4043;
--npde-settings-action-border: var(--npde-editor-border-strong);
--npde-dialog-text: #e8eaed;
--npde-dialog-text-muted: #bdc1c6;
--npde-dialog-text-subtle: #bdc1c6;
--npde-dialog-input-bg: #202124;
--npde-dialog-input-border: #5f6368;
--npde-dialog-button-bg: #202124;
--npde-dialog-button-hover-bg: #303134;
--npde-dialog-primary-bg: #8ab4f8;
--npde-dialog-primary-bg-hover: #aecbfa;
--npde-dialog-checkbox-bg: #202124;
--npde-dialog-checkbox-border: #5f6368;
--npde-dialog-checkbox-checked-bg: #8ab4f8;
--npde-dialog-checkbox-check: #202124;
--npde-dialog-shadow: var(--npde-chrome-shadow-xl);
--npde-dialog-shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.36);
--npde-document-bg: #ffffff;
--npde-document-text: #000000;
--npde-document-canvas: #1f2023;
--npde-document-shadow: 0 1px 4px rgba(0, 0, 0, 0.28), 0 4px 14px rgba(0, 0, 0, 0.34);
--npde-document-text-halo: rgba(255, 255, 255, 0.88);
--npde-document-ui-bg: #202124;
--npde-document-ui-bg-muted: #2b2c30;
--npde-document-ui-border: #3c4043;
--npde-document-ui-text: #e8eaed;
--npde-document-ui-text-muted: #bdc1c6;
--npde-warning-bg: #3f2f16;
--npde-warning-border: #8a6d1f;
--npde-warning-text: #fdd663;
--npde-status-success: #81c995;
--npde-status-success-text: #81c995;
--npde-status-warning: #fdd663;
--npde-status-danger: #f28b82;
--npde-status-danger-bg: #4a1f1a;
--npde-selection-find-bg: rgba(250, 204, 21, 0.5);
--npde-selection-find-current-bg: rgba(249, 115, 22, 0.68);
--npde-selection-find-current-outline: rgba(251, 146, 60, 0.9);
--npde-selection-active-bg: rgba(138, 180, 248, 0.28);
--npde-selection-object-bg: rgba(138, 180, 248, 0.24);
--npde-selection-highlight-bg: rgba(245, 158, 11, 0.58);
--npde-selection-guide: #f28b82;
--npde-selection-table-active-bg: color-mix(in srgb, var(--npde-chrome-accent) 32%, transparent);
--npde-selection-table-active-border: var(--npde-chrome-accent);
--npde-selection-table-active-text: var(--npde-chrome-text);
}
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .view-content {
display: flex;
flex-direction: column;
height: 100%;
min-height: 0;
overflow: hidden;
padding: 0;
}
.native-powerpoint-doc-editor-host {
background: var(--npde-editor-canvas);
display: flex;
flex: 1 1 auto;
flex-direction: column;
height: 100%;
min-height: 0;
overflow: hidden;
width: 100%;
}
.native-powerpoint-doc-editor-host > .ep-root {
flex: 1;
height: 100%;
min-height: 0;
width: 100%;
}
.native-powerpoint-doc-editor-host .ep-root,
.native-powerpoint-doc-editor-host .ep-root * {
box-sizing: border-box;
}
.native-powerpoint-doc-editor-fixed-probe {
left: 0;
pointer-events: none;
position: fixed;
top: 0;
visibility: hidden;
}
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root {
--doc-bg: var(--npde-editor-bg);
--doc-bg-hover: var(--npde-editor-hover);
--doc-border: var(--npde-editor-border);
--doc-border-light: var(--npde-editor-border);
--doc-hover: var(--npde-editor-hover);
--doc-text: var(--npde-editor-text);
--doc-text-muted: var(--npde-editor-text-muted);
}
.native-powerpoint-doc-editor-host .ep-root button,
.native-powerpoint-doc-editor-host .ep-root input,
.native-powerpoint-doc-editor-host .ep-root select,
.native-powerpoint-doc-editor-host .ep-root textarea {
font: inherit;
}
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root button {
appearance: none;
box-shadow: none;
}
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root button:hover,
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root button:focus,
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root button:active {
box-shadow: none;
}
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [data-testid='editor-toolbar'] button.h-7.w-7,
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .docx-list-button {
background-color: transparent;
border-color: transparent;
border-style: solid;
border-width: 0;
}
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [data-testid='editor-toolbar'] button.h-7.w-7:hover,
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [data-testid='editor-toolbar'] button.h-7.w-7:focus,
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .docx-list-button:hover,
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .docx-list-button:focus {
background-color: var(--npde-toolbar-bg-subtle);
}
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [data-testid='editor-toolbar'] button.h-7.w-7[aria-pressed='true'],
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .docx-list-button-active {
background-color: var(--doc-primary-light);
}
.native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-find-match {
background-color: var(--npde-selection-find-bg);
border-radius: 2px;
}
.native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-find-current {
background-color: var(--npde-selection-find-current-bg);
border-radius: 2px;
outline: 1px solid var(--npde-selection-find-current-outline);
}
.native-powerpoint-doc-editor-host .ep-root .docx-text-context-menu {
transform: translate(
calc(-1 * var(--native-powerpoint-doc-editor-fixed-left-offset, 0px)),
calc(-1 * var(--native-powerpoint-doc-editor-fixed-top-offset, 0px))
);
}
.native-powerpoint-doc-editor-host .ep-root [style*='position: fixed'] {
--native-powerpoint-doc-editor-fixed-correction: translate(
calc(-1 * var(--native-powerpoint-doc-editor-fixed-left-offset, 0px)),
calc(-1 * var(--native-powerpoint-doc-editor-fixed-top-offset, 0px))
);
transform: var(--native-powerpoint-doc-editor-fixed-correction);
}
.native-powerpoint-doc-editor-host .ep-root [style*='position: fixed'][style*='transform'] {
transform: var(--native-powerpoint-doc-editor-fixed-correction) var(--native-powerpoint-doc-editor-existing-transform, none);
}
.native-powerpoint-doc-editor-host.native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-fixed-dialog-layer,
.native-powerpoint-doc-editor-host.native-powerpoint-doc-editor-host .ep-root [style*='position: fixed'][role='dialog'][aria-modal='true'] {
inset: 0;
transform: none;
}
.native-powerpoint-doc-editor-host.native-powerpoint-doc-editor-host .ep-root [data-testid='editor-toolbar'] {
isolation: isolate;
position: relative;
z-index: 100010;
}
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view']
.native-powerpoint-doc-editor-host
.ep-root
[data-testid='formatting-bar'].native-powerpoint-doc-editor-formatting-dropdown-open {
overflow: visible;
}
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view']
.native-powerpoint-doc-editor-host
.ep-root
[data-testid='formatting-bar'].native-powerpoint-doc-editor-formatting-dropdown-open
> * {
left: calc(-1 * var(--native-powerpoint-doc-editor-formatting-scroll-left, 0px));
position: relative;
}
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [data-testid='title-bar'],
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [data-testid='title-bar'] > div:nth-child(2),
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [data-testid='title-bar'] > div:nth-child(2) > div:first-child {
min-width: 0;
}
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [data-testid='title-bar'] > div:nth-child(2) > div:first-child {
flex: 1 1 auto;
width: 100%;
}
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [data-testid='title-bar'] input.truncate,
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [data-testid='title-bar'] span.truncate {
flex: 1 1 auto;
max-width: none;
min-width: 0;
width: 100%;
}
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [data-testid='title-bar'] button.native-powerpoint-doc-editor-comments-sidebar-toggle-disabled,
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [data-testid='title-bar'] button.native-powerpoint-doc-editor-comments-sidebar-toggle-disabled[aria-disabled='true'],
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [data-testid='title-bar'] button.native-powerpoint-doc-editor-comments-sidebar-toggle-disabled:disabled {
cursor: not-allowed;
opacity: 0.35;
pointer-events: none;
}
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [role='dialog'] {
color: var(--npde-dialog-text);
}
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [role='dialog'] input,
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [role='dialog'] select,
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [role='dialog'] textarea {
background: var(--npde-dialog-input-bg);
border-color: var(--npde-dialog-input-border);
color: var(--npde-dialog-text);
}
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [role='dialog'] option {
background: var(--npde-dialog-input-bg);
color: var(--npde-dialog-text);
}
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [role='dialog'] button {
background-color: var(--npde-dialog-button-bg);
border-color: var(--npde-dialog-border);
color: var(--npde-dialog-text);
}
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [role='dialog'] button:hover,
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [role='dialog'] button:focus {
background-color: var(--npde-dialog-button-hover-bg);
}
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [data-testid='editor-toolbar'] [role='listbox'] {
background: var(--npde-menu-bg);
border-color: var(--npde-menu-border-subtle);
color: var(--npde-menu-text);
}
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [data-testid='editor-toolbar'] [role='listbox'] button,
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [data-testid='editor-toolbar'] [role='listbox'] [role='option'] {
background: transparent;
border: 0;
box-shadow: none;
color: var(--npde-menu-item-text);
}
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [data-testid='editor-toolbar'] [role='listbox'] button:hover,
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [data-testid='editor-toolbar'] [role='listbox'] button:focus,
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [data-testid='editor-toolbar'] [role='listbox'] [role='option']:hover,
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [data-testid='editor-toolbar'] [role='listbox'] [role='option']:focus,
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [data-testid='editor-toolbar'] [role='option'][aria-selected='true'],
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [data-testid='editor-toolbar'] [role='option'][data-highlighted] {
background: var(--npde-menu-hover-bg);
color: var(--npde-menu-hover-text);
}
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [data-testid='font-size-display'],
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root [data-testid='font-size-input'] {
color: var(--npde-toolbar-text);
}
body .native-powerpoint-doc-editor-light-menu-shell.native-powerpoint-doc-editor-light-menu-shell,
body .native-powerpoint-doc-editor-light-menu-surface.native-powerpoint-doc-editor-light-menu-surface,
body [data-native-powerpoint-doc-editor-mode-menu='true'][data-native-powerpoint-doc-editor-mode-menu='true'] {
background: var(--npde-menu-bg);
border-color: var(--npde-menu-border);
color: var(--npde-menu-text);
color-scheme: light;
}
body .native-powerpoint-doc-editor-light-menu-surface.native-powerpoint-doc-editor-light-menu-surface :is(button, [role='menuitem'], [role='option']),
body [data-native-powerpoint-doc-editor-mode-menu='true'][data-native-powerpoint-doc-editor-mode-menu='true'] :is(button, [role='menuitem'], [role='option']),
body.native-powerpoint-doc-editor-theme-resolved-light.native-powerpoint-doc-editor-theme-resolved-light .native-powerpoint-doc-editor-light-menu-surface :is(button, [role='menuitem'], [role='option']),
body.native-powerpoint-doc-editor-theme-resolved-light.native-powerpoint-doc-editor-theme-resolved-light [data-native-powerpoint-doc-editor-mode-menu='true'] :is(button, [role='menuitem'], [role='option']) {
background: transparent;
border-color: transparent;
box-shadow: none;
color: var(--npde-menu-item-text);
}
body .native-powerpoint-doc-editor-light-menu-surface.native-powerpoint-doc-editor-light-menu-surface :is(button:hover, button:focus, [role='menuitem']:hover, [role='menuitem']:focus, [role='option']:hover, [role='option']:focus, [aria-selected='true'], [data-highlighted]),
body [data-native-powerpoint-doc-editor-mode-menu='true'][data-native-powerpoint-doc-editor-mode-menu='true'] :is(button:hover, button:focus, [role='menuitem']:hover, [role='menuitem']:focus, [role='option']:hover, [role='option']:focus, [aria-selected='true'], [data-highlighted]),
body.native-powerpoint-doc-editor-theme-resolved-light.native-powerpoint-doc-editor-theme-resolved-light .native-powerpoint-doc-editor-light-menu-surface :is(button:hover, button:focus, [role='menuitem']:hover, [role='menuitem']:focus, [role='option']:hover, [role='option']:focus, [aria-selected='true'], [data-highlighted]),
body.native-powerpoint-doc-editor-theme-resolved-light.native-powerpoint-doc-editor-theme-resolved-light [data-native-powerpoint-doc-editor-mode-menu='true'] :is(button:hover, button:focus, [role='menuitem']:hover, [role='menuitem']:focus, [role='option']:hover, [role='option']:focus, [aria-selected='true'], [data-highlighted]) {
background: var(--npde-menu-hover-bg);
color: var(--npde-menu-hover-text);
}
.native-powerpoint-doc-editor-host.native-powerpoint-doc-editor-theme-light .ep-root .docx-outline-toggle {
background: var(--npde-toolbar-bg);
border-color: var(--npde-toolbar-border);
box-shadow: none;
color: var(--npde-toolbar-text-muted);
}
.native-powerpoint-doc-editor-host.native-powerpoint-doc-editor-theme-light .ep-root .docx-outline-toggle:hover,
.native-powerpoint-doc-editor-host.native-powerpoint-doc-editor-theme-light .ep-root .docx-outline-toggle:focus {
background: var(--npde-toolbar-bg-hover);
color: var(--npde-toolbar-text);
}
body [data-native-powerpoint-doc-editor-mode-menu='true'].native-powerpoint-doc-editor-mode-menu-normalized {
min-width: 260px;
overflow: hidden;
padding: 4px 0;
}
body [data-native-powerpoint-doc-editor-mode-menu='true'] .native-powerpoint-doc-editor-mode-menu-item.native-powerpoint-doc-editor-mode-menu-item {
align-items: center;
box-shadow: none;
display: grid;
gap: 0 10px;
grid-template-columns: 24px minmax(0, 1fr) 20px;
justify-content: start;
justify-items: start;
line-height: normal;
min-height: 48px;
padding: 8px 12px;
width: 100%;
}
body [data-native-powerpoint-doc-editor-mode-menu='true'] .native-powerpoint-doc-editor-mode-menu-icon {
display: inline-flex;
flex: 0 0 20px;
grid-column: 1;
height: 20px;
justify-self: start;
margin-left: 0;
width: 20px;
}
body [data-native-powerpoint-doc-editor-mode-menu='true'] .native-powerpoint-doc-editor-mode-menu-label {
flex: 1 1 auto;
grid-column: 2;
justify-self: stretch;
margin-left: 0;
min-width: 0;
}
body [data-native-powerpoint-doc-editor-mode-menu='true'] .native-powerpoint-doc-editor-mode-menu-check {
color: var(--npde-menu-check);
grid-column: 3;
justify-self: end;
margin-left: 0;
opacity: 1;
stroke: currentColor;
fill: none;
}
body [data-native-powerpoint-doc-editor-mode-menu='true'] .native-powerpoint-doc-editor-mode-menu-check :is(path, polyline, line) {
stroke: currentColor;
}
body [data-native-powerpoint-doc-editor-mode-menu='true'] .native-powerpoint-doc-editor-mode-menu-check path:not([fill='none']) {
fill: currentColor;
}
.native-powerpoint-doc-editor-import-font-separator.native-powerpoint-doc-editor-import-font-separator {
background: var(--npde-menu-separator);
height: 1px;
margin: 4px 0;
}
.native-powerpoint-doc-editor-font-menu-footer.native-powerpoint-doc-editor-font-menu-footer {
padding: 0 4px 4px;
}
body .native-powerpoint-doc-editor-import-font-option.native-powerpoint-doc-editor-import-font-option,
body.native-powerpoint-doc-editor-theme-resolved-light.native-powerpoint-doc-editor-theme-resolved-light .native-powerpoint-doc-editor-import-font-option {
align-items: center;
background: transparent;
border: 0;
border-radius: 4px;
box-shadow: none;
color: var(--npde-menu-text);
cursor: pointer;
display: flex;
font-size: 13px;
gap: 8px;
min-height: 32px;
padding: 6px 8px;
text-align: left;
width: 100%;
}
body .native-powerpoint-doc-editor-import-font-option.native-powerpoint-doc-editor-import-font-option:hover,
body .native-powerpoint-doc-editor-import-font-option.native-powerpoint-doc-editor-import-font-option:focus,
body.native-powerpoint-doc-editor-theme-resolved-light.native-powerpoint-doc-editor-theme-resolved-light .native-powerpoint-doc-editor-import-font-option:hover,
body.native-powerpoint-doc-editor-theme-resolved-light.native-powerpoint-doc-editor-theme-resolved-light .native-powerpoint-doc-editor-import-font-option:focus {
background: var(--npde-menu-hover-bg);
outline: none;
}
.native-powerpoint-doc-editor-custom-table-separator.native-powerpoint-doc-editor-custom-table-separator {
background: var(--npde-menu-separator);
height: 1px;
margin: 8px 0 4px;
}
body .native-powerpoint-doc-editor-custom-table-option.native-powerpoint-doc-editor-custom-table-option,
body.native-powerpoint-doc-editor-theme-resolved-light.native-powerpoint-doc-editor-theme-resolved-light .native-powerpoint-doc-editor-custom-table-option {
background: transparent;
border: 0;
border-radius: 4px;
box-shadow: none;
color: var(--npde-menu-text);
cursor: pointer;
font-size: 13px;
min-height: 30px;
padding: 6px 8px;
text-align: left;
width: 100%;
}
body .native-powerpoint-doc-editor-custom-table-option.native-powerpoint-doc-editor-custom-table-option:hover,
body .native-powerpoint-doc-editor-custom-table-option.native-powerpoint-doc-editor-custom-table-option:focus,
body.native-powerpoint-doc-editor-theme-resolved-light.native-powerpoint-doc-editor-theme-resolved-light .native-powerpoint-doc-editor-custom-table-option:hover,
body.native-powerpoint-doc-editor-theme-resolved-light.native-powerpoint-doc-editor-theme-resolved-light .native-powerpoint-doc-editor-custom-table-option:focus {
background: var(--npde-menu-hover-bg);
outline: none;
}
.native-powerpoint-doc-editor-custom-table-backdrop {
align-items: center;
background: var(--npde-chrome-overlay);
display: flex;
inset: 0;
justify-content: center;
padding: 20px;
position: fixed;
z-index: 100070;
}
.native-powerpoint-doc-editor-custom-table-dialog.native-powerpoint-doc-editor-custom-table-dialog {
background: var(--npde-dialog-bg);
border: 1px solid var(--npde-dialog-border);
border-radius: 8px;
box-shadow: var(--npde-dialog-shadow);
color: var(--npde-dialog-text);
color-scheme: light;
display: grid;
gap: 12px;
min-width: 260px;
padding: 14px;
}
.native-powerpoint-doc-editor-custom-table-title {
font-size: 14px;
font-weight: 600;
}
.native-powerpoint-doc-editor-custom-table-field {
align-items: center;
display: grid;
gap: 10px;
grid-template-columns: 80px 1fr;
}
.native-powerpoint-doc-editor-custom-table-field span {
color: var(--npde-dialog-text-muted);
font-size: 13px;
}
.native-powerpoint-doc-editor-custom-table-field.native-powerpoint-doc-editor-custom-table-field input {
background: var(--npde-dialog-input-bg);
border: 1px solid var(--npde-dialog-input-border);
border-radius: 6px;
color: var(--npde-dialog-text);
font-size: 13px;
height: 32px;
padding: 4px 8px;
width: 100%;
}
.native-powerpoint-doc-editor-custom-table-actions {
display: flex;
gap: 8px;
justify-content: flex-end;
margin-top: 2px;
}
.native-powerpoint-doc-editor-custom-table-actions.native-powerpoint-doc-editor-custom-table-actions button {
background: var(--npde-dialog-button-bg);
border: 1px solid var(--npde-dialog-border);
border-radius: 6px;
color: var(--npde-dialog-text);
cursor: pointer;
font-size: 13px;
height: 32px;
padding: 0 12px;
}
.native-powerpoint-doc-editor-custom-table-actions.native-powerpoint-doc-editor-custom-table-actions button:hover,
.native-powerpoint-doc-editor-custom-table-actions.native-powerpoint-doc-editor-custom-table-actions button:focus {
background: var(--npde-dialog-button-hover-bg);
outline: none;
}
.native-powerpoint-doc-editor-custom-table-actions.native-powerpoint-doc-editor-custom-table-actions .native-powerpoint-doc-editor-custom-table-primary {
background: var(--npde-dialog-primary-bg);
border-color: var(--npde-dialog-primary-bg);
color: var(--npde-chrome-on-accent);
}
.native-powerpoint-doc-editor-custom-table-actions.native-powerpoint-doc-editor-custom-table-actions .native-powerpoint-doc-editor-custom-table-primary:hover,
.native-powerpoint-doc-editor-custom-table-actions.native-powerpoint-doc-editor-custom-table-actions .native-powerpoint-doc-editor-custom-table-primary:focus {
background: var(--npde-dialog-primary-bg-hover);
border-color: var(--npde-dialog-primary-bg-hover);
}
/* Match the editor's header/footer behavior so typed spaces stay visible in body text. */
.native-powerpoint-doc-editor-host .ep-root .layout-page-content .ProseMirror p,
.native-powerpoint-doc-editor-host .ep-root .docx-run-editable[contenteditable='true'] {
white-space: pre-wrap;
}
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .layout-list-marker,
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .layout-list-marker-line,
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .docx-list-marker {
-webkit-user-select: text;
cursor: text;
user-select: text;
}
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-list-marker-selected {
background: var(--npde-selection-active-bg);
border-radius: 2px;
color: inherit;
}
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-search-menu-button {
align-items: center;
background: transparent;
border: none;
border-radius: 4px;
box-shadow: none;
color: var(--doc-text, var(--npde-document-ui-text));
cursor: pointer;
display: flex;
font-size: 13px;
font-weight: 400;
height: 28px;
line-height: 28px;
padding: 2px 8px;
white-space: nowrap;
}
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-search-menu-button:hover,
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-search-menu-button:focus {
background: var(--npde-menu-hover-bg);
color: var(--npde-menu-hover-text);
outline: none;
}
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-editor-settings-menu,
body.native-powerpoint-doc-editor-theme-resolved-light.native-powerpoint-doc-editor-theme-resolved-light
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view']
.native-powerpoint-doc-editor-host
.ep-root
.native-powerpoint-doc-editor-editor-settings-menu {
background: var(--npde-menu-bg);
border: 1px solid var(--npde-menu-border);
border-radius: 6px;
box-shadow: var(--npde-menu-shadow);
color: var(--npde-menu-text);
color-scheme: light;
left: 0;
max-height: min(70vh, 620px);
min-width: min(420px, calc(100vw - 32px));
overflow-y: auto;
padding: 8px;
position: absolute;
top: calc(100% + 4px);
z-index: 100060;
}
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-editor-settings-section,
body.native-powerpoint-doc-editor-theme-resolved-light.native-powerpoint-doc-editor-theme-resolved-light
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view']
.native-powerpoint-doc-editor-host
.ep-root
.native-powerpoint-doc-editor-editor-settings-section {
color: var(--npde-menu-text-muted);
font-size: 11px;
font-weight: 700;
letter-spacing: 0;
margin: 8px 4px 4px;
text-transform: uppercase;
}
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-editor-settings-row,
body.native-powerpoint-doc-editor-theme-resolved-light.native-powerpoint-doc-editor-theme-resolved-light
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view']
.native-powerpoint-doc-editor-host
.ep-root
.native-powerpoint-doc-editor-editor-settings-row {
align-items: center;
background: transparent;
border: 1px solid transparent;
border-radius: 6px;
box-sizing: border-box;
color: var(--npde-menu-text);
display: flex;
gap: 12px;
justify-content: space-between;
padding: 7px 8px;
width: 100%;
}
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-editor-settings-row:hover,
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-editor-settings-row:focus-within,
body.native-powerpoint-doc-editor-theme-resolved-light.native-powerpoint-doc-editor-theme-resolved-light
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view']
.native-powerpoint-doc-editor-host
.ep-root
.native-powerpoint-doc-editor-editor-settings-row:hover,
body.native-powerpoint-doc-editor-theme-resolved-light.native-powerpoint-doc-editor-theme-resolved-light
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view']
.native-powerpoint-doc-editor-host
.ep-root
.native-powerpoint-doc-editor-editor-settings-row:focus-within {
background: var(--npde-dialog-bg-muted);
border-color: var(--npde-dialog-border-subtle);
}
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-editor-settings-copy {
display: grid;
gap: 2px;
min-width: 0;
}
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-editor-settings-label,
body.native-powerpoint-doc-editor-theme-resolved-light.native-powerpoint-doc-editor-theme-resolved-light
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view']
.native-powerpoint-doc-editor-host
.ep-root
.native-powerpoint-doc-editor-editor-settings-label {
color: var(--npde-menu-text);
font-size: 12px;
font-weight: 600;
line-height: 1.3;
}
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-editor-settings-desc,
body.native-powerpoint-doc-editor-theme-resolved-light.native-powerpoint-doc-editor-theme-resolved-light
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view']
.native-powerpoint-doc-editor-host
.ep-root
.native-powerpoint-doc-editor-editor-settings-desc {
color: var(--npde-menu-text-muted);
font-size: 11px;
line-height: 1.3;
max-width: 260px;
white-space: normal;
}
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-editor-settings-checkbox-control {
display: inline-flex;
flex: 0 0 auto;
height: 18px;
position: relative;
width: 18px;
}
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-editor-settings-checkbox {
appearance: none;
-webkit-appearance: none;
background: var(--npde-dialog-checkbox-bg);
border: 1px solid var(--npde-dialog-checkbox-border);
border-radius: 4px;
box-shadow: none;
cursor: pointer;
display: block;
height: 18px;
margin: 0;
width: 18px;
z-index: 1;
}
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-editor-settings-checkbox:checked {
background: var(--npde-dialog-checkbox-checked-bg);
border-color: var(--npde-dialog-checkbox-checked-bg);
}
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-editor-settings-checkbox-mark {
border-bottom: 2px solid var(--npde-dialog-checkbox-check);
border-right: 2px solid var(--npde-dialog-checkbox-check);
height: 10px;
left: 6px;
opacity: 0;
pointer-events: none;
position: absolute;
top: 2px;
transform: rotate(45deg);
width: 5px;
z-index: 2;
}
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-editor-settings-checkbox:checked + .native-powerpoint-doc-editor-editor-settings-checkbox-mark {
opacity: 1;
}
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-editor-settings-inline-controls {
align-items: center;
display: flex;
flex: 0 0 auto;
gap: 6px;
}
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-editor-settings-input,
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-editor-settings-select,
body.native-powerpoint-doc-editor-theme-resolved-light.native-powerpoint-doc-editor-theme-resolved-light
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view']
.native-powerpoint-doc-editor-host
.ep-root
.native-powerpoint-doc-editor-editor-settings-input,
body.native-powerpoint-doc-editor-theme-resolved-light.native-powerpoint-doc-editor-theme-resolved-light
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view']
.native-powerpoint-doc-editor-host
.ep-root
.native-powerpoint-doc-editor-editor-settings-select {
background: var(--npde-dialog-input-bg);
border: 1px solid var(--npde-dialog-input-border);
border-radius: 5px;
box-shadow: none;
color: var(--npde-dialog-text);
font-size: 12px;
height: 30px;
min-width: 126px;
padding: 4px 7px;
}
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-editor-settings-action,
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-editor-settings-row > button,
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-editor-settings-row.mod-action > button,
body.native-powerpoint-doc-editor-theme-resolved-light.native-powerpoint-doc-editor-theme-resolved-light
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view']
.native-powerpoint-doc-editor-host
.ep-root
.native-powerpoint-doc-editor-editor-settings-action,
body.native-powerpoint-doc-editor-theme-resolved-light.native-powerpoint-doc-editor-theme-resolved-light
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view']
.native-powerpoint-doc-editor-host
.ep-root
.native-powerpoint-doc-editor-editor-settings-row > button,
body.native-powerpoint-doc-editor-theme-resolved-light.native-powerpoint-doc-editor-theme-resolved-light
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view']
.native-powerpoint-doc-editor-host
.ep-root
.native-powerpoint-doc-editor-editor-settings-row.mod-action > button {
appearance: none;
-webkit-appearance: none;
background: var(--npde-dialog-button-bg);
border: 1px solid var(--npde-settings-action-border, var(--npde-dialog-border));
border-radius: 5px;
box-shadow: none;
color: var(--npde-dialog-text);
cursor: pointer;
flex: 0 0 auto;
font-size: 12px;
font-weight: 500;
height: 30px;
padding: 4px 9px;
white-space: nowrap;
}
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-editor-settings-action:hover,
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-editor-settings-action:focus,
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-editor-settings-row > button:hover,
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-editor-settings-row > button:focus,
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-editor-settings-row.mod-action > button:hover,
.workspace-leaf-content.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view'] .native-powerpoint-doc-editor-host .ep-root .native-powerpoint-doc-editor-editor-settings-row.mod-action > button:focus,
body.native-powerpoint-doc-editor-theme-resolved-light.native-powerpoint-doc-editor-theme-resolved-light
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view']
.native-powerpoint-doc-editor-host
.ep-root
.native-powerpoint-doc-editor-editor-settings-action:hover,
body.native-powerpoint-doc-editor-theme-resolved-light.native-powerpoint-doc-editor-theme-resolved-light
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view']
.native-powerpoint-doc-editor-host
.ep-root
.native-powerpoint-doc-editor-editor-settings-action:focus,
body.native-powerpoint-doc-editor-theme-resolved-light.native-powerpoint-doc-editor-theme-resolved-light
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view']
.native-powerpoint-doc-editor-host
.ep-root
.native-powerpoint-doc-editor-editor-settings-row > button:hover,
body.native-powerpoint-doc-editor-theme-resolved-light.native-powerpoint-doc-editor-theme-resolved-light
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view']
.native-powerpoint-doc-editor-host
.ep-root
.native-powerpoint-doc-editor-editor-settings-row > button:focus,
body.native-powerpoint-doc-editor-theme-resolved-light.native-powerpoint-doc-editor-theme-resolved-light
.workspace-leaf-content[data-type='native-powerpoint-doc-editor-docx-view']
.native-powerpoint-doc-editor-host
.ep-root
.native-powerpoint-doc-editor-editor-settings-row.mod-action > button:hover,