generated from cal-cs184/proj-webpage-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
5366 lines (5157 loc) · 1.06 MB
/
index.html
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
<!DOCTYPE html>
<html><head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="mobile-web-app-capable" content="yes">
<title>cs184-proj-index</title>
<link rel="icon" sizes="96x96" href="https://publish-01.obsidian.md/access/f786db9fac45774fa4f0d8112e232d67/favicon-96x96.png">
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js" integrity="sha256-xLD7nhI62fcsEZK2/v8LsBcb4lG7dgULkuXoXB/j91c=" crossorigin="anonymous"></script>
<script src="https://code.iconify.design/iconify-icon/1.0.3/iconify-icon.min.js"></script>
<!-- Obsidian App Styles / Other Built-in Styles -->
<style> .callout
{
mix-blend-mode: normal !important;
}
@media print
{
html body> :not(.print)
{
display: unset !important;
}
.collapse-indicator
{
display: none !important;
}
.is-collapsed > element > .collapse-indicator
{
display: unset !important;
}
}
.list-collapse-indicator
{
display: none !important;
}
@font-face
{
font-family: MJXZERO;
src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Zero.woff") format("woff");
}
@font-face
{
font-family: MJXTEX;
src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Main-Regular.woff") format("woff");
}
@font-face
{
font-family: MJXTEX-B;
src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Main-Bold.woff") format("woff");
}
@font-face
{
font-family: MJXTEX-I;
src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Math-Italic.woff") format("woff");
}
@font-face
{
font-family: MJXTEX-MI;
src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Main-Italic.woff") format("woff");
}
@font-face
{
font-family: MJXTEX-BI;
src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Math-BoldItalic.woff") format("woff");
}
@font-face
{
font-family: MJXTEX-S1;
src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Size1-Regular.woff") format("woff");
}
@font-face
{
font-family: MJXTEX-S2;
src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Size2-Regular.woff") format("woff");
}
@font-face
{
font-family: MJXTEX-S3;
src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Size3-Regular.woff") format("woff");
}
@font-face
{
font-family: MJXTEX-S4;
src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Size4-Regular.woff") format("woff");
}
@font-face
{
font-family: MJXTEX-A;
src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_AMS-Regular.woff") format("woff");
}
@font-face
{
font-family: MJXTEX-C;
src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Calligraphic-Regular.woff") format("woff");
}
@font-face
{
font-family: MJXTEX-CB;
src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Calligraphic-Bold.woff") format("woff");
}
@font-face
{
font-family: MJXTEX-FR;
src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Fraktur-Regular.woff") format("woff");
}
@font-face
{
font-family: MJXTEX-FRB;
src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Fraktur-Bold.woff") format("woff");
}
@font-face
{
font-family: MJXTEX-SS;
src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_SansSerif-Regular.woff") format("woff");
}
@font-face
{
font-family: MJXTEX-SSB;
src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_SansSerif-Bold.woff") format("woff");
}
@font-face
{
font-family: MJXTEX-SSI;
src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_SansSerif-Italic.woff") format("woff");
}
@font-face
{
font-family: MJXTEX-SC;
src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Script-Regular.woff") format("woff");
}
@font-face
{
font-family: MJXTEX-T;
src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Typewriter-Regular.woff") format("woff");
}
@font-face
{
font-family: MJXTEX-V;
src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Vector-Regular.woff") format("woff");
}
@font-face
{
font-family: MJXTEX-VB;
src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Vector-Bold.woff") format("woff");
}
@font-face {
font-family: 'Avenir Next';
font-weight: normal;
font-style: normal;
font-display: swap;
src: url('https://publish.obsidian.md/public/fonts/94f2f163d4b698242fef.otf');
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url('https://publish.obsidian.md/public/fonts/72505e6a122c6acd5471.woff2') format('woff2');
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url('https://publish.obsidian.md/public/fonts/2d5198822ab091ce4305.woff2') format('woff2');
}
@font-face {
font-family: 'Inter';
font-weight: 400;
font-style: normal;
font-display: swap;
src: url('https://publish.obsidian.md/public/fonts/c8ba52b05a9ef10f4758.woff2');
}
@font-face {
font-family: 'Inter';
font-weight: 400;
font-style: italic;
font-display: swap;
src: url('https://publish.obsidian.md/public/fonts/cb10ffd7684cd9836a05.woff2');
}
@font-face {
font-family: 'Inter';
font-weight: 600;
font-style: normal;
font-display: swap;
src: url('https://publish.obsidian.md/public/fonts/b5f0f109bc88052d4000.woff2');
}
@font-face {
font-family: 'Inter';
font-weight: 800;
font-style: normal;
font-display: swap;
src: url('https://publish.obsidian.md/public/fonts/cbe0ae49c52c920fd563.woff2');
}
@font-face {
font-family: 'Inter';
font-weight: 800;
font-style: italic;
font-display: swap;
src: url('https://publish.obsidian.md/public/fonts/535a6cf662596b3bd6a6.woff2');
}
@font-face {
font-family: 'Source Code Pro';
font-weight: normal;
font-style: normal;
font-display: swap;
src: url('https://publish.obsidian.md/public/fonts/70cc7ff27245e82ad414.ttf');
}
@font-face {
font-family: 'Source Code Pro';
font-weight: normal;
font-style: italic;
font-display: swap;
src: url('https://publish.obsidian.md/public/fonts/454577c22304619db035.ttf');
}
@font-face {
font-family: 'Source Code Pro';
font-weight: bold;
font-style: normal;
font-display: swap;
src: url('https://publish.obsidian.md/public/fonts/52ac8f3034507f1d9e53.ttf');
}
@font-face {
font-family: 'Source Code Pro';
font-weight: bold;
font-style: italic;
font-display: swap;
src: url('https://publish.obsidian.md/public/fonts/05b618077343fbbd92b7.ttf');
}
@font-face {
font-family: 'Flow Circular';
font-display: swap;
src: url('https://publish.obsidian.md/public/fonts/853ff76f08786ae44ca0.woff');
}
body { --anim-duration-none: 0; --anim-duration-superfast: 70ms; --anim-duration-fast: 140ms; --anim-duration-moderate: 300ms; --anim-duration-slow: 560ms; --anim-motion-smooth: cubic-bezier(0.45, 0.05, 0.55, 0.95); --anim-motion-delay: cubic-bezier(0.65, 0.05, 0.36, 1); --anim-motion-jumpy: cubic-bezier(0.68, -0.55, 0.27, 1.55); --anim-motion-swing: cubic-bezier(0, 0.55, 0.45, 1); --blockquote-border-thickness: 2px; --blockquote-border-color: var(--interactive-accent); --blockquote-font-style: normal; --blockquote-color: inherit; --blockquote-background-color: transparent; --bold-weight: var(--font-semibold); --bold-color: inherit; --border-width: 1px; --button-radius: var(--input-radius); --callout-border-width: 0px; --callout-border-opacity: 0.25; --callout-padding: var(--size-4-3) var(--size-4-3) var(--size-4-3) var(--size-4-6); --callout-radius: var(--radius-s); --callout-blend-mode: var(--highlight-mix-blend-mode); --callout-title-color: inherit; --callout-title-padding: 0; --callout-title-size: inherit; --callout-content-padding: 0; --callout-content-background: transparent; --callout-bug: var(--color-red-rgb); --callout-default: var(--color-blue-rgb); --callout-error: var(--color-red-rgb); --callout-example: var(--color-purple-rgb); --callout-fail: var(--color-red-rgb); --callout-important: var(--color-cyan-rgb); --callout-info: var(--color-blue-rgb); --callout-question: var(--color-yellow-rgb); --callout-success: var(--color-green-rgb); --callout-summary: var(--color-cyan-rgb); --callout-tip: var(--color-cyan-rgb); --callout-todo: var(--color-blue-rgb); --callout-warning: var(--color-orange-rgb); --callout-quote: 158, 158, 158; --canvas-background: var(--background-primary); --canvas-card-label-color: var(--text-faint); --canvas-color-1: var(--color-red-rgb); --canvas-color-2: var(--color-orange-rgb); --canvas-color-3: var(--color-yellow-rgb); --canvas-color-4: var(--color-green-rgb); --canvas-color-5: var(--color-cyan-rgb); --canvas-color-6: var(--color-purple-rgb); --canvas-dot-pattern: var(--color-base-30); --checkbox-radius: var(--radius-s); --checkbox-size: var(--font-text-size); --checkbox-marker-color: var(--background-primary); --checkbox-color: var(--interactive-accent); --checkbox-color-hover: var(--interactive-accent-hover); --checkbox-border-color: var(--text-faint); --checkbox-border-color-hover: var(--text-muted); --checklist-done-decoration: line-through; --checklist-done-color: var(--text-muted); --code-white-space: pre-wrap; --code-size: var(--font-smaller); --code-background: var(--background-primary-alt); --code-normal: var(--text-muted); --code-comment: var(--text-faint); --code-function: var(--color-yellow); --code-important: var(--color-orange); --code-keyword: var(--color-pink); --code-operator: var(--color-red); --code-property: var(--color-cyan); --code-punctuation: var(--text-muted); --code-string: var(--color-green); --code-tag: var(--color-red); --code-value: var(--color-purple); --collapse-icon-color: var(--text-faint); --collapse-icon-color-collapsed: var(--text-accent); --cursor: default; --cursor-link: pointer; --dialog-width: 560px; --dialog-max-width: 80vw; --dialog-max-height: 85vh; --divider-color: var(--background-modifier-border); --divider-color-hover: var(--interactive-accent); --divider-width: 1px; --divider-width-hover: 3px; --divider-vertical-height: calc(100% - var(--header-height)); --drag-ghost-background: rgba(0, 0, 0, 0.85); --drag-ghost-text-color: #fff; --embed-max-height: 4000px; --embed-canvas-max-height: 400px; --embed-background: inherit; --embed-border-left: 2px solid var(--interactive-accent); --embed-border-right: none; --embed-border-top: none; --embed-border-bottom: none; --embed-padding: 0 0 0 var(--size-4-6); --embed-font-style: inherit; --embed-block-shadow-hover: 0 0 0 1px var(--background-modifier-border), inset 0 0 0 1px var(--background-modifier-border); --file-line-width: 700px; --file-folding-offset: 24px; --file-margins: var(--size-4-8); --file-header-font-size: var(--font-ui-small); --file-header-font-weight: 400; --file-header-border: var(--border-width) solid transparent; --file-header-justify: center; --font-smallest: 0.8em; --font-smaller: 0.875em; --font-small: 0.933em; --font-ui-smaller: 12px; --font-ui-small: 13px; --font-ui-medium: 15px; --font-ui-large: 20px; --font-thin: 100; --font-extralight: 200; --font-light: 300; --font-normal: 400; --font-medium: 500; --font-semibold: 600; --font-bold: 700; --font-extrabold: 800; --font-black: 900; --footnote-size: var(--font-smaller); --graph-controls-width: 240px; --graph-text: var(--text-normal); --graph-line: var(--color-base-35, var(--background-modifier-border-focus)); --graph-node: var(--text-muted); --graph-node-unresolved: var(--text-faint); --graph-node-focused: var(--text-accent); --graph-node-tag: var(--color-green); --graph-node-attachment: var(--color-yellow); --heading-formatting: var(--text-faint); --h1-color: inherit; --h2-color: inherit; --h3-color: inherit; --h4-color: inherit; --h5-color: inherit; --h6-color: inherit; --h1-font: inherit; --h2-font: inherit; --h3-font: inherit; --h4-font: inherit; --h5-font: inherit; --h6-font: inherit; --h1-line-height: 1.2; --h2-line-height: 1.2; --h3-line-height: 1.3; --h4-line-height: 1.4; --h5-line-height: var(--line-height-normal); --h6-line-height: var(--line-height-normal); --h1-size: 2em; --h2-size: 1.6em; --h3-size: 1.37em; --h4-size: 1.25em; --h5-size: 1.12em; --h6-size: 1.12em; --h1-style: normal; --h2-style: normal; --h3-style: normal; --h4-style: normal; --h5-style: normal; --h6-style: normal; --h1-variant: normal; --h2-variant: normal; --h3-variant: normal; --h4-variant: normal; --h5-variant: normal; --h6-variant: normal; --h1-weight: 700; --h2-weight: 600; --h3-weight: 600; --h4-weight: 600; --h5-weight: 600; --h6-weight: 600; --header-height: 40px; --hr-color: var(--background-modifier-border); --hr-thickness: 2px; --icon-size: var(--icon-m); --icon-stroke: var(--icon-m-stroke-width); --icon-xs: 14px; --icon-s: 16px; --icon-m: 18px; --icon-l: 18px; --icon-xl: 32px; --icon-xs-stroke-width: 2px; --icon-s-stroke-width: 2px; --icon-m-stroke-width: 1.75px; --icon-l-stroke-width: 1.75px; --icon-xl-stroke-width: 1.25px; --icon-color: var(--text-muted); --icon-color-hover: var(--text-muted); --icon-color-active: var(--text-accent); --icon-color-focused: var(--text-normal); --icon-opacity: 0.85; --icon-opacity-hover: 1; --icon-opacity-active: 1; --clickable-icon-radius: var(--radius-s); --indentation-guide-width: 1px; --indentation-guide-color: rgba(var(--mono-rgb-100), 0.12); --indentation-guide-color-active: rgba(var(--mono-rgb-100), 0.3); --inline-title-color: var(--h1-color); --inline-title-font: var(--h1-font); --inline-title-line-height: var(--h1-line-height); --inline-title-size: var(--h1-size); --inline-title-style: var(--h1-style); --inline-title-variant: var(--h1-variant); --inline-title-weight: var(--h1-weight); --input-height: 30px; --input-radius: 5px; --input-font-weight: var(--font-normal); --input-border-width: 1px; --italic-color: inherit; --layer-cover: 5; --layer-sidedock: 10; --layer-status-bar: 15; --layer-popover: 30; --layer-slides: 45; --layer-modal: 50; --layer-notice: 60; --layer-menu: 65; --layer-tooltip: 70; --layer-dragged-item: 80; --line-height-normal: 1.5; --line-height-tight: 1.3; --link-color: var(--text-accent); --link-color-hover: var(--text-accent-hover); --link-decoration: underline; --link-decoration-hover: underline; --link-decoration-thickness: auto; --link-external-color: var(--text-accent); --link-external-color-hover: var(--text-accent-hover); --link-external-decoration: underline; --link-external-decoration-hover: underline; --link-external-filter: none; --link-unresolved-color: var(--text-accent); --link-unresolved-opacity: 0.7; --link-unresolved-filter: none; --link-unresolved-decoration-style: solid; --link-unresolved-decoration-color: hsla(var(--interactive-accent-hsl), 0.3); --list-indent: 2em; --list-spacing: 0.075em; --list-marker-color: var(--text-faint); --list-marker-color-hover: var(--text-muted); --list-marker-color-collapsed: var(--text-accent); --list-bullet-border: none; --list-bullet-radius: 50%; --list-bullet-size: 0.3em; --list-bullet-transform: none; --list-numbered-style: decimal; --nav-item-size: var(--font-ui-small); --nav-item-color: var(--text-muted); --nav-item-color-hover: var(--text-normal); --nav-item-color-active: var(--text-normal); --nav-item-color-selected: var(--text-normal); --nav-item-color-highlighted: var(--text-accent-hover); --nav-item-background-hover: var(--background-modifier-hover); --nav-item-background-active: var(--background-modifier-hover); --nav-item-background-selected: hsla(var(--color-accent-hsl), 0.15); --nav-item-padding: var(--size-4-1) var(--size-4-2); --nav-item-parent-padding: var(--nav-item-padding); --nav-item-children-padding-left: var(--size-4-2); --nav-item-children-margin-left: var(--size-4-3); --nav-item-weight: inherit; --nav-item-weight-hover: inherit; --nav-item-weight-active: inherit; --nav-item-white-space: nowrap; --nav-indentation-guide-width: var(--indentation-guide-width); --nav-indentation-guide-color: var(--indentation-guide-color); --nav-collapse-icon-color: var(--collapse-icon-color); --nav-collapse-icon-color-collapsed: var(--text-faint); --modal-background: var(--background-primary); --modal-width: 90vw; --modal-height: 85vh; --modal-max-width: 1100px; --modal-max-height: 1000px; --modal-max-width-narrow: 800px; --modal-border-width: var(--border-width); --modal-border-color: var(--color-base-40, var(--background-modifier-border-focus)); --modal-radius: var(--radius-l); --modal-community-sidebar-width: 280px; --popover-width: 450px; --popover-height: 400px; --popover-max-height: 70vh; --popover-pdf-width: 600px; --popover-pdf-height: 800px; --popover-font-size: var(--font-text-size); --prompt-width: 700px; --prompt-max-width: 80vw; --prompt-max-height: 70vh; --prompt-border-width: var(--border-width); --prompt-border-color: var(--color-base-40, var(--background-modifier-border-focus)); --radius-s: 4px; --radius-m: 8px; --radius-l: 10px; --radius-xl: 16px; --ribbon-background: var(--background-secondary); --ribbon-background-collapsed: var(--background-primary); --ribbon-width: 44px; --ribbon-padding: var(--size-4-2) var(--size-4-1) var(--size-4-3); --scrollbar-active-thumb-bg: rgba(var(--mono-rgb-100), 0.2); --scrollbar-bg: rgba(var(--mono-rgb-100), 0.05); --scrollbar-thumb-bg: rgba(var(--mono-rgb-100), 0.1); --search-clear-button-color: var(--text-muted); --search-clear-button-size: 13px; --search-icon-color: var(--text-muted); --search-icon-size: 18px; --search-result-background: var(--background-primary); --size-2-1: 2px; --size-2-2: 4px; --size-2-3: 6px; --size-4-1: 4px; --size-4-2: 8px; --size-4-3: 12px; --size-4-4: 16px; --size-4-5: 20px; --size-4-6: 24px; --size-4-8: 32px; --size-4-9: 36px; --size-4-12: 48px; --size-4-16: 64px; --size-4-18: 72px; --sidebar-markdown-font-size: calc(var(--font-text-size) * 0.9); --sidebar-tab-text-display: none; --slider-thumb-border-width: 1px; --slider-thumb-border-color: var(--background-modifier-border-hover); --slider-thumb-height: 18px; --slider-thumb-width: 18px; --slider-thumb-y: -6px; --slider-thumb-radius: 50%; --slider-s-thumb-size: 15px; --slider-s-thumb-position: -5px; --slider-track-background: var(--background-modifier-border); --slider-track-height: 3px; --status-bar-background: var(--background-secondary); --status-bar-border-color: var(--divider-color); --status-bar-border-width: 1px 0 0 1px; --status-bar-font-size: var(--font-ui-smaller); --status-bar-text-color: var(--text-muted); --status-bar-position: fixed; --status-bar-radius: var(--radius-m) 0 0 0; --status-bar-scroll-padding: calc(var(--status-bar-font-size) + 18px); --swatch-radius: 14px; --swatch-height: 24px; --swatch-width: 24px; --swatch-shadow: inset 0 0 0 1px rgba(var(--mono-rgb-100), 0.15); --tab-background-active: var(--background-primary); --tab-text-color: var(--text-faint); --tab-text-color-active: var(--text-muted); --tab-text-color-focused: var(--text-muted); --tab-text-color-focused-active: var(--text-muted); --tab-text-color-focused-highlighted: var(--text-accent); --tab-text-color-focused-active-current: var(--text-normal); --tab-font-size: var(--font-ui-small); --tab-font-weight: inherit; --tab-container-background: var(--background-secondary); --tab-divider-color: var(--background-modifier-border-hover); --tab-outline-color: var(--divider-color); --tab-outline-width: 1px; --tab-curve: 6px; --tab-radius: var(--radius-s); --tab-radius-active: 6px 6px 0 0; --tab-width: 200px; --tab-max-width: 320px; --tab-stacked-pane-width: 700px; --tab-stacked-header-width: var(--header-height); --tab-stacked-font-size: var(--font-ui-small); --tab-stacked-font-weight: 400; --tab-stacked-text-align: left; --tab-stacked-text-transform: rotate(0deg); --tab-stacked-text-writing-mode: vertical-lr; --tab-stacked-shadow: -8px 0 8px 0 rgba(0, 0, 0, 0.05); --table-background: transparent; --table-border-width: 1px; --table-border-color: var(--background-modifier-border); --table-white-space: normal; --table-header-background: var(--table-background); --table-header-background-hover: inherit; --table-header-border-width: var(--table-border-width); --table-header-border-color: var(--table-border-color); --table-header-font: inherit; --table-header-size: var(--font-text-size); --table-header-weight: var(--bold-weight); --table-header-color: var(--text-normal); --table-text-size: inherit; --table-text-color: inherit; --table-column-max-width: none; --table-column-alt-background: var(--table-background); --table-column-first-border-width: var(--table-border-width); --table-column-last-border-width: var(--table-border-width); --table-row-background-hover: var(--table-background); --table-row-alt-background: var(--table-background); --table-row-last-border-width: var(--table-border-width); --tag-size: var(--font-smaller); --tag-color: var(--text-accent); --tag-color-hover: var(--text-accent); --tag-decoration: none; --tag-decoration-hover: none; --tag-background: hsla(var(--interactive-accent-hsl), 0.1); --tag-background-hover: hsla(var(--interactive-accent-hsl), 0.2); --tag-border-color: hsla(var(--interactive-accent-hsl), 0.15); --tag-border-color-hover: hsla(var(--interactive-accent-hsl), 0.15); --tag-border-width: 0px; --tag-padding-x: 0.65em; --tag-padding-y: 0.25em; --tag-radius: 2em; --titlebar-background: var(--background-secondary); --titlebar-background-focused: var(--background-secondary-alt); --titlebar-border-width: 0px; --titlebar-border-color: var(--background-modifier-border); --titlebar-text-color: var(--text-muted); --titlebar-text-color-focused: var(--text-normal); --titlebar-text-weight: var(--font-bold); --toggle-border-width: 2px; --toggle-width: 40px; --toggle-radius: 18px; --toggle-thumb-color: white; --toggle-thumb-radius: 18px; --toggle-thumb-height: 18px; --toggle-thumb-width: 18px; --toggle-s-border-width: 2px; --toggle-s-width: 34px; --toggle-s-thumb-height: 15px; --toggle-s-thumb-width: 15px; --vault-name-font-size: var(--font-ui-small); --vault-name-font-weight: var(--font-medium); --vault-name-color: var(--text-normal); --workspace-background-translucent: rgba(var(--mono-rgb-0), 0.6); --accent-h: 254; --accent-s: 80%; --accent-l: 68%; --background-primary: var(--color-base-00); --background-primary-alt: var(--color-base-10); --background-secondary: var(--color-base-20); --background-modifier-hover: rgba(var(--mono-rgb-100), 0.075); --background-modifier-active-hover: hsla(var(--interactive-accent-hsl), 0.15); --background-modifier-border: var(--color-base-30); --background-modifier-border-hover: var(--color-base-35); --background-modifier-border-focus: var(--color-base-40); --background-modifier-error-rgb: var(--color-red-rgb); --background-modifier-error: var(--color-red); --background-modifier-error-hover: var(--color-red); --background-modifier-success-rgb: var(--color-green-rgb); --background-modifier-success: var(--color-green); --background-modifier-message: rgba(0, 0, 0, 0.9); --background-modifier-form-field: var(--color-base-00); --text-normal: var(--color-base-100); --text-muted: var(--color-base-70); --text-faint: var(--color-base-50); --text-on-accent: white; --text-on-accent-inverted: black; --text-error: var(--color-red); --text-success: var(--color-green); --text-selection: hsla(var(--color-accent-hsl), 0.2); --text-accent: var(--color-accent); --text-accent-hover: var(--color-accent-2); --interactive-normal: var(--color-base-00); --interactive-hover: var(--color-base-10); --interactive-accent-hsl: var(--color-accent-hsl); --interactive-accent: var(--color-accent-1); --interactive-accent-hover: var(--color-accent-2); }
.theme-light { color-scheme: light; --highlight-mix-blend-mode: darken; --mono-rgb-0: 255, 255, 255; --mono-rgb-100: 0, 0, 0; --color-red-rgb: 233, 49, 71; --color-red: #E93147; --color-green-rgb: 8, 185, 78; --color-green: #08B94E; --color-orange-rgb: 236, 117, 0; --color-orange: #ec7500; --color-yellow-rgb: 224, 172, 0; --color-yellow: #e0ac00; --color-cyan-rgb: 0, 191, 188; --color-cyan: #00bfbc; --color-blue-rgb: 8, 109, 221; --color-blue: #086DDD; --color-purple-rgb: 120, 82, 238; --color-purple: #7852EE; --color-pink-rgb: 213, 57, 132; --color-pink: #D53984; --color-base-00: #ffffff; --color-base-05: #fcfcfc; --color-base-10: #fafafa; --color-base-20: #f6f6f6; --color-base-25: #e3e3e3; --color-base-30: #e0e0e0; --color-base-35: #d4d4d4; --color-base-40: #bdbdbd; --color-base-50: #ababab; --color-base-60: #707070; --color-base-70: #5a5a5a; --color-base-100: #222222; --color-accent-hsl: var(--accent-h), var(--accent-s), var(--accent-l); --color-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l)); --color-accent-1: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 2.5%)); --color-accent-2: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 5%)); --background-secondary-alt: var(--color-base-05); --background-modifier-box-shadow: rgba(0, 0, 0, 0.1); --background-modifier-cover: rgba(220, 220, 220, 0.4); --text-highlight-bg: rgba(255, 208, 0, 0.4); --text-highlight-bg-active: rgba(255, 128, 0, 0.4); --input-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0,0,0,0.05), 0 1px 1.5px 0 rgba(0,0,0,0.03), 0 1px 2px 0 rgba(0,0,0,0.04), 0 0 0 0 transparent; --input-shadow-hover: inset 0 0 0 1px rgba(0, 0, 0, 0.17), 0 2px 3px 0 rgba(0,0,0,0.1), 0 1px 1.5px 0 rgba(0,0,0,0.03), 0 1px 2px 0 rgba(0,0,0,0.04), 0 0 0 0 transparent; --shadow-s: 0px 1px 2px rgba(0, 0, 0, 0.028), 0px 3.4px 6.7px rgba(0, 0, 0, 0.042), 0px 15px 30px rgba(0, 0, 0, 0.07); --shadow-l: 0px 1.8px 7.3px rgba(0, 0, 0, 0.071), 0px 6.3px 24.7px rgba(0, 0, 0, 0.112), 0px 30px 90px rgba(0, 0, 0, 0.2); }
.theme-dark { color-scheme: dark; --highlight-mix-blend-mode: lighten; --mono-rgb-0: 0, 0, 0; --mono-rgb-100: 255, 255, 255; --color-red-rgb: 251, 70, 76; --color-red: #fb464c; --color-orange-rgb: 233, 151, 63; --color-orange: #E9973F; --color-yellow-rgb: 224, 222, 113; --color-yellow: #E0DE71; --color-green-rgb: 68, 207, 110; --color-green: #44CF6E; --color-cyan-rgb: 83, 223, 221; --color-cyan: #53DFDD; --color-blue-rgb: 2, 122, 255; --color-blue: #027aff; --color-purple-rgb: 168, 130, 255; --color-purple: #a882ff; --color-pink-rgb: 250, 153, 205; --color-pink: #FA99CD; --color-base-00: #1e1e1e; --color-base-10: #242424; --color-base-20: #262626; --color-base-25: #2a2a2a; --color-base-30: #363636; --color-base-35: #3F3F3F; --color-base-40: #555; --color-base-50: #666; --color-base-60: #999; --color-base-70: #bababa; --color-base-100: #dadada; --color-accent-hsl: var(--accent-h), var(--accent-s), var(--accent-l); --color-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l)); --color-accent-1: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 3.8%)); --color-accent-2: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 3.8%)); --background-modifier-form-field: var(--color-base-25); --background-secondary-alt: var(--color-base-30); --interactive-normal: var(--color-base-30); --interactive-hover: var(--color-base-35); --background-modifier-box-shadow: rgba(0, 0, 0, 0.3); --background-modifier-cover: rgba(10, 10, 10, 0.4); --text-highlight-bg: rgba(255, 208, 0, 0.4); --text-highlight-bg-active: rgba(255, 128, 0, 0.4); --text-selection: hsla(var(--interactive-accent-hsl), 0.25); --input-shadow: inset 0 0.5px 0.5px 0.5px rgba(255, 255, 255, 0.09), 0 2px 4px 0 rgba(0,0,0,0.15), 0 1px 1.5px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.2), 0 0 0 0 transparent; --input-shadow-hover: inset 0 0.5px 1px 0.5px rgba(255, 255, 255, 0.16), 0 2px 3px 0 rgba(0,0,0,0.3), 0 1px 1.5px 0 rgba(0,0,0,0.2), 0 1px 2px 0 rgba(0,0,0,0.4), 0 0 0 0 transparent; --shadow-s: 0px 1px 2px rgba(0, 0, 0, 0.121), 0px 3.4px 6.7px rgba(0, 0, 0, 0.179), 0px 15px 30px rgba(0, 0, 0, 0.3); --shadow-l: 0px 1.8px 7.3px rgba(0, 0, 0, 0.071), 0px 6.3px 24.7px rgba(0, 0, 0, 0.112), 0px 30px 90px rgba(0, 0, 0, 0.2); }
iframe { color-scheme: normal; }
@media print {
.theme-dark { --highlight-mix-blend-mode: darken; }
}
body { --font-default: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei Light", sans-serif; --font-monospace-default: Menlo, SFMono-Regular, Consolas, "Roboto Mono", "Source Code Pro", monospace; --font-interface-override: "??"; --font-interface-theme: "??"; --font-interface: var(--font-interface-override), var(--font-interface-theme), var(--default-font, "??"), var(--font-default); --font-text-override: "??"; --font-text-theme: "??"; --font-text: var(--font-text-override), var(--font-text-theme), var(--font-interface); --font-monospace-override: "??"; --font-monospace-theme: "??"; --font-monospace: var(--font-monospace-override), var(--font-monospace-theme), var(--font-monospace-default); --font-text-size: 16px; --font-mermaid: var(--font-text); }
@media print {
html, body { padding-top: 0px !important; overflow: auto !important; height: auto !important; }
iframe, .titlebar, .app-container, .progress-bar, .popover, .markdown-embed-link { display: none !important; }
body > :not(.print) { display: none !important; }
.print .markdown-preview-view { -webkit-print-color-adjust: exact; color: initial; }
.print .markdown-preview-view mark { color: initial; }
.print .markdown-preview-view .frontmatter-container { display: none; }
.print .markdown-preview-view .markdown-embed-content { max-height: none; overflow: visible; }
.print .markdown-preview-view .callout-content { display: inherit !important; }
.print .external-link { background: none; padding-right: 0px; }
* { text-shadow: none !important; }
webview { display: none; }
::-webkit-scrollbar { display: none; }
body { --font-text: "Inter" !important; }
}
* { box-sizing: border-box; }
html, body { margin: 0px; padding: 0px; height: 100%; width: 100%; overflow: hidden; }
body { text-rendering: optimizelegibility; font-family: var(--font-interface); line-height: var(--line-height-tight); font-size: var(--font-ui-medium); background-color: var(--background-primary); color: var(--text-normal); -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
body.is-translucent { background-color: transparent; }
body { user-select: none; overflow: hidden; }
body [contenteditable="true"], body [contenteditable=""] { user-select: text; }
body.is-grabbing, body.is-grabbing :not(.workspace-leaf-resize-handle) { cursor: grabbing !important; }
body.is-grabbing iframe:not(.is-controlled), body.is-grabbing webview { pointer-events: none; }
.app-container { display: flex; height: 100%; width: 100%; position: relative; flex-direction: column; }
.app-container.no-transition * { transition: none 0s ease 0s !important; }
.horizontal-main-container { width: 100%; display: flex; overflow: hidden; flex: 1 0 0px; }
:focus { outline: none; }
.is-text-garbled * { font-family: "Flow Circular", sans-serif !important; line-height: 1.45em !important; }
@-webkit-keyframes blink {
50% { background-color: transparent; }
}
@keyframes blink {
50% { background-color: transparent; }
}
div.CodeMirror span.CodeMirror-matchingbracket { color: rgb(0, 187, 0); }
div.CodeMirror span.CodeMirror-nonmatchingbracket { color: rgb(170, 34, 34); }
div.CodeMirror-cursors { visibility: hidden; position: relative; z-index: 3; }
div.CodeMirror-dragcursors { visibility: visible; }
@media print {
.CodeMirror div.CodeMirror-cursors { visibility: hidden; }
}
span.CodeMirror-selectedtext { background: none; }
.markdown-source-view { font-size: var(--font-text-size); font-family: var(--font-text); }
.markdown-source-view.mod-cm5 { height: 100%; }
.workspace-leaf-content.is-read-mode .markdown-source-view { z-index: 0; }
.markdown-source-view.is-readable-line-width .CodeMirror { max-width: var(--file-line-width); margin-left: auto; margin-right: auto; }
.drag-ghost { position: fixed; font-size: var(--font-ui-small); color: var(--drag-ghost-text-color); padding: var(--size-2-3) var(--size-4-2); border-radius: var(--radius-s); background-color: var(--drag-ghost-background); box-shadow: 0 2px 8px var(--background-modifier-box-shadow); z-index: var(--layer-dragged-item); max-width: 300px; font-weight: var(--font-medium); pointer-events: none; }
.drag-ghost.mod-leaf { display: flex; z-index: var(--layer-tooltip); }
.drag-ghost-icon { margin-right: var(--size-2-3); position: relative; }
.drag-reorder-ghost { position: fixed; border-radius: var(--radius-s); background-color: var(--background-primary); box-shadow: 0 2px 8px var(--background-modifier-box-shadow); z-index: var(--layer-dragged-item); pointer-events: none; }
.drag-ghost-self { display: flex; }
.drag-ghost-self > .svg-icon { --icon-size: var(--icon-xs); --icon-stroke: var(--icon-xs-stroke-width); opacity: 0.7; vertical-align: middle; align-self: center; margin-right: var(--size-2-2); flex-shrink: 0; }
.drag-ghost-self span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.drag-ghost-action { padding: var(--size-2-1) 0 0 0; font-size: var(--font-ui-smaller); opacity: 0.7; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.drag-ghost-hidden { visibility: hidden; position: relative; }
.drag-ghost-hidden::before { content: " "; position: absolute; inset: 0px; visibility: visible; border-radius: 5px; background-color: hsla(var(--interactive-accent-hsl), 0.3); }
.markdown-source-view.mod-cm6 { height: 100%; display: flex; flex-direction: column; }
.markdown-source-view.mod-cm6 ::selection { background-color: var(--text-selection); }
.markdown-source-view.mod-cm6 .cm-line .cm-selection, .markdown-source-view.mod-cm6 .cm-line .cm-inline-code .cm-selection { background-color: var(--text-selection); }
.markdown-source-view.mod-cm6 .cm-selectionBackground { background-color: var(--text-selection); }
.markdown-source-view.mod-cm6.is-readable-line-width .cm-sizer { max-width: var(--file-line-width); margin-left: auto; margin-right: auto; }
.markdown-source-view.mod-cm6.is-readable-line-width .cm-content { max-width: var(--file-line-width); }
.markdown-source-view.mod-cm6.is-readable-line-width .cm-line { max-width: var(--file-line-width); }
.markdown-source-view.mod-cm6.is-readable-line-width .cm-line.HyperMD-table-row { max-width: 100%; }
.markdown-source-view.mod-cm6 .cm-editor { flex: 1 1 0px; min-height: 0px; }
.markdown-source-view.mod-cm6 .cm-editor.cm-focused { outline: none; }
.markdown-source-view.mod-cm6 .cm-editor .cm-selectionBackground { background: var(--text-selection); }
.markdown-source-view.mod-cm6 .cm-scroller { font-family: var(--font-text); line-height: var(--line-height-normal); scroll-padding-block-end: var(--status-bar-scroll-padding); }
.markdown-source-view.mod-cm6 .cm-sizer { display: flex; flex-direction: column; align-items: stretch; width: 100%; min-height: 100%; }
.markdown-source-view.mod-cm6 .cm-contentContainer { flex: 1 1 auto; display: flex; align-items: stretch; overflow-x: visible; }
.markdown-source-view.mod-cm6 .cm-content { width: 0px; caret-color: var(--text-normal); min-height: unset; flex-basis: unset !important; }
.is-mobile.is-ios .markdown-source-view.mod-cm6 .cm-content { -webkit-user-modify: read-write; }
.markdown-source-view.mod-cm6 .cm-content > * { display: block; margin: 0px !important; }
.markdown-source-view.mod-cm6 .cm-content > [contenteditable="false"] { contain: paint !important; }
.markdown-source-view.mod-cm6 .cm-gutters { flex: 0 0 auto; background-color: transparent; padding-inline-end: var(--file-folding-offset); font-size: var(--font-ui-smaller); z-index: 1; font-variant: tabular-nums; color: var(--text-faint) !important; border-right: none !important; }
.markdown-source-view.mod-cm6 .cm-line > * { text-indent: 0px; }
.markdown-source-view.mod-cm6 .cm-transparent { color: transparent; }
.markdown-source-view.mod-cm6 .cm-html-embed, .markdown-source-view.mod-cm6 .cm-callout, .markdown-source-view.mod-cm6 .cm-table-widget { white-space: normal; overflow-wrap: normal; word-break: normal; }
.markdown-source-view.mod-cm6 .cm-line { position: relative; padding: 0px; }
.markdown-source-view.mod-cm6 .edit-block-button { padding: var(--size-2-2) var(--size-2-3); position: absolute; top: var(--size-2-2); right: var(--size-2-2); display: flex; opacity: 0; color: var(--text-muted); border-radius: var(--radius-s); cursor: var(--cursor); }
@media (hover: hover) {
.markdown-source-view.mod-cm6 .edit-block-button:hover { background-color: var(--background-modifier-hover); }
}
.markdown-source-view.mod-cm6 .cm-panels { background-color: inherit; color: inherit; }
.markdown-source-view.mod-cm6 img.cm-widgetBuffer { display: inline !important; width: 0px !important; border: 0px !important; margin: 0px !important; padding: 0px !important; }
.view-content > .markdown-source-view.mod-cm6 > .cm-editor > .cm-scroller { padding: var(--file-margins); }
.empty-state { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.empty-state-container { max-width: 480px; max-height: 280px; margin: 20px; text-align: center; }
.empty-state-title { margin: 20px 0px; font-weight: var(--h2-weight); font-size: var(--h2-size); line-height: var(--line-height-tight); position: relative; }
.empty-state-action-list { font-size: var(--font-text-size); line-height: var(--line-height-tight); color: var(--text-muted); margin-top: 20px; }
.empty-state-action { cursor: var(--cursor); line-height: 36px; color: var(--text-accent); }
@media (hover: hover) {
.empty-state-action:hover { color: var(--text-accent-hover); }
}
.empty-state-close-button { display: none; }
body { --zoom-factor: 1; --titlebar-height: 30px; }
.mod-macos { --frame-left-space: calc(80px - var(--ribbon-width)); --frame-right-space: 0px; }
.mod-macos.is-popout-window { --frame-left-space: 80px; }
.mod-windows, .mod-linux { --frame-left-space: 0px; --frame-right-space: 126px; }
body.is-frameless:not(.is-hidden-frameless) { padding-top: calc(var(--titlebar-height) / var(--zoom-factor)); }
body.is-frameless:not(.is-hidden-frameless) .titlebar { height: var(--titlebar-height); zoom: calc(1 / var(--zoom-factor)); }
body.is-frameless:not(.is-hidden-frameless):not(.is-maximized) .titlebar { padding-top: 2px; }
body.is-frameless.is-hidden-frameless .titlebar { height: calc(var(--header-height) - 1px); }
body.is-frameless.is-hidden-frameless.starter .titlebar { height: var(--titlebar-height); }
.is-fullscreen .titlebar { display: none; }
.sidebar-toggle-button, .workspace-tabs.mod-top { --tab-container-background: var(--titlebar-background); }
body.is-focused .titlebar, body.is-focused .workspace-ribbon.mod-left { --titlebar-background: var(--titlebar-background-focused); }
body.is-focused .sidebar-toggle-button, body.is-focused .workspace-tabs.mod-top { --tab-container-background: var(--titlebar-background-focused); }
.is-hidden-frameless { --divider-vertical-height: 100%; }
.workspace-ribbon .sidebar-toggle-button { position: absolute; top: 0px; left: 0px; width: var(--ribbon-width); justify-content: center; }
.titlebar-button.mod-logo { width: var(--ribbon-width); justify-content: center; }
.is-hidden-frameless:not(.starter) .titlebar { app-region: no-drag; }
.is-hidden-frameless .titlebar-button.mod-logo { display: none; }
.is-hidden-frameless:not(.is-fullscreen) .workspace-tab-header-container { transition: padding-left 275ms var(--anim-motion-swing), padding-right 275ms var(--anim-motion-swing); }
.is-hidden-frameless:not(.is-fullscreen) .workspace-tabs.mod-top-left-space .workspace-tab-header-container { padding-left: var(--frame-left-space); }
.is-hidden-frameless:not(.is-fullscreen) .workspace-tabs.mod-top-left-space .workspace-tab-header-container::before { app-region: no-drag; content: ""; height: 100%; left: 0px; top: 0px; position: absolute; width: var(--frame-left-space); }
.is-hidden-frameless:not(.is-fullscreen) .workspace-tabs.mod-top-right-space .workspace-tab-header-container { padding-right: var(--frame-right-space); }
.is-hidden-frameless:not(.is-fullscreen) .workspace-tabs.mod-top-right-space .workspace-tab-header-container::after { app-region: no-drag; content: ""; height: 100%; right: 0px; top: 0px; position: absolute; width: var(--frame-right-space); }
.is-hidden-frameless:not(.is-fullscreen) .titlebar-button-container.mod-right { background-color: var(--titlebar-background); }
.is-hidden-frameless:not(.is-fullscreen).is-focused .titlebar-button-container.mod-right { background-color: var(--titlebar-background-focused); }
.titlebar-button.mod-logo:hover .logo-wireframe, .titlebar-button.mod-logo:not(:hover) .logo-full { display: none; }
body.is-frameless:not(.mod-macos) > .app-container ~ * { app-region: no-drag; }
body.is-frameless:not(.mod-macos) .modal-container, body.is-frameless:not(.mod-macos) .suggestion-bg { app-region: initial; }
body.is-frameless:not(.mod-macos) .modal { app-region: no-drag; }
.loader-cube { width: 40px; height: 40px; margin: 100px auto; }
.loader-cube .sk-cube { width: 33%; height: 33%; background-color: var(--interactive-accent); float: left; animation: 1.3s ease-in-out 0s infinite normal none running sk-cubeGridScaleDelay; }
.loader-cube .sk-cube1 { animation-delay: 0.2s; }
.loader-cube .sk-cube2 { animation-delay: 0.3s; }
.loader-cube .sk-cube3 { animation-delay: 0.4s; }
.loader-cube .sk-cube4 { animation-delay: 0.1s; }
.loader-cube .sk-cube5 { animation-delay: 0.2s; }
.loader-cube .sk-cube6 { animation-delay: 0.3s; }
.loader-cube .sk-cube7 { animation-delay: 0s; }
.loader-cube .sk-cube8 { animation-delay: 0.1s; }
.loader-cube .sk-cube9 { animation-delay: 0.2s; }
@-webkit-keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% { transform: scale3d(1, 1, 1); }
35% { transform: scale3d(0, 0, 1); }
}
@keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% { transform: scale3d(1, 1, 1); }
35% { transform: scale3d(0, 0, 1); }
}
.is-loading { position: relative; }
.is-loading::before { content: " "; position: absolute; top: 0px; width: 0px; height: 3px; background-color: var(--interactive-accent); animation: 1000ms ease-in-out 300ms infinite normal none running progress-bar; }
.pane-empty { color: var(--text-faint); font-size: var(--font-ui-small); margin: var(--size-4-2) auto; text-align: center; }
.view-header { height: var(--header-height); display: none; border-bottom: var(--file-header-border); background-color: var(--background-primary); z-index: 1; position: relative; gap: var(--size-4-2); padding: 0 var(--size-4-3); }
body.is-phone .view-header, .show-view-header .view-header { display: flex; }
.is-focused .workspace-leaf.mod-active .view-header { background-color: var(--background-primary); }
.workspace-split.mod-left-split .view-header, .workspace-split.mod-right-split .view-header, .workspace-fake-target-overlay.is-in-sidebar .view-header { display: none; }
.view-header.is-highlighted::after { content: " "; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: hsla(var(--interactive-accent-hsl), 0.5); }
.view-header .view-header-icon { display: none; padding: var(--size-2-2); margin-right: var(--size-2-3); color: var(--text-muted); align-self: center; cursor: grab; }
.view-header .view-header-icon:active { cursor: grabbing; }
.view-header-title { font-size: var(--file-header-font-size); font-weight: var(--file-header-font-weight); flex: 1 1 0px; max-width: max-content; overflow: auto; padding: 0 var(--size-4-1); white-space: pre; overflow-wrap: normal; color: var(--text-muted); scroll-padding-inline-end: 20px; }
.is-focused .workspace-leaf.mod-active .view-header-title { color: var(--text-normal); }
.view-header-title::-webkit-scrollbar { display: none; }
.view-header-title-container { flex-grow: 1; overflow: hidden; position: relative; justify-content: var(--file-header-justify); display: flex; align-items: center; gap: 0px; white-space: nowrap; }
.view-header-title-container:not(.mod-at-start)::before { content: " "; position: absolute; top: 0px; left: 0px; width: 30px; height: 100%; background: linear-gradient(to right, var(--background-primary), transparent); }
.view-header-title-container:not(.mod-at-end)::after { content: " "; position: absolute; top: 0px; right: 0px; width: 30px; height: 100%; background: linear-gradient(to right, transparent, var(--background-primary)); }
.view-header-title-parent { font-size: var(--file-header-font-size); color: var(--text-muted); min-width: 0px; display: flex; gap: 0px; overflow: hidden; }
.view-header-title-parent .view-header-breadcrumb { padding: 2px 4px; border-radius: var(--radius-s); }
@media (hover: hover) {
.view-header-title-parent .view-header-breadcrumb:hover { background-color: var(--background-modifier-hover); color: var(--text-normal); }
}
.view-header-title-parent .view-header-breadcrumb-separator { padding: 2px 1px; color: var(--text-faint); }
.view-content { width: 100%; height: calc(100% - var(--header-height)); }
.workspace-split.mod-root .view-content { background-color: var(--background-primary); }
.workspace-split.mod-root .workspace-fake-target-overlay .view-content { background-color: transparent; }
.workspace-split.mod-left-split .view-content, .workspace-split.mod-right-split .view-content { height: 100%; overflow: auto; }
.inline-title { font-weight: var(--inline-title-weight); font-size: var(--inline-title-size); line-height: var(--inline-title-line-height); font-style: var(--inline-title-style); font-variant: var(--inline-title-variant); font-family: var(--inline-title-font); padding-bottom: 0.5em; letter-spacing: -0.015em; color: var(--inline-title-color); }
.hover-popover .inline-title, .inline-embed .inline-title { display: none; }
body:not(.show-inline-title) .inline-title:not([data-level]) { display: none; }
::selection { background-color: var(--text-selection); }
.markdown-reading-view { display: flex; flex-direction: column; }
.markdown-preview-view { font-size: var(--font-text-size); font-family: var(--font-text); line-height: var(--line-height-normal); width: 100%; height: 100%; padding: var(--file-margins); position: relative; overflow-y: auto; overflow-wrap: break-word; color: var(--text-normal); user-select: text; }
.workspace-leaf-content.is-read-mode .markdown-preview-view { width: 100%; left: 0px; background-color: var(--background-primary); }
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer { max-width: var(--file-line-width); margin-left: auto; margin-right: auto; }
.markdown-rendered.rtl { direction: rtl; }
.workspace-ribbon.mod-left { margin-top: var(--header-height); }
.workspace-ribbon.mod-left::before { position: absolute; left: 0px; top: 0px; background-color: var(--titlebar-background); content: " "; border-bottom: var(--tab-outline-width) solid var(--tab-outline-color); height: calc(var(--header-height) - var(--tab-outline-width)); width: var(--ribbon-width); }
.workspace-ribbon { width: var(--ribbon-width); flex: 0 0 var(--ribbon-width); display: flex; flex-direction: column; overflow: hidden; background-color: var(--ribbon-background); z-index: var(--layer-sidedock); color: var(--text-muted); padding: var(--ribbon-padding); gap: var(--size-4-1); border-right: var(--divider-width) solid var(--divider-color); }
.workspace-ribbon.mod-left.is-collapsed { transition: background-color 250ms ease-in-out 95ms; background-color: var(--ribbon-background-collapsed); border-right-color: var(--divider-color); }
.workspace-ribbon.mod-right { display: none; }
.workspace-ribbon.is-hidden { display: none; }
.workspace-ribbon.is-collapsed { background-color: var(--background-secondary); }
.side-dock-settings, .side-dock-actions { flex-direction: column; }
.side-dock-settings .side-dock-ribbon-action, .side-dock-actions .side-dock-ribbon-action { margin: 0px auto; }
.side-dock-settings { margin-top: auto; }
.release-notes-view { padding: var(--file-margins); }
.release-notes-view .markdown-preview-view { overflow: visible; }
.release-notes-view .is-readable-line-width { max-width: var(--file-line-width); margin-left: auto; margin-right: auto; }
.setting { display: flex; align-items: center; }
.setting-text { flex-grow: 1; }
.setting-title { font-size: var(--font-ui-large); line-height: var(--line-height-normal); }
.setting-explanation { color: var(--text-muted); }
.modal.mod-new-editor { max-width: 600px; }
.modal.mod-trust-folder { max-width: 700px; }
.modal.mod-settings .vertical-tab-header { flex: 0 0 25%; min-width: 180px; max-width: 250px; overflow: auto; border-right: 1px solid var(--divider-color); }
.modal.mod-settings .modal-content { margin-top: 0px; overflow: hidden; }
.modal.mod-plugin-options .modal-content { margin: var(--size-4-6) 0; }
.setting-item { display: flex; align-items: center; padding: 0.75em 0px; border-top: 1px solid var(--background-modifier-border); }
.setting-item + .setting-item-heading { margin-top: 0.75em; }
.setting-item:first-child { padding-top: 0px; border-top: none; }
.setting-item > :first-child { margin-right: var(--size-4-4); }
.setting-item > :last-child { margin-right: 0px; }
.setting-item.mod-cta { justify-content: center; }
.setting-item-heading { font-weight: var(--font-semibold); border-top: none; }
.setting-item-heading .setting-item-info { flex-grow: 0; margin-right: 0px; }
.setting-item-heading .setting-item-description { font-weight: var(--font-normal); }
.setting-item-info { flex: 1 1 auto; }
.setting-item-description { color: var(--text-muted); font-size: var(--font-ui-smaller); padding-top: var(--size-4-1); line-height: var(--line-height-tight); }
.setting-item-description:empty { display: none; }
.setting-item-description code { font-family: var(--font-monospace); font-size: var(--font-smaller); border-radius: var(--radius-s); padding: 0px 3px 2px; position: relative; bottom: 1px; }
.setting-item-description ul { margin: var(--size-4-1) 0; padding-left: var(--size-4-6); }
.setting-item-name { color: var(--text-normal); font-size: var(--font-ui-medium); line-height: var(--line-height-tight); }
.setting-item-control { flex: 1 1 auto; text-align: right; display: flex; justify-content: flex-end; align-items: center; gap: var(--size-4-2); }
.setting-item-control.mod-vertical { flex-direction: column; }
.setting-item-control.mod-vertical > :not(:last-child) { margin-bottom: 10px; margin-right: 0px; }
.setting-item-control.mod-hotkey { padding-top: 0px; cursor: default; }
.setting-item-control.mod-hotkey input { font-family: var(--font-monospace); font-size: var(--font-smaller); }
.setting-item-control.mod-hotkey input:focus { background-color: var(--interactive-accent); color: var(--text-on-accent); }
.setting-item-control select { width: inherit; max-width: 400px; }
.setting-command-hotkeys { display: flex; flex-direction: column; }
.setting-hotkey { font-family: -apple-system, BlinkMacSystemFont, var(--font-monospace); font-size: var(--font-ui-small); background-color: var(--background-modifier-hover); border-radius: 4px; padding: 2px 4px 2px 8px; align-self: flex-end; white-space: nowrap; display: flex; align-items: center; gap: 4px; }
.theme-dark .setting-hotkey.has-conflict, .theme-light .setting-hotkey.has-conflict { background-color: var(--background-modifier-error); color: var(--text-on-accent); }
.setting-hotkey.mod-active { background-color: var(--interactive-accent); color: var(--text-on-accent); }
.setting-hotkey.mod-empty { padding-right: var(--size-4-2); }
.setting-hotkey:not(:first-child) { margin-top: var(--size-4-2); }
.setting-hotkey-icon { display: flex; align-items: center; cursor: var(--cursor); border-radius: 50%; line-height: 1; text-align: center; }
.setting-hotkey-icon .svg-icon { width: 16px; height: 16px; stroke-width: 2px; opacity: 0.6; }
@media (hover: hover) {
.setting-hotkey-icon:hover .svg-icon { opacity: 1; }
}
@media (hover: hover) {
.setting-delete-hotkey:hover { background-color: var(--background-modifier-error); color: var(--text-on-accent); }
}
.setting-add-hotkey-button, .setting-restore-hotkey-button { padding: var(--size-2-2); border-radius: var(--radius-s); color: var(--text-faint); cursor: var(--cursor); height: calc(var(--icon-l) + var(--size-2-2) + var(--size-2-2)); }
.setting-add-hotkey-button.mod-active, .setting-restore-hotkey-button.mod-active { color: var(--text-accent); }
@media (hover: hover) {
.setting-add-hotkey-button:hover, .setting-restore-hotkey-button:hover { background-color: var(--background-modifier-hover); color: var(--text-normal); }
}
.setting-editor-extra-setting-button { line-height: 0; }
.setting-message { font-size: var(--font-ui-small); }
.setting-font-list { margin: 1.5em 0px 0.75em; }
.hotkey-settings-container { display: flex; flex-direction: column; }
.hotkey-settings-container .setting-item-description { padding-top: 0px; }
.hotkey-settings-container hr { margin: 20px 0px 10px; }
.hotkey-list-container { overflow: auto; }
.hotkey-search-container { padding-bottom: 20px; display: flex; flex-wrap: wrap; }
.modal.mod-image-lightbox { max-width: 90vw; max-height: 90vh; padding: 0px; }
.modal.mod-image-lightbox .modal-content { padding: var(--size-4-12) var(--size-4-3) var(--size-4-2) var(--size-4-3); text-align: center; }
.login-field { max-width: 500px; margin: 1em auto; }
.spellchecker-dictionary-container { max-height: 60vh; overflow: auto; }
.spellchecker-dictionary-item { display: flex; margin-bottom: 10px; }
.spellchecker-dictionary-word { flex-grow: 1; }
.spellchecker-dictionary-remove-button { cursor: var(--cursor); color: var(--text-muted); margin-right: 10px; }
@media (hover: hover) {
.spellchecker-dictionary-remove-button:hover { color: var(--text-normal); }
}
.modal.mod-new-editor .card, .modal.mod-restricted-mode .card { flex: 1 0 0px; }
.mod-macos .community-modal-controls { app-region: drag; }
.mod-community-modal .modal-sidebar .setting-item { max-width: var(--modal-community-sidebar-width); padding: 0 var(--size-4-3) var(--size-4-1); border: none; gap: var(--size-4-2); }
.mod-community-modal .modal-sidebar .setting-item:first-child { max-width: 500px; gap: 0px; margin-bottom: var(--size-4-2); }
.mod-community-modal .modal-sidebar .setting-item-name { font-size: var(--font-ui-small); padding-left: var(--size-4-1); }
.mod-community-modal .modal-sidebar .setting-item-info { margin: 0px; flex-grow: 0; }
.mod-community-modal .modal-sidebar .search-input-container { width: 100%; }
.mod-community-modal .modal-sidebar button.clickable-icon { padding: 6px 10px; display: flex; align-items: center; color: var(--text-normal); }
.community-modal-details-empty-state { padding: 0px; text-align: center; }
.community-modal-search-summary { font-size: var(--font-ui-small); padding: var(--size-4-1) var(--size-4-3) var(--size-4-3) var(--size-4-4); }
.community-modal-search-results-wrapper { flex: 1 0 auto; overflow: auto; border-top: var(--border-width) solid var(--divider-color); scroll-padding: var(--size-4-3); contain: strict; }
.community-modal-search-results { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: var(--size-4-3); padding: var(--size-4-3); }
.community-item { position: relative; background-color: var(--background-primary); padding: var(--size-4-3); cursor: var(--cursor); border-radius: var(--radius-m); border: 1px solid var(--background-modifier-border); display: flex; flex-direction: column; gap: var(--size-2-1); }
.community-item:last-child { margin-bottom: 0px; }
.community-item .suggestion-highlight { background-color: var(--text-highlight-bg); }
.community-item.is-selected, .community-item.is-selected:hover { border-color: var(--interactive-accent); background-color: var(--interactive-accent); color: var(--text-on-accent); }
.community-item.is-selected .community-item-author, .community-item.is-selected:hover .community-item-author, .community-item.is-selected .community-item-repo, .community-item.is-selected:hover .community-item-repo, .community-item.is-selected .community-item-downloads, .community-item.is-selected:hover .community-item-downloads, .community-item.is-selected .community-item-updated, .community-item.is-selected:hover .community-item-updated { color: var(--text-on-accent); opacity: 0.8; }
.community-item.is-selected .flair, .community-item.is-selected:hover .flair { color: var(--text-on-accent); background-color: transparent; }
@media (hover: hover) {
.community-item:hover { border-color: var(--background-modifier-border-hover); }
}
.is-mobile .community-item { max-width: 500px; }
.community-item .flair { margin-left: var(--size-4-1); background-color: var(--tag-background); color: var(--tag-color); vertical-align: middle; top: -1px; }
.community-item-name { font-size: var(--font-ui-medium); line-height: var(--line-height-tight); font-weight: var(--font-medium); }
.community-item-author { font-size: var(--font-ui-smaller); line-height: var(--line-height-tight); color: var(--text-muted); }
.community-item-downloads { font-size: var(--font-ui-smaller); color: var(--text-muted); --icon-color: var(--text-faint); --icon-size: var(--icon-xs); --icon-stroke: var(--icon-xs-stroke-width); }
.community-item-downloads svg { vertical-align: text-bottom; }
.community-item-updated { font-size: var(--font-ui-smaller); color: var(--text-muted); margin-bottom: var(--size-4-2); }
.community-item-downloads-text { margin-left: var(--size-2-2); }
.community-item-desc { font-size: var(--font-ui-small); line-height: var(--line-height-tight); margin-top: 4px; }
.community-item-badge.mod-update { --icon-size: var(--icon-xs); --icon-stroke: var(--icon-xs-stroke-width); color: var(--interactive-accent); position: absolute; top: var(--size-4-3); right: var(--size-4-3); }
.community-item-screenshot { max-width: 100%; object-fit: cover; border-radius: var(--radius-s); aspect-ratio: 16 / 9; image-rendering: -webkit-optimize-contrast; margin-top: var(--size-4-1); }
.community-item-screenshot.mod-unavailable { text-align: center; color: var(--text-muted); }
.community-item-screenshot .placeholder-icon { display: flex; align-items: center; justify-content: center; height: 100%; }
.community-item-screenshot .placeholder-icon .svg-icon { color: var(--text-faint); width: var(--size-4-8); height: var(--size-4-8); }
.community-modal-info-name { font-size: var(--h2-size); font-weight: var(--font-semibold); line-height: var(--line-height-tight); margin-bottom: var(--size-4-6); }
.community-modal-info-author, .community-modal-info-repo, .community-modal-info-version { font-size: var(--font-ui-small); line-height: var(--line-height-tight); color: var(--text-muted); }
.community-modal-info-desc { font-size: var(--font-ui-small); line-height: var(--line-height-tight); margin-top: 4px; }
.community-modal-details { flex: 1 1 calc(var(--modal-max-width) - var(--modal-community-sidebar-width)); overflow: auto; display: flex; flex-direction: column; border-left: 1px solid var(--divider-color); }
.community-modal-info { flex: 1 1 0px; overflow-y: auto; padding: var(--size-4-8) var(--size-4-16); scroll-padding: var(--size-4-4); }
.community-readme { overflow-y: visible; height: auto; padding: var(--size-4-4) 0; }
.community-readme video, .community-readme img { max-width: 100%; }
.community-modal-info-desc { font-size: var(--font-ui-medium); line-height: var(--line-height-tight); margin-top: var(--size-4-2); }
.community-modal-button-container { display: flex; flex-wrap: wrap; gap: var(--size-4-2); margin: 1.5em 0px; }
.community-modal-info-downloads { color: var(--text-muted); margin-top: var(--size-4-1); display: inline-block; --icon-size: var(--icon-xs); --icon-stroke: var(--icon-xs-stroke-width); }
.community-modal-info-downloads-text { margin-left: var(--size-4-1); position: relative; top: -1px; }
.community-modal-readme { font-size: var(--font-text-size); font-family: var(--font-text); line-height: var(--line-height-normal); overflow-wrap: break-word; color: var(--text-normal); user-select: text; }
.installed-plugins-container { padding-top: var(--size-4-4); border-top: 1px solid var(--background-modifier-border); }
.community-modal-grid-button-container { position: absolute; top: var(--size-4-4); right: var(--size-4-12); display: flex; gap: var(--size-4-2); }
.status-bar { position: var(--status-bar-position); width: auto; bottom: 0px; right: 0px; border-radius: var(--status-bar-radius); border-style: solid; border-width: var(--status-bar-border-width); border-color: var(--status-bar-border-color); background-color: var(--status-bar-background); color: var(--status-bar-text-color); display: flex; font-size: var(--status-bar-font-size); justify-content: flex-end; min-height: 18px; padding: var(--size-4-1); gap: var(--size-2-1); user-select: none; z-index: var(--layer-status-bar); font-variant-numeric: tabular-nums; }
.status-bar-item { border-radius: var(--radius-s); display: inline-flex; align-items: center; padding: 3px var(--size-2-2); line-height: 1; }
.status-bar-item.mod-clickable { cursor: var(--cursor); }
@media (hover: hover) {
.status-bar-item.mod-clickable:hover { background-color: var(--background-modifier-hover); color: var(--text-normal); }
}
.status-bar-item.plugin-editor-status, .status-bar-item.plugin-sync { padding: 0 var(--size-2-2); }
@media (hover: hover) {
.status-bar-item.plugin-editor-status:hover, .status-bar-item.plugin-sync:hover { background-color: var(--background-modifier-hover); }
}
.status-bar-item-icon { vertical-align: middle; display: flex; align-items: center; }
.status-bar-item-segment { margin-right: var(--size-4-2); }
.status-bar-item-segment:last-child { margin-right: 0px; }
.is-screenshotting .status-bar { display: none; }
.titlebar { app-region: drag; position: fixed; top: 0px; left: 0px; right: 0px; display: flex; background-color: var(--titlebar-background); border-bottom: var(--titlebar-border-width) solid var(--titlebar-border-color); }
.titlebar-inner { color: var(--titlebar-text-color); font-weight: var(--titlebar-text-weight); width: 100%; display: flex; }
.is-focused .titlebar-inner { color: var(--titlebar-text-color-focused); }
.titlebar-text { opacity: 0.85; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; flex-grow: 1; font-size: var(--font-ui-small); text-align: center; display: flex; justify-content: center; align-items: center; padding: 0px 125px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.titlebar-button-container { display: flex; position: absolute; top: 0px; }
.mod-macos .titlebar-button-container { top: 8px; }
.titlebar-button-container.mod-left { left: 0px; }
.mod-macos .titlebar-button-container.mod-left { left: calc(80px / var(--zoom-factor)); }
.titlebar-button-container .mod-back, .titlebar-button-container .mod-forward { color: var(--icon-color); }
.titlebar-button-container .mod-back .svg-icon, .titlebar-button-container .mod-forward .svg-icon { width: 14px; height: 14px; stroke-width: 2.25px; }
@media (hover: hover) {
.titlebar-button-container .mod-back:hover, .titlebar-button-container .mod-forward:hover { color: var(--icon-color-hover); }
}
.titlebar-button-container.mod-right { right: 0px; }
.titlebar-button { app-region: no-drag; padding: var(--size-2-2) var(--size-2-3); cursor: var(--cursor); display: inline-flex; align-items: center; }
@media (hover: hover) {
.titlebar-button:hover { opacity: 1; background-color: var(--background-modifier-hover); }
.titlebar-button.mod-close:hover { background-color: var(--background-modifier-error); }
}
.mod-macos .titlebar-button { border-radius: var(--radius-s); }
body.is-frameless.is-hidden-frameless { padding-top: 0px !important; }
.is-hidden-frameless.mod-macos .titlebar { display: none; }
.is-hidden-frameless.mod-windows .titlebar, .is-hidden-frameless.mod-linux .titlebar { background: transparent; border: none; z-index: var(--layer-popover); pointer-events: none; }
.is-hidden-frameless.mod-windows .titlebar-button.mod-back, .is-hidden-frameless.mod-linux .titlebar-button.mod-back, .is-hidden-frameless.mod-windows .titlebar-button.mod-forward, .is-hidden-frameless.mod-linux .titlebar-button.mod-forward, .is-hidden-frameless.mod-windows .titlebar-text, .is-hidden-frameless.mod-linux .titlebar-text { display: none; }
.is-hidden-frameless.mod-windows .titlebar-button-container, .is-hidden-frameless.mod-linux .titlebar-button-container { pointer-events: auto; }
.mod-linux .titlebar-button-container, .mod-windows .titlebar-button-container { height: 100%; }
.mod-linux .titlebar-button, .mod-windows .titlebar-button { padding: 0px 16px; display: flex; align-items: center; }
.mod-linux .titlebar-button.mod-logo, .mod-windows .titlebar-button.mod-logo { padding: 4px 8px; }
@media (hover: hover) {
.mod-linux .titlebar-button.mod-close:hover, .mod-windows .titlebar-button.mod-close:hover { background-color: var(--background-modifier-error); }
.mod-linux .titlebar-button.mod-close:hover .svg-icon, .mod-windows .titlebar-button.mod-close:hover .svg-icon { fill: white; stroke: white; }
}
@media screen and (max-width: 300px) {
.titlebar-text { display: none; }
}
.is-translucent:not(.is-fullscreen) { --nav-collapse-icon-color: rgba(var(--mono-rgb-100), 0.3); --nav-collapse-icon-color-collapsed: rgba(var(--mono-rgb-100), 0.3); --divider-color: rgba(0, 0, 0, 0.15); }
.is-translucent:not(.is-fullscreen) .titlebar, .is-translucent:not(.is-fullscreen) .app-container { background-color: var(--workspace-background-translucent); }
.is-translucent:not(.is-fullscreen) .workspace-ribbon.mod-left, .is-translucent:not(.is-fullscreen) .workspace-tabs, .is-translucent:not(.is-fullscreen) .workspace-split.mod-root, .is-translucent:not(.is-fullscreen) .sidebar-toggle-button, .is-translucent:not(.is-fullscreen) .mod-left-split .workspace-tab-header-container, .is-translucent:not(.is-fullscreen) .mod-right-split .workspace-tab-header-container, .is-translucent:not(.is-fullscreen) .mod-top .workspace-tab-header-container, .is-translucent:not(.is-fullscreen) .workspace-tabs .workspace-leaf, .is-translucent:not(.is-fullscreen) .workspace-ribbon.mod-left::before { background-color: transparent !important; }
.workspace { background-color: var(--background-primary); display: flex; flex: 1 0 0px; transition: padding-left 100ms ease-in 0s; overflow: hidden; height: 100%; }
.is-translucent .workspace { background-color: transparent; }
.workspace-split { display: flex; position: relative; }
.workspace-split.mod-vertical > .workspace-split:last-child { padding-right: 0px; }
.workspace-split:last-child:not(.mod-right-split) > .workspace-leaf-resize-handle { display: none; }
.workspace-split.mod-vertical { flex-direction: row; }
.workspace-split.mod-horizontal { flex-direction: column; }
.workspace-split.mod-root { background-color: var(--background-primary); }
.workspace-leaf { display: flex; flex-direction: column; position: relative; overflow: hidden; isolation: isolate; contain: strict !important; }
.workspace-split.mod-root .workspace-leaf:last-child .workspace-leaf-resize-handle { display: none; }
.workspace-leaf.is-highlighted::before { content: " "; position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; background-color: hsla(var(--interactive-accent-hsl), 0.25); z-index: var(--layer-popover); pointer-events: none; }
.workspace > .workspace-leaf, .workspace > .workspace-split { height: 100%; width: 100%; }
.workspace-split.mod-root > .workspace-leaf-resize-handle { display: none; }
.workspace-leaf-resize-handle { app-region: no-drag; position: absolute; z-index: var(--layer-cover); background-color: transparent; transition: background-color 200ms ease-in-out 0s, border-color 200ms ease-in-out 0s, opacity 200ms ease-in-out 0s; border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-style: initial; border-top-color: initial; border-width: var(--divider-width); margin: 0px; }
@media (hover: hover) {
.workspace-leaf-resize-handle:hover { background-color: var(--divider-color-hover); border-color: var(--divider-color-hover); }
.is-translucent .workspace-leaf-resize-handle:hover { background-color: var(--divider-color-hover); border-color: var(--divider-color-hover); }
}
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle { bottom: 0px; left: 0px; border-bottom-style: solid; border-bottom-width: var(--divider-width); height: var(--divider-width-hover); width: 100%; cursor: row-resize; }
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle, .workspace-split.mod-left-split > .workspace-leaf-resize-handle, .workspace-split.mod-right-split > .workspace-leaf-resize-handle { right: 0px; bottom: 0px; width: var(--divider-width-hover); height: var(--divider-vertical-height); cursor: col-resize; }
.workspace-split.mod-right-split > .workspace-leaf-resize-handle { border-left-style: solid; border-left-width: var(--divider-width); }
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle, .workspace-split.mod-left-split > .workspace-leaf-resize-handle { border-right-style: solid; border-right-width: var(--divider-width); }
.workspace-split.mod-right-split > .workspace-leaf-resize-handle { right: unset; left: 0px; }
.workspace-split.mod-vertical > * { height: 100%; flex: 1 0 0px; width: 0px; }
.workspace-split.mod-horizontal > * { width: 100%; flex: 1 0 0px; height: 0px; }
.workspace-split.mod-left-split, .workspace-split.mod-right-split { flex: 0 0 auto; }
.is-translucent .workspace-split.mod-left-split.is-sidedock-collapsed .workspace-tabs, .is-translucent .workspace-split.mod-right-split.is-sidedock-collapsed .workspace-tabs { visibility: hidden; }
.workspace-split.mod-left-split > .workspace-leaf-resize-handle, .workspace-split.mod-right-split > .workspace-leaf-resize-handle { z-index: var(--layer-status-bar); height: var(--divider-vertical-height); top: unset; bottom: 0px; }
.view-header-nav-buttons { --icon-size: var(--icon-s); align-items: center; display: flex; margin-right: var(--size-4-1); }
body.is-phone .view-header-nav-buttons { display: none; }
.workspace-leaf-content { width: 100%; height: 100%; overflow: hidden; position: relative; display: flex; flex-direction: column; }
.workspace-leaf-content .view-content { padding: var(--size-4-4); overflow: auto; }
.workspace-leaf-content[data-type="markdown"] .view-content { padding: 0px; overflow: hidden; }
.workspace-leaf-content[data-type="backlink"] .view-content, .workspace-leaf-content[data-type="outgoing-link"] .view-content { padding: 0px; overflow: hidden; display: flex; flex-direction: column; }
.workspace-leaf-content .image-container, .workspace-leaf-content .audio-container, .workspace-leaf-content .video-container { text-align: center; }
.workspace-leaf-content img:not([width]), .workspace-leaf-content audio, .workspace-leaf-content video { max-width: 100%; }
.workspace-fake-target-overlay, .workspace-drop-overlay { will-change: transform, width, height; position: fixed; left: 0px; top: 0px; width: 0px; height: 0px; transform: translate(0px, 0px); transition: all 100ms ease-in-out 0s; z-index: var(--layer-cover); pointer-events: none; }
.workspace-drop-overlay::before { content: " "; position: absolute; width: calc(100% - 6px); height: calc(100% - 6px); inset: 0px; margin: auto; background-color: var(--interactive-accent); border-radius: var(--radius-m); opacity: 0.5; }
.workspace-fake-target-container { visibility: hidden; position: absolute; pointer-events: none; top: 0px; left: 0px; }
.workspace-fake-target-overlay { visibility: visible; overflow: hidden; background-color: var(--background-primary); }
.workspace-fake-target-overlay > * { width: 100%; height: 100%; }
.workspace-tabs { overflow: hidden; display: flex; flex-direction: column; position: relative; }
.workspace-tabs > * { flex: 1 0 0px; }
.workspace-tabs .workspace-leaf { height: 100%; }
.workspace-split.mod-right-split .workspace-tabs { padding-right: 0px; }
.workspace-tabs:last-child .workspace-leaf-resize-handle { display: none; }
.workspace-fake-target-overlay:not(.is-in-sidebar) .workspace-tabs .workspace-leaf, .mod-root .workspace-tabs .workspace-leaf { background-color: var(--background-primary); }
.workspace-tabs .workspace-leaf { background-color: var(--background-secondary); }
.workspace-tabs .workspace-leaf .view-content { height: 100%; }
.workspace-tab-header-container { display: flex; background-color: var(--tab-container-background); height: var(--header-height); border-bottom: var(--tab-outline-width) solid var(--tab-outline-color); flex: 0 0 auto; padding-left: 0px; padding-right: var(--size-4-2); position: relative; }
.is-phone .workspace-tab-header-container { display: none; }
.workspace-tab-header-container-inner { display: flex; flex: 0 1 auto; overflow: auto; margin: 6px -5px calc(var(--tab-outline-width) * -1); padding: 1px 15px 0px; }
.mod-root .workspace-tab-header-container-inner { padding: 1px 15px 0px; }
.workspace-tab-header-container-inner::-webkit-scrollbar, .workspace-tab-header-container-inner::-webkit-scrollbar-thumb { display: none; }
.workspace-tab-header-inner-icon { flex: 0 0 auto; display: flex; }
.mod-root .workspace-tab-header[data-type="markdown"] .workspace-tab-header-inner-icon, .mod-root .workspace-tab-header[data-type="empty"] .workspace-tab-header-inner-icon { display: none; }
.is-focused .workspace-tab-header { color: var(--tab-text-color-focused); }
.is-focused .workspace-tab-header.is-active { color: var(--tab-text-color-focused-active); }
.is-focused .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-icon, .is-focused .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-title { color: var(--tab-text-color-focused-active-current); }
.is-focused .mod-active .workspace-tab-header.is-active.is-highlighted .workspace-tab-header-inner-icon, .is-focused .mod-active .workspace-tab-header.is-active.is-highlighted .workspace-tab-header-inner-title { color: var(--tab-text-color-focused-highlighted); }
.is-focused .workspace-tab-header.active.is-highlighted .workspace-tab-header-inner-icon, .is-focused .workspace-tab-header.is-highlighted .workspace-tab-header-inner-icon, .is-focused .workspace-tab-header.active.is-highlighted .workspace-tab-header-inner-title, .is-focused .workspace-tab-header.is-highlighted .workspace-tab-header-inner-title { color: var(--tab-text-color-focused-highlighted); }
.workspace-tab-header { app-region: no-drag; color: var(--tab-text-color); display: flex; position: relative; padding: 1px 4px 3.5px; scroll-margin-inline-start: var(--size-2-3); scroll-margin-inline-end: var(--size-4-1); text-align: center; border-radius: var(--tab-radius-active); }
.workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner { background-color: var(--background-modifier-hover); }
.workspace-tab-header::before, .workspace-tab-header::after { position: absolute; bottom: 0px; content: ""; width: calc(var(--tab-curve) * 2); height: calc(var(--tab-curve) * 2); border-radius: 100%; box-shadow: 0 0 0 calc(var(--tab-curve) * 3) transparent; }
.workspace-tab-header::before { left: calc(var(--tab-curve) * -2); clip-path: inset(50% calc(var(--tab-curve) * -1) 0 50%); }
.workspace-tab-header::after { right: calc(var(--tab-curve) * -2); clip-path: inset(50% 50% 0 calc(var(--tab-curve) * -1)); }
.workspace-tab-header.is-active { box-shadow: 0 0 0 var(--tab-outline-width) var(--tab-outline-color); color: var(--tab-text-color-active); background-color: var(--tab-background-active); }
.workspace-split.mod-root .workspace-tab-header.is-active::before, .workspace-split.mod-root .workspace-tab-header.is-active::after { box-shadow: inset 0 0 0 var(--tab-outline-width) var(--tab-outline-color), 0 0 0 calc(var(--tab-curve) * 4) var(--tab-background-active); }
.workspace-tab-header.is-active .workspace-tab-header-inner::after { opacity: 0; }
.workspace-tab-container { display: flex; overflow: hidden; }
.workspace-tab-container > * { flex: 1 0 0px; }
.workspace-tab-header-inner { align-items: center; display: flex; gap: var(--size-2-1); height: 100%; border-radius: var(--tab-radius); overflow: hidden; padding: 0px 8px; width: 100%; }
.workspace-tab-header-inner .workspace-tab-header-inner-icon { color: var(--icon-color); opacity: var(--icon-opacity); }
@media (hover: hover) {
.workspace-tab-header-inner:hover .workspace-tab-header-inner-icon { color: var(--icon-color-hover); opacity: var(--icon-opacity-hover); }
}
.mod-root .workspace-tab-header-inner { padding: 0px 3px 0px 6px; }
.workspace-tab-header-inner-title { flex: 1 1 auto; font-size: var(--tab-font-size); font-weight: var(--tab-font-weight); overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.workspace-tab-header-status-container { display: flex; flex-shrink: 0; gap: var(--size-2-1); justify-content: center; }
.workspace-tab-header-status-container:empty { display: none; }
.workspace-tab-header-status-icon, .workspace-tab-header-inner-close-button { cursor: var(--cursor); padding: var(--size-2-1); border-radius: var(--radius-s); display: flex; align-items: center; --icon-size: var(--icon-xs); --icon-stroke: var(--icon-xs-stroke-width); }
@media (hover: hover) {
.workspace-tab-header.is-active .workspace-tab-header-status-icon:hover, .workspace-tab-header.is-active .workspace-tab-header-inner-close-button:hover { background-color: var(--background-modifier-hover); }
.mod-root .workspace-tab-header.is-active .workspace-tab-header-status-icon.mod-linked:hover, .mod-root .workspace-tab-header.is-active .workspace-tab-header-inner-close-button.mod-linked:hover, .mod-root .workspace-tab-header.is-active .workspace-tab-header-status-icon.mod-pinned:hover, .mod-root .workspace-tab-header.is-active .workspace-tab-header-inner-close-button.mod-pinned:hover { background-color: var(--background-modifier-active-hover); }
}
.workspace-tab-header.is-active .workspace-tab-header-status-icon::after, .workspace-tab-header.is-active .workspace-tab-header-inner-close-button::after { background-color: transparent; }
@media (hover: hover) {
.workspace-tab-header-inner-close-button:hover { color: var(--tab-text-color-focused-active-current); }
}
.workspace-tab-header:hover .workspace-tab-header-inner-close-button { color: var(--tab-text-color-focused); }
@media (hover: hover) {
.workspace-tab-header:hover .workspace-tab-header-inner-close-button:hover { color: var(--tab-text-color-focused-active-current); }
}
.workspace-tab-header.is-active .workspace-tab-header-inner-close-button { color: var(--tab-text-color-focused); }
@media (hover: hover) {
.workspace-tab-header.is-active .workspace-tab-header-inner-close-button:hover { color: var(--tab-text-color-focused-active-current); }
}
.workspace-sidedock-empty-state { font-size: var(--font-ui-small); padding: 20px 30px; }
.workspace-tab-header.is-before-active .workspace-tab-header-inner { border-bottom-right-radius: 10px; }
.workspace-tab-header-spacer { display: flex; flex-grow: 1; }
body:not(.is-grabbing):not(.is-fullscreen) .workspace-tabs.mod-top .workspace-tab-header-spacer { app-region: drag; }
body:not(.is-grabbing):not(.is-fullscreen).is-hidden-frameless .mod-top .workspace-tab-header-container { app-region: drag; }
.workspace-tab-header-tab-list, .workspace-tab-header-new-tab { app-region: no-drag; display: none; z-index: 1; align-items: center; }
.titlebar .workspace-tab-header-tab-list, .titlebar .workspace-tab-header-new-tab, .mod-root .workspace-tab-header-tab-list, .mod-root .workspace-tab-header-new-tab { display: flex; }
.workspace-tab-header-tab-list .clickable-icon, .workspace-tab-header-new-tab .clickable-icon { color: var(--icon-color); padding: var(--size-2-2); --icon-size: var(--icon-m); --icon-stroke: var(--icon-m-stroke-width); align-items: center; }
.workspace-tab-header-new-tab { padding: var(--size-4-2) 0 var(--size-2-3); margin-right: var(--size-4-3); margin-left: -4px; }
.workspace-tab-header-tab-list { margin-right: var(--size-4-1); padding: var(--size-4-2) 0 var(--size-2-3); }
.workspace-fake-target-overlay.is-in-sidebar .workspace-tab-header-inner-title, .mod-left-split .workspace-tab-header-inner-title, .mod-right-split .workspace-tab-header-inner-title { display: var(--sidebar-tab-text-display); }
.workspace-fake-target-overlay.is-in-sidebar .workspace-tab-header-inner-close-button, .mod-left-split .workspace-tab-header-inner-close-button, .mod-right-split .workspace-tab-header-inner-close-button { display: none; }
body > .workspace-split { height: 100%; }
.mod-root .workspace-tabs > .workspace-leaf .view-header-title { white-space: normal; }
.mod-root .workspace-tab-header-status-icon { color: var(--text-accent); }
.mod-root .workspace-tab-header-status-icon, .mod-root .workspace-tab-header-inner-icon { --icon-size: var(--icon-xs); --icon-stroke: var(--icon-xs-stroke-width); }
.mod-root .mod-pinned, .mod-root .workspace-tab-header-inner-close-button { --icon-size: var(--icon-s); --icon-stroke: var(--icon-s-stroke-width); }
.mod-right-split .markdown-preview-view, .mod-left-split .markdown-preview-view, .mod-right-split .markdown-source-view.mod-cm6 .cm-scroller, .mod-left-split .markdown-source-view.mod-cm6 .cm-scroller { --file-margins: var(--size-4-5); }
.mod-right-split .markdown-preview-view, .mod-left-split .markdown-preview-view, .mod-right-split .markdown-source-view, .mod-left-split .markdown-source-view { font-size: var(--sidebar-markdown-font-size); }
.mod-left-split .workspace-tab-header-container-inner, .mod-right-split .workspace-tab-header-container-inner { padding: 1px 8px 7px; margin: 6px 0px 0px; gap: 3px; }
.mod-left-split .workspace-tab-header, .mod-right-split .workspace-tab-header { box-shadow: none; background-color: transparent; padding: 0px; margin: 0px; border-radius: var(--radius-s); }
.mod-left-split .workspace-tab-header::before, .mod-right-split .workspace-tab-header::before, .mod-left-split .workspace-tab-header::after, .mod-right-split .workspace-tab-header::after { display: none; }
.mod-left-split .workspace-tab-header:active .workspace-tab-header-inner-icon, .mod-right-split .workspace-tab-header:active .workspace-tab-header-inner-icon { color: var(--icon-color-focused); }
.mod-left-split .workspace-tab-header.has-active-menu, .mod-right-split .workspace-tab-header.has-active-menu, .mod-left-split .workspace-tab-header.is-active, .mod-right-split .workspace-tab-header.is-active { background-color: var(--background-modifier-hover); }
@media (hover: hover) {
.mod-left-split .workspace-tab-header.has-active-menu:hover, .mod-right-split .workspace-tab-header.has-active-menu:hover, .mod-left-split .workspace-tab-header.is-active:hover, .mod-right-split .workspace-tab-header.is-active:hover { background-color: var(--background-modifier-hover); }
}
.mod-left-split .workspace-tab-header.has-active-menu .workspace-tab-header-inner-icon, .mod-right-split .workspace-tab-header.has-active-menu .workspace-tab-header-inner-icon, .mod-left-split .workspace-tab-header.is-active .workspace-tab-header-inner-icon, .mod-right-split .workspace-tab-header.is-active .workspace-tab-header-inner-icon { opacity: var(--icon-opacity-active); color: var(--icon-color-focused); }
.workspace .mod-root .workspace-tab-header { app-region: no-drag; flex: 1 1 0px; width: var(--tab-width); min-width: 0px; max-width: var(--tab-max-width); padding: 1px 3px 3.5px; }
.workspace .mod-root .workspace-tab-header .workspace-tab-header-status-container { position: sticky; right: 0px; }
.workspace .mod-root .workspace-tab-header .workspace-tab-header-inner-close-button { position: sticky; right: 0px; }
.workspace .mod-root .workspace-tab-header.is-active:hover .workspace-tab-header-inner-close-button, .workspace .mod-root .workspace-tab-header.is-active .workspace-tab-header-inner-close-button { pointer-events: all; opacity: 1; }
.workspace .mod-root .workspace-tab-header.is-active:hover .workspace-tab-header-inner-close-button svg, .workspace .mod-root .workspace-tab-header.is-active .workspace-tab-header-inner-close-button svg { opacity: 1; }
.workspace .mod-root .workspace-tab-header.is-active .workspace-tab-header-inner-close-button::after { background-color: transparent; }
.workspace .mod-root .workspace-tab-header-inner::after { position: absolute; right: -0.5px; width: 1px; background-color: var(--tab-divider-color); content: ""; height: 20px; }
.workspace .mod-root .workspace-tab-header-inner-icon { display: flex; padding-right: 4px; }
.workspace .mod-root .workspace-tab-header[data-type="markdown"] .workspace-tab-header-inner-icon, .workspace .mod-root .workspace-tab-header[data-type="empty"] .workspace-tab-header-inner-icon { display: none; }
.workspace .mod-root .workspace-tab-header-inner-title { text-overflow: ellipsis; width: 100%; }
.workspace .mod-root .workspace-tab-header-status-container.mod-linked { display: none; }
.workspace .mod-root .workspace-tab-header-spacer { flex-shrink: 1; }
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-header-container-inner { padding: 0 0 0 var(--size-4-3); margin: 0px; }
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container { overflow: auto hidden; position: relative; display: flex; flex-direction: row; }
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container > * { flex: 0 0 auto; position: sticky; }
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header { width: var(--tab-stacked-header-width); writing-mode: var(--tab-stacked-text-writing-mode); text-orientation: sideways; background-color: var(--background-primary); padding: 0px; border-radius: 0px; box-shadow: -1px 0 0 0 var(--tab-outline-color), var(--tab-stacked-shadow); --no-tooltip: true; }
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header::before, .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header::after { display: none; }
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header:hover .workspace-tab-header-inner { background-color: transparent; }
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner { padding: var(--size-4-2) var(--size-4-2) var(--size-4-4); border-radius: 0px; }
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner::after { display: none; }
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-title { order: 3; width: auto; -webkit-mask-image: unset; padding: var(--size-4-1) 0; transform: var(--tab-stacked-text-transform); text-align: var(--tab-stacked-text-align); font-weight: var(--tab-stacked-font-weight); font-size: var(--tab-stacked-font-size); text-orientation: mixed; }
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-icon { order: 2; cursor: grab; display: flex; padding: var(--size-2-2); border-radius: var(--radius-s); }
@media (hover: hover) {
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-icon:hover { background-color: var(--background-modifier-hover); }
}
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-icon:active { cursor: grabbing; }
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-close-button { color: var(--tab-text-color-focused); }
@media (hover: hover) {
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-close-button:hover { background-color: var(--background-modifier-hover); }
}
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-leaf { width: var(--tab-stacked-pane-width); contain: strict; }
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-leaf.is-hidden > * { display: none; }
.sidebar-toggle-button { height: calc(var(--header-height) - 1px); display: flex; justify-content: center; padding: var(--size-4-2) 0 7px 0; app-region: no-drag; --icon-size: var(--icon-l); --icon-stroke: var(--icon-l-stroke-width); }
.mod-macos.is-hidden-frameless:not(.is-popout-window) .sidebar-toggle-button.mod-right { background-color: var(--tab-container-background); position: fixed; top: 0px; right: 0px; padding-right: var(--size-4-2); z-index: var(--layer-popover); }
.mod-macos.is-hidden-frameless:not(.is-popout-window) .workspace .workspace-tabs.mod-top-right-space .workspace-tab-header-container { padding-right: 38px; }
.button-container { margin-top: 20px; }
button { app-region: no-drag; display: inline-flex; align-items: center; justify-content: center; color: var(--text-normal); font-size: var(--font-ui-small); border-radius: var(--button-radius); border: 0px; padding: var(--size-4-1) var(--size-4-3); height: var(--input-height); font-weight: var(--input-font-weight); cursor: var(--cursor); font-family: inherit; outline: none; user-select: none; white-space: nowrap; }
button:not(.clickable-icon) { background-color: var(--interactive-normal); box-shadow: var(--input-shadow); }
@media (hover: hover) {
button:hover { background-color: var(--interactive-hover); box-shadow: var(--input-shadow-hover); }
}
button[aria-disabled="true"] { background-color: var(--interactive-normal); }
button:focus-visible { box-shadow: 0 0 0 3px var(--background-modifier-border-focus); }
button[disabled="true"] { cursor: not-allowed; }
button.mod-cta { background-color: var(--interactive-accent); color: var(--text-on-accent); }
@media (hover: hover) {
button.mod-cta:hover { background-color: var(--interactive-accent-hover); }
}
button.mod-cta:focus-visible { box-shadow: 0 0 0 3px var(--background-modifier-border-focus); }
button.mod-muted { background-color: var(--background-secondary); color: var(--text-muted); }
@media (hover: hover) {
button.mod-muted:hover { background-color: var(--background-secondary); }
}
button.mod-warning { background-color: var(--background-modifier-error); color: var(--text-on-accent); }
@media (hover: hover) {
button.mod-warning:hover { background-color: var(--background-modifier-error-hover); }
}
.icon-button-group { display: inline-block; }
.icon-button { display: inline-block; color: var(--interactive-normal); }
.rich-button { width: auto; padding-top: 5px; }
.rich-button-icon { position: relative; top: 6px; }
.horizontal-preference-group { display: flex; }
.horizontal-preference-group button { border-radius: 0px; margin: 0px -1px; }
.horizontal-preference-group button:first-child { border-top-left-radius: var(--input-radius); border-bottom-left-radius: var(--input-radius); }
.horizontal-preference-group button:last-child { border-top-right-radius: var(--input-radius); border-bottom-right-radius: var(--input-radius); }
.horizontal-preference-group button.is-selected { background-color: var(--interactive-accent); color: var(--text-on-accent); }
@media (hover: hover) {
.horizontal-preference-group button.is-selected:hover { background-color: var(--interactive-accent-hover); }
}
.card-container { display: flex; }
.card-container.mod-horizontal { flex-direction: column; }
.card { background-color: var(--background-secondary-alt); border-radius: 4px; border: 1px solid var(--background-modifier-border); margin: 0px 10px; padding: 15px 30px; display: flex; flex-direction: column; flex-grow: 1; }
.card ul { padding: 0px; }
.card .button-container { margin: 10px 0px; }
.card-container.mod-horizontal .card { margin: 10px 0px; }
.card-container.mod-horizontal .card ul { padding-left: 24px; }
.card li { margin: 5px 0px; }
.card.u-clickable { cursor: var(--cursor); }
@media (hover: hover) {
.card.u-clickable:hover { border: 1px solid var(--interactive-accent); background-color: hsla(var(--interactive-accent-hsl), 0.1); }
}
.card.is-selected { border: 1px solid var(--interactive-accent); background-color: hsla(var(--interactive-accent-hsl), 0.2); }
.card-title { text-align: center; font-size: 20px; line-height: 30px; color: var(--text-muted); margin-bottom: 8px; }
.card-description { color: var(--text-muted); font-size: var(--font-ui-small); line-height: 20px; flex-grow: 1; }
.changelog-item { margin: var(--size-4-2) 0; font-size: var(--font-ui-medium); line-height: var(--line-height); }
.changelog-item::before { content: attr(data-label); width: 50px; border-radius: var(--radius-m); font-size: var(--font-ui-small); display: inline-block; text-align: center; margin-right: 14px; text-transform: uppercase; letter-spacing: 1px; line-height: 22px; }
.changelog-item.mod-success::before { background-color: var(--background-modifier-success); }
.changelog-item.mod-highlighted::before { background-color: var(--interactive-accent); }
.page-container { width: 50vw; max-width: 1000px; margin: 0px auto; padding: 50px 0px; background-color: var(--background-primary); }
.page-title { font-weight: var(--font-extrabold); font-size: 46px; }
[contenteditable] { outline: none; }
.rich-link { color: var(--text-accent); position: relative; padding-left: 30px; }
.rich-link-icon { position: absolute; left: 5px; top: 3px; }
.horizontal-link-group { text-align: center; }
.horizontal-link-group a, .horizontal-link-group span { margin: 0px 10px; }
.footer-link-group { list-style: none; display: inline-block; margin: 0px 30px; padding: 0px; }
.footer-header { font-size: 22px; line-height: 30px; margin-bottom: 10px; }
.footer-link { margin: 4px 0px; }
.components-container .menu { position: relative; display: inline-block; }
.list-item { display: flex; padding: 0px; margin: 8px 0px; gap: var(--size-4-2); align-items: center; }
.list-item-part.mod-extended { flex-grow: 1; overflow-wrap: anywhere; }
.list-item-part.clickable-icon { display: flex; align-items: center; justify-content: center; padding: var(--size-2-2); cursor: var(--cursor); border-radius: var(--radius-s); color: var(--icon-color); }
.list-item-part.clickable-icon:hover, .list-item-part.clickable-icon:active { color: var(--icon-color-hover); background-color: var(--background-modifier-hover); }
.lightbox { display: none; position: fixed; z-index: 999; width: 100%; height: 100%; text-align: center; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.8); }
.lightbox img { max-width: 90vw; max-height: 90vh; margin-top: 5vh; }
.lightbox:target { display: block; }
.u-center-text { text-align: center; }
.u-faded-text { color: var(--text-muted); }
.u-pop { color: var(--text-accent); font-weight: var(--font-semibold); }
.u-muted { color: var(--text-muted); }
.u-small { font-size: 0.8em; }
.u-clickable { cursor: var(--cursor); }
.u-pop-bg { background-color: var(--interactive-accent); color: var(--text-on-accent); display: inline-block; padding: 3px 16px; border-radius: 20px; opacity: 0.6; cursor: default; }
@media (hover: hover) {
.u-pop-bg:hover { opacity: 1; }
}
.components-container h3 { font-weight: var(--font-semibold); font-size: 30px; margin: 60px 0px 25px; }
.components-container .vertical-tabs-container { height: 300px; }
.components-container .checkbox-demo { margin: 10px 0px; }
.components-container .checkbox-demo label { display: inline-block; width: 300px; }
.components-container .prompt { position: static; }
@keyframes node-inserted {
0% { outline-color: rgb(255, 255, 255); }
100% { outline-color: rgb(0, 0, 0); }
}
.node-insert-event { animation-duration: 0.01s; animation-name: node-inserted; }
.diff-view { height: 100%; overflow: auto; user-select: text; }
.diff-line { padding: 0 var(--size-4-2); }
.diff-line.mod-left { background-color: rgba(var(--background-modifier-error-rgb), 0.2); }
.diff-line.mod-left .diff-changed { background-color: rgba(var(--background-modifier-error-rgb), 0.4); }
.diff-line.mod-right { background-color: rgba(var(--background-modifier-success-rgb), 0.2); }
.diff-line.mod-right .diff-changed { background-color: rgba(var(--background-modifier-success-rgb), 0.4); }
.diff-collapsed { text-align: center; color: var(--text-muted); cursor: pointer; font-size: var(--font-ui-small); margin: var(--size-4-2) 0; }
.diff-collapsed:hover { color: var(--text-accent); }
.markdown-reading-view.is-searching, .markdown-source-view.is-replacing, .markdown-source-view.is-searching { flex-direction: column-reverse; }
.mod-active .document-search-container { background-color: var(--background-primary); }
.document-search-container { display: flex; flex-direction: column; padding: var(--size-4-2) 0; margin: 0 var(--size-4-4); gap: var(--size-4-2); z-index: var(--layer-popover); }
.document-search, .document-replace { width: 100%; max-width: var(--file-line-width); margin: 0px auto; display: flex; padding: 0 var(--size-4-2); gap: var(--size-4-2); }
.document-replace { display: none; }
.document-search-container.mod-replace-mode .document-replace { display: flex; }
input.document-search-input, input.document-replace-input { flex-grow: 1; }
input.document-search-input.mod-no-match, input.document-replace-input.mod-no-match { background-color: rgba(var(--background-modifier-error-rgb), 0.2); }
@media (hover: hover) {
input.document-search-input.mod-no-match:hover, input.document-replace-input.mod-no-match:hover { background-color: rgba(var(--background-modifier-error-rgb), 0.2); }
}
.document-replace-buttons, .document-search-buttons { display: flex; gap: var(--size-4-2); align-items: center; }
.document-search-button { font-size: var(--font-ui-small); padding: 0 var(--size-4-2); color: var(--text-muted); }
.document-search-close-button { cursor: var(--cursor); position: relative; top: 2px; font-size: 24px; line-height: 20px; height: 24px; width: 24px; padding: 0 var(--size-2-2); border-radius: var(--radius-s); color: var(--text-muted); }
.document-search-close-button::before { font-family: Inter, sans-serif; content: "×"; font-weight: 300; }
@media (hover: hover) {
.document-search-close-button:hover { background-color: var(--background-modifier-hover); color: var(--text-normal); }
}
.markdown-rendered .search-highlight > div { position: absolute; pointer-events: none; box-shadow: 0 0 0px 2px var(--text-normal); opacity: 0.3; mix-blend-mode: var(--highlight-mix-blend-mode); border-radius: 2px; }
.markdown-rendered .search-highlight > div.is-active { box-shadow: 0 0 0px 3px var(--text-accent); opacity: 1; }
.markdown-source-view.mod-cm5 { position: relative; padding-left: 20px; padding-right: 30px; }
.workspace-leaf-content.is-read-mode .markdown-source-view.mod-cm5 { z-index: 0; }
.markdown-source-view.mod-cm5 .document-search-container { position: absolute; top: 0px; left: 0px; width: 100%; z-index: 5; }
.markdown-source-view.mod-cm6 .document-search-container { flex: 0 0 auto; }
.is-flashing { transition: all 0.25s ease 0s; background-color: var(--text-highlight-bg); color: var(--text-normal); mix-blend-mode: var(--highlight-mix-blend-mode); border-radius: var(--radius-s); }
[dir="rtl"] .dropdown, :root:lang(ar) .dropdown, :root:lang(iw) .dropdown { background-position: left 0.7em top 50%, 0px 0px; padding: 0.6em 0.8em 0.5em 1.4em; }
select, .dropdown { app-region: no-drag; height: var(--input-height); font-size: var(--font-ui-small); font-family: inherit; font-weight: var(--input-font-weight); color: var(--text-normal); line-height: var(--line-height-tight); padding: 0px 1.9em 0px 0.8em; max-width: 100%; box-sizing: border-box; margin: 0px; border: 0px; box-shadow: var(--input-shadow); border-radius: var(--input-radius); appearance: none; background-color: var(--interactive-normal); background-repeat: no-repeat, repeat; background-position: right 0.7em top 50%, 0px 0px; background-size: 0.65em, 100%; }
@media (hover: hover) {
select:hover, .dropdown:hover { box-shadow: var(--input-shadow-hover); background-color: var(--interactive-hover); }
}
select:focus, .dropdown:focus { box-shadow: 0 0 0px 3px var(--background-modifier-border-focus); outline: none; }
.dropdown { background-image: url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"292.4\" height=\"292.4\"%3E%3Cpath fill=\"%23000\" opacity=\"0.4\" d=\"M287 69.4a17.6 17.6 0 0 0-13-5.4H18.4c-5 0-9.3 1.8-12.9 5.4A17.6 17.6 0 0 0 0 82.2c0 5 1.8 9.3 5.4 12.9l128 127.9c3.6 3.6 7.8 5.4 12.8 5.4s9.2-1.8 12.8-5.4L287 95c3.5-3.5 5.4-7.8 5.4-12.8 0-5-1.9-9.2-5.5-12.8z\"/%3E%3C/svg%3E"); }
.theme-dark .dropdown { background-image: url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"292.4\" height=\"292.4\"%3E%3Cpath fill=\"%23FFF\" opacity=\"0.4\" d=\"M287 69.4a17.6 17.6 0 0 0-13-5.4H18.4c-5 0-9.3 1.8-12.9 5.4A17.6 17.6 0 0 0 0 82.2c0 5 1.8 9.3 5.4 12.9l128 127.9c3.6 3.6 7.8 5.4 12.8 5.4s9.2-1.8 12.8-5.4L287 95c3.5-3.5 5.4-7.8 5.4-12.8 0-5-1.9-9.2-5.5-12.8z\"/%3E%3C/svg%3E"); }
.dropdown option { font-weight: normal; background-color: var(--background-primary); }
.flair { background-color: var(--interactive-normal); border-radius: var(--radius-s); color: var(--text-normal); font-size: 10px; letter-spacing: 0.05em; margin-left: var(--size-4-2); padding: var(--size-2-1) var(--size-2-2); position: relative; text-transform: uppercase; white-space: nowrap; vertical-align: middle; }
.flair.mod-flat { vertical-align: top; }
.flair.mod-pop { background-color: var(--interactive-accent); color: var(--text-on-accent); }
.markdown-preview-view:not(.allow-fold-lists) .list-collapse-indicator, .markdown-preview-view:not(.allow-fold-headings) .heading-collapse-indicator { display: none; }
h1:hover .collapse-indicator, h2:hover .collapse-indicator, h3:hover .collapse-indicator, h4:hover .collapse-indicator, h5:hover .collapse-indicator, h6:hover .collapse-indicator, .collapse-indicator:hover, .is-collapsed .collapse-indicator, .cm-fold-indicator.is-collapsed .collapse-indicator, .cm-gutterElement:hover .collapse-indicator, .cm-gutterElement .is-collapsed .collapse-indicator, .cm-line:hover .cm-fold-indicator .collapse-indicator, .fold-gutter.is-collapsed, .fold-gutter:hover { opacity: 1; }
.view-content .list-collapse-indicator svg.svg-icon, .view-content .collapse-indicator svg.svg-icon { color: var(--collapse-icon-color); }
.view-content .is-collapsed .list-collapse-indicator svg.svg-icon, .view-content .is-collapsed .collapse-indicator svg.svg-icon { color: var(--collapse-icon-color-collapsed); }
.collapse-icon { display: flex; align-items: center; }
.collapse-icon::before { content: ""; }
.collapse-icon svg.svg-icon { color: var(--nav-collapse-icon-color); stroke-width: 4px; width: 10px; height: 10px; transition: transform 100ms ease-in-out 0s; }
.is-collapsed .collapse-icon svg.svg-icon { transform: rotate(-90deg); color: var(--nav-collapse-icon-color-collapsed); }
.rtl .is-collapsed .collapse-icon svg.svg-icon { transform: rotate(90deg); }
.markdown-preview-view .collapse-indicator { float: left; cursor: var(--cursor); }
.markdown-preview-view .collapse-indicator .svg-icon { vertical-align: middle; }
.markdown-preview-view .list-collapse-indicator { margin-left: -3em; padding: 0px 8px; }
.markdown-preview-view li.is-collapsed > ul, .markdown-preview-view li.is-collapsed > ol { display: none; }
.markdown-preview-view .heading-collapse-indicator { margin-left: -22px; padding: 0px 6px; }
.markdown-source-view.mod-cm6 .cm-fold-indicator .collapse-indicator { opacity: 0; }
.markdown-source-view.mod-cm6 .cm-line:hover .cm-fold-indicator .collapse-indicator, .markdown-source-view.mod-cm6 .cm-fold-indicator.is-collapsed .collapse-indicator { opacity: 1; }
.markdown-source-view.mod-cm6 .cm-foldPlaceholder { color: var(--text-faint); background-color: transparent; border: none; margin-left: 8px; }
.markdown-source-view.mod-cm6 .cm-fold-indicator { display: inline-block; position: relative; z-index: 1; }
.markdown-source-view.mod-cm6 .cm-fold-indicator .collapse-indicator { position: absolute; top: 0px; right: 0px; height: 100%; cursor: var(--cursor); padding-right: 5px; }
svg.svg-icon { height: var(--icon-size); width: var(--icon-size); stroke-width: var(--icon-stroke); }
.nav-buttons-container, .view-actions, .workspace-tab-header-inner, .side-dock-settings, .side-dock-actions { display: flex; justify-content: center; }
.side-dock-settings, .side-dock-actions { gap: var(--size-2-3); }
.view-actions { gap: 0px; align-items: center; --icon-size: var(--icon-s); }
.nav-buttons-container { flex-wrap: wrap; gap: var(--size-2-1); }
.nav-file-icon .svg-icon, .suggestion-flair .svg-icon, .menu-item-icon .svg-icon, .status-bar-item .svg-icon { --icon-size: var(--icon-s); --icon-stroke: var(--icon-s-stroke-width); }
.clickable-icon.side-dock-ribbon-action .svg-icon, .mod-left-split .workspace-tab-header-inner-icon .svg-icon, .mod-right-split .workspace-tab-header-inner-icon .svg-icon { --icon-size: var(--icon-l); --icon-stroke: var(--icon-l-stroke-width); }
.clickable-icon.side-dock-ribbon-action:active, .mod-left-split .workspace-tab-header-inner-icon:active, .mod-right-split .workspace-tab-header-inner-icon:active { color: var(--icon-color-focused); }
.clickable-icon { app-region: no-drag; background-color: transparent; display: flex; align-items: center; justify-content: center; padding: var(--size-2-2) var(--size-2-3); cursor: var(--cursor); border-radius: var(--clickable-icon-radius); color: var(--icon-color); opacity: var(--icon-opacity); transition: opacity 0.15s ease-in-out 0s; height: auto; }
@media (hover: hover) {
.clickable-icon:hover { box-shadow: none; opacity: var(--icon-opacity-hover); color: var(--icon-color-hover); background-color: var(--background-modifier-hover); }
.clickable-icon.has-active-menu, .clickable-icon:active { opacity: var(--icon-opacity-hover); color: var(--icon-color-focused); background-color: var(--background-modifier-hover); }
}
.clickable-icon.is-active { opacity: var(--icon-opacity-hover); color: var(--icon-color-active); background-color: var(--background-modifier-active-hover); }
@media (hover: hover) {
.clickable-icon.is-active:hover { background-color: var(--background-modifier-active-hover); }
}
.clickable-icon[aria-disabled="true"] { background-color: unset; color: var(--text-muted); opacity: 0.4; }
@media (hover: hover) {
.clickable-icon[aria-disabled="true"]:hover { background-color: unset; }
}
.clickable-icon.mod-warning { color: var(--text-error); }
.setting-item-control .clickable-icon { padding: var(--size-2-2); }
.markdown-rendered.show-indentation-guide li > ul, .markdown-rendered.show-indentation-guide li > ol { position: relative; }
.markdown-rendered.show-indentation-guide li > ul::before, .markdown-rendered.show-indentation-guide li > ol::before { content: ""; position: absolute; display: block; left: -1em; top: 0px; bottom: 0px; border-right: var(--indentation-guide-width) solid var(--indentation-guide-color); }
.markdown-source-view.mod-cm6 .cm-indent { display: inline-block; }
.markdown-source-view.mod-cm6 .cm-indent::before { content: ""; display: block; width: 1px; border-right: var(--indentation-guide-width) solid var(--indentation-guide-color); color: transparent; position: absolute; top: 0px; bottom: 0px; transform: translateX(0.15em); }
.markdown-source-view.mod-cm6 .cm-active-indent::before { border-color: var(--indentation-guide-color-active); }
.input-label { display: inline-block; width: 150px; text-align: right; margin-right: var(--size-4-2); }
.input-button { padding: 6px 14px; margin-left: 14px; color: var(--text-muted); font-size: var(--font-ui-medium); position: relative; top: -1px; }
@media (hover: hover) {
.input-button:hover { color: var(--text-normal); }
}
textarea, input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="number"] { app-region: no-drag; background: var(--background-modifier-form-field); border: var(--input-border-width) solid var(--background-modifier-border); color: var(--text-normal); font-family: inherit; padding: var(--size-4-1) var(--size-4-2); font-size: var(--font-ui-small); border-radius: var(--input-radius); outline: none; }
@media (hover: hover) {
textarea:hover, input[type="text"]:hover, input[type="search"]:hover, input[type="email"]:hover, input[type="password"]:hover, input[type="number"]:hover { border-color: var(--background-modifier-border-hover); transition: box-shadow 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s; }
}