@haklex/rich-compose 0.54.4 → 0.56.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/dist/litexml-html-preview-client.css +711 -620
  2. package/dist/litexml-html-preview-client.js +38 -15
  3. package/dist/style/alert.css +1 -1
  4. package/dist/style/banner.css +1 -1
  5. package/dist/style/chart.css +1 -1
  6. package/dist/style/chat.css +1 -1
  7. package/dist/style/code-block.css +1 -1
  8. package/dist/style/code-snippet.css +1 -1
  9. package/dist/style/dynamic.css +1 -1
  10. package/dist/style/embed.css +1 -1
  11. package/dist/style/excalidraw.css +1 -1
  12. package/dist/style/file.css +1 -1
  13. package/dist/style/foundation.css +1 -1
  14. package/dist/style/gallery.css +1 -1
  15. package/dist/style/image.css +1 -1
  16. package/dist/style/katex.css +1 -1
  17. package/dist/style/link-card.css +1 -1
  18. package/dist/style/mention.css +1 -1
  19. package/dist/style/mermaid.css +1 -1
  20. package/dist/style/nested-doc.css +1 -1
  21. package/dist/style/poll.css +1 -1
  22. package/dist/style/ruby.css +1 -1
  23. package/dist/style/slash-menu.css +1 -1
  24. package/dist/style/steps.css +1 -1
  25. package/dist/style/video.css +1 -1
  26. package/dist/style.css +23 -23
  27. package/package.json +28 -28
package/dist/litexml-html-preview-client.css CHANGED
@@ -1,35 +1,37 @@
1
1
  :root {
2
- --rc-text: #171717;
3
- --rc-text-secondary: #404040;
4
- --rc-text-tertiary: #737373;
5
- --rc-text-quaternary: #a3a3a3;
6
- --rc-bg: #ffffff;
7
- --rc-bg-secondary: #fafafa;
8
- --rc-bg-tertiary: #f5f5f5;
9
- --rc-fill: #e8e8e8;
10
- --rc-fill-secondary: #eeeeee;
11
- --rc-fill-tertiary: #f5f5f5;
12
- --rc-fill-quaternary: #fafafa;
13
- --rc-border: #e8e8e8;
14
- --rc-border-subtle: #f0f0f0;
15
- --rc-accent: #2563eb;
16
- --rc-accent-light: color-mix(in oklab, var(--rc-accent) 12%, transparent);
17
- --rc-link: #2563eb;
18
- --rc-code-text: #404040;
19
- --rc-code-bg: #f5f5f5;
20
- --rc-code-header-bg: #f0f0f0;
21
- --rc-hr-border: #e8e8e8;
22
- --rc-quote-border: color-mix(in oklab, var(--rc-text) 18%, transparent);
23
- --rc-quote-bg: #f5f5f5;
24
- --rc-alert-info: #2f6db5;
25
- --rc-alert-warning: #b7791f;
26
- --rc-alert-tip: #2f855a;
27
- --rc-alert-caution: #c53030;
28
- --rc-alert-important: #6b46c1;
2
+ --rc-text: var(--rc-host-text, #171717);
3
+ --rc-text-secondary: var(--rc-host-text-secondary, #404040);
4
+ --rc-text-tertiary: var(--rc-host-text-tertiary, #737373);
5
+ --rc-text-quaternary: var(--rc-host-text-quaternary, #a3a3a3);
6
+ --rc-bg: var(--rc-host-bg, #ffffff);
7
+ --rc-bg-secondary: var(--rc-host-bg-secondary, #fafafa);
8
+ --rc-bg-tertiary: var(--rc-host-bg-tertiary, #f5f5f5);
9
+ --rc-fill: var(--rc-host-fill, rgb(0 0 0 / 0.07));
10
+ --rc-fill-secondary: var(--rc-host-fill-secondary, rgb(0 0 0 / 0.045));
11
+ --rc-fill-tertiary: var(--rc-host-fill-tertiary, rgb(0 0 0 / 0.03));
12
+ --rc-fill-quaternary: var(--rc-host-fill-quaternary, rgb(0 0 0 / 0.02));
13
+ --rc-border: var(--rc-host-border, #e5e5e5);
14
+ --rc-border-subtle: var(--rc-host-border-subtle, #f0f0f0);
15
+ --rc-ring: var(--rc-host-ring, rgb(0 0 0 / 0.08));
16
+ --rc-accent: var(--rc-host-accent, #2563eb);
17
+ --rc-accent-light: var(--rc-host-accent-light, color-mix(in oklab, var(--rc-accent) 10%, transparent));
18
+ --rc-link: var(--rc-host-link, #2563eb);
19
+ --rc-code-text: var(--rc-host-code-text, #171717);
20
+ --rc-code-bg: var(--rc-host-code-bg, #f5f5f5);
21
+ --rc-code-header-bg: var(--rc-host-code-header-bg, #f5f5f5);
22
+ --rc-hr-border: var(--rc-host-hr-border, #e5e5e5);
23
+ --rc-quote-border: var(--rc-host-quote-border, #e5e5e5);
24
+ --rc-quote-bg: var(--rc-host-quote-bg, #f5f5f5);
25
+ --rc-alert-info: var(--rc-host-alert-info, #2563eb);
26
+ --rc-alert-warning: var(--rc-host-alert-warning, #b45309);
27
+ --rc-alert-tip: var(--rc-host-alert-tip, #15803d);
28
+ --rc-alert-caution: var(--rc-host-alert-caution, #dc2626);
29
+ --rc-alert-important: var(--rc-host-alert-important, #7c3aed);
29
30
  --rc-max-width: 700px;
30
- --rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
31
- --rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
32
- --rc-shadow-menu: 0 1px 4px rgba(0,0,0,0.04), 0 4px 16px rgba(0,0,0,0.08);
31
+ --rc-shadow-xs: 0 0 0 1px var(--rc-ring), 0 1px 2px rgb(0 0 0 / 0.05);
32
+ --rc-shadow-top-bar: 0 0 0 1px var(--rc-ring), 0 4px 12px rgb(0 0 0 / 0.06), 0 12px 32px -8px rgb(0 0 0 / 0.12);
33
+ --rc-shadow-modal: 0 0 0 1px rgb(0 0 0 / 0.06), 0 16px 48px -12px rgb(0 0 0 / 0.25);
34
+ --rc-shadow-menu: 0 0 0 1px var(--rc-ring), 0 4px 12px rgb(0 0 0 / 0.06), 0 12px 32px -8px rgb(0 0 0 / 0.12);
33
35
  --rc-space-xs: 4px;
34
36
  --rc-space-sm: 8px;
35
37
  --rc-space-md: 16px;
@@ -39,10 +41,10 @@
39
41
  --rc-flow-list: 0.375em;
40
42
  --rc-flow-block: 2em;
41
43
  --rc-flow-heading: 2em;
42
- --rc-font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, Helvetica, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
43
- --rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;
44
- --rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;
45
- --rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, "PingFang SC", "Noto Sans SC", monospace;
44
+ --rc-font-family-sans: var(--rc-host-font-family-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, Helvetica, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji");
45
+ --rc-font-family-serif: var(--rc-host-font-family-serif, "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif);
46
+ --rc-font-family-kai: var(--rc-host-font-family-kai, "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif);
47
+ --rc-font-mono: var(--rc-host-font-mono, "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, "PingFang SC", "Noto Sans SC", monospace);
46
48
  --rc-font-size-2xs: 0.625em;
47
49
  --rc-font-size-xs: 0.75em;
48
50
  --rc-font-size-sm: 0.8125em;
@@ -56,75 +58,79 @@
56
58
  --rc-line-height-tight: 1.35;
57
59
  --rc-line-height-compact: 1.6;
58
60
  --rc-line-height-code: 1.7;
59
- --rc-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, Helvetica, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
61
+ --rc-font-family: var(--rc-host-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, Helvetica, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji");
60
62
  --rc-radius-sm: 4px;
61
63
  --rc-radius-md: 8px;
62
64
  --rc-radius-lg: 12px;
63
65
  }
64
66
  :root.dark, [data-theme="dark"] {
65
- --rc-text: #ededed;
66
- --rc-text-secondary: #c2c2c2;
67
- --rc-text-tertiary: #8a8a8a;
68
- --rc-text-quaternary: #525252;
69
- --rc-bg: #0a0a0a;
70
- --rc-bg-secondary: #171717;
71
- --rc-bg-tertiary: #262626;
72
- --rc-fill: #2a2a2a;
73
- --rc-fill-secondary: #222222;
74
- --rc-fill-tertiary: #1a1a1a;
75
- --rc-fill-quaternary: #141414;
76
- --rc-border: #2e2e2e;
77
- --rc-border-subtle: #1f1f1f;
78
- --rc-accent: #60a5fa;
79
- --rc-accent-light: color-mix(in oklab, var(--rc-accent) 12%, transparent);
80
- --rc-link: #60a5fa;
81
- --rc-code-text: #d4d4d4;
82
- --rc-code-bg: #1a1a1a;
83
- --rc-code-header-bg: #212121;
84
- --rc-hr-border: #2e2e2e;
85
- --rc-quote-border: color-mix(in oklab, var(--rc-text) 22%, transparent);
86
- --rc-quote-bg: #262626;
87
- --rc-alert-info: #7aa7e0;
88
- --rc-alert-warning: #e0a458;
89
- --rc-alert-tip: #6cbf8f;
90
- --rc-alert-caution: #ef7d7d;
91
- --rc-alert-important: #a78bfa;
92
- --rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, 0.45), 0 2px 8px rgba(0, 0, 0, 0.3);
93
- --rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,0.4), 0 4px 6px -4px rgba(0,0,0,0.35);
94
- --rc-shadow-menu: 0 1px 4px rgba(0,0,0,0.25), 0 4px 16px rgba(0,0,0,0.4);
67
+ --rc-text: var(--rc-host-text, #ededed);
68
+ --rc-text-secondary: var(--rc-host-text-secondary, #c4c4c4);
69
+ --rc-text-tertiary: var(--rc-host-text-tertiary, #8f8f8f);
70
+ --rc-text-quaternary: var(--rc-host-text-quaternary, #5c5c5c);
71
+ --rc-bg: var(--rc-host-bg, #0a0a0a);
72
+ --rc-bg-secondary: var(--rc-host-bg-secondary, #121212);
73
+ --rc-bg-tertiary: var(--rc-host-bg-tertiary, #1a1a1a);
74
+ --rc-fill: var(--rc-host-fill, rgb(255 255 255 / 0.09));
75
+ --rc-fill-secondary: var(--rc-host-fill-secondary, rgb(255 255 255 / 0.06));
76
+ --rc-fill-tertiary: var(--rc-host-fill-tertiary, rgb(255 255 255 / 0.04));
77
+ --rc-fill-quaternary: var(--rc-host-fill-quaternary, rgb(255 255 255 / 0.025));
78
+ --rc-border: var(--rc-host-border, #262626);
79
+ --rc-border-subtle: var(--rc-host-border-subtle, #1c1c1c);
80
+ --rc-ring: var(--rc-host-ring, rgb(255 255 255 / 0.1));
81
+ --rc-accent: var(--rc-host-accent, #60a5fa);
82
+ --rc-accent-light: var(--rc-host-accent-light, color-mix(in oklab, var(--rc-accent) 16%, transparent));
83
+ --rc-link: var(--rc-host-link, #60a5fa);
84
+ --rc-code-text: var(--rc-host-code-text, #ededed);
85
+ --rc-code-bg: var(--rc-host-code-bg, #1a1a1a);
86
+ --rc-code-header-bg: var(--rc-host-code-header-bg, #1a1a1a);
87
+ --rc-hr-border: var(--rc-host-hr-border, #262626);
88
+ --rc-quote-border: var(--rc-host-quote-border, #262626);
89
+ --rc-quote-bg: var(--rc-host-quote-bg, #1a1a1a);
90
+ --rc-alert-info: var(--rc-host-alert-info, #60a5fa);
91
+ --rc-alert-warning: var(--rc-host-alert-warning, #fbbf24);
92
+ --rc-alert-tip: var(--rc-host-alert-tip, #4ade80);
93
+ --rc-alert-caution: var(--rc-host-alert-caution, #f87171);
94
+ --rc-alert-important: var(--rc-host-alert-important, #a78bfa);
95
+ --rc-shadow-xs: 0 0 0 1px var(--rc-ring), 0 1px 2px rgb(0 0 0 / 0.4);
96
+ --rc-shadow-top-bar: 0 0 0 1px var(--rc-ring), 0 8px 24px rgb(0 0 0 / 0.5), 0 16px 40px -8px rgb(0 0 0 / 0.6);
97
+ --rc-shadow-modal: 0 0 0 1px rgb(255 255 255 / 0.08), 0 16px 48px -12px rgb(0 0 0 / 0.7);
98
+ --rc-shadow-menu: 0 0 0 1px var(--rc-ring), 0 8px 24px rgb(0 0 0 / 0.5), 0 16px 40px -8px rgb(0 0 0 / 0.6);
95
99
  }
96
100
  ._1tdqahx0 {
97
- --rc-text: #171717;
98
- --rc-text-secondary: #404040;
99
- --rc-text-tertiary: #737373;
100
- --rc-text-quaternary: #a3a3a3;
101
- --rc-bg: #ffffff;
102
- --rc-bg-secondary: #fafafa;
103
- --rc-bg-tertiary: #f5f5f5;
104
- --rc-fill: #e8e8e8;
105
- --rc-fill-secondary: #eeeeee;
106
- --rc-fill-tertiary: #f5f5f5;
107
- --rc-fill-quaternary: #fafafa;
108
- --rc-border: #e8e8e8;
109
- --rc-border-subtle: #f0f0f0;
110
- --rc-accent: #2563eb;
111
- --rc-accent-light: color-mix(in oklab, var(--rc-accent) 12%, transparent);
112
- --rc-link: #2563eb;
113
- --rc-code-text: #404040;
114
- --rc-code-bg: #f5f5f5;
115
- --rc-code-header-bg: #f0f0f0;
116
- --rc-hr-border: #e8e8e8;
117
- --rc-quote-border: color-mix(in oklab, var(--rc-text) 18%, transparent);
118
- --rc-quote-bg: #f5f5f5;
119
- --rc-alert-info: #2f6db5;
120
- --rc-alert-warning: #b7791f;
121
- --rc-alert-tip: #2f855a;
122
- --rc-alert-caution: #c53030;
123
- --rc-alert-important: #6b46c1;
101
+ --rc-text: var(--rc-host-text, #171717);
102
+ --rc-text-secondary: var(--rc-host-text-secondary, #404040);
103
+ --rc-text-tertiary: var(--rc-host-text-tertiary, #737373);
104
+ --rc-text-quaternary: var(--rc-host-text-quaternary, #a3a3a3);
105
+ --rc-bg: var(--rc-host-bg, #ffffff);
106
+ --rc-bg-secondary: var(--rc-host-bg-secondary, #fafafa);
107
+ --rc-bg-tertiary: var(--rc-host-bg-tertiary, #f5f5f5);
108
+ --rc-fill: var(--rc-host-fill, rgb(0 0 0 / 0.07));
109
+ --rc-fill-secondary: var(--rc-host-fill-secondary, rgb(0 0 0 / 0.045));
110
+ --rc-fill-tertiary: var(--rc-host-fill-tertiary, rgb(0 0 0 / 0.03));
111
+ --rc-fill-quaternary: var(--rc-host-fill-quaternary, rgb(0 0 0 / 0.02));
112
+ --rc-border: var(--rc-host-border, #e5e5e5);
113
+ --rc-border-subtle: var(--rc-host-border-subtle, #f0f0f0);
114
+ --rc-ring: var(--rc-host-ring, rgb(0 0 0 / 0.08));
115
+ --rc-accent: var(--rc-host-accent, #2563eb);
116
+ --rc-accent-light: var(--rc-host-accent-light, color-mix(in oklab, var(--rc-accent) 10%, transparent));
117
+ --rc-link: var(--rc-host-link, #2563eb);
118
+ --rc-code-text: var(--rc-host-code-text, #171717);
119
+ --rc-code-bg: var(--rc-host-code-bg, #f5f5f5);
120
+ --rc-code-header-bg: var(--rc-host-code-header-bg, #f5f5f5);
121
+ --rc-hr-border: var(--rc-host-hr-border, #e5e5e5);
122
+ --rc-quote-border: var(--rc-host-quote-border, #e5e5e5);
123
+ --rc-quote-bg: var(--rc-host-quote-bg, #f5f5f5);
124
+ --rc-alert-info: var(--rc-host-alert-info, #2563eb);
125
+ --rc-alert-warning: var(--rc-host-alert-warning, #b45309);
126
+ --rc-alert-tip: var(--rc-host-alert-tip, #15803d);
127
+ --rc-alert-caution: var(--rc-host-alert-caution, #dc2626);
128
+ --rc-alert-important: var(--rc-host-alert-important, #7c3aed);
124
129
  --rc-max-width: 700px;
125
- --rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
126
- --rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
127
- --rc-shadow-menu: 0 1px 4px rgba(0,0,0,0.04), 0 4px 16px rgba(0,0,0,0.08);
130
+ --rc-shadow-xs: 0 0 0 1px var(--rc-ring), 0 1px 2px rgb(0 0 0 / 0.05);
131
+ --rc-shadow-top-bar: 0 0 0 1px var(--rc-ring), 0 4px 12px rgb(0 0 0 / 0.06), 0 12px 32px -8px rgb(0 0 0 / 0.12);
132
+ --rc-shadow-modal: 0 0 0 1px rgb(0 0 0 / 0.06), 0 16px 48px -12px rgb(0 0 0 / 0.25);
133
+ --rc-shadow-menu: 0 0 0 1px var(--rc-ring), 0 4px 12px rgb(0 0 0 / 0.06), 0 12px 32px -8px rgb(0 0 0 / 0.12);
128
134
  --rc-space-xs: 4px;
129
135
  --rc-space-sm: 8px;
130
136
  --rc-space-md: 16px;
@@ -134,10 +140,10 @@
134
140
  --rc-flow-list: 0.375em;
135
141
  --rc-flow-block: 2em;
136
142
  --rc-flow-heading: 2em;
137
- --rc-font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, Helvetica, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
138
- --rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;
139
- --rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;
140
- --rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, "PingFang SC", "Noto Sans SC", monospace;
143
+ --rc-font-family-sans: var(--rc-host-font-family-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, Helvetica, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji");
144
+ --rc-font-family-serif: var(--rc-host-font-family-serif, "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif);
145
+ --rc-font-family-kai: var(--rc-host-font-family-kai, "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif);
146
+ --rc-font-mono: var(--rc-host-font-mono, "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, "PingFang SC", "Noto Sans SC", monospace);
141
147
  --rc-font-size-2xs: 0.625em;
142
148
  --rc-font-size-xs: 0.75em;
143
149
  --rc-font-size-sm: 0.8125em;
@@ -151,43 +157,45 @@
151
157
  --rc-line-height-tight: 1.35;
152
158
  --rc-line-height-compact: 1.6;
153
159
  --rc-line-height-code: 1.7;
154
- --rc-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, Helvetica, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
160
+ --rc-font-family: var(--rc-host-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, Helvetica, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji");
155
161
  --rc-radius-sm: 4px;
156
162
  --rc-radius-md: 8px;
157
163
  --rc-radius-lg: 12px;
158
164
  }
159
165
  ._1tdqahx1 {
160
- --rc-text: #171717;
161
- --rc-text-secondary: #404040;
162
- --rc-text-tertiary: #737373;
163
- --rc-text-quaternary: #a3a3a3;
164
- --rc-bg: #ffffff;
165
- --rc-bg-secondary: #fafafa;
166
- --rc-bg-tertiary: #f5f5f5;
167
- --rc-fill: #e8e8e8;
168
- --rc-fill-secondary: #eeeeee;
169
- --rc-fill-tertiary: #f5f5f5;
170
- --rc-fill-quaternary: #fafafa;
171
- --rc-border: #e8e8e8;
172
- --rc-border-subtle: #f0f0f0;
173
- --rc-accent: #2563eb;
174
- --rc-accent-light: color-mix(in oklab, var(--rc-accent) 12%, transparent);
175
- --rc-link: #2563eb;
176
- --rc-code-text: #404040;
177
- --rc-code-bg: #f5f5f5;
178
- --rc-code-header-bg: #f0f0f0;
179
- --rc-hr-border: #e8e8e8;
180
- --rc-quote-border: color-mix(in oklab, var(--rc-text) 18%, transparent);
181
- --rc-quote-bg: #f5f5f5;
182
- --rc-alert-info: #2f6db5;
183
- --rc-alert-warning: #b7791f;
184
- --rc-alert-tip: #2f855a;
185
- --rc-alert-caution: #c53030;
186
- --rc-alert-important: #6b46c1;
166
+ --rc-text: var(--rc-host-text, #171717);
167
+ --rc-text-secondary: var(--rc-host-text-secondary, #404040);
168
+ --rc-text-tertiary: var(--rc-host-text-tertiary, #737373);
169
+ --rc-text-quaternary: var(--rc-host-text-quaternary, #a3a3a3);
170
+ --rc-bg: var(--rc-host-bg, #ffffff);
171
+ --rc-bg-secondary: var(--rc-host-bg-secondary, #fafafa);
172
+ --rc-bg-tertiary: var(--rc-host-bg-tertiary, #f5f5f5);
173
+ --rc-fill: var(--rc-host-fill, rgb(0 0 0 / 0.07));
174
+ --rc-fill-secondary: var(--rc-host-fill-secondary, rgb(0 0 0 / 0.045));
175
+ --rc-fill-tertiary: var(--rc-host-fill-tertiary, rgb(0 0 0 / 0.03));
176
+ --rc-fill-quaternary: var(--rc-host-fill-quaternary, rgb(0 0 0 / 0.02));
177
+ --rc-border: var(--rc-host-border, #e5e5e5);
178
+ --rc-border-subtle: var(--rc-host-border-subtle, #f0f0f0);
179
+ --rc-ring: var(--rc-host-ring, rgb(0 0 0 / 0.08));
180
+ --rc-accent: var(--rc-host-accent, #2563eb);
181
+ --rc-accent-light: var(--rc-host-accent-light, color-mix(in oklab, var(--rc-accent) 10%, transparent));
182
+ --rc-link: var(--rc-host-link, #2563eb);
183
+ --rc-code-text: var(--rc-host-code-text, #171717);
184
+ --rc-code-bg: var(--rc-host-code-bg, #f5f5f5);
185
+ --rc-code-header-bg: var(--rc-host-code-header-bg, #f5f5f5);
186
+ --rc-hr-border: var(--rc-host-hr-border, #e5e5e5);
187
+ --rc-quote-border: var(--rc-host-quote-border, #e5e5e5);
188
+ --rc-quote-bg: var(--rc-host-quote-bg, #f5f5f5);
189
+ --rc-alert-info: var(--rc-host-alert-info, #2563eb);
190
+ --rc-alert-warning: var(--rc-host-alert-warning, #b45309);
191
+ --rc-alert-tip: var(--rc-host-alert-tip, #15803d);
192
+ --rc-alert-caution: var(--rc-host-alert-caution, #dc2626);
193
+ --rc-alert-important: var(--rc-host-alert-important, #7c3aed);
187
194
  --rc-max-width: 700px;
188
- --rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
189
- --rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
190
- --rc-shadow-menu: 0 1px 4px rgba(0,0,0,0.04), 0 4px 16px rgba(0,0,0,0.08);
195
+ --rc-shadow-xs: 0 0 0 1px var(--rc-ring), 0 1px 2px rgb(0 0 0 / 0.05);
196
+ --rc-shadow-top-bar: 0 0 0 1px var(--rc-ring), 0 4px 12px rgb(0 0 0 / 0.06), 0 12px 32px -8px rgb(0 0 0 / 0.12);
197
+ --rc-shadow-modal: 0 0 0 1px rgb(0 0 0 / 0.06), 0 16px 48px -12px rgb(0 0 0 / 0.25);
198
+ --rc-shadow-menu: 0 0 0 1px var(--rc-ring), 0 4px 12px rgb(0 0 0 / 0.06), 0 12px 32px -8px rgb(0 0 0 / 0.12);
191
199
  --rc-space-xs: 4px;
192
200
  --rc-space-sm: 8px;
193
201
  --rc-space-md: 16px;
@@ -197,10 +205,10 @@
197
205
  --rc-flow-list: 0.375em;
198
206
  --rc-flow-block: 2em;
199
207
  --rc-flow-heading: 2em;
200
- --rc-font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, Helvetica, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
201
- --rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;
202
- --rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;
203
- --rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, "PingFang SC", "Noto Sans SC", monospace;
208
+ --rc-font-family-sans: var(--rc-host-font-family-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, Helvetica, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji");
209
+ --rc-font-family-serif: var(--rc-host-font-family-serif, "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif);
210
+ --rc-font-family-kai: var(--rc-host-font-family-kai, "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif);
211
+ --rc-font-mono: var(--rc-host-font-mono, "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, "PingFang SC", "Noto Sans SC", monospace);
204
212
  --rc-font-size-2xs: 0.625em;
205
213
  --rc-font-size-xs: 0.75em;
206
214
  --rc-font-size-sm: 0.8125em;
@@ -214,43 +222,45 @@
214
222
  --rc-line-height-tight: 1.35;
215
223
  --rc-line-height-compact: 1.6;
216
224
  --rc-line-height-code: 1.7;
217
- --rc-font-family: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;
225
+ --rc-font-family: var(--rc-host-font-family, "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif);
218
226
  --rc-radius-sm: 4px;
219
227
  --rc-radius-md: 8px;
220
228
  --rc-radius-lg: 12px;
221
229
  }
222
230
  ._1tdqahx2 {
223
- --rc-text: #171717;
224
- --rc-text-secondary: #404040;
225
- --rc-text-tertiary: #737373;
226
- --rc-text-quaternary: #a3a3a3;
227
- --rc-bg: #ffffff;
228
- --rc-bg-secondary: #fafafa;
229
- --rc-bg-tertiary: #f5f5f5;
230
- --rc-fill: #e8e8e8;
231
- --rc-fill-secondary: #eeeeee;
232
- --rc-fill-tertiary: #f5f5f5;
233
- --rc-fill-quaternary: #fafafa;
234
- --rc-border: #e8e8e8;
235
- --rc-border-subtle: #f0f0f0;
236
- --rc-accent: #2563eb;
237
- --rc-accent-light: color-mix(in oklab, var(--rc-accent) 12%, transparent);
238
- --rc-link: #2563eb;
239
- --rc-code-text: #404040;
240
- --rc-code-bg: #f5f5f5;
241
- --rc-code-header-bg: #f0f0f0;
242
- --rc-hr-border: #e8e8e8;
243
- --rc-quote-border: color-mix(in oklab, var(--rc-text) 18%, transparent);
244
- --rc-quote-bg: #fafafa;
245
- --rc-alert-info: #2f6db5;
246
- --rc-alert-warning: #b7791f;
247
- --rc-alert-tip: #2f855a;
248
- --rc-alert-caution: #c53030;
249
- --rc-alert-important: #6b46c1;
231
+ --rc-text: var(--rc-host-text, #171717);
232
+ --rc-text-secondary: var(--rc-host-text-secondary, #404040);
233
+ --rc-text-tertiary: var(--rc-host-text-tertiary, #737373);
234
+ --rc-text-quaternary: var(--rc-host-text-quaternary, #a3a3a3);
235
+ --rc-bg: var(--rc-host-bg, #ffffff);
236
+ --rc-bg-secondary: var(--rc-host-bg-secondary, #fafafa);
237
+ --rc-bg-tertiary: var(--rc-host-bg-tertiary, #f5f5f5);
238
+ --rc-fill: var(--rc-host-fill, rgb(0 0 0 / 0.07));
239
+ --rc-fill-secondary: var(--rc-host-fill-secondary, rgb(0 0 0 / 0.045));
240
+ --rc-fill-tertiary: var(--rc-host-fill-tertiary, rgb(0 0 0 / 0.03));
241
+ --rc-fill-quaternary: var(--rc-host-fill-quaternary, rgb(0 0 0 / 0.02));
242
+ --rc-border: var(--rc-host-border, #e5e5e5);
243
+ --rc-border-subtle: var(--rc-host-border-subtle, #f0f0f0);
244
+ --rc-ring: var(--rc-host-ring, rgb(0 0 0 / 0.08));
245
+ --rc-accent: var(--rc-host-accent, #2563eb);
246
+ --rc-accent-light: var(--rc-host-accent-light, color-mix(in oklab, var(--rc-accent) 10%, transparent));
247
+ --rc-link: var(--rc-host-link, #2563eb);
248
+ --rc-code-text: var(--rc-host-code-text, #171717);
249
+ --rc-code-bg: var(--rc-host-code-bg, #f5f5f5);
250
+ --rc-code-header-bg: var(--rc-host-code-header-bg, #f5f5f5);
251
+ --rc-hr-border: var(--rc-host-hr-border, #e5e5e5);
252
+ --rc-quote-border: var(--rc-host-quote-border, #e5e5e5);
253
+ --rc-quote-bg: var(--rc-host-quote-bg, #fafafa);
254
+ --rc-alert-info: var(--rc-host-alert-info, #2563eb);
255
+ --rc-alert-warning: var(--rc-host-alert-warning, #b45309);
256
+ --rc-alert-tip: var(--rc-host-alert-tip, #15803d);
257
+ --rc-alert-caution: var(--rc-host-alert-caution, #dc2626);
258
+ --rc-alert-important: var(--rc-host-alert-important, #7c3aed);
250
259
  --rc-max-width: none;
251
- --rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
252
- --rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
253
- --rc-shadow-menu: 0 1px 4px rgba(0,0,0,0.04), 0 4px 16px rgba(0,0,0,0.08);
260
+ --rc-shadow-xs: 0 0 0 1px var(--rc-ring), 0 1px 2px rgb(0 0 0 / 0.05);
261
+ --rc-shadow-top-bar: 0 0 0 1px var(--rc-ring), 0 4px 12px rgb(0 0 0 / 0.06), 0 12px 32px -8px rgb(0 0 0 / 0.12);
262
+ --rc-shadow-modal: 0 0 0 1px rgb(0 0 0 / 0.06), 0 16px 48px -12px rgb(0 0 0 / 0.25);
263
+ --rc-shadow-menu: 0 0 0 1px var(--rc-ring), 0 4px 12px rgb(0 0 0 / 0.06), 0 12px 32px -8px rgb(0 0 0 / 0.12);
254
264
  --rc-space-xs: 2px;
255
265
  --rc-space-sm: 4px;
256
266
  --rc-space-md: 10px;
@@ -260,10 +270,10 @@
260
270
  --rc-flow-list: 0.25em;
261
271
  --rc-flow-block: 1em;
262
272
  --rc-flow-heading: 1em;
263
- --rc-font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, Helvetica, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
264
- --rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;
265
- --rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;
266
- --rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, "PingFang SC", "Noto Sans SC", monospace;
273
+ --rc-font-family-sans: var(--rc-host-font-family-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, Helvetica, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji");
274
+ --rc-font-family-serif: var(--rc-host-font-family-serif, "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif);
275
+ --rc-font-family-kai: var(--rc-host-font-family-kai, "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif);
276
+ --rc-font-mono: var(--rc-host-font-mono, "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, "PingFang SC", "Noto Sans SC", monospace);
267
277
  --rc-font-size-2xs: 0.625em;
268
278
  --rc-font-size-xs: 0.75em;
269
279
  --rc-font-size-sm: 0.8125em;
@@ -277,43 +287,45 @@
277
287
  --rc-line-height-tight: 1.3;
278
288
  --rc-line-height-compact: 1.6;
279
289
  --rc-line-height-code: 1.7;
280
- --rc-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, Helvetica, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
290
+ --rc-font-family: var(--rc-host-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, Helvetica, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji");
281
291
  --rc-radius-sm: 3px;
282
292
  --rc-radius-md: 6px;
283
293
  --rc-radius-lg: 12px;
284
294
  }
285
295
  ._1tdqahx3 {
286
- --rc-text: #171717;
287
- --rc-text-secondary: #404040;
288
- --rc-text-tertiary: #737373;
289
- --rc-text-quaternary: #a3a3a3;
290
- --rc-bg: #ffffff;
291
- --rc-bg-secondary: #fafafa;
292
- --rc-bg-tertiary: #f5f5f5;
293
- --rc-fill: #e8e8e8;
294
- --rc-fill-secondary: #eeeeee;
295
- --rc-fill-tertiary: #f5f5f5;
296
- --rc-fill-quaternary: #fafafa;
297
- --rc-border: #e8e8e8;
298
- --rc-border-subtle: #f0f0f0;
299
- --rc-accent: #2563eb;
300
- --rc-accent-light: color-mix(in oklab, var(--rc-accent) 12%, transparent);
301
- --rc-link: #2563eb;
302
- --rc-code-text: #404040;
303
- --rc-code-bg: #f5f5f5;
304
- --rc-code-header-bg: #f0f0f0;
305
- --rc-hr-border: #e8e8e8;
306
- --rc-quote-border: color-mix(in oklab, var(--rc-text) 18%, transparent);
307
- --rc-quote-bg: #fafafa;
308
- --rc-alert-info: #2f6db5;
309
- --rc-alert-warning: #b7791f;
310
- --rc-alert-tip: #2f855a;
311
- --rc-alert-caution: #c53030;
312
- --rc-alert-important: #6b46c1;
296
+ --rc-text: var(--rc-host-text, #171717);
297
+ --rc-text-secondary: var(--rc-host-text-secondary, #404040);
298
+ --rc-text-tertiary: var(--rc-host-text-tertiary, #737373);
299
+ --rc-text-quaternary: var(--rc-host-text-quaternary, #a3a3a3);
300
+ --rc-bg: var(--rc-host-bg, #ffffff);
301
+ --rc-bg-secondary: var(--rc-host-bg-secondary, #fafafa);
302
+ --rc-bg-tertiary: var(--rc-host-bg-tertiary, #f5f5f5);
303
+ --rc-fill: var(--rc-host-fill, rgb(0 0 0 / 0.07));
304
+ --rc-fill-secondary: var(--rc-host-fill-secondary, rgb(0 0 0 / 0.045));
305
+ --rc-fill-tertiary: var(--rc-host-fill-tertiary, rgb(0 0 0 / 0.03));
306
+ --rc-fill-quaternary: var(--rc-host-fill-quaternary, rgb(0 0 0 / 0.02));
307
+ --rc-border: var(--rc-host-border, #e5e5e5);
308
+ --rc-border-subtle: var(--rc-host-border-subtle, #f0f0f0);
309
+ --rc-ring: var(--rc-host-ring, rgb(0 0 0 / 0.08));
310
+ --rc-accent: var(--rc-host-accent, #2563eb);
311
+ --rc-accent-light: var(--rc-host-accent-light, color-mix(in oklab, var(--rc-accent) 10%, transparent));
312
+ --rc-link: var(--rc-host-link, #2563eb);
313
+ --rc-code-text: var(--rc-host-code-text, #171717);
314
+ --rc-code-bg: var(--rc-host-code-bg, #f5f5f5);
315
+ --rc-code-header-bg: var(--rc-host-code-header-bg, #f5f5f5);
316
+ --rc-hr-border: var(--rc-host-hr-border, #e5e5e5);
317
+ --rc-quote-border: var(--rc-host-quote-border, #e5e5e5);
318
+ --rc-quote-bg: var(--rc-host-quote-bg, #fafafa);
319
+ --rc-alert-info: var(--rc-host-alert-info, #2563eb);
320
+ --rc-alert-warning: var(--rc-host-alert-warning, #b45309);
321
+ --rc-alert-tip: var(--rc-host-alert-tip, #15803d);
322
+ --rc-alert-caution: var(--rc-host-alert-caution, #dc2626);
323
+ --rc-alert-important: var(--rc-host-alert-important, #7c3aed);
313
324
  --rc-max-width: none;
314
- --rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
315
- --rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
316
- --rc-shadow-menu: 0 1px 4px rgba(0,0,0,0.04), 0 4px 16px rgba(0,0,0,0.08);
325
+ --rc-shadow-xs: 0 0 0 1px var(--rc-ring), 0 1px 2px rgb(0 0 0 / 0.05);
326
+ --rc-shadow-top-bar: 0 0 0 1px var(--rc-ring), 0 4px 12px rgb(0 0 0 / 0.06), 0 12px 32px -8px rgb(0 0 0 / 0.12);
327
+ --rc-shadow-modal: 0 0 0 1px rgb(0 0 0 / 0.06), 0 16px 48px -12px rgb(0 0 0 / 0.25);
328
+ --rc-shadow-menu: 0 0 0 1px var(--rc-ring), 0 4px 12px rgb(0 0 0 / 0.06), 0 12px 32px -8px rgb(0 0 0 / 0.12);
317
329
  --rc-space-xs: 4px;
318
330
  --rc-space-sm: 8px;
319
331
  --rc-space-md: 16px;
@@ -323,10 +335,10 @@
323
335
  --rc-flow-list: 0.25em;
324
336
  --rc-flow-block: 1em;
325
337
  --rc-flow-heading: 1em;
326
- --rc-font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, Helvetica, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
327
- --rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;
328
- --rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;
329
- --rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, "PingFang SC", "Noto Sans SC", monospace;
338
+ --rc-font-family-sans: var(--rc-host-font-family-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, Helvetica, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji");
339
+ --rc-font-family-serif: var(--rc-host-font-family-serif, "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif);
340
+ --rc-font-family-kai: var(--rc-host-font-family-kai, "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif);
341
+ --rc-font-mono: var(--rc-host-font-mono, "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, "PingFang SC", "Noto Sans SC", monospace);
330
342
  --rc-font-size-2xs: 0.625em;
331
343
  --rc-font-size-xs: 0.75em;
332
344
  --rc-font-size-sm: 0.8125em;
@@ -340,266 +352,282 @@
340
352
  --rc-line-height-tight: 1.3;
341
353
  --rc-line-height-compact: 1.6;
342
354
  --rc-line-height-code: 1.7;
343
- --rc-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, Helvetica, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
355
+ --rc-font-family: var(--rc-host-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, Helvetica, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji");
344
356
  --rc-radius-sm: 4px;
345
357
  --rc-radius-md: 8px;
346
358
  --rc-radius-lg: 12px;
347
359
  }
348
360
  .dark ._1tdqahx0, [data-theme="dark"] ._1tdqahx0 {
349
- --rc-text: #ededed;
350
- --rc-text-secondary: #c2c2c2;
351
- --rc-text-tertiary: #8a8a8a;
352
- --rc-text-quaternary: #525252;
353
- --rc-bg: #0a0a0a;
354
- --rc-bg-secondary: #171717;
355
- --rc-bg-tertiary: #262626;
356
- --rc-fill: #2a2a2a;
357
- --rc-fill-secondary: #222222;
358
- --rc-fill-tertiary: #1a1a1a;
359
- --rc-fill-quaternary: #141414;
360
- --rc-border: #2e2e2e;
361
- --rc-border-subtle: #1f1f1f;
362
- --rc-accent: #60a5fa;
363
- --rc-accent-light: color-mix(in oklab, var(--rc-accent) 12%, transparent);
364
- --rc-link: #60a5fa;
365
- --rc-code-text: #d4d4d4;
366
- --rc-code-bg: #1a1a1a;
367
- --rc-code-header-bg: #212121;
368
- --rc-hr-border: #2e2e2e;
369
- --rc-quote-border: color-mix(in oklab, var(--rc-text) 22%, transparent);
370
- --rc-quote-bg: #262626;
371
- --rc-alert-info: #7aa7e0;
372
- --rc-alert-warning: #e0a458;
373
- --rc-alert-tip: #6cbf8f;
374
- --rc-alert-caution: #ef7d7d;
375
- --rc-alert-important: #a78bfa;
376
- --rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, 0.45), 0 2px 8px rgba(0, 0, 0, 0.3);
377
- --rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,0.4), 0 4px 6px -4px rgba(0,0,0,0.35);
378
- --rc-shadow-menu: 0 1px 4px rgba(0,0,0,0.25), 0 4px 16px rgba(0,0,0,0.4);
361
+ --rc-text: var(--rc-host-text, #ededed);
362
+ --rc-text-secondary: var(--rc-host-text-secondary, #c4c4c4);
363
+ --rc-text-tertiary: var(--rc-host-text-tertiary, #8f8f8f);
364
+ --rc-text-quaternary: var(--rc-host-text-quaternary, #5c5c5c);
365
+ --rc-bg: var(--rc-host-bg, #0a0a0a);
366
+ --rc-bg-secondary: var(--rc-host-bg-secondary, #121212);
367
+ --rc-bg-tertiary: var(--rc-host-bg-tertiary, #1a1a1a);
368
+ --rc-fill: var(--rc-host-fill, rgb(255 255 255 / 0.09));
369
+ --rc-fill-secondary: var(--rc-host-fill-secondary, rgb(255 255 255 / 0.06));
370
+ --rc-fill-tertiary: var(--rc-host-fill-tertiary, rgb(255 255 255 / 0.04));
371
+ --rc-fill-quaternary: var(--rc-host-fill-quaternary, rgb(255 255 255 / 0.025));
372
+ --rc-border: var(--rc-host-border, #262626);
373
+ --rc-border-subtle: var(--rc-host-border-subtle, #1c1c1c);
374
+ --rc-ring: var(--rc-host-ring, rgb(255 255 255 / 0.1));
375
+ --rc-accent: var(--rc-host-accent, #60a5fa);
376
+ --rc-accent-light: var(--rc-host-accent-light, color-mix(in oklab, var(--rc-accent) 16%, transparent));
377
+ --rc-link: var(--rc-host-link, #60a5fa);
378
+ --rc-code-text: var(--rc-host-code-text, #ededed);
379
+ --rc-code-bg: var(--rc-host-code-bg, #1a1a1a);
380
+ --rc-code-header-bg: var(--rc-host-code-header-bg, #1a1a1a);
381
+ --rc-hr-border: var(--rc-host-hr-border, #262626);
382
+ --rc-quote-border: var(--rc-host-quote-border, #262626);
383
+ --rc-quote-bg: var(--rc-host-quote-bg, #1a1a1a);
384
+ --rc-alert-info: var(--rc-host-alert-info, #60a5fa);
385
+ --rc-alert-warning: var(--rc-host-alert-warning, #fbbf24);
386
+ --rc-alert-tip: var(--rc-host-alert-tip, #4ade80);
387
+ --rc-alert-caution: var(--rc-host-alert-caution, #f87171);
388
+ --rc-alert-important: var(--rc-host-alert-important, #a78bfa);
389
+ --rc-shadow-xs: 0 0 0 1px var(--rc-ring), 0 1px 2px rgb(0 0 0 / 0.4);
390
+ --rc-shadow-top-bar: 0 0 0 1px var(--rc-ring), 0 8px 24px rgb(0 0 0 / 0.5), 0 16px 40px -8px rgb(0 0 0 / 0.6);
391
+ --rc-shadow-modal: 0 0 0 1px rgb(255 255 255 / 0.08), 0 16px 48px -12px rgb(0 0 0 / 0.7);
392
+ --rc-shadow-menu: 0 0 0 1px var(--rc-ring), 0 8px 24px rgb(0 0 0 / 0.5), 0 16px 40px -8px rgb(0 0 0 / 0.6);
379
393
  }
380
394
  .dark._1tdqahx0, [data-theme="dark"]._1tdqahx0 {
381
- --rc-text: #ededed;
382
- --rc-text-secondary: #c2c2c2;
383
- --rc-text-tertiary: #8a8a8a;
384
- --rc-text-quaternary: #525252;
385
- --rc-bg: #0a0a0a;
386
- --rc-bg-secondary: #171717;
387
- --rc-bg-tertiary: #262626;
388
- --rc-fill: #2a2a2a;
389
- --rc-fill-secondary: #222222;
390
- --rc-fill-tertiary: #1a1a1a;
391
- --rc-fill-quaternary: #141414;
392
- --rc-border: #2e2e2e;
393
- --rc-border-subtle: #1f1f1f;
394
- --rc-accent: #60a5fa;
395
- --rc-accent-light: color-mix(in oklab, var(--rc-accent) 12%, transparent);
396
- --rc-link: #60a5fa;
397
- --rc-code-text: #d4d4d4;
398
- --rc-code-bg: #1a1a1a;
399
- --rc-code-header-bg: #212121;
400
- --rc-hr-border: #2e2e2e;
401
- --rc-quote-border: color-mix(in oklab, var(--rc-text) 22%, transparent);
402
- --rc-quote-bg: #262626;
403
- --rc-alert-info: #7aa7e0;
404
- --rc-alert-warning: #e0a458;
405
- --rc-alert-tip: #6cbf8f;
406
- --rc-alert-caution: #ef7d7d;
407
- --rc-alert-important: #a78bfa;
408
- --rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, 0.45), 0 2px 8px rgba(0, 0, 0, 0.3);
409
- --rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,0.4), 0 4px 6px -4px rgba(0,0,0,0.35);
410
- --rc-shadow-menu: 0 1px 4px rgba(0,0,0,0.25), 0 4px 16px rgba(0,0,0,0.4);
395
+ --rc-text: var(--rc-host-text, #ededed);
396
+ --rc-text-secondary: var(--rc-host-text-secondary, #c4c4c4);
397
+ --rc-text-tertiary: var(--rc-host-text-tertiary, #8f8f8f);
398
+ --rc-text-quaternary: var(--rc-host-text-quaternary, #5c5c5c);
399
+ --rc-bg: var(--rc-host-bg, #0a0a0a);
400
+ --rc-bg-secondary: var(--rc-host-bg-secondary, #121212);
401
+ --rc-bg-tertiary: var(--rc-host-bg-tertiary, #1a1a1a);
402
+ --rc-fill: var(--rc-host-fill, rgb(255 255 255 / 0.09));
403
+ --rc-fill-secondary: var(--rc-host-fill-secondary, rgb(255 255 255 / 0.06));
404
+ --rc-fill-tertiary: var(--rc-host-fill-tertiary, rgb(255 255 255 / 0.04));
405
+ --rc-fill-quaternary: var(--rc-host-fill-quaternary, rgb(255 255 255 / 0.025));
406
+ --rc-border: var(--rc-host-border, #262626);
407
+ --rc-border-subtle: var(--rc-host-border-subtle, #1c1c1c);
408
+ --rc-ring: var(--rc-host-ring, rgb(255 255 255 / 0.1));
409
+ --rc-accent: var(--rc-host-accent, #60a5fa);
410
+ --rc-accent-light: var(--rc-host-accent-light, color-mix(in oklab, var(--rc-accent) 16%, transparent));
411
+ --rc-link: var(--rc-host-link, #60a5fa);
412
+ --rc-code-text: var(--rc-host-code-text, #ededed);
413
+ --rc-code-bg: var(--rc-host-code-bg, #1a1a1a);
414
+ --rc-code-header-bg: var(--rc-host-code-header-bg, #1a1a1a);
415
+ --rc-hr-border: var(--rc-host-hr-border, #262626);
416
+ --rc-quote-border: var(--rc-host-quote-border, #262626);
417
+ --rc-quote-bg: var(--rc-host-quote-bg, #1a1a1a);
418
+ --rc-alert-info: var(--rc-host-alert-info, #60a5fa);
419
+ --rc-alert-warning: var(--rc-host-alert-warning, #fbbf24);
420
+ --rc-alert-tip: var(--rc-host-alert-tip, #4ade80);
421
+ --rc-alert-caution: var(--rc-host-alert-caution, #f87171);
422
+ --rc-alert-important: var(--rc-host-alert-important, #a78bfa);
423
+ --rc-shadow-xs: 0 0 0 1px var(--rc-ring), 0 1px 2px rgb(0 0 0 / 0.4);
424
+ --rc-shadow-top-bar: 0 0 0 1px var(--rc-ring), 0 8px 24px rgb(0 0 0 / 0.5), 0 16px 40px -8px rgb(0 0 0 / 0.6);
425
+ --rc-shadow-modal: 0 0 0 1px rgb(255 255 255 / 0.08), 0 16px 48px -12px rgb(0 0 0 / 0.7);
426
+ --rc-shadow-menu: 0 0 0 1px var(--rc-ring), 0 8px 24px rgb(0 0 0 / 0.5), 0 16px 40px -8px rgb(0 0 0 / 0.6);
411
427
  }
412
428
  .dark ._1tdqahx1, [data-theme="dark"] ._1tdqahx1 {
413
- --rc-text: #ededed;
414
- --rc-text-secondary: #c2c2c2;
415
- --rc-text-tertiary: #8a8a8a;
416
- --rc-text-quaternary: #525252;
417
- --rc-bg: #0a0a0a;
418
- --rc-bg-secondary: #171717;
419
- --rc-bg-tertiary: #262626;
420
- --rc-fill: #2a2a2a;
421
- --rc-fill-secondary: #222222;
422
- --rc-fill-tertiary: #1a1a1a;
423
- --rc-fill-quaternary: #141414;
424
- --rc-border: #2e2e2e;
425
- --rc-border-subtle: #1f1f1f;
426
- --rc-accent: #60a5fa;
427
- --rc-accent-light: color-mix(in oklab, var(--rc-accent) 12%, transparent);
428
- --rc-link: #60a5fa;
429
- --rc-code-text: #d4d4d4;
430
- --rc-code-bg: #1a1a1a;
431
- --rc-code-header-bg: #212121;
432
- --rc-hr-border: #2e2e2e;
433
- --rc-quote-border: color-mix(in oklab, var(--rc-text) 22%, transparent);
434
- --rc-quote-bg: #262626;
435
- --rc-alert-info: #7aa7e0;
436
- --rc-alert-warning: #e0a458;
437
- --rc-alert-tip: #6cbf8f;
438
- --rc-alert-caution: #ef7d7d;
439
- --rc-alert-important: #a78bfa;
440
- --rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, 0.45), 0 2px 8px rgba(0, 0, 0, 0.3);
441
- --rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,0.4), 0 4px 6px -4px rgba(0,0,0,0.35);
442
- --rc-shadow-menu: 0 1px 4px rgba(0,0,0,0.25), 0 4px 16px rgba(0,0,0,0.4);
429
+ --rc-text: var(--rc-host-text, #ededed);
430
+ --rc-text-secondary: var(--rc-host-text-secondary, #c4c4c4);
431
+ --rc-text-tertiary: var(--rc-host-text-tertiary, #8f8f8f);
432
+ --rc-text-quaternary: var(--rc-host-text-quaternary, #5c5c5c);
433
+ --rc-bg: var(--rc-host-bg, #0a0a0a);
434
+ --rc-bg-secondary: var(--rc-host-bg-secondary, #121212);
435
+ --rc-bg-tertiary: var(--rc-host-bg-tertiary, #1a1a1a);
436
+ --rc-fill: var(--rc-host-fill, rgb(255 255 255 / 0.09));
437
+ --rc-fill-secondary: var(--rc-host-fill-secondary, rgb(255 255 255 / 0.06));
438
+ --rc-fill-tertiary: var(--rc-host-fill-tertiary, rgb(255 255 255 / 0.04));
439
+ --rc-fill-quaternary: var(--rc-host-fill-quaternary, rgb(255 255 255 / 0.025));
440
+ --rc-border: var(--rc-host-border, #262626);
441
+ --rc-border-subtle: var(--rc-host-border-subtle, #1c1c1c);
442
+ --rc-ring: var(--rc-host-ring, rgb(255 255 255 / 0.1));
443
+ --rc-accent: var(--rc-host-accent, #60a5fa);
444
+ --rc-accent-light: var(--rc-host-accent-light, color-mix(in oklab, var(--rc-accent) 16%, transparent));
445
+ --rc-link: var(--rc-host-link, #60a5fa);
446
+ --rc-code-text: var(--rc-host-code-text, #ededed);
447
+ --rc-code-bg: var(--rc-host-code-bg, #1a1a1a);
448
+ --rc-code-header-bg: var(--rc-host-code-header-bg, #1a1a1a);
449
+ --rc-hr-border: var(--rc-host-hr-border, #262626);
450
+ --rc-quote-border: var(--rc-host-quote-border, #262626);
451
+ --rc-quote-bg: var(--rc-host-quote-bg, #1a1a1a);
452
+ --rc-alert-info: var(--rc-host-alert-info, #60a5fa);
453
+ --rc-alert-warning: var(--rc-host-alert-warning, #fbbf24);
454
+ --rc-alert-tip: var(--rc-host-alert-tip, #4ade80);
455
+ --rc-alert-caution: var(--rc-host-alert-caution, #f87171);
456
+ --rc-alert-important: var(--rc-host-alert-important, #a78bfa);
457
+ --rc-shadow-xs: 0 0 0 1px var(--rc-ring), 0 1px 2px rgb(0 0 0 / 0.4);
458
+ --rc-shadow-top-bar: 0 0 0 1px var(--rc-ring), 0 8px 24px rgb(0 0 0 / 0.5), 0 16px 40px -8px rgb(0 0 0 / 0.6);
459
+ --rc-shadow-modal: 0 0 0 1px rgb(255 255 255 / 0.08), 0 16px 48px -12px rgb(0 0 0 / 0.7);
460
+ --rc-shadow-menu: 0 0 0 1px var(--rc-ring), 0 8px 24px rgb(0 0 0 / 0.5), 0 16px 40px -8px rgb(0 0 0 / 0.6);
443
461
  }
444
462
  .dark._1tdqahx1, [data-theme="dark"]._1tdqahx1 {
445
- --rc-text: #ededed;
446
- --rc-text-secondary: #c2c2c2;
447
- --rc-text-tertiary: #8a8a8a;
448
- --rc-text-quaternary: #525252;
449
- --rc-bg: #0a0a0a;
450
- --rc-bg-secondary: #171717;
451
- --rc-bg-tertiary: #262626;
452
- --rc-fill: #2a2a2a;
453
- --rc-fill-secondary: #222222;
454
- --rc-fill-tertiary: #1a1a1a;
455
- --rc-fill-quaternary: #141414;
456
- --rc-border: #2e2e2e;
457
- --rc-border-subtle: #1f1f1f;
458
- --rc-accent: #60a5fa;
459
- --rc-accent-light: color-mix(in oklab, var(--rc-accent) 12%, transparent);
460
- --rc-link: #60a5fa;
461
- --rc-code-text: #d4d4d4;
462
- --rc-code-bg: #1a1a1a;
463
- --rc-code-header-bg: #212121;
464
- --rc-hr-border: #2e2e2e;
465
- --rc-quote-border: color-mix(in oklab, var(--rc-text) 22%, transparent);
466
- --rc-quote-bg: #262626;
467
- --rc-alert-info: #7aa7e0;
468
- --rc-alert-warning: #e0a458;
469
- --rc-alert-tip: #6cbf8f;
470
- --rc-alert-caution: #ef7d7d;
471
- --rc-alert-important: #a78bfa;
472
- --rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, 0.45), 0 2px 8px rgba(0, 0, 0, 0.3);
473
- --rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,0.4), 0 4px 6px -4px rgba(0,0,0,0.35);
474
- --rc-shadow-menu: 0 1px 4px rgba(0,0,0,0.25), 0 4px 16px rgba(0,0,0,0.4);
463
+ --rc-text: var(--rc-host-text, #ededed);
464
+ --rc-text-secondary: var(--rc-host-text-secondary, #c4c4c4);
465
+ --rc-text-tertiary: var(--rc-host-text-tertiary, #8f8f8f);
466
+ --rc-text-quaternary: var(--rc-host-text-quaternary, #5c5c5c);
467
+ --rc-bg: var(--rc-host-bg, #0a0a0a);
468
+ --rc-bg-secondary: var(--rc-host-bg-secondary, #121212);
469
+ --rc-bg-tertiary: var(--rc-host-bg-tertiary, #1a1a1a);
470
+ --rc-fill: var(--rc-host-fill, rgb(255 255 255 / 0.09));
471
+ --rc-fill-secondary: var(--rc-host-fill-secondary, rgb(255 255 255 / 0.06));
472
+ --rc-fill-tertiary: var(--rc-host-fill-tertiary, rgb(255 255 255 / 0.04));
473
+ --rc-fill-quaternary: var(--rc-host-fill-quaternary, rgb(255 255 255 / 0.025));
474
+ --rc-border: var(--rc-host-border, #262626);
475
+ --rc-border-subtle: var(--rc-host-border-subtle, #1c1c1c);
476
+ --rc-ring: var(--rc-host-ring, rgb(255 255 255 / 0.1));
477
+ --rc-accent: var(--rc-host-accent, #60a5fa);
478
+ --rc-accent-light: var(--rc-host-accent-light, color-mix(in oklab, var(--rc-accent) 16%, transparent));
479
+ --rc-link: var(--rc-host-link, #60a5fa);
480
+ --rc-code-text: var(--rc-host-code-text, #ededed);
481
+ --rc-code-bg: var(--rc-host-code-bg, #1a1a1a);
482
+ --rc-code-header-bg: var(--rc-host-code-header-bg, #1a1a1a);
483
+ --rc-hr-border: var(--rc-host-hr-border, #262626);
484
+ --rc-quote-border: var(--rc-host-quote-border, #262626);
485
+ --rc-quote-bg: var(--rc-host-quote-bg, #1a1a1a);
486
+ --rc-alert-info: var(--rc-host-alert-info, #60a5fa);
487
+ --rc-alert-warning: var(--rc-host-alert-warning, #fbbf24);
488
+ --rc-alert-tip: var(--rc-host-alert-tip, #4ade80);
489
+ --rc-alert-caution: var(--rc-host-alert-caution, #f87171);
490
+ --rc-alert-important: var(--rc-host-alert-important, #a78bfa);
491
+ --rc-shadow-xs: 0 0 0 1px var(--rc-ring), 0 1px 2px rgb(0 0 0 / 0.4);
492
+ --rc-shadow-top-bar: 0 0 0 1px var(--rc-ring), 0 8px 24px rgb(0 0 0 / 0.5), 0 16px 40px -8px rgb(0 0 0 / 0.6);
493
+ --rc-shadow-modal: 0 0 0 1px rgb(255 255 255 / 0.08), 0 16px 48px -12px rgb(0 0 0 / 0.7);
494
+ --rc-shadow-menu: 0 0 0 1px var(--rc-ring), 0 8px 24px rgb(0 0 0 / 0.5), 0 16px 40px -8px rgb(0 0 0 / 0.6);
475
495
  }
476
496
  .dark ._1tdqahx2, [data-theme="dark"] ._1tdqahx2 {
477
- --rc-text: #ededed;
478
- --rc-text-secondary: #c2c2c2;
479
- --rc-text-tertiary: #8a8a8a;
480
- --rc-text-quaternary: #525252;
481
- --rc-bg: #0a0a0a;
482
- --rc-bg-secondary: #171717;
483
- --rc-bg-tertiary: #262626;
484
- --rc-fill: #2a2a2a;
485
- --rc-fill-secondary: #222222;
486
- --rc-fill-tertiary: #1a1a1a;
487
- --rc-fill-quaternary: #141414;
488
- --rc-border: #2e2e2e;
489
- --rc-border-subtle: #1f1f1f;
490
- --rc-accent: #60a5fa;
491
- --rc-accent-light: color-mix(in oklab, var(--rc-accent) 12%, transparent);
492
- --rc-link: #60a5fa;
493
- --rc-code-text: #d4d4d4;
494
- --rc-code-bg: #1a1a1a;
495
- --rc-code-header-bg: #212121;
496
- --rc-hr-border: #2e2e2e;
497
- --rc-quote-border: color-mix(in oklab, var(--rc-text) 22%, transparent);
498
- --rc-quote-bg: #262626;
499
- --rc-alert-info: #7aa7e0;
500
- --rc-alert-warning: #e0a458;
501
- --rc-alert-tip: #6cbf8f;
502
- --rc-alert-caution: #ef7d7d;
503
- --rc-alert-important: #a78bfa;
504
- --rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, 0.45), 0 2px 8px rgba(0, 0, 0, 0.3);
505
- --rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,0.4), 0 4px 6px -4px rgba(0,0,0,0.35);
506
- --rc-shadow-menu: 0 1px 4px rgba(0,0,0,0.25), 0 4px 16px rgba(0,0,0,0.4);
497
+ --rc-text: var(--rc-host-text, #ededed);
498
+ --rc-text-secondary: var(--rc-host-text-secondary, #c4c4c4);
499
+ --rc-text-tertiary: var(--rc-host-text-tertiary, #8f8f8f);
500
+ --rc-text-quaternary: var(--rc-host-text-quaternary, #5c5c5c);
501
+ --rc-bg: var(--rc-host-bg, #0a0a0a);
502
+ --rc-bg-secondary: var(--rc-host-bg-secondary, #121212);
503
+ --rc-bg-tertiary: var(--rc-host-bg-tertiary, #1a1a1a);
504
+ --rc-fill: var(--rc-host-fill, rgb(255 255 255 / 0.09));
505
+ --rc-fill-secondary: var(--rc-host-fill-secondary, rgb(255 255 255 / 0.06));
506
+ --rc-fill-tertiary: var(--rc-host-fill-tertiary, rgb(255 255 255 / 0.04));
507
+ --rc-fill-quaternary: var(--rc-host-fill-quaternary, rgb(255 255 255 / 0.025));
508
+ --rc-border: var(--rc-host-border, #262626);
509
+ --rc-border-subtle: var(--rc-host-border-subtle, #1c1c1c);
510
+ --rc-ring: var(--rc-host-ring, rgb(255 255 255 / 0.1));
511
+ --rc-accent: var(--rc-host-accent, #60a5fa);
512
+ --rc-accent-light: var(--rc-host-accent-light, color-mix(in oklab, var(--rc-accent) 16%, transparent));
513
+ --rc-link: var(--rc-host-link, #60a5fa);
514
+ --rc-code-text: var(--rc-host-code-text, #ededed);
515
+ --rc-code-bg: var(--rc-host-code-bg, #1a1a1a);
516
+ --rc-code-header-bg: var(--rc-host-code-header-bg, #1a1a1a);
517
+ --rc-hr-border: var(--rc-host-hr-border, #262626);
518
+ --rc-quote-border: var(--rc-host-quote-border, #262626);
519
+ --rc-quote-bg: var(--rc-host-quote-bg, #1a1a1a);
520
+ --rc-alert-info: var(--rc-host-alert-info, #60a5fa);
521
+ --rc-alert-warning: var(--rc-host-alert-warning, #fbbf24);
522
+ --rc-alert-tip: var(--rc-host-alert-tip, #4ade80);
523
+ --rc-alert-caution: var(--rc-host-alert-caution, #f87171);
524
+ --rc-alert-important: var(--rc-host-alert-important, #a78bfa);
525
+ --rc-shadow-xs: 0 0 0 1px var(--rc-ring), 0 1px 2px rgb(0 0 0 / 0.4);
526
+ --rc-shadow-top-bar: 0 0 0 1px var(--rc-ring), 0 8px 24px rgb(0 0 0 / 0.5), 0 16px 40px -8px rgb(0 0 0 / 0.6);
527
+ --rc-shadow-modal: 0 0 0 1px rgb(255 255 255 / 0.08), 0 16px 48px -12px rgb(0 0 0 / 0.7);
528
+ --rc-shadow-menu: 0 0 0 1px var(--rc-ring), 0 8px 24px rgb(0 0 0 / 0.5), 0 16px 40px -8px rgb(0 0 0 / 0.6);
507
529
  }
508
530
  .dark._1tdqahx2, [data-theme="dark"]._1tdqahx2 {
509
- --rc-text: #ededed;
510
- --rc-text-secondary: #c2c2c2;
511
- --rc-text-tertiary: #8a8a8a;
512
- --rc-text-quaternary: #525252;
513
- --rc-bg: #0a0a0a;
514
- --rc-bg-secondary: #171717;
515
- --rc-bg-tertiary: #262626;
516
- --rc-fill: #2a2a2a;
517
- --rc-fill-secondary: #222222;
518
- --rc-fill-tertiary: #1a1a1a;
519
- --rc-fill-quaternary: #141414;
520
- --rc-border: #2e2e2e;
521
- --rc-border-subtle: #1f1f1f;
522
- --rc-accent: #60a5fa;
523
- --rc-accent-light: color-mix(in oklab, var(--rc-accent) 12%, transparent);
524
- --rc-link: #60a5fa;
525
- --rc-code-text: #d4d4d4;
526
- --rc-code-bg: #1a1a1a;
527
- --rc-code-header-bg: #212121;
528
- --rc-hr-border: #2e2e2e;
529
- --rc-quote-border: color-mix(in oklab, var(--rc-text) 22%, transparent);
530
- --rc-quote-bg: #262626;
531
- --rc-alert-info: #7aa7e0;
532
- --rc-alert-warning: #e0a458;
533
- --rc-alert-tip: #6cbf8f;
534
- --rc-alert-caution: #ef7d7d;
535
- --rc-alert-important: #a78bfa;
536
- --rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, 0.45), 0 2px 8px rgba(0, 0, 0, 0.3);
537
- --rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,0.4), 0 4px 6px -4px rgba(0,0,0,0.35);
538
- --rc-shadow-menu: 0 1px 4px rgba(0,0,0,0.25), 0 4px 16px rgba(0,0,0,0.4);
531
+ --rc-text: var(--rc-host-text, #ededed);
532
+ --rc-text-secondary: var(--rc-host-text-secondary, #c4c4c4);
533
+ --rc-text-tertiary: var(--rc-host-text-tertiary, #8f8f8f);
534
+ --rc-text-quaternary: var(--rc-host-text-quaternary, #5c5c5c);
535
+ --rc-bg: var(--rc-host-bg, #0a0a0a);
536
+ --rc-bg-secondary: var(--rc-host-bg-secondary, #121212);
537
+ --rc-bg-tertiary: var(--rc-host-bg-tertiary, #1a1a1a);
538
+ --rc-fill: var(--rc-host-fill, rgb(255 255 255 / 0.09));
539
+ --rc-fill-secondary: var(--rc-host-fill-secondary, rgb(255 255 255 / 0.06));
540
+ --rc-fill-tertiary: var(--rc-host-fill-tertiary, rgb(255 255 255 / 0.04));
541
+ --rc-fill-quaternary: var(--rc-host-fill-quaternary, rgb(255 255 255 / 0.025));
542
+ --rc-border: var(--rc-host-border, #262626);
543
+ --rc-border-subtle: var(--rc-host-border-subtle, #1c1c1c);
544
+ --rc-ring: var(--rc-host-ring, rgb(255 255 255 / 0.1));
545
+ --rc-accent: var(--rc-host-accent, #60a5fa);
546
+ --rc-accent-light: var(--rc-host-accent-light, color-mix(in oklab, var(--rc-accent) 16%, transparent));
547
+ --rc-link: var(--rc-host-link, #60a5fa);
548
+ --rc-code-text: var(--rc-host-code-text, #ededed);
549
+ --rc-code-bg: var(--rc-host-code-bg, #1a1a1a);
550
+ --rc-code-header-bg: var(--rc-host-code-header-bg, #1a1a1a);
551
+ --rc-hr-border: var(--rc-host-hr-border, #262626);
552
+ --rc-quote-border: var(--rc-host-quote-border, #262626);
553
+ --rc-quote-bg: var(--rc-host-quote-bg, #1a1a1a);
554
+ --rc-alert-info: var(--rc-host-alert-info, #60a5fa);
555
+ --rc-alert-warning: var(--rc-host-alert-warning, #fbbf24);
556
+ --rc-alert-tip: var(--rc-host-alert-tip, #4ade80);
557
+ --rc-alert-caution: var(--rc-host-alert-caution, #f87171);
558
+ --rc-alert-important: var(--rc-host-alert-important, #a78bfa);
559
+ --rc-shadow-xs: 0 0 0 1px var(--rc-ring), 0 1px 2px rgb(0 0 0 / 0.4);
560
+ --rc-shadow-top-bar: 0 0 0 1px var(--rc-ring), 0 8px 24px rgb(0 0 0 / 0.5), 0 16px 40px -8px rgb(0 0 0 / 0.6);
561
+ --rc-shadow-modal: 0 0 0 1px rgb(255 255 255 / 0.08), 0 16px 48px -12px rgb(0 0 0 / 0.7);
562
+ --rc-shadow-menu: 0 0 0 1px var(--rc-ring), 0 8px 24px rgb(0 0 0 / 0.5), 0 16px 40px -8px rgb(0 0 0 / 0.6);
539
563
  }
540
564
  .dark ._1tdqahx3, [data-theme="dark"] ._1tdqahx3 {
541
- --rc-text: #ededed;
542
- --rc-text-secondary: #c2c2c2;
543
- --rc-text-tertiary: #8a8a8a;
544
- --rc-text-quaternary: #525252;
545
- --rc-bg: #0a0a0a;
546
- --rc-bg-secondary: #171717;
547
- --rc-bg-tertiary: #262626;
548
- --rc-fill: #2a2a2a;
549
- --rc-fill-secondary: #222222;
550
- --rc-fill-tertiary: #1a1a1a;
551
- --rc-fill-quaternary: #141414;
552
- --rc-border: #2e2e2e;
553
- --rc-border-subtle: #1f1f1f;
554
- --rc-accent: #60a5fa;
555
- --rc-accent-light: color-mix(in oklab, var(--rc-accent) 12%, transparent);
556
- --rc-link: #60a5fa;
557
- --rc-code-text: #d4d4d4;
558
- --rc-code-bg: #1a1a1a;
559
- --rc-code-header-bg: #212121;
560
- --rc-hr-border: #2e2e2e;
561
- --rc-quote-border: color-mix(in oklab, var(--rc-text) 22%, transparent);
562
- --rc-quote-bg: #262626;
563
- --rc-alert-info: #7aa7e0;
564
- --rc-alert-warning: #e0a458;
565
- --rc-alert-tip: #6cbf8f;
566
- --rc-alert-caution: #ef7d7d;
567
- --rc-alert-important: #a78bfa;
568
- --rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, 0.45), 0 2px 8px rgba(0, 0, 0, 0.3);
569
- --rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,0.4), 0 4px 6px -4px rgba(0,0,0,0.35);
570
- --rc-shadow-menu: 0 1px 4px rgba(0,0,0,0.25), 0 4px 16px rgba(0,0,0,0.4);
565
+ --rc-text: var(--rc-host-text, #ededed);
566
+ --rc-text-secondary: var(--rc-host-text-secondary, #c4c4c4);
567
+ --rc-text-tertiary: var(--rc-host-text-tertiary, #8f8f8f);
568
+ --rc-text-quaternary: var(--rc-host-text-quaternary, #5c5c5c);
569
+ --rc-bg: var(--rc-host-bg, #0a0a0a);
570
+ --rc-bg-secondary: var(--rc-host-bg-secondary, #121212);
571
+ --rc-bg-tertiary: var(--rc-host-bg-tertiary, #1a1a1a);
572
+ --rc-fill: var(--rc-host-fill, rgb(255 255 255 / 0.09));
573
+ --rc-fill-secondary: var(--rc-host-fill-secondary, rgb(255 255 255 / 0.06));
574
+ --rc-fill-tertiary: var(--rc-host-fill-tertiary, rgb(255 255 255 / 0.04));
575
+ --rc-fill-quaternary: var(--rc-host-fill-quaternary, rgb(255 255 255 / 0.025));
576
+ --rc-border: var(--rc-host-border, #262626);
577
+ --rc-border-subtle: var(--rc-host-border-subtle, #1c1c1c);
578
+ --rc-ring: var(--rc-host-ring, rgb(255 255 255 / 0.1));
579
+ --rc-accent: var(--rc-host-accent, #60a5fa);
580
+ --rc-accent-light: var(--rc-host-accent-light, color-mix(in oklab, var(--rc-accent) 16%, transparent));
581
+ --rc-link: var(--rc-host-link, #60a5fa);
582
+ --rc-code-text: var(--rc-host-code-text, #ededed);
583
+ --rc-code-bg: var(--rc-host-code-bg, #1a1a1a);
584
+ --rc-code-header-bg: var(--rc-host-code-header-bg, #1a1a1a);
585
+ --rc-hr-border: var(--rc-host-hr-border, #262626);
586
+ --rc-quote-border: var(--rc-host-quote-border, #262626);
587
+ --rc-quote-bg: var(--rc-host-quote-bg, #1a1a1a);
588
+ --rc-alert-info: var(--rc-host-alert-info, #60a5fa);
589
+ --rc-alert-warning: var(--rc-host-alert-warning, #fbbf24);
590
+ --rc-alert-tip: var(--rc-host-alert-tip, #4ade80);
591
+ --rc-alert-caution: var(--rc-host-alert-caution, #f87171);
592
+ --rc-alert-important: var(--rc-host-alert-important, #a78bfa);
593
+ --rc-shadow-xs: 0 0 0 1px var(--rc-ring), 0 1px 2px rgb(0 0 0 / 0.4);
594
+ --rc-shadow-top-bar: 0 0 0 1px var(--rc-ring), 0 8px 24px rgb(0 0 0 / 0.5), 0 16px 40px -8px rgb(0 0 0 / 0.6);
595
+ --rc-shadow-modal: 0 0 0 1px rgb(255 255 255 / 0.08), 0 16px 48px -12px rgb(0 0 0 / 0.7);
596
+ --rc-shadow-menu: 0 0 0 1px var(--rc-ring), 0 8px 24px rgb(0 0 0 / 0.5), 0 16px 40px -8px rgb(0 0 0 / 0.6);
571
597
  }
572
598
  .dark._1tdqahx3, [data-theme="dark"]._1tdqahx3 {
573
- --rc-text: #ededed;
574
- --rc-text-secondary: #c2c2c2;
575
- --rc-text-tertiary: #8a8a8a;
576
- --rc-text-quaternary: #525252;
577
- --rc-bg: #0a0a0a;
578
- --rc-bg-secondary: #171717;
579
- --rc-bg-tertiary: #262626;
580
- --rc-fill: #2a2a2a;
581
- --rc-fill-secondary: #222222;
582
- --rc-fill-tertiary: #1a1a1a;
583
- --rc-fill-quaternary: #141414;
584
- --rc-border: #2e2e2e;
585
- --rc-border-subtle: #1f1f1f;
586
- --rc-accent: #60a5fa;
587
- --rc-accent-light: color-mix(in oklab, var(--rc-accent) 12%, transparent);
588
- --rc-link: #60a5fa;
589
- --rc-code-text: #d4d4d4;
590
- --rc-code-bg: #1a1a1a;
591
- --rc-code-header-bg: #212121;
592
- --rc-hr-border: #2e2e2e;
593
- --rc-quote-border: color-mix(in oklab, var(--rc-text) 22%, transparent);
594
- --rc-quote-bg: #262626;
595
- --rc-alert-info: #7aa7e0;
596
- --rc-alert-warning: #e0a458;
597
- --rc-alert-tip: #6cbf8f;
598
- --rc-alert-caution: #ef7d7d;
599
- --rc-alert-important: #a78bfa;
600
- --rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, 0.45), 0 2px 8px rgba(0, 0, 0, 0.3);
601
- --rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,0.4), 0 4px 6px -4px rgba(0,0,0,0.35);
602
- --rc-shadow-menu: 0 1px 4px rgba(0,0,0,0.25), 0 4px 16px rgba(0,0,0,0.4);
599
+ --rc-text: var(--rc-host-text, #ededed);
600
+ --rc-text-secondary: var(--rc-host-text-secondary, #c4c4c4);
601
+ --rc-text-tertiary: var(--rc-host-text-tertiary, #8f8f8f);
602
+ --rc-text-quaternary: var(--rc-host-text-quaternary, #5c5c5c);
603
+ --rc-bg: var(--rc-host-bg, #0a0a0a);
604
+ --rc-bg-secondary: var(--rc-host-bg-secondary, #121212);
605
+ --rc-bg-tertiary: var(--rc-host-bg-tertiary, #1a1a1a);
606
+ --rc-fill: var(--rc-host-fill, rgb(255 255 255 / 0.09));
607
+ --rc-fill-secondary: var(--rc-host-fill-secondary, rgb(255 255 255 / 0.06));
608
+ --rc-fill-tertiary: var(--rc-host-fill-tertiary, rgb(255 255 255 / 0.04));
609
+ --rc-fill-quaternary: var(--rc-host-fill-quaternary, rgb(255 255 255 / 0.025));
610
+ --rc-border: var(--rc-host-border, #262626);
611
+ --rc-border-subtle: var(--rc-host-border-subtle, #1c1c1c);
612
+ --rc-ring: var(--rc-host-ring, rgb(255 255 255 / 0.1));
613
+ --rc-accent: var(--rc-host-accent, #60a5fa);
614
+ --rc-accent-light: var(--rc-host-accent-light, color-mix(in oklab, var(--rc-accent) 16%, transparent));
615
+ --rc-link: var(--rc-host-link, #60a5fa);
616
+ --rc-code-text: var(--rc-host-code-text, #ededed);
617
+ --rc-code-bg: var(--rc-host-code-bg, #1a1a1a);
618
+ --rc-code-header-bg: var(--rc-host-code-header-bg, #1a1a1a);
619
+ --rc-hr-border: var(--rc-host-hr-border, #262626);
620
+ --rc-quote-border: var(--rc-host-quote-border, #262626);
621
+ --rc-quote-bg: var(--rc-host-quote-bg, #1a1a1a);
622
+ --rc-alert-info: var(--rc-host-alert-info, #60a5fa);
623
+ --rc-alert-warning: var(--rc-host-alert-warning, #fbbf24);
624
+ --rc-alert-tip: var(--rc-host-alert-tip, #4ade80);
625
+ --rc-alert-caution: var(--rc-host-alert-caution, #f87171);
626
+ --rc-alert-important: var(--rc-host-alert-important, #a78bfa);
627
+ --rc-shadow-xs: 0 0 0 1px var(--rc-ring), 0 1px 2px rgb(0 0 0 / 0.4);
628
+ --rc-shadow-top-bar: 0 0 0 1px var(--rc-ring), 0 8px 24px rgb(0 0 0 / 0.5), 0 16px 40px -8px rgb(0 0 0 / 0.6);
629
+ --rc-shadow-modal: 0 0 0 1px rgb(255 255 255 / 0.08), 0 16px 48px -12px rgb(0 0 0 / 0.7);
630
+ --rc-shadow-menu: 0 0 0 1px var(--rc-ring), 0 8px 24px rgb(0 0 0 / 0.5), 0 16px 40px -8px rgb(0 0 0 / 0.6);
603
631
  }._88dxwg0 {
604
632
  position: relative;
605
633
  width: 100%;
@@ -1074,7 +1102,7 @@
1074
1102
  }
1075
1103
  ._4yb2ge5 {
1076
1104
  background-color: var(--rc-accent);
1077
- color: #fff;
1105
+ color: var(--rc-bg);
1078
1106
  }
1079
1107
  ._4yb2ge5:hover:not(:disabled) {
1080
1108
  filter: brightness(0.9);
@@ -1188,31 +1216,30 @@
1188
1216
  align-items: flex-start;
1189
1217
  gap: 8px;
1190
1218
  padding: 8px 12px;
1191
- border-radius: 8px;
1219
+ border-radius: var(--rc-radius-md);
1192
1220
  font-size: 13px;
1193
1221
  line-height: 1.5;
1194
1222
  border: 1px solid transparent;
1223
+ color: var(--rc-text);
1195
1224
  }
1196
1225
  ._1l3v6y01 {
1197
- background-color: rgba(59, 130, 246, 0.06);
1198
- border-color: rgba(59, 130, 246, 0.24);
1199
- color: #1e40af;
1226
+ background-color: color-mix(in oklab, var(--rc-alert-info) 6%, transparent);
1227
+ border-color: color-mix(in oklab, var(--rc-alert-info) 18%, transparent);
1200
1228
  }
1201
1229
  ._1l3v6y02 {
1202
- background-color: rgba(245, 158, 11, 0.06);
1203
- border-color: rgba(245, 158, 11, 0.24);
1204
- color: #92400e;
1230
+ background-color: color-mix(in oklab, var(--rc-alert-warning) 6%, transparent);
1231
+ border-color: color-mix(in oklab, var(--rc-alert-warning) 18%, transparent);
1205
1232
  }
1206
1233
  ._1l3v6y03 {
1207
- background-color: rgba(239, 68, 68, 0.06);
1208
- border-color: rgba(239, 68, 68, 0.24);
1209
- color: #991b1b;
1234
+ background-color: color-mix(in oklab, var(--rc-alert-caution) 6%, transparent);
1235
+ border-color: color-mix(in oklab, var(--rc-alert-caution) 18%, transparent);
1210
1236
  }
1211
1237
  ._1l3v6y04 {
1212
1238
  flex: 1;
1213
1239
  min-width: 0;
1214
1240
  }
1215
1241
  ._1l3v6y05 {
1242
+ display: block;
1216
1243
  width: 16px;
1217
1244
  height: 16px;
1218
1245
  flex-shrink: 0;
@@ -1222,6 +1249,18 @@
1222
1249
  flex-shrink: 0;
1223
1250
  margin-left: auto;
1224
1251
  }.v4rl1g0 {
1252
+ letter-spacing: normal;
1253
+ word-spacing: normal;
1254
+ font-feature-settings: normal;
1255
+ font-variant: normal;
1256
+ font-style: normal;
1257
+ font-weight: 400;
1258
+ text-transform: none;
1259
+ text-indent: 0;
1260
+ color: var(--rc-text);
1261
+ font-family: var(--rc-font-family-sans);
1262
+ font-size: var(--rc-font-size-small);
1263
+ line-height: var(--rc-line-height-compact);
1225
1264
  position: relative;
1226
1265
  }
1227
1266
  .v4rl1g1 {
@@ -1289,6 +1328,7 @@
1289
1328
  display: inline-flex;
1290
1329
  align-items: center;
1291
1330
  border-radius: 9999px;
1331
+ font-family: var(--rc-font-family-sans);
1292
1332
  font-weight: 500;
1293
1333
  white-space: nowrap;
1294
1334
  line-height: 1;
@@ -1298,20 +1338,20 @@
1298
1338
  color: var(--rc-text-tertiary);
1299
1339
  }
1300
1340
  ._1a850zp2 {
1301
- background-color: rgba(34, 197, 94, 0.1);
1302
- color: #16a34a;
1341
+ background-color: color-mix(in oklab, var(--rc-alert-tip) 10%, transparent);
1342
+ color: var(--rc-alert-tip);
1303
1343
  }
1304
1344
  ._1a850zp3 {
1305
- background-color: rgba(239, 68, 68, 0.1);
1306
- color: #dc2626;
1345
+ background-color: color-mix(in oklab, var(--rc-alert-caution) 10%, transparent);
1346
+ color: var(--rc-alert-caution);
1307
1347
  }
1308
1348
  ._1a850zp4 {
1309
- background-color: rgba(245, 158, 11, 0.1);
1310
- color: #d97706;
1349
+ background-color: color-mix(in oklab, var(--rc-alert-warning) 10%, transparent);
1350
+ color: var(--rc-alert-warning);
1311
1351
  }
1312
1352
  ._1a850zp5 {
1313
- background-color: rgba(59, 130, 246, 0.1);
1314
- color: #2563eb;
1353
+ background-color: color-mix(in oklab, var(--rc-alert-info) 10%, transparent);
1354
+ color: var(--rc-alert-info);
1315
1355
  }
1316
1356
  ._1a850zp6 {
1317
1357
  font-size: 11px;
@@ -1506,7 +1546,7 @@
1506
1546
  background-color: var(--rc-fill);
1507
1547
  }
1508
1548
  .qy3sol0[data-chrome="compact"] .qy3sol4 {
1509
- background-color: var(--rc-fill);
1549
+ background: linear-gradient(var(--rc-fill), var(--rc-fill)), var(--rc-code-bg);
1510
1550
  color: var(--rc-text);
1511
1551
  }
1512
1552
  .qy3sol5 {
@@ -1690,16 +1730,27 @@
1690
1730
  }
1691
1731
  }
1692
1732
  ._2ex84i2 {
1733
+ letter-spacing: normal;
1734
+ word-spacing: normal;
1735
+ font-feature-settings: normal;
1736
+ font-variant: normal;
1737
+ font-style: normal;
1738
+ font-weight: 400;
1739
+ text-transform: none;
1740
+ text-indent: 0;
1741
+ color: var(--rc-text);
1742
+ font-family: var(--rc-font-family-sans);
1743
+ font-size: var(--rc-font-size-small);
1744
+ line-height: var(--rc-line-height-compact);
1693
1745
  z-index: 50;
1694
1746
  width: 288px;
1695
- border-radius: 0.5rem;
1696
- border: 1px solid var(--rc-border);
1747
+ border-radius: var(--rc-radius-lg);
1748
+ border: none;
1697
1749
  padding: 1rem;
1698
1750
  background-color: var(--rc-bg);
1699
- box-shadow: var(--rc-shadow-modal);
1751
+ box-shadow: var(--rc-shadow-menu);
1700
1752
  outline: none;
1701
1753
  transition: opacity 150ms ease-out, transform 150ms ease-out;
1702
- font-family: var(--rc-font-family-sans);
1703
1754
  }
1704
1755
  ._2ex84i2[data-open] {
1705
1756
  animation: _2ex84i0 150ms ease-out;
@@ -2058,11 +2109,20 @@
2058
2109
  border-radius: var(--rc-radius-lg);
2059
2110
  padding: var(--rc-space-xs);
2060
2111
  background-color: var(--rc-bg);
2061
- box-shadow: 0 0 0 1px color-mix(in srgb, var(--rc-text) 10%, transparent), var(--rc-shadow-menu);
2112
+ box-shadow: var(--rc-shadow-menu);
2062
2113
  outline: none;
2114
+ letter-spacing: normal;
2115
+ word-spacing: normal;
2116
+ font-feature-settings: normal;
2117
+ font-variant: normal;
2118
+ font-style: normal;
2119
+ font-weight: 400;
2120
+ text-transform: none;
2121
+ text-indent: 0;
2063
2122
  color: var(--rc-text);
2064
2123
  font-family: var(--rc-font-family-sans);
2065
2124
  font-size: var(--rc-font-size-small);
2125
+ line-height: var(--rc-line-height-tight);
2066
2126
  z-index: 50;
2067
2127
  max-height: min(var(--available-height), 16rem);
2068
2128
  overflow-x: hidden;
@@ -2188,6 +2248,18 @@
2188
2248
  animation: _4dzsyx1 200ms ease-in;
2189
2249
  }
2190
2250
  ._4dzsyx5 {
2251
+ letter-spacing: normal;
2252
+ word-spacing: normal;
2253
+ font-feature-settings: normal;
2254
+ font-variant: normal;
2255
+ font-style: normal;
2256
+ font-weight: 400;
2257
+ text-transform: none;
2258
+ text-indent: 0;
2259
+ color: var(--rc-text);
2260
+ font-family: var(--rc-font-family-sans);
2261
+ font-size: var(--rc-font-size-small);
2262
+ line-height: 1.43;
2191
2263
  position: fixed;
2192
2264
  top: 50%;
2193
2265
  left: 50%;
@@ -2198,11 +2270,8 @@
2198
2270
  max-width: calc(100% - 2rem);
2199
2271
  gap: 0;
2200
2272
  border-radius: var(--rc-radius-lg);
2201
- border: 1px solid var(--rc-border);
2273
+ border: none;
2202
2274
  padding: 0;
2203
- font-family: var(--rc-font-family-sans);
2204
- line-height: 1.43;
2205
- color: var(--rc-text);
2206
2275
  background-color: var(--rc-bg);
2207
2276
  box-shadow: var(--rc-shadow-modal);
2208
2277
  outline: none;
@@ -2332,7 +2401,7 @@
2332
2401
  background-color: var(--rc-bg);
2333
2402
  color: var(--rc-text);
2334
2403
  font-family: var(--rc-font-family-sans);
2335
- box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.15);
2404
+ box-shadow: var(--rc-shadow-modal);
2336
2405
  will-change: transform;
2337
2406
  }
2338
2407
  ._4dzsyxg[data-open] {
@@ -2390,11 +2459,20 @@
2390
2459
  border-radius: var(--rc-radius-lg);
2391
2460
  padding: var(--rc-space-xs);
2392
2461
  background-color: var(--rc-bg);
2393
- box-shadow: 0 0 0 1px color-mix(in srgb, var(--rc-text) 10%, transparent), var(--rc-shadow-menu);
2462
+ box-shadow: var(--rc-shadow-menu);
2394
2463
  outline: none;
2464
+ letter-spacing: normal;
2465
+ word-spacing: normal;
2466
+ font-feature-settings: normal;
2467
+ font-variant: normal;
2468
+ font-style: normal;
2469
+ font-weight: 400;
2470
+ text-transform: none;
2471
+ text-indent: 0;
2395
2472
  color: var(--rc-text);
2396
2473
  font-family: var(--rc-font-family-sans);
2397
2474
  font-size: var(--rc-font-size-small);
2475
+ line-height: var(--rc-line-height-tight);
2398
2476
  z-index: 50;
2399
2477
  max-height: var(--available-height);
2400
2478
  overflow-x: hidden;
@@ -2538,7 +2616,7 @@
2538
2616
  }.m0xmg20 {
2539
2617
  overflow: auto;
2540
2618
  scrollbar-width: thin;
2541
- scrollbar-color: rgba(0,0,0,0.15) transparent;
2619
+ scrollbar-color: color-mix(in oklab, var(--rc-text) 18%, transparent) transparent;
2542
2620
  }
2543
2621
  .m0xmg20::-webkit-scrollbar {
2544
2622
  width: 6px;
@@ -2547,13 +2625,13 @@
2547
2625
  background: transparent;
2548
2626
  }
2549
2627
  .m0xmg20::-webkit-scrollbar-thumb {
2550
- background: rgba(0,0,0,0.15);
2628
+ background: color-mix(in oklab, var(--rc-text) 18%, transparent);
2551
2629
  border-radius: 3px;
2552
2630
  }._1cjjpq90 {
2553
2631
  position: relative;
2554
2632
  display: inline-flex;
2555
2633
  align-items: center;
2556
- border-radius: 0.5rem;
2634
+ border-radius: var(--rc-radius-md);
2557
2635
  background-color: var(--rc-bg-tertiary);
2558
2636
  padding: 0.25rem;
2559
2637
  }
@@ -2572,9 +2650,9 @@
2572
2650
  position: absolute;
2573
2651
  top: 0.25rem;
2574
2652
  bottom: 0.25rem;
2575
- border-radius: 0.375rem;
2653
+ border-radius: var(--rc-radius-sm);
2576
2654
  background-color: var(--rc-bg);
2577
- box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);
2655
+ box-shadow: var(--rc-shadow-xs);
2578
2656
  transition: all 300ms cubic-bezier(0.25, 1, 0.5, 1);
2579
2657
  pointer-events: none;
2580
2658
  }
@@ -2588,7 +2666,7 @@
2588
2666
  align-items: center;
2589
2667
  justify-content: center;
2590
2668
  white-space: nowrap;
2591
- border-radius: 0.375rem;
2669
+ border-radius: var(--rc-radius-sm);
2592
2670
  font-weight: 500;
2593
2671
  outline: none;
2594
2672
  border: none;
@@ -2637,31 +2715,38 @@
2637
2715
  }
2638
2716
  }
2639
2717
  .h8940n2 {
2718
+ letter-spacing: normal;
2719
+ word-spacing: normal;
2720
+ font-feature-settings: normal;
2721
+ font-variant: normal;
2722
+ font-style: normal;
2723
+ font-weight: 400;
2724
+ text-transform: none;
2725
+ text-indent: 0;
2726
+ color: var(--rc-text);
2727
+ font-family: var(--rc-font-family-sans);
2728
+ font-size: var(--rc-font-size-small);
2729
+ line-height: 1.35;
2640
2730
  display: inline-flex;
2641
2731
  align-items: center;
2642
2732
  justify-content: space-between;
2643
2733
  gap: 6px;
2644
2734
  height: 36px;
2645
2735
  padding: 8px 8px 8px 10px;
2646
- font-size: var(--rc-font-size-small);
2647
- line-height: 1.35;
2648
- font-family: var(--rc-font-family-sans);
2649
- border: 1px solid var(--rc-border);
2736
+ border: none;
2650
2737
  border-radius: var(--rc-radius-md);
2651
2738
  background: transparent;
2652
- color: var(--rc-text);
2653
2739
  cursor: pointer;
2654
2740
  outline: none;
2655
2741
  white-space: nowrap;
2656
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
2742
+ box-shadow: var(--rc-shadow-xs);
2657
2743
  transition: color 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
2658
2744
  }
2659
2745
  .h8940n2:hover {
2660
2746
  background: var(--rc-fill-quaternary);
2661
2747
  }
2662
2748
  .h8940n2:focus-visible {
2663
- border-color: var(--rc-accent);
2664
- box-shadow: 0 0 0 3px var(--rc-accent-light);
2749
+ box-shadow: 0 0 0 1px var(--rc-accent), 0 0 0 3px var(--rc-accent-light);
2665
2750
  }
2666
2751
  .h8940n2[data-popup-open] {
2667
2752
  background: var(--rc-fill-quaternary);
@@ -2683,12 +2768,21 @@
2683
2768
  isolation: isolate;
2684
2769
  }
2685
2770
  .h8940n5 {
2686
- background: var(--rc-bg);
2771
+ letter-spacing: normal;
2772
+ word-spacing: normal;
2773
+ font-feature-settings: normal;
2774
+ font-variant: normal;
2775
+ font-style: normal;
2776
+ font-weight: 400;
2777
+ text-transform: none;
2778
+ text-indent: 0;
2687
2779
  color: var(--rc-text);
2688
2780
  font-family: var(--rc-font-family-sans);
2689
2781
  font-size: var(--rc-font-size-small);
2690
- border-radius: var(--rc-radius-md);
2691
- box-shadow: 0 0 0 1px color-mix(in srgb, var(--rc-text) 10%, transparent), var(--rc-shadow-menu);
2782
+ line-height: var(--rc-line-height-compact);
2783
+ background: var(--rc-bg);
2784
+ border-radius: var(--rc-radius-lg);
2785
+ box-shadow: var(--rc-shadow-menu);
2692
2786
  width: min(var(--anchor-width), calc(100vw - 0.75rem));
2693
2787
  max-width: calc(100vw - 0.75rem);
2694
2788
  max-height: var(--available-height);
@@ -2834,19 +2928,19 @@
2834
2928
  flex-shrink: 0;
2835
2929
  }
2836
2930
  ._1tzgwqw3 {
2837
- background-color: #a3a3a3;
2931
+ background-color: var(--rc-text-quaternary);
2838
2932
  }
2839
2933
  ._1tzgwqw4 {
2840
- background-color: #3b82f6;
2934
+ background-color: var(--rc-alert-info);
2841
2935
  }
2842
2936
  ._1tzgwqw5 {
2843
- background-color: #22c55e;
2937
+ background-color: var(--rc-alert-tip);
2844
2938
  }
2845
2939
  ._1tzgwqw6 {
2846
- background-color: #ef4444;
2940
+ background-color: var(--rc-alert-caution);
2847
2941
  }
2848
2942
  ._1tzgwqw7 {
2849
- background-color: #f59e0b;
2943
+ background-color: var(--rc-alert-warning);
2850
2944
  }
2851
2945
  ._1tzgwqw8 {
2852
2946
  width: 8px;
@@ -2862,19 +2956,19 @@
2862
2956
  animation: _1tzgwqw0 1.5s ease-in-out infinite;
2863
2957
  }
2864
2958
  ._1tzgwqwb {
2865
- background-color: #a3a3a3;
2959
+ background-color: var(--rc-text-quaternary);
2866
2960
  }
2867
2961
  ._1tzgwqwc {
2868
- background-color: #3b82f6;
2962
+ background-color: var(--rc-alert-info);
2869
2963
  }
2870
2964
  ._1tzgwqwd {
2871
- background-color: #22c55e;
2965
+ background-color: var(--rc-alert-tip);
2872
2966
  }
2873
2967
  ._1tzgwqwe {
2874
- background-color: #ef4444;
2968
+ background-color: var(--rc-alert-caution);
2875
2969
  }
2876
2970
  ._1tzgwqwf {
2877
- background-color: #f59e0b;
2971
+ background-color: var(--rc-alert-warning);
2878
2972
  }
2879
2973
  ._1tzgwqwg {
2880
2974
  width: 8px;
@@ -2908,13 +3002,22 @@
2908
3002
  outline: none;
2909
3003
  }
2910
3004
  ._1p402b63 {
2911
- max-width: 320px;
2912
- padding: var(--rc-space-xs) var(--rc-space-sm);
3005
+ letter-spacing: normal;
3006
+ word-spacing: normal;
3007
+ font-feature-settings: normal;
3008
+ font-variant: normal;
3009
+ font-style: normal;
3010
+ font-weight: 400;
3011
+ text-transform: none;
3012
+ text-indent: 0;
3013
+ color: var(--rc-text);
3014
+ font-family: var(--rc-font-family-sans);
2913
3015
  font-size: var(--rc-font-size-xs);
2914
3016
  line-height: 1.4;
2915
- color: var(--rc-text);
3017
+ max-width: 320px;
3018
+ padding: var(--rc-space-xs) var(--rc-space-sm);
2916
3019
  background-color: var(--rc-bg);
2917
- border: 1px solid var(--rc-border);
3020
+ border: none;
2918
3021
  border-radius: var(--rc-radius-md);
2919
3022
  box-shadow: var(--rc-shadow-menu);
2920
3023
  outline: none;
@@ -2939,7 +3042,7 @@
2939
3042
  }
2940
3043
  @keyframes gxfui11 {
2941
3044
  0% {
2942
- background-color: rgba(239, 68, 68, 0.24);
3045
+ background-color: var(--rc-accent-light);
2943
3046
  }
2944
3047
  100% {
2945
3048
  background-color: transparent;
@@ -2955,10 +3058,18 @@
2955
3058
  }
2956
3059
  .gxfui12 {
2957
3060
  display: flow-root;
3061
+ letter-spacing: normal;
3062
+ word-spacing: normal;
3063
+ font-feature-settings: normal;
3064
+ font-variant: normal;
3065
+ font-style: normal;
3066
+ font-weight: 400;
3067
+ text-transform: none;
3068
+ text-indent: 0;
3069
+ color: var(--rc-text);
2958
3070
  font-family: var(--rc-font-family);
2959
3071
  font-size: var(--rc-font-size-base);
2960
3072
  line-height: var(--rc-line-height);
2961
- color: var(--rc-text);
2962
3073
  word-wrap: break-word;
2963
3074
  overflow-wrap: break-word;
2964
3075
  }
@@ -3001,17 +3112,15 @@
3001
3112
  font-weight: normal;
3002
3113
  background-color: var(--rc-code-bg);
3003
3114
  color: inherit;
3004
- padding: 0.12em 0.36em;
3115
+ padding: 0.12em 0.4em;
3005
3116
  border-radius: var(--rc-radius-sm);
3006
- box-shadow: inset 0 0 0 1px var(--rc-border);
3007
3117
  }
3008
3118
  [contenteditable="true"] .gxfui1a {
3009
3119
  padding-right: 0;
3010
3120
  }
3011
3121
  .gxfui1b {
3012
- --rc-hl-lightness: 0.3;
3013
3122
  --rc-hl-highlighted: 1;
3014
- --rc-hl-color: oklch(from var(--rc-accent) l c h / var(--rc-hl-lightness));
3123
+ --rc-hl-color: var(--rc-accent-light);
3015
3124
  background: linear-gradient(120deg, var(--rc-hl-color, lightblue) 50%, transparent 50%) 110% 0 / 200% 100% no-repeat;
3016
3125
  background-position: calc((1 - var(--rc-hl-highlighted)) * 110%) 0;
3017
3126
  color: var(--rc-text);
@@ -3021,9 +3130,6 @@
3021
3130
  --rc-hl-highlighted: 1;
3022
3131
  animation: none;
3023
3132
  }
3024
- [data-theme='dark'] .gxfui1b {
3025
- --rc-hl-lightness: 0.35;
3026
- }
3027
3133
  .gxfui1c {
3028
3134
  position: absolute;
3029
3135
  left: -1.25rem;
@@ -3039,10 +3145,11 @@
3039
3145
  }
3040
3146
  .gxfui1d {
3041
3147
  position: relative;
3042
- font-size: 2em;
3148
+ font-size: 1.875em;
3043
3149
  font-weight: 700;
3044
- line-height: var(--rc-line-height-tight);
3045
- margin-top: calc(var(--rc-flow-heading) * 0.625);
3150
+ line-height: 1.2667;
3151
+ letter-spacing: -0.015em;
3152
+ margin-top: calc(var(--rc-flow-heading) * 0.6666666666666666);
3046
3153
  margin-bottom: 0.6em;
3047
3154
  }
3048
3155
  [contenteditable="true"] .gxfui1d::before {
@@ -3061,8 +3168,9 @@
3061
3168
  .gxfui1e {
3062
3169
  position: relative;
3063
3170
  font-size: 1.5em;
3064
- font-weight: 700;
3065
- line-height: var(--rc-line-height-tight);
3171
+ font-weight: 650;
3172
+ line-height: 1.3333;
3173
+ letter-spacing: -0.01em;
3066
3174
  margin-top: calc(var(--rc-flow-heading) * 0.7333333333333334);
3067
3175
  margin-bottom: 0.5em;
3068
3176
  }
@@ -3083,7 +3191,7 @@
3083
3191
  position: relative;
3084
3192
  font-size: 1.25em;
3085
3193
  font-weight: 600;
3086
- line-height: var(--rc-line-height-tight);
3194
+ line-height: 1.4;
3087
3195
  margin-top: calc(var(--rc-flow-heading) * 0.8);
3088
3196
  margin-bottom: 0.4em;
3089
3197
  }
@@ -3102,10 +3210,10 @@
3102
3210
  }
3103
3211
  .gxfui1g {
3104
3212
  position: relative;
3105
- font-size: 1.125em;
3213
+ font-size: 1.0625em;
3106
3214
  font-weight: 600;
3107
- line-height: var(--rc-line-height-tight);
3108
- margin-top: calc(var(--rc-flow-heading) * 0.8);
3215
+ line-height: 1.5294;
3216
+ margin-top: calc(var(--rc-flow-heading) * 0.8470588235294118);
3109
3217
  margin-bottom: 0.35em;
3110
3218
  }
3111
3219
  [contenteditable="true"] .gxfui1g::before {
@@ -3213,7 +3321,7 @@
3213
3321
  margin-bottom: var(--rc-flow-list);
3214
3322
  }
3215
3323
  .gxfui1n::marker {
3216
- color: var(--rc-text-quaternary);
3324
+ color: var(--rc-text-tertiary);
3217
3325
  }
3218
3326
  .gxfui1o {
3219
3327
  list-style-type: none;
@@ -3372,7 +3480,7 @@
3372
3480
  }
3373
3481
  .gxfui1y {
3374
3482
  border: none;
3375
- border-bottom: 1px solid color-mix(in oklab, var(--rc-text) 18%, transparent);
3483
+ border-bottom: 1px solid var(--rc-border);
3376
3484
  padding: 8px 14px;
3377
3485
  text-align: start;
3378
3486
  vertical-align: bottom;
@@ -3625,8 +3733,8 @@
3625
3733
  transition: color 0.15s ease, background-color 0.15s ease;
3626
3734
  }
3627
3735
  .gxfui11i:hover {
3628
- color: #ef4444;
3629
- background-color: rgba(239, 68, 68, 0.1);
3736
+ color: var(--rc-alert-caution);
3737
+ background-color: color-mix(in oklab, var(--rc-alert-caution) 10%, transparent);
3630
3738
  }
3631
3739
  .gxfui11j {
3632
3740
  position: absolute;
@@ -3717,12 +3825,14 @@
3717
3825
  opacity: 1;
3718
3826
  }
3719
3827
  .gxfui1k img {
3828
+ display: inline-block;
3720
3829
  width: 1em;
3721
3830
  height: 1em;
3722
3831
  border-radius: 2px;
3723
3832
  object-fit: contain;
3724
3833
  }
3725
3834
  .gxfui1k svg {
3835
+ display: inline-block;
3726
3836
  width: 0.9em;
3727
3837
  height: 0.9em;
3728
3838
  }
@@ -3875,7 +3985,8 @@ figure.rich-image[data-display="fixed-height"] img {
3875
3985
  }
3876
3986
  }._1pkof4r0 {
3877
3987
  margin: var(--rc-space-md) 0;
3878
- border: none;
3988
+ border: 1px solid var(--rc-border);
3989
+ border-radius: var(--rc-radius-md);
3879
3990
  background-color: transparent;
3880
3991
  interpolate-size: allow-keywords;
3881
3992
  }
@@ -3885,21 +3996,21 @@ figure.rich-image[data-display="fixed-height"] img {
3885
3996
  gap: var(--rc-space-sm);
3886
3997
  cursor: pointer;
3887
3998
  user-select: none;
3888
- padding: var(--rc-space-xs) 0;
3999
+ padding: 0.5em 0.875em;
3889
4000
  color: var(--rc-text);
3890
4001
  font-weight: 500;
3891
4002
  font-size: 1em;
3892
4003
  line-height: var(--rc-line-height);
3893
4004
  list-style: none;
3894
4005
  outline: none;
3895
- border-radius: var(--rc-radius-sm);
3896
- transition: opacity 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
4006
+ border-radius: var(--rc-radius-md);
4007
+ transition: background-color 120ms ease-out, box-shadow 120ms ease-out;
3897
4008
  }
3898
4009
  ._1pkof4r1:hover {
3899
- opacity: 0.82;
4010
+ background-color: var(--rc-fill-tertiary);
3900
4011
  }
3901
4012
  ._1pkof4r1:focus-visible {
3902
- box-shadow: 0 0 0 2px var(--rc-accent-light);
4013
+ box-shadow: inset 0 0 0 1px var(--rc-accent), 0 0 0 3px var(--rc-accent-light);
3903
4014
  }
3904
4015
  ._1pkof4r1::-webkit-details-marker {
3905
4016
  display: none;
@@ -3926,17 +4037,14 @@ figure.rich-image[data-display="fixed-height"] img {
3926
4037
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease;
3927
4038
  }
3928
4039
  ._1pkof4r4 {
3929
- margin-top: var(--rc-space-xs);
3930
- padding: var(--rc-space-sm) var(--rc-space-xl);
4040
+ padding: 0 0.875em 0.75em calc(0.875em + 1.25rem + var(--rc-space-sm));
3931
4041
  color: var(--rc-text-secondary);
3932
- background-color: color-mix(in srgb, var(--rc-accent) 6%, var(--rc-bg-secondary));
3933
- border-radius: var(--rc-radius-md);
3934
4042
  }
3935
4043
  ._1pkof4r1:hover ._1pkof4r3 {
3936
4044
  color: var(--rc-text-secondary);
3937
4045
  }
3938
4046
  ._1pkof4r0[open] ._1pkof4r3 {
3939
- color: var(--rc-accent);
4047
+ color: var(--rc-text-secondary);
3940
4048
  transform: rotate(90deg);
3941
4049
  }
3942
4050
  ._1pkof4r0::details-content {
@@ -4152,7 +4260,6 @@ figure.rich-image[data-display="fixed-height"] img {
4152
4260
  ._11ajihb0 .rich-editor__content > .gxfui13:first-of-type::first-letter {
4153
4261
  font-size: 1.5em;
4154
4262
  font-weight: 700;
4155
- color: var(--rc-accent);
4156
4263
  }
4157
4264
  ._11ajihb0 .rich-editor__content > .gxfui13:last-child, ._11ajihb0.rich-content:not([data-rich-nested='true']) > .gxfui13:last-child {
4158
4265
  margin-bottom: 0;
@@ -4164,37 +4271,11 @@ figure.rich-image[data-display="fixed-height"] img {
4164
4271
  }
4165
4272
  ._11ajihb0 .gxfui1s {
4166
4273
  font-family: var(--rc-font-family-kai);
4167
- font-style: normal;
4168
- line-height: 1.75;
4169
- color: color-mix(in srgb, var(--rc-accent) 60%, var(--rc-text));
4170
- background-color: color-mix(in srgb, var(--rc-accent) 12%, var(--rc-bg));
4274
+ color: var(--rc-text-secondary);
4171
4275
  margin-top: 1.6em;
4172
4276
  margin-bottom: 1.6em;
4173
- margin-left: 0;
4174
- margin-right: 0;
4175
- padding-top: 1.2em;
4176
- padding-bottom: 1.2em;
4177
- padding-left: 1.5em;
4178
- padding-right: 1.5em;
4179
- border-radius: 2px;
4180
- box-shadow: 2px 3px 8px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
4181
- transform: rotate(-0.6deg);
4182
4277
  text-indent: 0;
4183
4278
  }
4184
- ._11ajihb0 .gxfui1s::before {
4185
- content: "";
4186
- position: absolute;
4187
- top: -7px;
4188
- left: 50%;
4189
- transform: translateX(-50%) rotate(1.2deg);
4190
- width: 56px;
4191
- height: 16px;
4192
- background: repeating-linear-gradient(105deg, transparent, transparent 2px, rgba(255,255,255,0.08) 2px, rgba(255,255,255,0.08) 4px), color-mix(in srgb, var(--rc-accent) 20%, rgba(0,0,0,0.06));
4193
- box-shadow: 0 1px 2px rgba(0,0,0,0.06);
4194
- border-radius: 1px;
4195
- bottom: auto;
4196
- opacity: 0.85;
4197
- }
4198
4279
  ._11ajihb0 .gxfui1s .gxfui13:first-child::first-letter {
4199
4280
  float: none;
4200
4281
  font-size: inherit;
@@ -4669,7 +4750,7 @@ figure.rich-image[data-display="fixed-height"] img {
4669
4750
  border-radius: var(--rc-radius-md);
4670
4751
  pointer-events: none;
4671
4752
  background: var(--rc-bg);
4672
- border: 1px solid var(--rc-border);
4753
+ border: none;
4673
4754
  box-shadow: var(--rc-shadow-top-bar);
4674
4755
  z-index: 10;
4675
4756
  user-select: none;
@@ -4782,7 +4863,7 @@ figure.rich-image[data-display="fixed-height"] img {
4782
4863
  gap: 6px;
4783
4864
  cursor: pointer;
4784
4865
  padding: 2px 6px;
4785
- border-radius: 4px;
4866
+ border-radius: var(--rc-radius-sm);
4786
4867
  margin-inline: -6px;
4787
4868
  border: none;
4788
4869
  background: none;
@@ -4790,10 +4871,10 @@ figure.rich-image[data-display="fixed-height"] img {
4790
4871
  font-weight: 600;
4791
4872
  font-size: 13px;
4792
4873
  line-height: 1.4;
4793
- transition: background-color 0.15s;
4874
+ transition: background-color 120ms ease-out;
4794
4875
  }
4795
4876
  ._1s4kr0c8:hover {
4796
- background-color: color-mix(in srgb, var(--rc-text) 5%, transparent);
4877
+ background-color: var(--rc-fill-secondary);
4797
4878
  }
4798
4879
  ._1s4kr0c9 {
4799
4880
  opacity: 0;
@@ -4915,7 +4996,7 @@ figure.rich-image[data-display="fixed-height"] img {
4915
4996
  }._99sweq0 {
4916
4997
  border-radius: var(--rc-radius-md);
4917
4998
  border: none;
4918
- padding: 14px 18px;
4999
+ padding: 12px 16px;
4919
5000
  margin: var(--rc-flow-block) 0;
4920
5001
  color: var(--rc-text);
4921
5002
  line-height: var(--rc-line-height);
@@ -4947,19 +5028,24 @@ figure.rich-image[data-display="fixed-height"] img {
4947
5028
  width: 100%;
4948
5029
  }
4949
5030
  ._99sweq6 {
4950
- background-color: color-mix(in oklab, var(--rc-alert-info) 8%, transparent);
5031
+ background-color: color-mix(in oklab, var(--rc-alert-info) 6%, transparent);
5032
+ box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--rc-alert-info) 18%, transparent);
4951
5033
  }
4952
5034
  ._99sweq7 {
4953
- background-color: color-mix(in oklab, var(--rc-alert-tip) 8%, transparent);
5035
+ background-color: color-mix(in oklab, var(--rc-alert-tip) 6%, transparent);
5036
+ box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--rc-alert-tip) 18%, transparent);
4954
5037
  }
4955
5038
  ._99sweq8 {
4956
- background-color: color-mix(in oklab, var(--rc-alert-important) 8%, transparent);
5039
+ background-color: color-mix(in oklab, var(--rc-alert-important) 6%, transparent);
5040
+ box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--rc-alert-important) 18%, transparent);
4957
5041
  }
4958
5042
  ._99sweq9 {
4959
- background-color: color-mix(in oklab, var(--rc-alert-warning) 8%, transparent);
5043
+ background-color: color-mix(in oklab, var(--rc-alert-warning) 6%, transparent);
5044
+ box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--rc-alert-warning) 18%, transparent);
4960
5045
  }
4961
5046
  ._99sweqa {
4962
- background-color: color-mix(in oklab, var(--rc-alert-caution) 8%, transparent);
5047
+ background-color: color-mix(in oklab, var(--rc-alert-caution) 6%, transparent);
5048
+ box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--rc-alert-caution) 18%, transparent);
4963
5049
  }
4964
5050
  ._99sweqc {
4965
5051
  color: var(--rc-alert-info);
@@ -4980,15 +5066,15 @@ figure.rich-image[data-display="fixed-height"] img {
4980
5066
  font: inherit;
4981
5067
  line-height: inherit;
4982
5068
  cursor: pointer;
4983
- border-radius: 4px;
5069
+ border-radius: var(--rc-radius-sm);
4984
5070
  border: none;
4985
5071
  background: none;
4986
5072
  padding: 0 2px;
4987
5073
  margin: 0 -2px;
4988
- transition: background-color 0.15s;
5074
+ transition: background-color 120ms ease-out;
4989
5075
  }
4990
5076
  ._99sweqh:hover {
4991
- background-color: color-mix(in srgb, var(--rc-text) 8%, transparent);
5077
+ background-color: var(--rc-fill-secondary);
4992
5078
  }
4993
5079
  ._99sweqi {
4994
5080
  width: 16px;
@@ -4998,7 +5084,7 @@ figure.rich-image[data-display="fixed-height"] img {
4998
5084
  .rich-banner {
4999
5085
  border-radius: var(--rc-radius-md);
5000
5086
  border: none;
5001
- padding: 14px 18px;
5087
+ padding: 12px 16px;
5002
5088
  margin: var(--rc-flow-block) 0;
5003
5089
  color: var(--rc-text);
5004
5090
  line-height: var(--rc-line-height);
@@ -5042,46 +5128,51 @@ figure.rich-image[data-display="fixed-height"] img {
5042
5128
  color: var(--rc-alert-info);
5043
5129
  }
5044
5130
  .rich-banner-note {
5045
- background-color: color-mix(in oklab, var(--rc-alert-info) 8%, transparent);
5131
+ background-color: color-mix(in oklab, var(--rc-alert-info) 6%, transparent);
5132
+ box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--rc-alert-info) 18%, transparent);
5046
5133
  }
5047
5134
  .rich-banner-icon-tip {
5048
5135
  color: var(--rc-alert-tip);
5049
5136
  }
5050
5137
  .rich-banner-tip {
5051
- background-color: color-mix(in oklab, var(--rc-alert-tip) 8%, transparent);
5138
+ background-color: color-mix(in oklab, var(--rc-alert-tip) 6%, transparent);
5139
+ box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--rc-alert-tip) 18%, transparent);
5052
5140
  }
5053
5141
  .rich-banner-icon-important {
5054
5142
  color: var(--rc-alert-important);
5055
5143
  }
5056
5144
  .rich-banner-important {
5057
- background-color: color-mix(in oklab, var(--rc-alert-important) 8%, transparent);
5145
+ background-color: color-mix(in oklab, var(--rc-alert-important) 6%, transparent);
5146
+ box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--rc-alert-important) 18%, transparent);
5058
5147
  }
5059
5148
  .rich-banner-icon-warning {
5060
5149
  color: var(--rc-alert-warning);
5061
5150
  }
5062
5151
  .rich-banner-warning {
5063
- background-color: color-mix(in oklab, var(--rc-alert-warning) 8%, transparent);
5152
+ background-color: color-mix(in oklab, var(--rc-alert-warning) 6%, transparent);
5153
+ box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--rc-alert-warning) 18%, transparent);
5064
5154
  }
5065
5155
  .rich-banner-icon-caution {
5066
5156
  color: var(--rc-alert-caution);
5067
5157
  }
5068
5158
  .rich-banner-caution {
5069
- background-color: color-mix(in oklab, var(--rc-alert-caution) 8%, transparent);
5159
+ background-color: color-mix(in oklab, var(--rc-alert-caution) 6%, transparent);
5160
+ box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--rc-alert-caution) 18%, transparent);
5070
5161
  }
5071
5162
  [data-theme='dark'] .rich-banner-note, .dark .rich-banner-note {
5072
- background-color: color-mix(in oklab, var(--rc-alert-info) 14%, transparent);
5163
+ background-color: color-mix(in oklab, var(--rc-alert-info) 10%, transparent);
5073
5164
  }
5074
5165
  [data-theme='dark'] .rich-banner-tip, .dark .rich-banner-tip {
5075
- background-color: color-mix(in oklab, var(--rc-alert-tip) 14%, transparent);
5166
+ background-color: color-mix(in oklab, var(--rc-alert-tip) 10%, transparent);
5076
5167
  }
5077
5168
  [data-theme='dark'] .rich-banner-important, .dark .rich-banner-important {
5078
- background-color: color-mix(in oklab, var(--rc-alert-important) 14%, transparent);
5169
+ background-color: color-mix(in oklab, var(--rc-alert-important) 10%, transparent);
5079
5170
  }
5080
5171
  [data-theme='dark'] .rich-banner-warning, .dark .rich-banner-warning {
5081
- background-color: color-mix(in oklab, var(--rc-alert-warning) 14%, transparent);
5172
+ background-color: color-mix(in oklab, var(--rc-alert-warning) 10%, transparent);
5082
5173
  }
5083
5174
  [data-theme='dark'] .rich-banner-caution, .dark .rich-banner-caution {
5084
- background-color: color-mix(in oklab, var(--rc-alert-caution) 14%, transparent);
5175
+ background-color: color-mix(in oklab, var(--rc-alert-caution) 10%, transparent);
5085
5176
  }
5086
5177
  .apruo61 .rich-banner, ._6rfeq51 .rich-banner {
5087
5178
  padding: 10px 14px;
@@ -5255,7 +5346,7 @@ figure.rich-image[data-display="fixed-height"] img {
5255
5346
  line-height: 1.5;
5256
5347
  pointer-events: none;
5257
5348
  background: var(--rc-bg);
5258
- border: 1px solid var(--rc-hr-border);
5349
+ border: none;
5259
5350
  box-shadow: var(--rc-shadow-menu);
5260
5351
  white-space: nowrap;
5261
5352
  }
@@ -5697,7 +5788,7 @@ figure.rich-image[data-display="fixed-height"] img {
5697
5788
  width: 100%;
5698
5789
  border: 0;
5699
5790
  padding: 10px 12px;
5700
- font-family: -apple-system, "JetBrains Mono", monospace;
5791
+ font-family: var(--rc-font-mono);
5701
5792
  font-size: 13px;
5702
5793
  line-height: 1.55;
5703
5794
  color: var(--rc-text);
@@ -6193,7 +6284,7 @@ figure.rich-image[data-display="fixed-height"] img {
6193
6284
  min-width: 0;
6194
6285
  margin: var(--rc-flow-block) 0;
6195
6286
  border-radius: var(--rc-radius-md);
6196
- border: 1px solid var(--rc-border);
6287
+ border: 1px solid var(--rc-border-subtle);
6197
6288
  overflow: hidden;
6198
6289
  background-color: var(--rc-code-bg);
6199
6290
  color: var(--rc-text);
@@ -6209,7 +6300,7 @@ figure.rich-image[data-display="fixed-height"] img {
6209
6300
  height: 36px;
6210
6301
  padding: 0 6px 0 14px;
6211
6302
  background-color: var(--rc-code-header-bg);
6212
- border-bottom: 1px solid var(--rc-border);
6303
+ border-bottom: 1px solid var(--rc-border-subtle);
6213
6304
  font-family: var(--rc-font-family-sans);
6214
6305
  font-size: 12px;
6215
6306
  line-height: 1;
@@ -6263,11 +6354,11 @@ figure.rich-image[data-display="fixed-height"] img {
6263
6354
  color: var(--rc-text-tertiary);
6264
6355
  font: inherit;
6265
6356
  cursor: pointer;
6266
- transition: color 0.15s ease, background-color 0.15s ease;
6357
+ transition: color 120ms ease-out, background-color 120ms ease-out;
6267
6358
  }
6268
6359
  .pa8uv26:hover {
6269
6360
  color: var(--rc-text);
6270
- background-color: var(--rc-fill);
6361
+ background-color: var(--rc-fill-secondary);
6271
6362
  }
6272
6363
  .pa8uv27 {
6273
6364
  position: relative;
@@ -6347,7 +6438,7 @@ figure.rich-image[data-display="fixed-height"] img {
6347
6438
  width: 100%;
6348
6439
  height: 32px;
6349
6440
  border: none;
6350
- border-top: 1px solid var(--rc-border);
6441
+ border-top: 1px solid var(--rc-border-subtle);
6351
6442
  background: var(--rc-code-bg);
6352
6443
  color: var(--rc-text-tertiary);
6353
6444
  font-family: var(--rc-font-family-sans);
@@ -6411,28 +6502,28 @@ figure.rich-image[data-display="fixed-height"] img {
6411
6502
  background: var(--rc-accent);
6412
6503
  }
6413
6504
  .pa8uv20 .diff.add {
6414
- background: rgba(34, 197, 94, 0.15);
6505
+ background: color-mix(in oklab, var(--rc-alert-tip) 12%, transparent);
6415
6506
  }
6416
6507
  .pa8uv20 .diff.add::before {
6417
- background: #22c55e;
6508
+ background: var(--rc-alert-tip);
6418
6509
  }
6419
6510
  .pa8uv20 .diff.add::after {
6420
6511
  content: ' +';
6421
6512
  position: absolute;
6422
6513
  left: 0;
6423
- color: #22c55e;
6514
+ color: var(--rc-alert-tip);
6424
6515
  }
6425
6516
  .pa8uv20 .diff.remove {
6426
- background: rgba(239, 68, 68, 0.15);
6517
+ background: color-mix(in oklab, var(--rc-alert-caution) 12%, transparent);
6427
6518
  }
6428
6519
  .pa8uv20 .diff.remove::before {
6429
- background: #ef4444;
6520
+ background: var(--rc-alert-caution);
6430
6521
  }
6431
6522
  .pa8uv20 .diff.remove::after {
6432
6523
  content: ' -';
6433
6524
  position: absolute;
6434
6525
  left: 0;
6435
- color: #ef4444;
6526
+ color: var(--rc-alert-caution);
6436
6527
  }
6437
6528
  .pa8uv2f {
6438
6529
  counter-reset: code-line 0;
@@ -6482,7 +6573,7 @@ figure.rich-image[data-display="fixed-height"] img {
6482
6573
  border-radius: var(--rc-radius-md);
6483
6574
  overflow: hidden;
6484
6575
  margin: var(--rc-flow-block) 0;
6485
- border: 1px solid var(--rc-border);
6576
+ border: 1px solid var(--rc-border-subtle);
6486
6577
  }
6487
6578
  .pa8uv2i {
6488
6579
  display: flex;
@@ -6491,7 +6582,7 @@ figure.rich-image[data-display="fixed-height"] img {
6491
6582
  height: 36px;
6492
6583
  padding: 0 6px 0 14px;
6493
6584
  background-color: var(--rc-code-header-bg);
6494
- border-bottom: 1px solid var(--rc-border);
6585
+ border-bottom: 1px solid var(--rc-border-subtle);
6495
6586
  font-family: var(--rc-font-family-sans);
6496
6587
  font-size: 12px;
6497
6588
  line-height: 1;
@@ -6524,7 +6615,7 @@ figure.rich-image[data-display="fixed-height"] img {
6524
6615
  border-radius: var(--rc-radius-md);
6525
6616
  overflow: hidden;
6526
6617
  margin: var(--rc-flow-block) 0;
6527
- border: 1px solid var(--rc-border);
6618
+ border: 1px solid var(--rc-border-subtle);
6528
6619
  }
6529
6620
  .rich-code-block pre {
6530
6621
  margin: 0;
@@ -6553,7 +6644,7 @@ pre.rich-code-block, code.rich-code-block {
6553
6644
  height: 36px;
6554
6645
  padding: 0 6px 0 14px;
6555
6646
  background-color: var(--rc-code-header-bg);
6556
- border-bottom: 1px solid var(--rc-border);
6647
+ border-bottom: 1px solid var(--rc-border-subtle);
6557
6648
  font-family: var(--rc-font-family-sans);
6558
6649
  font-size: 12px;
6559
6650
  line-height: 1;
@@ -6578,7 +6669,7 @@ pre.rich-code-block, code.rich-code-block {
6578
6669
  }
6579
6670
  .rich-code-block-copy:hover {
6580
6671
  color: var(--rc-text);
6581
- background-color: var(--rc-fill);
6672
+ background-color: var(--rc-fill-secondary);
6582
6673
  }
6583
6674
  .rich-code-block-numbered pre {
6584
6675
  counter-reset: line;
@@ -7470,7 +7561,7 @@ pre.rich-code-block, code.rich-code-block {
7470
7561
  font-weight: 500;
7471
7562
  cursor: pointer;
7472
7563
  transition: opacity 0.15s;
7473
- color: #fff;
7564
+ color: var(--rc-bg);
7474
7565
  }
7475
7566
  .t5j2kop:hover {
7476
7567
  opacity: 0.9;
@@ -7694,11 +7785,11 @@ a._1448tdp0:hover {
7694
7785
  transition: width 0.2s ease;
7695
7786
  }
7696
7787
  ._1448tdp9 {
7697
- border-color: #fecaca;
7698
- background: color-mix(in srgb, #ef4444 6%, transparent);
7788
+ border-color: color-mix(in oklab, var(--rc-alert-caution) 25%, transparent);
7789
+ background: color-mix(in oklab, var(--rc-alert-caution) 6%, transparent);
7699
7790
  }
7700
7791
  ._1448tdpa {
7701
- color: #b91c1c;
7792
+ color: var(--rc-alert-caution);
7702
7793
  }
7703
7794
  ._1448tdpb {
7704
7795
  box-sizing: border-box;
@@ -7777,7 +7868,7 @@ a._1448tdpb:hover {
7777
7868
  }
7778
7869
  ._1448tdpk {
7779
7870
  font-size: 0.75rem;
7780
- color: #b91c1c;
7871
+ color: var(--rc-alert-caution);
7781
7872
  }@keyframes yvdzu2 {
7782
7873
  0% {
7783
7874
  mask: linear-gradient(90deg, #000 25%, #000000e6 50%, #00000000) 150% 0 / 400% no-repeat;
@@ -7921,7 +8012,7 @@ a._1448tdpb:hover {
7921
8012
  font-weight: 500;
7922
8013
  letter-spacing: -0.005em;
7923
8014
  color: #fff;
7924
- background: rgba(255, 59, 48, 0.65);
8015
+ background: color-mix(in oklab, var(--rc-alert-caution) 80%, transparent);
7925
8016
  backdrop-filter: blur(20px) saturate(180%);
7926
8017
  -webkit-backdrop-filter: blur(20px) saturate(180%);
7927
8018
  border-radius: 6px;
@@ -8046,7 +8137,7 @@ a._1448tdpb:hover {
8046
8137
  gap: 4px;
8047
8138
  padding: 4px;
8048
8139
  border-radius: 10px;
8049
- border: 1px solid var(--rc-border);
8140
+ border: none;
8050
8141
  background: color-mix(in srgb, var(--rc-bg) 96%, transparent);
8051
8142
  box-shadow: var(--rc-shadow-top-bar);
8052
8143
  opacity: 0;
@@ -8402,7 +8493,7 @@ a._1448tdpb:hover {
8402
8493
  background-position: center;
8403
8494
  background-repeat: no-repeat;
8404
8495
  background-color: var(--rc-bg-tertiary);
8405
- box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04);
8496
+ box-shadow: inset 0 0 0 1px var(--rc-ring);
8406
8497
  z-index: 1;
8407
8498
  }
8408
8499
  .vwn8814 {
@@ -8412,9 +8503,9 @@ a._1448tdpb:hover {
8412
8503
  justify-content: center;
8413
8504
  width: 2.5rem;
8414
8505
  height: 2.5rem;
8415
- border-radius: 0.5rem;
8506
+ border-radius: var(--rc-radius-md);
8416
8507
  background-color: var(--rc-bg-tertiary);
8417
- box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04);
8508
+ box-shadow: inset 0 0 0 1px var(--rc-ring);
8418
8509
  z-index: 1;
8419
8510
  }
8420
8511
  .vwn8814 img {