@juo/orion-extensions 0.8.0 → 0.10.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/extensions.js +20394 -10069
- package/dist/style.css +1679 -183
- package/package.json +5 -2
package/dist/style.css
CHANGED
|
@@ -1,10 +1,166 @@
|
|
|
1
|
+
/* Design System Base Tokens (Medium Variant - Default) */
|
|
2
|
+
:root, :host {
|
|
3
|
+
/* Size Variants - Medium (default) */
|
|
4
|
+
--spacing: var(--theme-spacing, 8px);
|
|
5
|
+
--padding: var(--theme-padding, 8px);
|
|
6
|
+
--font-size: var(--theme-font-size, 16px);
|
|
7
|
+
--radius: var(--theme-radius, 4px);
|
|
8
|
+
|
|
9
|
+
/* Base Colors */
|
|
10
|
+
--white: var(--theme-white, oklch(100% 0 0));
|
|
11
|
+
--black: var(--theme-black, oklch(0% 0 0));
|
|
12
|
+
|
|
13
|
+
/* Semantic Colors (Tag / Status) */
|
|
14
|
+
--success-50: var(--theme-success-50, #edfbeb);
|
|
15
|
+
--success-600: var(--theme-success-600, #287a25);
|
|
16
|
+
--warning-50: var(--theme-warning-50, #fdf5e3);
|
|
17
|
+
--warning-600: var(--theme-warning-600, #8a5e00);
|
|
18
|
+
--error-50: var(--theme-error-50, #fff0ee);
|
|
19
|
+
--error-300: var(--theme-error-300, #de827c);
|
|
20
|
+
--error-600: var(--theme-error-600, #a93c3c);
|
|
21
|
+
--info-50: var(--theme-info-50, #e5faff);
|
|
22
|
+
--info-300: var(--theme-info-300, #39aed4);
|
|
23
|
+
--info-600: var(--theme-info-600, #0075a3);
|
|
24
|
+
|
|
25
|
+
/* Callout Colors */
|
|
26
|
+
--callout-25: var(--theme-callout-25, oklch(98.5% 0 0));
|
|
27
|
+
--callout-50: var(--theme-callout-50, oklch(97% 0 0));
|
|
28
|
+
--callout-100: var(--theme-callout-100, oklch(95% 0 0));
|
|
29
|
+
--callout-200: var(--theme-callout-200, oklch(90% 0 0));
|
|
30
|
+
--callout-300: var(--theme-callout-300, oklch(82% 0 0));
|
|
31
|
+
--callout-400: var(--theme-callout-400, oklch(70% 0 0));
|
|
32
|
+
--callout-500: var(--theme-callout-500, oklch(62% 0 0));
|
|
33
|
+
--callout-600: var(--theme-callout-600, oklch(55% 0 0));
|
|
34
|
+
--callout-700: var(--theme-callout-700, oklch(45% 0 0));
|
|
35
|
+
--callout-800: var(--theme-callout-800, oklch(32% 0 0));
|
|
36
|
+
--callout-900: var(--theme-callout-900, oklch(18% 0 0));
|
|
37
|
+
|
|
38
|
+
/* Accent Colors */
|
|
39
|
+
--accent-white: var(--theme-accent-white, oklch(100% 0 0));
|
|
40
|
+
--accent-black: var(--theme-accent-black, oklch(0% 0 0));
|
|
41
|
+
--accent-25: var(--theme-accent-25, oklch(98.5% 0 0));
|
|
42
|
+
--accent-50: var(--theme-accent-50, oklch(97% 0 0));
|
|
43
|
+
--accent-100: var(--theme-accent-100, oklch(95% 0 0));
|
|
44
|
+
--accent-200: var(--theme-accent-200, oklch(90% 0 0));
|
|
45
|
+
--accent-300: var(--theme-accent-300, oklch(82% 0 0));
|
|
46
|
+
--accent-400: var(--theme-accent-400, oklch(70% 0 0));
|
|
47
|
+
--accent-500: var(--theme-accent-500, oklch(62% 0 0));
|
|
48
|
+
--accent-600: var(--theme-accent-600, oklch(55% 0 0));
|
|
49
|
+
--accent-700: var(--theme-accent-700, oklch(45% 0 0));
|
|
50
|
+
--accent-800: var(--theme-accent-800, oklch(32% 0 0));
|
|
51
|
+
--accent-900: var(--theme-accent-900, oklch(18% 0 0));
|
|
52
|
+
|
|
53
|
+
/* Secondary Colors (falls back to accent when not explicitly set) */
|
|
54
|
+
--secondary-white: var(--theme-secondary-white, var(--accent-white));
|
|
55
|
+
--secondary-black: var(--theme-secondary-black, var(--accent-black));
|
|
56
|
+
--secondary-25: var(--theme-secondary-25, var(--accent-25));
|
|
57
|
+
--secondary-50: var(--theme-secondary-50, var(--accent-50));
|
|
58
|
+
--secondary-100: var(--theme-secondary-100, var(--accent-100));
|
|
59
|
+
--secondary-200: var(--theme-secondary-200, var(--accent-200));
|
|
60
|
+
--secondary-300: var(--theme-secondary-300, var(--accent-300));
|
|
61
|
+
--secondary-400: var(--theme-secondary-400, var(--accent-400));
|
|
62
|
+
--secondary-500: var(--theme-secondary-500, var(--accent-500));
|
|
63
|
+
--secondary-600: var(--theme-secondary-600, var(--accent-600));
|
|
64
|
+
--secondary-700: var(--theme-secondary-700, var(--accent-700));
|
|
65
|
+
--secondary-800: var(--theme-secondary-800, var(--accent-800));
|
|
66
|
+
--secondary-900: var(--theme-secondary-900, var(--accent-900));
|
|
67
|
+
|
|
68
|
+
/* Tint Colors */
|
|
69
|
+
--tint-25: var(--theme-tint-25, oklch(98.5% 0 0));
|
|
70
|
+
--tint-50: var(--theme-tint-50, oklch(97% 0 0));
|
|
71
|
+
--tint-100: var(--theme-tint-100, oklch(95% 0 0));
|
|
72
|
+
--tint-200: var(--theme-tint-200, oklch(90% 0 0));
|
|
73
|
+
--tint-300: var(--theme-tint-300, oklch(82% 0 0));
|
|
74
|
+
--tint-400: var(--theme-tint-400, oklch(70% 0 0));
|
|
75
|
+
--tint-500: var(--theme-tint-500, oklch(62% 0 0));
|
|
76
|
+
--tint-600: var(--theme-tint-600, oklch(55% 0 0));
|
|
77
|
+
--tint-700: var(--theme-tint-700, oklch(45% 0 0));
|
|
78
|
+
--tint-800: var(--theme-tint-800, oklch(32% 0 0));
|
|
79
|
+
--tint-900: var(--theme-tint-900, oklch(18% 0 0));
|
|
80
|
+
|
|
81
|
+
--thumbnail-rounding: var(--theme-thumbnail-rounding, 50%);
|
|
82
|
+
--buttons-rounding: var(--theme-buttons-rounding, 4px);
|
|
83
|
+
}
|
|
84
|
+
/* Utility Tokens - Font Size Scale */
|
|
85
|
+
:root, :host {
|
|
86
|
+
--text-xs: calc(var(--font-size) * 0.75);
|
|
87
|
+
--text-sm: calc(var(--font-size) * 0.875);
|
|
88
|
+
--text-md: calc(var(--font-size) * 1);
|
|
89
|
+
--text-lg: calc(var(--font-size) * 1.25);
|
|
90
|
+
--text-xl: calc(var(--font-size) * 1.5);
|
|
91
|
+
--text-2xl: calc(var(--font-size) * 2);
|
|
92
|
+
}
|
|
93
|
+
/* Utility Tokens - Radius Scale */
|
|
94
|
+
:root, :host {
|
|
95
|
+
--radius-none: calc(var(--radius) * 0);
|
|
96
|
+
--radius-xs: calc(var(--radius) * 1);
|
|
97
|
+
--radius-sm: calc(var(--radius) * 2);
|
|
98
|
+
--radius-md: calc(var(--radius) * 3);
|
|
99
|
+
--radius-lg: calc(var(--radius) * 3.5);
|
|
100
|
+
--radius-xl: calc(var(--radius) * 4.5);
|
|
101
|
+
--radius-full: calc(var(--radius) * 100);
|
|
102
|
+
}
|
|
103
|
+
/* Utility Tokens - Spacing Scale */
|
|
104
|
+
:root, :host {
|
|
105
|
+
--spacing-xs: calc(var(--spacing) * 0.5);
|
|
106
|
+
--spacing-sm: calc(var(--spacing) * 1);
|
|
107
|
+
--spacing-md: calc(var(--spacing) * 1.5);
|
|
108
|
+
--spacing-lg: calc(var(--spacing) * 2);
|
|
109
|
+
--spacing-xl: calc(var(--spacing) * 3);
|
|
110
|
+
--spacing-2xl: calc(var(--spacing) * 4.5);
|
|
111
|
+
--spacing-3xl: calc(var(--spacing) * 6);
|
|
112
|
+
}
|
|
113
|
+
/* Utility Tokens - Padding Scale */
|
|
114
|
+
:root, :host {
|
|
115
|
+
--padding-xs: calc(var(--padding) * 0.5);
|
|
116
|
+
--padding-sm: calc(var(--padding) * 1);
|
|
117
|
+
--padding-md: calc(var(--padding) * 1.5);
|
|
118
|
+
--padding-lg: calc(var(--padding) * 2);
|
|
119
|
+
--padding-xl: calc(var(--padding) * 3);
|
|
120
|
+
--padding-2xl: calc(var(--padding) * 4.5);
|
|
121
|
+
--padding-3xl: calc(var(--padding) * 6);
|
|
122
|
+
}
|
|
123
|
+
/* Component Tokens - Card Radius */
|
|
124
|
+
:root, :host {
|
|
125
|
+
--card-radius-1: var(--radius-md);
|
|
126
|
+
--card-radius-2: var(--radius-sm);
|
|
127
|
+
--card-radius-3: var(--radius-xs);
|
|
128
|
+
}
|
|
129
|
+
/* Surface Tokens */
|
|
130
|
+
:root, :host {
|
|
131
|
+
--surface-1: var(--theme-surface-1, transparent);
|
|
132
|
+
--surface-1-border: var(--theme-surface-1-border, transparent);
|
|
133
|
+
--surface-2: var(--theme-surface-2, var(--white));
|
|
134
|
+
--surface-2-border: var(--theme-surface-2-border, var(--tint-300));
|
|
135
|
+
--surface-3: var(--theme-surface-3, transparent);
|
|
136
|
+
--surface-3-border: var(--theme-surface-3-border, transparent);
|
|
137
|
+
}
|
|
138
|
+
/* Card Divider Tokens */
|
|
139
|
+
:root, :host {
|
|
140
|
+
--card-divider-margin: var(--theme-card-divider-margin, var(--spacing-sm));
|
|
141
|
+
--card-divider-height: var(--theme-card-divider-height, 0);
|
|
142
|
+
--card-divider-background: var(--theme-card-divider-background, transparent);
|
|
143
|
+
}
|
|
144
|
+
/* Card Tokens - Map surface tokens to card-specific names */
|
|
145
|
+
:root, :host {
|
|
146
|
+
--card-1-background: var(--surface-1);
|
|
147
|
+
--card-1-border: var(--surface-1-border);
|
|
148
|
+
--card-2-background: var(--surface-2);
|
|
149
|
+
--card-2-border: var(--surface-2-border);
|
|
150
|
+
--card-3-background: var(--surface-3);
|
|
151
|
+
--card-3-border: var(--surface-3-border);
|
|
152
|
+
}
|
|
153
|
+
/* Card Level Detection - Default to level 1 */
|
|
154
|
+
:root, :host {
|
|
155
|
+
--card-background: var(--card-1-background);
|
|
156
|
+
--card-border: var(--card-1-border);
|
|
157
|
+
--card-radius: var(--card-radius-1);
|
|
158
|
+
}
|
|
159
|
+
/* ! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com */
|
|
1
160
|
/*
|
|
2
|
-
! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com
|
|
3
|
-
*//*
|
|
4
161
|
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
|
|
5
162
|
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
|
|
6
163
|
*/
|
|
7
|
-
|
|
8
164
|
*,
|
|
9
165
|
::before,
|
|
10
166
|
::after {
|
|
@@ -13,12 +169,10 @@
|
|
|
13
169
|
border-style: solid; /* 2 */
|
|
14
170
|
border-color: #e5e7eb; /* 2 */
|
|
15
171
|
}
|
|
16
|
-
|
|
17
172
|
::before,
|
|
18
173
|
::after {
|
|
19
174
|
--tw-content: '';
|
|
20
175
|
}
|
|
21
|
-
|
|
22
176
|
/*
|
|
23
177
|
1. Use a consistent sensible line-height in all browsers.
|
|
24
178
|
2. Prevent adjustments of font size after orientation changes in iOS.
|
|
@@ -27,7 +181,6 @@
|
|
|
27
181
|
5. Use the user's configured `sans` font-feature-settings by default.
|
|
28
182
|
6. Use the user's configured `sans` font-variation-settings by default.
|
|
29
183
|
*/
|
|
30
|
-
|
|
31
184
|
html {
|
|
32
185
|
line-height: 1.5; /* 1 */
|
|
33
186
|
-webkit-text-size-adjust: 100%; /* 2 */
|
|
@@ -38,42 +191,34 @@ html {
|
|
|
38
191
|
font-feature-settings: normal; /* 5 */
|
|
39
192
|
font-variation-settings: normal; /* 6 */
|
|
40
193
|
}
|
|
41
|
-
|
|
42
194
|
/*
|
|
43
195
|
1. Remove the margin in all browsers.
|
|
44
196
|
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
|
|
45
197
|
*/
|
|
46
|
-
|
|
47
198
|
body {
|
|
48
199
|
margin: 0; /* 1 */
|
|
49
200
|
line-height: inherit; /* 2 */
|
|
50
201
|
}
|
|
51
|
-
|
|
52
202
|
/*
|
|
53
203
|
1. Add the correct height in Firefox.
|
|
54
204
|
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
|
|
55
205
|
3. Ensure horizontal rules are visible by default.
|
|
56
206
|
*/
|
|
57
|
-
|
|
58
207
|
hr {
|
|
59
208
|
height: 0; /* 1 */
|
|
60
209
|
color: inherit; /* 2 */
|
|
61
210
|
border-top-width: 1px; /* 3 */
|
|
62
211
|
}
|
|
63
|
-
|
|
64
212
|
/*
|
|
65
213
|
Add the correct text decoration in Chrome, Edge, and Safari.
|
|
66
214
|
*/
|
|
67
|
-
|
|
68
215
|
abbr:where([title]) {
|
|
69
216
|
-webkit-text-decoration: underline dotted;
|
|
70
217
|
text-decoration: underline dotted;
|
|
71
218
|
}
|
|
72
|
-
|
|
73
219
|
/*
|
|
74
220
|
Remove the default font size and weight for headings.
|
|
75
221
|
*/
|
|
76
|
-
|
|
77
222
|
h1,
|
|
78
223
|
h2,
|
|
79
224
|
h3,
|
|
@@ -83,30 +228,24 @@ h6 {
|
|
|
83
228
|
font-size: inherit;
|
|
84
229
|
font-weight: inherit;
|
|
85
230
|
}
|
|
86
|
-
|
|
87
231
|
/*
|
|
88
232
|
Reset links to optimize for opt-in styling instead of opt-out.
|
|
89
233
|
*/
|
|
90
|
-
|
|
91
234
|
a {
|
|
92
235
|
color: inherit;
|
|
93
236
|
text-decoration: inherit;
|
|
94
237
|
}
|
|
95
|
-
|
|
96
238
|
/*
|
|
97
239
|
Add the correct font weight in Edge and Safari.
|
|
98
240
|
*/
|
|
99
|
-
|
|
100
241
|
b,
|
|
101
242
|
strong {
|
|
102
243
|
font-weight: bolder;
|
|
103
244
|
}
|
|
104
|
-
|
|
105
245
|
/*
|
|
106
246
|
1. Use the user's configured `mono` font family by default.
|
|
107
247
|
2. Correct the odd `em` font sizing in all browsers.
|
|
108
248
|
*/
|
|
109
|
-
|
|
110
249
|
code,
|
|
111
250
|
kbd,
|
|
112
251
|
samp,
|
|
@@ -114,19 +253,15 @@ pre {
|
|
|
114
253
|
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
|
|
115
254
|
font-size: 1em; /* 2 */
|
|
116
255
|
}
|
|
117
|
-
|
|
118
256
|
/*
|
|
119
257
|
Add the correct font size in all browsers.
|
|
120
258
|
*/
|
|
121
|
-
|
|
122
259
|
small {
|
|
123
260
|
font-size: 80%;
|
|
124
261
|
}
|
|
125
|
-
|
|
126
262
|
/*
|
|
127
263
|
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
|
|
128
264
|
*/
|
|
129
|
-
|
|
130
265
|
sub,
|
|
131
266
|
sup {
|
|
132
267
|
font-size: 75%;
|
|
@@ -134,33 +269,27 @@ sup {
|
|
|
134
269
|
position: relative;
|
|
135
270
|
vertical-align: baseline;
|
|
136
271
|
}
|
|
137
|
-
|
|
138
272
|
sub {
|
|
139
273
|
bottom: -0.25em;
|
|
140
274
|
}
|
|
141
|
-
|
|
142
275
|
sup {
|
|
143
276
|
top: -0.5em;
|
|
144
277
|
}
|
|
145
|
-
|
|
146
278
|
/*
|
|
147
279
|
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
|
|
148
280
|
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
|
|
149
281
|
3. Remove gaps between table borders by default.
|
|
150
282
|
*/
|
|
151
|
-
|
|
152
283
|
table {
|
|
153
284
|
text-indent: 0; /* 1 */
|
|
154
285
|
border-color: inherit; /* 2 */
|
|
155
286
|
border-collapse: collapse; /* 3 */
|
|
156
287
|
}
|
|
157
|
-
|
|
158
288
|
/*
|
|
159
289
|
1. Change the font styles in all browsers.
|
|
160
290
|
2. Remove the margin in Firefox and Safari.
|
|
161
291
|
3. Remove default padding in all browsers.
|
|
162
292
|
*/
|
|
163
|
-
|
|
164
293
|
button,
|
|
165
294
|
input,
|
|
166
295
|
optgroup,
|
|
@@ -176,21 +305,17 @@ textarea {
|
|
|
176
305
|
margin: 0; /* 2 */
|
|
177
306
|
padding: 0; /* 3 */
|
|
178
307
|
}
|
|
179
|
-
|
|
180
308
|
/*
|
|
181
309
|
Remove the inheritance of text transform in Edge and Firefox.
|
|
182
310
|
*/
|
|
183
|
-
|
|
184
311
|
button,
|
|
185
312
|
select {
|
|
186
313
|
text-transform: none;
|
|
187
314
|
}
|
|
188
|
-
|
|
189
315
|
/*
|
|
190
316
|
1. Correct the inability to style clickable types in iOS and Safari.
|
|
191
317
|
2. Remove default button styles.
|
|
192
318
|
*/
|
|
193
|
-
|
|
194
319
|
button,
|
|
195
320
|
[type='button'],
|
|
196
321
|
[type='reset'],
|
|
@@ -199,80 +324,62 @@ button,
|
|
|
199
324
|
background-color: transparent; /* 2 */
|
|
200
325
|
background-image: none; /* 2 */
|
|
201
326
|
}
|
|
202
|
-
|
|
203
327
|
/*
|
|
204
328
|
Use the modern Firefox focus style for all focusable elements.
|
|
205
329
|
*/
|
|
206
|
-
|
|
207
330
|
:-moz-focusring {
|
|
208
331
|
outline: auto;
|
|
209
332
|
}
|
|
210
|
-
|
|
211
333
|
/*
|
|
212
334
|
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
|
|
213
335
|
*/
|
|
214
|
-
|
|
215
336
|
:-moz-ui-invalid {
|
|
216
337
|
box-shadow: none;
|
|
217
338
|
}
|
|
218
|
-
|
|
219
339
|
/*
|
|
220
340
|
Add the correct vertical alignment in Chrome and Firefox.
|
|
221
341
|
*/
|
|
222
|
-
|
|
223
342
|
progress {
|
|
224
343
|
vertical-align: baseline;
|
|
225
344
|
}
|
|
226
|
-
|
|
227
345
|
/*
|
|
228
346
|
Correct the cursor style of increment and decrement buttons in Safari.
|
|
229
347
|
*/
|
|
230
|
-
|
|
231
348
|
::-webkit-inner-spin-button,
|
|
232
349
|
::-webkit-outer-spin-button {
|
|
233
350
|
height: auto;
|
|
234
351
|
}
|
|
235
|
-
|
|
236
352
|
/*
|
|
237
353
|
1. Correct the odd appearance in Chrome and Safari.
|
|
238
354
|
2. Correct the outline style in Safari.
|
|
239
355
|
*/
|
|
240
|
-
|
|
241
356
|
[type='search'] {
|
|
242
357
|
-webkit-appearance: textfield; /* 1 */
|
|
243
358
|
outline-offset: -2px; /* 2 */
|
|
244
359
|
}
|
|
245
|
-
|
|
246
360
|
/*
|
|
247
361
|
Remove the inner padding in Chrome and Safari on macOS.
|
|
248
362
|
*/
|
|
249
|
-
|
|
250
363
|
::-webkit-search-decoration {
|
|
251
364
|
-webkit-appearance: none;
|
|
252
365
|
}
|
|
253
|
-
|
|
254
366
|
/*
|
|
255
367
|
1. Correct the inability to style clickable types in iOS and Safari.
|
|
256
368
|
2. Change font properties to `inherit` in Safari.
|
|
257
369
|
*/
|
|
258
|
-
|
|
259
370
|
::-webkit-file-upload-button {
|
|
260
371
|
-webkit-appearance: button; /* 1 */
|
|
261
372
|
font: inherit; /* 2 */
|
|
262
373
|
}
|
|
263
|
-
|
|
264
374
|
/*
|
|
265
375
|
Add the correct display in Chrome and Safari.
|
|
266
376
|
*/
|
|
267
|
-
|
|
268
377
|
summary {
|
|
269
378
|
display: list-item;
|
|
270
379
|
}
|
|
271
|
-
|
|
272
380
|
/*
|
|
273
381
|
Removes the default spacing and border for appropriate elements.
|
|
274
382
|
*/
|
|
275
|
-
|
|
276
383
|
blockquote,
|
|
277
384
|
dl,
|
|
278
385
|
dd,
|
|
@@ -288,16 +395,13 @@ p,
|
|
|
288
395
|
pre {
|
|
289
396
|
margin: 0;
|
|
290
397
|
}
|
|
291
|
-
|
|
292
398
|
fieldset {
|
|
293
399
|
margin: 0;
|
|
294
400
|
padding: 0;
|
|
295
401
|
}
|
|
296
|
-
|
|
297
402
|
legend {
|
|
298
403
|
padding: 0;
|
|
299
404
|
}
|
|
300
|
-
|
|
301
405
|
ol,
|
|
302
406
|
ul,
|
|
303
407
|
menu {
|
|
@@ -305,60 +409,49 @@ menu {
|
|
|
305
409
|
margin: 0;
|
|
306
410
|
padding: 0;
|
|
307
411
|
}
|
|
308
|
-
|
|
309
412
|
/*
|
|
310
413
|
Reset default styling for dialogs.
|
|
311
414
|
*/
|
|
312
415
|
dialog {
|
|
313
416
|
padding: 0;
|
|
314
417
|
}
|
|
315
|
-
|
|
316
418
|
/*
|
|
317
419
|
Prevent resizing textareas horizontally by default.
|
|
318
420
|
*/
|
|
319
|
-
|
|
320
421
|
textarea {
|
|
321
422
|
resize: vertical;
|
|
322
423
|
}
|
|
323
|
-
|
|
324
424
|
/*
|
|
325
425
|
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
|
|
326
426
|
2. Set the default placeholder color to the user's configured gray 400 color.
|
|
327
427
|
*/
|
|
328
|
-
|
|
329
428
|
input::-moz-placeholder, textarea::-moz-placeholder {
|
|
330
429
|
opacity: 1; /* 1 */
|
|
331
430
|
color: #9ca3af; /* 2 */
|
|
332
431
|
}
|
|
333
|
-
|
|
334
432
|
input::placeholder,
|
|
335
433
|
textarea::placeholder {
|
|
336
434
|
opacity: 1; /* 1 */
|
|
337
435
|
color: #9ca3af; /* 2 */
|
|
338
436
|
}
|
|
339
|
-
|
|
340
437
|
/*
|
|
341
438
|
Set the default cursor for buttons.
|
|
342
439
|
*/
|
|
343
|
-
|
|
344
440
|
button,
|
|
345
441
|
[role="button"] {
|
|
346
442
|
cursor: pointer;
|
|
347
443
|
}
|
|
348
|
-
|
|
349
444
|
/*
|
|
350
445
|
Make sure disabled buttons don't get the pointer cursor.
|
|
351
446
|
*/
|
|
352
447
|
:disabled {
|
|
353
448
|
cursor: default;
|
|
354
449
|
}
|
|
355
|
-
|
|
356
450
|
/*
|
|
357
451
|
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
|
|
358
452
|
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
|
|
359
453
|
This can trigger a poorly considered lint error in some tools but is included by design.
|
|
360
454
|
*/
|
|
361
|
-
|
|
362
455
|
img,
|
|
363
456
|
svg,
|
|
364
457
|
video,
|
|
@@ -370,26 +463,34 @@ object {
|
|
|
370
463
|
display: block; /* 1 */
|
|
371
464
|
vertical-align: middle; /* 2 */
|
|
372
465
|
}
|
|
373
|
-
|
|
374
466
|
/*
|
|
375
467
|
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
|
|
376
468
|
*/
|
|
377
|
-
|
|
378
469
|
img,
|
|
379
470
|
video {
|
|
380
471
|
max-width: 100%;
|
|
381
472
|
height: auto;
|
|
382
473
|
}
|
|
383
|
-
|
|
384
474
|
/* Make elements with the HTML hidden attribute stay hidden by default */
|
|
385
475
|
[hidden] {
|
|
386
476
|
display: none;
|
|
387
477
|
}
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
478
|
+
:host {
|
|
479
|
+
--primary: #000000;
|
|
480
|
+
--muted: #969696;
|
|
481
|
+
}
|
|
482
|
+
:root {
|
|
483
|
+
--text-main-color: #121212;
|
|
484
|
+
--text-secondary-color: #7a7a7a;
|
|
485
|
+
--button-primary-background-color: #121212;
|
|
486
|
+
--button-primary-color: #ffffff;
|
|
487
|
+
--button-primary-border-color: #121212;
|
|
488
|
+
--button-primary-border-radius: 3px;
|
|
489
|
+
--button-secondary-background-color: #ffffff;
|
|
490
|
+
--button-secondary-color: #121212;
|
|
491
|
+
--button-secondary-border-color: #121212;
|
|
492
|
+
--button-secondary-border-radius: 3px;
|
|
493
|
+
}
|
|
393
494
|
*, ::before, ::after {
|
|
394
495
|
--tw-border-spacing-x: 0;
|
|
395
496
|
--tw-border-spacing-y: 0;
|
|
@@ -439,7 +540,6 @@ video {
|
|
|
439
540
|
--tw-backdrop-saturate: ;
|
|
440
541
|
--tw-backdrop-sepia: ;
|
|
441
542
|
}
|
|
442
|
-
|
|
443
543
|
::backdrop {
|
|
444
544
|
--tw-border-spacing-x: 0;
|
|
445
545
|
--tw-border-spacing-y: 0;
|
|
@@ -493,41 +593,50 @@ video {
|
|
|
493
593
|
width: 100%;
|
|
494
594
|
}
|
|
495
595
|
@media (min-width: 640px) {
|
|
496
|
-
|
|
497
596
|
.container {
|
|
498
597
|
max-width: 640px;
|
|
499
598
|
}
|
|
500
599
|
}
|
|
501
600
|
@media (min-width: 768px) {
|
|
502
|
-
|
|
503
601
|
.container {
|
|
504
602
|
max-width: 768px;
|
|
505
603
|
}
|
|
506
604
|
}
|
|
507
605
|
@media (min-width: 1024px) {
|
|
508
|
-
|
|
509
606
|
.container {
|
|
510
607
|
max-width: 1024px;
|
|
511
608
|
}
|
|
512
609
|
}
|
|
513
610
|
@media (min-width: 1280px) {
|
|
514
|
-
|
|
515
611
|
.container {
|
|
516
612
|
max-width: 1280px;
|
|
517
613
|
}
|
|
518
614
|
}
|
|
519
615
|
@media (min-width: 1536px) {
|
|
520
|
-
|
|
521
616
|
.container {
|
|
522
617
|
max-width: 1536px;
|
|
523
618
|
}
|
|
524
619
|
}
|
|
620
|
+
.sr-only {
|
|
621
|
+
position: absolute;
|
|
622
|
+
width: 1px;
|
|
623
|
+
height: 1px;
|
|
624
|
+
padding: 0;
|
|
625
|
+
margin: -1px;
|
|
626
|
+
overflow: hidden;
|
|
627
|
+
clip: rect(0, 0, 0, 0);
|
|
628
|
+
white-space: nowrap;
|
|
629
|
+
border-width: 0;
|
|
630
|
+
}
|
|
525
631
|
.pointer-events-none {
|
|
526
632
|
pointer-events: none;
|
|
527
633
|
}
|
|
528
634
|
.visible {
|
|
529
635
|
visibility: visible;
|
|
530
636
|
}
|
|
637
|
+
.invisible {
|
|
638
|
+
visibility: hidden;
|
|
639
|
+
}
|
|
531
640
|
.fixed {
|
|
532
641
|
position: fixed;
|
|
533
642
|
}
|
|
@@ -537,6 +646,9 @@ video {
|
|
|
537
646
|
.relative {
|
|
538
647
|
position: relative;
|
|
539
648
|
}
|
|
649
|
+
.sticky {
|
|
650
|
+
position: sticky;
|
|
651
|
+
}
|
|
540
652
|
.inset-0 {
|
|
541
653
|
inset: 0px;
|
|
542
654
|
}
|
|
@@ -546,67 +658,193 @@ video {
|
|
|
546
658
|
.inset-\[-0\.5px\] {
|
|
547
659
|
inset: -0.5px;
|
|
548
660
|
}
|
|
661
|
+
.inset-y-0 {
|
|
662
|
+
top: 0px;
|
|
663
|
+
bottom: 0px;
|
|
664
|
+
}
|
|
665
|
+
.bottom-0 {
|
|
666
|
+
bottom: 0px;
|
|
667
|
+
}
|
|
668
|
+
.end-0 {
|
|
669
|
+
inset-inline-end: 0px;
|
|
670
|
+
}
|
|
549
671
|
.left-0 {
|
|
550
672
|
left: 0px;
|
|
551
673
|
}
|
|
674
|
+
.left-1\/2 {
|
|
675
|
+
left: 50%;
|
|
676
|
+
}
|
|
677
|
+
.left-2 {
|
|
678
|
+
left: 8px;
|
|
679
|
+
}
|
|
680
|
+
.left-full {
|
|
681
|
+
left: 100%;
|
|
682
|
+
}
|
|
683
|
+
.right-0 {
|
|
684
|
+
right: 0px;
|
|
685
|
+
}
|
|
686
|
+
.right-3 {
|
|
687
|
+
right: 12px;
|
|
688
|
+
}
|
|
689
|
+
.right-md {
|
|
690
|
+
right: var(--spacing-md);
|
|
691
|
+
}
|
|
692
|
+
.right-sm {
|
|
693
|
+
right: var(--spacing-sm);
|
|
694
|
+
}
|
|
695
|
+
.start-0 {
|
|
696
|
+
inset-inline-start: 0px;
|
|
697
|
+
}
|
|
552
698
|
.top-0 {
|
|
553
699
|
top: 0px;
|
|
554
700
|
}
|
|
701
|
+
.top-1\/2 {
|
|
702
|
+
top: 50%;
|
|
703
|
+
}
|
|
704
|
+
.top-3 {
|
|
705
|
+
top: 12px;
|
|
706
|
+
}
|
|
707
|
+
.top-full {
|
|
708
|
+
top: 100%;
|
|
709
|
+
}
|
|
710
|
+
.top-md {
|
|
711
|
+
top: var(--spacing-md);
|
|
712
|
+
}
|
|
713
|
+
.z-10 {
|
|
714
|
+
z-index: 10;
|
|
715
|
+
}
|
|
716
|
+
.z-20 {
|
|
717
|
+
z-index: 20;
|
|
718
|
+
}
|
|
719
|
+
.z-30 {
|
|
720
|
+
z-index: 30;
|
|
721
|
+
}
|
|
555
722
|
.z-50 {
|
|
556
723
|
z-index: 50;
|
|
557
724
|
}
|
|
725
|
+
.z-\[60\] {
|
|
726
|
+
z-index: 60;
|
|
727
|
+
}
|
|
728
|
+
.z-\[999999998\] {
|
|
729
|
+
z-index: 999999998;
|
|
730
|
+
}
|
|
731
|
+
.z-\[999999999\] {
|
|
732
|
+
z-index: 999999999;
|
|
733
|
+
}
|
|
734
|
+
.order-2 {
|
|
735
|
+
order: 2;
|
|
736
|
+
}
|
|
737
|
+
.m-0 {
|
|
738
|
+
margin: 0px;
|
|
739
|
+
}
|
|
740
|
+
.m-auto {
|
|
741
|
+
margin: auto;
|
|
742
|
+
}
|
|
743
|
+
.-mx-6 {
|
|
744
|
+
margin-left: -24px;
|
|
745
|
+
margin-right: -24px;
|
|
746
|
+
}
|
|
747
|
+
.mx-0 {
|
|
748
|
+
margin-left: 0px;
|
|
749
|
+
margin-right: 0px;
|
|
750
|
+
}
|
|
751
|
+
.mx-0\.5 {
|
|
752
|
+
margin-left: 2px;
|
|
753
|
+
margin-right: 2px;
|
|
754
|
+
}
|
|
558
755
|
.mx-\[40px\] {
|
|
559
756
|
margin-left: 40px;
|
|
560
757
|
margin-right: 40px;
|
|
561
758
|
}
|
|
759
|
+
.mx-auto {
|
|
760
|
+
margin-left: auto;
|
|
761
|
+
margin-right: auto;
|
|
762
|
+
}
|
|
763
|
+
.my-2 {
|
|
764
|
+
margin-top: 8px;
|
|
765
|
+
margin-bottom: 8px;
|
|
766
|
+
}
|
|
562
767
|
.\!ml-10 {
|
|
563
|
-
margin-left:
|
|
768
|
+
margin-left: 40px !important;
|
|
769
|
+
}
|
|
770
|
+
.-ml-px {
|
|
771
|
+
margin-left: -1px;
|
|
564
772
|
}
|
|
565
773
|
.mb-0 {
|
|
566
774
|
margin-bottom: 0px;
|
|
567
775
|
}
|
|
568
776
|
.mb-2 {
|
|
569
|
-
margin-bottom:
|
|
777
|
+
margin-bottom: 8px;
|
|
570
778
|
}
|
|
571
779
|
.mb-3 {
|
|
572
|
-
margin-bottom:
|
|
780
|
+
margin-bottom: 12px;
|
|
573
781
|
}
|
|
574
782
|
.mb-4 {
|
|
575
|
-
margin-bottom:
|
|
783
|
+
margin-bottom: 16px;
|
|
576
784
|
}
|
|
577
785
|
.mb-6 {
|
|
578
|
-
margin-bottom:
|
|
786
|
+
margin-bottom: 24px;
|
|
787
|
+
}
|
|
788
|
+
.mb-8 {
|
|
789
|
+
margin-bottom: 32px;
|
|
790
|
+
}
|
|
791
|
+
.mb-md {
|
|
792
|
+
margin-bottom: var(--spacing-md);
|
|
793
|
+
}
|
|
794
|
+
.mb-sm {
|
|
795
|
+
margin-bottom: var(--spacing-sm);
|
|
579
796
|
}
|
|
580
797
|
.ml-1 {
|
|
581
|
-
margin-left:
|
|
798
|
+
margin-left: 4px;
|
|
582
799
|
}
|
|
583
800
|
.ml-1\.5 {
|
|
584
|
-
margin-left:
|
|
801
|
+
margin-left: 6px;
|
|
585
802
|
}
|
|
586
803
|
.ml-2 {
|
|
587
|
-
margin-left:
|
|
804
|
+
margin-left: 8px;
|
|
588
805
|
}
|
|
589
806
|
.ml-\[9px\] {
|
|
590
807
|
margin-left: 9px;
|
|
591
808
|
}
|
|
809
|
+
.ml-xs {
|
|
810
|
+
margin-left: var(--spacing-xs);
|
|
811
|
+
}
|
|
592
812
|
.mr-3 {
|
|
593
|
-
margin-right:
|
|
813
|
+
margin-right: 12px;
|
|
814
|
+
}
|
|
815
|
+
.mr-md {
|
|
816
|
+
margin-right: var(--spacing-md);
|
|
594
817
|
}
|
|
595
818
|
.mt-1 {
|
|
596
|
-
margin-top:
|
|
819
|
+
margin-top: 4px;
|
|
597
820
|
}
|
|
598
821
|
.mt-2 {
|
|
599
|
-
margin-top:
|
|
822
|
+
margin-top: 8px;
|
|
600
823
|
}
|
|
601
824
|
.mt-3 {
|
|
602
|
-
margin-top:
|
|
825
|
+
margin-top: 12px;
|
|
603
826
|
}
|
|
604
827
|
.mt-4 {
|
|
605
|
-
margin-top:
|
|
828
|
+
margin-top: 16px;
|
|
829
|
+
}
|
|
830
|
+
.mt-5 {
|
|
831
|
+
margin-top: 20px;
|
|
832
|
+
}
|
|
833
|
+
.mt-auto {
|
|
834
|
+
margin-top: auto;
|
|
835
|
+
}
|
|
836
|
+
.mt-xs {
|
|
837
|
+
margin-top: var(--spacing-xs);
|
|
606
838
|
}
|
|
607
839
|
.box-border {
|
|
608
840
|
box-sizing: border-box;
|
|
609
841
|
}
|
|
842
|
+
.line-clamp-2 {
|
|
843
|
+
overflow: hidden;
|
|
844
|
+
display: -webkit-box;
|
|
845
|
+
-webkit-box-orient: vertical;
|
|
846
|
+
-webkit-line-clamp: 2;
|
|
847
|
+
}
|
|
610
848
|
.block {
|
|
611
849
|
display: block;
|
|
612
850
|
}
|
|
@@ -622,30 +860,93 @@ video {
|
|
|
622
860
|
.inline-flex {
|
|
623
861
|
display: inline-flex;
|
|
624
862
|
}
|
|
863
|
+
.table {
|
|
864
|
+
display: table;
|
|
865
|
+
}
|
|
625
866
|
.grid {
|
|
626
867
|
display: grid;
|
|
627
868
|
}
|
|
628
869
|
.hidden {
|
|
629
870
|
display: none;
|
|
630
871
|
}
|
|
872
|
+
.aspect-square {
|
|
873
|
+
aspect-ratio: 1 / 1;
|
|
874
|
+
}
|
|
875
|
+
.aspect-video {
|
|
876
|
+
aspect-ratio: 16 / 9;
|
|
877
|
+
}
|
|
878
|
+
.\!h-7 {
|
|
879
|
+
height: 28px !important;
|
|
880
|
+
}
|
|
881
|
+
.\!h-9 {
|
|
882
|
+
height: 36px !important;
|
|
883
|
+
}
|
|
631
884
|
.h-1 {
|
|
632
|
-
height:
|
|
885
|
+
height: 4px;
|
|
633
886
|
}
|
|
634
887
|
.h-10 {
|
|
635
|
-
height:
|
|
888
|
+
height: 40px;
|
|
889
|
+
}
|
|
890
|
+
.h-12 {
|
|
891
|
+
height: 48px;
|
|
636
892
|
}
|
|
637
893
|
.h-2 {
|
|
638
|
-
height:
|
|
894
|
+
height: 8px;
|
|
895
|
+
}
|
|
896
|
+
.h-2\.5 {
|
|
897
|
+
height: 10px;
|
|
898
|
+
}
|
|
899
|
+
.h-3 {
|
|
900
|
+
height: 12px;
|
|
901
|
+
}
|
|
902
|
+
.h-3\.5 {
|
|
903
|
+
height: 14px;
|
|
904
|
+
}
|
|
905
|
+
.h-3\/4 {
|
|
906
|
+
height: 75%;
|
|
639
907
|
}
|
|
640
908
|
.h-4 {
|
|
641
|
-
height:
|
|
909
|
+
height: 16px;
|
|
910
|
+
}
|
|
911
|
+
.h-6 {
|
|
912
|
+
height: 24px;
|
|
642
913
|
}
|
|
643
914
|
.h-7 {
|
|
644
|
-
height:
|
|
915
|
+
height: 28px;
|
|
916
|
+
}
|
|
917
|
+
.h-8 {
|
|
918
|
+
height: 32px;
|
|
919
|
+
}
|
|
920
|
+
.h-9 {
|
|
921
|
+
height: 36px;
|
|
922
|
+
}
|
|
923
|
+
.h-\[100px\] {
|
|
924
|
+
height: 100px;
|
|
925
|
+
}
|
|
926
|
+
.h-\[14px\] {
|
|
927
|
+
height: 14px;
|
|
928
|
+
}
|
|
929
|
+
.h-\[150px\] {
|
|
930
|
+
height: 150px;
|
|
931
|
+
}
|
|
932
|
+
.h-\[16px\] {
|
|
933
|
+
height: 16px;
|
|
934
|
+
}
|
|
935
|
+
.h-\[18px\] {
|
|
936
|
+
height: 18px;
|
|
937
|
+
}
|
|
938
|
+
.h-\[190px\] {
|
|
939
|
+
height: 190px;
|
|
940
|
+
}
|
|
941
|
+
.h-\[200px\] {
|
|
942
|
+
height: 200px;
|
|
645
943
|
}
|
|
646
944
|
.h-\[20px\] {
|
|
647
945
|
height: 20px;
|
|
648
946
|
}
|
|
947
|
+
.h-\[24px\] {
|
|
948
|
+
height: 24px;
|
|
949
|
+
}
|
|
649
950
|
.h-\[26px\] {
|
|
650
951
|
height: 26px;
|
|
651
952
|
}
|
|
@@ -655,36 +956,189 @@ video {
|
|
|
655
956
|
.h-\[33px\] {
|
|
656
957
|
height: 33px;
|
|
657
958
|
}
|
|
959
|
+
.h-\[360px\] {
|
|
960
|
+
height: 360px;
|
|
961
|
+
}
|
|
962
|
+
.h-\[36px\] {
|
|
963
|
+
height: 36px;
|
|
964
|
+
}
|
|
965
|
+
.h-\[40px\] {
|
|
966
|
+
height: 40px;
|
|
967
|
+
}
|
|
968
|
+
.h-\[52px\] {
|
|
969
|
+
height: 52px;
|
|
970
|
+
}
|
|
658
971
|
.h-\[7px\] {
|
|
659
972
|
height: 7px;
|
|
660
973
|
}
|
|
974
|
+
.h-\[96px\] {
|
|
975
|
+
height: 96px;
|
|
976
|
+
}
|
|
977
|
+
.h-\[var\(--reka-select-trigger-height\)\] {
|
|
978
|
+
height: var(--reka-select-trigger-height);
|
|
979
|
+
}
|
|
980
|
+
.h-\[var\(--text-md\)\] {
|
|
981
|
+
height: var(--text-md);
|
|
982
|
+
}
|
|
983
|
+
.h-\[var\(--text-sm\)\] {
|
|
984
|
+
height: var(--text-sm);
|
|
985
|
+
}
|
|
986
|
+
.h-\[var\(--text-xl\)\] {
|
|
987
|
+
height: var(--text-xl);
|
|
988
|
+
}
|
|
989
|
+
.h-\[var\(--text-xs\)\] {
|
|
990
|
+
height: var(--text-xs);
|
|
991
|
+
}
|
|
661
992
|
.h-full {
|
|
662
993
|
height: 100%;
|
|
663
994
|
}
|
|
995
|
+
.h-lg {
|
|
996
|
+
height: var(--spacing-lg);
|
|
997
|
+
}
|
|
664
998
|
.h-px {
|
|
665
999
|
height: 1px;
|
|
666
1000
|
}
|
|
1001
|
+
.h-sm {
|
|
1002
|
+
height: var(--spacing-sm);
|
|
1003
|
+
}
|
|
1004
|
+
.h-xl {
|
|
1005
|
+
height: var(--spacing-xl);
|
|
1006
|
+
}
|
|
1007
|
+
.max-h-96 {
|
|
1008
|
+
max-height: 384px;
|
|
1009
|
+
}
|
|
1010
|
+
.max-h-\[40\%\] {
|
|
1011
|
+
max-height: 40%;
|
|
1012
|
+
}
|
|
667
1013
|
.max-h-\[400px\] {
|
|
668
1014
|
max-height: 400px;
|
|
669
1015
|
}
|
|
1016
|
+
.max-h-full {
|
|
1017
|
+
max-height: 100%;
|
|
1018
|
+
}
|
|
1019
|
+
.min-h-0 {
|
|
1020
|
+
min-height: 0px;
|
|
1021
|
+
}
|
|
1022
|
+
.min-h-full {
|
|
1023
|
+
min-height: 100%;
|
|
1024
|
+
}
|
|
1025
|
+
.\!w-7 {
|
|
1026
|
+
width: 28px !important;
|
|
1027
|
+
}
|
|
1028
|
+
.\!w-9 {
|
|
1029
|
+
width: 36px !important;
|
|
1030
|
+
}
|
|
1031
|
+
.w-1\/2 {
|
|
1032
|
+
width: 50%;
|
|
1033
|
+
}
|
|
1034
|
+
.w-12 {
|
|
1035
|
+
width: 48px;
|
|
1036
|
+
}
|
|
670
1037
|
.w-2 {
|
|
671
|
-
width:
|
|
1038
|
+
width: 8px;
|
|
1039
|
+
}
|
|
1040
|
+
.w-2\.5 {
|
|
1041
|
+
width: 10px;
|
|
1042
|
+
}
|
|
1043
|
+
.w-3 {
|
|
1044
|
+
width: 12px;
|
|
1045
|
+
}
|
|
1046
|
+
.w-3\.5 {
|
|
1047
|
+
width: 14px;
|
|
1048
|
+
}
|
|
1049
|
+
.w-4 {
|
|
1050
|
+
width: 16px;
|
|
1051
|
+
}
|
|
1052
|
+
.w-6 {
|
|
1053
|
+
width: 24px;
|
|
1054
|
+
}
|
|
1055
|
+
.w-60 {
|
|
1056
|
+
width: 240px;
|
|
1057
|
+
}
|
|
1058
|
+
.w-7 {
|
|
1059
|
+
width: 28px;
|
|
1060
|
+
}
|
|
1061
|
+
.w-8 {
|
|
1062
|
+
width: 32px;
|
|
1063
|
+
}
|
|
1064
|
+
.w-80 {
|
|
1065
|
+
width: 320px;
|
|
1066
|
+
}
|
|
1067
|
+
.w-9 {
|
|
1068
|
+
width: 36px;
|
|
1069
|
+
}
|
|
1070
|
+
.w-\[100vw\] {
|
|
1071
|
+
width: 100vw;
|
|
1072
|
+
}
|
|
1073
|
+
.w-\[14px\] {
|
|
1074
|
+
width: 14px;
|
|
1075
|
+
}
|
|
1076
|
+
.w-\[150px\] {
|
|
1077
|
+
width: 150px;
|
|
1078
|
+
}
|
|
1079
|
+
.w-\[18px\] {
|
|
1080
|
+
width: 18px;
|
|
1081
|
+
}
|
|
1082
|
+
.w-\[190px\] {
|
|
1083
|
+
width: 190px;
|
|
1084
|
+
}
|
|
1085
|
+
.w-\[200px\] {
|
|
1086
|
+
width: 200px;
|
|
672
1087
|
}
|
|
673
1088
|
.w-\[20px\] {
|
|
674
1089
|
width: 20px;
|
|
675
1090
|
}
|
|
1091
|
+
.w-\[234px\] {
|
|
1092
|
+
width: 234px;
|
|
1093
|
+
}
|
|
1094
|
+
.w-\[24px\] {
|
|
1095
|
+
width: 24px;
|
|
1096
|
+
}
|
|
1097
|
+
.w-\[25\%\] {
|
|
1098
|
+
width: 25%;
|
|
1099
|
+
}
|
|
676
1100
|
.w-\[360px\] {
|
|
677
1101
|
width: 360px;
|
|
678
1102
|
}
|
|
1103
|
+
.w-\[36px\] {
|
|
1104
|
+
width: 36px;
|
|
1105
|
+
}
|
|
1106
|
+
.w-\[404px\] {
|
|
1107
|
+
width: 404px;
|
|
1108
|
+
}
|
|
679
1109
|
.w-\[7px\] {
|
|
680
1110
|
width: 7px;
|
|
681
1111
|
}
|
|
1112
|
+
.w-\[96px\] {
|
|
1113
|
+
width: 96px;
|
|
1114
|
+
}
|
|
1115
|
+
.w-\[var\(--text-md\)\] {
|
|
1116
|
+
width: var(--text-md);
|
|
1117
|
+
}
|
|
1118
|
+
.w-\[var\(--text-sm\)\] {
|
|
1119
|
+
width: var(--text-sm);
|
|
1120
|
+
}
|
|
1121
|
+
.w-\[var\(--text-xl\)\] {
|
|
1122
|
+
width: var(--text-xl);
|
|
1123
|
+
}
|
|
1124
|
+
.w-\[var\(--text-xs\)\] {
|
|
1125
|
+
width: var(--text-xs);
|
|
1126
|
+
}
|
|
682
1127
|
.w-full {
|
|
683
1128
|
width: 100%;
|
|
684
1129
|
}
|
|
685
1130
|
.w-px {
|
|
686
1131
|
width: 1px;
|
|
687
1132
|
}
|
|
1133
|
+
.w-sm {
|
|
1134
|
+
width: var(--spacing-sm);
|
|
1135
|
+
}
|
|
1136
|
+
.w-xl {
|
|
1137
|
+
width: var(--spacing-xl);
|
|
1138
|
+
}
|
|
1139
|
+
.min-w-0 {
|
|
1140
|
+
min-width: 0px;
|
|
1141
|
+
}
|
|
688
1142
|
.min-w-\[100px\] {
|
|
689
1143
|
min-width: 100px;
|
|
690
1144
|
}
|
|
@@ -700,12 +1154,36 @@ video {
|
|
|
700
1154
|
.min-w-\[63\.6px\] {
|
|
701
1155
|
min-width: 63.6px;
|
|
702
1156
|
}
|
|
1157
|
+
.min-w-\[calc\(var\(--reka-select-trigger-width\)_-_15px\)\] {
|
|
1158
|
+
min-width: calc(var(--reka-select-trigger-width) - 15px);
|
|
1159
|
+
}
|
|
1160
|
+
.max-w-\[300px\] {
|
|
1161
|
+
max-width: 300px;
|
|
1162
|
+
}
|
|
1163
|
+
.max-w-\[400px\] {
|
|
1164
|
+
max-width: 400px;
|
|
1165
|
+
}
|
|
703
1166
|
.max-w-\[440px\] {
|
|
704
1167
|
max-width: 440px;
|
|
705
1168
|
}
|
|
1169
|
+
.max-w-\[500px\] {
|
|
1170
|
+
max-width: 500px;
|
|
1171
|
+
}
|
|
1172
|
+
.max-w-\[90\%\] {
|
|
1173
|
+
max-width: 90%;
|
|
1174
|
+
}
|
|
1175
|
+
.max-w-\[calc\(100\%-14px\)\] {
|
|
1176
|
+
max-width: calc(100% - 14px);
|
|
1177
|
+
}
|
|
706
1178
|
.max-w-full {
|
|
707
1179
|
max-width: 100%;
|
|
708
1180
|
}
|
|
1181
|
+
.max-w-lg {
|
|
1182
|
+
max-width: 512px;
|
|
1183
|
+
}
|
|
1184
|
+
.max-w-xl {
|
|
1185
|
+
max-width: 576px;
|
|
1186
|
+
}
|
|
709
1187
|
.flex-1 {
|
|
710
1188
|
flex: 1 1 0%;
|
|
711
1189
|
}
|
|
@@ -718,24 +1196,102 @@ video {
|
|
|
718
1196
|
.shrink-0 {
|
|
719
1197
|
flex-shrink: 0;
|
|
720
1198
|
}
|
|
1199
|
+
.flex-grow {
|
|
1200
|
+
flex-grow: 1;
|
|
1201
|
+
}
|
|
1202
|
+
.flex-grow-0 {
|
|
1203
|
+
flex-grow: 0;
|
|
1204
|
+
}
|
|
721
1205
|
.grow {
|
|
722
1206
|
flex-grow: 1;
|
|
723
1207
|
}
|
|
1208
|
+
.-translate-x-1\/2 {
|
|
1209
|
+
--tw-translate-x: -50%;
|
|
1210
|
+
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));
|
|
1211
|
+
}
|
|
1212
|
+
.-translate-y-1\/2 {
|
|
1213
|
+
--tw-translate-y: -50%;
|
|
1214
|
+
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));
|
|
1215
|
+
}
|
|
1216
|
+
.translate-x-0 {
|
|
1217
|
+
--tw-translate-x: 0px;
|
|
1218
|
+
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));
|
|
1219
|
+
}
|
|
1220
|
+
.translate-x-full {
|
|
1221
|
+
--tw-translate-x: 100%;
|
|
1222
|
+
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));
|
|
1223
|
+
}
|
|
1224
|
+
.translate-y-0 {
|
|
1225
|
+
--tw-translate-y: 0px;
|
|
1226
|
+
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));
|
|
1227
|
+
}
|
|
1228
|
+
.translate-y-1\/2 {
|
|
1229
|
+
--tw-translate-y: 50%;
|
|
1230
|
+
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));
|
|
1231
|
+
}
|
|
1232
|
+
.translate-y-4 {
|
|
1233
|
+
--tw-translate-y: 16px;
|
|
1234
|
+
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));
|
|
1235
|
+
}
|
|
1236
|
+
.translate-y-full {
|
|
1237
|
+
--tw-translate-y: 100%;
|
|
1238
|
+
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));
|
|
1239
|
+
}
|
|
1240
|
+
.rotate-180 {
|
|
1241
|
+
--tw-rotate: 180deg;
|
|
1242
|
+
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));
|
|
1243
|
+
}
|
|
724
1244
|
.transform {
|
|
725
1245
|
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));
|
|
726
1246
|
}
|
|
1247
|
+
@keyframes spin {
|
|
1248
|
+
to {
|
|
1249
|
+
transform: rotate(360deg);
|
|
1250
|
+
}
|
|
1251
|
+
}
|
|
1252
|
+
.animate-spin {
|
|
1253
|
+
animation: spin 1s linear infinite;
|
|
1254
|
+
}
|
|
1255
|
+
.cursor-default {
|
|
1256
|
+
cursor: default;
|
|
1257
|
+
}
|
|
727
1258
|
.cursor-pointer {
|
|
728
1259
|
cursor: pointer;
|
|
729
1260
|
}
|
|
1261
|
+
.select-none {
|
|
1262
|
+
-webkit-user-select: none;
|
|
1263
|
+
-moz-user-select: none;
|
|
1264
|
+
user-select: none;
|
|
1265
|
+
}
|
|
1266
|
+
.resize-y {
|
|
1267
|
+
resize: vertical;
|
|
1268
|
+
}
|
|
1269
|
+
.appearance-none {
|
|
1270
|
+
-webkit-appearance: none;
|
|
1271
|
+
-moz-appearance: none;
|
|
1272
|
+
appearance: none;
|
|
1273
|
+
}
|
|
1274
|
+
.grid-cols-2 {
|
|
1275
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
1276
|
+
}
|
|
730
1277
|
.flex-row {
|
|
731
1278
|
flex-direction: row;
|
|
732
1279
|
}
|
|
733
1280
|
.flex-col {
|
|
734
1281
|
flex-direction: column;
|
|
735
1282
|
}
|
|
1283
|
+
.flex-wrap {
|
|
1284
|
+
flex-wrap: wrap;
|
|
1285
|
+
}
|
|
1286
|
+
.place-items-center {
|
|
1287
|
+
place-items: center;
|
|
1288
|
+
}
|
|
736
1289
|
.items-start {
|
|
737
1290
|
align-items: flex-start;
|
|
738
1291
|
}
|
|
1292
|
+
.items-end {
|
|
1293
|
+
align-items: flex-end;
|
|
1294
|
+
}
|
|
739
1295
|
.items-center {
|
|
740
1296
|
align-items: center;
|
|
741
1297
|
}
|
|
@@ -754,59 +1310,85 @@ video {
|
|
|
754
1310
|
.justify-between {
|
|
755
1311
|
justify-content: space-between;
|
|
756
1312
|
}
|
|
1313
|
+
.justify-stretch {
|
|
1314
|
+
justify-content: stretch;
|
|
1315
|
+
}
|
|
757
1316
|
.gap-0 {
|
|
758
1317
|
gap: 0px;
|
|
759
1318
|
}
|
|
760
1319
|
.gap-0\.5 {
|
|
761
|
-
gap:
|
|
1320
|
+
gap: 2px;
|
|
762
1321
|
}
|
|
763
1322
|
.gap-1 {
|
|
764
|
-
gap:
|
|
1323
|
+
gap: 4px;
|
|
765
1324
|
}
|
|
766
1325
|
.gap-1\.5 {
|
|
767
|
-
gap:
|
|
1326
|
+
gap: 6px;
|
|
768
1327
|
}
|
|
769
1328
|
.gap-2 {
|
|
770
|
-
gap:
|
|
771
|
-
}
|
|
772
|
-
.gap-2\.5 {
|
|
773
|
-
gap: 0.625rem;
|
|
1329
|
+
gap: 8px;
|
|
774
1330
|
}
|
|
775
1331
|
.gap-3 {
|
|
776
|
-
gap:
|
|
1332
|
+
gap: 12px;
|
|
777
1333
|
}
|
|
778
1334
|
.gap-4 {
|
|
779
|
-
gap:
|
|
1335
|
+
gap: 16px;
|
|
780
1336
|
}
|
|
781
1337
|
.gap-5 {
|
|
782
|
-
gap:
|
|
1338
|
+
gap: 20px;
|
|
783
1339
|
}
|
|
784
1340
|
.gap-6 {
|
|
785
|
-
gap:
|
|
1341
|
+
gap: 24px;
|
|
786
1342
|
}
|
|
787
1343
|
.gap-\[11px\] {
|
|
788
1344
|
gap: 11px;
|
|
789
1345
|
}
|
|
1346
|
+
.gap-\[2px\] {
|
|
1347
|
+
gap: 2px;
|
|
1348
|
+
}
|
|
790
1349
|
.gap-\[5px\] {
|
|
791
1350
|
gap: 5px;
|
|
792
1351
|
}
|
|
1352
|
+
.gap-lg {
|
|
1353
|
+
gap: var(--spacing-lg);
|
|
1354
|
+
}
|
|
1355
|
+
.gap-md {
|
|
1356
|
+
gap: var(--spacing-md);
|
|
1357
|
+
}
|
|
793
1358
|
.gap-px {
|
|
794
1359
|
gap: 1px;
|
|
795
1360
|
}
|
|
1361
|
+
.gap-sm {
|
|
1362
|
+
gap: var(--spacing-sm);
|
|
1363
|
+
}
|
|
1364
|
+
.gap-xl {
|
|
1365
|
+
gap: var(--spacing-xl);
|
|
1366
|
+
}
|
|
1367
|
+
.gap-xs {
|
|
1368
|
+
gap: var(--spacing-xs);
|
|
1369
|
+
}
|
|
1370
|
+
.gap-y-md {
|
|
1371
|
+
row-gap: var(--spacing-md);
|
|
1372
|
+
}
|
|
1373
|
+
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
|
|
1374
|
+
--tw-space-x-reverse: 0;
|
|
1375
|
+
margin-right: calc(8px * var(--tw-space-x-reverse));
|
|
1376
|
+
margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse)));
|
|
1377
|
+
}
|
|
796
1378
|
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
|
|
797
1379
|
--tw-space-x-reverse: 0;
|
|
798
|
-
margin-right: calc(
|
|
799
|
-
margin-left: calc(
|
|
1380
|
+
margin-right: calc(12px * var(--tw-space-x-reverse));
|
|
1381
|
+
margin-left: calc(12px * calc(1 - var(--tw-space-x-reverse)));
|
|
800
1382
|
}
|
|
801
1383
|
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
|
|
802
1384
|
--tw-space-y-reverse: 0;
|
|
803
|
-
margin-top: calc(
|
|
804
|
-
margin-bottom: calc(
|
|
1385
|
+
margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
|
|
1386
|
+
margin-bottom: calc(8px * var(--tw-space-y-reverse));
|
|
805
1387
|
}
|
|
806
1388
|
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
|
|
807
1389
|
--tw-space-y-reverse: 0;
|
|
808
|
-
margin-top: calc(
|
|
809
|
-
margin-bottom: calc(
|
|
1390
|
+
margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
|
|
1391
|
+
margin-bottom: calc(16px * var(--tw-space-y-reverse));
|
|
810
1392
|
}
|
|
811
1393
|
.self-start {
|
|
812
1394
|
align-self: flex-start;
|
|
@@ -814,23 +1396,35 @@ video {
|
|
|
814
1396
|
.self-end {
|
|
815
1397
|
align-self: flex-end;
|
|
816
1398
|
}
|
|
1399
|
+
.self-stretch {
|
|
1400
|
+
align-self: stretch;
|
|
1401
|
+
}
|
|
817
1402
|
.overflow-hidden {
|
|
818
1403
|
overflow: hidden;
|
|
819
1404
|
}
|
|
820
1405
|
.overflow-y-auto {
|
|
821
1406
|
overflow-y: auto;
|
|
822
1407
|
}
|
|
1408
|
+
.overflow-x-hidden {
|
|
1409
|
+
overflow-x: hidden;
|
|
1410
|
+
}
|
|
1411
|
+
.text-ellipsis {
|
|
1412
|
+
text-overflow: ellipsis;
|
|
1413
|
+
}
|
|
823
1414
|
.whitespace-nowrap {
|
|
824
1415
|
white-space: nowrap;
|
|
825
1416
|
}
|
|
826
1417
|
.whitespace-pre {
|
|
827
1418
|
white-space: pre;
|
|
828
1419
|
}
|
|
1420
|
+
.break-words {
|
|
1421
|
+
overflow-wrap: break-word;
|
|
1422
|
+
}
|
|
829
1423
|
.break-all {
|
|
830
1424
|
word-break: break-all;
|
|
831
1425
|
}
|
|
832
1426
|
.rounded {
|
|
833
|
-
border-radius:
|
|
1427
|
+
border-radius: 4px;
|
|
834
1428
|
}
|
|
835
1429
|
.rounded-\[102\.25px\] {
|
|
836
1430
|
border-radius: 102.25px;
|
|
@@ -859,40 +1453,94 @@ video {
|
|
|
859
1453
|
.rounded-\[6\.8px\] {
|
|
860
1454
|
border-radius: 6.8px;
|
|
861
1455
|
}
|
|
862
|
-
.rounded
|
|
1456
|
+
.rounded-\[9999px\] {
|
|
863
1457
|
border-radius: 9999px;
|
|
864
1458
|
}
|
|
1459
|
+
.rounded-buttons {
|
|
1460
|
+
border-radius: var(--buttons-rounding);
|
|
1461
|
+
}
|
|
1462
|
+
.rounded-card-1 {
|
|
1463
|
+
border-radius: var(--card-radius-1);
|
|
1464
|
+
}
|
|
1465
|
+
.rounded-full {
|
|
1466
|
+
border-radius: var(--radius-full);
|
|
1467
|
+
}
|
|
865
1468
|
.rounded-lg {
|
|
866
|
-
border-radius:
|
|
1469
|
+
border-radius: var(--radius-lg);
|
|
867
1470
|
}
|
|
868
1471
|
.rounded-md {
|
|
869
|
-
border-radius:
|
|
1472
|
+
border-radius: var(--radius-md);
|
|
870
1473
|
}
|
|
871
1474
|
.rounded-sm {
|
|
872
|
-
border-radius:
|
|
1475
|
+
border-radius: var(--radius-sm);
|
|
1476
|
+
}
|
|
1477
|
+
.rounded-thumbnail {
|
|
1478
|
+
border-radius: var(--thumbnail-rounding);
|
|
1479
|
+
}
|
|
1480
|
+
.rounded-xs {
|
|
1481
|
+
border-radius: var(--radius-xs);
|
|
1482
|
+
}
|
|
1483
|
+
.\!rounded-l-none {
|
|
1484
|
+
border-top-left-radius: var(--radius-none) !important;
|
|
1485
|
+
border-bottom-left-radius: var(--radius-none) !important;
|
|
1486
|
+
}
|
|
1487
|
+
.\!rounded-r-none {
|
|
1488
|
+
border-top-right-radius: var(--radius-none) !important;
|
|
1489
|
+
border-bottom-right-radius: var(--radius-none) !important;
|
|
1490
|
+
}
|
|
1491
|
+
.rounded-l-xs {
|
|
1492
|
+
border-top-left-radius: var(--radius-xs);
|
|
1493
|
+
border-bottom-left-radius: var(--radius-xs);
|
|
873
1494
|
}
|
|
874
1495
|
.rounded-r-lg {
|
|
875
|
-
border-top-right-radius:
|
|
876
|
-
border-bottom-right-radius:
|
|
1496
|
+
border-top-right-radius: var(--radius-lg);
|
|
1497
|
+
border-bottom-right-radius: var(--radius-lg);
|
|
1498
|
+
}
|
|
1499
|
+
.rounded-r-xs {
|
|
1500
|
+
border-top-right-radius: var(--radius-xs);
|
|
1501
|
+
border-bottom-right-radius: var(--radius-xs);
|
|
877
1502
|
}
|
|
878
1503
|
.border {
|
|
879
1504
|
border-width: 1px;
|
|
880
1505
|
}
|
|
1506
|
+
.border-0 {
|
|
1507
|
+
border-width: 0px;
|
|
1508
|
+
}
|
|
881
1509
|
.border-2 {
|
|
882
1510
|
border-width: 2px;
|
|
883
1511
|
}
|
|
884
1512
|
.border-\[0\.5px\] {
|
|
885
1513
|
border-width: 0.5px;
|
|
886
1514
|
}
|
|
1515
|
+
.border-x-0 {
|
|
1516
|
+
border-left-width: 0px;
|
|
1517
|
+
border-right-width: 0px;
|
|
1518
|
+
}
|
|
1519
|
+
.border-y {
|
|
1520
|
+
border-top-width: 1px;
|
|
1521
|
+
border-bottom-width: 1px;
|
|
1522
|
+
}
|
|
1523
|
+
.border-b {
|
|
1524
|
+
border-bottom-width: 1px;
|
|
1525
|
+
}
|
|
1526
|
+
.border-l-0 {
|
|
1527
|
+
border-left-width: 0px;
|
|
1528
|
+
}
|
|
887
1529
|
.border-l-4 {
|
|
888
1530
|
border-left-width: 4px;
|
|
889
1531
|
}
|
|
1532
|
+
.border-r-0 {
|
|
1533
|
+
border-right-width: 0px;
|
|
1534
|
+
}
|
|
890
1535
|
.border-t {
|
|
891
1536
|
border-top-width: 1px;
|
|
892
1537
|
}
|
|
893
1538
|
.border-solid {
|
|
894
1539
|
border-style: solid;
|
|
895
1540
|
}
|
|
1541
|
+
.border-none {
|
|
1542
|
+
border-style: none;
|
|
1543
|
+
}
|
|
896
1544
|
.border-\[\#D1D5DB\] {
|
|
897
1545
|
--tw-border-opacity: 1;
|
|
898
1546
|
border-color: rgb(209 213 219 / var(--tw-border-opacity));
|
|
@@ -917,13 +1565,34 @@ video {
|
|
|
917
1565
|
.border-\[var\(--copy-border\)\] {
|
|
918
1566
|
border-color: var(--copy-border);
|
|
919
1567
|
}
|
|
1568
|
+
.border-\[var\(--error-300\)\] {
|
|
1569
|
+
border-color: var(--error-300);
|
|
1570
|
+
}
|
|
1571
|
+
.border-\[var\(--info-300\)\] {
|
|
1572
|
+
border-color: var(--info-300);
|
|
1573
|
+
}
|
|
920
1574
|
.border-\[var\(--input-border\)\] {
|
|
921
1575
|
border-color: var(--input-border);
|
|
922
1576
|
}
|
|
1577
|
+
.border-\[var\(--success-600\)\] {
|
|
1578
|
+
border-color: var(--success-600);
|
|
1579
|
+
}
|
|
1580
|
+
.border-\[var\(--tint-300\)\] {
|
|
1581
|
+
border-color: var(--tint-300);
|
|
1582
|
+
}
|
|
1583
|
+
.border-\[var\(--warning-600\)\] {
|
|
1584
|
+
border-color: var(--warning-600);
|
|
1585
|
+
}
|
|
1586
|
+
.border-accent-700 {
|
|
1587
|
+
border-color: var(--accent-700);
|
|
1588
|
+
}
|
|
923
1589
|
.border-blue-200 {
|
|
924
1590
|
--tw-border-opacity: 1;
|
|
925
1591
|
border-color: rgb(191 219 254 / var(--tw-border-opacity));
|
|
926
1592
|
}
|
|
1593
|
+
.border-callout-600 {
|
|
1594
|
+
border-color: var(--callout-600);
|
|
1595
|
+
}
|
|
927
1596
|
.border-gray-300 {
|
|
928
1597
|
--tw-border-opacity: 1;
|
|
929
1598
|
border-color: rgb(209 213 219 / var(--tw-border-opacity));
|
|
@@ -948,17 +1617,45 @@ video {
|
|
|
948
1617
|
--tw-border-opacity: 1;
|
|
949
1618
|
border-color: rgb(254 202 202 / var(--tw-border-opacity));
|
|
950
1619
|
}
|
|
1620
|
+
.border-red-500 {
|
|
1621
|
+
--tw-border-opacity: 1;
|
|
1622
|
+
border-color: rgb(239 68 68 / var(--tw-border-opacity));
|
|
1623
|
+
}
|
|
1624
|
+
.border-secondary-100 {
|
|
1625
|
+
border-color: var(--secondary-100);
|
|
1626
|
+
}
|
|
1627
|
+
.border-tint-200 {
|
|
1628
|
+
border-color: var(--tint-200);
|
|
1629
|
+
}
|
|
1630
|
+
.border-tint-300 {
|
|
1631
|
+
border-color: var(--tint-300);
|
|
1632
|
+
}
|
|
1633
|
+
.border-tint-600 {
|
|
1634
|
+
border-color: var(--tint-600);
|
|
1635
|
+
}
|
|
1636
|
+
.border-tint-800 {
|
|
1637
|
+
border-color: var(--tint-800);
|
|
1638
|
+
}
|
|
1639
|
+
.border-transparent {
|
|
1640
|
+
border-color: transparent;
|
|
1641
|
+
}
|
|
951
1642
|
.border-l-blue-600 {
|
|
952
1643
|
--tw-border-opacity: 1;
|
|
953
1644
|
border-left-color: rgb(37 99 235 / var(--tw-border-opacity));
|
|
954
1645
|
}
|
|
955
|
-
.
|
|
1646
|
+
.border-t-tint-600 {
|
|
1647
|
+
border-top-color: var(--tint-600);
|
|
1648
|
+
}
|
|
1649
|
+
.bg-\[\#2F3234\] {
|
|
956
1650
|
--tw-bg-opacity: 1;
|
|
957
|
-
background-color: rgb(
|
|
1651
|
+
background-color: rgb(47 50 52 / var(--tw-bg-opacity));
|
|
958
1652
|
}
|
|
959
|
-
.bg-\[\#
|
|
1653
|
+
.bg-\[\#2f3234\]\/10 {
|
|
1654
|
+
background-color: rgb(47 50 52 / 0.1);
|
|
1655
|
+
}
|
|
1656
|
+
.bg-\[\#3D3D3D\] {
|
|
960
1657
|
--tw-bg-opacity: 1;
|
|
961
|
-
background-color: rgb(
|
|
1658
|
+
background-color: rgb(61 61 61 / var(--tw-bg-opacity));
|
|
962
1659
|
}
|
|
963
1660
|
.bg-\[\#D9D9D9\] {
|
|
964
1661
|
--tw-bg-opacity: 1;
|
|
@@ -972,6 +1669,10 @@ video {
|
|
|
972
1669
|
--tw-bg-opacity: 1;
|
|
973
1670
|
background-color: rgb(250 250 250 / var(--tw-bg-opacity));
|
|
974
1671
|
}
|
|
1672
|
+
.bg-\[\#f0f0f0\] {
|
|
1673
|
+
--tw-bg-opacity: 1;
|
|
1674
|
+
background-color: rgb(240 240 240 / var(--tw-bg-opacity));
|
|
1675
|
+
}
|
|
975
1676
|
.bg-\[var\(--active-bg\)\] {
|
|
976
1677
|
background-color: var(--active-bg);
|
|
977
1678
|
}
|
|
@@ -981,12 +1682,29 @@ video {
|
|
|
981
1682
|
.bg-\[var\(--code-bg\)\] {
|
|
982
1683
|
background-color: var(--code-bg);
|
|
983
1684
|
}
|
|
1685
|
+
.bg-\[var\(--error-50\)\] {
|
|
1686
|
+
background-color: var(--error-50);
|
|
1687
|
+
}
|
|
1688
|
+
.bg-\[var\(--info-50\)\] {
|
|
1689
|
+
background-color: var(--info-50);
|
|
1690
|
+
}
|
|
984
1691
|
.bg-\[var\(--primary\)\] {
|
|
985
1692
|
background-color: var(--primary);
|
|
986
1693
|
}
|
|
1694
|
+
.bg-\[var\(--success-50\)\] {
|
|
1695
|
+
background-color: var(--success-50);
|
|
1696
|
+
}
|
|
1697
|
+
.bg-\[var\(--tint-100\)\] {
|
|
1698
|
+
background-color: var(--tint-100);
|
|
1699
|
+
}
|
|
1700
|
+
.bg-\[var\(--warning-50\)\] {
|
|
1701
|
+
background-color: var(--warning-50);
|
|
1702
|
+
}
|
|
1703
|
+
.bg-accent-700 {
|
|
1704
|
+
background-color: var(--accent-700);
|
|
1705
|
+
}
|
|
987
1706
|
.bg-black {
|
|
988
|
-
|
|
989
|
-
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
|
|
1707
|
+
background-color: var(--black);
|
|
990
1708
|
}
|
|
991
1709
|
.bg-blue-50 {
|
|
992
1710
|
--tw-bg-opacity: 1;
|
|
@@ -996,10 +1714,23 @@ video {
|
|
|
996
1714
|
--tw-bg-opacity: 1;
|
|
997
1715
|
background-color: rgb(37 99 235 / var(--tw-bg-opacity));
|
|
998
1716
|
}
|
|
1717
|
+
.bg-callout-200 {
|
|
1718
|
+
background-color: var(--callout-200);
|
|
1719
|
+
}
|
|
1720
|
+
.bg-callout-300 {
|
|
1721
|
+
background-color: var(--callout-300);
|
|
1722
|
+
}
|
|
1723
|
+
.bg-current {
|
|
1724
|
+
background-color: currentColor;
|
|
1725
|
+
}
|
|
999
1726
|
.bg-gray-100 {
|
|
1000
1727
|
--tw-bg-opacity: 1;
|
|
1001
1728
|
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
|
1002
1729
|
}
|
|
1730
|
+
.bg-gray-200 {
|
|
1731
|
+
--tw-bg-opacity: 1;
|
|
1732
|
+
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
|
1733
|
+
}
|
|
1003
1734
|
.bg-green-100 {
|
|
1004
1735
|
--tw-bg-opacity: 1;
|
|
1005
1736
|
background-color: rgb(220 252 231 / var(--tw-bg-opacity));
|
|
@@ -1024,12 +1755,32 @@ video {
|
|
|
1024
1755
|
--tw-bg-opacity: 1;
|
|
1025
1756
|
background-color: rgb(254 242 242 / var(--tw-bg-opacity));
|
|
1026
1757
|
}
|
|
1758
|
+
.bg-secondary-white {
|
|
1759
|
+
background-color: var(--secondary-white);
|
|
1760
|
+
}
|
|
1761
|
+
.bg-tint-100 {
|
|
1762
|
+
background-color: var(--tint-100);
|
|
1763
|
+
}
|
|
1764
|
+
.bg-tint-200 {
|
|
1765
|
+
background-color: var(--tint-200);
|
|
1766
|
+
}
|
|
1767
|
+
.bg-tint-25 {
|
|
1768
|
+
background-color: var(--tint-25);
|
|
1769
|
+
}
|
|
1770
|
+
.bg-tint-300 {
|
|
1771
|
+
background-color: var(--tint-300);
|
|
1772
|
+
}
|
|
1773
|
+
.bg-tint-50 {
|
|
1774
|
+
background-color: var(--tint-50);
|
|
1775
|
+
}
|
|
1027
1776
|
.bg-transparent {
|
|
1028
1777
|
background-color: transparent;
|
|
1029
1778
|
}
|
|
1030
1779
|
.bg-white {
|
|
1031
|
-
|
|
1032
|
-
|
|
1780
|
+
background-color: var(--white);
|
|
1781
|
+
}
|
|
1782
|
+
.bg-opacity-10 {
|
|
1783
|
+
--tw-bg-opacity: 0.1;
|
|
1033
1784
|
}
|
|
1034
1785
|
.bg-opacity-50 {
|
|
1035
1786
|
--tw-bg-opacity: 0.5;
|
|
@@ -1059,7 +1810,10 @@ video {
|
|
|
1059
1810
|
--tw-gradient-to: #f0fdf4 var(--tw-gradient-to-position);
|
|
1060
1811
|
}
|
|
1061
1812
|
.to-white {
|
|
1062
|
-
--tw-gradient-to:
|
|
1813
|
+
--tw-gradient-to: var(--white) var(--tw-gradient-to-position);
|
|
1814
|
+
}
|
|
1815
|
+
.fill-current {
|
|
1816
|
+
fill: currentColor;
|
|
1063
1817
|
}
|
|
1064
1818
|
.object-cover {
|
|
1065
1819
|
-o-object-fit: cover;
|
|
@@ -1069,49 +1823,62 @@ video {
|
|
|
1069
1823
|
padding: 0px;
|
|
1070
1824
|
}
|
|
1071
1825
|
.p-2 {
|
|
1072
|
-
padding:
|
|
1826
|
+
padding: 8px;
|
|
1073
1827
|
}
|
|
1074
1828
|
.p-2\.5 {
|
|
1075
|
-
padding:
|
|
1829
|
+
padding: 10px;
|
|
1076
1830
|
}
|
|
1077
1831
|
.p-3 {
|
|
1078
|
-
padding:
|
|
1832
|
+
padding: 12px;
|
|
1079
1833
|
}
|
|
1080
1834
|
.p-4 {
|
|
1081
|
-
padding:
|
|
1835
|
+
padding: 16px;
|
|
1082
1836
|
}
|
|
1083
1837
|
.p-5 {
|
|
1084
|
-
padding:
|
|
1838
|
+
padding: 20px;
|
|
1085
1839
|
}
|
|
1086
1840
|
.p-6 {
|
|
1087
|
-
padding:
|
|
1841
|
+
padding: 24px;
|
|
1088
1842
|
}
|
|
1089
1843
|
.p-\[6px\] {
|
|
1090
1844
|
padding: 6px;
|
|
1091
1845
|
}
|
|
1092
|
-
.
|
|
1093
|
-
padding
|
|
1094
|
-
|
|
1846
|
+
.p-lg {
|
|
1847
|
+
padding: var(--padding-lg);
|
|
1848
|
+
}
|
|
1849
|
+
.p-md {
|
|
1850
|
+
padding: var(--padding-md);
|
|
1851
|
+
}
|
|
1852
|
+
.p-sm {
|
|
1853
|
+
padding: var(--padding-sm);
|
|
1095
1854
|
}
|
|
1096
|
-
.px-
|
|
1097
|
-
padding-left:
|
|
1098
|
-
padding-right:
|
|
1855
|
+
.px-0 {
|
|
1856
|
+
padding-left: 0px;
|
|
1857
|
+
padding-right: 0px;
|
|
1858
|
+
}
|
|
1859
|
+
.px-1 {
|
|
1860
|
+
padding-left: 4px;
|
|
1861
|
+
padding-right: 4px;
|
|
1099
1862
|
}
|
|
1100
1863
|
.px-2 {
|
|
1101
|
-
padding-left:
|
|
1102
|
-
padding-right:
|
|
1864
|
+
padding-left: 8px;
|
|
1865
|
+
padding-right: 8px;
|
|
1866
|
+
}
|
|
1867
|
+
.px-2xl {
|
|
1868
|
+
padding-left: var(--padding-2xl);
|
|
1869
|
+
padding-right: var(--padding-2xl);
|
|
1103
1870
|
}
|
|
1104
1871
|
.px-3 {
|
|
1105
|
-
padding-left:
|
|
1106
|
-
padding-right:
|
|
1872
|
+
padding-left: 12px;
|
|
1873
|
+
padding-right: 12px;
|
|
1107
1874
|
}
|
|
1108
1875
|
.px-4 {
|
|
1109
|
-
padding-left:
|
|
1110
|
-
padding-right:
|
|
1876
|
+
padding-left: 16px;
|
|
1877
|
+
padding-right: 16px;
|
|
1111
1878
|
}
|
|
1112
1879
|
.px-6 {
|
|
1113
|
-
padding-left:
|
|
1114
|
-
padding-right:
|
|
1880
|
+
padding-left: 24px;
|
|
1881
|
+
padding-right: 24px;
|
|
1115
1882
|
}
|
|
1116
1883
|
.px-\[10px\] {
|
|
1117
1884
|
padding-left: 10px;
|
|
@@ -1125,21 +1892,61 @@ video {
|
|
|
1125
1892
|
padding-left: 9px;
|
|
1126
1893
|
padding-right: 9px;
|
|
1127
1894
|
}
|
|
1895
|
+
.px-\[var\(--padding-sm\)\] {
|
|
1896
|
+
padding-left: var(--padding-sm);
|
|
1897
|
+
padding-right: var(--padding-sm);
|
|
1898
|
+
}
|
|
1899
|
+
.px-\[var\(--padding-xs\)\] {
|
|
1900
|
+
padding-left: var(--padding-xs);
|
|
1901
|
+
padding-right: var(--padding-xs);
|
|
1902
|
+
}
|
|
1903
|
+
.px-lg {
|
|
1904
|
+
padding-left: var(--padding-lg);
|
|
1905
|
+
padding-right: var(--padding-lg);
|
|
1906
|
+
}
|
|
1907
|
+
.px-md {
|
|
1908
|
+
padding-left: var(--padding-md);
|
|
1909
|
+
padding-right: var(--padding-md);
|
|
1910
|
+
}
|
|
1911
|
+
.px-sm {
|
|
1912
|
+
padding-left: var(--padding-sm);
|
|
1913
|
+
padding-right: var(--padding-sm);
|
|
1914
|
+
}
|
|
1915
|
+
.px-xl {
|
|
1916
|
+
padding-left: var(--padding-xl);
|
|
1917
|
+
padding-right: var(--padding-xl);
|
|
1918
|
+
}
|
|
1919
|
+
.px-xs {
|
|
1920
|
+
padding-left: var(--padding-xs);
|
|
1921
|
+
padding-right: var(--padding-xs);
|
|
1922
|
+
}
|
|
1128
1923
|
.py-0 {
|
|
1129
1924
|
padding-top: 0px;
|
|
1130
1925
|
padding-bottom: 0px;
|
|
1131
1926
|
}
|
|
1927
|
+
.py-0\.5 {
|
|
1928
|
+
padding-top: 2px;
|
|
1929
|
+
padding-bottom: 2px;
|
|
1930
|
+
}
|
|
1132
1931
|
.py-1 {
|
|
1133
|
-
padding-top:
|
|
1134
|
-
padding-bottom:
|
|
1932
|
+
padding-top: 4px;
|
|
1933
|
+
padding-bottom: 4px;
|
|
1135
1934
|
}
|
|
1136
1935
|
.py-2 {
|
|
1137
|
-
padding-top:
|
|
1138
|
-
padding-bottom:
|
|
1936
|
+
padding-top: 8px;
|
|
1937
|
+
padding-bottom: 8px;
|
|
1938
|
+
}
|
|
1939
|
+
.py-2xl {
|
|
1940
|
+
padding-top: var(--padding-2xl);
|
|
1941
|
+
padding-bottom: var(--padding-2xl);
|
|
1139
1942
|
}
|
|
1140
1943
|
.py-3 {
|
|
1141
|
-
padding-top:
|
|
1142
|
-
padding-bottom:
|
|
1944
|
+
padding-top: 12px;
|
|
1945
|
+
padding-bottom: 12px;
|
|
1946
|
+
}
|
|
1947
|
+
.py-4 {
|
|
1948
|
+
padding-top: 16px;
|
|
1949
|
+
padding-bottom: 16px;
|
|
1143
1950
|
}
|
|
1144
1951
|
.py-\[5\.5px\] {
|
|
1145
1952
|
padding-top: 5.5px;
|
|
@@ -1161,23 +1968,116 @@ video {
|
|
|
1161
1968
|
padding-top: 9.5px;
|
|
1162
1969
|
padding-bottom: 9.5px;
|
|
1163
1970
|
}
|
|
1971
|
+
.py-\[var\(--padding-xs\)\] {
|
|
1972
|
+
padding-top: var(--padding-xs);
|
|
1973
|
+
padding-bottom: var(--padding-xs);
|
|
1974
|
+
}
|
|
1975
|
+
.py-lg {
|
|
1976
|
+
padding-top: var(--padding-lg);
|
|
1977
|
+
padding-bottom: var(--padding-lg);
|
|
1978
|
+
}
|
|
1979
|
+
.py-md {
|
|
1980
|
+
padding-top: var(--padding-md);
|
|
1981
|
+
padding-bottom: var(--padding-md);
|
|
1982
|
+
}
|
|
1983
|
+
.py-sm {
|
|
1984
|
+
padding-top: var(--padding-sm);
|
|
1985
|
+
padding-bottom: var(--padding-sm);
|
|
1986
|
+
}
|
|
1987
|
+
.py-xl {
|
|
1988
|
+
padding-top: var(--padding-xl);
|
|
1989
|
+
padding-bottom: var(--padding-xl);
|
|
1990
|
+
}
|
|
1991
|
+
.py-xs {
|
|
1992
|
+
padding-top: var(--padding-xs);
|
|
1993
|
+
padding-bottom: var(--padding-xs);
|
|
1994
|
+
}
|
|
1995
|
+
.pb-sm {
|
|
1996
|
+
padding-bottom: var(--padding-sm);
|
|
1997
|
+
}
|
|
1998
|
+
.pl-1 {
|
|
1999
|
+
padding-left: 4px;
|
|
2000
|
+
}
|
|
2001
|
+
.pl-2 {
|
|
2002
|
+
padding-left: 8px;
|
|
2003
|
+
}
|
|
1164
2004
|
.pl-3 {
|
|
1165
|
-
padding-left:
|
|
2005
|
+
padding-left: 12px;
|
|
2006
|
+
}
|
|
2007
|
+
.pl-5 {
|
|
2008
|
+
padding-left: 20px;
|
|
2009
|
+
}
|
|
2010
|
+
.pl-8 {
|
|
2011
|
+
padding-left: 32px;
|
|
2012
|
+
}
|
|
2013
|
+
.pl-9 {
|
|
2014
|
+
padding-left: 36px;
|
|
1166
2015
|
}
|
|
1167
2016
|
.pl-\[3px\] {
|
|
1168
2017
|
padding-left: 3px;
|
|
1169
2018
|
}
|
|
2019
|
+
.pl-lg {
|
|
2020
|
+
padding-left: var(--padding-lg);
|
|
2021
|
+
}
|
|
2022
|
+
.pl-xl {
|
|
2023
|
+
padding-left: var(--padding-xl);
|
|
2024
|
+
}
|
|
2025
|
+
.pr-10 {
|
|
2026
|
+
padding-right: 40px;
|
|
2027
|
+
}
|
|
1170
2028
|
.pr-2 {
|
|
1171
|
-
padding-right:
|
|
2029
|
+
padding-right: 8px;
|
|
2030
|
+
}
|
|
2031
|
+
.pr-3 {
|
|
2032
|
+
padding-right: 12px;
|
|
2033
|
+
}
|
|
2034
|
+
.pr-8 {
|
|
2035
|
+
padding-right: 32px;
|
|
2036
|
+
}
|
|
2037
|
+
.pr-\[32px\] {
|
|
2038
|
+
padding-right: 32px;
|
|
1172
2039
|
}
|
|
1173
2040
|
.pr-\[8\.5px\] {
|
|
1174
2041
|
padding-right: 8.5px;
|
|
1175
2042
|
}
|
|
2043
|
+
.pr-lg {
|
|
2044
|
+
padding-right: var(--padding-lg);
|
|
2045
|
+
}
|
|
1176
2046
|
.pt-2 {
|
|
1177
|
-
padding-top:
|
|
2047
|
+
padding-top: 8px;
|
|
1178
2048
|
}
|
|
1179
2049
|
.pt-4 {
|
|
1180
|
-
padding-top:
|
|
2050
|
+
padding-top: 16px;
|
|
2051
|
+
}
|
|
2052
|
+
.pt-8 {
|
|
2053
|
+
padding-top: 32px;
|
|
2054
|
+
}
|
|
2055
|
+
.pt-lg {
|
|
2056
|
+
padding-top: var(--padding-lg);
|
|
2057
|
+
}
|
|
2058
|
+
.pt-md {
|
|
2059
|
+
padding-top: var(--padding-md);
|
|
2060
|
+
}
|
|
2061
|
+
.text-left {
|
|
2062
|
+
text-align: left;
|
|
2063
|
+
}
|
|
2064
|
+
.text-center {
|
|
2065
|
+
text-align: center;
|
|
2066
|
+
}
|
|
2067
|
+
.text-start {
|
|
2068
|
+
text-align: start;
|
|
2069
|
+
}
|
|
2070
|
+
.align-baseline {
|
|
2071
|
+
vertical-align: baseline;
|
|
2072
|
+
}
|
|
2073
|
+
.align-middle {
|
|
2074
|
+
vertical-align: middle;
|
|
2075
|
+
}
|
|
2076
|
+
.font-mono {
|
|
2077
|
+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
2078
|
+
}
|
|
2079
|
+
.text-2xl {
|
|
2080
|
+
font-size: var(--text-2xl);
|
|
1181
2081
|
}
|
|
1182
2082
|
.text-\[10px\] {
|
|
1183
2083
|
font-size: 10px;
|
|
@@ -1203,28 +2103,34 @@ video {
|
|
|
1203
2103
|
.text-\[9px\] {
|
|
1204
2104
|
font-size: 9px;
|
|
1205
2105
|
}
|
|
2106
|
+
.text-\[calc\(var\(--font-size\)\*1\.125\)\] {
|
|
2107
|
+
font-size: calc(var(--font-size) * 1.125);
|
|
2108
|
+
}
|
|
1206
2109
|
.text-base {
|
|
1207
|
-
font-size:
|
|
1208
|
-
line-height:
|
|
2110
|
+
font-size: 16px;
|
|
2111
|
+
line-height: 24px;
|
|
1209
2112
|
}
|
|
1210
2113
|
.text-lg {
|
|
1211
|
-
font-size:
|
|
1212
|
-
|
|
2114
|
+
font-size: var(--text-lg);
|
|
2115
|
+
}
|
|
2116
|
+
.text-md {
|
|
2117
|
+
font-size: var(--text-md);
|
|
1213
2118
|
}
|
|
1214
2119
|
.text-sm {
|
|
1215
|
-
font-size:
|
|
1216
|
-
|
|
2120
|
+
font-size: var(--text-sm);
|
|
2121
|
+
}
|
|
2122
|
+
.text-xl {
|
|
2123
|
+
font-size: var(--text-xl);
|
|
1217
2124
|
}
|
|
1218
2125
|
.text-xs {
|
|
1219
|
-
font-size:
|
|
1220
|
-
|
|
2126
|
+
font-size: var(--text-xs);
|
|
2127
|
+
}
|
|
2128
|
+
.font-\[500\] {
|
|
2129
|
+
font-weight: 500;
|
|
1221
2130
|
}
|
|
1222
2131
|
.font-\[540\] {
|
|
1223
2132
|
font-weight: 540;
|
|
1224
2133
|
}
|
|
1225
|
-
.font-\[var\(--font-weight-common\)\] {
|
|
1226
|
-
font-weight: var(--font-weight-common);
|
|
1227
|
-
}
|
|
1228
2134
|
.font-bold {
|
|
1229
2135
|
font-weight: 700;
|
|
1230
2136
|
}
|
|
@@ -1237,21 +2143,72 @@ video {
|
|
|
1237
2143
|
.uppercase {
|
|
1238
2144
|
text-transform: uppercase;
|
|
1239
2145
|
}
|
|
2146
|
+
.leading-4 {
|
|
2147
|
+
line-height: 16px;
|
|
2148
|
+
}
|
|
2149
|
+
.leading-5 {
|
|
2150
|
+
line-height: 20px;
|
|
2151
|
+
}
|
|
1240
2152
|
.leading-7 {
|
|
1241
|
-
line-height:
|
|
2153
|
+
line-height: 28px;
|
|
2154
|
+
}
|
|
2155
|
+
.leading-\[1\.17\] {
|
|
2156
|
+
line-height: 1.17;
|
|
2157
|
+
}
|
|
2158
|
+
.leading-\[1\.2\] {
|
|
2159
|
+
line-height: 1.2;
|
|
2160
|
+
}
|
|
2161
|
+
.leading-\[1\.45\] {
|
|
2162
|
+
line-height: 1.45;
|
|
2163
|
+
}
|
|
2164
|
+
.leading-\[100\%\] {
|
|
2165
|
+
line-height: 100%;
|
|
2166
|
+
}
|
|
2167
|
+
.leading-\[135\%\] {
|
|
2168
|
+
line-height: 135%;
|
|
2169
|
+
}
|
|
2170
|
+
.leading-\[140\%\] {
|
|
2171
|
+
line-height: 140%;
|
|
2172
|
+
}
|
|
2173
|
+
.leading-\[145\%\] {
|
|
2174
|
+
line-height: 145%;
|
|
2175
|
+
}
|
|
2176
|
+
.leading-\[14px\] {
|
|
2177
|
+
line-height: 14px;
|
|
2178
|
+
}
|
|
2179
|
+
.leading-\[16px\] {
|
|
2180
|
+
line-height: 16px;
|
|
2181
|
+
}
|
|
2182
|
+
.leading-none {
|
|
2183
|
+
line-height: 1;
|
|
1242
2184
|
}
|
|
1243
2185
|
.leading-normal {
|
|
1244
2186
|
line-height: 1.5;
|
|
1245
2187
|
}
|
|
2188
|
+
.tracking-\[-0\.048px\] {
|
|
2189
|
+
letter-spacing: -0.048px;
|
|
2190
|
+
}
|
|
2191
|
+
.tracking-\[-0\.056px\] {
|
|
2192
|
+
letter-spacing: -0.056px;
|
|
2193
|
+
}
|
|
1246
2194
|
.tracking-\[-0\.125px\] {
|
|
1247
2195
|
letter-spacing: -0.125px;
|
|
1248
2196
|
}
|
|
1249
2197
|
.tracking-\[-0\.12px\] {
|
|
1250
2198
|
letter-spacing: -0.12px;
|
|
1251
2199
|
}
|
|
2200
|
+
.tracking-\[-0\.36px\] {
|
|
2201
|
+
letter-spacing: -0.36px;
|
|
2202
|
+
}
|
|
2203
|
+
.tracking-\[-0\.4px\] {
|
|
2204
|
+
letter-spacing: -0.4px;
|
|
2205
|
+
}
|
|
1252
2206
|
.tracking-wide {
|
|
1253
2207
|
letter-spacing: 0.025em;
|
|
1254
2208
|
}
|
|
2209
|
+
.tracking-wider {
|
|
2210
|
+
letter-spacing: 0.05em;
|
|
2211
|
+
}
|
|
1255
2212
|
.text-\[\#303030\] {
|
|
1256
2213
|
--tw-text-opacity: 1;
|
|
1257
2214
|
color: rgb(48 48 48 / var(--tw-text-opacity));
|
|
@@ -1279,16 +2236,46 @@ video {
|
|
|
1279
2236
|
.text-\[var\(--active-fg\)\] {
|
|
1280
2237
|
color: var(--active-fg);
|
|
1281
2238
|
}
|
|
2239
|
+
.text-\[var\(--error-600\)\] {
|
|
2240
|
+
color: var(--error-600);
|
|
2241
|
+
}
|
|
1282
2242
|
.text-\[var\(--inactive-fg\)\] {
|
|
1283
2243
|
color: var(--inactive-fg);
|
|
1284
2244
|
}
|
|
2245
|
+
.text-\[var\(--info-600\)\] {
|
|
2246
|
+
color: var(--info-600);
|
|
2247
|
+
}
|
|
1285
2248
|
.text-\[var\(--primary-foreground\)\] {
|
|
1286
2249
|
color: var(--primary-foreground);
|
|
1287
2250
|
}
|
|
2251
|
+
.text-\[var\(--success-600\)\] {
|
|
2252
|
+
color: var(--success-600);
|
|
2253
|
+
}
|
|
2254
|
+
.text-\[var\(--tint-600\)\] {
|
|
2255
|
+
color: var(--tint-600);
|
|
2256
|
+
}
|
|
2257
|
+
.text-\[var\(--warning-600\)\] {
|
|
2258
|
+
color: var(--warning-600);
|
|
2259
|
+
}
|
|
2260
|
+
.text-accent-50 {
|
|
2261
|
+
color: var(--accent-50);
|
|
2262
|
+
}
|
|
2263
|
+
.text-accent-700 {
|
|
2264
|
+
color: var(--accent-700);
|
|
2265
|
+
}
|
|
1288
2266
|
.text-blue-600 {
|
|
1289
2267
|
--tw-text-opacity: 1;
|
|
1290
2268
|
color: rgb(37 99 235 / var(--tw-text-opacity));
|
|
1291
2269
|
}
|
|
2270
|
+
.text-callout-600 {
|
|
2271
|
+
color: var(--callout-600);
|
|
2272
|
+
}
|
|
2273
|
+
.text-callout-900 {
|
|
2274
|
+
color: var(--callout-900);
|
|
2275
|
+
}
|
|
2276
|
+
.text-current {
|
|
2277
|
+
color: currentColor;
|
|
2278
|
+
}
|
|
1292
2279
|
.text-gray-500 {
|
|
1293
2280
|
--tw-text-opacity: 1;
|
|
1294
2281
|
color: rgb(107 114 128 / var(--tw-text-opacity));
|
|
@@ -1325,13 +2312,40 @@ video {
|
|
|
1325
2312
|
--tw-text-opacity: 1;
|
|
1326
2313
|
color: rgb(88 28 135 / var(--tw-text-opacity));
|
|
1327
2314
|
}
|
|
2315
|
+
.text-red-500 {
|
|
2316
|
+
--tw-text-opacity: 1;
|
|
2317
|
+
color: rgb(239 68 68 / var(--tw-text-opacity));
|
|
2318
|
+
}
|
|
1328
2319
|
.text-red-600 {
|
|
1329
2320
|
--tw-text-opacity: 1;
|
|
1330
2321
|
color: rgb(220 38 38 / var(--tw-text-opacity));
|
|
1331
2322
|
}
|
|
2323
|
+
.text-secondary-700 {
|
|
2324
|
+
color: var(--secondary-700);
|
|
2325
|
+
}
|
|
2326
|
+
.text-theme-text-primary {
|
|
2327
|
+
color: var(--text-main-color);
|
|
2328
|
+
}
|
|
2329
|
+
.text-theme-text-secondary {
|
|
2330
|
+
color: var(--text-secondary-color);
|
|
2331
|
+
}
|
|
2332
|
+
.text-tint-300 {
|
|
2333
|
+
color: var(--tint-300);
|
|
2334
|
+
}
|
|
2335
|
+
.text-tint-400 {
|
|
2336
|
+
color: var(--tint-400);
|
|
2337
|
+
}
|
|
2338
|
+
.text-tint-500 {
|
|
2339
|
+
color: var(--tint-500);
|
|
2340
|
+
}
|
|
2341
|
+
.text-tint-600 {
|
|
2342
|
+
color: var(--tint-600);
|
|
2343
|
+
}
|
|
2344
|
+
.text-tint-900 {
|
|
2345
|
+
color: var(--tint-900);
|
|
2346
|
+
}
|
|
1332
2347
|
.text-white {
|
|
1333
|
-
|
|
1334
|
-
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
2348
|
+
color: var(--white);
|
|
1335
2349
|
}
|
|
1336
2350
|
.underline {
|
|
1337
2351
|
text-decoration-line: underline;
|
|
@@ -1342,12 +2356,36 @@ video {
|
|
|
1342
2356
|
.no-underline {
|
|
1343
2357
|
text-decoration-line: none;
|
|
1344
2358
|
}
|
|
2359
|
+
.placeholder-gray-400::-moz-placeholder {
|
|
2360
|
+
--tw-placeholder-opacity: 1;
|
|
2361
|
+
color: rgb(156 163 175 / var(--tw-placeholder-opacity));
|
|
2362
|
+
}
|
|
2363
|
+
.placeholder-gray-400::placeholder {
|
|
2364
|
+
--tw-placeholder-opacity: 1;
|
|
2365
|
+
color: rgb(156 163 175 / var(--tw-placeholder-opacity));
|
|
2366
|
+
}
|
|
1345
2367
|
.opacity-0 {
|
|
1346
2368
|
opacity: 0;
|
|
1347
2369
|
}
|
|
1348
2370
|
.opacity-100 {
|
|
1349
2371
|
opacity: 1;
|
|
1350
2372
|
}
|
|
2373
|
+
.opacity-20 {
|
|
2374
|
+
opacity: 0.2;
|
|
2375
|
+
}
|
|
2376
|
+
.opacity-50 {
|
|
2377
|
+
opacity: 0.5;
|
|
2378
|
+
}
|
|
2379
|
+
.shadow {
|
|
2380
|
+
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
2381
|
+
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
2382
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
2383
|
+
}
|
|
2384
|
+
.shadow-\[-7px_0px_4px_\#CCCCCC40\] {
|
|
2385
|
+
--tw-shadow: -7px 0px 4px #CCCCCC40;
|
|
2386
|
+
--tw-shadow-colored: -7px 0px 4px var(--tw-shadow-color);
|
|
2387
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
2388
|
+
}
|
|
1351
2389
|
.shadow-lg {
|
|
1352
2390
|
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
1353
2391
|
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
|
@@ -1370,23 +2408,31 @@ video {
|
|
|
1370
2408
|
.outline {
|
|
1371
2409
|
outline-style: solid;
|
|
1372
2410
|
}
|
|
2411
|
+
.ring-offset-white {
|
|
2412
|
+
--tw-ring-offset-color: var(--white);
|
|
2413
|
+
}
|
|
2414
|
+
.blur {
|
|
2415
|
+
--tw-blur: blur(8px);
|
|
2416
|
+
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);
|
|
2417
|
+
}
|
|
1373
2418
|
.filter {
|
|
1374
2419
|
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);
|
|
1375
2420
|
}
|
|
1376
2421
|
.backdrop-blur-\[22px\] {
|
|
1377
2422
|
--tw-backdrop-blur: blur(22px);
|
|
1378
|
-
|
|
1379
|
-
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);
|
|
2423
|
+
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);
|
|
1380
2424
|
}
|
|
1381
2425
|
.backdrop-blur-\[6\.5px\] {
|
|
1382
2426
|
--tw-backdrop-blur: blur(6.5px);
|
|
1383
|
-
|
|
1384
|
-
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);
|
|
2427
|
+
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);
|
|
1385
2428
|
}
|
|
1386
2429
|
.transition {
|
|
1387
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
1388
2430
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
1389
|
-
transition-
|
|
2431
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2432
|
+
transition-duration: 150ms;
|
|
2433
|
+
}
|
|
2434
|
+
.transition-all {
|
|
2435
|
+
transition-property: all;
|
|
1390
2436
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1391
2437
|
transition-duration: 150ms;
|
|
1392
2438
|
}
|
|
@@ -1395,12 +2441,34 @@ video {
|
|
|
1395
2441
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1396
2442
|
transition-duration: 150ms;
|
|
1397
2443
|
}
|
|
2444
|
+
.transition-opacity {
|
|
2445
|
+
transition-property: opacity;
|
|
2446
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2447
|
+
transition-duration: 150ms;
|
|
2448
|
+
}
|
|
2449
|
+
.transition-transform {
|
|
2450
|
+
transition-property: transform;
|
|
2451
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2452
|
+
transition-duration: 150ms;
|
|
2453
|
+
}
|
|
2454
|
+
.duration-200 {
|
|
2455
|
+
transition-duration: 200ms;
|
|
2456
|
+
}
|
|
2457
|
+
.duration-300 {
|
|
2458
|
+
transition-duration: 300ms;
|
|
2459
|
+
}
|
|
2460
|
+
.ease-in {
|
|
2461
|
+
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
|
|
2462
|
+
}
|
|
1398
2463
|
.ease-in-out {
|
|
1399
2464
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1400
2465
|
}
|
|
1401
2466
|
.ease-out {
|
|
1402
2467
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
1403
2468
|
}
|
|
2469
|
+
.\[-moz-appearance\:textfield\] {
|
|
2470
|
+
-moz-appearance: textfield;
|
|
2471
|
+
}
|
|
1404
2472
|
.placeholder\:text-\[\#8A8A8A\]::-moz-placeholder {
|
|
1405
2473
|
--tw-text-opacity: 1;
|
|
1406
2474
|
color: rgb(138 138 138 / var(--tw-text-opacity));
|
|
@@ -1409,10 +2477,49 @@ video {
|
|
|
1409
2477
|
--tw-text-opacity: 1;
|
|
1410
2478
|
color: rgb(138 138 138 / var(--tw-text-opacity));
|
|
1411
2479
|
}
|
|
2480
|
+
.placeholder\:text-tint-300::-moz-placeholder {
|
|
2481
|
+
color: var(--tint-300);
|
|
2482
|
+
}
|
|
2483
|
+
.placeholder\:text-tint-300::placeholder {
|
|
2484
|
+
color: var(--tint-300);
|
|
2485
|
+
}
|
|
2486
|
+
.placeholder\:text-tint-500::-moz-placeholder {
|
|
2487
|
+
color: var(--tint-500);
|
|
2488
|
+
}
|
|
2489
|
+
.placeholder\:text-tint-500::placeholder {
|
|
2490
|
+
color: var(--tint-500);
|
|
2491
|
+
}
|
|
2492
|
+
.placeholder\:text-tint-600::-moz-placeholder {
|
|
2493
|
+
color: var(--tint-600);
|
|
2494
|
+
}
|
|
2495
|
+
.placeholder\:text-tint-600::placeholder {
|
|
2496
|
+
color: var(--tint-600);
|
|
2497
|
+
}
|
|
2498
|
+
.first\:rounded-t-xs:first-child {
|
|
2499
|
+
border-top-left-radius: var(--radius-xs);
|
|
2500
|
+
border-top-right-radius: var(--radius-xs);
|
|
2501
|
+
}
|
|
2502
|
+
.last\:rounded-b-xs:last-child {
|
|
2503
|
+
border-bottom-right-radius: var(--radius-xs);
|
|
2504
|
+
border-bottom-left-radius: var(--radius-xs);
|
|
2505
|
+
}
|
|
1412
2506
|
.hover\:border-\[\#9CA3AF\]:hover {
|
|
1413
2507
|
--tw-border-opacity: 1;
|
|
1414
2508
|
border-color: rgb(156 163 175 / var(--tw-border-opacity));
|
|
1415
2509
|
}
|
|
2510
|
+
.hover\:border-accent-600:hover {
|
|
2511
|
+
border-color: var(--accent-600);
|
|
2512
|
+
}
|
|
2513
|
+
.hover\:border-red-500:hover {
|
|
2514
|
+
--tw-border-opacity: 1;
|
|
2515
|
+
border-color: rgb(239 68 68 / var(--tw-border-opacity));
|
|
2516
|
+
}
|
|
2517
|
+
.hover\:border-secondary-200:hover {
|
|
2518
|
+
border-color: var(--secondary-200);
|
|
2519
|
+
}
|
|
2520
|
+
.hover\:border-tint-300:hover {
|
|
2521
|
+
border-color: var(--tint-300);
|
|
2522
|
+
}
|
|
1416
2523
|
.hover\:bg-\[\#F3F4F6\]:hover {
|
|
1417
2524
|
--tw-bg-opacity: 1;
|
|
1418
2525
|
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
|
@@ -1421,6 +2528,9 @@ video {
|
|
|
1421
2528
|
--tw-bg-opacity: 1;
|
|
1422
2529
|
background-color: rgb(250 250 250 / var(--tw-bg-opacity));
|
|
1423
2530
|
}
|
|
2531
|
+
.hover\:bg-accent-600:hover {
|
|
2532
|
+
background-color: var(--accent-600);
|
|
2533
|
+
}
|
|
1424
2534
|
.hover\:bg-blue-100:hover {
|
|
1425
2535
|
--tw-bg-opacity: 1;
|
|
1426
2536
|
background-color: rgb(219 234 254 / var(--tw-bg-opacity));
|
|
@@ -1445,6 +2555,22 @@ video {
|
|
|
1445
2555
|
--tw-bg-opacity: 1;
|
|
1446
2556
|
background-color: rgb(254 226 226 / var(--tw-bg-opacity));
|
|
1447
2557
|
}
|
|
2558
|
+
.hover\:bg-tint-25:hover {
|
|
2559
|
+
background-color: var(--tint-25);
|
|
2560
|
+
}
|
|
2561
|
+
.hover\:text-secondary-400:hover {
|
|
2562
|
+
color: var(--secondary-400);
|
|
2563
|
+
}
|
|
2564
|
+
.hover\:text-tint-900:hover {
|
|
2565
|
+
color: var(--tint-900);
|
|
2566
|
+
}
|
|
2567
|
+
.hover\:opacity-100:hover {
|
|
2568
|
+
opacity: 1;
|
|
2569
|
+
}
|
|
2570
|
+
.focus\:border-\[\#121826\]:focus {
|
|
2571
|
+
--tw-border-opacity: 1;
|
|
2572
|
+
border-color: rgb(18 24 38 / var(--tw-border-opacity));
|
|
2573
|
+
}
|
|
1448
2574
|
.focus\:border-blue-500:focus {
|
|
1449
2575
|
--tw-border-opacity: 1;
|
|
1450
2576
|
border-color: rgb(59 130 246 / var(--tw-border-opacity));
|
|
@@ -1453,17 +2579,387 @@ video {
|
|
|
1453
2579
|
--tw-border-opacity: 1;
|
|
1454
2580
|
border-color: rgb(168 85 247 / var(--tw-border-opacity));
|
|
1455
2581
|
}
|
|
2582
|
+
.focus\:border-tint-900:focus {
|
|
2583
|
+
border-color: var(--tint-900);
|
|
2584
|
+
}
|
|
2585
|
+
.focus\:bg-tint-200:focus {
|
|
2586
|
+
background-color: var(--tint-200);
|
|
2587
|
+
}
|
|
2588
|
+
.focus\:text-tint-900:focus {
|
|
2589
|
+
color: var(--tint-900);
|
|
2590
|
+
}
|
|
1456
2591
|
.focus\:outline-none:focus {
|
|
1457
2592
|
outline: 2px solid transparent;
|
|
1458
2593
|
outline-offset: 2px;
|
|
1459
2594
|
}
|
|
2595
|
+
.focus\:ring-\[\#121826\]:focus {
|
|
2596
|
+
--tw-ring-opacity: 1;
|
|
2597
|
+
--tw-ring-color: rgb(18 24 38 / var(--tw-ring-opacity));
|
|
2598
|
+
}
|
|
2599
|
+
.focus-visible\:border-red-500:focus-visible {
|
|
2600
|
+
--tw-border-opacity: 1;
|
|
2601
|
+
border-color: rgb(239 68 68 / var(--tw-border-opacity));
|
|
2602
|
+
}
|
|
2603
|
+
.focus-visible\:border-tint-600:focus-visible {
|
|
2604
|
+
border-color: var(--tint-600);
|
|
2605
|
+
}
|
|
2606
|
+
.focus-visible\:outline-none:focus-visible {
|
|
2607
|
+
outline: 2px solid transparent;
|
|
2608
|
+
outline-offset: 2px;
|
|
2609
|
+
}
|
|
2610
|
+
.focus-visible\:ring-2:focus-visible {
|
|
2611
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
2612
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
2613
|
+
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
2614
|
+
}
|
|
2615
|
+
.focus-visible\:ring-neutral-900:focus-visible {
|
|
2616
|
+
--tw-ring-opacity: 1;
|
|
2617
|
+
--tw-ring-color: rgb(23 23 23 / var(--tw-ring-opacity));
|
|
2618
|
+
}
|
|
2619
|
+
.focus-visible\:ring-red-500:focus-visible {
|
|
2620
|
+
--tw-ring-opacity: 1;
|
|
2621
|
+
--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
|
|
2622
|
+
}
|
|
2623
|
+
.focus-visible\:ring-tint-400:focus-visible {
|
|
2624
|
+
--tw-ring-color: var(--tint-400);
|
|
2625
|
+
}
|
|
2626
|
+
.focus-visible\:ring-tint-900:focus-visible {
|
|
2627
|
+
--tw-ring-color: var(--tint-900);
|
|
2628
|
+
}
|
|
2629
|
+
.focus-visible\:ring-offset-1:focus-visible {
|
|
2630
|
+
--tw-ring-offset-width: 1px;
|
|
2631
|
+
}
|
|
2632
|
+
.focus-visible\:ring-offset-2:focus-visible {
|
|
2633
|
+
--tw-ring-offset-width: 2px;
|
|
2634
|
+
}
|
|
2635
|
+
.focus-visible\:ring-offset-neutral-50:focus-visible {
|
|
2636
|
+
--tw-ring-offset-color: #fafafa;
|
|
2637
|
+
}
|
|
2638
|
+
.focus-visible\:ring-offset-white:focus-visible {
|
|
2639
|
+
--tw-ring-offset-color: var(--white);
|
|
2640
|
+
}
|
|
2641
|
+
.active\:translate-y-px:active {
|
|
2642
|
+
--tw-translate-y: 1px;
|
|
2643
|
+
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));
|
|
2644
|
+
}
|
|
2645
|
+
.disabled\:pointer-events-none:disabled {
|
|
2646
|
+
pointer-events: none;
|
|
2647
|
+
}
|
|
1460
2648
|
.disabled\:cursor-not-allowed:disabled {
|
|
1461
2649
|
cursor: not-allowed;
|
|
1462
2650
|
}
|
|
2651
|
+
.disabled\:border-tint-200:disabled {
|
|
2652
|
+
border-color: var(--tint-200);
|
|
2653
|
+
}
|
|
1463
2654
|
.disabled\:bg-\[\#B7B7B7\]:disabled {
|
|
1464
2655
|
--tw-bg-opacity: 1;
|
|
1465
2656
|
background-color: rgb(183 183 183 / var(--tw-bg-opacity));
|
|
1466
2657
|
}
|
|
2658
|
+
.disabled\:bg-tint-50:disabled {
|
|
2659
|
+
background-color: var(--tint-50);
|
|
2660
|
+
}
|
|
1467
2661
|
.disabled\:opacity-50:disabled {
|
|
1468
2662
|
opacity: 0.5;
|
|
1469
|
-
}
|
|
2663
|
+
}
|
|
2664
|
+
.data-\[disabled\]\:pointer-events-none[data-disabled] {
|
|
2665
|
+
pointer-events: none;
|
|
2666
|
+
}
|
|
2667
|
+
.data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
|
|
2668
|
+
--tw-translate-y: 4px;
|
|
2669
|
+
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));
|
|
2670
|
+
}
|
|
2671
|
+
.data-\[side\=left\]\:-translate-x-1[data-side=left] {
|
|
2672
|
+
--tw-translate-x: -4px;
|
|
2673
|
+
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));
|
|
2674
|
+
}
|
|
2675
|
+
.data-\[side\=right\]\:translate-x-1[data-side=right] {
|
|
2676
|
+
--tw-translate-x: 4px;
|
|
2677
|
+
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));
|
|
2678
|
+
}
|
|
2679
|
+
.data-\[side\=top\]\:-translate-y-1[data-side=top] {
|
|
2680
|
+
--tw-translate-y: -4px;
|
|
2681
|
+
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));
|
|
2682
|
+
}
|
|
2683
|
+
.data-\[error\]\:border-red-500[data-error] {
|
|
2684
|
+
--tw-border-opacity: 1;
|
|
2685
|
+
border-color: rgb(239 68 68 / var(--tw-border-opacity));
|
|
2686
|
+
}
|
|
2687
|
+
.data-\[state\=checked\]\:border-accent-700[data-state=checked] {
|
|
2688
|
+
border-color: var(--accent-700);
|
|
2689
|
+
}
|
|
2690
|
+
.data-\[state\=checked\]\:border-tint-900[data-state=checked] {
|
|
2691
|
+
border-color: var(--tint-900);
|
|
2692
|
+
}
|
|
2693
|
+
.data-\[state\=indeterminate\]\:border-tint-900[data-state=indeterminate] {
|
|
2694
|
+
border-color: var(--tint-900);
|
|
2695
|
+
}
|
|
2696
|
+
.data-\[state\=checked\]\:bg-accent-700[data-state=checked] {
|
|
2697
|
+
background-color: var(--accent-700);
|
|
2698
|
+
}
|
|
2699
|
+
.data-\[state\=checked\]\:bg-tint-900[data-state=checked] {
|
|
2700
|
+
background-color: var(--tint-900);
|
|
2701
|
+
}
|
|
2702
|
+
.data-\[state\=indeterminate\]\:bg-tint-900[data-state=indeterminate] {
|
|
2703
|
+
background-color: var(--tint-900);
|
|
2704
|
+
}
|
|
2705
|
+
.data-\[state\=checked\]\:text-white[data-state=checked] {
|
|
2706
|
+
color: var(--white);
|
|
2707
|
+
}
|
|
2708
|
+
.data-\[state\=indeterminate\]\:text-white[data-state=indeterminate] {
|
|
2709
|
+
color: var(--white);
|
|
2710
|
+
}
|
|
2711
|
+
.data-\[disabled\]\:opacity-50[data-disabled] {
|
|
2712
|
+
opacity: 0.5;
|
|
2713
|
+
}
|
|
2714
|
+
.data-\[state\=checked\]\:hover\:border-accent-800:hover[data-state=checked] {
|
|
2715
|
+
border-color: var(--accent-800);
|
|
2716
|
+
}
|
|
2717
|
+
.data-\[state\=checked\]\:hover\:border-tint-800:hover[data-state=checked] {
|
|
2718
|
+
border-color: var(--tint-800);
|
|
2719
|
+
}
|
|
2720
|
+
.data-\[state\=indeterminate\]\:hover\:border-tint-800:hover[data-state=indeterminate] {
|
|
2721
|
+
border-color: var(--tint-800);
|
|
2722
|
+
}
|
|
2723
|
+
.data-\[state\=checked\]\:hover\:bg-accent-800:hover[data-state=checked] {
|
|
2724
|
+
background-color: var(--accent-800);
|
|
2725
|
+
}
|
|
2726
|
+
.data-\[state\=checked\]\:hover\:bg-tint-800:hover[data-state=checked] {
|
|
2727
|
+
background-color: var(--tint-800);
|
|
2728
|
+
}
|
|
2729
|
+
.data-\[state\=indeterminate\]\:hover\:bg-tint-800:hover[data-state=indeterminate] {
|
|
2730
|
+
background-color: var(--tint-800);
|
|
2731
|
+
}
|
|
2732
|
+
.data-\[error\]\:focus-visible\:ring-red-300:focus-visible[data-error] {
|
|
2733
|
+
--tw-ring-opacity: 1;
|
|
2734
|
+
--tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));
|
|
2735
|
+
}
|
|
2736
|
+
@media (min-width: 640px) {
|
|
2737
|
+
.sm\:mx-0 {
|
|
2738
|
+
margin-left: 0px;
|
|
2739
|
+
margin-right: 0px;
|
|
2740
|
+
}
|
|
2741
|
+
.sm\:w-\[100vw\] {
|
|
2742
|
+
width: 100vw;
|
|
2743
|
+
}
|
|
2744
|
+
.sm\:max-w-lg {
|
|
2745
|
+
max-width: 512px;
|
|
2746
|
+
}
|
|
2747
|
+
.sm\:max-w-xl {
|
|
2748
|
+
max-width: 576px;
|
|
2749
|
+
}
|
|
2750
|
+
.sm\:translate-y-0 {
|
|
2751
|
+
--tw-translate-y: 0px;
|
|
2752
|
+
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));
|
|
2753
|
+
}
|
|
2754
|
+
.sm\:translate-y-\[3px\] {
|
|
2755
|
+
--tw-translate-y: 3px;
|
|
2756
|
+
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));
|
|
2757
|
+
}
|
|
2758
|
+
.sm\:scale-100 {
|
|
2759
|
+
--tw-scale-x: 1;
|
|
2760
|
+
--tw-scale-y: 1;
|
|
2761
|
+
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));
|
|
2762
|
+
}
|
|
2763
|
+
.sm\:scale-95 {
|
|
2764
|
+
--tw-scale-x: .95;
|
|
2765
|
+
--tw-scale-y: .95;
|
|
2766
|
+
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));
|
|
2767
|
+
}
|
|
2768
|
+
.sm\:px-0 {
|
|
2769
|
+
padding-left: 0px;
|
|
2770
|
+
padding-right: 0px;
|
|
2771
|
+
}
|
|
2772
|
+
.sm\:text-2xl {
|
|
2773
|
+
font-size: var(--text-2xl);
|
|
2774
|
+
}
|
|
2775
|
+
}
|
|
2776
|
+
@media (min-width: 768px) {
|
|
2777
|
+
.md\:ml-auto {
|
|
2778
|
+
margin-left: auto;
|
|
2779
|
+
}
|
|
2780
|
+
.md\:w-\[520px\] {
|
|
2781
|
+
width: 520px;
|
|
2782
|
+
}
|
|
2783
|
+
}
|
|
2784
|
+
@media (min-width: 1024px) {
|
|
2785
|
+
.lg\:px-16 {
|
|
2786
|
+
padding-left: 64px;
|
|
2787
|
+
padding-right: 64px;
|
|
2788
|
+
}
|
|
2789
|
+
}
|
|
2790
|
+
.\[\&\:\:-webkit-inner-spin-button\]\:m-0::-webkit-inner-spin-button {
|
|
2791
|
+
margin: 0px;
|
|
2792
|
+
}
|
|
2793
|
+
.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
|
|
2794
|
+
-webkit-appearance: none;
|
|
2795
|
+
appearance: none;
|
|
2796
|
+
}
|
|
2797
|
+
.\[\&\:\:-webkit-outer-spin-button\]\:m-0::-webkit-outer-spin-button {
|
|
2798
|
+
margin: 0px;
|
|
2799
|
+
}
|
|
2800
|
+
.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
|
|
2801
|
+
-webkit-appearance: none;
|
|
2802
|
+
appearance: none;
|
|
2803
|
+
}
|
|
2804
|
+
.\[\&\>span\]\:truncate>span {
|
|
2805
|
+
overflow: hidden;
|
|
2806
|
+
text-overflow: ellipsis;
|
|
2807
|
+
white-space: nowrap;
|
|
2808
|
+
}
|
|
2809
|
+
|
|
2810
|
+
.loader[data-v-554a1690] {
|
|
2811
|
+
display: flex;
|
|
2812
|
+
}
|
|
2813
|
+
.loader-item[data-v-554a1690] {
|
|
2814
|
+
margin-left: 2px;
|
|
2815
|
+
margin-right: 2px;
|
|
2816
|
+
display: block;
|
|
2817
|
+
border-radius: var(--radius-full);
|
|
2818
|
+
background-color: currentColor;
|
|
2819
|
+
width: 5px;
|
|
2820
|
+
height: 5px;
|
|
2821
|
+
animation: jump-554a1690 5s ease-in-out infinite,opacity-554a1690 1s ease-in-out infinite;
|
|
2822
|
+
}
|
|
2823
|
+
.loader-item[data-v-554a1690]:nth-child(2) {
|
|
2824
|
+
animation-delay: 300ms;
|
|
2825
|
+
}
|
|
2826
|
+
.loader-item[data-v-554a1690]:nth-child(3) {
|
|
2827
|
+
animation-delay: 600ms;
|
|
2828
|
+
}
|
|
2829
|
+
@keyframes opacity-554a1690 {
|
|
2830
|
+
0%,
|
|
2831
|
+
30% {
|
|
2832
|
+
opacity: 0.54;
|
|
2833
|
+
}
|
|
2834
|
+
50% {
|
|
2835
|
+
opacity: 1;
|
|
2836
|
+
}
|
|
2837
|
+
70%,
|
|
2838
|
+
100% {
|
|
2839
|
+
opacity: 0.54;
|
|
2840
|
+
}
|
|
2841
|
+
}
|
|
2842
|
+
@keyframes jump-554a1690 {
|
|
2843
|
+
0%,
|
|
2844
|
+
40% {
|
|
2845
|
+
transform: translateY(0);
|
|
2846
|
+
}
|
|
2847
|
+
45% {
|
|
2848
|
+
transform: translateY(-2.4px);
|
|
2849
|
+
}
|
|
2850
|
+
50% {
|
|
2851
|
+
transform: translateY(0);
|
|
2852
|
+
}
|
|
2853
|
+
55% {
|
|
2854
|
+
transform: translateY(2.4px);
|
|
2855
|
+
}
|
|
2856
|
+
60%,
|
|
2857
|
+
100% {
|
|
2858
|
+
transform: translateY(0);
|
|
2859
|
+
}
|
|
2860
|
+
}
|
|
2861
|
+
|
|
2862
|
+
.card[data-v-c3a8e82c] {
|
|
2863
|
+
background: var(--card-background);
|
|
2864
|
+
border: 1px solid var(--card-border);
|
|
2865
|
+
border-radius: var(--card-radius);
|
|
2866
|
+
--card-background: var(--card-1-background);
|
|
2867
|
+
--card-border: var(--card-1-border);
|
|
2868
|
+
--card-radius: var(--card-radius-1);
|
|
2869
|
+
}
|
|
2870
|
+
|
|
2871
|
+
/* Level 2 - When nested inside a card */
|
|
2872
|
+
.card .card[data-v-c3a8e82c] {
|
|
2873
|
+
border: 0.5px solid var(--card-border);
|
|
2874
|
+
--card-background: var(--card-2-background);
|
|
2875
|
+
--card-border: var(--card-2-border);
|
|
2876
|
+
--card-radius: var(--card-radius-2);
|
|
2877
|
+
}
|
|
2878
|
+
|
|
2879
|
+
/* Level 3 - When nested inside a level 2 card */
|
|
2880
|
+
.card .card .card[data-v-c3a8e82c] {
|
|
2881
|
+
--card-background: var(--card-3-background);
|
|
2882
|
+
--card-border: var(--card-3-border);
|
|
2883
|
+
--card-radius: var(--card-radius-3);
|
|
2884
|
+
}
|
|
2885
|
+
|
|
2886
|
+
.v-enter-active[data-v-08f0c897],
|
|
2887
|
+
.v-leave-active[data-v-08f0c897] {
|
|
2888
|
+
transition: opacity 0.2s ease-in-out;
|
|
2889
|
+
}
|
|
2890
|
+
.v-enter-from[data-v-08f0c897],
|
|
2891
|
+
.v-leave-to[data-v-08f0c897] {
|
|
2892
|
+
opacity: 0;
|
|
2893
|
+
}
|
|
2894
|
+
.link-underline[data-v-08f0c897],
|
|
2895
|
+
.link-underline[data-v-08f0c897] * {
|
|
2896
|
+
text-decoration-line: underline;
|
|
2897
|
+
}
|
|
2898
|
+
|
|
2899
|
+
.card-divider[data-v-333b277b] {
|
|
2900
|
+
border: none;
|
|
2901
|
+
padding: 0;
|
|
2902
|
+
height: var(--card-divider-height);
|
|
2903
|
+
margin: var(--card-divider-margin) 0;
|
|
2904
|
+
background-color: var(--card-divider-background);
|
|
2905
|
+
}
|
|
2906
|
+
|
|
2907
|
+
footer[data-v-dd4ee756] > * {
|
|
2908
|
+
flex-grow: 1;
|
|
2909
|
+
}
|
|
2910
|
+
|
|
2911
|
+
.with-tooltip[data-v-9a6feeac] {
|
|
2912
|
+
position: relative
|
|
2913
|
+
}
|
|
2914
|
+
.with-tooltip__floating[data-v-9a6feeac] {
|
|
2915
|
+
position: fixed;
|
|
2916
|
+
top: 0px;
|
|
2917
|
+
left: 0px;
|
|
2918
|
+
z-index: 60;
|
|
2919
|
+
display: none
|
|
2920
|
+
}
|
|
2921
|
+
.with-tooltip__tooltip[data-v-9a6feeac] {
|
|
2922
|
+
border-radius: var(--radius-xs);
|
|
2923
|
+
--tw-bg-opacity: 1;
|
|
2924
|
+
background-color: rgb(61 61 61 / var(--tw-bg-opacity));
|
|
2925
|
+
color: var(--white)
|
|
2926
|
+
}
|
|
2927
|
+
.with-tooltip__arrow[data-v-9a6feeac]::after {
|
|
2928
|
+
position: absolute;
|
|
2929
|
+
top: 50%;
|
|
2930
|
+
left: 50%;
|
|
2931
|
+
display: block;
|
|
2932
|
+
--tw-translate-x: -50%;
|
|
2933
|
+
--tw-translate-y: -50%;
|
|
2934
|
+
--tw-rotate: 45deg;
|
|
2935
|
+
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));
|
|
2936
|
+
--tw-bg-opacity: 1;
|
|
2937
|
+
background-color: rgb(61 61 61 / var(--tw-bg-opacity));
|
|
2938
|
+
width: 10px;
|
|
2939
|
+
height: 10px;
|
|
2940
|
+
content: ""
|
|
2941
|
+
}
|
|
2942
|
+
.tooltip--bottom .with-tooltip__arrow[data-v-9a6feeac]::after {
|
|
2943
|
+
top: 0px;
|
|
2944
|
+
border-top-left-radius: 4px
|
|
2945
|
+
}
|
|
2946
|
+
.tooltip--right .with-tooltip__arrow[data-v-9a6feeac]::after {
|
|
2947
|
+
left: 100%;
|
|
2948
|
+
border-top-right-radius: 4px
|
|
2949
|
+
}
|
|
2950
|
+
.tooltip--top .with-tooltip__arrow[data-v-9a6feeac]::after {
|
|
2951
|
+
top: 100%;
|
|
2952
|
+
border-bottom-right-radius: 4px
|
|
2953
|
+
}
|
|
2954
|
+
.tooltip--left .with-tooltip__arrow[data-v-9a6feeac]::after {
|
|
2955
|
+
left: 0px;
|
|
2956
|
+
border-bottom-left-radius: 4px
|
|
2957
|
+
}
|
|
2958
|
+
.with-tooltip:hover > .with-tooltip__floating[data-v-9a6feeac] {
|
|
2959
|
+
display: block;
|
|
2960
|
+
max-width: 300px
|
|
2961
|
+
}
|
|
2962
|
+
|
|
2963
|
+
.ui-tag[data-v-ecc48ff9] {
|
|
2964
|
+
font-family: "JetBrains Mono", ui-monospace, monospace;
|
|
2965
|
+
}
|