@unifiedsoftware/styles 1.0.40 → 1.0.43

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 (18) hide show
  1. package/css/fci.css +94 -80
  2. package/css/fci.min.css +1 -1
  3. package/css/styles.css +8 -2
  4. package/css/styles.min.css +1 -1
  5. package/package.json +1 -1
  6. package/scss/components/_card.scss +1 -0
  7. package/scss/components/_collapse.scss +5 -0
  8. package/scss/components/_list.scss +1 -1
  9. package/scss/components/_popover.scss +1 -1
  10. package/scss/components/_tabs.scss +1 -0
  11. package/scss/themes/fci/components/_button.scss +19 -19
  12. package/scss/themes/fci/components/_card.scss +13 -13
  13. package/scss/themes/fci/components/_chip.scss +26 -25
  14. package/scss/themes/fci/components/_icon.scss +41 -0
  15. package/scss/themes/fci/components/_input.scss +5 -5
  16. package/scss/themes/fci/components/_list.scss +17 -17
  17. package/scss/themes/fci/components/_tabs.scss +1 -0
  18. package/scss/themes/fci/components/_toolbar.scss +1 -1
package/css/fci.css CHANGED
@@ -1,7 +1,7 @@
1
1
  .us-theme-fci .us-toolbar {
2
2
  --us-toolbar-background: var(--us-white-color);
3
3
  --us-toolbar-title-font-size: 1rem;
4
- --us-toolbar-title-font-weight: 600;
4
+ --us-toolbar-title-font-weight: 500;
5
5
  /* Outline */
6
6
  --us-outline-border-width: 1px;
7
7
  --us-outline-border-color: #ddd;
@@ -23,6 +23,42 @@
23
23
  --us-icon-font-size: 1.5rem;
24
24
  --us-icon-color: inherit;
25
25
  }
26
+ .us-theme-fci .us-icon--xs {
27
+ --us-icon-font-size: 0.75rem;
28
+ }
29
+ .us-theme-fci .us-icon--sm {
30
+ --us-icon-font-size: 1rem;
31
+ }
32
+ .us-theme-fci .us-icon--md {
33
+ --us-icon-font-size: 1.125rem;
34
+ }
35
+ .us-theme-fci .us-icon--lg {
36
+ --us-icon-font-size: 1.25rem;
37
+ }
38
+ .us-theme-fci .us-icon--xl {
39
+ --us-icon-font-size: 1.5rem;
40
+ }
41
+ .us-theme-fci .us-icon--primary {
42
+ --us-icon-color: var(--us-primary-color);
43
+ }
44
+ .us-theme-fci .us-icon--secondary {
45
+ --us-icon-color: var(--us-secondary-color);
46
+ }
47
+ .us-theme-fci .us-icon--secondary {
48
+ --us-icon-color: var(--us-black-color);
49
+ }
50
+ .us-theme-fci .us-icon--success {
51
+ --us-icon-color: var(--us-success-color);
52
+ }
53
+ .us-theme-fci .us-icon--info {
54
+ --us-icon-color: var(--us-info-color);
55
+ }
56
+ .us-theme-fci .us-icon--warning {
57
+ --us-icon-color: var(--us-warning-color);
58
+ }
59
+ .us-theme-fci .us-icon--danger {
60
+ --us-icon-color: var(--us-danger-color);
61
+ }
26
62
 
27
63
  .us-theme-fci .us-badge {
28
64
  --us-badge-padding-y: 0.125rem;
@@ -48,8 +84,7 @@
48
84
  --us-chip-padding-y: 0.125rem;
49
85
  --us-chip-padding-x: 0.5rem;
50
86
  --us-chip-font-size: 0.75rem;
51
- --us-chip-font-weight: 700;
52
- --us-chip-border-radius: 9999px;
87
+ --us-chip-font-weight: 400;
53
88
  }
54
89
  .us-theme-fci .us-chip > .us-overlay {
55
90
  --us-overlay-color: inherit;
@@ -60,57 +95,59 @@
60
95
  --us-outline-border-color: transparent;
61
96
  }
62
97
  .us-theme-fci .us-chip--xs {
63
- --us-chip-height: 28px;
98
+ --us-chip-height: 24px;
64
99
  --us-chip-padding-y: 0;
65
- --us-chip-padding-x: 0.5rem;
66
- --us-chip-font-size: 0.75rem;
67
- --us-chip-border-radius: 9999px;
68
- --us-chip-gap: 0.375rem;
69
- --us-chip-icon-font-size: 0.75rem;
100
+ --us-chip-padding-x: 0.625rem;
101
+ --us-chip-font-size: 0.625rem;
102
+ --us-chip-border-radius: 8px;
103
+ --us-chip-gap: 0.25rem;
70
104
  }
71
105
  .us-theme-fci .us-chip--xs .us-icon {
72
106
  --us-icon-font-size: 0.75rem;
73
107
  }
74
108
  .us-theme-fci .us-chip--sm {
75
- --us-chip-height: 32px;
109
+ --us-chip-height: 28px;
76
110
  --us-chip-padding-y: 0;
77
111
  --us-chip-padding-x: 0.75rem;
78
- --us-chip-font-size: 14px;
79
- --us-chip-gap: 0.375rem;
80
- --us-chip-icon-font-size: 0.875rem;
112
+ --us-chip-font-size: 0.75rem;
113
+ --us-chip-border-radius: 8px;
114
+ --us-chip-gap: 0.25rem;
81
115
  }
82
116
  .us-theme-fci .us-chip--sm .us-icon {
83
- --us-icon-font-size: 0.875rem;
117
+ --us-icon-font-size: 1rem;
84
118
  }
85
119
  .us-theme-fci .us-chip--md {
86
- --us-chip-height: 40px;
120
+ --us-chip-height: 32px;
87
121
  --us-chip-padding-y: 0;
88
- --us-chip-padding-x: 1rem;
89
- --us-chip-font-size: 14px;
90
- --us-chip-gap: 0.5rem;
122
+ --us-chip-padding-x: 0.875rem;
123
+ --us-chip-font-size: 0.875rem;
124
+ --us-chip-border-radius: 8px;
125
+ --us-chip-gap: 0.375rem;
91
126
  }
92
127
  .us-theme-fci .us-chip--md .us-icon {
93
- --us-icon-font-size: 1rem;
128
+ --us-icon-font-size: 1.125rem;
94
129
  }
95
130
  .us-theme-fci .us-chip--lg {
96
- --us-chip-height: 48px;
131
+ --us-chip-height: 36px;
97
132
  --us-chip-padding-y: 0;
98
- --us-chip-padding-x: 1.5rem;
133
+ --us-chip-padding-x: 1rem;
99
134
  --us-chip-font-size: 1rem;
135
+ --us-chip-border-radius: 8px;
100
136
  --us-chip-gap: 0.5rem;
101
137
  }
102
138
  .us-theme-fci .us-chip--lg .us-icon {
103
- --us-icon-font-size: 1.125rem;
139
+ --us-icon-font-size: 1.25rem;
104
140
  }
105
141
  .us-theme-fci .us-chip--xl {
106
- --us-chip-height: 48px;
142
+ --us-chip-height: 40px;
107
143
  --us-chip-padding-y: 0;
108
- --us-chip-padding-x: 1.5rem;
109
- --us-chip-font-size: 1rem;
144
+ --us-chip-padding-x: 1.125rem;
145
+ --us-chip-font-size: 1.125rem;
146
+ --us-chip-border-radius: 8px;
110
147
  --us-chip-gap: 0.5rem;
111
148
  }
112
149
  .us-theme-fci .us-chip--xl .us-icon {
113
- --us-icon-font-size: 1.25rem;
150
+ --us-icon-font-size: 1.5rem;
114
151
  }
115
152
  .us-theme-fci .us-chip--filled {
116
153
  --us-chip-border-width: 1px;
@@ -179,7 +216,7 @@
179
216
  }
180
217
 
181
218
  .us-theme-fci .us-button {
182
- --us-button-font-weight: 500;
219
+ --us-button-font-weight: 400;
183
220
  --us-button-font-family: var(--us-font-sans);
184
221
  }
185
222
  .us-theme-fci .us-button > .us-overlay {
@@ -194,11 +231,11 @@
194
231
  --us-outline-border-color: transparent;
195
232
  }
196
233
  .us-theme-fci .us-button--xs {
197
- --us-button-height: 20px;
234
+ --us-button-height: 24px;
198
235
  --us-button-padding-y: 0;
199
- --us-button-padding-x: 0.5rem;
236
+ --us-button-padding-x: 0.625rem;
200
237
  --us-button-font-size: 0.625rem;
201
- --us-button-border-radius: 4px;
238
+ --us-button-border-radius: 8px;
202
239
  --us-button-gap: 0.25rem;
203
240
  }
204
241
  .us-theme-fci .us-button--xs .us-icon {
@@ -209,41 +246,41 @@
209
246
  --us-button-padding-y: 0;
210
247
  --us-button-padding-x: 0.75rem;
211
248
  --us-button-font-size: 0.75rem;
212
- --us-button-border-radius: 4px;
213
- --us-button-gap: 0.375rem;
249
+ --us-button-border-radius: 8px;
250
+ --us-button-gap: 0.25rem;
214
251
  }
215
252
  .us-theme-fci .us-button--sm .us-icon {
216
253
  --us-icon-font-size: 1rem;
217
254
  }
218
255
  .us-theme-fci .us-button--md {
219
- --us-button-height: 36px;
256
+ --us-button-height: 32px;
220
257
  --us-button-padding-y: 0;
221
- --us-button-padding-x: 1rem;
258
+ --us-button-padding-x: 0.875rem;
222
259
  --us-button-font-size: 0.875rem;
223
- --us-button-border-radius: 4px;
224
- --us-button-gap: 0.5rem;
260
+ --us-button-border-radius: 8px;
261
+ --us-button-gap: 0.375rem;
225
262
  }
226
263
  .us-theme-fci .us-button--md .us-icon {
227
264
  --us-icon-font-size: 1.125rem;
228
265
  }
229
266
  .us-theme-fci .us-button--lg {
230
- --us-button-height: 44px;
267
+ --us-button-height: 36px;
231
268
  --us-button-padding-y: 0;
232
- --us-button-padding-x: 1.25rem;
269
+ --us-button-padding-x: 1rem;
233
270
  --us-button-font-size: 1rem;
234
- --us-button-border-radius: 4px;
235
- --us-button-gap: 0.625rem;
271
+ --us-button-border-radius: 8px;
272
+ --us-button-gap: 0.5rem;
236
273
  }
237
274
  .us-theme-fci .us-button--lg .us-icon {
238
275
  --us-icon-font-size: 1.25rem;
239
276
  }
240
277
  .us-theme-fci .us-button--xl {
241
- --us-button-height: 52px;
278
+ --us-button-height: 40px;
242
279
  --us-button-padding-y: 0;
243
- --us-button-padding-x: 1.5rem;
244
- --us-button-font-size: 1rem;
245
- --us-button-border-radius: 4px;
246
- --us-button-gap: 0.75rem;
280
+ --us-button-padding-x: 1.125rem;
281
+ --us-button-font-size: 1.125rem;
282
+ --us-button-border-radius: 8px;
283
+ --us-button-gap: 0.5rem;
247
284
  }
248
285
  .us-theme-fci .us-button--xl .us-icon {
249
286
  --us-icon-font-size: 1.5rem;
@@ -356,12 +393,12 @@
356
393
 
357
394
  .us-theme-fci .us-input {
358
395
  --us-input-padding-y: 0rem;
359
- --us-input-padding-x: 1rem;
360
- --us-input-height: 36px;
361
- --us-input-font-size: 0.75rem;
396
+ --us-input-padding-x: 0.875rem;
397
+ --us-input-height: 32px;
398
+ --us-input-font-size: 0.875rem;
362
399
  --us-input-font-family: var(--us-font-sans);
363
400
  --us-input-line-height: 24px;
364
- --us-input-border-radius: 0.25rem;
401
+ --us-input-border-radius: 6px;
365
402
  --us-input-gap: 0.5rem;
366
403
  --us-input-icon-size: 1.125rem;
367
404
  }
@@ -370,7 +407,7 @@
370
407
  --us-outline-border-color: currentColor;
371
408
  --us-outline-opacity: 0.12;
372
409
  --us-outline-hover-opacity: 0.24;
373
- --us-outline-focus-border-width: 2px;
410
+ --us-outline-focus-border-width: 1px;
374
411
  --us-outline-focus-border-color: var(--us-primary-color);
375
412
  --us-outline-focus-opacity: 1;
376
413
  }
@@ -398,10 +435,10 @@
398
435
  }
399
436
  .us-theme-fci .us-list-item {
400
437
  --us-list-item-border-radius: 0px;
401
- --us-list-item-title-font-weight: 400;
402
- --us-list-item-title-color: var(--us-title-color);
438
+ --us-list-item-title-font-weight: 500;
439
+ --us-list-item-title-opacity: 1;
403
440
  --us-list-item-subtitle-font-weight: 400;
404
- --us-list-item-subtitle-color: var(--us-subtitle-color);
441
+ --us-list-item-subtitle-opacity: 0.95;
405
442
  }
406
443
  .us-theme-fci .us-list-item > .us-overlay {
407
444
  --us-overlay-color: inherit;
@@ -419,9 +456,6 @@
419
456
  --us-_hover-overlay-opacity: 0.12;
420
457
  --us-_active-overlay-opacity: 0.16;
421
458
  }
422
- .us-theme-fci .us-list-item .us-icon {
423
- --us-icon-color: var(--us-primary-color);
424
- }
425
459
  .us-theme-fci .us-list-subheader {
426
460
  --us-list-subheader-border-width: 1px;
427
461
  --us-list-subheader-border-color: #dee2e6;
@@ -434,7 +468,7 @@
434
468
  .us-theme-fci .us-list--sm .us-list-item {
435
469
  --us-list-item-min-height: 32px;
436
470
  --us-list-item-padding-y: 0.5rem;
437
- --us-list-item-padding-x: 1rem;
471
+ --us-list-item-padding-x: 0.75rem;
438
472
  --us-list-item-padding-level: 1.25rem;
439
473
  --us-list-item-font-size: 12px;
440
474
  --us-list-item-gap: 1rem;
@@ -443,13 +477,10 @@
443
477
  --us-list-item-subtitle-font-size: 11px;
444
478
  --us-list-item-title-line-height: 14px;
445
479
  }
446
- .us-theme-fci .us-list--sm .us-list-item .us-icon {
447
- --us-icon-font-size: 18px;
448
- }
449
480
  .us-theme-fci .us-list--md .us-list-item {
450
481
  --us-list-item-min-height: 2.25rem;
451
482
  --us-list-item-padding-y: 0.375rem;
452
- --us-list-item-padding-x: 1rem;
483
+ --us-list-item-padding-x: 0.875rem;
453
484
  --us-list-item-padding-level: 1.25rem;
454
485
  --us-list-item-gap: 1rem;
455
486
  --us-list-item-title-font-size: 0.8125rem;
@@ -457,9 +488,6 @@
457
488
  --us-list-item-subtitle-font-size: 0.75rem;
458
489
  --us-list-item-subtitle-line-height: 16px;
459
490
  }
460
- .us-theme-fci .us-list--md .us-list-item .us-icon {
461
- --us-icon-font-size: 20px;
462
- }
463
491
  .us-theme-fci .us-list--lg .us-list-item {
464
492
  --us-list-item-min-height: 2.75rem;
465
493
  --us-list-item-padding-y: 0.625rem;
@@ -472,9 +500,6 @@
472
500
  --us-list-item-subtitle-font-size: 0.8125rem;
473
501
  --us-list-item-subtitle-line-height: 18px;
474
502
  }
475
- .us-theme-fci .us-list--lg .us-list-item .us-icon {
476
- --us-icon-font-size: 22px;
477
- }
478
503
 
479
504
  .us-theme-fci .us-menu {
480
505
  --us-menu-padding-y: 0;
@@ -533,6 +558,7 @@
533
558
  --us-tab-color: var(--us-secondary-action-color);
534
559
  --us-tab-font-size: 0.8125rem;
535
560
  --us-tab-font-weight: 500;
561
+ --us-tab-border-radius: 6px 6px 0px 0px;
536
562
  --us-tab-indicator-color: var(--us-primary-action-color);
537
563
  --us-tab-indicator-height: 3px;
538
564
  --us-tab-indicator-border-radius: 3px 3px 0px 0px;
@@ -551,7 +577,7 @@
551
577
  --us-card-border-width: 1px;
552
578
  --us-card-border-style: solid;
553
579
  --us-card-border-color: rgba(9, 30, 66, 0.14);
554
- --us-card-border-radius: 8px;
580
+ --us-card-border-radius: 12px;
555
581
  }
556
582
  .us-theme-fci .us-card > .us-overlay {
557
583
  --us-overlay-color: inherit;
@@ -576,9 +602,6 @@
576
602
  --us-card-header-subtitle-font-weight: 400;
577
603
  --us-card-header-subtitle-color: var(--us-subtitle-color);
578
604
  }
579
- .us-theme-fci .us-card-header .us-icon {
580
- --us-icon-color: var(--us-primary-color);
581
- }
582
605
  .us-theme-fci .us-card-body {
583
606
  --us-card-body-color: var(--us-body-color);
584
607
  }
@@ -594,9 +617,6 @@
594
617
  --us-card-header-subtitle-font-size: 11px;
595
618
  --us-card-header-title-line-height: 14px;
596
619
  }
597
- .us-theme-fci .us-card--sm .us-card-header .us-icon {
598
- --us-icon-font-size: 18px;
599
- }
600
620
  .us-theme-fci .us-card--sm .us-card-body {
601
621
  --us-card-body-padding-y: 1rem;
602
622
  --us-card-body-padding-x: 1rem;
@@ -615,9 +635,6 @@
615
635
  --us-card-header-subtitle-font-size: 0.75rem;
616
636
  --us-card-header-subtitle-line-height: 16px;
617
637
  }
618
- .us-theme-fci .us-card--md .us-card-header .us-icon {
619
- --us-icon-font-size: 20px;
620
- }
621
638
  .us-theme-fci .us-card--md .us-card-body {
622
639
  --us-card-body-padding-y: 1.25rem;
623
640
  --us-card-body-padding-x: 1rem;
@@ -637,9 +654,6 @@
637
654
  --us-card-header-subtitle-font-size: 0.8125rem;
638
655
  --us-card-header-subtitle-line-height: 18px;
639
656
  }
640
- .us-theme-fci .us-card--lg .us-card-header .us-icon {
641
- --us-icon-font-size: 22px;
642
- }
643
657
  .us-theme-fci .us-card--lg .us-card-body {
644
658
  --us-card-body-padding-y: 1.5rem;
645
659
  --us-card-body-padding-x: 1rem;
package/css/fci.min.css CHANGED
@@ -1 +1 @@
1
- .us-theme-fci .us-toolbar{--us-toolbar-background: var(--us-white-color);--us-toolbar-title-font-size: 1rem;--us-toolbar-title-font-weight: 600;--us-outline-border-width: 1px;--us-outline-border-color: #ddd}.us-theme-fci .us-toolbar--sm{--us-toolbar-padding-y: 0.25rem;--us-toolbar-padding-x: 1rem}.us-theme-fci .us-toolbar--md{--us-toolbar-padding-y: 0.5rem;--us-toolbar-padding-x: 1rem}.us-theme-fci .us-toolbar--lg{--us-toolbar-padding-y: 0.75rem;--us-toolbar-padding-x: 1rem}.us-theme-fci .us-icon{--us-icon-font-size: 1.5rem;--us-icon-color: inherit}.us-theme-fci .us-badge{--us-badge-padding-y: 0.125rem;--us-badge-padding-x: 0.325rem;--us-badge-font-size: 0.75rem;--us-badge-font-weight: 700;--us-badge-border-radius: 9999px;--us-badge-border-width: 2px;--us-badge-border-color: var(--us-white-color);--us-badge-color: var(--us-white-color);--us-badge-background: var(--us-primary-color)}.us-theme-fci .us-badge>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0.08;--us-_hover-overlay-color: inherit;--us-_hover-overlay-opacity: 0.08;--us-_active-overlay-color: inherit;--us-_active-overlay-opacity: 0.12}.us-theme-fci .us-chip{--us-chip-padding-y: 0.125rem;--us-chip-padding-x: 0.5rem;--us-chip-font-size: 0.75rem;--us-chip-font-weight: 700;--us-chip-border-radius: 9999px}.us-theme-fci .us-chip>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0}.us-theme-fci .us-chip>.us-outline{--us-outline-border-width: 1px;--us-outline-border-color: transparent}.us-theme-fci .us-chip--xs{--us-chip-height: 28px;--us-chip-padding-y: 0;--us-chip-padding-x: 0.5rem;--us-chip-font-size: 0.75rem;--us-chip-border-radius: 9999px;--us-chip-gap: 0.375rem;--us-chip-icon-font-size: 0.75rem}.us-theme-fci .us-chip--xs .us-icon{--us-icon-font-size: 0.75rem}.us-theme-fci .us-chip--sm{--us-chip-height: 32px;--us-chip-padding-y: 0;--us-chip-padding-x: 0.75rem;--us-chip-font-size: 14px;--us-chip-gap: 0.375rem;--us-chip-icon-font-size: 0.875rem}.us-theme-fci .us-chip--sm .us-icon{--us-icon-font-size: 0.875rem}.us-theme-fci .us-chip--md{--us-chip-height: 40px;--us-chip-padding-y: 0;--us-chip-padding-x: 1rem;--us-chip-font-size: 14px;--us-chip-gap: 0.5rem}.us-theme-fci .us-chip--md .us-icon{--us-icon-font-size: 1rem}.us-theme-fci .us-chip--lg{--us-chip-height: 48px;--us-chip-padding-y: 0;--us-chip-padding-x: 1.5rem;--us-chip-font-size: 1rem;--us-chip-gap: 0.5rem}.us-theme-fci .us-chip--lg .us-icon{--us-icon-font-size: 1.125rem}.us-theme-fci .us-chip--xl{--us-chip-height: 48px;--us-chip-padding-y: 0;--us-chip-padding-x: 1.5rem;--us-chip-font-size: 1rem;--us-chip-gap: 0.5rem}.us-theme-fci .us-chip--xl .us-icon{--us-icon-font-size: 1.25rem}.us-theme-fci .us-chip--filled{--us-chip-border-width: 1px;--us-chip-border-color: transparent;--us-chip-color: var(--us-white-color)}.us-theme-fci .us-chip--outlined>.us-outline{--us-outline-border-color: currentColor}.us-theme-fci .us-chip--filled.us-chip--primary{--us-chip-background: var(--us-primary-color)}.us-theme-fci .us-chip--outlined.us-chip--primary{--us-chip-color: var(--us-primary-color)}.us-theme-fci .us-chip--text.us-chip--primary{--us-chip-color: var(--us-primary-color)}.us-theme-fci .us-chip--filled.us-chip--secondary{--us-chip-background: var(--us-secondary-color)}.us-theme-fci .us-chip--filled.us-chip--secondary{--us-chip-color: var(--us-black-color)}.us-theme-fci .us-chip--outlined.us-chip--secondary{--us-chip-color: var(--us-secondary-color)}.us-theme-fci .us-chip--text.us-chip--secondary{--us-chip-color: var(--us-secondary-color)}.us-theme-fci .us-chip--filled.us-chip--success{--us-chip-background: var(--us-success-color)}.us-theme-fci .us-chip--outlined.us-chip--success{--us-chip-color: var(--us-success-color)}.us-theme-fci .us-chip--text.us-chip--success{--us-chip-color: var(--us-success-color)}.us-theme-fci .us-chip--filled.us-chip--info{--us-chip-background: var(--us-info-color)}.us-theme-fci .us-chip--outlined.us-chip--info{--us-chip-color: var(--us-info-color)}.us-theme-fci .us-chip--text.us-chip--info{--us-chip-color: var(--us-info-color)}.us-theme-fci .us-chip--filled.us-chip--warning{--us-chip-background: var(--us-warning-color)}.us-theme-fci .us-chip--outlined.us-chip--warning{--us-chip-color: var(--us-warning-color)}.us-theme-fci .us-chip--text.us-chip--warning{--us-chip-color: var(--us-warning-color)}.us-theme-fci .us-chip--filled.us-chip--danger{--us-chip-background: var(--us-danger-color)}.us-theme-fci .us-chip--outlined.us-chip--danger{--us-chip-color: var(--us-danger-color)}.us-theme-fci .us-chip--text.us-chip--danger{--us-chip-color: var(--us-danger-color)}.us-theme-fci .us-button{--us-button-font-weight: 500;--us-button-font-family: var(--us-font-sans)}.us-theme-fci .us-button>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-opacity: 0;--us-_hover-overlay-opacity: 0.12;--us-_active-overlay-opacity: 0.24}.us-theme-fci .us-button>.us-outline{--us-outline-border-width: 1px;--us-outline-border-color: transparent}.us-theme-fci .us-button--xs{--us-button-height: 20px;--us-button-padding-y: 0;--us-button-padding-x: 0.5rem;--us-button-font-size: 0.625rem;--us-button-border-radius: 4px;--us-button-gap: 0.25rem}.us-theme-fci .us-button--xs .us-icon{--us-icon-font-size: 0.75rem}.us-theme-fci .us-button--sm{--us-button-height: 28px;--us-button-padding-y: 0;--us-button-padding-x: 0.75rem;--us-button-font-size: 0.75rem;--us-button-border-radius: 4px;--us-button-gap: 0.375rem}.us-theme-fci .us-button--sm .us-icon{--us-icon-font-size: 1rem}.us-theme-fci .us-button--md{--us-button-height: 36px;--us-button-padding-y: 0;--us-button-padding-x: 1rem;--us-button-font-size: 0.875rem;--us-button-border-radius: 4px;--us-button-gap: 0.5rem}.us-theme-fci .us-button--md .us-icon{--us-icon-font-size: 1.125rem}.us-theme-fci .us-button--lg{--us-button-height: 44px;--us-button-padding-y: 0;--us-button-padding-x: 1.25rem;--us-button-font-size: 1rem;--us-button-border-radius: 4px;--us-button-gap: 0.625rem}.us-theme-fci .us-button--lg .us-icon{--us-icon-font-size: 1.25rem}.us-theme-fci .us-button--xl{--us-button-height: 52px;--us-button-padding-y: 0;--us-button-padding-x: 1.5rem;--us-button-font-size: 1rem;--us-button-border-radius: 4px;--us-button-gap: 0.75rem}.us-theme-fci .us-button--xl .us-icon{--us-icon-font-size: 1.5rem}.us-theme-fci .us-button--filled{--us-button-border-width: 1px;--us-button-border-color: transparent;--us-button-color: var(--us-white-color)}.us-theme-fci .us-button--filled .us-chip{--us-chip-background: var(--us-white-color)}.us-theme-fci .us-button--outlined>.us-outline{--us-outline-border-color: currentColor}.us-theme-fci .us-button--flat>.us-overlay{--us-overlay-opacity: 0.08;--us-_hover-overlay-opacity: 0.12;--us-_active-overlay-opacity: 0.24}.us-theme-fci .us-button--filled.us-button--primary{--us-button-background: var(--us-primary-color)}.us-theme-fci .us-button--outlined.us-button--primary{--us-button-color: var(--us-primary-color)}.us-theme-fci .us-button--flat.us-button--primary{--us-button-color: var(--us-primary-color)}.us-theme-fci .us-button--text.us-button--primary{--us-button-color: var(--us-primary-color)}.us-theme-fci .us-button--filled.us-button--secondary{--us-button-background: var(--us-secondary-color)}.us-theme-fci .us-button--outlined.us-button--secondary{--us-button-color: var(--us-secondary-color)}.us-theme-fci .us-button--flat.us-button--secondary{--us-button-color: var(--us-secondary-color)}.us-theme-fci .us-button--text.us-button--secondary{--us-button-color: var(--us-secondary-color)}.us-theme-fci .us-button--filled.us-button--secondary{--us-button-color: var(--us-black-color)}.us-theme-fci .us-button--outlined.us-button--secondary{--us-button-color: var(--us-black-color)}.us-theme-fci .us-button--flat.us-button--secondary{--us-button-color: var(--us-black-color)}.us-theme-fci .us-button--text.us-button--secondary{--us-button-color: var(--us-black-color)}.us-theme-fci .us-button--filled.us-button--success{--us-button-background: var(--us-success-color)}.us-theme-fci .us-button--outlined.us-button--success{--us-button-color: var(--us-success-color)}.us-theme-fci .us-button--flat.us-button--success{--us-button-color: var(--us-success-color)}.us-theme-fci .us-button--text.us-button--success{--us-button-color: var(--us-success-color)}.us-theme-fci .us-button--filled.us-button--info{--us-button-background: var(--us-info-color)}.us-theme-fci .us-button--outlined.us-button--info{--us-button-color: var(--us-info-color)}.us-theme-fci .us-button--flat.us-button--info{--us-button-color: var(--us-info-color)}.us-theme-fci .us-button--text.us-button--info{--us-button-color: var(--us-info-color)}.us-theme-fci .us-button--filled.us-button--warning{--us-button-background: var(--us-warning-color)}.us-theme-fci .us-button--outlined.us-button--warning{--us-button-color: var(--us-warning-color)}.us-theme-fci .us-button--flat.us-button--warning{--us-button-color: var(--us-warning-color)}.us-theme-fci .us-button--text.us-button--warning{--us-button-color: var(--us-warning-color)}.us-theme-fci .us-button--filled.us-button--danger{--us-button-background: var(--us-danger-color)}.us-theme-fci .us-button--outlined.us-button--danger{--us-button-color: var(--us-danger-color)}.us-theme-fci .us-button--flat.us-button--danger{--us-button-color: var(--us-danger-color)}.us-theme-fci .us-button--text.us-button--danger{--us-button-color: var(--us-danger-color)}.us-theme-fci .us-drawer{--us-drawer-width: 256px;--us-drawer-background: #fff}.us-theme-fci .us-input{--us-input-padding-y: 0rem;--us-input-padding-x: 1rem;--us-input-height: 36px;--us-input-font-size: 0.75rem;--us-input-font-family: var(--us-font-sans);--us-input-line-height: 24px;--us-input-border-radius: 0.25rem;--us-input-gap: 0.5rem;--us-input-icon-size: 1.125rem}.us-theme-fci .us-input>.us-outline{--us-outline-border-width: 1px;--us-outline-border-color: currentColor;--us-outline-opacity: 0.12;--us-outline-hover-opacity: 0.24;--us-outline-focus-border-width: 2px;--us-outline-focus-border-color: var(--us-primary-color);--us-outline-focus-opacity: 1}.us-theme-fci .us-switch{--us-switch-width: 2.5rem;--us-switch-padding-y: 0.25rem;--us-switch-padding-x: 0.25rem;--us-switch-border-radius: 9999px;--us-switch-color: rgba(0, 0, 0, 0.2);--us-switch-thumb-width: 1rem;--us-switch-thumb-height: 1rem;--us-switch-thumb-border-radius: 9999px;--us-switch-thumb-color: var(--us-white-color)}.us-theme-fci .us-switch--checked{--us-switch-color: var(--us-primary-color)}.us-theme-fci .us-list{--us-list-padding-y: 0px;--us-list-padding-x: 0px;--us-list-color: #343a40;--us-list-background: #fff}.us-theme-fci .us-list-item{--us-list-item-border-radius: 0px;--us-list-item-title-font-weight: 400;--us-list-item-title-color: var(--us-title-color);--us-list-item-subtitle-font-weight: 400;--us-list-item-subtitle-color: var(--us-subtitle-color)}.us-theme-fci .us-list-item>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-color: inherit;--us-_hover-overlay-opacity: 0.04;--us-_active-overlay-opacity: 0.08}.us-theme-fci .us-list-item--selected{--us-list-item-color: var(--us-primary-color)}.us-theme-fci .us-list-item--selected>.us-overlay{--us-overlay-color: var(--us-primary-color);--us-overlay-opacity: 0.08;--us-_hover-overlay-opacity: 0.12;--us-_active-overlay-opacity: 0.16}.us-theme-fci .us-list-item .us-icon{--us-icon-color: var(--us-primary-color)}.us-theme-fci .us-list-subheader{--us-list-subheader-border-width: 1px;--us-list-subheader-border-color: #dee2e6}.us-theme-fci .us-list-group>.us-list-item--selected>.us-overlay{--us-overlay-opacity: 0;--us-_hover-overlay-opacity: 0;--us-_active-overlay-opacity: 0}.us-theme-fci .us-list--sm .us-list-item{--us-list-item-min-height: 32px;--us-list-item-padding-y: 0.5rem;--us-list-item-padding-x: 1rem;--us-list-item-padding-level: 1.25rem;--us-list-item-font-size: 12px;--us-list-item-gap: 1rem;--us-list-item-title-font-size: 12px;--us-list-item-title-line-height: 18px;--us-list-item-subtitle-font-size: 11px;--us-list-item-title-line-height: 14px}.us-theme-fci .us-list--sm .us-list-item .us-icon{--us-icon-font-size: 18px}.us-theme-fci .us-list--md .us-list-item{--us-list-item-min-height: 2.25rem;--us-list-item-padding-y: 0.375rem;--us-list-item-padding-x: 1rem;--us-list-item-padding-level: 1.25rem;--us-list-item-gap: 1rem;--us-list-item-title-font-size: 0.8125rem;--us-list-item-title-line-height: 20px;--us-list-item-subtitle-font-size: 0.75rem;--us-list-item-subtitle-line-height: 16px}.us-theme-fci .us-list--md .us-list-item .us-icon{--us-icon-font-size: 20px}.us-theme-fci .us-list--lg .us-list-item{--us-list-item-min-height: 2.75rem;--us-list-item-padding-y: 0.625rem;--us-list-item-padding-x: 1rem;--us-list-item-padding-level: 1.25rem;--us-list-item-font-size: 0.75rem;--us-list-item-gap: 1rem;--us-list-item-title-font-size: 0.875rem;--us-list-item-title-line-height: 24px;--us-list-item-subtitle-font-size: 0.8125rem;--us-list-item-subtitle-line-height: 18px}.us-theme-fci .us-list--lg .us-list-item .us-icon{--us-icon-font-size: 22px}.us-theme-fci .us-menu{--us-menu-padding-y: 0;--us-menu-padding-x: 0;--us-menu-color: #343a40;--us-menu-background: #fff}.us-theme-fci .us-menu-item{--us-menu-item-height: 40px;--us-menu-item-padding-y: 0;--us-menu-item-padding-x: 1rem;--us-menu-item-padding-level: 1.5rem;--us-menu-item-font-size: 12px;--us-menu-item-font-weight: 500;--us-menu-item-border-radius: 0;--us-menu-item-gap: 1rem}.us-theme-fci .us-menu-item>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-color: inherit;--us-_hover-overlay-opacity: 0.08}.us-theme-fci .us-menu-item .us-icon{--us-icon-font-size: 16px;--us-icon-color: var(--us-primary-color)}.us-theme-fci .us-menu-item--selected{--us-menu-item-color: var(--us-primary-color)}.us-theme-fci .us-menu-item--selected>.us-overlay{--us-overlay-color: var(--us-primary-color);--us-overlay-opacity: 0.08;--us-_hover-overlay-opacity: 0.08;--us-_active-overlay-opacity: 0.08}.us-theme-fci .us-menu-group{--us-menu-group-height: 40px;--us-menu-group-padding-y: 0;--us-menu-group-padding-x: 1rem;--us-menu-group-padding-level: 2rem;--us-menu-group-font-size: 12px;--us-menu-group-font-weight: 700;--us-menu-group-border-radius: 0;--us-menu-group-gap: 1rem;--us-menu-group-border-width: 1px;--us-menu-group-border-color: #dee2e6}.us-theme-fci .us-menu-submenu>.us-menu-item--selected>.us-overlay{--us-overlay-opacity: 0;--us-_hover-overlay-opacity: 0;--us-_active-overlay-opacity: 0}.us-theme-fci .us-tab{--us-tab-color: var(--us-secondary-action-color);--us-tab-font-size: 0.8125rem;--us-tab-font-weight: 500;--us-tab-indicator-color: var(--us-primary-action-color);--us-tab-indicator-height: 3px;--us-tab-indicator-border-radius: 3px 3px 0px 0px}.us-theme-fci .us-tab>.us-overlay{--us-overlay-opacity: 0;--us-overlay-color: inherit;--us-_hover-overlay-opacity: 0.08;--us-_active-overlay-opacity: 0.12}.us-theme-fci .us-tab--selected{--us-tab-color: var(--us-primary-action-color)}.us-theme-fci .us-card{--us-card-border-width: 1px;--us-card-border-style: solid;--us-card-border-color: rgba(9, 30, 66, 0.14);--us-card-border-radius: 8px}.us-theme-fci .us-card>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-color: inherit;--us-_hover-overlay-opacity: 0.04;--us-_active-overlay-opacity: 0.08}.us-theme-fci .us-card--selected{--us-card-color: var(--us-primary-color)}.us-theme-fci .us-card--selected>.us-overlay{--us-overlay-color: var(--us-primary-color);--us-overlay-opacity: 0.08;--us-_hover-overlay-opacity: 0.12;--us-_active-overlay-opacity: 0.16}.us-theme-fci .us-card-header{--us-card-header-border-color: var(--us-card-border-color);--us-card-header-title-font-weight: 500;--us-card-header-title-color: var(--us-title-color);--us-card-header-subtitle-font-weight: 400;--us-card-header-subtitle-color: var(--us-subtitle-color)}.us-theme-fci .us-card-header .us-icon{--us-icon-color: var(--us-primary-color)}.us-theme-fci .us-card-body{--us-card-body-color: var(--us-body-color)}.us-theme-fci .us-card--sm .us-card-header{--us-card-header-min-height: 36px;--us-card-header-padding-y: 0.685rem;--us-card-header-padding-x: 1rem;--us-card-header-padding-level: 1.25rem;--us-card-header-font-size: 12px;--us-card-header-gap: 1rem;--us-card-header-title-font-size: 12px;--us-card-header-title-line-height: 18px;--us-card-header-subtitle-font-size: 11px;--us-card-header-title-line-height: 14px}.us-theme-fci .us-card--sm .us-card-header .us-icon{--us-icon-font-size: 18px}.us-theme-fci .us-card--sm .us-card-body{--us-card-body-padding-y: 1rem;--us-card-body-padding-x: 1rem;--us-card-body-font-size: 0.75rem;--us-card-body-line-height: 18px;--us-card-body-color: var(--us-body-color)}.us-theme-fci .us-card--md .us-card-header{--us-card-header-min-height: 2.5rem;--us-card-header-padding-y: 0.625rem;--us-card-header-padding-x: 1rem;--us-card-header-padding-level: 1.25rem;--us-card-header-gap: 1rem;--us-card-header-title-font-size: 0.8125rem;--us-card-header-title-line-height: 20px;--us-card-header-subtitle-font-size: 0.75rem;--us-card-header-subtitle-line-height: 16px}.us-theme-fci .us-card--md .us-card-header .us-icon{--us-icon-font-size: 20px}.us-theme-fci .us-card--md .us-card-body{--us-card-body-padding-y: 1.25rem;--us-card-body-padding-x: 1rem;--us-card-body-font-size: 0.875rem;--us-card-body-line-height: 20px;--us-card-body-color: var(--us-body-color)}.us-theme-fci .us-card--lg .us-card-header{--us-card-header-min-height: 2.75rem;--us-card-header-padding-y: 0.625rem;--us-card-header-padding-x: 1rem;--us-card-header-padding-level: 1.25rem;--us-card-header-font-size: 0.75rem;--us-card-header-gap: 1rem;--us-card-header-title-font-size: 0.875rem;--us-card-header-title-line-height: 24px;--us-card-header-subtitle-font-size: 0.8125rem;--us-card-header-subtitle-line-height: 18px}.us-theme-fci .us-card--lg .us-card-header .us-icon{--us-icon-font-size: 22px}.us-theme-fci .us-card--lg .us-card-body{--us-card-body-padding-y: 1.5rem;--us-card-body-padding-x: 1rem;--us-card-body-font-size: 1rem;--us-card-body-line-height: 24px;--us-card-body-color: var(--us-body-color)}.us-theme-fci .us-result--sm{--us-result-padding-y: 1rem;--us-result-padding-x: 1rem;--us-result-gap: 0.5rem;--us-result-content-gap: 0.5rem;--us-result-title-font-size: 1.125rem;--us-result-title-font-weight: 500;--us-result-subtitle-font-size: 0.875rem;--us-result-subtitle-font-weight: 400}.us-theme-fci .us-result--md{--us-result-gap: 1.5rem;--us-result-content-gap: 0.5rem;--us-result-title-font-size: 1.25rem;--us-result-title-font-weight: 500;--us-result-subtitle-font-size: 0.875rem;--us-result-subtitle-font-weight: 400}.us-theme-fci .us-result--sm .us-result__icon>.us-icon{--us-icon-font-size: 3.5rem}.us-theme-fci .us-result--md .us-result__icon>.us-icon{--us-icon-font-size: 4.5rem}.us-theme-fci .us-result--sucess .us-result__icon>.us-icon{--us-icon-color: var(--us-success-color)}.us-theme-fci .us-result--info .us-result__icon>.us-icon{--us-icon-color: var(--us-info-color)}.us-theme-fci .us-result--warning .us-result__icon>.us-icon{--us-icon-color: var(--us-warning-color)}.us-theme-fci .us-result--danger .us-result__icon>.us-icon{--us-icon-color: var(--us-danger-color)}.us-theme-fci{--us-primary-color: #990000;--us-secondary-color: #dde4eb;--us-success-color: #e1ae30;--us-info-color: #8862e0;--us-warning-color: #ffaf00;--us-danger-color: #ff0017;--us-black-color: #000;--us-white-color: #fff;--us-title-color: #171717;--us-subtitle-color: #737373;--us-body-color: #404040;--us-primary-action-color: var(--us-primary-color);--us-secondary-action-color: #334155;--us-font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--us-font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}
1
+ .us-theme-fci .us-toolbar{--us-toolbar-background: var(--us-white-color);--us-toolbar-title-font-size: 1rem;--us-toolbar-title-font-weight: 500;--us-outline-border-width: 1px;--us-outline-border-color: #ddd}.us-theme-fci .us-toolbar--sm{--us-toolbar-padding-y: 0.25rem;--us-toolbar-padding-x: 1rem}.us-theme-fci .us-toolbar--md{--us-toolbar-padding-y: 0.5rem;--us-toolbar-padding-x: 1rem}.us-theme-fci .us-toolbar--lg{--us-toolbar-padding-y: 0.75rem;--us-toolbar-padding-x: 1rem}.us-theme-fci .us-icon{--us-icon-font-size: 1.5rem;--us-icon-color: inherit}.us-theme-fci .us-icon--xs{--us-icon-font-size: 0.75rem}.us-theme-fci .us-icon--sm{--us-icon-font-size: 1rem}.us-theme-fci .us-icon--md{--us-icon-font-size: 1.125rem}.us-theme-fci .us-icon--lg{--us-icon-font-size: 1.25rem}.us-theme-fci .us-icon--xl{--us-icon-font-size: 1.5rem}.us-theme-fci .us-icon--primary{--us-icon-color: var(--us-primary-color)}.us-theme-fci .us-icon--secondary{--us-icon-color: var(--us-secondary-color)}.us-theme-fci .us-icon--secondary{--us-icon-color: var(--us-black-color)}.us-theme-fci .us-icon--success{--us-icon-color: var(--us-success-color)}.us-theme-fci .us-icon--info{--us-icon-color: var(--us-info-color)}.us-theme-fci .us-icon--warning{--us-icon-color: var(--us-warning-color)}.us-theme-fci .us-icon--danger{--us-icon-color: var(--us-danger-color)}.us-theme-fci .us-badge{--us-badge-padding-y: 0.125rem;--us-badge-padding-x: 0.325rem;--us-badge-font-size: 0.75rem;--us-badge-font-weight: 700;--us-badge-border-radius: 9999px;--us-badge-border-width: 2px;--us-badge-border-color: var(--us-white-color);--us-badge-color: var(--us-white-color);--us-badge-background: var(--us-primary-color)}.us-theme-fci .us-badge>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0.08;--us-_hover-overlay-color: inherit;--us-_hover-overlay-opacity: 0.08;--us-_active-overlay-color: inherit;--us-_active-overlay-opacity: 0.12}.us-theme-fci .us-chip{--us-chip-padding-y: 0.125rem;--us-chip-padding-x: 0.5rem;--us-chip-font-size: 0.75rem;--us-chip-font-weight: 400}.us-theme-fci .us-chip>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0}.us-theme-fci .us-chip>.us-outline{--us-outline-border-width: 1px;--us-outline-border-color: transparent}.us-theme-fci .us-chip--xs{--us-chip-height: 24px;--us-chip-padding-y: 0;--us-chip-padding-x: 0.625rem;--us-chip-font-size: 0.625rem;--us-chip-border-radius: 8px;--us-chip-gap: 0.25rem}.us-theme-fci .us-chip--xs .us-icon{--us-icon-font-size: 0.75rem}.us-theme-fci .us-chip--sm{--us-chip-height: 28px;--us-chip-padding-y: 0;--us-chip-padding-x: 0.75rem;--us-chip-font-size: 0.75rem;--us-chip-border-radius: 8px;--us-chip-gap: 0.25rem}.us-theme-fci .us-chip--sm .us-icon{--us-icon-font-size: 1rem}.us-theme-fci .us-chip--md{--us-chip-height: 32px;--us-chip-padding-y: 0;--us-chip-padding-x: 0.875rem;--us-chip-font-size: 0.875rem;--us-chip-border-radius: 8px;--us-chip-gap: 0.375rem}.us-theme-fci .us-chip--md .us-icon{--us-icon-font-size: 1.125rem}.us-theme-fci .us-chip--lg{--us-chip-height: 36px;--us-chip-padding-y: 0;--us-chip-padding-x: 1rem;--us-chip-font-size: 1rem;--us-chip-border-radius: 8px;--us-chip-gap: 0.5rem}.us-theme-fci .us-chip--lg .us-icon{--us-icon-font-size: 1.25rem}.us-theme-fci .us-chip--xl{--us-chip-height: 40px;--us-chip-padding-y: 0;--us-chip-padding-x: 1.125rem;--us-chip-font-size: 1.125rem;--us-chip-border-radius: 8px;--us-chip-gap: 0.5rem}.us-theme-fci .us-chip--xl .us-icon{--us-icon-font-size: 1.5rem}.us-theme-fci .us-chip--filled{--us-chip-border-width: 1px;--us-chip-border-color: transparent;--us-chip-color: var(--us-white-color)}.us-theme-fci .us-chip--outlined>.us-outline{--us-outline-border-color: currentColor}.us-theme-fci .us-chip--filled.us-chip--primary{--us-chip-background: var(--us-primary-color)}.us-theme-fci .us-chip--outlined.us-chip--primary{--us-chip-color: var(--us-primary-color)}.us-theme-fci .us-chip--text.us-chip--primary{--us-chip-color: var(--us-primary-color)}.us-theme-fci .us-chip--filled.us-chip--secondary{--us-chip-background: var(--us-secondary-color)}.us-theme-fci .us-chip--filled.us-chip--secondary{--us-chip-color: var(--us-black-color)}.us-theme-fci .us-chip--outlined.us-chip--secondary{--us-chip-color: var(--us-secondary-color)}.us-theme-fci .us-chip--text.us-chip--secondary{--us-chip-color: var(--us-secondary-color)}.us-theme-fci .us-chip--filled.us-chip--success{--us-chip-background: var(--us-success-color)}.us-theme-fci .us-chip--outlined.us-chip--success{--us-chip-color: var(--us-success-color)}.us-theme-fci .us-chip--text.us-chip--success{--us-chip-color: var(--us-success-color)}.us-theme-fci .us-chip--filled.us-chip--info{--us-chip-background: var(--us-info-color)}.us-theme-fci .us-chip--outlined.us-chip--info{--us-chip-color: var(--us-info-color)}.us-theme-fci .us-chip--text.us-chip--info{--us-chip-color: var(--us-info-color)}.us-theme-fci .us-chip--filled.us-chip--warning{--us-chip-background: var(--us-warning-color)}.us-theme-fci .us-chip--outlined.us-chip--warning{--us-chip-color: var(--us-warning-color)}.us-theme-fci .us-chip--text.us-chip--warning{--us-chip-color: var(--us-warning-color)}.us-theme-fci .us-chip--filled.us-chip--danger{--us-chip-background: var(--us-danger-color)}.us-theme-fci .us-chip--outlined.us-chip--danger{--us-chip-color: var(--us-danger-color)}.us-theme-fci .us-chip--text.us-chip--danger{--us-chip-color: var(--us-danger-color)}.us-theme-fci .us-button{--us-button-font-weight: 400;--us-button-font-family: var(--us-font-sans)}.us-theme-fci .us-button>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-opacity: 0;--us-_hover-overlay-opacity: 0.12;--us-_active-overlay-opacity: 0.24}.us-theme-fci .us-button>.us-outline{--us-outline-border-width: 1px;--us-outline-border-color: transparent}.us-theme-fci .us-button--xs{--us-button-height: 24px;--us-button-padding-y: 0;--us-button-padding-x: 0.625rem;--us-button-font-size: 0.625rem;--us-button-border-radius: 8px;--us-button-gap: 0.25rem}.us-theme-fci .us-button--xs .us-icon{--us-icon-font-size: 0.75rem}.us-theme-fci .us-button--sm{--us-button-height: 28px;--us-button-padding-y: 0;--us-button-padding-x: 0.75rem;--us-button-font-size: 0.75rem;--us-button-border-radius: 8px;--us-button-gap: 0.25rem}.us-theme-fci .us-button--sm .us-icon{--us-icon-font-size: 1rem}.us-theme-fci .us-button--md{--us-button-height: 32px;--us-button-padding-y: 0;--us-button-padding-x: 0.875rem;--us-button-font-size: 0.875rem;--us-button-border-radius: 8px;--us-button-gap: 0.375rem}.us-theme-fci .us-button--md .us-icon{--us-icon-font-size: 1.125rem}.us-theme-fci .us-button--lg{--us-button-height: 36px;--us-button-padding-y: 0;--us-button-padding-x: 1rem;--us-button-font-size: 1rem;--us-button-border-radius: 8px;--us-button-gap: 0.5rem}.us-theme-fci .us-button--lg .us-icon{--us-icon-font-size: 1.25rem}.us-theme-fci .us-button--xl{--us-button-height: 40px;--us-button-padding-y: 0;--us-button-padding-x: 1.125rem;--us-button-font-size: 1.125rem;--us-button-border-radius: 8px;--us-button-gap: 0.5rem}.us-theme-fci .us-button--xl .us-icon{--us-icon-font-size: 1.5rem}.us-theme-fci .us-button--filled{--us-button-border-width: 1px;--us-button-border-color: transparent;--us-button-color: var(--us-white-color)}.us-theme-fci .us-button--filled .us-chip{--us-chip-background: var(--us-white-color)}.us-theme-fci .us-button--outlined>.us-outline{--us-outline-border-color: currentColor}.us-theme-fci .us-button--flat>.us-overlay{--us-overlay-opacity: 0.08;--us-_hover-overlay-opacity: 0.12;--us-_active-overlay-opacity: 0.24}.us-theme-fci .us-button--filled.us-button--primary{--us-button-background: var(--us-primary-color)}.us-theme-fci .us-button--outlined.us-button--primary{--us-button-color: var(--us-primary-color)}.us-theme-fci .us-button--flat.us-button--primary{--us-button-color: var(--us-primary-color)}.us-theme-fci .us-button--text.us-button--primary{--us-button-color: var(--us-primary-color)}.us-theme-fci .us-button--filled.us-button--secondary{--us-button-background: var(--us-secondary-color)}.us-theme-fci .us-button--outlined.us-button--secondary{--us-button-color: var(--us-secondary-color)}.us-theme-fci .us-button--flat.us-button--secondary{--us-button-color: var(--us-secondary-color)}.us-theme-fci .us-button--text.us-button--secondary{--us-button-color: var(--us-secondary-color)}.us-theme-fci .us-button--filled.us-button--secondary{--us-button-color: var(--us-black-color)}.us-theme-fci .us-button--outlined.us-button--secondary{--us-button-color: var(--us-black-color)}.us-theme-fci .us-button--flat.us-button--secondary{--us-button-color: var(--us-black-color)}.us-theme-fci .us-button--text.us-button--secondary{--us-button-color: var(--us-black-color)}.us-theme-fci .us-button--filled.us-button--success{--us-button-background: var(--us-success-color)}.us-theme-fci .us-button--outlined.us-button--success{--us-button-color: var(--us-success-color)}.us-theme-fci .us-button--flat.us-button--success{--us-button-color: var(--us-success-color)}.us-theme-fci .us-button--text.us-button--success{--us-button-color: var(--us-success-color)}.us-theme-fci .us-button--filled.us-button--info{--us-button-background: var(--us-info-color)}.us-theme-fci .us-button--outlined.us-button--info{--us-button-color: var(--us-info-color)}.us-theme-fci .us-button--flat.us-button--info{--us-button-color: var(--us-info-color)}.us-theme-fci .us-button--text.us-button--info{--us-button-color: var(--us-info-color)}.us-theme-fci .us-button--filled.us-button--warning{--us-button-background: var(--us-warning-color)}.us-theme-fci .us-button--outlined.us-button--warning{--us-button-color: var(--us-warning-color)}.us-theme-fci .us-button--flat.us-button--warning{--us-button-color: var(--us-warning-color)}.us-theme-fci .us-button--text.us-button--warning{--us-button-color: var(--us-warning-color)}.us-theme-fci .us-button--filled.us-button--danger{--us-button-background: var(--us-danger-color)}.us-theme-fci .us-button--outlined.us-button--danger{--us-button-color: var(--us-danger-color)}.us-theme-fci .us-button--flat.us-button--danger{--us-button-color: var(--us-danger-color)}.us-theme-fci .us-button--text.us-button--danger{--us-button-color: var(--us-danger-color)}.us-theme-fci .us-drawer{--us-drawer-width: 256px;--us-drawer-background: #fff}.us-theme-fci .us-input{--us-input-padding-y: 0rem;--us-input-padding-x: 0.875rem;--us-input-height: 32px;--us-input-font-size: 0.875rem;--us-input-font-family: var(--us-font-sans);--us-input-line-height: 24px;--us-input-border-radius: 6px;--us-input-gap: 0.5rem;--us-input-icon-size: 1.125rem}.us-theme-fci .us-input>.us-outline{--us-outline-border-width: 1px;--us-outline-border-color: currentColor;--us-outline-opacity: 0.12;--us-outline-hover-opacity: 0.24;--us-outline-focus-border-width: 1px;--us-outline-focus-border-color: var(--us-primary-color);--us-outline-focus-opacity: 1}.us-theme-fci .us-switch{--us-switch-width: 2.5rem;--us-switch-padding-y: 0.25rem;--us-switch-padding-x: 0.25rem;--us-switch-border-radius: 9999px;--us-switch-color: rgba(0, 0, 0, 0.2);--us-switch-thumb-width: 1rem;--us-switch-thumb-height: 1rem;--us-switch-thumb-border-radius: 9999px;--us-switch-thumb-color: var(--us-white-color)}.us-theme-fci .us-switch--checked{--us-switch-color: var(--us-primary-color)}.us-theme-fci .us-list{--us-list-padding-y: 0px;--us-list-padding-x: 0px;--us-list-color: #343a40;--us-list-background: #fff}.us-theme-fci .us-list-item{--us-list-item-border-radius: 0px;--us-list-item-title-font-weight: 500;--us-list-item-title-opacity: 1;--us-list-item-subtitle-font-weight: 400;--us-list-item-subtitle-opacity: 0.95}.us-theme-fci .us-list-item>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-color: inherit;--us-_hover-overlay-opacity: 0.04;--us-_active-overlay-opacity: 0.08}.us-theme-fci .us-list-item--selected{--us-list-item-color: var(--us-primary-color)}.us-theme-fci .us-list-item--selected>.us-overlay{--us-overlay-color: var(--us-primary-color);--us-overlay-opacity: 0.08;--us-_hover-overlay-opacity: 0.12;--us-_active-overlay-opacity: 0.16}.us-theme-fci .us-list-subheader{--us-list-subheader-border-width: 1px;--us-list-subheader-border-color: #dee2e6}.us-theme-fci .us-list-group>.us-list-item--selected>.us-overlay{--us-overlay-opacity: 0;--us-_hover-overlay-opacity: 0;--us-_active-overlay-opacity: 0}.us-theme-fci .us-list--sm .us-list-item{--us-list-item-min-height: 32px;--us-list-item-padding-y: 0.5rem;--us-list-item-padding-x: 0.75rem;--us-list-item-padding-level: 1.25rem;--us-list-item-font-size: 12px;--us-list-item-gap: 1rem;--us-list-item-title-font-size: 12px;--us-list-item-title-line-height: 18px;--us-list-item-subtitle-font-size: 11px;--us-list-item-title-line-height: 14px}.us-theme-fci .us-list--md .us-list-item{--us-list-item-min-height: 2.25rem;--us-list-item-padding-y: 0.375rem;--us-list-item-padding-x: 0.875rem;--us-list-item-padding-level: 1.25rem;--us-list-item-gap: 1rem;--us-list-item-title-font-size: 0.8125rem;--us-list-item-title-line-height: 20px;--us-list-item-subtitle-font-size: 0.75rem;--us-list-item-subtitle-line-height: 16px}.us-theme-fci .us-list--lg .us-list-item{--us-list-item-min-height: 2.75rem;--us-list-item-padding-y: 0.625rem;--us-list-item-padding-x: 1rem;--us-list-item-padding-level: 1.25rem;--us-list-item-font-size: 0.75rem;--us-list-item-gap: 1rem;--us-list-item-title-font-size: 0.875rem;--us-list-item-title-line-height: 24px;--us-list-item-subtitle-font-size: 0.8125rem;--us-list-item-subtitle-line-height: 18px}.us-theme-fci .us-menu{--us-menu-padding-y: 0;--us-menu-padding-x: 0;--us-menu-color: #343a40;--us-menu-background: #fff}.us-theme-fci .us-menu-item{--us-menu-item-height: 40px;--us-menu-item-padding-y: 0;--us-menu-item-padding-x: 1rem;--us-menu-item-padding-level: 1.5rem;--us-menu-item-font-size: 12px;--us-menu-item-font-weight: 500;--us-menu-item-border-radius: 0;--us-menu-item-gap: 1rem}.us-theme-fci .us-menu-item>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-color: inherit;--us-_hover-overlay-opacity: 0.08}.us-theme-fci .us-menu-item .us-icon{--us-icon-font-size: 16px;--us-icon-color: var(--us-primary-color)}.us-theme-fci .us-menu-item--selected{--us-menu-item-color: var(--us-primary-color)}.us-theme-fci .us-menu-item--selected>.us-overlay{--us-overlay-color: var(--us-primary-color);--us-overlay-opacity: 0.08;--us-_hover-overlay-opacity: 0.08;--us-_active-overlay-opacity: 0.08}.us-theme-fci .us-menu-group{--us-menu-group-height: 40px;--us-menu-group-padding-y: 0;--us-menu-group-padding-x: 1rem;--us-menu-group-padding-level: 2rem;--us-menu-group-font-size: 12px;--us-menu-group-font-weight: 700;--us-menu-group-border-radius: 0;--us-menu-group-gap: 1rem;--us-menu-group-border-width: 1px;--us-menu-group-border-color: #dee2e6}.us-theme-fci .us-menu-submenu>.us-menu-item--selected>.us-overlay{--us-overlay-opacity: 0;--us-_hover-overlay-opacity: 0;--us-_active-overlay-opacity: 0}.us-theme-fci .us-tab{--us-tab-color: var(--us-secondary-action-color);--us-tab-font-size: 0.8125rem;--us-tab-font-weight: 500;--us-tab-border-radius: 6px 6px 0px 0px;--us-tab-indicator-color: var(--us-primary-action-color);--us-tab-indicator-height: 3px;--us-tab-indicator-border-radius: 3px 3px 0px 0px}.us-theme-fci .us-tab>.us-overlay{--us-overlay-opacity: 0;--us-overlay-color: inherit;--us-_hover-overlay-opacity: 0.08;--us-_active-overlay-opacity: 0.12}.us-theme-fci .us-tab--selected{--us-tab-color: var(--us-primary-action-color)}.us-theme-fci .us-card{--us-card-border-width: 1px;--us-card-border-style: solid;--us-card-border-color: rgba(9, 30, 66, 0.14);--us-card-border-radius: 12px}.us-theme-fci .us-card>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-color: inherit;--us-_hover-overlay-opacity: 0.04;--us-_active-overlay-opacity: 0.08}.us-theme-fci .us-card--selected{--us-card-color: var(--us-primary-color)}.us-theme-fci .us-card--selected>.us-overlay{--us-overlay-color: var(--us-primary-color);--us-overlay-opacity: 0.08;--us-_hover-overlay-opacity: 0.12;--us-_active-overlay-opacity: 0.16}.us-theme-fci .us-card-header{--us-card-header-border-color: var(--us-card-border-color);--us-card-header-title-font-weight: 500;--us-card-header-title-color: var(--us-title-color);--us-card-header-subtitle-font-weight: 400;--us-card-header-subtitle-color: var(--us-subtitle-color)}.us-theme-fci .us-card-body{--us-card-body-color: var(--us-body-color)}.us-theme-fci .us-card--sm .us-card-header{--us-card-header-min-height: 36px;--us-card-header-padding-y: 0.685rem;--us-card-header-padding-x: 1rem;--us-card-header-padding-level: 1.25rem;--us-card-header-font-size: 12px;--us-card-header-gap: 1rem;--us-card-header-title-font-size: 12px;--us-card-header-title-line-height: 18px;--us-card-header-subtitle-font-size: 11px;--us-card-header-title-line-height: 14px}.us-theme-fci .us-card--sm .us-card-body{--us-card-body-padding-y: 1rem;--us-card-body-padding-x: 1rem;--us-card-body-font-size: 0.75rem;--us-card-body-line-height: 18px;--us-card-body-color: var(--us-body-color)}.us-theme-fci .us-card--md .us-card-header{--us-card-header-min-height: 2.5rem;--us-card-header-padding-y: 0.625rem;--us-card-header-padding-x: 1rem;--us-card-header-padding-level: 1.25rem;--us-card-header-gap: 1rem;--us-card-header-title-font-size: 0.8125rem;--us-card-header-title-line-height: 20px;--us-card-header-subtitle-font-size: 0.75rem;--us-card-header-subtitle-line-height: 16px}.us-theme-fci .us-card--md .us-card-body{--us-card-body-padding-y: 1.25rem;--us-card-body-padding-x: 1rem;--us-card-body-font-size: 0.875rem;--us-card-body-line-height: 20px;--us-card-body-color: var(--us-body-color)}.us-theme-fci .us-card--lg .us-card-header{--us-card-header-min-height: 2.75rem;--us-card-header-padding-y: 0.625rem;--us-card-header-padding-x: 1rem;--us-card-header-padding-level: 1.25rem;--us-card-header-font-size: 0.75rem;--us-card-header-gap: 1rem;--us-card-header-title-font-size: 0.875rem;--us-card-header-title-line-height: 24px;--us-card-header-subtitle-font-size: 0.8125rem;--us-card-header-subtitle-line-height: 18px}.us-theme-fci .us-card--lg .us-card-body{--us-card-body-padding-y: 1.5rem;--us-card-body-padding-x: 1rem;--us-card-body-font-size: 1rem;--us-card-body-line-height: 24px;--us-card-body-color: var(--us-body-color)}.us-theme-fci .us-result--sm{--us-result-padding-y: 1rem;--us-result-padding-x: 1rem;--us-result-gap: 0.5rem;--us-result-content-gap: 0.5rem;--us-result-title-font-size: 1.125rem;--us-result-title-font-weight: 500;--us-result-subtitle-font-size: 0.875rem;--us-result-subtitle-font-weight: 400}.us-theme-fci .us-result--md{--us-result-gap: 1.5rem;--us-result-content-gap: 0.5rem;--us-result-title-font-size: 1.25rem;--us-result-title-font-weight: 500;--us-result-subtitle-font-size: 0.875rem;--us-result-subtitle-font-weight: 400}.us-theme-fci .us-result--sm .us-result__icon>.us-icon{--us-icon-font-size: 3.5rem}.us-theme-fci .us-result--md .us-result__icon>.us-icon{--us-icon-font-size: 4.5rem}.us-theme-fci .us-result--sucess .us-result__icon>.us-icon{--us-icon-color: var(--us-success-color)}.us-theme-fci .us-result--info .us-result__icon>.us-icon{--us-icon-color: var(--us-info-color)}.us-theme-fci .us-result--warning .us-result__icon>.us-icon{--us-icon-color: var(--us-warning-color)}.us-theme-fci .us-result--danger .us-result__icon>.us-icon{--us-icon-color: var(--us-danger-color)}.us-theme-fci{--us-primary-color: #990000;--us-secondary-color: #dde4eb;--us-success-color: #e1ae30;--us-info-color: #8862e0;--us-warning-color: #ffaf00;--us-danger-color: #ff0017;--us-black-color: #000;--us-white-color: #fff;--us-title-color: #171717;--us-subtitle-color: #737373;--us-body-color: #404040;--us-primary-action-color: var(--us-primary-color);--us-secondary-action-color: #334155;--us-font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--us-font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}
package/css/styles.css CHANGED
@@ -120,6 +120,10 @@
120
120
  overflow: hidden;
121
121
  transition: all 0.15s ease-in-out;
122
122
  }
123
+ .us-collapse-trigger {
124
+ cursor: pointer;
125
+ -webkit-tap-highlight-color: transparent;
126
+ }
123
127
 
124
128
  .us-icon {
125
129
  width: 1em;
@@ -358,7 +362,7 @@
358
362
  .us-popover {
359
363
  min-width: 240px;
360
364
  position: absolute;
361
- border-radius: 0.25rem;
365
+ border-radius: 6px;
362
366
  box-shadow: rgba(0, 0, 59, 0.05) 0px 0px 0px 1px, rgba(1, 1, 46, 0.133) 0px 12px 60px 0px, rgba(0, 0, 0, 0.133) 0px 12px 32px -16px;
363
367
  background-color: #fff;
364
368
  overflow: hidden;
@@ -760,7 +764,7 @@
760
764
  -webkit-box-orient: vertical;
761
765
  -webkit-line-clamp: 1;
762
766
  }
763
- .us-list-subheader {
767
+ .us-list-subheader--bordered {
764
768
  border-bottom: var(--us-list-subheader-border-width) solid var(--us-list-subheader-border-color);
765
769
  }
766
770
  .us-list-group .us-list {
@@ -1016,6 +1020,7 @@
1016
1020
  font-weight: var(--us-tab-font-weight);
1017
1021
  text-decoration: none;
1018
1022
  vertical-align: middle;
1023
+ border-radius: var(--us-tab-border-radius);
1019
1024
  z-index: 1;
1020
1025
  color: var(--us-tab-color);
1021
1026
  display: inline-flex;
@@ -1079,6 +1084,7 @@
1079
1084
  border: var(--us-card-border-width) var(--us-card-border-style) var(--us-card-border-color);
1080
1085
  border-radius: var(--us-card-border-radius);
1081
1086
  z-index: 0;
1087
+ overflow: hidden;
1082
1088
  -webkit-tap-highlight-color: transparent;
1083
1089
  }
1084
1090
  .us-card:hover {
package/css/styles.min.css CHANGED
@@ -1 +1 @@
1
- .us-toolbar{position:relative;width:100%;padding:var(--us-toolbar-padding-y) var(--us-toolbar-padding-x);border-bottom:var(--us-toolbar-border);background:var(--us-toolbar-background);display:flex;align-items:center}.us-toolbar>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-toolbar:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-toolbar:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-toolbar>.us-outline-b{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border-bottom:var(--us-outline-border-width) solid var(--us-outline-border-color)}.us-toolbar__container{width:100%;min-height:var(--us-toolbar-min-height);margin:0 auto;display:flex;align-items:center;gap:.5rem;z-index:1}.us-toolbar__start-action,.us-toolbar__end-action{flex-shrink:0}.us-toolbar__content{flex-grow:1;overflow:hidden;display:flex}.us-toolbar__title{font-size:var(--us-toolbar-title-font-size);font-weight:var(--us-toolbar-title-font-weight);text-decoration:none;color:inherit;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.us-badge{position:absolute;padding:var(--us-badge-padding-y) var(--us-badge-padding-x);font-size:var(--us-badge-font-size);font-weight:var(--us-badge-font-weight);border:var(--us-badge-border-width) solid var(--us-badge-border-color);border-radius:var(--us-badge-border-radius);color:var(--us-badge-color);background-color:var(--us-badge-background);display:inline-flex}.us-badge>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-badge:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-badge:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-badge--top-left{top:10%;left:10%}.us-badge--top-right{right:0;top:0;transform:translate(50%, -50%)}.us-badge--bottom-left{bottom:10%;left:10%}.us-badge--bottom-right{bottom:0;right:0}.us-badge-wrapper{flex-shrink:0;position:relative;display:inline-flex}.us-collapse{overflow:hidden;transition:all .15s ease-in-out}.us-icon{width:1em;height:1em;font-size:var(--us-icon-font-size);color:var(--us-icon-color);display:flex;justify-content:center;align-items:center}.us-chip{position:relative;height:var(--us-chip-height);padding:var(--us-chip-padding-y) var(--us-chip-padding-x);font-size:var(--us-chip-font-size);font-weight:var(--us-chip-font-weight);font-family:var(--us-chip-font-family);border-radius:var(--us-chip-border-radius);color:var(--us-chip-color);background-color:var(--us-chip-background);display:inline-flex;align-items:center;gap:var(--us-chip-gap)}.us-chip>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-chip:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-chip:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-chip>.us-outline{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border-width:var(--us-outline-border-width);border-style:solid;border-color:var(--us-outline-border-color);opacity:var(--us-outline-opacity);pointer-events:none}.us-chip:hover>.us-outline{border-width:var(--us-outline-hover-border-width, var(--us-outline-border-width));border-color:var(--us-outline-hover-border-color, var(--us-outline-border-color));opacity:var(--us-outline-hover-opacity, var(--us-outline-opacity))}.us-chip:active>.us-outline{border-width:var(--us-outline-active-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));border-color:var(--us-outline-active-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));opacity:var(--us-outline-active-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)))}.us-chip--focus>.us-outline,.us-chip--focus:hover>.us-outline,.us-chip:focus>.us-outline{border-width:var(--us-outline-focus-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));border-color:var(--us-outline-focus-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));opacity:var(--us-outline-focus-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)))}.us-button{position:relative;height:var(--us-button-height);padding:var(--us-button-padding-y) var(--us-button-padding-x);font-size:var(--us-button-font-size);font-weight:var(--us-button-font-weight);font-family:var(--us-button-font-family);white-space:nowrap;border:none;outline:none;border-radius:var(--us-button-border-radius);cursor:pointer;color:var(--us-button-color);background-color:var(--us-button-background);z-index:0;display:inline-flex;justify-content:center;align-items:center;gap:var(--us-button-gap);user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-button:hover{text-decoration:none}.us-button>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-button:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-button:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-button>.us-outline{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border-width:var(--us-outline-border-width);border-style:solid;border-color:var(--us-outline-border-color);opacity:var(--us-outline-opacity);pointer-events:none}.us-button:hover>.us-outline{border-width:var(--us-outline-hover-border-width, var(--us-outline-border-width));border-color:var(--us-outline-hover-border-color, var(--us-outline-border-color));opacity:var(--us-outline-hover-opacity, var(--us-outline-opacity))}.us-button:active>.us-outline{border-width:var(--us-outline-active-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));border-color:var(--us-outline-active-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));opacity:var(--us-outline-active-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)))}.us-button--focus>.us-outline,.us-button--focus:hover>.us-outline,.us-button:focus>.us-outline{border-width:var(--us-outline-focus-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));border-color:var(--us-outline-focus-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));opacity:var(--us-outline-focus-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)))}.us-button--block{width:100%}.us-button--disabled{opacity:.6;pointer-events:none}.us-button--icon-only{width:var(--us-button-height);padding:0;border-radius:9999px;justify-content:center}.us-button__outline{position:absolute;inset:0px;z-index:0;border:var(--us-button-outline-border-width) solid var(--us-button-outline-border-color);border-radius:inherit;pointer-events:none}.us-button__start-icon,.us-button__end-icon,.us-button__content{position:relative;display:flex;align-items:center}.us-scroll-area__track{position:absolute;border-radius:3px;right:2px;bottom:2px}.us-scroll-area__track--horizontal{height:6px;left:2px}.us-scroll-area__track--vertical{width:6px;top:2px}.us-scroll-area__thumb{position:relative;display:block;cursor:pointer;border-radius:inherit;background-color:rgba(0,0,0,.2);transform:translateX(0px)}.us-scroll-area__thumb--horizontal{height:100%;width:105px}.us-scroll-area__thumb--vertical{width:100%;height:463px}.us-backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:10;display:flex;justify-content:center;align-items:center}.us-backdrop-enter{opacity:0}.us-backdrop-enter-active{opacity:1;transition:opacity 100ms}.us-backdrop-exit{opacity:1}.us-backdrop-exit-active{opacity:0;transition:opacity 200ms;transition-delay:300ms}.us-backdrop__overlay{position:absolute;width:100%;height:100%;z-index:-10;background-color:rgba(0,0,0,.6)}.us-popover{min-width:240px;position:absolute;border-radius:.25rem;box-shadow:rgba(0,0,59,.05) 0px 0px 0px 1px,rgba(1,1,46,.133) 0px 12px 60px 0px,rgba(0,0,0,.133) 0px 12px 32px -16px;background-color:#fff;overflow:hidden;z-index:40;display:flex;flex-direction:column}.us-popover__overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:inherit;background-color:#fff;opacity:1;z-index:0}.us-popover-enter{opacity:0;transform:scale(0.9)}.us-popover-enter-active{opacity:1;transform:scale(1);transition:opacity 100ms,transform 200ms}.us-popover-exit{opacity:1;transform:scale(1)}.us-popover-exit-active{opacity:0;transform:scale(0.9);transition:opacity 150ms,transform 150ms}.us-drawer{position:absolute;max-width:var(--us-drawer-width);width:100%;height:100%;background-color:var(--us-drawer-background)}.us-drawer-appear,.us-drawer-enter{opacity:0;transform:translateX(-100%)}.us-drawer-appear-active,.us-drawer-enter-active{opacity:1;transform:translateX(0%);transition:opacity 100ms,transform 200ms;transition-delay:300ms}.us-drawer-exit{opacity:1;transform:translateX(0%)}.us-drawer-exit-active{opacity:0;transform:translateX(-100%);transition:opacity 300ms,transform 300ms}.us-drawer--left,.us-drawer--right{max-width:calc(100% - 2rem);max-height:100%}.us-drawer--left{left:0}.us-drawer--left.us-drawer-appear,.us-drawer--left.us-drawer-enter{transform:translateX(-100%)}.us-drawer--left.us-drawer-appear-active,.us-drawer--left.us-drawer-enter-active{transform:translateX(0%)}.us-drawer--left.us-drawer-exit{transform:translateX(0%)}.us-drawer--left.us-drawer-exit-active{transform:translateX(-100%)}.us-drawer--right.us-drawer-appear,.us-drawer--right.us-drawer-enter{transform:translateX(100%)}.us-drawer--right{right:0}.us-drawer--right.us-drawer-appear-active,.us-drawer--right.us-drawer-enter-active{transform:translateX(0%)}.us-drawer--right.us-drawer-exit{transform:translateX(0%)}.us-drawer--right.us-drawer-exit-active{transform:translateX(100%)}.us-drawer--top,.us-drawer--bottom{max-width:100%;max-height:calc(100% - 2rem)}.us-drawer--top{top:0}.us-drawer--top.us-drawer-appear,.us-drawer--top.us-drawer-enter{transform:translateY(-100%)}.us-drawer--top.us-drawer-appear-active,.us-drawer--top.us-drawer-enter-active{transform:translateY(0%)}.us-drawer--top.us-drawer-exit{transform:translateY(0%)}.us-drawer--top.us-drawer-exit-active{transform:translateY(-100%)}.us-drawer--bottom{bottom:0}.us-drawer--bottom.us-drawer-appear,.us-drawer--bottom.us-drawer-enter{transform:translateY(100%)}.us-drawer--bottom.us-drawer-appear-active,.us-drawer--bottom.us-drawer-enter-active{transform:translateY(0%)}.us-drawer--bottom.us-drawer-exit{transform:translateY(0%)}.us-drawer--bottom.us-drawer-exit-active{transform:translateY(100%)}@media screen and (min-width: 768px){.us-drawer--left,.us-drawer--right{max-width:var(--us-drawer-width);max-height:100%}.us-drawer--top,.us-drawer--bottom{max-width:100%;max-height:var(--us-drawer-width)}}.us-input{position:relative;width:100%;padding:0;height:var(--us-input-height);display:flex;align-items:center;border:none;border-radius:var(--us-input-border-radius);color:var(--us-input-color);background-color:var(--us-input-background)}.us-input:focus-visible{outline:none}.us-input:not(.us-input--filterable){cursor:pointer}.us-input>.us-outline{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border-width:var(--us-outline-border-width);border-style:solid;border-color:var(--us-outline-border-color);opacity:var(--us-outline-opacity);pointer-events:none}.us-input:hover>.us-outline{border-width:var(--us-outline-hover-border-width, var(--us-outline-border-width));border-color:var(--us-outline-hover-border-color, var(--us-outline-border-color));opacity:var(--us-outline-hover-opacity, var(--us-outline-opacity))}.us-input:active>.us-outline{border-width:var(--us-outline-active-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));border-color:var(--us-outline-active-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));opacity:var(--us-outline-active-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)))}.us-input--focus>.us-outline,.us-input--focus:hover>.us-outline,.us-input:focus>.us-outline{border-width:var(--us-outline-focus-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));border-color:var(--us-outline-focus-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));opacity:var(--us-outline-focus-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)))}.us-input--disabled{opacity:.75;pointer-events:none}.us-input--clearable .us-input__clearable{opacity:.75;transform:scale(0);transition:all .2s ease-in-out}.us-input--clearable:hover .us-input__clearable{transform:scale(0.75)}.us-input__clearable{display:flex;justify-content:center;align-items:center}.us-input__content{flex:1;height:100%;display:flex;align-items:center;z-index:1}.us-input__field{flex:1;width:100%;height:100%;padding:var(--us-input-padding-y) var(--us-input-padding-x);font-size:var(--us-input-font-size);font-family:var(--us-input-font-family);line-height:var(--us-input-line-height);border:none;outline:none;color:var(--us-input-color);background-color:rgba(0,0,0,0);display:flex;align-items:center}.us-input__field:focus{outline:none !important}.us-input__start-content,.us-input__end-content{flex-shrink:0;display:flex;align-items:center}.us-input__start-content .us-icon,.us-input__end-content .us-icon{font-size:var(--us-input-icon-size)}.us-input__start-content{margin-right:calc(-1*var(--us-input-icon-size));padding:var(--us-input-padding-y) calc(.75*var(--us-input-padding-x))}.us-input__end-content{margin-left:calc(-1*var(--us-input-icon-size));padding:var(--us-input-padding-y) calc(.75*var(--us-input-padding-x))}.us-switch{position:relative;display:inline-block;width:var(--us-switch-width);padding-block:var(--us-switch-padding-y);border-radius:var(--us-switch-border-radius);cursor:pointer;background-color:var(--us-switch-color);display:inline-flex;align-items:center;transition:all .2s ease-in-out;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-switch input{position:absolute;opacity:0;width:0;height:0}.us-switch--checked .us-switch__thumb{transform:translateX(calc(var(--us-switch-width) - var(--us-switch-thumb-width) - (var(--us-switch-padding-x))))}.us-switch__thumb{width:var(--us-switch-thumb-width);height:var(--us-switch-thumb-height);transform:translateX(var(--us-switch-padding-x));border-radius:var(--us-switch-thumb-border-radius);background-color:var(--us-switch-thumb-color);transition:all .2s ease-in-out}.us-accordion-item{border-bottom:1px solid #e6e6e6}.us-accordion-item:last-child{border-bottom:none}.us-accordion-header{padding:.75rem 1rem;cursor:pointer;display:flex;align-items:center;gap:1rem}.us-accordion-header__content{flex-grow:1}.us-accordion-header__start-content,.us-accordion-header__end-content{flex-shrink:0}.us-accordion-header__title{font-size:.875rem;font-weight:500}.us-accordion-header__subtitle{font-size:.75rem;opacity:.75}.us-accordion-panel{padding:1rem}.us-list{margin:0;padding:var(--us-list-padding-y) var(--us-list-padding-x);color:var(--us-list-color);background-color:var(--us-list-background)}.us-list-item{position:relative;height:var(--us-list-item-height);min-height:var(--us-list-item-min-height);padding-block:var(--us-list-item-padding-y);padding-inline:var(--us-list-item-padding-x);font-size:var(--us-list-item-font-size);font-weight:var(--us-list-item-font-weight);border-radius:var(--us-list-item-border-radius);text-decoration:none;z-index:0;display:flex;align-items:center;color:var(--us-list-item-color);background-color:var(--us-list-item-background);-webkit-tap-highlight-color:rgba(0,0,0,0);gap:var(--us-list-item-gap)}.us-list-item:hover{text-decoration:none}.us-list-item>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-list-item:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-list-item:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-list-item--hoverable{cursor:pointer;user-select:none}.us-list-item--disabled{opacity:.6;pointer-events:none;user-select:none}.us-list-item__start-content,.us-list-item__end-content{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center;gap:calc(var(--us-list-item-gap)*.5)}.us-list-item__content{flex-grow:1;z-index:1;display:grid;overflow:hidden}.us-list-item__title{font-size:var(--us-list-item-title-font-size);font-weight:var(--us-list-item-title-font-weight);line-height:var(--us-list-item-title-line-height);opacity:var(--us-list-item-title-opacity);overflow:hidden;color:var(--us-list-item-title-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-list-item__subtitle{font-size:var(--us-list-item-subtitle-font-size);font-weight:var(--us-list-item-subtitle-font-weight);line-height:var(--us-list-item-subtitle-line-height);opacity:var(--us-list-item-subtitle-opacity);overflow:hidden;color:var(--us-list-item-subtitle-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-list-subheader{border-bottom:var(--us-list-subheader-border-width) solid var(--us-list-subheader-border-color)}.us-list-group .us-list{--us-list-background: var(--us-list-group-background)}.us-menu{margin:0;padding:var(--us-menu-padding-y) var(--us-menu-padding-x);color:var(--us-menu-color);background-color:var(--us-menu-background)}.us-menu-item{position:relative;height:var(--us-menu-item-height);padding:var(--us-menu-item-padding-y) var(--us-menu-item-padding-x);font-size:var(--us-menu-item-font-size);font-weight:var(--us-menu-item-font-weight);border-radius:var(--us-menu-item-border-radius);text-decoration:none;cursor:pointer;z-index:0;display:flex;align-items:center;color:var(--us-menu-item-color);background-color:var(--us-menu-item-background);user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);gap:var(--us-menu-item-gap)}.us-menu-item:hover{text-decoration:none}.us-menu-item>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-menu-item:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-menu-item:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-menu-item--hoverable{cursor:pointer;user-select:none}.us-menu-item--disabled{opacity:.6;pointer-events:none}.us-menu-item__start-content{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center}.us-menu-item__start-content,.us-menu-item__end-content{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center;gap:calc(var(--us-list-item-gap)*.5)}.us-menu-item__content{flex-grow:1;z-index:1;display:grid;overflow:hidden}.us-menu-item__title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-menu-group{position:relative;height:var(--us-menu-group-height);padding:var(--us-menu-group-padding-y) var(--us-menu-group-padding-x);font-size:var(--us-menu-group-font-size);font-weight:var(--us-menu-group-font-weight);text-decoration:none;border-bottom:var(--us-menu-group-border-width) solid var(--us-menu-group-border-color);border-radius:var(--us-menu-group-border-radius);display:flex;align-items:center;color:var(--us-menu-group-color);background-color:var(--us-menu-group-background);gap:var(--us-menu-group-gap)}.us-menu-group:hover{text-decoration:none}.us-menu-group>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-menu-group:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-menu-group:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-menu-group__icon{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center}.us-menu-group__content{flex-grow:1;z-index:1;display:grid;overflow:hidden}.us-menu-group__title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-menu-submenu .us-menu{--us-menu-background: var(--us-submenu-background)}.us-divider{width:100%;height:1px;background:#cac4d0}.us-breadcrumb{padding:.5rem 0;font-size:.875rem;display:flex;align-items:center;gap:0}.us-breadcrumb-item{padding:.25rem .5rem;white-space:nowrap;display:flex;align-items:center}.us-breadcrumb-item:not(.us-breadcrumb-item--is-menu){line-height:32px}.us-swipe{position:relative;overflow-x:hidden;display:flex;align-items:center;gap:var(--us-swipe-gap)}@media(max-width: 767px)and (hover: none){.us-swipe{overflow:auto}}.us-swipe-wrapper{position:relative}.us-swipe-wrapper__left,.us-swipe-wrapper__right{position:absolute;top:50%;transform:translateY(-50%);z-index:1}.us-swipe-wrapper__left{left:-1.25rem}.us-swipe-wrapper__right{right:-1.25rem}.us-swipe-wrapper--auto-hide .us-swipe-wrapper__left,.us-swipe-wrapper--auto-hide .us-swipe-wrapper__right{transform:translateY(-50%) scale(0);transition:all .2s ease-in-out}.us-swipe-wrapper--auto-hide:hover .us-swipe-wrapper__left,.us-swipe-wrapper--auto-hide:hover .us-swipe-wrapper__right{transform:translateY(-50%) scale(1)}.us-swipe--start .us-swipe-item:last-child{margin-right:auto}.us-swipe--center .us-swipe-item:first-child{margin-left:auto}.us-swipe--center .us-swipe-item:last-child{margin-right:auto}.us-swipe--end .us-swipe-item:first-child{margin-left:auto}.us-swipe-item{flex-shrink:0;position:relative}.us-tabs{width:100%;white-space:nowrap;overflow:hidden;display:flex;align-items:center}.us-tabs--start{justify-content:flex-start}.us-tabs--center{justify-content:center}.us-tabs--end{justify-content:flex-end}.us-tabs--stretch .us-tab{flex-grow:1}@media(max-width: 767px)and (hover: none){.us-tabs{overflow:auto}}.us-tab{position:relative;padding:0px 16px;font-size:var(--us-tab-font-size);font-weight:var(--us-tab-font-weight);text-decoration:none;vertical-align:middle;z-index:1;color:var(--us-tab-color);display:inline-flex;justify-content:center;align-items:center;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-tab:hover{text-decoration:none}.us-tab>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-tab:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-tab:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-tab--disabled{opacity:.6;pointer-events:none}.us-tab__content{position:relative;height:40px;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;gap:8px}.us-tab__indicator{position:absolute;height:var(--us-tab-indicator-height);border-radius:var(--us-tab-indicator-border-radius);inset:auto 0px 0px;opacity:0;z-index:-1;background:var(--us-tab-indicator-color);transform-origin:left bottom}.us-tab--selected .us-tab__indicator{opacity:1}.us-card{position:relative;border:var(--us-card-border-width) var(--us-card-border-style) var(--us-card-border-color);border-radius:var(--us-card-border-radius);z-index:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-card:hover{text-decoration:none}.us-card>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-card:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-card:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-card--hoverable{cursor:pointer;user-select:none}.us-card--disabled{opacity:.6;pointer-events:none;user-select:none}.us-card-header{height:var(--us-card-header-height);min-height:var(--us-card-header-min-height);padding-block:var(--us-card-header-padding-y);padding-inline:var(--us-card-header-padding-x);display:flex;align-items:center;gap:var(--us-card-header-gap)}.us-card-header__start-content,.us-card-header__end-content{flex-shrink:0}.us-card-header__content{flex-grow:1;display:flex;flex-direction:column;gap:var(--us-card-header-content-gap)}.us-card-header__title{font-size:var(--us-card-header-title-font-size);font-weight:var(--us-card-header-title-font-weight);line-height:var(--us-card-header-title-line-height);overflow:hidden;color:var(--us-card-header-title-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-card-header__subtitle{font-size:var(--us-card-header-subtitle-font-size);font-weight:var(--us-card-header-subtitle-font-weight);line-height:var(--us-card-header-subtitle-line-height);overflow:hidden;color:var(--us-card-header-subtitle-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-card-header:not(.us-card-header--bordered)~:not([data-hidden=true]){padding-top:0}.us-card-header--bordered~:not([data-hidden=true]){border-top-width:1px}.us-card-body{border-top:1px solid #ddd;padding:var(--us-card-body-padding-y) var(--us-card-body-padding-x);font-size:var(--us-card-body-font-size);line-height:var(--us-card-body-line-height);color:var(--us-card-body-color)}.us-result{flex-grow:1;width:100%;padding-block:var(--us-result-padding-y);padding-inline:var(--us-result-padding-x);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--us-result-gap)}.us-result__content{text-align:center;display:flex;flex-direction:column;gap:var(--us-result-content-gap)}.us-result__title{font-size:var(--us-result-title-font-size);font-weight:var(--us-result-title-font-weight)}.us-result__subtitle{font-size:var(--us-result-subtitle-font-size);font-weight:var(--us-result-subtitle-font-weight)}.us-result__icon>.us-icon{--us-icon-font-size: 4.5rem}.us-result--warning .us-result__icon>.us-icon{--us-icon-color: var(--us-warning-color)}.us-animation-spin{animation:us-animation-spin 1s linear infinite;transform-origin:center center}@keyframes us-animation-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.us-animation-pulse{animation:us-animation-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes us-animation-pulse{0%,100%{opacity:1}50%{opacity:.5}}.us-animation-bounce{animation:us-animation-bounce 1s infinite}@keyframes us-animation-bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8, 0, 1, 1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}}.us-w-full{width:100%}.us-w-screen{width:100vh}.us-h-full{height:100%}.us-h-screen{height:100dvh}.us-overflow-auto{overflow:auto}.us-overflow-hidden{overflow:hidden}.us-d-block{display:block}.us-d-inline{display:inline}.us-d-flex{display:flex}.us-d-grid{display:grid}.us-d-contents{display:contents}.us-d-none{display:none}.us-flex-row{flex-direction:row}.us-flex-row-reverse{flex-direction:row-reverse}.us-flex-col{flex-direction:column}.us-flex-col-reverse{flex-direction:column-reverse}.us-flex-nowrap{flex-wrap:nowrap}.us-flex-wrap{flex-wrap:wrap}.us-flex-wrap-reverse{flex-wrap:wrap-reverse}.us-grow-0{flex-grow:0}.us-grow-1{flex-grow:1}.us-shrink-0{flex-shrink:0}.us-shrink-1{flex-shrink:1}.us-justify-start{justify-content:flex-start}.us-justify-end{justify-content:flex-end}.us-justify-center{justify-content:center}.us-justify-between{justify-content:space-between}.us-justify-around{justify-content:space-around}.us-justify-evenly{justify-content:space-evenly}.us-items-start{align-items:flex-start}.us-items-end{align-items:flex-end}.us-items-center{align-items:center}.us-items-stretch{align-items:stretch}.us-items-baseline{align-items:baseline}.us-gap-0{gap:0}.us-gap-1{gap:.25rem}.us-gap-2{gap:.5rem}.us-gap-3{gap:.75rem}.us-gap-4{gap:1rem}.us-gap-5{gap:1.25rem}.us-gap-6{gap:1.5rem}.us-gap-7{gap:1.75rem}.us-gap-8{gap:2rem}.us-gap-x-0{column-gap:0}.us-gap-x-1{column-gap:.25rem}.us-gap-x-2{column-gap:.5rem}.us-gap-x-3{column-gap:.75rem}.us-gap-x-4{column-gap:1rem}.us-gap-x-5{column-gap:1.25rem}.us-gap-x-6{column-gap:1.5rem}.us-gap-x-7{column-gap:1.75rem}.us-gap-x-8{column-gap:2rem}.us-gap-y-0{row-gap:0}.us-gap-y-1{row-gap:.25rem}.us-gap-y-2{row-gap:.5rem}.us-gap-y-3{row-gap:.75rem}.us-gap-y-4{row-gap:1rem}.us-gap-y-5{row-gap:1.25rem}.us-gap-y-6{row-gap:1.5rem}.us-gap-y-7{row-gap:1.75rem}.us-gap-y-8{row-gap:2rem}@media screen and (min-width: 0px){.xs\:us-h-full{height:100%}.xs\:us-h-screen{height:100dvh}.xs\:us-overflow-auto{overflow:auto}.xs\:us-overflow-hidden{overflow:hidden}.xs\:us-d-block{display:block}.xs\:us-d-inline{display:inline}.xs\:us-d-flex{display:flex}.xs\:us-d-grid{display:grid}.xs\:us-d-contents{display:contents}.xs\:us-d-none{display:none}.xs\:us-flex-row{flex-direction:row}.xs\:us-flex-row-reverse{flex-direction:row-reverse}.xs\:us-flex-col{flex-direction:column}.xs\:us-flex-col-reverse{flex-direction:column-reverse}.xs\:us-flex-nowrap{flex-wrap:nowrap}.xs\:us-flex-wrap{flex-wrap:wrap}.xs\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.xs\:us-grow-0{flex-grow:0}.xs\:us-grow-1{flex-grow:1}.xs\:us-shrink-0{flex-shrink:0}.xs\:us-shrink-1{flex-shrink:1}.xs\:us-justify-start{justify-content:flex-start}.xs\:us-justify-end{justify-content:flex-end}.xs\:us-justify-center{justify-content:center}.xs\:us-justify-between{justify-content:space-between}.xs\:us-justify-around{justify-content:space-around}.xs\:us-justify-evenly{justify-content:space-evenly}.xs\:us-items-start{align-items:flex-start}.xs\:us-items-end{align-items:flex-end}.xs\:us-items-center{align-items:center}.xs\:us-items-stretch{align-items:stretch}.xs\:us-items-baseline{align-items:baseline}.xs\:us-gap-0{gap:0}.xs\:us-gap-1{gap:.25rem}.xs\:us-gap-2{gap:.5rem}.xs\:us-gap-3{gap:.75rem}.xs\:us-gap-4{gap:1rem}.xs\:us-gap-5{gap:1.25rem}.xs\:us-gap-6{gap:1.5rem}.xs\:us-gap-7{gap:1.75rem}.xs\:us-gap-8{gap:2rem}.xs\:us-gap-x-0{column-gap:0}.xs\:us-gap-x-1{column-gap:.25rem}.xs\:us-gap-x-2{column-gap:.5rem}.xs\:us-gap-x-3{column-gap:.75rem}.xs\:us-gap-x-4{column-gap:1rem}.xs\:us-gap-x-5{column-gap:1.25rem}.xs\:us-gap-x-6{column-gap:1.5rem}.xs\:us-gap-x-7{column-gap:1.75rem}.xs\:us-gap-x-8{column-gap:2rem}.xs\:us-gap-y-0{row-gap:0}.xs\:us-gap-y-1{row-gap:.25rem}.xs\:us-gap-y-2{row-gap:.5rem}.xs\:us-gap-y-3{row-gap:.75rem}.xs\:us-gap-y-4{row-gap:1rem}.xs\:us-gap-y-5{row-gap:1.25rem}.xs\:us-gap-y-6{row-gap:1.5rem}.xs\:us-gap-y-7{row-gap:1.75rem}.xs\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 600px){.sm\:us-h-full{height:100%}.sm\:us-h-screen{height:100dvh}.sm\:us-overflow-auto{overflow:auto}.sm\:us-overflow-hidden{overflow:hidden}.sm\:us-d-block{display:block}.sm\:us-d-inline{display:inline}.sm\:us-d-flex{display:flex}.sm\:us-d-grid{display:grid}.sm\:us-d-contents{display:contents}.sm\:us-d-none{display:none}.sm\:us-flex-row{flex-direction:row}.sm\:us-flex-row-reverse{flex-direction:row-reverse}.sm\:us-flex-col{flex-direction:column}.sm\:us-flex-col-reverse{flex-direction:column-reverse}.sm\:us-flex-nowrap{flex-wrap:nowrap}.sm\:us-flex-wrap{flex-wrap:wrap}.sm\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.sm\:us-grow-0{flex-grow:0}.sm\:us-grow-1{flex-grow:1}.sm\:us-shrink-0{flex-shrink:0}.sm\:us-shrink-1{flex-shrink:1}.sm\:us-justify-start{justify-content:flex-start}.sm\:us-justify-end{justify-content:flex-end}.sm\:us-justify-center{justify-content:center}.sm\:us-justify-between{justify-content:space-between}.sm\:us-justify-around{justify-content:space-around}.sm\:us-justify-evenly{justify-content:space-evenly}.sm\:us-items-start{align-items:flex-start}.sm\:us-items-end{align-items:flex-end}.sm\:us-items-center{align-items:center}.sm\:us-items-stretch{align-items:stretch}.sm\:us-items-baseline{align-items:baseline}.sm\:us-gap-0{gap:0}.sm\:us-gap-1{gap:.25rem}.sm\:us-gap-2{gap:.5rem}.sm\:us-gap-3{gap:.75rem}.sm\:us-gap-4{gap:1rem}.sm\:us-gap-5{gap:1.25rem}.sm\:us-gap-6{gap:1.5rem}.sm\:us-gap-7{gap:1.75rem}.sm\:us-gap-8{gap:2rem}.sm\:us-gap-x-0{column-gap:0}.sm\:us-gap-x-1{column-gap:.25rem}.sm\:us-gap-x-2{column-gap:.5rem}.sm\:us-gap-x-3{column-gap:.75rem}.sm\:us-gap-x-4{column-gap:1rem}.sm\:us-gap-x-5{column-gap:1.25rem}.sm\:us-gap-x-6{column-gap:1.5rem}.sm\:us-gap-x-7{column-gap:1.75rem}.sm\:us-gap-x-8{column-gap:2rem}.sm\:us-gap-y-0{row-gap:0}.sm\:us-gap-y-1{row-gap:.25rem}.sm\:us-gap-y-2{row-gap:.5rem}.sm\:us-gap-y-3{row-gap:.75rem}.sm\:us-gap-y-4{row-gap:1rem}.sm\:us-gap-y-5{row-gap:1.25rem}.sm\:us-gap-y-6{row-gap:1.5rem}.sm\:us-gap-y-7{row-gap:1.75rem}.sm\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 960px){.md\:us-h-full{height:100%}.md\:us-h-screen{height:100dvh}.md\:us-overflow-auto{overflow:auto}.md\:us-overflow-hidden{overflow:hidden}.md\:us-d-block{display:block}.md\:us-d-inline{display:inline}.md\:us-d-flex{display:flex}.md\:us-d-grid{display:grid}.md\:us-d-contents{display:contents}.md\:us-d-none{display:none}.md\:us-flex-row{flex-direction:row}.md\:us-flex-row-reverse{flex-direction:row-reverse}.md\:us-flex-col{flex-direction:column}.md\:us-flex-col-reverse{flex-direction:column-reverse}.md\:us-flex-nowrap{flex-wrap:nowrap}.md\:us-flex-wrap{flex-wrap:wrap}.md\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.md\:us-grow-0{flex-grow:0}.md\:us-grow-1{flex-grow:1}.md\:us-shrink-0{flex-shrink:0}.md\:us-shrink-1{flex-shrink:1}.md\:us-justify-start{justify-content:flex-start}.md\:us-justify-end{justify-content:flex-end}.md\:us-justify-center{justify-content:center}.md\:us-justify-between{justify-content:space-between}.md\:us-justify-around{justify-content:space-around}.md\:us-justify-evenly{justify-content:space-evenly}.md\:us-items-start{align-items:flex-start}.md\:us-items-end{align-items:flex-end}.md\:us-items-center{align-items:center}.md\:us-items-stretch{align-items:stretch}.md\:us-items-baseline{align-items:baseline}.md\:us-gap-0{gap:0}.md\:us-gap-1{gap:.25rem}.md\:us-gap-2{gap:.5rem}.md\:us-gap-3{gap:.75rem}.md\:us-gap-4{gap:1rem}.md\:us-gap-5{gap:1.25rem}.md\:us-gap-6{gap:1.5rem}.md\:us-gap-7{gap:1.75rem}.md\:us-gap-8{gap:2rem}.md\:us-gap-x-0{column-gap:0}.md\:us-gap-x-1{column-gap:.25rem}.md\:us-gap-x-2{column-gap:.5rem}.md\:us-gap-x-3{column-gap:.75rem}.md\:us-gap-x-4{column-gap:1rem}.md\:us-gap-x-5{column-gap:1.25rem}.md\:us-gap-x-6{column-gap:1.5rem}.md\:us-gap-x-7{column-gap:1.75rem}.md\:us-gap-x-8{column-gap:2rem}.md\:us-gap-y-0{row-gap:0}.md\:us-gap-y-1{row-gap:.25rem}.md\:us-gap-y-2{row-gap:.5rem}.md\:us-gap-y-3{row-gap:.75rem}.md\:us-gap-y-4{row-gap:1rem}.md\:us-gap-y-5{row-gap:1.25rem}.md\:us-gap-y-6{row-gap:1.5rem}.md\:us-gap-y-7{row-gap:1.75rem}.md\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 1264px){.lg\:us-h-full{height:100%}.lg\:us-h-screen{height:100dvh}.lg\:us-overflow-auto{overflow:auto}.lg\:us-overflow-hidden{overflow:hidden}.lg\:us-d-block{display:block}.lg\:us-d-inline{display:inline}.lg\:us-d-flex{display:flex}.lg\:us-d-grid{display:grid}.lg\:us-d-contents{display:contents}.lg\:us-d-none{display:none}.lg\:us-flex-row{flex-direction:row}.lg\:us-flex-row-reverse{flex-direction:row-reverse}.lg\:us-flex-col{flex-direction:column}.lg\:us-flex-col-reverse{flex-direction:column-reverse}.lg\:us-flex-nowrap{flex-wrap:nowrap}.lg\:us-flex-wrap{flex-wrap:wrap}.lg\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.lg\:us-grow-0{flex-grow:0}.lg\:us-grow-1{flex-grow:1}.lg\:us-shrink-0{flex-shrink:0}.lg\:us-shrink-1{flex-shrink:1}.lg\:us-justify-start{justify-content:flex-start}.lg\:us-justify-end{justify-content:flex-end}.lg\:us-justify-center{justify-content:center}.lg\:us-justify-between{justify-content:space-between}.lg\:us-justify-around{justify-content:space-around}.lg\:us-justify-evenly{justify-content:space-evenly}.lg\:us-items-start{align-items:flex-start}.lg\:us-items-end{align-items:flex-end}.lg\:us-items-center{align-items:center}.lg\:us-items-stretch{align-items:stretch}.lg\:us-items-baseline{align-items:baseline}.lg\:us-gap-0{gap:0}.lg\:us-gap-1{gap:.25rem}.lg\:us-gap-2{gap:.5rem}.lg\:us-gap-3{gap:.75rem}.lg\:us-gap-4{gap:1rem}.lg\:us-gap-5{gap:1.25rem}.lg\:us-gap-6{gap:1.5rem}.lg\:us-gap-7{gap:1.75rem}.lg\:us-gap-8{gap:2rem}.lg\:us-gap-x-0{column-gap:0}.lg\:us-gap-x-1{column-gap:.25rem}.lg\:us-gap-x-2{column-gap:.5rem}.lg\:us-gap-x-3{column-gap:.75rem}.lg\:us-gap-x-4{column-gap:1rem}.lg\:us-gap-x-5{column-gap:1.25rem}.lg\:us-gap-x-6{column-gap:1.5rem}.lg\:us-gap-x-7{column-gap:1.75rem}.lg\:us-gap-x-8{column-gap:2rem}.lg\:us-gap-y-0{row-gap:0}.lg\:us-gap-y-1{row-gap:.25rem}.lg\:us-gap-y-2{row-gap:.5rem}.lg\:us-gap-y-3{row-gap:.75rem}.lg\:us-gap-y-4{row-gap:1rem}.lg\:us-gap-y-5{row-gap:1.25rem}.lg\:us-gap-y-6{row-gap:1.5rem}.lg\:us-gap-y-7{row-gap:1.75rem}.lg\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 1904px){.xl\:us-h-full{height:100%}.xl\:us-h-screen{height:100dvh}.xl\:us-overflow-auto{overflow:auto}.xl\:us-overflow-hidden{overflow:hidden}.xl\:us-d-block{display:block}.xl\:us-d-inline{display:inline}.xl\:us-d-flex{display:flex}.xl\:us-d-grid{display:grid}.xl\:us-d-contents{display:contents}.xl\:us-d-none{display:none}.xl\:us-flex-row{flex-direction:row}.xl\:us-flex-row-reverse{flex-direction:row-reverse}.xl\:us-flex-col{flex-direction:column}.xl\:us-flex-col-reverse{flex-direction:column-reverse}.xl\:us-flex-nowrap{flex-wrap:nowrap}.xl\:us-flex-wrap{flex-wrap:wrap}.xl\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.xl\:us-grow-0{flex-grow:0}.xl\:us-grow-1{flex-grow:1}.xl\:us-shrink-0{flex-shrink:0}.xl\:us-shrink-1{flex-shrink:1}.xl\:us-justify-start{justify-content:flex-start}.xl\:us-justify-end{justify-content:flex-end}.xl\:us-justify-center{justify-content:center}.xl\:us-justify-between{justify-content:space-between}.xl\:us-justify-around{justify-content:space-around}.xl\:us-justify-evenly{justify-content:space-evenly}.xl\:us-items-start{align-items:flex-start}.xl\:us-items-end{align-items:flex-end}.xl\:us-items-center{align-items:center}.xl\:us-items-stretch{align-items:stretch}.xl\:us-items-baseline{align-items:baseline}.xl\:us-gap-0{gap:0}.xl\:us-gap-1{gap:.25rem}.xl\:us-gap-2{gap:.5rem}.xl\:us-gap-3{gap:.75rem}.xl\:us-gap-4{gap:1rem}.xl\:us-gap-5{gap:1.25rem}.xl\:us-gap-6{gap:1.5rem}.xl\:us-gap-7{gap:1.75rem}.xl\:us-gap-8{gap:2rem}.xl\:us-gap-x-0{column-gap:0}.xl\:us-gap-x-1{column-gap:.25rem}.xl\:us-gap-x-2{column-gap:.5rem}.xl\:us-gap-x-3{column-gap:.75rem}.xl\:us-gap-x-4{column-gap:1rem}.xl\:us-gap-x-5{column-gap:1.25rem}.xl\:us-gap-x-6{column-gap:1.5rem}.xl\:us-gap-x-7{column-gap:1.75rem}.xl\:us-gap-x-8{column-gap:2rem}.xl\:us-gap-y-0{row-gap:0}.xl\:us-gap-y-1{row-gap:.25rem}.xl\:us-gap-y-2{row-gap:.5rem}.xl\:us-gap-y-3{row-gap:.75rem}.xl\:us-gap-y-4{row-gap:1rem}.xl\:us-gap-y-5{row-gap:1.25rem}.xl\:us-gap-y-6{row-gap:1.5rem}.xl\:us-gap-y-7{row-gap:1.75rem}.xl\:us-gap-y-8{row-gap:2rem}}.us-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.us-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.slider-container{width:300px;height:20px;background-color:#ccc;position:relative;margin-top:20px}.slider-point{width:20px;height:20px;background-color:#007bff;border-radius:50%;position:absolute;cursor:pointer}
1
+ .us-toolbar{position:relative;width:100%;padding:var(--us-toolbar-padding-y) var(--us-toolbar-padding-x);border-bottom:var(--us-toolbar-border);background:var(--us-toolbar-background);display:flex;align-items:center}.us-toolbar>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-toolbar:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-toolbar:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-toolbar>.us-outline-b{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border-bottom:var(--us-outline-border-width) solid var(--us-outline-border-color)}.us-toolbar__container{width:100%;min-height:var(--us-toolbar-min-height);margin:0 auto;display:flex;align-items:center;gap:.5rem;z-index:1}.us-toolbar__start-action,.us-toolbar__end-action{flex-shrink:0}.us-toolbar__content{flex-grow:1;overflow:hidden;display:flex}.us-toolbar__title{font-size:var(--us-toolbar-title-font-size);font-weight:var(--us-toolbar-title-font-weight);text-decoration:none;color:inherit;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.us-badge{position:absolute;padding:var(--us-badge-padding-y) var(--us-badge-padding-x);font-size:var(--us-badge-font-size);font-weight:var(--us-badge-font-weight);border:var(--us-badge-border-width) solid var(--us-badge-border-color);border-radius:var(--us-badge-border-radius);color:var(--us-badge-color);background-color:var(--us-badge-background);display:inline-flex}.us-badge>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-badge:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-badge:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-badge--top-left{top:10%;left:10%}.us-badge--top-right{right:0;top:0;transform:translate(50%, -50%)}.us-badge--bottom-left{bottom:10%;left:10%}.us-badge--bottom-right{bottom:0;right:0}.us-badge-wrapper{flex-shrink:0;position:relative;display:inline-flex}.us-collapse{overflow:hidden;transition:all .15s ease-in-out}.us-collapse-trigger{cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-icon{width:1em;height:1em;font-size:var(--us-icon-font-size);color:var(--us-icon-color);display:flex;justify-content:center;align-items:center}.us-chip{position:relative;height:var(--us-chip-height);padding:var(--us-chip-padding-y) var(--us-chip-padding-x);font-size:var(--us-chip-font-size);font-weight:var(--us-chip-font-weight);font-family:var(--us-chip-font-family);border-radius:var(--us-chip-border-radius);color:var(--us-chip-color);background-color:var(--us-chip-background);display:inline-flex;align-items:center;gap:var(--us-chip-gap)}.us-chip>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-chip:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-chip:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-chip>.us-outline{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border-width:var(--us-outline-border-width);border-style:solid;border-color:var(--us-outline-border-color);opacity:var(--us-outline-opacity);pointer-events:none}.us-chip:hover>.us-outline{border-width:var(--us-outline-hover-border-width, var(--us-outline-border-width));border-color:var(--us-outline-hover-border-color, var(--us-outline-border-color));opacity:var(--us-outline-hover-opacity, var(--us-outline-opacity))}.us-chip:active>.us-outline{border-width:var(--us-outline-active-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));border-color:var(--us-outline-active-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));opacity:var(--us-outline-active-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)))}.us-chip--focus>.us-outline,.us-chip--focus:hover>.us-outline,.us-chip:focus>.us-outline{border-width:var(--us-outline-focus-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));border-color:var(--us-outline-focus-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));opacity:var(--us-outline-focus-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)))}.us-button{position:relative;height:var(--us-button-height);padding:var(--us-button-padding-y) var(--us-button-padding-x);font-size:var(--us-button-font-size);font-weight:var(--us-button-font-weight);font-family:var(--us-button-font-family);white-space:nowrap;border:none;outline:none;border-radius:var(--us-button-border-radius);cursor:pointer;color:var(--us-button-color);background-color:var(--us-button-background);z-index:0;display:inline-flex;justify-content:center;align-items:center;gap:var(--us-button-gap);user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-button:hover{text-decoration:none}.us-button>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-button:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-button:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-button>.us-outline{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border-width:var(--us-outline-border-width);border-style:solid;border-color:var(--us-outline-border-color);opacity:var(--us-outline-opacity);pointer-events:none}.us-button:hover>.us-outline{border-width:var(--us-outline-hover-border-width, var(--us-outline-border-width));border-color:var(--us-outline-hover-border-color, var(--us-outline-border-color));opacity:var(--us-outline-hover-opacity, var(--us-outline-opacity))}.us-button:active>.us-outline{border-width:var(--us-outline-active-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));border-color:var(--us-outline-active-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));opacity:var(--us-outline-active-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)))}.us-button--focus>.us-outline,.us-button--focus:hover>.us-outline,.us-button:focus>.us-outline{border-width:var(--us-outline-focus-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));border-color:var(--us-outline-focus-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));opacity:var(--us-outline-focus-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)))}.us-button--block{width:100%}.us-button--disabled{opacity:.6;pointer-events:none}.us-button--icon-only{width:var(--us-button-height);padding:0;border-radius:9999px;justify-content:center}.us-button__outline{position:absolute;inset:0px;z-index:0;border:var(--us-button-outline-border-width) solid var(--us-button-outline-border-color);border-radius:inherit;pointer-events:none}.us-button__start-icon,.us-button__end-icon,.us-button__content{position:relative;display:flex;align-items:center}.us-scroll-area__track{position:absolute;border-radius:3px;right:2px;bottom:2px}.us-scroll-area__track--horizontal{height:6px;left:2px}.us-scroll-area__track--vertical{width:6px;top:2px}.us-scroll-area__thumb{position:relative;display:block;cursor:pointer;border-radius:inherit;background-color:rgba(0,0,0,.2);transform:translateX(0px)}.us-scroll-area__thumb--horizontal{height:100%;width:105px}.us-scroll-area__thumb--vertical{width:100%;height:463px}.us-backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:10;display:flex;justify-content:center;align-items:center}.us-backdrop-enter{opacity:0}.us-backdrop-enter-active{opacity:1;transition:opacity 100ms}.us-backdrop-exit{opacity:1}.us-backdrop-exit-active{opacity:0;transition:opacity 200ms;transition-delay:300ms}.us-backdrop__overlay{position:absolute;width:100%;height:100%;z-index:-10;background-color:rgba(0,0,0,.6)}.us-popover{min-width:240px;position:absolute;border-radius:6px;box-shadow:rgba(0,0,59,.05) 0px 0px 0px 1px,rgba(1,1,46,.133) 0px 12px 60px 0px,rgba(0,0,0,.133) 0px 12px 32px -16px;background-color:#fff;overflow:hidden;z-index:40;display:flex;flex-direction:column}.us-popover__overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:inherit;background-color:#fff;opacity:1;z-index:0}.us-popover-enter{opacity:0;transform:scale(0.9)}.us-popover-enter-active{opacity:1;transform:scale(1);transition:opacity 100ms,transform 200ms}.us-popover-exit{opacity:1;transform:scale(1)}.us-popover-exit-active{opacity:0;transform:scale(0.9);transition:opacity 150ms,transform 150ms}.us-drawer{position:absolute;max-width:var(--us-drawer-width);width:100%;height:100%;background-color:var(--us-drawer-background)}.us-drawer-appear,.us-drawer-enter{opacity:0;transform:translateX(-100%)}.us-drawer-appear-active,.us-drawer-enter-active{opacity:1;transform:translateX(0%);transition:opacity 100ms,transform 200ms;transition-delay:300ms}.us-drawer-exit{opacity:1;transform:translateX(0%)}.us-drawer-exit-active{opacity:0;transform:translateX(-100%);transition:opacity 300ms,transform 300ms}.us-drawer--left,.us-drawer--right{max-width:calc(100% - 2rem);max-height:100%}.us-drawer--left{left:0}.us-drawer--left.us-drawer-appear,.us-drawer--left.us-drawer-enter{transform:translateX(-100%)}.us-drawer--left.us-drawer-appear-active,.us-drawer--left.us-drawer-enter-active{transform:translateX(0%)}.us-drawer--left.us-drawer-exit{transform:translateX(0%)}.us-drawer--left.us-drawer-exit-active{transform:translateX(-100%)}.us-drawer--right.us-drawer-appear,.us-drawer--right.us-drawer-enter{transform:translateX(100%)}.us-drawer--right{right:0}.us-drawer--right.us-drawer-appear-active,.us-drawer--right.us-drawer-enter-active{transform:translateX(0%)}.us-drawer--right.us-drawer-exit{transform:translateX(0%)}.us-drawer--right.us-drawer-exit-active{transform:translateX(100%)}.us-drawer--top,.us-drawer--bottom{max-width:100%;max-height:calc(100% - 2rem)}.us-drawer--top{top:0}.us-drawer--top.us-drawer-appear,.us-drawer--top.us-drawer-enter{transform:translateY(-100%)}.us-drawer--top.us-drawer-appear-active,.us-drawer--top.us-drawer-enter-active{transform:translateY(0%)}.us-drawer--top.us-drawer-exit{transform:translateY(0%)}.us-drawer--top.us-drawer-exit-active{transform:translateY(-100%)}.us-drawer--bottom{bottom:0}.us-drawer--bottom.us-drawer-appear,.us-drawer--bottom.us-drawer-enter{transform:translateY(100%)}.us-drawer--bottom.us-drawer-appear-active,.us-drawer--bottom.us-drawer-enter-active{transform:translateY(0%)}.us-drawer--bottom.us-drawer-exit{transform:translateY(0%)}.us-drawer--bottom.us-drawer-exit-active{transform:translateY(100%)}@media screen and (min-width: 768px){.us-drawer--left,.us-drawer--right{max-width:var(--us-drawer-width);max-height:100%}.us-drawer--top,.us-drawer--bottom{max-width:100%;max-height:var(--us-drawer-width)}}.us-input{position:relative;width:100%;padding:0;height:var(--us-input-height);display:flex;align-items:center;border:none;border-radius:var(--us-input-border-radius);color:var(--us-input-color);background-color:var(--us-input-background)}.us-input:focus-visible{outline:none}.us-input:not(.us-input--filterable){cursor:pointer}.us-input>.us-outline{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border-width:var(--us-outline-border-width);border-style:solid;border-color:var(--us-outline-border-color);opacity:var(--us-outline-opacity);pointer-events:none}.us-input:hover>.us-outline{border-width:var(--us-outline-hover-border-width, var(--us-outline-border-width));border-color:var(--us-outline-hover-border-color, var(--us-outline-border-color));opacity:var(--us-outline-hover-opacity, var(--us-outline-opacity))}.us-input:active>.us-outline{border-width:var(--us-outline-active-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));border-color:var(--us-outline-active-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));opacity:var(--us-outline-active-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)))}.us-input--focus>.us-outline,.us-input--focus:hover>.us-outline,.us-input:focus>.us-outline{border-width:var(--us-outline-focus-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));border-color:var(--us-outline-focus-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));opacity:var(--us-outline-focus-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)))}.us-input--disabled{opacity:.75;pointer-events:none}.us-input--clearable .us-input__clearable{opacity:.75;transform:scale(0);transition:all .2s ease-in-out}.us-input--clearable:hover .us-input__clearable{transform:scale(0.75)}.us-input__clearable{display:flex;justify-content:center;align-items:center}.us-input__content{flex:1;height:100%;display:flex;align-items:center;z-index:1}.us-input__field{flex:1;width:100%;height:100%;padding:var(--us-input-padding-y) var(--us-input-padding-x);font-size:var(--us-input-font-size);font-family:var(--us-input-font-family);line-height:var(--us-input-line-height);border:none;outline:none;color:var(--us-input-color);background-color:rgba(0,0,0,0);display:flex;align-items:center}.us-input__field:focus{outline:none !important}.us-input__start-content,.us-input__end-content{flex-shrink:0;display:flex;align-items:center}.us-input__start-content .us-icon,.us-input__end-content .us-icon{font-size:var(--us-input-icon-size)}.us-input__start-content{margin-right:calc(-1*var(--us-input-icon-size));padding:var(--us-input-padding-y) calc(.75*var(--us-input-padding-x))}.us-input__end-content{margin-left:calc(-1*var(--us-input-icon-size));padding:var(--us-input-padding-y) calc(.75*var(--us-input-padding-x))}.us-switch{position:relative;display:inline-block;width:var(--us-switch-width);padding-block:var(--us-switch-padding-y);border-radius:var(--us-switch-border-radius);cursor:pointer;background-color:var(--us-switch-color);display:inline-flex;align-items:center;transition:all .2s ease-in-out;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-switch input{position:absolute;opacity:0;width:0;height:0}.us-switch--checked .us-switch__thumb{transform:translateX(calc(var(--us-switch-width) - var(--us-switch-thumb-width) - (var(--us-switch-padding-x))))}.us-switch__thumb{width:var(--us-switch-thumb-width);height:var(--us-switch-thumb-height);transform:translateX(var(--us-switch-padding-x));border-radius:var(--us-switch-thumb-border-radius);background-color:var(--us-switch-thumb-color);transition:all .2s ease-in-out}.us-accordion-item{border-bottom:1px solid #e6e6e6}.us-accordion-item:last-child{border-bottom:none}.us-accordion-header{padding:.75rem 1rem;cursor:pointer;display:flex;align-items:center;gap:1rem}.us-accordion-header__content{flex-grow:1}.us-accordion-header__start-content,.us-accordion-header__end-content{flex-shrink:0}.us-accordion-header__title{font-size:.875rem;font-weight:500}.us-accordion-header__subtitle{font-size:.75rem;opacity:.75}.us-accordion-panel{padding:1rem}.us-list{margin:0;padding:var(--us-list-padding-y) var(--us-list-padding-x);color:var(--us-list-color);background-color:var(--us-list-background)}.us-list-item{position:relative;height:var(--us-list-item-height);min-height:var(--us-list-item-min-height);padding-block:var(--us-list-item-padding-y);padding-inline:var(--us-list-item-padding-x);font-size:var(--us-list-item-font-size);font-weight:var(--us-list-item-font-weight);border-radius:var(--us-list-item-border-radius);text-decoration:none;z-index:0;display:flex;align-items:center;color:var(--us-list-item-color);background-color:var(--us-list-item-background);-webkit-tap-highlight-color:rgba(0,0,0,0);gap:var(--us-list-item-gap)}.us-list-item:hover{text-decoration:none}.us-list-item>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-list-item:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-list-item:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-list-item--hoverable{cursor:pointer;user-select:none}.us-list-item--disabled{opacity:.6;pointer-events:none;user-select:none}.us-list-item__start-content,.us-list-item__end-content{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center;gap:calc(var(--us-list-item-gap)*.5)}.us-list-item__content{flex-grow:1;z-index:1;display:grid;overflow:hidden}.us-list-item__title{font-size:var(--us-list-item-title-font-size);font-weight:var(--us-list-item-title-font-weight);line-height:var(--us-list-item-title-line-height);opacity:var(--us-list-item-title-opacity);overflow:hidden;color:var(--us-list-item-title-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-list-item__subtitle{font-size:var(--us-list-item-subtitle-font-size);font-weight:var(--us-list-item-subtitle-font-weight);line-height:var(--us-list-item-subtitle-line-height);opacity:var(--us-list-item-subtitle-opacity);overflow:hidden;color:var(--us-list-item-subtitle-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-list-subheader--bordered{border-bottom:var(--us-list-subheader-border-width) solid var(--us-list-subheader-border-color)}.us-list-group .us-list{--us-list-background: var(--us-list-group-background)}.us-menu{margin:0;padding:var(--us-menu-padding-y) var(--us-menu-padding-x);color:var(--us-menu-color);background-color:var(--us-menu-background)}.us-menu-item{position:relative;height:var(--us-menu-item-height);padding:var(--us-menu-item-padding-y) var(--us-menu-item-padding-x);font-size:var(--us-menu-item-font-size);font-weight:var(--us-menu-item-font-weight);border-radius:var(--us-menu-item-border-radius);text-decoration:none;cursor:pointer;z-index:0;display:flex;align-items:center;color:var(--us-menu-item-color);background-color:var(--us-menu-item-background);user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);gap:var(--us-menu-item-gap)}.us-menu-item:hover{text-decoration:none}.us-menu-item>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-menu-item:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-menu-item:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-menu-item--hoverable{cursor:pointer;user-select:none}.us-menu-item--disabled{opacity:.6;pointer-events:none}.us-menu-item__start-content{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center}.us-menu-item__start-content,.us-menu-item__end-content{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center;gap:calc(var(--us-list-item-gap)*.5)}.us-menu-item__content{flex-grow:1;z-index:1;display:grid;overflow:hidden}.us-menu-item__title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-menu-group{position:relative;height:var(--us-menu-group-height);padding:var(--us-menu-group-padding-y) var(--us-menu-group-padding-x);font-size:var(--us-menu-group-font-size);font-weight:var(--us-menu-group-font-weight);text-decoration:none;border-bottom:var(--us-menu-group-border-width) solid var(--us-menu-group-border-color);border-radius:var(--us-menu-group-border-radius);display:flex;align-items:center;color:var(--us-menu-group-color);background-color:var(--us-menu-group-background);gap:var(--us-menu-group-gap)}.us-menu-group:hover{text-decoration:none}.us-menu-group>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-menu-group:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-menu-group:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-menu-group__icon{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center}.us-menu-group__content{flex-grow:1;z-index:1;display:grid;overflow:hidden}.us-menu-group__title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-menu-submenu .us-menu{--us-menu-background: var(--us-submenu-background)}.us-divider{width:100%;height:1px;background:#cac4d0}.us-breadcrumb{padding:.5rem 0;font-size:.875rem;display:flex;align-items:center;gap:0}.us-breadcrumb-item{padding:.25rem .5rem;white-space:nowrap;display:flex;align-items:center}.us-breadcrumb-item:not(.us-breadcrumb-item--is-menu){line-height:32px}.us-swipe{position:relative;overflow-x:hidden;display:flex;align-items:center;gap:var(--us-swipe-gap)}@media(max-width: 767px)and (hover: none){.us-swipe{overflow:auto}}.us-swipe-wrapper{position:relative}.us-swipe-wrapper__left,.us-swipe-wrapper__right{position:absolute;top:50%;transform:translateY(-50%);z-index:1}.us-swipe-wrapper__left{left:-1.25rem}.us-swipe-wrapper__right{right:-1.25rem}.us-swipe-wrapper--auto-hide .us-swipe-wrapper__left,.us-swipe-wrapper--auto-hide .us-swipe-wrapper__right{transform:translateY(-50%) scale(0);transition:all .2s ease-in-out}.us-swipe-wrapper--auto-hide:hover .us-swipe-wrapper__left,.us-swipe-wrapper--auto-hide:hover .us-swipe-wrapper__right{transform:translateY(-50%) scale(1)}.us-swipe--start .us-swipe-item:last-child{margin-right:auto}.us-swipe--center .us-swipe-item:first-child{margin-left:auto}.us-swipe--center .us-swipe-item:last-child{margin-right:auto}.us-swipe--end .us-swipe-item:first-child{margin-left:auto}.us-swipe-item{flex-shrink:0;position:relative}.us-tabs{width:100%;white-space:nowrap;overflow:hidden;display:flex;align-items:center}.us-tabs--start{justify-content:flex-start}.us-tabs--center{justify-content:center}.us-tabs--end{justify-content:flex-end}.us-tabs--stretch .us-tab{flex-grow:1}@media(max-width: 767px)and (hover: none){.us-tabs{overflow:auto}}.us-tab{position:relative;padding:0px 16px;font-size:var(--us-tab-font-size);font-weight:var(--us-tab-font-weight);text-decoration:none;vertical-align:middle;border-radius:var(--us-tab-border-radius);z-index:1;color:var(--us-tab-color);display:inline-flex;justify-content:center;align-items:center;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-tab:hover{text-decoration:none}.us-tab>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-tab:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-tab:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-tab--disabled{opacity:.6;pointer-events:none}.us-tab__content{position:relative;height:40px;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;gap:8px}.us-tab__indicator{position:absolute;height:var(--us-tab-indicator-height);border-radius:var(--us-tab-indicator-border-radius);inset:auto 0px 0px;opacity:0;z-index:-1;background:var(--us-tab-indicator-color);transform-origin:left bottom}.us-tab--selected .us-tab__indicator{opacity:1}.us-card{position:relative;border:var(--us-card-border-width) var(--us-card-border-style) var(--us-card-border-color);border-radius:var(--us-card-border-radius);z-index:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-card:hover{text-decoration:none}.us-card>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-card:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-card:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-card--hoverable{cursor:pointer;user-select:none}.us-card--disabled{opacity:.6;pointer-events:none;user-select:none}.us-card-header{height:var(--us-card-header-height);min-height:var(--us-card-header-min-height);padding-block:var(--us-card-header-padding-y);padding-inline:var(--us-card-header-padding-x);display:flex;align-items:center;gap:var(--us-card-header-gap)}.us-card-header__start-content,.us-card-header__end-content{flex-shrink:0}.us-card-header__content{flex-grow:1;display:flex;flex-direction:column;gap:var(--us-card-header-content-gap)}.us-card-header__title{font-size:var(--us-card-header-title-font-size);font-weight:var(--us-card-header-title-font-weight);line-height:var(--us-card-header-title-line-height);overflow:hidden;color:var(--us-card-header-title-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-card-header__subtitle{font-size:var(--us-card-header-subtitle-font-size);font-weight:var(--us-card-header-subtitle-font-weight);line-height:var(--us-card-header-subtitle-line-height);overflow:hidden;color:var(--us-card-header-subtitle-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-card-header:not(.us-card-header--bordered)~:not([data-hidden=true]){padding-top:0}.us-card-header--bordered~:not([data-hidden=true]){border-top-width:1px}.us-card-body{border-top:1px solid #ddd;padding:var(--us-card-body-padding-y) var(--us-card-body-padding-x);font-size:var(--us-card-body-font-size);line-height:var(--us-card-body-line-height);color:var(--us-card-body-color)}.us-result{flex-grow:1;width:100%;padding-block:var(--us-result-padding-y);padding-inline:var(--us-result-padding-x);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--us-result-gap)}.us-result__content{text-align:center;display:flex;flex-direction:column;gap:var(--us-result-content-gap)}.us-result__title{font-size:var(--us-result-title-font-size);font-weight:var(--us-result-title-font-weight)}.us-result__subtitle{font-size:var(--us-result-subtitle-font-size);font-weight:var(--us-result-subtitle-font-weight)}.us-result__icon>.us-icon{--us-icon-font-size: 4.5rem}.us-result--warning .us-result__icon>.us-icon{--us-icon-color: var(--us-warning-color)}.us-animation-spin{animation:us-animation-spin 1s linear infinite;transform-origin:center center}@keyframes us-animation-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.us-animation-pulse{animation:us-animation-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes us-animation-pulse{0%,100%{opacity:1}50%{opacity:.5}}.us-animation-bounce{animation:us-animation-bounce 1s infinite}@keyframes us-animation-bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8, 0, 1, 1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}}.us-w-full{width:100%}.us-w-screen{width:100vh}.us-h-full{height:100%}.us-h-screen{height:100dvh}.us-overflow-auto{overflow:auto}.us-overflow-hidden{overflow:hidden}.us-d-block{display:block}.us-d-inline{display:inline}.us-d-flex{display:flex}.us-d-grid{display:grid}.us-d-contents{display:contents}.us-d-none{display:none}.us-flex-row{flex-direction:row}.us-flex-row-reverse{flex-direction:row-reverse}.us-flex-col{flex-direction:column}.us-flex-col-reverse{flex-direction:column-reverse}.us-flex-nowrap{flex-wrap:nowrap}.us-flex-wrap{flex-wrap:wrap}.us-flex-wrap-reverse{flex-wrap:wrap-reverse}.us-grow-0{flex-grow:0}.us-grow-1{flex-grow:1}.us-shrink-0{flex-shrink:0}.us-shrink-1{flex-shrink:1}.us-justify-start{justify-content:flex-start}.us-justify-end{justify-content:flex-end}.us-justify-center{justify-content:center}.us-justify-between{justify-content:space-between}.us-justify-around{justify-content:space-around}.us-justify-evenly{justify-content:space-evenly}.us-items-start{align-items:flex-start}.us-items-end{align-items:flex-end}.us-items-center{align-items:center}.us-items-stretch{align-items:stretch}.us-items-baseline{align-items:baseline}.us-gap-0{gap:0}.us-gap-1{gap:.25rem}.us-gap-2{gap:.5rem}.us-gap-3{gap:.75rem}.us-gap-4{gap:1rem}.us-gap-5{gap:1.25rem}.us-gap-6{gap:1.5rem}.us-gap-7{gap:1.75rem}.us-gap-8{gap:2rem}.us-gap-x-0{column-gap:0}.us-gap-x-1{column-gap:.25rem}.us-gap-x-2{column-gap:.5rem}.us-gap-x-3{column-gap:.75rem}.us-gap-x-4{column-gap:1rem}.us-gap-x-5{column-gap:1.25rem}.us-gap-x-6{column-gap:1.5rem}.us-gap-x-7{column-gap:1.75rem}.us-gap-x-8{column-gap:2rem}.us-gap-y-0{row-gap:0}.us-gap-y-1{row-gap:.25rem}.us-gap-y-2{row-gap:.5rem}.us-gap-y-3{row-gap:.75rem}.us-gap-y-4{row-gap:1rem}.us-gap-y-5{row-gap:1.25rem}.us-gap-y-6{row-gap:1.5rem}.us-gap-y-7{row-gap:1.75rem}.us-gap-y-8{row-gap:2rem}@media screen and (min-width: 0px){.xs\:us-h-full{height:100%}.xs\:us-h-screen{height:100dvh}.xs\:us-overflow-auto{overflow:auto}.xs\:us-overflow-hidden{overflow:hidden}.xs\:us-d-block{display:block}.xs\:us-d-inline{display:inline}.xs\:us-d-flex{display:flex}.xs\:us-d-grid{display:grid}.xs\:us-d-contents{display:contents}.xs\:us-d-none{display:none}.xs\:us-flex-row{flex-direction:row}.xs\:us-flex-row-reverse{flex-direction:row-reverse}.xs\:us-flex-col{flex-direction:column}.xs\:us-flex-col-reverse{flex-direction:column-reverse}.xs\:us-flex-nowrap{flex-wrap:nowrap}.xs\:us-flex-wrap{flex-wrap:wrap}.xs\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.xs\:us-grow-0{flex-grow:0}.xs\:us-grow-1{flex-grow:1}.xs\:us-shrink-0{flex-shrink:0}.xs\:us-shrink-1{flex-shrink:1}.xs\:us-justify-start{justify-content:flex-start}.xs\:us-justify-end{justify-content:flex-end}.xs\:us-justify-center{justify-content:center}.xs\:us-justify-between{justify-content:space-between}.xs\:us-justify-around{justify-content:space-around}.xs\:us-justify-evenly{justify-content:space-evenly}.xs\:us-items-start{align-items:flex-start}.xs\:us-items-end{align-items:flex-end}.xs\:us-items-center{align-items:center}.xs\:us-items-stretch{align-items:stretch}.xs\:us-items-baseline{align-items:baseline}.xs\:us-gap-0{gap:0}.xs\:us-gap-1{gap:.25rem}.xs\:us-gap-2{gap:.5rem}.xs\:us-gap-3{gap:.75rem}.xs\:us-gap-4{gap:1rem}.xs\:us-gap-5{gap:1.25rem}.xs\:us-gap-6{gap:1.5rem}.xs\:us-gap-7{gap:1.75rem}.xs\:us-gap-8{gap:2rem}.xs\:us-gap-x-0{column-gap:0}.xs\:us-gap-x-1{column-gap:.25rem}.xs\:us-gap-x-2{column-gap:.5rem}.xs\:us-gap-x-3{column-gap:.75rem}.xs\:us-gap-x-4{column-gap:1rem}.xs\:us-gap-x-5{column-gap:1.25rem}.xs\:us-gap-x-6{column-gap:1.5rem}.xs\:us-gap-x-7{column-gap:1.75rem}.xs\:us-gap-x-8{column-gap:2rem}.xs\:us-gap-y-0{row-gap:0}.xs\:us-gap-y-1{row-gap:.25rem}.xs\:us-gap-y-2{row-gap:.5rem}.xs\:us-gap-y-3{row-gap:.75rem}.xs\:us-gap-y-4{row-gap:1rem}.xs\:us-gap-y-5{row-gap:1.25rem}.xs\:us-gap-y-6{row-gap:1.5rem}.xs\:us-gap-y-7{row-gap:1.75rem}.xs\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 600px){.sm\:us-h-full{height:100%}.sm\:us-h-screen{height:100dvh}.sm\:us-overflow-auto{overflow:auto}.sm\:us-overflow-hidden{overflow:hidden}.sm\:us-d-block{display:block}.sm\:us-d-inline{display:inline}.sm\:us-d-flex{display:flex}.sm\:us-d-grid{display:grid}.sm\:us-d-contents{display:contents}.sm\:us-d-none{display:none}.sm\:us-flex-row{flex-direction:row}.sm\:us-flex-row-reverse{flex-direction:row-reverse}.sm\:us-flex-col{flex-direction:column}.sm\:us-flex-col-reverse{flex-direction:column-reverse}.sm\:us-flex-nowrap{flex-wrap:nowrap}.sm\:us-flex-wrap{flex-wrap:wrap}.sm\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.sm\:us-grow-0{flex-grow:0}.sm\:us-grow-1{flex-grow:1}.sm\:us-shrink-0{flex-shrink:0}.sm\:us-shrink-1{flex-shrink:1}.sm\:us-justify-start{justify-content:flex-start}.sm\:us-justify-end{justify-content:flex-end}.sm\:us-justify-center{justify-content:center}.sm\:us-justify-between{justify-content:space-between}.sm\:us-justify-around{justify-content:space-around}.sm\:us-justify-evenly{justify-content:space-evenly}.sm\:us-items-start{align-items:flex-start}.sm\:us-items-end{align-items:flex-end}.sm\:us-items-center{align-items:center}.sm\:us-items-stretch{align-items:stretch}.sm\:us-items-baseline{align-items:baseline}.sm\:us-gap-0{gap:0}.sm\:us-gap-1{gap:.25rem}.sm\:us-gap-2{gap:.5rem}.sm\:us-gap-3{gap:.75rem}.sm\:us-gap-4{gap:1rem}.sm\:us-gap-5{gap:1.25rem}.sm\:us-gap-6{gap:1.5rem}.sm\:us-gap-7{gap:1.75rem}.sm\:us-gap-8{gap:2rem}.sm\:us-gap-x-0{column-gap:0}.sm\:us-gap-x-1{column-gap:.25rem}.sm\:us-gap-x-2{column-gap:.5rem}.sm\:us-gap-x-3{column-gap:.75rem}.sm\:us-gap-x-4{column-gap:1rem}.sm\:us-gap-x-5{column-gap:1.25rem}.sm\:us-gap-x-6{column-gap:1.5rem}.sm\:us-gap-x-7{column-gap:1.75rem}.sm\:us-gap-x-8{column-gap:2rem}.sm\:us-gap-y-0{row-gap:0}.sm\:us-gap-y-1{row-gap:.25rem}.sm\:us-gap-y-2{row-gap:.5rem}.sm\:us-gap-y-3{row-gap:.75rem}.sm\:us-gap-y-4{row-gap:1rem}.sm\:us-gap-y-5{row-gap:1.25rem}.sm\:us-gap-y-6{row-gap:1.5rem}.sm\:us-gap-y-7{row-gap:1.75rem}.sm\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 960px){.md\:us-h-full{height:100%}.md\:us-h-screen{height:100dvh}.md\:us-overflow-auto{overflow:auto}.md\:us-overflow-hidden{overflow:hidden}.md\:us-d-block{display:block}.md\:us-d-inline{display:inline}.md\:us-d-flex{display:flex}.md\:us-d-grid{display:grid}.md\:us-d-contents{display:contents}.md\:us-d-none{display:none}.md\:us-flex-row{flex-direction:row}.md\:us-flex-row-reverse{flex-direction:row-reverse}.md\:us-flex-col{flex-direction:column}.md\:us-flex-col-reverse{flex-direction:column-reverse}.md\:us-flex-nowrap{flex-wrap:nowrap}.md\:us-flex-wrap{flex-wrap:wrap}.md\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.md\:us-grow-0{flex-grow:0}.md\:us-grow-1{flex-grow:1}.md\:us-shrink-0{flex-shrink:0}.md\:us-shrink-1{flex-shrink:1}.md\:us-justify-start{justify-content:flex-start}.md\:us-justify-end{justify-content:flex-end}.md\:us-justify-center{justify-content:center}.md\:us-justify-between{justify-content:space-between}.md\:us-justify-around{justify-content:space-around}.md\:us-justify-evenly{justify-content:space-evenly}.md\:us-items-start{align-items:flex-start}.md\:us-items-end{align-items:flex-end}.md\:us-items-center{align-items:center}.md\:us-items-stretch{align-items:stretch}.md\:us-items-baseline{align-items:baseline}.md\:us-gap-0{gap:0}.md\:us-gap-1{gap:.25rem}.md\:us-gap-2{gap:.5rem}.md\:us-gap-3{gap:.75rem}.md\:us-gap-4{gap:1rem}.md\:us-gap-5{gap:1.25rem}.md\:us-gap-6{gap:1.5rem}.md\:us-gap-7{gap:1.75rem}.md\:us-gap-8{gap:2rem}.md\:us-gap-x-0{column-gap:0}.md\:us-gap-x-1{column-gap:.25rem}.md\:us-gap-x-2{column-gap:.5rem}.md\:us-gap-x-3{column-gap:.75rem}.md\:us-gap-x-4{column-gap:1rem}.md\:us-gap-x-5{column-gap:1.25rem}.md\:us-gap-x-6{column-gap:1.5rem}.md\:us-gap-x-7{column-gap:1.75rem}.md\:us-gap-x-8{column-gap:2rem}.md\:us-gap-y-0{row-gap:0}.md\:us-gap-y-1{row-gap:.25rem}.md\:us-gap-y-2{row-gap:.5rem}.md\:us-gap-y-3{row-gap:.75rem}.md\:us-gap-y-4{row-gap:1rem}.md\:us-gap-y-5{row-gap:1.25rem}.md\:us-gap-y-6{row-gap:1.5rem}.md\:us-gap-y-7{row-gap:1.75rem}.md\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 1264px){.lg\:us-h-full{height:100%}.lg\:us-h-screen{height:100dvh}.lg\:us-overflow-auto{overflow:auto}.lg\:us-overflow-hidden{overflow:hidden}.lg\:us-d-block{display:block}.lg\:us-d-inline{display:inline}.lg\:us-d-flex{display:flex}.lg\:us-d-grid{display:grid}.lg\:us-d-contents{display:contents}.lg\:us-d-none{display:none}.lg\:us-flex-row{flex-direction:row}.lg\:us-flex-row-reverse{flex-direction:row-reverse}.lg\:us-flex-col{flex-direction:column}.lg\:us-flex-col-reverse{flex-direction:column-reverse}.lg\:us-flex-nowrap{flex-wrap:nowrap}.lg\:us-flex-wrap{flex-wrap:wrap}.lg\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.lg\:us-grow-0{flex-grow:0}.lg\:us-grow-1{flex-grow:1}.lg\:us-shrink-0{flex-shrink:0}.lg\:us-shrink-1{flex-shrink:1}.lg\:us-justify-start{justify-content:flex-start}.lg\:us-justify-end{justify-content:flex-end}.lg\:us-justify-center{justify-content:center}.lg\:us-justify-between{justify-content:space-between}.lg\:us-justify-around{justify-content:space-around}.lg\:us-justify-evenly{justify-content:space-evenly}.lg\:us-items-start{align-items:flex-start}.lg\:us-items-end{align-items:flex-end}.lg\:us-items-center{align-items:center}.lg\:us-items-stretch{align-items:stretch}.lg\:us-items-baseline{align-items:baseline}.lg\:us-gap-0{gap:0}.lg\:us-gap-1{gap:.25rem}.lg\:us-gap-2{gap:.5rem}.lg\:us-gap-3{gap:.75rem}.lg\:us-gap-4{gap:1rem}.lg\:us-gap-5{gap:1.25rem}.lg\:us-gap-6{gap:1.5rem}.lg\:us-gap-7{gap:1.75rem}.lg\:us-gap-8{gap:2rem}.lg\:us-gap-x-0{column-gap:0}.lg\:us-gap-x-1{column-gap:.25rem}.lg\:us-gap-x-2{column-gap:.5rem}.lg\:us-gap-x-3{column-gap:.75rem}.lg\:us-gap-x-4{column-gap:1rem}.lg\:us-gap-x-5{column-gap:1.25rem}.lg\:us-gap-x-6{column-gap:1.5rem}.lg\:us-gap-x-7{column-gap:1.75rem}.lg\:us-gap-x-8{column-gap:2rem}.lg\:us-gap-y-0{row-gap:0}.lg\:us-gap-y-1{row-gap:.25rem}.lg\:us-gap-y-2{row-gap:.5rem}.lg\:us-gap-y-3{row-gap:.75rem}.lg\:us-gap-y-4{row-gap:1rem}.lg\:us-gap-y-5{row-gap:1.25rem}.lg\:us-gap-y-6{row-gap:1.5rem}.lg\:us-gap-y-7{row-gap:1.75rem}.lg\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 1904px){.xl\:us-h-full{height:100%}.xl\:us-h-screen{height:100dvh}.xl\:us-overflow-auto{overflow:auto}.xl\:us-overflow-hidden{overflow:hidden}.xl\:us-d-block{display:block}.xl\:us-d-inline{display:inline}.xl\:us-d-flex{display:flex}.xl\:us-d-grid{display:grid}.xl\:us-d-contents{display:contents}.xl\:us-d-none{display:none}.xl\:us-flex-row{flex-direction:row}.xl\:us-flex-row-reverse{flex-direction:row-reverse}.xl\:us-flex-col{flex-direction:column}.xl\:us-flex-col-reverse{flex-direction:column-reverse}.xl\:us-flex-nowrap{flex-wrap:nowrap}.xl\:us-flex-wrap{flex-wrap:wrap}.xl\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.xl\:us-grow-0{flex-grow:0}.xl\:us-grow-1{flex-grow:1}.xl\:us-shrink-0{flex-shrink:0}.xl\:us-shrink-1{flex-shrink:1}.xl\:us-justify-start{justify-content:flex-start}.xl\:us-justify-end{justify-content:flex-end}.xl\:us-justify-center{justify-content:center}.xl\:us-justify-between{justify-content:space-between}.xl\:us-justify-around{justify-content:space-around}.xl\:us-justify-evenly{justify-content:space-evenly}.xl\:us-items-start{align-items:flex-start}.xl\:us-items-end{align-items:flex-end}.xl\:us-items-center{align-items:center}.xl\:us-items-stretch{align-items:stretch}.xl\:us-items-baseline{align-items:baseline}.xl\:us-gap-0{gap:0}.xl\:us-gap-1{gap:.25rem}.xl\:us-gap-2{gap:.5rem}.xl\:us-gap-3{gap:.75rem}.xl\:us-gap-4{gap:1rem}.xl\:us-gap-5{gap:1.25rem}.xl\:us-gap-6{gap:1.5rem}.xl\:us-gap-7{gap:1.75rem}.xl\:us-gap-8{gap:2rem}.xl\:us-gap-x-0{column-gap:0}.xl\:us-gap-x-1{column-gap:.25rem}.xl\:us-gap-x-2{column-gap:.5rem}.xl\:us-gap-x-3{column-gap:.75rem}.xl\:us-gap-x-4{column-gap:1rem}.xl\:us-gap-x-5{column-gap:1.25rem}.xl\:us-gap-x-6{column-gap:1.5rem}.xl\:us-gap-x-7{column-gap:1.75rem}.xl\:us-gap-x-8{column-gap:2rem}.xl\:us-gap-y-0{row-gap:0}.xl\:us-gap-y-1{row-gap:.25rem}.xl\:us-gap-y-2{row-gap:.5rem}.xl\:us-gap-y-3{row-gap:.75rem}.xl\:us-gap-y-4{row-gap:1rem}.xl\:us-gap-y-5{row-gap:1.25rem}.xl\:us-gap-y-6{row-gap:1.5rem}.xl\:us-gap-y-7{row-gap:1.75rem}.xl\:us-gap-y-8{row-gap:2rem}}.us-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.us-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.slider-container{width:300px;height:20px;background-color:#ccc;position:relative;margin-top:20px}.slider-point{width:20px;height:20px;background-color:#007bff;border-radius:50%;position:absolute;cursor:pointer}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@unifiedsoftware/styles",
3
- "version": "1.0.40",
3
+ "version": "1.0.43",
4
4
  "license": "MIT",
5
5
  "files": [
6
6
  "index.scss",
package/scss/components/_card.scss CHANGED
@@ -6,6 +6,7 @@
6
6
  border: var(--#{$prefix}card-border-width) var(--#{$prefix}card-border-style) var(--#{$prefix}card-border-color);
7
7
  border-radius: var(--#{$prefix}card-border-radius);
8
8
  z-index: 0;
9
+ overflow: hidden;
9
10
  -webkit-tap-highlight-color: transparent;
10
11
 
11
12
  &:hover {
package/scss/components/_collapse.scss CHANGED
@@ -3,4 +3,9 @@
3
3
  .#{$prefix}collapse {
4
4
  overflow: hidden;
5
5
  transition: all 0.15s ease-in-out;
6
+
7
+ &-trigger {
8
+ cursor: pointer;
9
+ -webkit-tap-highlight-color: transparent;
10
+ }
6
11
  }
package/scss/components/_list.scss CHANGED
@@ -84,7 +84,7 @@
84
84
  }
85
85
  }
86
86
 
87
- &-subheader {
87
+ &-subheader--bordered {
88
88
  border-bottom: var(--#{$prefix}list-subheader-border-width) solid var(--#{$prefix}list-subheader-border-color);
89
89
  }
90
90
 
package/scss/components/_popover.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  .#{$prefix}popover {
4
4
  min-width: 240px;
5
5
  position: absolute;
6
- border-radius: 0.25rem;
6
+ border-radius: 6px;
7
7
  box-shadow:
8
8
  rgba(0, 0, 59, 0.05) 0px 0px 0px 1px,
9
9
  rgba(1, 1, 46, 0.133) 0px 12px 60px 0px,
package/scss/components/_tabs.scss CHANGED
@@ -36,6 +36,7 @@
36
36
  font-weight: var(--#{$prefix}tab-font-weight);
37
37
  text-decoration: none;
38
38
  vertical-align: middle;
39
+ border-radius: var(--#{$prefix}tab-border-radius);
39
40
  z-index: 1;
40
41
  color: var(--#{$prefix}tab-color);
41
42
  display: inline-flex;
package/scss/themes/fci/components/_button.scss CHANGED
@@ -11,7 +11,7 @@ $colors-map: (
11
11
 
12
12
  .#{$prefix}theme-fci {
13
13
  .#{$prefix}button {
14
- --#{$prefix}button-font-weight: 500;
14
+ --#{$prefix}button-font-weight: 400;
15
15
  --#{$prefix}button-font-family: var(--#{$prefix}font-sans);
16
16
 
17
17
  & > .#{$prefix}overlay {
@@ -28,11 +28,11 @@ $colors-map: (
28
28
  }
29
29
 
30
30
  &--xs {
31
- --#{$prefix}button-height: 20px;
31
+ --#{$prefix}button-height: 24px;
32
32
  --#{$prefix}button-padding-y: 0;
33
- --#{$prefix}button-padding-x: 0.5rem;
33
+ --#{$prefix}button-padding-x: 0.625rem;
34
34
  --#{$prefix}button-font-size: 0.625rem;
35
- --#{$prefix}button-border-radius: 4px;
35
+ --#{$prefix}button-border-radius: 8px;
36
36
  --#{$prefix}button-gap: 0.25rem;
37
37
 
38
38
  .#{$prefix}icon {
@@ -45,8 +45,8 @@ $colors-map: (
45
45
  --#{$prefix}button-padding-y: 0;
46
46
  --#{$prefix}button-padding-x: 0.75rem;
47
47
  --#{$prefix}button-font-size: 0.75rem;
48
- --#{$prefix}button-border-radius: 4px;
49
- --#{$prefix}button-gap: 0.375rem;
48
+ --#{$prefix}button-border-radius: 8px;
49
+ --#{$prefix}button-gap: 0.25rem;
50
50
 
51
51
  .#{$prefix}icon {
52
52
  --#{$prefix}icon-font-size: 1rem;
@@ -54,12 +54,12 @@ $colors-map: (
54
54
  }
55
55
 
56
56
  &--md {
57
- --#{$prefix}button-height: 36px;
57
+ --#{$prefix}button-height: 32px;
58
58
  --#{$prefix}button-padding-y: 0;
59
- --#{$prefix}button-padding-x: 1rem;
59
+ --#{$prefix}button-padding-x: 0.875rem;
60
60
  --#{$prefix}button-font-size: 0.875rem;
61
- --#{$prefix}button-border-radius: 4px;
62
- --#{$prefix}button-gap: 0.5rem;
61
+ --#{$prefix}button-border-radius: 8px;
62
+ --#{$prefix}button-gap: 0.375rem;
63
63
 
64
64
  .#{$prefix}icon {
65
65
  --#{$prefix}icon-font-size: 1.125rem;
@@ -67,12 +67,12 @@ $colors-map: (
67
67
  }
68
68
 
69
69
  &--lg {
70
- --#{$prefix}button-height: 44px;
70
+ --#{$prefix}button-height: 36px;
71
71
  --#{$prefix}button-padding-y: 0;
72
- --#{$prefix}button-padding-x: 1.25rem;
72
+ --#{$prefix}button-padding-x: 1rem;
73
73
  --#{$prefix}button-font-size: 1rem;
74
- --#{$prefix}button-border-radius: 4px;
75
- --#{$prefix}button-gap: 0.625rem;
74
+ --#{$prefix}button-border-radius: 8px;
75
+ --#{$prefix}button-gap: 0.5rem;
76
76
 
77
77
  .#{$prefix}icon {
78
78
  --#{$prefix}icon-font-size: 1.25rem;
@@ -80,12 +80,12 @@ $colors-map: (
80
80
  }
81
81
 
82
82
  &--xl {
83
- --#{$prefix}button-height: 52px;
83
+ --#{$prefix}button-height: 40px;
84
84
  --#{$prefix}button-padding-y: 0;
85
- --#{$prefix}button-padding-x: 1.5rem;
86
- --#{$prefix}button-font-size: 1rem;
87
- --#{$prefix}button-border-radius: 4px;
88
- --#{$prefix}button-gap: 0.75rem;
85
+ --#{$prefix}button-padding-x: 1.125rem;
86
+ --#{$prefix}button-font-size: 1.125rem;
87
+ --#{$prefix}button-border-radius: 8px;
88
+ --#{$prefix}button-gap: 0.5rem;
89
89
 
90
90
  .#{$prefix}icon {
91
91
  --#{$prefix}icon-font-size: 1.5rem;
package/scss/themes/fci/components/_card.scss CHANGED
@@ -5,7 +5,7 @@
5
5
  --#{$prefix}card-border-width: 1px;
6
6
  --#{$prefix}card-border-style: solid;
7
7
  --#{$prefix}card-border-color: rgba(9, 30, 66, 0.14);
8
- --#{$prefix}card-border-radius: 8px;
8
+ --#{$prefix}card-border-radius: 12px;
9
9
 
10
10
  & > .#{$prefix}overlay {
11
11
  --#{$prefix}overlay-color: inherit;
@@ -36,9 +36,9 @@
36
36
  --#{$prefix}card-header-subtitle-font-weight: 400;
37
37
  --#{$prefix}card-header-subtitle-color: var(--#{$prefix}subtitle-color);
38
38
 
39
- .#{$prefix}icon {
40
- --#{$prefix}icon-color: var(--#{$prefix}primary-color);
41
- }
39
+ // .#{$prefix}icon {
40
+ // --#{$prefix}icon-color: var(--#{$prefix}primary-color);
41
+ // }
42
42
  }
43
43
 
44
44
  .#{$prefix}card-body {
@@ -60,9 +60,9 @@
60
60
  --#{$prefix}card-header-title-line-height: 14px;
61
61
  }
62
62
 
63
- .#{$prefix}card--sm .#{$prefix}card-header .#{$prefix}icon {
64
- --#{$prefix}icon-font-size: 18px;
65
- }
63
+ // .#{$prefix}card--sm .#{$prefix}card-header .#{$prefix}icon {
64
+ // --#{$prefix}icon-font-size: 18px;
65
+ // }
66
66
 
67
67
  .#{$prefix}card--sm .#{$prefix}card-body {
68
68
  --#{$prefix}card-body-padding-y: 1rem;
@@ -86,9 +86,9 @@
86
86
  --#{$prefix}card-header-subtitle-line-height: 16px;
87
87
  }
88
88
 
89
- .#{$prefix}card--md .#{$prefix}card-header .#{$prefix}icon {
90
- --#{$prefix}icon-font-size: 20px;
91
- }
89
+ // .#{$prefix}card--md .#{$prefix}card-header .#{$prefix}icon {
90
+ // --#{$prefix}icon-font-size: 20px;
91
+ // }
92
92
 
93
93
  .#{$prefix}card--md .#{$prefix}card-body {
94
94
  --#{$prefix}card-body-padding-y: 1.25rem;
@@ -113,9 +113,9 @@
113
113
  --#{$prefix}card-header-subtitle-line-height: 18px;
114
114
  }
115
115
 
116
- .#{$prefix}card--lg .#{$prefix}card-header .#{$prefix}icon {
117
- --#{$prefix}icon-font-size: 22px;
118
- }
116
+ // .#{$prefix}card--lg .#{$prefix}card-header .#{$prefix}icon {
117
+ // --#{$prefix}icon-font-size: 22px;
118
+ // }
119
119
 
120
120
  .#{$prefix}card--lg .#{$prefix}card-body {
121
121
  --#{$prefix}card-body-padding-y: 1.5rem;
package/scss/themes/fci/components/_chip.scss CHANGED
@@ -16,8 +16,7 @@ $colors-map: (
16
16
  --#{$prefix}chip-padding-y: 0.125rem;
17
17
  --#{$prefix}chip-padding-x: 0.5rem;
18
18
  --#{$prefix}chip-font-size: 0.75rem;
19
- --#{$prefix}chip-font-weight: 700;
20
- --#{$prefix}chip-border-radius: 9999px;
19
+ --#{$prefix}chip-font-weight: 400;
21
20
 
22
21
  & > .#{$prefix}overlay {
23
22
  --#{$prefix}overlay-color: inherit;
@@ -30,13 +29,12 @@ $colors-map: (
30
29
  }
31
30
 
32
31
  &--xs {
33
- --#{$prefix}chip-height: 28px;
32
+ --#{$prefix}chip-height: 24px;
34
33
  --#{$prefix}chip-padding-y: 0;
35
- --#{$prefix}chip-padding-x: 0.5rem;
36
- --#{$prefix}chip-font-size: 0.75rem;
37
- --#{$prefix}chip-border-radius: 9999px;
38
- --#{$prefix}chip-gap: 0.375rem;
39
- --#{$prefix}chip-icon-font-size: 0.75rem;
34
+ --#{$prefix}chip-padding-x: 0.625rem;
35
+ --#{$prefix}chip-font-size: 0.625rem;
36
+ --#{$prefix}chip-border-radius: 8px;
37
+ --#{$prefix}chip-gap: 0.25rem;
40
38
 
41
39
  .#{$prefix}icon {
42
40
  --#{$prefix}icon-font-size: 0.75rem;
@@ -44,51 +42,54 @@ $colors-map: (
44
42
  }
45
43
 
46
44
  &--sm {
47
- --#{$prefix}chip-height: 32px;
45
+ --#{$prefix}chip-height: 28px;
48
46
  --#{$prefix}chip-padding-y: 0;
49
47
  --#{$prefix}chip-padding-x: 0.75rem;
50
- --#{$prefix}chip-font-size: 14px;
51
- --#{$prefix}chip-gap: 0.375rem;
52
- --#{$prefix}chip-icon-font-size: 0.875rem;
48
+ --#{$prefix}chip-font-size: 0.75rem;
49
+ --#{$prefix}chip-border-radius: 8px;
50
+ --#{$prefix}chip-gap: 0.25rem;
53
51
 
54
52
  .#{$prefix}icon {
55
- --#{$prefix}icon-font-size: 0.875rem;
53
+ --#{$prefix}icon-font-size: 1rem;
56
54
  }
57
55
  }
58
56
 
59
57
  &--md {
60
- --#{$prefix}chip-height: 40px;
58
+ --#{$prefix}chip-height: 32px;
61
59
  --#{$prefix}chip-padding-y: 0;
62
- --#{$prefix}chip-padding-x: 1rem;
63
- --#{$prefix}chip-font-size: 14px;
64
- --#{$prefix}chip-gap: 0.5rem;
60
+ --#{$prefix}chip-padding-x: 0.875rem;
61
+ --#{$prefix}chip-font-size: 0.875rem;
62
+ --#{$prefix}chip-border-radius: 8px;
63
+ --#{$prefix}chip-gap: 0.375rem;
65
64
 
66
65
  .#{$prefix}icon {
67
- --#{$prefix}icon-font-size: 1rem;
66
+ --#{$prefix}icon-font-size: 1.125rem;
68
67
  }
69
68
  }
70
69
 
71
70
  &--lg {
72
- --#{$prefix}chip-height: 48px;
71
+ --#{$prefix}chip-height: 36px;
73
72
  --#{$prefix}chip-padding-y: 0;
74
- --#{$prefix}chip-padding-x: 1.5rem;
73
+ --#{$prefix}chip-padding-x: 1rem;
75
74
  --#{$prefix}chip-font-size: 1rem;
75
+ --#{$prefix}chip-border-radius: 8px;
76
76
  --#{$prefix}chip-gap: 0.5rem;
77
77
 
78
78
  .#{$prefix}icon {
79
- --#{$prefix}icon-font-size: 1.125rem;
79
+ --#{$prefix}icon-font-size: 1.25rem;
80
80
  }
81
81
  }
82
82
 
83
83
  &--xl {
84
- --#{$prefix}chip-height: 48px;
84
+ --#{$prefix}chip-height: 40px;
85
85
  --#{$prefix}chip-padding-y: 0;
86
- --#{$prefix}chip-padding-x: 1.5rem;
87
- --#{$prefix}chip-font-size: 1rem;
86
+ --#{$prefix}chip-padding-x: 1.125rem;
87
+ --#{$prefix}chip-font-size: 1.125rem;
88
+ --#{$prefix}chip-border-radius: 8px;
88
89
  --#{$prefix}chip-gap: 0.5rem;
89
90
 
90
91
  .#{$prefix}icon {
91
- --#{$prefix}icon-font-size: 1.25rem;
92
+ --#{$prefix}icon-font-size: 1.5rem;
92
93
  }
93
94
  }
94
95
 
package/scss/themes/fci/components/_icon.scss CHANGED
@@ -1,8 +1,49 @@
1
1
  @use '../../../variables' as *;
2
2
 
3
+ $colors-map: (
4
+ primary: var(--#{$prefix}primary-color),
5
+ secondary: var(--#{$prefix}secondary-color),
6
+ success: var(--#{$prefix}success-color),
7
+ info: var(--#{$prefix}info-color),
8
+ warning: var(--#{$prefix}warning-color),
9
+ danger: var(--#{$prefix}danger-color),
10
+ );
11
+
3
12
  .#{$prefix}theme-fci {
4
13
  .#{$prefix}icon {
5
14
  --#{$prefix}icon-font-size: 1.5rem;
6
15
  --#{$prefix}icon-color: inherit;
16
+
17
+ &--xs {
18
+ --#{$prefix}icon-font-size: 0.75rem;
19
+ }
20
+
21
+ &--sm {
22
+ --#{$prefix}icon-font-size: 1rem;
23
+ }
24
+
25
+ &--md {
26
+ --#{$prefix}icon-font-size: 1.125rem;
27
+ }
28
+
29
+ &--lg {
30
+ --#{$prefix}icon-font-size: 1.25rem;
31
+ }
32
+
33
+ &--xl {
34
+ --#{$prefix}icon-font-size: 1.5rem;
35
+ }
36
+
37
+ @each $key, $value in $colors-map {
38
+ &--#{$key} {
39
+ --#{$prefix}icon-color: #{$value};
40
+ }
41
+
42
+ @if $key == 'secondary' {
43
+ &--#{$key} {
44
+ --#{$prefix}icon-color: var(--#{$prefix}black-color);
45
+ }
46
+ }
47
+ }
7
48
  }
8
49
  }
package/scss/themes/fci/components/_input.scss CHANGED
@@ -3,12 +3,12 @@
3
3
  .#{$prefix}theme-fci {
4
4
  .#{$prefix}input {
5
5
  --#{$prefix}input-padding-y: 0rem;
6
- --#{$prefix}input-padding-x: 1rem;
7
- --#{$prefix}input-height: 36px;
8
- --#{$prefix}input-font-size: 0.75rem;
6
+ --#{$prefix}input-padding-x: 0.875rem;
7
+ --#{$prefix}input-height: 32px;
8
+ --#{$prefix}input-font-size: 0.875rem;
9
9
  --#{$prefix}input-font-family: var(--#{$prefix}font-sans);
10
10
  --#{$prefix}input-line-height: 24px;
11
- --#{$prefix}input-border-radius: 0.25rem;
11
+ --#{$prefix}input-border-radius: 6px;
12
12
  --#{$prefix}input-gap: 0.5rem;
13
13
  --#{$prefix}input-icon-size: 1.125rem;
14
14
 
@@ -17,7 +17,7 @@
17
17
  --#{$prefix}outline-border-color: currentColor;
18
18
  --#{$prefix}outline-opacity: 0.12;
19
19
  --#{$prefix}outline-hover-opacity: 0.24;
20
- --#{$prefix}outline-focus-border-width: 2px;
20
+ --#{$prefix}outline-focus-border-width: 1px;
21
21
  --#{$prefix}outline-focus-border-color: var(--#{$prefix}primary-color);
22
22
  --#{$prefix}outline-focus-opacity: 1;
23
23
  }
package/scss/themes/fci/components/_list.scss CHANGED
@@ -11,11 +11,11 @@
11
11
  .#{$prefix}list-item {
12
12
  --#{$prefix}list-item-border-radius: 0px;
13
13
 
14
- --#{$prefix}list-item-title-font-weight: 400;
15
- --#{$prefix}list-item-title-color: var(--us-title-color);
14
+ --#{$prefix}list-item-title-font-weight: 500;
15
+ --#{$prefix}list-item-title-opacity: 1;
16
16
 
17
17
  --#{$prefix}list-item-subtitle-font-weight: 400;
18
- --#{$prefix}list-item-subtitle-color: var(--us-subtitle-color);
18
+ --#{$prefix}list-item-subtitle-opacity: 0.95;
19
19
 
20
20
  & > .#{$prefix}overlay {
21
21
  --#{$prefix}overlay-color: inherit;
@@ -36,9 +36,9 @@
36
36
  }
37
37
  }
38
38
 
39
- .#{$prefix}icon {
40
- --#{$prefix}icon-color: var(--#{$prefix}primary-color);
41
- }
39
+ // .#{$prefix}icon {
40
+ // --#{$prefix}icon-color: var(--#{$prefix}primary-color);
41
+ // }
42
42
  }
43
43
 
44
44
  .#{$prefix}list-subheader {
@@ -57,7 +57,7 @@
57
57
  .#{$prefix}list--sm .#{$prefix}list-item {
58
58
  --#{$prefix}list-item-min-height: 32px;
59
59
  --#{$prefix}list-item-padding-y: 0.5rem;
60
- --#{$prefix}list-item-padding-x: 1rem;
60
+ --#{$prefix}list-item-padding-x: 0.75rem;
61
61
  --#{$prefix}list-item-padding-level: 1.25rem;
62
62
  --#{$prefix}list-item-font-size: 12px;
63
63
  --#{$prefix}list-item-gap: 1rem;
@@ -69,14 +69,14 @@
69
69
  --#{$prefix}list-item-title-line-height: 14px;
70
70
  }
71
71
 
72
- .#{$prefix}list--sm .#{$prefix}list-item .#{$prefix}icon {
73
- --#{$prefix}icon-font-size: 18px;
74
- }
72
+ // .#{$prefix}list--sm .#{$prefix}list-item .#{$prefix}icon {
73
+ // --#{$prefix}icon-font-size: 18px;
74
+ // }
75
75
 
76
76
  .#{$prefix}list--md .#{$prefix}list-item {
77
77
  --#{$prefix}list-item-min-height: 2.25rem;
78
78
  --#{$prefix}list-item-padding-y: 0.375rem;
79
- --#{$prefix}list-item-padding-x: 1rem;
79
+ --#{$prefix}list-item-padding-x: 0.875rem;
80
80
  --#{$prefix}list-item-padding-level: 1.25rem;
81
81
  --#{$prefix}list-item-gap: 1rem;
82
82
 
@@ -87,9 +87,9 @@
87
87
  --#{$prefix}list-item-subtitle-line-height: 16px;
88
88
  }
89
89
 
90
- .#{$prefix}list--md .#{$prefix}list-item .#{$prefix}icon {
91
- --#{$prefix}icon-font-size: 20px;
92
- }
90
+ // .#{$prefix}list--md .#{$prefix}list-item .#{$prefix}icon {
91
+ // --#{$prefix}icon-font-size: 20px;
92
+ // }
93
93
 
94
94
  .#{$prefix}list--lg .#{$prefix}list-item {
95
95
  --#{$prefix}list-item-min-height: 2.75rem;
@@ -106,7 +106,7 @@
106
106
  --#{$prefix}list-item-subtitle-line-height: 18px;
107
107
  }
108
108
 
109
- .#{$prefix}list--lg .#{$prefix}list-item .#{$prefix}icon {
110
- --#{$prefix}icon-font-size: 22px;
111
- }
109
+ // .#{$prefix}list--lg .#{$prefix}list-item .#{$prefix}icon {
110
+ // --#{$prefix}icon-font-size: 22px;
111
+ // }
112
112
  }
package/scss/themes/fci/components/_tabs.scss CHANGED
@@ -5,6 +5,7 @@
5
5
  --#{$prefix}tab-color: var(--#{$prefix}secondary-action-color);
6
6
  --#{$prefix}tab-font-size: 0.8125rem;
7
7
  --#{$prefix}tab-font-weight: 500;
8
+ --#{$prefix}tab-border-radius: 6px 6px 0px 0px;
8
9
 
9
10
  --#{$prefix}tab-indicator-color: var(--#{$prefix}primary-action-color);
10
11
  --#{$prefix}tab-indicator-height: 3px;
package/scss/themes/fci/components/_toolbar.scss CHANGED
@@ -5,7 +5,7 @@
5
5
  --#{$prefix}toolbar-background: var(--#{$prefix}white-color);
6
6
 
7
7
  --#{$prefix}toolbar-title-font-size: 1rem;
8
- --#{$prefix}toolbar-title-font-weight: 600;
8
+ --#{$prefix}toolbar-title-font-weight: 500;
9
9
 
10
10
  /* Outline */
11
11
  --#{$prefix}outline-border-width: 1px;