design-system-silkhaus 0.0.6 → 0.0.8-3.beta.1

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 (7) hide show
  1. package/README.md +21 -0
  2. package/dist/index.cjs +19 -3811
  3. package/dist/index.d.ts +176 -19
  4. package/dist/index.js +2017 -1786
  5. package/dist/style.css +1 -1113
  6. package/package.json +1 -1
  7. package/dist/tailwind.config.js +0 -331
package/dist/style.css CHANGED
@@ -1,1113 +1 @@
1
- /*
2
- ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
3
- *//*
4
- 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
5
- 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
6
- */
7
-
8
- *,
9
- ::before,
10
- ::after {
11
- box-sizing: border-box; /* 1 */
12
- border-width: 0; /* 2 */
13
- border-style: solid; /* 2 */
14
- border-color: #e5e7eb; /* 2 */
15
- }
16
-
17
- ::before,
18
- ::after {
19
- --tw-content: '';
20
- }
21
-
22
- /*
23
- 1. Use a consistent sensible line-height in all browsers.
24
- 2. Prevent adjustments of font size after orientation changes in iOS.
25
- 3. Use a more readable tab size.
26
- 4. Use the user's configured `sans` font-family by default.
27
- 5. Use the user's configured `sans` font-feature-settings by default.
28
- 6. Use the user's configured `sans` font-variation-settings by default.
29
- 7. Disable tap highlights on iOS
30
- */
31
-
32
- html,
33
- :host {
34
- line-height: 1.5; /* 1 */
35
- -webkit-text-size-adjust: 100%; /* 2 */
36
- -moz-tab-size: 4; /* 3 */
37
- -o-tab-size: 4;
38
- tab-size: 4; /* 3 */
39
- font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
40
- font-feature-settings: normal; /* 5 */
41
- font-variation-settings: normal; /* 6 */
42
- -webkit-tap-highlight-color: transparent; /* 7 */
43
- }
44
-
45
- /*
46
- 1. Remove the margin in all browsers.
47
- 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
48
- */
49
-
50
- body {
51
- margin: 0; /* 1 */
52
- line-height: inherit; /* 2 */
53
- }
54
-
55
- /*
56
- 1. Add the correct height in Firefox.
57
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
58
- 3. Ensure horizontal rules are visible by default.
59
- */
60
-
61
- hr {
62
- height: 0; /* 1 */
63
- color: inherit; /* 2 */
64
- border-top-width: 1px; /* 3 */
65
- }
66
-
67
- /*
68
- Add the correct text decoration in Chrome, Edge, and Safari.
69
- */
70
-
71
- abbr:where([title]) {
72
- -webkit-text-decoration: underline dotted;
73
- text-decoration: underline dotted;
74
- }
75
-
76
- /*
77
- Remove the default font size and weight for headings.
78
- */
79
-
80
- h1,
81
- h2,
82
- h3,
83
- h4,
84
- h5,
85
- h6 {
86
- font-size: inherit;
87
- font-weight: inherit;
88
- }
89
-
90
- /*
91
- Reset links to optimize for opt-in styling instead of opt-out.
92
- */
93
-
94
- a {
95
- color: inherit;
96
- text-decoration: inherit;
97
- }
98
-
99
- /*
100
- Add the correct font weight in Edge and Safari.
101
- */
102
-
103
- b,
104
- strong {
105
- font-weight: bolder;
106
- }
107
-
108
- /*
109
- 1. Use the user's configured `mono` font-family by default.
110
- 2. Use the user's configured `mono` font-feature-settings by default.
111
- 3. Use the user's configured `mono` font-variation-settings by default.
112
- 4. Correct the odd `em` font sizing in all browsers.
113
- */
114
-
115
- code,
116
- kbd,
117
- samp,
118
- pre {
119
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
120
- font-feature-settings: normal; /* 2 */
121
- font-variation-settings: normal; /* 3 */
122
- font-size: 1em; /* 4 */
123
- }
124
-
125
- /*
126
- Add the correct font size in all browsers.
127
- */
128
-
129
- small {
130
- font-size: 80%;
131
- }
132
-
133
- /*
134
- Prevent `sub` and `sup` elements from affecting the line height in all browsers.
135
- */
136
-
137
- sub,
138
- sup {
139
- font-size: 75%;
140
- line-height: 0;
141
- position: relative;
142
- vertical-align: baseline;
143
- }
144
-
145
- sub {
146
- bottom: -0.25em;
147
- }
148
-
149
- sup {
150
- top: -0.5em;
151
- }
152
-
153
- /*
154
- 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
155
- 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
156
- 3. Remove gaps between table borders by default.
157
- */
158
-
159
- table {
160
- text-indent: 0; /* 1 */
161
- border-color: inherit; /* 2 */
162
- border-collapse: collapse; /* 3 */
163
- }
164
-
165
- /*
166
- 1. Change the font styles in all browsers.
167
- 2. Remove the margin in Firefox and Safari.
168
- 3. Remove default padding in all browsers.
169
- */
170
-
171
- button,
172
- input,
173
- optgroup,
174
- select,
175
- textarea {
176
- font-family: inherit; /* 1 */
177
- font-feature-settings: inherit; /* 1 */
178
- font-variation-settings: inherit; /* 1 */
179
- font-size: 100%; /* 1 */
180
- font-weight: inherit; /* 1 */
181
- line-height: inherit; /* 1 */
182
- color: inherit; /* 1 */
183
- margin: 0; /* 2 */
184
- padding: 0; /* 3 */
185
- }
186
-
187
- /*
188
- Remove the inheritance of text transform in Edge and Firefox.
189
- */
190
-
191
- button,
192
- select {
193
- text-transform: none;
194
- }
195
-
196
- /*
197
- 1. Correct the inability to style clickable types in iOS and Safari.
198
- 2. Remove default button styles.
199
- */
200
-
201
- button,
202
- [type='button'],
203
- [type='reset'],
204
- [type='submit'] {
205
- -webkit-appearance: button; /* 1 */
206
- background-color: transparent; /* 2 */
207
- background-image: none; /* 2 */
208
- }
209
-
210
- /*
211
- Use the modern Firefox focus style for all focusable elements.
212
- */
213
-
214
- :-moz-focusring {
215
- outline: auto;
216
- }
217
-
218
- /*
219
- Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
220
- */
221
-
222
- :-moz-ui-invalid {
223
- box-shadow: none;
224
- }
225
-
226
- /*
227
- Add the correct vertical alignment in Chrome and Firefox.
228
- */
229
-
230
- progress {
231
- vertical-align: baseline;
232
- }
233
-
234
- /*
235
- Correct the cursor style of increment and decrement buttons in Safari.
236
- */
237
-
238
- ::-webkit-inner-spin-button,
239
- ::-webkit-outer-spin-button {
240
- height: auto;
241
- }
242
-
243
- /*
244
- 1. Correct the odd appearance in Chrome and Safari.
245
- 2. Correct the outline style in Safari.
246
- */
247
-
248
- [type='search'] {
249
- -webkit-appearance: textfield; /* 1 */
250
- outline-offset: -2px; /* 2 */
251
- }
252
-
253
- /*
254
- Remove the inner padding in Chrome and Safari on macOS.
255
- */
256
-
257
- ::-webkit-search-decoration {
258
- -webkit-appearance: none;
259
- }
260
-
261
- /*
262
- 1. Correct the inability to style clickable types in iOS and Safari.
263
- 2. Change font properties to `inherit` in Safari.
264
- */
265
-
266
- ::-webkit-file-upload-button {
267
- -webkit-appearance: button; /* 1 */
268
- font: inherit; /* 2 */
269
- }
270
-
271
- /*
272
- Add the correct display in Chrome and Safari.
273
- */
274
-
275
- summary {
276
- display: list-item;
277
- }
278
-
279
- /*
280
- Removes the default spacing and border for appropriate elements.
281
- */
282
-
283
- blockquote,
284
- dl,
285
- dd,
286
- h1,
287
- h2,
288
- h3,
289
- h4,
290
- h5,
291
- h6,
292
- hr,
293
- figure,
294
- p,
295
- pre {
296
- margin: 0;
297
- }
298
-
299
- fieldset {
300
- margin: 0;
301
- padding: 0;
302
- }
303
-
304
- legend {
305
- padding: 0;
306
- }
307
-
308
- ol,
309
- ul,
310
- menu {
311
- list-style: none;
312
- margin: 0;
313
- padding: 0;
314
- }
315
-
316
- /*
317
- Reset default styling for dialogs.
318
- */
319
- dialog {
320
- padding: 0;
321
- }
322
-
323
- /*
324
- Prevent resizing textareas horizontally by default.
325
- */
326
-
327
- textarea {
328
- resize: vertical;
329
- }
330
-
331
- /*
332
- 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
333
- 2. Set the default placeholder color to the user's configured gray 400 color.
334
- */
335
-
336
- input::-moz-placeholder, textarea::-moz-placeholder {
337
- opacity: 1; /* 1 */
338
- color: #9ca3af; /* 2 */
339
- }
340
-
341
- input::placeholder,
342
- textarea::placeholder {
343
- opacity: 1; /* 1 */
344
- color: #9ca3af; /* 2 */
345
- }
346
-
347
- /*
348
- Set the default cursor for buttons.
349
- */
350
-
351
- button,
352
- [role="button"] {
353
- cursor: pointer;
354
- }
355
-
356
- /*
357
- Make sure disabled buttons don't get the pointer cursor.
358
- */
359
- :disabled {
360
- cursor: default;
361
- }
362
-
363
- /*
364
- 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
365
- 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
366
- This can trigger a poorly considered lint error in some tools but is included by design.
367
- */
368
-
369
- img,
370
- svg,
371
- video,
372
- canvas,
373
- audio,
374
- iframe,
375
- embed,
376
- object {
377
- display: block; /* 1 */
378
- vertical-align: middle; /* 2 */
379
- }
380
-
381
- /*
382
- Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
383
- */
384
-
385
- img,
386
- video {
387
- max-width: 100%;
388
- height: auto;
389
- }
390
-
391
- /* Make elements with the HTML hidden attribute stay hidden by default */
392
- [hidden] {
393
- display: none;
394
- }
395
- :root {
396
- /* COLORS */
397
-
398
- --white: #fff;
399
- --black: #000;
400
-
401
- --text-primary: #000;
402
- --text-secondary: rgba(0, 0, 0, 0.5);
403
- --text-tertiary: rgba(0, 0, 0, 0.25);
404
- --text-secondary-dark: rgba(255, 255, 255, 0.5);
405
- --text-tertiary-dark: rgba(255, 255, 255, 0.25);
406
- --text-secondary-plus-dark: rgba(255, 255, 255, 0.8);
407
- --text-primary-dark: #fff;
408
-
409
- --fills-black: #000;
410
- --fills-white: #fff;
411
- --fills-secondary: rgba(0, 0, 0, 0.5);
412
- --fills-terciary: rgba(0, 0, 0, 0.25);
413
- --fills-quadrutery: rgba(0, 0, 0, 0.1);
414
- --fills-quintiary: rgba(0, 0, 0, 0.05);
415
-
416
- --accent-eggplant-100: #542686;
417
- --accent-eggplant-50: rgba(84, 38, 134, 0.5);
418
- --accent-eggplant-20: rgba(84, 38, 134, 0.2);
419
- --accent-eggplant-5: rgba(84, 38, 134, 0.05);
420
-
421
- --accent-eggplant-highlight: #6d36a9;
422
- --accent-eggplant-darkened: #341a53;
423
-
424
- --accent-mustard-100: #ffe267;
425
- --accent-mustard-50: rgba(255, 226, 103, 0.5);
426
- --accent-mustard-25: rgba(255, 226, 103, 0.25);
427
- --accent-teal-100: #25afa5;
428
- --accent-teal-50: rgba(37, 175, 165, 0.5);
429
- --accent-teal-25: rgba(37, 175, 165, 0.25);
430
- --accent-carrot-100: #ff813c;
431
- --accent-carrot-50: rgba(255, 129, 60, 0.5);
432
- --accent-carrot-25: rgba(255, 129, 60, 0.25);
433
-
434
- --system-red: #ff453a;
435
- --system-green: #28cd41;
436
-
437
- /* TYPOGRAPHY - UPDATE VARIABLES */
438
- --text-xLarge-heroTitle: 42px;
439
- --text-xLarge-heroTitle-lineHeight: 38px;
440
-
441
- --text-xLarge-largeTitle: 36px;
442
- --text-xLarge-largeTitle-lineHeight: 43px;
443
-
444
- --text-xLarge-title1: 30px;
445
- --text-xLarge-title1-lineHeight: 36px;
446
-
447
- --text-xLarge-title2: 24px;
448
- --text-xLarge-title2-lineHeight: 30px;
449
-
450
- --text-xLarge-title3: 22px;
451
- --text-xLarge-title3-lineHeight: 28px;
452
-
453
- --text-xLarge-headLine: 19px;
454
- --text-xLarge-headLine-lineHeight: 24px;
455
-
456
- --text-xLarge-body: 19px;
457
- --text-xLarge-body-lineHeight: 24px;
458
-
459
- --text-xLarge-callout: 18px;
460
- --text-xLarge-callout-lineHeight: 23px;
461
-
462
- --text-xLarge-subHead: 17px;
463
- --text-xLarge-subHead-lineHeight: 22px;
464
-
465
- --text-xLarge-footNote: 15px;
466
- --text-xLarge-footNote-lineHeight: 20px;
467
-
468
- --text-xLarge-caption1: 14px;
469
- --text-xLarge-caption1-lineHeight: 19px;
470
-
471
- --text-xLarge-caption2: 13px;
472
- --text-xLarge-caption2-lineHeight: 18px;
473
-
474
- /* */
475
- --text-large-heroTitle: 40px;
476
- --text-large-heroTitle-lineHeight: 38px;
477
-
478
- --text-large-largeTitle: 34px;
479
- --text-large-largeTitle-lineHeight: 41px;
480
-
481
- --text-large-title1: 28px;
482
- --text-large-title1-lineHeight: 34px;
483
-
484
- --text-large-title2: 22px;
485
- --text-large-title2-lineHeight: 28px;
486
-
487
- --text-large-title3: 20px;
488
- --text-large-title3-lineHeight: 25px;
489
-
490
- --text-large-headLine: 17px;
491
- --text-large-headLine-lineHeight: 22px;
492
-
493
- --text-large-body: 17px;
494
- --text-large-body-lineHeight: 22px;
495
-
496
- --text-large-callout: 16px;
497
- --text-large-callout-lineHeight: 21px;
498
-
499
- --text-large-subHead: 15px;
500
- --text-large-subHead-lineHeight: 20px;
501
-
502
- --text-large-footNote: 13px;
503
- --text-large-footNote-lineHeight: 18px;
504
-
505
- --text-large-caption1: 12px;
506
- --text-large-caption1-lineHeight: 16px;
507
-
508
- --text-large-caption2: 11px;
509
- --text-large-caption2-lineHeight: 13px;
510
-
511
- /* TOBE UPDATED */
512
- --text-medium-heroTitle: 39px;
513
- --text-medium-heroTitle-lineHeight: 42px;
514
-
515
- --text-medium-largeTitle: 33px;
516
- --text-medium-largeTitle-lineHeight: 44px;
517
-
518
- --text-medium-title1: 22px;
519
- --text-medium-title1-lineHeight: 37px;
520
-
521
- --text-medium-title2: 21px;
522
- --text-medium-title2-lineHeight: 32px;
523
-
524
- --text-medium-title3: 19px;
525
- --text-medium-title3-lineHeight: 28px;
526
-
527
- --text-medium-headLine: 16px;
528
- --text-medium-headLine-lineHeight: 25px;
529
-
530
- --text-medium-body: 16px;
531
- --text-medium-body-lineHeight: 25px;
532
-
533
- --text-medium-callout: 15px;
534
- --text-medium-callout-lineHeight: 20px;
535
-
536
- --text-medium-subHead: 14px;
537
- --text-medium-subHead-lineHeight: 23px;
538
-
539
- --text-medium-footNote: 12px;
540
- --text-medium-footNote-lineHeight: 20px;
541
-
542
- --text-medium-caption1: 11px;
543
- --text-medium-caption1-lineHeight: 17px;
544
-
545
- --text-medium-caption2: 11px;
546
- --text-medium-caption2-lineHeight: 17px;
547
-
548
- /* */
549
- --text-small-heroTitle: 38px;
550
- --text-small-heroTitle-lineHeight: 42px;
551
-
552
- --text-small-largeTitle: 32px;
553
- --text-small-largeTitle-lineHeight: 43px;
554
-
555
- --text-small-title1: 26px;
556
- --text-small-title1-lineHeight: 36px;
557
-
558
- --text-small-title2: 20px;
559
- --text-small-title2-lineHeight: 28px;
560
-
561
- --text-small-title3: 18px;
562
- --text-small-title3-lineHeight: 27px;
563
-
564
- --text-small-headLine: 15px;
565
- --text-small-headLine-lineHeight: 24px;
566
-
567
- --text-small-body: 15px;
568
- --text-small-body-lineHeight: 24px;
569
-
570
- --text-small-callout: 14px;
571
- --text-small-callout-lineHeight: 23px;
572
-
573
- --text-small-subHead: 13px;
574
- --text-small-subHead-lineHeight: 22px;
575
-
576
- --text-small-footNote: 12px;
577
- --text-small-footNote-lineHeight: 20px;
578
-
579
- --text-small-caption1: 11px;
580
- --text-small-caption1-lineHeight: 17px;
581
-
582
- --text-small-caption2: 11px;
583
- --text-small-caption2-lineHeight: 17px;
584
-
585
- /* */
586
- --text-xSmall-heroTitle: 31px;
587
- --text-xSmall-heroTitle-lineHeight: 38px;
588
-
589
- --text-xSmall-largeTitle: 37px;
590
- --text-xSmall-largeTitle-lineHeight: 38px;
591
-
592
- --text-xSmall-title1: 25px;
593
- --text-xSmall-title1-lineHeight: 31px;
594
-
595
- --text-xSmall-title2: 19px;
596
- --text-xSmall-title2-lineHeight: 23px;
597
-
598
- --text-xSmall-title3: 17px;
599
- --text-xSmall-title3-lineHeight: 22px;
600
-
601
- --text-xSmall-headLine: 14px;
602
- --text-xSmall-headLine-lineHeight: 19px;
603
-
604
- --text-xSmall-body: 14px;
605
- --text-xSmall-body-lineHeight: 19px;
606
-
607
- --text-xSmall-callout: 13px;
608
- --text-xSmall-callout-lineHeight: 18px;
609
-
610
- --text-xSmall-subHead: 12px;
611
- --text-xSmall-subHead-lineHeight: 16px;
612
-
613
- --text-xSmall-footNote: 12px;
614
- --text-xSmall-footNote-lineHeight: 16px;
615
-
616
- --text-xSmall-caption1: 11px;
617
- --text-xSmall-caption1-lineHeight: 13px;
618
-
619
- --text-xSmall-caption2: 11px;
620
- --text-xSmall-caption2-lineHeight: 13px;
621
- }
622
-
623
- *, ::before, ::after {
624
- --tw-border-spacing-x: 0;
625
- --tw-border-spacing-y: 0;
626
- --tw-translate-x: 0;
627
- --tw-translate-y: 0;
628
- --tw-rotate: 0;
629
- --tw-skew-x: 0;
630
- --tw-skew-y: 0;
631
- --tw-scale-x: 1;
632
- --tw-scale-y: 1;
633
- --tw-pan-x: ;
634
- --tw-pan-y: ;
635
- --tw-pinch-zoom: ;
636
- --tw-scroll-snap-strictness: proximity;
637
- --tw-gradient-from-position: ;
638
- --tw-gradient-via-position: ;
639
- --tw-gradient-to-position: ;
640
- --tw-ordinal: ;
641
- --tw-slashed-zero: ;
642
- --tw-numeric-figure: ;
643
- --tw-numeric-spacing: ;
644
- --tw-numeric-fraction: ;
645
- --tw-ring-inset: ;
646
- --tw-ring-offset-width: 0px;
647
- --tw-ring-offset-color: #fff;
648
- --tw-ring-color: rgb(59 130 246 / 0.5);
649
- --tw-ring-offset-shadow: 0 0 #0000;
650
- --tw-ring-shadow: 0 0 #0000;
651
- --tw-shadow: 0 0 #0000;
652
- --tw-shadow-colored: 0 0 #0000;
653
- --tw-blur: ;
654
- --tw-brightness: ;
655
- --tw-contrast: ;
656
- --tw-grayscale: ;
657
- --tw-hue-rotate: ;
658
- --tw-invert: ;
659
- --tw-saturate: ;
660
- --tw-sepia: ;
661
- --tw-drop-shadow: ;
662
- --tw-backdrop-blur: ;
663
- --tw-backdrop-brightness: ;
664
- --tw-backdrop-contrast: ;
665
- --tw-backdrop-grayscale: ;
666
- --tw-backdrop-hue-rotate: ;
667
- --tw-backdrop-invert: ;
668
- --tw-backdrop-opacity: ;
669
- --tw-backdrop-saturate: ;
670
- --tw-backdrop-sepia: ;
671
- }
672
-
673
- ::backdrop {
674
- --tw-border-spacing-x: 0;
675
- --tw-border-spacing-y: 0;
676
- --tw-translate-x: 0;
677
- --tw-translate-y: 0;
678
- --tw-rotate: 0;
679
- --tw-skew-x: 0;
680
- --tw-skew-y: 0;
681
- --tw-scale-x: 1;
682
- --tw-scale-y: 1;
683
- --tw-pan-x: ;
684
- --tw-pan-y: ;
685
- --tw-pinch-zoom: ;
686
- --tw-scroll-snap-strictness: proximity;
687
- --tw-gradient-from-position: ;
688
- --tw-gradient-via-position: ;
689
- --tw-gradient-to-position: ;
690
- --tw-ordinal: ;
691
- --tw-slashed-zero: ;
692
- --tw-numeric-figure: ;
693
- --tw-numeric-spacing: ;
694
- --tw-numeric-fraction: ;
695
- --tw-ring-inset: ;
696
- --tw-ring-offset-width: 0px;
697
- --tw-ring-offset-color: #fff;
698
- --tw-ring-color: rgb(59 130 246 / 0.5);
699
- --tw-ring-offset-shadow: 0 0 #0000;
700
- --tw-ring-shadow: 0 0 #0000;
701
- --tw-shadow: 0 0 #0000;
702
- --tw-shadow-colored: 0 0 #0000;
703
- --tw-blur: ;
704
- --tw-brightness: ;
705
- --tw-contrast: ;
706
- --tw-grayscale: ;
707
- --tw-hue-rotate: ;
708
- --tw-invert: ;
709
- --tw-saturate: ;
710
- --tw-sepia: ;
711
- --tw-drop-shadow: ;
712
- --tw-backdrop-blur: ;
713
- --tw-backdrop-brightness: ;
714
- --tw-backdrop-contrast: ;
715
- --tw-backdrop-grayscale: ;
716
- --tw-backdrop-hue-rotate: ;
717
- --tw-backdrop-invert: ;
718
- --tw-backdrop-opacity: ;
719
- --tw-backdrop-saturate: ;
720
- --tw-backdrop-sepia: ;
721
- }
722
- .flex {
723
- display: flex;
724
- }
725
- .grid {
726
- display: grid;
727
- }
728
- .inline-grid {
729
- display: inline-grid;
730
- }
731
- .w-full {
732
- width: 100%;
733
- }
734
- .max-w-96 {
735
- max-width: 24rem;
736
- }
737
- .max-w-\[1920px\] {
738
- max-width: 1920px;
739
- }
740
- .flex-col {
741
- flex-direction: column;
742
- }
743
- .place-content-center {
744
- place-content: center;
745
- }
746
- .place-content-start {
747
- place-content: start;
748
- }
749
- .place-content-end {
750
- place-content: end;
751
- }
752
- .place-content-between {
753
- place-content: space-between;
754
- }
755
- .place-content-around {
756
- place-content: space-around;
757
- }
758
- .place-content-evenly {
759
- place-content: space-evenly;
760
- }
761
- .place-content-baseline {
762
- place-content: baseline;
763
- }
764
- .place-content-stretch {
765
- place-content: stretch;
766
- }
767
- .place-items-start {
768
- place-items: start;
769
- }
770
- .place-items-end {
771
- place-items: end;
772
- }
773
- .place-items-center {
774
- place-items: center;
775
- }
776
- .place-items-baseline {
777
- place-items: baseline;
778
- }
779
- .place-items-stretch {
780
- place-items: stretch;
781
- }
782
- .content-normal {
783
- align-content: normal;
784
- }
785
- .content-center {
786
- align-content: center;
787
- }
788
- .content-start {
789
- align-content: flex-start;
790
- }
791
- .content-end {
792
- align-content: flex-end;
793
- }
794
- .content-between {
795
- align-content: space-between;
796
- }
797
- .content-around {
798
- align-content: space-around;
799
- }
800
- .content-evenly {
801
- align-content: space-evenly;
802
- }
803
- .content-baseline {
804
- align-content: baseline;
805
- }
806
- .content-stretch {
807
- align-content: stretch;
808
- }
809
- .items-start {
810
- align-items: flex-start;
811
- }
812
- .items-end {
813
- align-items: flex-end;
814
- }
815
- .items-center {
816
- align-items: center;
817
- }
818
- .items-baseline {
819
- align-items: baseline;
820
- }
821
- .items-stretch {
822
- align-items: stretch;
823
- }
824
- .justify-normal {
825
- justify-content: normal;
826
- }
827
- .justify-start {
828
- justify-content: flex-start;
829
- }
830
- .justify-end {
831
- justify-content: flex-end;
832
- }
833
- .justify-center {
834
- justify-content: center;
835
- }
836
- .justify-between {
837
- justify-content: space-between;
838
- }
839
- .justify-around {
840
- justify-content: space-around;
841
- }
842
- .justify-evenly {
843
- justify-content: space-evenly;
844
- }
845
- .justify-stretch {
846
- justify-content: stretch;
847
- }
848
- .justify-items-start {
849
- justify-items: start;
850
- }
851
- .justify-items-end {
852
- justify-items: end;
853
- }
854
- .justify-items-center {
855
- justify-items: center;
856
- }
857
- .justify-items-stretch {
858
- justify-items: stretch;
859
- }
860
- .rounded-\[24px_24px_0px_24px\] {
861
- border-radius: 24px 24px 0px 24px;
862
- }
863
- .rounded-sm {
864
- border-radius: 0.125rem;
865
- }
866
- .border {
867
- border-width: 1px;
868
- }
869
- .border-Fills-secondary {
870
- border-color: var(--fills-secondary);
871
- }
872
- .border-Fills-terciary {
873
- border-color: var(--fills-terciary);
874
- }
875
- .border-System-red {
876
- --tw-border-opacity: 1;
877
- border-color: rgb(255 69 58 / var(--tw-border-opacity));
878
- }
879
- .bg-Background-accentEggplant-100 {
880
- background-color: var(--accent-eggplant-100);
881
- }
882
- .bg-Text-textSecondaryPlusDark {
883
- background-color: var(--text-secondary-plus-dark);
884
- }
885
- .px-\[12px\] {
886
- padding-left: 12px;
887
- padding-right: 12px;
888
- }
889
- .px-space300 {
890
- padding-left: 1.5rem;
891
- padding-right: 1.5rem;
892
- }
893
- .px-space400 {
894
- padding-left: 2rem;
895
- padding-right: 2rem;
896
- }
897
- .py-space075 {
898
- padding-top: 0.375rem;
899
- padding-bottom: 0.375rem;
900
- }
901
- .py-space150 {
902
- padding-top: 0.75rem;
903
- padding-bottom: 0.75rem;
904
- }
905
- .pb-\[7px\] {
906
- padding-bottom: 7px;
907
- }
908
- .pb-space200 {
909
- padding-bottom: 1rem;
910
- }
911
- .pb-space300 {
912
- padding-bottom: 1.5rem;
913
- }
914
- .pt-\[8px\] {
915
- padding-top: 8px;
916
- }
917
- .pt-space300 {
918
- padding-top: 1.5rem;
919
- }
920
- .text-mediumCaption1 {
921
- font-size: var(--text-medium-caption1);
922
- line-height: var(--text-medium-caption1-lineHeight);
923
- }
924
- .text-mediumSubHead {
925
- font-size: var(--text-medium-subHead);
926
- line-height: var(--text-medium-subHead-lineHeight);
927
- }
928
- .font-bold {
929
- font-weight: 700;
930
- }
931
- .font-extrabold {
932
- font-weight: 800;
933
- }
934
- .font-medium {
935
- font-weight: 500;
936
- }
937
- .font-normal {
938
- font-weight: 400;
939
- }
940
- .font-semibold {
941
- font-weight: 600;
942
- }
943
- .italic {
944
- font-style: italic;
945
- }
946
- .text-Text-primary {
947
- color: var(--text-primary);
948
- }
949
- .text-Text-secondary {
950
- color: var(--text-secondary);
951
- }
952
- .text-Text-textPrimaryDark {
953
- color: var(--text-primary-dark);
954
- }
955
- .underline {
956
- text-decoration-line: underline;
957
- }
958
- .line-through {
959
- text-decoration-line: line-through;
960
- }
961
- .placeholder-Fills-quadrutery::-moz-placeholder {
962
- color: var(--fills-quadrutery);
963
- }
964
- .placeholder-Fills-quadrutery::placeholder {
965
- color: var(--fills-quadrutery);
966
- }
967
- .shadow-card {
968
- --tw-shadow: ;
969
- --tw-shadow-colored: ;
970
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
971
- }
972
- .shadow-none {
973
- --tw-shadow: 0 0 #0000;
974
- --tw-shadow-colored: 0 0 #0000;
975
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
976
- }
977
- .hover\:border:hover {
978
- border-width: 1px;
979
- }
980
- .hover\:border-Fills-black:hover {
981
- border-color: var(--fills-black);
982
- }
983
- .hover\:border-Fills-secondary:hover {
984
- border-color: var(--fills-secondary);
985
- }
986
- .hover\:bg-Background-accentEggplant-5:hover {
987
- background-color: var(--accent-eggplant-5);
988
- }
989
- .hover\:bg-Background-accentEggplant-highlight:hover {
990
- background-color: var(--accent-eggplant-highlight);
991
- }
992
- .hover\:bg-Fills-quintiary:hover {
993
- background-color: var(--fills-quintiary);
994
- }
995
- .hover\:text-Text-textPrimaryDark:hover {
996
- color: var(--text-primary-dark);
997
- }
998
- .hover\:text-black:hover {
999
- color: var(--black);
1000
- }
1001
- .focus\:border:focus {
1002
- border-width: 1px;
1003
- }
1004
- .focus\:border-Background-accentEggplant-100:focus {
1005
- border-color: var(--accent-eggplant-100);
1006
- }
1007
- .focus\:border-Text-primary:focus {
1008
- border-color: var(--text-primary);
1009
- }
1010
- .focus\:border-white:focus {
1011
- border-color: var(--white);
1012
- }
1013
- .focus\:bg-Background-accentEggplant-100:focus {
1014
- background-color: var(--accent-eggplant-100);
1015
- }
1016
- .focus\:bg-Background-accentEggplant-5:focus {
1017
- background-color: var(--accent-eggplant-5);
1018
- }
1019
- .focus\:bg-Fills-quadrutery:focus {
1020
- background-color: var(--fills-quadrutery);
1021
- }
1022
- .focus\:text-Text-textPrimaryDark:focus {
1023
- color: var(--text-primary-dark);
1024
- }
1025
- .focus\:outline-none:focus {
1026
- outline: 2px solid transparent;
1027
- outline-offset: 2px;
1028
- }
1029
- .active\:border:active {
1030
- border-width: 1px;
1031
- }
1032
- .active\:border-Fills-black:active {
1033
- border-color: var(--fills-black);
1034
- }
1035
- .active\:border-Text-primary:active {
1036
- border-color: var(--text-primary);
1037
- }
1038
- .active\:bg-Background-accentEggplant-5:active {
1039
- background-color: var(--accent-eggplant-5);
1040
- }
1041
- .active\:bg-Background-accentEggplant-darkened:active {
1042
- background-color: var(--accent-eggplant-darkened);
1043
- }
1044
- .active\:bg-Fills-quintiary:active {
1045
- background-color: var(--fills-quintiary);
1046
- }
1047
- .active\:text-Text-primary:active {
1048
- color: var(--text-primary);
1049
- }
1050
- .active\:text-black:active {
1051
- color: var(--black);
1052
- }
1053
- .disabled\:border:disabled {
1054
- border-width: 1px;
1055
- }
1056
- .disabled\:border-Fills-quadrutery:disabled {
1057
- border-color: var(--fills-quadrutery);
1058
- }
1059
- .disabled\:bg-Background-accentEggplant-20:disabled {
1060
- background-color: var(--accent-eggplant-20);
1061
- }
1062
- .disabled\:bg-Fills-quintiary:disabled {
1063
- background-color: var(--fills-quintiary);
1064
- }
1065
- .disabled\:text-Background-accentEggplant-20:disabled {
1066
- color: var(--accent-eggplant-20);
1067
- }
1068
- .disabled\:text-Fills-quadrutery:disabled {
1069
- color: var(--fills-quadrutery);
1070
- }
1071
- .disabled\:text-Text-tertiary:disabled {
1072
- color: var(--text-tertiary);
1073
- }
1074
- @media (min-width: 449px) {
1075
-
1076
- .mobile\:grid-cols-4 {
1077
- grid-template-columns: repeat(4, minmax(0, 1fr));
1078
- }
1079
-
1080
- .mobile\:gap-space150 {
1081
- gap: 0.75rem;
1082
- }
1083
- }
1084
- @media (min-width: 768px) {
1085
-
1086
- .tablet\:grid-cols-6 {
1087
- grid-template-columns: repeat(6, minmax(0, 1fr));
1088
- }
1089
-
1090
- .tablet\:gap-space200 {
1091
- gap: 1rem;
1092
- }
1093
- }
1094
- @media (min-width: 1280px) {
1095
-
1096
- .desktop\:grid-cols-12 {
1097
- grid-template-columns: repeat(12, minmax(0, 1fr));
1098
- }
1099
-
1100
- .desktop\:gap-space300 {
1101
- gap: 1.5rem;
1102
- }
1103
- }
1104
- @media (min-width: 1440px) {
1105
-
1106
- .wide_desktop\:grid-cols-12 {
1107
- grid-template-columns: repeat(12, minmax(0, 1fr));
1108
- }
1109
-
1110
- .wide_desktop\:gap-space300 {
1111
- gap: 1.5rem;
1112
- }
1113
- }
1
+ *,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;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-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings: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:transparent;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{list-style:none;margin:0;padding:0}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{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}img,svg,video,canvas,audio,iframe,embed,object{display:inline;vertical-align:middle}:root{--white: #fff;--black: #000;--text-primary: #000;--text-secondary: rgba(0, 0, 0, .5);--text-tertiary: rgba(0, 0, 0, .25);--text-secondary-dark: rgba(255, 255, 255, .5);--text-tertiary-dark: rgba(255, 255, 255, .25);--text-secondary-plus-dark: rgba(255, 255, 255, .8);--text-primary-dark: #fff;--fills-black: #000;--fills-white: #fff;--fills-secondary: rgba(0, 0, 0, .5);--fills-terciary: rgba(0, 0, 0, .25);--fills-quadrutery: rgba(0, 0, 0, .1);--fills-quintiary: rgba(0, 0, 0, .05);--accent-eggplant-100: #542686;--accent-eggplant-50: rgba(84, 38, 134, .5);--accent-eggplant-20: rgba(84, 38, 134, .2);--accent-eggplant-5: rgba(84, 38, 134, .05);--accent-eggplant-highlight: #6d36a9;--accent-eggplant-darkened: #341a53;--accent-mustard-100: #ffe267;--accent-mustard-50: rgba(255, 226, 103, .5);--accent-mustard-25: rgba(255, 226, 103, .25);--accent-teal-100: #25afa5;--accent-teal-50: rgba(37, 175, 165, .5);--accent-teal-25: rgba(37, 175, 165, .25);--accent-carrot-100: #ff813c;--accent-carrot-50: rgba(255, 129, 60, .5);--accent-carrot-25: rgba(255, 129, 60, .25);--system-red: #ff453a;--system-green: #28cd41;--space-0: 0;--space-025: 2px;--space-050: 4px;--space-075: 6px;--space-100: 8px;--space-150: 12px;--space-200: 16px;--space-250: 20px;--space-300: 24px;--space-400: 32px;--space-500: 40px;--space-600: 48px;--space-800: 64px;--space-1000: 80px;--space-1200: 96px;--space-1600: 128px;--font-weight-normal: normal;--font-weight-bold: bold;--font-weight-bolder: bolder;--font-weight-lighter: lighter;--xLargeHero-TitleRegular-font-size: 42px;--xLargeHero-TitleRegular-line-height: 38px;--xLargeHero-TitleRegular-font-weight: var(--font-weight-normal);--xLargeHero-TitleEmphasized-font-size: 36px;--xLargeHero-TitleEmphasized-line-height: 43px;--xLargeHero-TitleEmphasized-font-weight: var(--font-weight-bold);--xLargeTitle-1Regular-font-size: 30px;--xLargeTitle-1Regular-line-height: 36px;--xLargeTitle-1Regular-font-weight: var(--font-weight-normal);--xLargeTitle-1Emphasized-font-size: 30px;--xLargeTitle-1Emphasized-line-height: 36px;--xLargeTitle-1Emphasized-font-weight: var(--font-weight-bold);--xLargeTitle-2Regular-font-size: 24px;--xLargeTitle-2Regular-line-height: 30px;--xLargeTitle-2Regular-font-weight: var(--font-weight-normal);--xLargeTitle-2Emphasized-font-size: 24px;--xLargeTitle-2Emphasized-line-height: 30px;--xLargeTitle-2Emphasized-font-weight: var(--font-weight-bold);--xLargeTitle-3Regular-font-size: 22px;--xLargeTitle-3Regular-line-height: 28px;--xLargeTitle-3Regular-font-weight: var(--font-weight-normal);--xLargeTitle-3Emphasized-font-size: 22px;--xLargeTitle-3Emphasized-line-height: 28px;--xLargeTitle-3Emphasized-font-weight: var(--font-weight-bold);--xLargeBody-1Regular-font-size: 18px;--xLargeBody-1Regular-line-height: 28px;--xLargeBody-1Regular-font-weight: var(--font-weight-normal);--xLargeBody-2Regular-font-size: 17px;--xLargeBody-2Regular-line-height: 24px;--xLargeBody-2Regular-font-weight: var(--font-weight-normal);--LargeHero-TitleRegular-font-size: 40px;--LargeHero-TitleRegular-line-height: 38px;--LargeHero-TitleRegular-font-weight: var(--font-weight-normal);--LargeHero-TitleEmphasized-font-size: 34px;--LargeHero-TitleEmphasized-line-height: 42px;--LargeHero-TitleEmphasized-font-weight: var(--font-weight-bold);--LargeTitle-1Regular-font-size: 28px;--LargeTitle-1Regular-line-height: 36px;--LargeTitle-1Regular-font-weight: var(--font-weight-normal);--LargeTitle-1Emphasized-font-size: 28px;--LargeTitle-1Emphasized-line-height: 36px;--LargeTitle-1Emphasized-font-weight: var(--font-weight-bold);--LargeTitle-2Regular-font-size: 22px;--LargeTitle-2Regular-line-height: 28px;--LargeTitle-2Regular-font-weight: var(--font-weight-normal);--LargeTitle-2Emphasized-font-size: 22px;--LargeTitle-2Emphasized-line-height: 28px;--LargeTitle-2Emphasized-font-weight: var(--font-weight-bold);--LargeTitle-3Regular-font-size: 20px;--LargeTitle-3Regular-line-height: 25px;--LargeTitle-3Regular-font-weight: var(--font-weight-normal);--LargeTitle-3Emphasized-font-size: 20px;--LargeTitle-3Emphasized-line-height: 25px;--LargeTitle-3Emphasized-font-weight: var(--font-weight-bold);--LargeBody-1Regular-font-size: 18px;--LargeBody-1Regular-line-height: 28px;--LargeBody-1Regular-font-weight: var(--font-weight-normal);--LargeBody-2Regular-font-size: 17px;--LargeBody-2Regular-line-height: 24px;--LargeBody-2Regular-font-weight: var(--font-weight-normal);--MediumHero-TitleRegular-font-size: 39px;--MediumHero-TitleRegular-line-height: 42px;--MediumHero-TitleRegular-font-weight: var(--font-weight-normal);--MediumHero-TitleEmphasized-font-size: 33px;--MediumHero-TitleEmphasized-line-height: 44px;--MediumHero-TitleEmphasized-font-weight: var(--font-weight-bold);--MediumTitle-1Regular-font-size: 27px;--MediumTitle-1Regular-line-height: 37px;--MediumTitle-1Regular-font-weight: var(--font-weight-normal);--MediumTitle-1Emphasized-font-size: 27px;--MediumTitle-1Emphasized-line-height: 37px;--MediumTitle-1Emphasized-font-weight: var(--font-weight-bold);--MediumTitle-2Regular-font-size: 21px;--MediumTitle-2Regular-line-height: 32px;--MediumTitle-2Regular-font-weight: var(--font-weight-normal);--MediumTitle-2Emphasized-font-size: 21px;--MediumTitle-2Emphasized-line-height: 32px;--MediumTitle-2Emphasized-font-weight: var(--font-weight-bold);--MediumTitle-3Emphasized-font-size: 19px;--MediumTitle-3Emphasized-line-height: 32px;--MediumTitle-3Emphasized-font-weight: var(--font-weight-bold);--MediumHeadLine-Regular-font-size: 16px;--MediumHeadLine-Regular-line-height: 25px;--MediumHeadLine-Regular-font-weight: var(--font-weight-bold);--MediumSubHead-Regular-font-size: 14px;--MediumSubHead-Regular-line-height: 23px;--MediumSubHead-Regular-font-weight: var(--font-weight-normal);--MediumCaption-1Regular-font-size: 11px;--MediumCaption-1Regular-line-height: 17px;--MediumCaption-1Regular-font-weight: var(--font-weight-normal);--MediumBody-Emphasized-font-size: 16px;--MediumBody-Emphasized-line-height: 25px;--MediumBody-Emphasized-font-weight: var(--font-weight-bold);--MediumBody-1Regular-font-size: 18px;--MediumBody-1Regular-line-height: 28px;--MediumBody-1Regular-font-weight: var(--font-weight-normal);--MediumBody-2Regular-font-size: 17px;--MediumBody-2Regular-line-height: 24px;--MediumBody-2Regular-font-weight: var(--font-weight-normal);--MediumFootnote-Regular-font-size: 12px;--MediumFootnote-Regular-line-height: 20px;--MediumFootnote-Regular-font-weight: var(--font-weight-normal);--SmallHero-TitleRegular-font-size: 38px;--SmallHero-TitleRegular-line-height: 44px;--SmallHero-TitleRegular-font-weight: var(--font-weight-normal);--SmallHero-TitleEmphasized-font-size: 32px;--SmallHero-TitleEmphasized-line-height: 43px;--SmallHero-TitleEmphasized-font-weight: var(--font-weight-bold);--SmallTitle-1Regular-font-size: 26px;--SmallTitle-1Regular-line-height: 36px;--SmallTitle-1Regular-font-weight: var(--font-weight-normal);--SmallTitle-1Emphasized-font-size: 26px;--SmallTitle-1Emphasized-line-height: 36px;--SmallTitle-1Emphasized-font-weight: var(--font-weight-bold);--SmallTitle-2Regular-font-size: 20px;--SmallTitle-2Regular-line-height: 28px;--SmallTitle-2Regular-font-weight: var(--font-weight-normal);--SmallTitle-2Emphasized-font-size: 20px;--SmallTitle-2Emphasized-line-height: 28px;--SmallTitle-2Emphasized-font-weight: var(--font-weight-bold);--SmallBody-1Regular-font-size: 18px;--SmallBody-1Regular-line-height: 28px;--SmallBody-1Regular-font-weight: var(--font-weight-normal);--SmallBody-2Regular-font-size: 17px;--SmallBody-2Regular-line-height: 24px;--SmallBody-2Regular-font-weight: var(--font-weight-normal);--xSmallHero-TitleRegular-font-size: 37px;--xSmallHero-TitleRegular-line-height: 38px;--xSmallHero-TitleRegular-font-weight: var(--font-weight-normal);--xSmallHero-TitleEmphasized-font-size: 31px;--xSmallHero-TitleEmphasized-line-height: 38px;--xSmallHero-TitleEmphasized-font-weight: var(--font-weight-bold);--xSmallTitle-1Regular-font-size: 25px;--xSmallTitle-1Regular-line-height: 31px;--xSmallTitle-1Regular-font-weight: var(--font-weight-normal);--xSmallTitle-1Emphasized-font-size: 25px;--xSmallTitle-1Emphasized-line-height: 31px;--xSmallTitle-1Emphasized-font-weight: var(--font-weight-bold);--xSmallTitle-2Regular-font-size: 19px;--xSmallTitle-2Regular-line-height: 24px;--xSmallTitle-2Regular-font-weight: var(--font-weight-normal);--xSmallTitle-2Emphasized-font-size: 19px;--xSmallTitle-2Emphasized-line-height: 24px;--xSmallTitle-2Emphasized-font-weight: var(--font-weight-bold);--xSmallBody-1Regular-font-size: 18px;--xSmallBody-1Regular-line-height: 28px;--xSmallBody-1Regular-font-weight: var(--font-weight-normal);--xSmallBody-2Regular-font-size: 17px;--xSmallBody-2Regular-line-height: 24px;--xSmallBody-2Regular-font-weight: var(--font-weight-normal);--callout-Regular-font-size: 11.67px;--callout-Regular-line-height: 23.34px;--callout-Regular-font-weight: var(--font-weight-normal)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.ds-absolute{position:absolute!important}.ds-relative{position:relative!important}.ds-bottom-1{bottom:.25rem!important}.ds-left-0{left:0!important}.ds-left-1\/2{left:50%!important}.ds-left-4{left:1rem!important}.ds-right-4{right:1rem!important}.ds-top-1\/2,.ds-top-2\/4,.ds-top-\[50\%\]{top:50%!important}.ds-z-10{z-index:10!important}.ds-order-1{order:1!important}.ds-order-2{order:2!important}.ds-col-span-2{grid-column:span 2 / span 2!important}.ds-mx-\[2\.5px\]{margin-left:2.5px!important;margin-right:2.5px!important}.ds-mx-auto{margin-left:auto!important;margin-right:auto!important}.ds-mb-0{margin-bottom:0!important}.ds-mb-1{margin-bottom:.25rem!important}.ds-mb-4{margin-bottom:1rem!important}.ds-mb-6{margin-bottom:1.5rem!important}.ds-mb-space075{margin-bottom:var(--space-075)!important}.ds-me-1{margin-inline-end:.25rem!important}.ds-me-3{margin-inline-end:.75rem!important}.ds-ms-1{margin-inline-start:.25rem!important}.ds-ms-\[18px\]{margin-inline-start:18px!important}.ds-ms-\[2px\]{margin-inline-start:2px!important}.ds-mt-2{margin-top:.5rem!important}.ds-mt-3{margin-top:.75rem!important}.ds-mt-4{margin-top:1rem!important}.ds-mt-space075{margin-top:var(--space-075)!important}.ds-block{display:block!important}.ds-flex{display:flex!important}.ds-grid{display:grid!important}.ds-inline-grid{display:inline-grid!important}.ds-hidden{display:none!important}.ds-h-0{height:0px!important}.ds-h-0\.5{height:.125rem!important}.ds-h-10{height:2.5rem!important}.ds-h-5{height:1.25rem!important}.ds-h-6{height:1.5rem!important}.ds-h-\[22px\]{height:22px!important}.ds-h-\[4px\]{height:4px!important}.ds-h-\[72px\]{height:72px!important}.ds-min-h-screen{min-height:100vh!important}.ds-w-5{width:1.25rem!important}.ds-w-6{width:1.5rem!important}.ds-w-\[22px\]{width:22px!important}.ds-w-\[5px\]{width:5px!important}.ds-w-full{width:100%!important}.-ds-translate-x-1\/2{--tw-translate-x: -50% !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-ds-translate-y-1\/2{--tw-translate-y: -50% !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.ds-cursor-not-allowed{cursor:not-allowed!important}.ds-cursor-pointer{cursor:pointer!important}.ds-flex-row{flex-direction:row!important}.ds-flex-col{flex-direction:column!important}.ds-place-content-center{place-content:center!important}.ds-place-content-start{place-content:start!important}.ds-place-content-end{place-content:end!important}.ds-place-content-between{place-content:space-between!important}.ds-place-content-around{place-content:space-around!important}.ds-place-content-evenly{place-content:space-evenly!important}.ds-place-content-baseline{place-content:baseline!important}.ds-place-content-stretch{place-content:stretch!important}.ds-place-items-start{place-items:start!important}.ds-place-items-end{place-items:end!important}.ds-place-items-center{place-items:center!important}.ds-place-items-baseline{place-items:baseline!important}.ds-place-items-stretch{place-items:stretch!important}.ds-content-normal{align-content:normal!important}.ds-content-center{align-content:center!important}.ds-content-start{align-content:flex-start!important}.ds-content-end{align-content:flex-end!important}.ds-content-between{align-content:space-between!important}.ds-content-around{align-content:space-around!important}.ds-content-evenly{align-content:space-evenly!important}.ds-content-baseline{align-content:baseline!important}.ds-content-stretch{align-content:stretch!important}.ds-items-start{align-items:flex-start!important}.ds-items-end{align-items:flex-end!important}.ds-items-center{align-items:center!important}.ds-items-baseline{align-items:baseline!important}.ds-items-stretch{align-items:stretch!important}.ds-justify-normal{justify-content:normal!important}.ds-justify-start{justify-content:flex-start!important}.ds-justify-end{justify-content:flex-end!important}.ds-justify-center{justify-content:center!important}.ds-justify-between{justify-content:space-between!important}.ds-justify-around{justify-content:space-around!important}.ds-justify-evenly{justify-content:space-evenly!important}.ds-justify-stretch{justify-content:stretch!important}.ds-justify-items-start{justify-items:start!important}.ds-justify-items-end{justify-items:end!important}.ds-justify-items-center{justify-items:center!important}.ds-justify-items-stretch{justify-items:stretch!important}.ds-gap-x-0{-moz-column-gap:0px!important;column-gap:0px!important}.ds-gap-x-8{-moz-column-gap:2rem!important;column-gap:2rem!important}.ds-gap-y-0{row-gap:0px!important}.ds-text-nowrap{text-wrap:nowrap!important}.ds-rounded{border-radius:.25rem!important}.ds-rounded-\[1px\]{border-radius:1px!important}.ds-rounded-\[4px\]{border-radius:4px!important}.ds-rounded-sm{border-radius:.125rem!important}.ds-rounded-e{border-start-end-radius:.25rem!important;border-end-end-radius:.25rem!important}.ds-rounded-s{border-start-start-radius:.25rem!important;border-end-start-radius:.25rem!important}.ds-border{border-width:1px!important}.ds-border-t-2{border-top-width:2px!important}.ds-border-t-4{border-top-width:4px!important}.ds-border-Background-accentEggplant-100{border-color:var(--accent-eggplant-100)!important}.ds-border-Fills-quadrutery{border-color:var(--fills-quadrutery)!important}.ds-border-Fills-quintiary{border-color:var(--fills-quintiary)!important}.ds-border-Fills-secondary{border-color:var(--fills-secondary)!important}.ds-border-Fills-terciary{border-color:var(--fills-terciary)!important}.ds-border-System-red{--tw-border-opacity: 1 !important;border-color:rgb(255 69 58 / var(--tw-border-opacity))!important}.ds-bg-Background-accentEggplant-100{background-color:var(--accent-eggplant-100)!important}.ds-bg-Background-accentEggplant-5{background-color:var(--accent-eggplant-5)!important}.ds-bg-Fills-quintiary{background-color:var(--fills-quintiary)!important}.ds-bg-System-red{--tw-bg-opacity: 1 !important;background-color:rgb(255 69 58 / var(--tw-bg-opacity))!important}.ds-bg-Text-textSecondaryPlusDark{background-color:var(--text-secondary-plus-dark)!important}.ds-bg-\[rgba\(255\,255\,255\,0\.25\)\]{background-color:#ffffff40!important}.ds-bg-\[rgba\(255\,255\,255\,0\.5\)\]{background-color:#ffffff80!important}.ds-bg-\[rgba\(255\,255\,255\,0\.8\)\]{background-color:#fffc!important}.ds-bg-white{background-color:var(--white)!important}.ds-bg-opacity-\[0\.1\]{--tw-bg-opacity: .1 !important}.ds-p-6{padding:1.5rem!important}.ds-px-10{padding-left:2.5rem!important;padding-right:2.5rem!important}.ds-px-4{padding-left:1rem!important;padding-right:1rem!important}.ds-px-\[12px\]{padding-left:12px!important;padding-right:12px!important}.ds-px-space300{padding-left:var(--space-300)!important;padding-right:var(--space-300)!important}.ds-px-space400{padding-left:var(--space-400)!important;padding-right:var(--space-400)!important}.ds-py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.ds-py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.ds-py-6{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.ds-py-space075{padding-top:var(--space-075)!important;padding-bottom:var(--space-075)!important}.ds-py-space150{padding-top:var(--space-150)!important;padding-bottom:var(--space-150)!important}.ds-pb-4{padding-bottom:1rem!important}.ds-pb-\[7px\]{padding-bottom:7px!important}.ds-pb-space200{padding-bottom:var(--space-200)!important}.ds-pb-space300{padding-bottom:var(--space-300)!important}.ds-pe-5{padding-inline-end:1.25rem!important}.ds-ps-4{padding-inline-start:1rem!important}.ds-pt-4{padding-top:1rem!important}.ds-pt-\[8px\]{padding-top:8px!important}.ds-pt-space300{padding-top:var(--space-300)!important}.ds-text-mediumFootnoteRegular{font-size:var(--MediumFootnote-Regular-font-size)!important;line-height:var(--MediumFootnote-Regular-line-height)!important;font-weight:var(--MediumFootnote-Regular-font-weight)!important}.ds-font-medium{font-weight:500!important}.ds-font-normal{font-weight:400!important}.ds-font-semibold{font-weight:600!important}.ds-uppercase{text-transform:uppercase!important}.ds-text-Background-accentEggplant-100{color:var(--accent-eggplant-100)!important}.ds-text-Background-accentTeal-100{color:var(--accent-teal-100)!important}.ds-text-System-red{--tw-text-opacity: 1 !important;color:rgb(255 69 58 / var(--tw-text-opacity))!important}.ds-text-Text-primary{color:var(--text-primary)!important}.ds-text-Text-secondary{color:var(--text-secondary)!important}.ds-text-Text-textPrimaryDark{color:var(--text-primary-dark)!important}.ds-text-black{color:var(--black)!important}.ds-text-gray-600{--tw-text-opacity: 1 !important;color:rgb(75 85 99 / var(--tw-text-opacity))!important}.ds-text-purple-500{--tw-text-opacity: 1 !important;color:rgb(168 85 247 / var(--tw-text-opacity))!important}.ds-text-teal-400{--tw-text-opacity: 1 !important;color:rgb(45 212 191 / var(--tw-text-opacity))!important}.ds-text-white{color:var(--white)!important}.ds-underline{text-decoration-line:underline!important}.ds-line-through{text-decoration-line:line-through!important}.ds-placeholder-Fills-quadrutery::-moz-placeholder{color:var(--fills-quadrutery)!important}.ds-placeholder-Fills-quadrutery::placeholder{color:var(--fills-quadrutery)!important}.ds-shadow-card{--tw-shadow: !important;--tw-shadow-colored: !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.ds-shadow-none{--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.ds_MediumTitle1Emphasized{font-family:Plus Jakarta Sans,sans-serif!important;font-size:27px!important;font-weight:600!important;font-stretch:normal!important;font-style:normal!important;line-height:37px!important;letter-spacing:normal!important}.ds_xSmallTitle2Emphasized{font-family:Plus Jakarta Sans,sans-serif!important;font-size:19px!important;font-weight:600!important;font-stretch:normal!important;font-style:normal!important;line-height:25px!important;letter-spacing:normal!important}.ds_MediumBodyEmphasized{font-family:Plus Jakarta Sans,sans-serif!important;font-size:16px!important;font-weight:600!important;font-stretch:normal!important;font-style:normal!important;line-height:25px!important;letter-spacing:normal!important}.ds_MediumBodyRegular{font-family:Plus Jakarta Sans,sans-serif!important;font-size:16px!important;font-weight:400!important;font-stretch:normal!important;font-style:normal!important;line-height:25px!important;letter-spacing:normal!important}.ds_SmallCalloutEmphasized{font-family:Plus Jakarta Sans,sans-serif!important;font-size:14px!important;font-weight:600!important;font-stretch:normal!important;font-style:normal!important;line-height:23px!important;letter-spacing:normal!important}.ds_xSmallBodyEmphasized{font-family:Plus Jakarta Sans,sans-serif!important;font-size:14px!important;font-weight:600!important;font-stretch:normal!important;font-style:normal!important;line-height:20px!important;letter-spacing:normal!important}.ds_xSmallBodyRegular{font-family:Plus Jakarta Sans,sans-serif!important;font-size:14px!important;font-weight:400!important;font-stretch:normal!important;font-style:normal!important;line-height:20px!important;letter-spacing:normal!important}.ds_xSmallCalloutEmphasized{font-family:Plus Jakarta Sans,sans-serif!important;font-size:13px!important;font-weight:600!important;font-stretch:normal!important;font-style:normal!important;line-height:19px!important;letter-spacing:normal!important}.ds_xSmallCalloutRegular{font-family:Plus Jakarta Sans,sans-serif!important;font-size:13px!important;font-weight:400!important;font-stretch:normal!important;font-style:normal!important;line-height:19px!important;letter-spacing:normal!important}.ds_xSmallFootnoteEmphasized,.ds_xSmallSubheadEmphasized{font-family:Plus Jakarta Sans,sans-serif!important;font-size:12px!important;font-weight:600!important;font-stretch:normal!important;font-style:normal!important;line-height:18px!important;letter-spacing:normal!important}.ds_MediumCaption2Emphasized,.ds_SmallCaption2Emphasized{font-family:Plus Jakarta Sans,sans-serif!important;font-size:11px!important;font-weight:600!important;font-stretch:normal!important;font-style:normal!important;line-height:17px!important;letter-spacing:normal!important}.ds_MediumCaption2Regular,.ds_SmallCaption2Regular{font-family:Plus Jakarta Sans,sans-serif!important;font-size:11px!important;font-weight:400!important;font-stretch:normal!important;font-style:normal!important;line-height:17px!important;letter-spacing:normal!important}.hover\:ds-border:hover{border-width:1px!important}.hover\:ds-border-Fills-black:hover{border-color:var(--fills-black)!important}.hover\:ds-border-Fills-quintiary:hover{border-color:var(--fills-quintiary)!important}.hover\:ds-border-Fills-secondary:hover{border-color:var(--fills-secondary)!important}.hover\:ds-bg-Background-accentEggplant-5:hover{background-color:var(--accent-eggplant-5)!important}.hover\:ds-bg-Background-accentEggplant-highlight:hover{background-color:var(--accent-eggplant-highlight)!important}.hover\:ds-bg-Fills-quintiary:hover{background-color:var(--fills-quintiary)!important}.hover\:ds-text-Background-accentEggplant-100:hover{color:var(--accent-eggplant-100)!important}.hover\:ds-text-Text-textPrimaryDark:hover{color:var(--text-primary-dark)!important}.focus\:ds-rounded-none:focus{border-radius:0!important}.focus\:ds-border:focus{border-width:1px!important}.focus\:ds-border-2:focus{border-width:2px!important}.focus\:ds-border-Background-accentEggplant-100:focus{border-color:var(--accent-eggplant-100)!important}.focus\:ds-border-Fills-quintiary:focus{border-color:var(--fills-quintiary)!important}.focus\:ds-border-Text-primary:focus{border-color:var(--text-primary)!important}.focus\:ds-border-white:focus{border-color:var(--white)!important}.focus\:ds-bg-Background-accentEggplant-100:focus{background-color:var(--accent-eggplant-100)!important}.focus\:ds-bg-Background-accentEggplant-5:focus{background-color:var(--accent-eggplant-5)!important}.focus\:ds-bg-Fills-quadrutery:focus{background-color:var(--fills-quadrutery)!important}.focus\:ds-text-Text-textPrimaryDark:focus{color:var(--text-primary-dark)!important}.focus\:ds-shadow-\[0px_0px_0px_1px_rgba\(109\,54\,169\,1\)\]:focus{--tw-shadow: 0px 0px 0px 1px rgba(109,54,169,1) !important;--tw-shadow-colored: 0px 0px 0px 1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.focus\:ds-outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}.active\:ds-border:active{border-width:1px!important}.active\:ds-border-Fills-quintiary:active{border-color:var(--fills-quintiary)!important}.active\:ds-border-Text-primary:active{border-color:var(--text-primary)!important}.active\:ds-bg-Background-accentEggplant-5:active{background-color:var(--accent-eggplant-5)!important}.active\:ds-bg-Background-accentEggplant-darkened:active{background-color:var(--accent-eggplant-darkened)!important}.active\:ds-bg-Fills-quintiary:active{background-color:var(--fills-quintiary)!important}.active\:ds-text-Background-accentEggplant-100:active{color:var(--accent-eggplant-100)!important}.active\:ds-text-Text-primary:active{color:var(--text-primary)!important}.active\:ds-placeholder-Fills-quadrutery:active::-moz-placeholder{color:var(--fills-quadrutery)!important}.active\:ds-placeholder-Fills-quadrutery:active::placeholder{color:var(--fills-quadrutery)!important}.disabled\:ds-border:disabled{border-width:1px!important}.disabled\:ds-border-Fills-terciary:disabled{border-color:var(--fills-terciary)!important}.disabled\:ds-bg-Background-accentEggplant-20:disabled{background-color:var(--accent-eggplant-20)!important}.disabled\:ds-bg-Fills-quintiary:disabled{background-color:var(--fills-quintiary)!important}.disabled\:ds-bg-transparent:disabled{background-color:transparent!important}.disabled\:ds-text-Background-accentEggplant-20:disabled{color:var(--accent-eggplant-20)!important}.disabled\:ds-text-Fills-quadrutery:disabled{color:var(--fills-quadrutery)!important}.disabled\:ds-text-Text-secondary:disabled{color:var(--text-secondary)!important}.disabled\:ds-text-Text-tertiary:disabled{color:var(--text-tertiary)!important}.disabled\:focus\:ds-shadow-none:focus:disabled{--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}@media (max-width: 448px){.ds-zero\:ds-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media (min-width: 449px){.ds-mobile\:ds-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.ds-mobile\:ds-px-3{padding-left:.75rem!important;padding-right:.75rem!important}.ds-mobile\:ds_xSmallSubheadEmphasized{font-family:Plus Jakarta Sans,sans-serif!important;font-size:12px!important;font-weight:600!important;font-stretch:normal!important;font-style:normal!important;line-height:18px!important;letter-spacing:normal!important}}@media (min-width: 768px){.ds-tablet\:ds-order-1{order:1!important}.ds-tablet\:ds-order-2{order:2!important}.ds-tablet\:ds-ms-2{margin-inline-start:.5rem!important}.ds-tablet\:ds-mt-0{margin-top:0!important}.ds-tablet\:ds-block{display:block!important}.ds-tablet\:ds-grid{display:grid!important}.ds-tablet\:ds-hidden{display:none!important}.ds-tablet\:ds-w-\[528px\]{width:528px!important}.ds-tablet\:ds-w-auto{width:auto!important}.ds-tablet\:ds-grid-flow-row{grid-auto-flow:row!important}.ds-tablet\:ds-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ds-tablet\:ds-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.ds-tablet\:ds-flex-row{flex-direction:row!important}.ds-tablet\:ds-justify-end{justify-content:flex-end!important}.ds-tablet\:ds-justify-between{justify-content:space-between!important}.ds-tablet\:ds-gap-x-4{-moz-column-gap:1rem!important;column-gap:1rem!important}.ds-tablet\:ds-px-4{padding-left:1rem!important;padding-right:1rem!important}.ds-tablet\:ds-text-mediumCaption1Regular{font-size:var(--MediumCaption-1Regular-font-size)!important;line-height:var(--MediumCaption-1Regular-line-height)!important;font-weight:var(--MediumCaption-1Regular-font-weight)!important}.ds-tablet\:ds_xSmallTitle3Emphasized{font-family:Plus Jakarta Sans,sans-serif!important;font-size:17px!important;font-weight:600!important;font-stretch:normal!important;font-style:normal!important;line-height:23px!important;letter-spacing:normal!important}.ds-tablet\:ds_MediumCalloutEmphasized{font-family:Plus Jakarta Sans,sans-serif!important;font-size:15px!important;font-weight:600!important;font-stretch:normal!important;font-style:normal!important;line-height:20px!important;letter-spacing:normal!important}.ds-tablet\:ds_SmallBodyEmphasized{font-family:Plus Jakarta Sans,sans-serif!important;font-size:15px!important;font-weight:600!important;font-stretch:normal!important;font-style:normal!important;line-height:24px!important;letter-spacing:normal!important}.ds-tablet\:ds_SmallCalloutEmphasized{font-family:Plus Jakarta Sans,sans-serif!important;font-size:14px!important;font-weight:600!important;font-stretch:normal!important;font-style:normal!important;line-height:23px!important;letter-spacing:normal!important}.ds-tablet\:ds_SmallCalloutRegular{font-family:Plus Jakarta Sans,sans-serif!important;font-size:14px!important;font-weight:400!important;font-stretch:normal!important;font-style:normal!important;line-height:23px!important;letter-spacing:normal!important}.ds-tablet\:ds_SmallSubheadEmphasized{font-family:Plus Jakarta Sans,sans-serif!important;font-size:13px!important;font-weight:600!important;font-stretch:normal!important;font-style:normal!important;line-height:22px!important;letter-spacing:normal!important}.ds-tablet\:ds_SmallSubheadRegular{font-family:Plus Jakarta Sans,sans-serif!important;font-size:13px!important;font-weight:400!important;font-stretch:normal!important;font-style:normal!important;line-height:22px!important;letter-spacing:normal!important}}@media (min-width: 1280px){.ds-desktop\:ds-w-\[528px\]{width:528px!important}.ds-desktop\:ds-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))!important}.ds-desktop\:ds-px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.ds-desktop\:ds_MediumTitle3Emphasized{font-family:Plus Jakarta Sans,sans-serif!important;font-size:19px!important;font-weight:600!important;font-stretch:normal!important;font-style:normal!important;line-height:28px!important;letter-spacing:normal!important}.ds-desktop\:ds_MediumBodyEmphasized{font-family:Plus Jakarta Sans,sans-serif!important;font-size:16px!important;font-weight:600!important;font-stretch:normal!important;font-style:normal!important;line-height:25px!important;letter-spacing:normal!important}.ds-desktop\:ds_MediumCalloutEmphasized{font-family:Plus Jakarta Sans,sans-serif!important;font-size:15px!important;font-weight:600!important;font-stretch:normal!important;font-style:normal!important;line-height:20px!important;letter-spacing:normal!important}.ds-desktop\:ds_MediumCalloutRegular{font-family:Plus Jakarta Sans,sans-serif!important;font-size:15px!important;font-weight:400!important;font-stretch:normal!important;font-style:normal!important;line-height:20px!important;letter-spacing:normal!important}.ds-desktop\:ds_MediumSubheadEmphasized{font-family:Plus Jakarta Sans,sans-serif!important;font-size:14px!important;font-weight:600!important;font-stretch:normal!important;font-style:normal!important;line-height:23px!important;letter-spacing:normal!important}.ds-desktop\:ds_MediumSubheadRegular{font-family:Plus Jakarta Sans,sans-serif!important;font-size:14px!important;font-weight:400!important;font-stretch:normal!important;font-style:normal!important;line-height:23px!important;letter-spacing:normal!important}}@media (min-width: 1440px){.ds-wide_desktop\:ds-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))!important}.ds-wide_desktop\:ds-px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}}@media screen and (max-width: 767px){.line-items{display:none!important}.line-items.show{display:block!important}}.picture{display:block;position:relative;padding-top:56.25%;overflow:hidden;background-position:center center;background-size:cover}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#0000001a;transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border:1px solid rgba(0,0,0,.1)}input:checked+.slider{background-color:#542686}input:checked+.slider:before{transform:translate(20px);border:1px solid #542686}.slider.round{border-radius:20px}.slider.round:before{border-radius:50%}.dialog{display:none!important;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:flex;justify-content:center;align-items:center}.dialog.open{display:flex!important}.dialog-content{background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 0 10px #0000004d}.banner{display:block;position:relative;padding-top:34.73%;overflow:hidden;background-position:center center;background-size:cover}.rounded-progress-bar{position:relative;display:flex;justify-content:center;align-items:center}.progress-ring{position:absolute;top:0;left:0}.progress-ring-circle{transform:rotate(-90deg);transform-origin:50% 50%}.progress-ring-circle-progress{transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .35s}.marquee{width:100%;overflow:hidden;white-space:nowrap}.marquee span{display:inline-block}.marquee--left{padding-left:100%;animation:marquee-left 10s linear infinite}.marquee--right{padding-left:100%;animation:marquee-right 10s linear infinite}.marquee--up{animation:marquee-up 5s linear infinite;display:flex;justify-content:center}.marquee--down{animation:marquee-down 5s linear infinite;display:flex;justify-content:center}@keyframes marquee-right{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes marquee-up{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}@keyframes marquee-down{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.top-nav-container-mobile{height:336px;width:auto;padding:1.5rem;border:1px solid #D5D5D5;border-radius:4px;box-shadow:0 24px 24px #0000001f;background:var(--white);display:flex;justify-content:center;flex-direction:column;text-align:center}.top-nav-container-close{color:var(--accent-eggplant-100);margin-bottom:24px}.top-nav-container-image{min-width:80px;height:80px;border-radius:4px;width:80px}.top-nav-container-action-button{display:flex;justify-content:center;align-items:center;gap:8px;width:-moz-max-content;width:max-content;padding:11px 20px;border-radius:2px;background-color:var(--accent-eggplant-100);color:#fff;margin-left:auto;margin-right:auto}.top-nav-container-action-button img{height:24px;width:24px}.two-column-dialog-container{height:208px;width:488px;padding:1rem;gap:1rem;border:1px solid #D5D5D5;border-radius:4px;box-shadow:0 24px 24px #0000001f;background:var(--white)}.two-column-dialog-image{min-width:216px;height:100%;border-radius:4px;width:216px}.two-column-dialog-action{display:flex;justify-content:space-between;flex-direction:column}.two-column-dialog-action-button{display:flex;justify-content:center;align-items:center;gap:8px;padding:11px 0;border-radius:2px;background-color:var(--accent-eggplant-100);color:var(--white)}.two-column-dialog-action-button img{height:24px;width:24px}.modal-animated{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000}.modal-animated.show{display:block}.modal-animated-content{position:relative;max-width:488px;margin-top:150px;background-color:var(--white);width:auto;border-radius:4px;border:none;outline:0;margin-left:auto;margin-right:auto}@media (max-width: 768px){.modal-animated-content{width:auto;max-width:100%!important;margin:0!important}}.slideDown{animation-name:slideDown;animation-duration:.5s;animation-fill-mode:forwards}.slideUp{animation-name:slideUp;animation-duration:.5s;animation-fill-mode:forwards}.fadeIn{animation-name:fadeIn;animation-duration:.5s;animation-fill-mode:forwards}.fadeOut{animation-name:fadeOut;animation-duration:.5s;animation-fill-mode:forwards}@keyframes slideDown{0%{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes slideUp{0%{top:0;opacity:1}to{top:-300px;opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}