@lukso/web-components 1.173.0 → 1.173.2
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/chunks/{index-TieI_P1r.js → index-7hZ6_Nty.js} +1 -1
- package/dist/chunks/{index-DasEMOOf.js → index-B5o9TMPg.js} +2 -2
- package/dist/chunks/{index-CtRm_2K_.js → index-BKpKhpHl.js} +1 -1
- package/dist/chunks/index-CWVksY60.js +26 -0
- package/dist/chunks/{index-COtPIzKg.js → index-Cn1Zoydx.js} +1 -1
- package/dist/chunks/{index-CImwlg43.js → index-DDBkLnrd.js} +2 -2
- package/dist/chunks/{index-B6b6oj69.js → index-QhnpaPn7.js} +1 -1
- package/dist/chunks/index-xZkcKMCB.js +30 -0
- package/dist/components/index.cjs +3 -3
- package/dist/components/index.js +3 -3
- package/dist/components/lukso-alert/index.cjs +3 -3
- package/dist/components/lukso-alert/index.js +3 -3
- package/dist/components/lukso-button/index.cjs +1 -1
- package/dist/components/lukso-button/index.js +1 -1
- package/dist/components/lukso-card/index.cjs +7 -7
- package/dist/components/lukso-card/index.js +7 -7
- package/dist/components/lukso-checkbox/index.cjs +2 -2
- package/dist/components/lukso-checkbox/index.d.ts.map +1 -1
- package/dist/components/lukso-checkbox/index.js +2 -2
- package/dist/components/lukso-collapse/index.cjs +1 -1
- package/dist/components/lukso-collapse/index.js +1 -1
- package/dist/components/lukso-color-picker/index.cjs +5 -5
- package/dist/components/lukso-color-picker/index.js +5 -5
- package/dist/components/lukso-dropdown/index.cjs +2 -2
- package/dist/components/lukso-dropdown/index.js +2 -2
- package/dist/components/lukso-dropdown-option/index.cjs +1 -1
- package/dist/components/lukso-dropdown-option/index.js +1 -1
- package/dist/components/lukso-footer/index.cjs +2 -2
- package/dist/components/lukso-footer/index.js +2 -2
- package/dist/components/lukso-form-description/index.cjs +1 -1
- package/dist/components/lukso-form-description/index.js +1 -1
- package/dist/components/lukso-form-error/index.cjs +1 -1
- package/dist/components/lukso-form-error/index.js +1 -1
- package/dist/components/lukso-form-label/index.cjs +1 -1
- package/dist/components/lukso-form-label/index.js +1 -1
- package/dist/components/lukso-icon/index.cjs +1 -1
- package/dist/components/lukso-icon/index.js +1 -1
- package/dist/components/lukso-image/index.cjs +1 -1
- package/dist/components/lukso-image/index.js +1 -1
- package/dist/components/lukso-input/index.cjs +2 -2
- package/dist/components/lukso-input/index.js +2 -2
- package/dist/components/lukso-markdown/index.cjs +2 -2
- package/dist/components/lukso-markdown/index.js +2 -2
- package/dist/components/lukso-markdown-editor/index.cjs +2 -2
- package/dist/components/lukso-markdown-editor/index.js +2 -2
- package/dist/components/lukso-modal/index.cjs +6 -4
- package/dist/components/lukso-modal/index.d.ts +1 -2
- package/dist/components/lukso-modal/index.d.ts.map +1 -1
- package/dist/components/lukso-modal/index.js +6 -4
- package/dist/components/lukso-navbar/index.cjs +1 -1
- package/dist/components/lukso-navbar/index.d.ts.map +1 -1
- package/dist/components/lukso-navbar/index.js +1 -1
- package/dist/components/lukso-pagination/index.cjs +2 -1
- package/dist/components/lukso-pagination/index.d.ts.map +1 -1
- package/dist/components/lukso-pagination/index.js +2 -1
- package/dist/components/lukso-profile/index.cjs +1 -1
- package/dist/components/lukso-profile/index.js +1 -1
- package/dist/components/lukso-progress/index.cjs +1 -1
- package/dist/components/lukso-progress/index.js +1 -1
- package/dist/components/lukso-qr-code/index.cjs +1 -1
- package/dist/components/lukso-qr-code/index.js +1 -1
- package/dist/components/lukso-radio/index.cjs +1 -1
- package/dist/components/lukso-radio/index.js +1 -1
- package/dist/components/lukso-radio-group/index.cjs +1 -1
- package/dist/components/lukso-radio-group/index.js +1 -1
- package/dist/components/lukso-sanitize/index.cjs +2 -2
- package/dist/components/lukso-sanitize/index.js +2 -2
- package/dist/components/lukso-search/index.cjs +3 -3
- package/dist/components/lukso-search/index.js +3 -3
- package/dist/components/lukso-select/index.cjs +3 -3
- package/dist/components/lukso-select/index.js +3 -3
- package/dist/components/lukso-share/index.cjs +1 -1
- package/dist/components/lukso-share/index.js +1 -1
- package/dist/components/lukso-switch/index.cjs +2 -2
- package/dist/components/lukso-switch/index.js +2 -2
- package/dist/components/lukso-tag/index.cjs +1 -1
- package/dist/components/lukso-tag/index.js +1 -1
- package/dist/components/lukso-terms/index.cjs +2 -2
- package/dist/components/lukso-terms/index.js +2 -2
- package/dist/components/lukso-textarea/index.cjs +2 -2
- package/dist/components/lukso-textarea/index.js +2 -2
- package/dist/components/lukso-tooltip/index.cjs +2 -2
- package/dist/components/lukso-tooltip/index.js +2 -2
- package/dist/components/lukso-username/index.cjs +2 -2
- package/dist/components/lukso-username/index.js +2 -2
- package/dist/components/lukso-wizard/index.cjs +3 -3
- package/dist/components/lukso-wizard/index.js +3 -3
- package/dist/index.cjs +3 -3
- package/dist/index.js +3 -3
- package/dist/styles/colors-v4.css +120 -0
- package/dist/styles/colors.css +120 -0
- package/dist/styles/colors.scss +120 -0
- package/dist/styles/component-v4.css +2128 -0
- package/dist/styles/fonts-v4.css +79 -0
- package/dist/styles/main-v4.css +41 -169
- package/dist/styles/main.css +2 -1
- package/dist/styles/prose-overrides-v4.css +152 -0
- package/dist/styles/shadows-v4.css +86 -0
- package/dist/styles/tippy-v4.css +901 -0
- package/dist/styles/typography-v4.css +373 -0
- package/dist/vite.full.config.d.ts.map +1 -1
- package/package.json +1 -1
- package/tools/sass/colors.scss +2 -2
- package/tools/sass/main.scss +1 -1
- package/tools/styles/colors-v4.css +120 -0
- package/tools/styles/colors.css +120 -0
- package/tools/styles/colors.scss +120 -0
- package/tools/styles/component-v4.css +2128 -0
- package/tools/styles/fonts-v4.css +79 -0
- package/tools/styles/main-v4.css +2078 -174
- package/tools/styles/main.css +2 -1
- package/tools/styles/prose-overrides-v4.css +152 -0
- package/tools/styles/shadows-v4.css +86 -0
- package/tools/styles/tippy-v4.css +901 -0
- package/tools/styles/typography-v4.css +373 -0
- package/dist/chunks/index-DJzCzdSU.js +0 -26
- package/dist/chunks/index-DvaA_XMV.js +0 -30
- package/tools/sass/component-v4.scss +0 -18
- package/tools/sass/fonts-v4.scss +0 -70
- package/tools/sass/main-v4.scss +0 -19
- package/tools/sass/tippy-v4.scss +0 -340
- package/tools/sass/variables-v4.scss +0 -172
|
@@ -0,0 +1,373 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @file Typography v4
|
|
3
|
+
*
|
|
4
|
+
* This file contains all typography classes for Tailwind v4.
|
|
5
|
+
* Uses pure CSS properties instead of @apply to avoid Tailwind v4 conflicts.
|
|
6
|
+
*
|
|
7
|
+
* Wrapped in @layer components so Tailwind utility classes can override properties.
|
|
8
|
+
* This matches v3 behavior where @apply classes had lower priority than utilities.
|
|
9
|
+
*
|
|
10
|
+
* You can use them same as the normal Tailwind classes, e.g.: class="heading-inter-26-semi-bold"
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
@layer components {
|
|
14
|
+
/* Headers */
|
|
15
|
+
|
|
16
|
+
.heading-inter-48-regular {
|
|
17
|
+
font-family: var(--font-inter);
|
|
18
|
+
font-size: var(--text-48);
|
|
19
|
+
font-weight: var(--font-weight-400);
|
|
20
|
+
font-style: normal;
|
|
21
|
+
line-height: var(--leading-58);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.heading-inter-48-bold {
|
|
25
|
+
font-family: var(--font-inter);
|
|
26
|
+
font-size: var(--text-48);
|
|
27
|
+
font-weight: var(--font-weight-500);
|
|
28
|
+
font-style: normal;
|
|
29
|
+
line-height: var(--leading-58);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.heading-inter-44-regular {
|
|
33
|
+
font-family: var(--font-inter);
|
|
34
|
+
font-size: var(--text-44);
|
|
35
|
+
font-weight: var(--font-weight-400);
|
|
36
|
+
font-style: normal;
|
|
37
|
+
line-height: var(--leading-40);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.heading-inter-44-medium {
|
|
41
|
+
font-family: var(--font-inter);
|
|
42
|
+
font-size: var(--text-44);
|
|
43
|
+
font-weight: var(--font-weight-500);
|
|
44
|
+
font-style: normal;
|
|
45
|
+
line-height: var(--leading-40);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.heading-inter-40-regular {
|
|
49
|
+
font-family: var(--font-inter);
|
|
50
|
+
font-size: var(--text-40);
|
|
51
|
+
font-weight: var(--font-weight-400);
|
|
52
|
+
font-style: normal;
|
|
53
|
+
line-height: var(--leading-48);
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.heading-inter-40-bold {
|
|
57
|
+
font-family: var(--font-inter);
|
|
58
|
+
font-size: var(--text-40);
|
|
59
|
+
font-weight: var(--font-weight-500);
|
|
60
|
+
font-style: normal;
|
|
61
|
+
line-height: var(--leading-48);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.heading-inter-32-regular {
|
|
65
|
+
font-family: var(--font-inter);
|
|
66
|
+
font-size: var(--text-32);
|
|
67
|
+
font-weight: var(--font-weight-400);
|
|
68
|
+
font-style: normal;
|
|
69
|
+
line-height: var(--leading-38);
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.heading-inter-32-medium {
|
|
73
|
+
font-family: var(--font-inter);
|
|
74
|
+
font-size: var(--text-32);
|
|
75
|
+
font-weight: var(--font-weight-500);
|
|
76
|
+
font-style: normal;
|
|
77
|
+
line-height: var(--leading-38);
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.heading-inter-24-medium {
|
|
81
|
+
font-family: var(--font-inter);
|
|
82
|
+
font-size: var(--text-24);
|
|
83
|
+
font-weight: var(--font-weight-500);
|
|
84
|
+
font-style: normal;
|
|
85
|
+
line-height: var(--leading-28);
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.heading-inter-26-semi-bold {
|
|
89
|
+
font-family: var(--font-inter);
|
|
90
|
+
font-size: var(--text-26);
|
|
91
|
+
font-weight: var(--font-weight-600);
|
|
92
|
+
font-style: normal;
|
|
93
|
+
line-height: var(--leading-31);
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.heading-inter-21-semi-bold {
|
|
97
|
+
font-family: var(--font-inter);
|
|
98
|
+
font-size: var(--text-21);
|
|
99
|
+
font-weight: var(--font-weight-600);
|
|
100
|
+
font-style: normal;
|
|
101
|
+
line-height: var(--leading-26);
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.heading-inter-17-semi-bold {
|
|
105
|
+
font-family: var(--font-inter);
|
|
106
|
+
font-size: var(--text-17);
|
|
107
|
+
font-weight: var(--font-weight-600);
|
|
108
|
+
font-style: normal;
|
|
109
|
+
line-height: var(--leading-22);
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.heading-inter-12-bold-uppercase {
|
|
113
|
+
font-family: var(--font-inter);
|
|
114
|
+
font-size: var(--text-12);
|
|
115
|
+
font-weight: var(--font-weight-700);
|
|
116
|
+
font-style: normal;
|
|
117
|
+
line-height: var(--leading-15);
|
|
118
|
+
text-transform: uppercase;
|
|
119
|
+
letter-spacing: 0.02em;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.heading-inter-14-bold {
|
|
123
|
+
font-family: var(--font-inter);
|
|
124
|
+
font-size: var(--text-14);
|
|
125
|
+
font-weight: var(--font-weight-700);
|
|
126
|
+
font-style: normal;
|
|
127
|
+
line-height: var(--leading-17);
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
/* Navbar */
|
|
131
|
+
|
|
132
|
+
.nav-inter-14-medium-uppercase {
|
|
133
|
+
font-family: var(--font-inter);
|
|
134
|
+
font-size: var(--text-14);
|
|
135
|
+
font-weight: var(--font-weight-500);
|
|
136
|
+
font-style: normal;
|
|
137
|
+
line-height: var(--leading-17);
|
|
138
|
+
text-transform: uppercase;
|
|
139
|
+
letter-spacing: 0.08em;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
.nav-inter-12-medium-uppercase {
|
|
143
|
+
font-family: var(--font-inter);
|
|
144
|
+
font-size: var(--text-12);
|
|
145
|
+
font-weight: var(--font-weight-500);
|
|
146
|
+
font-style: normal;
|
|
147
|
+
line-height: var(--leading-14);
|
|
148
|
+
text-transform: uppercase;
|
|
149
|
+
letter-spacing: 0.08em;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
.nav-inter-10-regular {
|
|
153
|
+
font-family: var(--font-inter);
|
|
154
|
+
font-size: var(--text-10);
|
|
155
|
+
font-weight: var(--font-weight-400);
|
|
156
|
+
font-style: normal;
|
|
157
|
+
line-height: var(--leading-12);
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
.nav-inter-8-medium-uppercase {
|
|
161
|
+
font-family: var(--font-inter);
|
|
162
|
+
font-size: var(--text-8);
|
|
163
|
+
font-weight: var(--font-weight-500);
|
|
164
|
+
font-style: normal;
|
|
165
|
+
line-height: var(--leading-10);
|
|
166
|
+
text-transform: uppercase;
|
|
167
|
+
letter-spacing: 0.08em;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
/* Paragraph */
|
|
171
|
+
|
|
172
|
+
.paragraph-inter-20-regular {
|
|
173
|
+
font-family: var(--font-inter);
|
|
174
|
+
font-size: var(--text-20);
|
|
175
|
+
font-weight: var(--font-weight-400);
|
|
176
|
+
font-style: normal;
|
|
177
|
+
line-height: var(--leading-32);
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
.paragraph-inter-16-regular {
|
|
181
|
+
font-family: var(--font-inter);
|
|
182
|
+
font-size: var(--text-16);
|
|
183
|
+
font-weight: var(--font-weight-400);
|
|
184
|
+
font-style: normal;
|
|
185
|
+
line-height: var(--leading-24);
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
.paragraph-inter-16-semi-bold {
|
|
189
|
+
font-family: var(--font-inter);
|
|
190
|
+
font-size: var(--text-16);
|
|
191
|
+
font-weight: var(--font-weight-600);
|
|
192
|
+
font-style: normal;
|
|
193
|
+
line-height: var(--leading-24);
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
.paragraph-inter-16-semi-bold-underlined {
|
|
197
|
+
font-family: var(--font-inter);
|
|
198
|
+
font-size: var(--text-16);
|
|
199
|
+
font-weight: var(--font-weight-600);
|
|
200
|
+
font-style: normal;
|
|
201
|
+
line-height: var(--leading-24);
|
|
202
|
+
text-decoration: underline;
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
.paragraph-inter-14-regular {
|
|
206
|
+
font-family: var(--font-inter);
|
|
207
|
+
font-size: var(--text-14);
|
|
208
|
+
font-weight: var(--font-weight-400);
|
|
209
|
+
font-style: normal;
|
|
210
|
+
line-height: var(--leading-22);
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
.paragraph-inter-14-medium {
|
|
214
|
+
font-family: var(--font-inter);
|
|
215
|
+
font-size: var(--text-14);
|
|
216
|
+
font-weight: var(--font-weight-500);
|
|
217
|
+
font-style: normal;
|
|
218
|
+
line-height: var(--leading-22);
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
.paragraph-inter-14-semi-bold {
|
|
222
|
+
font-family: var(--font-inter);
|
|
223
|
+
font-size: var(--text-14);
|
|
224
|
+
font-weight: var(--font-weight-600);
|
|
225
|
+
font-style: normal;
|
|
226
|
+
line-height: var(--leading-22);
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
.paragraph-inter-13-regular {
|
|
230
|
+
font-family: var(--font-inter);
|
|
231
|
+
font-size: var(--text-13);
|
|
232
|
+
font-weight: var(--font-weight-400);
|
|
233
|
+
font-style: normal;
|
|
234
|
+
line-height: var(--leading-20);
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
.paragraph-inter-12-regular {
|
|
238
|
+
font-family: var(--font-inter);
|
|
239
|
+
font-size: var(--text-12);
|
|
240
|
+
font-weight: var(--font-weight-400);
|
|
241
|
+
font-style: normal;
|
|
242
|
+
line-height: var(--leading-20);
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
.paragraph-inter-10-regular {
|
|
246
|
+
font-family: var(--font-inter);
|
|
247
|
+
font-size: var(--text-10);
|
|
248
|
+
font-weight: var(--font-weight-400);
|
|
249
|
+
font-style: normal;
|
|
250
|
+
line-height: var(--leading-12);
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
.paragraph-inter-12-medium {
|
|
254
|
+
font-family: var(--font-inter);
|
|
255
|
+
font-size: var(--text-12);
|
|
256
|
+
font-weight: var(--font-weight-500);
|
|
257
|
+
font-style: normal;
|
|
258
|
+
line-height: var(--leading-20);
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
.paragraph-inter-12-semi-bold {
|
|
262
|
+
font-family: var(--font-inter);
|
|
263
|
+
font-size: var(--text-12);
|
|
264
|
+
font-weight: var(--font-weight-600);
|
|
265
|
+
font-style: normal;
|
|
266
|
+
line-height: var(--leading-20);
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
.paragraph-inter-12-bold {
|
|
270
|
+
font-family: var(--font-inter);
|
|
271
|
+
font-size: var(--text-12);
|
|
272
|
+
font-weight: var(--font-weight-700);
|
|
273
|
+
font-style: normal;
|
|
274
|
+
line-height: var(--leading-20);
|
|
275
|
+
}
|
|
276
|
+
|
|
277
|
+
.paragraph-inter-10-semi-bold {
|
|
278
|
+
font-family: var(--font-inter);
|
|
279
|
+
font-size: var(--text-10);
|
|
280
|
+
font-weight: var(--font-weight-600);
|
|
281
|
+
font-style: normal;
|
|
282
|
+
line-height: var(--leading-12);
|
|
283
|
+
}
|
|
284
|
+
|
|
285
|
+
.paragraph-inter-10-bold-uppercase {
|
|
286
|
+
font-family: var(--font-inter);
|
|
287
|
+
font-size: var(--text-10);
|
|
288
|
+
font-weight: var(--font-weight-700);
|
|
289
|
+
font-style: normal;
|
|
290
|
+
line-height: var(--leading-12);
|
|
291
|
+
text-transform: uppercase;
|
|
292
|
+
}
|
|
293
|
+
|
|
294
|
+
.paragraph-ptmono-24-regular {
|
|
295
|
+
font-family: var(--font-mono);
|
|
296
|
+
font-size: var(--text-24);
|
|
297
|
+
font-weight: var(--font-weight-400);
|
|
298
|
+
font-style: normal;
|
|
299
|
+
line-height: var(--leading-26);
|
|
300
|
+
}
|
|
301
|
+
|
|
302
|
+
.paragraph-ptmono-24-bold {
|
|
303
|
+
font-family: var(--font-mono);
|
|
304
|
+
font-size: var(--text-24);
|
|
305
|
+
font-weight: var(--font-weight-700);
|
|
306
|
+
font-style: normal;
|
|
307
|
+
line-height: var(--leading-26);
|
|
308
|
+
}
|
|
309
|
+
|
|
310
|
+
.paragraph-ptmono-16-regular {
|
|
311
|
+
font-family: var(--font-mono);
|
|
312
|
+
font-size: var(--text-16);
|
|
313
|
+
font-weight: var(--font-weight-400);
|
|
314
|
+
font-style: normal;
|
|
315
|
+
line-height: var(--leading-22);
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
.paragraph-ptmono-16-bold {
|
|
319
|
+
font-family: var(--font-mono);
|
|
320
|
+
font-size: var(--text-16);
|
|
321
|
+
font-weight: var(--font-weight-700);
|
|
322
|
+
font-style: normal;
|
|
323
|
+
line-height: var(--leading-22);
|
|
324
|
+
}
|
|
325
|
+
|
|
326
|
+
.paragraph-ptmono-14-regular {
|
|
327
|
+
font-family: var(--font-mono);
|
|
328
|
+
font-size: var(--text-14);
|
|
329
|
+
font-weight: var(--font-weight-400);
|
|
330
|
+
font-style: normal;
|
|
331
|
+
line-height: var(--leading-20);
|
|
332
|
+
}
|
|
333
|
+
|
|
334
|
+
.paragraph-ptmono-14-bold {
|
|
335
|
+
font-family: var(--font-mono);
|
|
336
|
+
font-size: var(--text-14);
|
|
337
|
+
font-weight: var(--font-weight-700);
|
|
338
|
+
font-style: normal;
|
|
339
|
+
line-height: var(--leading-20);
|
|
340
|
+
}
|
|
341
|
+
|
|
342
|
+
.paragraph-ptmono-12-bold {
|
|
343
|
+
font-family: var(--font-mono);
|
|
344
|
+
font-size: var(--text-12);
|
|
345
|
+
font-weight: var(--font-weight-700);
|
|
346
|
+
font-style: normal;
|
|
347
|
+
line-height: var(--leading-14);
|
|
348
|
+
}
|
|
349
|
+
|
|
350
|
+
.paragraph-ptmono-12-regular {
|
|
351
|
+
font-family: var(--font-mono);
|
|
352
|
+
font-size: var(--text-12);
|
|
353
|
+
font-weight: var(--font-weight-400);
|
|
354
|
+
font-style: normal;
|
|
355
|
+
line-height: var(--leading-14);
|
|
356
|
+
}
|
|
357
|
+
|
|
358
|
+
.paragraph-ptmono-10-bold {
|
|
359
|
+
font-family: var(--font-mono);
|
|
360
|
+
font-size: var(--text-10);
|
|
361
|
+
font-weight: var(--font-weight-700);
|
|
362
|
+
font-style: normal;
|
|
363
|
+
line-height: var(--leading-14);
|
|
364
|
+
}
|
|
365
|
+
|
|
366
|
+
.paragraph-ptmono-10-regular {
|
|
367
|
+
font-family: var(--font-mono);
|
|
368
|
+
font-size: var(--text-10);
|
|
369
|
+
font-weight: var(--font-weight-400);
|
|
370
|
+
font-style: normal;
|
|
371
|
+
line-height: var(--leading-14);
|
|
372
|
+
}
|
|
373
|
+
} /* end @layer components */
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { unsafeCSS, LitElement } from 'lit';
|
|
2
|
-
|
|
3
|
-
function safeCustomElement(tagName) {
|
|
4
|
-
return ((classOrDescriptor) => {
|
|
5
|
-
if (typeof customElements !== "undefined" && !customElements.get(tagName)) {
|
|
6
|
-
customElements.define(tagName, classOrDescriptor);
|
|
7
|
-
}
|
|
8
|
-
return classOrDescriptor;
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n@layer properties {\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n *, :before, :after, ::backdrop {\n --tw-leading: initial;\n --tw-tracking: initial;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-rotate-x: initial;\n --tw-rotate-y: initial;\n --tw-rotate-z: initial;\n --tw-skew-x: initial;\n --tw-skew-y: initial;\n --tw-pan-x: initial;\n --tw-pan-y: initial;\n --tw-pinch-zoom: initial;\n --tw-space-y-reverse: 0;\n --tw-border-style: solid;\n --tw-gradient-position: initial;\n --tw-gradient-from: #0000;\n --tw-gradient-via: #0000;\n --tw-gradient-to: #0000;\n --tw-gradient-stops: initial;\n --tw-gradient-via-stops: initial;\n --tw-gradient-from-position: 0%;\n --tw-gradient-via-position: 50%;\n --tw-gradient-to-position: 100%;\n --tw-font-weight: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-outline-style: solid;\n --tw-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\n --tw-backdrop-blur: initial;\n --tw-backdrop-brightness: initial;\n --tw-backdrop-contrast: initial;\n --tw-backdrop-grayscale: initial;\n --tw-backdrop-hue-rotate: initial;\n --tw-backdrop-invert: initial;\n --tw-backdrop-opacity: initial;\n --tw-backdrop-saturate: initial;\n --tw-backdrop-sepia: initial;\n --tw-duration: initial;\n --tw-ease: initial;\n --tw-content: \"\";\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\n }\n }\n}\n\n:root, :host {\n --neutral-20: #243542;\n --neutral-100: #fff;\n --coral-65: #f37c58;\n --green-54: #47cd68;\n --blue-50: #0567fa;\n --red-55: #e23636;\n --purple-51: #646ea0;\n --font-inter: \"Inter\", ui-sans-serif, system-ui, sans-serif;\n --font-mono: \"PT Mono\", ui-monospace, monospace;\n --text-6: 6px;\n --text-8: 8px;\n --text-10: 10px;\n --text-12: 12px;\n --text-13: 13px;\n --text-14: 14px;\n --text-16: 16px;\n --text-17: 17px;\n --text-20: 20px;\n --text-21: 21px;\n --text-24: 24px;\n --text-26: 26px;\n --text-32: 32px;\n --text-40: 40px;\n --text-44: 44px;\n --text-48: 48px;\n --font-400: 400;\n --font-500: 500;\n --font-600: 600;\n --font-700: 700;\n --leading-10: 10px;\n --leading-12: 12px;\n --leading-14: 14px;\n --leading-15: 15px;\n --leading-17: 17px;\n --leading-20: 20px;\n --leading-22: 22px;\n --leading-24: 24px;\n --leading-26: 26px;\n --leading-28: 28px;\n --leading-31: 31px;\n --leading-32: 32px;\n --leading-38: 38px;\n --leading-40: 40px;\n --leading-48: 48px;\n --leading-58: 58px;\n --radius-0: 0;\n --radius-4: 4px;\n --radius-8: 8px;\n --radius-10: 10px;\n --radius-12: 12px;\n --radius-14: 14px;\n --radius-24: 24px;\n --scale-98: .98;\n --height-78: 78px;\n --spacing-17: 4.25rem;\n --spacing-30: 7.5rem;\n --animate-pulse-resize: pulse-resize 1s ease-in-out infinite;\n --animate-resize-in: resize-in .5s ease-in-out;\n --animate-fade-in: fade-in .5s ease-in-out forwards;\n --animate-bounce2: bounce2 1s ease-in-out infinite alternate;\n --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n --color-red-600: oklch(57.7% .245 27.325);\n --color-orange-600: oklch(64.6% .222 41.116);\n --color-yellow-600: oklch(68.1% .162 75.834);\n --color-green-600: oklch(62.7% .194 149.214);\n --color-gray-100: oklch(96.7% .003 264.542);\n --color-gray-400: oklch(70.7% .022 261.325);\n --color-gray-500: oklch(55.1% .027 264.364);\n --color-gray-600: oklch(44.6% .03 256.802);\n --color-gray-800: oklch(27.8% .033 256.848);\n --color-neutral-100: oklch(97% 0 0);\n --color-white: #fff;\n --spacing: .25rem;\n --container-sm: 24rem;\n --text-xs: .75rem;\n --text-xs--line-height: calc(1 / .75);\n --text-sm: .875rem;\n --text-sm--line-height: calc(1.25 / .875);\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --tracking-wider: .05em;\n --leading-tight: 1.25;\n --leading-relaxed: 1.625;\n --radius-md: .375rem;\n --radius-lg: .5rem;\n --ease-in: cubic-bezier(.4, 0, 1, 1);\n --ease-out: cubic-bezier(0, 0, .2, 1);\n --ease-in-out: cubic-bezier(.4, 0, .2, 1);\n --animate-spin: spin 1s linear infinite;\n --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;\n --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;\n --animate-bounce: bounce 1s infinite;\n --blur-sm: 8px;\n --default-transition-duration: .15s;\n --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n --default-font-family: var(--font-sans);\n --default-mono-font-family: var(--font-mono);\n}\n\n@font-face {\n font-family: Inter;\n src: url(\"/assets/fonts/Inter-Regular.woff2\") format(\"woff2\");\n font-weight: normal;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Inter;\n src: url(\"/assets/fonts/Inter-ExtraBold.woff2\") format(\"woff2\");\n font-weight: 800;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Inter;\n src: url(\"/assets/fonts/Inter-Bold.woff2\") format(\"woff2\");\n font-weight: bold;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Inter;\n src: url(\"/assets/fonts/Inter-SemiBold.woff2\") format(\"woff2\");\n font-weight: 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Inter;\n src: url(\"/assets/fonts/Inter-Medium.woff2\") format(\"woff2\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Inter;\n src: url(\"/assets/fonts/Inter-Thin.woff2\") format(\"woff2\");\n font-weight: 100;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: PT Mono;\n src: url(\"/assets/fonts/PT-Mono-Regular.woff2\") format(\"woff2\");\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: PT Mono;\n src: url(\"/assets/fonts/PT-Mono-Bold.woff2\") format(\"woff2\");\n font-weight: bold;\n font-style: normal;\n}\n\n@layer base {\n .heading-inter-48-regular {\n font-family: var(--font-400);\n font-family: var(--font-inter);\n font-size: var(--text-48);\n --tw-leading: var(--leading-58);\n line-height: var(--leading-58);\n font-style: normal;\n }\n\n .heading-inter-48-bold {\n font-family: var(--font-500);\n font-family: var(--font-inter);\n font-size: var(--text-48);\n --tw-leading: var(--leading-58);\n line-height: var(--leading-58);\n font-style: normal;\n }\n\n .heading-inter-44-regular {\n font-family: var(--font-400);\n font-family: var(--font-inter);\n font-size: var(--text-44);\n --tw-leading: var(--leading-40);\n line-height: var(--leading-40);\n font-style: normal;\n }\n\n .heading-inter-44-medium {\n font-family: var(--font-500);\n font-family: var(--font-inter);\n font-size: var(--text-44);\n --tw-leading: var(--leading-40);\n line-height: var(--leading-40);\n font-style: normal;\n }\n\n .heading-inter-40-regular {\n font-family: var(--font-400);\n font-family: var(--font-inter);\n font-size: var(--text-40);\n --tw-leading: var(--leading-48);\n line-height: var(--leading-48);\n font-style: normal;\n }\n\n .heading-inter-40-bold {\n font-family: var(--font-500);\n font-family: var(--font-inter);\n font-size: var(--text-40);\n --tw-leading: var(--leading-48);\n line-height: var(--leading-48);\n font-style: normal;\n }\n\n .heading-inter-32-regular {\n font-family: var(--font-400);\n font-family: var(--font-inter);\n font-size: var(--text-32);\n --tw-leading: var(--leading-38);\n line-height: var(--leading-38);\n font-style: normal;\n }\n\n .heading-inter-32-medium {\n font-family: var(--font-500);\n font-family: var(--font-inter);\n font-size: var(--text-32);\n --tw-leading: var(--leading-38);\n line-height: var(--leading-38);\n font-style: normal;\n }\n\n .heading-inter-24-medium {\n font-family: var(--font-500);\n font-family: var(--font-inter);\n font-size: var(--text-24);\n --tw-leading: var(--leading-28);\n line-height: var(--leading-28);\n font-style: normal;\n }\n\n .heading-inter-26-semi-bold {\n font-family: var(--font-600);\n font-family: var(--font-inter);\n font-size: var(--text-26);\n --tw-leading: var(--leading-31);\n line-height: var(--leading-31);\n font-style: normal;\n }\n\n .heading-inter-21-semi-bold {\n font-family: var(--font-600);\n font-family: var(--font-inter);\n font-size: var(--text-21);\n --tw-leading: var(--leading-26);\n line-height: var(--leading-26);\n font-style: normal;\n }\n\n .heading-inter-17-semi-bold {\n font-family: var(--font-600);\n font-family: var(--font-inter);\n font-size: var(--text-17);\n --tw-leading: var(--leading-22);\n line-height: var(--leading-22);\n font-style: normal;\n }\n\n .heading-inter-12-bold-uppercase {\n font-family: var(--font-700);\n font-family: var(--font-inter);\n font-size: var(--text-12);\n --tw-leading: var(--leading-15);\n line-height: var(--leading-15);\n --tw-tracking: .02em;\n letter-spacing: .02em;\n text-transform: uppercase;\n font-style: normal;\n }\n\n .heading-inter-14-bold {\n font-family: var(--font-700);\n font-family: var(--font-inter);\n font-size: var(--text-14);\n --tw-leading: var(--leading-17);\n line-height: var(--leading-17);\n font-style: normal;\n }\n\n .nav-inter-14-medium-uppercase {\n font-family: var(--font-500);\n font-family: var(--font-inter);\n font-size: var(--text-14);\n --tw-leading: var(--leading-17);\n line-height: var(--leading-17);\n --tw-tracking: .08em;\n letter-spacing: .08em;\n text-transform: uppercase;\n font-style: normal;\n }\n\n .nav-inter-12-medium-uppercase {\n font-family: var(--font-500);\n font-family: var(--font-inter);\n font-size: var(--text-12);\n --tw-leading: var(--leading-14);\n line-height: var(--leading-14);\n --tw-tracking: .08em;\n letter-spacing: .08em;\n text-transform: uppercase;\n font-style: normal;\n }\n\n .nav-inter-10-regular {\n font-family: var(--font-400);\n font-family: var(--font-inter);\n font-size: var(--text-10);\n --tw-leading: var(--leading-12);\n line-height: var(--leading-12);\n font-style: normal;\n }\n\n .nav-inter-8-medium-uppercase {\n font-family: var(--font-500);\n font-family: var(--font-inter);\n font-size: var(--text-8);\n --tw-leading: var(--leading-10);\n line-height: var(--leading-10);\n --tw-tracking: .08em;\n letter-spacing: .08em;\n text-transform: uppercase;\n font-style: normal;\n }\n\n .paragraph-inter-20-regular {\n font-family: var(--font-400);\n font-family: var(--font-inter);\n font-size: var(--text-20);\n --tw-leading: var(--leading-32);\n line-height: var(--leading-32);\n font-style: normal;\n }\n\n .paragraph-inter-16-regular {\n font-family: var(--font-400);\n font-family: var(--font-inter);\n font-size: var(--text-16);\n --tw-leading: var(--leading-24);\n line-height: var(--leading-24);\n font-style: normal;\n }\n\n .paragraph-inter-16-semi-bold {\n font-family: var(--font-600);\n font-family: var(--font-inter);\n font-size: var(--text-16);\n --tw-leading: var(--leading-24);\n line-height: var(--leading-24);\n font-style: normal;\n }\n\n .paragraph-inter-16-semi-bold-underlined {\n font-family: var(--font-600);\n font-family: var(--font-inter);\n font-size: var(--text-16);\n --tw-leading: var(--leading-24);\n line-height: var(--leading-24);\n font-style: normal;\n text-decoration-line: underline;\n }\n\n .paragraph-inter-14-regular {\n font-family: var(--font-400);\n font-family: var(--font-inter);\n font-size: var(--text-14);\n --tw-leading: var(--leading-22);\n line-height: var(--leading-22);\n font-style: normal;\n }\n\n .paragraph-inter-14-medium {\n font-family: var(--font-500);\n font-family: var(--font-inter);\n font-size: var(--text-14);\n --tw-leading: var(--leading-22);\n line-height: var(--leading-22);\n font-style: normal;\n }\n\n .paragraph-inter-14-semi-bold {\n font-family: var(--font-600);\n font-family: var(--font-inter);\n font-size: var(--text-14);\n --tw-leading: var(--leading-22);\n line-height: var(--leading-22);\n font-style: normal;\n }\n\n .paragraph-inter-13-regular {\n font-family: var(--font-400);\n font-family: var(--font-inter);\n font-size: var(--text-13);\n --tw-leading: var(--leading-20);\n line-height: var(--leading-20);\n font-style: normal;\n }\n\n .paragraph-inter-12-regular {\n font-family: var(--font-400);\n font-family: var(--font-inter);\n font-size: var(--text-12);\n --tw-leading: var(--leading-20);\n line-height: var(--leading-20);\n font-style: normal;\n }\n\n .paragraph-inter-10-regular {\n font-family: var(--font-400);\n font-family: var(--font-inter);\n font-size: var(--text-10);\n --tw-leading: var(--leading-12);\n line-height: var(--leading-12);\n font-style: normal;\n }\n\n .paragraph-inter-12-medium {\n font-family: var(--font-500);\n font-family: var(--font-inter);\n font-size: var(--text-12);\n --tw-leading: var(--leading-20);\n line-height: var(--leading-20);\n font-style: normal;\n }\n\n .paragraph-inter-12-semi-bold {\n font-family: var(--font-600);\n font-family: var(--font-inter);\n font-size: var(--text-12);\n --tw-leading: var(--leading-20);\n line-height: var(--leading-20);\n font-style: normal;\n }\n\n .paragraph-inter-12-bold {\n font-family: var(--font-700);\n font-family: var(--font-inter);\n font-size: var(--text-12);\n --tw-leading: var(--leading-20);\n line-height: var(--leading-20);\n font-style: normal;\n }\n\n .paragraph-inter-10-semi-bold {\n font-family: var(--font-600);\n font-family: var(--font-inter);\n font-size: var(--text-10);\n --tw-leading: var(--leading-12);\n line-height: var(--leading-12);\n font-style: normal;\n }\n\n .paragraph-inter-10-bold-uppercase {\n font-family: var(--font-700);\n font-family: var(--font-inter);\n font-size: var(--text-10);\n --tw-leading: var(--leading-12);\n line-height: var(--leading-12);\n text-transform: uppercase;\n font-style: normal;\n }\n\n .paragraph-ptmono-24-regular {\n font-family: var(--font-400);\n font-family: var(--font-mono);\n font-size: var(--text-24);\n --tw-leading: var(--leading-26);\n line-height: var(--leading-26);\n font-style: normal;\n }\n\n .paragraph-ptmono-24-bold {\n font-family: var(--font-700);\n font-family: var(--font-mono);\n font-size: var(--text-24);\n --tw-leading: var(--leading-26);\n line-height: var(--leading-26);\n font-style: normal;\n }\n\n .paragraph-ptmono-16-regular {\n font-family: var(--font-400);\n font-family: var(--font-mono);\n font-size: var(--text-16);\n --tw-leading: var(--leading-22);\n line-height: var(--leading-22);\n font-style: normal;\n }\n\n .paragraph-ptmono-16-bold {\n font-family: var(--font-700);\n font-family: var(--font-mono);\n font-size: var(--text-16);\n --tw-leading: var(--leading-22);\n line-height: var(--leading-22);\n font-style: normal;\n }\n\n .paragraph-ptmono-14-regular {\n font-family: var(--font-400);\n font-family: var(--font-mono);\n font-size: var(--text-14);\n --tw-leading: var(--leading-20);\n line-height: var(--leading-20);\n font-style: normal;\n }\n\n .paragraph-ptmono-14-bold {\n font-family: var(--font-700);\n font-family: var(--font-mono);\n font-size: var(--text-14);\n --tw-leading: var(--leading-20);\n line-height: var(--leading-20);\n font-style: normal;\n }\n\n .paragraph-ptmono-12-bold {\n font-family: var(--font-700);\n font-family: var(--font-mono);\n font-size: var(--text-12);\n --tw-leading: var(--leading-14);\n line-height: var(--leading-14);\n font-style: normal;\n }\n\n .paragraph-ptmono-12-regular {\n font-family: var(--font-400);\n font-family: var(--font-mono);\n font-size: var(--text-12);\n --tw-leading: var(--leading-14);\n line-height: var(--leading-14);\n font-style: normal;\n }\n\n .paragraph-ptmono-10-bold {\n font-family: var(--font-700);\n font-family: var(--font-mono);\n font-size: var(--text-10);\n --tw-leading: var(--leading-14);\n line-height: var(--leading-14);\n font-style: normal;\n }\n\n .paragraph-ptmono-10-regular {\n font-family: var(--font-400);\n font-family: var(--font-mono);\n font-size: var(--text-10);\n --tw-leading: var(--leading-14);\n line-height: var(--leading-14);\n font-style: normal;\n }\n\n *, :after, :before, ::backdrop {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n ::file-selector-button {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n html, :host {\n -webkit-text-size-adjust: 100%;\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4;\n line-height: 1.5;\n font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n font-feature-settings: var(--default-font-feature-settings, normal);\n font-variation-settings: var(--default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n -webkit-text-decoration: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n\n b, strong {\n font-weight: bolder;\n }\n\n code, kbd, samp, pre {\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n\n small {\n font-size: 80%;\n }\n\n sub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n }\n\n sub {\n bottom: -.25em;\n }\n\n sup {\n top: -.5em;\n }\n\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n\n :-moz-focusring {\n outline: auto;\n }\n\n progress {\n vertical-align: baseline;\n }\n\n summary {\n display: list-item;\n }\n\n ol, ul, menu {\n list-style: none;\n }\n\n img, svg, video, canvas, audio, iframe, embed, object {\n vertical-align: middle;\n display: block;\n }\n\n img, video {\n max-width: 100%;\n height: auto;\n }\n\n button, input, select, optgroup, textarea {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n\n ::-moz-placeholder {\n opacity: 1;\n }\n\n ::placeholder {\n opacity: 1;\n }\n\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\n ::-moz-placeholder {\n color: currentColor;\n }\n ::placeholder {\n color: currentColor;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n ::-moz-placeholder {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n ::placeholder {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n\n textarea {\n resize: vertical;\n }\n\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n\n ::-webkit-datetime-edit {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-year-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-month-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-day-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-hour-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-minute-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-second-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-millisecond-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n\n ::-webkit-calendar-picker-indicator {\n line-height: 1;\n }\n\n :-moz-ui-invalid {\n box-shadow: none;\n }\n\n button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n -webkit-appearance: button;\n -moz-appearance: button;\n appearance: button;\n }\n\n ::file-selector-button {\n -webkit-appearance: button;\n -moz-appearance: button;\n appearance: button;\n }\n\n ::-webkit-inner-spin-button {\n height: auto;\n }\n\n ::-webkit-outer-spin-button {\n height: auto;\n }\n\n [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n}\n\n@layer utilities {\n .scrollbar-none {\n scrollbar-width: none;\n }\n\n .scrollbar-none::-webkit-scrollbar {\n display: none;\n }\n\n .collapse {\n visibility: collapse;\n }\n\n .visible {\n visibility: visible;\n }\n\n .absolute {\n position: absolute;\n }\n\n .fixed {\n position: fixed;\n }\n\n .relative {\n position: relative;\n }\n\n .static {\n position: static;\n }\n\n .sticky {\n position: sticky;\n }\n\n .inset-0 {\n inset: calc(var(--spacing) * 0);\n }\n\n .-top-6 {\n top: calc(var(--spacing) * -6);\n }\n\n .-top-\\[40px\\] {\n top: -40px;\n }\n\n .-top-\\[70px\\] {\n top: -70px;\n }\n\n .top-0 {\n top: calc(var(--spacing) * 0);\n }\n\n .top-1\\/2 {\n top: 50%;\n }\n\n .top-2 {\n top: calc(var(--spacing) * 2);\n }\n\n .top-4 {\n top: calc(var(--spacing) * 4);\n }\n\n .top-\\[72px\\] {\n top: 72px;\n }\n\n .top-\\[78px\\] {\n top: 78px;\n }\n\n .right-0 {\n right: calc(var(--spacing) * 0);\n }\n\n .right-2 {\n right: calc(var(--spacing) * 2);\n }\n\n .right-3 {\n right: calc(var(--spacing) * 3);\n }\n\n .right-4 {\n right: calc(var(--spacing) * 4);\n }\n\n .bottom-0 {\n bottom: calc(var(--spacing) * 0);\n }\n\n .bottom-7 {\n bottom: calc(var(--spacing) * 7);\n }\n\n .bottom-12 {\n bottom: calc(var(--spacing) * 12);\n }\n\n .-left-\\[257px\\] {\n left: -257px;\n }\n\n .left-0 {\n left: calc(var(--spacing) * 0);\n }\n\n .left-3 {\n left: calc(var(--spacing) * 3);\n }\n\n .left-4 {\n left: calc(var(--spacing) * 4);\n }\n\n .left-\\[calc\\(50\\%_-_40px\\)\\] {\n left: calc(50% - 40px);\n }\n\n .z-10 {\n z-index: 10;\n }\n\n .z-50 {\n z-index: 50;\n }\n\n .z-\\[1\\] {\n z-index: 1;\n }\n\n .z-\\[999\\] {\n z-index: 999;\n }\n\n .z-\\[1000\\] {\n z-index: 1000;\n }\n\n .z-\\[1001\\] {\n z-index: 1001;\n }\n\n .z-\\[1010\\] {\n z-index: 1010;\n }\n\n .z-\\[1011\\] {\n z-index: 1011;\n }\n\n .z-\\[1012\\] {\n z-index: 1012;\n }\n\n .col-span-8 {\n grid-column: span 8 / span 8;\n }\n\n .container {\n width: 100%;\n }\n\n @media (min-width: 40rem) {\n .container {\n max-width: 40rem;\n }\n }\n\n @media (min-width: 48rem) {\n .container {\n max-width: 48rem;\n }\n }\n\n @media (min-width: 64rem) {\n .container {\n max-width: 64rem;\n }\n }\n\n @media (min-width: 80rem) {\n .container {\n max-width: 80rem;\n }\n }\n\n @media (min-width: 96rem) {\n .container {\n max-width: 96rem;\n }\n }\n\n .mx-3 {\n margin-inline: calc(var(--spacing) * 3);\n }\n\n .mx-20 {\n margin-inline: calc(var(--spacing) * 20);\n }\n\n .mx-auto {\n margin-inline: auto;\n }\n\n .my-1 {\n margin-block: calc(var(--spacing) * 1);\n }\n\n .my-2 {\n margin-block: calc(var(--spacing) * 2);\n }\n\n .my-6 {\n margin-block: calc(var(--spacing) * 6);\n }\n\n .my-8 {\n margin-block: calc(var(--spacing) * 8);\n }\n\n .-mt-\\[56px\\] {\n margin-top: -56px;\n }\n\n .mt-0 {\n margin-top: calc(var(--spacing) * 0);\n }\n\n .mt-1 {\n margin-top: calc(var(--spacing) * 1);\n }\n\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n\n .mt-6 {\n margin-top: calc(var(--spacing) * 6);\n }\n\n .mt-8 {\n margin-top: calc(var(--spacing) * 8);\n }\n\n .mt-20 {\n margin-top: calc(var(--spacing) * 20);\n }\n\n .mt-\\[1px\\] {\n margin-top: 1px;\n }\n\n .mr-1 {\n margin-right: calc(var(--spacing) * 1);\n }\n\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n\n .mr-3 {\n margin-right: calc(var(--spacing) * 3);\n }\n\n .mr-4 {\n margin-right: calc(var(--spacing) * 4);\n }\n\n .-mb-2 {\n margin-bottom: calc(var(--spacing) * -2);\n }\n\n .-mb-3 {\n margin-bottom: calc(var(--spacing) * -3);\n }\n\n .-mb-6 {\n margin-bottom: calc(var(--spacing) * -6);\n }\n\n .mb-1 {\n margin-bottom: calc(var(--spacing) * 1);\n }\n\n .mb-1\\.5 {\n margin-bottom: calc(var(--spacing) * 1.5);\n }\n\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n\n .mb-8 {\n margin-bottom: calc(var(--spacing) * 8);\n }\n\n .ml-1 {\n margin-left: calc(var(--spacing) * 1);\n }\n\n .ml-1\\.5 {\n margin-left: calc(var(--spacing) * 1.5);\n }\n\n .ml-2 {\n margin-left: calc(var(--spacing) * 2);\n }\n\n .ml-3 {\n margin-left: calc(var(--spacing) * 3);\n }\n\n .ml-\\[2px\\] {\n margin-left: 2px;\n }\n\n .ml-\\[6px\\] {\n margin-left: 6px;\n }\n\n .\\!flex {\n display: flex !important;\n }\n\n .\\!hidden {\n display: none !important;\n }\n\n .block {\n display: block;\n }\n\n .contents {\n display: contents;\n }\n\n .flex {\n display: flex;\n }\n\n .grid {\n display: grid;\n }\n\n .hidden {\n display: none;\n }\n\n .inline {\n display: inline;\n }\n\n .inline-block {\n display: inline-block;\n }\n\n .inline-flex {\n display: inline-flex;\n }\n\n .table {\n display: table;\n }\n\n .size-4 {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n\n .size-\\[200px\\] {\n width: 200px;\n height: 200px;\n }\n\n .size-\\[300px\\] {\n width: 300px;\n height: 300px;\n }\n\n .size-full {\n width: 100%;\n height: 100%;\n }\n\n .h-2 {\n height: calc(var(--spacing) * 2);\n }\n\n .h-3 {\n height: calc(var(--spacing) * 3);\n }\n\n .h-4 {\n height: calc(var(--spacing) * 4);\n }\n\n .h-5 {\n height: calc(var(--spacing) * 5);\n }\n\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n\n .h-7 {\n height: calc(var(--spacing) * 7);\n }\n\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n\n .h-9 {\n height: calc(var(--spacing) * 9);\n }\n\n .h-10 {\n height: calc(var(--spacing) * 10);\n }\n\n .h-12 {\n height: calc(var(--spacing) * 12);\n }\n\n .h-14 {\n height: calc(var(--spacing) * 14);\n }\n\n .h-17 {\n height: var(--spacing-17);\n }\n\n .h-20 {\n height: calc(var(--spacing) * 20);\n }\n\n .h-24 {\n height: calc(var(--spacing) * 24);\n }\n\n .h-30 {\n height: var(--spacing-30);\n }\n\n .h-78 {\n height: var(--height-78);\n }\n\n .h-\\[2px\\] {\n height: 2px;\n }\n\n .h-\\[10px\\] {\n height: 10px;\n }\n\n .h-\\[12px\\] {\n height: 12px;\n }\n\n .h-\\[17px\\] {\n height: 17px;\n }\n\n .h-\\[20px\\] {\n height: 20px;\n }\n\n .h-\\[26px\\] {\n height: 26px;\n }\n\n .h-\\[32px\\] {\n height: 32px;\n }\n\n .h-\\[34px\\] {\n height: 34px;\n }\n\n .h-\\[56px\\] {\n height: 56px;\n }\n\n .h-\\[60\\%\\] {\n height: 60%;\n }\n\n .h-\\[70px\\] {\n height: 70px;\n }\n\n .h-\\[83\\.3\\%\\] {\n height: 83.3%;\n }\n\n .h-\\[100vh\\] {\n height: 100vh;\n }\n\n .h-\\[200px\\] {\n height: 200px;\n }\n\n .h-\\[300px\\] {\n height: 300px;\n }\n\n .h-\\[600px\\] {\n height: 600px;\n }\n\n .h-\\[inherit\\] {\n height: inherit;\n }\n\n .h-\\[initial\\] {\n height: initial;\n }\n\n .h-full {\n height: 100%;\n }\n\n .h-screen {\n height: 100vh;\n }\n\n .max-h-52 {\n max-height: calc(var(--spacing) * 52);\n }\n\n .max-h-64 {\n max-height: calc(var(--spacing) * 64);\n }\n\n .min-h-7 {\n min-height: calc(var(--spacing) * 7);\n }\n\n .min-h-10 {\n min-height: calc(var(--spacing) * 10);\n }\n\n .min-h-12 {\n min-height: calc(var(--spacing) * 12);\n }\n\n .min-h-\\[38px\\] {\n min-height: 38px;\n }\n\n .min-h-\\[92px\\] {\n min-height: 92px;\n }\n\n .min-h-\\[129px\\] {\n min-height: 129px;\n }\n\n .min-h-\\[158px\\] {\n min-height: 158px;\n }\n\n .min-h-\\[200px\\] {\n min-height: 200px;\n }\n\n .min-h-\\[inherit\\] {\n min-height: inherit;\n }\n\n .min-h-full {\n min-height: 100%;\n }\n\n .min-h-screen {\n min-height: 100vh;\n }\n\n .w-0\\.5 {\n width: calc(var(--spacing) * .5);\n }\n\n .w-2 {\n width: calc(var(--spacing) * 2);\n }\n\n .w-3 {\n width: calc(var(--spacing) * 3);\n }\n\n .w-4 {\n width: calc(var(--spacing) * 4);\n }\n\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n\n .w-6 {\n width: calc(var(--spacing) * 6);\n }\n\n .w-7 {\n width: calc(var(--spacing) * 7);\n }\n\n .w-8 {\n width: calc(var(--spacing) * 8);\n }\n\n .w-9 {\n width: calc(var(--spacing) * 9);\n }\n\n .w-10 {\n width: calc(var(--spacing) * 10);\n }\n\n .w-12 {\n width: calc(var(--spacing) * 12);\n }\n\n .w-14 {\n width: calc(var(--spacing) * 14);\n }\n\n .w-20 {\n width: calc(var(--spacing) * 20);\n }\n\n .w-24 {\n width: calc(var(--spacing) * 24);\n }\n\n .w-30 {\n width: var(--spacing-30);\n }\n\n .w-\\[1\\%\\] {\n width: 1%;\n }\n\n .w-\\[1px\\] {\n width: 1px;\n }\n\n .w-\\[10px\\] {\n width: 10px;\n }\n\n .w-\\[12px\\] {\n width: 12px;\n }\n\n .w-\\[17px\\] {\n width: 17px;\n }\n\n .w-\\[18px\\] {\n width: 18px;\n }\n\n .w-\\[20px\\] {\n width: 20px;\n }\n\n .w-\\[26px\\] {\n width: 26px;\n }\n\n .w-\\[28px\\] {\n width: 28px;\n }\n\n .w-\\[32px\\] {\n width: 32px;\n }\n\n .w-\\[40px\\] {\n width: 40px;\n }\n\n .w-\\[48px\\] {\n width: 48px;\n }\n\n .w-\\[60\\%\\] {\n width: 60%;\n }\n\n .w-\\[83\\.3\\%\\] {\n width: 83.3%;\n }\n\n .w-\\[92px\\] {\n width: 92px;\n }\n\n .w-\\[96px\\] {\n width: 96px;\n }\n\n .w-\\[100vw\\] {\n width: 100vw;\n }\n\n .w-\\[121px\\] {\n width: 121px;\n }\n\n .w-\\[153px\\] {\n width: 153px;\n }\n\n .w-\\[180px\\] {\n width: 180px;\n }\n\n .w-\\[190px\\] {\n width: 190px;\n }\n\n .w-\\[210px\\] {\n width: 210px;\n }\n\n .w-\\[260px\\] {\n width: 260px;\n }\n\n .w-\\[300px\\] {\n width: 300px;\n }\n\n .w-\\[350px\\] {\n width: 350px;\n }\n\n .w-\\[352px\\] {\n width: 352px;\n }\n\n .w-\\[500px\\] {\n width: 500px;\n }\n\n .w-\\[849px\\] {\n width: 849px;\n }\n\n .w-\\[876px\\] {\n width: 876px;\n }\n\n .w-\\[inherit\\] {\n width: inherit;\n }\n\n .w-full {\n width: 100%;\n }\n\n .w-max {\n width: -moz-max-content;\n width: max-content;\n }\n\n .w-screen {\n width: 100vw;\n }\n\n .max-w-\\[200px\\] {\n max-width: 200px;\n }\n\n .max-w-\\[300px\\] {\n max-width: 300px;\n }\n\n .max-w-full {\n max-width: 100%;\n }\n\n .max-w-sm {\n max-width: var(--container-sm);\n }\n\n .min-w-6 {\n min-width: calc(var(--spacing) * 6);\n }\n\n .min-w-8 {\n min-width: calc(var(--spacing) * 8);\n }\n\n .min-w-\\[120px\\] {\n min-width: 120px;\n }\n\n .min-w-\\[200px\\] {\n min-width: 200px;\n }\n\n .min-w-full {\n min-width: 100%;\n }\n\n .shrink {\n flex-shrink: 1;\n }\n\n .shrink-0 {\n flex-shrink: 0;\n }\n\n .translate-x-4 {\n --tw-translate-x: calc(var(--spacing) * 4);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .rotate-180 {\n rotate: 180deg;\n }\n\n .transform {\n transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n }\n\n .animate-\\[name\\] {\n animation: name;\n }\n\n .animate-bounce {\n animation: var(--animate-bounce);\n }\n\n .animate-bounce2 {\n animation: var(--animate-bounce2);\n }\n\n .animate-fade-in {\n animation: var(--animate-fade-in);\n }\n\n .animate-ping {\n animation: var(--animate-ping);\n }\n\n .animate-pulse {\n animation: var(--animate-pulse);\n }\n\n .animate-pulse-resize {\n animation: var(--animate-pulse-resize);\n }\n\n .animate-resize-in {\n animation: var(--animate-resize-in);\n }\n\n .animate-spin {\n animation: var(--animate-spin);\n }\n\n .cursor-default {\n cursor: default;\n }\n\n .cursor-help {\n cursor: help;\n }\n\n .cursor-not-allowed {\n cursor: not-allowed;\n }\n\n .cursor-pointer {\n cursor: pointer;\n }\n\n .touch-pan-y {\n --tw-pan-y: pan-y;\n touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, );\n }\n\n .resize {\n resize: both;\n }\n\n .resize-none {\n resize: none;\n }\n\n .appearance-none {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n }\n\n .grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n }\n\n .grid-cols-8 {\n grid-template-columns: repeat(8, minmax(0, 1fr));\n }\n\n .grid-cols-\\[28px\\,auto\\] {\n grid-template-columns: 28px, auto;\n }\n\n .grid-cols-\\[40px\\,auto\\] {\n grid-template-columns: 40px, auto;\n }\n\n .grid-cols-\\[48px\\,auto\\] {\n grid-template-columns: 48px, auto;\n }\n\n .grid-cols-\\[minmax\\(max-content\\,35\\%\\)_auto_minmax\\(max-content\\,35\\%\\)\\] {\n grid-template-columns: minmax(max-content, 35%) auto minmax(max-content, 35%);\n }\n\n .grid-rows-2 {\n grid-template-rows: repeat(2, minmax(0, 1fr));\n }\n\n .grid-rows-\\[1fr\\,auto\\] {\n grid-template-rows: 1fr, auto;\n }\n\n .grid-rows-\\[auto\\,1fr\\] {\n grid-template-rows: auto, 1fr;\n }\n\n .grid-rows-\\[max-content\\,auto\\] {\n grid-template-rows: max-content, auto;\n }\n\n .grid-rows-\\[max-content\\] {\n grid-template-rows: max-content;\n }\n\n .flex-col {\n flex-direction: column;\n }\n\n .flex-row {\n flex-direction: row;\n }\n\n .flex-wrap {\n flex-wrap: wrap;\n }\n\n .items-center {\n align-items: center;\n }\n\n .items-end {\n align-items: flex-end;\n }\n\n .justify-between {\n justify-content: space-between;\n }\n\n .justify-center {\n justify-content: center;\n }\n\n .justify-end {\n justify-content: flex-end;\n }\n\n .gap-1 {\n gap: calc(var(--spacing) * 1);\n }\n\n .gap-1\\.5 {\n gap: calc(var(--spacing) * 1.5);\n }\n\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n\n .gap-3 {\n gap: calc(var(--spacing) * 3);\n }\n\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n\n .gap-5 {\n gap: calc(var(--spacing) * 5);\n }\n\n .gap-6 {\n gap: calc(var(--spacing) * 6);\n }\n\n .gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n\n .gap-10 {\n gap: calc(var(--spacing) * 10);\n }\n\n .gap-16 {\n gap: calc(var(--spacing) * 16);\n }\n\n :where(.space-y-3 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n .truncate {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n }\n\n .overflow-hidden {\n overflow: hidden;\n }\n\n .overflow-y-auto {\n overflow-y: auto;\n }\n\n .overflow-y-scroll {\n overflow-y: scroll;\n }\n\n .overscroll-none {\n overscroll-behavior: none;\n }\n\n .rounded {\n border-radius: .25rem;\n }\n\n .rounded-0 {\n border-radius: var(--radius-0);\n }\n\n .rounded-4 {\n border-radius: var(--radius-4);\n }\n\n .rounded-8 {\n border-radius: var(--radius-8);\n }\n\n .rounded-10 {\n border-radius: var(--radius-10);\n }\n\n .rounded-12 {\n border-radius: var(--radius-12);\n }\n\n .rounded-14 {\n border-radius: var(--radius-14);\n }\n\n .rounded-24 {\n border-radius: var(--radius-24);\n }\n\n .rounded-\\[2px\\] {\n border-radius: 2px;\n }\n\n .rounded-\\[10px\\] {\n border-radius: 10px;\n }\n\n .rounded-\\[14px\\] {\n border-radius: 14px;\n }\n\n .rounded-\\[50\\%\\] {\n border-radius: 50%;\n }\n\n .rounded-\\[56px\\] {\n border-radius: 56px;\n }\n\n .rounded-\\[103px_103px_0_0\\] {\n border-radius: 103px 103px 0 0;\n }\n\n .rounded-\\[inherit\\] {\n border-radius: inherit;\n }\n\n .rounded-full {\n border-radius: 3.40282e38px;\n }\n\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n\n .rounded-md {\n border-radius: var(--radius-md);\n }\n\n .rounded-s-24 {\n border-start-start-radius: var(--radius-24);\n border-end-start-radius: var(--radius-24);\n }\n\n .rounded-e-24 {\n border-start-end-radius: var(--radius-24);\n border-end-end-radius: var(--radius-24);\n }\n\n .rounded-t-0 {\n border-top-left-radius: var(--radius-0);\n border-top-right-radius: var(--radius-0);\n }\n\n .rounded-t-\\[inherit\\] {\n border-top-left-radius: inherit;\n border-top-right-radius: inherit;\n }\n\n .\\!rounded-r-0 {\n border-top-right-radius: var(--radius-0) !important;\n border-bottom-right-radius: var(--radius-0) !important;\n }\n\n .rounded-r-8 {\n border-top-right-radius: var(--radius-8);\n border-bottom-right-radius: var(--radius-8);\n }\n\n .rounded-r-10 {\n border-top-right-radius: var(--radius-10);\n border-bottom-right-radius: var(--radius-10);\n }\n\n .rounded-r-12 {\n border-top-right-radius: var(--radius-12);\n border-bottom-right-radius: var(--radius-12);\n }\n\n .rounded-r-\\[10px\\] {\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px;\n }\n\n .rounded-r-\\[14px\\] {\n border-top-right-radius: 14px;\n border-bottom-right-radius: 14px;\n }\n\n .rounded-b-0 {\n border-bottom-right-radius: var(--radius-0);\n border-bottom-left-radius: var(--radius-0);\n }\n\n .rounded-b-\\[inherit\\] {\n border-bottom-right-radius: inherit;\n border-bottom-left-radius: inherit;\n }\n\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n\n .border-0 {\n border-style: var(--tw-border-style);\n border-width: 0;\n }\n\n .border-2 {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n\n .border-\\[1px\\] {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n\n .border-\\[3px\\] {\n border-style: var(--tw-border-style);\n border-width: 3px;\n }\n\n .\\!border-r-0 {\n border-right-style: var(--tw-border-style) !important;\n border-right-width: 0 !important;\n }\n\n .border-r {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n\n .border-l {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n\n .border-l-0 {\n border-left-style: var(--tw-border-style);\n border-left-width: 0;\n }\n\n .border-l-4 {\n border-left-style: var(--tw-border-style);\n border-left-width: 4px;\n }\n\n .border-none {\n --tw-border-style: none;\n border-style: none;\n }\n\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n\n .border-\\[rgba\\(255\\,255\\,255\\,0\\.8\\)\\] {\n border-color: #fffc;\n }\n\n .border-gray-500 {\n border-color: var(--color-gray-500);\n }\n\n .border-green-600 {\n border-color: var(--color-green-600);\n }\n\n .border-neutral-100 {\n border-color: var(--color-neutral-100);\n }\n\n .border-orange-600 {\n border-color: var(--color-orange-600);\n }\n\n .border-red-600 {\n border-color: var(--color-red-600);\n }\n\n .border-yellow-600 {\n border-color: var(--color-yellow-600);\n }\n\n .\\!bg-transparent {\n background-color: #0000 !important;\n }\n\n .bg-\\[rgba\\(36\\,53\\,66\\,0\\.8\\)\\] {\n background-color: #243542cc;\n }\n\n .bg-\\[rgba\\(196\\,202\\,206\\,0\\.6\\)\\] {\n background-color: #c4cace99;\n }\n\n .bg-gray-100 {\n background-color: var(--color-gray-100);\n }\n\n .bg-neutral-100 {\n background-color: var(--color-neutral-100);\n }\n\n .bg-transparent {\n background-color: #0000;\n }\n\n .bg-white {\n background-color: var(--color-white);\n }\n\n .bg-gradient-to-b {\n --tw-gradient-position: to bottom in oklab;\n background-image: linear-gradient(var(--tw-gradient-stops));\n }\n\n .bg-gradient-to-r {\n --tw-gradient-position: to right in oklab;\n background-image: linear-gradient(var(--tw-gradient-stops));\n }\n\n .from-transparent {\n --tw-gradient-from: transparent;\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n }\n\n .to-neutral-100\\/80 {\n --tw-gradient-to: #f5f5f5cc;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .to-neutral-100\\/80 {\n --tw-gradient-to: color-mix(in oklab, var(--color-neutral-100) 80%, transparent);\n }\n }\n\n .to-neutral-100\\/80 {\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n }\n\n .bg-cover {\n background-size: cover;\n }\n\n .bg-clip-text {\n -webkit-background-clip: text;\n background-clip: text;\n }\n\n .bg-\\[50\\%\\] {\n background-position: 50%;\n }\n\n .bg-center {\n background-position: center;\n }\n\n .bg-no-repeat {\n background-repeat: no-repeat;\n }\n\n .object-cover {\n -o-object-fit: cover;\n object-fit: cover;\n }\n\n .\\!p-0 {\n padding: calc(var(--spacing) * 0) !important;\n }\n\n .p-0 {\n padding: calc(var(--spacing) * 0);\n }\n\n .p-1 {\n padding: calc(var(--spacing) * 1);\n }\n\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n\n .p-5 {\n padding: calc(var(--spacing) * 5);\n }\n\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n\n .p-10 {\n padding: calc(var(--spacing) * 10);\n }\n\n .px-0 {\n padding-inline: calc(var(--spacing) * 0);\n }\n\n .px-1 {\n padding-inline: calc(var(--spacing) * 1);\n }\n\n .px-2 {\n padding-inline: calc(var(--spacing) * 2);\n }\n\n .px-3 {\n padding-inline: calc(var(--spacing) * 3);\n }\n\n .px-3\\.5 {\n padding-inline: calc(var(--spacing) * 3.5);\n }\n\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n\n .px-5 {\n padding-inline: calc(var(--spacing) * 5);\n }\n\n .px-6 {\n padding-inline: calc(var(--spacing) * 6);\n }\n\n .px-9 {\n padding-inline: calc(var(--spacing) * 9);\n }\n\n .px-\\[2px\\] {\n padding-inline: 2px;\n }\n\n .px-\\[5px\\] {\n padding-inline: 5px;\n }\n\n .px-\\[10px\\] {\n padding-inline: 10px;\n }\n\n .py-1 {\n padding-block: calc(var(--spacing) * 1);\n }\n\n .py-2 {\n padding-block: calc(var(--spacing) * 2);\n }\n\n .py-3 {\n padding-block: calc(var(--spacing) * 3);\n }\n\n .py-5 {\n padding-block: calc(var(--spacing) * 5);\n }\n\n .py-6 {\n padding-block: calc(var(--spacing) * 6);\n }\n\n .py-12 {\n padding-block: calc(var(--spacing) * 12);\n }\n\n .py-\\[1px\\] {\n padding-block: 1px;\n }\n\n .py-\\[2px\\] {\n padding-block: 2px;\n }\n\n .pt-0 {\n padding-top: calc(var(--spacing) * 0);\n }\n\n .pt-2 {\n padding-top: calc(var(--spacing) * 2);\n }\n\n .pt-3 {\n padding-top: calc(var(--spacing) * 3);\n }\n\n .pt-5 {\n padding-top: calc(var(--spacing) * 5);\n }\n\n .pt-6 {\n padding-top: calc(var(--spacing) * 6);\n }\n\n .pr-4 {\n padding-right: calc(var(--spacing) * 4);\n }\n\n .pr-6 {\n padding-right: calc(var(--spacing) * 6);\n }\n\n .pr-7 {\n padding-right: calc(var(--spacing) * 7);\n }\n\n .pr-8 {\n padding-right: calc(var(--spacing) * 8);\n }\n\n .pr-10 {\n padding-right: calc(var(--spacing) * 10);\n }\n\n .pr-11 {\n padding-right: calc(var(--spacing) * 11);\n }\n\n .pb-1 {\n padding-bottom: calc(var(--spacing) * 1);\n }\n\n .pb-2 {\n padding-bottom: calc(var(--spacing) * 2);\n }\n\n .pb-4 {\n padding-bottom: calc(var(--spacing) * 4);\n }\n\n .pb-6 {\n padding-bottom: calc(var(--spacing) * 6);\n }\n\n .pb-9 {\n padding-bottom: calc(var(--spacing) * 9);\n }\n\n .pb-12 {\n padding-bottom: calc(var(--spacing) * 12);\n }\n\n .pb-32 {\n padding-bottom: calc(var(--spacing) * 32);\n }\n\n .pb-\\[120px\\] {\n padding-bottom: 120px;\n }\n\n .pl-1 {\n padding-left: calc(var(--spacing) * 1);\n }\n\n .pl-2 {\n padding-left: calc(var(--spacing) * 2);\n }\n\n .pl-3 {\n padding-left: calc(var(--spacing) * 3);\n }\n\n .pl-4 {\n padding-left: calc(var(--spacing) * 4);\n }\n\n .pl-5 {\n padding-left: calc(var(--spacing) * 5);\n }\n\n .text-center {\n text-align: center;\n }\n\n .text-left {\n text-align: left;\n }\n\n .font-500 {\n font-family: var(--font-500);\n }\n\n .font-600 {\n font-family: var(--font-600);\n }\n\n .font-inter {\n font-family: var(--font-inter);\n }\n\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n\n .\\!text-12 {\n font-size: var(--text-12) !important;\n }\n\n .text-6 {\n font-size: var(--text-6);\n }\n\n .text-8 {\n font-size: var(--text-8);\n }\n\n .text-10 {\n font-size: var(--text-10);\n }\n\n .text-12 {\n font-size: var(--text-12);\n }\n\n .text-14 {\n font-size: var(--text-14);\n }\n\n .text-16 {\n font-size: var(--text-16);\n }\n\n .leading-20 {\n --tw-leading: var(--leading-20);\n line-height: var(--leading-20);\n }\n\n .leading-\\[7\\.26px\\] {\n --tw-leading: 7.26px;\n line-height: 7.26px;\n }\n\n .leading-none {\n --tw-leading: 1;\n line-height: 1;\n }\n\n .leading-relaxed {\n --tw-leading: var(--leading-relaxed);\n line-height: var(--leading-relaxed);\n }\n\n .leading-tight {\n --tw-leading: var(--leading-tight);\n line-height: var(--leading-tight);\n }\n\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n\n .font-semibold {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n\n .tracking-wider {\n --tw-tracking: var(--tracking-wider);\n letter-spacing: var(--tracking-wider);\n }\n\n .break-normal {\n overflow-wrap: normal;\n word-break: normal;\n }\n\n .break-words {\n overflow-wrap: break-word;\n }\n\n .text-ellipsis {\n text-overflow: ellipsis;\n }\n\n .whitespace-nowrap {\n white-space: nowrap;\n }\n\n .whitespace-pre-line {\n white-space: pre-line;\n }\n\n .whitespace-pre-wrap {\n white-space: pre-wrap;\n }\n\n .text-gray-400 {\n color: var(--color-gray-400);\n }\n\n .text-gray-500 {\n color: var(--color-gray-500);\n }\n\n .text-gray-600 {\n color: var(--color-gray-600);\n }\n\n .text-gray-800 {\n color: var(--color-gray-800);\n }\n\n .text-green-600 {\n color: var(--color-green-600);\n }\n\n .text-neutral-100 {\n color: var(--color-neutral-100);\n }\n\n .text-orange-600 {\n color: var(--color-orange-600);\n }\n\n .text-red-600 {\n color: var(--color-red-600);\n }\n\n .text-transparent {\n color: #0000;\n }\n\n .text-yellow-600 {\n color: var(--color-yellow-600);\n }\n\n .lowercase {\n text-transform: lowercase;\n }\n\n .uppercase {\n text-transform: uppercase;\n }\n\n .italic {\n font-style: italic;\n }\n\n .not-italic {\n font-style: normal;\n }\n\n .no-underline {\n text-decoration-line: none;\n }\n\n .underline {\n text-decoration-line: underline;\n }\n\n .\\!opacity-100 {\n opacity: 1 !important;\n }\n\n .opacity-0 {\n opacity: 0;\n }\n\n .opacity-50 {\n opacity: .5;\n }\n\n .opacity-60 {\n opacity: .6;\n }\n\n .opacity-70 {\n opacity: .7;\n }\n\n .opacity-100 {\n opacity: 1;\n }\n\n .\\!shadow-none {\n --tw-shadow: 0 0 #0000 !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n\n .shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-2xl {\n --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-neutral-shadow-round {\n --tw-shadow: 0px 7px 5px 0px var(--tw-shadow-color, #3f5d7400), 0px 0px 10px 0px var(--tw-shadow-color, #3f5d7405), 0px 3px 10px 0px var(--tw-shadow-color, #3f5d7414), 0px 4px 4px 0px var(--tw-shadow-color, #3f5d7421), 0px 1px 2px 0px var(--tw-shadow-color, #3f5d7426), 0px 0px 3px 0px var(--tw-shadow-color, #3f5d7429);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-neutral-shadow-round-1xl {\n --tw-shadow: 0px 27px 12px 0px var(--tw-shadow-color, #3f5d7400), 0px 18px 7px 0px var(--tw-shadow-color, #3f5d7405), 0px 10px 6px 0px var(--tw-shadow-color, #3f5d7414), 0px 4px 4px 0px var(--tw-shadow-color, #3f5d7421), 0px 1px 2px 0px var(--tw-shadow-color, #3f5d7426), 0px 0px 14px 0px var(--tw-shadow-color, #3f5d7429);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-neutral-shadow-round-2xl {\n --tw-shadow: 0px 85px 24px 0px var(--tw-shadow-color, #3f5d7400), 0px 54px 22px 0px var(--tw-shadow-color, #3f5d7405), 0px 30px 18px 0px var(--tw-shadow-color, #3f5d7414), 0px 14px 14px 0px var(--tw-shadow-color, #3f5d7421), 0px 3px 7px 0px var(--tw-shadow-color, #3f5d7426), 0px 0px 23px 0px var(--tw-shadow-color, #3f5d7429);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-neutral-shadow-round-3xl {\n --tw-shadow: 0px 185px 52px 0px var(--tw-shadow-color, #3f5d7400), 0px 118px 47px 0px var(--tw-shadow-color, #3f5d7405), 0px 67px 40px 0px var(--tw-shadow-color, #3f5d7414), 0px 30px 30px 0px var(--tw-shadow-color, #3f5d7421), 0px 7px 16px 0px var(--tw-shadow-color, #3f5d7426), 0px 0px 30px 0px var(--tw-shadow-color, #3f5d7429);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .ring-2 {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .outline, .outline-1 {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n\n .outline-2 {\n outline-style: var(--tw-outline-style);\n outline-width: 2px;\n }\n\n .outline-\\[2\\.5px\\] {\n outline-style: var(--tw-outline-style);\n outline-width: 2.5px;\n }\n\n .outline-neutral-100 {\n outline-color: var(--color-neutral-100);\n }\n\n .blur {\n --tw-blur: blur(8px);\n 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, );\n }\n\n .filter {\n 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, );\n }\n\n .backdrop-blur-sm {\n --tw-backdrop-blur: blur(var(--blur-sm));\n 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, );\n }\n\n .transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-all {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-opacity {\n transition-property: opacity;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .delay-300 {\n transition-delay: .3s;\n }\n\n .duration-150 {\n --tw-duration: .15s;\n transition-duration: .15s;\n }\n\n .duration-250 {\n --tw-duration: .25s;\n transition-duration: .25s;\n }\n\n .duration-300 {\n --tw-duration: .3s;\n transition-duration: .3s;\n }\n\n .ease-in {\n --tw-ease: var(--ease-in);\n transition-timing-function: var(--ease-in);\n }\n\n .ease-in-out {\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n\n .ease-out {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n\n .outline-none {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n .select-none {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n }\n\n .before\\:absolute:before {\n content: var(--tw-content);\n position: absolute;\n }\n\n .before\\:top-0:before {\n content: var(--tw-content);\n top: calc(var(--spacing) * 0);\n }\n\n .before\\:top-\\[calc\\(50\\%-6px\\)\\]:before {\n content: var(--tw-content);\n top: calc(50% - 6px);\n }\n\n .before\\:top-\\[calc\\(50\\%-12px\\)\\]:before {\n content: var(--tw-content);\n top: calc(50% - 12px);\n }\n\n .before\\:bottom-\\[7px\\]:before {\n content: var(--tw-content);\n bottom: 7px;\n }\n\n .before\\:left-0:before {\n content: var(--tw-content);\n left: calc(var(--spacing) * 0);\n }\n\n .before\\:z-\\[-1\\]:before {\n content: var(--tw-content);\n z-index: -1;\n }\n\n .before\\:ml-\\[15px\\]:before {\n content: var(--tw-content);\n margin-left: 15px;\n }\n\n .before\\:block:before {\n content: var(--tw-content);\n display: block;\n }\n\n .before\\:h-6:before {\n content: var(--tw-content);\n height: calc(var(--spacing) * 6);\n }\n\n .before\\:h-12:before {\n content: var(--tw-content);\n height: calc(var(--spacing) * 12);\n }\n\n .before\\:h-\\[2px\\]:before {\n content: var(--tw-content);\n height: 2px;\n }\n\n .before\\:h-\\[12px\\]:before {\n content: var(--tw-content);\n height: 12px;\n }\n\n .before\\:w-0:before {\n content: var(--tw-content);\n width: calc(var(--spacing) * 0);\n }\n\n .before\\:w-\\[1px\\]:before {\n content: var(--tw-content);\n width: 1px;\n }\n\n .before\\:w-\\[18px\\]:before {\n content: var(--tw-content);\n width: 18px;\n }\n\n .before\\:w-\\[calc\\(100\\%-16px\\)\\]:before {\n content: var(--tw-content);\n width: calc(100% - 16px);\n }\n\n .before\\:w-full:before {\n content: var(--tw-content);\n width: 100%;\n }\n\n .before\\:\\!-translate-y-\\[0px\\]:before {\n content: var(--tw-content);\n --tw-translate-y: calc(0px * -1) !important;\n translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n }\n\n .before\\:-translate-y-\\[6px\\]:before {\n content: var(--tw-content);\n --tw-translate-y: calc(6px * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .before\\:rotate-\\[45deg\\]:before {\n content: var(--tw-content);\n rotate: 45deg;\n }\n\n .before\\:rounded-0:before {\n content: var(--tw-content);\n border-radius: var(--radius-0);\n }\n\n .before\\:rounded-4:before {\n content: var(--tw-content);\n border-radius: var(--radius-4);\n }\n\n .before\\:transition-all:before {\n content: var(--tw-content);\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .before\\:transition-none:before {\n content: var(--tw-content);\n transition-property: none;\n }\n\n .before\\:duration-\\[2000ms\\]:before {\n content: var(--tw-content);\n --tw-duration: 2s;\n transition-duration: 2s;\n }\n\n .before\\:content-\\[\\'\\'\\]:before {\n --tw-content: \"\";\n content: var(--tw-content);\n }\n\n .after\\:absolute:after {\n content: var(--tw-content);\n position: absolute;\n }\n\n .after\\:bottom-\\[7px\\]:after {\n content: var(--tw-content);\n bottom: 7px;\n }\n\n .after\\:ml-\\[15px\\]:after {\n content: var(--tw-content);\n margin-left: 15px;\n }\n\n .after\\:block:after {\n content: var(--tw-content);\n display: block;\n }\n\n .after\\:h-\\[2px\\]:after {\n content: var(--tw-content);\n height: 2px;\n }\n\n .after\\:w-\\[18px\\]:after {\n content: var(--tw-content);\n width: 18px;\n }\n\n .after\\:\\!translate-y-\\[0px\\]:after {\n content: var(--tw-content);\n --tw-translate-y: 0px !important;\n translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n }\n\n .after\\:translate-y-\\[6px\\]:after {\n content: var(--tw-content);\n --tw-translate-y: 6px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .after\\:-rotate-\\[45deg\\]:after {\n content: var(--tw-content);\n rotate: -45deg;\n }\n\n .after\\:rounded-4:after {\n content: var(--tw-content);\n border-radius: var(--radius-4);\n }\n\n .after\\:bg-transparent:after {\n content: var(--tw-content);\n background-color: #0000;\n }\n\n .after\\:transition-all:after {\n content: var(--tw-content);\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .after\\:duration-300:after {\n content: var(--tw-content);\n --tw-duration: .3s;\n transition-duration: .3s;\n }\n\n .after\\:content-\\[\\'\\'\\]:after {\n --tw-content: \"\";\n content: var(--tw-content);\n }\n\n .first\\:-ml-12:first-child {\n margin-left: calc(var(--spacing) * -12);\n }\n\n .last\\:-mr-12:last-child {\n margin-right: calc(var(--spacing) * -12);\n }\n\n @media (hover: hover) {\n .hover\\:scale-105:hover {\n --tw-scale-x: 105%;\n --tw-scale-y: 105%;\n --tw-scale-z: 105%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .hover\\:scale-\\[1\\.02\\]:hover {\n scale: 1.02;\n }\n\n .hover\\:underline:hover {\n text-decoration-line: underline;\n }\n\n .hover\\:opacity-80:hover {\n opacity: .8;\n }\n\n .hover\\:shadow-neutral-shadow-round-1xl:hover {\n --tw-shadow: 0px 27px 12px 0px var(--tw-shadow-color, #3f5d7400), 0px 18px 7px 0px var(--tw-shadow-color, #3f5d7405), 0px 10px 6px 0px var(--tw-shadow-color, #3f5d7414), 0px 4px 4px 0px var(--tw-shadow-color, #3f5d7421), 0px 1px 2px 0px var(--tw-shadow-color, #3f5d7426), 0px 0px 14px 0px var(--tw-shadow-color, #3f5d7429);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .hover\\:shadow-neutral-shadow-round-2xl:hover {\n --tw-shadow: 0px 85px 24px 0px var(--tw-shadow-color, #3f5d7400), 0px 54px 22px 0px var(--tw-shadow-color, #3f5d7405), 0px 30px 18px 0px var(--tw-shadow-color, #3f5d7414), 0px 14px 14px 0px var(--tw-shadow-color, #3f5d7421), 0px 3px 7px 0px var(--tw-shadow-color, #3f5d7426), 0px 0px 23px 0px var(--tw-shadow-color, #3f5d7429);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .hover\\:shadow-neutral-shadow-round-3xl:hover {\n --tw-shadow: 0px 185px 52px 0px var(--tw-shadow-color, #3f5d7400), 0px 118px 47px 0px var(--tw-shadow-color, #3f5d7405), 0px 67px 40px 0px var(--tw-shadow-color, #3f5d7414), 0px 30px 30px 0px var(--tw-shadow-color, #3f5d7421), 0px 7px 16px 0px var(--tw-shadow-color, #3f5d7426), 0px 0px 30px 0px var(--tw-shadow-color, #3f5d7429);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .hover\\:shadow-none:hover {\n --tw-shadow: 0 0 #0000;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n\n .active\\:\\!scale-100:active {\n --tw-scale-x: 100% !important;\n --tw-scale-y: 100% !important;\n --tw-scale-z: 100% !important;\n scale: var(--tw-scale-x) var(--tw-scale-y) !important;\n }\n\n .active\\:scale-98:active {\n --tw-scale-x: var(--scale-98);\n --tw-scale-y: var(--scale-98);\n --tw-scale-z: var(--scale-98);\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .active\\:scale-100:active {\n --tw-scale-x: 100%;\n --tw-scale-y: 100%;\n --tw-scale-z: 100%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .active\\:shadow-none:active {\n --tw-shadow: 0 0 #0000;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .active\\:outline-0:active {\n outline-style: var(--tw-outline-style);\n outline-width: 0;\n }\n\n .active\\:duration-25:active {\n --tw-duration: 25ms;\n transition-duration: 25ms;\n }\n\n .disabled\\:scale-100:disabled {\n --tw-scale-x: 100%;\n --tw-scale-y: 100%;\n --tw-scale-z: 100%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .disabled\\:cursor-not-allowed:disabled {\n cursor: not-allowed;\n }\n\n .disabled\\:opacity-50:disabled {\n opacity: .5;\n }\n\n .disabled\\:shadow-none:disabled {\n --tw-shadow: 0 0 #0000;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n @media (min-width: 40rem) {\n .sm\\:ml-8 {\n margin-left: calc(var(--spacing) * 8);\n }\n\n .sm\\:flex {\n display: flex;\n }\n\n .sm\\:hidden {\n display: none;\n }\n\n .sm\\:flex-row {\n flex-direction: row;\n }\n\n .sm\\:justify-between {\n justify-content: space-between;\n }\n\n .sm\\:justify-end {\n justify-content: flex-end;\n }\n\n .sm\\:gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n }\n\n @media (min-width: 48rem) {\n .md\\:flex {\n display: flex;\n }\n\n .md\\:hidden {\n display: none;\n }\n\n .md\\:px-10 {\n padding-inline: calc(var(--spacing) * 10);\n }\n }\n\n @media (min-width: 64rem) {\n .lg\\:flex {\n display: flex;\n }\n\n .lg\\:hidden {\n display: none;\n }\n\n .lg\\:grid-cols-\\[auto\\,max-content\\] {\n grid-template-columns: auto, max-content;\n }\n }\n\n @media (min-width: 80rem) {\n .xl\\:block {\n display: block;\n }\n\n .xl\\:flex {\n display: flex;\n }\n\n .xl\\:hidden {\n display: none;\n }\n\n .xl\\:grid-cols-\\[repeat\\(3\\,max-content\\)\\] {\n grid-template-columns: repeat(3, max-content);\n }\n\n .xl\\:grid-rows-1 {\n grid-template-rows: repeat(1, minmax(0, 1fr));\n }\n\n .xl\\:gap-10 {\n gap: calc(var(--spacing) * 10);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n .dark\\:bg-\\[rgba\\(196\\,202\\,206\\,0\\.1\\)\\] {\n background-color: #c4cace1a;\n }\n\n .dark\\:text-neutral-100 {\n color: var(--color-neutral-100);\n }\n }\n\n .\\[\\&_\\.lukso-wizard-circle-inner\\]\\:border-2 .lukso-wizard-circle-inner {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n\n .\\[\\&_\\.lukso-wizard-circle-inner\\]\\:bg-gradient-to-t .lukso-wizard-circle-inner {\n --tw-gradient-position: to top in oklab;\n background-image: linear-gradient(var(--tw-gradient-stops));\n }\n\n .\\[\\&\\>\\.lukso-wizard-circle\\]\\:before\\:last\\:hidden > .lukso-wizard-circle:before, .\\[\\&\\>\\.lukso-wizard-circle\\]\\:after\\:last\\:hidden > .lukso-wizard-circle:after {\n content: var(--tw-content);\n }\n}\n\n@keyframes pulse-resize {\n 0%, 100% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(.7);\n }\n}\n\n@keyframes resize-in {\n 0% {\n transform: scale(.5);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n\n@keyframes fade-in {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n@keyframes bounce2 {\n 0% {\n transform: translateY(-6px);\n }\n\n 100% {\n transform: translateY(10px);\n }\n}\n\n@keyframes fade-in-up {\n 0% {\n opacity: 0;\n transform: translateY(10px);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\nstrong {\n font-family: var(--font-600);\n}\n\n@layer theme, components;\n\n@property --tw-leading {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-tracking {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-pan-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-pan-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-pinch-zoom {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-gradient-position {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-gradient-from {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n\n@property --tw-gradient-via {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n\n@property --tw-gradient-to {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n\n@property --tw-gradient-stops {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-gradient-via-stops {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-gradient-from-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 0%;\n}\n\n@property --tw-gradient-via-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 50%;\n}\n\n@property --tw-gradient-to-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-outline-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-blur {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-brightness {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-contrast {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-grayscale {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-hue-rotate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-invert {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-opacity {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-saturate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-sepia {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-drop-shadow-size {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-blur {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-brightness {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-contrast {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-grayscale {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-hue-rotate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-invert {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-opacity {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-saturate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-sepia {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-duration {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ease {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-content {\n syntax: \"*\";\n inherits: false;\n initial-value: \"\";\n}\n\n@property --tw-scale-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-scale-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-scale-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes ping {\n 75%, 100% {\n opacity: 0;\n transform: scale(2);\n }\n}\n\n@keyframes pulse {\n 50% {\n opacity: .5;\n }\n}\n\n@keyframes bounce {\n 0%, 100% {\n animation-timing-function: cubic-bezier(.8, 0, 1, 1);\n transform: translateY(-25%);\n }\n\n 50% {\n animation-timing-function: cubic-bezier(0, 0, .2, 1);\n transform: none;\n }\n}\n";
|
|
13
|
-
|
|
14
|
-
const tailwindElement = unsafeCSS(style);
|
|
15
|
-
const TailwindStyledElement = (style2) => class extends LitElement {
|
|
16
|
-
static {
|
|
17
|
-
this.styles = style2 ? [tailwindElement, unsafeCSS(style2)] : [tailwindElement];
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
class TailwindElement extends LitElement {
|
|
21
|
-
static {
|
|
22
|
-
this.styles = [tailwindElement];
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
export { TailwindElement as T, TailwindStyledElement as a, safeCustomElement as s };
|