Prettify
Browse files- assets/index-DEbmRw68.js +0 -0
- assets/index-Dhl4q2CV.css +551 -1
assets/index-DEbmRw68.js
CHANGED
The diff for this file is too large to render.
See raw diff
|
|
assets/index-Dhl4q2CV.css
CHANGED
@@ -1 +1,551 @@
|
|
1 |
-
#root
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
#root {
|
2 |
+
max-width: 1280px;
|
3 |
+
width: 100%;
|
4 |
+
margin: 0 auto;
|
5 |
+
padding: 2rem;
|
6 |
+
text-align: center;
|
7 |
+
display: flex;
|
8 |
+
justify-content: center;
|
9 |
+
align-items: center;
|
10 |
+
flex-direction: column;
|
11 |
+
}
|
12 |
+
*,
|
13 |
+
:before,
|
14 |
+
:after {
|
15 |
+
--tw-border-spacing-x: 0;
|
16 |
+
--tw-border-spacing-y: 0;
|
17 |
+
--tw-translate-x: 0;
|
18 |
+
--tw-translate-y: 0;
|
19 |
+
--tw-rotate: 0;
|
20 |
+
--tw-skew-x: 0;
|
21 |
+
--tw-skew-y: 0;
|
22 |
+
--tw-scale-x: 1;
|
23 |
+
--tw-scale-y: 1;
|
24 |
+
--tw-pan-x: ;
|
25 |
+
--tw-pan-y: ;
|
26 |
+
--tw-pinch-zoom: ;
|
27 |
+
--tw-scroll-snap-strictness: proximity;
|
28 |
+
--tw-gradient-from-position: ;
|
29 |
+
--tw-gradient-via-position: ;
|
30 |
+
--tw-gradient-to-position: ;
|
31 |
+
--tw-ordinal: ;
|
32 |
+
--tw-slashed-zero: ;
|
33 |
+
--tw-numeric-figure: ;
|
34 |
+
--tw-numeric-spacing: ;
|
35 |
+
--tw-numeric-fraction: ;
|
36 |
+
--tw-ring-inset: ;
|
37 |
+
--tw-ring-offset-width: 0px;
|
38 |
+
--tw-ring-offset-color: #fff;
|
39 |
+
--tw-ring-color: rgb(59 130 246 / 0.5);
|
40 |
+
--tw-ring-offset-shadow: 0 0 #0000;
|
41 |
+
--tw-ring-shadow: 0 0 #0000;
|
42 |
+
--tw-shadow: 0 0 #0000;
|
43 |
+
--tw-shadow-colored: 0 0 #0000;
|
44 |
+
--tw-blur: ;
|
45 |
+
--tw-brightness: ;
|
46 |
+
--tw-contrast: ;
|
47 |
+
--tw-grayscale: ;
|
48 |
+
--tw-hue-rotate: ;
|
49 |
+
--tw-invert: ;
|
50 |
+
--tw-saturate: ;
|
51 |
+
--tw-sepia: ;
|
52 |
+
--tw-drop-shadow: ;
|
53 |
+
--tw-backdrop-blur: ;
|
54 |
+
--tw-backdrop-brightness: ;
|
55 |
+
--tw-backdrop-contrast: ;
|
56 |
+
--tw-backdrop-grayscale: ;
|
57 |
+
--tw-backdrop-hue-rotate: ;
|
58 |
+
--tw-backdrop-invert: ;
|
59 |
+
--tw-backdrop-opacity: ;
|
60 |
+
--tw-backdrop-saturate: ;
|
61 |
+
--tw-backdrop-sepia: ;
|
62 |
+
--tw-contain-size: ;
|
63 |
+
--tw-contain-layout: ;
|
64 |
+
--tw-contain-paint: ;
|
65 |
+
--tw-contain-style: ;
|
66 |
+
}
|
67 |
+
::backdrop {
|
68 |
+
--tw-border-spacing-x: 0;
|
69 |
+
--tw-border-spacing-y: 0;
|
70 |
+
--tw-translate-x: 0;
|
71 |
+
--tw-translate-y: 0;
|
72 |
+
--tw-rotate: 0;
|
73 |
+
--tw-skew-x: 0;
|
74 |
+
--tw-skew-y: 0;
|
75 |
+
--tw-scale-x: 1;
|
76 |
+
--tw-scale-y: 1;
|
77 |
+
--tw-pan-x: ;
|
78 |
+
--tw-pan-y: ;
|
79 |
+
--tw-pinch-zoom: ;
|
80 |
+
--tw-scroll-snap-strictness: proximity;
|
81 |
+
--tw-gradient-from-position: ;
|
82 |
+
--tw-gradient-via-position: ;
|
83 |
+
--tw-gradient-to-position: ;
|
84 |
+
--tw-ordinal: ;
|
85 |
+
--tw-slashed-zero: ;
|
86 |
+
--tw-numeric-figure: ;
|
87 |
+
--tw-numeric-spacing: ;
|
88 |
+
--tw-numeric-fraction: ;
|
89 |
+
--tw-ring-inset: ;
|
90 |
+
--tw-ring-offset-width: 0px;
|
91 |
+
--tw-ring-offset-color: #fff;
|
92 |
+
--tw-ring-color: rgb(59 130 246 / 0.5);
|
93 |
+
--tw-ring-offset-shadow: 0 0 #0000;
|
94 |
+
--tw-ring-shadow: 0 0 #0000;
|
95 |
+
--tw-shadow: 0 0 #0000;
|
96 |
+
--tw-shadow-colored: 0 0 #0000;
|
97 |
+
--tw-blur: ;
|
98 |
+
--tw-brightness: ;
|
99 |
+
--tw-contrast: ;
|
100 |
+
--tw-grayscale: ;
|
101 |
+
--tw-hue-rotate: ;
|
102 |
+
--tw-invert: ;
|
103 |
+
--tw-saturate: ;
|
104 |
+
--tw-sepia: ;
|
105 |
+
--tw-drop-shadow: ;
|
106 |
+
--tw-backdrop-blur: ;
|
107 |
+
--tw-backdrop-brightness: ;
|
108 |
+
--tw-backdrop-contrast: ;
|
109 |
+
--tw-backdrop-grayscale: ;
|
110 |
+
--tw-backdrop-hue-rotate: ;
|
111 |
+
--tw-backdrop-invert: ;
|
112 |
+
--tw-backdrop-opacity: ;
|
113 |
+
--tw-backdrop-saturate: ;
|
114 |
+
--tw-backdrop-sepia: ;
|
115 |
+
--tw-contain-size: ;
|
116 |
+
--tw-contain-layout: ;
|
117 |
+
--tw-contain-paint: ;
|
118 |
+
--tw-contain-style: ;
|
119 |
+
}
|
120 |
+
*,
|
121 |
+
:before,
|
122 |
+
:after {
|
123 |
+
box-sizing: border-box;
|
124 |
+
border-width: 0;
|
125 |
+
border-style: solid;
|
126 |
+
border-color: #e5e7eb;
|
127 |
+
}
|
128 |
+
:before,
|
129 |
+
:after {
|
130 |
+
--tw-content: "";
|
131 |
+
}
|
132 |
+
html,
|
133 |
+
:host {
|
134 |
+
line-height: 1.5;
|
135 |
+
-webkit-text-size-adjust: 100%;
|
136 |
+
-moz-tab-size: 4;
|
137 |
+
-o-tab-size: 4;
|
138 |
+
tab-size: 4;
|
139 |
+
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
|
140 |
+
"Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
|
141 |
+
font-feature-settings: normal;
|
142 |
+
font-variation-settings: normal;
|
143 |
+
-webkit-tap-highlight-color: transparent;
|
144 |
+
}
|
145 |
+
body {
|
146 |
+
margin: 0;
|
147 |
+
line-height: inherit;
|
148 |
+
}
|
149 |
+
hr {
|
150 |
+
height: 0;
|
151 |
+
color: inherit;
|
152 |
+
border-top-width: 1px;
|
153 |
+
}
|
154 |
+
abbr:where([title]) {
|
155 |
+
-webkit-text-decoration: underline dotted;
|
156 |
+
text-decoration: underline dotted;
|
157 |
+
}
|
158 |
+
h1,
|
159 |
+
h2,
|
160 |
+
h3,
|
161 |
+
h4,
|
162 |
+
h5,
|
163 |
+
h6 {
|
164 |
+
font-size: inherit;
|
165 |
+
font-weight: inherit;
|
166 |
+
}
|
167 |
+
a {
|
168 |
+
color: inherit;
|
169 |
+
text-decoration: inherit;
|
170 |
+
}
|
171 |
+
b,
|
172 |
+
strong {
|
173 |
+
font-weight: bolder;
|
174 |
+
}
|
175 |
+
code,
|
176 |
+
kbd,
|
177 |
+
samp,
|
178 |
+
pre {
|
179 |
+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
|
180 |
+
Liberation Mono, Courier New, monospace;
|
181 |
+
font-feature-settings: normal;
|
182 |
+
font-variation-settings: normal;
|
183 |
+
font-size: 1em;
|
184 |
+
}
|
185 |
+
small {
|
186 |
+
font-size: 80%;
|
187 |
+
}
|
188 |
+
sub,
|
189 |
+
sup {
|
190 |
+
font-size: 75%;
|
191 |
+
line-height: 0;
|
192 |
+
position: relative;
|
193 |
+
vertical-align: baseline;
|
194 |
+
}
|
195 |
+
sub {
|
196 |
+
bottom: -0.25em;
|
197 |
+
}
|
198 |
+
sup {
|
199 |
+
top: -0.5em;
|
200 |
+
}
|
201 |
+
table {
|
202 |
+
text-indent: 0;
|
203 |
+
border-color: inherit;
|
204 |
+
border-collapse: collapse;
|
205 |
+
}
|
206 |
+
button,
|
207 |
+
input,
|
208 |
+
optgroup,
|
209 |
+
select,
|
210 |
+
textarea {
|
211 |
+
font-family: inherit;
|
212 |
+
font-feature-settings: inherit;
|
213 |
+
font-variation-settings: inherit;
|
214 |
+
font-size: 100%;
|
215 |
+
font-weight: inherit;
|
216 |
+
line-height: inherit;
|
217 |
+
letter-spacing: inherit;
|
218 |
+
color: inherit;
|
219 |
+
margin: 0;
|
220 |
+
padding: 0;
|
221 |
+
}
|
222 |
+
button,
|
223 |
+
select {
|
224 |
+
text-transform: none;
|
225 |
+
}
|
226 |
+
button,
|
227 |
+
input:where([type="button"]),
|
228 |
+
input:where([type="reset"]),
|
229 |
+
input:where([type="submit"]) {
|
230 |
+
-webkit-appearance: button;
|
231 |
+
background-color: transparent;
|
232 |
+
background-image: none;
|
233 |
+
}
|
234 |
+
:-moz-focusring {
|
235 |
+
outline: auto;
|
236 |
+
}
|
237 |
+
:-moz-ui-invalid {
|
238 |
+
box-shadow: none;
|
239 |
+
}
|
240 |
+
progress {
|
241 |
+
vertical-align: baseline;
|
242 |
+
}
|
243 |
+
::-webkit-inner-spin-button,
|
244 |
+
::-webkit-outer-spin-button {
|
245 |
+
height: auto;
|
246 |
+
}
|
247 |
+
[type="search"] {
|
248 |
+
-webkit-appearance: textfield;
|
249 |
+
outline-offset: -2px;
|
250 |
+
}
|
251 |
+
::-webkit-search-decoration {
|
252 |
+
-webkit-appearance: none;
|
253 |
+
}
|
254 |
+
::-webkit-file-upload-button {
|
255 |
+
-webkit-appearance: button;
|
256 |
+
font: inherit;
|
257 |
+
}
|
258 |
+
summary {
|
259 |
+
display: list-item;
|
260 |
+
}
|
261 |
+
blockquote,
|
262 |
+
dl,
|
263 |
+
dd,
|
264 |
+
h1,
|
265 |
+
h2,
|
266 |
+
h3,
|
267 |
+
h4,
|
268 |
+
h5,
|
269 |
+
h6,
|
270 |
+
hr,
|
271 |
+
figure,
|
272 |
+
p,
|
273 |
+
pre {
|
274 |
+
margin: 0;
|
275 |
+
}
|
276 |
+
fieldset {
|
277 |
+
margin: 0;
|
278 |
+
padding: 0;
|
279 |
+
}
|
280 |
+
legend {
|
281 |
+
padding: 0;
|
282 |
+
}
|
283 |
+
ol,
|
284 |
+
ul,
|
285 |
+
menu {
|
286 |
+
list-style: none;
|
287 |
+
margin: 0;
|
288 |
+
padding: 0;
|
289 |
+
}
|
290 |
+
dialog {
|
291 |
+
padding: 0;
|
292 |
+
}
|
293 |
+
textarea {
|
294 |
+
resize: vertical;
|
295 |
+
}
|
296 |
+
input::-moz-placeholder,
|
297 |
+
textarea::-moz-placeholder {
|
298 |
+
opacity: 1;
|
299 |
+
color: #9ca3af;
|
300 |
+
}
|
301 |
+
input::placeholder,
|
302 |
+
textarea::placeholder {
|
303 |
+
opacity: 1;
|
304 |
+
color: #9ca3af;
|
305 |
+
}
|
306 |
+
button,
|
307 |
+
[role="button"] {
|
308 |
+
cursor: pointer;
|
309 |
+
}
|
310 |
+
:disabled {
|
311 |
+
cursor: default;
|
312 |
+
}
|
313 |
+
img,
|
314 |
+
svg,
|
315 |
+
video,
|
316 |
+
canvas,
|
317 |
+
audio,
|
318 |
+
iframe,
|
319 |
+
embed,
|
320 |
+
object {
|
321 |
+
display: block;
|
322 |
+
vertical-align: middle;
|
323 |
+
}
|
324 |
+
img,
|
325 |
+
video {
|
326 |
+
max-width: 100%;
|
327 |
+
height: auto;
|
328 |
+
}
|
329 |
+
[hidden]:where(:not([hidden="until-found"])) {
|
330 |
+
display: none;
|
331 |
+
}
|
332 |
+
.mb-2 {
|
333 |
+
margin-bottom: 0.5rem;
|
334 |
+
}
|
335 |
+
.ml-1 {
|
336 |
+
margin-left: 0.25rem;
|
337 |
+
}
|
338 |
+
.mt-1 {
|
339 |
+
margin-top: 0.25rem;
|
340 |
+
}
|
341 |
+
.block {
|
342 |
+
display: block;
|
343 |
+
}
|
344 |
+
.inline-block {
|
345 |
+
display: inline-block;
|
346 |
+
}
|
347 |
+
.flex {
|
348 |
+
display: flex;
|
349 |
+
}
|
350 |
+
.h-4 {
|
351 |
+
height: 1rem;
|
352 |
+
}
|
353 |
+
.h-\[200px\] {
|
354 |
+
height: 200px;
|
355 |
+
}
|
356 |
+
.w-4 {
|
357 |
+
width: 1rem;
|
358 |
+
}
|
359 |
+
.w-full {
|
360 |
+
width: 100%;
|
361 |
+
}
|
362 |
+
.max-w-\[720px\] {
|
363 |
+
max-width: 720px;
|
364 |
+
}
|
365 |
+
.flex-col {
|
366 |
+
flex-direction: column;
|
367 |
+
}
|
368 |
+
.items-center {
|
369 |
+
align-items: center;
|
370 |
+
}
|
371 |
+
.justify-center {
|
372 |
+
justify-content: center;
|
373 |
+
}
|
374 |
+
.gap-2 {
|
375 |
+
gap: 0.5rem;
|
376 |
+
}
|
377 |
+
.gap-4 {
|
378 |
+
gap: 1rem;
|
379 |
+
}
|
380 |
+
.gap-5 {
|
381 |
+
gap: 1.25rem;
|
382 |
+
}
|
383 |
+
.self-end {
|
384 |
+
align-self: flex-end;
|
385 |
+
}
|
386 |
+
.overflow-y-auto {
|
387 |
+
overflow-y: auto;
|
388 |
+
}
|
389 |
+
.whitespace-pre-wrap {
|
390 |
+
white-space: pre-wrap;
|
391 |
+
}
|
392 |
+
.rounded-lg {
|
393 |
+
border-radius: 0.5rem;
|
394 |
+
}
|
395 |
+
.border {
|
396 |
+
border-width: 1px;
|
397 |
+
}
|
398 |
+
.border-gray-200 {
|
399 |
+
--tw-border-opacity: 1;
|
400 |
+
border-color: rgb(229 231 235 / var(--tw-border-opacity));
|
401 |
+
}
|
402 |
+
.border-gray-300 {
|
403 |
+
--tw-border-opacity: 1;
|
404 |
+
border-color: rgb(209 213 219 / var(--tw-border-opacity));
|
405 |
+
}
|
406 |
+
.bg-blue-300 {
|
407 |
+
--tw-bg-opacity: 1;
|
408 |
+
background-color: rgb(147 197 253 / var(--tw-bg-opacity));
|
409 |
+
}
|
410 |
+
.bg-gray-100 {
|
411 |
+
--tw-bg-opacity: 1;
|
412 |
+
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
413 |
+
}
|
414 |
+
.bg-gray-50 {
|
415 |
+
--tw-bg-opacity: 1;
|
416 |
+
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
|
417 |
+
}
|
418 |
+
.bg-green-300 {
|
419 |
+
--tw-bg-opacity: 1;
|
420 |
+
background-color: rgb(134 239 172 / var(--tw-bg-opacity));
|
421 |
+
}
|
422 |
+
.bg-purple-300 {
|
423 |
+
--tw-bg-opacity: 1;
|
424 |
+
background-color: rgb(216 180 254 / var(--tw-bg-opacity));
|
425 |
+
}
|
426 |
+
.bg-red-300 {
|
427 |
+
--tw-bg-opacity: 1;
|
428 |
+
background-color: rgb(252 165 165 / var(--tw-bg-opacity));
|
429 |
+
}
|
430 |
+
.bg-white {
|
431 |
+
--tw-bg-opacity: 1;
|
432 |
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
433 |
+
}
|
434 |
+
.bg-yellow-300 {
|
435 |
+
--tw-bg-opacity: 1;
|
436 |
+
background-color: rgb(253 224 71 / var(--tw-bg-opacity));
|
437 |
+
}
|
438 |
+
.p-2 {
|
439 |
+
padding: 0.5rem;
|
440 |
+
}
|
441 |
+
.p-2\.5 {
|
442 |
+
padding: 0.625rem;
|
443 |
+
}
|
444 |
+
.px-2 {
|
445 |
+
padding-left: 0.5rem;
|
446 |
+
padding-right: 0.5rem;
|
447 |
+
}
|
448 |
+
.py-1 {
|
449 |
+
padding-top: 0.25rem;
|
450 |
+
padding-bottom: 0.25rem;
|
451 |
+
}
|
452 |
+
.text-left {
|
453 |
+
text-align: left;
|
454 |
+
}
|
455 |
+
.font-mono {
|
456 |
+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
|
457 |
+
Liberation Mono, Courier New, monospace;
|
458 |
+
}
|
459 |
+
.text-3xl {
|
460 |
+
font-size: 1.875rem;
|
461 |
+
line-height: 2.25rem;
|
462 |
+
}
|
463 |
+
.text-5xl {
|
464 |
+
font-size: 3rem;
|
465 |
+
line-height: 1;
|
466 |
+
}
|
467 |
+
.text-lg {
|
468 |
+
font-size: 1.125rem;
|
469 |
+
line-height: 1.75rem;
|
470 |
+
}
|
471 |
+
.text-sm {
|
472 |
+
font-size: 0.875rem;
|
473 |
+
line-height: 1.25rem;
|
474 |
+
}
|
475 |
+
.font-bold {
|
476 |
+
font-weight: 700;
|
477 |
+
}
|
478 |
+
.font-medium {
|
479 |
+
font-weight: 500;
|
480 |
+
}
|
481 |
+
.font-normal {
|
482 |
+
font-weight: 400;
|
483 |
+
}
|
484 |
+
.font-semibold {
|
485 |
+
font-weight: 600;
|
486 |
+
}
|
487 |
+
.uppercase {
|
488 |
+
text-transform: uppercase;
|
489 |
+
}
|
490 |
+
.leading-4 {
|
491 |
+
line-height: 1rem;
|
492 |
+
}
|
493 |
+
.leading-5 {
|
494 |
+
line-height: 1.25rem;
|
495 |
+
}
|
496 |
+
.text-blue-600 {
|
497 |
+
--tw-text-opacity: 1;
|
498 |
+
color: rgb(37 99 235 / var(--tw-text-opacity));
|
499 |
+
}
|
500 |
+
.text-gray-900 {
|
501 |
+
--tw-text-opacity: 1;
|
502 |
+
color: rgb(17 24 39 / var(--tw-text-opacity));
|
503 |
+
}
|
504 |
+
.underline {
|
505 |
+
text-decoration-line: underline;
|
506 |
+
}
|
507 |
+
:root {
|
508 |
+
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
|
509 |
+
line-height: 1.5;
|
510 |
+
font-weight: 400;
|
511 |
+
color-scheme: light dark;
|
512 |
+
color: #ffffffde;
|
513 |
+
background-color: #242424;
|
514 |
+
font-synthesis: none;
|
515 |
+
text-rendering: optimizeLegibility;
|
516 |
+
-webkit-font-smoothing: antialiased;
|
517 |
+
-moz-osx-font-smoothing: grayscale;
|
518 |
+
-webkit-text-size-adjust: 100%;
|
519 |
+
}
|
520 |
+
body {
|
521 |
+
margin: 0;
|
522 |
+
display: flex;
|
523 |
+
place-items: center;
|
524 |
+
min-height: 100vh;
|
525 |
+
}
|
526 |
+
@media (prefers-color-scheme: light) {
|
527 |
+
:root {
|
528 |
+
color: #213547;
|
529 |
+
background-color: #fff;
|
530 |
+
}
|
531 |
+
a:hover {
|
532 |
+
color: #747bff;
|
533 |
+
}
|
534 |
+
button {
|
535 |
+
background-color: #f9f9f9;
|
536 |
+
}
|
537 |
+
}
|
538 |
+
.focus\:border-blue-500:focus {
|
539 |
+
--tw-border-opacity: 1;
|
540 |
+
border-color: rgb(59 130 246 / var(--tw-border-opacity));
|
541 |
+
}
|
542 |
+
.focus\:ring-blue-500:focus {
|
543 |
+
--tw-ring-opacity: 1;
|
544 |
+
--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
|
545 |
+
}
|
546 |
+
@media (prefers-color-scheme: dark) {
|
547 |
+
.dark\:text-gray-300 {
|
548 |
+
--tw-text-opacity: 1;
|
549 |
+
color: rgb(209 213 219 / var(--tw-text-opacity));
|
550 |
+
}
|
551 |
+
}
|