@webskill/sdk 0.29.0 → 0.30.0-next.1

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 (32) hide show
  1. package/dist/agent.d.ts +2 -2
  2. package/dist/agent.js +27 -760
  3. package/dist/browser.d.ts +3 -3
  4. package/dist/browser.js +2 -1
  5. package/dist/controller.d.ts +88 -0
  6. package/dist/controller.js +3 -0
  7. package/dist/device-DMUgqNzr.js +1782 -0
  8. package/dist/{dist-CTsxblSD.js → dist-Ww6TChcf.js} +2 -2
  9. package/dist/{geometry-QmrkJw1_.js → geometry-1xQbK4hB.js} +1 -76
  10. package/dist/governance.d.ts +3 -3
  11. package/dist/{index-C3t1jKAs.d.ts → index-1ASrUwzn.d.ts} +2 -2
  12. package/dist/{index-B5zHZDNA.d.ts → index-Cj2HedfL.d.ts} +3 -2
  13. package/dist/{index-Cngzg2WS.d.ts → index-UbNuzd2a.d.ts} +3 -1
  14. package/dist/index.d.ts +3 -3
  15. package/dist/index.js +1 -1
  16. package/dist/mcp.d.ts +2 -2
  17. package/dist/node.d.ts +3 -3
  18. package/dist/{openUiLibrary-BnhYUlqY.js → openUiLibrary-BjRDYyTe.js} +1 -1
  19. package/dist/{skillVersionStore-S4_HJ_Fl-AiNsSSdO.d.ts → skillVersionStore-S4_HJ_Fl-5K8jrAg_.d.ts} +1 -1
  20. package/dist/testing.d.ts +88 -2
  21. package/dist/testing.js +1287 -1
  22. package/dist/toolSource-DMCTnSVg.js +743 -0
  23. package/dist/types-BXRIoabj.js +76 -0
  24. package/dist/types-DmcXN3qR-Dy7ZDstc.d.ts +265 -0
  25. package/dist/{types-wKp3YBSM-D7w-ZbsB.d.ts → types-wKp3YBSM-CSeFUL9R.d.ts} +1 -1
  26. package/dist/ui-react.css +2687 -0
  27. package/dist/ui-react.d.ts +1045 -5
  28. package/dist/ui-react.js +150 -30
  29. package/dist/ui-vue.d.ts +1 -1
  30. package/dist/ui.d.ts +3 -3
  31. package/dist/ui.js +1 -1
  32. package/package.json +17 -4
package/dist/ui-react.css ADDED
@@ -0,0 +1,2687 @@
1
+ @layer webskill-embed-initial;
2
+ @layer webskill-embed-initial{
3
+ :where([data-webskill-embed]), :where([data-webskill-embed]) *, :where([data-webskill-embed]) ::before, :where([data-webskill-embed]) ::after, :where([data-webskill-embed]) ::backdrop{
4
+ --webskill-tw-translate-x: 0;
5
+ --webskill-tw-translate-y: 0;
6
+ --webskill-tw-translate-z: 0;
7
+ --webskill-tw-scroll-snap-strictness: proximity;
8
+ --webskill-tw-space-y-reverse: 0;
9
+ --webskill-tw-divide-y-reverse: 0;
10
+ --webskill-tw-border-style: solid;
11
+ --webskill-tw-shadow: 0 0 #0000;
12
+ --webskill-tw-shadow-alpha: 100%;
13
+ --webskill-tw-inset-shadow: 0 0 #0000;
14
+ --webskill-tw-inset-shadow-alpha: 100%;
15
+ --webskill-tw-ring-shadow: 0 0 #0000;
16
+ --webskill-tw-inset-ring-shadow: 0 0 #0000;
17
+ --webskill-tw-ring-offset-width: 0px;
18
+ --webskill-tw-ring-offset-color: #fff;
19
+ --webskill-tw-ring-offset-shadow: 0 0 #0000;
20
+ --webskill-tw-outline-style: solid;
21
+ --webskill-tw-drop-shadow-alpha: 100%;
22
+ --webskill-tw-content: "";
23
+ }
24
+ }
25
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
26
+ @layer webskill-properties;
27
+ @layer webskill-theme, webskill-base, webskill-components, webskill-utilities;
28
+ @layer webskill-theme {
29
+ :where([data-webskill-embed]),:where([data-webskill-embed]) {
30
+ --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Microsoft YaHei',
31
+ 'PingFang SC', 'Hiragino Sans GB', 'Noto Sans CJK SC', 'Source Han Sans SC', 'WenQuanYi Micro Hei', sans-serif;
32
+ --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, 'Microsoft YaHei', 'PingFang SC',
33
+ 'Noto Sans Mono CJK SC', monospace;
34
+ --spacing: 0.25rem;
35
+ --container-sm: 24rem;
36
+ --container-md: 28rem;
37
+ --container-2xl: 42rem;
38
+ --text-xs: 0.75rem;
39
+ --text-xs--line-height: calc(1 / 0.75);
40
+ --text-sm: 0.875rem;
41
+ --text-sm--line-height: calc(1.25 / 0.875);
42
+ --text-base: 1rem;
43
+ --text-base--line-height: calc(1.5 / 1);
44
+ --text-lg: 1.125rem;
45
+ --text-lg--line-height: calc(1.75 / 1.125);
46
+ --font-weight-medium: 500;
47
+ --font-weight-semibold: 600;
48
+ --radius-xl: 0.75rem;
49
+ --animate-spin: webskill-spin 1s linear infinite;
50
+ --animate-pulse: webskill-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
51
+ --aspect-video: 16 / 9;
52
+ --default-transition-duration: 150ms;
53
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
54
+ --default-font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Microsoft YaHei',
55
+ 'PingFang SC', 'Hiragino Sans GB', 'Noto Sans CJK SC', 'Source Han Sans SC', 'WenQuanYi Micro Hei', sans-serif;
56
+ --default-mono-font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, 'Microsoft YaHei', 'PingFang SC',
57
+ 'Noto Sans Mono CJK SC', monospace;
58
+ --color-background: var(--background);
59
+ --color-foreground: var(--foreground);
60
+ --color-card: var(--card);
61
+ --color-primary: var(--primary);
62
+ --color-muted: var(--muted-foreground);
63
+ --color-accent: var(--accent);
64
+ --color-border: var(--border);
65
+ --color-destructive: var(--destructive);
66
+ --color-success: var(--success);
67
+ --color-warning: var(--warning);
68
+ --color-info: var(--info);
69
+ --color-canvas: var(--background);
70
+ --color-surface: var(--card);
71
+ --color-subtle: var(--accent);
72
+ --color-ink: var(--foreground);
73
+ --radius-card: 0.75rem;
74
+ --shadow-card: 0 1px 2px oklch(0 0 0 / 0.05), 0 4px 16px oklch(0 0 0 / 0.06);
75
+ }
76
+ }
77
+ @layer webskill-base {
78
+ :where([data-webskill-embed]) *, *:where([data-webskill-embed]),:where([data-webskill-embed]) ::after, :where([data-webskill-embed]) ::after,:where([data-webskill-embed]) ::before, :where([data-webskill-embed]) ::before,:where([data-webskill-embed]) ::backdrop, :where([data-webskill-embed]) ::backdrop,:where([data-webskill-embed]) ::file-selector-button, :where([data-webskill-embed]) ::file-selector-button {
79
+ box-sizing: border-box;
80
+ margin: 0;
81
+ padding: 0;
82
+ border: 0 solid;
83
+ }
84
+ :where([data-webskill-embed]),:where([data-webskill-embed]) {
85
+ line-height: 1.5;
86
+ -webkit-text-size-adjust: 100%;
87
+ tab-size: 4;
88
+ font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
89
+ font-feature-settings: var(--default-font-feature-settings, normal);
90
+ font-variation-settings: var(--default-font-variation-settings, normal);
91
+ -webkit-tap-highlight-color: transparent;
92
+ }
93
+ :where([data-webskill-embed]) hr, hr:where([data-webskill-embed]) {
94
+ height: 0;
95
+ color: inherit;
96
+ border-top-width: 1px;
97
+ }
98
+ :where([data-webskill-embed]) abbr:where([title]), abbr:where([data-webskill-embed]):where([title]) {
99
+ -webkit-text-decoration: underline dotted;
100
+ text-decoration: underline dotted;
101
+ }
102
+ :where([data-webskill-embed]) h1, h1:where([data-webskill-embed]),:where([data-webskill-embed]) h2, h2:where([data-webskill-embed]),:where([data-webskill-embed]) h3, h3:where([data-webskill-embed]),:where([data-webskill-embed]) h4, h4:where([data-webskill-embed]),:where([data-webskill-embed]) h5, h5:where([data-webskill-embed]),:where([data-webskill-embed]) h6, h6:where([data-webskill-embed]) {
103
+ font-size: inherit;
104
+ font-weight: inherit;
105
+ }
106
+ :where([data-webskill-embed]) a, a:where([data-webskill-embed]) {
107
+ color: inherit;
108
+ -webkit-text-decoration: inherit;
109
+ text-decoration: inherit;
110
+ }
111
+ :where([data-webskill-embed]) b, b:where([data-webskill-embed]),:where([data-webskill-embed]) strong, strong:where([data-webskill-embed]) {
112
+ font-weight: bolder;
113
+ }
114
+ :where([data-webskill-embed]) code, code:where([data-webskill-embed]),:where([data-webskill-embed]) kbd, kbd:where([data-webskill-embed]),:where([data-webskill-embed]) samp, samp:where([data-webskill-embed]),:where([data-webskill-embed]) pre, pre:where([data-webskill-embed]) {
115
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
116
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
117
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
118
+ font-size: 1em;
119
+ }
120
+ :where([data-webskill-embed]) small, small:where([data-webskill-embed]) {
121
+ font-size: 80%;
122
+ }
123
+ :where([data-webskill-embed]) sub, sub:where([data-webskill-embed]),:where([data-webskill-embed]) sup, sup:where([data-webskill-embed]) {
124
+ font-size: 75%;
125
+ line-height: 0;
126
+ position: relative;
127
+ vertical-align: baseline;
128
+ }
129
+ :where([data-webskill-embed]) sub, sub:where([data-webskill-embed]) {
130
+ bottom: -0.25em;
131
+ }
132
+ :where([data-webskill-embed]) sup, sup:where([data-webskill-embed]) {
133
+ top: -0.5em;
134
+ }
135
+ :where([data-webskill-embed]) table, table:where([data-webskill-embed]) {
136
+ text-indent: 0;
137
+ border-color: inherit;
138
+ border-collapse: collapse;
139
+ }
140
+ :where([data-webskill-embed]) :-moz-focusring:where(:not(iframe)), :where([data-webskill-embed]):-moz-focusring:where(:not(iframe)) {
141
+ outline: auto;
142
+ }
143
+ :where([data-webskill-embed]) progress, progress:where([data-webskill-embed]) {
144
+ vertical-align: baseline;
145
+ }
146
+ :where([data-webskill-embed]) summary, summary:where([data-webskill-embed]) {
147
+ display: list-item;
148
+ }
149
+ :where([data-webskill-embed]) ol, ol:where([data-webskill-embed]),:where([data-webskill-embed]) ul, ul:where([data-webskill-embed]),:where([data-webskill-embed]) menu, menu:where([data-webskill-embed]) {
150
+ list-style: none;
151
+ }
152
+ :where([data-webskill-embed]) img, img:where([data-webskill-embed]),:where([data-webskill-embed]) svg, svg:where([data-webskill-embed]),:where([data-webskill-embed]) video, video:where([data-webskill-embed]),:where([data-webskill-embed]) canvas, canvas:where([data-webskill-embed]),:where([data-webskill-embed]) audio, audio:where([data-webskill-embed]),:where([data-webskill-embed]) iframe, iframe:where([data-webskill-embed]),:where([data-webskill-embed]) embed, embed:where([data-webskill-embed]),:where([data-webskill-embed]) object, object:where([data-webskill-embed]) {
153
+ display: block;
154
+ vertical-align: middle;
155
+ }
156
+ :where([data-webskill-embed]) img, img:where([data-webskill-embed]),:where([data-webskill-embed]) video, video:where([data-webskill-embed]) {
157
+ max-width: 100%;
158
+ height: auto;
159
+ }
160
+ :where([data-webskill-embed]) button, button:where([data-webskill-embed]),:where([data-webskill-embed]) input, input:where([data-webskill-embed]),:where([data-webskill-embed]) select, select:where([data-webskill-embed]),:where([data-webskill-embed]) optgroup, optgroup:where([data-webskill-embed]),:where([data-webskill-embed]) textarea, textarea:where([data-webskill-embed]),:where([data-webskill-embed]) ::file-selector-button, :where([data-webskill-embed]) ::file-selector-button {
161
+ font: inherit;
162
+ font-feature-settings: inherit;
163
+ font-variation-settings: inherit;
164
+ letter-spacing: inherit;
165
+ color: inherit;
166
+ border-radius: 0;
167
+ background-color: transparent;
168
+ opacity: 1;
169
+ }
170
+ :where([data-webskill-embed]) :where(select:is([multiple], [size])) optgroup, :where([data-webskill-embed]):where(select:is([multiple], [size])) optgroup {
171
+ font-weight: bolder;
172
+ }
173
+ :where([data-webskill-embed]) :where(select:is([multiple], [size])) optgroup option, :where([data-webskill-embed]):where(select:is([multiple], [size])) optgroup option {
174
+ padding-inline-start: 20px;
175
+ }
176
+ :where([data-webskill-embed]) ::file-selector-button, :where([data-webskill-embed])::file-selector-button {
177
+ margin-inline-end: 4px;
178
+ }
179
+ :where([data-webskill-embed]) ::placeholder, :where([data-webskill-embed])::placeholder {
180
+ opacity: 1;
181
+ }
182
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
183
+ :where([data-webskill-embed]) ::placeholder, :where([data-webskill-embed])::placeholder {
184
+ color: currentcolor;
185
+ @supports (color: color-mix(in lab, red, red)) {
186
+ color: color-mix(in oklab, currentcolor 50%, transparent);
187
+ }
188
+ }
189
+ }
190
+ :where([data-webskill-embed]) textarea, textarea:where([data-webskill-embed]) {
191
+ resize: vertical;
192
+ }
193
+ :where([data-webskill-embed]) ::-webkit-search-decoration, :where([data-webskill-embed])::-webkit-search-decoration {
194
+ -webkit-appearance: none;
195
+ }
196
+ :where([data-webskill-embed]) ::-webkit-date-and-time-value, :where([data-webskill-embed])::-webkit-date-and-time-value {
197
+ min-height: 1lh;
198
+ text-align: inherit;
199
+ }
200
+ :where([data-webskill-embed]) ::-webkit-datetime-edit, :where([data-webskill-embed])::-webkit-datetime-edit {
201
+ display: inline-flex;
202
+ }
203
+ :where([data-webskill-embed]) ::-webkit-datetime-edit-fields-wrapper, :where([data-webskill-embed])::-webkit-datetime-edit-fields-wrapper {
204
+ padding: 0;
205
+ }
206
+ :where([data-webskill-embed]) ::-webkit-datetime-edit, :where([data-webskill-embed])::-webkit-datetime-edit,:where([data-webskill-embed]) ::-webkit-datetime-edit-year-field, :where([data-webskill-embed]) ::-webkit-datetime-edit-year-field,:where([data-webskill-embed]) ::-webkit-datetime-edit-month-field, :where([data-webskill-embed]) ::-webkit-datetime-edit-month-field,:where([data-webskill-embed]) ::-webkit-datetime-edit-day-field, :where([data-webskill-embed]) ::-webkit-datetime-edit-day-field,:where([data-webskill-embed]) ::-webkit-datetime-edit-hour-field, :where([data-webskill-embed]) ::-webkit-datetime-edit-hour-field,:where([data-webskill-embed]) ::-webkit-datetime-edit-minute-field, :where([data-webskill-embed]) ::-webkit-datetime-edit-minute-field,:where([data-webskill-embed]) ::-webkit-datetime-edit-second-field, :where([data-webskill-embed]) ::-webkit-datetime-edit-second-field,:where([data-webskill-embed]) ::-webkit-datetime-edit-millisecond-field, :where([data-webskill-embed]) ::-webkit-datetime-edit-millisecond-field,:where([data-webskill-embed]) ::-webkit-datetime-edit-meridiem-field, :where([data-webskill-embed]) ::-webkit-datetime-edit-meridiem-field {
207
+ padding-block: 0;
208
+ }
209
+ :where([data-webskill-embed]) ::-webkit-calendar-picker-indicator, :where([data-webskill-embed])::-webkit-calendar-picker-indicator {
210
+ line-height: 1;
211
+ }
212
+ :where([data-webskill-embed]) :-moz-ui-invalid, :where([data-webskill-embed]):-moz-ui-invalid {
213
+ box-shadow: none;
214
+ }
215
+ :where([data-webskill-embed]) button, button:where([data-webskill-embed]),:where([data-webskill-embed]) input:where([type="button"], [type="reset"], [type="submit"]), input:where([data-webskill-embed]):where([type="button"], [type="reset"], [type="submit"]),:where([data-webskill-embed]) ::file-selector-button, :where([data-webskill-embed]) ::file-selector-button {
216
+ appearance: button;
217
+ }
218
+ :where([data-webskill-embed]) ::-webkit-inner-spin-button, :where([data-webskill-embed])::-webkit-inner-spin-button,:where([data-webskill-embed]) ::-webkit-outer-spin-button, :where([data-webskill-embed]) ::-webkit-outer-spin-button {
219
+ height: auto;
220
+ }
221
+ :where([data-webskill-embed]) [hidden]:where(:not([hidden="until-found"])), :where([data-webskill-embed])[hidden]:where(:not([hidden="until-found"])) {
222
+ display: none !important;
223
+ }
224
+ }
225
+ @layer webskill-utilities {
226
+ :where([data-webskill-embed]) .pointer-events-none, :where([data-webskill-embed]).pointer-events-none {
227
+ pointer-events: none;
228
+ }
229
+ :where([data-webskill-embed]) .collapse, :where([data-webskill-embed]).collapse {
230
+ visibility: collapse;
231
+ }
232
+ :where([data-webskill-embed]) .visible, :where([data-webskill-embed]).visible {
233
+ visibility: visible;
234
+ }
235
+ :where([data-webskill-embed]) .sr-only, :where([data-webskill-embed]).sr-only {
236
+ position: absolute;
237
+ width: 1px;
238
+ height: 1px;
239
+ padding: 0;
240
+ margin: -1px;
241
+ overflow: hidden;
242
+ clip-path: inset(50%);
243
+ white-space: nowrap;
244
+ border-width: 0;
245
+ }
246
+ :where([data-webskill-embed]) .absolute, :where([data-webskill-embed]).absolute {
247
+ position: absolute;
248
+ }
249
+ :where([data-webskill-embed]) .fixed, :where([data-webskill-embed]).fixed {
250
+ position: fixed;
251
+ }
252
+ :where([data-webskill-embed]) .relative, :where([data-webskill-embed]).relative {
253
+ position: relative;
254
+ }
255
+ :where([data-webskill-embed]) .static, :where([data-webskill-embed]).static {
256
+ position: static;
257
+ }
258
+ :where([data-webskill-embed]) .inset-0, :where([data-webskill-embed]).inset-0 {
259
+ inset: 0px;
260
+ }
261
+ :where([data-webskill-embed]) .inset-y-0, :where([data-webskill-embed]).inset-y-0 {
262
+ inset-block: 0px;
263
+ }
264
+ :where([data-webskill-embed]) .top-0, :where([data-webskill-embed]).top-0 {
265
+ top: 0px;
266
+ }
267
+ :where([data-webskill-embed]) .top-1\.5, :where([data-webskill-embed]).top-1\.5 {
268
+ top: calc(var(--spacing) * 1.5);
269
+ }
270
+ :where([data-webskill-embed]) .top-1\/2, :where([data-webskill-embed]).top-1\/2 {
271
+ top: calc(1 / 2 * 100%);
272
+ }
273
+ :where([data-webskill-embed]) .top-3, :where([data-webskill-embed]).top-3 {
274
+ top: calc(var(--spacing) * 3);
275
+ }
276
+ :where([data-webskill-embed]) .top-3\.5, :where([data-webskill-embed]).top-3\.5 {
277
+ top: calc(var(--spacing) * 3.5);
278
+ }
279
+ :where([data-webskill-embed]) .top-\[12vh\], :where([data-webskill-embed]).top-\[12vh\] {
280
+ top: 12vh;
281
+ }
282
+ :where([data-webskill-embed]) .right-0, :where([data-webskill-embed]).right-0 {
283
+ right: 0px;
284
+ }
285
+ :where([data-webskill-embed]) .right-1, :where([data-webskill-embed]).right-1 {
286
+ right: var(--spacing);
287
+ }
288
+ :where([data-webskill-embed]) .right-2, :where([data-webskill-embed]).right-2 {
289
+ right: calc(var(--spacing) * 2);
290
+ }
291
+ :where([data-webskill-embed]) .right-3, :where([data-webskill-embed]).right-3 {
292
+ right: calc(var(--spacing) * 3);
293
+ }
294
+ :where([data-webskill-embed]) .right-4, :where([data-webskill-embed]).right-4 {
295
+ right: calc(var(--spacing) * 4);
296
+ }
297
+ :where([data-webskill-embed]) .right-full, :where([data-webskill-embed]).right-full {
298
+ right: 100%;
299
+ }
300
+ :where([data-webskill-embed]) .bottom-4, :where([data-webskill-embed]).bottom-4 {
301
+ bottom: calc(var(--spacing) * 4);
302
+ }
303
+ :where([data-webskill-embed]) .left-0, :where([data-webskill-embed]).left-0 {
304
+ left: 0px;
305
+ }
306
+ :where([data-webskill-embed]) .left-1\/2, :where([data-webskill-embed]).left-1\/2 {
307
+ left: calc(1 / 2 * 100%);
308
+ }
309
+ :where([data-webskill-embed]) .left-2, :where([data-webskill-embed]).left-2 {
310
+ left: calc(var(--spacing) * 2);
311
+ }
312
+ :where([data-webskill-embed]) .left-2\.5, :where([data-webskill-embed]).left-2\.5 {
313
+ left: calc(var(--spacing) * 2.5);
314
+ }
315
+ :where([data-webskill-embed]) .left-full, :where([data-webskill-embed]).left-full {
316
+ left: 100%;
317
+ }
318
+ :where([data-webskill-embed]) .z-\[var\(--webskill-z-dialog\)\], :where([data-webskill-embed]).z-\[var\(--webskill-z-dialog\)\] {
319
+ z-index: var(--webskill-z-dialog);
320
+ }
321
+ :where([data-webskill-embed]) .z-\[var\(--webskill-z-overlay\)\], :where([data-webskill-embed]).z-\[var\(--webskill-z-overlay\)\] {
322
+ z-index: var(--webskill-z-overlay);
323
+ }
324
+ :where([data-webskill-embed]) .z-\[var\(--webskill-z-popper\)\], :where([data-webskill-embed]).z-\[var\(--webskill-z-popper\)\] {
325
+ z-index: var(--webskill-z-popper);
326
+ }
327
+ :where([data-webskill-embed]) .z-\[var\(--webskill-z-raised\)\], :where([data-webskill-embed]).z-\[var\(--webskill-z-raised\)\] {
328
+ z-index: var(--webskill-z-raised);
329
+ }
330
+ :where([data-webskill-embed]) .z-\[var\(--webskill-z-scrim\)\], :where([data-webskill-embed]).z-\[var\(--webskill-z-scrim\)\] {
331
+ z-index: var(--webskill-z-scrim);
332
+ }
333
+ :where([data-webskill-embed]) .z-\[var\(--webskill-z-sheet\)\], :where([data-webskill-embed]).z-\[var\(--webskill-z-sheet\)\] {
334
+ z-index: var(--webskill-z-sheet);
335
+ }
336
+ :where([data-webskill-embed]) .z-\[var\(--webskill-z-toast\)\], :where([data-webskill-embed]).z-\[var\(--webskill-z-toast\)\] {
337
+ z-index: var(--webskill-z-toast);
338
+ }
339
+ :where([data-webskill-embed]) .z-\[var\(--webskill-z-tooltip\)\], :where([data-webskill-embed]).z-\[var\(--webskill-z-tooltip\)\] {
340
+ z-index: var(--webskill-z-tooltip);
341
+ }
342
+ :where([data-webskill-embed]) .container, :where([data-webskill-embed]).container {
343
+ width: 100%;
344
+ @media (width >= 40rem) {
345
+ max-width: 40rem;
346
+ }
347
+ @media (width >= 48rem) {
348
+ max-width: 48rem;
349
+ }
350
+ @media (width >= 64rem) {
351
+ max-width: 64rem;
352
+ }
353
+ @media (width >= 80rem) {
354
+ max-width: 80rem;
355
+ }
356
+ @media (width >= 96rem) {
357
+ max-width: 96rem;
358
+ }
359
+ }
360
+ :where([data-webskill-embed]) .mx-2, :where([data-webskill-embed]).mx-2 {
361
+ margin-inline: calc(var(--spacing) * 2);
362
+ }
363
+ :where([data-webskill-embed]) .mx-3\.5, :where([data-webskill-embed]).mx-3\.5 {
364
+ margin-inline: calc(var(--spacing) * 3.5);
365
+ }
366
+ :where([data-webskill-embed]) .my-0, :where([data-webskill-embed]).my-0 {
367
+ margin-block: 0px;
368
+ }
369
+ :where([data-webskill-embed]) .my-2, :where([data-webskill-embed]).my-2 {
370
+ margin-block: calc(var(--spacing) * 2);
371
+ }
372
+ :where([data-webskill-embed]) .my-3, :where([data-webskill-embed]).my-3 {
373
+ margin-block: calc(var(--spacing) * 3);
374
+ }
375
+ :where([data-webskill-embed]) .mt-0\.5, :where([data-webskill-embed]).mt-0\.5 {
376
+ margin-top: calc(var(--spacing) * 0.5);
377
+ }
378
+ :where([data-webskill-embed]) .mt-1, :where([data-webskill-embed]).mt-1 {
379
+ margin-top: var(--spacing);
380
+ }
381
+ :where([data-webskill-embed]) .mt-2, :where([data-webskill-embed]).mt-2 {
382
+ margin-top: calc(var(--spacing) * 2);
383
+ }
384
+ :where([data-webskill-embed]) .-mb-px, :where([data-webskill-embed]).-mb-px {
385
+ margin-bottom: -1px;
386
+ }
387
+ :where([data-webskill-embed]) .mb-1, :where([data-webskill-embed]).mb-1 {
388
+ margin-bottom: var(--spacing);
389
+ }
390
+ :where([data-webskill-embed]) .block, :where([data-webskill-embed]).block {
391
+ display: block;
392
+ }
393
+ :where([data-webskill-embed]) .contents, :where([data-webskill-embed]).contents {
394
+ display: contents;
395
+ }
396
+ :where([data-webskill-embed]) .flex, :where([data-webskill-embed]).flex {
397
+ display: flex;
398
+ }
399
+ :where([data-webskill-embed]) .grid, :where([data-webskill-embed]).grid {
400
+ display: grid;
401
+ }
402
+ :where([data-webskill-embed]) .hidden, :where([data-webskill-embed]).hidden {
403
+ display: none;
404
+ }
405
+ :where([data-webskill-embed]) .inline, :where([data-webskill-embed]).inline {
406
+ display: inline;
407
+ }
408
+ :where([data-webskill-embed]) .inline-flex, :where([data-webskill-embed]).inline-flex {
409
+ display: inline-flex;
410
+ }
411
+ :where([data-webskill-embed]) .table, :where([data-webskill-embed]).table {
412
+ display: table;
413
+ }
414
+ :where([data-webskill-embed]) .aspect-\[4\/3\], :where([data-webskill-embed]).aspect-\[4\/3\] {
415
+ aspect-ratio: 4/3;
416
+ }
417
+ :where([data-webskill-embed]) .aspect-square, :where([data-webskill-embed]).aspect-square {
418
+ aspect-ratio: 1 / 1;
419
+ }
420
+ :where([data-webskill-embed]) .aspect-video, :where([data-webskill-embed]).aspect-video {
421
+ aspect-ratio: var(--aspect-video);
422
+ }
423
+ :where([data-webskill-embed]) .size-1\.5, :where([data-webskill-embed]).size-1\.5 {
424
+ width: calc(var(--spacing) * 1.5);
425
+ height: calc(var(--spacing) * 1.5);
426
+ }
427
+ :where([data-webskill-embed]) .size-2, :where([data-webskill-embed]).size-2 {
428
+ width: calc(var(--spacing) * 2);
429
+ height: calc(var(--spacing) * 2);
430
+ }
431
+ :where([data-webskill-embed]) .size-3, :where([data-webskill-embed]).size-3 {
432
+ width: calc(var(--spacing) * 3);
433
+ height: calc(var(--spacing) * 3);
434
+ }
435
+ :where([data-webskill-embed]) .size-3\.5, :where([data-webskill-embed]).size-3\.5 {
436
+ width: calc(var(--spacing) * 3.5);
437
+ height: calc(var(--spacing) * 3.5);
438
+ }
439
+ :where([data-webskill-embed]) .size-4, :where([data-webskill-embed]).size-4 {
440
+ width: calc(var(--spacing) * 4);
441
+ height: calc(var(--spacing) * 4);
442
+ }
443
+ :where([data-webskill-embed]) .size-5, :where([data-webskill-embed]).size-5 {
444
+ width: calc(var(--spacing) * 5);
445
+ height: calc(var(--spacing) * 5);
446
+ }
447
+ :where([data-webskill-embed]) .size-6, :where([data-webskill-embed]).size-6 {
448
+ width: calc(var(--spacing) * 6);
449
+ height: calc(var(--spacing) * 6);
450
+ }
451
+ :where([data-webskill-embed]) .size-7, :where([data-webskill-embed]).size-7 {
452
+ width: calc(var(--spacing) * 7);
453
+ height: calc(var(--spacing) * 7);
454
+ }
455
+ :where([data-webskill-embed]) .size-8, :where([data-webskill-embed]).size-8 {
456
+ width: calc(var(--spacing) * 8);
457
+ height: calc(var(--spacing) * 8);
458
+ }
459
+ :where([data-webskill-embed]) .size-9, :where([data-webskill-embed]).size-9 {
460
+ width: calc(var(--spacing) * 9);
461
+ height: calc(var(--spacing) * 9);
462
+ }
463
+ :where([data-webskill-embed]) .size-\[3px\], :where([data-webskill-embed]).size-\[3px\] {
464
+ width: 3px;
465
+ height: 3px;
466
+ }
467
+ :where([data-webskill-embed]) .size-full, :where([data-webskill-embed]).size-full {
468
+ width: 100%;
469
+ height: 100%;
470
+ }
471
+ :where([data-webskill-embed]) .h-0, :where([data-webskill-embed]).h-0 {
472
+ height: 0px;
473
+ }
474
+ :where([data-webskill-embed]) .h-2, :where([data-webskill-embed]).h-2 {
475
+ height: calc(var(--spacing) * 2);
476
+ }
477
+ :where([data-webskill-embed]) .h-2\.5, :where([data-webskill-embed]).h-2\.5 {
478
+ height: calc(var(--spacing) * 2.5);
479
+ }
480
+ :where([data-webskill-embed]) .h-4, :where([data-webskill-embed]).h-4 {
481
+ height: calc(var(--spacing) * 4);
482
+ }
483
+ :where([data-webskill-embed]) .h-5, :where([data-webskill-embed]).h-5 {
484
+ height: calc(var(--spacing) * 5);
485
+ }
486
+ :where([data-webskill-embed]) .h-7, :where([data-webskill-embed]).h-7 {
487
+ height: calc(var(--spacing) * 7);
488
+ }
489
+ :where([data-webskill-embed]) .h-8, :where([data-webskill-embed]).h-8 {
490
+ height: calc(var(--spacing) * 8);
491
+ }
492
+ :where([data-webskill-embed]) .h-9, :where([data-webskill-embed]).h-9 {
493
+ height: calc(var(--spacing) * 9);
494
+ }
495
+ :where([data-webskill-embed]) .h-10, :where([data-webskill-embed]).h-10 {
496
+ height: calc(var(--spacing) * 10);
497
+ }
498
+ :where([data-webskill-embed]) .h-12, :where([data-webskill-embed]).h-12 {
499
+ height: calc(var(--spacing) * 12);
500
+ }
501
+ :where([data-webskill-embed]) .h-full, :where([data-webskill-embed]).h-full {
502
+ height: 100%;
503
+ }
504
+ :where([data-webskill-embed]) .h-px, :where([data-webskill-embed]).h-px {
505
+ height: 1px;
506
+ }
507
+ :where([data-webskill-embed]) .max-h-72, :where([data-webskill-embed]).max-h-72 {
508
+ max-height: calc(var(--spacing) * 72);
509
+ }
510
+ :where([data-webskill-embed]) .max-h-96, :where([data-webskill-embed]).max-h-96 {
511
+ max-height: calc(var(--spacing) * 96);
512
+ }
513
+ :where([data-webskill-embed]) .max-h-\[calc\(100dvh-2rem\)\], :where([data-webskill-embed]).max-h-\[calc\(100dvh-2rem\)\] {
514
+ max-height: calc(100dvh - 2rem);
515
+ }
516
+ :where([data-webskill-embed]) .max-h-\[var\(--radix-select-content-available-height\)\], :where([data-webskill-embed]).max-h-\[var\(--radix-select-content-available-height\)\] {
517
+ max-height: var(--radix-select-content-available-height);
518
+ }
519
+ :where([data-webskill-embed]) .max-h-none, :where([data-webskill-embed]).max-h-none {
520
+ max-height: none;
521
+ }
522
+ :where([data-webskill-embed]) .min-h-0, :where([data-webskill-embed]).min-h-0 {
523
+ min-height: 0px;
524
+ }
525
+ :where([data-webskill-embed]) .min-h-8, :where([data-webskill-embed]).min-h-8 {
526
+ min-height: calc(var(--spacing) * 8);
527
+ }
528
+ :where([data-webskill-embed]) .min-h-20, :where([data-webskill-embed]).min-h-20 {
529
+ min-height: calc(var(--spacing) * 20);
530
+ }
531
+ :where([data-webskill-embed]) .min-h-40, :where([data-webskill-embed]).min-h-40 {
532
+ min-height: calc(var(--spacing) * 40);
533
+ }
534
+ :where([data-webskill-embed]) .min-h-svh, :where([data-webskill-embed]).min-h-svh {
535
+ min-height: 100svh;
536
+ }
537
+ :where([data-webskill-embed]) .w-\(--sidebar-width\), :where([data-webskill-embed]).w-\(--sidebar-width\) {
538
+ width: var(--sidebar-width);
539
+ }
540
+ :where([data-webskill-embed]) .w-0, :where([data-webskill-embed]).w-0 {
541
+ width: 0px;
542
+ }
543
+ :where([data-webskill-embed]) .w-2, :where([data-webskill-embed]).w-2 {
544
+ width: calc(var(--spacing) * 2);
545
+ }
546
+ :where([data-webskill-embed]) .w-2\.5, :where([data-webskill-embed]).w-2\.5 {
547
+ width: calc(var(--spacing) * 2.5);
548
+ }
549
+ :where([data-webskill-embed]) .w-5, :where([data-webskill-embed]).w-5 {
550
+ width: calc(var(--spacing) * 5);
551
+ }
552
+ :where([data-webskill-embed]) .w-9, :where([data-webskill-embed]).w-9 {
553
+ width: calc(var(--spacing) * 9);
554
+ }
555
+ :where([data-webskill-embed]) .w-40, :where([data-webskill-embed]).w-40 {
556
+ width: calc(var(--spacing) * 40);
557
+ }
558
+ :where([data-webskill-embed]) .w-48, :where([data-webskill-embed]).w-48 {
559
+ width: calc(var(--spacing) * 48);
560
+ }
561
+ :where([data-webskill-embed]) .w-80, :where([data-webskill-embed]).w-80 {
562
+ width: calc(var(--spacing) * 80);
563
+ }
564
+ :where([data-webskill-embed]) .w-\[min\(36rem\,calc\(100vw-2rem\)\)\], :where([data-webskill-embed]).w-\[min\(36rem\,calc\(100vw-2rem\)\)\] {
565
+ width: min(36rem, calc(100vw - 2rem));
566
+ }
567
+ :where([data-webskill-embed]) .w-auto, :where([data-webskill-embed]).w-auto {
568
+ width: auto;
569
+ }
570
+ :where([data-webskill-embed]) .w-fit, :where([data-webskill-embed]).w-fit {
571
+ width: fit-content;
572
+ }
573
+ :where([data-webskill-embed]) .w-full, :where([data-webskill-embed]).w-full {
574
+ width: 100%;
575
+ }
576
+ :where([data-webskill-embed]) .w-px, :where([data-webskill-embed]).w-px {
577
+ width: 1px;
578
+ }
579
+ :where([data-webskill-embed]) .w-screen, :where([data-webskill-embed]).w-screen {
580
+ width: 100vw;
581
+ }
582
+ :where([data-webskill-embed]) .max-w-2xl, :where([data-webskill-embed]).max-w-2xl {
583
+ max-width: var(--container-2xl);
584
+ }
585
+ :where([data-webskill-embed]) .max-w-\[calc\(100vw-2rem\)\], :where([data-webskill-embed]).max-w-\[calc\(100vw-2rem\)\] {
586
+ max-width: calc(100vw - 2rem);
587
+ }
588
+ :where([data-webskill-embed]) .max-w-full, :where([data-webskill-embed]).max-w-full {
589
+ max-width: 100%;
590
+ }
591
+ :where([data-webskill-embed]) .max-w-md, :where([data-webskill-embed]).max-w-md {
592
+ max-width: var(--container-md);
593
+ }
594
+ :where([data-webskill-embed]) .max-w-sm, :where([data-webskill-embed]).max-w-sm {
595
+ max-width: var(--container-sm);
596
+ }
597
+ :where([data-webskill-embed]) .min-w-0, :where([data-webskill-embed]).min-w-0 {
598
+ min-width: 0px;
599
+ }
600
+ :where([data-webskill-embed]) .min-w-5, :where([data-webskill-embed]).min-w-5 {
601
+ min-width: calc(var(--spacing) * 5);
602
+ }
603
+ :where([data-webskill-embed]) .min-w-32, :where([data-webskill-embed]).min-w-32 {
604
+ min-width: calc(var(--spacing) * 32);
605
+ }
606
+ :where([data-webskill-embed]) .min-w-40, :where([data-webskill-embed]).min-w-40 {
607
+ min-width: calc(var(--spacing) * 40);
608
+ }
609
+ :where([data-webskill-embed]) .min-w-44, :where([data-webskill-embed]).min-w-44 {
610
+ min-width: calc(var(--spacing) * 44);
611
+ }
612
+ :where([data-webskill-embed]) .min-w-\[var\(--radix-select-trigger-width\)\], :where([data-webskill-embed]).min-w-\[var\(--radix-select-trigger-width\)\] {
613
+ min-width: var(--radix-select-trigger-width);
614
+ }
615
+ :where([data-webskill-embed]) .min-w-max, :where([data-webskill-embed]).min-w-max {
616
+ min-width: max-content;
617
+ }
618
+ :where([data-webskill-embed]) .flex-1, :where([data-webskill-embed]).flex-1 {
619
+ flex: 1;
620
+ }
621
+ :where([data-webskill-embed]) .shrink, :where([data-webskill-embed]).shrink {
622
+ flex-shrink: 1;
623
+ }
624
+ :where([data-webskill-embed]) .shrink-0, :where([data-webskill-embed]).shrink-0 {
625
+ flex-shrink: 0;
626
+ }
627
+ :where([data-webskill-embed]) .caption-bottom, :where([data-webskill-embed]).caption-bottom {
628
+ caption-side: bottom;
629
+ }
630
+ :where([data-webskill-embed]) .border-collapse, :where([data-webskill-embed]).border-collapse {
631
+ border-collapse: collapse;
632
+ }
633
+ :where([data-webskill-embed]) .-translate-x-1\/2, :where([data-webskill-embed]).-translate-x-1\/2 {
634
+ --webskill-tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
635
+ translate: var(--webskill-tw-translate-x) var(--webskill-tw-translate-y);
636
+ }
637
+ :where([data-webskill-embed]) .-translate-x-px, :where([data-webskill-embed]).-translate-x-px {
638
+ --webskill-tw-translate-x: -1px;
639
+ translate: var(--webskill-tw-translate-x) var(--webskill-tw-translate-y);
640
+ }
641
+ :where([data-webskill-embed]) .translate-x-0, :where([data-webskill-embed]).translate-x-0 {
642
+ --webskill-tw-translate-x: 0px;
643
+ translate: var(--webskill-tw-translate-x) var(--webskill-tw-translate-y);
644
+ }
645
+ :where([data-webskill-embed]) .translate-x-px, :where([data-webskill-embed]).translate-x-px {
646
+ --webskill-tw-translate-x: 1px;
647
+ translate: var(--webskill-tw-translate-x) var(--webskill-tw-translate-y);
648
+ }
649
+ :where([data-webskill-embed]) .-translate-y-1\/2, :where([data-webskill-embed]).-translate-y-1\/2 {
650
+ --webskill-tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
651
+ translate: var(--webskill-tw-translate-x) var(--webskill-tw-translate-y);
652
+ }
653
+ :where([data-webskill-embed]) .animate-pulse, :where([data-webskill-embed]).animate-pulse {
654
+ animation: var(--animate-pulse);
655
+ }
656
+ :where([data-webskill-embed]) .animate-spin, :where([data-webskill-embed]).animate-spin {
657
+ animation: var(--animate-spin);
658
+ }
659
+ :where([data-webskill-embed]) .cursor-col-resize, :where([data-webskill-embed]).cursor-col-resize {
660
+ cursor: col-resize;
661
+ }
662
+ :where([data-webskill-embed]) .cursor-default, :where([data-webskill-embed]).cursor-default {
663
+ cursor: default;
664
+ }
665
+ :where([data-webskill-embed]) .cursor-grab, :where([data-webskill-embed]).cursor-grab {
666
+ cursor: grab;
667
+ }
668
+ :where([data-webskill-embed]) .cursor-not-allowed, :where([data-webskill-embed]).cursor-not-allowed {
669
+ cursor: not-allowed;
670
+ }
671
+ :where([data-webskill-embed]) .cursor-pointer, :where([data-webskill-embed]).cursor-pointer {
672
+ cursor: pointer;
673
+ }
674
+ :where([data-webskill-embed]) .touch-none, :where([data-webskill-embed]).touch-none {
675
+ touch-action: none;
676
+ }
677
+ :where([data-webskill-embed]) .resize-y, :where([data-webskill-embed]).resize-y {
678
+ resize: vertical;
679
+ }
680
+ :where([data-webskill-embed]) .snap-x, :where([data-webskill-embed]).snap-x {
681
+ scroll-snap-type: x var(--webskill-tw-scroll-snap-strictness);
682
+ }
683
+ :where([data-webskill-embed]) .snap-mandatory, :where([data-webskill-embed]).snap-mandatory {
684
+ --webskill-tw-scroll-snap-strictness: mandatory;
685
+ }
686
+ :where([data-webskill-embed]) .snap-start, :where([data-webskill-embed]).snap-start {
687
+ scroll-snap-align: start;
688
+ }
689
+ :where([data-webskill-embed]) .list-decimal, :where([data-webskill-embed]).list-decimal {
690
+ list-style-type: decimal;
691
+ }
692
+ :where([data-webskill-embed]) .list-disc, :where([data-webskill-embed]).list-disc {
693
+ list-style-type: disc;
694
+ }
695
+ :where([data-webskill-embed]) .grid-cols-1, :where([data-webskill-embed]).grid-cols-1 {
696
+ grid-template-columns: repeat(1, minmax(0, 1fr));
697
+ }
698
+ :where([data-webskill-embed]) .grid-cols-\[auto_1fr\], :where([data-webskill-embed]).grid-cols-\[auto_1fr\] {
699
+ grid-template-columns: auto 1fr;
700
+ }
701
+ :where([data-webskill-embed]) .flex-col, :where([data-webskill-embed]).flex-col {
702
+ flex-direction: column;
703
+ }
704
+ :where([data-webskill-embed]) .flex-row, :where([data-webskill-embed]).flex-row {
705
+ flex-direction: row;
706
+ }
707
+ :where([data-webskill-embed]) .flex-wrap, :where([data-webskill-embed]).flex-wrap {
708
+ flex-wrap: wrap;
709
+ }
710
+ :where([data-webskill-embed]) .items-center, :where([data-webskill-embed]).items-center {
711
+ align-items: center;
712
+ }
713
+ :where([data-webskill-embed]) .items-start, :where([data-webskill-embed]).items-start {
714
+ align-items: flex-start;
715
+ }
716
+ :where([data-webskill-embed]) .items-stretch, :where([data-webskill-embed]).items-stretch {
717
+ align-items: stretch;
718
+ }
719
+ :where([data-webskill-embed]) .justify-between, :where([data-webskill-embed]).justify-between {
720
+ justify-content: space-between;
721
+ }
722
+ :where([data-webskill-embed]) .justify-center, :where([data-webskill-embed]).justify-center {
723
+ justify-content: center;
724
+ }
725
+ :where([data-webskill-embed]) .justify-end, :where([data-webskill-embed]).justify-end {
726
+ justify-content: flex-end;
727
+ }
728
+ :where([data-webskill-embed]) .gap-0\.5, :where([data-webskill-embed]).gap-0\.5 {
729
+ gap: calc(var(--spacing) * 0.5);
730
+ }
731
+ :where([data-webskill-embed]) .gap-1, :where([data-webskill-embed]).gap-1 {
732
+ gap: var(--spacing);
733
+ }
734
+ :where([data-webskill-embed]) .gap-1\.5, :where([data-webskill-embed]).gap-1\.5 {
735
+ gap: calc(var(--spacing) * 1.5);
736
+ }
737
+ :where([data-webskill-embed]) .gap-2, :where([data-webskill-embed]).gap-2 {
738
+ gap: calc(var(--spacing) * 2);
739
+ }
740
+ :where([data-webskill-embed]) .gap-2\.5, :where([data-webskill-embed]).gap-2\.5 {
741
+ gap: calc(var(--spacing) * 2.5);
742
+ }
743
+ :where([data-webskill-embed]) .gap-3, :where([data-webskill-embed]).gap-3 {
744
+ gap: calc(var(--spacing) * 3);
745
+ }
746
+ :where([data-webskill-embed]) .gap-4, :where([data-webskill-embed]).gap-4 {
747
+ gap: calc(var(--spacing) * 4);
748
+ }
749
+ :where([data-webskill-embed]) .gap-\[3px\], :where([data-webskill-embed]).gap-\[3px\] {
750
+ gap: 3px;
751
+ }
752
+ :where([data-webskill-embed]) :where(.space-y-1 > :not(:last-child)), :where([data-webskill-embed]):where(.space-y-1 > :not(:last-child)) {
753
+ --webskill-tw-space-y-reverse: 0;
754
+ margin-block-start: calc(var(--spacing) * var(--webskill-tw-space-y-reverse));
755
+ margin-block-end: calc(var(--spacing) * calc(1 - var(--webskill-tw-space-y-reverse)));
756
+ }
757
+ :where([data-webskill-embed]) .gap-x-4, :where([data-webskill-embed]).gap-x-4 {
758
+ column-gap: calc(var(--spacing) * 4);
759
+ }
760
+ :where([data-webskill-embed]) .gap-y-1, :where([data-webskill-embed]).gap-y-1 {
761
+ row-gap: var(--spacing);
762
+ }
763
+ :where([data-webskill-embed]) :where(.divide-y > :not(:last-child)), :where([data-webskill-embed]):where(.divide-y > :not(:last-child)) {
764
+ --webskill-tw-divide-y-reverse: 0;
765
+ border-bottom-style: var(--webskill-tw-border-style);
766
+ border-top-style: var(--webskill-tw-border-style);
767
+ border-top-width: calc(1px * var(--webskill-tw-divide-y-reverse));
768
+ border-bottom-width: calc(1px * calc(1 - var(--webskill-tw-divide-y-reverse)));
769
+ }
770
+ :where([data-webskill-embed]) :where(.divide-border > :not(:last-child)), :where([data-webskill-embed]):where(.divide-border > :not(:last-child)) {
771
+ border-color: var(--border);
772
+ }
773
+ :where([data-webskill-embed]) :where(.divide-destructive\/25 > :not(:last-child)), :where([data-webskill-embed]):where(.divide-destructive\/25 > :not(:last-child)) {
774
+ border-color: var(--destructive);
775
+ @supports (color: color-mix(in lab, red, red)) {
776
+ border-color: color-mix(in oklab, var(--destructive) 25%, transparent);
777
+ }
778
+ }
779
+ :where([data-webskill-embed]) .truncate, :where([data-webskill-embed]).truncate {
780
+ overflow: hidden;
781
+ text-overflow: ellipsis;
782
+ white-space: nowrap;
783
+ }
784
+ :where([data-webskill-embed]) .overflow-auto, :where([data-webskill-embed]).overflow-auto {
785
+ overflow: auto;
786
+ }
787
+ :where([data-webskill-embed]) .overflow-hidden, :where([data-webskill-embed]).overflow-hidden {
788
+ overflow: hidden;
789
+ }
790
+ :where([data-webskill-embed]) .overflow-x-auto, :where([data-webskill-embed]).overflow-x-auto {
791
+ overflow-x: auto;
792
+ }
793
+ :where([data-webskill-embed]) .overflow-x-hidden, :where([data-webskill-embed]).overflow-x-hidden {
794
+ overflow-x: hidden;
795
+ }
796
+ :where([data-webskill-embed]) .overflow-y-auto, :where([data-webskill-embed]).overflow-y-auto {
797
+ overflow-y: auto;
798
+ }
799
+ :where([data-webskill-embed]) .rounded, :where([data-webskill-embed]).rounded {
800
+ border-radius: 0.25rem;
801
+ }
802
+ :where([data-webskill-embed]) .rounded-\[2px\], :where([data-webskill-embed]).rounded-\[2px\] {
803
+ border-radius: 2px;
804
+ }
805
+ :where([data-webskill-embed]) .rounded-\[inherit\], :where([data-webskill-embed]).rounded-\[inherit\] {
806
+ border-radius: inherit;
807
+ }
808
+ :where([data-webskill-embed]) .rounded-card, :where([data-webskill-embed]).rounded-card {
809
+ border-radius: 0.75rem;
810
+ }
811
+ :where([data-webskill-embed]) .rounded-full, :where([data-webskill-embed]).rounded-full {
812
+ border-radius: calc(infinity * 1px);
813
+ }
814
+ :where([data-webskill-embed]) .rounded-lg, :where([data-webskill-embed]).rounded-lg {
815
+ border-radius: 1rem;
816
+ }
817
+ :where([data-webskill-embed]) .rounded-md, :where([data-webskill-embed]).rounded-md {
818
+ border-radius: calc(var(--radius) - 2px);
819
+ }
820
+ :where([data-webskill-embed]) .rounded-sm, :where([data-webskill-embed]).rounded-sm {
821
+ border-radius: calc(var(--radius) - 4px);
822
+ }
823
+ :where([data-webskill-embed]) .rounded-xl, :where([data-webskill-embed]).rounded-xl {
824
+ border-radius: var(--radius-xl);
825
+ }
826
+ :where([data-webskill-embed]) .rounded-t-lg, :where([data-webskill-embed]).rounded-t-lg {
827
+ border-top-left-radius: 1rem;
828
+ border-top-right-radius: 1rem;
829
+ }
830
+ :where([data-webskill-embed]) .rounded-b-lg, :where([data-webskill-embed]).rounded-b-lg {
831
+ border-bottom-right-radius: 1rem;
832
+ border-bottom-left-radius: 1rem;
833
+ }
834
+ :where([data-webskill-embed]) .border, :where([data-webskill-embed]).border {
835
+ border-style: var(--webskill-tw-border-style);
836
+ border-width: 1px;
837
+ }
838
+ :where([data-webskill-embed]) .border-0, :where([data-webskill-embed]).border-0 {
839
+ border-style: var(--webskill-tw-border-style);
840
+ border-width: 0px;
841
+ }
842
+ :where([data-webskill-embed]) .border-e, :where([data-webskill-embed]).border-e {
843
+ border-inline-end-style: var(--webskill-tw-border-style);
844
+ border-inline-end-width: 1px;
845
+ }
846
+ :where([data-webskill-embed]) .border-r, :where([data-webskill-embed]).border-r {
847
+ border-right-style: var(--webskill-tw-border-style);
848
+ border-right-width: 1px;
849
+ }
850
+ :where([data-webskill-embed]) .border-b, :where([data-webskill-embed]).border-b {
851
+ border-bottom-style: var(--webskill-tw-border-style);
852
+ border-bottom-width: 1px;
853
+ }
854
+ :where([data-webskill-embed]) .border-b-0, :where([data-webskill-embed]).border-b-0 {
855
+ border-bottom-style: var(--webskill-tw-border-style);
856
+ border-bottom-width: 0px;
857
+ }
858
+ :where([data-webskill-embed]) .border-b-2, :where([data-webskill-embed]).border-b-2 {
859
+ border-bottom-style: var(--webskill-tw-border-style);
860
+ border-bottom-width: 2px;
861
+ }
862
+ :where([data-webskill-embed]) .border-l, :where([data-webskill-embed]).border-l {
863
+ border-left-style: var(--webskill-tw-border-style);
864
+ border-left-width: 1px;
865
+ }
866
+ :where([data-webskill-embed]) .border-l-2, :where([data-webskill-embed]).border-l-2 {
867
+ border-left-style: var(--webskill-tw-border-style);
868
+ border-left-width: 2px;
869
+ }
870
+ :where([data-webskill-embed]) .border-dashed, :where([data-webskill-embed]).border-dashed {
871
+ --webskill-tw-border-style: dashed;
872
+ border-style: dashed;
873
+ }
874
+ :where([data-webskill-embed]) .border-border, :where([data-webskill-embed]).border-border {
875
+ border-color: var(--border);
876
+ }
877
+ :where([data-webskill-embed]) .border-border\/60, :where([data-webskill-embed]).border-border\/60 {
878
+ border-color: var(--border);
879
+ @supports (color: color-mix(in lab, red, red)) {
880
+ border-color: color-mix(in oklab, var(--border) 60%, transparent);
881
+ }
882
+ }
883
+ :where([data-webskill-embed]) .border-border\/80, :where([data-webskill-embed]).border-border\/80 {
884
+ border-color: var(--border);
885
+ @supports (color: color-mix(in lab, red, red)) {
886
+ border-color: color-mix(in oklab, var(--border) 80%, transparent);
887
+ }
888
+ }
889
+ :where([data-webskill-embed]) .border-destructive, :where([data-webskill-embed]).border-destructive {
890
+ border-color: var(--destructive);
891
+ }
892
+ :where([data-webskill-embed]) .border-destructive\/40, :where([data-webskill-embed]).border-destructive\/40 {
893
+ border-color: var(--destructive);
894
+ @supports (color: color-mix(in lab, red, red)) {
895
+ border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
896
+ }
897
+ }
898
+ :where([data-webskill-embed]) .border-foreground, :where([data-webskill-embed]).border-foreground {
899
+ border-color: var(--foreground);
900
+ }
901
+ :where([data-webskill-embed]) .border-input, :where([data-webskill-embed]).border-input {
902
+ border-color: var(--input);
903
+ }
904
+ :where([data-webskill-embed]) .border-sidebar-border, :where([data-webskill-embed]).border-sidebar-border {
905
+ border-color: var(--sidebar-border);
906
+ }
907
+ :where([data-webskill-embed]) .border-transparent, :where([data-webskill-embed]).border-transparent {
908
+ border-color: transparent;
909
+ }
910
+ :where([data-webskill-embed]) .bg-accent, :where([data-webskill-embed]).bg-accent {
911
+ background-color: var(--accent);
912
+ }
913
+ :where([data-webskill-embed]) .bg-background, :where([data-webskill-embed]).bg-background {
914
+ background-color: var(--background);
915
+ }
916
+ :where([data-webskill-embed]) .bg-border, :where([data-webskill-embed]).bg-border {
917
+ background-color: var(--border);
918
+ }
919
+ :where([data-webskill-embed]) .bg-canvas\/50, :where([data-webskill-embed]).bg-canvas\/50 {
920
+ background-color: var(--background);
921
+ @supports (color: color-mix(in lab, red, red)) {
922
+ background-color: color-mix(in oklab, var(--background) 50%, transparent);
923
+ }
924
+ }
925
+ :where([data-webskill-embed]) .bg-card, :where([data-webskill-embed]).bg-card {
926
+ background-color: var(--card);
927
+ }
928
+ :where([data-webskill-embed]) .bg-destructive, :where([data-webskill-embed]).bg-destructive {
929
+ background-color: var(--destructive);
930
+ }
931
+ :where([data-webskill-embed]) .bg-destructive-soft, :where([data-webskill-embed]).bg-destructive-soft {
932
+ background-color: var(--destructive-soft);
933
+ }
934
+ :where([data-webskill-embed]) .bg-info, :where([data-webskill-embed]).bg-info {
935
+ background-color: var(--info);
936
+ }
937
+ :where([data-webskill-embed]) .bg-info-soft, :where([data-webskill-embed]).bg-info-soft {
938
+ background-color: var(--info-soft);
939
+ }
940
+ :where([data-webskill-embed]) .bg-ink, :where([data-webskill-embed]).bg-ink {
941
+ background-color: var(--foreground);
942
+ }
943
+ :where([data-webskill-embed]) .bg-muted, :where([data-webskill-embed]).bg-muted {
944
+ background-color: var(--muted-foreground);
945
+ }
946
+ :where([data-webskill-embed]) .bg-muted-foreground, :where([data-webskill-embed]).bg-muted-foreground {
947
+ background-color: var(--muted-foreground);
948
+ }
949
+ :where([data-webskill-embed]) .bg-muted\/40, :where([data-webskill-embed]).bg-muted\/40 {
950
+ background-color: var(--muted-foreground);
951
+ @supports (color: color-mix(in lab, red, red)) {
952
+ background-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
953
+ }
954
+ }
955
+ :where([data-webskill-embed]) .bg-popover, :where([data-webskill-embed]).bg-popover {
956
+ background-color: var(--popover);
957
+ }
958
+ :where([data-webskill-embed]) .bg-primary, :where([data-webskill-embed]).bg-primary {
959
+ background-color: var(--primary);
960
+ }
961
+ :where([data-webskill-embed]) .bg-scrim, :where([data-webskill-embed]).bg-scrim {
962
+ background-color: var(--scrim);
963
+ }
964
+ :where([data-webskill-embed]) .bg-secondary, :where([data-webskill-embed]).bg-secondary {
965
+ background-color: var(--secondary);
966
+ }
967
+ :where([data-webskill-embed]) .bg-sidebar, :where([data-webskill-embed]).bg-sidebar {
968
+ background-color: var(--sidebar);
969
+ }
970
+ :where([data-webskill-embed]) .bg-subtle, :where([data-webskill-embed]).bg-subtle {
971
+ background-color: var(--accent);
972
+ }
973
+ :where([data-webskill-embed]) .bg-success, :where([data-webskill-embed]).bg-success {
974
+ background-color: var(--success);
975
+ }
976
+ :where([data-webskill-embed]) .bg-success-soft, :where([data-webskill-embed]).bg-success-soft {
977
+ background-color: var(--success-soft);
978
+ }
979
+ :where([data-webskill-embed]) .bg-surface, :where([data-webskill-embed]).bg-surface {
980
+ background-color: var(--card);
981
+ }
982
+ :where([data-webskill-embed]) .bg-transparent, :where([data-webskill-embed]).bg-transparent {
983
+ background-color: transparent;
984
+ }
985
+ :where([data-webskill-embed]) .bg-warning, :where([data-webskill-embed]).bg-warning {
986
+ background-color: var(--warning);
987
+ }
988
+ :where([data-webskill-embed]) .bg-warning-soft, :where([data-webskill-embed]).bg-warning-soft {
989
+ background-color: var(--warning-soft);
990
+ }
991
+ :where([data-webskill-embed]) .fill-ink, :where([data-webskill-embed]).fill-ink {
992
+ fill: var(--foreground);
993
+ }
994
+ :where([data-webskill-embed]) .object-contain, :where([data-webskill-embed]).object-contain {
995
+ object-fit: contain;
996
+ }
997
+ :where([data-webskill-embed]) .object-cover, :where([data-webskill-embed]).object-cover {
998
+ object-fit: cover;
999
+ }
1000
+ :where([data-webskill-embed]) .p-0, :where([data-webskill-embed]).p-0 {
1001
+ padding: 0px;
1002
+ }
1003
+ :where([data-webskill-embed]) .p-0\.5, :where([data-webskill-embed]).p-0\.5 {
1004
+ padding: calc(var(--spacing) * 0.5);
1005
+ }
1006
+ :where([data-webskill-embed]) .p-1, :where([data-webskill-embed]).p-1 {
1007
+ padding: var(--spacing);
1008
+ }
1009
+ :where([data-webskill-embed]) .p-2, :where([data-webskill-embed]).p-2 {
1010
+ padding: calc(var(--spacing) * 2);
1011
+ }
1012
+ :where([data-webskill-embed]) .p-3, :where([data-webskill-embed]).p-3 {
1013
+ padding: calc(var(--spacing) * 3);
1014
+ }
1015
+ :where([data-webskill-embed]) .p-4, :where([data-webskill-embed]).p-4 {
1016
+ padding: calc(var(--spacing) * 4);
1017
+ }
1018
+ :where([data-webskill-embed]) .p-5, :where([data-webskill-embed]).p-5 {
1019
+ padding: calc(var(--spacing) * 5);
1020
+ }
1021
+ :where([data-webskill-embed]) .px-1, :where([data-webskill-embed]).px-1 {
1022
+ padding-inline: var(--spacing);
1023
+ }
1024
+ :where([data-webskill-embed]) .px-1\.5, :where([data-webskill-embed]).px-1\.5 {
1025
+ padding-inline: calc(var(--spacing) * 1.5);
1026
+ }
1027
+ :where([data-webskill-embed]) .px-2, :where([data-webskill-embed]).px-2 {
1028
+ padding-inline: calc(var(--spacing) * 2);
1029
+ }
1030
+ :where([data-webskill-embed]) .px-2\.5, :where([data-webskill-embed]).px-2\.5 {
1031
+ padding-inline: calc(var(--spacing) * 2.5);
1032
+ }
1033
+ :where([data-webskill-embed]) .px-3, :where([data-webskill-embed]).px-3 {
1034
+ padding-inline: calc(var(--spacing) * 3);
1035
+ }
1036
+ :where([data-webskill-embed]) .px-3\.5, :where([data-webskill-embed]).px-3\.5 {
1037
+ padding-inline: calc(var(--spacing) * 3.5);
1038
+ }
1039
+ :where([data-webskill-embed]) .px-4, :where([data-webskill-embed]).px-4 {
1040
+ padding-inline: calc(var(--spacing) * 4);
1041
+ }
1042
+ :where([data-webskill-embed]) .px-5, :where([data-webskill-embed]).px-5 {
1043
+ padding-inline: calc(var(--spacing) * 5);
1044
+ }
1045
+ :where([data-webskill-embed]) .px-6, :where([data-webskill-embed]).px-6 {
1046
+ padding-inline: calc(var(--spacing) * 6);
1047
+ }
1048
+ :where([data-webskill-embed]) .py-0\.5, :where([data-webskill-embed]).py-0\.5 {
1049
+ padding-block: calc(var(--spacing) * 0.5);
1050
+ }
1051
+ :where([data-webskill-embed]) .py-1, :where([data-webskill-embed]).py-1 {
1052
+ padding-block: var(--spacing);
1053
+ }
1054
+ :where([data-webskill-embed]) .py-1\.5, :where([data-webskill-embed]).py-1\.5 {
1055
+ padding-block: calc(var(--spacing) * 1.5);
1056
+ }
1057
+ :where([data-webskill-embed]) .py-2, :where([data-webskill-embed]).py-2 {
1058
+ padding-block: calc(var(--spacing) * 2);
1059
+ }
1060
+ :where([data-webskill-embed]) .py-2\.5, :where([data-webskill-embed]).py-2\.5 {
1061
+ padding-block: calc(var(--spacing) * 2.5);
1062
+ }
1063
+ :where([data-webskill-embed]) .py-3, :where([data-webskill-embed]).py-3 {
1064
+ padding-block: calc(var(--spacing) * 3);
1065
+ }
1066
+ :where([data-webskill-embed]) .py-4, :where([data-webskill-embed]).py-4 {
1067
+ padding-block: calc(var(--spacing) * 4);
1068
+ }
1069
+ :where([data-webskill-embed]) .py-6, :where([data-webskill-embed]).py-6 {
1070
+ padding-block: calc(var(--spacing) * 6);
1071
+ }
1072
+ :where([data-webskill-embed]) .py-10, :where([data-webskill-embed]).py-10 {
1073
+ padding-block: calc(var(--spacing) * 10);
1074
+ }
1075
+ :where([data-webskill-embed]) .ps-9, :where([data-webskill-embed]).ps-9 {
1076
+ padding-inline-start: calc(var(--spacing) * 9);
1077
+ }
1078
+ :where([data-webskill-embed]) .pt-2, :where([data-webskill-embed]).pt-2 {
1079
+ padding-top: calc(var(--spacing) * 2);
1080
+ }
1081
+ :where([data-webskill-embed]) .pr-2, :where([data-webskill-embed]).pr-2 {
1082
+ padding-right: calc(var(--spacing) * 2);
1083
+ }
1084
+ :where([data-webskill-embed]) .pr-8, :where([data-webskill-embed]).pr-8 {
1085
+ padding-right: calc(var(--spacing) * 8);
1086
+ }
1087
+ :where([data-webskill-embed]) .pb-1, :where([data-webskill-embed]).pb-1 {
1088
+ padding-bottom: var(--spacing);
1089
+ }
1090
+ :where([data-webskill-embed]) .pb-4, :where([data-webskill-embed]).pb-4 {
1091
+ padding-bottom: calc(var(--spacing) * 4);
1092
+ }
1093
+ :where([data-webskill-embed]) .pl-2, :where([data-webskill-embed]).pl-2 {
1094
+ padding-left: calc(var(--spacing) * 2);
1095
+ }
1096
+ :where([data-webskill-embed]) .pl-3, :where([data-webskill-embed]).pl-3 {
1097
+ padding-left: calc(var(--spacing) * 3);
1098
+ }
1099
+ :where([data-webskill-embed]) .pl-4, :where([data-webskill-embed]).pl-4 {
1100
+ padding-left: calc(var(--spacing) * 4);
1101
+ }
1102
+ :where([data-webskill-embed]) .pl-5, :where([data-webskill-embed]).pl-5 {
1103
+ padding-left: calc(var(--spacing) * 5);
1104
+ }
1105
+ :where([data-webskill-embed]) .pl-7, :where([data-webskill-embed]).pl-7 {
1106
+ padding-left: calc(var(--spacing) * 7);
1107
+ }
1108
+ :where([data-webskill-embed]) .pl-8, :where([data-webskill-embed]).pl-8 {
1109
+ padding-left: calc(var(--spacing) * 8);
1110
+ }
1111
+ :where([data-webskill-embed]) .text-center, :where([data-webskill-embed]).text-center {
1112
+ text-align: center;
1113
+ }
1114
+ :where([data-webskill-embed]) .text-left, :where([data-webskill-embed]).text-left {
1115
+ text-align: left;
1116
+ }
1117
+ :where([data-webskill-embed]) .text-start, :where([data-webskill-embed]).text-start {
1118
+ text-align: start;
1119
+ }
1120
+ :where([data-webskill-embed]) .align-top, :where([data-webskill-embed]).align-top {
1121
+ vertical-align: top;
1122
+ }
1123
+ :where([data-webskill-embed]) .font-display, :where([data-webskill-embed]).font-display {
1124
+ font-family: var(--font-sans);
1125
+ }
1126
+ :where([data-webskill-embed]) .font-mono, :where([data-webskill-embed]).font-mono {
1127
+ font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, 'Microsoft YaHei', 'PingFang SC',
1128
+ 'Noto Sans Mono CJK SC', monospace;
1129
+ }
1130
+ :where([data-webskill-embed]) .text-base, :where([data-webskill-embed]).text-base {
1131
+ font-size: var(--text-base);
1132
+ line-height: var(--webskill-tw-leading, var(--text-base--line-height));
1133
+ }
1134
+ :where([data-webskill-embed]) .text-lg, :where([data-webskill-embed]).text-lg {
1135
+ font-size: var(--text-lg);
1136
+ line-height: var(--webskill-tw-leading, var(--text-lg--line-height));
1137
+ }
1138
+ :where([data-webskill-embed]) .text-sm, :where([data-webskill-embed]).text-sm {
1139
+ font-size: var(--text-sm);
1140
+ line-height: var(--webskill-tw-leading, var(--text-sm--line-height));
1141
+ }
1142
+ :where([data-webskill-embed]) .text-xs, :where([data-webskill-embed]).text-xs {
1143
+ font-size: var(--text-xs);
1144
+ line-height: var(--webskill-tw-leading, var(--text-xs--line-height));
1145
+ }
1146
+ :where([data-webskill-embed]) .leading-6, :where([data-webskill-embed]).leading-6 {
1147
+ --webskill-tw-leading: calc(var(--spacing) * 6);
1148
+ line-height: calc(var(--spacing) * 6);
1149
+ }
1150
+ :where([data-webskill-embed]) .font-medium, :where([data-webskill-embed]).font-medium {
1151
+ --webskill-tw-font-weight: var(--font-weight-medium);
1152
+ font-weight: var(--font-weight-medium);
1153
+ }
1154
+ :where([data-webskill-embed]) .font-semibold, :where([data-webskill-embed]).font-semibold {
1155
+ --webskill-tw-font-weight: var(--font-weight-semibold);
1156
+ font-weight: var(--font-weight-semibold);
1157
+ }
1158
+ :where([data-webskill-embed]) .break-words, :where([data-webskill-embed]).break-words {
1159
+ overflow-wrap: break-word;
1160
+ }
1161
+ :where([data-webskill-embed]) .whitespace-nowrap, :where([data-webskill-embed]).whitespace-nowrap {
1162
+ white-space: nowrap;
1163
+ }
1164
+ :where([data-webskill-embed]) .text-canvas, :where([data-webskill-embed]).text-canvas {
1165
+ color: var(--background);
1166
+ }
1167
+ :where([data-webskill-embed]) .text-danger, :where([data-webskill-embed]).text-danger {
1168
+ color: var(--destructive);
1169
+ }
1170
+ :where([data-webskill-embed]) .text-destructive, :where([data-webskill-embed]).text-destructive {
1171
+ color: var(--destructive);
1172
+ }
1173
+ :where([data-webskill-embed]) .text-destructive-foreground, :where([data-webskill-embed]).text-destructive-foreground {
1174
+ color: var(--destructive-foreground);
1175
+ }
1176
+ :where([data-webskill-embed]) .text-info, :where([data-webskill-embed]).text-info {
1177
+ color: var(--info);
1178
+ }
1179
+ :where([data-webskill-embed]) .text-ink, :where([data-webskill-embed]).text-ink {
1180
+ color: var(--foreground);
1181
+ }
1182
+ :where([data-webskill-embed]) .text-muted, :where([data-webskill-embed]).text-muted {
1183
+ color: var(--muted-foreground);
1184
+ }
1185
+ :where([data-webskill-embed]) .text-muted-foreground, :where([data-webskill-embed]).text-muted-foreground {
1186
+ color: var(--muted-foreground);
1187
+ }
1188
+ :where([data-webskill-embed]) .text-primary-foreground, :where([data-webskill-embed]).text-primary-foreground {
1189
+ color: var(--primary-foreground);
1190
+ }
1191
+ :where([data-webskill-embed]) .text-sidebar-foreground, :where([data-webskill-embed]).text-sidebar-foreground {
1192
+ color: var(--sidebar-foreground);
1193
+ }
1194
+ :where([data-webskill-embed]) .text-sidebar-foreground\/70, :where([data-webskill-embed]).text-sidebar-foreground\/70 {
1195
+ color: var(--sidebar-foreground);
1196
+ @supports (color: color-mix(in lab, red, red)) {
1197
+ color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);
1198
+ }
1199
+ }
1200
+ :where([data-webskill-embed]) .text-success, :where([data-webskill-embed]).text-success {
1201
+ color: var(--success);
1202
+ }
1203
+ :where([data-webskill-embed]) .text-warning, :where([data-webskill-embed]).text-warning {
1204
+ color: var(--warning);
1205
+ }
1206
+ :where([data-webskill-embed]) .lowercase, :where([data-webskill-embed]).lowercase {
1207
+ text-transform: lowercase;
1208
+ }
1209
+ :where([data-webskill-embed]) .italic, :where([data-webskill-embed]).italic {
1210
+ font-style: italic;
1211
+ }
1212
+ :where([data-webskill-embed]) .not-italic, :where([data-webskill-embed]).not-italic {
1213
+ font-style: normal;
1214
+ }
1215
+ :where([data-webskill-embed]) .tabular-nums, :where([data-webskill-embed]).tabular-nums {
1216
+ --webskill-tw-numeric-spacing: tabular-nums;
1217
+ font-variant-numeric: var(--webskill-tw-ordinal,) var(--webskill-tw-slashed-zero,) var(--webskill-tw-numeric-figure,) var(--webskill-tw-numeric-spacing,) var(--webskill-tw-numeric-fraction,);
1218
+ }
1219
+ :where([data-webskill-embed]) .underline, :where([data-webskill-embed]).underline {
1220
+ text-decoration-line: underline;
1221
+ }
1222
+ :where([data-webskill-embed]) .underline-offset-4, :where([data-webskill-embed]).underline-offset-4 {
1223
+ text-underline-offset: 4px;
1224
+ }
1225
+ :where([data-webskill-embed]) .opacity-60, :where([data-webskill-embed]).opacity-60 {
1226
+ opacity: 60%;
1227
+ }
1228
+ :where([data-webskill-embed]) .shadow-\[0_0_0_1px_var\(--sidebar-border\)\], :where([data-webskill-embed]).shadow-\[0_0_0_1px_var\(--sidebar-border\)\] {
1229
+ --webskill-tw-shadow: 0 0 0 1px var(--webskill-tw-shadow-color, var(--sidebar-border));
1230
+ box-shadow: var(--webskill-tw-inset-shadow), var(--webskill-tw-inset-ring-shadow), var(--webskill-tw-ring-offset-shadow), var(--webskill-tw-ring-shadow), var(--webskill-tw-shadow);
1231
+ }
1232
+ :where([data-webskill-embed]) .shadow-card, :where([data-webskill-embed]).shadow-card {
1233
+ --webskill-tw-shadow: 0 1px 2px var(--webskill-tw-shadow-color, oklch(0 0 0 / 0.05)), 0 4px 16px var(--webskill-tw-shadow-color, oklch(0 0 0 / 0.06));
1234
+ box-shadow: var(--webskill-tw-inset-shadow), var(--webskill-tw-inset-ring-shadow), var(--webskill-tw-ring-offset-shadow), var(--webskill-tw-ring-shadow), var(--webskill-tw-shadow);
1235
+ }
1236
+ :where([data-webskill-embed]) .shadow-none, :where([data-webskill-embed]).shadow-none {
1237
+ --webskill-tw-shadow: 0 0 #0000;
1238
+ box-shadow: var(--webskill-tw-inset-shadow), var(--webskill-tw-inset-ring-shadow), var(--webskill-tw-ring-offset-shadow), var(--webskill-tw-ring-shadow), var(--webskill-tw-shadow);
1239
+ }
1240
+ :where([data-webskill-embed]) .shadow-pop, :where([data-webskill-embed]).shadow-pop {
1241
+ --webskill-tw-shadow: 0 8px 32px var(--webskill-tw-shadow-color, oklch(0 0 0 / 0.18)), 0 2px 8px var(--webskill-tw-shadow-color, oklch(0 0 0 / 0.1));
1242
+ box-shadow: var(--webskill-tw-inset-shadow), var(--webskill-tw-inset-ring-shadow), var(--webskill-tw-ring-offset-shadow), var(--webskill-tw-ring-shadow), var(--webskill-tw-shadow);
1243
+ }
1244
+ :where([data-webskill-embed]) .shadow-sm, :where([data-webskill-embed]).shadow-sm {
1245
+ --webskill-tw-shadow: 0 1px 3px 0 var(--webskill-tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--webskill-tw-shadow-color, rgb(0 0 0 / 0.1));
1246
+ box-shadow: var(--webskill-tw-inset-shadow), var(--webskill-tw-inset-ring-shadow), var(--webskill-tw-ring-offset-shadow), var(--webskill-tw-ring-shadow), var(--webskill-tw-shadow);
1247
+ }
1248
+ :where([data-webskill-embed]) .shadow-xs, :where([data-webskill-embed]).shadow-xs {
1249
+ --webskill-tw-shadow: 0 1px 2px 0 var(--webskill-tw-shadow-color, rgb(0 0 0 / 0.05));
1250
+ box-shadow: var(--webskill-tw-inset-shadow), var(--webskill-tw-inset-ring-shadow), var(--webskill-tw-ring-offset-shadow), var(--webskill-tw-ring-shadow), var(--webskill-tw-shadow);
1251
+ }
1252
+ :where([data-webskill-embed]) .outline-hidden, :where([data-webskill-embed]).outline-hidden {
1253
+ --webskill-tw-outline-style: none;
1254
+ outline-style: none;
1255
+ @media (forced-colors: active) {
1256
+ outline: 2px solid transparent;
1257
+ outline-offset: 2px;
1258
+ }
1259
+ }
1260
+ :where([data-webskill-embed]) .outline, :where([data-webskill-embed]).outline {
1261
+ outline-style: var(--webskill-tw-outline-style);
1262
+ outline-width: 1px;
1263
+ }
1264
+ :where([data-webskill-embed]) .filter, :where([data-webskill-embed]).filter {
1265
+ filter: var(--webskill-tw-blur,) var(--webskill-tw-brightness,) var(--webskill-tw-contrast,) var(--webskill-tw-grayscale,) var(--webskill-tw-hue-rotate,) var(--webskill-tw-invert,) var(--webskill-tw-saturate,) var(--webskill-tw-sepia,) var(--webskill-tw-drop-shadow,);
1266
+ }
1267
+ :where([data-webskill-embed]) .backdrop-blur-\[1px\], :where([data-webskill-embed]).backdrop-blur-\[1px\] {
1268
+ --webskill-tw-backdrop-blur: blur(1px);
1269
+ -webkit-backdrop-filter: var(--webskill-tw-backdrop-blur,) var(--webskill-tw-backdrop-brightness,) var(--webskill-tw-backdrop-contrast,) var(--webskill-tw-backdrop-grayscale,) var(--webskill-tw-backdrop-hue-rotate,) var(--webskill-tw-backdrop-invert,) var(--webskill-tw-backdrop-opacity,) var(--webskill-tw-backdrop-saturate,) var(--webskill-tw-backdrop-sepia,);
1270
+ backdrop-filter: var(--webskill-tw-backdrop-blur,) var(--webskill-tw-backdrop-brightness,) var(--webskill-tw-backdrop-contrast,) var(--webskill-tw-backdrop-grayscale,) var(--webskill-tw-backdrop-hue-rotate,) var(--webskill-tw-backdrop-invert,) var(--webskill-tw-backdrop-opacity,) var(--webskill-tw-backdrop-saturate,) var(--webskill-tw-backdrop-sepia,);
1271
+ }
1272
+ :where([data-webskill-embed]) .transition, :where([data-webskill-embed]).transition {
1273
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --webskill-tw-gradient-from, --webskill-tw-gradient-via, --webskill-tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
1274
+ transition-timing-function: var(--webskill-tw-ease, var(--default-transition-timing-function));
1275
+ transition-duration: var(--webskill-tw-duration, var(--default-transition-duration));
1276
+ }
1277
+ :where([data-webskill-embed]) .transition-\[margin\,opacity\], :where([data-webskill-embed]).transition-\[margin\,opacity\] {
1278
+ transition-property: margin,opacity;
1279
+ transition-timing-function: var(--webskill-tw-ease, var(--default-transition-timing-function));
1280
+ transition-duration: var(--webskill-tw-duration, var(--default-transition-duration));
1281
+ }
1282
+ :where([data-webskill-embed]) .transition-\[width\,height\,padding\], :where([data-webskill-embed]).transition-\[width\,height\,padding\] {
1283
+ transition-property: width,height,padding;
1284
+ transition-timing-function: var(--webskill-tw-ease, var(--default-transition-timing-function));
1285
+ transition-duration: var(--webskill-tw-duration, var(--default-transition-duration));
1286
+ }
1287
+ :where([data-webskill-embed]) .transition-\[width\], :where([data-webskill-embed]).transition-\[width\] {
1288
+ transition-property: width;
1289
+ transition-timing-function: var(--webskill-tw-ease, var(--default-transition-timing-function));
1290
+ transition-duration: var(--webskill-tw-duration, var(--default-transition-duration));
1291
+ }
1292
+ :where([data-webskill-embed]) .transition-colors, :where([data-webskill-embed]).transition-colors {
1293
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --webskill-tw-gradient-from, --webskill-tw-gradient-via, --webskill-tw-gradient-to;
1294
+ transition-timing-function: var(--webskill-tw-ease, var(--default-transition-timing-function));
1295
+ transition-duration: var(--webskill-tw-duration, var(--default-transition-duration));
1296
+ }
1297
+ :where([data-webskill-embed]) .transition-transform, :where([data-webskill-embed]).transition-transform {
1298
+ transition-property: transform, translate, scale, rotate;
1299
+ transition-timing-function: var(--webskill-tw-ease, var(--default-transition-timing-function));
1300
+ transition-duration: var(--webskill-tw-duration, var(--default-transition-duration));
1301
+ }
1302
+ :where([data-webskill-embed]) .duration-200, :where([data-webskill-embed]).duration-200 {
1303
+ --webskill-tw-duration: 200ms;
1304
+ transition-duration: 200ms;
1305
+ }
1306
+ :where([data-webskill-embed]) .ease-linear, :where([data-webskill-embed]).ease-linear {
1307
+ --webskill-tw-ease: linear;
1308
+ transition-timing-function: linear;
1309
+ }
1310
+ :where([data-webskill-embed]) .outline-none, :where([data-webskill-embed]).outline-none {
1311
+ --webskill-tw-outline-style: none;
1312
+ outline-style: none;
1313
+ }
1314
+ :where([data-webskill-embed]) .select-none, :where([data-webskill-embed]).select-none {
1315
+ -webkit-user-select: none;
1316
+ user-select: none;
1317
+ }
1318
+ :where([data-webskill-embed]) .select-text, :where([data-webskill-embed]).select-text {
1319
+ -webkit-user-select: text;
1320
+ user-select: text;
1321
+ }
1322
+ :where([data-webskill-embed]) .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *), :where([data-webskill-embed]).group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) {
1323
+ opacity: 100%;
1324
+ }
1325
+ @media (hover: hover) {
1326
+ :where([data-webskill-embed]) .group-hover\:bg-border:is(:where(.group):hover *), :where([data-webskill-embed]).group-hover\:bg-border:is(:where(.group):hover *) {
1327
+ background-color: var(--border);
1328
+ }
1329
+ :where([data-webskill-embed]) .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *), :where([data-webskill-embed]).group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) {
1330
+ opacity: 100%;
1331
+ }
1332
+ }
1333
+ :where([data-webskill-embed]) .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *), :where([data-webskill-embed]).group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *) {
1334
+ padding-right: calc(var(--spacing) * 8);
1335
+ }
1336
+ :where([data-webskill-embed]) .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible="icon"] *), :where([data-webskill-embed]).group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible="icon"] *) {
1337
+ margin-top: calc(var(--spacing) * -8);
1338
+ }
1339
+ :where([data-webskill-embed]) .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible="icon"] *), :where([data-webskill-embed]).group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible="icon"] *) {
1340
+ display: none;
1341
+ }
1342
+ :where([data-webskill-embed]) .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible="icon"] *), :where([data-webskill-embed]).group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible="icon"] *) {
1343
+ width: calc(var(--spacing) * 8) !important;
1344
+ height: calc(var(--spacing) * 8) !important;
1345
+ }
1346
+ :where([data-webskill-embed]) .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"] *), :where([data-webskill-embed]).group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"] *) {
1347
+ width: var(--sidebar-width-icon);
1348
+ }
1349
+ :where([data-webskill-embed]) .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *), :where([data-webskill-embed]).group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *) {
1350
+ overflow: hidden;
1351
+ }
1352
+ :where([data-webskill-embed]) .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible="icon"] *), :where([data-webskill-embed]).group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible="icon"] *) {
1353
+ padding: 0px !important;
1354
+ }
1355
+ :where([data-webskill-embed]) .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible="icon"] *), :where([data-webskill-embed]).group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible="icon"] *) {
1356
+ padding: calc(var(--spacing) * 2) !important;
1357
+ }
1358
+ :where([data-webskill-embed]) .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible="icon"] *), :where([data-webskill-embed]).group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible="icon"] *) {
1359
+ opacity: 0%;
1360
+ }
1361
+ :where([data-webskill-embed]) .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *), :where([data-webskill-embed]).group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
1362
+ width: 0px;
1363
+ }
1364
+ :where([data-webskill-embed]) .group-data-\[side\=left\]\:right-0:is(:where(.group)[data-side="left"] *), :where([data-webskill-embed]).group-data-\[side\=left\]\:right-0:is(:where(.group)[data-side="left"] *) {
1365
+ right: 0px;
1366
+ }
1367
+ :where([data-webskill-embed]) .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *), :where([data-webskill-embed]).group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *) {
1368
+ left: 0px;
1369
+ }
1370
+ :where([data-webskill-embed]) .group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size="sm"] *), :where([data-webskill-embed]).group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size="sm"] *) {
1371
+ font-size: var(--text-xs);
1372
+ line-height: var(--webskill-tw-leading, var(--text-xs--line-height));
1373
+ }
1374
+ :where([data-webskill-embed]) .group-data-\[state\=open\]\/advanced\:rotate-90:is(:where(.group\/advanced)[data-state="open"] *), :where([data-webskill-embed]).group-data-\[state\=open\]\/advanced\:rotate-90:is(:where(.group\/advanced)[data-state="open"] *) {
1375
+ rotate: 90deg;
1376
+ }
1377
+ :where([data-webskill-embed]) .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *), :where([data-webskill-embed]).group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *) {
1378
+ border-radius: 1rem;
1379
+ }
1380
+ :where([data-webskill-embed]) .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant="floating"] *), :where([data-webskill-embed]).group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant="floating"] *) {
1381
+ border-style: var(--webskill-tw-border-style);
1382
+ border-width: 1px;
1383
+ }
1384
+ :where([data-webskill-embed]) .group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant="floating"] *), :where([data-webskill-embed]).group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant="floating"] *) {
1385
+ border-color: var(--sidebar-border);
1386
+ }
1387
+ :where([data-webskill-embed]) .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant="floating"] *), :where([data-webskill-embed]).group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant="floating"] *) {
1388
+ --webskill-tw-shadow: 0 1px 3px 0 var(--webskill-tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--webskill-tw-shadow-color, rgb(0 0 0 / 0.1));
1389
+ box-shadow: var(--webskill-tw-inset-shadow), var(--webskill-tw-inset-ring-shadow), var(--webskill-tw-ring-offset-shadow), var(--webskill-tw-ring-shadow), var(--webskill-tw-shadow);
1390
+ }
1391
+ @media (hover: hover) {
1392
+ :where([data-webskill-embed]) .peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover ~ *), :where([data-webskill-embed]).peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover ~ *) {
1393
+ color: var(--sidebar-accent-foreground);
1394
+ }
1395
+ }
1396
+ :where([data-webskill-embed]) .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active="true"] ~ *), :where([data-webskill-embed]).peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active="true"] ~ *) {
1397
+ color: var(--sidebar-accent-foreground);
1398
+ }
1399
+ :where([data-webskill-embed]) .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size="default"] ~ *), :where([data-webskill-embed]).peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
1400
+ top: calc(var(--spacing) * 1.5);
1401
+ }
1402
+ :where([data-webskill-embed]) .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"] ~ *), :where([data-webskill-embed]).peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
1403
+ top: calc(var(--spacing) * 2.5);
1404
+ }
1405
+ :where([data-webskill-embed]) .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size="sm"] ~ *), :where([data-webskill-embed]).peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
1406
+ top: var(--spacing);
1407
+ }
1408
+ :where([data-webskill-embed]) .file\:mr-3::file-selector-button, :where([data-webskill-embed]).file\:mr-3::file-selector-button {
1409
+ margin-right: calc(var(--spacing) * 3);
1410
+ }
1411
+ :where([data-webskill-embed]) .file\:cursor-pointer::file-selector-button, :where([data-webskill-embed]).file\:cursor-pointer::file-selector-button {
1412
+ cursor: pointer;
1413
+ }
1414
+ :where([data-webskill-embed]) .file\:rounded-md::file-selector-button, :where([data-webskill-embed]).file\:rounded-md::file-selector-button {
1415
+ border-radius: calc(var(--radius) - 2px);
1416
+ }
1417
+ :where([data-webskill-embed]) .file\:border-0::file-selector-button, :where([data-webskill-embed]).file\:border-0::file-selector-button {
1418
+ border-style: var(--webskill-tw-border-style);
1419
+ border-width: 0px;
1420
+ }
1421
+ :where([data-webskill-embed]) .file\:bg-primary::file-selector-button, :where([data-webskill-embed]).file\:bg-primary::file-selector-button {
1422
+ background-color: var(--primary);
1423
+ }
1424
+ :where([data-webskill-embed]) .file\:px-3::file-selector-button, :where([data-webskill-embed]).file\:px-3::file-selector-button {
1425
+ padding-inline: calc(var(--spacing) * 3);
1426
+ }
1427
+ :where([data-webskill-embed]) .file\:py-1::file-selector-button, :where([data-webskill-embed]).file\:py-1::file-selector-button {
1428
+ padding-block: var(--spacing);
1429
+ }
1430
+ :where([data-webskill-embed]) .file\:text-sm::file-selector-button, :where([data-webskill-embed]).file\:text-sm::file-selector-button {
1431
+ font-size: var(--text-sm);
1432
+ line-height: var(--webskill-tw-leading, var(--text-sm--line-height));
1433
+ }
1434
+ :where([data-webskill-embed]) .file\:font-medium::file-selector-button, :where([data-webskill-embed]).file\:font-medium::file-selector-button {
1435
+ --webskill-tw-font-weight: var(--font-weight-medium);
1436
+ font-weight: var(--font-weight-medium);
1437
+ }
1438
+ :where([data-webskill-embed]) .file\:text-primary-foreground::file-selector-button, :where([data-webskill-embed]).file\:text-primary-foreground::file-selector-button {
1439
+ color: var(--primary-foreground);
1440
+ }
1441
+ :where([data-webskill-embed]) .placeholder\:text-muted::placeholder, :where([data-webskill-embed]).placeholder\:text-muted::placeholder {
1442
+ color: var(--muted-foreground);
1443
+ }
1444
+ :where([data-webskill-embed]) .after\:absolute::after, :where([data-webskill-embed]).after\:absolute::after {
1445
+ content: var(--webskill-tw-content);
1446
+ position: absolute;
1447
+ }
1448
+ :where([data-webskill-embed]) .after\:-inset-2::after, :where([data-webskill-embed]).after\:-inset-2::after {
1449
+ content: var(--webskill-tw-content);
1450
+ inset: calc(var(--spacing) * -2);
1451
+ }
1452
+ :where([data-webskill-embed]) .last\:border-0:last-child, :where([data-webskill-embed]).last\:border-0:last-child {
1453
+ border-style: var(--webskill-tw-border-style);
1454
+ border-width: 0px;
1455
+ }
1456
+ :where([data-webskill-embed]) .last\:border-r-0:last-child, :where([data-webskill-embed]).last\:border-r-0:last-child {
1457
+ border-right-style: var(--webskill-tw-border-style);
1458
+ border-right-width: 0px;
1459
+ }
1460
+ @media (hover: hover) {
1461
+ :where([data-webskill-embed]) .hover\:border-ring:hover, :where([data-webskill-embed]).hover\:border-ring:hover {
1462
+ border-color: var(--ring);
1463
+ }
1464
+ :where([data-webskill-embed]) .hover\:bg-accent:hover, :where([data-webskill-embed]).hover\:bg-accent:hover {
1465
+ background-color: var(--accent);
1466
+ }
1467
+ :where([data-webskill-embed]) .hover\:bg-destructive-soft:hover, :where([data-webskill-embed]).hover\:bg-destructive-soft:hover {
1468
+ background-color: var(--destructive-soft);
1469
+ }
1470
+ :where([data-webskill-embed]) .hover\:bg-destructive\/90:hover, :where([data-webskill-embed]).hover\:bg-destructive\/90:hover {
1471
+ background-color: var(--destructive);
1472
+ }
1473
+ @supports (color: color-mix(in lab, red, red)) {
1474
+ :where([data-webskill-embed]) .hover\:bg-destructive\/90:hover, :where([data-webskill-embed]).hover\:bg-destructive\/90:hover {
1475
+ background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
1476
+ }
1477
+ }
1478
+ :where([data-webskill-embed]) .hover\:bg-primary\/90:hover, :where([data-webskill-embed]).hover\:bg-primary\/90:hover {
1479
+ background-color: var(--primary);
1480
+ }
1481
+ @supports (color: color-mix(in lab, red, red)) {
1482
+ :where([data-webskill-embed]) .hover\:bg-primary\/90:hover, :where([data-webskill-embed]).hover\:bg-primary\/90:hover {
1483
+ background-color: color-mix(in oklab, var(--primary) 90%, transparent);
1484
+ }
1485
+ }
1486
+ :where([data-webskill-embed]) .hover\:bg-sidebar-accent:hover, :where([data-webskill-embed]).hover\:bg-sidebar-accent:hover {
1487
+ background-color: var(--sidebar-accent);
1488
+ }
1489
+ :where([data-webskill-embed]) .hover\:bg-sidebar-border:hover, :where([data-webskill-embed]).hover\:bg-sidebar-border:hover {
1490
+ background-color: var(--sidebar-border);
1491
+ }
1492
+ :where([data-webskill-embed]) .hover\:bg-subtle:hover, :where([data-webskill-embed]).hover\:bg-subtle:hover {
1493
+ background-color: var(--accent);
1494
+ }
1495
+ :where([data-webskill-embed]) .hover\:bg-surface:hover, :where([data-webskill-embed]).hover\:bg-surface:hover {
1496
+ background-color: var(--card);
1497
+ }
1498
+ :where([data-webskill-embed]) .hover\:text-ink:hover, :where([data-webskill-embed]).hover\:text-ink:hover {
1499
+ color: var(--foreground);
1500
+ }
1501
+ :where([data-webskill-embed]) .hover\:text-muted:hover, :where([data-webskill-embed]).hover\:text-muted:hover {
1502
+ color: var(--muted-foreground);
1503
+ }
1504
+ :where([data-webskill-embed]) .hover\:text-sidebar-accent-foreground:hover, :where([data-webskill-embed]).hover\:text-sidebar-accent-foreground:hover {
1505
+ color: var(--sidebar-accent-foreground);
1506
+ }
1507
+ :where([data-webskill-embed]) .hover\:file\:bg-primary\/90:hover::file-selector-button, :where([data-webskill-embed]).hover\:file\:bg-primary\/90:hover::file-selector-button {
1508
+ background-color: var(--primary);
1509
+ @supports (color: color-mix(in lab, red, red)) {
1510
+ background-color: color-mix(in oklab, var(--primary) 90%, transparent);
1511
+ }
1512
+ }
1513
+ }
1514
+ :where([data-webskill-embed]) .focus-visible\:border-ring:focus-visible, :where([data-webskill-embed]).focus-visible\:border-ring:focus-visible {
1515
+ border-color: var(--ring);
1516
+ }
1517
+ :where([data-webskill-embed]) .focus-visible\:bg-ring\/30:focus-visible, :where([data-webskill-embed]).focus-visible\:bg-ring\/30:focus-visible {
1518
+ background-color: var(--ring);
1519
+ @supports (color: color-mix(in lab, red, red)) {
1520
+ background-color: color-mix(in oklab, var(--ring) 30%, transparent);
1521
+ }
1522
+ }
1523
+ :where([data-webskill-embed]) .focus-visible\:ring-2:focus-visible, :where([data-webskill-embed]).focus-visible\:ring-2:focus-visible {
1524
+ --webskill-tw-ring-shadow: var(--webskill-tw-ring-inset,) 0 0 0 calc(2px + var(--webskill-tw-ring-offset-width)) var(--webskill-tw-ring-color, currentcolor);
1525
+ box-shadow: var(--webskill-tw-inset-shadow), var(--webskill-tw-inset-ring-shadow), var(--webskill-tw-ring-offset-shadow), var(--webskill-tw-ring-shadow), var(--webskill-tw-shadow);
1526
+ }
1527
+ :where([data-webskill-embed]) .focus-visible\:ring-destructive\/20:focus-visible, :where([data-webskill-embed]).focus-visible\:ring-destructive\/20:focus-visible {
1528
+ --webskill-tw-ring-color: var(--destructive);
1529
+ @supports (color: color-mix(in lab, red, red)) {
1530
+ --webskill-tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
1531
+ }
1532
+ }
1533
+ :where([data-webskill-embed]) .focus-visible\:ring-ring:focus-visible, :where([data-webskill-embed]).focus-visible\:ring-ring:focus-visible {
1534
+ --webskill-tw-ring-color: var(--ring);
1535
+ }
1536
+ :where([data-webskill-embed]) .focus-visible\:ring-ring\/20:focus-visible, :where([data-webskill-embed]).focus-visible\:ring-ring\/20:focus-visible {
1537
+ --webskill-tw-ring-color: var(--ring);
1538
+ @supports (color: color-mix(in lab, red, red)) {
1539
+ --webskill-tw-ring-color: color-mix(in oklab, var(--ring) 20%, transparent);
1540
+ }
1541
+ }
1542
+ :where([data-webskill-embed]) .focus-visible\:ring-sidebar-ring:focus-visible, :where([data-webskill-embed]).focus-visible\:ring-sidebar-ring:focus-visible {
1543
+ --webskill-tw-ring-color: var(--sidebar-ring);
1544
+ }
1545
+ :where([data-webskill-embed]) .focus-visible\:outline-none:focus-visible, :where([data-webskill-embed]).focus-visible\:outline-none:focus-visible {
1546
+ --webskill-tw-outline-style: none;
1547
+ outline-style: none;
1548
+ }
1549
+ :where([data-webskill-embed]) .active\:cursor-grabbing:active, :where([data-webskill-embed]).active\:cursor-grabbing:active {
1550
+ cursor: grabbing;
1551
+ }
1552
+ :where([data-webskill-embed]) .active\:bg-primary\/80:active, :where([data-webskill-embed]).active\:bg-primary\/80:active {
1553
+ background-color: var(--primary);
1554
+ @supports (color: color-mix(in lab, red, red)) {
1555
+ background-color: color-mix(in oklab, var(--primary) 80%, transparent);
1556
+ }
1557
+ }
1558
+ :where([data-webskill-embed]) .active\:bg-sidebar-accent:active, :where([data-webskill-embed]).active\:bg-sidebar-accent:active {
1559
+ background-color: var(--sidebar-accent);
1560
+ }
1561
+ :where([data-webskill-embed]) .active\:text-sidebar-accent-foreground:active, :where([data-webskill-embed]).active\:text-sidebar-accent-foreground:active {
1562
+ color: var(--sidebar-accent-foreground);
1563
+ }
1564
+ :where([data-webskill-embed]) .disabled\:pointer-events-none:disabled, :where([data-webskill-embed]).disabled\:pointer-events-none:disabled {
1565
+ pointer-events: none;
1566
+ }
1567
+ :where([data-webskill-embed]) .disabled\:cursor-not-allowed:disabled, :where([data-webskill-embed]).disabled\:cursor-not-allowed:disabled {
1568
+ cursor: not-allowed;
1569
+ }
1570
+ :where([data-webskill-embed]) .disabled\:opacity-50:disabled, :where([data-webskill-embed]).disabled\:opacity-50:disabled {
1571
+ opacity: 50%;
1572
+ }
1573
+ :where([data-webskill-embed]) .disabled\:opacity-60:disabled, :where([data-webskill-embed]).disabled\:opacity-60:disabled {
1574
+ opacity: 60%;
1575
+ }
1576
+ :where([data-webskill-embed]) .has-disabled\:cursor-not-allowed:has(:disabled), :where([data-webskill-embed]).has-disabled\:cursor-not-allowed:has(:disabled) {
1577
+ cursor: not-allowed;
1578
+ }
1579
+ :where([data-webskill-embed]) .has-disabled\:opacity-50:has(:disabled), :where([data-webskill-embed]).has-disabled\:opacity-50:has(:disabled) {
1580
+ opacity: 50%;
1581
+ }
1582
+ :where([data-webskill-embed]) .aria-disabled\:pointer-events-none[aria-disabled="true"], :where([data-webskill-embed]).aria-disabled\:pointer-events-none[aria-disabled="true"] {
1583
+ pointer-events: none;
1584
+ }
1585
+ :where([data-webskill-embed]) .aria-disabled\:cursor-not-allowed[aria-disabled="true"], :where([data-webskill-embed]).aria-disabled\:cursor-not-allowed[aria-disabled="true"] {
1586
+ cursor: not-allowed;
1587
+ }
1588
+ :where([data-webskill-embed]) .aria-disabled\:opacity-50[aria-disabled="true"], :where([data-webskill-embed]).aria-disabled\:opacity-50[aria-disabled="true"] {
1589
+ opacity: 50%;
1590
+ }
1591
+ :where([data-webskill-embed]) .data-dragging\:border-ring[data-dragging], :where([data-webskill-embed]).data-dragging\:border-ring[data-dragging] {
1592
+ border-color: var(--ring);
1593
+ }
1594
+ :where([data-webskill-embed]) .data-dragging\:bg-subtle[data-dragging], :where([data-webskill-embed]).data-dragging\:bg-subtle[data-dragging] {
1595
+ background-color: var(--accent);
1596
+ }
1597
+ :where([data-webskill-embed]) .data-\[active\=true\]\:bg-subtle[data-active="true"], :where([data-webskill-embed]).data-\[active\=true\]\:bg-subtle[data-active="true"] {
1598
+ background-color: var(--accent);
1599
+ }
1600
+ :where([data-webskill-embed]) .data-\[active\=true\]\:font-medium[data-active="true"], :where([data-webskill-embed]).data-\[active\=true\]\:font-medium[data-active="true"] {
1601
+ --webskill-tw-font-weight: var(--font-weight-medium);
1602
+ font-weight: var(--font-weight-medium);
1603
+ }
1604
+ :where([data-webskill-embed]) .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"], :where([data-webskill-embed]).data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] {
1605
+ color: var(--sidebar-accent-foreground);
1606
+ }
1607
+ :where([data-webskill-embed]) .data-\[disabled\]\:pointer-events-none[data-disabled], :where([data-webskill-embed]).data-\[disabled\]\:pointer-events-none[data-disabled] {
1608
+ pointer-events: none;
1609
+ }
1610
+ :where([data-webskill-embed]) .data-\[disabled\]\:opacity-50[data-disabled], :where([data-webskill-embed]).data-\[disabled\]\:opacity-50[data-disabled] {
1611
+ opacity: 50%;
1612
+ }
1613
+ :where([data-webskill-embed]) .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"], :where([data-webskill-embed]).data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
1614
+ pointer-events: none;
1615
+ }
1616
+ :where([data-webskill-embed]) .data-\[disabled\=true\]\:opacity-50[data-disabled="true"], :where([data-webskill-embed]).data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
1617
+ opacity: 50%;
1618
+ }
1619
+ :where([data-webskill-embed]) .data-\[highlighted\]\:bg-subtle[data-highlighted], :where([data-webskill-embed]).data-\[highlighted\]\:bg-subtle[data-highlighted] {
1620
+ background-color: var(--accent);
1621
+ }
1622
+ :where([data-webskill-embed]) .data-\[orientation\=horizontal\]\:flex-row[data-orientation="horizontal"], :where([data-webskill-embed]).data-\[orientation\=horizontal\]\:flex-row[data-orientation="horizontal"] {
1623
+ flex-direction: row;
1624
+ }
1625
+ :where([data-webskill-embed]) .data-\[orientation\=horizontal\]\:items-center[data-orientation="horizontal"], :where([data-webskill-embed]).data-\[orientation\=horizontal\]\:items-center[data-orientation="horizontal"] {
1626
+ align-items: center;
1627
+ }
1628
+ :where([data-webskill-embed]) .data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"], :where([data-webskill-embed]).data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"] {
1629
+ flex-direction: column;
1630
+ }
1631
+ :where([data-webskill-embed]) .data-\[placeholder\]\:text-muted[data-placeholder], :where([data-webskill-embed]).data-\[placeholder\]\:text-muted[data-placeholder] {
1632
+ color: var(--muted-foreground);
1633
+ }
1634
+ :where([data-webskill-embed]) .data-\[selected\=true\]\:bg-subtle[data-selected="true"], :where([data-webskill-embed]).data-\[selected\=true\]\:bg-subtle[data-selected="true"] {
1635
+ background-color: var(--accent);
1636
+ }
1637
+ :where([data-webskill-embed]) .data-\[size\=lg\]\:size-10[data-size="lg"], :where([data-webskill-embed]).data-\[size\=lg\]\:size-10[data-size="lg"] {
1638
+ width: calc(var(--spacing) * 10);
1639
+ height: calc(var(--spacing) * 10);
1640
+ }
1641
+ :where([data-webskill-embed]) .data-\[size\=sm\]\:size-6[data-size="sm"], :where([data-webskill-embed]).data-\[size\=sm\]\:size-6[data-size="sm"] {
1642
+ width: calc(var(--spacing) * 6);
1643
+ height: calc(var(--spacing) * 6);
1644
+ }
1645
+ :where([data-webskill-embed]) .data-\[state\=active\]\:border-foreground[data-state="active"], :where([data-webskill-embed]).data-\[state\=active\]\:border-foreground[data-state="active"] {
1646
+ border-color: var(--foreground);
1647
+ }
1648
+ :where([data-webskill-embed]) .data-\[state\=active\]\:text-ink[data-state="active"], :where([data-webskill-embed]).data-\[state\=active\]\:text-ink[data-state="active"] {
1649
+ color: var(--foreground);
1650
+ }
1651
+ :where([data-webskill-embed]) .data-\[state\=checked\]\:translate-x-4[data-state="checked"], :where([data-webskill-embed]).data-\[state\=checked\]\:translate-x-4[data-state="checked"] {
1652
+ --webskill-tw-translate-x: calc(var(--spacing) * 4);
1653
+ translate: var(--webskill-tw-translate-x) var(--webskill-tw-translate-y);
1654
+ }
1655
+ :where([data-webskill-embed]) .data-\[state\=checked\]\:border-primary[data-state="checked"], :where([data-webskill-embed]).data-\[state\=checked\]\:border-primary[data-state="checked"] {
1656
+ border-color: var(--primary);
1657
+ }
1658
+ :where([data-webskill-embed]) .data-\[state\=checked\]\:bg-primary[data-state="checked"], :where([data-webskill-embed]).data-\[state\=checked\]\:bg-primary[data-state="checked"] {
1659
+ background-color: var(--primary);
1660
+ }
1661
+ :where([data-webskill-embed]) .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"], :where([data-webskill-embed]).data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
1662
+ color: var(--primary-foreground);
1663
+ }
1664
+ :where([data-webskill-embed]) .data-\[state\=open\]\:opacity-100[data-state="open"], :where([data-webskill-embed]).data-\[state\=open\]\:opacity-100[data-state="open"] {
1665
+ opacity: 100%;
1666
+ }
1667
+ @media (hover: hover) {
1668
+ :where([data-webskill-embed]) .data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state="open"]:hover, :where([data-webskill-embed]).data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state="open"]:hover {
1669
+ background-color: var(--sidebar-accent);
1670
+ }
1671
+ :where([data-webskill-embed]) .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state="open"]:hover, :where([data-webskill-embed]).data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state="open"]:hover {
1672
+ color: var(--sidebar-accent-foreground);
1673
+ }
1674
+ }
1675
+ @media (width < 40rem) {
1676
+ :where([data-webskill-embed]) .max-sm\:top-0, :where([data-webskill-embed]).max-sm\:top-0 {
1677
+ top: 0px;
1678
+ }
1679
+ :where([data-webskill-embed]) .max-sm\:left-0, :where([data-webskill-embed]).max-sm\:left-0 {
1680
+ left: 0px;
1681
+ }
1682
+ :where([data-webskill-embed]) .max-sm\:h-dvh, :where([data-webskill-embed]).max-sm\:h-dvh {
1683
+ height: 100dvh;
1684
+ }
1685
+ :where([data-webskill-embed]) .max-sm\:max-h-dvh, :where([data-webskill-embed]).max-sm\:max-h-dvh {
1686
+ max-height: 100dvh;
1687
+ }
1688
+ :where([data-webskill-embed]) .max-sm\:translate-x-0, :where([data-webskill-embed]).max-sm\:translate-x-0 {
1689
+ --webskill-tw-translate-x: 0px;
1690
+ translate: var(--webskill-tw-translate-x) var(--webskill-tw-translate-y);
1691
+ }
1692
+ :where([data-webskill-embed]) .max-sm\:translate-y-0, :where([data-webskill-embed]).max-sm\:translate-y-0 {
1693
+ --webskill-tw-translate-y: 0px;
1694
+ translate: var(--webskill-tw-translate-x) var(--webskill-tw-translate-y);
1695
+ }
1696
+ :where([data-webskill-embed]) .max-sm\:rounded-none, :where([data-webskill-embed]).max-sm\:rounded-none {
1697
+ border-radius: 0;
1698
+ }
1699
+ }
1700
+ @media (width >= 40rem) {
1701
+ :where([data-webskill-embed]) .sm\:block, :where([data-webskill-embed]).sm\:block {
1702
+ display: block;
1703
+ }
1704
+ :where([data-webskill-embed]) .sm\:flex-row, :where([data-webskill-embed]).sm\:flex-row {
1705
+ flex-direction: row;
1706
+ }
1707
+ :where([data-webskill-embed]) .sm\:items-start, :where([data-webskill-embed]).sm\:items-start {
1708
+ align-items: flex-start;
1709
+ }
1710
+ :where([data-webskill-embed]) .sm\:justify-between, :where([data-webskill-embed]).sm\:justify-between {
1711
+ justify-content: space-between;
1712
+ }
1713
+ :where([data-webskill-embed]) .sm\:justify-end, :where([data-webskill-embed]).sm\:justify-end {
1714
+ justify-content: flex-end;
1715
+ }
1716
+ :where([data-webskill-embed]) .sm\:gap-4, :where([data-webskill-embed]).sm\:gap-4 {
1717
+ gap: calc(var(--spacing) * 4);
1718
+ }
1719
+ }
1720
+ @media (width >= 48rem) {
1721
+ :where([data-webskill-embed]) .md\:opacity-0, :where([data-webskill-embed]).md\:opacity-0 {
1722
+ opacity: 0%;
1723
+ }
1724
+ :where([data-webskill-embed]) .md\:after\:hidden::after, :where([data-webskill-embed]).md\:after\:hidden::after {
1725
+ content: var(--webskill-tw-content);
1726
+ display: none;
1727
+ }
1728
+ }
1729
+ @media (width >= 64rem) {
1730
+ :where([data-webskill-embed]) .lg\:block, :where([data-webskill-embed]).lg\:block {
1731
+ display: block;
1732
+ }
1733
+ :where([data-webskill-embed]) .lg\:flex, :where([data-webskill-embed]).lg\:flex {
1734
+ display: flex;
1735
+ }
1736
+ :where([data-webskill-embed]) .lg\:grid-cols-\[minmax\(var\(--webskill-primary-min\,0px\)\,1fr\)_0\.625rem_minmax\(18rem\,var\(--webskill-secondary-size\)\)\], :where([data-webskill-embed]).lg\:grid-cols-\[minmax\(var\(--webskill-primary-min\,0px\)\,1fr\)_0\.625rem_minmax\(18rem\,var\(--webskill-secondary-size\)\)\] {
1737
+ grid-template-columns: minmax(var(--webskill-primary-min,0px),1fr) 0.625rem minmax(18rem,var(--webskill-secondary-size));
1738
+ }
1739
+ }
1740
+ :where([data-webskill-embed]):where(.dark, [data-theme='dark']) .dark\:bg-subtle {
1741
+ background-color: var(--accent);
1742
+ }
1743
+ @media (hover: hover) {
1744
+ :where([data-webskill-embed]):where(.dark, [data-theme='dark']) .dark\:hover\:bg-surface:hover {
1745
+ background-color: var(--card);
1746
+ }
1747
+ }
1748
+ :where([data-webskill-embed]) .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text, :where([data-webskill-embed]).\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text {
1749
+ fill: var(--muted-foreground);
1750
+ }
1751
+ :where([data-webskill-embed]) .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-cartesian-grid line[stroke='#ccc'], :where([data-webskill-embed]).\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-cartesian-grid line[stroke='#ccc'] {
1752
+ stroke: var(--border);
1753
+ }
1754
+ :where([data-webskill-embed]) .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor, :where([data-webskill-embed]).\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor {
1755
+ stroke: var(--border);
1756
+ }
1757
+ :where([data-webskill-embed]) .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke='#fff'], :where([data-webskill-embed]).\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke='#fff'] {
1758
+ stroke: transparent;
1759
+ }
1760
+ :where([data-webskill-embed]) .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer, :where([data-webskill-embed]).\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
1761
+ --webskill-tw-outline-style: none;
1762
+ outline-style: none;
1763
+ @media (forced-colors: active) {
1764
+ outline: 2px solid transparent;
1765
+ outline-offset: 2px;
1766
+ }
1767
+ }
1768
+ :where([data-webskill-embed]) .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke='#ccc'], :where([data-webskill-embed]).\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke='#ccc'] {
1769
+ stroke: var(--border);
1770
+ }
1771
+ :where([data-webskill-embed]) .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-accent .recharts-rectangle.recharts-tooltip-cursor, :where([data-webskill-embed]).\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-accent .recharts-rectangle.recharts-tooltip-cursor {
1772
+ fill: var(--accent);
1773
+ }
1774
+ :where([data-webskill-embed]) .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke='#ccc'], :where([data-webskill-embed]).\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke='#ccc'] {
1775
+ stroke: var(--border);
1776
+ }
1777
+ :where([data-webskill-embed]) .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector, :where([data-webskill-embed]).\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
1778
+ --webskill-tw-outline-style: none;
1779
+ outline-style: none;
1780
+ @media (forced-colors: active) {
1781
+ outline: 2px solid transparent;
1782
+ outline-offset: 2px;
1783
+ }
1784
+ }
1785
+ :where([data-webskill-embed]) .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke='#fff'], :where([data-webskill-embed]).\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke='#fff'] {
1786
+ stroke: transparent;
1787
+ }
1788
+ :where([data-webskill-embed]) .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface, :where([data-webskill-embed]).\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
1789
+ --webskill-tw-outline-style: none;
1790
+ outline-style: none;
1791
+ @media (forced-colors: active) {
1792
+ outline: 2px solid transparent;
1793
+ outline-offset: 2px;
1794
+ }
1795
+ }
1796
+ :where([data-webskill-embed]) .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading], :where([data-webskill-embed]).\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
1797
+ padding-inline: calc(var(--spacing) * 2);
1798
+ }
1799
+ :where([data-webskill-embed]) .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading], :where([data-webskill-embed]).\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
1800
+ padding-block: calc(var(--spacing) * 1.5);
1801
+ }
1802
+ :where([data-webskill-embed]) .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading], :where([data-webskill-embed]).\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
1803
+ font-size: var(--text-xs);
1804
+ line-height: var(--webskill-tw-leading, var(--text-xs--line-height));
1805
+ }
1806
+ :where([data-webskill-embed]) .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading], :where([data-webskill-embed]).\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
1807
+ --webskill-tw-font-weight: var(--font-weight-medium);
1808
+ font-weight: var(--font-weight-medium);
1809
+ }
1810
+ :where([data-webskill-embed]) .\[\&_\[cmdk-group-heading\]\]\:text-muted [cmdk-group-heading], :where([data-webskill-embed]).\[\&_\[cmdk-group-heading\]\]\:text-muted [cmdk-group-heading] {
1811
+ color: var(--muted-foreground);
1812
+ }
1813
+ :where([data-webskill-embed]) .\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button, :where([data-webskill-embed]).\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button {
1814
+ display: none;
1815
+ }
1816
+ :where([data-webskill-embed]) .\[\&\>span\:last-child\]\:truncate > span:last-child, :where([data-webskill-embed]).\[\&\>span\:last-child\]\:truncate > span:last-child {
1817
+ overflow: hidden;
1818
+ text-overflow: ellipsis;
1819
+ white-space: nowrap;
1820
+ }
1821
+ :where([data-webskill-embed]) .\[\&\>svg\]\:size-3\.5 > svg, :where([data-webskill-embed]).\[\&\>svg\]\:size-3\.5 > svg {
1822
+ width: calc(var(--spacing) * 3.5);
1823
+ height: calc(var(--spacing) * 3.5);
1824
+ }
1825
+ :where([data-webskill-embed]) .\[\&\>svg\]\:size-4 > svg, :where([data-webskill-embed]).\[\&\>svg\]\:size-4 > svg {
1826
+ width: calc(var(--spacing) * 4);
1827
+ height: calc(var(--spacing) * 4);
1828
+ }
1829
+ :where([data-webskill-embed]) .\[\&\>svg\]\:size-5 > svg, :where([data-webskill-embed]).\[\&\>svg\]\:size-5 > svg {
1830
+ width: calc(var(--spacing) * 5);
1831
+ height: calc(var(--spacing) * 5);
1832
+ }
1833
+ :where([data-webskill-embed]) .\[\&\>svg\]\:shrink-0 > svg, :where([data-webskill-embed]).\[\&\>svg\]\:shrink-0 > svg {
1834
+ flex-shrink: 0;
1835
+ }
1836
+ }
1837
+ :where([data-webskill-embed]) :where(.dark, .light, [data-theme]), :where([data-webskill-embed]):where(.dark, .light, [data-theme]) {
1838
+ --color-background: var(--background);
1839
+ --color-foreground: var(--foreground);
1840
+ --color-scrim: var(--scrim);
1841
+ --color-card: var(--card);
1842
+ --color-card-foreground: var(--card-foreground);
1843
+ --color-popover: var(--popover);
1844
+ --color-popover-foreground: var(--popover-foreground);
1845
+ --color-primary: var(--primary);
1846
+ --color-primary-foreground: var(--primary-foreground);
1847
+ --color-secondary: var(--secondary);
1848
+ --color-secondary-foreground: var(--secondary-foreground);
1849
+ --color-muted: var(--muted-foreground);
1850
+ --color-muted-foreground: var(--muted-foreground);
1851
+ --color-accent: var(--accent);
1852
+ --color-accent-foreground: var(--accent-foreground);
1853
+ --color-border: var(--border);
1854
+ --color-input: var(--input);
1855
+ --color-ring: var(--ring);
1856
+ --color-destructive: var(--destructive);
1857
+ --color-destructive-foreground: var(--destructive-foreground);
1858
+ --color-destructive-soft: var(--destructive-soft);
1859
+ --color-success: var(--success);
1860
+ --color-success-foreground: var(--success-foreground);
1861
+ --color-success-soft: var(--success-soft);
1862
+ --color-warning: var(--warning);
1863
+ --color-warning-foreground: var(--warning-foreground);
1864
+ --color-warning-soft: var(--warning-soft);
1865
+ --color-info: var(--info);
1866
+ --color-info-foreground: var(--info-foreground);
1867
+ --color-info-soft: var(--info-soft);
1868
+ --color-sidebar: var(--sidebar);
1869
+ --color-sidebar-foreground: var(--sidebar-foreground);
1870
+ --color-sidebar-primary: var(--sidebar-primary);
1871
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
1872
+ --color-sidebar-accent: var(--sidebar-accent);
1873
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
1874
+ --color-sidebar-border: var(--sidebar-border);
1875
+ --color-sidebar-ring: var(--sidebar-ring);
1876
+ --color-brand: var(--brand);
1877
+ --color-brand-foreground: var(--brand-foreground);
1878
+ --color-canvas: var(--background);
1879
+ --color-surface: var(--card);
1880
+ --color-subtle: var(--accent);
1881
+ --color-ink: var(--foreground);
1882
+ --color-danger: var(--destructive);
1883
+ --color-danger-soft: var(--destructive-soft);
1884
+ --color-sidebar-canvas: var(--sidebar);
1885
+ --color-sidebar-surface: var(--card);
1886
+ --color-sidebar-ink: var(--sidebar-foreground);
1887
+ --color-sidebar-muted: var(--muted-foreground);
1888
+ }
1889
+ :where([data-webskill-embed]),:where([data-webskill-embed]) :where(.light, [data-theme='light']), :where([data-webskill-embed]) :where(.light, [data-theme='light']) {
1890
+ --radius: 0.625rem;
1891
+ --shadow-card-vivid: 0 6px 20px oklch(0 0 0 / 12%);
1892
+ --surface-dashboard: oklch(0.2 0.01 260);
1893
+ --border-dashboard: oklch(1 0 0 / 14%);
1894
+ --palette-sky: oklch(0.95 0.03 240);
1895
+ --palette-sky-ink: oklch(0.35 0.09 240);
1896
+ --palette-violet: oklch(0.95 0.03 300);
1897
+ --palette-violet-ink: oklch(0.35 0.1 300);
1898
+ --palette-amber: oklch(0.95 0.05 85);
1899
+ --palette-amber-ink: oklch(0.36 0.09 85);
1900
+ --palette-rose: oklch(0.95 0.03 15);
1901
+ --palette-rose-ink: oklch(0.37 0.11 15);
1902
+ --palette-emerald: oklch(0.95 0.04 160);
1903
+ --palette-emerald-ink: oklch(0.34 0.08 160);
1904
+ --background: oklch(1 0 0);
1905
+ --foreground: oklch(0.145 0 0);
1906
+ --scrim: oklch(0.145 0 0 / 45%);
1907
+ --card: oklch(1 0 0);
1908
+ --card-foreground: oklch(0.145 0 0);
1909
+ --popover: oklch(1 0 0);
1910
+ --popover-foreground: oklch(0.145 0 0);
1911
+ --primary: oklch(0.205 0 0);
1912
+ --primary-foreground: oklch(0.985 0 0);
1913
+ --secondary: oklch(0.97 0 0);
1914
+ --secondary-foreground: oklch(0.205 0 0);
1915
+ --muted: oklch(0.97 0 0);
1916
+ --muted-foreground: oklch(0.556 0 0);
1917
+ --accent: #0000000f;
1918
+ --accent-foreground: oklch(0.205 0 0);
1919
+ --border: oklch(0.922 0 0);
1920
+ --input: oklch(0.922 0 0);
1921
+ --ring: oklch(0.708 0 0);
1922
+ --destructive: oklch(0.52 0.22 27);
1923
+ --destructive-foreground: oklch(0.985 0 0);
1924
+ --success: oklch(0.62 0.13 150);
1925
+ --success-foreground: oklch(0.985 0 0);
1926
+ --warning: oklch(0.72 0.13 75);
1927
+ --warning-foreground: oklch(0.205 0 0);
1928
+ --info: oklch(0.62 0.1 240);
1929
+ --info-foreground: oklch(0.985 0 0);
1930
+ --destructive-soft: var(--destructive);
1931
+ @supports (color: color-mix(in lab, red, red)) {
1932
+ --destructive-soft: color-mix(in oklab, var(--destructive) 12%, var(--background));
1933
+ }
1934
+ --success-soft: var(--success);
1935
+ @supports (color: color-mix(in lab, red, red)) {
1936
+ --success-soft: color-mix(in oklab, var(--success) 12%, var(--background));
1937
+ }
1938
+ --warning-soft: var(--warning);
1939
+ @supports (color: color-mix(in lab, red, red)) {
1940
+ --warning-soft: color-mix(in oklab, var(--warning) 14%, var(--background));
1941
+ }
1942
+ --info-soft: var(--info);
1943
+ @supports (color: color-mix(in lab, red, red)) {
1944
+ --info-soft: color-mix(in oklab, var(--info) 12%, var(--background));
1945
+ }
1946
+ --chart-1: oklch(0.87 0 0);
1947
+ --chart-2: oklch(0.556 0 0);
1948
+ --chart-3: oklch(0.439 0 0);
1949
+ --chart-4: oklch(0.371 0 0);
1950
+ --chart-5: oklch(0.269 0 0);
1951
+ --sidebar: oklch(0.985 0 0);
1952
+ --sidebar-foreground: oklch(0.145 0 0);
1953
+ --sidebar-primary: oklch(0.205 0 0);
1954
+ --sidebar-primary-foreground: oklch(0.985 0 0);
1955
+ --sidebar-accent: #0000000f;
1956
+ --sidebar-accent-foreground: oklch(0.205 0 0);
1957
+ --sidebar-border: oklch(0.922 0 0);
1958
+ --sidebar-ring: oklch(0.708 0 0);
1959
+ --brand: oklch(0.55 0.16 275);
1960
+ --brand-foreground: oklch(0.985 0 0);
1961
+ --text-min: 0.75rem;
1962
+ --text-code: 0.8125rem;
1963
+ --code-base: hsl(230, 8%, 24%);
1964
+ --code-comment: hsl(230, 4%, 64%);
1965
+ --code-prolog: hsl(230, 4%, 64%);
1966
+ --code-cdata: hsl(230, 4%, 64%);
1967
+ --code-doctype: hsl(230, 8%, 24%);
1968
+ --code-punctuation: hsl(230, 8%, 24%);
1969
+ --code-entity: hsl(230, 8%, 24%);
1970
+ --code-attr-name: hsl(35, 99%, 36%);
1971
+ --code-class-name: hsl(35, 99%, 36%);
1972
+ --code-boolean: hsl(35, 99%, 36%);
1973
+ --code-constant: hsl(35, 99%, 36%);
1974
+ --code-number: hsl(35, 99%, 36%);
1975
+ --code-atrule: hsl(35, 99%, 36%);
1976
+ --code-keyword: hsl(301, 63%, 40%);
1977
+ --code-property: hsl(5, 74%, 59%);
1978
+ --code-tag: hsl(5, 74%, 59%);
1979
+ --code-symbol: hsl(5, 74%, 59%);
1980
+ --code-deleted: hsl(5, 74%, 59%);
1981
+ --code-important: hsl(5, 74%, 59%);
1982
+ --code-selector: hsl(119, 34%, 47%);
1983
+ --code-string: hsl(119, 34%, 47%);
1984
+ --code-char: hsl(119, 34%, 47%);
1985
+ --code-builtin: hsl(119, 34%, 47%);
1986
+ --code-inserted: hsl(119, 34%, 47%);
1987
+ --code-regex: hsl(119, 34%, 47%);
1988
+ --code-attr-value: hsl(119, 34%, 47%);
1989
+ --code-variable: hsl(221, 87%, 60%);
1990
+ --code-operator: hsl(221, 87%, 60%);
1991
+ --code-function: hsl(221, 87%, 60%);
1992
+ --code-url: hsl(198, 99%, 37%);
1993
+ }
1994
+ :where([data-webskill-embed]) :where(.dark, [data-theme='dark']), :where([data-webskill-embed]):where(.dark, [data-theme='dark']) {
1995
+ --shadow-card-vivid: 0 6px 20px oklch(0 0 0 / 40%);
1996
+ --surface-dashboard: oklch(0.18 0.01 260);
1997
+ --border-dashboard: oklch(1 0 0 / 16%);
1998
+ --palette-sky: oklch(0.3 0.05 240);
1999
+ --palette-sky-ink: oklch(0.88 0.06 240);
2000
+ --palette-violet: oklch(0.3 0.06 300);
2001
+ --palette-violet-ink: oklch(0.88 0.07 300);
2002
+ --palette-amber: oklch(0.32 0.06 85);
2003
+ --palette-amber-ink: oklch(0.9 0.09 85);
2004
+ --palette-rose: oklch(0.31 0.06 15);
2005
+ --palette-rose-ink: oklch(0.89 0.07 15);
2006
+ --palette-emerald: oklch(0.29 0.05 160);
2007
+ --palette-emerald-ink: oklch(0.88 0.08 160);
2008
+ --background: oklch(0.145 0 0);
2009
+ --foreground: oklch(0.985 0 0);
2010
+ --scrim: oklch(0 0 0 / 60%);
2011
+ --card: oklch(0.205 0 0);
2012
+ --card-foreground: oklch(0.985 0 0);
2013
+ --popover: oklch(0.205 0 0);
2014
+ --popover-foreground: oklch(0.985 0 0);
2015
+ --primary: oklch(0.922 0 0);
2016
+ --primary-foreground: oklch(0.205 0 0);
2017
+ --secondary: oklch(0.269 0 0);
2018
+ --secondary-foreground: oklch(0.985 0 0);
2019
+ --muted: oklch(0.269 0 0);
2020
+ --muted-foreground: oklch(0.708 0 0);
2021
+ --accent: #ffffff0d;
2022
+ --accent-foreground: oklch(0.985 0 0);
2023
+ --border: oklch(1 0 0 / 10%);
2024
+ --input: oklch(1 0 0 / 15%);
2025
+ --ring: oklch(0.556 0 0);
2026
+ --destructive: oklch(0.704 0.191 22.216);
2027
+ --destructive-foreground: oklch(0.205 0 0);
2028
+ --success: oklch(0.72 0.14 150);
2029
+ --success-foreground: oklch(0.205 0 0);
2030
+ --warning: oklch(0.8 0.13 75);
2031
+ --warning-foreground: oklch(0.205 0 0);
2032
+ --info: oklch(0.72 0.11 240);
2033
+ --info-foreground: oklch(0.205 0 0);
2034
+ --destructive-soft: var(--destructive);
2035
+ @supports (color: color-mix(in lab, red, red)) {
2036
+ --destructive-soft: color-mix(in oklab, var(--destructive) 18%, var(--background));
2037
+ }
2038
+ --success-soft: var(--success);
2039
+ @supports (color: color-mix(in lab, red, red)) {
2040
+ --success-soft: color-mix(in oklab, var(--success) 18%, var(--background));
2041
+ }
2042
+ --warning-soft: var(--warning);
2043
+ @supports (color: color-mix(in lab, red, red)) {
2044
+ --warning-soft: color-mix(in oklab, var(--warning) 18%, var(--background));
2045
+ }
2046
+ --info-soft: var(--info);
2047
+ @supports (color: color-mix(in lab, red, red)) {
2048
+ --info-soft: color-mix(in oklab, var(--info) 18%, var(--background));
2049
+ }
2050
+ --sidebar: oklch(0.205 0 0);
2051
+ --sidebar-foreground: oklch(0.985 0 0);
2052
+ --sidebar-primary: oklch(0.985 0 0);
2053
+ --sidebar-primary-foreground: oklch(0.205 0 0);
2054
+ --sidebar-accent: #ffffff0d;
2055
+ --sidebar-accent-foreground: oklch(0.985 0 0);
2056
+ --sidebar-border: oklch(1 0 0 / 10%);
2057
+ --sidebar-ring: oklch(0.556 0 0);
2058
+ --brand: oklch(0.68 0.14 275);
2059
+ --brand-foreground: oklch(0.205 0 0);
2060
+ --code-base: hsl(220, 14%, 71%);
2061
+ --code-comment: hsl(220, 10%, 40%);
2062
+ --code-prolog: hsl(220, 10%, 40%);
2063
+ --code-cdata: hsl(220, 10%, 40%);
2064
+ --code-doctype: hsl(220, 14%, 71%);
2065
+ --code-punctuation: hsl(220, 14%, 71%);
2066
+ --code-entity: hsl(220, 14%, 71%);
2067
+ --code-attr-name: hsl(29, 54%, 61%);
2068
+ --code-class-name: hsl(29, 54%, 61%);
2069
+ --code-boolean: hsl(29, 54%, 61%);
2070
+ --code-constant: hsl(29, 54%, 61%);
2071
+ --code-number: hsl(29, 54%, 61%);
2072
+ --code-atrule: hsl(29, 54%, 61%);
2073
+ --code-keyword: hsl(286, 60%, 67%);
2074
+ --code-property: hsl(355, 65%, 65%);
2075
+ --code-tag: hsl(355, 65%, 65%);
2076
+ --code-symbol: hsl(355, 65%, 65%);
2077
+ --code-deleted: hsl(355, 65%, 65%);
2078
+ --code-important: hsl(355, 65%, 65%);
2079
+ --code-selector: hsl(95, 38%, 62%);
2080
+ --code-string: hsl(95, 38%, 62%);
2081
+ --code-char: hsl(95, 38%, 62%);
2082
+ --code-builtin: hsl(95, 38%, 62%);
2083
+ --code-inserted: hsl(95, 38%, 62%);
2084
+ --code-regex: hsl(95, 38%, 62%);
2085
+ --code-attr-value: hsl(95, 38%, 62%);
2086
+ --code-variable: hsl(207, 82%, 66%);
2087
+ --code-operator: hsl(207, 82%, 66%);
2088
+ --code-function: hsl(207, 82%, 66%);
2089
+ --code-url: hsl(187, 47%, 55%);
2090
+ }
2091
+ :where([data-webskill-embed]) :where(.dark, .light, [data-theme]), :where([data-webskill-embed]):where(.dark, .light, [data-theme]) {
2092
+ --color-background: var(--background);
2093
+ --color-foreground: var(--foreground);
2094
+ --color-scrim: var(--scrim);
2095
+ --color-card: var(--card);
2096
+ --color-card-foreground: var(--card-foreground);
2097
+ --color-popover: var(--popover);
2098
+ --color-popover-foreground: var(--popover-foreground);
2099
+ --color-primary: var(--primary);
2100
+ --color-primary-foreground: var(--primary-foreground);
2101
+ --color-secondary: var(--secondary);
2102
+ --color-secondary-foreground: var(--secondary-foreground);
2103
+ --color-muted: var(--muted-foreground);
2104
+ --color-muted-foreground: var(--muted-foreground);
2105
+ --color-accent: var(--accent);
2106
+ --color-accent-foreground: var(--accent-foreground);
2107
+ --color-border: var(--border);
2108
+ --color-input: var(--input);
2109
+ --color-ring: var(--ring);
2110
+ --color-destructive: var(--destructive);
2111
+ --color-destructive-foreground: var(--destructive-foreground);
2112
+ --color-destructive-soft: var(--destructive-soft);
2113
+ --color-success: var(--success);
2114
+ --color-success-foreground: var(--success-foreground);
2115
+ --color-success-soft: var(--success-soft);
2116
+ --color-warning: var(--warning);
2117
+ --color-warning-foreground: var(--warning-foreground);
2118
+ --color-warning-soft: var(--warning-soft);
2119
+ --color-info: var(--info);
2120
+ --color-info-foreground: var(--info-foreground);
2121
+ --color-info-soft: var(--info-soft);
2122
+ --color-sidebar: var(--sidebar);
2123
+ --color-sidebar-foreground: var(--sidebar-foreground);
2124
+ --color-sidebar-primary: var(--sidebar-primary);
2125
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
2126
+ --color-sidebar-accent: var(--sidebar-accent);
2127
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
2128
+ --color-sidebar-border: var(--sidebar-border);
2129
+ --color-sidebar-ring: var(--sidebar-ring);
2130
+ --color-brand: var(--brand);
2131
+ --color-brand-foreground: var(--brand-foreground);
2132
+ --color-canvas: var(--background);
2133
+ --color-surface: var(--card);
2134
+ --color-subtle: var(--accent);
2135
+ --color-ink: var(--foreground);
2136
+ --color-danger: var(--destructive);
2137
+ --color-danger-soft: var(--destructive-soft);
2138
+ --color-sidebar-canvas: var(--sidebar);
2139
+ --color-sidebar-surface: var(--card);
2140
+ --color-sidebar-ink: var(--sidebar-foreground);
2141
+ --color-sidebar-muted: var(--muted-foreground);
2142
+ }
2143
+ @layer webskill-base {
2144
+ :where([data-webskill-embed]) *, *:where([data-webskill-embed]),:where([data-webskill-embed]) ::before, :where([data-webskill-embed]) ::before,:where([data-webskill-embed]) ::after, :where([data-webskill-embed]) ::after {
2145
+ box-sizing: border-box;
2146
+ }
2147
+ :where([data-webskill-embed]) {
2148
+ color-scheme: light;
2149
+ }
2150
+ :where([data-webskill-embed]).dark,:where([data-webskill-embed]) .dark, :where([data-webskill-embed]) .dark,:where([data-webskill-embed])[data-theme='dark'],:where([data-webskill-embed]) [data-theme='dark'], :where([data-webskill-embed]) [data-theme='dark'] {
2151
+ color-scheme: dark;
2152
+ }
2153
+ :where([data-webskill-embed]),:where([data-webskill-embed]) {
2154
+ font-family: var(--font-sans);
2155
+ -webkit-font-smoothing: antialiased;
2156
+ -moz-osx-font-smoothing: grayscale;
2157
+ }
2158
+ :where([data-webskill-embed]) .webskill-glass, :where([data-webskill-embed]).webskill-glass {
2159
+ background: var(--card);
2160
+ @supports (color: color-mix(in lab, red, red)) {
2161
+ background: color-mix(in oklab, var(--card) 75%, transparent);
2162
+ }
2163
+ backdrop-filter: blur(12px);
2164
+ -webkit-backdrop-filter: blur(12px);
2165
+ border: 1px solid var(--border);
2166
+ }
2167
+ :where([data-webskill-embed]) .webskill-brand-mark, :where([data-webskill-embed]).webskill-brand-mark {
2168
+ background: linear-gradient(135deg, var(--brand), var(--brand));
2169
+ @supports (color: color-mix(in lab, red, red)) {
2170
+ background: linear-gradient(135deg, var(--brand), color-mix(in oklab, var(--brand) 70%, black));
2171
+ }
2172
+ color: var(--brand-foreground);
2173
+ }
2174
+ :where([data-webskill-embed]) :where(a, button, input, select, textarea, [tabindex]):focus-visible, :where([data-webskill-embed]):where(a, button, input, select, textarea, [tabindex]):focus-visible {
2175
+ outline: 2px solid var(--ring);
2176
+ outline-offset: 2px;
2177
+ border-radius: 4px;
2178
+ }
2179
+ :where([data-webskill-embed]) ::selection, :where([data-webskill-embed])::selection {
2180
+ background: var(--foreground);
2181
+ @supports (color: color-mix(in lab, red, red)) {
2182
+ background: color-mix(in oklab, var(--foreground) 18%, transparent);
2183
+ }
2184
+ }
2185
+ }
2186
+ :where([data-webskill-embed]) ::-webkit-scrollbar, :where([data-webskill-embed])::-webkit-scrollbar {
2187
+ width: 4px;
2188
+ height: 4px;
2189
+ }
2190
+ :where([data-webskill-embed]) ::-webkit-scrollbar-track, :where([data-webskill-embed])::-webkit-scrollbar-track {
2191
+ background: transparent;
2192
+ }
2193
+ :where([data-webskill-embed]) ::-webkit-scrollbar-thumb, :where([data-webskill-embed])::-webkit-scrollbar-thumb {
2194
+ background: var(--muted-foreground);
2195
+ @supports (color: color-mix(in lab, red, red)) {
2196
+ background: color-mix(in oklab, var(--muted-foreground) 35%, transparent);
2197
+ }
2198
+ border-radius: 999px;
2199
+ }
2200
+ :where([data-webskill-embed]) ::-webkit-scrollbar-thumb:hover, :where([data-webskill-embed])::-webkit-scrollbar-thumb:hover {
2201
+ background: var(--muted-foreground);
2202
+ @supports (color: color-mix(in lab, red, red)) {
2203
+ background: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
2204
+ }
2205
+ }
2206
+ :where([data-webskill-embed]) [data-webskill-theme='light'], :where([data-webskill-embed])[data-webskill-theme='light'] {
2207
+ color-scheme: light;
2208
+ }
2209
+ :where([data-webskill-embed]) [data-webskill-theme='dark'], :where([data-webskill-embed])[data-webskill-theme='dark'] {
2210
+ color-scheme: dark;
2211
+ }
2212
+ :where([data-webskill-embed]) {
2213
+ --webskill-z-content: 0;
2214
+ --webskill-z-sticky: 10;
2215
+ --webskill-z-raised: 20;
2216
+ --webskill-z-overlay: 1000;
2217
+ --webskill-z-scrim: 10;
2218
+ --webskill-z-sheet: 20;
2219
+ --webskill-z-dialog: 30;
2220
+ --webskill-z-popper: 40;
2221
+ --webskill-z-tooltip: 50;
2222
+ --webskill-z-toast: 60;
2223
+ }
2224
+ @layer webskill-components {
2225
+ :where([data-webskill-embed]) .webskill-sheet-content, :where([data-webskill-embed]).webskill-sheet-content {
2226
+ width: var(--webskill-sheet-width, min(22rem, calc(100vw - 2rem)));
2227
+ }
2228
+ :where([data-webskill-embed]) .webskill-dialog-content, :where([data-webskill-embed]).webskill-dialog-content {
2229
+ width: var(--webskill-dialog-width, min(100% - 2rem, 32rem));
2230
+ }
2231
+ @media (width < 40rem) {
2232
+ :where([data-webskill-embed]) .webskill-dialog-content, :where([data-webskill-embed]).webskill-dialog-content {
2233
+ width: 100%;
2234
+ }
2235
+ }
2236
+ :where([data-webskill-embed]) .webskill-toast-root, :where([data-webskill-embed]).webskill-toast-root {
2237
+ width: 100%;
2238
+ max-width: var(--webskill-toast-width, 24rem);
2239
+ }
2240
+ :where([data-webskill-embed]) .webskill-input, :where([data-webskill-embed]).webskill-input {
2241
+ width: 100%;
2242
+ height: 2.25rem;
2243
+ padding-inline: 0.75rem;
2244
+ }
2245
+ :where([data-webskill-embed]) .webskill-resizable-panel, :where([data-webskill-embed]).webskill-resizable-panel {
2246
+ min-height: 0;
2247
+ }
2248
+ :where([data-webskill-embed]) .webskill-dropdown-content, :where([data-webskill-embed]).webskill-dropdown-content {
2249
+ min-width: 10rem;
2250
+ }
2251
+ }
2252
+ :where([data-webskill-embed]) .webskill-record-highlight, :where([data-webskill-embed]).webskill-record-highlight {
2253
+ animation: webskill-record-highlight 1.6s ease-out 1;
2254
+ }
2255
+ @keyframes webskill-record-highlight {
2256
+ 0%, 40% {
2257
+ background-color: color-mix(in oklab, var(--color-accent) 18%, transparent);
2258
+ }
2259
+ 100% {
2260
+ background-color: transparent;
2261
+ }
2262
+ }
2263
+ @media (prefers-reduced-motion: reduce) {
2264
+ :where([data-webskill-embed]) .webskill-record-highlight, :where([data-webskill-embed]).webskill-record-highlight {
2265
+ animation-duration: 1ms;
2266
+ background-color: var(--color-accent);
2267
+ @supports (color: color-mix(in lab, red, red)) {
2268
+ background-color: color-mix(in oklab, var(--color-accent) 18%, transparent);
2269
+ }
2270
+ }
2271
+ }
2272
+ :where([data-webskill-embed]) [data-slot='sidebar'][data-narrow='true'][data-state='collapsed'] [data-slot='sidebar-container'], :where([data-webskill-embed])[data-slot='sidebar'][data-narrow='true'][data-state='collapsed'] [data-slot='sidebar-container'] {
2273
+ width: 0;
2274
+ border-inline-width: 0;
2275
+ }
2276
+ :where([data-webskill-embed]) [data-slot='sidebar'][data-state='collapsed'][data-collapsible='offcanvas'] [data-slot='sidebar-inner'], :where([data-webskill-embed])[data-slot='sidebar'][data-state='collapsed'][data-collapsible='offcanvas'] [data-slot='sidebar-inner'],:where([data-webskill-embed]) [data-slot='sidebar'][data-state='collapsed'][data-narrow='true'] [data-slot='sidebar-inner'], :where([data-webskill-embed]) [data-slot='sidebar'][data-state='collapsed'][data-narrow='true'] [data-slot='sidebar-inner'] {
2277
+ visibility: hidden;
2278
+ }
2279
+ :where([data-webskill-embed]) [data-slot='sidebar'][data-variant='floating'][data-state='collapsed'] [data-slot='sidebar-container'], :where([data-webskill-embed])[data-slot='sidebar'][data-variant='floating'][data-state='collapsed'] [data-slot='sidebar-container'] {
2280
+ padding: 0;
2281
+ }
2282
+ :where([data-webskill-embed]) [data-slot='sidebar'][data-narrow='false'], :where([data-webskill-embed])[data-slot='sidebar'][data-narrow='false'] {
2283
+ height: auto;
2284
+ align-self: stretch;
2285
+ }
2286
+ :where([data-webskill-embed]) .webskill-surface-list, :where([data-webskill-embed]).webskill-surface-list {
2287
+ display: flex;
2288
+ flex-direction: column;
2289
+ gap: 0.75rem;
2290
+ }
2291
+ :where([data-webskill-embed]) .webskill-surface-entry--complete, :where([data-webskill-embed]).webskill-surface-entry--complete {
2292
+ content-visibility: auto;
2293
+ contain-intrinsic-size: auto 18rem;
2294
+ }
2295
+ :where([data-webskill-embed]) .webskill-surface, :where([data-webskill-embed]).webskill-surface {
2296
+ border: 1px solid var(--color-border);
2297
+ border-radius: var(--radius-card);
2298
+ background: var(--color-surface);
2299
+ box-shadow: var(--shadow-card);
2300
+ }
2301
+ :where([data-webskill-embed]) .webskill-surface--form, :where([data-webskill-embed]).webskill-surface--form,:where([data-webskill-embed]) .webskill-surface--metric, :where([data-webskill-embed]) .webskill-surface--metric,:where([data-webskill-embed]) .webskill-surface--file, :where([data-webskill-embed]) .webskill-surface--file,:where([data-webskill-embed]) .webskill-surface--error, :where([data-webskill-embed]) .webskill-surface--error,:where([data-webskill-embed]) .webskill-surface--unsupported, :where([data-webskill-embed]) .webskill-surface--unsupported {
2302
+ padding: 1rem;
2303
+ }
2304
+ :where([data-webskill-embed]) .webskill-surface.webskill-surface--spec, :where([data-webskill-embed]).webskill-surface.webskill-surface--spec {
2305
+ padding: 1rem;
2306
+ }
2307
+ :where([data-webskill-embed]) .webskill-surface--spec > .webskill-spec-card:only-child, :where([data-webskill-embed]).webskill-surface--spec > .webskill-spec-card:only-child,:where([data-webskill-embed]) .webskill-surface--spec > div > .webskill-spec-card:only-child, :where([data-webskill-embed]) .webskill-surface--spec > div > .webskill-spec-card:only-child {
2308
+ border: 0;
2309
+ background: transparent;
2310
+ box-shadow: none;
2311
+ padding: 0;
2312
+ }
2313
+ :where([data-webskill-embed]) .webskill-surface--form, :where([data-webskill-embed]).webskill-surface--form,:where([data-webskill-embed]) .webskill-surface__field, :where([data-webskill-embed]) .webskill-surface__field {
2314
+ display: flex;
2315
+ flex-direction: column;
2316
+ gap: 0.5rem;
2317
+ }
2318
+ :where([data-webskill-embed]) .webskill-surface__field > input, :where([data-webskill-embed]).webskill-surface__field > input,:where([data-webskill-embed]) .webskill-surface__field > select, :where([data-webskill-embed]) .webskill-surface__field > select,:where([data-webskill-embed]) .webskill-surface__field > textarea, :where([data-webskill-embed]) .webskill-surface__field > textarea {
2319
+ width: 100%;
2320
+ border: 1px solid var(--color-border);
2321
+ border-radius: 0.5rem;
2322
+ background: var(--color-surface);
2323
+ padding: 0.5rem 0.75rem;
2324
+ color: var(--color-ink);
2325
+ }
2326
+ :where([data-webskill-embed]) .webskill-surface__actions, :where([data-webskill-embed]).webskill-surface__actions {
2327
+ display: flex;
2328
+ flex-wrap: wrap;
2329
+ gap: 0.5rem;
2330
+ }
2331
+ :where([data-webskill-embed]) .webskill-surface__actions button, :where([data-webskill-embed]).webskill-surface__actions button,:where([data-webskill-embed]) .webskill-surface__table-header button, :where([data-webskill-embed]) .webskill-surface__table-header button {
2332
+ cursor: pointer;
2333
+ border: 0;
2334
+ border-radius: 0.5rem;
2335
+ background: var(--color-primary);
2336
+ padding: 0.5rem 0.75rem;
2337
+ color: white;
2338
+ font-weight: 600;
2339
+ }
2340
+ :where([data-webskill-embed]) .webskill-surface__actions button:disabled, :where([data-webskill-embed]).webskill-surface__actions button:disabled {
2341
+ cursor: not-allowed;
2342
+ opacity: 0.55;
2343
+ }
2344
+ :where([data-webskill-embed]) .webskill-surface--chart, :where([data-webskill-embed]).webskill-surface--chart {
2345
+ overflow: hidden;
2346
+ }
2347
+ :where([data-webskill-embed]) .webskill-surface__chart, :where([data-webskill-embed]).webskill-surface__chart {
2348
+ height: 20rem;
2349
+ min-height: 14rem;
2350
+ }
2351
+ :where([data-webskill-embed]) .webskill-surface--table, :where([data-webskill-embed]).webskill-surface--table {
2352
+ overflow: hidden;
2353
+ }
2354
+ :where([data-webskill-embed]) .webskill-surface__table-scroll, :where([data-webskill-embed]).webskill-surface__table-scroll {
2355
+ border-inline: 0;
2356
+ border-radius: 0;
2357
+ }
2358
+ :where([data-webskill-embed]) .webskill-surface__table-scroll > [data-radix-scroll-area-viewport], :where([data-webskill-embed]).webskill-surface__table-scroll > [data-radix-scroll-area-viewport] {
2359
+ max-height: 22.5rem;
2360
+ }
2361
+ :where([data-webskill-embed]) [data-webskill-data-table], :where([data-webskill-embed])[data-webskill-data-table] {
2362
+ container-type: inline-size;
2363
+ container-name: webskill-table;
2364
+ }
2365
+ @container webskill-table (width < 30rem) {
2366
+ :where([data-webskill-embed]) .webskill-surface__table-header th, :where([data-webskill-embed]).webskill-surface__table-header th,:where([data-webskill-embed]) .webskill-surface__table-body td, :where([data-webskill-embed]) .webskill-surface__table-body td {
2367
+ --webskill-table-min-col: 5rem;
2368
+ }
2369
+ }
2370
+ :where([data-webskill-embed]) .webskill-surface__table-scroll table, :where([data-webskill-embed]).webskill-surface__table-scroll table {
2371
+ width: max-content;
2372
+ min-width: 100%;
2373
+ }
2374
+ :where([data-webskill-embed]) .webskill-surface__table-header, :where([data-webskill-embed]).webskill-surface__table-header {
2375
+ position: sticky;
2376
+ z-index: var(--webskill-z-sticky);
2377
+ top: 0;
2378
+ background-color: var(--color-surface);
2379
+ background-image: linear-gradient(var(--color-subtle), var(--color-subtle));
2380
+ }
2381
+ :where([data-webskill-embed]) .webskill-surface__table-header th, :where([data-webskill-embed]).webskill-surface__table-header th,:where([data-webskill-embed]) .webskill-surface__table-body td, :where([data-webskill-embed]) .webskill-surface__table-body td {
2382
+ min-width: var(--webskill-table-min-col, 8rem);
2383
+ border-inline-end: 1px solid var(--color-border);
2384
+ border-bottom: 1px solid var(--color-border);
2385
+ padding: 0.625rem 0.75rem;
2386
+ text-align: left;
2387
+ vertical-align: middle;
2388
+ }
2389
+ :where([data-webskill-embed]) .webskill-surface__table-header th, :where([data-webskill-embed]).webskill-surface__table-header th {
2390
+ border-inline-end: 0;
2391
+ border-bottom: 0;
2392
+ box-shadow: inset -1px -1px 0 0 var(--color-border);
2393
+ }
2394
+ :where([data-webskill-embed]) .webskill-surface__table-header th:last-child, :where([data-webskill-embed]).webskill-surface__table-header th:last-child,:where([data-webskill-embed]) .webskill-surface__table-body td:last-child, :where([data-webskill-embed]) .webskill-surface__table-body td:last-child {
2395
+ border-inline-end: 0;
2396
+ }
2397
+ :where([data-webskill-embed]) .webskill-surface__table-header th:last-child, :where([data-webskill-embed]).webskill-surface__table-header th:last-child {
2398
+ box-shadow: inset 0 -1px 0 0 var(--color-border);
2399
+ }
2400
+ :where([data-webskill-embed]) .webskill-surface__table-header button, :where([data-webskill-embed]).webskill-surface__table-header button {
2401
+ width: 100%;
2402
+ border-radius: 0;
2403
+ background: transparent;
2404
+ padding: 0;
2405
+ color: var(--color-ink);
2406
+ text-align: left;
2407
+ }
2408
+ :where([data-webskill-embed]) .webskill-surface__table-header button:hover, :where([data-webskill-embed]).webskill-surface__table-header button:hover {
2409
+ color: var(--muted-foreground);
2410
+ }
2411
+ :where([data-webskill-embed]) .webskill-surface__table-body tr:last-child td, :where([data-webskill-embed]).webskill-surface__table-body tr:last-child td {
2412
+ border-bottom: 0;
2413
+ }
2414
+ :where([data-webskill-embed]) .webskill-surface__table-pagination, :where([data-webskill-embed]).webskill-surface__table-pagination,:where([data-webskill-embed]) .webskill-surface--chart > .webskill-surface__actions, :where([data-webskill-embed]) .webskill-surface--chart > .webskill-surface__actions,:where([data-webskill-embed]) .webskill-surface--table > .webskill-surface__actions, :where([data-webskill-embed]) .webskill-surface--table > .webskill-surface__actions {
2415
+ border-top: 1px solid var(--color-border);
2416
+ padding: 0.5rem 0.75rem;
2417
+ }
2418
+ :where([data-webskill-embed]) .webskill-surface__table-pagination, :where([data-webskill-embed]).webskill-surface__table-pagination {
2419
+ display: flex;
2420
+ align-items: center;
2421
+ justify-content: flex-end;
2422
+ gap: 0.75rem;
2423
+ font-size: 0.875rem;
2424
+ }
2425
+ :where([data-webskill-embed]) .webskill-surface__table-pagination button, :where([data-webskill-embed]).webskill-surface__table-pagination button {
2426
+ cursor: pointer;
2427
+ border: 1px solid var(--color-border);
2428
+ border-radius: 0.375rem;
2429
+ background: var(--color-background);
2430
+ padding: 0.375rem 0.625rem;
2431
+ color: var(--color-foreground);
2432
+ }
2433
+ :where([data-webskill-embed]) .webskill-surface__table-pagination button:disabled, :where([data-webskill-embed]).webskill-surface__table-pagination button:disabled {
2434
+ cursor: not-allowed;
2435
+ opacity: 0.5;
2436
+ }
2437
+ :where([data-webskill-embed]) .webskill-surface--metric, :where([data-webskill-embed]).webskill-surface--metric {
2438
+ display: grid;
2439
+ gap: 0.25rem;
2440
+ }
2441
+ :where([data-webskill-embed]) .webskill-surface--metric strong, :where([data-webskill-embed]).webskill-surface--metric strong {
2442
+ font-size: 1.5rem;
2443
+ }
2444
+ :where([data-webskill-embed]) .webskill-surface--error, :where([data-webskill-embed]).webskill-surface--error,:where([data-webskill-embed]) .webskill-surface--unsupported, :where([data-webskill-embed]) .webskill-surface--unsupported {
2445
+ border-color: var(--destructive);
2446
+ }
2447
+ :where([data-webskill-embed]) .webskill-palette-sky, :where([data-webskill-embed]).webskill-palette-sky {
2448
+ background: var(--palette-sky);
2449
+ color: var(--palette-sky-ink);
2450
+ }
2451
+ :where([data-webskill-embed]) .webskill-palette-violet, :where([data-webskill-embed]).webskill-palette-violet {
2452
+ background: var(--palette-violet);
2453
+ color: var(--palette-violet-ink);
2454
+ }
2455
+ :where([data-webskill-embed]) .webskill-palette-amber, :where([data-webskill-embed]).webskill-palette-amber {
2456
+ background: var(--palette-amber);
2457
+ color: var(--palette-amber-ink);
2458
+ }
2459
+ :where([data-webskill-embed]) .webskill-palette-rose, :where([data-webskill-embed]).webskill-palette-rose {
2460
+ background: var(--palette-rose);
2461
+ color: var(--palette-rose-ink);
2462
+ }
2463
+ :where([data-webskill-embed]) .webskill-palette-emerald, :where([data-webskill-embed]).webskill-palette-emerald {
2464
+ background: var(--palette-emerald);
2465
+ color: var(--palette-emerald-ink);
2466
+ }
2467
+ :where([data-webskill-embed]) [data-webskill-theme='vivid'], :where([data-webskill-embed])[data-webskill-theme='vivid'] {
2468
+ --radius-card: 1rem;
2469
+ --shadow-card: var(--shadow-card-vivid);
2470
+ }
2471
+ :where([data-webskill-embed]) [data-webskill-theme='dashboard-dark'], :where([data-webskill-embed])[data-webskill-theme='dashboard-dark'] {
2472
+ --radius-card: 0.375rem;
2473
+ --shadow-card: none;
2474
+ --color-surface: var(--surface-dashboard);
2475
+ --color-border: var(--border-dashboard);
2476
+ }
2477
+ :where([data-webskill-embed]) .webskill-spec-split, :where([data-webskill-embed]).webskill-spec-split {
2478
+ container-type: inline-size;
2479
+ grid-template-columns: var(--split-ratio, 1fr 1fr);
2480
+ }
2481
+ :where([data-webskill-embed]) .webskill-spec-card--span2, :where([data-webskill-embed]).webskill-spec-card--span2 {
2482
+ grid-column: span 2;
2483
+ }
2484
+ @container (max-width: 30rem) {
2485
+ :where([data-webskill-embed]) .webskill-spec-split, :where([data-webskill-embed]).webskill-spec-split {
2486
+ grid-template-columns: 1fr;
2487
+ }
2488
+ :where([data-webskill-embed]) .webskill-spec-card--span2, :where([data-webskill-embed]).webskill-spec-card--span2 {
2489
+ grid-column: auto;
2490
+ }
2491
+ }
2492
+ :where([data-webskill-embed]) .webskill-spec-form__fields, :where([data-webskill-embed]).webskill-spec-form__fields {
2493
+ display: grid;
2494
+ gap: 0.75rem;
2495
+ container-type: inline-size;
2496
+ grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
2497
+ }
2498
+ :where([data-webskill-embed]) .webskill-spec-form__fields > :has(textarea), :where([data-webskill-embed]).webskill-spec-form__fields > :has(textarea),:where([data-webskill-embed]) .webskill-spec-form__fields > [data-field-span='full'], :where([data-webskill-embed]) .webskill-spec-form__fields > [data-field-span='full'] {
2499
+ grid-column: 1 / -1;
2500
+ }
2501
+ :where([data-webskill-embed]) .aui-md, :where([data-webskill-embed]).aui-md {
2502
+ color: var(--color-ink);
2503
+ font-size: 0.875rem;
2504
+ line-height: 1.625;
2505
+ min-width: 0;
2506
+ }
2507
+ :where([data-webskill-embed]) .aui-md > :first-child, :where([data-webskill-embed]).aui-md > :first-child {
2508
+ margin-top: 0;
2509
+ }
2510
+ :where([data-webskill-embed]) .aui-md > :last-child, :where([data-webskill-embed]).aui-md > :last-child {
2511
+ margin-bottom: 0;
2512
+ }
2513
+ :where([data-webskill-embed]) .aui-md p, :where([data-webskill-embed]).aui-md p {
2514
+ margin-block: 1rem;
2515
+ line-height: 1.625;
2516
+ }
2517
+ :where([data-webskill-embed]) .aui-md h1, :where([data-webskill-embed]).aui-md h1,:where([data-webskill-embed]) .aui-md h2, :where([data-webskill-embed]) .aui-md h2,:where([data-webskill-embed]) .aui-md h3, :where([data-webskill-embed]) .aui-md h3,:where([data-webskill-embed]) .aui-md h4, :where([data-webskill-embed]) .aui-md h4 {
2518
+ margin-block: 1.5rem 0.75rem;
2519
+ font-weight: 600;
2520
+ scroll-margin-top: 5rem;
2521
+ }
2522
+ :where([data-webskill-embed]) .aui-md h1, :where([data-webskill-embed]).aui-md h1 {
2523
+ font-size: 1.375rem;
2524
+ }
2525
+ :where([data-webskill-embed]) .aui-md h2, :where([data-webskill-embed]).aui-md h2 {
2526
+ font-size: 1.1875rem;
2527
+ }
2528
+ :where([data-webskill-embed]) .aui-md h3, :where([data-webskill-embed]).aui-md h3 {
2529
+ font-size: 1.0625rem;
2530
+ }
2531
+ :where([data-webskill-embed]) .aui-md h4, :where([data-webskill-embed]).aui-md h4 {
2532
+ font-size: 0.9375rem;
2533
+ }
2534
+ :where([data-webskill-embed]) .aui-md ul, :where([data-webskill-embed]).aui-md ul,:where([data-webskill-embed]) .aui-md ol, :where([data-webskill-embed]) .aui-md ol {
2535
+ margin-block: 1rem;
2536
+ padding-inline-start: 1.5rem;
2537
+ }
2538
+ :where([data-webskill-embed]) .aui-md ul, :where([data-webskill-embed]).aui-md ul {
2539
+ list-style-type: disc;
2540
+ }
2541
+ :where([data-webskill-embed]) .aui-md ol, :where([data-webskill-embed]).aui-md ol {
2542
+ list-style-type: decimal;
2543
+ }
2544
+ :where([data-webskill-embed]) .aui-md li, :where([data-webskill-embed]).aui-md li {
2545
+ margin-block: 0.25rem;
2546
+ }
2547
+ :where([data-webskill-embed]) .aui-md li::marker, :where([data-webskill-embed]).aui-md li::marker {
2548
+ color: var(--color-muted);
2549
+ }
2550
+ :where([data-webskill-embed]) .aui-md blockquote, :where([data-webskill-embed]).aui-md blockquote {
2551
+ margin-block: 1rem;
2552
+ border-inline-start: 2px solid var(--color-border);
2553
+ padding-inline-start: 1rem;
2554
+ color: var(--color-muted);
2555
+ }
2556
+ :where([data-webskill-embed]) .aui-md a, :where([data-webskill-embed]).aui-md a {
2557
+ color: inherit;
2558
+ text-decoration: underline;
2559
+ text-underline-offset: 4px;
2560
+ }
2561
+ :where([data-webskill-embed]) .aui-md hr, :where([data-webskill-embed]).aui-md hr {
2562
+ margin-block: 1.5rem;
2563
+ border: 0;
2564
+ border-top: 1px solid var(--color-border);
2565
+ }
2566
+ :where([data-webskill-embed]) .aui-md :not(pre) > code, :where([data-webskill-embed]).aui-md :not(pre) > code {
2567
+ border-radius: 0.375rem;
2568
+ background: var(--color-subtle);
2569
+ padding: 0.125rem 0.375rem;
2570
+ font-family: var(--font-mono, ui-monospace, monospace);
2571
+ font-size: var(--text-code);
2572
+ color: var(--color-ink);
2573
+ }
2574
+ :where([data-webskill-embed]) .aui-md pre, :where([data-webskill-embed]).aui-md pre {
2575
+ margin-block: 0 1rem;
2576
+ }
2577
+ :where([data-webskill-embed]) .aui-md table, :where([data-webskill-embed]).aui-md table {
2578
+ width: 100%;
2579
+ table-layout: auto;
2580
+ margin-block: 1rem;
2581
+ border-collapse: collapse;
2582
+ border: 1px solid var(--color-border);
2583
+ font-size: 0.8125rem;
2584
+ }
2585
+ :where([data-webskill-embed]) .aui-md th, :where([data-webskill-embed]).aui-md th,:where([data-webskill-embed]) .aui-md td, :where([data-webskill-embed]) .aui-md td {
2586
+ border-bottom: 1px solid var(--color-border);
2587
+ border-inline-end: 1px solid var(--color-border);
2588
+ padding: 0.5rem 0.75rem;
2589
+ text-align: start;
2590
+ overflow-wrap: anywhere;
2591
+ }
2592
+ :where([data-webskill-embed]) .aui-md th, :where([data-webskill-embed]).aui-md th {
2593
+ background: var(--color-subtle);
2594
+ font-weight: 600;
2595
+ }
2596
+ :where([data-webskill-embed]) .aui-md tr:last-child td, :where([data-webskill-embed]).aui-md tr:last-child td {
2597
+ border-bottom: 0;
2598
+ }
2599
+ :where([data-webskill-embed]) .aui-md th:last-child, :where([data-webskill-embed]).aui-md th:last-child,:where([data-webskill-embed]) .aui-md td:last-child, :where([data-webskill-embed]) .aui-md td:last-child {
2600
+ border-inline-end: 0;
2601
+ }
2602
+ @keyframes webskill-aui-pulse {
2603
+ 50% {
2604
+ opacity: 0.5;
2605
+ }
2606
+ }
2607
+ :where([data-webskill-embed]) :where(.aui-md[data-status='running']):empty::after, :where([data-webskill-embed]):where(.aui-md[data-status='running']):empty::after,:where([data-webskill-embed]) :where(.aui-md[data-status='running']) > :where(:not(ol):not(ul):not(pre)):last-child::after, :where([data-webskill-embed]) :where(.aui-md[data-status='running']) > :where(:not(ol):not(ul):not(pre)):last-child::after,:where([data-webskill-embed]) :where(.aui-md[data-status='running']) > pre:last-child code::after, :where([data-webskill-embed]) :where(.aui-md[data-status='running']) > pre:last-child code::after,:where([data-webskill-embed]) :where(.aui-md[data-status='running']) > :where(:is(ol, ul):last-child) > :where(li:last-child:not(:has(* > li)))::after, :where([data-webskill-embed]) :where(.aui-md[data-status='running']) > :where(:is(ol, ul):last-child) > :where(li:last-child:not(:has(* > li)))::after {
2608
+ content: '\25cf';
2609
+ margin-inline: 0.25rem;
2610
+ color: var(--info);
2611
+ animation: webskill-aui-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
2612
+ }
2613
+ @media (prefers-reduced-motion: reduce) {
2614
+ :where([data-webskill-embed]) :where(.aui-md[data-status='running']) *::after, :where([data-webskill-embed]):where(.aui-md[data-status='running']) *::after {
2615
+ animation: none;
2616
+ }
2617
+ }
2618
+ @keyframes webskill-spin {
2619
+ to {
2620
+ transform: rotate(360deg);
2621
+ }
2622
+ }
2623
+ @keyframes webskill-pulse {
2624
+ 50% {
2625
+ opacity: 0.5;
2626
+ }
2627
+ }
2628
+ @layer webskill-properties {
2629
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
2630
+ :where([data-webskill-embed]) *, *:where([data-webskill-embed]),:where([data-webskill-embed]) ::before, :where([data-webskill-embed]) ::before,:where([data-webskill-embed]) ::after, :where([data-webskill-embed]) ::after,:where([data-webskill-embed]) ::backdrop, :where([data-webskill-embed]) ::backdrop {
2631
+ --webskill-tw-translate-x: 0;
2632
+ --webskill-tw-translate-y: 0;
2633
+ --webskill-tw-translate-z: 0;
2634
+ --webskill-tw-scroll-snap-strictness: proximity;
2635
+ --webskill-tw-space-y-reverse: 0;
2636
+ --webskill-tw-divide-y-reverse: 0;
2637
+ --webskill-tw-border-style: solid;
2638
+ --webskill-tw-leading: initial;
2639
+ --webskill-tw-font-weight: initial;
2640
+ --webskill-tw-ordinal: initial;
2641
+ --webskill-tw-slashed-zero: initial;
2642
+ --webskill-tw-numeric-figure: initial;
2643
+ --webskill-tw-numeric-spacing: initial;
2644
+ --webskill-tw-numeric-fraction: initial;
2645
+ --webskill-tw-shadow: 0 0 #0000;
2646
+ --webskill-tw-shadow-color: initial;
2647
+ --webskill-tw-shadow-alpha: 100%;
2648
+ --webskill-tw-inset-shadow: 0 0 #0000;
2649
+ --webskill-tw-inset-shadow-color: initial;
2650
+ --webskill-tw-inset-shadow-alpha: 100%;
2651
+ --webskill-tw-ring-color: initial;
2652
+ --webskill-tw-ring-shadow: 0 0 #0000;
2653
+ --webskill-tw-inset-ring-color: initial;
2654
+ --webskill-tw-inset-ring-shadow: 0 0 #0000;
2655
+ --webskill-tw-ring-inset: initial;
2656
+ --webskill-tw-ring-offset-width: 0px;
2657
+ --webskill-tw-ring-offset-color: #fff;
2658
+ --webskill-tw-ring-offset-shadow: 0 0 #0000;
2659
+ --webskill-tw-outline-style: solid;
2660
+ --webskill-tw-blur: initial;
2661
+ --webskill-tw-brightness: initial;
2662
+ --webskill-tw-contrast: initial;
2663
+ --webskill-tw-grayscale: initial;
2664
+ --webskill-tw-hue-rotate: initial;
2665
+ --webskill-tw-invert: initial;
2666
+ --webskill-tw-opacity: initial;
2667
+ --webskill-tw-saturate: initial;
2668
+ --webskill-tw-sepia: initial;
2669
+ --webskill-tw-drop-shadow: initial;
2670
+ --webskill-tw-drop-shadow-color: initial;
2671
+ --webskill-tw-drop-shadow-alpha: 100%;
2672
+ --webskill-tw-drop-shadow-size: initial;
2673
+ --webskill-tw-backdrop-blur: initial;
2674
+ --webskill-tw-backdrop-brightness: initial;
2675
+ --webskill-tw-backdrop-contrast: initial;
2676
+ --webskill-tw-backdrop-grayscale: initial;
2677
+ --webskill-tw-backdrop-hue-rotate: initial;
2678
+ --webskill-tw-backdrop-invert: initial;
2679
+ --webskill-tw-backdrop-opacity: initial;
2680
+ --webskill-tw-backdrop-saturate: initial;
2681
+ --webskill-tw-backdrop-sepia: initial;
2682
+ --webskill-tw-duration: initial;
2683
+ --webskill-tw-ease: initial;
2684
+ --webskill-tw-content: "";
2685
+ }
2686
+ }
2687
+ }