@texturehq/edges 0.1.8 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components.manifest.json +548 -7
- package/dist/generated/tailwind-tokens-dark.css +190 -0
- package/dist/generated/tailwind-tokens-light.css +190 -0
- package/dist/index.cjs +6 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1183 -125
- package/dist/index.d.ts +1183 -125
- package/dist/index.js +6 -5
- package/dist/index.js.map +1 -1
- package/dist/styles/animations.css +132 -0
- package/dist/styles/computed.css +137 -0
- package/dist/styles/utilities.css +13 -0
- package/dist/styles.css +1654 -641
- package/dist/theme.css +26 -1102
- package/package.json +44 -16
- package/scripts/validate-tokens.js +177 -0
package/dist/styles.css
CHANGED
|
@@ -1,63 +1,485 @@
|
|
|
1
1
|
/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@layer properties;
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
:
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
3
|
+
:root, :host {
|
|
4
|
+
--color-white: #ffffff;
|
|
5
|
+
--color-black: #000000;
|
|
6
|
+
--color-gray-50: #f9fafb;
|
|
7
|
+
--color-gray-100: #f3f4f6;
|
|
8
|
+
--color-gray-200: #e5e7eb;
|
|
9
|
+
--color-gray-300: #d1d5db;
|
|
10
|
+
--color-gray-400: #9ca3af;
|
|
11
|
+
--color-gray-500: #6b7280;
|
|
12
|
+
--color-gray-600: #4b5563;
|
|
13
|
+
--color-gray-700: #374151;
|
|
14
|
+
--color-gray-800: #1f2937;
|
|
15
|
+
--color-gray-900: #111827;
|
|
16
|
+
--color-red-50: oklch(0.971 0.013 17.38);
|
|
17
|
+
--color-red-100: oklch(0.936 0.032 17.717);
|
|
18
|
+
--color-red-200: oklch(0.885 0.062 18.334);
|
|
19
|
+
--color-red-500: oklch(0.637 0.237 25.331);
|
|
20
|
+
--color-red-600: oklch(0.577 0.245 27.325);
|
|
21
|
+
--color-red-700: oklch(0.505 0.213 27.518);
|
|
22
|
+
--color-red-800: oklch(0.444 0.177 26.899);
|
|
23
|
+
--color-green-50: oklch(0.982 0.018 131.68);
|
|
24
|
+
--color-green-100: oklch(0.947 0.052 132.272);
|
|
25
|
+
--color-green-200: oklch(0.895 0.111 131.438);
|
|
26
|
+
--color-green-500: oklch(0.627 0.194 130.331);
|
|
27
|
+
--color-green-600: oklch(0.527 0.19 131.688);
|
|
28
|
+
--color-green-800: oklch(0.366 0.121 132.109);
|
|
29
|
+
--color-blue-50: oklch(0.97 0.014 237.69);
|
|
30
|
+
--color-blue-100: oklch(0.932 0.032 241.935);
|
|
31
|
+
--color-blue-200: oklch(0.882 0.059 243.157);
|
|
32
|
+
--color-blue-500: oklch(0.623 0.214 250.546);
|
|
33
|
+
--color-blue-600: oklch(0.546 0.245 253.739);
|
|
34
|
+
--color-blue-800: oklch(0.424 0.199 255.585);
|
|
35
|
+
--color-yellow-50: oklch(0.987 0.024 102.851);
|
|
36
|
+
--color-yellow-100: oklch(0.973 0.071 103.193);
|
|
37
|
+
--color-yellow-200: oklch(0.945 0.129 101.54);
|
|
38
|
+
--color-yellow-500: oklch(0.795 0.184 86.047);
|
|
39
|
+
--color-yellow-600: oklch(0.681 0.162 75.834);
|
|
40
|
+
--color-yellow-800: oklch(0.456 0.111 61.896);
|
|
41
|
+
--color-brand-primary: #444ae1;
|
|
42
|
+
--color-brand-light: #f7f7ff;
|
|
43
|
+
--color-brand-dark: #363ccb;
|
|
44
|
+
--color-neutral-white: #ffffff;
|
|
45
|
+
--color-neutral-black: #000000;
|
|
46
|
+
--spacing-0: 0px;
|
|
47
|
+
--spacing-1: 0.25rem;
|
|
48
|
+
--spacing-2: 0.5rem;
|
|
49
|
+
--spacing-3: 0.75rem;
|
|
50
|
+
--spacing-4: 1rem;
|
|
51
|
+
--spacing-5: 1.25rem;
|
|
52
|
+
--spacing-6: 1.5rem;
|
|
53
|
+
--spacing-7: 1.75rem;
|
|
54
|
+
--spacing-8: 2rem;
|
|
55
|
+
--spacing-9: 2.25rem;
|
|
56
|
+
--spacing-10: 2.5rem;
|
|
57
|
+
--spacing-12: 3rem;
|
|
58
|
+
--spacing-14: 3.5rem;
|
|
59
|
+
--spacing-16: 4rem;
|
|
60
|
+
--spacing-20: 5rem;
|
|
61
|
+
--spacing-24: 6rem;
|
|
62
|
+
--spacing-28: 7rem;
|
|
63
|
+
--spacing-32: 8rem;
|
|
64
|
+
--spacing-40: 10rem;
|
|
65
|
+
--spacing-48: 12rem;
|
|
66
|
+
--spacing-64: 16rem;
|
|
67
|
+
--spacing-80: 20rem;
|
|
68
|
+
--spacing-96: 24rem;
|
|
69
|
+
--radius-none: 0px;
|
|
70
|
+
--radius-sm: 0.25rem;
|
|
71
|
+
--radius-md: 0.375rem;
|
|
72
|
+
--radius-lg: 0.5rem;
|
|
73
|
+
--radius-xl: 0.75rem;
|
|
74
|
+
--radius-full: 9999px;
|
|
75
|
+
--font-weight-light: 300;
|
|
76
|
+
--font-weight-normal: 400;
|
|
77
|
+
--font-weight-medium: 500;
|
|
78
|
+
--font-weight-semibold: 600;
|
|
79
|
+
--font-weight-bold: 700;
|
|
80
|
+
--color-background-surface: #ffffff;
|
|
81
|
+
--color-background-muted: #f3f4f6;
|
|
82
|
+
--color-background-hover: #f3f4f6;
|
|
83
|
+
--color-background-selected: #d1d5db;
|
|
84
|
+
--color-background-input: #ffffff;
|
|
85
|
+
--color-text-body: #333333;
|
|
86
|
+
--color-text-heading: #111827;
|
|
87
|
+
--color-text-muted: #4b5563;
|
|
88
|
+
--color-text-caption: #6b7280;
|
|
89
|
+
--color-text-placeholder: #9ca3af;
|
|
90
|
+
--color-text-disabled: #9ca3af;
|
|
91
|
+
--color-text-link-default: #444ae1;
|
|
92
|
+
--color-text-link-hover: #363ccb;
|
|
93
|
+
--color-text-onPrimary: #ffffff;
|
|
94
|
+
--color-border-default: #e5e7eb;
|
|
95
|
+
--color-border-focus: #111827;
|
|
96
|
+
--color-border-muted: #e5e7eb;
|
|
97
|
+
--color-border-input: #d1d5db;
|
|
98
|
+
--color-feedback-success-text: #065f46;
|
|
99
|
+
--color-feedback-success-background: #d1fae5;
|
|
100
|
+
--color-feedback-success-border: #10b981;
|
|
101
|
+
--color-feedback-error-text: #b91c1c;
|
|
102
|
+
--color-feedback-error-background: #fee2e2;
|
|
103
|
+
--color-feedback-error-border: #ef4444;
|
|
104
|
+
--color-feedback-warning-text: #92400e;
|
|
105
|
+
--color-feedback-warning-background: #fef3c7;
|
|
106
|
+
--color-feedback-warning-border: #f59e0b;
|
|
107
|
+
--color-feedback-info-text: #2563eb;
|
|
108
|
+
--color-feedback-info-background: #dbeafe;
|
|
109
|
+
--color-feedback-info-border: #93c5fd;
|
|
110
|
+
--color-action-primary: #444ae1;
|
|
111
|
+
--color-action-primary-hover: #383ccb;
|
|
112
|
+
--color-action-secondary: #333333;
|
|
113
|
+
--control-sm: 0.75rem;
|
|
114
|
+
--control-md: 0.875rem;
|
|
115
|
+
--control-lg: 1rem;
|
|
116
|
+
--control-xl: 1.125rem;
|
|
117
|
+
--control-sm-height: calc(var(--control-sm) * 2.75);
|
|
118
|
+
--control-md-height: calc(var(--control-md) * 2.75);
|
|
119
|
+
--control-lg-height: calc(var(--control-lg) * 3);
|
|
120
|
+
--control-xl-height: calc(var(--control-xl) * 3);
|
|
121
|
+
--control-padding-sm: 0.75rem;
|
|
122
|
+
--control-padding-md: 1rem;
|
|
123
|
+
--control-padding-lg: 1.25rem;
|
|
124
|
+
--control-padding-xl: 1.5rem;
|
|
125
|
+
--control-gap-sm: 0.25rem;
|
|
126
|
+
--control-gap-md: 0.375rem;
|
|
127
|
+
--control-gap-lg: 0.5rem;
|
|
128
|
+
--control-gap-xl: 0.625rem;
|
|
129
|
+
--control-border-radius: var(--border-radius-lg);
|
|
130
|
+
--control-text-sm: var(--text-xs);
|
|
131
|
+
--control-text-md: var(--text-sm);
|
|
132
|
+
--control-text-lg: var(--text-base);
|
|
133
|
+
--control-text-xl: var(--text-lg);
|
|
134
|
+
--control-hover-opacity: 0.9;
|
|
135
|
+
--control-focus-ring-color: var(--color-neutral-black);
|
|
136
|
+
--control-focus-ring-color-error: var(--color-feedback-error-border);
|
|
137
|
+
--control-transition-duration: 150ms;
|
|
138
|
+
--control-transition-timing: var(--ease-in-out);
|
|
139
|
+
--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
|
|
140
|
+
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
141
|
+
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
|
|
142
|
+
"Courier New", monospace;
|
|
143
|
+
--color-orange-50: oklch(98% 0.016 73.684);
|
|
144
|
+
--color-orange-200: oklch(90.1% 0.076 70.697);
|
|
145
|
+
--color-orange-600: oklch(64.6% 0.222 41.116);
|
|
146
|
+
--color-orange-800: oklch(47% 0.157 37.304);
|
|
147
|
+
--color-purple-50: oklch(97.7% 0.014 308.299);
|
|
148
|
+
--color-purple-600: oklch(55.8% 0.288 302.321);
|
|
149
|
+
--color-slate-300: oklch(86.9% 0.022 252.894);
|
|
150
|
+
--color-slate-600: oklch(44.6% 0.043 257.281);
|
|
151
|
+
--color-slate-700: oklch(37.2% 0.044 257.287);
|
|
152
|
+
--color-slate-800: oklch(27.9% 0.041 260.031);
|
|
153
|
+
--color-zinc-100: oklch(96.7% 0.001 286.375);
|
|
154
|
+
--color-zinc-200: oklch(92% 0.004 286.32);
|
|
155
|
+
--color-zinc-300: oklch(87.1% 0.006 286.286);
|
|
156
|
+
--color-zinc-400: oklch(70.5% 0.015 286.067);
|
|
157
|
+
--color-zinc-600: oklch(44.2% 0.017 285.786);
|
|
158
|
+
--color-zinc-700: oklch(37% 0.013 285.805);
|
|
159
|
+
--color-zinc-900: oklch(21% 0.006 285.885);
|
|
160
|
+
--spacing: 0.25rem;
|
|
161
|
+
--container-xs: 20rem;
|
|
162
|
+
--container-sm: 24rem;
|
|
163
|
+
--container-md: 28rem;
|
|
164
|
+
--container-lg: 32rem;
|
|
165
|
+
--container-xl: 36rem;
|
|
166
|
+
--container-4xl: 56rem;
|
|
167
|
+
--container-6xl: 72rem;
|
|
168
|
+
--text-xs: 0.75rem;
|
|
169
|
+
--text-xs--line-height: calc(1 / 0.75);
|
|
170
|
+
--text-sm: 0.875rem;
|
|
171
|
+
--text-sm--line-height: calc(1.25 / 0.875);
|
|
172
|
+
--text-base: 1rem;
|
|
173
|
+
--text-base--line-height: calc(1.5 / 1);
|
|
174
|
+
--text-lg: 1.125rem;
|
|
175
|
+
--text-lg--line-height: calc(1.75 / 1.125);
|
|
176
|
+
--text-xl: 1.25rem;
|
|
177
|
+
--text-xl--line-height: calc(1.75 / 1.25);
|
|
178
|
+
--text-2xl: 1.5rem;
|
|
179
|
+
--text-2xl--line-height: calc(2 / 1.5);
|
|
180
|
+
--text-3xl: 1.875rem;
|
|
181
|
+
--text-3xl--line-height: calc(2.25 / 1.875);
|
|
182
|
+
--text-4xl: 2.25rem;
|
|
183
|
+
--text-4xl--line-height: calc(2.5 / 2.25);
|
|
184
|
+
--tracking-tight: -0.025em;
|
|
185
|
+
--tracking-wider: 0.05em;
|
|
186
|
+
--leading-relaxed: 1.625;
|
|
187
|
+
--drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
|
|
188
|
+
--ease-in: cubic-bezier(0.4, 0, 1, 1);
|
|
189
|
+
--ease-out: cubic-bezier(0, 0, 0.2, 1);
|
|
190
|
+
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
|
191
|
+
--animate-spin: spin 1s linear infinite;
|
|
192
|
+
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
193
|
+
--blur-sm: 8px;
|
|
194
|
+
--blur-md: 12px;
|
|
195
|
+
--blur-2xl: 40px;
|
|
196
|
+
--default-transition-duration: 150ms;
|
|
197
|
+
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
198
|
+
--default-font-family: var(--font-sans);
|
|
199
|
+
--default-mono-font-family: var(--font-mono);
|
|
200
|
+
}
|
|
201
|
+
.dark {
|
|
202
|
+
--color-white: #ffffff;
|
|
203
|
+
--color-black: #000000;
|
|
204
|
+
--color-gray-50: #f9fafb;
|
|
205
|
+
--color-gray-100: #f3f4f6;
|
|
206
|
+
--color-gray-200: #e5e7eb;
|
|
207
|
+
--color-gray-300: #d1d5db;
|
|
208
|
+
--color-gray-400: #9ca3af;
|
|
209
|
+
--color-gray-500: #6b7280;
|
|
210
|
+
--color-gray-600: #4b5563;
|
|
211
|
+
--color-gray-700: #374151;
|
|
212
|
+
--color-gray-800: #1f2937;
|
|
213
|
+
--color-gray-900: #111827;
|
|
214
|
+
--color-gray-950: #030712;
|
|
215
|
+
--color-red-50: oklch(0.971 0.013 17.38);
|
|
216
|
+
--color-red-100: oklch(0.936 0.032 17.717);
|
|
217
|
+
--color-red-200: oklch(0.885 0.062 18.334);
|
|
218
|
+
--color-red-300: oklch(0.808 0.114 19.571);
|
|
219
|
+
--color-red-400: oklch(0.704 0.191 22.216);
|
|
220
|
+
--color-red-500: oklch(0.637 0.237 25.331);
|
|
221
|
+
--color-red-600: oklch(0.577 0.245 27.325);
|
|
222
|
+
--color-red-700: oklch(0.505 0.213 27.518);
|
|
223
|
+
--color-red-800: oklch(0.444 0.177 26.899);
|
|
224
|
+
--color-red-900: oklch(0.396 0.141 25.723);
|
|
225
|
+
--color-red-950: oklch(0.258 0.092 26.042);
|
|
226
|
+
--color-green-50: oklch(0.982 0.018 131.68);
|
|
227
|
+
--color-green-100: oklch(0.947 0.052 132.272);
|
|
228
|
+
--color-green-200: oklch(0.895 0.111 131.438);
|
|
229
|
+
--color-green-300: oklch(0.82 0.178 132.63);
|
|
230
|
+
--color-green-400: oklch(0.718 0.209 130.901);
|
|
231
|
+
--color-green-500: oklch(0.627 0.194 130.331);
|
|
232
|
+
--color-green-600: oklch(0.527 0.19 131.688);
|
|
233
|
+
--color-green-700: oklch(0.437 0.154 132.474);
|
|
234
|
+
--color-green-800: oklch(0.366 0.121 132.109);
|
|
235
|
+
--color-green-900: oklch(0.314 0.095 133.748);
|
|
236
|
+
--color-green-950: oklch(0.197 0.06 130.709);
|
|
237
|
+
--color-blue-50: oklch(0.97 0.014 237.69);
|
|
238
|
+
--color-blue-100: oklch(0.932 0.032 241.935);
|
|
239
|
+
--color-blue-200: oklch(0.882 0.059 243.157);
|
|
240
|
+
--color-blue-300: oklch(0.809 0.105 244.039);
|
|
241
|
+
--color-blue-400: oklch(0.707 0.165 246.422);
|
|
242
|
+
--color-blue-500: oklch(0.623 0.214 250.546);
|
|
243
|
+
--color-blue-600: oklch(0.546 0.245 253.739);
|
|
244
|
+
--color-blue-700: oklch(0.488 0.243 255.638);
|
|
245
|
+
--color-blue-800: oklch(0.424 0.199 255.585);
|
|
246
|
+
--color-blue-900: oklch(0.368 0.146 254.128);
|
|
247
|
+
--color-blue-950: oklch(0.262 0.09 254.128);
|
|
248
|
+
--color-yellow-50: oklch(0.987 0.024 102.851);
|
|
249
|
+
--color-yellow-100: oklch(0.973 0.071 103.193);
|
|
250
|
+
--color-yellow-200: oklch(0.945 0.129 101.54);
|
|
251
|
+
--color-yellow-300: oklch(0.905 0.182 98.111);
|
|
252
|
+
--color-yellow-400: oklch(0.852 0.199 91.936);
|
|
253
|
+
--color-yellow-500: oklch(0.795 0.184 86.047);
|
|
254
|
+
--color-yellow-600: oklch(0.681 0.162 75.834);
|
|
255
|
+
--color-yellow-700: oklch(0.554 0.135 66.191);
|
|
256
|
+
--color-yellow-800: oklch(0.456 0.111 61.896);
|
|
257
|
+
--color-yellow-900: oklch(0.398 0.092 60.236);
|
|
258
|
+
--color-yellow-950: oklch(0.265 0.06 56.259);
|
|
259
|
+
--color-brand-primary: #444ae1;
|
|
260
|
+
--color-brand-light: #f7f7ff;
|
|
261
|
+
--color-brand-dark: #363ccb;
|
|
262
|
+
--color-brand-background: #f6f7ff;
|
|
263
|
+
--color-neutral-white: #ffffff;
|
|
264
|
+
--color-neutral-black: #000000;
|
|
265
|
+
--spacing-0: 0px;
|
|
266
|
+
--spacing-1: 0.25rem;
|
|
267
|
+
--spacing-2: 0.5rem;
|
|
268
|
+
--spacing-3: 0.75rem;
|
|
269
|
+
--spacing-4: 1rem;
|
|
270
|
+
--spacing-5: 1.25rem;
|
|
271
|
+
--spacing-6: 1.5rem;
|
|
272
|
+
--spacing-7: 1.75rem;
|
|
273
|
+
--spacing-8: 2rem;
|
|
274
|
+
--spacing-9: 2.25rem;
|
|
275
|
+
--spacing-10: 2.5rem;
|
|
276
|
+
--spacing-11: 2.75rem;
|
|
277
|
+
--spacing-12: 3rem;
|
|
278
|
+
--spacing-14: 3.5rem;
|
|
279
|
+
--spacing-16: 4rem;
|
|
280
|
+
--spacing-20: 5rem;
|
|
281
|
+
--spacing-24: 6rem;
|
|
282
|
+
--spacing-28: 7rem;
|
|
283
|
+
--spacing-32: 8rem;
|
|
284
|
+
--spacing-36: 9rem;
|
|
285
|
+
--spacing-40: 10rem;
|
|
286
|
+
--spacing-44: 11rem;
|
|
287
|
+
--spacing-48: 12rem;
|
|
288
|
+
--spacing-52: 13rem;
|
|
289
|
+
--spacing-56: 14rem;
|
|
290
|
+
--spacing-60: 15rem;
|
|
291
|
+
--spacing-64: 16rem;
|
|
292
|
+
--spacing-72: 18rem;
|
|
293
|
+
--spacing-80: 20rem;
|
|
294
|
+
--spacing-96: 24rem;
|
|
295
|
+
--radius-none: 0px;
|
|
296
|
+
--radius-xs: 0.125rem;
|
|
297
|
+
--radius-sm: 0.25rem;
|
|
298
|
+
--radius-md: 0.375rem;
|
|
299
|
+
--radius-lg: 0.5rem;
|
|
300
|
+
--radius-xl: 0.75rem;
|
|
301
|
+
--radius-2xl: 1rem;
|
|
302
|
+
--radius-3xl: 1.5rem;
|
|
303
|
+
--radius-4xl: 2rem;
|
|
304
|
+
--radius-full: 9999px;
|
|
305
|
+
--font-family-sans: Inter, system-ui, sans-serif;
|
|
306
|
+
--font-family-brand: 'TT Firs Neue', 'Helvetica Neue', Arial, system-ui, sans-serif;
|
|
307
|
+
--font-family-serif: Merriweather, serif;
|
|
308
|
+
--font-family-mono: 'Fira Code', monospace;
|
|
309
|
+
--font-size-xs: 0.75rem;
|
|
310
|
+
--font-size-sm: 0.875rem;
|
|
311
|
+
--font-size-base: 1rem;
|
|
312
|
+
--font-size-lg: 1.125rem;
|
|
313
|
+
--font-size-xl: 1.25rem;
|
|
314
|
+
--font-size-2xl: 1.5rem;
|
|
315
|
+
--font-size-3xl: 1.875rem;
|
|
316
|
+
--font-size-4xl: 2.25rem;
|
|
317
|
+
--font-size-5xl: 3rem;
|
|
318
|
+
--font-size-6xl: 3.75rem;
|
|
319
|
+
--font-size-7xl: 4.5rem;
|
|
320
|
+
--font-size-8xl: 6rem;
|
|
321
|
+
--font-size-9xl: 8rem;
|
|
322
|
+
--font-weight-thin: 100;
|
|
323
|
+
--font-weight-extralight: 200;
|
|
324
|
+
--font-weight-light: 300;
|
|
325
|
+
--font-weight-normal: 400;
|
|
326
|
+
--font-weight-medium: 500;
|
|
327
|
+
--font-weight-semibold: 600;
|
|
328
|
+
--font-weight-bold: 700;
|
|
329
|
+
--font-weight-extrabold: 800;
|
|
330
|
+
--font-weight-black: 900;
|
|
331
|
+
--font-lineheight-tight: 1.25;
|
|
332
|
+
--font-lineheight-snug: 1.375;
|
|
333
|
+
--font-lineheight-normal: 1.5;
|
|
334
|
+
--font-lineheight-relaxed: 1.625;
|
|
335
|
+
--font-lineheight-loose: 2;
|
|
336
|
+
--font-letterspacing-tighter: -0.05em;
|
|
337
|
+
--font-letterspacing-tight: -0.025em;
|
|
338
|
+
--font-letterspacing-normal: 0em;
|
|
339
|
+
--font-letterspacing-wide: 0.025em;
|
|
340
|
+
--font-letterspacing-wider: 0.05em;
|
|
341
|
+
--font-letterspacing-widest: 0.1em;
|
|
342
|
+
--color-background-body: #151a30;
|
|
343
|
+
--color-background-surface: #1a2038;
|
|
344
|
+
--color-background-muted: #374151;
|
|
345
|
+
--color-background-hover: #4b5563;
|
|
346
|
+
--color-background-selected: #6b7280;
|
|
347
|
+
--color-background-modal: rgba(255, 255, 255, 0.12);
|
|
348
|
+
--color-background-input: rgba(255, 255, 255, 0.05);
|
|
349
|
+
--color-text-body: #ededef;
|
|
350
|
+
--color-text-heading: #ffffff;
|
|
351
|
+
--color-text-muted: #9ca3af;
|
|
352
|
+
--color-text-caption: #d1d5db;
|
|
353
|
+
--color-text-placeholder: #9ca3af;
|
|
354
|
+
--color-text-disabled: #9ca3af;
|
|
355
|
+
--color-text-link-default: #b4b9ff;
|
|
356
|
+
--color-text-link-hover: #c0c5ff;
|
|
357
|
+
--color-text-onPrimary: #1f2937;
|
|
358
|
+
--color-border-default: #2e3a59;
|
|
359
|
+
--color-border-focus: #e5e7eb;
|
|
360
|
+
--color-border-muted: #4b5563;
|
|
361
|
+
--color-border-input: #6b7280;
|
|
362
|
+
--color-feedback-success-text: #d1fae5;
|
|
363
|
+
--color-feedback-success-background: #064e3b;
|
|
364
|
+
--color-feedback-success-border: #059669;
|
|
365
|
+
--color-feedback-error-text: #f87171;
|
|
366
|
+
--color-feedback-error-background: #7f1d1d;
|
|
367
|
+
--color-feedback-error-border: #dc2626;
|
|
368
|
+
--color-feedback-warning-text: #fbbf24;
|
|
369
|
+
--color-feedback-warning-background: #78350f;
|
|
370
|
+
--color-feedback-warning-border: #d97706;
|
|
371
|
+
--color-feedback-info-text: #60a5fa;
|
|
372
|
+
--color-feedback-info-background: #1e3a8a;
|
|
373
|
+
--color-feedback-info-border: #2563eb;
|
|
374
|
+
--color-action-primary: #7a8ee1;
|
|
375
|
+
--color-action-primary-hover: #6a6fcc;
|
|
376
|
+
--color-action-primary-text: #ffffff;
|
|
377
|
+
--color-action-secondary: #e5e7eb;
|
|
378
|
+
--color-action-secondary-hover: #f3f4f6;
|
|
379
|
+
--color-action-secondary-text: #111827;
|
|
380
|
+
}
|
|
381
|
+
@keyframes wave {
|
|
382
|
+
0% {
|
|
383
|
+
transform: translateX(-100%);
|
|
384
|
+
}
|
|
385
|
+
50%, 100% {
|
|
386
|
+
transform: translateX(100%);
|
|
387
|
+
}
|
|
388
|
+
}
|
|
389
|
+
@keyframes slide-in-from-right {
|
|
390
|
+
from {
|
|
391
|
+
transform: translateX(100%);
|
|
392
|
+
}
|
|
393
|
+
to {
|
|
394
|
+
transform: translateX(0);
|
|
395
|
+
}
|
|
396
|
+
}
|
|
397
|
+
@keyframes slide-in-from-left {
|
|
398
|
+
from {
|
|
399
|
+
transform: translateX(-100%);
|
|
400
|
+
}
|
|
401
|
+
to {
|
|
402
|
+
transform: translateX(0);
|
|
403
|
+
}
|
|
404
|
+
}
|
|
405
|
+
@keyframes slide-out-to-right {
|
|
406
|
+
from {
|
|
407
|
+
transform: translateX(0);
|
|
408
|
+
}
|
|
409
|
+
to {
|
|
410
|
+
transform: translateX(100%);
|
|
411
|
+
}
|
|
412
|
+
}
|
|
413
|
+
@keyframes slide-out-to-left {
|
|
414
|
+
from {
|
|
415
|
+
transform: translateX(0);
|
|
416
|
+
}
|
|
417
|
+
to {
|
|
418
|
+
transform: translateX(-100%);
|
|
419
|
+
}
|
|
420
|
+
}
|
|
421
|
+
@keyframes fade-in {
|
|
422
|
+
from {
|
|
423
|
+
opacity: 0;
|
|
424
|
+
}
|
|
425
|
+
to {
|
|
426
|
+
opacity: 1;
|
|
427
|
+
}
|
|
428
|
+
}
|
|
429
|
+
@keyframes fade-out {
|
|
430
|
+
from {
|
|
431
|
+
opacity: 1;
|
|
432
|
+
}
|
|
433
|
+
to {
|
|
434
|
+
opacity: 0;
|
|
435
|
+
}
|
|
436
|
+
}
|
|
437
|
+
@keyframes spin {
|
|
438
|
+
to {
|
|
439
|
+
transform: rotate(360deg);
|
|
440
|
+
}
|
|
441
|
+
}
|
|
442
|
+
@keyframes ping {
|
|
443
|
+
75%, 100% {
|
|
444
|
+
transform: scale(2);
|
|
445
|
+
opacity: 0;
|
|
446
|
+
}
|
|
447
|
+
}
|
|
448
|
+
@keyframes pulse {
|
|
449
|
+
50% {
|
|
450
|
+
opacity: 0.5;
|
|
451
|
+
}
|
|
452
|
+
}
|
|
453
|
+
@keyframes bounce {
|
|
454
|
+
0%, 100% {
|
|
455
|
+
transform: translateY(-25%);
|
|
456
|
+
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
|
|
457
|
+
}
|
|
458
|
+
50% {
|
|
459
|
+
transform: none;
|
|
460
|
+
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
59
461
|
}
|
|
60
462
|
}
|
|
463
|
+
.slide-in-from-right {
|
|
464
|
+
animation: slide-in-from-right 0.3s ease-out;
|
|
465
|
+
}
|
|
466
|
+
.slide-in-from-left {
|
|
467
|
+
animation: slide-in-from-left 0.3s ease-out;
|
|
468
|
+
}
|
|
469
|
+
.slide-out-to-right {
|
|
470
|
+
animation: slide-out-to-right 0.15s ease-in;
|
|
471
|
+
}
|
|
472
|
+
.slide-out-to-left {
|
|
473
|
+
animation: slide-out-to-left 0.15s ease-in;
|
|
474
|
+
}
|
|
475
|
+
.fade-in {
|
|
476
|
+
animation: fade-in 0.2s ease-out;
|
|
477
|
+
}
|
|
478
|
+
.fade-out {
|
|
479
|
+
animation: fade-out 0.15s ease-in;
|
|
480
|
+
}
|
|
481
|
+
@layer theme, base, components, utilities;
|
|
482
|
+
@layer theme;
|
|
61
483
|
@layer base {
|
|
62
484
|
*, ::after, ::before, ::backdrop, ::file-selector-button {
|
|
63
485
|
box-sizing: border-box;
|
|
@@ -259,71 +681,113 @@
|
|
|
259
681
|
position: sticky;
|
|
260
682
|
}
|
|
261
683
|
.inset-0 {
|
|
262
|
-
inset:
|
|
684
|
+
inset: var(--spacing-0);
|
|
263
685
|
}
|
|
264
686
|
.inset-y-\[1px\] {
|
|
265
687
|
inset-block: 1px;
|
|
266
688
|
}
|
|
267
689
|
.-top-2 {
|
|
268
|
-
top: calc(
|
|
690
|
+
top: calc(var(--spacing-2) * -1);
|
|
691
|
+
}
|
|
692
|
+
.-top-5 {
|
|
693
|
+
top: calc(var(--spacing-5) * -1);
|
|
269
694
|
}
|
|
270
695
|
.-top-\[5px\] {
|
|
271
696
|
top: calc(5px * -1);
|
|
272
697
|
}
|
|
273
698
|
.top-0 {
|
|
274
|
-
top:
|
|
699
|
+
top: var(--spacing-0);
|
|
275
700
|
}
|
|
276
701
|
.top-1\/2 {
|
|
277
702
|
top: calc(1/2 * 100%);
|
|
278
703
|
}
|
|
279
704
|
.top-2 {
|
|
280
|
-
top:
|
|
705
|
+
top: var(--spacing-2);
|
|
706
|
+
}
|
|
707
|
+
.top-4 {
|
|
708
|
+
top: var(--spacing-4);
|
|
281
709
|
}
|
|
282
710
|
.-right-2 {
|
|
283
|
-
right: calc(
|
|
711
|
+
right: calc(var(--spacing-2) * -1);
|
|
712
|
+
}
|
|
713
|
+
.right-0 {
|
|
714
|
+
right: var(--spacing-0);
|
|
715
|
+
}
|
|
716
|
+
.right-0\.5 {
|
|
717
|
+
right: calc(var(--spacing) * 0.5);
|
|
718
|
+
}
|
|
719
|
+
.right-1 {
|
|
720
|
+
right: var(--spacing-1);
|
|
284
721
|
}
|
|
285
722
|
.right-2 {
|
|
286
|
-
right:
|
|
723
|
+
right: var(--spacing-2);
|
|
287
724
|
}
|
|
288
725
|
.right-3 {
|
|
289
|
-
right:
|
|
726
|
+
right: var(--spacing-3);
|
|
290
727
|
}
|
|
291
728
|
.right-4 {
|
|
292
|
-
right:
|
|
729
|
+
right: var(--spacing-4);
|
|
293
730
|
}
|
|
294
731
|
.right-\[1px\] {
|
|
295
732
|
right: 1px;
|
|
296
733
|
}
|
|
297
734
|
.-bottom-2 {
|
|
298
|
-
bottom: calc(
|
|
735
|
+
bottom: calc(var(--spacing-2) * -1);
|
|
299
736
|
}
|
|
300
737
|
.bottom-0 {
|
|
301
|
-
bottom:
|
|
738
|
+
bottom: var(--spacing-0);
|
|
739
|
+
}
|
|
740
|
+
.bottom-0\.5 {
|
|
741
|
+
bottom: calc(var(--spacing) * 0.5);
|
|
742
|
+
}
|
|
743
|
+
.bottom-1 {
|
|
744
|
+
bottom: var(--spacing-1);
|
|
745
|
+
}
|
|
746
|
+
.bottom-4 {
|
|
747
|
+
bottom: var(--spacing-4);
|
|
302
748
|
}
|
|
303
749
|
.-left-2 {
|
|
304
|
-
left: calc(
|
|
750
|
+
left: calc(var(--spacing-2) * -1);
|
|
305
751
|
}
|
|
306
752
|
.left-0 {
|
|
307
|
-
left:
|
|
753
|
+
left: var(--spacing-0);
|
|
754
|
+
}
|
|
755
|
+
.left-1\/2 {
|
|
756
|
+
left: calc(1/2 * 100%);
|
|
308
757
|
}
|
|
309
758
|
.left-2 {
|
|
310
|
-
left:
|
|
759
|
+
left: var(--spacing-2);
|
|
311
760
|
}
|
|
312
761
|
.left-3 {
|
|
313
|
-
left:
|
|
762
|
+
left: var(--spacing-3);
|
|
314
763
|
}
|
|
315
764
|
.left-4 {
|
|
316
|
-
left:
|
|
765
|
+
left: var(--spacing-4);
|
|
317
766
|
}
|
|
318
767
|
.left-full {
|
|
319
768
|
left: 100%;
|
|
320
769
|
}
|
|
770
|
+
.isolate {
|
|
771
|
+
isolation: isolate;
|
|
772
|
+
}
|
|
773
|
+
.z-0 {
|
|
774
|
+
z-index: 0;
|
|
775
|
+
}
|
|
321
776
|
.z-10 {
|
|
322
777
|
z-index: 10;
|
|
323
778
|
}
|
|
779
|
+
.z-20 {
|
|
780
|
+
z-index: 20;
|
|
781
|
+
}
|
|
782
|
+
.z-30 {
|
|
783
|
+
z-index: 30;
|
|
784
|
+
}
|
|
324
785
|
.z-50 {
|
|
325
786
|
z-index: 50;
|
|
326
787
|
}
|
|
788
|
+
.col-span-full {
|
|
789
|
+
grid-column: 1 / -1;
|
|
790
|
+
}
|
|
327
791
|
.container {
|
|
328
792
|
width: 100%;
|
|
329
793
|
@media (width >= 40rem) {
|
|
@@ -343,49 +807,67 @@
|
|
|
343
807
|
}
|
|
344
808
|
}
|
|
345
809
|
.-mx-1 {
|
|
346
|
-
margin-inline: calc(
|
|
810
|
+
margin-inline: calc(var(--spacing-1) * -1);
|
|
811
|
+
}
|
|
812
|
+
.mx-1 {
|
|
813
|
+
margin-inline: var(--spacing-1);
|
|
347
814
|
}
|
|
348
815
|
.mx-2 {
|
|
349
|
-
margin-inline:
|
|
816
|
+
margin-inline: var(--spacing-2);
|
|
817
|
+
}
|
|
818
|
+
.mx-auto {
|
|
819
|
+
margin-inline: auto;
|
|
350
820
|
}
|
|
351
821
|
.-my-0\.5 {
|
|
352
|
-
margin-block: calc(
|
|
822
|
+
margin-block: calc(var(--spacing) * -0.5);
|
|
353
823
|
}
|
|
354
824
|
.my-6 {
|
|
355
|
-
margin-block:
|
|
825
|
+
margin-block: var(--spacing-6);
|
|
356
826
|
}
|
|
357
827
|
.-mt-px {
|
|
358
828
|
margin-top: -1px;
|
|
359
829
|
}
|
|
360
830
|
.mt-1 {
|
|
361
|
-
margin-top:
|
|
831
|
+
margin-top: var(--spacing-1);
|
|
362
832
|
}
|
|
363
833
|
.mt-2 {
|
|
364
|
-
margin-top:
|
|
834
|
+
margin-top: var(--spacing-2);
|
|
365
835
|
}
|
|
366
836
|
.mt-3 {
|
|
367
|
-
margin-top:
|
|
837
|
+
margin-top: var(--spacing-3);
|
|
368
838
|
}
|
|
369
839
|
.mt-4 {
|
|
370
|
-
margin-top:
|
|
840
|
+
margin-top: var(--spacing-4);
|
|
841
|
+
}
|
|
842
|
+
.mt-6 {
|
|
843
|
+
margin-top: var(--spacing-6);
|
|
371
844
|
}
|
|
372
845
|
.mr-1 {
|
|
373
|
-
margin-right:
|
|
846
|
+
margin-right: var(--spacing-1);
|
|
847
|
+
}
|
|
848
|
+
.mr-1\.5 {
|
|
849
|
+
margin-right: calc(var(--spacing) * 1.5);
|
|
374
850
|
}
|
|
375
851
|
.mr-2 {
|
|
376
|
-
margin-right:
|
|
852
|
+
margin-right: var(--spacing-2);
|
|
377
853
|
}
|
|
378
854
|
.mb-1 {
|
|
379
|
-
margin-bottom:
|
|
855
|
+
margin-bottom: var(--spacing-1);
|
|
380
856
|
}
|
|
381
857
|
.mb-2 {
|
|
382
|
-
margin-bottom:
|
|
858
|
+
margin-bottom: var(--spacing-2);
|
|
383
859
|
}
|
|
384
860
|
.mb-3 {
|
|
385
|
-
margin-bottom:
|
|
861
|
+
margin-bottom: var(--spacing-3);
|
|
386
862
|
}
|
|
387
863
|
.mb-4 {
|
|
388
|
-
margin-bottom:
|
|
864
|
+
margin-bottom: var(--spacing-4);
|
|
865
|
+
}
|
|
866
|
+
.-ml-px {
|
|
867
|
+
margin-left: -1px;
|
|
868
|
+
}
|
|
869
|
+
.ml-2 {
|
|
870
|
+
margin-left: var(--spacing-2);
|
|
389
871
|
}
|
|
390
872
|
.ml-auto {
|
|
391
873
|
margin-left: auto;
|
|
@@ -399,6 +881,9 @@
|
|
|
399
881
|
.block {
|
|
400
882
|
display: block;
|
|
401
883
|
}
|
|
884
|
+
.contents {
|
|
885
|
+
display: contents;
|
|
886
|
+
}
|
|
402
887
|
.flex {
|
|
403
888
|
display: flex;
|
|
404
889
|
}
|
|
@@ -417,56 +902,71 @@
|
|
|
417
902
|
.inline-flex {
|
|
418
903
|
display: inline-flex;
|
|
419
904
|
}
|
|
905
|
+
.inline-grid {
|
|
906
|
+
display: inline-grid;
|
|
907
|
+
}
|
|
420
908
|
.table {
|
|
421
909
|
display: table;
|
|
422
910
|
}
|
|
423
911
|
.h-1\.5 {
|
|
424
|
-
height: calc(
|
|
912
|
+
height: calc(var(--spacing) * 1.5);
|
|
425
913
|
}
|
|
426
914
|
.h-1\/2 {
|
|
427
915
|
height: calc(1/2 * 100%);
|
|
428
916
|
}
|
|
429
917
|
.h-2 {
|
|
430
|
-
height:
|
|
918
|
+
height: var(--spacing-2);
|
|
919
|
+
}
|
|
920
|
+
.h-2\.5 {
|
|
921
|
+
height: calc(var(--spacing) * 2.5);
|
|
431
922
|
}
|
|
432
923
|
.h-3 {
|
|
433
|
-
height:
|
|
924
|
+
height: var(--spacing-3);
|
|
434
925
|
}
|
|
435
926
|
.h-4 {
|
|
436
|
-
height:
|
|
927
|
+
height: var(--spacing-4);
|
|
437
928
|
}
|
|
438
929
|
.h-5 {
|
|
439
|
-
height:
|
|
930
|
+
height: var(--spacing-5);
|
|
440
931
|
}
|
|
441
932
|
.h-6 {
|
|
442
|
-
height:
|
|
933
|
+
height: var(--spacing-6);
|
|
443
934
|
}
|
|
444
935
|
.h-7 {
|
|
445
|
-
height:
|
|
936
|
+
height: var(--spacing-7);
|
|
446
937
|
}
|
|
447
938
|
.h-8 {
|
|
448
|
-
height:
|
|
939
|
+
height: var(--spacing-8);
|
|
449
940
|
}
|
|
450
941
|
.h-9 {
|
|
451
|
-
height:
|
|
942
|
+
height: var(--spacing-9);
|
|
452
943
|
}
|
|
453
944
|
.h-10 {
|
|
454
|
-
height:
|
|
945
|
+
height: var(--spacing-10);
|
|
455
946
|
}
|
|
456
947
|
.h-12 {
|
|
457
|
-
height:
|
|
948
|
+
height: var(--spacing-12);
|
|
949
|
+
}
|
|
950
|
+
.h-14 {
|
|
951
|
+
height: var(--spacing-14);
|
|
458
952
|
}
|
|
459
953
|
.h-16 {
|
|
460
|
-
height:
|
|
954
|
+
height: var(--spacing-16);
|
|
461
955
|
}
|
|
462
956
|
.h-20 {
|
|
463
|
-
height:
|
|
957
|
+
height: var(--spacing-20);
|
|
464
958
|
}
|
|
465
959
|
.h-28 {
|
|
466
|
-
height:
|
|
960
|
+
height: var(--spacing-28);
|
|
467
961
|
}
|
|
468
962
|
.h-32 {
|
|
469
|
-
height:
|
|
963
|
+
height: var(--spacing-32);
|
|
964
|
+
}
|
|
965
|
+
.h-64 {
|
|
966
|
+
height: var(--spacing-64);
|
|
967
|
+
}
|
|
968
|
+
.h-96 {
|
|
969
|
+
height: var(--spacing-96);
|
|
470
970
|
}
|
|
471
971
|
.h-\[28px\] {
|
|
472
972
|
height: 28px;
|
|
@@ -474,6 +974,9 @@
|
|
|
474
974
|
.h-\[120px\] {
|
|
475
975
|
height: 120px;
|
|
476
976
|
}
|
|
977
|
+
.h-\[400px\] {
|
|
978
|
+
height: 400px;
|
|
979
|
+
}
|
|
477
980
|
.h-\[var\(--control-lg-height\)\] {
|
|
478
981
|
height: var(--control-lg-height);
|
|
479
982
|
}
|
|
@@ -496,7 +999,7 @@
|
|
|
496
999
|
height: 1px;
|
|
497
1000
|
}
|
|
498
1001
|
.max-h-48 {
|
|
499
|
-
max-height:
|
|
1002
|
+
max-height: var(--spacing-48);
|
|
500
1003
|
}
|
|
501
1004
|
.max-h-\[300px\] {
|
|
502
1005
|
max-height: 300px;
|
|
@@ -505,7 +1008,7 @@
|
|
|
505
1008
|
max-height: inherit;
|
|
506
1009
|
}
|
|
507
1010
|
.min-h-0 {
|
|
508
|
-
min-height:
|
|
1011
|
+
min-height: var(--spacing-0);
|
|
509
1012
|
}
|
|
510
1013
|
.min-h-\[28px\] {
|
|
511
1014
|
min-height: 28px;
|
|
@@ -513,41 +1016,80 @@
|
|
|
513
1016
|
.min-h-\[100px\] {
|
|
514
1017
|
min-height: 100px;
|
|
515
1018
|
}
|
|
1019
|
+
.min-h-\[200px\] {
|
|
1020
|
+
min-height: 200px;
|
|
1021
|
+
}
|
|
1022
|
+
.w-1\.5 {
|
|
1023
|
+
width: calc(var(--spacing) * 1.5);
|
|
1024
|
+
}
|
|
1025
|
+
.w-1\/2 {
|
|
1026
|
+
width: calc(1/2 * 100%);
|
|
1027
|
+
}
|
|
516
1028
|
.w-2 {
|
|
517
|
-
width:
|
|
1029
|
+
width: var(--spacing-2);
|
|
1030
|
+
}
|
|
1031
|
+
.w-2\.5 {
|
|
1032
|
+
width: calc(var(--spacing) * 2.5);
|
|
1033
|
+
}
|
|
1034
|
+
.w-2\/3 {
|
|
1035
|
+
width: calc(2/3 * 100%);
|
|
518
1036
|
}
|
|
519
1037
|
.w-3 {
|
|
520
|
-
width:
|
|
1038
|
+
width: var(--spacing-3);
|
|
1039
|
+
}
|
|
1040
|
+
.w-3\/4 {
|
|
1041
|
+
width: calc(3/4 * 100%);
|
|
521
1042
|
}
|
|
522
1043
|
.w-4 {
|
|
523
|
-
width:
|
|
1044
|
+
width: var(--spacing-4);
|
|
524
1045
|
}
|
|
525
1046
|
.w-5 {
|
|
526
|
-
width:
|
|
1047
|
+
width: var(--spacing-5);
|
|
527
1048
|
}
|
|
528
1049
|
.w-6 {
|
|
529
|
-
width:
|
|
1050
|
+
width: var(--spacing-6);
|
|
530
1051
|
}
|
|
531
1052
|
.w-7 {
|
|
532
|
-
width:
|
|
1053
|
+
width: var(--spacing-7);
|
|
533
1054
|
}
|
|
534
1055
|
.w-8 {
|
|
535
|
-
width:
|
|
1056
|
+
width: var(--spacing-8);
|
|
536
1057
|
}
|
|
537
1058
|
.w-9 {
|
|
538
|
-
width:
|
|
1059
|
+
width: var(--spacing-9);
|
|
1060
|
+
}
|
|
1061
|
+
.w-10 {
|
|
1062
|
+
width: var(--spacing-10);
|
|
539
1063
|
}
|
|
540
1064
|
.w-12 {
|
|
541
|
-
width:
|
|
1065
|
+
width: var(--spacing-12);
|
|
1066
|
+
}
|
|
1067
|
+
.w-16 {
|
|
1068
|
+
width: var(--spacing-16);
|
|
1069
|
+
}
|
|
1070
|
+
.w-20 {
|
|
1071
|
+
width: var(--spacing-20);
|
|
1072
|
+
}
|
|
1073
|
+
.w-24 {
|
|
1074
|
+
width: var(--spacing-24);
|
|
542
1075
|
}
|
|
543
1076
|
.w-32 {
|
|
544
|
-
width:
|
|
1077
|
+
width: var(--spacing-32);
|
|
1078
|
+
}
|
|
1079
|
+
.w-40 {
|
|
1080
|
+
width: var(--spacing-40);
|
|
1081
|
+
}
|
|
1082
|
+
.w-48 {
|
|
1083
|
+
width: var(--spacing-48);
|
|
1084
|
+
}
|
|
1085
|
+
.w-64 {
|
|
1086
|
+
width: var(--spacing-64);
|
|
545
1087
|
}
|
|
546
1088
|
.w-80 {
|
|
547
|
-
width:
|
|
1089
|
+
width: var(--spacing-80);
|
|
548
1090
|
}
|
|
549
1091
|
.w-96 {
|
|
550
|
-
width:
|
|
1092
|
+
width: var(--spacing-96);
|
|
551
1093
|
}
|
|
552
1094
|
.w-\[28rem\] {
|
|
553
1095
|
width: 28rem;
|
|
@@ -571,8 +1113,14 @@
|
|
|
571
1113
|
.w-full {
|
|
572
1114
|
width: 100%;
|
|
573
1115
|
}
|
|
1116
|
+
.w-px {
|
|
1117
|
+
width: 1px;
|
|
1118
|
+
}
|
|
574
1119
|
.max-w-4xl {
|
|
575
|
-
max-width:
|
|
1120
|
+
max-width: var(--container-4xl);
|
|
1121
|
+
}
|
|
1122
|
+
.max-w-6xl {
|
|
1123
|
+
max-width: var(--container-6xl);
|
|
576
1124
|
}
|
|
577
1125
|
.max-w-\[200px\] {
|
|
578
1126
|
max-width: 200px;
|
|
@@ -584,25 +1132,31 @@
|
|
|
584
1132
|
max-width: 100%;
|
|
585
1133
|
}
|
|
586
1134
|
.max-w-lg {
|
|
587
|
-
max-width:
|
|
1135
|
+
max-width: var(--container-lg);
|
|
588
1136
|
}
|
|
589
1137
|
.max-w-md {
|
|
590
|
-
max-width:
|
|
1138
|
+
max-width: var(--container-md);
|
|
1139
|
+
}
|
|
1140
|
+
.max-w-none {
|
|
1141
|
+
max-width: none;
|
|
591
1142
|
}
|
|
592
1143
|
.max-w-sm {
|
|
593
|
-
max-width:
|
|
1144
|
+
max-width: var(--container-sm);
|
|
594
1145
|
}
|
|
595
1146
|
.max-w-xl {
|
|
596
|
-
max-width:
|
|
1147
|
+
max-width: var(--container-xl);
|
|
597
1148
|
}
|
|
598
1149
|
.max-w-xs {
|
|
599
|
-
max-width:
|
|
1150
|
+
max-width: var(--container-xs);
|
|
600
1151
|
}
|
|
601
1152
|
.min-w-0 {
|
|
602
|
-
min-width:
|
|
1153
|
+
min-width: var(--spacing-0);
|
|
603
1154
|
}
|
|
604
1155
|
.min-w-10 {
|
|
605
|
-
min-width:
|
|
1156
|
+
min-width: var(--spacing-10);
|
|
1157
|
+
}
|
|
1158
|
+
.min-w-48 {
|
|
1159
|
+
min-width: var(--spacing-48);
|
|
606
1160
|
}
|
|
607
1161
|
.min-w-\[100px\] {
|
|
608
1162
|
min-width: 100px;
|
|
@@ -610,6 +1164,9 @@
|
|
|
610
1164
|
.min-w-\[150px\] {
|
|
611
1165
|
min-width: 150px;
|
|
612
1166
|
}
|
|
1167
|
+
.min-w-\[180px\] {
|
|
1168
|
+
min-width: 180px;
|
|
1169
|
+
}
|
|
613
1170
|
.min-w-\[208px\] {
|
|
614
1171
|
min-width: 208px;
|
|
615
1172
|
}
|
|
@@ -625,11 +1182,29 @@
|
|
|
625
1182
|
.grow {
|
|
626
1183
|
flex-grow: 1;
|
|
627
1184
|
}
|
|
1185
|
+
.table-auto {
|
|
1186
|
+
table-layout: auto;
|
|
1187
|
+
}
|
|
1188
|
+
.table-fixed {
|
|
1189
|
+
table-layout: fixed;
|
|
1190
|
+
}
|
|
628
1191
|
.border-collapse {
|
|
629
1192
|
border-collapse: collapse;
|
|
630
1193
|
}
|
|
1194
|
+
.border-separate {
|
|
1195
|
+
border-collapse: separate;
|
|
1196
|
+
}
|
|
1197
|
+
.border-spacing-0 {
|
|
1198
|
+
--tw-border-spacing-x: var(--spacing-0);
|
|
1199
|
+
--tw-border-spacing-y: var(--spacing-0);
|
|
1200
|
+
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
|
|
1201
|
+
}
|
|
1202
|
+
.-translate-x-1\/2 {
|
|
1203
|
+
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
|
|
1204
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
1205
|
+
}
|
|
631
1206
|
.translate-x-0 {
|
|
632
|
-
--tw-translate-x:
|
|
1207
|
+
--tw-translate-x: var(--spacing-0);
|
|
633
1208
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
634
1209
|
}
|
|
635
1210
|
.translate-x-\[100\%\] {
|
|
@@ -647,10 +1222,10 @@
|
|
|
647
1222
|
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
|
|
648
1223
|
}
|
|
649
1224
|
.animate-pulse {
|
|
650
|
-
animation: pulse
|
|
1225
|
+
animation: var(--animate-pulse);
|
|
651
1226
|
}
|
|
652
1227
|
.animate-spin {
|
|
653
|
-
animation: spin
|
|
1228
|
+
animation: var(--animate-spin);
|
|
654
1229
|
}
|
|
655
1230
|
.cursor-default {
|
|
656
1231
|
cursor: default;
|
|
@@ -676,6 +1251,18 @@
|
|
|
676
1251
|
.resize-y {
|
|
677
1252
|
resize: vertical;
|
|
678
1253
|
}
|
|
1254
|
+
.list-inside {
|
|
1255
|
+
list-style-position: inside;
|
|
1256
|
+
}
|
|
1257
|
+
.list-decimal {
|
|
1258
|
+
list-style-type: decimal;
|
|
1259
|
+
}
|
|
1260
|
+
.list-disc {
|
|
1261
|
+
list-style-type: disc;
|
|
1262
|
+
}
|
|
1263
|
+
.list-none {
|
|
1264
|
+
list-style-type: none;
|
|
1265
|
+
}
|
|
679
1266
|
.\[appearance\:textfield\] {
|
|
680
1267
|
-webkit-appearance: textfield;
|
|
681
1268
|
-moz-appearance: textfield;
|
|
@@ -716,6 +1303,9 @@
|
|
|
716
1303
|
.items-center {
|
|
717
1304
|
align-items: center;
|
|
718
1305
|
}
|
|
1306
|
+
.items-end {
|
|
1307
|
+
align-items: flex-end;
|
|
1308
|
+
}
|
|
719
1309
|
.items-start {
|
|
720
1310
|
align-items: flex-start;
|
|
721
1311
|
}
|
|
@@ -732,46 +1322,46 @@
|
|
|
732
1322
|
justify-content: flex-start;
|
|
733
1323
|
}
|
|
734
1324
|
.gap-0 {
|
|
735
|
-
gap:
|
|
1325
|
+
gap: var(--spacing-0);
|
|
736
1326
|
}
|
|
737
1327
|
.gap-0\.5 {
|
|
738
|
-
gap: calc(
|
|
1328
|
+
gap: calc(var(--spacing) * 0.5);
|
|
739
1329
|
}
|
|
740
1330
|
.gap-1 {
|
|
741
|
-
gap:
|
|
1331
|
+
gap: var(--spacing-1);
|
|
742
1332
|
}
|
|
743
1333
|
.gap-1\.5 {
|
|
744
|
-
gap: calc(
|
|
1334
|
+
gap: calc(var(--spacing) * 1.5);
|
|
745
1335
|
}
|
|
746
1336
|
.gap-2 {
|
|
747
|
-
gap:
|
|
1337
|
+
gap: var(--spacing-2);
|
|
748
1338
|
}
|
|
749
1339
|
.gap-2\.5 {
|
|
750
|
-
gap: calc(
|
|
1340
|
+
gap: calc(var(--spacing) * 2.5);
|
|
751
1341
|
}
|
|
752
1342
|
.gap-3 {
|
|
753
|
-
gap:
|
|
1343
|
+
gap: var(--spacing-3);
|
|
754
1344
|
}
|
|
755
1345
|
.gap-4 {
|
|
756
|
-
gap:
|
|
1346
|
+
gap: var(--spacing-4);
|
|
757
1347
|
}
|
|
758
1348
|
.gap-5 {
|
|
759
|
-
gap:
|
|
1349
|
+
gap: var(--spacing-5);
|
|
760
1350
|
}
|
|
761
1351
|
.gap-6 {
|
|
762
|
-
gap:
|
|
1352
|
+
gap: var(--spacing-6);
|
|
763
1353
|
}
|
|
764
1354
|
.gap-7 {
|
|
765
|
-
gap:
|
|
1355
|
+
gap: var(--spacing-7);
|
|
766
1356
|
}
|
|
767
1357
|
.gap-8 {
|
|
768
|
-
gap:
|
|
1358
|
+
gap: var(--spacing-8);
|
|
769
1359
|
}
|
|
770
1360
|
.gap-9 {
|
|
771
|
-
gap:
|
|
1361
|
+
gap: var(--spacing-9);
|
|
772
1362
|
}
|
|
773
1363
|
.gap-10 {
|
|
774
|
-
gap:
|
|
1364
|
+
gap: var(--spacing-10);
|
|
775
1365
|
}
|
|
776
1366
|
.gap-\[var\(--control-gap-lg\)\] {
|
|
777
1367
|
gap: var(--control-gap-lg);
|
|
@@ -788,50 +1378,57 @@
|
|
|
788
1378
|
.space-y-1 {
|
|
789
1379
|
:where(& > :not(:last-child)) {
|
|
790
1380
|
--tw-space-y-reverse: 0;
|
|
791
|
-
margin-block-start: calc(
|
|
792
|
-
margin-block-end: calc(
|
|
1381
|
+
margin-block-start: calc(var(--spacing-1) * var(--tw-space-y-reverse));
|
|
1382
|
+
margin-block-end: calc(var(--spacing-1) * calc(1 - var(--tw-space-y-reverse)));
|
|
793
1383
|
}
|
|
794
1384
|
}
|
|
795
1385
|
.space-y-1\.5 {
|
|
796
1386
|
:where(& > :not(:last-child)) {
|
|
797
1387
|
--tw-space-y-reverse: 0;
|
|
798
|
-
margin-block-start: calc(calc(
|
|
799
|
-
margin-block-end: calc(calc(
|
|
1388
|
+
margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
|
|
1389
|
+
margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
|
|
800
1390
|
}
|
|
801
1391
|
}
|
|
802
1392
|
.space-y-2 {
|
|
803
1393
|
:where(& > :not(:last-child)) {
|
|
804
1394
|
--tw-space-y-reverse: 0;
|
|
805
|
-
margin-block-start: calc(
|
|
806
|
-
margin-block-end: calc(
|
|
1395
|
+
margin-block-start: calc(var(--spacing-2) * var(--tw-space-y-reverse));
|
|
1396
|
+
margin-block-end: calc(var(--spacing-2) * calc(1 - var(--tw-space-y-reverse)));
|
|
807
1397
|
}
|
|
808
1398
|
}
|
|
809
1399
|
.space-y-3 {
|
|
810
1400
|
:where(& > :not(:last-child)) {
|
|
811
1401
|
--tw-space-y-reverse: 0;
|
|
812
|
-
margin-block-start: calc(
|
|
813
|
-
margin-block-end: calc(
|
|
1402
|
+
margin-block-start: calc(var(--spacing-3) * var(--tw-space-y-reverse));
|
|
1403
|
+
margin-block-end: calc(var(--spacing-3) * calc(1 - var(--tw-space-y-reverse)));
|
|
814
1404
|
}
|
|
815
1405
|
}
|
|
816
1406
|
.space-y-4 {
|
|
817
1407
|
:where(& > :not(:last-child)) {
|
|
818
1408
|
--tw-space-y-reverse: 0;
|
|
819
|
-
margin-block-start: calc(
|
|
820
|
-
margin-block-end: calc(
|
|
1409
|
+
margin-block-start: calc(var(--spacing-4) * var(--tw-space-y-reverse));
|
|
1410
|
+
margin-block-end: calc(var(--spacing-4) * calc(1 - var(--tw-space-y-reverse)));
|
|
821
1411
|
}
|
|
822
1412
|
}
|
|
823
1413
|
.space-y-6 {
|
|
824
1414
|
:where(& > :not(:last-child)) {
|
|
825
1415
|
--tw-space-y-reverse: 0;
|
|
826
|
-
margin-block-start: calc(
|
|
827
|
-
margin-block-end: calc(
|
|
1416
|
+
margin-block-start: calc(var(--spacing-6) * var(--tw-space-y-reverse));
|
|
1417
|
+
margin-block-end: calc(var(--spacing-6) * calc(1 - var(--tw-space-y-reverse)));
|
|
828
1418
|
}
|
|
829
1419
|
}
|
|
830
1420
|
.space-y-8 {
|
|
831
1421
|
:where(& > :not(:last-child)) {
|
|
832
1422
|
--tw-space-y-reverse: 0;
|
|
833
|
-
margin-block-start: calc(
|
|
834
|
-
margin-block-end: calc(
|
|
1423
|
+
margin-block-start: calc(var(--spacing-8) * var(--tw-space-y-reverse));
|
|
1424
|
+
margin-block-end: calc(var(--spacing-8) * calc(1 - var(--tw-space-y-reverse)));
|
|
1425
|
+
}
|
|
1426
|
+
}
|
|
1427
|
+
.-space-x-2 {
|
|
1428
|
+
:where(& > :not(:last-child)) {
|
|
1429
|
+
--tw-space-x-reverse: 0;
|
|
1430
|
+
margin-inline-start: calc(calc(var(--spacing-2) * -1) * var(--tw-space-x-reverse));
|
|
1431
|
+
margin-inline-end: calc(calc(var(--spacing-2) * -1) * calc(1 - var(--tw-space-x-reverse)));
|
|
835
1432
|
}
|
|
836
1433
|
}
|
|
837
1434
|
.divide-x {
|
|
@@ -853,7 +1450,7 @@
|
|
|
853
1450
|
}
|
|
854
1451
|
.divide-border-default {
|
|
855
1452
|
:where(& > :not(:last-child)) {
|
|
856
|
-
border-color:
|
|
1453
|
+
border-color: var(--color-border-default);
|
|
857
1454
|
}
|
|
858
1455
|
}
|
|
859
1456
|
.self-center {
|
|
@@ -870,12 +1467,18 @@
|
|
|
870
1467
|
.overflow-hidden {
|
|
871
1468
|
overflow: hidden;
|
|
872
1469
|
}
|
|
1470
|
+
.overflow-visible {
|
|
1471
|
+
overflow: visible;
|
|
1472
|
+
}
|
|
873
1473
|
.overflow-x-auto {
|
|
874
1474
|
overflow-x: auto;
|
|
875
1475
|
}
|
|
876
1476
|
.overflow-y-auto {
|
|
877
1477
|
overflow-y: auto;
|
|
878
1478
|
}
|
|
1479
|
+
.overflow-y-hidden {
|
|
1480
|
+
overflow-y: hidden;
|
|
1481
|
+
}
|
|
879
1482
|
.overscroll-contain {
|
|
880
1483
|
overscroll-behavior: contain;
|
|
881
1484
|
}
|
|
@@ -894,32 +1497,38 @@
|
|
|
894
1497
|
.rounded-full {
|
|
895
1498
|
border-radius: calc(infinity * 1px);
|
|
896
1499
|
}
|
|
1500
|
+
.rounded-full {
|
|
1501
|
+
border-radius: var(--radius-full);
|
|
1502
|
+
}
|
|
897
1503
|
.rounded-lg {
|
|
898
|
-
border-radius:
|
|
1504
|
+
border-radius: var(--radius-lg);
|
|
899
1505
|
}
|
|
900
1506
|
.rounded-md {
|
|
901
|
-
border-radius:
|
|
1507
|
+
border-radius: var(--radius-md);
|
|
902
1508
|
}
|
|
903
1509
|
.rounded-none {
|
|
904
1510
|
border-radius: 0;
|
|
905
1511
|
}
|
|
1512
|
+
.rounded-none {
|
|
1513
|
+
border-radius: var(--radius-none);
|
|
1514
|
+
}
|
|
906
1515
|
.rounded-sm {
|
|
907
|
-
border-radius:
|
|
1516
|
+
border-radius: var(--radius-sm);
|
|
908
1517
|
}
|
|
909
1518
|
.rounded-xl {
|
|
910
|
-
border-radius:
|
|
1519
|
+
border-radius: var(--radius-xl);
|
|
911
1520
|
}
|
|
912
1521
|
.rounded-l-sm {
|
|
913
|
-
border-top-left-radius:
|
|
914
|
-
border-bottom-left-radius:
|
|
1522
|
+
border-top-left-radius: var(--radius-sm);
|
|
1523
|
+
border-bottom-left-radius: var(--radius-sm);
|
|
915
1524
|
}
|
|
916
1525
|
.rounded-r-\[calc\(var\(--control-border-radius\)-1px\)\] {
|
|
917
1526
|
border-top-right-radius: calc(var(--control-border-radius) - 1px);
|
|
918
1527
|
border-bottom-right-radius: calc(var(--control-border-radius) - 1px);
|
|
919
1528
|
}
|
|
920
1529
|
.rounded-r-sm {
|
|
921
|
-
border-top-right-radius:
|
|
922
|
-
border-bottom-right-radius:
|
|
1530
|
+
border-top-right-radius: var(--radius-sm);
|
|
1531
|
+
border-bottom-right-radius: var(--radius-sm);
|
|
923
1532
|
}
|
|
924
1533
|
.border {
|
|
925
1534
|
border-style: var(--tw-border-style);
|
|
@@ -969,6 +1578,10 @@
|
|
|
969
1578
|
border-left-style: var(--tw-border-style);
|
|
970
1579
|
border-left-width: 4px;
|
|
971
1580
|
}
|
|
1581
|
+
.border-dashed {
|
|
1582
|
+
--tw-border-style: dashed;
|
|
1583
|
+
border-style: dashed;
|
|
1584
|
+
}
|
|
972
1585
|
.border-none {
|
|
973
1586
|
--tw-border-style: none;
|
|
974
1587
|
border-style: none;
|
|
@@ -978,82 +1591,109 @@
|
|
|
978
1591
|
border-style: solid;
|
|
979
1592
|
}
|
|
980
1593
|
.border-action-primary {
|
|
981
|
-
border-color:
|
|
1594
|
+
border-color: var(--color-action-primary);
|
|
982
1595
|
}
|
|
983
1596
|
.border-action-primary\/20 {
|
|
984
|
-
border-color: color-mix(in
|
|
1597
|
+
border-color: color-mix(in srgb, #444ae1 20%, transparent);
|
|
1598
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1599
|
+
border-color: color-mix(in oklab, var(--color-action-primary) 20%, transparent);
|
|
1600
|
+
}
|
|
1601
|
+
}
|
|
1602
|
+
.border-background-surface {
|
|
1603
|
+
border-color: var(--color-background-surface);
|
|
985
1604
|
}
|
|
986
1605
|
.border-blue-200 {
|
|
987
|
-
border-color:
|
|
1606
|
+
border-color: var(--color-blue-200);
|
|
988
1607
|
}
|
|
989
1608
|
.border-border-default {
|
|
990
|
-
border-color:
|
|
1609
|
+
border-color: var(--color-border-default);
|
|
991
1610
|
}
|
|
992
1611
|
.border-border-input {
|
|
993
|
-
border-color:
|
|
1612
|
+
border-color: var(--color-border-input);
|
|
994
1613
|
}
|
|
995
1614
|
.border-border-input\/20 {
|
|
996
|
-
border-color: color-mix(in
|
|
1615
|
+
border-color: color-mix(in srgb, #d1d5db 20%, transparent);
|
|
1616
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1617
|
+
border-color: color-mix(in oklab, var(--color-border-input) 20%, transparent);
|
|
1618
|
+
}
|
|
997
1619
|
}
|
|
998
1620
|
.border-border-muted {
|
|
999
|
-
border-color:
|
|
1621
|
+
border-color: var(--color-border-muted);
|
|
1000
1622
|
}
|
|
1001
1623
|
.border-border-muted\/30 {
|
|
1002
|
-
border-color: color-mix(in
|
|
1624
|
+
border-color: color-mix(in srgb, #e5e7eb 30%, transparent);
|
|
1625
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1626
|
+
border-color: color-mix(in oklab, var(--color-border-muted) 30%, transparent);
|
|
1627
|
+
}
|
|
1003
1628
|
}
|
|
1004
1629
|
.border-border-muted\/50 {
|
|
1005
|
-
border-color: color-mix(in
|
|
1630
|
+
border-color: color-mix(in srgb, #e5e7eb 50%, transparent);
|
|
1631
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1632
|
+
border-color: color-mix(in oklab, var(--color-border-muted) 50%, transparent);
|
|
1633
|
+
}
|
|
1006
1634
|
}
|
|
1007
1635
|
.border-brand-primary {
|
|
1008
|
-
border-color:
|
|
1636
|
+
border-color: var(--color-brand-primary);
|
|
1009
1637
|
}
|
|
1010
1638
|
.border-current {
|
|
1011
1639
|
border-color: currentcolor;
|
|
1012
1640
|
}
|
|
1013
|
-
.border-device-charging-border {
|
|
1014
|
-
border-color: #c084fc;
|
|
1015
|
-
}
|
|
1016
1641
|
.border-feedback-error-border {
|
|
1017
|
-
border-color:
|
|
1642
|
+
border-color: var(--color-feedback-error-border);
|
|
1643
|
+
}
|
|
1644
|
+
.border-feedback-info-border {
|
|
1645
|
+
border-color: var(--color-feedback-info-border);
|
|
1646
|
+
}
|
|
1647
|
+
.border-feedback-success-border {
|
|
1648
|
+
border-color: var(--color-feedback-success-border);
|
|
1649
|
+
}
|
|
1650
|
+
.border-feedback-warning-border {
|
|
1651
|
+
border-color: var(--color-feedback-warning-border);
|
|
1018
1652
|
}
|
|
1019
1653
|
.border-gray-100 {
|
|
1020
|
-
border-color:
|
|
1654
|
+
border-color: var(--color-gray-100);
|
|
1021
1655
|
}
|
|
1022
1656
|
.border-gray-200 {
|
|
1023
|
-
border-color:
|
|
1657
|
+
border-color: var(--color-gray-200);
|
|
1024
1658
|
}
|
|
1025
1659
|
.border-gray-300 {
|
|
1026
|
-
border-color:
|
|
1660
|
+
border-color: var(--color-gray-300);
|
|
1027
1661
|
}
|
|
1028
1662
|
.border-green-200 {
|
|
1029
|
-
border-color:
|
|
1663
|
+
border-color: var(--color-green-200);
|
|
1030
1664
|
}
|
|
1031
1665
|
.border-orange-200 {
|
|
1032
|
-
border-color:
|
|
1666
|
+
border-color: var(--color-orange-200);
|
|
1033
1667
|
}
|
|
1034
1668
|
.border-red-200 {
|
|
1035
|
-
border-color:
|
|
1669
|
+
border-color: var(--color-red-200);
|
|
1036
1670
|
}
|
|
1037
1671
|
.border-slate-800 {
|
|
1038
|
-
border-color:
|
|
1672
|
+
border-color: var(--color-slate-800);
|
|
1039
1673
|
}
|
|
1040
1674
|
.border-text-body {
|
|
1041
|
-
border-color:
|
|
1675
|
+
border-color: var(--color-text-body);
|
|
1042
1676
|
}
|
|
1043
1677
|
.border-transparent {
|
|
1044
1678
|
border-color: transparent;
|
|
1045
1679
|
}
|
|
1680
|
+
.border-white {
|
|
1681
|
+
border-color: var(--color-white);
|
|
1682
|
+
}
|
|
1046
1683
|
.border-yellow-200 {
|
|
1047
|
-
border-color:
|
|
1684
|
+
border-color: var(--color-yellow-200);
|
|
1685
|
+
}
|
|
1686
|
+
.border-t-transparent {
|
|
1687
|
+
border-top-color: transparent;
|
|
1048
1688
|
}
|
|
1049
1689
|
.border-r-transparent {
|
|
1050
1690
|
border-right-color: transparent;
|
|
1051
1691
|
}
|
|
1052
1692
|
.border-l-border-muted {
|
|
1053
|
-
border-left-color:
|
|
1693
|
+
border-left-color: var(--color-border-muted);
|
|
1054
1694
|
}
|
|
1055
1695
|
.\!bg-neutral-black {
|
|
1056
|
-
background-color:
|
|
1696
|
+
background-color: var(--color-neutral-black) !important;
|
|
1057
1697
|
}
|
|
1058
1698
|
.bg-\[\#444ae1\] {
|
|
1059
1699
|
background-color: #444ae1;
|
|
@@ -1061,128 +1701,188 @@
|
|
|
1061
1701
|
.bg-\[var\(--skeleton-base\)\] {
|
|
1062
1702
|
background-color: var(--skeleton-base);
|
|
1063
1703
|
}
|
|
1064
|
-
.bg-action-destructive {
|
|
1065
|
-
background-color: #b91c1c;
|
|
1066
|
-
}
|
|
1067
1704
|
.bg-action-primary {
|
|
1068
|
-
background-color:
|
|
1705
|
+
background-color: var(--color-action-primary);
|
|
1706
|
+
}
|
|
1707
|
+
.bg-action-primary\/5 {
|
|
1708
|
+
background-color: color-mix(in srgb, #444ae1 5%, transparent);
|
|
1709
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1710
|
+
background-color: color-mix(in oklab, var(--color-action-primary) 5%, transparent);
|
|
1711
|
+
}
|
|
1069
1712
|
}
|
|
1070
1713
|
.bg-action-primary\/10 {
|
|
1071
|
-
background-color: color-mix(in
|
|
1714
|
+
background-color: color-mix(in srgb, #444ae1 10%, transparent);
|
|
1715
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1716
|
+
background-color: color-mix(in oklab, var(--color-action-primary) 10%, transparent);
|
|
1717
|
+
}
|
|
1718
|
+
}
|
|
1719
|
+
.bg-action-secondary\/10 {
|
|
1720
|
+
background-color: color-mix(in srgb, #333333 10%, transparent);
|
|
1721
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1722
|
+
background-color: color-mix(in oklab, var(--color-action-secondary) 10%, transparent);
|
|
1723
|
+
}
|
|
1072
1724
|
}
|
|
1073
1725
|
.bg-background-hover {
|
|
1074
|
-
background-color:
|
|
1726
|
+
background-color: var(--color-background-hover);
|
|
1075
1727
|
}
|
|
1076
1728
|
.bg-background-input {
|
|
1077
|
-
background-color:
|
|
1729
|
+
background-color: var(--color-background-input);
|
|
1078
1730
|
}
|
|
1079
1731
|
.bg-background-muted {
|
|
1080
|
-
background-color:
|
|
1732
|
+
background-color: var(--color-background-muted);
|
|
1081
1733
|
}
|
|
1082
1734
|
.bg-background-muted\/30 {
|
|
1083
|
-
background-color: color-mix(in
|
|
1735
|
+
background-color: color-mix(in srgb, #f3f4f6 30%, transparent);
|
|
1736
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1737
|
+
background-color: color-mix(in oklab, var(--color-background-muted) 30%, transparent);
|
|
1738
|
+
}
|
|
1084
1739
|
}
|
|
1085
1740
|
.bg-background-selected {
|
|
1086
|
-
background-color:
|
|
1741
|
+
background-color: var(--color-background-selected);
|
|
1087
1742
|
}
|
|
1088
1743
|
.bg-background-surface {
|
|
1089
|
-
background-color:
|
|
1744
|
+
background-color: var(--color-background-surface);
|
|
1745
|
+
}
|
|
1746
|
+
.bg-background-surface\/80 {
|
|
1747
|
+
background-color: color-mix(in srgb, #ffffff 80%, transparent);
|
|
1748
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1749
|
+
background-color: color-mix(in oklab, var(--color-background-surface) 80%, transparent);
|
|
1750
|
+
}
|
|
1090
1751
|
}
|
|
1091
1752
|
.bg-black\/50 {
|
|
1092
|
-
background-color: color-mix(in srgb, #
|
|
1753
|
+
background-color: color-mix(in srgb, #000000 50%, transparent);
|
|
1093
1754
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1094
|
-
background-color: color-mix(in oklab, var(--color-
|
|
1755
|
+
background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
|
|
1095
1756
|
}
|
|
1096
1757
|
}
|
|
1097
1758
|
.bg-blue-50 {
|
|
1098
|
-
background-color:
|
|
1759
|
+
background-color: var(--color-blue-50);
|
|
1099
1760
|
}
|
|
1100
1761
|
.bg-blue-100 {
|
|
1101
|
-
background-color:
|
|
1762
|
+
background-color: var(--color-blue-100);
|
|
1102
1763
|
}
|
|
1103
1764
|
.bg-blue-500 {
|
|
1104
|
-
background-color:
|
|
1765
|
+
background-color: var(--color-blue-500);
|
|
1105
1766
|
}
|
|
1106
1767
|
.bg-blue-600 {
|
|
1107
|
-
background-color:
|
|
1768
|
+
background-color: var(--color-blue-600);
|
|
1769
|
+
}
|
|
1770
|
+
.bg-border-muted {
|
|
1771
|
+
background-color: var(--color-border-muted);
|
|
1108
1772
|
}
|
|
1109
1773
|
.bg-brand-light {
|
|
1110
|
-
background-color:
|
|
1774
|
+
background-color: var(--color-brand-light);
|
|
1111
1775
|
}
|
|
1112
1776
|
.bg-brand-primary {
|
|
1113
|
-
background-color:
|
|
1777
|
+
background-color: var(--color-brand-primary);
|
|
1114
1778
|
}
|
|
1115
|
-
.bg-
|
|
1116
|
-
background-color:
|
|
1779
|
+
.bg-current {
|
|
1780
|
+
background-color: currentcolor;
|
|
1117
1781
|
}
|
|
1118
1782
|
.bg-feedback-error-background {
|
|
1119
|
-
background-color:
|
|
1783
|
+
background-color: var(--color-feedback-error-background);
|
|
1784
|
+
}
|
|
1785
|
+
.bg-feedback-error-background\/50 {
|
|
1786
|
+
background-color: color-mix(in srgb, #fee2e2 50%, transparent);
|
|
1787
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1788
|
+
background-color: color-mix(in oklab, var(--color-feedback-error-background) 50%, transparent);
|
|
1789
|
+
}
|
|
1790
|
+
}
|
|
1791
|
+
.bg-feedback-error-text {
|
|
1792
|
+
background-color: var(--color-feedback-error-text);
|
|
1793
|
+
}
|
|
1794
|
+
.bg-feedback-info-background {
|
|
1795
|
+
background-color: var(--color-feedback-info-background);
|
|
1796
|
+
}
|
|
1797
|
+
.bg-feedback-info-text {
|
|
1798
|
+
background-color: var(--color-feedback-info-text);
|
|
1120
1799
|
}
|
|
1121
1800
|
.bg-feedback-success-background {
|
|
1122
|
-
background-color:
|
|
1801
|
+
background-color: var(--color-feedback-success-background);
|
|
1802
|
+
}
|
|
1803
|
+
.bg-feedback-success-text {
|
|
1804
|
+
background-color: var(--color-feedback-success-text);
|
|
1805
|
+
}
|
|
1806
|
+
.bg-feedback-warning-background {
|
|
1807
|
+
background-color: var(--color-feedback-warning-background);
|
|
1808
|
+
}
|
|
1809
|
+
.bg-feedback-warning-text {
|
|
1810
|
+
background-color: var(--color-feedback-warning-text);
|
|
1123
1811
|
}
|
|
1124
1812
|
.bg-gray-50 {
|
|
1125
|
-
background-color:
|
|
1813
|
+
background-color: var(--color-gray-50);
|
|
1126
1814
|
}
|
|
1127
1815
|
.bg-gray-100 {
|
|
1128
|
-
background-color:
|
|
1816
|
+
background-color: var(--color-gray-100);
|
|
1129
1817
|
}
|
|
1130
1818
|
.bg-gray-100\/60 {
|
|
1131
|
-
background-color: color-mix(in
|
|
1819
|
+
background-color: color-mix(in srgb, #f3f4f6 60%, transparent);
|
|
1820
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1821
|
+
background-color: color-mix(in oklab, var(--color-gray-100) 60%, transparent);
|
|
1822
|
+
}
|
|
1132
1823
|
}
|
|
1133
1824
|
.bg-gray-200 {
|
|
1134
|
-
background-color:
|
|
1825
|
+
background-color: var(--color-gray-200);
|
|
1135
1826
|
}
|
|
1136
1827
|
.bg-gray-400 {
|
|
1137
|
-
background-color:
|
|
1828
|
+
background-color: var(--color-gray-400);
|
|
1138
1829
|
}
|
|
1139
1830
|
.bg-gray-700 {
|
|
1140
|
-
background-color:
|
|
1141
|
-
}
|
|
1142
|
-
.bg-gray-light {
|
|
1143
|
-
background-color: #e5e7eb;
|
|
1831
|
+
background-color: var(--color-gray-700);
|
|
1144
1832
|
}
|
|
1145
1833
|
.bg-green-50 {
|
|
1146
|
-
background-color:
|
|
1834
|
+
background-color: var(--color-green-50);
|
|
1835
|
+
}
|
|
1836
|
+
.bg-green-100 {
|
|
1837
|
+
background-color: var(--color-green-100);
|
|
1147
1838
|
}
|
|
1148
1839
|
.bg-green-500 {
|
|
1149
|
-
background-color:
|
|
1840
|
+
background-color: var(--color-green-500);
|
|
1150
1841
|
}
|
|
1151
1842
|
.bg-neutral-black {
|
|
1152
|
-
background-color:
|
|
1843
|
+
background-color: var(--color-neutral-black);
|
|
1153
1844
|
}
|
|
1154
1845
|
.bg-orange-50 {
|
|
1155
|
-
background-color:
|
|
1846
|
+
background-color: var(--color-orange-50);
|
|
1156
1847
|
}
|
|
1157
1848
|
.bg-purple-50 {
|
|
1158
|
-
background-color:
|
|
1849
|
+
background-color: var(--color-purple-50);
|
|
1159
1850
|
}
|
|
1160
1851
|
.bg-red-50 {
|
|
1161
|
-
background-color:
|
|
1852
|
+
background-color: var(--color-red-50);
|
|
1853
|
+
}
|
|
1854
|
+
.bg-red-100 {
|
|
1855
|
+
background-color: var(--color-red-100);
|
|
1162
1856
|
}
|
|
1163
1857
|
.bg-red-600 {
|
|
1164
|
-
background-color:
|
|
1858
|
+
background-color: var(--color-red-600);
|
|
1165
1859
|
}
|
|
1166
1860
|
.bg-slate-700 {
|
|
1167
|
-
background-color:
|
|
1861
|
+
background-color: var(--color-slate-700);
|
|
1168
1862
|
}
|
|
1169
1863
|
.bg-text-body {
|
|
1170
|
-
background-color:
|
|
1864
|
+
background-color: var(--color-text-body);
|
|
1865
|
+
}
|
|
1866
|
+
.bg-text-muted {
|
|
1867
|
+
background-color: var(--color-text-muted);
|
|
1171
1868
|
}
|
|
1172
1869
|
.bg-transparent {
|
|
1173
1870
|
background-color: transparent;
|
|
1174
1871
|
}
|
|
1175
1872
|
.bg-white {
|
|
1176
|
-
background-color: var(--color-
|
|
1873
|
+
background-color: var(--color-white);
|
|
1177
1874
|
}
|
|
1178
1875
|
.bg-white\/20 {
|
|
1179
1876
|
background-color: color-mix(in srgb, #ffffff 20%, transparent);
|
|
1180
1877
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1181
|
-
background-color: color-mix(in oklab, var(--color-
|
|
1878
|
+
background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
|
|
1182
1879
|
}
|
|
1183
1880
|
}
|
|
1184
1881
|
.bg-yellow-50 {
|
|
1185
|
-
background-color:
|
|
1882
|
+
background-color: var(--color-yellow-50);
|
|
1883
|
+
}
|
|
1884
|
+
.bg-yellow-100 {
|
|
1885
|
+
background-color: var(--color-yellow-100);
|
|
1186
1886
|
}
|
|
1187
1887
|
.bg-gradient-to-r {
|
|
1188
1888
|
--tw-gradient-position: to right in oklab;
|
|
@@ -1208,82 +1908,96 @@
|
|
|
1208
1908
|
fill: #333333;
|
|
1209
1909
|
}
|
|
1210
1910
|
.fill-brand-primary {
|
|
1211
|
-
fill:
|
|
1911
|
+
fill: var(--color-brand-primary);
|
|
1212
1912
|
}
|
|
1213
1913
|
.fill-neutral-black {
|
|
1214
|
-
fill:
|
|
1914
|
+
fill: var(--color-neutral-black);
|
|
1215
1915
|
}
|
|
1216
1916
|
.fill-slate-700 {
|
|
1217
|
-
fill:
|
|
1917
|
+
fill: var(--color-slate-700);
|
|
1218
1918
|
}
|
|
1219
1919
|
.fill-white {
|
|
1220
|
-
fill: var(--color-
|
|
1920
|
+
fill: var(--color-white);
|
|
1221
1921
|
}
|
|
1222
1922
|
.stroke-black\/10 {
|
|
1223
|
-
stroke: color-mix(in srgb, #
|
|
1923
|
+
stroke: color-mix(in srgb, #000000 10%, transparent);
|
|
1224
1924
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1225
|
-
stroke: color-mix(in oklab, var(--color-
|
|
1925
|
+
stroke: color-mix(in oklab, var(--color-black) 10%, transparent);
|
|
1226
1926
|
}
|
|
1227
1927
|
}
|
|
1228
1928
|
.stroke-gray-800 {
|
|
1229
|
-
stroke:
|
|
1929
|
+
stroke: var(--color-gray-800);
|
|
1230
1930
|
}
|
|
1231
1931
|
.stroke-1 {
|
|
1232
1932
|
stroke-width: 1;
|
|
1233
1933
|
}
|
|
1934
|
+
.object-contain {
|
|
1935
|
+
-o-object-fit: contain;
|
|
1936
|
+
object-fit: contain;
|
|
1937
|
+
}
|
|
1938
|
+
.object-cover {
|
|
1939
|
+
-o-object-fit: cover;
|
|
1940
|
+
object-fit: cover;
|
|
1941
|
+
}
|
|
1234
1942
|
.p-0 {
|
|
1235
|
-
padding:
|
|
1943
|
+
padding: var(--spacing-0);
|
|
1236
1944
|
}
|
|
1237
1945
|
.p-0\.5 {
|
|
1238
|
-
padding: calc(
|
|
1946
|
+
padding: calc(var(--spacing) * 0.5);
|
|
1239
1947
|
}
|
|
1240
1948
|
.p-1 {
|
|
1241
|
-
padding:
|
|
1949
|
+
padding: var(--spacing-1);
|
|
1242
1950
|
}
|
|
1243
1951
|
.p-2 {
|
|
1244
|
-
padding:
|
|
1952
|
+
padding: var(--spacing-2);
|
|
1245
1953
|
}
|
|
1246
1954
|
.p-3 {
|
|
1247
|
-
padding:
|
|
1955
|
+
padding: var(--spacing-3);
|
|
1248
1956
|
}
|
|
1249
1957
|
.p-4 {
|
|
1250
|
-
padding:
|
|
1958
|
+
padding: var(--spacing-4);
|
|
1251
1959
|
}
|
|
1252
1960
|
.p-6 {
|
|
1253
|
-
padding:
|
|
1961
|
+
padding: var(--spacing-6);
|
|
1254
1962
|
}
|
|
1255
1963
|
.p-8 {
|
|
1256
|
-
padding:
|
|
1964
|
+
padding: var(--spacing-8);
|
|
1257
1965
|
}
|
|
1258
1966
|
.p-10 {
|
|
1259
|
-
padding:
|
|
1967
|
+
padding: var(--spacing-10);
|
|
1260
1968
|
}
|
|
1261
1969
|
.p-\[1rem\] {
|
|
1262
1970
|
padding: 1rem;
|
|
1263
1971
|
}
|
|
1264
1972
|
.\!px-2 {
|
|
1265
|
-
padding-inline:
|
|
1973
|
+
padding-inline: var(--spacing-2) !important;
|
|
1266
1974
|
}
|
|
1267
1975
|
.px-0\.5 {
|
|
1268
|
-
padding-inline: calc(
|
|
1976
|
+
padding-inline: calc(var(--spacing) * 0.5);
|
|
1269
1977
|
}
|
|
1270
1978
|
.px-1 {
|
|
1271
|
-
padding-inline:
|
|
1979
|
+
padding-inline: var(--spacing-1);
|
|
1272
1980
|
}
|
|
1273
1981
|
.px-1\.5 {
|
|
1274
|
-
padding-inline: calc(
|
|
1982
|
+
padding-inline: calc(var(--spacing) * 1.5);
|
|
1275
1983
|
}
|
|
1276
1984
|
.px-2 {
|
|
1277
|
-
padding-inline:
|
|
1985
|
+
padding-inline: var(--spacing-2);
|
|
1986
|
+
}
|
|
1987
|
+
.px-2\.5 {
|
|
1988
|
+
padding-inline: calc(var(--spacing) * 2.5);
|
|
1278
1989
|
}
|
|
1279
1990
|
.px-3 {
|
|
1280
|
-
padding-inline:
|
|
1991
|
+
padding-inline: var(--spacing-3);
|
|
1992
|
+
}
|
|
1993
|
+
.px-3\.5 {
|
|
1994
|
+
padding-inline: calc(var(--spacing) * 3.5);
|
|
1281
1995
|
}
|
|
1282
1996
|
.px-4 {
|
|
1283
|
-
padding-inline:
|
|
1997
|
+
padding-inline: var(--spacing-4);
|
|
1284
1998
|
}
|
|
1285
1999
|
.px-5 {
|
|
1286
|
-
padding-inline:
|
|
2000
|
+
padding-inline: var(--spacing-5);
|
|
1287
2001
|
}
|
|
1288
2002
|
.px-\[var\(--control-padding-lg\)\] {
|
|
1289
2003
|
padding-inline: var(--control-padding-lg);
|
|
@@ -1301,76 +2015,82 @@
|
|
|
1301
2015
|
padding-inline: 1px;
|
|
1302
2016
|
}
|
|
1303
2017
|
.py-0\.5 {
|
|
1304
|
-
padding-block: calc(
|
|
2018
|
+
padding-block: calc(var(--spacing) * 0.5);
|
|
1305
2019
|
}
|
|
1306
2020
|
.py-1 {
|
|
1307
|
-
padding-block:
|
|
2021
|
+
padding-block: var(--spacing-1);
|
|
1308
2022
|
}
|
|
1309
2023
|
.py-1\.5 {
|
|
1310
|
-
padding-block: calc(
|
|
2024
|
+
padding-block: calc(var(--spacing) * 1.5);
|
|
1311
2025
|
}
|
|
1312
2026
|
.py-2 {
|
|
1313
|
-
padding-block:
|
|
2027
|
+
padding-block: var(--spacing-2);
|
|
1314
2028
|
}
|
|
1315
2029
|
.py-2\.5 {
|
|
1316
|
-
padding-block: calc(
|
|
2030
|
+
padding-block: calc(var(--spacing) * 2.5);
|
|
1317
2031
|
}
|
|
1318
2032
|
.py-3 {
|
|
1319
|
-
padding-block:
|
|
2033
|
+
padding-block: var(--spacing-3);
|
|
1320
2034
|
}
|
|
1321
2035
|
.py-3\.5 {
|
|
1322
|
-
padding-block: calc(
|
|
2036
|
+
padding-block: calc(var(--spacing) * 3.5);
|
|
1323
2037
|
}
|
|
1324
2038
|
.py-4 {
|
|
1325
|
-
padding-block:
|
|
2039
|
+
padding-block: var(--spacing-4);
|
|
1326
2040
|
}
|
|
1327
2041
|
.py-6 {
|
|
1328
|
-
padding-block:
|
|
2042
|
+
padding-block: var(--spacing-6);
|
|
2043
|
+
}
|
|
2044
|
+
.py-12 {
|
|
2045
|
+
padding-block: var(--spacing-12);
|
|
1329
2046
|
}
|
|
1330
2047
|
.pr-0 {
|
|
1331
|
-
padding-right:
|
|
2048
|
+
padding-right: var(--spacing-0);
|
|
1332
2049
|
}
|
|
1333
2050
|
.pr-1 {
|
|
1334
|
-
padding-right:
|
|
2051
|
+
padding-right: var(--spacing-1);
|
|
1335
2052
|
}
|
|
1336
2053
|
.pr-3 {
|
|
1337
|
-
padding-right:
|
|
2054
|
+
padding-right: var(--spacing-3);
|
|
1338
2055
|
}
|
|
1339
2056
|
.pr-8 {
|
|
1340
|
-
padding-right:
|
|
2057
|
+
padding-right: var(--spacing-8);
|
|
1341
2058
|
}
|
|
1342
2059
|
.pr-9 {
|
|
1343
|
-
padding-right:
|
|
2060
|
+
padding-right: var(--spacing-9);
|
|
1344
2061
|
}
|
|
1345
2062
|
.pb-1\.5 {
|
|
1346
|
-
padding-bottom: calc(
|
|
2063
|
+
padding-bottom: calc(var(--spacing) * 1.5);
|
|
1347
2064
|
}
|
|
1348
2065
|
.pb-2 {
|
|
1349
|
-
padding-bottom:
|
|
2066
|
+
padding-bottom: var(--spacing-2);
|
|
1350
2067
|
}
|
|
1351
2068
|
.pb-4 {
|
|
1352
|
-
padding-bottom:
|
|
2069
|
+
padding-bottom: var(--spacing-4);
|
|
1353
2070
|
}
|
|
1354
2071
|
.pl-0 {
|
|
1355
|
-
padding-left:
|
|
2072
|
+
padding-left: var(--spacing-0);
|
|
1356
2073
|
}
|
|
1357
2074
|
.pl-3 {
|
|
1358
|
-
padding-left:
|
|
2075
|
+
padding-left: var(--spacing-3);
|
|
2076
|
+
}
|
|
2077
|
+
.pl-5 {
|
|
2078
|
+
padding-left: var(--spacing-5);
|
|
1359
2079
|
}
|
|
1360
2080
|
.pl-7 {
|
|
1361
|
-
padding-left:
|
|
2081
|
+
padding-left: var(--spacing-7);
|
|
1362
2082
|
}
|
|
1363
2083
|
.pl-8 {
|
|
1364
|
-
padding-left:
|
|
2084
|
+
padding-left: var(--spacing-8);
|
|
1365
2085
|
}
|
|
1366
2086
|
.pl-9 {
|
|
1367
|
-
padding-left:
|
|
2087
|
+
padding-left: var(--spacing-9);
|
|
1368
2088
|
}
|
|
1369
2089
|
.pl-10 {
|
|
1370
|
-
padding-left:
|
|
2090
|
+
padding-left: var(--spacing-10);
|
|
1371
2091
|
}
|
|
1372
2092
|
.pl-12 {
|
|
1373
|
-
padding-left:
|
|
2093
|
+
padding-left: var(--spacing-12);
|
|
1374
2094
|
}
|
|
1375
2095
|
.pl-\[var\(--control-padding-sm\)\] {
|
|
1376
2096
|
padding-left: var(--control-padding-sm);
|
|
@@ -1393,40 +2113,43 @@
|
|
|
1393
2113
|
.align-middle {
|
|
1394
2114
|
vertical-align: middle;
|
|
1395
2115
|
}
|
|
2116
|
+
.align-text-bottom {
|
|
2117
|
+
vertical-align: text-bottom;
|
|
2118
|
+
}
|
|
1396
2119
|
.font-mono {
|
|
1397
|
-
font-family:
|
|
2120
|
+
font-family: var(--font-mono);
|
|
1398
2121
|
}
|
|
1399
2122
|
.text-2xl {
|
|
1400
|
-
font-size:
|
|
1401
|
-
line-height: var(--tw-leading,
|
|
2123
|
+
font-size: var(--text-2xl);
|
|
2124
|
+
line-height: var(--tw-leading, var(--text-2xl--line-height));
|
|
1402
2125
|
}
|
|
1403
2126
|
.text-3xl {
|
|
1404
|
-
font-size:
|
|
1405
|
-
line-height: var(--tw-leading,
|
|
2127
|
+
font-size: var(--text-3xl);
|
|
2128
|
+
line-height: var(--tw-leading, var(--text-3xl--line-height));
|
|
1406
2129
|
}
|
|
1407
2130
|
.text-4xl {
|
|
1408
|
-
font-size:
|
|
1409
|
-
line-height: var(--tw-leading,
|
|
2131
|
+
font-size: var(--text-4xl);
|
|
2132
|
+
line-height: var(--tw-leading, var(--text-4xl--line-height));
|
|
1410
2133
|
}
|
|
1411
2134
|
.text-base {
|
|
1412
|
-
font-size:
|
|
1413
|
-
line-height: var(--tw-leading,
|
|
2135
|
+
font-size: var(--text-base);
|
|
2136
|
+
line-height: var(--tw-leading, var(--text-base--line-height));
|
|
1414
2137
|
}
|
|
1415
2138
|
.text-lg {
|
|
1416
|
-
font-size:
|
|
1417
|
-
line-height: var(--tw-leading,
|
|
2139
|
+
font-size: var(--text-lg);
|
|
2140
|
+
line-height: var(--tw-leading, var(--text-lg--line-height));
|
|
1418
2141
|
}
|
|
1419
2142
|
.text-sm {
|
|
1420
|
-
font-size:
|
|
1421
|
-
line-height: var(--tw-leading,
|
|
2143
|
+
font-size: var(--text-sm);
|
|
2144
|
+
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
1422
2145
|
}
|
|
1423
2146
|
.text-xl {
|
|
1424
|
-
font-size:
|
|
1425
|
-
line-height: var(--tw-leading,
|
|
2147
|
+
font-size: var(--text-xl);
|
|
2148
|
+
line-height: var(--tw-leading, var(--text-xl--line-height));
|
|
1426
2149
|
}
|
|
1427
2150
|
.text-xs {
|
|
1428
|
-
font-size:
|
|
1429
|
-
line-height: var(--tw-leading,
|
|
2151
|
+
font-size: var(--text-xs);
|
|
2152
|
+
line-height: var(--tw-leading, var(--text-xs--line-height));
|
|
1430
2153
|
}
|
|
1431
2154
|
.text-\[1\.125rem\] {
|
|
1432
2155
|
font-size: 1.125rem;
|
|
@@ -1459,49 +2182,49 @@
|
|
|
1459
2182
|
line-height: 1;
|
|
1460
2183
|
}
|
|
1461
2184
|
.leading-relaxed {
|
|
1462
|
-
--tw-leading:
|
|
1463
|
-
line-height:
|
|
2185
|
+
--tw-leading: var(--leading-relaxed);
|
|
2186
|
+
line-height: var(--leading-relaxed);
|
|
1464
2187
|
}
|
|
1465
2188
|
.font-\[500\] {
|
|
1466
2189
|
--tw-font-weight: 500;
|
|
1467
2190
|
font-weight: 500;
|
|
1468
2191
|
}
|
|
1469
2192
|
.font-bold {
|
|
1470
|
-
--tw-font-weight:
|
|
1471
|
-
font-weight:
|
|
2193
|
+
--tw-font-weight: var(--font-weight-bold);
|
|
2194
|
+
font-weight: var(--font-weight-bold);
|
|
1472
2195
|
}
|
|
1473
2196
|
.font-light {
|
|
1474
|
-
--tw-font-weight:
|
|
1475
|
-
font-weight:
|
|
2197
|
+
--tw-font-weight: var(--font-weight-light);
|
|
2198
|
+
font-weight: var(--font-weight-light);
|
|
1476
2199
|
}
|
|
1477
2200
|
.font-medium {
|
|
1478
|
-
--tw-font-weight:
|
|
1479
|
-
font-weight:
|
|
2201
|
+
--tw-font-weight: var(--font-weight-medium);
|
|
2202
|
+
font-weight: var(--font-weight-medium);
|
|
1480
2203
|
}
|
|
1481
2204
|
.font-normal {
|
|
1482
|
-
--tw-font-weight:
|
|
1483
|
-
font-weight:
|
|
2205
|
+
--tw-font-weight: var(--font-weight-normal);
|
|
2206
|
+
font-weight: var(--font-weight-normal);
|
|
1484
2207
|
}
|
|
1485
2208
|
.font-semibold {
|
|
1486
|
-
--tw-font-weight:
|
|
1487
|
-
font-weight:
|
|
2209
|
+
--tw-font-weight: var(--font-weight-semibold);
|
|
2210
|
+
font-weight: var(--font-weight-semibold);
|
|
1488
2211
|
}
|
|
1489
2212
|
.tracking-tight {
|
|
1490
|
-
--tw-tracking: -
|
|
1491
|
-
letter-spacing: -
|
|
2213
|
+
--tw-tracking: var(--tracking-tight);
|
|
2214
|
+
letter-spacing: var(--tracking-tight);
|
|
1492
2215
|
}
|
|
1493
2216
|
.tracking-wider {
|
|
1494
|
-
--tw-tracking:
|
|
1495
|
-
letter-spacing:
|
|
2217
|
+
--tw-tracking: var(--tracking-wider);
|
|
2218
|
+
letter-spacing: var(--tracking-wider);
|
|
1496
2219
|
}
|
|
1497
2220
|
.whitespace-nowrap {
|
|
1498
2221
|
white-space: nowrap;
|
|
1499
2222
|
}
|
|
1500
2223
|
.\!text-action-primary {
|
|
1501
|
-
color:
|
|
2224
|
+
color: var(--color-action-primary) !important;
|
|
1502
2225
|
}
|
|
1503
2226
|
.\!text-text-caption {
|
|
1504
|
-
color:
|
|
2227
|
+
color: var(--color-text-caption) !important;
|
|
1505
2228
|
}
|
|
1506
2229
|
.text-\[\#111827\] {
|
|
1507
2230
|
color: #111827;
|
|
@@ -1512,116 +2235,137 @@
|
|
|
1512
2235
|
.text-\[\#ffffff\] {
|
|
1513
2236
|
color: #ffffff;
|
|
1514
2237
|
}
|
|
1515
|
-
.text-action-destructive {
|
|
1516
|
-
color: #b91c1c;
|
|
1517
|
-
}
|
|
1518
2238
|
.text-action-primary {
|
|
1519
|
-
color:
|
|
2239
|
+
color: var(--color-action-primary);
|
|
2240
|
+
}
|
|
2241
|
+
.text-action-secondary {
|
|
2242
|
+
color: var(--color-action-secondary);
|
|
1520
2243
|
}
|
|
1521
2244
|
.text-blue-500 {
|
|
1522
|
-
color:
|
|
2245
|
+
color: var(--color-blue-500);
|
|
1523
2246
|
}
|
|
1524
2247
|
.text-blue-600 {
|
|
1525
|
-
color:
|
|
2248
|
+
color: var(--color-blue-600);
|
|
1526
2249
|
}
|
|
1527
2250
|
.text-blue-800 {
|
|
1528
|
-
color:
|
|
2251
|
+
color: var(--color-blue-800);
|
|
1529
2252
|
}
|
|
1530
2253
|
.text-brand-dark {
|
|
1531
|
-
color:
|
|
2254
|
+
color: var(--color-brand-dark);
|
|
1532
2255
|
}
|
|
1533
2256
|
.text-brand-light {
|
|
1534
|
-
color:
|
|
2257
|
+
color: var(--color-brand-light);
|
|
1535
2258
|
}
|
|
1536
2259
|
.text-brand-primary {
|
|
1537
|
-
color:
|
|
2260
|
+
color: var(--color-brand-primary);
|
|
1538
2261
|
}
|
|
1539
2262
|
.text-current {
|
|
1540
2263
|
color: currentcolor;
|
|
1541
2264
|
}
|
|
1542
2265
|
.text-feedback-error-text {
|
|
1543
|
-
color:
|
|
2266
|
+
color: var(--color-feedback-error-text);
|
|
2267
|
+
}
|
|
2268
|
+
.text-feedback-info-text {
|
|
2269
|
+
color: var(--color-feedback-info-text);
|
|
1544
2270
|
}
|
|
1545
2271
|
.text-feedback-success-text {
|
|
1546
|
-
color:
|
|
2272
|
+
color: var(--color-feedback-success-text);
|
|
2273
|
+
}
|
|
2274
|
+
.text-feedback-warning-text {
|
|
2275
|
+
color: var(--color-feedback-warning-text);
|
|
1547
2276
|
}
|
|
1548
2277
|
.text-gray-200 {
|
|
1549
|
-
color:
|
|
2278
|
+
color: var(--color-gray-200);
|
|
1550
2279
|
}
|
|
1551
2280
|
.text-gray-300 {
|
|
1552
|
-
color:
|
|
2281
|
+
color: var(--color-gray-300);
|
|
2282
|
+
}
|
|
2283
|
+
.text-gray-400 {
|
|
2284
|
+
color: var(--color-gray-400);
|
|
2285
|
+
}
|
|
2286
|
+
.text-gray-500 {
|
|
2287
|
+
color: var(--color-gray-500);
|
|
1553
2288
|
}
|
|
1554
2289
|
.text-gray-600 {
|
|
1555
|
-
color:
|
|
2290
|
+
color: var(--color-gray-600);
|
|
2291
|
+
}
|
|
2292
|
+
.text-gray-700 {
|
|
2293
|
+
color: var(--color-gray-700);
|
|
1556
2294
|
}
|
|
1557
2295
|
.text-gray-800 {
|
|
1558
|
-
color:
|
|
2296
|
+
color: var(--color-gray-800);
|
|
2297
|
+
}
|
|
2298
|
+
.text-gray-900 {
|
|
2299
|
+
color: var(--color-gray-900);
|
|
1559
2300
|
}
|
|
1560
2301
|
.text-green-600 {
|
|
1561
|
-
color:
|
|
2302
|
+
color: var(--color-green-600);
|
|
1562
2303
|
}
|
|
1563
2304
|
.text-green-800 {
|
|
1564
|
-
color:
|
|
2305
|
+
color: var(--color-green-800);
|
|
1565
2306
|
}
|
|
1566
2307
|
.text-inherit {
|
|
1567
2308
|
color: inherit;
|
|
1568
2309
|
}
|
|
1569
2310
|
.text-neutral-white {
|
|
1570
|
-
color:
|
|
2311
|
+
color: var(--color-neutral-white);
|
|
1571
2312
|
}
|
|
1572
2313
|
.text-orange-600 {
|
|
1573
|
-
color:
|
|
2314
|
+
color: var(--color-orange-600);
|
|
1574
2315
|
}
|
|
1575
2316
|
.text-orange-800 {
|
|
1576
|
-
color:
|
|
2317
|
+
color: var(--color-orange-800);
|
|
1577
2318
|
}
|
|
1578
2319
|
.text-purple-600 {
|
|
1579
|
-
color:
|
|
2320
|
+
color: var(--color-purple-600);
|
|
1580
2321
|
}
|
|
1581
2322
|
.text-red-500 {
|
|
1582
|
-
color:
|
|
2323
|
+
color: var(--color-red-500);
|
|
1583
2324
|
}
|
|
1584
2325
|
.text-red-600 {
|
|
1585
|
-
color:
|
|
2326
|
+
color: var(--color-red-600);
|
|
1586
2327
|
}
|
|
1587
2328
|
.text-red-800 {
|
|
1588
|
-
color:
|
|
2329
|
+
color: var(--color-red-800);
|
|
1589
2330
|
}
|
|
1590
2331
|
.text-slate-300 {
|
|
1591
|
-
color:
|
|
2332
|
+
color: var(--color-slate-300);
|
|
1592
2333
|
}
|
|
1593
2334
|
.text-text-body {
|
|
1594
|
-
color:
|
|
2335
|
+
color: var(--color-text-body);
|
|
1595
2336
|
}
|
|
1596
2337
|
.text-text-caption {
|
|
1597
|
-
color:
|
|
2338
|
+
color: var(--color-text-caption);
|
|
1598
2339
|
}
|
|
1599
2340
|
.text-text-disabled {
|
|
1600
|
-
color:
|
|
2341
|
+
color: var(--color-text-disabled);
|
|
1601
2342
|
}
|
|
1602
2343
|
.text-text-heading {
|
|
1603
|
-
color:
|
|
2344
|
+
color: var(--color-text-heading);
|
|
1604
2345
|
}
|
|
1605
2346
|
.text-text-link-default {
|
|
1606
|
-
color:
|
|
2347
|
+
color: var(--color-text-link-default);
|
|
1607
2348
|
}
|
|
1608
2349
|
.text-text-muted {
|
|
1609
|
-
color:
|
|
2350
|
+
color: var(--color-text-muted);
|
|
1610
2351
|
}
|
|
1611
2352
|
.text-text-onPrimary {
|
|
1612
|
-
color:
|
|
2353
|
+
color: var(--color-text-onPrimary);
|
|
1613
2354
|
}
|
|
1614
2355
|
.text-white {
|
|
1615
|
-
color: var(--color-
|
|
2356
|
+
color: var(--color-white);
|
|
1616
2357
|
}
|
|
1617
2358
|
.text-yellow-500 {
|
|
1618
|
-
color:
|
|
2359
|
+
color: var(--color-yellow-500);
|
|
2360
|
+
}
|
|
2361
|
+
.text-yellow-600 {
|
|
2362
|
+
color: var(--color-yellow-600);
|
|
1619
2363
|
}
|
|
1620
2364
|
.text-yellow-800 {
|
|
1621
|
-
color:
|
|
2365
|
+
color: var(--color-yellow-800);
|
|
1622
2366
|
}
|
|
1623
2367
|
.text-zinc-900 {
|
|
1624
|
-
color:
|
|
2368
|
+
color: var(--color-zinc-900);
|
|
1625
2369
|
}
|
|
1626
2370
|
.capitalize {
|
|
1627
2371
|
text-transform: capitalize;
|
|
@@ -1640,6 +2384,15 @@
|
|
|
1640
2384
|
--tw-numeric-spacing: tabular-nums;
|
|
1641
2385
|
font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
|
|
1642
2386
|
}
|
|
2387
|
+
.underline {
|
|
2388
|
+
text-decoration-line: underline;
|
|
2389
|
+
}
|
|
2390
|
+
.decoration-text-link-default\/30 {
|
|
2391
|
+
text-decoration-color: color-mix(in srgb, #444ae1 30%, transparent);
|
|
2392
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2393
|
+
text-decoration-color: color-mix(in oklab, var(--color-text-link-default) 30%, transparent);
|
|
2394
|
+
}
|
|
2395
|
+
}
|
|
1643
2396
|
.opacity-0 {
|
|
1644
2397
|
opacity: 0%;
|
|
1645
2398
|
}
|
|
@@ -1666,7 +2419,7 @@
|
|
|
1666
2419
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1667
2420
|
}
|
|
1668
2421
|
.shadow-\[inset_0_1px_0_0_theme\(colors\.gray\.600\)\] {
|
|
1669
|
-
--tw-shadow: inset 0 1px 0 0 var(--tw-shadow-color,
|
|
2422
|
+
--tw-shadow: inset 0 1px 0 0 var(--tw-shadow-color, #4b5563);
|
|
1670
2423
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1671
2424
|
}
|
|
1672
2425
|
.shadow-inner {
|
|
@@ -1701,12 +2454,25 @@
|
|
|
1701
2454
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1702
2455
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1703
2456
|
}
|
|
2457
|
+
.ring-2 {
|
|
2458
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
2459
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2460
|
+
}
|
|
2461
|
+
.ring-background-surface {
|
|
2462
|
+
--tw-ring-color: var(--color-background-surface);
|
|
2463
|
+
}
|
|
1704
2464
|
.ring-black\/5 {
|
|
1705
|
-
--tw-ring-color: color-mix(in srgb, #
|
|
2465
|
+
--tw-ring-color: color-mix(in srgb, #000000 5%, transparent);
|
|
1706
2466
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1707
|
-
--tw-ring-color: color-mix(in oklab, var(--color-
|
|
2467
|
+
--tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
|
|
1708
2468
|
}
|
|
1709
2469
|
}
|
|
2470
|
+
.ring-border-muted {
|
|
2471
|
+
--tw-ring-color: var(--color-border-muted);
|
|
2472
|
+
}
|
|
2473
|
+
.ring-gray-200 {
|
|
2474
|
+
--tw-ring-color: var(--color-gray-200);
|
|
2475
|
+
}
|
|
1710
2476
|
.ring-offset-2 {
|
|
1711
2477
|
--tw-ring-offset-width: 2px;
|
|
1712
2478
|
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
@@ -1747,10 +2513,10 @@
|
|
|
1747
2513
|
outline-color: var(--control-focus-ring-color-error);
|
|
1748
2514
|
}
|
|
1749
2515
|
.outline-border-input {
|
|
1750
|
-
outline-color:
|
|
2516
|
+
outline-color: var(--color-border-input);
|
|
1751
2517
|
}
|
|
1752
2518
|
.outline-white {
|
|
1753
|
-
outline-color: var(--color-
|
|
2519
|
+
outline-color: var(--color-white);
|
|
1754
2520
|
}
|
|
1755
2521
|
.blur {
|
|
1756
2522
|
--tw-blur: blur(8px);
|
|
@@ -1758,7 +2524,7 @@
|
|
|
1758
2524
|
}
|
|
1759
2525
|
.drop-shadow-lg {
|
|
1760
2526
|
--tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
|
|
1761
|
-
--tw-drop-shadow: drop-shadow(
|
|
2527
|
+
--tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
|
|
1762
2528
|
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
1763
2529
|
}
|
|
1764
2530
|
.grayscale {
|
|
@@ -1769,12 +2535,12 @@
|
|
|
1769
2535
|
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
1770
2536
|
}
|
|
1771
2537
|
.backdrop-blur-md {
|
|
1772
|
-
--tw-backdrop-blur: blur(
|
|
2538
|
+
--tw-backdrop-blur: blur(var(--blur-md));
|
|
1773
2539
|
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
1774
2540
|
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
1775
2541
|
}
|
|
1776
2542
|
.backdrop-blur-sm {
|
|
1777
|
-
--tw-backdrop-blur: blur(
|
|
2543
|
+
--tw-backdrop-blur: blur(var(--blur-sm));
|
|
1778
2544
|
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
1779
2545
|
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
1780
2546
|
}
|
|
@@ -1793,6 +2559,11 @@
|
|
|
1793
2559
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
1794
2560
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
1795
2561
|
}
|
|
2562
|
+
.transition-opacity {
|
|
2563
|
+
transition-property: opacity;
|
|
2564
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
2565
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
2566
|
+
}
|
|
1796
2567
|
.transition-transform {
|
|
1797
2568
|
transition-property: transform, translate, scale, rotate;
|
|
1798
2569
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
@@ -1815,16 +2586,16 @@
|
|
|
1815
2586
|
transition-duration: 1000ms;
|
|
1816
2587
|
}
|
|
1817
2588
|
.ease-in {
|
|
1818
|
-
--tw-ease:
|
|
1819
|
-
transition-timing-function:
|
|
2589
|
+
--tw-ease: var(--ease-in);
|
|
2590
|
+
transition-timing-function: var(--ease-in);
|
|
1820
2591
|
}
|
|
1821
2592
|
.ease-in-out {
|
|
1822
|
-
--tw-ease:
|
|
1823
|
-
transition-timing-function:
|
|
2593
|
+
--tw-ease: var(--ease-in-out);
|
|
2594
|
+
transition-timing-function: var(--ease-in-out);
|
|
1824
2595
|
}
|
|
1825
2596
|
.ease-out {
|
|
1826
|
-
--tw-ease:
|
|
1827
|
-
transition-timing-function:
|
|
2597
|
+
--tw-ease: var(--ease-out);
|
|
2598
|
+
transition-timing-function: var(--ease-out);
|
|
1828
2599
|
}
|
|
1829
2600
|
.will-change-transform {
|
|
1830
2601
|
will-change: transform;
|
|
@@ -1847,9 +2618,12 @@
|
|
|
1847
2618
|
.\[--tw-enter-translate-x\:calc\(-16rem-100\%\)\] {
|
|
1848
2619
|
--tw-enter-translate-x: calc(-16rem - 100%);
|
|
1849
2620
|
}
|
|
2621
|
+
.ring-inset {
|
|
2622
|
+
--tw-ring-inset: inset;
|
|
2623
|
+
}
|
|
1850
2624
|
.group-invalid\:bg-red-600 {
|
|
1851
2625
|
&:is(:where(.group):invalid *) {
|
|
1852
|
-
background-color:
|
|
2626
|
+
background-color: var(--color-red-600);
|
|
1853
2627
|
}
|
|
1854
2628
|
}
|
|
1855
2629
|
.group-invalid\:outline-2 {
|
|
@@ -1860,20 +2634,27 @@
|
|
|
1860
2634
|
}
|
|
1861
2635
|
.group-invalid\:outline-feedback-error-border {
|
|
1862
2636
|
&:is(:where(.group):invalid *) {
|
|
1863
|
-
outline-color:
|
|
2637
|
+
outline-color: var(--color-feedback-error-border);
|
|
2638
|
+
}
|
|
2639
|
+
}
|
|
2640
|
+
.group-hover\:bg-background-hover {
|
|
2641
|
+
&:is(:where(.group):hover *) {
|
|
2642
|
+
@media (hover: hover) {
|
|
2643
|
+
background-color: var(--color-background-hover);
|
|
2644
|
+
}
|
|
1864
2645
|
}
|
|
1865
2646
|
}
|
|
1866
2647
|
.group-hover\:bg-gray-200 {
|
|
1867
2648
|
&:is(:where(.group):hover *) {
|
|
1868
2649
|
@media (hover: hover) {
|
|
1869
|
-
background-color:
|
|
2650
|
+
background-color: var(--color-gray-200);
|
|
1870
2651
|
}
|
|
1871
2652
|
}
|
|
1872
2653
|
}
|
|
1873
2654
|
.group-hover\:bg-gray-300 {
|
|
1874
2655
|
&:is(:where(.group):hover *) {
|
|
1875
2656
|
@media (hover: hover) {
|
|
1876
|
-
background-color:
|
|
2657
|
+
background-color: var(--color-gray-300);
|
|
1877
2658
|
}
|
|
1878
2659
|
}
|
|
1879
2660
|
}
|
|
@@ -1881,27 +2662,27 @@
|
|
|
1881
2662
|
&:is(:where(.group):invalid *) {
|
|
1882
2663
|
&:is(:where(.group):hover *) {
|
|
1883
2664
|
@media (hover: hover) {
|
|
1884
|
-
background-color:
|
|
2665
|
+
background-color: var(--color-red-200);
|
|
1885
2666
|
}
|
|
1886
2667
|
}
|
|
1887
2668
|
}
|
|
1888
2669
|
}
|
|
1889
2670
|
.group-disabled\:text-gray-200 {
|
|
1890
2671
|
&:is(:where(.group):disabled *) {
|
|
1891
|
-
color:
|
|
2672
|
+
color: var(--color-gray-200);
|
|
1892
2673
|
}
|
|
1893
2674
|
}
|
|
1894
2675
|
.group-disabled\:text-text-disabled {
|
|
1895
2676
|
&:is(:where(.group):disabled *) {
|
|
1896
|
-
color:
|
|
2677
|
+
color: var(--color-text-disabled);
|
|
1897
2678
|
}
|
|
1898
2679
|
}
|
|
1899
2680
|
.placeholder\:text-text-placeholder {
|
|
1900
2681
|
&::-moz-placeholder {
|
|
1901
|
-
color:
|
|
2682
|
+
color: var(--color-text-placeholder);
|
|
1902
2683
|
}
|
|
1903
2684
|
&::placeholder {
|
|
1904
|
-
color:
|
|
2685
|
+
color: var(--color-text-placeholder);
|
|
1905
2686
|
}
|
|
1906
2687
|
}
|
|
1907
2688
|
.before\:absolute {
|
|
@@ -1913,7 +2694,7 @@
|
|
|
1913
2694
|
.before\:inset-0 {
|
|
1914
2695
|
&::before {
|
|
1915
2696
|
content: var(--tw-content);
|
|
1916
|
-
inset:
|
|
2697
|
+
inset: var(--spacing-0);
|
|
1917
2698
|
}
|
|
1918
2699
|
}
|
|
1919
2700
|
.before\:bg-gradient-to-r {
|
|
@@ -1954,19 +2735,19 @@
|
|
|
1954
2735
|
.after\:right-0 {
|
|
1955
2736
|
&::after {
|
|
1956
2737
|
content: var(--tw-content);
|
|
1957
|
-
right:
|
|
2738
|
+
right: var(--spacing-0);
|
|
1958
2739
|
}
|
|
1959
2740
|
}
|
|
1960
2741
|
.after\:bottom-0 {
|
|
1961
2742
|
&::after {
|
|
1962
2743
|
content: var(--tw-content);
|
|
1963
|
-
bottom:
|
|
2744
|
+
bottom: var(--spacing-0);
|
|
1964
2745
|
}
|
|
1965
2746
|
}
|
|
1966
2747
|
.after\:left-0 {
|
|
1967
2748
|
&::after {
|
|
1968
2749
|
content: var(--tw-content);
|
|
1969
|
-
left:
|
|
2750
|
+
left: var(--spacing-0);
|
|
1970
2751
|
}
|
|
1971
2752
|
}
|
|
1972
2753
|
.after\:block {
|
|
@@ -1990,7 +2771,7 @@
|
|
|
1990
2771
|
.after\:bg-border-default {
|
|
1991
2772
|
&::after {
|
|
1992
2773
|
content: var(--tw-content);
|
|
1993
|
-
background-color:
|
|
2774
|
+
background-color: var(--color-border-default);
|
|
1994
2775
|
}
|
|
1995
2776
|
}
|
|
1996
2777
|
.after\:content-\[\'\'\] {
|
|
@@ -2005,24 +2786,29 @@
|
|
|
2005
2786
|
margin-top: calc(5px * -1);
|
|
2006
2787
|
}
|
|
2007
2788
|
}
|
|
2789
|
+
.first\:ml-0 {
|
|
2790
|
+
&:first-child {
|
|
2791
|
+
margin-left: var(--spacing-0);
|
|
2792
|
+
}
|
|
2793
|
+
}
|
|
2008
2794
|
.visited\:text-action-primary {
|
|
2009
2795
|
&:visited {
|
|
2010
|
-
color:
|
|
2796
|
+
color: var(--color-action-primary);
|
|
2011
2797
|
}
|
|
2012
2798
|
}
|
|
2013
2799
|
.visited\:text-text-link-default {
|
|
2014
2800
|
&:visited {
|
|
2015
|
-
color:
|
|
2801
|
+
color: var(--color-text-link-default);
|
|
2016
2802
|
}
|
|
2017
2803
|
}
|
|
2018
2804
|
.visited\:text-text-muted {
|
|
2019
2805
|
&:visited {
|
|
2020
|
-
color:
|
|
2806
|
+
color: var(--color-text-muted);
|
|
2021
2807
|
}
|
|
2022
2808
|
}
|
|
2023
2809
|
.invalid\:bg-red-600 {
|
|
2024
2810
|
&:invalid {
|
|
2025
|
-
background-color:
|
|
2811
|
+
background-color: var(--color-red-600);
|
|
2026
2812
|
}
|
|
2027
2813
|
}
|
|
2028
2814
|
.invalid\:outline-2 {
|
|
@@ -2033,7 +2819,17 @@
|
|
|
2033
2819
|
}
|
|
2034
2820
|
.invalid\:outline-feedback-error-border {
|
|
2035
2821
|
&:invalid {
|
|
2036
|
-
outline-color:
|
|
2822
|
+
outline-color: var(--color-feedback-error-border);
|
|
2823
|
+
}
|
|
2824
|
+
}
|
|
2825
|
+
.hover\:scale-110 {
|
|
2826
|
+
&:hover {
|
|
2827
|
+
@media (hover: hover) {
|
|
2828
|
+
--tw-scale-x: 110%;
|
|
2829
|
+
--tw-scale-y: 110%;
|
|
2830
|
+
--tw-scale-z: 110%;
|
|
2831
|
+
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
2832
|
+
}
|
|
2037
2833
|
}
|
|
2038
2834
|
}
|
|
2039
2835
|
.hover\:cursor-pointer {
|
|
@@ -2046,51 +2842,54 @@
|
|
|
2046
2842
|
.hover\:border-action-primary-hover {
|
|
2047
2843
|
&:hover {
|
|
2048
2844
|
@media (hover: hover) {
|
|
2049
|
-
border-color:
|
|
2845
|
+
border-color: var(--color-action-primary-hover);
|
|
2050
2846
|
}
|
|
2051
2847
|
}
|
|
2052
2848
|
}
|
|
2053
|
-
.hover\:border-border-
|
|
2849
|
+
.hover\:border-border-default {
|
|
2054
2850
|
&:hover {
|
|
2055
2851
|
@media (hover: hover) {
|
|
2056
|
-
border-color:
|
|
2852
|
+
border-color: var(--color-border-default);
|
|
2057
2853
|
}
|
|
2058
2854
|
}
|
|
2059
2855
|
}
|
|
2060
|
-
.hover\:
|
|
2856
|
+
.hover\:border-border-focus {
|
|
2061
2857
|
&:hover {
|
|
2062
2858
|
@media (hover: hover) {
|
|
2063
|
-
|
|
2859
|
+
border-color: var(--color-border-focus);
|
|
2064
2860
|
}
|
|
2065
2861
|
}
|
|
2066
2862
|
}
|
|
2067
2863
|
.hover\:bg-action-primary-hover {
|
|
2068
2864
|
&:hover {
|
|
2069
2865
|
@media (hover: hover) {
|
|
2070
|
-
background-color:
|
|
2866
|
+
background-color: var(--color-action-primary-hover);
|
|
2071
2867
|
}
|
|
2072
2868
|
}
|
|
2073
2869
|
}
|
|
2074
2870
|
.hover\:bg-action-primary\/15 {
|
|
2075
2871
|
&:hover {
|
|
2076
2872
|
@media (hover: hover) {
|
|
2077
|
-
background-color: color-mix(in
|
|
2873
|
+
background-color: color-mix(in srgb, #444ae1 15%, transparent);
|
|
2874
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2875
|
+
background-color: color-mix(in oklab, var(--color-action-primary) 15%, transparent);
|
|
2876
|
+
}
|
|
2078
2877
|
}
|
|
2079
2878
|
}
|
|
2080
2879
|
}
|
|
2081
2880
|
.hover\:bg-background-hover {
|
|
2082
2881
|
&:hover {
|
|
2083
2882
|
@media (hover: hover) {
|
|
2084
|
-
background-color:
|
|
2883
|
+
background-color: var(--color-background-hover);
|
|
2085
2884
|
}
|
|
2086
2885
|
}
|
|
2087
2886
|
}
|
|
2088
2887
|
.hover\:bg-black\/10 {
|
|
2089
2888
|
&:hover {
|
|
2090
2889
|
@media (hover: hover) {
|
|
2091
|
-
background-color: color-mix(in srgb, #
|
|
2890
|
+
background-color: color-mix(in srgb, #000000 10%, transparent);
|
|
2092
2891
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2093
|
-
background-color: color-mix(in oklab, var(--color-
|
|
2892
|
+
background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
|
|
2094
2893
|
}
|
|
2095
2894
|
}
|
|
2096
2895
|
}
|
|
@@ -2098,84 +2897,108 @@
|
|
|
2098
2897
|
.hover\:bg-blue-200 {
|
|
2099
2898
|
&:hover {
|
|
2100
2899
|
@media (hover: hover) {
|
|
2101
|
-
background-color:
|
|
2900
|
+
background-color: var(--color-blue-200);
|
|
2102
2901
|
}
|
|
2103
2902
|
}
|
|
2104
2903
|
}
|
|
2105
2904
|
.hover\:bg-blue-600 {
|
|
2106
2905
|
&:hover {
|
|
2107
2906
|
@media (hover: hover) {
|
|
2108
|
-
background-color:
|
|
2907
|
+
background-color: var(--color-blue-600);
|
|
2908
|
+
}
|
|
2909
|
+
}
|
|
2910
|
+
}
|
|
2911
|
+
.hover\:bg-feedback-error-background {
|
|
2912
|
+
&:hover {
|
|
2913
|
+
@media (hover: hover) {
|
|
2914
|
+
background-color: var(--color-feedback-error-background);
|
|
2109
2915
|
}
|
|
2110
2916
|
}
|
|
2111
2917
|
}
|
|
2112
2918
|
.hover\:bg-gray-100 {
|
|
2113
2919
|
&:hover {
|
|
2114
2920
|
@media (hover: hover) {
|
|
2115
|
-
background-color:
|
|
2921
|
+
background-color: var(--color-gray-100);
|
|
2116
2922
|
}
|
|
2117
2923
|
}
|
|
2118
2924
|
}
|
|
2119
2925
|
.hover\:bg-red-700 {
|
|
2120
2926
|
&:hover {
|
|
2121
2927
|
@media (hover: hover) {
|
|
2122
|
-
background-color:
|
|
2928
|
+
background-color: var(--color-red-700);
|
|
2123
2929
|
}
|
|
2124
2930
|
}
|
|
2125
2931
|
}
|
|
2126
2932
|
.hover\:bg-text-body\/5 {
|
|
2127
2933
|
&:hover {
|
|
2128
2934
|
@media (hover: hover) {
|
|
2129
|
-
background-color: color-mix(in
|
|
2935
|
+
background-color: color-mix(in srgb, #333333 5%, transparent);
|
|
2936
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2937
|
+
background-color: color-mix(in oklab, var(--color-text-body) 5%, transparent);
|
|
2938
|
+
}
|
|
2130
2939
|
}
|
|
2131
2940
|
}
|
|
2132
2941
|
}
|
|
2133
2942
|
.hover\:bg-text-body\/\[0\.05\] {
|
|
2134
2943
|
&:hover {
|
|
2135
2944
|
@media (hover: hover) {
|
|
2136
|
-
background-color: color-mix(in
|
|
2945
|
+
background-color: color-mix(in srgb, #333333 5%, transparent);
|
|
2946
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2947
|
+
background-color: color-mix(in oklab, var(--color-text-body) 5%, transparent);
|
|
2948
|
+
}
|
|
2949
|
+
}
|
|
2950
|
+
}
|
|
2951
|
+
}
|
|
2952
|
+
.hover\:font-semibold {
|
|
2953
|
+
&:hover {
|
|
2954
|
+
@media (hover: hover) {
|
|
2955
|
+
--tw-font-weight: var(--font-weight-semibold);
|
|
2956
|
+
font-weight: var(--font-weight-semibold);
|
|
2137
2957
|
}
|
|
2138
2958
|
}
|
|
2139
2959
|
}
|
|
2140
2960
|
.hover\:text-action-primary {
|
|
2141
2961
|
&:hover {
|
|
2142
2962
|
@media (hover: hover) {
|
|
2143
|
-
color:
|
|
2963
|
+
color: var(--color-action-primary);
|
|
2144
2964
|
}
|
|
2145
2965
|
}
|
|
2146
2966
|
}
|
|
2147
2967
|
.hover\:text-action-primary-hover {
|
|
2148
2968
|
&:hover {
|
|
2149
2969
|
@media (hover: hover) {
|
|
2150
|
-
color:
|
|
2970
|
+
color: var(--color-action-primary-hover);
|
|
2151
2971
|
}
|
|
2152
2972
|
}
|
|
2153
2973
|
}
|
|
2154
2974
|
.hover\:text-action-primary\/90 {
|
|
2155
2975
|
&:hover {
|
|
2156
2976
|
@media (hover: hover) {
|
|
2157
|
-
color: color-mix(in
|
|
2977
|
+
color: color-mix(in srgb, #444ae1 90%, transparent);
|
|
2978
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2979
|
+
color: color-mix(in oklab, var(--color-action-primary) 90%, transparent);
|
|
2980
|
+
}
|
|
2158
2981
|
}
|
|
2159
2982
|
}
|
|
2160
2983
|
}
|
|
2161
2984
|
.hover\:text-text-body {
|
|
2162
2985
|
&:hover {
|
|
2163
2986
|
@media (hover: hover) {
|
|
2164
|
-
color:
|
|
2987
|
+
color: var(--color-text-body);
|
|
2165
2988
|
}
|
|
2166
2989
|
}
|
|
2167
2990
|
}
|
|
2168
2991
|
.hover\:text-text-link-hover {
|
|
2169
2992
|
&:hover {
|
|
2170
2993
|
@media (hover: hover) {
|
|
2171
|
-
color:
|
|
2994
|
+
color: var(--color-text-link-hover);
|
|
2172
2995
|
}
|
|
2173
2996
|
}
|
|
2174
2997
|
}
|
|
2175
2998
|
.hover\:text-text-muted {
|
|
2176
2999
|
&:hover {
|
|
2177
3000
|
@media (hover: hover) {
|
|
2178
|
-
color:
|
|
3001
|
+
color: var(--color-text-muted);
|
|
2179
3002
|
}
|
|
2180
3003
|
}
|
|
2181
3004
|
}
|
|
@@ -2186,6 +3009,13 @@
|
|
|
2186
3009
|
}
|
|
2187
3010
|
}
|
|
2188
3011
|
}
|
|
3012
|
+
.hover\:decoration-text-link-hover {
|
|
3013
|
+
&:hover {
|
|
3014
|
+
@media (hover: hover) {
|
|
3015
|
+
text-decoration-color: var(--color-text-link-hover);
|
|
3016
|
+
}
|
|
3017
|
+
}
|
|
3018
|
+
}
|
|
2189
3019
|
.hover\:decoration-1 {
|
|
2190
3020
|
&:hover {
|
|
2191
3021
|
@media (hover: hover) {
|
|
@@ -2207,6 +3037,13 @@
|
|
|
2207
3037
|
}
|
|
2208
3038
|
}
|
|
2209
3039
|
}
|
|
3040
|
+
.hover\:opacity-80 {
|
|
3041
|
+
&:hover {
|
|
3042
|
+
@media (hover: hover) {
|
|
3043
|
+
opacity: 80%;
|
|
3044
|
+
}
|
|
3045
|
+
}
|
|
3046
|
+
}
|
|
2210
3047
|
.hover\:opacity-100 {
|
|
2211
3048
|
&:hover {
|
|
2212
3049
|
@media (hover: hover) {
|
|
@@ -2230,6 +3067,16 @@
|
|
|
2230
3067
|
}
|
|
2231
3068
|
}
|
|
2232
3069
|
}
|
|
3070
|
+
.focus\:bg-background-hover {
|
|
3071
|
+
&:focus {
|
|
3072
|
+
background-color: var(--color-background-hover);
|
|
3073
|
+
}
|
|
3074
|
+
}
|
|
3075
|
+
.focus\:bg-feedback-error-background {
|
|
3076
|
+
&:focus {
|
|
3077
|
+
background-color: var(--color-feedback-error-background);
|
|
3078
|
+
}
|
|
3079
|
+
}
|
|
2233
3080
|
.focus\:ring-2 {
|
|
2234
3081
|
&:focus {
|
|
2235
3082
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
@@ -2238,7 +3085,7 @@
|
|
|
2238
3085
|
}
|
|
2239
3086
|
.focus\:ring-border-focus {
|
|
2240
3087
|
&:focus {
|
|
2241
|
-
--tw-ring-color:
|
|
3088
|
+
--tw-ring-color: var(--color-border-focus);
|
|
2242
3089
|
}
|
|
2243
3090
|
}
|
|
2244
3091
|
.focus\:outline-2 {
|
|
@@ -2254,7 +3101,7 @@
|
|
|
2254
3101
|
}
|
|
2255
3102
|
.focus\:outline-border-focus {
|
|
2256
3103
|
&:focus {
|
|
2257
|
-
outline-color:
|
|
3104
|
+
outline-color: var(--color-border-focus);
|
|
2258
3105
|
}
|
|
2259
3106
|
}
|
|
2260
3107
|
.focus\:outline-none {
|
|
@@ -2282,7 +3129,7 @@
|
|
|
2282
3129
|
}
|
|
2283
3130
|
.focus-visible\:outline-border-focus {
|
|
2284
3131
|
&:focus-visible {
|
|
2285
|
-
outline-color:
|
|
3132
|
+
outline-color: var(--color-border-focus);
|
|
2286
3133
|
}
|
|
2287
3134
|
}
|
|
2288
3135
|
.disabled\:cursor-not-allowed {
|
|
@@ -2292,12 +3139,12 @@
|
|
|
2292
3139
|
}
|
|
2293
3140
|
.disabled\:text-gray-300 {
|
|
2294
3141
|
&:disabled {
|
|
2295
|
-
color:
|
|
3142
|
+
color: var(--color-gray-300);
|
|
2296
3143
|
}
|
|
2297
3144
|
}
|
|
2298
3145
|
.disabled\:text-text-muted {
|
|
2299
3146
|
&:disabled {
|
|
2300
|
-
color:
|
|
3147
|
+
color: var(--color-text-muted);
|
|
2301
3148
|
}
|
|
2302
3149
|
}
|
|
2303
3150
|
.disabled\:opacity-50 {
|
|
@@ -2307,7 +3154,7 @@
|
|
|
2307
3154
|
}
|
|
2308
3155
|
.data-\[focused\]\:bg-background-hover {
|
|
2309
3156
|
&[data-focused] {
|
|
2310
|
-
background-color:
|
|
3157
|
+
background-color: var(--color-background-hover);
|
|
2311
3158
|
}
|
|
2312
3159
|
}
|
|
2313
3160
|
.data-\[focused\]\:opacity-100 {
|
|
@@ -2333,18 +3180,18 @@
|
|
|
2333
3180
|
}
|
|
2334
3181
|
.data-\[placeholder\]\:text-text-placeholder {
|
|
2335
3182
|
&[data-placeholder] {
|
|
2336
|
-
color:
|
|
3183
|
+
color: var(--color-text-placeholder);
|
|
2337
3184
|
}
|
|
2338
3185
|
}
|
|
2339
3186
|
.data-\[selected\]\:bg-background-selected {
|
|
2340
3187
|
&[data-selected] {
|
|
2341
|
-
background-color:
|
|
3188
|
+
background-color: var(--color-background-selected);
|
|
2342
3189
|
}
|
|
2343
3190
|
}
|
|
2344
3191
|
.data-\[selected\]\:font-medium {
|
|
2345
3192
|
&[data-selected] {
|
|
2346
|
-
--tw-font-weight:
|
|
2347
|
-
font-weight:
|
|
3193
|
+
--tw-font-weight: var(--font-weight-medium);
|
|
3194
|
+
font-weight: var(--font-weight-medium);
|
|
2348
3195
|
}
|
|
2349
3196
|
}
|
|
2350
3197
|
.data-\[selected\]\:opacity-100 {
|
|
@@ -2354,7 +3201,27 @@
|
|
|
2354
3201
|
}
|
|
2355
3202
|
.supports-\[-moz-appearance\:none\]\:bg-gray-100 {
|
|
2356
3203
|
@supports (-moz-appearance:none) {
|
|
2357
|
-
background-color:
|
|
3204
|
+
background-color: var(--color-gray-100);
|
|
3205
|
+
}
|
|
3206
|
+
}
|
|
3207
|
+
.sm\:grid {
|
|
3208
|
+
@media (width >= 40rem) {
|
|
3209
|
+
display: grid;
|
|
3210
|
+
}
|
|
3211
|
+
}
|
|
3212
|
+
.sm\:hidden {
|
|
3213
|
+
@media (width >= 40rem) {
|
|
3214
|
+
display: none;
|
|
3215
|
+
}
|
|
3216
|
+
}
|
|
3217
|
+
.md\:grid {
|
|
3218
|
+
@media (width >= 48rem) {
|
|
3219
|
+
display: grid;
|
|
3220
|
+
}
|
|
3221
|
+
}
|
|
3222
|
+
.md\:hidden {
|
|
3223
|
+
@media (width >= 48rem) {
|
|
3224
|
+
display: none;
|
|
2358
3225
|
}
|
|
2359
3226
|
}
|
|
2360
3227
|
.md\:w-\[50\%\] {
|
|
@@ -2379,16 +3246,41 @@
|
|
|
2379
3246
|
border-inline-width: 0px;
|
|
2380
3247
|
}
|
|
2381
3248
|
}
|
|
3249
|
+
.lg\:grid {
|
|
3250
|
+
@media (width >= 64rem) {
|
|
3251
|
+
display: grid;
|
|
3252
|
+
}
|
|
3253
|
+
}
|
|
3254
|
+
.lg\:hidden {
|
|
3255
|
+
@media (width >= 64rem) {
|
|
3256
|
+
display: none;
|
|
3257
|
+
}
|
|
3258
|
+
}
|
|
2382
3259
|
.lg\:w-\[75\%\] {
|
|
2383
3260
|
@media (width >= 64rem) {
|
|
2384
3261
|
width: 75%;
|
|
2385
3262
|
}
|
|
2386
3263
|
}
|
|
3264
|
+
.xl\:grid {
|
|
3265
|
+
@media (width >= 80rem) {
|
|
3266
|
+
display: grid;
|
|
3267
|
+
}
|
|
3268
|
+
}
|
|
3269
|
+
.xl\:hidden {
|
|
3270
|
+
@media (width >= 80rem) {
|
|
3271
|
+
display: none;
|
|
3272
|
+
}
|
|
3273
|
+
}
|
|
3274
|
+
.dark\:border-gray-700 {
|
|
3275
|
+
@media (prefers-color-scheme: dark) {
|
|
3276
|
+
border-color: var(--color-gray-700);
|
|
3277
|
+
}
|
|
3278
|
+
}
|
|
2387
3279
|
.dark\:border-white\/5 {
|
|
2388
3280
|
@media (prefers-color-scheme: dark) {
|
|
2389
3281
|
border-color: color-mix(in srgb, #ffffff 5%, transparent);
|
|
2390
3282
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2391
|
-
border-color: color-mix(in oklab, var(--color-
|
|
3283
|
+
border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
|
|
2392
3284
|
}
|
|
2393
3285
|
}
|
|
2394
3286
|
}
|
|
@@ -2396,58 +3288,64 @@
|
|
|
2396
3288
|
@media (prefers-color-scheme: dark) {
|
|
2397
3289
|
border-color: color-mix(in srgb, #ffffff 10%, transparent);
|
|
2398
3290
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2399
|
-
border-color: color-mix(in oklab, var(--color-
|
|
3291
|
+
border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
|
|
2400
3292
|
}
|
|
2401
3293
|
}
|
|
2402
3294
|
}
|
|
2403
3295
|
.dark\:border-y-zinc-700 {
|
|
2404
3296
|
@media (prefers-color-scheme: dark) {
|
|
2405
|
-
border-block-color:
|
|
3297
|
+
border-block-color: var(--color-zinc-700);
|
|
2406
3298
|
}
|
|
2407
3299
|
}
|
|
2408
3300
|
.dark\:bg-blue-500 {
|
|
2409
3301
|
@media (prefers-color-scheme: dark) {
|
|
2410
|
-
background-color:
|
|
3302
|
+
background-color: var(--color-blue-500);
|
|
2411
3303
|
}
|
|
2412
3304
|
}
|
|
2413
3305
|
.dark\:bg-gray-800 {
|
|
2414
3306
|
@media (prefers-color-scheme: dark) {
|
|
2415
|
-
background-color:
|
|
3307
|
+
background-color: var(--color-gray-800);
|
|
2416
3308
|
}
|
|
2417
3309
|
}
|
|
2418
3310
|
.dark\:bg-slate-600 {
|
|
2419
3311
|
@media (prefers-color-scheme: dark) {
|
|
2420
|
-
background-color:
|
|
3312
|
+
background-color: var(--color-slate-600);
|
|
2421
3313
|
}
|
|
2422
3314
|
}
|
|
2423
3315
|
.dark\:bg-zinc-300 {
|
|
2424
3316
|
@media (prefers-color-scheme: dark) {
|
|
2425
|
-
background-color:
|
|
3317
|
+
background-color: var(--color-zinc-300);
|
|
2426
3318
|
}
|
|
2427
3319
|
}
|
|
2428
3320
|
.dark\:bg-zinc-400 {
|
|
2429
3321
|
@media (prefers-color-scheme: dark) {
|
|
2430
|
-
background-color:
|
|
3322
|
+
background-color: var(--color-zinc-400);
|
|
2431
3323
|
}
|
|
2432
3324
|
}
|
|
2433
3325
|
.dark\:bg-zinc-700 {
|
|
2434
3326
|
@media (prefers-color-scheme: dark) {
|
|
2435
|
-
background-color:
|
|
3327
|
+
background-color: var(--color-zinc-700);
|
|
2436
3328
|
}
|
|
2437
3329
|
}
|
|
2438
3330
|
.dark\:bg-zinc-700\/60 {
|
|
2439
3331
|
@media (prefers-color-scheme: dark) {
|
|
2440
|
-
background-color: color-mix(in
|
|
3332
|
+
background-color: color-mix(in srgb, oklch(37% 0.013 285.805) 60%, transparent);
|
|
3333
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3334
|
+
background-color: color-mix(in oklab, var(--color-zinc-700) 60%, transparent);
|
|
3335
|
+
}
|
|
2441
3336
|
}
|
|
2442
3337
|
}
|
|
2443
3338
|
.dark\:bg-zinc-900 {
|
|
2444
3339
|
@media (prefers-color-scheme: dark) {
|
|
2445
|
-
background-color:
|
|
3340
|
+
background-color: var(--color-zinc-900);
|
|
2446
3341
|
}
|
|
2447
3342
|
}
|
|
2448
3343
|
.dark\:bg-zinc-900\/70 {
|
|
2449
3344
|
@media (prefers-color-scheme: dark) {
|
|
2450
|
-
background-color: color-mix(in
|
|
3345
|
+
background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 70%, transparent);
|
|
3346
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3347
|
+
background-color: color-mix(in oklab, var(--color-zinc-900) 70%, transparent);
|
|
3348
|
+
}
|
|
2451
3349
|
}
|
|
2452
3350
|
}
|
|
2453
3351
|
.dark\:fill-\[\#1f1f21\] {
|
|
@@ -2457,45 +3355,60 @@
|
|
|
2457
3355
|
}
|
|
2458
3356
|
.dark\:fill-slate-600 {
|
|
2459
3357
|
@media (prefers-color-scheme: dark) {
|
|
2460
|
-
fill:
|
|
3358
|
+
fill: var(--color-slate-600);
|
|
2461
3359
|
}
|
|
2462
3360
|
}
|
|
2463
3361
|
.dark\:stroke-white\/10 {
|
|
2464
3362
|
@media (prefers-color-scheme: dark) {
|
|
2465
3363
|
stroke: color-mix(in srgb, #ffffff 10%, transparent);
|
|
2466
3364
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2467
|
-
stroke: color-mix(in oklab, var(--color-
|
|
3365
|
+
stroke: color-mix(in oklab, var(--color-white) 10%, transparent);
|
|
2468
3366
|
}
|
|
2469
3367
|
}
|
|
2470
3368
|
}
|
|
2471
3369
|
.dark\:stroke-zinc-600 {
|
|
2472
3370
|
@media (prefers-color-scheme: dark) {
|
|
2473
|
-
stroke:
|
|
3371
|
+
stroke: var(--color-zinc-600);
|
|
3372
|
+
}
|
|
3373
|
+
}
|
|
3374
|
+
.dark\:text-gray-100 {
|
|
3375
|
+
@media (prefers-color-scheme: dark) {
|
|
3376
|
+
color: var(--color-gray-100);
|
|
3377
|
+
}
|
|
3378
|
+
}
|
|
3379
|
+
.dark\:text-gray-300 {
|
|
3380
|
+
@media (prefers-color-scheme: dark) {
|
|
3381
|
+
color: var(--color-gray-300);
|
|
3382
|
+
}
|
|
3383
|
+
}
|
|
3384
|
+
.dark\:text-gray-400 {
|
|
3385
|
+
@media (prefers-color-scheme: dark) {
|
|
3386
|
+
color: var(--color-gray-400);
|
|
2474
3387
|
}
|
|
2475
3388
|
}
|
|
2476
3389
|
.dark\:text-text-body {
|
|
2477
3390
|
@media (prefers-color-scheme: dark) {
|
|
2478
|
-
color:
|
|
3391
|
+
color: var(--color-text-body);
|
|
2479
3392
|
}
|
|
2480
3393
|
}
|
|
2481
3394
|
.dark\:text-zinc-100 {
|
|
2482
3395
|
@media (prefers-color-scheme: dark) {
|
|
2483
|
-
color:
|
|
3396
|
+
color: var(--color-zinc-100);
|
|
2484
3397
|
}
|
|
2485
3398
|
}
|
|
2486
3399
|
.dark\:text-zinc-200 {
|
|
2487
3400
|
@media (prefers-color-scheme: dark) {
|
|
2488
|
-
color:
|
|
3401
|
+
color: var(--color-zinc-200);
|
|
2489
3402
|
}
|
|
2490
3403
|
}
|
|
2491
3404
|
.dark\:text-zinc-300 {
|
|
2492
3405
|
@media (prefers-color-scheme: dark) {
|
|
2493
|
-
color:
|
|
3406
|
+
color: var(--color-zinc-300);
|
|
2494
3407
|
}
|
|
2495
3408
|
}
|
|
2496
3409
|
.dark\:text-zinc-600 {
|
|
2497
3410
|
@media (prefers-color-scheme: dark) {
|
|
2498
|
-
color:
|
|
3411
|
+
color: var(--color-zinc-600);
|
|
2499
3412
|
}
|
|
2500
3413
|
}
|
|
2501
3414
|
.dark\:shadow-none {
|
|
@@ -2504,14 +3417,19 @@
|
|
|
2504
3417
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2505
3418
|
}
|
|
2506
3419
|
}
|
|
3420
|
+
.dark\:ring-gray-700 {
|
|
3421
|
+
@media (prefers-color-scheme: dark) {
|
|
3422
|
+
--tw-ring-color: var(--color-gray-700);
|
|
3423
|
+
}
|
|
3424
|
+
}
|
|
2507
3425
|
.dark\:outline-white {
|
|
2508
3426
|
@media (prefers-color-scheme: dark) {
|
|
2509
|
-
outline-color: var(--color-
|
|
3427
|
+
outline-color: var(--color-white);
|
|
2510
3428
|
}
|
|
2511
3429
|
}
|
|
2512
3430
|
.dark\:backdrop-blur-2xl {
|
|
2513
3431
|
@media (prefers-color-scheme: dark) {
|
|
2514
|
-
--tw-backdrop-blur: blur(
|
|
3432
|
+
--tw-backdrop-blur: blur(var(--blur-2xl));
|
|
2515
3433
|
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
2516
3434
|
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
2517
3435
|
}
|
|
@@ -2526,7 +3444,7 @@
|
|
|
2526
3444
|
.group-disabled\:dark\:text-zinc-600 {
|
|
2527
3445
|
&:is(:where(.group):disabled *) {
|
|
2528
3446
|
@media (prefers-color-scheme: dark) {
|
|
2529
|
-
color:
|
|
3447
|
+
color: var(--color-zinc-600);
|
|
2530
3448
|
}
|
|
2531
3449
|
}
|
|
2532
3450
|
}
|
|
@@ -2534,7 +3452,16 @@
|
|
|
2534
3452
|
@media (prefers-color-scheme: dark) {
|
|
2535
3453
|
&:hover {
|
|
2536
3454
|
@media (hover: hover) {
|
|
2537
|
-
background-color:
|
|
3455
|
+
background-color: var(--color-background-hover);
|
|
3456
|
+
}
|
|
3457
|
+
}
|
|
3458
|
+
}
|
|
3459
|
+
}
|
|
3460
|
+
.dark\:hover\:bg-gray-700 {
|
|
3461
|
+
@media (prefers-color-scheme: dark) {
|
|
3462
|
+
&:hover {
|
|
3463
|
+
@media (hover: hover) {
|
|
3464
|
+
background-color: var(--color-gray-700);
|
|
2538
3465
|
}
|
|
2539
3466
|
}
|
|
2540
3467
|
}
|
|
@@ -2543,7 +3470,7 @@
|
|
|
2543
3470
|
@media (prefers-color-scheme: dark) {
|
|
2544
3471
|
&:hover {
|
|
2545
3472
|
@media (hover: hover) {
|
|
2546
|
-
background-color:
|
|
3473
|
+
background-color: var(--color-zinc-700);
|
|
2547
3474
|
}
|
|
2548
3475
|
}
|
|
2549
3476
|
}
|
|
@@ -2551,14 +3478,14 @@
|
|
|
2551
3478
|
.dark\:disabled\:text-text-muted {
|
|
2552
3479
|
@media (prefers-color-scheme: dark) {
|
|
2553
3480
|
&:disabled {
|
|
2554
|
-
color:
|
|
3481
|
+
color: var(--color-text-muted);
|
|
2555
3482
|
}
|
|
2556
3483
|
}
|
|
2557
3484
|
}
|
|
2558
3485
|
.dark\:disabled\:text-zinc-600 {
|
|
2559
3486
|
@media (prefers-color-scheme: dark) {
|
|
2560
3487
|
&:disabled {
|
|
2561
|
-
color:
|
|
3488
|
+
color: var(--color-zinc-600);
|
|
2562
3489
|
}
|
|
2563
3490
|
}
|
|
2564
3491
|
}
|
|
@@ -2587,6 +3514,11 @@
|
|
|
2587
3514
|
border-color: GrayText;
|
|
2588
3515
|
}
|
|
2589
3516
|
}
|
|
3517
|
+
.forced-colors\:\!bg-\[ButtonFace\] {
|
|
3518
|
+
@media (forced-colors: active) {
|
|
3519
|
+
background-color: ButtonFace !important;
|
|
3520
|
+
}
|
|
3521
|
+
}
|
|
2590
3522
|
.forced-colors\:\!bg-\[Highlight\] {
|
|
2591
3523
|
@media (forced-colors: active) {
|
|
2592
3524
|
background-color: Highlight !important;
|
|
@@ -2627,6 +3559,21 @@
|
|
|
2627
3559
|
stroke: ButtonBorder;
|
|
2628
3560
|
}
|
|
2629
3561
|
}
|
|
3562
|
+
.forced-colors\:\!text-\[ButtonText\] {
|
|
3563
|
+
@media (forced-colors: active) {
|
|
3564
|
+
color: ButtonText !important;
|
|
3565
|
+
}
|
|
3566
|
+
}
|
|
3567
|
+
.forced-colors\:\!text-\[GrayText\] {
|
|
3568
|
+
@media (forced-colors: active) {
|
|
3569
|
+
color: GrayText !important;
|
|
3570
|
+
}
|
|
3571
|
+
}
|
|
3572
|
+
.forced-colors\:\!text-\[HighlightText\] {
|
|
3573
|
+
@media (forced-colors: active) {
|
|
3574
|
+
color: HighlightText !important;
|
|
3575
|
+
}
|
|
3576
|
+
}
|
|
2630
3577
|
.forced-colors\:text-\[ButtonFace\] {
|
|
2631
3578
|
@media (forced-colors: active) {
|
|
2632
3579
|
color: ButtonFace;
|
|
@@ -2654,7 +3601,7 @@
|
|
|
2654
3601
|
}
|
|
2655
3602
|
.forced-colors\:text-white {
|
|
2656
3603
|
@media (forced-colors: active) {
|
|
2657
|
-
color: var(--color-
|
|
3604
|
+
color: var(--color-white);
|
|
2658
3605
|
}
|
|
2659
3606
|
}
|
|
2660
3607
|
.forced-colors\:outline-\[GrayText\] {
|
|
@@ -2746,32 +3693,206 @@
|
|
|
2746
3693
|
}
|
|
2747
3694
|
}
|
|
2748
3695
|
}
|
|
3696
|
+
.\[\&_\.ProseMirror\]\:min-h-\[inherit\] {
|
|
3697
|
+
& .ProseMirror {
|
|
3698
|
+
min-height: inherit;
|
|
3699
|
+
}
|
|
3700
|
+
}
|
|
3701
|
+
.\[\&_\.ProseMirror\]\:outline-none {
|
|
3702
|
+
& .ProseMirror {
|
|
3703
|
+
--tw-outline-style: none;
|
|
3704
|
+
outline-style: none;
|
|
3705
|
+
}
|
|
3706
|
+
}
|
|
3707
|
+
.\[\&_\.ProseMirror_blockquote\]\:border-l-4 {
|
|
3708
|
+
& .ProseMirror blockquote {
|
|
3709
|
+
border-left-style: var(--tw-border-style);
|
|
3710
|
+
border-left-width: 4px;
|
|
3711
|
+
}
|
|
3712
|
+
}
|
|
3713
|
+
.\[\&_\.ProseMirror_blockquote\]\:border-border-muted {
|
|
3714
|
+
& .ProseMirror blockquote {
|
|
3715
|
+
border-color: var(--color-border-muted);
|
|
3716
|
+
}
|
|
3717
|
+
}
|
|
3718
|
+
.\[\&_\.ProseMirror_blockquote\]\:pl-4 {
|
|
3719
|
+
& .ProseMirror blockquote {
|
|
3720
|
+
padding-left: var(--spacing-4);
|
|
3721
|
+
}
|
|
3722
|
+
}
|
|
3723
|
+
.\[\&_\.ProseMirror_blockquote\]\:italic {
|
|
3724
|
+
& .ProseMirror blockquote {
|
|
3725
|
+
font-style: italic;
|
|
3726
|
+
}
|
|
3727
|
+
}
|
|
3728
|
+
.\[\&_\.ProseMirror_code\]\:rounded {
|
|
3729
|
+
& .ProseMirror code {
|
|
3730
|
+
border-radius: 0.25rem;
|
|
3731
|
+
}
|
|
3732
|
+
}
|
|
3733
|
+
.\[\&_\.ProseMirror_code\]\:bg-background-muted {
|
|
3734
|
+
& .ProseMirror code {
|
|
3735
|
+
background-color: var(--color-background-muted);
|
|
3736
|
+
}
|
|
3737
|
+
}
|
|
3738
|
+
.\[\&_\.ProseMirror_code\]\:px-1 {
|
|
3739
|
+
& .ProseMirror code {
|
|
3740
|
+
padding-inline: var(--spacing-1);
|
|
3741
|
+
}
|
|
3742
|
+
}
|
|
3743
|
+
.\[\&_\.ProseMirror_code\]\:py-0\.5 {
|
|
3744
|
+
& .ProseMirror code {
|
|
3745
|
+
padding-block: calc(var(--spacing) * 0.5);
|
|
3746
|
+
}
|
|
3747
|
+
}
|
|
3748
|
+
.\[\&_\.ProseMirror_code\]\:font-mono {
|
|
3749
|
+
& .ProseMirror code {
|
|
3750
|
+
font-family: var(--font-mono);
|
|
3751
|
+
}
|
|
3752
|
+
}
|
|
3753
|
+
.\[\&_\.ProseMirror_code\]\:text-sm {
|
|
3754
|
+
& .ProseMirror code {
|
|
3755
|
+
font-size: var(--text-sm);
|
|
3756
|
+
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
3757
|
+
}
|
|
3758
|
+
}
|
|
3759
|
+
.\[\&_\.ProseMirror_h1\]\:mb-4 {
|
|
3760
|
+
& .ProseMirror h1 {
|
|
3761
|
+
margin-bottom: var(--spacing-4);
|
|
3762
|
+
}
|
|
3763
|
+
}
|
|
3764
|
+
.\[\&_\.ProseMirror_h1\]\:text-2xl {
|
|
3765
|
+
& .ProseMirror h1 {
|
|
3766
|
+
font-size: var(--text-2xl);
|
|
3767
|
+
line-height: var(--tw-leading, var(--text-2xl--line-height));
|
|
3768
|
+
}
|
|
3769
|
+
}
|
|
3770
|
+
.\[\&_\.ProseMirror_h1\]\:font-bold {
|
|
3771
|
+
& .ProseMirror h1 {
|
|
3772
|
+
--tw-font-weight: var(--font-weight-bold);
|
|
3773
|
+
font-weight: var(--font-weight-bold);
|
|
3774
|
+
}
|
|
3775
|
+
}
|
|
3776
|
+
.\[\&_\.ProseMirror_h2\]\:mb-3 {
|
|
3777
|
+
& .ProseMirror h2 {
|
|
3778
|
+
margin-bottom: var(--spacing-3);
|
|
3779
|
+
}
|
|
3780
|
+
}
|
|
3781
|
+
.\[\&_\.ProseMirror_h2\]\:text-xl {
|
|
3782
|
+
& .ProseMirror h2 {
|
|
3783
|
+
font-size: var(--text-xl);
|
|
3784
|
+
line-height: var(--tw-leading, var(--text-xl--line-height));
|
|
3785
|
+
}
|
|
3786
|
+
}
|
|
3787
|
+
.\[\&_\.ProseMirror_h2\]\:font-semibold {
|
|
3788
|
+
& .ProseMirror h2 {
|
|
3789
|
+
--tw-font-weight: var(--font-weight-semibold);
|
|
3790
|
+
font-weight: var(--font-weight-semibold);
|
|
3791
|
+
}
|
|
3792
|
+
}
|
|
3793
|
+
.\[\&_\.ProseMirror_hr\]\:border-border-muted {
|
|
3794
|
+
& .ProseMirror hr {
|
|
3795
|
+
border-color: var(--color-border-muted);
|
|
3796
|
+
}
|
|
3797
|
+
}
|
|
3798
|
+
.\[\&_\.ProseMirror_li\]\:mb-1 {
|
|
3799
|
+
& .ProseMirror li {
|
|
3800
|
+
margin-bottom: var(--spacing-1);
|
|
3801
|
+
}
|
|
3802
|
+
}
|
|
3803
|
+
.\[\&_\.ProseMirror_ol\]\:mb-2 {
|
|
3804
|
+
& .ProseMirror ol {
|
|
3805
|
+
margin-bottom: var(--spacing-2);
|
|
3806
|
+
}
|
|
3807
|
+
}
|
|
3808
|
+
.\[\&_\.ProseMirror_ol\]\:ml-6 {
|
|
3809
|
+
& .ProseMirror ol {
|
|
3810
|
+
margin-left: var(--spacing-6);
|
|
3811
|
+
}
|
|
3812
|
+
}
|
|
3813
|
+
.\[\&_\.ProseMirror_ol\]\:list-decimal {
|
|
3814
|
+
& .ProseMirror ol {
|
|
3815
|
+
list-style-type: decimal;
|
|
3816
|
+
}
|
|
3817
|
+
}
|
|
3818
|
+
.\[\&_\.ProseMirror_p\]\:mb-2 {
|
|
3819
|
+
& .ProseMirror p {
|
|
3820
|
+
margin-bottom: var(--spacing-2);
|
|
3821
|
+
}
|
|
3822
|
+
}
|
|
3823
|
+
.\[\&_\.ProseMirror_pre\]\:rounded-md {
|
|
3824
|
+
& .ProseMirror pre {
|
|
3825
|
+
border-radius: var(--radius-md);
|
|
3826
|
+
}
|
|
3827
|
+
}
|
|
3828
|
+
.\[\&_\.ProseMirror_pre\]\:bg-background-muted {
|
|
3829
|
+
& .ProseMirror pre {
|
|
3830
|
+
background-color: var(--color-background-muted);
|
|
3831
|
+
}
|
|
3832
|
+
}
|
|
3833
|
+
.\[\&_\.ProseMirror_pre\]\:p-3 {
|
|
3834
|
+
& .ProseMirror pre {
|
|
3835
|
+
padding: var(--spacing-3);
|
|
3836
|
+
}
|
|
3837
|
+
}
|
|
3838
|
+
.\[\&_\.ProseMirror_pre\]\:font-mono {
|
|
3839
|
+
& .ProseMirror pre {
|
|
3840
|
+
font-family: var(--font-mono);
|
|
3841
|
+
}
|
|
3842
|
+
}
|
|
3843
|
+
.\[\&_\.ProseMirror_pre\]\:text-sm {
|
|
3844
|
+
& .ProseMirror pre {
|
|
3845
|
+
font-size: var(--text-sm);
|
|
3846
|
+
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
3847
|
+
}
|
|
3848
|
+
}
|
|
3849
|
+
.\[\&_\.ProseMirror_ul\]\:mb-2 {
|
|
3850
|
+
& .ProseMirror ul {
|
|
3851
|
+
margin-bottom: var(--spacing-2);
|
|
3852
|
+
}
|
|
3853
|
+
}
|
|
3854
|
+
.\[\&_\.ProseMirror_ul\]\:ml-6 {
|
|
3855
|
+
& .ProseMirror ul {
|
|
3856
|
+
margin-left: var(--spacing-6);
|
|
3857
|
+
}
|
|
3858
|
+
}
|
|
3859
|
+
.\[\&_\.ProseMirror_ul\]\:list-disc {
|
|
3860
|
+
& .ProseMirror ul {
|
|
3861
|
+
list-style-type: disc;
|
|
3862
|
+
}
|
|
3863
|
+
}
|
|
2749
3864
|
.\[\&_\[data-chip-id\]\:\:selection\]\:bg-action-primary\/20 {
|
|
2750
3865
|
& [data-chip-id]::-moz-selection {
|
|
2751
|
-
background-color: color-mix(in
|
|
3866
|
+
background-color: color-mix(in srgb, #444ae1 20%, transparent);
|
|
3867
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3868
|
+
background-color: color-mix(in oklab, var(--color-action-primary) 20%, transparent);
|
|
3869
|
+
}
|
|
2752
3870
|
}
|
|
2753
3871
|
& [data-chip-id]::selection {
|
|
2754
|
-
background-color: color-mix(in
|
|
3872
|
+
background-color: color-mix(in srgb, #444ae1 20%, transparent);
|
|
3873
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3874
|
+
background-color: color-mix(in oklab, var(--color-action-primary) 20%, transparent);
|
|
3875
|
+
}
|
|
2755
3876
|
}
|
|
2756
3877
|
}
|
|
2757
3878
|
.\[\&_td\]\:px-0 {
|
|
2758
3879
|
& td {
|
|
2759
|
-
padding-inline:
|
|
3880
|
+
padding-inline: var(--spacing-0);
|
|
2760
3881
|
}
|
|
2761
3882
|
}
|
|
2762
3883
|
.\[\&\+\*\]\:mt-1 {
|
|
2763
3884
|
&+* {
|
|
2764
|
-
margin-top:
|
|
3885
|
+
margin-top: var(--spacing-1);
|
|
2765
3886
|
}
|
|
2766
3887
|
}
|
|
2767
3888
|
.\[\&\:\:-moz-range-thumb\]\:h-4 {
|
|
2768
3889
|
&::-moz-range-thumb {
|
|
2769
|
-
height:
|
|
3890
|
+
height: var(--spacing-4);
|
|
2770
3891
|
}
|
|
2771
3892
|
}
|
|
2772
3893
|
.\[\&\:\:-moz-range-thumb\]\:w-4 {
|
|
2773
3894
|
&::-moz-range-thumb {
|
|
2774
|
-
width:
|
|
3895
|
+
width: var(--spacing-4);
|
|
2775
3896
|
}
|
|
2776
3897
|
}
|
|
2777
3898
|
.\[\&\:\:-moz-range-thumb\]\:rounded-full {
|
|
@@ -2779,6 +3900,11 @@
|
|
|
2779
3900
|
border-radius: calc(infinity * 1px);
|
|
2780
3901
|
}
|
|
2781
3902
|
}
|
|
3903
|
+
.\[\&\:\:-moz-range-thumb\]\:rounded-full {
|
|
3904
|
+
&::-moz-range-thumb {
|
|
3905
|
+
border-radius: var(--radius-full);
|
|
3906
|
+
}
|
|
3907
|
+
}
|
|
2782
3908
|
.\[\&\:\:-moz-range-thumb\]\:border {
|
|
2783
3909
|
&::-moz-range-thumb {
|
|
2784
3910
|
border-style: var(--tw-border-style);
|
|
@@ -2787,12 +3913,12 @@
|
|
|
2787
3913
|
}
|
|
2788
3914
|
.\[\&\:\:-moz-range-thumb\]\:border-border-input {
|
|
2789
3915
|
&::-moz-range-thumb {
|
|
2790
|
-
border-color:
|
|
3916
|
+
border-color: var(--color-border-input);
|
|
2791
3917
|
}
|
|
2792
3918
|
}
|
|
2793
3919
|
.\[\&\:\:-moz-range-thumb\]\:bg-background-input {
|
|
2794
3920
|
&::-moz-range-thumb {
|
|
2795
|
-
background-color:
|
|
3921
|
+
background-color: var(--color-background-input);
|
|
2796
3922
|
}
|
|
2797
3923
|
}
|
|
2798
3924
|
.hover\:\[\&\:\:-moz-range-thumb\]\:shadow-sm {
|
|
@@ -2816,7 +3942,7 @@
|
|
|
2816
3942
|
.focus-visible\:\[\&\:\:-moz-range-thumb\]\:outline-border-focus {
|
|
2817
3943
|
&:focus-visible {
|
|
2818
3944
|
&::-moz-range-thumb {
|
|
2819
|
-
outline-color:
|
|
3945
|
+
outline-color: var(--color-border-focus);
|
|
2820
3946
|
}
|
|
2821
3947
|
}
|
|
2822
3948
|
}
|
|
@@ -2834,12 +3960,12 @@
|
|
|
2834
3960
|
}
|
|
2835
3961
|
.\[\&\:\:-webkit-slider-thumb\]\:h-4 {
|
|
2836
3962
|
&::-webkit-slider-thumb {
|
|
2837
|
-
height:
|
|
3963
|
+
height: var(--spacing-4);
|
|
2838
3964
|
}
|
|
2839
3965
|
}
|
|
2840
3966
|
.\[\&\:\:-webkit-slider-thumb\]\:w-4 {
|
|
2841
3967
|
&::-webkit-slider-thumb {
|
|
2842
|
-
width:
|
|
3968
|
+
width: var(--spacing-4);
|
|
2843
3969
|
}
|
|
2844
3970
|
}
|
|
2845
3971
|
.\[\&\:\:-webkit-slider-thumb\]\:appearance-none {
|
|
@@ -2853,6 +3979,11 @@
|
|
|
2853
3979
|
border-radius: calc(infinity * 1px);
|
|
2854
3980
|
}
|
|
2855
3981
|
}
|
|
3982
|
+
.\[\&\:\:-webkit-slider-thumb\]\:rounded-full {
|
|
3983
|
+
&::-webkit-slider-thumb {
|
|
3984
|
+
border-radius: var(--radius-full);
|
|
3985
|
+
}
|
|
3986
|
+
}
|
|
2856
3987
|
.\[\&\:\:-webkit-slider-thumb\]\:border {
|
|
2857
3988
|
&::-webkit-slider-thumb {
|
|
2858
3989
|
border-style: var(--tw-border-style);
|
|
@@ -2861,12 +3992,12 @@
|
|
|
2861
3992
|
}
|
|
2862
3993
|
.\[\&\:\:-webkit-slider-thumb\]\:border-border-input {
|
|
2863
3994
|
&::-webkit-slider-thumb {
|
|
2864
|
-
border-color:
|
|
3995
|
+
border-color: var(--color-border-input);
|
|
2865
3996
|
}
|
|
2866
3997
|
}
|
|
2867
3998
|
.\[\&\:\:-webkit-slider-thumb\]\:bg-background-input {
|
|
2868
3999
|
&::-webkit-slider-thumb {
|
|
2869
|
-
background-color:
|
|
4000
|
+
background-color: var(--color-background-input);
|
|
2870
4001
|
}
|
|
2871
4002
|
}
|
|
2872
4003
|
.hover\:\[\&\:\:-webkit-slider-thumb\]\:shadow-sm {
|
|
@@ -2890,7 +4021,7 @@
|
|
|
2890
4021
|
.focus-visible\:\[\&\:\:-webkit-slider-thumb\]\:outline-border-focus {
|
|
2891
4022
|
&:focus-visible {
|
|
2892
4023
|
&::-webkit-slider-thumb {
|
|
2893
|
-
outline-color:
|
|
4024
|
+
outline-color: var(--color-border-focus);
|
|
2894
4025
|
}
|
|
2895
4026
|
}
|
|
2896
4027
|
}
|
|
@@ -2906,7 +4037,7 @@
|
|
|
2906
4037
|
&:empty {
|
|
2907
4038
|
&::before {
|
|
2908
4039
|
content: var(--tw-content);
|
|
2909
|
-
color:
|
|
4040
|
+
color: var(--color-text-placeholder);
|
|
2910
4041
|
}
|
|
2911
4042
|
}
|
|
2912
4043
|
}
|
|
@@ -2919,17 +4050,42 @@
|
|
|
2919
4050
|
}
|
|
2920
4051
|
}
|
|
2921
4052
|
}
|
|
4053
|
+
.\[\&\>\*\]\:\!justify-start {
|
|
4054
|
+
&>* {
|
|
4055
|
+
justify-content: flex-start !important;
|
|
4056
|
+
}
|
|
4057
|
+
}
|
|
2922
4058
|
.\[\&\>\*\]\:rounded-none {
|
|
2923
4059
|
&>* {
|
|
2924
4060
|
border-radius: 0;
|
|
2925
4061
|
}
|
|
2926
4062
|
}
|
|
4063
|
+
.\[\&\>\*\]\:rounded-none {
|
|
4064
|
+
&>* {
|
|
4065
|
+
border-radius: var(--radius-none);
|
|
4066
|
+
}
|
|
4067
|
+
}
|
|
2927
4068
|
.\[\&\>\*\]\:border-none {
|
|
2928
4069
|
&>* {
|
|
2929
4070
|
--tw-border-style: none;
|
|
2930
4071
|
border-style: none;
|
|
2931
4072
|
}
|
|
2932
4073
|
}
|
|
4074
|
+
.\[\&\>\*\]\:\!text-left {
|
|
4075
|
+
&>* {
|
|
4076
|
+
text-align: left !important;
|
|
4077
|
+
}
|
|
4078
|
+
}
|
|
4079
|
+
.\[\&\>\*\:first-child\]\:mt-0 {
|
|
4080
|
+
&>*:first-child {
|
|
4081
|
+
margin-top: var(--spacing-0);
|
|
4082
|
+
}
|
|
4083
|
+
}
|
|
4084
|
+
.\[\&\>\*\:last-child\]\:mb-0 {
|
|
4085
|
+
&>*:last-child {
|
|
4086
|
+
margin-bottom: var(--spacing-0);
|
|
4087
|
+
}
|
|
4088
|
+
}
|
|
2933
4089
|
.\[\.group\[data-selected\]\:has\(\+\[data-selected\]\)_\&\]\:block {
|
|
2934
4090
|
.group[data-selected]:has(+[data-selected]) & {
|
|
2935
4091
|
display: block;
|
|
@@ -2937,7 +4093,7 @@
|
|
|
2937
4093
|
}
|
|
2938
4094
|
.\[\[data-placement\]\>\&\]\:p-4 {
|
|
2939
4095
|
[data-placement]>& {
|
|
2940
|
-
padding:
|
|
4096
|
+
padding: var(--spacing-4);
|
|
2941
4097
|
}
|
|
2942
4098
|
}
|
|
2943
4099
|
.\[td\:first-child_\&\]\:rounded-s-full {
|
|
@@ -2946,181 +4102,22 @@
|
|
|
2946
4102
|
border-end-start-radius: calc(infinity * 1px);
|
|
2947
4103
|
}
|
|
2948
4104
|
}
|
|
2949
|
-
|
|
2950
|
-
|
|
2951
|
-
|
|
2952
|
-
|
|
2953
|
-
|
|
2954
|
-
50%, 100% {
|
|
2955
|
-
transform: translateX(100%);
|
|
2956
|
-
}
|
|
2957
|
-
}
|
|
2958
|
-
@keyframes slide-in-from-right {
|
|
2959
|
-
from {
|
|
2960
|
-
transform: translateX(100%);
|
|
2961
|
-
}
|
|
2962
|
-
to {
|
|
2963
|
-
transform: translateX(0);
|
|
2964
|
-
}
|
|
2965
|
-
}
|
|
2966
|
-
@keyframes slide-in-from-left {
|
|
2967
|
-
from {
|
|
2968
|
-
transform: translateX(-100%);
|
|
2969
|
-
}
|
|
2970
|
-
to {
|
|
2971
|
-
transform: translateX(0);
|
|
2972
|
-
}
|
|
2973
|
-
}
|
|
2974
|
-
@keyframes slide-out-to-right {
|
|
2975
|
-
from {
|
|
2976
|
-
transform: translateX(0);
|
|
2977
|
-
}
|
|
2978
|
-
to {
|
|
2979
|
-
transform: translateX(100%);
|
|
2980
|
-
}
|
|
2981
|
-
}
|
|
2982
|
-
@keyframes slide-out-to-left {
|
|
2983
|
-
from {
|
|
2984
|
-
transform: translateX(0);
|
|
2985
|
-
}
|
|
2986
|
-
to {
|
|
2987
|
-
transform: translateX(-100%);
|
|
2988
|
-
}
|
|
2989
|
-
}
|
|
2990
|
-
@keyframes fade-in {
|
|
2991
|
-
from {
|
|
2992
|
-
opacity: 0;
|
|
2993
|
-
}
|
|
2994
|
-
to {
|
|
2995
|
-
opacity: 1;
|
|
2996
|
-
}
|
|
2997
|
-
}
|
|
2998
|
-
@keyframes fade-out {
|
|
2999
|
-
from {
|
|
3000
|
-
opacity: 1;
|
|
3001
|
-
}
|
|
3002
|
-
to {
|
|
3003
|
-
opacity: 0;
|
|
4105
|
+
.\[td\:first-child_\&\]\:rounded-s-full {
|
|
4106
|
+
td:first-child & {
|
|
4107
|
+
border-start-start-radius: var(--radius-full);
|
|
4108
|
+
border-end-start-radius: var(--radius-full);
|
|
4109
|
+
}
|
|
3004
4110
|
}
|
|
3005
4111
|
}
|
|
3006
|
-
|
|
3007
|
-
|
|
3008
|
-
|
|
3009
|
-
|
|
3010
|
-
--color-brand-background: #3a3f63;
|
|
3011
|
-
--color-neutral-black: #e5e7eb;
|
|
3012
|
-
--color-neutral-white: #151a30;
|
|
3013
|
-
--color-gray-lightest: #1f2937;
|
|
3014
|
-
--color-gray-lighter: #374151;
|
|
3015
|
-
--color-gray-light: #4b5563;
|
|
3016
|
-
--color-gray-medium: #6b7280;
|
|
3017
|
-
--color-gray-dark: #9ca3af;
|
|
3018
|
-
--color-gray-darker: #d1d5db;
|
|
3019
|
-
--color-gray-darkest: #f3f4f6;
|
|
3020
|
-
--color-text-body: #ededef;
|
|
3021
|
-
--color-text-heading: #ffffff;
|
|
3022
|
-
--color-text-caption: #d1d5db;
|
|
3023
|
-
--color-text-muted: #9ca3af;
|
|
3024
|
-
--color-text-placeholder: #9ca3af;
|
|
3025
|
-
--color-text-disabled: #9ca3af;
|
|
3026
|
-
--color-text-link-default: #b4b9ff;
|
|
3027
|
-
--color-text-link-hover: #c0c5ff;
|
|
3028
|
-
--color-text-link-active: #b4b9ff;
|
|
3029
|
-
--color-text-link-visited: #c0c5ff;
|
|
3030
|
-
--color-text-onPrimary: #1f2937;
|
|
3031
|
-
--color-background-body: #151a30;
|
|
3032
|
-
--color-background-surface: #1a2038;
|
|
3033
|
-
--color-background-muted: #374151;
|
|
3034
|
-
--color-background-hover: #4b5563;
|
|
3035
|
-
--color-background-selected: #6b7280;
|
|
3036
|
-
--color-background-modal: rgba(255, 255, 255, 0.12);
|
|
3037
|
-
--color-background-input: rgba(255, 255, 255, 0.05);
|
|
3038
|
-
--color-background-menu-active: #222b44;
|
|
3039
|
-
--color-border-default: #2e3a59;
|
|
3040
|
-
--color-border-focus: #e5e7eb;
|
|
3041
|
-
--color-border-muted: #4b5563;
|
|
3042
|
-
--color-border-input: #6b7280;
|
|
3043
|
-
--color-action-primary: #7a8ee1;
|
|
3044
|
-
--color-action-primary-hover: #6a6fcc;
|
|
3045
|
-
--color-action-secondary: #e5e7eb;
|
|
3046
|
-
--color-action-secondary-hover: #f3f4f6;
|
|
3047
|
-
--color-action-destructive: #e55a5a;
|
|
3048
|
-
--color-action-destructive-hover: #d12c2c;
|
|
3049
|
-
--color-action-success: #d1fae5;
|
|
3050
|
-
--color-action-disabled: #9ca3af;
|
|
3051
|
-
--color-feedback-success-text: #d1fae5;
|
|
3052
|
-
--color-feedback-success-icon: #d1fae5;
|
|
3053
|
-
--color-feedback-success-background: #065f46;
|
|
3054
|
-
--color-feedback-success-border: #10b981;
|
|
3055
|
-
--color-feedback-error-text: #fee2e2;
|
|
3056
|
-
--color-feedback-error-icon: #fee2e2;
|
|
3057
|
-
--color-feedback-error-background: #b91c1c;
|
|
3058
|
-
--color-feedback-error-border: #ef4444;
|
|
3059
|
-
--color-feedback-warning-text: #fef3c7;
|
|
3060
|
-
--color-feedback-warning-icon: #fef3c7;
|
|
3061
|
-
--color-feedback-warning-background: #92400e;
|
|
3062
|
-
--color-feedback-warning-border: #f59e0b;
|
|
3063
|
-
--color-feedback-info-text: #60a5fa;
|
|
3064
|
-
--color-feedback-info-icon: #60a5fa;
|
|
3065
|
-
--color-feedback-info-background: #1e3160;
|
|
3066
|
-
--color-feedback-info-border: #2563eb;
|
|
3067
|
-
--color-device-charging-background: #581c87;
|
|
3068
|
-
--color-device-charging-border: #a855f7;
|
|
3069
|
-
--color-device-charging-text: #e9d5ff;
|
|
3070
|
-
--color-device-discharging-background: #78350f;
|
|
3071
|
-
--color-device-discharging-border: #eab308;
|
|
3072
|
-
--color-device-discharging-text: #fef3c7;
|
|
3073
|
-
--color-device-heat-background: #7f1d1d;
|
|
3074
|
-
--color-device-heat-border: #ef4444;
|
|
3075
|
-
--color-device-heat-text: #fee2e2;
|
|
3076
|
-
--color-device-cool-background: #1e3a8a;
|
|
3077
|
-
--color-device-cool-border: #3b82f6;
|
|
3078
|
-
--color-device-cool-text: #dbeafe;
|
|
3079
|
-
--color-device-eco-background: #064e3b;
|
|
3080
|
-
--color-device-eco-border: #10b981;
|
|
3081
|
-
--color-device-eco-text: #d1fae5;
|
|
3082
|
-
--color-device-auto-background: #7c2d12;
|
|
3083
|
-
--color-device-auto-border: #fb923c;
|
|
3084
|
-
--color-device-auto-text: #ffedd5;
|
|
3085
|
-
--color-device-on-background: #134e4a;
|
|
3086
|
-
--color-device-on-border: #14b8a6;
|
|
3087
|
-
--color-device-on-text: #ccfbf1;
|
|
3088
|
-
--color-device-idle-background: #374151;
|
|
3089
|
-
--color-device-idle-border: #6b7280;
|
|
3090
|
-
--color-device-idle-text: #e5e7eb;
|
|
3091
|
-
--color-device-off-background: #374151;
|
|
3092
|
-
--color-device-off-border: #6b7280;
|
|
3093
|
-
--color-device-off-text: #e5e7eb;
|
|
3094
|
-
--color-device-unknown-background: #1f2937;
|
|
3095
|
-
--color-device-unknown-border: #6b7280;
|
|
3096
|
-
--color-device-unknown-text: #ffffff;
|
|
3097
|
-
--color-device-importing-background: #1f2937;
|
|
3098
|
-
--color-device-importing-border: #6b7280;
|
|
3099
|
-
--color-device-importing-text: #ffffff;
|
|
3100
|
-
--color-device-exporting-background: #1f2937;
|
|
3101
|
-
--color-device-exporting-border: #6b7280;
|
|
3102
|
-
--color-device-exporting-text: #ffffff;
|
|
3103
|
-
--skeleton-base: #2e3a59;
|
|
3104
|
-
--skeleton-highlight: #374151;
|
|
3105
|
-
--skeleton-wave: rgba(255, 255, 255, 0.1);
|
|
3106
|
-
}
|
|
3107
|
-
.slide-in-from-right {
|
|
3108
|
-
animation: slide-in-from-right 0.3s ease-out;
|
|
3109
|
-
}
|
|
3110
|
-
.slide-in-from-left {
|
|
3111
|
-
animation: slide-in-from-left 0.3s ease-out;
|
|
3112
|
-
}
|
|
3113
|
-
.slide-out-to-right {
|
|
3114
|
-
animation: slide-out-to-right 0.15s ease-in;
|
|
3115
|
-
}
|
|
3116
|
-
.slide-out-to-left {
|
|
3117
|
-
animation: slide-out-to-left 0.15s ease-in;
|
|
3118
|
-
}
|
|
3119
|
-
.fade-in {
|
|
3120
|
-
animation: fade-in 0.2s ease-out;
|
|
4112
|
+
@property --tw-border-spacing-x {
|
|
4113
|
+
syntax: "<length>";
|
|
4114
|
+
inherits: false;
|
|
4115
|
+
initial-value: 0;
|
|
3121
4116
|
}
|
|
3122
|
-
|
|
3123
|
-
|
|
4117
|
+
@property --tw-border-spacing-y {
|
|
4118
|
+
syntax: "<length>";
|
|
4119
|
+
inherits: false;
|
|
4120
|
+
initial-value: 0;
|
|
3124
4121
|
}
|
|
3125
4122
|
@property --tw-translate-x {
|
|
3126
4123
|
syntax: "*";
|
|
@@ -3162,6 +4159,11 @@
|
|
|
3162
4159
|
inherits: false;
|
|
3163
4160
|
initial-value: 0;
|
|
3164
4161
|
}
|
|
4162
|
+
@property --tw-space-x-reverse {
|
|
4163
|
+
syntax: "*";
|
|
4164
|
+
inherits: false;
|
|
4165
|
+
initial-value: 0;
|
|
4166
|
+
}
|
|
3165
4167
|
@property --tw-divide-x-reverse {
|
|
3166
4168
|
syntax: "*";
|
|
3167
4169
|
inherits: false;
|
|
@@ -3423,15 +4425,20 @@
|
|
|
3423
4425
|
initial-value: "";
|
|
3424
4426
|
inherits: false;
|
|
3425
4427
|
}
|
|
3426
|
-
@
|
|
3427
|
-
|
|
3428
|
-
|
|
3429
|
-
|
|
4428
|
+
@property --tw-scale-x {
|
|
4429
|
+
syntax: "*";
|
|
4430
|
+
inherits: false;
|
|
4431
|
+
initial-value: 1;
|
|
3430
4432
|
}
|
|
3431
|
-
@
|
|
3432
|
-
|
|
3433
|
-
|
|
3434
|
-
|
|
4433
|
+
@property --tw-scale-y {
|
|
4434
|
+
syntax: "*";
|
|
4435
|
+
inherits: false;
|
|
4436
|
+
initial-value: 1;
|
|
4437
|
+
}
|
|
4438
|
+
@property --tw-scale-z {
|
|
4439
|
+
syntax: "*";
|
|
4440
|
+
inherits: false;
|
|
4441
|
+
initial-value: 1;
|
|
3435
4442
|
}
|
|
3436
4443
|
@keyframes spin {
|
|
3437
4444
|
to {
|
|
@@ -3446,6 +4453,8 @@
|
|
|
3446
4453
|
@layer properties {
|
|
3447
4454
|
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
|
|
3448
4455
|
*, ::before, ::after, ::backdrop {
|
|
4456
|
+
--tw-border-spacing-x: 0;
|
|
4457
|
+
--tw-border-spacing-y: 0;
|
|
3449
4458
|
--tw-translate-x: 0;
|
|
3450
4459
|
--tw-translate-y: 0;
|
|
3451
4460
|
--tw-translate-z: 0;
|
|
@@ -3455,6 +4464,7 @@
|
|
|
3455
4464
|
--tw-skew-x: initial;
|
|
3456
4465
|
--tw-skew-y: initial;
|
|
3457
4466
|
--tw-space-y-reverse: 0;
|
|
4467
|
+
--tw-space-x-reverse: 0;
|
|
3458
4468
|
--tw-divide-x-reverse: 0;
|
|
3459
4469
|
--tw-border-style: solid;
|
|
3460
4470
|
--tw-divide-y-reverse: 0;
|
|
@@ -3515,6 +4525,9 @@
|
|
|
3515
4525
|
--tw-duration: initial;
|
|
3516
4526
|
--tw-ease: initial;
|
|
3517
4527
|
--tw-content: "";
|
|
4528
|
+
--tw-scale-x: 1;
|
|
4529
|
+
--tw-scale-y: 1;
|
|
4530
|
+
--tw-scale-z: 1;
|
|
3518
4531
|
}
|
|
3519
4532
|
}
|
|
3520
4533
|
}
|