@farming-labs/svelte-theme 0.2.5 → 0.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,8 @@
1
1
  /* @farming-labs/theme - command-grid theme CSS */
2
2
  @import "./concrete.css";
3
3
 
4
- :root {
4
+ body:has(#nd-docs-layout),
5
+ #nd-docs-layout {
5
6
  --color-fd-primary: #141414;
6
7
  --color-fd-primary-foreground: #f8f6ed;
7
8
  --color-fd-ring: #141414;
@@ -24,7 +25,11 @@
24
25
  --fd-nav-height: 64px;
25
26
  }
26
27
 
27
- :is(html.dark, body.dark) {
28
+ html.dark body:has(#nd-docs-layout),
29
+ body.dark:has(#nd-docs-layout),
30
+ body:has(#nd-docs-layout.dark),
31
+ :is(html.dark, body.dark) #nd-docs-layout,
32
+ #nd-docs-layout.dark {
28
33
  --color-fd-primary: #f8f6ed;
29
34
  --color-fd-primary-foreground: #121212;
30
35
  --color-fd-ring: #f8f6ed;
@@ -44,7 +49,8 @@
44
49
  --color-fd-border: #f8f6ed;
45
50
  }
46
51
 
47
- body:has(#nd-docs-layout) {
52
+ body:has(#nd-docs-layout),
53
+ #nd-docs-layout {
48
54
  background: var(--color-fd-background);
49
55
  background-image:
50
56
  linear-gradient(to right, rgb(20 20 20 / 6%) 1px, transparent 1px),
@@ -53,120 +59,124 @@ body:has(#nd-docs-layout) {
53
59
  background-attachment: fixed;
54
60
  }
55
61
 
56
- :is(html.dark, body.dark) body:has(#nd-docs-layout) {
62
+ html.dark body:has(#nd-docs-layout),
63
+ body.dark:has(#nd-docs-layout),
64
+ body:has(#nd-docs-layout.dark),
65
+ :is(html.dark, body.dark) #nd-docs-layout,
66
+ #nd-docs-layout.dark {
57
67
  background-image:
58
68
  linear-gradient(to right, rgb(248 246 237 / 5%) 1px, transparent 1px),
59
69
  linear-gradient(to bottom, rgb(248 246 237 / 5%) 1px, transparent 1px);
60
70
  }
61
71
 
62
72
  #nd-docs-layout > header,
63
- [role="banner"] {
73
+ #nd-docs-layout [role="banner"] {
64
74
  border-bottom: 4px solid var(--color-fd-border) !important;
65
75
  background: color-mix(in srgb, var(--color-fd-background) 95%, transparent) !important;
66
76
  backdrop-filter: blur(8px);
67
77
  box-shadow: none !important;
68
78
  }
69
79
 
70
- aside#nd-sidebar {
80
+ #nd-docs-layout aside#nd-sidebar {
71
81
  border-right: 2px solid var(--color-fd-border) !important;
72
82
  background: var(--color-fd-background) !important;
73
83
  }
74
84
 
75
- aside#nd-sidebar,
76
- .fd-sidebar {
85
+ #nd-docs-layout aside#nd-sidebar,
86
+ #nd-docs-layout .fd-sidebar {
77
87
  color: var(--color-fd-foreground);
78
88
  }
79
89
 
80
- aside#nd-sidebar [data-radix-scroll-area-viewport],
81
- aside#nd-sidebar [data-radix-scroll-area-content],
82
- aside#nd-sidebar .fd-sidebar {
90
+ #nd-docs-layout aside#nd-sidebar [data-radix-scroll-area-viewport],
91
+ #nd-docs-layout aside#nd-sidebar [data-radix-scroll-area-content],
92
+ #nd-docs-layout aside#nd-sidebar .fd-sidebar {
83
93
  background: transparent !important;
84
94
  }
85
95
 
86
- aside#nd-sidebar > *,
87
- .fd-sidebar > * {
96
+ #nd-docs-layout aside#nd-sidebar > *,
97
+ #nd-docs-layout .fd-sidebar > * {
88
98
  background: transparent;
89
99
  }
90
100
 
91
- aside a[data-active],
92
- aside button[data-active],
93
- .fd-sidebar a,
94
- .fd-sidebar button {
101
+ #nd-docs-layout aside a[data-active],
102
+ #nd-docs-layout aside button[data-active],
103
+ #nd-docs-layout .fd-sidebar a,
104
+ #nd-docs-layout .fd-sidebar button {
95
105
  text-transform: uppercase;
96
106
  letter-spacing: 0.08em;
97
107
  font-size: 0.77rem;
98
108
  font-family: var(--fd-font-mono, ui-monospace, monospace);
99
109
  }
100
110
 
101
- aside#nd-sidebar a:not(.fd-sidebar-search-btn):not(.fd-sidebar-ai-btn),
102
- aside#nd-sidebar button:not(.fd-sidebar-search-btn):not(.fd-sidebar-ai-btn),
103
- .fd-sidebar a:not(.fd-sidebar-search-btn):not(.fd-sidebar-ai-btn),
104
- .fd-sidebar button:not(.fd-sidebar-search-btn):not(.fd-sidebar-ai-btn) {
111
+ #nd-docs-layout aside#nd-sidebar a:not(.fd-sidebar-search-btn):not(.fd-sidebar-ai-btn),
112
+ #nd-docs-layout aside#nd-sidebar button:not(.fd-sidebar-search-btn):not(.fd-sidebar-ai-btn),
113
+ #nd-docs-layout .fd-sidebar a:not(.fd-sidebar-search-btn):not(.fd-sidebar-ai-btn),
114
+ #nd-docs-layout .fd-sidebar button:not(.fd-sidebar-search-btn):not(.fd-sidebar-ai-btn) {
105
115
  border: 2px solid transparent;
106
116
  border-radius: 0 !important;
107
117
  min-height: 2.9rem;
108
118
  }
109
119
 
110
- aside#nd-sidebar a:not(.fd-sidebar-search-btn):not(.fd-sidebar-ai-btn):hover,
111
- aside#nd-sidebar button:not(.fd-sidebar-search-btn):not(.fd-sidebar-ai-btn):hover,
112
- .fd-sidebar a:not(.fd-sidebar-search-btn):not(.fd-sidebar-ai-btn):hover,
113
- .fd-sidebar button:not(.fd-sidebar-search-btn):not(.fd-sidebar-ai-btn):hover {
120
+ #nd-docs-layout aside#nd-sidebar a:not(.fd-sidebar-search-btn):not(.fd-sidebar-ai-btn):hover,
121
+ #nd-docs-layout aside#nd-sidebar button:not(.fd-sidebar-search-btn):not(.fd-sidebar-ai-btn):hover,
122
+ #nd-docs-layout .fd-sidebar a:not(.fd-sidebar-search-btn):not(.fd-sidebar-ai-btn):hover,
123
+ #nd-docs-layout .fd-sidebar button:not(.fd-sidebar-search-btn):not(.fd-sidebar-ai-btn):hover {
114
124
  background: color-mix(in srgb, var(--color-fd-secondary) 70%, transparent) !important;
115
125
  color: var(--color-fd-foreground) !important;
116
126
  border-color: var(--color-fd-border) !important;
117
127
  }
118
128
 
119
- aside#nd-sidebar a.inline-flex,
120
- .fd-sidebar a.inline-flex {
129
+ #nd-docs-layout aside#nd-sidebar a.inline-flex,
130
+ #nd-docs-layout .fd-sidebar a.inline-flex {
121
131
  font-family: var(--fd-font-mono, ui-monospace, monospace);
122
132
  font-size: 0.92rem;
123
133
  letter-spacing: 0.08em;
124
134
  text-transform: uppercase;
125
135
  }
126
136
 
127
- aside [data-active="false"] {
137
+ #nd-docs-layout aside [data-active="false"] {
128
138
  color: color-mix(in srgb, var(--color-fd-foreground) 80%, transparent) !important;
129
139
  }
130
140
 
131
- aside a[data-active="true"] {
141
+ #nd-docs-layout aside a[data-active="true"] {
132
142
  background: var(--color-fd-foreground) !important;
133
143
  color: var(--color-fd-background) !important;
134
144
  border-color: var(--color-fd-border) !important;
135
145
  }
136
146
 
137
- aside div.overflow-hidden.relative[data-state]::before {
147
+ #nd-docs-layout aside div.overflow-hidden.relative[data-state]::before {
138
148
  inset-inline-start: 1.125rem !important;
139
149
  }
140
150
 
141
- aside div.overflow-hidden.relative[data-state] a[data-active] {
151
+ #nd-docs-layout aside div.overflow-hidden.relative[data-state] a[data-active] {
142
152
  padding-inline-start: 1.75rem !important;
143
153
  }
144
154
 
145
- aside div.overflow-hidden.relative[data-state] a[data-active="true"]::before {
155
+ #nd-docs-layout aside div.overflow-hidden.relative[data-state] a[data-active="true"]::before {
146
156
  inset-inline-start: 1.125rem !important;
147
157
  }
148
158
 
149
- #nd-toc {
159
+ #nd-docs-layout #nd-toc {
150
160
  border-left: 2px solid var(--color-fd-border) !important;
151
161
  padding-left: 1rem;
152
162
  background: transparent !important;
153
163
  }
154
164
 
155
- #toc-title,
156
- .fd-toc-link,
157
- .fd-toc-clerk .fd-toc-link {
165
+ #nd-docs-layout #toc-title,
166
+ #nd-docs-layout .fd-toc-link,
167
+ #nd-docs-layout .fd-toc-clerk .fd-toc-link {
158
168
  font-family: var(--fd-font-mono, ui-monospace, monospace) !important;
159
169
  text-transform: uppercase;
160
170
  }
161
171
 
162
- #toc-title {
172
+ #nd-docs-layout #toc-title {
163
173
  letter-spacing: 0.16em;
164
174
  font-size: 0.72rem;
165
175
  color: color-mix(in srgb, var(--color-fd-foreground) 72%, transparent) !important;
166
176
  }
167
177
 
168
- .fd-toc-link,
169
- .fd-toc-clerk .fd-toc-link {
178
+ #nd-docs-layout .fd-toc-link,
179
+ #nd-docs-layout .fd-toc-clerk .fd-toc-link {
170
180
  letter-spacing: 0.08em;
171
181
  font-size: 0.72rem;
172
182
  border-left: 2px solid transparent;
@@ -174,27 +184,27 @@ aside div.overflow-hidden.relative[data-state] a[data-active="true"]::before {
174
184
  color: color-mix(in srgb, var(--color-fd-foreground) 82%, transparent);
175
185
  }
176
186
 
177
- .fd-toc-link:hover,
178
- .fd-toc-clerk .fd-toc-link:hover {
187
+ #nd-docs-layout .fd-toc-link:hover,
188
+ #nd-docs-layout .fd-toc-clerk .fd-toc-link:hover {
179
189
  border-left-color: var(--color-fd-border);
180
190
  background: color-mix(in srgb, var(--color-fd-secondary) 58%, transparent);
181
191
  color: var(--color-fd-foreground);
182
192
  }
183
193
 
184
- .fd-toc-link-active,
185
- .fd-toc-clerk .fd-toc-link[data-active="true"] {
194
+ #nd-docs-layout .fd-toc-link-active,
195
+ #nd-docs-layout .fd-toc-clerk .fd-toc-link[data-active="true"] {
186
196
  border-left-color: var(--color-fd-foreground);
187
197
  color: var(--color-fd-foreground);
188
198
  }
189
199
 
190
- .fd-page-title,
191
- #nd-page > h1,
192
- .fd-docs-content article h1,
193
- #nd-page h1,
194
- .fd-docs-content h1,
195
- .fd-docs-content article h2,
196
- #nd-page h2,
197
- .fd-docs-content h2 {
200
+ #nd-docs-layout .fd-page-title,
201
+ #nd-docs-layout #nd-page > h1,
202
+ #nd-docs-layout .fd-docs-content article h1,
203
+ #nd-docs-layout #nd-page h1,
204
+ #nd-docs-layout .fd-docs-content h1,
205
+ #nd-docs-layout .fd-docs-content article h2,
206
+ #nd-docs-layout #nd-page h2,
207
+ #nd-docs-layout .fd-docs-content h2 {
198
208
  max-width: none;
199
209
  font-family: var(--font-bebas), var(--fd-font-sans), sans-serif !important;
200
210
  font-weight: 400 !important;
@@ -203,34 +213,34 @@ aside div.overflow-hidden.relative[data-state] a[data-active="true"]::before {
203
213
  color: var(--color-fd-foreground) !important;
204
214
  }
205
215
 
206
- .fd-page-title,
207
- #nd-page > h1,
208
- .fd-docs-content article h1,
209
- #nd-page h1,
210
- .fd-docs-content h1 {
216
+ #nd-docs-layout .fd-page-title,
217
+ #nd-docs-layout #nd-page > h1,
218
+ #nd-docs-layout .fd-docs-content article h1,
219
+ #nd-docs-layout #nd-page h1,
220
+ #nd-docs-layout .fd-docs-content h1 {
211
221
  font-size: clamp(3.1rem, 7vw, 5.75rem);
212
222
  letter-spacing: 0.04em;
213
223
  text-wrap: balance;
214
224
  margin-bottom: 0.9rem;
215
225
  }
216
226
 
217
- .fd-docs-content article h2,
218
- #nd-page h2,
219
- .fd-docs-content h2 {
227
+ #nd-docs-layout .fd-docs-content article h2,
228
+ #nd-docs-layout #nd-page h2,
229
+ #nd-docs-layout .fd-docs-content h2 {
220
230
  font-size: clamp(2rem, 4vw, 3.25rem);
221
231
  letter-spacing: 0.045em;
222
232
  margin-top: 3rem;
223
233
  margin-bottom: 1rem;
224
234
  }
225
235
 
226
- .fd-page-title > a,
227
- #nd-page > h1 > a,
228
- .fd-docs-content article h1 > a,
229
- #nd-page h1 > a,
230
- .fd-docs-content h1 > a,
231
- .fd-docs-content article h2 > a,
232
- #nd-page h2 > a,
233
- .fd-docs-content h2 > a {
236
+ #nd-docs-layout .fd-page-title > a,
237
+ #nd-docs-layout #nd-page > h1 > a,
238
+ #nd-docs-layout .fd-docs-content article h1 > a,
239
+ #nd-docs-layout #nd-page h1 > a,
240
+ #nd-docs-layout .fd-docs-content h1 > a,
241
+ #nd-docs-layout .fd-docs-content article h2 > a,
242
+ #nd-docs-layout #nd-page h2 > a,
243
+ #nd-docs-layout .fd-docs-content h2 > a {
234
244
  font-family: inherit !important;
235
245
  font-size: inherit !important;
236
246
  font-weight: inherit !important;
@@ -239,39 +249,39 @@ aside div.overflow-hidden.relative[data-state] a[data-active="true"]::before {
239
249
  line-height: inherit !important;
240
250
  }
241
251
 
242
- .fd-docs-content article h3,
243
- #nd-page h3,
244
- .fd-docs-content h3,
245
- .fd-docs-content article h4,
246
- #nd-page h4,
247
- .fd-docs-content h4 {
252
+ #nd-docs-layout .fd-docs-content article h3,
253
+ #nd-docs-layout #nd-page h3,
254
+ #nd-docs-layout .fd-docs-content h3,
255
+ #nd-docs-layout .fd-docs-content article h4,
256
+ #nd-docs-layout #nd-page h4,
257
+ #nd-docs-layout .fd-docs-content h4 {
248
258
  font-family: var(--fd-font-mono, ui-monospace, monospace);
249
259
  text-transform: uppercase;
250
260
  letter-spacing: 0.12em;
251
261
  color: color-mix(in srgb, var(--color-fd-foreground) 88%, transparent);
252
262
  }
253
263
 
254
- .fd-docs-content h3 {
264
+ #nd-docs-layout .fd-docs-content h3 {
255
265
  font-size: 0.96rem;
256
266
  margin-top: 2rem;
257
267
  margin-bottom: 0.8rem;
258
268
  }
259
269
 
260
- .fd-docs-content h4 {
270
+ #nd-docs-layout .fd-docs-content h4 {
261
271
  font-size: 0.82rem;
262
272
  margin-top: 1.6rem;
263
273
  margin-bottom: 0.7rem;
264
274
  }
265
275
 
266
- .fd-page-description,
267
- .fd-docs-content p,
268
- .fd-docs-content li,
269
- .fd-docs-content td,
270
- .fd-docs-content blockquote {
276
+ #nd-docs-layout .fd-page-description,
277
+ #nd-docs-layout .fd-docs-content p,
278
+ #nd-docs-layout .fd-docs-content li,
279
+ #nd-docs-layout .fd-docs-content td,
280
+ #nd-docs-layout .fd-docs-content blockquote {
271
281
  font-family: var(--fd-font-mono, ui-monospace, monospace);
272
282
  }
273
283
 
274
- .fd-page-description {
284
+ #nd-docs-layout .fd-page-description {
275
285
  color: color-mix(in srgb, var(--color-fd-foreground) 90%, transparent);
276
286
  text-transform: uppercase;
277
287
  letter-spacing: 0.08em;
@@ -280,81 +290,81 @@ aside div.overflow-hidden.relative[data-state] a[data-active="true"]::before {
280
290
  max-width: 72ch;
281
291
  }
282
292
 
283
- .fd-card,
284
- [data-card],
285
- [class*="fd-callout"],
286
- .fd-page-action-menu,
287
- .fd-page-action-btn,
288
- .fd-docs-content pre,
289
- .fd-docs-content .shiki,
290
- .fd-docs-content [data-codeblock],
291
- .fd-page-nav,
292
- .fd-page-nav-card,
293
- [class*="page-nav"] a,
294
- .fd-hover-link-card,
295
- .fd-page-body .fd-table-wrapper,
296
- .fd-docs-content table,
297
- .fd-tabs,
298
- .fd-tabs-list,
299
- .fd-tabs-trigger,
300
- .fd-feedback-input,
301
- .fd-feedback-submit,
302
- .fd-feedback-choice,
303
- .fd-ai-dialog,
304
- .fd-ai-fm-input-container,
305
- .fd-ai-fm-suggestion,
306
- .fd-ai-model-dropdown-btn,
307
- .fd-ai-model-dropdown-menu,
308
- .fd-ai-model-dropdown-item,
309
- .fd-ai-floating-btn,
310
- .omni-content,
311
- .omni-item,
312
- .omni-item-ext,
313
- .fd-copy-btn,
314
- .fd-ai-code-copy {
293
+ #nd-docs-layout .fd-card,
294
+ #nd-docs-layout [data-card],
295
+ #nd-docs-layout [class*="fd-callout"],
296
+ #nd-docs-layout .fd-page-action-menu,
297
+ #nd-docs-layout .fd-page-action-btn,
298
+ #nd-docs-layout .fd-docs-content pre,
299
+ #nd-docs-layout .fd-docs-content .shiki,
300
+ #nd-docs-layout .fd-docs-content [data-codeblock],
301
+ #nd-docs-layout .fd-page-nav,
302
+ #nd-docs-layout .fd-page-nav-card,
303
+ #nd-docs-layout [class*="page-nav"] a,
304
+ #nd-docs-layout .fd-hover-link-card,
305
+ #nd-docs-layout .fd-page-body .fd-table-wrapper,
306
+ #nd-docs-layout .fd-docs-content table,
307
+ #nd-docs-layout .fd-tabs,
308
+ #nd-docs-layout .fd-tabs-list,
309
+ #nd-docs-layout .fd-tabs-trigger,
310
+ #nd-docs-layout .fd-feedback-input,
311
+ #nd-docs-layout .fd-feedback-submit,
312
+ #nd-docs-layout .fd-feedback-choice,
313
+ #nd-docs-layout .fd-ai-dialog,
314
+ #nd-docs-layout .fd-ai-fm-input-container,
315
+ #nd-docs-layout .fd-ai-fm-suggestion,
316
+ #nd-docs-layout .fd-ai-model-dropdown-btn,
317
+ #nd-docs-layout .fd-ai-model-dropdown-menu,
318
+ #nd-docs-layout .fd-ai-model-dropdown-item,
319
+ #nd-docs-layout .fd-ai-floating-btn,
320
+ #nd-docs-layout .omni-content,
321
+ #nd-docs-layout .omni-item,
322
+ #nd-docs-layout .omni-item-ext,
323
+ #nd-docs-layout .fd-copy-btn,
324
+ #nd-docs-layout .fd-ai-code-copy {
315
325
  box-shadow: none !important;
316
326
  border-radius: 0 !important;
317
327
  }
318
328
 
319
- .fd-card,
320
- [data-card],
321
- [class*="fd-callout"],
322
- .fd-page-action-menu,
323
- .fd-page-action-btn,
324
- .fd-page-nav,
325
- .fd-page-nav-card,
326
- [class*="page-nav"] a,
327
- .fd-hover-link-card,
328
- .fd-feedback-input,
329
- .fd-feedback-submit,
330
- .fd-feedback-choice,
331
- .fd-ai-dialog,
332
- .fd-ai-fm-input-container,
333
- .fd-ai-fm-suggestion,
334
- .fd-ai-model-dropdown-btn,
335
- .fd-ai-model-dropdown-menu,
336
- .fd-ai-model-dropdown-item,
337
- .fd-ai-floating-btn,
338
- .omni-content,
339
- .omni-item,
340
- .omni-item-ext,
341
- .fd-copy-btn,
342
- .fd-ai-code-copy {
329
+ #nd-docs-layout .fd-card,
330
+ #nd-docs-layout [data-card],
331
+ #nd-docs-layout [class*="fd-callout"],
332
+ #nd-docs-layout .fd-page-action-menu,
333
+ #nd-docs-layout .fd-page-action-btn,
334
+ #nd-docs-layout .fd-page-nav,
335
+ #nd-docs-layout .fd-page-nav-card,
336
+ #nd-docs-layout [class*="page-nav"] a,
337
+ #nd-docs-layout .fd-hover-link-card,
338
+ #nd-docs-layout .fd-feedback-input,
339
+ #nd-docs-layout .fd-feedback-submit,
340
+ #nd-docs-layout .fd-feedback-choice,
341
+ #nd-docs-layout .fd-ai-dialog,
342
+ #nd-docs-layout .fd-ai-fm-input-container,
343
+ #nd-docs-layout .fd-ai-fm-suggestion,
344
+ #nd-docs-layout .fd-ai-model-dropdown-btn,
345
+ #nd-docs-layout .fd-ai-model-dropdown-menu,
346
+ #nd-docs-layout .fd-ai-model-dropdown-item,
347
+ #nd-docs-layout .fd-ai-floating-btn,
348
+ #nd-docs-layout .omni-content,
349
+ #nd-docs-layout .omni-item,
350
+ #nd-docs-layout .omni-item-ext,
351
+ #nd-docs-layout .fd-copy-btn,
352
+ #nd-docs-layout .fd-ai-code-copy {
343
353
  border: 2px solid var(--color-fd-border) !important;
344
354
  background: var(--color-fd-card) !important;
345
355
  background-image: none !important;
346
356
  }
347
357
 
348
- .fd-page-action-btn,
349
- .fd-feedback-submit,
350
- .fd-feedback-choice,
351
- .fd-ai-tab,
352
- .fd-copy-btn,
353
- .fd-ai-code-copy,
354
- .fd-ai-floating-btn,
355
- .fd-ai-model-dropdown-btn,
356
- .fd-ai-model-dropdown-item,
357
- .fd-ai-fm-suggestion {
358
+ #nd-docs-layout .fd-page-action-btn,
359
+ #nd-docs-layout .fd-feedback-submit,
360
+ #nd-docs-layout .fd-feedback-choice,
361
+ #nd-docs-layout .fd-ai-tab,
362
+ #nd-docs-layout .fd-copy-btn,
363
+ #nd-docs-layout .fd-ai-code-copy,
364
+ #nd-docs-layout .fd-ai-floating-btn,
365
+ #nd-docs-layout .fd-ai-model-dropdown-btn,
366
+ #nd-docs-layout .fd-ai-model-dropdown-item,
367
+ #nd-docs-layout .fd-ai-fm-suggestion {
358
368
  font-family: var(--fd-font-mono, ui-monospace, monospace) !important;
359
369
  text-transform: uppercase;
360
370
  letter-spacing: 0.12em;
@@ -365,37 +375,44 @@ aside div.overflow-hidden.relative[data-state] a[data-active="true"]::before {
365
375
  transform 140ms ease !important;
366
376
  }
367
377
 
368
- aside a[data-active="true"],
369
- aside a[data-active="true"]:hover,
370
- .fd-page-action-btn:hover,
371
- .fd-page-action-btn[data-selected="true"],
372
- .fd-page-action-btn[data-copied="true"],
373
- .fd-feedback-choice:hover,
374
- .fd-feedback-choice[data-selected="true"],
375
- .fd-ai-tab[data-active="true"],
376
- .fd-copy-btn:hover,
377
- .fd-ai-code-copy:hover,
378
- .fd-sidebar-search-btn:hover,
379
- .fd-sidebar-ai-btn:hover,
380
- .fd-ai-floating-btn:hover,
381
- .fd-ai-model-dropdown-item:hover,
382
- .fd-ai-fm-suggestion:hover {
378
+ #nd-docs-layout aside a[data-active="true"],
379
+ #nd-docs-layout aside a[data-active="true"]:hover,
380
+ #nd-docs-layout .fd-page-action-btn:hover,
381
+ #nd-docs-layout .fd-page-action-btn[data-selected="true"],
382
+ #nd-docs-layout .fd-page-action-btn[data-copied="true"],
383
+ #nd-docs-layout .fd-feedback-choice:hover,
384
+ #nd-docs-layout .fd-feedback-choice[data-selected="true"],
385
+ #nd-docs-layout .fd-ai-tab[data-active="true"],
386
+ #nd-docs-layout .fd-copy-btn:hover,
387
+ #nd-docs-layout .fd-ai-code-copy:hover,
388
+ #nd-docs-layout .fd-sidebar-search-btn:hover,
389
+ #nd-docs-layout .fd-sidebar-ai-btn:hover,
390
+ #nd-docs-layout .fd-ai-floating-btn:hover,
391
+ #nd-docs-layout .fd-ai-model-dropdown-item:hover,
392
+ #nd-docs-layout .fd-ai-fm-suggestion:hover {
383
393
  box-shadow: none !important;
384
394
  transform: translateY(-2px);
385
395
  }
386
396
 
387
- .dark aside a[data-active="true"],
388
- .dark .fd-page-action-btn:hover,
389
- .dark .fd-page-action-btn[data-selected="true"],
390
- .dark .fd-page-action-btn[data-copied="true"],
391
- .dark .fd-feedback-choice:hover,
392
- .dark .fd-feedback-choice[data-selected="true"],
393
- .dark .fd-ai-tab[data-active="true"] {
397
+ :is(html.dark, body.dark) #nd-docs-layout aside a[data-active="true"],
398
+ #nd-docs-layout.dark aside a[data-active="true"],
399
+ :is(html.dark, body.dark) #nd-docs-layout .fd-page-action-btn:hover,
400
+ #nd-docs-layout.dark .fd-page-action-btn:hover,
401
+ :is(html.dark, body.dark) #nd-docs-layout .fd-page-action-btn[data-selected="true"],
402
+ #nd-docs-layout.dark .fd-page-action-btn[data-selected="true"],
403
+ :is(html.dark, body.dark) #nd-docs-layout .fd-page-action-btn[data-copied="true"],
404
+ #nd-docs-layout.dark .fd-page-action-btn[data-copied="true"],
405
+ :is(html.dark, body.dark) #nd-docs-layout .fd-feedback-choice:hover,
406
+ #nd-docs-layout.dark .fd-feedback-choice:hover,
407
+ :is(html.dark, body.dark) #nd-docs-layout .fd-feedback-choice[data-selected="true"],
408
+ #nd-docs-layout.dark .fd-feedback-choice[data-selected="true"],
409
+ :is(html.dark, body.dark) #nd-docs-layout .fd-ai-tab[data-active="true"],
410
+ #nd-docs-layout.dark .fd-ai-tab[data-active="true"] {
394
411
  box-shadow: none !important;
395
412
  }
396
413
 
397
- .fd-sidebar-search-btn,
398
- .fd-sidebar-ai-btn {
414
+ #nd-docs-layout .fd-sidebar-search-btn,
415
+ #nd-docs-layout .fd-sidebar-ai-btn {
399
416
  border: 2px solid var(--color-fd-border) !important;
400
417
  background: var(--color-fd-secondary) !important;
401
418
  font-family: var(--fd-font-mono, ui-monospace, monospace);
@@ -404,21 +421,21 @@ aside a[data-active="true"]:hover,
404
421
  color: var(--color-fd-foreground) !important;
405
422
  }
406
423
 
407
- .fd-sidebar-search-btn:hover,
408
- .fd-sidebar-ai-btn:hover {
424
+ #nd-docs-layout .fd-sidebar-search-btn:hover,
425
+ #nd-docs-layout .fd-sidebar-ai-btn:hover {
409
426
  background: var(--color-fd-foreground) !important;
410
427
  color: var(--color-fd-background) !important;
411
428
  border-color: var(--color-fd-border) !important;
412
429
  }
413
430
 
414
- .fd-sidebar-search-kbd,
415
- .fd-sidebar-search-kbd kbd {
431
+ #nd-docs-layout .fd-sidebar-search-kbd,
432
+ #nd-docs-layout .fd-sidebar-search-kbd kbd {
416
433
  color: inherit !important;
417
434
  border-color: currentColor !important;
418
435
  }
419
436
 
420
- button[data-search-full],
421
- [data-search-full] {
437
+ #nd-docs-layout button[data-search-full],
438
+ #nd-docs-layout [data-search-full] {
422
439
  border: 2px solid var(--color-fd-border) !important;
423
440
  border-radius: 0 !important;
424
441
  background: var(--color-fd-secondary) !important;
@@ -430,15 +447,15 @@ button[data-search-full],
430
447
  box-shadow: none !important;
431
448
  }
432
449
 
433
- button[data-search-full]:hover,
434
- [data-search-full]:hover {
450
+ #nd-docs-layout button[data-search-full]:hover,
451
+ #nd-docs-layout [data-search-full]:hover {
435
452
  background: var(--color-fd-foreground) !important;
436
453
  color: var(--color-fd-background) !important;
437
454
  border-color: var(--color-fd-border) !important;
438
455
  }
439
456
 
440
- button[data-search-full] kbd,
441
- [data-search-full] kbd {
457
+ #nd-docs-layout button[data-search-full] kbd,
458
+ #nd-docs-layout [data-search-full] kbd {
442
459
  border: 1px solid currentColor !important;
443
460
  border-radius: 0 !important;
444
461
  background: transparent !important;
@@ -446,46 +463,46 @@ button[data-search-full] kbd,
446
463
  font-family: var(--fd-font-mono, ui-monospace, monospace) !important;
447
464
  }
448
465
 
449
- .fd-docs-content pre,
450
- .fd-docs-content .shiki,
451
- .fd-docs-content [data-codeblock],
452
- .fd-ai-code-block {
466
+ #nd-docs-layout .fd-docs-content pre,
467
+ #nd-docs-layout .fd-docs-content .shiki,
468
+ #nd-docs-layout .fd-docs-content [data-codeblock],
469
+ #nd-docs-layout .fd-ai-code-block {
453
470
  border: 2px solid var(--color-fd-border) !important;
454
471
  background: var(--color-fd-card) !important;
455
472
  background-image: none !important;
456
473
  }
457
474
 
458
- .fd-codeblock-title,
459
- figure.shiki:has(figcaption) > div:first-child,
460
- .fd-ai-code-header {
475
+ #nd-docs-layout .fd-codeblock-title,
476
+ #nd-docs-layout figure.shiki:has(figcaption) > div:first-child,
477
+ #nd-docs-layout .fd-ai-code-header {
461
478
  background: var(--color-fd-secondary) !important;
462
479
  border-bottom: 2px solid var(--color-fd-border) !important;
463
480
  }
464
481
 
465
- .fd-copy-btn,
466
- .fd-ai-code-copy {
482
+ #nd-docs-layout .fd-copy-btn,
483
+ #nd-docs-layout .fd-ai-code-copy {
467
484
  background: var(--color-fd-foreground) !important;
468
485
  color: var(--color-fd-background) !important;
469
486
  border: 2px solid var(--color-fd-border) !important;
470
487
  }
471
488
 
472
- .fd-copy-btn:hover,
473
- .fd-ai-code-copy:hover {
489
+ #nd-docs-layout .fd-copy-btn:hover,
490
+ #nd-docs-layout .fd-ai-code-copy:hover {
474
491
  background: var(--color-fd-card) !important;
475
492
  color: var(--color-fd-foreground) !important;
476
493
  }
477
494
 
478
- .fd-table-wrapper,
479
- .fd-table-wrapper table,
480
- .prose table {
495
+ #nd-docs-layout .fd-table-wrapper,
496
+ #nd-docs-layout .fd-table-wrapper table,
497
+ #nd-docs-layout .prose table {
481
498
  border: 2px solid var(--color-fd-border) !important;
482
499
  background: var(--color-fd-card) !important;
483
500
  border-radius: 0 !important;
484
501
  }
485
502
 
486
- .fd-page-nav,
487
- .fd-page-nav-card,
488
- [class*="page-nav"] a {
503
+ #nd-docs-layout .fd-page-nav,
504
+ #nd-docs-layout .fd-page-nav-card,
505
+ #nd-docs-layout [class*="page-nav"] a {
489
506
  transition:
490
507
  background-color 140ms ease,
491
508
  color 140ms ease,
@@ -493,8 +510,8 @@ figure.shiki:has(figcaption) > div:first-child,
493
510
  transform 140ms ease !important;
494
511
  }
495
512
 
496
- .fd-page-nav-card:hover,
497
- [class*="page-nav"] a:hover {
513
+ #nd-docs-layout .fd-page-nav-card:hover,
514
+ #nd-docs-layout [class*="page-nav"] a:hover {
498
515
  background: var(--color-fd-foreground) !important;
499
516
  color: var(--color-fd-background) !important;
500
517
  border-color: var(--color-fd-border) !important;
@@ -502,53 +519,53 @@ figure.shiki:has(figcaption) > div:first-child,
502
519
  transform: none !important;
503
520
  }
504
521
 
505
- .fd-page-nav-card:hover *,
506
- [class*="page-nav"] a:hover * {
522
+ #nd-docs-layout .fd-page-nav-card:hover *,
523
+ #nd-docs-layout [class*="page-nav"] a:hover * {
507
524
  color: inherit !important;
508
525
  }
509
526
 
510
- .fd-table-wrapper {
527
+ #nd-docs-layout .fd-table-wrapper {
511
528
  overflow: hidden;
512
529
  }
513
530
 
514
- .fd-table-wrapper table,
515
- .prose .fd-table-wrapper table {
531
+ #nd-docs-layout .fd-table-wrapper table,
532
+ #nd-docs-layout .prose .fd-table-wrapper table {
516
533
  border: 0 !important;
517
534
  background: transparent !important;
518
535
  border-radius: 0 !important;
519
536
  }
520
537
 
521
- .prose table,
522
- .prose thead,
523
- .prose tbody,
524
- .prose tr,
525
- .prose th,
526
- .prose td,
527
- .prose table *,
528
- .fd-table-wrapper,
529
- .fd-table-wrapper *,
530
- .fd-table-wrapper table,
531
- .fd-table-wrapper thead,
532
- .fd-table-wrapper tbody,
533
- .fd-table-wrapper tr,
534
- .fd-table-wrapper th,
535
- .fd-table-wrapper td {
538
+ #nd-docs-layout .prose table,
539
+ #nd-docs-layout .prose thead,
540
+ #nd-docs-layout .prose tbody,
541
+ #nd-docs-layout .prose tr,
542
+ #nd-docs-layout .prose th,
543
+ #nd-docs-layout .prose td,
544
+ #nd-docs-layout .prose table *,
545
+ #nd-docs-layout .fd-table-wrapper,
546
+ #nd-docs-layout .fd-table-wrapper *,
547
+ #nd-docs-layout .fd-table-wrapper table,
548
+ #nd-docs-layout .fd-table-wrapper thead,
549
+ #nd-docs-layout .fd-table-wrapper tbody,
550
+ #nd-docs-layout .fd-table-wrapper tr,
551
+ #nd-docs-layout .fd-table-wrapper th,
552
+ #nd-docs-layout .fd-table-wrapper td {
536
553
  border-radius: 0 !important;
537
554
  }
538
555
 
539
- .prose thead tr:first-child th:first-child,
540
- .prose thead tr:first-child th:last-child,
541
- .prose tbody tr:last-child td:first-child,
542
- .prose tbody tr:last-child td:last-child,
543
- .fd-table-wrapper thead tr:first-child th:first-child,
544
- .fd-table-wrapper thead tr:first-child th:last-child,
545
- .fd-table-wrapper tbody tr:last-child td:first-child,
546
- .fd-table-wrapper tbody tr:last-child td:last-child {
556
+ #nd-docs-layout .prose thead tr:first-child th:first-child,
557
+ #nd-docs-layout .prose thead tr:first-child th:last-child,
558
+ #nd-docs-layout .prose tbody tr:last-child td:first-child,
559
+ #nd-docs-layout .prose tbody tr:last-child td:last-child,
560
+ #nd-docs-layout .fd-table-wrapper thead tr:first-child th:first-child,
561
+ #nd-docs-layout .fd-table-wrapper thead tr:first-child th:last-child,
562
+ #nd-docs-layout .fd-table-wrapper tbody tr:last-child td:first-child,
563
+ #nd-docs-layout .fd-table-wrapper tbody tr:last-child td:last-child {
547
564
  border-radius: 0 !important;
548
565
  }
549
566
 
550
- .prose th,
551
- .fd-table-wrapper th {
567
+ #nd-docs-layout .prose th,
568
+ #nd-docs-layout .fd-table-wrapper th {
552
569
  background: var(--color-fd-foreground) !important;
553
570
  color: var(--color-fd-background) !important;
554
571
  text-transform: uppercase;
@@ -556,8 +573,8 @@ figure.shiki:has(figcaption) > div:first-child,
556
573
  font-family: var(--fd-font-mono, ui-monospace, monospace);
557
574
  }
558
575
 
559
- .fd-callout,
560
- [class*="fd-callout"] {
576
+ #nd-docs-layout .fd-callout,
577
+ #nd-docs-layout [class*="fd-callout"] {
561
578
  border: 2px solid var(--color-fd-border) !important;
562
579
  background: color-mix(
563
580
  in srgb,
@@ -567,160 +584,160 @@ figure.shiki:has(figcaption) > div:first-child,
567
584
  border-radius: 0 !important;
568
585
  }
569
586
 
570
- .fd-callout-indicator {
587
+ #nd-docs-layout .fd-callout-indicator {
571
588
  width: 8px;
572
589
  background: var(--color-fd-accent) !important;
573
590
  }
574
591
 
575
- .fd-callout-title {
592
+ #nd-docs-layout .fd-callout-title {
576
593
  font-family: var(--fd-font-mono, ui-monospace, monospace);
577
594
  text-transform: uppercase;
578
595
  letter-spacing: 0.08em;
579
596
  font-size: 0.72rem;
580
597
  }
581
598
 
582
- .fd-docs-content :not(pre) > code {
599
+ #nd-docs-layout .fd-docs-content :not(pre) > code {
583
600
  background: var(--color-fd-secondary);
584
601
  }
585
602
 
586
- .omni-content {
603
+ #nd-docs-layout .omni-content {
587
604
  border: 2px solid var(--color-fd-border) !important;
588
605
  background: var(--color-fd-card) !important;
589
606
  }
590
607
 
591
- .omni-header,
592
- .omni-footer {
608
+ #nd-docs-layout .omni-header,
609
+ #nd-docs-layout .omni-footer {
593
610
  border-color: var(--color-fd-border) !important;
594
611
  background: var(--color-fd-secondary) !important;
595
612
  }
596
613
 
597
- .omni-search-input,
598
- .omni-item-label,
599
- .omni-item-subtitle,
600
- .omni-group-label,
601
- .omni-footer-inner,
602
- .omni-kbd,
603
- .omni-close-btn {
614
+ #nd-docs-layout .omni-search-input,
615
+ #nd-docs-layout .omni-item-label,
616
+ #nd-docs-layout .omni-item-subtitle,
617
+ #nd-docs-layout .omni-group-label,
618
+ #nd-docs-layout .omni-footer-inner,
619
+ #nd-docs-layout .omni-kbd,
620
+ #nd-docs-layout .omni-close-btn {
604
621
  font-family: var(--fd-font-mono, ui-monospace, monospace) !important;
605
622
  }
606
623
 
607
- .omni-group-label {
624
+ #nd-docs-layout .omni-group-label {
608
625
  letter-spacing: 0.14em;
609
626
  color: color-mix(in srgb, var(--color-fd-foreground) 72%, transparent) !important;
610
627
  }
611
628
 
612
- .omni-item {
629
+ #nd-docs-layout .omni-item {
613
630
  border: 1px solid transparent !important;
614
631
  }
615
632
 
616
- .omni-item:hover {
633
+ #nd-docs-layout .omni-item:hover {
617
634
  border-color: var(--color-fd-border) !important;
618
635
  }
619
636
 
620
- .omni-kbd,
621
- .omni-close-btn,
622
- .omni-item-ext {
637
+ #nd-docs-layout .omni-kbd,
638
+ #nd-docs-layout .omni-close-btn,
639
+ #nd-docs-layout .omni-item-ext {
623
640
  border: 1px solid var(--color-fd-border) !important;
624
641
  border-radius: 0 !important;
625
642
  background: transparent !important;
626
643
  }
627
644
 
628
- .omni-item-active {
645
+ #nd-docs-layout .omni-item-active {
629
646
  background: var(--color-fd-foreground) !important;
630
647
  color: var(--color-fd-background) !important;
631
648
  border-color: var(--color-fd-border) !important;
632
649
  }
633
650
 
634
- .omni-item-active .omni-item-icon,
635
- .omni-item-active .omni-item-badge,
636
- .omni-item-active .omni-item-ext,
637
- .omni-item-active .omni-item-chevron,
638
- .omni-item-active .omni-item-subtitle,
639
- .omni-item-active .omni-item-shortcuts {
651
+ #nd-docs-layout .omni-item-active .omni-item-icon,
652
+ #nd-docs-layout .omni-item-active .omni-item-badge,
653
+ #nd-docs-layout .omni-item-active .omni-item-ext,
654
+ #nd-docs-layout .omni-item-active .omni-item-chevron,
655
+ #nd-docs-layout .omni-item-active .omni-item-subtitle,
656
+ #nd-docs-layout .omni-item-active .omni-item-shortcuts {
640
657
  color: inherit !important;
641
658
  opacity: 1 !important;
642
659
  }
643
660
 
644
- .fd-ai-dialog,
645
- .fd-ai-header,
646
- .fd-ai-tab-bar,
647
- .fd-ai-search-wrap,
648
- .fd-ai-chat-footer,
649
- .fd-ai-fm-topbar,
650
- .fd-ai-input-wrap,
651
- .fd-ai-results,
652
- .fd-ai-messages {
661
+ #nd-docs-layout .fd-ai-dialog,
662
+ #nd-docs-layout .fd-ai-header,
663
+ #nd-docs-layout .fd-ai-tab-bar,
664
+ #nd-docs-layout .fd-ai-search-wrap,
665
+ #nd-docs-layout .fd-ai-chat-footer,
666
+ #nd-docs-layout .fd-ai-fm-topbar,
667
+ #nd-docs-layout .fd-ai-input-wrap,
668
+ #nd-docs-layout .fd-ai-results,
669
+ #nd-docs-layout .fd-ai-messages {
653
670
  border-color: var(--color-fd-border) !important;
654
671
  box-shadow: none !important;
655
672
  }
656
673
 
657
- .fd-ai-header,
658
- .fd-ai-tab-bar,
659
- .fd-ai-search-wrap,
660
- .fd-ai-chat-footer,
661
- .fd-ai-fm-topbar,
662
- .fd-ai-fm-input-container {
674
+ #nd-docs-layout .fd-ai-header,
675
+ #nd-docs-layout .fd-ai-tab-bar,
676
+ #nd-docs-layout .fd-ai-search-wrap,
677
+ #nd-docs-layout .fd-ai-chat-footer,
678
+ #nd-docs-layout .fd-ai-fm-topbar,
679
+ #nd-docs-layout .fd-ai-fm-input-container {
663
680
  background: var(--color-fd-secondary) !important;
664
681
  }
665
682
 
666
- .fd-ai-header-title,
667
- .fd-ai-tab,
668
- .fd-ai-input,
669
- .fd-ai-result,
670
- .fd-ai-result-empty,
671
- .fd-ai-esc,
672
- .fd-ai-close-btn,
673
- .fd-ai-fm-close-btn,
674
- .fd-ai-model-dropdown-btn,
675
- .fd-ai-model-dropdown-item,
676
- .fd-ai-model-dropdown-label,
677
- .fd-ai-fm-suggestion,
678
- .fd-ai-floating-btn {
683
+ #nd-docs-layout .fd-ai-header-title,
684
+ #nd-docs-layout .fd-ai-tab,
685
+ #nd-docs-layout .fd-ai-input,
686
+ #nd-docs-layout .fd-ai-result,
687
+ #nd-docs-layout .fd-ai-result-empty,
688
+ #nd-docs-layout .fd-ai-esc,
689
+ #nd-docs-layout .fd-ai-close-btn,
690
+ #nd-docs-layout .fd-ai-fm-close-btn,
691
+ #nd-docs-layout .fd-ai-model-dropdown-btn,
692
+ #nd-docs-layout .fd-ai-model-dropdown-item,
693
+ #nd-docs-layout .fd-ai-model-dropdown-label,
694
+ #nd-docs-layout .fd-ai-fm-suggestion,
695
+ #nd-docs-layout .fd-ai-floating-btn {
679
696
  font-family: var(--fd-font-mono, ui-monospace, monospace) !important;
680
697
  }
681
698
 
682
- .fd-ai-header-title,
683
- .fd-ai-tab,
684
- .fd-ai-floating-btn {
699
+ #nd-docs-layout .fd-ai-header-title,
700
+ #nd-docs-layout .fd-ai-tab,
701
+ #nd-docs-layout .fd-ai-floating-btn {
685
702
  text-transform: uppercase;
686
703
  letter-spacing: 0.12em;
687
704
  }
688
705
 
689
- .fd-ai-esc,
690
- .fd-ai-close-btn,
691
- .fd-ai-fm-close-btn,
692
- .fd-ai-tab,
693
- .fd-ai-model-dropdown-btn,
694
- .fd-ai-model-dropdown-item,
695
- .fd-ai-fm-suggestion,
696
- .fd-ai-floating-btn {
706
+ #nd-docs-layout .fd-ai-esc,
707
+ #nd-docs-layout .fd-ai-close-btn,
708
+ #nd-docs-layout .fd-ai-fm-close-btn,
709
+ #nd-docs-layout .fd-ai-tab,
710
+ #nd-docs-layout .fd-ai-model-dropdown-btn,
711
+ #nd-docs-layout .fd-ai-model-dropdown-item,
712
+ #nd-docs-layout .fd-ai-fm-suggestion,
713
+ #nd-docs-layout .fd-ai-floating-btn {
697
714
  border: 2px solid var(--color-fd-border) !important;
698
715
  border-radius: 0 !important;
699
716
  background: var(--color-fd-card) !important;
700
717
  box-shadow: none !important;
701
718
  }
702
719
 
703
- .fd-ai-fm-close-btn {
720
+ #nd-docs-layout .fd-ai-fm-close-btn {
704
721
  margin-block-start: 0.5rem;
705
722
  margin-inline-end: 0.5rem;
706
723
  }
707
724
 
708
- .fd-ai-tab[data-active="true"],
709
- .fd-ai-close-btn:hover,
710
- .fd-ai-fm-close-btn:hover,
711
- .fd-ai-model-dropdown-item[data-active="true"],
712
- .fd-ai-floating-btn:hover,
713
- .fd-ai-model-dropdown-btn:hover,
714
- .fd-ai-model-dropdown-item:hover,
715
- .fd-ai-fm-suggestion:hover,
716
- .fd-ai-result[data-active="true"] {
725
+ #nd-docs-layout .fd-ai-tab[data-active="true"],
726
+ #nd-docs-layout .fd-ai-close-btn:hover,
727
+ #nd-docs-layout .fd-ai-fm-close-btn:hover,
728
+ #nd-docs-layout .fd-ai-model-dropdown-item[data-active="true"],
729
+ #nd-docs-layout .fd-ai-floating-btn:hover,
730
+ #nd-docs-layout .fd-ai-model-dropdown-btn:hover,
731
+ #nd-docs-layout .fd-ai-model-dropdown-item:hover,
732
+ #nd-docs-layout .fd-ai-fm-suggestion:hover,
733
+ #nd-docs-layout .fd-ai-result[data-active="true"] {
717
734
  background: var(--color-fd-foreground) !important;
718
735
  color: var(--color-fd-background) !important;
719
736
  border-color: var(--color-fd-border) !important;
720
737
  box-shadow: none !important;
721
738
  }
722
739
 
723
- .fd-ai-input,
724
- .fd-ai-input::placeholder {
740
+ #nd-docs-layout .fd-ai-input,
741
+ #nd-docs-layout .fd-ai-input::placeholder {
725
742
  font-family: var(--fd-font-mono, ui-monospace, monospace) !important;
726
743
  }