@infonomic/uikit 1.0.2 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/styles/styles.css +1 -2592
  2. package/dist/styles/typography.css +1 -394
  3. package/dist/tsconfig.build.tsbuildinfo +1 -1
  4. package/package.json +1 -1
  5. package/dist/styles/styles.css.map +0 -1
  6. package/dist/styles/typography.css.map +0 -1
package/dist/styles/styles.css CHANGED
@@ -1,2592 +1 @@
1
- @layer infonomic-base {
2
- *, :before, :after {
3
- box-sizing: border-box;
4
- border: 0 solid #e5e7eb;
5
- }
6
-
7
- :before, :after {
8
- --tw-content: "";
9
- }
10
-
11
- html, :host {
12
- scroll-behavior: smooth;
13
- -webkit-text-size-adjust: 100%;
14
- -moz-tab-size: 4;
15
- -o-tab-size: 4;
16
- tab-size: 4;
17
- font-feature-settings: normal;
18
- font-variation-settings: normal;
19
- -webkit-tap-highlight-color: transparent;
20
- font-family: Inter, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
21
- line-height: 1.5;
22
- }
23
-
24
- body {
25
- line-height: inherit;
26
- margin: 0;
27
- }
28
-
29
- hr {
30
- height: 0;
31
- color: inherit;
32
- border-top-width: 1px;
33
- }
34
-
35
- abbr:where([title]) {
36
- text-decoration: underline dotted;
37
- }
38
-
39
- h1, h2, h3, h4, h5, h6 {
40
- font-size: inherit;
41
- font-weight: inherit;
42
- }
43
-
44
- a {
45
- color: inherit;
46
- text-decoration: inherit;
47
- }
48
-
49
- b, strong {
50
- font-weight: bolder;
51
- }
52
-
53
- code, kbd, samp, pre {
54
- font-feature-settings: normal;
55
- font-variation-settings: normal;
56
- font-family: Source Code Pro, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
57
- font-size: 1em;
58
- }
59
-
60
- small {
61
- font-size: 80%;
62
- }
63
-
64
- sub, sup {
65
- vertical-align: baseline;
66
- font-size: 75%;
67
- line-height: 0;
68
- position: relative;
69
- }
70
-
71
- sub {
72
- bottom: -.25em;
73
- }
74
-
75
- sup {
76
- top: -.5em;
77
- }
78
-
79
- table {
80
- text-indent: 0;
81
- border-color: inherit;
82
- border-collapse: collapse;
83
- }
84
-
85
- button, input, optgroup, select, textarea {
86
- font-feature-settings: inherit;
87
- font-variation-settings: inherit;
88
- font-family: inherit;
89
- font-size: 100%;
90
- font-weight: inherit;
91
- line-height: inherit;
92
- letter-spacing: inherit;
93
- color: inherit;
94
- margin: 0;
95
- padding: 0;
96
- }
97
-
98
- button, select {
99
- text-transform: none;
100
- }
101
-
102
- button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) {
103
- -webkit-appearance: button;
104
- background-color: #0000;
105
- background-image: none;
106
- }
107
-
108
- :-moz-focusring {
109
- outline: auto;
110
- }
111
-
112
- :-moz-ui-invalid {
113
- box-shadow: none;
114
- }
115
-
116
- progress {
117
- vertical-align: baseline;
118
- }
119
-
120
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
121
- height: auto;
122
- }
123
-
124
- [type="search"] {
125
- -webkit-appearance: textfield;
126
- outline-offset: -2px;
127
- }
128
-
129
- ::-webkit-search-decoration {
130
- -webkit-appearance: none;
131
- }
132
-
133
- ::-webkit-file-upload-button {
134
- -webkit-appearance: button;
135
- font: inherit;
136
- }
137
-
138
- summary {
139
- display: list-item;
140
- }
141
-
142
- blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
143
- margin: 0;
144
- }
145
-
146
- fieldset {
147
- margin: 0;
148
- padding: 0;
149
- }
150
-
151
- legend {
152
- padding: 0;
153
- }
154
-
155
- ol, ul, menu {
156
- margin: 0;
157
- padding: 0;
158
- list-style: none;
159
- }
160
-
161
- dialog {
162
- padding: 0;
163
- }
164
-
165
- textarea {
166
- resize: vertical;
167
- }
168
-
169
- input::-moz-placeholder, textarea::-moz-placeholder {
170
- opacity: 1;
171
- color: #9ca3af;
172
- }
173
-
174
- input::placeholder, textarea::placeholder {
175
- opacity: 1;
176
- color: #9ca3af;
177
- }
178
-
179
- button, [role="button"] {
180
- cursor: pointer;
181
- }
182
-
183
- :disabled {
184
- cursor: default;
185
- }
186
-
187
- img, svg, video, canvas, audio, iframe, embed, object {
188
- vertical-align: middle;
189
- display: block;
190
- }
191
-
192
- img, video {
193
- max-width: 100%;
194
- height: auto;
195
- }
196
-
197
- [hidden]:where(:not([hidden="until-found"])) {
198
- display: none;
199
- }
200
-
201
- @media (prefers-reduced-motion: reduce) {
202
- *, :before, :after {
203
- scroll-behavior: auto !important;
204
- transition-duration: .01ms !important;
205
- animation-duration: .01ms !important;
206
- animation-iteration-count: 1 !important;
207
- }
208
- }
209
-
210
- :root {
211
- --theme-base: oklch(43.11% .1 317.53);
212
- --theme-25: oklch(from var(--theme-base) calc(l * 2) c h);
213
- --theme-50: oklch(from var(--theme-base) calc(l * 1.75) c h);
214
- --theme-100: oklch(from var(--theme-base) calc(l * 1.5) c h);
215
- --theme-200: oklch(from var(--theme-base) calc(l * 1.25) c h);
216
- --theme-300: oklch(from var(--theme-base) calc(l * 1.1) c h);
217
- --theme-400: var(--theme-base);
218
- --theme-500: oklch(from var(--theme-base) calc(l * .95) c h);
219
- --theme-600: oklch(from var(--theme-base) calc(l * .9) c h);
220
- --theme-700: oklch(from var(--theme-base) calc(l * .85) c h);
221
- --theme-800: oklch(from var(--theme-base) calc(l * .8) c h);
222
- --theme-900: oklch(from var(--theme-base) calc(l * .75) c h);
223
- --theme-950: oklch(from var(--theme-base) calc(l * .7) c h);
224
- --primary-base: oklch(49.7% .189 295.76);
225
- --primary-25: oklch(from var(--primary-base) calc(l * 2) c h);
226
- --primary-50: oklch(from var(--primary-base) calc(l * 1.75) c h);
227
- --primary-100: oklch(from var(--primary-base) calc(l * 1.5) c h);
228
- --primary-200: oklch(from var(--primary-base) calc(l * 1.25) c h);
229
- --primary-300: oklch(from var(--primary-base) calc(l * 1.1) c h);
230
- --primary-400: var(--primary-base);
231
- --primary-500: oklch(from var(--primary-base) calc(l * .95) c h);
232
- --primary-600: oklch(from var(--primary-base) calc(l * .9) c h);
233
- --primary-700: oklch(from var(--primary-base) calc(l * .85) c h);
234
- --primary-800: oklch(from var(--primary-base) calc(l * .8) c h);
235
- --primary-900: oklch(from var(--primary-base) calc(l * .75) c h);
236
- --primary-950: oklch(from var(--primary-base) calc(l * .7) c h);
237
- --secondary-base: oklch(84.61% .15 82.94);
238
- --secondary-25: oklch(from var(--secondary-base) calc(l * 2.25) .1 h);
239
- --secondary-50: oklch(from var(--secondary-base) calc(l * 2) c h);
240
- --secondary-100: oklch(from var(--secondary-base) calc(l * 1.75) c h);
241
- --secondary-200: oklch(from var(--secondary-base) calc(l * 1.5) c h);
242
- --secondary-300: oklch(from var(--secondary-base) calc(l * 1.1) c h);
243
- --secondary-400: var(--secondary-base);
244
- --secondary-500: oklch(from var(--secondary-base) calc(l * .95) c h);
245
- --secondary-600: oklch(from var(--secondary-base) calc(l * .9) c h);
246
- --secondary-700: oklch(from var(--secondary-base) calc(l * .85) c h);
247
- --secondary-800: oklch(from var(--secondary-base) calc(l * .8) c h);
248
- --secondary-900: oklch(from var(--secondary-base) calc(l * .75) c h);
249
- --secondary-950: oklch(from var(--secondary-base) calc(l * .7) c h);
250
- --accent-base: oklch(75.4% .1 324.9);
251
- --accent-25: oklch(from var(--accent-base) .985 .06 h);
252
- --accent-50: oklch(from var(--accent-base) .975 .08 h);
253
- --accent-100: oklch(from var(--accent-base) .9 .07 h);
254
- --accent-200: oklch(from var(--accent-base) .85 c h);
255
- --accent-300: oklch(from var(--accent-base) .8 c h);
256
- --accent-400: var(--accent-base);
257
- --accent-500: oklch(from var(--accent-base) .7 c h);
258
- --accent-600: oklch(from var(--accent-base) .68 c h);
259
- --accent-700: oklch(from var(--accent-base) .62 .1 h);
260
- --accent-800: oklch(from var(--accent-base) .6 .1 h);
261
- --accent-900: oklch(from var(--accent-base) .58 .1 h);
262
- --accent-950: oklch(from var(--accent-base) .5 .11 h);
263
- --gray-base: oklch(59.84% 0 0);
264
- --gray-25: oklch(from var(--gray-base) calc(l * 1.625) c h);
265
- --gray-50: oklch(from var(--gray-base) calc(l * 1.575) c h);
266
- --gray-100: oklch(from var(--gray-base) calc(l * 1.475) c h);
267
- --gray-200: oklch(from var(--gray-base) calc(l * 1.35) c h);
268
- --gray-300: oklch(from var(--gray-base) calc(l * 1.175) c h);
269
- --gray-400: var(--gray-base);
270
- --gray-500: oklch(from var(--gray-base) calc(l * .85) c h);
271
- --gray-600: oklch(from var(--gray-base) calc(l * .725) c h);
272
- --gray-700: oklch(from var(--gray-base) calc(l * .6126) c h);
273
- --gray-800: oklch(from var(--gray-base) calc(l * .5) c h);
274
- --gray-900: oklch(from var(--gray-base) calc(l * .4) c h);
275
- --gray-950: oklch(from var(--gray-base) calc(l * .3) c h);
276
- --canvas-base: oklch(54.2% .0037 275.34);
277
- --canvas-25: oklch(from var(--canvas-base) calc(l * 1.9) c h);
278
- --canvas-50: oklch(from var(--canvas-base) calc(l * 1.75) c h);
279
- --canvas-100: oklch(from var(--canvas-base) calc(l * 1.6) c h);
280
- --canvas-200: oklch(from var(--canvas-base) calc(l * 1.4) c h);
281
- --canvas-300: oklch(from var(--canvas-base) calc(l * 1.2) c h);
282
- --canvas-400: var(--canvas-base);
283
- --canvas-500: oklch(from var(--canvas-base) calc(l * .9) c h);
284
- --canvas-600: oklch(from var(--canvas-base) calc(l * .7) c h);
285
- --canvas-700: oklch(from var(--canvas-base) calc(l * .5) c h);
286
- --canvas-800: oklch(from var(--canvas-base) calc(l * .335) c h);
287
- --canvas-900: oklch(from var(--canvas-base) calc(l * .3) c h);
288
- --canvas-950: oklch(from var(--canvas-base) calc(l * .225) c h);
289
- --red-base: oklch(54.27% .18 31.76);
290
- --red-25: oklch(from var(--red-base) calc(l * 2) c h);
291
- --red-50: oklch(from var(--red-base) calc(l * 1.75) c h);
292
- --red-100: oklch(from var(--red-base) calc(l * 1.5) c h);
293
- --red-200: oklch(from var(--red-base) calc(l * 1.25) c h);
294
- --red-300: oklch(from var(--red-base) calc(l * 1.1) c h);
295
- --red-400: var(--red-base);
296
- --red-500: oklch(from var(--red-base) calc(l * .95) c h);
297
- --red-600: oklch(from var(--red-base) calc(l * .9) c h);
298
- --red-700: oklch(from var(--red-base) calc(l * .85) c h);
299
- --red-800: oklch(from var(--red-base) calc(l * .8) c h);
300
- --red-900: oklch(from var(--red-base) calc(l * .75) c h);
301
- --red-950: oklch(from var(--red-base) calc(l * .7) c h);
302
- --green-base: oklch(65.26% .18 142.58);
303
- --green-25: oklch(from var(--green-base) calc(l * 2) c h);
304
- --green-50: oklch(from var(--green-base) calc(l * 1.75) c h);
305
- --green-100: oklch(from var(--green-base) calc(l * 1.5) c h);
306
- --green-200: oklch(from var(--green-base) calc(l * 1.25) c h);
307
- --green-300: oklch(from var(--green-base) calc(l * 1.1) c h);
308
- --green-400: var(--green-base);
309
- --green-500: oklch(from var(--green-base) calc(l * .95) c h);
310
- --green-600: oklch(from var(--green-base) calc(l * .9) c h);
311
- --green-700: oklch(from var(--green-base) calc(l * .85) c h);
312
- --green-800: oklch(from var(--green-base) calc(l * .8) c h);
313
- --green-900: oklch(from var(--green-base) calc(l * .75) c h);
314
- --green-950: oklch(from var(--green-base) calc(l * .7) c h);
315
- --blue-base: oklch(53.66% .1942 265.89);
316
- --blue-25: oklch(from var(--blue-base) calc(l * 2) c h);
317
- --blue-50: oklch(from var(--blue-base) calc(l * 1.75) c h);
318
- --blue-100: oklch(from var(--blue-base) calc(l * 1.5) c h);
319
- --blue-200: oklch(from var(--blue-base) calc(l * 1.25) c h);
320
- --blue-300: oklch(from var(--blue-base) calc(l * 1.1) c h);
321
- --blue-400: var(--blue-base);
322
- --blue-500: oklch(from var(--blue-base) calc(l * .95) c h);
323
- --blue-600: oklch(from var(--blue-base) calc(l * .9) c h);
324
- --blue-700: oklch(from var(--blue-base) calc(l * .85) c h);
325
- --blue-800: oklch(from var(--blue-base) calc(l * .8) c h);
326
- --blue-900: oklch(from var(--blue-base) calc(l * .75) c h);
327
- --blue-950: oklch(from var(--blue-base) calc(l * .7) c h);
328
- --yellow-base: oklch(75% .15 82.94);
329
- --yellow-25: oklch(from var(--yellow-base) calc(l * 2) c h);
330
- --yellow-50: oklch(from var(--yellow-base) calc(l * 1.75) c h);
331
- --yellow-100: oklch(from var(--yellow-base) calc(l * 1.5) c h);
332
- --yellow-200: oklch(from var(--yellow-base) calc(l * 1.25) c h);
333
- --yellow-300: oklch(from var(--yellow-base) calc(l * 1.1) c h);
334
- --yellow-400: var(--yellow-base);
335
- --yellow-500: oklch(from var(--yellow-base) calc(l * .95) c h);
336
- --yellow-600: oklch(from var(--yellow-base) calc(l * .9) c h);
337
- --yellow-700: oklch(from var(--yellow-base) calc(l * .85) c h);
338
- --yellow-800: oklch(from var(--yellow-base) calc(l * .8) c h);
339
- --yellow-900: oklch(from var(--yellow-base) calc(l * .75) c h);
340
- --yellow-950: oklch(from var(--yellow-base) calc(l * .7) c h);
341
- --breakpoint-xs: 480px;
342
- --breakpoint-sm: 640px;
343
- --breakpoint-md: 768px;
344
- --breakpoint-lg: 1024px;
345
- --breakpoint-xl: 1320px;
346
- --breakpoint-2xl: 1536px;
347
- --font-size-xs: .75rem;
348
- --font-size-sm: .875rem;
349
- --font-size-base: 1rem;
350
- --font-size-lg: 1.125rem;
351
- --font-size-xl: 1.25rem;
352
- --font-size-2xl: 1.5rem;
353
- --font-size-3xl: 1.875rem;
354
- --font-size-4xl: 2.25rem;
355
- --font-size-5xl: 2.625rem;
356
- --font-size-6xl: 3rem;
357
- --font-size-7xl: 3.375rem;
358
- --font-size-8xl: 3.75rem;
359
- --font-weight-light: 300;
360
- --font-weight-normal: 400;
361
- --font-weight-medium: 500;
362
- --font-weight-semibold: 600;
363
- --font-weight-bold: 700;
364
- --font-weight-extrabold: 800;
365
- --font-weight-ultrabold: 900;
366
- --line-height-tight: 1.1;
367
- --line-height-snug: 1.25;
368
- --line-height-normal: 1.5;
369
- --line-height-relaxed: 1.625;
370
- --line-height-loose: 2;
371
- --letter-spacing-tight: -.02em;
372
- --letter-spacing-normal: 0;
373
- --letter-spacing-wide: .05em;
374
- --spacing-0: 0px;
375
- --spacing-1: 4px;
376
- --spacing-2: 8px;
377
- --spacing-3: 12px;
378
- --spacing-4: 16px;
379
- --spacing-5: 20px;
380
- --spacing-6: 24px;
381
- --spacing-8: 32px;
382
- --spacing-10: 40px;
383
- --spacing-12: 48px;
384
- --spacing-16: 64px;
385
- --spacing-20: 80px;
386
- --spacing-24: 96px;
387
- --spacing-32: 128px;
388
- --border-radius-none: 0px;
389
- --border-radius-sm: 4px;
390
- --border-radius-md: 8px;
391
- --border-radius-lg: 12px;
392
- --border-radius-xl: 16px;
393
- --border-radius-2xl: 24px;
394
- --border-radius-full: 9999px;
395
- --border-width-thin: 1px;
396
- --border-width-normal: 2px;
397
- --border-width-thick: 4px;
398
- --border-style-solid: solid;
399
- --border-style-dashed: dashed;
400
- --border-style-dotted: dotted;
401
- --ring-offset-width: 2px;
402
- --ring-inset: ;
403
- --ring-shadow: 0 0 #0000;
404
- --shadow: 0 0 #0000;
405
- --shadow-xs: 0px 1px 2px #0000000d;
406
- --shadow-sm: 0px 2px 4px #0000001a;
407
- --shadow-md: 0px 4px 6px #0000001a;
408
- --shadow-lg: 0px 6px 12px #00000026;
409
- --shadow-xl: 0px 8px 16px #0003;
410
- --transition-fast: .175s ease-in-out;
411
- --transition-normal: .23s ease-in-out;
412
- --transition-slow: .4s ease-in-out;
413
- --z-index-low: 10;
414
- --z-index-medium: 100;
415
- --z-index-high: 1000;
416
- --z-index-modal: 1050;
417
- --z-index-toast: 1100;
418
- --opacity-0: 0;
419
- --opacity-25: .25;
420
- --opacity-50: .5;
421
- --opacity-75: .75;
422
- --opacity-100: 1;
423
- --grid-columns-2: 2;
424
- --grid-columns-3: 3;
425
- --grid-columns-4: 4;
426
- --grid-columns-5: 5;
427
- --grid-columns-6: 6;
428
- --grid-columns-7: 7;
429
- --grid-columns-8: 8;
430
- --grid-columns-9: 9;
431
- --grid-columns-10: 10;
432
- --grid-columns-11: 11;
433
- --grid-columns-12: 12;
434
- --grid-gap-sm: 8px;
435
- --grid-gap-md: 16px;
436
- --grid-gap-lg: 24px;
437
- --grid-column-size-xs: 240px;
438
- --grid-column-size-sm: 260px;
439
- --grid-column-size-md: 320px;
440
- --grid-column-size-lg: 480px;
441
- --gap-0: var(--spacing-0);
442
- --gap-1: var(--spacing-1);
443
- --gap-2: var(--spacing-2);
444
- --gap-3: var(--spacing-3);
445
- --gap-4: var(--spacing-4);
446
- --gap-5: var(--spacing-5);
447
- --gap-6: var(--spacing-6);
448
- --gap-8: var(--spacing-8);
449
- --gap-10: var(--spacing-10);
450
- --gap-12: var(--spacing-12);
451
- --gap-16: var(--spacing-16);
452
- --gap-20: var(--spacing-20);
453
- --gap-24: var(--spacing-24);
454
- --gap-32: var(--spacing-32);
455
- --flex-row: row;
456
- --flex-column: column;
457
- --flex-wrap: wrap;
458
- --flex-nowrap: nowrap;
459
- --flex-center: center;
460
- }
461
-
462
- @keyframes enterFromRight {
463
- from {
464
- opacity: 0;
465
- transform: translateX(200px);
466
- }
467
-
468
- to {
469
- opacity: 1;
470
- transform: translateX(0);
471
- }
472
- }
473
-
474
- @keyframes enterFromLeft {
475
- from {
476
- opacity: 0;
477
- transform: translateX(-200px);
478
- }
479
-
480
- to {
481
- opacity: 1;
482
- transform: translateX(0);
483
- }
484
- }
485
-
486
- @keyframes exitToRight {
487
- from {
488
- opacity: 1;
489
- transform: translateX(0);
490
- }
491
-
492
- to {
493
- opacity: 0;
494
- transform: translateX(200px);
495
- }
496
- }
497
-
498
- @keyframes exitToLeft {
499
- from {
500
- opacity: 1;
501
- transform: translateX(0);
502
- }
503
-
504
- to {
505
- opacity: 0;
506
- transform: translateX(-200px);
507
- }
508
- }
509
-
510
- @keyframes scaleIn {
511
- from {
512
- opacity: 0;
513
- transform: rotateX(-30deg)scale(.9);
514
- }
515
-
516
- to {
517
- opacity: 1;
518
- transform: rotateX(0)scale(1);
519
- }
520
- }
521
-
522
- @keyframes scaleOut {
523
- from {
524
- opacity: 1;
525
- transform: rotateX(0)scale(1);
526
- }
527
-
528
- to {
529
- opacity: 0;
530
- transform: rotateX(-10deg)scale(.95);
531
- }
532
- }
533
-
534
- @keyframes fadeIn {
535
- from {
536
- opacity: 0;
537
- }
538
-
539
- to {
540
- opacity: 1;
541
- }
542
- }
543
-
544
- @keyframes fadeOut {
545
- from {
546
- opacity: 1;
547
- }
548
-
549
- to {
550
- opacity: 0;
551
- }
552
- }
553
-
554
- @keyframes slideUpAndFade {
555
- from {
556
- opacity: 0;
557
- transform: translateY(2px);
558
- }
559
-
560
- to {
561
- opacity: 1;
562
- transform: translateY(0);
563
- }
564
- }
565
-
566
- @keyframes slideRightAndFade {
567
- from {
568
- opacity: 0;
569
- transform: translateX(-2px);
570
- }
571
-
572
- to {
573
- opacity: 1;
574
- transform: translateX(0);
575
- }
576
- }
577
-
578
- @keyframes slideDownAndFade {
579
- from {
580
- opacity: 0;
581
- transform: translateY(-2px);
582
- }
583
-
584
- to {
585
- opacity: 1;
586
- transform: translateY(0);
587
- }
588
- }
589
-
590
- @keyframes slideLeftAndFade {
591
- from {
592
- opacity: 0;
593
- transform: translateX(2px);
594
- }
595
-
596
- to {
597
- opacity: 1;
598
- transform: translateX(0);
599
- }
600
- }
601
-
602
- h1 {
603
- font-size: 1.75rem;
604
- font-weight: 600;
605
- line-height: 1.125;
606
- }
607
-
608
- h2 {
609
- font-size: 1.5rem;
610
- font-weight: 600;
611
- line-height: 1.125;
612
- }
613
-
614
- h3 {
615
- font-size: 1.25rem;
616
- font-weight: 600;
617
- line-height: 1.1;
618
- }
619
-
620
- h4 {
621
- font-size: 1rem;
622
- font-weight: 600;
623
- line-height: 1.1;
624
- }
625
- }
626
-
627
- @layer infonomic-utilities {
628
- .sr-only {
629
- clip: rect(0, 0, 0, 0);
630
- white-space: nowrap;
631
- border-width: 0;
632
- width: 1px;
633
- height: 1px;
634
- margin: -1px;
635
- padding: 0;
636
- position: absolute;
637
- overflow: hidden;
638
- }
639
-
640
- .text-xs {
641
- font-size: var(--font-size-xs);
642
- }
643
-
644
- .text-sm {
645
- font-size: var(--font-size-sm);
646
- }
647
-
648
- .text-base {
649
- font-size: var(--font-size-base);
650
- }
651
-
652
- .text-lg {
653
- font-size: var(--font-size-lg);
654
- }
655
-
656
- .text-xl {
657
- font-size: var(--font-size-xl);
658
- }
659
-
660
- .text-2xl {
661
- font-size: var(--font-size-2xl);
662
- }
663
-
664
- .text-3xl {
665
- font-size: var(--font-size-3xl);
666
- }
667
-
668
- .text-4xl {
669
- font-size: var(--font-size-4xl);
670
- }
671
-
672
- .text-5xl {
673
- font-size: var(--font-size-5xl);
674
- }
675
-
676
- .text-6xl {
677
- font-size: var(--font-size-6xl);
678
- }
679
-
680
- .text-7xl {
681
- font-size: var(--font-size-7xl);
682
- }
683
-
684
- .text-8xl {
685
- font-size: var(--font-size-8xl);
686
- }
687
-
688
- .font-light {
689
- font-weight: var(--font-weight-light);
690
- }
691
-
692
- .font-normal {
693
- font-weight: var(--font-weight-normal);
694
- }
695
-
696
- .font-medium {
697
- font-weight: var(--font-weight-medium);
698
- }
699
-
700
- .font-semibold {
701
- font-weight: var(--font-weight-semibold);
702
- }
703
-
704
- .font-bold {
705
- font-weight: var(--font-weight-bold);
706
- }
707
-
708
- .font-extrabold {
709
- font-weight: var(--font-weight-extrabold);
710
- }
711
-
712
- .font-ultrabold {
713
- font-weight: var(--font-weight-ultrabold);
714
- }
715
-
716
- .leading-tight {
717
- line-height: var(--line-height-tight);
718
- }
719
-
720
- .leading-snug {
721
- line-height: var(--line-height-snug);
722
- }
723
-
724
- .leading-normal {
725
- line-height: var(--line-height-normal);
726
- }
727
-
728
- .leading-relaxed {
729
- line-height: var(--line-height-relaxed);
730
- }
731
-
732
- .leading-loose {
733
- line-height: var(--line-height-loose);
734
- }
735
-
736
- .tracking-tight {
737
- letter-spacing: var(--letter-spacing-tight);
738
- }
739
-
740
- .tracking-normal {
741
- letter-spacing: var(--letter-spacing-normal);
742
- }
743
-
744
- .tracking-wide {
745
- letter-spacing: var(--letter-spacing-wide);
746
- }
747
-
748
- @media (width >= 640px) {
749
- .sm\:text-xs {
750
- font-size: var(--font-size-xs);
751
- }
752
-
753
- .sm\:text-sm {
754
- font-size: var(--font-size-sm);
755
- }
756
-
757
- .sm\:text-base {
758
- font-size: var(--font-size-base);
759
- }
760
-
761
- .sm\:text-lg {
762
- font-size: var(--font-size-lg);
763
- }
764
-
765
- .sm\:text-xl {
766
- font-size: var(--font-size-xl);
767
- }
768
-
769
- .sm\:text-2xl {
770
- font-size: var(--font-size-2xl);
771
- }
772
-
773
- .sm\:text-3xl {
774
- font-size: var(--font-size-3xl);
775
- }
776
-
777
- .sm\:text-4xl {
778
- font-size: var(--font-size-4xl);
779
- }
780
-
781
- .sm\:text-5xl {
782
- font-size: var(--font-size-5xl);
783
- }
784
-
785
- .sm\:text-6xl {
786
- font-size: var(--font-size-6xl);
787
- }
788
-
789
- .sm\:text-7xl {
790
- font-size: var(--font-size-7xl);
791
- }
792
-
793
- .sm\:text-8xl {
794
- font-size: var(--font-size-8xl);
795
- }
796
-
797
- .sm\:font-light {
798
- font-weight: var(--font-weight-light);
799
- }
800
-
801
- .sm\:font-normal {
802
- font-weight: var(--font-weight-normal);
803
- }
804
-
805
- .sm\:font-medium {
806
- font-weight: var(--font-weight-medium);
807
- }
808
-
809
- .sm\:font-semibold {
810
- font-weight: var(--font-weight-semibold);
811
- }
812
-
813
- .sm\:font-bold {
814
- font-weight: var(--font-weight-bold);
815
- }
816
-
817
- .sm\:font-extrabold {
818
- font-weight: var(--font-weight-extrabold);
819
- }
820
-
821
- .sm\:font-ultrabold {
822
- font-weight: var(--font-weight-ultrabold);
823
- }
824
-
825
- .sm\:leading-tight {
826
- line-height: var(--line-height-tight);
827
- }
828
-
829
- .sm\:leading-snug {
830
- line-height: var(--line-height-snug);
831
- }
832
-
833
- .sm\:leading-normal {
834
- line-height: var(--line-height-normal);
835
- }
836
-
837
- .sm\:leading-relaxed {
838
- line-height: var(--line-height-relaxed);
839
- }
840
-
841
- .sm\:leading-loose {
842
- line-height: var(--line-height-loose);
843
- }
844
-
845
- .sm\:tracking-tight {
846
- letter-spacing: var(--letter-spacing-tight);
847
- }
848
-
849
- .sm\:tracking-normal {
850
- letter-spacing: var(--letter-spacing-normal);
851
- }
852
-
853
- .sm\:tracking-wide {
854
- letter-spacing: var(--letter-spacing-wide);
855
- }
856
- }
857
-
858
- @media (width >= 768px) {
859
- .md\:text-xs {
860
- font-size: var(--font-size-xs);
861
- }
862
-
863
- .md\:text-sm {
864
- font-size: var(--font-size-sm);
865
- }
866
-
867
- .md\:text-base {
868
- font-size: var(--font-size-base);
869
- }
870
-
871
- .md\:text-lg {
872
- font-size: var(--font-size-lg);
873
- }
874
-
875
- .md\:text-xl {
876
- font-size: var(--font-size-xl);
877
- }
878
-
879
- .md\:text-2xl {
880
- font-size: var(--font-size-2xl);
881
- }
882
-
883
- .md\:text-3xl {
884
- font-size: var(--font-size-3xl);
885
- }
886
-
887
- .md\:text-4xl {
888
- font-size: var(--font-size-4xl);
889
- }
890
-
891
- .md\:text-5xl {
892
- font-size: var(--font-size-5xl);
893
- }
894
-
895
- .md\:text-6xl {
896
- font-size: var(--font-size-6xl);
897
- }
898
-
899
- .md\:text-7xl {
900
- font-size: var(--font-size-7xl);
901
- }
902
-
903
- .md\:text-8xl {
904
- font-size: var(--font-size-8xl);
905
- }
906
-
907
- .md\:font-light {
908
- font-weight: var(--font-weight-light);
909
- }
910
-
911
- .md\:font-normal {
912
- font-weight: var(--font-weight-normal);
913
- }
914
-
915
- .md\:font-medium {
916
- font-weight: var(--font-weight-medium);
917
- }
918
-
919
- .md\:font-semibold {
920
- font-weight: var(--font-weight-semibold);
921
- }
922
-
923
- .md\:font-bold {
924
- font-weight: var(--font-weight-bold);
925
- }
926
-
927
- .md\:font-extrabold {
928
- font-weight: var(--font-weight-extrabold);
929
- }
930
-
931
- .md\:font-ultrabold {
932
- font-weight: var(--font-weight-ultrabold);
933
- }
934
-
935
- .md\:leading-tight {
936
- line-height: var(--line-height-tight);
937
- }
938
-
939
- .md\:leading-snug {
940
- line-height: var(--line-height-snug);
941
- }
942
-
943
- .md\:leading-normal {
944
- line-height: var(--line-height-normal);
945
- }
946
-
947
- .md\:leading-relaxed {
948
- line-height: var(--line-height-relaxed);
949
- }
950
-
951
- .md\:leading-loose {
952
- line-height: var(--line-height-loose);
953
- }
954
-
955
- .md\:tracking-tight {
956
- letter-spacing: var(--letter-spacing-tight);
957
- }
958
-
959
- .md\:tracking-normal {
960
- letter-spacing: var(--letter-spacing-normal);
961
- }
962
-
963
- .md\:tracking-wide {
964
- letter-spacing: var(--letter-spacing-wide);
965
- }
966
- }
967
-
968
- .m-0 {
969
- margin: var(--spacing-0);
970
- }
971
-
972
- .m-1 {
973
- margin: var(--spacing-1);
974
- }
975
-
976
- .m-2 {
977
- margin: var(--spacing-2);
978
- }
979
-
980
- .m-3 {
981
- margin: var(--spacing-3);
982
- }
983
-
984
- .m-4 {
985
- margin: var(--spacing-4);
986
- }
987
-
988
- .m-5 {
989
- margin: var(--spacing-5);
990
- }
991
-
992
- .m-6 {
993
- margin: var(--spacing-6);
994
- }
995
-
996
- .m-8 {
997
- margin: var(--spacing-8);
998
- }
999
-
1000
- .m-10 {
1001
- margin: var(--spacing-10);
1002
- }
1003
-
1004
- .m-12 {
1005
- margin: var(--spacing-12);
1006
- }
1007
-
1008
- .m-16 {
1009
- margin: var(--spacing-16);
1010
- }
1011
-
1012
- .p-0 {
1013
- padding: var(--spacing-0);
1014
- }
1015
-
1016
- .p-1 {
1017
- padding: var(--spacing-1);
1018
- }
1019
-
1020
- .p-2 {
1021
- padding: var(--spacing-2);
1022
- }
1023
-
1024
- .p-3 {
1025
- padding: var(--spacing-3);
1026
- }
1027
-
1028
- .p-4 {
1029
- padding: var(--spacing-4);
1030
- }
1031
-
1032
- .p-5 {
1033
- padding: var(--spacing-5);
1034
- }
1035
-
1036
- .p-6 {
1037
- padding: var(--spacing-6);
1038
- }
1039
-
1040
- .p-8 {
1041
- padding: var(--spacing-8);
1042
- }
1043
-
1044
- .p-10 {
1045
- padding: var(--spacing-10);
1046
- }
1047
-
1048
- .p-12 {
1049
- padding: var(--spacing-12);
1050
- }
1051
-
1052
- .p-16 {
1053
- padding: var(--spacing-16);
1054
- }
1055
-
1056
- .p-20 {
1057
- padding: var(--spacing-20);
1058
- }
1059
-
1060
- .p-24 {
1061
- padding: var(--spacing-24);
1062
- }
1063
-
1064
- .p-32 {
1065
- padding: var(--spacing-32);
1066
- }
1067
-
1068
- @media (width >= 640px) {
1069
- .sm\:m-0 {
1070
- margin: var(--spacing-0);
1071
- }
1072
-
1073
- .sm\:m-1 {
1074
- margin: var(--spacing-1);
1075
- }
1076
-
1077
- .sm\:m-2 {
1078
- margin: var(--spacing-2);
1079
- }
1080
-
1081
- .sm\:m-3 {
1082
- margin: var(--spacing-3);
1083
- }
1084
-
1085
- .sm\:m-4 {
1086
- margin: var(--spacing-4);
1087
- }
1088
-
1089
- .sm\:m-5 {
1090
- margin: var(--spacing-5);
1091
- }
1092
-
1093
- .sm\:m-6 {
1094
- margin: var(--spacing-6);
1095
- }
1096
-
1097
- .sm\:m-8 {
1098
- margin: var(--spacing-8);
1099
- }
1100
-
1101
- .sm\:m-10 {
1102
- margin: var(--spacing-10);
1103
- }
1104
-
1105
- .sm\:m-12 {
1106
- margin: var(--spacing-12);
1107
- }
1108
-
1109
- .sm\:m-16 {
1110
- margin: var(--spacing-16);
1111
- }
1112
-
1113
- .sm\:p-0 {
1114
- padding: var(--spacing-0);
1115
- }
1116
-
1117
- .sm\:p-1 {
1118
- padding: var(--spacing-1);
1119
- }
1120
-
1121
- .sm\:p-2 {
1122
- padding: var(--spacing-2);
1123
- }
1124
-
1125
- .sm\:p-3 {
1126
- padding: var(--spacing-3);
1127
- }
1128
-
1129
- .sm\:p-4 {
1130
- padding: var(--spacing-4);
1131
- }
1132
-
1133
- .sm\:p-5 {
1134
- padding: var(--spacing-5);
1135
- }
1136
-
1137
- .sm\:p-6 {
1138
- padding: var(--spacing-6);
1139
- }
1140
-
1141
- .sm\:p-8 {
1142
- padding: var(--spacing-8);
1143
- }
1144
-
1145
- .sm\:p-10 {
1146
- padding: var(--spacing-10);
1147
- }
1148
-
1149
- .sm\:p-12 {
1150
- padding: var(--spacing-12);
1151
- }
1152
-
1153
- .sm\:p-16 {
1154
- padding: var(--spacing-16);
1155
- }
1156
-
1157
- .sm\:p-20 {
1158
- padding: var(--spacing-20);
1159
- }
1160
-
1161
- .sm\:p-24 {
1162
- padding: var(--spacing-24);
1163
- }
1164
-
1165
- .sm\:p-32 {
1166
- padding: var(--spacing-32);
1167
- }
1168
- }
1169
-
1170
- @media (width >= 768px) {
1171
- .md\:m-0 {
1172
- margin: var(--spacing-0);
1173
- }
1174
-
1175
- .md\:m-1 {
1176
- margin: var(--spacing-1);
1177
- }
1178
-
1179
- .md\:m-2 {
1180
- margin: var(--spacing-2);
1181
- }
1182
-
1183
- .md\:m-3 {
1184
- margin: var(--spacing-3);
1185
- }
1186
-
1187
- .md\:m-4 {
1188
- margin: var(--spacing-4);
1189
- }
1190
-
1191
- .md\:m-5 {
1192
- margin: var(--spacing-5);
1193
- }
1194
-
1195
- .md\:m-6 {
1196
- margin: var(--spacing-6);
1197
- }
1198
-
1199
- .md\:m-8 {
1200
- margin: var(--spacing-8);
1201
- }
1202
-
1203
- .md\:m-10 {
1204
- margin: var(--spacing-10);
1205
- }
1206
-
1207
- .md\:m-12 {
1208
- margin: var(--spacing-12);
1209
- }
1210
-
1211
- .md\:m-16 {
1212
- margin: var(--spacing-16);
1213
- }
1214
-
1215
- .md\:p-0 {
1216
- padding: var(--spacing-0);
1217
- }
1218
-
1219
- .md\:p-1 {
1220
- padding: var(--spacing-1);
1221
- }
1222
-
1223
- .md\:p-2 {
1224
- padding: var(--spacing-2);
1225
- }
1226
-
1227
- .md\:p-3 {
1228
- padding: var(--spacing-3);
1229
- }
1230
-
1231
- .md\:p-4 {
1232
- padding: var(--spacing-4);
1233
- }
1234
-
1235
- .md\:p-5 {
1236
- padding: var(--spacing-5);
1237
- }
1238
-
1239
- .md\:p-6 {
1240
- padding: var(--spacing-6);
1241
- }
1242
-
1243
- .md\:p-8 {
1244
- padding: var(--spacing-8);
1245
- }
1246
-
1247
- .md\:p-10 {
1248
- padding: var(--spacing-10);
1249
- }
1250
-
1251
- .md\:p-12 {
1252
- padding: var(--spacing-12);
1253
- }
1254
-
1255
- .md\:p-16 {
1256
- padding: var(--spacing-16);
1257
- }
1258
-
1259
- .md\:p-20 {
1260
- padding: var(--spacing-20);
1261
- }
1262
-
1263
- .md\:p-24 {
1264
- padding: var(--spacing-24);
1265
- }
1266
-
1267
- .md\:p-32 {
1268
- padding: var(--spacing-32);
1269
- }
1270
- }
1271
-
1272
- .flex {
1273
- display: flex;
1274
- }
1275
-
1276
- .flex-row {
1277
- flex-direction: var(--flex-row);
1278
- }
1279
-
1280
- .flex-column {
1281
- flex-direction: var(--flex-column);
1282
- }
1283
-
1284
- .flex-wrap {
1285
- flex-wrap: var(--flex-wrap);
1286
- }
1287
-
1288
- .flex-nowrap {
1289
- flex-wrap: var(--flex-nowrap);
1290
- }
1291
-
1292
- .items-center {
1293
- align-items: var(--flex-center);
1294
- }
1295
-
1296
- .justify-center {
1297
- justify-content: var(--flex-center);
1298
- }
1299
-
1300
- @media (width >= 640px) {
1301
- .sm\:flex {
1302
- display: flex;
1303
- }
1304
-
1305
- .sm\:flex-row {
1306
- flex-direction: var(--flex-row);
1307
- }
1308
-
1309
- .sm\:flex-column {
1310
- flex-direction: var(--flex-column);
1311
- }
1312
-
1313
- .sm\:flex-wrap {
1314
- flex-wrap: var(--flex-wrap);
1315
- }
1316
-
1317
- .sm\:flex-nowrap {
1318
- flex-wrap: var(--flex-nowrap);
1319
- }
1320
-
1321
- .sm\:items-center {
1322
- align-items: var(--flex-center);
1323
- }
1324
-
1325
- .sm\:justify-center {
1326
- justify-content: var(--flex-center);
1327
- }
1328
- }
1329
-
1330
- @media (width >= 768px) {
1331
- .md\:flex {
1332
- display: flex;
1333
- }
1334
-
1335
- .md\:flex-row {
1336
- flex-direction: var(--flex-row);
1337
- }
1338
-
1339
- .md\:flex-column {
1340
- flex-direction: var(--flex-column);
1341
- }
1342
-
1343
- .md\:flex-wrap {
1344
- flex-wrap: var(--flex-wrap);
1345
- }
1346
-
1347
- .md\:flex-nowrap {
1348
- flex-wrap: var(--flex-nowrap);
1349
- }
1350
-
1351
- .md\:items-center {
1352
- align-items: var(--flex-center);
1353
- }
1354
-
1355
- .md\:justify-center {
1356
- justify-content: var(--flex-center);
1357
- }
1358
- }
1359
-
1360
- .grid {
1361
- display: grid;
1362
- }
1363
-
1364
- .grid-cols-2 {
1365
- grid-template-columns: repeat(var(--grid-columns-2), minmax(0, 1fr));
1366
- }
1367
-
1368
- .grid-cols-3 {
1369
- grid-template-columns: repeat(var(--grid-columns-3), minmax(0, 1fr));
1370
- }
1371
-
1372
- .grid-cols-4 {
1373
- grid-template-columns: repeat(var(--grid-columns-4), minmax(0, 1fr));
1374
- }
1375
-
1376
- .grid-cols-5 {
1377
- grid-template-columns: repeat(var(--grid-columns-5), minmax(0, 1fr));
1378
- }
1379
-
1380
- .grid-cols-6 {
1381
- grid-template-columns: repeat(var(--grid-columns-6), minmax(0, 1fr));
1382
- }
1383
-
1384
- .grid-cols-7 {
1385
- grid-template-columns: repeat(var(--grid-columns-7), minmax(0, 1fr));
1386
- }
1387
-
1388
- .grid-cols-8 {
1389
- grid-template-columns: repeat(var(--grid-columns-8), minmax(0, 1fr));
1390
- }
1391
-
1392
- .grid-cols-9 {
1393
- grid-template-columns: repeat(var(--grid-columns-9), minmax(0, 1fr));
1394
- }
1395
-
1396
- .grid-cols-10 {
1397
- grid-template-columns: repeat(var(--grid-columns-10), minmax(0, 1fr));
1398
- }
1399
-
1400
- .grid-cols-11 {
1401
- grid-template-columns: repeat(var(--grid-columns-11), minmax(0, 1fr));
1402
- }
1403
-
1404
- .grid-cols-12 {
1405
- grid-template-columns: repeat(var(--grid-columns-12), minmax(0, 1fr));
1406
- }
1407
-
1408
- .gap-0 {
1409
- gap: var(--gap-0);
1410
- }
1411
-
1412
- .gap-1 {
1413
- gap: var(--gap-1);
1414
- }
1415
-
1416
- .gap-2 {
1417
- gap: var(--gap-2);
1418
- }
1419
-
1420
- .gap-3 {
1421
- gap: var(--gap-3);
1422
- }
1423
-
1424
- .gap-4 {
1425
- gap: var(--gap-4);
1426
- }
1427
-
1428
- .gap-5 {
1429
- gap: var(--gap-5);
1430
- }
1431
-
1432
- .gap-6 {
1433
- gap: var(--gap-6);
1434
- }
1435
-
1436
- .gap-8 {
1437
- gap: var(--gap-8);
1438
- }
1439
-
1440
- .gap-10 {
1441
- gap: var(--gap-10);
1442
- }
1443
-
1444
- .gap-12 {
1445
- gap: var(--gap-12);
1446
- }
1447
-
1448
- .gap-16 {
1449
- gap: var(--gap-16);
1450
- }
1451
-
1452
- .gap-20 {
1453
- gap: var(--gap-20);
1454
- }
1455
-
1456
- .gap-24 {
1457
- gap: var(--gap-24);
1458
- }
1459
-
1460
- .gap-32 {
1461
- gap: var(--gap-32);
1462
- }
1463
-
1464
- @media (width >= 640px) {
1465
- .sm\:grid {
1466
- display: grid;
1467
- }
1468
-
1469
- .sm\:grid-cols-12 {
1470
- grid-template-columns: repeat(var(--grid-columns), 1fr);
1471
- }
1472
-
1473
- .sm\:gap-0 {
1474
- gap: .5rem;
1475
- gap: var(--gap-0);
1476
- }
1477
-
1478
- .sm\:gap-1 {
1479
- gap: var(--gap-1);
1480
- }
1481
-
1482
- .sm\:gap-2 {
1483
- gap: var(--gap-2);
1484
- }
1485
-
1486
- .sm\:gap-3 {
1487
- gap: var(--gap-3);
1488
- }
1489
-
1490
- .sm\:gap-4 {
1491
- gap: var(--gap-4);
1492
- }
1493
-
1494
- .sm\:gap-5 {
1495
- gap: var(--gap-5);
1496
- }
1497
-
1498
- .sm\:gap-6 {
1499
- gap: var(--gap-6);
1500
- }
1501
-
1502
- .sm\:gap-8 {
1503
- gap: var(--gap-8);
1504
- }
1505
-
1506
- .sm\:gap-10 {
1507
- gap: var(--gap-10);
1508
- }
1509
-
1510
- .sm\:gap-12 {
1511
- gap: var(--gap-12);
1512
- }
1513
-
1514
- .sm\:gap-16 {
1515
- gap: var(--gap-16);
1516
- }
1517
-
1518
- .sm\:gap-20 {
1519
- gap: var(--gap-20);
1520
- }
1521
-
1522
- .sm\:gap-24 {
1523
- gap: var(--gap-24);
1524
- }
1525
-
1526
- .sm\:gap-32 {
1527
- gap: var(--gap-32);
1528
- }
1529
- }
1530
-
1531
- @media (width >= 768px) {
1532
- .md\:grid {
1533
- display: grid;
1534
- }
1535
-
1536
- .md\:grid-cols-12 {
1537
- grid-template-columns: repeat(var(--grid-columns), 1fr);
1538
- }
1539
-
1540
- .md\:gap-0 {
1541
- gap: .5rem;
1542
- gap: var(--gap-0);
1543
- }
1544
-
1545
- .md\:gap-1 {
1546
- gap: var(--gap-1);
1547
- }
1548
-
1549
- .md\:gap-2 {
1550
- gap: var(--gap-2);
1551
- }
1552
-
1553
- .md\:gap-3 {
1554
- gap: var(--gap-3);
1555
- }
1556
-
1557
- .md\:gap-4 {
1558
- gap: var(--gap-4);
1559
- }
1560
-
1561
- .md\:gap-5 {
1562
- gap: var(--gap-5);
1563
- }
1564
-
1565
- .md\:gap-6 {
1566
- gap: var(--gap-6);
1567
- }
1568
-
1569
- .md\:gap-8 {
1570
- gap: var(--gap-8);
1571
- }
1572
-
1573
- .md\:gap-10 {
1574
- gap: var(--gap-10);
1575
- }
1576
-
1577
- .md\:gap-12 {
1578
- gap: var(--gap-12);
1579
- }
1580
-
1581
- .md\:gap-16 {
1582
- gap: var(--gap-16);
1583
- }
1584
-
1585
- .md\:gap-20 {
1586
- gap: var(--gap-20);
1587
- }
1588
-
1589
- .md\:gap-24 {
1590
- gap: var(--gap-24);
1591
- }
1592
-
1593
- .md\:gap-32 {
1594
- gap: var(--gap-32);
1595
- }
1596
- }
1597
-
1598
- .border {
1599
- border-width: var(--border-width-normal);
1600
- border-style: var(--border-style-solid);
1601
- }
1602
-
1603
- .border-thin {
1604
- border-width: var(--border-width-thin);
1605
- }
1606
-
1607
- .border-thick {
1608
- border-width: var(--border-width-thick);
1609
- }
1610
-
1611
- .rounded-none {
1612
- border-radius: var(--border-radius-none);
1613
- }
1614
-
1615
- .rounded-sm {
1616
- border-radius: var(--border-radius-sm);
1617
- }
1618
-
1619
- .rounded, .rounded-md {
1620
- border-radius: var(--border-radius-md);
1621
- }
1622
-
1623
- .rounded-lg {
1624
- border-radius: var(--border-radius-lg);
1625
- }
1626
-
1627
- .rounded-xl {
1628
- border-radius: var(--border-radius-xl);
1629
- }
1630
-
1631
- .rounded-2xl {
1632
- border-radius: var(--border-radius-2xl);
1633
- }
1634
-
1635
- .rounded-full {
1636
- border-radius: var(--border-radius-full);
1637
- }
1638
-
1639
- @media (width >= 640px) {
1640
- .sm\:border {
1641
- border-width: var(--border-width-normal);
1642
- border-style: var(--border-style-solid);
1643
- }
1644
-
1645
- .sm\:border-thin {
1646
- border-width: var(--border-width-thin);
1647
- }
1648
-
1649
- .sm\:border-thick {
1650
- border-width: var(--border-width-thick);
1651
- }
1652
-
1653
- .sm\:rounded-none {
1654
- border-radius: var(--border-radius-none);
1655
- }
1656
-
1657
- .sm\:rounded-sm, .sm\:rounded, .sm\:rounded-md {
1658
- border-radius: var(--border-radius-sm);
1659
- }
1660
-
1661
- .sm\:rounded-lg {
1662
- border-radius: var(--border-radius-lg);
1663
- }
1664
-
1665
- .sm\:rounded-xl {
1666
- border-radius: var(--border-radius-xl);
1667
- }
1668
-
1669
- .sm\:rounded-2xl {
1670
- border-radius: var(--border-radius-2xl);
1671
- }
1672
-
1673
- .sm\:rounded-full {
1674
- border-radius: var(--border-radius-full);
1675
- }
1676
- }
1677
-
1678
- @media (width >= 768px) {
1679
- .md\:border {
1680
- border-width: var(--border-width-normal);
1681
- border-style: var(--border-style-solid);
1682
- }
1683
-
1684
- .md\:border-thin {
1685
- border-width: var(--border-width-thin);
1686
- }
1687
-
1688
- .md\:border-thick {
1689
- border-width: var(--border-width-thick);
1690
- }
1691
-
1692
- .md\:rounded-none {
1693
- border-radius: var(--border-radius-none);
1694
- }
1695
-
1696
- .md\:rounded-sm {
1697
- border-radius: var(--border-radius-sm);
1698
- }
1699
-
1700
- .md\:rounded, .md\:rounded-md {
1701
- border-radius: var(--border-radius-md);
1702
- }
1703
-
1704
- .md\:rounded-lg {
1705
- border-radius: var(--border-radius-lg);
1706
- }
1707
-
1708
- .md\:rounded-xl {
1709
- border-radius: var(--border-radius-xl);
1710
- }
1711
-
1712
- .md\:rounded-2xl {
1713
- border-radius: var(--border-radius-2xl);
1714
- }
1715
-
1716
- .md\:rounded-full {
1717
- border-radius: var(--border-radius-full);
1718
- }
1719
- }
1720
-
1721
- .shadow {
1722
- box-shadow: var(--shadow);
1723
- }
1724
-
1725
- .shadow-xs {
1726
- box-shadow: var(--shadow-xs);
1727
- }
1728
-
1729
- .shadow-sm {
1730
- box-shadow: var(--shadow-sm);
1731
- }
1732
-
1733
- .shadow-md {
1734
- box-shadow: var(--shadow-md);
1735
- }
1736
-
1737
- .shadow-lg {
1738
- box-shadow: var(--shadow-lg);
1739
- }
1740
-
1741
- .shadow-xl {
1742
- box-shadow: var(--shadow-xl);
1743
- }
1744
-
1745
- @media (width >= 768px) {
1746
- .md\:shadow {
1747
- box-shadow: var(--shadow);
1748
- }
1749
-
1750
- .md\:shadow-xs {
1751
- box-shadow: var(--shadow-xs);
1752
- }
1753
-
1754
- .md\:shadow-sm {
1755
- box-shadow: var(--shadow-sm);
1756
- }
1757
-
1758
- .md\:shadow-md {
1759
- box-shadow: var(--shadow-md);
1760
- }
1761
-
1762
- .md\:shadow-lg {
1763
- box-shadow: var(--shadow-lg);
1764
- }
1765
-
1766
- .md\:shadow-xl {
1767
- box-shadow: var(--shadow-xl);
1768
- }
1769
- }
1770
-
1771
- .opacity-0 {
1772
- opacity: var(--opacity-0);
1773
- }
1774
-
1775
- .opacity-25 {
1776
- opacity: var(--opacity-25);
1777
- }
1778
-
1779
- .opacity-50 {
1780
- opacity: var(--opacity-50);
1781
- }
1782
-
1783
- .opacity-75 {
1784
- opacity: var(--opacity-75);
1785
- }
1786
-
1787
- .opacity-100 {
1788
- opacity: var(--opacity-100);
1789
- }
1790
-
1791
- @media (width >= 768px) {
1792
- .md\:opacity-0 {
1793
- opacity: var(--opacity-0);
1794
- }
1795
-
1796
- .md\:opacity-25 {
1797
- opacity: var(--opacity-25);
1798
- }
1799
-
1800
- .md\:opacity-50 {
1801
- opacity: var(--opacity-50);
1802
- }
1803
-
1804
- .md\:opacity-75 {
1805
- opacity: var(--opacity-75);
1806
- }
1807
-
1808
- .md\:opacity-100 {
1809
- opacity: var(--opacity-100);
1810
- }
1811
- }
1812
-
1813
- .transition-fast {
1814
- transition: var(--transition-fast);
1815
- }
1816
-
1817
- .transition-normal {
1818
- transition: var(--transition-normal);
1819
- }
1820
-
1821
- .transition-slow {
1822
- transition: var(--transition-slow);
1823
- }
1824
-
1825
- .ring-primary-offset-primary:focus:not(.dark *), .ring-primary-offset-primary:active:not(.dark *) {
1826
- --ring-shadow: var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width)) var(--primary-700);
1827
- --ring-offset-shadow: var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--primary-400);
1828
- box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--shadow, 0 0 #0000);
1829
- }
1830
-
1831
- .ring-secondary-offset-secondary:focus:not(.dark *), .ring-secondary-offset-secondary:active:not(.dark *) {
1832
- --ring-shadow: var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width)) var(--secondary-700);
1833
- --ring-offset-shadow: var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--secondary-400);
1834
- box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--shadow, 0 0 #0000);
1835
- }
1836
-
1837
- .ring-accent-offset-accent:focus:not(.dark *), .ring-accent-offset-accent:active:not(.dark *) {
1838
- --ring-shadow: var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width)) var(--accent-700);
1839
- --ring-offset-shadow: var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--accent-400);
1840
- box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--shadow, 0 0 #0000);
1841
- }
1842
-
1843
- .fix-scroll-layout-shift-right {
1844
- padding-right: var(--removed-body-scroll-bar-size);
1845
- }
1846
-
1847
- .fix-scroll-layout-shift-left {
1848
- padding-left: var(--removed-body-scroll-bar-size);
1849
- }
1850
- }
1851
-
1852
- @layer infonomic-theme {
1853
- input:autofill, input:autofill:hover, input:autofill:focus, textarea:autofill, textarea:autofill:hover, textarea:autofill:focus, select:autofill, select:autofill:hover, select:autofill:focus {
1854
- -webkit-text-fill-color: black !important;
1855
- color: #000 !important;
1856
- background-color: #fad9a7 !important;
1857
- border: 1px solid #d89d3d !important;
1858
- transition: background-color 5000s ease-in-out !important;
1859
- -webkit-box-shadow: inset 0 0 0 1000px #fff2dc !important;
1860
- box-shadow: inset 0 0 0 1000px #fff2dc !important;
1861
- }
1862
-
1863
- .dark input:autofill, .dark input:autofill:hover, .dark input:autofill:focus, .dark textarea:autofill, .dark textarea:autofill:hover, .dark textarea:autofill:focus, .dark select:autofill, .dark select:autofill:hover, .dark select:autofill:focus {
1864
- border: 1px solid var(--theme-600) !important;
1865
- -webkit-text-fill-color: white !important;
1866
- -webkit-box-shadow: 0 0 0px 1000px var(--theme-600) inset !important;
1867
- box-shadow: 0 0 0px 1000px var(--theme-600) inset !important;
1868
- color: #fff !important;
1869
- background-color: #64646480 !important;
1870
- transition: background-color 5000s ease-in-out !important;
1871
- }
1872
-
1873
- :root {
1874
- --scroll-bar-thumb: var(--theme-400);
1875
- --scroll-bar-track: var(--theme-600);
1876
- }
1877
-
1878
- :root.dark {
1879
- --scroll-bar-thumb: var(--canvas-700);
1880
- --scroll-bar-track: var(--canvas-900);
1881
- }
1882
-
1883
- ::-webkit-scrollbar {
1884
- width: .6em;
1885
- height: .6em;
1886
- }
1887
-
1888
- ::-webkit-scrollbar-thumb {
1889
- background: var(--scroll-bar-thumb);
1890
- }
1891
-
1892
- ::-webkit-scrollbar-track {
1893
- background: var(--scroll-bar-track);
1894
- }
1895
-
1896
- ::-webkit-scrollbar-corner {
1897
- background: var(--scroll-bar-track);
1898
- }
1899
-
1900
- html {
1901
- scrollbar-width: thin;
1902
- scrollbar-color: var(--scroll-bar-thumb) var(--scroll-bar-track);
1903
- }
1904
-
1905
- .component--scroller, .dark .component--scroller {
1906
- --scroll-bar-thumb: var(--scroll-bar-thumb);
1907
- --scroll-bar-track: var(--scroll-bar-track);
1908
- }
1909
-
1910
- .component--scroller {
1911
- scrollbar-width: thin;
1912
- scrollbar-color: var(--scroll-bar-thumb) var(--scroll-bar-track);
1913
- overflow-y: auto;
1914
- }
1915
-
1916
- :root {
1917
- --background: var(--canvas-25);
1918
- --foreground: var(--gray-900);
1919
- --text: var(--gray-900);
1920
- --headings: var(--primary-700);
1921
- --muted: oklch(from var(--foreground) calc(l * 2) c h);
1922
- --border-color: var(--gray-100);
1923
- --shadow: var(--shadow-md);
1924
- --loader-color: var(--primary-500);
1925
- --invert-background: var(--canvas-900);
1926
- --invert-foreground: var(--gray-50);
1927
- --invert-text: var(--gray-50);
1928
- --invert-headings: var(--gray-50);
1929
- --invert-muted: oklch(from var(--foreground) calc(l * .75) c h);
1930
- --invert-border-color: var(--canvas-700);
1931
- --invert-shadow: var(--shadow-lg);
1932
- --invert-loader-color: var(--gray-50);
1933
- }
1934
-
1935
- .dark {
1936
- --background: var(--invert-background);
1937
- --foreground: var(--invert-foreground);
1938
- --text: var(--invert-text);
1939
- --headings: var(--invert-headings);
1940
- --border-color: var(--invert-border-color);
1941
- --shadow: var(--invert-shadow);
1942
- --muted: var(--invert-muted);
1943
- --loader-color: var(--invert-loader-color);
1944
- }
1945
-
1946
- .not-dark {
1947
- --background: var(--canvas-25);
1948
- --foreground: var(--gray-900);
1949
- --text: var(--gray-900);
1950
- --headings: var(--primary-800);
1951
- --muted: oklch(from var(--foreground) calc(l * 2) c h);
1952
- --border-color: var(--gray-100);
1953
- --shadow: var(--shadow-md);
1954
- --loader-color: var(--primary-500);
1955
- }
1956
-
1957
- html {
1958
- color: var(--text);
1959
- font-size: 1rem;
1960
- }
1961
-
1962
- html .not-dark {
1963
- color: var(--text);
1964
- }
1965
-
1966
- ::selection {
1967
- background-color: var(--theme-600);
1968
- color: #fff;
1969
- }
1970
-
1971
- .dark ::selection {
1972
- background-color: var(--theme-200);
1973
- color: var(--gray-900);
1974
- }
1975
-
1976
- .background {
1977
- background-color: var(--background);
1978
- }
1979
-
1980
- .foreground {
1981
- color: var(--foreground);
1982
- }
1983
-
1984
- .text {
1985
- color: var(--text);
1986
- }
1987
-
1988
- .headings {
1989
- color: var(--headings);
1990
- }
1991
-
1992
- .muted {
1993
- color: var(--muted);
1994
- font-size: .925rem;
1995
- }
1996
-
1997
- .shadow {
1998
- box-shadow: var(--shadow);
1999
- }
2000
-
2001
- .border-color {
2002
- border-color: var(--border-color);
2003
- }
2004
-
2005
- .border {
2006
- border-color: var(--border-color);
2007
- border-width: var(--border-width-thin);
2008
- border-style: var(--border-style-solid);
2009
- border-radius: var(--border-radius-sm);
2010
- }
2011
-
2012
- .external-link:after {
2013
- content: "";
2014
- background-image: url("/external-link-light.svg");
2015
- background-position: 20%;
2016
- background-repeat: no-repeat;
2017
- background-size: 65%;
2018
- width: 1.1rem;
2019
- height: 1.1rem;
2020
- margin-right: -5px;
2021
- display: inline-block;
2022
- }
2023
-
2024
- .dark .external-link:after {
2025
- background-image: url("/external-link-dark.svg");
2026
- }
2027
- }
2028
-
2029
- @layer infonomic-typography;
2030
-
2031
- @layer infonomic-components {
2032
- .component--hamburger {
2033
- z-index: 200;
2034
- cursor: pointer;
2035
- width: 42px;
2036
- height: 34px;
2037
- font: inherit;
2038
- color: inherit;
2039
- text-transform: none;
2040
- background-color: #0000;
2041
- border: 0;
2042
- border-radius: 4px;
2043
- justify-content: center;
2044
- align-items: center;
2045
- margin: 0;
2046
- transition-property: opacity, filter;
2047
- transition-duration: .15s;
2048
- transition-timing-function: ease;
2049
- display: flex;
2050
- position: relative;
2051
- overflow: hidden;
2052
- }
2053
-
2054
- .component--hamburger:active, .component--hamburger:focus {
2055
- border: .5px dashed #fff;
2056
- border-radius: 4px;
2057
- outline: none !important;
2058
- }
2059
-
2060
- .component--hamburger .box {
2061
- width: 24px;
2062
- height: 24px;
2063
- display: block;
2064
- position: relative;
2065
- }
2066
-
2067
- .component--hamburger .inner {
2068
- margin-top: -1px;
2069
- transition-duration: 75ms;
2070
- transition-timing-function: cubic-bezier(.55, .055, .675, .19);
2071
- display: block;
2072
- top: 50%;
2073
- }
2074
-
2075
- .component--hamburger .inner, .component--hamburger .inner:before, .component--hamburger .inner:after {
2076
- border-radius: 0;
2077
- width: 24px;
2078
- height: 2px;
2079
- transition-property: transform;
2080
- transition-duration: .15s;
2081
- transition-timing-function: ease;
2082
- position: absolute;
2083
- }
2084
-
2085
- .component--hamburger .inner:before, .component--hamburger .inner:after {
2086
- content: "";
2087
- display: block;
2088
- }
2089
-
2090
- .component--hamburger .inner:before {
2091
- transition: top 75ms .12s, opacity 75ms;
2092
- top: -8px;
2093
- }
2094
-
2095
- .component--hamburger .inner:after {
2096
- transition: bottom 75ms .12s, transform 75ms cubic-bezier(.55, .055, .675, .19);
2097
- bottom: -8px;
2098
- }
2099
-
2100
- .component--hamburger.is_active .inner {
2101
- transition-delay: .12s;
2102
- transition-timing-function: cubic-bezier(.215, .61, .355, 1);
2103
- transform: rotate(45deg);
2104
- }
2105
-
2106
- .component--hamburger.is_active .inner:before {
2107
- opacity: 0;
2108
- transition: top 75ms, opacity 75ms .12s;
2109
- top: 0;
2110
- }
2111
-
2112
- .component--hamburger.is_active .inner:after {
2113
- transition: bottom 75ms, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
2114
- bottom: 0;
2115
- transform: rotate(-90deg);
2116
- }
2117
- }
2118
-
2119
- .component--icon-element-root svg {
2120
- margin: auto;
2121
- display: block;
2122
- }
2123
-
2124
- .btn-to-top {
2125
- opacity: 0;
2126
- visibility: hidden;
2127
- z-index: 20;
2128
- color: #fff;
2129
- background-color: var(--primary-500);
2130
- cursor: pointer;
2131
- border-style: none;
2132
- outline: none;
2133
- justify-content: center;
2134
- align-items: center;
2135
- width: 0;
2136
- height: 0;
2137
- margin: 0;
2138
- padding: 0;
2139
- text-decoration: none;
2140
- transition: all .3s cubic-bezier(.25, .8, .5, 1), color 1ms;
2141
- display: flex;
2142
- position: fixed;
2143
- bottom: 45px;
2144
- right: 30px;
2145
- }
2146
-
2147
- .btn-to-top span {
2148
- width: 18px;
2149
- padding-bottom: 3px;
2150
- }
2151
-
2152
- .btn-to-top span .icon path {
2153
- stroke: none;
2154
- fill: #fff;
2155
- }
2156
-
2157
- @media screen and (width >= 587px) {
2158
- .btn-to-top {
2159
- bottom: 45px;
2160
- right: 45px;
2161
- }
2162
-
2163
- .btn-to-top span {
2164
- width: 18px;
2165
- }
2166
- }
2167
-
2168
- .btn-to-top:hover, .btn-to-top:focus {
2169
- color: #fff;
2170
- background-color: var(--primary-500);
2171
- transform: translateY(-5px);
2172
- }
2173
-
2174
- .dark .btn-to-top {
2175
- background-color: var(--primary-600);
2176
- }
2177
-
2178
- .dark .btn-to-top:hover, .dark .btn-to-top:focus {
2179
- color: #fff;
2180
- background-color: var(--primary-600);
2181
- }
2182
-
2183
- .btn-floating {
2184
- opacity: 1;
2185
- visibility: visible;
2186
- border-radius: 20px;
2187
- width: 40px;
2188
- min-width: 0;
2189
- height: 40px;
2190
- padding: 0;
2191
- bottom: 20px;
2192
- right: 10px;
2193
- }
2194
-
2195
- @media screen and (width >= 587px) {
2196
- .btn-floating {
2197
- border-radius: 21px;
2198
- width: 42px;
2199
- height: 42px;
2200
- bottom: 22px;
2201
- right: 22px;
2202
- }
2203
- }
2204
-
2205
- ul.check {
2206
- padding-left: 0;
2207
- }
2208
-
2209
- .component--list-item-checkbox {
2210
- outline: none;
2211
- margin-left: 0;
2212
- margin-right: 8px;
2213
- padding-left: 28px;
2214
- padding-right: 24px;
2215
- list-style-type: none;
2216
- position: relative;
2217
- }
2218
-
2219
- @media screen and (width >= 768px) {
2220
- ul.check {
2221
- padding-left: 1rem;
2222
- }
2223
- }
2224
-
2225
- .component--list-item-checkbox:before {
2226
- content: "";
2227
- cursor: pointer;
2228
- background-repeat: no-repeat;
2229
- background-size: cover;
2230
- border: 1px solid #7d7d7d;
2231
- border-radius: 2px;
2232
- width: 16px;
2233
- height: 16px;
2234
- display: block;
2235
- position: absolute;
2236
- top: 8px;
2237
- left: 0;
2238
- }
2239
-
2240
- .component--list-item-checkbox-checked {
2241
- text-decoration: line-through;
2242
- }
2243
-
2244
- .component--list-item-checkbox-checked:before {
2245
- border: 1px solid var(--secondary-300);
2246
- background-color: var(--secondary-400);
2247
- background-repeat: no-repeat;
2248
- }
2249
-
2250
- .component--list-item-checkbox-checked:after {
2251
- content: "";
2252
- cursor: pointer;
2253
- border: 2px solid #fff;
2254
- border-width: 0 2px 2px 0;
2255
- width: 4px;
2256
- height: 8px;
2257
- display: block;
2258
- position: absolute;
2259
- top: 11px;
2260
- left: 6px;
2261
- right: 7px;
2262
- transform: rotate(45deg);
2263
- }
2264
-
2265
- .lds-ellipsis {
2266
- display: inline-block;
2267
- position: relative;
2268
- }
2269
-
2270
- .lds-ellipsis div {
2271
- background: #fff;
2272
- border-radius: 50%;
2273
- width: 16.25%;
2274
- height: 32.25%;
2275
- animation-timing-function: cubic-bezier(0, 1, 1, 0);
2276
- position: absolute;
2277
- top: 41.25%;
2278
- }
2279
-
2280
- .lds-ellipsis div:first-child {
2281
- animation: .6s infinite lds-ellipsis1;
2282
- left: 10%;
2283
- }
2284
-
2285
- .lds-ellipsis div:nth-child(2) {
2286
- animation: .6s infinite lds-ellipsis2;
2287
- left: 10%;
2288
- }
2289
-
2290
- .lds-ellipsis div:nth-child(3) {
2291
- animation: .6s infinite lds-ellipsis2;
2292
- left: 40%;
2293
- }
2294
-
2295
- .lds-ellipsis div:nth-child(4) {
2296
- animation: .6s infinite lds-ellipsis3;
2297
- left: 70%;
2298
- }
2299
-
2300
- @keyframes lds-ellipsis1 {
2301
- 0% {
2302
- transform: scale(0);
2303
- }
2304
-
2305
- 100% {
2306
- transform: scale(1);
2307
- }
2308
- }
2309
-
2310
- @keyframes lds-ellipsis3 {
2311
- 0% {
2312
- transform: scale(1);
2313
- }
2314
-
2315
- 100% {
2316
- transform: scale(0);
2317
- }
2318
- }
2319
-
2320
- @keyframes lds-ellipsis2 {
2321
- 0% {
2322
- transform: translate(0);
2323
- }
2324
-
2325
- 100% {
2326
- transform: translate(184.61%);
2327
- }
2328
- }
2329
-
2330
- .lds-ring {
2331
- display: inline-block;
2332
- position: relative;
2333
- }
2334
-
2335
- .lds-ring div {
2336
- box-sizing: border-box;
2337
- border: 8px solid #0000;
2338
- border-top-color: #fff;
2339
- border-radius: 50%;
2340
- animation: 1.2s cubic-bezier(.5, 0, .5, 1) infinite lds-ring;
2341
- display: block;
2342
- position: absolute;
2343
- }
2344
-
2345
- .lds-ring div:first-child {
2346
- animation-delay: -.45s;
2347
- }
2348
-
2349
- .lds-ring div:nth-child(2) {
2350
- animation-delay: -.3s;
2351
- }
2352
-
2353
- .lds-ring div:nth-child(3) {
2354
- animation-delay: -.15s;
2355
- }
2356
-
2357
- @keyframes lds-ring {
2358
- 0% {
2359
- transform: rotate(0);
2360
- }
2361
-
2362
- 100% {
2363
- transform: rotate(360deg);
2364
- }
2365
- }
2366
-
2367
- .lds-spinner {
2368
- color: official;
2369
- width: 56px;
2370
- height: 56px;
2371
- display: inline-block;
2372
- position: relative;
2373
- }
2374
-
2375
- .lds-spinner div {
2376
- transform-origin: 28px 32px;
2377
- animation: 1.2s linear infinite lds-spinner;
2378
- }
2379
-
2380
- .lds-spinner div .div-after {
2381
- content: " ";
2382
- background: #fff;
2383
- border-radius: 20%;
2384
- width: 5px;
2385
- height: 14px;
2386
- display: block;
2387
- position: absolute;
2388
- top: 0;
2389
- left: 25px;
2390
- }
2391
-
2392
- .lds-spinner div:first-child {
2393
- animation-delay: -1.1s;
2394
- transform: rotate(0);
2395
- }
2396
-
2397
- .lds-spinner div:nth-child(2) {
2398
- animation-delay: -1s;
2399
- transform: rotate(30deg);
2400
- }
2401
-
2402
- .lds-spinner div:nth-child(3) {
2403
- animation-delay: -.9s;
2404
- transform: rotate(60deg);
2405
- }
2406
-
2407
- .lds-spinner div:nth-child(4) {
2408
- animation-delay: -.8s;
2409
- transform: rotate(90deg);
2410
- }
2411
-
2412
- .lds-spinner div:nth-child(5) {
2413
- animation-delay: -.7s;
2414
- transform: rotate(120deg);
2415
- }
2416
-
2417
- .lds-spinner div:nth-child(6) {
2418
- animation-delay: -.6s;
2419
- transform: rotate(150deg);
2420
- }
2421
-
2422
- .lds-spinner div:nth-child(7) {
2423
- animation-delay: -.5s;
2424
- transform: rotate(180deg);
2425
- }
2426
-
2427
- .lds-spinner div:nth-child(8) {
2428
- animation-delay: -.4s;
2429
- transform: rotate(210deg);
2430
- }
2431
-
2432
- .lds-spinner div:nth-child(9) {
2433
- animation-delay: -.3s;
2434
- transform: rotate(240deg);
2435
- }
2436
-
2437
- .lds-spinner div:nth-child(10) {
2438
- animation-delay: -.2s;
2439
- transform: rotate(270deg);
2440
- }
2441
-
2442
- .lds-spinner div:nth-child(11) {
2443
- animation-delay: -.1s;
2444
- transform: rotate(300deg);
2445
- }
2446
-
2447
- .lds-spinner div:nth-child(12) {
2448
- animation-delay: 0s;
2449
- transform: rotate(330deg);
2450
- }
2451
-
2452
- @keyframes lds-spinner {
2453
- 0% {
2454
- opacity: 1;
2455
- }
2456
-
2457
- 100% {
2458
- opacity: 0;
2459
- }
2460
- }
2461
-
2462
- .component--fade-in-lift {
2463
- opacity: 0;
2464
- visibility: hidden;
2465
- will-change: opacity, visibility;
2466
- transition: opacity .5s ease-out, transform .7s ease-out;
2467
- transform: matrix(1, 0, 0, 1, 0, 18);
2468
- }
2469
-
2470
- .component--fade-in-lift.is-visible {
2471
- opacity: 1;
2472
- visibility: visible;
2473
- transform: matrix(1, 0, 0, 1, 0, 0);
2474
- }
2475
-
2476
- @keyframes checkBoxIn {
2477
- 0% {
2478
- opacity: 0;
2479
- transform: scale(.8);
2480
- }
2481
-
2482
- 50% {
2483
- opacity: 1;
2484
- transform: scale(1.2);
2485
- }
2486
-
2487
- 80% {
2488
- transform: scale(.9);
2489
- }
2490
-
2491
- 100% {
2492
- transform: scale(1);
2493
- }
2494
- }
2495
-
2496
- @keyframes checkBoxOut {
2497
- from {
2498
- opacity: 1;
2499
- transform: scale(1);
2500
- }
2501
-
2502
- to {
2503
- opacity: 0;
2504
- transform: scale(.8);
2505
- }
2506
- }
2507
-
2508
- .component--checkbox, .component--checkbox-icon {
2509
- transition: all .2s ease-in-out;
2510
- }
2511
-
2512
- .component--checkbox-indicator[data-state="checked"] .component--checkbox-icon {
2513
- opacity: 1;
2514
- animation: .3s cubic-bezier(.25, 1.5, .5, 1) forwards checkBoxIn;
2515
- transform: scale(1);
2516
- }
2517
-
2518
- .component--checkbox-indicator[data-state="unchecked"] .component--checkbox-icon {
2519
- opacity: 0;
2520
- animation: .2s ease-in checkBoxOut;
2521
- transform: scale(.8);
2522
- }
2523
-
2524
- .component--card {
2525
- background: var(--theme-25);
2526
- color: oklch(12.97% .005 285.67);
2527
- border: solid 1px var(--gray-50);
2528
- }
2529
-
2530
- .component--card:is(.dark *) {
2531
- background: var(--canvas-800);
2532
- color: var(--gray-100);
2533
- border: solid 1px var(--canvas-700);
2534
- }
2535
-
2536
- .component--card--hover:hover {
2537
- background: oklch(from var(--theme-50) 1 .03 h);
2538
- transition: all .2s ease-in-out;
2539
- }
2540
-
2541
- .component--card--hover:hover:is(.dark *) {
2542
- background: oklch(from var(--canvas-700) .258 c h);
2543
- }
2544
-
2545
- .toast-viewport {
2546
- --viewport-padding: 25px;
2547
- padding: var(--viewport-padding);
2548
- z-index: 2147483647;
2549
- outline: none;
2550
- flex-direction: column;
2551
- gap: 10px;
2552
- width: 100vw;
2553
- max-width: 100vw;
2554
- margin: 0;
2555
- list-style: none;
2556
- display: flex;
2557
- position: fixed;
2558
- bottom: 0;
2559
- right: 0;
2560
- }
2561
-
2562
- .popover-content[data-state="open"][data-side="top"] {
2563
- animation: .1s ease-in slideDownAndFade;
2564
- }
2565
-
2566
- .popover-content[data-state="open"][data-side="right"] {
2567
- animation: .1s ease-in slideLeftAndFade;
2568
- }
2569
-
2570
- .popover-content[data-state="open"][data-side="bottom"] {
2571
- animation: .1s ease-in slideUpAndFade;
2572
- }
2573
-
2574
- .popover-content[data-state="open"][data-side="left"] {
2575
- animation: .1s ease-in slideRightAndFade;
2576
- }
2577
-
2578
- .dropdown-menu-content[data-side="top"], .dropdown-menu-subcontent[data-side="top"] {
2579
- animation: .1s ease-in slideDownAndFade;
2580
- }
2581
-
2582
- .dropdown-menu-content[data-side="right"], .dropdown-menu-subcontent[data-side="right"] {
2583
- animation: .1s ease-in slideLeftAndFade;
2584
- }
2585
-
2586
- .dropdown-menu-content[data-side="bottom"], .dropdown-menu-subcontent[data-side="bottom"] {
2587
- animation: .1s ease-in slideUpAndFade;
2588
- }
2589
-
2590
- .dropdown-menu-content[data-side="left"], .dropdown-menu-subcontent[data-side="left"] {
2591
- animation: .1s ease-in slideRightAndFade;
2592
- }
1
+ @layer infonomic-base{*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--theme-base:oklch(43.11% .1 317.53);--theme-25:oklch(from var(--theme-base)calc(l*2)c h);--theme-50:oklch(from var(--theme-base)calc(l*1.75)c h);--theme-100:oklch(from var(--theme-base)calc(l*1.5)c h);--theme-200:oklch(from var(--theme-base)calc(l*1.25)c h);--theme-300:oklch(from var(--theme-base)calc(l*1.1)c h);--theme-400:var(--theme-base);--theme-500:oklch(from var(--theme-base)calc(l*.95)c h);--theme-600:oklch(from var(--theme-base)calc(l*.9)c h);--theme-700:oklch(from var(--theme-base)calc(l*.85)c h);--theme-800:oklch(from var(--theme-base)calc(l*.8)c h);--theme-900:oklch(from var(--theme-base)calc(l*.75)c h);--theme-950:oklch(from var(--theme-base)calc(l*.7)c h);--primary-base:oklch(49.7% .189 295.76);--primary-25:oklch(from var(--primary-base)calc(l*2)c h);--primary-50:oklch(from var(--primary-base)calc(l*1.75)c h);--primary-100:oklch(from var(--primary-base)calc(l*1.5)c h);--primary-200:oklch(from var(--primary-base)calc(l*1.25)c h);--primary-300:oklch(from var(--primary-base)calc(l*1.1)c h);--primary-400:var(--primary-base);--primary-500:oklch(from var(--primary-base)calc(l*.95)c h);--primary-600:oklch(from var(--primary-base)calc(l*.9)c h);--primary-700:oklch(from var(--primary-base)calc(l*.85)c h);--primary-800:oklch(from var(--primary-base)calc(l*.8)c h);--primary-900:oklch(from var(--primary-base)calc(l*.75)c h);--primary-950:oklch(from var(--primary-base)calc(l*.7)c h);--secondary-base:oklch(84.61% .15 82.94);--secondary-25:oklch(from var(--secondary-base)calc(l*2.25).1 h);--secondary-50:oklch(from var(--secondary-base)calc(l*2)c h);--secondary-100:oklch(from var(--secondary-base)calc(l*1.75)c h);--secondary-200:oklch(from var(--secondary-base)calc(l*1.5)c h);--secondary-300:oklch(from var(--secondary-base)calc(l*1.1)c h);--secondary-400:var(--secondary-base);--secondary-500:oklch(from var(--secondary-base)calc(l*.95)c h);--secondary-600:oklch(from var(--secondary-base)calc(l*.9)c h);--secondary-700:oklch(from var(--secondary-base)calc(l*.85)c h);--secondary-800:oklch(from var(--secondary-base)calc(l*.8)c h);--secondary-900:oklch(from var(--secondary-base)calc(l*.75)c h);--secondary-950:oklch(from var(--secondary-base)calc(l*.7)c h);--accent-base:oklch(75.4% .1 324.9);--accent-25:oklch(from var(--accent-base).985 .06 h);--accent-50:oklch(from var(--accent-base).975 .08 h);--accent-100:oklch(from var(--accent-base).9 .07 h);--accent-200:oklch(from var(--accent-base).85 c h);--accent-300:oklch(from var(--accent-base).8 c h);--accent-400:var(--accent-base);--accent-500:oklch(from var(--accent-base).7 c h);--accent-600:oklch(from var(--accent-base).68 c h);--accent-700:oklch(from var(--accent-base).62 .1 h);--accent-800:oklch(from var(--accent-base).6 .1 h);--accent-900:oklch(from var(--accent-base).58 .1 h);--accent-950:oklch(from var(--accent-base).5 .11 h);--gray-base:oklch(59.84% 0 0);--gray-25:oklch(from var(--gray-base)calc(l*1.625)c h);--gray-50:oklch(from var(--gray-base)calc(l*1.575)c h);--gray-100:oklch(from var(--gray-base)calc(l*1.475)c h);--gray-200:oklch(from var(--gray-base)calc(l*1.35)c h);--gray-300:oklch(from var(--gray-base)calc(l*1.175)c h);--gray-400:var(--gray-base);--gray-500:oklch(from var(--gray-base)calc(l*.85)c h);--gray-600:oklch(from var(--gray-base)calc(l*.725)c h);--gray-700:oklch(from var(--gray-base)calc(l*.6126)c h);--gray-800:oklch(from var(--gray-base)calc(l*.5)c h);--gray-900:oklch(from var(--gray-base)calc(l*.4)c h);--gray-950:oklch(from var(--gray-base)calc(l*.3)c h);--canvas-base:oklch(54.2% .0037 275.34);--canvas-25:oklch(from var(--canvas-base)calc(l*1.9)c h);--canvas-50:oklch(from var(--canvas-base)calc(l*1.75)c h);--canvas-100:oklch(from var(--canvas-base)calc(l*1.6)c h);--canvas-200:oklch(from var(--canvas-base)calc(l*1.4)c h);--canvas-300:oklch(from var(--canvas-base)calc(l*1.2)c h);--canvas-400:var(--canvas-base);--canvas-500:oklch(from var(--canvas-base)calc(l*.9)c h);--canvas-600:oklch(from var(--canvas-base)calc(l*.7)c h);--canvas-700:oklch(from var(--canvas-base)calc(l*.5)c h);--canvas-800:oklch(from var(--canvas-base)calc(l*.335)c h);--canvas-900:oklch(from var(--canvas-base)calc(l*.3)c h);--canvas-950:oklch(from var(--canvas-base)calc(l*.225)c h);--red-base:oklch(54.27% .18 31.76);--red-25:oklch(from var(--red-base)calc(l*2)c h);--red-50:oklch(from var(--red-base)calc(l*1.75)c h);--red-100:oklch(from var(--red-base)calc(l*1.5)c h);--red-200:oklch(from var(--red-base)calc(l*1.25)c h);--red-300:oklch(from var(--red-base)calc(l*1.1)c h);--red-400:var(--red-base);--red-500:oklch(from var(--red-base)calc(l*.95)c h);--red-600:oklch(from var(--red-base)calc(l*.9)c h);--red-700:oklch(from var(--red-base)calc(l*.85)c h);--red-800:oklch(from var(--red-base)calc(l*.8)c h);--red-900:oklch(from var(--red-base)calc(l*.75)c h);--red-950:oklch(from var(--red-base)calc(l*.7)c h);--green-base:oklch(65.26% .18 142.58);--green-25:oklch(from var(--green-base)calc(l*2)c h);--green-50:oklch(from var(--green-base)calc(l*1.75)c h);--green-100:oklch(from var(--green-base)calc(l*1.5)c h);--green-200:oklch(from var(--green-base)calc(l*1.25)c h);--green-300:oklch(from var(--green-base)calc(l*1.1)c h);--green-400:var(--green-base);--green-500:oklch(from var(--green-base)calc(l*.95)c h);--green-600:oklch(from var(--green-base)calc(l*.9)c h);--green-700:oklch(from var(--green-base)calc(l*.85)c h);--green-800:oklch(from var(--green-base)calc(l*.8)c h);--green-900:oklch(from var(--green-base)calc(l*.75)c h);--green-950:oklch(from var(--green-base)calc(l*.7)c h);--blue-base:oklch(53.66% .1942 265.89);--blue-25:oklch(from var(--blue-base)calc(l*2)c h);--blue-50:oklch(from var(--blue-base)calc(l*1.75)c h);--blue-100:oklch(from var(--blue-base)calc(l*1.5)c h);--blue-200:oklch(from var(--blue-base)calc(l*1.25)c h);--blue-300:oklch(from var(--blue-base)calc(l*1.1)c h);--blue-400:var(--blue-base);--blue-500:oklch(from var(--blue-base)calc(l*.95)c h);--blue-600:oklch(from var(--blue-base)calc(l*.9)c h);--blue-700:oklch(from var(--blue-base)calc(l*.85)c h);--blue-800:oklch(from var(--blue-base)calc(l*.8)c h);--blue-900:oklch(from var(--blue-base)calc(l*.75)c h);--blue-950:oklch(from var(--blue-base)calc(l*.7)c h);--yellow-base:oklch(75% .15 82.94);--yellow-25:oklch(from var(--yellow-base)calc(l*2)c h);--yellow-50:oklch(from var(--yellow-base)calc(l*1.75)c h);--yellow-100:oklch(from var(--yellow-base)calc(l*1.5)c h);--yellow-200:oklch(from var(--yellow-base)calc(l*1.25)c h);--yellow-300:oklch(from var(--yellow-base)calc(l*1.1)c h);--yellow-400:var(--yellow-base);--yellow-500:oklch(from var(--yellow-base)calc(l*.95)c h);--yellow-600:oklch(from var(--yellow-base)calc(l*.9)c h);--yellow-700:oklch(from var(--yellow-base)calc(l*.85)c h);--yellow-800:oklch(from var(--yellow-base)calc(l*.8)c h);--yellow-900:oklch(from var(--yellow-base)calc(l*.75)c h);--yellow-950:oklch(from var(--yellow-base)calc(l*.7)c h);--breakpoint-xs:480px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1320px;--breakpoint-2xl:1536px;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:2.625rem;--font-size-6xl:3rem;--font-size-7xl:3.375rem;--font-size-8xl:3.75rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-ultrabold:900;--line-height-tight:1.1;--line-height-snug:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--letter-spacing-tight:-.02em;--letter-spacing-normal:0;--letter-spacing-wide:.05em;--spacing-0:0px;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--spacing-24:96px;--spacing-32:128px;--border-radius-none:0px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-2xl:24px;--border-radius-full:9999px;--border-width-thin:1px;--border-width-normal:2px;--border-width-thick:4px;--border-style-solid:solid;--border-style-dashed:dashed;--border-style-dotted:dotted;--ring-offset-width:2px;--ring-inset: ;--ring-shadow:0 0 #0000;--shadow:0 0 #0000;--shadow-xs:0px 1px 2px #0000000d;--shadow-sm:0px 2px 4px #0000001a;--shadow-md:0px 4px 6px #0000001a;--shadow-lg:0px 6px 12px #00000026;--shadow-xl:0px 8px 16px #0003;--transition-fast:.175s ease-in-out;--transition-normal:.23s ease-in-out;--transition-slow:.4s ease-in-out;--z-index-low:10;--z-index-medium:100;--z-index-high:1000;--z-index-modal:1050;--z-index-toast:1100;--opacity-0:0;--opacity-25:.25;--opacity-50:.5;--opacity-75:.75;--opacity-100:1;--grid-columns-2:2;--grid-columns-3:3;--grid-columns-4:4;--grid-columns-5:5;--grid-columns-6:6;--grid-columns-7:7;--grid-columns-8:8;--grid-columns-9:9;--grid-columns-10:10;--grid-columns-11:11;--grid-columns-12:12;--grid-gap-sm:8px;--grid-gap-md:16px;--grid-gap-lg:24px;--grid-column-size-xs:240px;--grid-column-size-sm:260px;--grid-column-size-md:320px;--grid-column-size-lg:480px;--gap-0:var(--spacing-0);--gap-1:var(--spacing-1);--gap-2:var(--spacing-2);--gap-3:var(--spacing-3);--gap-4:var(--spacing-4);--gap-5:var(--spacing-5);--gap-6:var(--spacing-6);--gap-8:var(--spacing-8);--gap-10:var(--spacing-10);--gap-12:var(--spacing-12);--gap-16:var(--spacing-16);--gap-20:var(--spacing-20);--gap-24:var(--spacing-24);--gap-32:var(--spacing-32);--flex-row:row;--flex-column:column;--flex-wrap:wrap;--flex-nowrap:nowrap;--flex-center:center}@keyframes enterFromRight{0%{opacity:0;transform:translate(200px)}to{opacity:1;transform:translate(0)}}@keyframes enterFromLeft{0%{opacity:0;transform:translate(-200px)}to{opacity:1;transform:translate(0)}}@keyframes exitToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(200px)}}@keyframes exitToLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-200px)}}@keyframes scaleIn{0%{opacity:0;transform:rotateX(-30deg)scale(.9)}to{opacity:1;transform:rotateX(0)scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:rotateX(0)scale(1)}to{opacity:0;transform:rotateX(-10deg)scale(.95)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRightAndFade{0%{opacity:0;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftAndFade{0%{opacity:0;transform:translate(2px)}to{opacity:1;transform:translate(0)}}h1{font-size:1.75rem;font-weight:600;line-height:1.125}h2{font-size:1.5rem;font-weight:600;line-height:1.125}h3{font-size:1.25rem;font-weight:600;line-height:1.1}h4{font-size:1rem;font-weight:600;line-height:1.1}}@layer infonomic-utilities{.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.text-7xl{font-size:var(--font-size-7xl)}.text-8xl{font-size:var(--font-size-8xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.font-ultrabold{font-weight:var(--font-weight-ultrabold)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}@media (width>=640px){.sm\:text-xs{font-size:var(--font-size-xs)}.sm\:text-sm{font-size:var(--font-size-sm)}.sm\:text-base{font-size:var(--font-size-base)}.sm\:text-lg{font-size:var(--font-size-lg)}.sm\:text-xl{font-size:var(--font-size-xl)}.sm\:text-2xl{font-size:var(--font-size-2xl)}.sm\:text-3xl{font-size:var(--font-size-3xl)}.sm\:text-4xl{font-size:var(--font-size-4xl)}.sm\:text-5xl{font-size:var(--font-size-5xl)}.sm\:text-6xl{font-size:var(--font-size-6xl)}.sm\:text-7xl{font-size:var(--font-size-7xl)}.sm\:text-8xl{font-size:var(--font-size-8xl)}.sm\:font-light{font-weight:var(--font-weight-light)}.sm\:font-normal{font-weight:var(--font-weight-normal)}.sm\:font-medium{font-weight:var(--font-weight-medium)}.sm\:font-semibold{font-weight:var(--font-weight-semibold)}.sm\:font-bold{font-weight:var(--font-weight-bold)}.sm\:font-extrabold{font-weight:var(--font-weight-extrabold)}.sm\:font-ultrabold{font-weight:var(--font-weight-ultrabold)}.sm\:leading-tight{line-height:var(--line-height-tight)}.sm\:leading-snug{line-height:var(--line-height-snug)}.sm\:leading-normal{line-height:var(--line-height-normal)}.sm\:leading-relaxed{line-height:var(--line-height-relaxed)}.sm\:leading-loose{line-height:var(--line-height-loose)}.sm\:tracking-tight{letter-spacing:var(--letter-spacing-tight)}.sm\:tracking-normal{letter-spacing:var(--letter-spacing-normal)}.sm\:tracking-wide{letter-spacing:var(--letter-spacing-wide)}}@media (width>=768px){.md\:text-xs{font-size:var(--font-size-xs)}.md\:text-sm{font-size:var(--font-size-sm)}.md\:text-base{font-size:var(--font-size-base)}.md\:text-lg{font-size:var(--font-size-lg)}.md\:text-xl{font-size:var(--font-size-xl)}.md\:text-2xl{font-size:var(--font-size-2xl)}.md\:text-3xl{font-size:var(--font-size-3xl)}.md\:text-4xl{font-size:var(--font-size-4xl)}.md\:text-5xl{font-size:var(--font-size-5xl)}.md\:text-6xl{font-size:var(--font-size-6xl)}.md\:text-7xl{font-size:var(--font-size-7xl)}.md\:text-8xl{font-size:var(--font-size-8xl)}.md\:font-light{font-weight:var(--font-weight-light)}.md\:font-normal{font-weight:var(--font-weight-normal)}.md\:font-medium{font-weight:var(--font-weight-medium)}.md\:font-semibold{font-weight:var(--font-weight-semibold)}.md\:font-bold{font-weight:var(--font-weight-bold)}.md\:font-extrabold{font-weight:var(--font-weight-extrabold)}.md\:font-ultrabold{font-weight:var(--font-weight-ultrabold)}.md\:leading-tight{line-height:var(--line-height-tight)}.md\:leading-snug{line-height:var(--line-height-snug)}.md\:leading-normal{line-height:var(--line-height-normal)}.md\:leading-relaxed{line-height:var(--line-height-relaxed)}.md\:leading-loose{line-height:var(--line-height-loose)}.md\:tracking-tight{letter-spacing:var(--letter-spacing-tight)}.md\:tracking-normal{letter-spacing:var(--letter-spacing-normal)}.md\:tracking-wide{letter-spacing:var(--letter-spacing-wide)}}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.m-10{margin:var(--spacing-10)}.m-12{margin:var(--spacing-12)}.m-16{margin:var(--spacing-16)}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.p-10{padding:var(--spacing-10)}.p-12{padding:var(--spacing-12)}.p-16{padding:var(--spacing-16)}.p-20{padding:var(--spacing-20)}.p-24{padding:var(--spacing-24)}.p-32{padding:var(--spacing-32)}@media (width>=640px){.sm\:m-0{margin:var(--spacing-0)}.sm\:m-1{margin:var(--spacing-1)}.sm\:m-2{margin:var(--spacing-2)}.sm\:m-3{margin:var(--spacing-3)}.sm\:m-4{margin:var(--spacing-4)}.sm\:m-5{margin:var(--spacing-5)}.sm\:m-6{margin:var(--spacing-6)}.sm\:m-8{margin:var(--spacing-8)}.sm\:m-10{margin:var(--spacing-10)}.sm\:m-12{margin:var(--spacing-12)}.sm\:m-16{margin:var(--spacing-16)}.sm\:p-0{padding:var(--spacing-0)}.sm\:p-1{padding:var(--spacing-1)}.sm\:p-2{padding:var(--spacing-2)}.sm\:p-3{padding:var(--spacing-3)}.sm\:p-4{padding:var(--spacing-4)}.sm\:p-5{padding:var(--spacing-5)}.sm\:p-6{padding:var(--spacing-6)}.sm\:p-8{padding:var(--spacing-8)}.sm\:p-10{padding:var(--spacing-10)}.sm\:p-12{padding:var(--spacing-12)}.sm\:p-16{padding:var(--spacing-16)}.sm\:p-20{padding:var(--spacing-20)}.sm\:p-24{padding:var(--spacing-24)}.sm\:p-32{padding:var(--spacing-32)}}@media (width>=768px){.md\:m-0{margin:var(--spacing-0)}.md\:m-1{margin:var(--spacing-1)}.md\:m-2{margin:var(--spacing-2)}.md\:m-3{margin:var(--spacing-3)}.md\:m-4{margin:var(--spacing-4)}.md\:m-5{margin:var(--spacing-5)}.md\:m-6{margin:var(--spacing-6)}.md\:m-8{margin:var(--spacing-8)}.md\:m-10{margin:var(--spacing-10)}.md\:m-12{margin:var(--spacing-12)}.md\:m-16{margin:var(--spacing-16)}.md\:p-0{padding:var(--spacing-0)}.md\:p-1{padding:var(--spacing-1)}.md\:p-2{padding:var(--spacing-2)}.md\:p-3{padding:var(--spacing-3)}.md\:p-4{padding:var(--spacing-4)}.md\:p-5{padding:var(--spacing-5)}.md\:p-6{padding:var(--spacing-6)}.md\:p-8{padding:var(--spacing-8)}.md\:p-10{padding:var(--spacing-10)}.md\:p-12{padding:var(--spacing-12)}.md\:p-16{padding:var(--spacing-16)}.md\:p-20{padding:var(--spacing-20)}.md\:p-24{padding:var(--spacing-24)}.md\:p-32{padding:var(--spacing-32)}}.flex{display:flex}.flex-row{flex-direction:var(--flex-row)}.flex-column{flex-direction:var(--flex-column)}.flex-wrap{flex-wrap:var(--flex-wrap)}.flex-nowrap{flex-wrap:var(--flex-nowrap)}.items-center{align-items:var(--flex-center)}.justify-center{justify-content:var(--flex-center)}@media (width>=640px){.sm\:flex{display:flex}.sm\:flex-row{flex-direction:var(--flex-row)}.sm\:flex-column{flex-direction:var(--flex-column)}.sm\:flex-wrap{flex-wrap:var(--flex-wrap)}.sm\:flex-nowrap{flex-wrap:var(--flex-nowrap)}.sm\:items-center{align-items:var(--flex-center)}.sm\:justify-center{justify-content:var(--flex-center)}}@media (width>=768px){.md\:flex{display:flex}.md\:flex-row{flex-direction:var(--flex-row)}.md\:flex-column{flex-direction:var(--flex-column)}.md\:flex-wrap{flex-wrap:var(--flex-wrap)}.md\:flex-nowrap{flex-wrap:var(--flex-nowrap)}.md\:items-center{align-items:var(--flex-center)}.md\:justify-center{justify-content:var(--flex-center)}}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(var(--grid-columns-2),minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(var(--grid-columns-3),minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(var(--grid-columns-4),minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(var(--grid-columns-5),minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(var(--grid-columns-6),minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(var(--grid-columns-7),minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(var(--grid-columns-8),minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(var(--grid-columns-9),minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(var(--grid-columns-10),minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(var(--grid-columns-11),minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(var(--grid-columns-12),minmax(0,1fr))}.gap-0{gap:var(--gap-0)}.gap-1{gap:var(--gap-1)}.gap-2{gap:var(--gap-2)}.gap-3{gap:var(--gap-3)}.gap-4{gap:var(--gap-4)}.gap-5{gap:var(--gap-5)}.gap-6{gap:var(--gap-6)}.gap-8{gap:var(--gap-8)}.gap-10{gap:var(--gap-10)}.gap-12{gap:var(--gap-12)}.gap-16{gap:var(--gap-16)}.gap-20{gap:var(--gap-20)}.gap-24{gap:var(--gap-24)}.gap-32{gap:var(--gap-32)}@media (width>=640px){.sm\:grid{display:grid}.sm\:grid-cols-12{grid-template-columns:repeat(var(--grid-columns),1fr)}.sm\:gap-0{gap:.5rem;gap:var(--gap-0)}.sm\:gap-1{gap:var(--gap-1)}.sm\:gap-2{gap:var(--gap-2)}.sm\:gap-3{gap:var(--gap-3)}.sm\:gap-4{gap:var(--gap-4)}.sm\:gap-5{gap:var(--gap-5)}.sm\:gap-6{gap:var(--gap-6)}.sm\:gap-8{gap:var(--gap-8)}.sm\:gap-10{gap:var(--gap-10)}.sm\:gap-12{gap:var(--gap-12)}.sm\:gap-16{gap:var(--gap-16)}.sm\:gap-20{gap:var(--gap-20)}.sm\:gap-24{gap:var(--gap-24)}.sm\:gap-32{gap:var(--gap-32)}}@media (width>=768px){.md\:grid{display:grid}.md\:grid-cols-12{grid-template-columns:repeat(var(--grid-columns),1fr)}.md\:gap-0{gap:.5rem;gap:var(--gap-0)}.md\:gap-1{gap:var(--gap-1)}.md\:gap-2{gap:var(--gap-2)}.md\:gap-3{gap:var(--gap-3)}.md\:gap-4{gap:var(--gap-4)}.md\:gap-5{gap:var(--gap-5)}.md\:gap-6{gap:var(--gap-6)}.md\:gap-8{gap:var(--gap-8)}.md\:gap-10{gap:var(--gap-10)}.md\:gap-12{gap:var(--gap-12)}.md\:gap-16{gap:var(--gap-16)}.md\:gap-20{gap:var(--gap-20)}.md\:gap-24{gap:var(--gap-24)}.md\:gap-32{gap:var(--gap-32)}}.border{border-width:var(--border-width-normal);border-style:var(--border-style-solid)}.border-thin{border-width:var(--border-width-thin)}.border-thick{border-width:var(--border-width-thick)}.rounded-none{border-radius:var(--border-radius-none)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded,.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-2xl{border-radius:var(--border-radius-2xl)}.rounded-full{border-radius:var(--border-radius-full)}@media (width>=640px){.sm\:border{border-width:var(--border-width-normal);border-style:var(--border-style-solid)}.sm\:border-thin{border-width:var(--border-width-thin)}.sm\:border-thick{border-width:var(--border-width-thick)}.sm\:rounded-none{border-radius:var(--border-radius-none)}.sm\:rounded-sm,.sm\:rounded,.sm\:rounded-md{border-radius:var(--border-radius-sm)}.sm\:rounded-lg{border-radius:var(--border-radius-lg)}.sm\:rounded-xl{border-radius:var(--border-radius-xl)}.sm\:rounded-2xl{border-radius:var(--border-radius-2xl)}.sm\:rounded-full{border-radius:var(--border-radius-full)}}@media (width>=768px){.md\:border{border-width:var(--border-width-normal);border-style:var(--border-style-solid)}.md\:border-thin{border-width:var(--border-width-thin)}.md\:border-thick{border-width:var(--border-width-thick)}.md\:rounded-none{border-radius:var(--border-radius-none)}.md\:rounded-sm{border-radius:var(--border-radius-sm)}.md\:rounded,.md\:rounded-md{border-radius:var(--border-radius-md)}.md\:rounded-lg{border-radius:var(--border-radius-lg)}.md\:rounded-xl{border-radius:var(--border-radius-xl)}.md\:rounded-2xl{border-radius:var(--border-radius-2xl)}.md\:rounded-full{border-radius:var(--border-radius-full)}}.shadow{box-shadow:var(--shadow)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}@media (width>=768px){.md\:shadow{box-shadow:var(--shadow)}.md\:shadow-xs{box-shadow:var(--shadow-xs)}.md\:shadow-sm{box-shadow:var(--shadow-sm)}.md\:shadow-md{box-shadow:var(--shadow-md)}.md\:shadow-lg{box-shadow:var(--shadow-lg)}.md\:shadow-xl{box-shadow:var(--shadow-xl)}}.opacity-0{opacity:var(--opacity-0)}.opacity-25{opacity:var(--opacity-25)}.opacity-50{opacity:var(--opacity-50)}.opacity-75{opacity:var(--opacity-75)}.opacity-100{opacity:var(--opacity-100)}@media (width>=768px){.md\:opacity-0{opacity:var(--opacity-0)}.md\:opacity-25{opacity:var(--opacity-25)}.md\:opacity-50{opacity:var(--opacity-50)}.md\:opacity-75{opacity:var(--opacity-75)}.md\:opacity-100{opacity:var(--opacity-100)}}.transition-fast{transition:var(--transition-fast)}.transition-normal{transition:var(--transition-normal)}.transition-slow{transition:var(--transition-slow)}.ring-primary-offset-primary:focus:not(.dark *),.ring-primary-offset-primary:active:not(.dark *){--ring-shadow:var(--ring-inset)0 0 0 calc(1px + var(--ring-offset-width))var(--primary-700);--ring-offset-shadow:var(--ring-inset)0 0 0 var(--ring-offset-width)var(--primary-400);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow,0 0 #0000)}.ring-secondary-offset-secondary:focus:not(.dark *),.ring-secondary-offset-secondary:active:not(.dark *){--ring-shadow:var(--ring-inset)0 0 0 calc(1px + var(--ring-offset-width))var(--secondary-700);--ring-offset-shadow:var(--ring-inset)0 0 0 var(--ring-offset-width)var(--secondary-400);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow,0 0 #0000)}.ring-accent-offset-accent:focus:not(.dark *),.ring-accent-offset-accent:active:not(.dark *){--ring-shadow:var(--ring-inset)0 0 0 calc(1px + var(--ring-offset-width))var(--accent-700);--ring-offset-shadow:var(--ring-inset)0 0 0 var(--ring-offset-width)var(--accent-400);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow,0 0 #0000)}.fix-scroll-layout-shift-right{padding-right:var(--removed-body-scroll-bar-size)}.fix-scroll-layout-shift-left{padding-left:var(--removed-body-scroll-bar-size)}}@layer infonomic-theme{input:autofill,input:autofill:hover,input:autofill:focus,textarea:autofill,textarea:autofill:hover,textarea:autofill:focus,select:autofill,select:autofill:hover,select:autofill:focus{-webkit-text-fill-color:black!important;color:#000!important;background-color:#fad9a7!important;border:1px solid #d89d3d!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #fff2dc!important;box-shadow:inset 0 0 0 1000px #fff2dc!important}.dark input:autofill,.dark input:autofill:hover,.dark input:autofill:focus,.dark textarea:autofill,.dark textarea:autofill:hover,.dark textarea:autofill:focus,.dark select:autofill,.dark select:autofill:hover,.dark select:autofill:focus{border:1px solid var(--theme-600)!important;-webkit-text-fill-color:white!important;-webkit-box-shadow:0 0 0px 1000px var(--theme-600)inset!important;box-shadow:0 0 0px 1000px var(--theme-600)inset!important;color:#fff!important;background-color:#64646480!important;transition:background-color 5000s ease-in-out!important}:root{--scroll-bar-thumb:var(--theme-400);--scroll-bar-track:var(--theme-600)}:root.dark{--scroll-bar-thumb:var(--canvas-700);--scroll-bar-track:var(--canvas-900)}::-webkit-scrollbar{width:.6em;height:.6em}::-webkit-scrollbar-thumb{background:var(--scroll-bar-thumb)}::-webkit-scrollbar-track{background:var(--scroll-bar-track)}::-webkit-scrollbar-corner{background:var(--scroll-bar-track)}html{scrollbar-width:thin;scrollbar-color:var(--scroll-bar-thumb)var(--scroll-bar-track)}.component--scroller,.dark .component--scroller{--scroll-bar-thumb:var(--scroll-bar-thumb);--scroll-bar-track:var(--scroll-bar-track)}.component--scroller{scrollbar-width:thin;scrollbar-color:var(--scroll-bar-thumb)var(--scroll-bar-track);overflow-y:auto}:root{--background:var(--canvas-25);--foreground:var(--gray-900);--text:var(--gray-900);--headings:var(--primary-700);--muted:oklch(from var(--foreground)calc(l*2)c h);--border-color:var(--gray-100);--shadow:var(--shadow-md);--loader-color:var(--primary-500);--invert-background:var(--canvas-900);--invert-foreground:var(--gray-50);--invert-text:var(--gray-50);--invert-headings:var(--gray-50);--invert-muted:oklch(from var(--foreground)calc(l*.75)c h);--invert-border-color:var(--canvas-700);--invert-shadow:var(--shadow-lg);--invert-loader-color:var(--gray-50)}.dark{--background:var(--invert-background);--foreground:var(--invert-foreground);--text:var(--invert-text);--headings:var(--invert-headings);--border-color:var(--invert-border-color);--shadow:var(--invert-shadow);--muted:var(--invert-muted);--loader-color:var(--invert-loader-color)}.not-dark{--background:var(--canvas-25);--foreground:var(--gray-900);--text:var(--gray-900);--headings:var(--primary-800);--muted:oklch(from var(--foreground)calc(l*2)c h);--border-color:var(--gray-100);--shadow:var(--shadow-md);--loader-color:var(--primary-500)}html{color:var(--text);font-size:1rem}html .not-dark{color:var(--text)}::selection{background-color:var(--theme-600);color:#fff}.dark ::selection{background-color:var(--theme-200);color:var(--gray-900)}.background{background-color:var(--background)}.foreground{color:var(--foreground)}.text{color:var(--text)}.headings{color:var(--headings)}.muted{color:var(--muted);font-size:.925rem}.shadow{box-shadow:var(--shadow)}.border-color{border-color:var(--border-color)}.border{border-color:var(--border-color);border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-radius:var(--border-radius-sm)}.external-link:after{content:"";background-image:url(/external-link-light.svg);background-position:20%;background-repeat:no-repeat;background-size:65%;width:1.1rem;height:1.1rem;margin-right:-5px;display:inline-block}.dark .external-link:after{background-image:url(/external-link-dark.svg)}}@layer infonomic-typography;@layer infonomic-components{.component--hamburger{z-index:200;cursor:pointer;width:42px;height:34px;font:inherit;color:inherit;text-transform:none;background-color:#0000;border:0;border-radius:4px;justify-content:center;align-items:center;margin:0;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:ease;display:flex;position:relative;overflow:hidden}.component--hamburger:active,.component--hamburger:focus{border:.5px dashed #fff;border-radius:4px;outline:none!important}.component--hamburger .box{width:24px;height:24px;display:block;position:relative}.component--hamburger .inner{margin-top:-1px;transition-duration:75ms;transition-timing-function:cubic-bezier(.55,.055,.675,.19);display:block;top:50%}.component--hamburger .inner,.component--hamburger .inner:before,.component--hamburger .inner:after{border-radius:0;width:24px;height:2px;transition-property:transform;transition-duration:.15s;transition-timing-function:ease;position:absolute}.component--hamburger .inner:before,.component--hamburger .inner:after{content:"";display:block}.component--hamburger .inner:before{transition:top 75ms .12s,opacity 75ms;top:-8px}.component--hamburger .inner:after{transition:bottom 75ms .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);bottom:-8px}.component--hamburger.is_active .inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.component--hamburger.is_active .inner:before{opacity:0;transition:top 75ms,opacity 75ms .12s;top:0}.component--hamburger.is_active .inner:after{transition:bottom 75ms,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;bottom:0;transform:rotate(-90deg)}}.component--icon-element-root svg{margin:auto;display:block}.btn-to-top{opacity:0;visibility:hidden;z-index:20;color:#fff;background-color:var(--primary-500);cursor:pointer;border-style:none;outline:none;justify-content:center;align-items:center;width:0;height:0;margin:0;padding:0;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.5,1),color 1ms;display:flex;position:fixed;bottom:45px;right:30px}.btn-to-top span{width:18px;padding-bottom:3px}.btn-to-top span .icon path{stroke:none;fill:#fff}@media screen and (width>=587px){.btn-to-top{bottom:45px;right:45px}.btn-to-top span{width:18px}}.btn-to-top:hover,.btn-to-top:focus{color:#fff;background-color:var(--primary-500);transform:translateY(-5px)}.dark .btn-to-top{background-color:var(--primary-600)}.dark .btn-to-top:hover,.dark .btn-to-top:focus{color:#fff;background-color:var(--primary-600)}.btn-floating{opacity:1;visibility:visible;border-radius:20px;width:40px;min-width:0;height:40px;padding:0;bottom:20px;right:10px}@media screen and (width>=587px){.btn-floating{border-radius:21px;width:42px;height:42px;bottom:22px;right:22px}}ul.check{padding-left:0}.component--list-item-checkbox{outline:none;margin-left:0;margin-right:8px;padding-left:28px;padding-right:24px;list-style-type:none;position:relative}@media screen and (width>=768px){ul.check{padding-left:1rem}}.component--list-item-checkbox:before{content:"";cursor:pointer;background-repeat:no-repeat;background-size:cover;border:1px solid #7d7d7d;border-radius:2px;width:16px;height:16px;display:block;position:absolute;top:8px;left:0}.component--list-item-checkbox-checked{text-decoration:line-through}.component--list-item-checkbox-checked:before{border:1px solid var(--secondary-300);background-color:var(--secondary-400);background-repeat:no-repeat}.component--list-item-checkbox-checked:after{content:"";cursor:pointer;border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;display:block;position:absolute;top:11px;left:6px;right:7px;transform:rotate(45deg)}.lds-ellipsis{display:inline-block;position:relative}.lds-ellipsis div{background:#fff;border-radius:50%;width:16.25%;height:32.25%;animation-timing-function:cubic-bezier(0,1,1,0);position:absolute;top:41.25%}.lds-ellipsis div:first-child{animation:.6s infinite lds-ellipsis1;left:10%}.lds-ellipsis div:nth-child(2){animation:.6s infinite lds-ellipsis2;left:10%}.lds-ellipsis div:nth-child(3){animation:.6s infinite lds-ellipsis2;left:40%}.lds-ellipsis div:nth-child(4){animation:.6s infinite lds-ellipsis3;left:70%}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(184.61%)}}.lds-ring{display:inline-block;position:relative}.lds-ring div{box-sizing:border-box;border:8px solid #0000;border-top-color:#fff;border-radius:50%;animation:1.2s cubic-bezier(.5,0,.5,1) infinite lds-ring;display:block;position:absolute}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lds-spinner{color:official;width:56px;height:56px;display:inline-block;position:relative}.lds-spinner div{transform-origin:28px 32px;animation:1.2s linear infinite lds-spinner}.lds-spinner div .div-after{content:" ";background:#fff;border-radius:20%;width:5px;height:14px;display:block;position:absolute;top:0;left:25px}.lds-spinner div:first-child{animation-delay:-1.1s;transform:rotate(0)}.lds-spinner div:nth-child(2){animation-delay:-1s;transform:rotate(30deg)}.lds-spinner div:nth-child(3){animation-delay:-.9s;transform:rotate(60deg)}.lds-spinner div:nth-child(4){animation-delay:-.8s;transform:rotate(90deg)}.lds-spinner div:nth-child(5){animation-delay:-.7s;transform:rotate(120deg)}.lds-spinner div:nth-child(6){animation-delay:-.6s;transform:rotate(150deg)}.lds-spinner div:nth-child(7){animation-delay:-.5s;transform:rotate(180deg)}.lds-spinner div:nth-child(8){animation-delay:-.4s;transform:rotate(210deg)}.lds-spinner div:nth-child(9){animation-delay:-.3s;transform:rotate(240deg)}.lds-spinner div:nth-child(10){animation-delay:-.2s;transform:rotate(270deg)}.lds-spinner div:nth-child(11){animation-delay:-.1s;transform:rotate(300deg)}.lds-spinner div:nth-child(12){animation-delay:0s;transform:rotate(330deg)}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.component--fade-in-lift{opacity:0;visibility:hidden;will-change:opacity,visibility;transition:opacity .5s ease-out,transform .7s ease-out;transform:matrix(1,0,0,1,0,18)}.component--fade-in-lift.is-visible{opacity:1;visibility:visible;transform:matrix(1,0,0,1,0,0)}@keyframes checkBoxIn{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}80%{transform:scale(.9)}to{transform:scale(1)}}@keyframes checkBoxOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.component--checkbox,.component--checkbox-icon{transition:all .2s ease-in-out}.component--checkbox-indicator[data-state=checked] .component--checkbox-icon{opacity:1;animation:.3s cubic-bezier(.25,1.5,.5,1) forwards checkBoxIn;transform:scale(1)}.component--checkbox-indicator[data-state=unchecked] .component--checkbox-icon{opacity:0;animation:.2s ease-in checkBoxOut;transform:scale(.8)}.component--card{background:var(--theme-25);color:oklch(12.97% .005 285.67);border:solid 1px var(--gray-50)}.component--card:is(.dark *){background:var(--canvas-800);color:var(--gray-100);border:solid 1px var(--canvas-700)}.component--card--hover:hover{background:oklch(from var(--theme-50)1 .03 h);transition:all .2s ease-in-out}.component--card--hover:hover:is(.dark *){background:oklch(from var(--canvas-700).258 c h)}.toast-viewport{--viewport-padding:25px;padding:var(--viewport-padding);z-index:2147483647;outline:none;flex-direction:column;gap:10px;width:100vw;max-width:100vw;margin:0;list-style:none;display:flex;position:fixed;bottom:0;right:0}.popover-content[data-state=open][data-side=top]{animation:.1s ease-in slideDownAndFade}.popover-content[data-state=open][data-side=right]{animation:.1s ease-in slideLeftAndFade}.popover-content[data-state=open][data-side=bottom]{animation:.1s ease-in slideUpAndFade}.popover-content[data-state=open][data-side=left]{animation:.1s ease-in slideRightAndFade}.dropdown-menu-content[data-side=top],.dropdown-menu-subcontent[data-side=top]{animation:.1s ease-in slideDownAndFade}.dropdown-menu-content[data-side=right],.dropdown-menu-subcontent[data-side=right]{animation:.1s ease-in slideLeftAndFade}.dropdown-menu-content[data-side=bottom],.dropdown-menu-subcontent[data-side=bottom]{animation:.1s ease-in slideUpAndFade}.dropdown-menu-content[data-side=left],.dropdown-menu-subcontent[data-side=left]{animation:.1s ease-in slideRightAndFade}