@abhir9/pd-design-system 0.1.4 → 0.1.6
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/index.cjs.map +1 -1
- package/dist/index.css +588 -400
- package/dist/index.js.map +1 -1
- package/dist/styles.css +208 -5
- package/package.json +4 -2
package/dist/index.css
CHANGED
|
@@ -1,112 +1,311 @@
|
|
|
1
|
+
/* Default CSS variables (dark theme) - will be overridden by ThemeProvider */
|
|
2
|
+
/* These ensure styling works before JavaScript loads */
|
|
3
|
+
/* Auto-generated from theme tokens - DO NOT EDIT MANUALLY */
|
|
4
|
+
:root {
|
|
5
|
+
--accent: #17171C;
|
|
6
|
+
--accent-foreground: #DFDFE2;
|
|
7
|
+
--background: #09090B;
|
|
8
|
+
--background-base: #09090B;
|
|
9
|
+
--background-green: #00471A;
|
|
10
|
+
--background-green-on-hover: #006625;
|
|
11
|
+
--background-info: #00123D;
|
|
12
|
+
--background-info-on-hover: #001E66;
|
|
13
|
+
--background-invert: #FFFFFF;
|
|
14
|
+
--background-invert-light: #DFDFE2;
|
|
15
|
+
--background-low: #17171C;
|
|
16
|
+
--background-low-on-hover: #2F2F37;
|
|
17
|
+
--background-orange: #331500;
|
|
18
|
+
--background-orange-on-hover: #5C2500;
|
|
19
|
+
--background-primary: #00123D;
|
|
20
|
+
--background-primary-on-hover: #001E66;
|
|
21
|
+
--background-red: #2D060D;
|
|
22
|
+
--background-red-on-hover: #4C0B17;
|
|
23
|
+
--background-secondary: #17171C;
|
|
24
|
+
--background-tertiary: #2F2F37;
|
|
25
|
+
--background-yellow: #3D2600;
|
|
26
|
+
--background-yellow-on-hover: #5C3A00;
|
|
27
|
+
--border: #4E4E5A;
|
|
28
|
+
--border-blue: #709AFF;
|
|
29
|
+
--border-blue-on-hover: #3772FF;
|
|
30
|
+
--border-blue-subtle: #002680;
|
|
31
|
+
--border-green: #00E052;
|
|
32
|
+
--border-green-on-hover: #00B241;
|
|
33
|
+
--border-green-subtle: #006625;
|
|
34
|
+
--border-invert: #FFFFFF;
|
|
35
|
+
--border-on-color: #09090B;
|
|
36
|
+
--border-orange: #EC9C64;
|
|
37
|
+
--border-orange-on-hover: #FF6800;
|
|
38
|
+
--border-orange-subtle: #5C2500;
|
|
39
|
+
--border-primary: #4E4E5A;
|
|
40
|
+
--border-red: #E15C5C;
|
|
41
|
+
--border-red-on-hover: #E12D4E;
|
|
42
|
+
--border-red-subtle: #4C0B17;
|
|
43
|
+
--border-secondary: #2F2F37;
|
|
44
|
+
--border-subtle: #2F2F37;
|
|
45
|
+
--border-yellow: #FFCA70;
|
|
46
|
+
--border-yellow-on-hover: #FFAD22;
|
|
47
|
+
--border-yellow-subtle: #5C3A00;
|
|
48
|
+
--card: #17171C;
|
|
49
|
+
--card-foreground: #DFDFE2;
|
|
50
|
+
--color-black: #09090B;
|
|
51
|
+
--color-white: #FFFFFF;
|
|
52
|
+
--content-always-black: #09090B;
|
|
53
|
+
--content-always-white: #FFFFFF;
|
|
54
|
+
--content-blue: #709AFF;
|
|
55
|
+
--content-blue-disabled: #002680;
|
|
56
|
+
--content-blue-on-hover: #3772FF;
|
|
57
|
+
--content-green: #00E052;
|
|
58
|
+
--content-green-disabled: #008A32;
|
|
59
|
+
--content-green-on-hover: #09FF63;
|
|
60
|
+
--content-on-color: #09090B;
|
|
61
|
+
--content-on-color-inverse: #EDEDED;
|
|
62
|
+
--content-orange: #EC9C64;
|
|
63
|
+
--content-orange-disabled: #7A3200;
|
|
64
|
+
--content-orange-on-hover: #FFC9A3;
|
|
65
|
+
--content-primary: #DFDFE2;
|
|
66
|
+
--content-red: #E15C5C;
|
|
67
|
+
--content-red-disabled: #7D1225;
|
|
68
|
+
--content-red-on-hover: #F6C1CA;
|
|
69
|
+
--content-secondary: #7E7E8B;
|
|
70
|
+
--content-subtle: #4E4E5A;
|
|
71
|
+
--content-yellow: #FFCA70;
|
|
72
|
+
--content-yellow-disabled: #7A4D00;
|
|
73
|
+
--content-yellow-on-hover: #FFD999;
|
|
74
|
+
--destructive: #E15C5C;
|
|
75
|
+
--destructive-foreground: #FFFFFF;
|
|
76
|
+
--font-mono: Gist Mono, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
|
|
77
|
+
--font-sans: Gist, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
|
|
78
|
+
--font-size-2xl: 1.5rem;
|
|
79
|
+
--font-size-3xl: 1.875rem;
|
|
80
|
+
--font-size-4xl: 2.25rem;
|
|
81
|
+
--font-size-5xl: 3rem;
|
|
82
|
+
--font-size-base: 1rem;
|
|
83
|
+
--font-size-lg: 1.125rem;
|
|
84
|
+
--font-size-sm: 0.875rem;
|
|
85
|
+
--font-size-xl: 1.25rem;
|
|
86
|
+
--font-size-xs: 0.75rem;
|
|
87
|
+
--font-weight-bold: 700;
|
|
88
|
+
--font-weight-medium: 500;
|
|
89
|
+
--font-weight-normal: 400;
|
|
90
|
+
--font-weight-semibold: 600;
|
|
91
|
+
--foreground: #DFDFE2;
|
|
92
|
+
--input: #4E4E5A;
|
|
93
|
+
--intent-danger: #E15C5C;
|
|
94
|
+
--intent-danger-active: #E12D4E;
|
|
95
|
+
--intent-danger-bg: #2D060D;
|
|
96
|
+
--intent-danger-bg-active: #4C0B17;
|
|
97
|
+
--intent-danger-bg-hover: #4C0B17;
|
|
98
|
+
--intent-danger-border: #E15C5C;
|
|
99
|
+
--intent-danger-hover: #F6C1CA;
|
|
100
|
+
--intent-danger-text: #E15C5C;
|
|
101
|
+
--intent-neutral: #7E7E8B;
|
|
102
|
+
--intent-neutral-active: #EDEDED;
|
|
103
|
+
--intent-neutral-bg: #17171C;
|
|
104
|
+
--intent-neutral-bg-active: #2F2F37;
|
|
105
|
+
--intent-neutral-bg-hover: #2F2F37;
|
|
106
|
+
--intent-neutral-border: #4E4E5A;
|
|
107
|
+
--intent-neutral-hover: #DFDFE2;
|
|
108
|
+
--intent-neutral-text: #DFDFE2;
|
|
109
|
+
--intent-primary: #7E7E8B;
|
|
110
|
+
--intent-primary-active: #EDEDED;
|
|
111
|
+
--intent-primary-bg: #17171C;
|
|
112
|
+
--intent-primary-bg-active: #2F2F37;
|
|
113
|
+
--intent-primary-bg-hover: #2F2F37;
|
|
114
|
+
--intent-primary-border: #4E4E5A;
|
|
115
|
+
--intent-primary-hover: #DFDFE2;
|
|
116
|
+
--intent-primary-text: #DFDFE2;
|
|
117
|
+
--intent-success: #00E052;
|
|
118
|
+
--intent-success-active: #00B241;
|
|
119
|
+
--intent-success-bg: #00471A;
|
|
120
|
+
--intent-success-bg-active: #008A32;
|
|
121
|
+
--intent-success-bg-hover: #006625;
|
|
122
|
+
--intent-success-border: #00E052;
|
|
123
|
+
--intent-success-hover: #09FF63;
|
|
124
|
+
--intent-success-text: #00E052;
|
|
125
|
+
--intent-warning: #FFCA70;
|
|
126
|
+
--intent-warning-active: #FFAD22;
|
|
127
|
+
--intent-warning-bg: #3D2600;
|
|
128
|
+
--intent-warning-bg-active: #5C3A00;
|
|
129
|
+
--intent-warning-bg-hover: #5C3A00;
|
|
130
|
+
--intent-warning-border: #FFCA70;
|
|
131
|
+
--intent-warning-hover: #FFD999;
|
|
132
|
+
--intent-warning-text: #FFCA70;
|
|
133
|
+
--line-height-normal: 1.5;
|
|
134
|
+
--line-height-relaxed: 1.75;
|
|
135
|
+
--line-height-tight: 1.25;
|
|
136
|
+
--muted: #17171C;
|
|
137
|
+
--muted-foreground: #4E4E5A;
|
|
138
|
+
--popover: #17171C;
|
|
139
|
+
--popover-foreground: #DFDFE2;
|
|
140
|
+
--primary: #7E7E8B;
|
|
141
|
+
--primary-foreground: #FFFFFF;
|
|
142
|
+
--radius: 0.375rem;
|
|
143
|
+
--radius-2xl: 1rem;
|
|
144
|
+
--radius-3xl: 1.5rem;
|
|
145
|
+
--radius-base: 0.25rem;
|
|
146
|
+
--radius-full: 9999px;
|
|
147
|
+
--radius-lg: 0.5rem;
|
|
148
|
+
--radius-md: 0.375rem;
|
|
149
|
+
--radius-none: 0;
|
|
150
|
+
--radius-sm: 0.125rem;
|
|
151
|
+
--radius-xl: 0.75rem;
|
|
152
|
+
--ring: #7E7E8B;
|
|
153
|
+
--secondary: #17171C;
|
|
154
|
+
--secondary-foreground: #DFDFE2;
|
|
155
|
+
--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
|
|
156
|
+
--shadow-base: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
157
|
+
--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
|
|
158
|
+
--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
159
|
+
--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
160
|
+
--shadow-none: none;
|
|
161
|
+
--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
162
|
+
--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
|
|
163
|
+
--spacing-0: 0;
|
|
164
|
+
--spacing-1: 0.25rem;
|
|
165
|
+
--spacing-10: 2.5rem;
|
|
166
|
+
--spacing-12: 3rem;
|
|
167
|
+
--spacing-16: 4rem;
|
|
168
|
+
--spacing-2: 0.5rem;
|
|
169
|
+
--spacing-20: 5rem;
|
|
170
|
+
--spacing-24: 6rem;
|
|
171
|
+
--spacing-3: 0.75rem;
|
|
172
|
+
--spacing-4: 1rem;
|
|
173
|
+
--spacing-5: 1.25rem;
|
|
174
|
+
--spacing-6: 1.5rem;
|
|
175
|
+
--spacing-8: 2rem;
|
|
176
|
+
--surface-base: #09090B;
|
|
177
|
+
--surface-base-border: #4E4E5A;
|
|
178
|
+
--surface-elevated: #17171C;
|
|
179
|
+
--surface-elevated-border: #2F2F37;
|
|
180
|
+
--surface-overlay: rgba(0, 0, 0, 0.7);
|
|
181
|
+
--text-body: #DFDFE2;
|
|
182
|
+
--text-disabled: #60606C;
|
|
183
|
+
--text-heading: #DFDFE2;
|
|
184
|
+
--text-muted: #4E4E5A;
|
|
185
|
+
--z-dropdown: 1000;
|
|
186
|
+
--z-fixed: 1030;
|
|
187
|
+
--z-modal: 1050;
|
|
188
|
+
--z-modal-backdrop: 1040;
|
|
189
|
+
--z-popover: 1060;
|
|
190
|
+
--z-sticky: 1020;
|
|
191
|
+
--z-tooltip: 1070;
|
|
192
|
+
|
|
193
|
+
font-family: var(--font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
|
|
194
|
+
color: var(--text-body);
|
|
195
|
+
background-color: var(--surface-base);
|
|
196
|
+
}
|
|
197
|
+
|
|
1
198
|
*, ::before, ::after {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
199
|
+
--tw-border-spacing-x: 0;
|
|
200
|
+
--tw-border-spacing-y: 0;
|
|
201
|
+
--tw-translate-x: 0;
|
|
202
|
+
--tw-translate-y: 0;
|
|
203
|
+
--tw-rotate: 0;
|
|
204
|
+
--tw-skew-x: 0;
|
|
205
|
+
--tw-skew-y: 0;
|
|
206
|
+
--tw-scale-x: 1;
|
|
207
|
+
--tw-scale-y: 1;
|
|
208
|
+
--tw-pan-x: ;
|
|
209
|
+
--tw-pan-y: ;
|
|
210
|
+
--tw-pinch-zoom: ;
|
|
211
|
+
--tw-scroll-snap-strictness: proximity;
|
|
212
|
+
--tw-gradient-from-position: ;
|
|
213
|
+
--tw-gradient-via-position: ;
|
|
214
|
+
--tw-gradient-to-position: ;
|
|
215
|
+
--tw-ordinal: ;
|
|
216
|
+
--tw-slashed-zero: ;
|
|
217
|
+
--tw-numeric-figure: ;
|
|
218
|
+
--tw-numeric-spacing: ;
|
|
219
|
+
--tw-numeric-fraction: ;
|
|
220
|
+
--tw-ring-inset: ;
|
|
221
|
+
--tw-ring-offset-width: 0px;
|
|
222
|
+
--tw-ring-offset-color: #fff;
|
|
223
|
+
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
224
|
+
--tw-ring-offset-shadow: 0 0 #0000;
|
|
225
|
+
--tw-ring-shadow: 0 0 #0000;
|
|
226
|
+
--tw-shadow: 0 0 #0000;
|
|
227
|
+
--tw-shadow-colored: 0 0 #0000;
|
|
228
|
+
--tw-blur: ;
|
|
229
|
+
--tw-brightness: ;
|
|
230
|
+
--tw-contrast: ;
|
|
231
|
+
--tw-grayscale: ;
|
|
232
|
+
--tw-hue-rotate: ;
|
|
233
|
+
--tw-invert: ;
|
|
234
|
+
--tw-saturate: ;
|
|
235
|
+
--tw-sepia: ;
|
|
236
|
+
--tw-drop-shadow: ;
|
|
237
|
+
--tw-backdrop-blur: ;
|
|
238
|
+
--tw-backdrop-brightness: ;
|
|
239
|
+
--tw-backdrop-contrast: ;
|
|
240
|
+
--tw-backdrop-grayscale: ;
|
|
241
|
+
--tw-backdrop-hue-rotate: ;
|
|
242
|
+
--tw-backdrop-invert: ;
|
|
243
|
+
--tw-backdrop-opacity: ;
|
|
244
|
+
--tw-backdrop-saturate: ;
|
|
245
|
+
--tw-backdrop-sepia: ;
|
|
246
|
+
--tw-contain-size: ;
|
|
247
|
+
--tw-contain-layout: ;
|
|
248
|
+
--tw-contain-paint: ;
|
|
249
|
+
--tw-contain-style: ;
|
|
53
250
|
}
|
|
54
251
|
|
|
55
252
|
::backdrop {
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
|
|
253
|
+
--tw-border-spacing-x: 0;
|
|
254
|
+
--tw-border-spacing-y: 0;
|
|
255
|
+
--tw-translate-x: 0;
|
|
256
|
+
--tw-translate-y: 0;
|
|
257
|
+
--tw-rotate: 0;
|
|
258
|
+
--tw-skew-x: 0;
|
|
259
|
+
--tw-skew-y: 0;
|
|
260
|
+
--tw-scale-x: 1;
|
|
261
|
+
--tw-scale-y: 1;
|
|
262
|
+
--tw-pan-x: ;
|
|
263
|
+
--tw-pan-y: ;
|
|
264
|
+
--tw-pinch-zoom: ;
|
|
265
|
+
--tw-scroll-snap-strictness: proximity;
|
|
266
|
+
--tw-gradient-from-position: ;
|
|
267
|
+
--tw-gradient-via-position: ;
|
|
268
|
+
--tw-gradient-to-position: ;
|
|
269
|
+
--tw-ordinal: ;
|
|
270
|
+
--tw-slashed-zero: ;
|
|
271
|
+
--tw-numeric-figure: ;
|
|
272
|
+
--tw-numeric-spacing: ;
|
|
273
|
+
--tw-numeric-fraction: ;
|
|
274
|
+
--tw-ring-inset: ;
|
|
275
|
+
--tw-ring-offset-width: 0px;
|
|
276
|
+
--tw-ring-offset-color: #fff;
|
|
277
|
+
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
278
|
+
--tw-ring-offset-shadow: 0 0 #0000;
|
|
279
|
+
--tw-ring-shadow: 0 0 #0000;
|
|
280
|
+
--tw-shadow: 0 0 #0000;
|
|
281
|
+
--tw-shadow-colored: 0 0 #0000;
|
|
282
|
+
--tw-blur: ;
|
|
283
|
+
--tw-brightness: ;
|
|
284
|
+
--tw-contrast: ;
|
|
285
|
+
--tw-grayscale: ;
|
|
286
|
+
--tw-hue-rotate: ;
|
|
287
|
+
--tw-invert: ;
|
|
288
|
+
--tw-saturate: ;
|
|
289
|
+
--tw-sepia: ;
|
|
290
|
+
--tw-drop-shadow: ;
|
|
291
|
+
--tw-backdrop-blur: ;
|
|
292
|
+
--tw-backdrop-brightness: ;
|
|
293
|
+
--tw-backdrop-contrast: ;
|
|
294
|
+
--tw-backdrop-grayscale: ;
|
|
295
|
+
--tw-backdrop-hue-rotate: ;
|
|
296
|
+
--tw-backdrop-invert: ;
|
|
297
|
+
--tw-backdrop-opacity: ;
|
|
298
|
+
--tw-backdrop-saturate: ;
|
|
299
|
+
--tw-backdrop-sepia: ;
|
|
300
|
+
--tw-contain-size: ;
|
|
301
|
+
--tw-contain-layout: ;
|
|
302
|
+
--tw-contain-paint: ;
|
|
303
|
+
--tw-contain-style: ;
|
|
304
|
+
}
|
|
305
|
+
|
|
306
|
+
/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */
|
|
307
|
+
|
|
308
|
+
/*
|
|
110
309
|
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
|
|
111
310
|
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
|
|
112
311
|
*/
|
|
@@ -423,6 +622,7 @@ menu {
|
|
|
423
622
|
/*
|
|
424
623
|
Reset default styling for dialogs.
|
|
425
624
|
*/
|
|
625
|
+
|
|
426
626
|
dialog {
|
|
427
627
|
padding: 0;
|
|
428
628
|
}
|
|
@@ -463,6 +663,7 @@ button,
|
|
|
463
663
|
/*
|
|
464
664
|
Make sure disabled buttons don't get the pointer cursor.
|
|
465
665
|
*/
|
|
666
|
+
|
|
466
667
|
:disabled {
|
|
467
668
|
cursor: default;
|
|
468
669
|
}
|
|
@@ -496,20 +697,16 @@ video {
|
|
|
496
697
|
}
|
|
497
698
|
|
|
498
699
|
/* Make elements with the HTML hidden attribute stay hidden by default */
|
|
700
|
+
|
|
499
701
|
[hidden]:where(:not([hidden="until-found"])) {
|
|
500
702
|
display: none;
|
|
501
703
|
}
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
color: var(--text-body);
|
|
505
|
-
background-color: var(--surface-base);
|
|
506
|
-
}
|
|
507
|
-
|
|
508
|
-
* {
|
|
704
|
+
|
|
705
|
+
* {
|
|
509
706
|
box-sizing: border-box;
|
|
510
707
|
}
|
|
511
|
-
|
|
512
|
-
|
|
708
|
+
|
|
709
|
+
button:focus-visible,
|
|
513
710
|
input:focus-visible,
|
|
514
711
|
select:focus-visible,
|
|
515
712
|
textarea:focus-visible {
|
|
@@ -517,547 +714,541 @@ video {
|
|
|
517
714
|
outline-offset: 2px;
|
|
518
715
|
}
|
|
519
716
|
.container {
|
|
520
|
-
|
|
717
|
+
width: 100%;
|
|
521
718
|
}
|
|
522
719
|
@media (min-width: 640px) {
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
}
|
|
720
|
+
.container {
|
|
721
|
+
max-width: 640px;
|
|
722
|
+
}
|
|
527
723
|
}
|
|
528
724
|
@media (min-width: 768px) {
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
}
|
|
725
|
+
.container {
|
|
726
|
+
max-width: 768px;
|
|
727
|
+
}
|
|
533
728
|
}
|
|
534
729
|
@media (min-width: 1024px) {
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
}
|
|
730
|
+
.container {
|
|
731
|
+
max-width: 1024px;
|
|
732
|
+
}
|
|
539
733
|
}
|
|
540
734
|
@media (min-width: 1280px) {
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
}
|
|
735
|
+
.container {
|
|
736
|
+
max-width: 1280px;
|
|
737
|
+
}
|
|
545
738
|
}
|
|
546
739
|
@media (min-width: 1536px) {
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
}
|
|
740
|
+
.container {
|
|
741
|
+
max-width: 1536px;
|
|
742
|
+
}
|
|
551
743
|
}
|
|
552
744
|
.sr-only {
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
745
|
+
position: absolute;
|
|
746
|
+
width: 1px;
|
|
747
|
+
height: 1px;
|
|
748
|
+
padding: 0;
|
|
749
|
+
margin: -1px;
|
|
750
|
+
overflow: hidden;
|
|
751
|
+
clip: rect(0, 0, 0, 0);
|
|
752
|
+
white-space: nowrap;
|
|
753
|
+
border-width: 0;
|
|
562
754
|
}
|
|
563
755
|
.fixed {
|
|
564
|
-
|
|
756
|
+
position: fixed;
|
|
565
757
|
}
|
|
566
758
|
.absolute {
|
|
567
|
-
|
|
759
|
+
position: absolute;
|
|
568
760
|
}
|
|
569
761
|
.relative {
|
|
570
|
-
|
|
762
|
+
position: relative;
|
|
571
763
|
}
|
|
572
764
|
.sticky {
|
|
573
|
-
|
|
765
|
+
position: sticky;
|
|
574
766
|
}
|
|
575
767
|
.bottom-1 {
|
|
576
|
-
|
|
768
|
+
bottom: 0.25rem;
|
|
577
769
|
}
|
|
578
770
|
.left-1\/2 {
|
|
579
|
-
|
|
771
|
+
left: 50%;
|
|
580
772
|
}
|
|
581
773
|
.mx-auto {
|
|
582
|
-
|
|
583
|
-
|
|
774
|
+
margin-left: auto;
|
|
775
|
+
margin-right: auto;
|
|
584
776
|
}
|
|
585
777
|
.mb-1 {
|
|
586
|
-
|
|
778
|
+
margin-bottom: 0.25rem;
|
|
587
779
|
}
|
|
588
780
|
.mb-2 {
|
|
589
|
-
|
|
781
|
+
margin-bottom: 0.5rem;
|
|
590
782
|
}
|
|
591
783
|
.mb-6 {
|
|
592
|
-
|
|
784
|
+
margin-bottom: 1.5rem;
|
|
593
785
|
}
|
|
594
786
|
.ml-1\.5 {
|
|
595
|
-
|
|
787
|
+
margin-left: 0.375rem;
|
|
596
788
|
}
|
|
597
789
|
.ml-2 {
|
|
598
|
-
|
|
790
|
+
margin-left: 0.5rem;
|
|
599
791
|
}
|
|
600
792
|
.ml-2\.5 {
|
|
601
|
-
|
|
793
|
+
margin-left: 0.625rem;
|
|
602
794
|
}
|
|
603
795
|
.mr-1\.5 {
|
|
604
|
-
|
|
796
|
+
margin-right: 0.375rem;
|
|
605
797
|
}
|
|
606
798
|
.mr-2 {
|
|
607
|
-
|
|
799
|
+
margin-right: 0.5rem;
|
|
608
800
|
}
|
|
609
801
|
.mr-2\.5 {
|
|
610
|
-
|
|
802
|
+
margin-right: 0.625rem;
|
|
611
803
|
}
|
|
612
804
|
.inline {
|
|
613
|
-
|
|
805
|
+
display: inline;
|
|
614
806
|
}
|
|
615
807
|
.flex {
|
|
616
|
-
|
|
808
|
+
display: flex;
|
|
617
809
|
}
|
|
618
810
|
.inline-flex {
|
|
619
|
-
|
|
811
|
+
display: inline-flex;
|
|
620
812
|
}
|
|
621
813
|
.table {
|
|
622
|
-
|
|
814
|
+
display: table;
|
|
623
815
|
}
|
|
624
816
|
.grid {
|
|
625
|
-
|
|
817
|
+
display: grid;
|
|
626
818
|
}
|
|
627
819
|
.hidden {
|
|
628
|
-
|
|
820
|
+
display: none;
|
|
629
821
|
}
|
|
630
822
|
.h-10 {
|
|
631
|
-
|
|
823
|
+
height: 2.5rem;
|
|
632
824
|
}
|
|
633
825
|
.h-12 {
|
|
634
|
-
|
|
826
|
+
height: 3rem;
|
|
635
827
|
}
|
|
636
828
|
.h-16 {
|
|
637
|
-
|
|
829
|
+
height: 4rem;
|
|
638
830
|
}
|
|
639
831
|
.h-2 {
|
|
640
|
-
|
|
832
|
+
height: 0.5rem;
|
|
641
833
|
}
|
|
642
834
|
.h-28 {
|
|
643
|
-
|
|
835
|
+
height: 7rem;
|
|
644
836
|
}
|
|
645
837
|
.h-3 {
|
|
646
|
-
|
|
838
|
+
height: 0.75rem;
|
|
647
839
|
}
|
|
648
840
|
.h-4 {
|
|
649
|
-
|
|
841
|
+
height: 1rem;
|
|
650
842
|
}
|
|
651
843
|
.h-5 {
|
|
652
|
-
|
|
844
|
+
height: 1.25rem;
|
|
653
845
|
}
|
|
654
846
|
.h-8 {
|
|
655
|
-
|
|
847
|
+
height: 2rem;
|
|
656
848
|
}
|
|
657
849
|
.min-h-\[100px\] {
|
|
658
|
-
|
|
850
|
+
min-height: 100px;
|
|
659
851
|
}
|
|
660
852
|
.min-h-screen {
|
|
661
|
-
|
|
853
|
+
min-height: 100vh;
|
|
662
854
|
}
|
|
663
855
|
.w-2 {
|
|
664
|
-
|
|
856
|
+
width: 0.5rem;
|
|
665
857
|
}
|
|
666
858
|
.w-20 {
|
|
667
|
-
|
|
859
|
+
width: 5rem;
|
|
668
860
|
}
|
|
669
861
|
.w-24 {
|
|
670
|
-
|
|
862
|
+
width: 6rem;
|
|
671
863
|
}
|
|
672
864
|
.w-3 {
|
|
673
|
-
|
|
865
|
+
width: 0.75rem;
|
|
674
866
|
}
|
|
675
867
|
.w-4 {
|
|
676
|
-
|
|
868
|
+
width: 1rem;
|
|
677
869
|
}
|
|
678
870
|
.w-5 {
|
|
679
|
-
|
|
871
|
+
width: 1.25rem;
|
|
680
872
|
}
|
|
681
873
|
.w-full {
|
|
682
|
-
|
|
874
|
+
width: 100%;
|
|
683
875
|
}
|
|
684
876
|
.min-w-0 {
|
|
685
|
-
|
|
877
|
+
min-width: 0px;
|
|
686
878
|
}
|
|
687
879
|
.max-w-3xl {
|
|
688
|
-
|
|
880
|
+
max-width: 48rem;
|
|
689
881
|
}
|
|
690
882
|
.max-w-4xl {
|
|
691
|
-
|
|
883
|
+
max-width: 56rem;
|
|
692
884
|
}
|
|
693
885
|
.max-w-7xl {
|
|
694
|
-
|
|
886
|
+
max-width: 80rem;
|
|
695
887
|
}
|
|
696
888
|
.max-w-\[1400px\] {
|
|
697
|
-
|
|
889
|
+
max-width: 1400px;
|
|
698
890
|
}
|
|
699
891
|
.max-w-md {
|
|
700
|
-
|
|
892
|
+
max-width: 28rem;
|
|
701
893
|
}
|
|
702
894
|
.flex-1 {
|
|
703
|
-
|
|
895
|
+
flex: 1 1 0%;
|
|
704
896
|
}
|
|
705
897
|
.flex-shrink-0 {
|
|
706
|
-
|
|
898
|
+
flex-shrink: 0;
|
|
707
899
|
}
|
|
708
900
|
.-translate-x-1\/2 {
|
|
709
|
-
|
|
710
|
-
|
|
901
|
+
--tw-translate-x: -50%;
|
|
902
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
711
903
|
}
|
|
712
904
|
@keyframes spin {
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
}
|
|
905
|
+
to {
|
|
906
|
+
transform: rotate(360deg);
|
|
907
|
+
}
|
|
717
908
|
}
|
|
718
909
|
.animate-spin {
|
|
719
|
-
|
|
910
|
+
animation: spin 1s linear infinite;
|
|
720
911
|
}
|
|
721
912
|
.cursor-pointer {
|
|
722
|
-
|
|
913
|
+
cursor: pointer;
|
|
723
914
|
}
|
|
724
915
|
.grid-cols-1 {
|
|
725
|
-
|
|
916
|
+
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
726
917
|
}
|
|
727
918
|
.grid-cols-3 {
|
|
728
|
-
|
|
919
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
729
920
|
}
|
|
730
921
|
.grid-cols-\[150px_repeat\(5\2c 1fr\)\] {
|
|
731
|
-
|
|
922
|
+
grid-template-columns: 150px repeat(5,1fr);
|
|
732
923
|
}
|
|
733
924
|
.flex-row {
|
|
734
|
-
|
|
925
|
+
flex-direction: row;
|
|
735
926
|
}
|
|
736
927
|
.flex-col {
|
|
737
|
-
|
|
928
|
+
flex-direction: column;
|
|
738
929
|
}
|
|
739
930
|
.flex-wrap {
|
|
740
|
-
|
|
931
|
+
flex-wrap: wrap;
|
|
741
932
|
}
|
|
742
933
|
.items-start {
|
|
743
|
-
|
|
934
|
+
align-items: flex-start;
|
|
744
935
|
}
|
|
745
936
|
.items-center {
|
|
746
|
-
|
|
937
|
+
align-items: center;
|
|
747
938
|
}
|
|
748
939
|
.justify-center {
|
|
749
|
-
|
|
940
|
+
justify-content: center;
|
|
750
941
|
}
|
|
751
942
|
.gap-1 {
|
|
752
|
-
|
|
943
|
+
gap: 0.25rem;
|
|
753
944
|
}
|
|
754
945
|
.gap-2 {
|
|
755
|
-
|
|
946
|
+
gap: 0.5rem;
|
|
756
947
|
}
|
|
757
948
|
.gap-3 {
|
|
758
|
-
|
|
949
|
+
gap: 0.75rem;
|
|
759
950
|
}
|
|
760
951
|
.gap-4 {
|
|
761
|
-
|
|
952
|
+
gap: 1rem;
|
|
762
953
|
}
|
|
763
954
|
.gap-6 {
|
|
764
|
-
|
|
955
|
+
gap: 1.5rem;
|
|
765
956
|
}
|
|
766
957
|
.gap-8 {
|
|
767
|
-
|
|
958
|
+
gap: 2rem;
|
|
768
959
|
}
|
|
769
960
|
.gap-x-6 {
|
|
770
|
-
|
|
771
|
-
|
|
961
|
+
-moz-column-gap: 1.5rem;
|
|
962
|
+
column-gap: 1.5rem;
|
|
772
963
|
}
|
|
773
964
|
.space-y-10 > :not([hidden]) ~ :not([hidden]) {
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
|
|
965
|
+
--tw-space-y-reverse: 0;
|
|
966
|
+
margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
|
|
967
|
+
margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
|
|
777
968
|
}
|
|
778
969
|
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
|
|
779
|
-
|
|
780
|
-
|
|
781
|
-
|
|
970
|
+
--tw-space-y-reverse: 0;
|
|
971
|
+
margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
|
|
972
|
+
margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
|
|
782
973
|
}
|
|
783
974
|
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
|
|
784
|
-
|
|
785
|
-
|
|
786
|
-
|
|
975
|
+
--tw-space-y-reverse: 0;
|
|
976
|
+
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
|
977
|
+
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
|
787
978
|
}
|
|
788
979
|
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
|
|
980
|
+
--tw-space-y-reverse: 0;
|
|
981
|
+
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
|
|
982
|
+
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
|
|
792
983
|
}
|
|
793
984
|
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
985
|
+
--tw-space-y-reverse: 0;
|
|
986
|
+
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
|
|
987
|
+
margin-bottom: calc(2rem * var(--tw-space-y-reverse));
|
|
797
988
|
}
|
|
798
989
|
.overflow-hidden {
|
|
799
|
-
|
|
990
|
+
overflow: hidden;
|
|
800
991
|
}
|
|
801
992
|
.overflow-x-auto {
|
|
802
|
-
|
|
993
|
+
overflow-x: auto;
|
|
803
994
|
}
|
|
804
995
|
.truncate {
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
|
|
996
|
+
overflow: hidden;
|
|
997
|
+
text-overflow: ellipsis;
|
|
998
|
+
white-space: nowrap;
|
|
808
999
|
}
|
|
809
1000
|
.whitespace-nowrap {
|
|
810
|
-
|
|
1001
|
+
white-space: nowrap;
|
|
811
1002
|
}
|
|
812
1003
|
.rounded-full {
|
|
813
|
-
|
|
1004
|
+
border-radius: 9999px;
|
|
814
1005
|
}
|
|
815
1006
|
.rounded-lg {
|
|
816
|
-
|
|
1007
|
+
border-radius: 0.5rem;
|
|
817
1008
|
}
|
|
818
1009
|
.rounded-md {
|
|
819
|
-
|
|
1010
|
+
border-radius: 0.375rem;
|
|
820
1011
|
}
|
|
821
1012
|
.rounded-xl {
|
|
822
|
-
|
|
1013
|
+
border-radius: 0.75rem;
|
|
823
1014
|
}
|
|
824
1015
|
.border {
|
|
825
|
-
|
|
1016
|
+
border-width: 1px;
|
|
826
1017
|
}
|
|
827
1018
|
.border-2 {
|
|
828
|
-
|
|
1019
|
+
border-width: 2px;
|
|
829
1020
|
}
|
|
830
1021
|
.border-\[var\(--border-blue\)\] {
|
|
831
|
-
|
|
1022
|
+
border-color: var(--border-blue);
|
|
832
1023
|
}
|
|
833
1024
|
.border-\[var\(--border-green\)\] {
|
|
834
|
-
|
|
1025
|
+
border-color: var(--border-green);
|
|
835
1026
|
}
|
|
836
1027
|
.border-\[var\(--border-green-subtle\)\] {
|
|
837
|
-
|
|
1028
|
+
border-color: var(--border-green-subtle);
|
|
838
1029
|
}
|
|
839
1030
|
.border-\[var\(--border-primary\)\] {
|
|
840
|
-
|
|
1031
|
+
border-color: var(--border-primary);
|
|
841
1032
|
}
|
|
842
1033
|
.border-\[var\(--border-red\)\] {
|
|
843
|
-
|
|
1034
|
+
border-color: var(--border-red);
|
|
844
1035
|
}
|
|
845
1036
|
.border-\[var\(--border-secondary\)\] {
|
|
846
|
-
|
|
1037
|
+
border-color: var(--border-secondary);
|
|
847
1038
|
}
|
|
848
1039
|
.border-\[var\(--border-subtle\)\] {
|
|
849
|
-
|
|
1040
|
+
border-color: var(--border-subtle);
|
|
850
1041
|
}
|
|
851
1042
|
.border-\[var\(--border-yellow\)\] {
|
|
852
|
-
|
|
1043
|
+
border-color: var(--border-yellow);
|
|
853
1044
|
}
|
|
854
1045
|
.border-\[var\(--border-yellow-subtle\)\] {
|
|
855
|
-
|
|
1046
|
+
border-color: var(--border-yellow-subtle);
|
|
856
1047
|
}
|
|
857
1048
|
.bg-\[var\(--background-base\)\] {
|
|
858
|
-
|
|
1049
|
+
background-color: var(--background-base);
|
|
859
1050
|
}
|
|
860
1051
|
.bg-\[var\(--background-green\)\] {
|
|
861
|
-
|
|
1052
|
+
background-color: var(--background-green);
|
|
862
1053
|
}
|
|
863
1054
|
.bg-\[var\(--background-info\)\] {
|
|
864
|
-
|
|
1055
|
+
background-color: var(--background-info);
|
|
865
1056
|
}
|
|
866
1057
|
.bg-\[var\(--background-invert\)\] {
|
|
867
|
-
|
|
1058
|
+
background-color: var(--background-invert);
|
|
868
1059
|
}
|
|
869
1060
|
.bg-\[var\(--background-low\)\] {
|
|
870
|
-
|
|
1061
|
+
background-color: var(--background-low);
|
|
871
1062
|
}
|
|
872
1063
|
.bg-\[var\(--background-primary\)\] {
|
|
873
|
-
|
|
1064
|
+
background-color: var(--background-primary);
|
|
874
1065
|
}
|
|
875
1066
|
.bg-\[var\(--background-red\)\] {
|
|
876
|
-
|
|
1067
|
+
background-color: var(--background-red);
|
|
877
1068
|
}
|
|
878
1069
|
.bg-\[var\(--background-secondary\)\] {
|
|
879
|
-
|
|
1070
|
+
background-color: var(--background-secondary);
|
|
880
1071
|
}
|
|
881
1072
|
.bg-\[var\(--background-yellow\)\] {
|
|
882
|
-
|
|
1073
|
+
background-color: var(--background-yellow);
|
|
883
1074
|
}
|
|
884
1075
|
.bg-\[var\(--content-primary\)\] {
|
|
885
|
-
|
|
1076
|
+
background-color: var(--content-primary);
|
|
886
1077
|
}
|
|
887
1078
|
.bg-blue-400 {
|
|
888
|
-
|
|
889
|
-
|
|
1079
|
+
--tw-bg-opacity: 1;
|
|
1080
|
+
background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
|
|
890
1081
|
}
|
|
891
1082
|
.bg-yellow-400 {
|
|
892
|
-
|
|
893
|
-
|
|
1083
|
+
--tw-bg-opacity: 1;
|
|
1084
|
+
background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
|
|
894
1085
|
}
|
|
895
1086
|
.p-12 {
|
|
896
|
-
|
|
1087
|
+
padding: 3rem;
|
|
897
1088
|
}
|
|
898
1089
|
.p-2 {
|
|
899
|
-
|
|
1090
|
+
padding: 0.5rem;
|
|
900
1091
|
}
|
|
901
1092
|
.p-4 {
|
|
902
|
-
|
|
1093
|
+
padding: 1rem;
|
|
903
1094
|
}
|
|
904
1095
|
.p-5 {
|
|
905
|
-
|
|
1096
|
+
padding: 1.25rem;
|
|
906
1097
|
}
|
|
907
1098
|
.p-6 {
|
|
908
|
-
|
|
1099
|
+
padding: 1.5rem;
|
|
909
1100
|
}
|
|
910
1101
|
.p-8 {
|
|
911
|
-
|
|
1102
|
+
padding: 2rem;
|
|
912
1103
|
}
|
|
913
1104
|
.px-1 {
|
|
914
|
-
|
|
915
|
-
|
|
1105
|
+
padding-left: 0.25rem;
|
|
1106
|
+
padding-right: 0.25rem;
|
|
916
1107
|
}
|
|
917
1108
|
.px-3 {
|
|
918
|
-
|
|
919
|
-
|
|
1109
|
+
padding-left: 0.75rem;
|
|
1110
|
+
padding-right: 0.75rem;
|
|
920
1111
|
}
|
|
921
1112
|
.px-4 {
|
|
922
|
-
|
|
923
|
-
|
|
1113
|
+
padding-left: 1rem;
|
|
1114
|
+
padding-right: 1rem;
|
|
924
1115
|
}
|
|
925
1116
|
.px-6 {
|
|
926
|
-
|
|
927
|
-
|
|
1117
|
+
padding-left: 1.5rem;
|
|
1118
|
+
padding-right: 1.5rem;
|
|
928
1119
|
}
|
|
929
1120
|
.pt-2 {
|
|
930
|
-
|
|
1121
|
+
padding-top: 0.5rem;
|
|
931
1122
|
}
|
|
932
1123
|
.text-center {
|
|
933
|
-
|
|
1124
|
+
text-align: center;
|
|
934
1125
|
}
|
|
935
1126
|
.font-mono {
|
|
936
|
-
|
|
1127
|
+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
937
1128
|
}
|
|
938
1129
|
.text-2xl {
|
|
939
|
-
|
|
940
|
-
|
|
1130
|
+
font-size: 1.5rem;
|
|
1131
|
+
line-height: 2rem;
|
|
941
1132
|
}
|
|
942
1133
|
.text-3xl {
|
|
943
|
-
|
|
944
|
-
|
|
1134
|
+
font-size: 1.875rem;
|
|
1135
|
+
line-height: 2.25rem;
|
|
945
1136
|
}
|
|
946
1137
|
.text-4xl {
|
|
947
|
-
|
|
948
|
-
|
|
1138
|
+
font-size: 2.25rem;
|
|
1139
|
+
line-height: 2.5rem;
|
|
949
1140
|
}
|
|
950
1141
|
.text-\[10px\] {
|
|
951
|
-
|
|
1142
|
+
font-size: 10px;
|
|
952
1143
|
}
|
|
953
1144
|
.text-\[8px\] {
|
|
954
|
-
|
|
1145
|
+
font-size: 8px;
|
|
955
1146
|
}
|
|
956
1147
|
.text-base {
|
|
957
|
-
|
|
958
|
-
|
|
1148
|
+
font-size: 1rem;
|
|
1149
|
+
line-height: 1.5rem;
|
|
959
1150
|
}
|
|
960
1151
|
.text-lg {
|
|
961
|
-
|
|
962
|
-
|
|
1152
|
+
font-size: 1.125rem;
|
|
1153
|
+
line-height: 1.75rem;
|
|
963
1154
|
}
|
|
964
1155
|
.text-sm {
|
|
965
|
-
|
|
966
|
-
|
|
1156
|
+
font-size: 0.875rem;
|
|
1157
|
+
line-height: 1.25rem;
|
|
967
1158
|
}
|
|
968
1159
|
.text-xl {
|
|
969
|
-
|
|
970
|
-
|
|
1160
|
+
font-size: 1.25rem;
|
|
1161
|
+
line-height: 1.75rem;
|
|
971
1162
|
}
|
|
972
1163
|
.text-xs {
|
|
973
|
-
|
|
974
|
-
|
|
1164
|
+
font-size: 0.75rem;
|
|
1165
|
+
line-height: 1rem;
|
|
975
1166
|
}
|
|
976
1167
|
.font-bold {
|
|
977
|
-
|
|
1168
|
+
font-weight: 700;
|
|
978
1169
|
}
|
|
979
1170
|
.font-medium {
|
|
980
|
-
|
|
1171
|
+
font-weight: 500;
|
|
981
1172
|
}
|
|
982
1173
|
.font-semibold {
|
|
983
|
-
|
|
1174
|
+
font-weight: 600;
|
|
984
1175
|
}
|
|
985
1176
|
.capitalize {
|
|
986
|
-
|
|
1177
|
+
text-transform: capitalize;
|
|
987
1178
|
}
|
|
988
1179
|
.leading-relaxed {
|
|
989
|
-
|
|
1180
|
+
line-height: 1.625;
|
|
990
1181
|
}
|
|
991
1182
|
.leading-tight {
|
|
992
|
-
|
|
1183
|
+
line-height: 1.25;
|
|
993
1184
|
}
|
|
994
1185
|
.text-\[var\(--content-blue\)\] {
|
|
995
|
-
|
|
1186
|
+
color: var(--content-blue);
|
|
996
1187
|
}
|
|
997
1188
|
.text-\[var\(--content-green\)\] {
|
|
998
|
-
|
|
1189
|
+
color: var(--content-green);
|
|
999
1190
|
}
|
|
1000
1191
|
.text-\[var\(--content-on-color\)\] {
|
|
1001
|
-
|
|
1192
|
+
color: var(--content-on-color);
|
|
1002
1193
|
}
|
|
1003
1194
|
.text-\[var\(--content-primary\)\] {
|
|
1004
|
-
|
|
1195
|
+
color: var(--content-primary);
|
|
1005
1196
|
}
|
|
1006
1197
|
.text-\[var\(--content-red\)\] {
|
|
1007
|
-
|
|
1198
|
+
color: var(--content-red);
|
|
1008
1199
|
}
|
|
1009
1200
|
.text-\[var\(--content-secondary\)\] {
|
|
1010
|
-
|
|
1201
|
+
color: var(--content-secondary);
|
|
1011
1202
|
}
|
|
1012
1203
|
.text-\[var\(--content-subtle\)\] {
|
|
1013
|
-
|
|
1204
|
+
color: var(--content-subtle);
|
|
1014
1205
|
}
|
|
1015
1206
|
.text-\[var\(--content-yellow\)\] {
|
|
1016
|
-
|
|
1207
|
+
color: var(--content-yellow);
|
|
1017
1208
|
}
|
|
1018
1209
|
.text-gray-500 {
|
|
1019
|
-
|
|
1020
|
-
|
|
1210
|
+
--tw-text-opacity: 1;
|
|
1211
|
+
color: rgb(107 114 128 / var(--tw-text-opacity, 1));
|
|
1021
1212
|
}
|
|
1022
1213
|
.shadow-sm {
|
|
1023
|
-
|
|
1024
|
-
|
|
1025
|
-
|
|
1214
|
+
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
1215
|
+
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
|
1216
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
1026
1217
|
}
|
|
1027
1218
|
.outline {
|
|
1028
|
-
|
|
1219
|
+
outline-style: solid;
|
|
1029
1220
|
}
|
|
1030
1221
|
.invert {
|
|
1031
|
-
|
|
1032
|
-
|
|
1222
|
+
--tw-invert: invert(100%);
|
|
1223
|
+
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);
|
|
1033
1224
|
}
|
|
1034
1225
|
.filter {
|
|
1035
|
-
|
|
1226
|
+
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);
|
|
1036
1227
|
}
|
|
1037
1228
|
.transition {
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
|
|
1229
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
1230
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1231
|
+
transition-duration: 150ms;
|
|
1041
1232
|
}
|
|
1042
1233
|
.transition-all {
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
|
|
1234
|
+
transition-property: all;
|
|
1235
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1236
|
+
transition-duration: 150ms;
|
|
1046
1237
|
}
|
|
1047
1238
|
.transition-colors {
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1239
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
1240
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1241
|
+
transition-duration: 150ms;
|
|
1051
1242
|
}
|
|
1052
1243
|
.transition-shadow {
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1244
|
+
transition-property: box-shadow;
|
|
1245
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1246
|
+
transition-duration: 150ms;
|
|
1056
1247
|
}
|
|
1057
1248
|
.transition-transform {
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1249
|
+
transition-property: transform;
|
|
1250
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1251
|
+
transition-duration: 150ms;
|
|
1061
1252
|
}
|
|
1062
1253
|
/* Screen reader only utility - visually hidden but accessible to assistive technologies */
|
|
1063
1254
|
.sr-only {
|
|
@@ -1072,141 +1263,138 @@ video {
|
|
|
1072
1263
|
border-width: 0;
|
|
1073
1264
|
}
|
|
1074
1265
|
.hover\:border-\[var\(--border-green-on-hover\)\]:hover {
|
|
1075
|
-
|
|
1266
|
+
border-color: var(--border-green-on-hover);
|
|
1076
1267
|
}
|
|
1077
1268
|
.hover\:border-\[var\(--border-primary\)\]:hover {
|
|
1078
|
-
|
|
1269
|
+
border-color: var(--border-primary);
|
|
1079
1270
|
}
|
|
1080
1271
|
.hover\:border-\[var\(--border-red-on-hover\)\]:hover {
|
|
1081
|
-
|
|
1272
|
+
border-color: var(--border-red-on-hover);
|
|
1082
1273
|
}
|
|
1083
1274
|
.hover\:border-\[var\(--border-secondary\)\]:hover {
|
|
1084
|
-
|
|
1275
|
+
border-color: var(--border-secondary);
|
|
1085
1276
|
}
|
|
1086
1277
|
.hover\:border-\[var\(--border-yellow-on-hover\)\]:hover {
|
|
1087
|
-
|
|
1278
|
+
border-color: var(--border-yellow-on-hover);
|
|
1088
1279
|
}
|
|
1089
1280
|
.hover\:bg-\[var\(--background-green\)\]:hover {
|
|
1090
|
-
|
|
1281
|
+
background-color: var(--background-green);
|
|
1091
1282
|
}
|
|
1092
1283
|
.hover\:bg-\[var\(--background-green-on-hover\)\]:hover {
|
|
1093
|
-
|
|
1284
|
+
background-color: var(--background-green-on-hover);
|
|
1094
1285
|
}
|
|
1095
1286
|
.hover\:bg-\[var\(--background-invert-light\)\]:hover {
|
|
1096
|
-
|
|
1287
|
+
background-color: var(--background-invert-light);
|
|
1097
1288
|
}
|
|
1098
1289
|
.hover\:bg-\[var\(--background-low\)\]:hover {
|
|
1099
|
-
|
|
1290
|
+
background-color: var(--background-low);
|
|
1100
1291
|
}
|
|
1101
1292
|
.hover\:bg-\[var\(--background-low-on-hover\)\]:hover {
|
|
1102
|
-
|
|
1293
|
+
background-color: var(--background-low-on-hover);
|
|
1103
1294
|
}
|
|
1104
1295
|
.hover\:bg-\[var\(--background-red\)\]:hover {
|
|
1105
|
-
|
|
1296
|
+
background-color: var(--background-red);
|
|
1106
1297
|
}
|
|
1107
1298
|
.hover\:bg-\[var\(--background-red-on-hover\)\]:hover {
|
|
1108
|
-
|
|
1299
|
+
background-color: var(--background-red-on-hover);
|
|
1109
1300
|
}
|
|
1110
1301
|
.hover\:bg-\[var\(--background-yellow\)\]:hover {
|
|
1111
|
-
|
|
1302
|
+
background-color: var(--background-yellow);
|
|
1112
1303
|
}
|
|
1113
1304
|
.hover\:bg-\[var\(--background-yellow-on-hover\)\]:hover {
|
|
1114
|
-
|
|
1305
|
+
background-color: var(--background-yellow-on-hover);
|
|
1115
1306
|
}
|
|
1116
1307
|
.hover\:text-\[var\(--content-green-on-hover\)\]:hover {
|
|
1117
|
-
|
|
1308
|
+
color: var(--content-green-on-hover);
|
|
1118
1309
|
}
|
|
1119
1310
|
.hover\:text-\[var\(--content-primary\)\]:hover {
|
|
1120
|
-
|
|
1311
|
+
color: var(--content-primary);
|
|
1121
1312
|
}
|
|
1122
1313
|
.hover\:text-\[var\(--content-red-on-hover\)\]:hover {
|
|
1123
|
-
|
|
1314
|
+
color: var(--content-red-on-hover);
|
|
1124
1315
|
}
|
|
1125
1316
|
.hover\:text-\[var\(--content-yellow-on-hover\)\]:hover {
|
|
1126
|
-
|
|
1317
|
+
color: var(--content-yellow-on-hover);
|
|
1127
1318
|
}
|
|
1128
1319
|
.hover\:shadow-lg:hover {
|
|
1129
|
-
|
|
1130
|
-
|
|
1131
|
-
|
|
1320
|
+
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
1321
|
+
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
|
1322
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
1132
1323
|
}
|
|
1133
1324
|
.hover\:shadow-md:hover {
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1325
|
+
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
1326
|
+
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
|
1327
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
1137
1328
|
}
|
|
1138
1329
|
.focus-visible\:outline-none:focus-visible {
|
|
1139
|
-
|
|
1140
|
-
|
|
1330
|
+
outline: 2px solid transparent;
|
|
1331
|
+
outline-offset: 2px;
|
|
1141
1332
|
}
|
|
1142
1333
|
.focus-visible\:ring-2:focus-visible {
|
|
1143
|
-
|
|
1144
|
-
|
|
1145
|
-
|
|
1334
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
1335
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
1336
|
+
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
1146
1337
|
}
|
|
1147
1338
|
.focus-visible\:ring-\[var\(--border-blue\)\]:focus-visible {
|
|
1148
|
-
|
|
1339
|
+
--tw-ring-color: var(--border-blue);
|
|
1149
1340
|
}
|
|
1150
1341
|
.focus-visible\:ring-offset-2:focus-visible {
|
|
1151
|
-
|
|
1342
|
+
--tw-ring-offset-width: 2px;
|
|
1152
1343
|
}
|
|
1153
1344
|
.active\:bg-\[var\(--background-green\)\]:active {
|
|
1154
|
-
|
|
1345
|
+
background-color: var(--background-green);
|
|
1155
1346
|
}
|
|
1156
1347
|
.active\:bg-\[var\(--background-invert\)\]:active {
|
|
1157
|
-
|
|
1348
|
+
background-color: var(--background-invert);
|
|
1158
1349
|
}
|
|
1159
1350
|
.active\:bg-\[var\(--background-red\)\]:active {
|
|
1160
|
-
|
|
1351
|
+
background-color: var(--background-red);
|
|
1161
1352
|
}
|
|
1162
1353
|
.active\:bg-\[var\(--background-secondary\)\]:active {
|
|
1163
|
-
|
|
1354
|
+
background-color: var(--background-secondary);
|
|
1164
1355
|
}
|
|
1165
1356
|
.active\:bg-\[var\(--background-tertiary\)\]:active {
|
|
1166
|
-
|
|
1357
|
+
background-color: var(--background-tertiary);
|
|
1167
1358
|
}
|
|
1168
1359
|
.active\:bg-\[var\(--background-yellow\)\]:active {
|
|
1169
|
-
|
|
1360
|
+
background-color: var(--background-yellow);
|
|
1170
1361
|
}
|
|
1171
1362
|
.disabled\:pointer-events-none:disabled {
|
|
1172
|
-
|
|
1363
|
+
pointer-events: none;
|
|
1173
1364
|
}
|
|
1174
1365
|
.disabled\:border-\[var\(--border-subtle\)\]:disabled {
|
|
1175
|
-
|
|
1366
|
+
border-color: var(--border-subtle);
|
|
1176
1367
|
}
|
|
1177
1368
|
.disabled\:bg-\[var\(--background-red\)\]:disabled {
|
|
1178
|
-
|
|
1369
|
+
background-color: var(--background-red);
|
|
1179
1370
|
}
|
|
1180
1371
|
.disabled\:bg-\[var\(--background-secondary\)\]:disabled {
|
|
1181
|
-
|
|
1372
|
+
background-color: var(--background-secondary);
|
|
1182
1373
|
}
|
|
1183
1374
|
.disabled\:bg-\[var\(--background-tertiary\)\]:disabled {
|
|
1184
|
-
|
|
1375
|
+
background-color: var(--background-tertiary);
|
|
1185
1376
|
}
|
|
1186
1377
|
.disabled\:text-\[var\(--content-subtle\)\]:disabled {
|
|
1187
|
-
|
|
1378
|
+
color: var(--content-subtle);
|
|
1188
1379
|
}
|
|
1189
1380
|
.disabled\:opacity-50:disabled {
|
|
1190
|
-
|
|
1381
|
+
opacity: 0.5;
|
|
1191
1382
|
}
|
|
1192
1383
|
.group:hover .group-hover\:scale-105 {
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
|
|
1384
|
+
--tw-scale-x: 1.05;
|
|
1385
|
+
--tw-scale-y: 1.05;
|
|
1386
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1196
1387
|
}
|
|
1197
1388
|
@media (min-width: 768px) {
|
|
1198
|
-
|
|
1199
|
-
|
|
1200
|
-
|
|
1201
|
-
}
|
|
1389
|
+
.md\:grid-cols-2 {
|
|
1390
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
1391
|
+
}
|
|
1202
1392
|
}
|
|
1203
1393
|
@media (min-width: 1024px) {
|
|
1204
|
-
|
|
1205
|
-
|
|
1206
|
-
|
|
1207
|
-
|
|
1208
|
-
|
|
1209
|
-
|
|
1210
|
-
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
1211
|
-
}
|
|
1394
|
+
.lg\:grid-cols-2 {
|
|
1395
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
1396
|
+
}
|
|
1397
|
+
.lg\:grid-cols-3 {
|
|
1398
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
1399
|
+
}
|
|
1212
1400
|
}
|