@unifiedsoftware/styles 1.0.46 → 1.0.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/css/fci.css CHANGED
@@ -1,3 +1,75 @@
1
+ .us-theme-fci .us-accordion {
2
+ --us-accordion-border-width: 1px;
3
+ --us-accordion-border-style: solid;
4
+ --us-accordion-border-color: rgba(9, 30, 66, 0.14);
5
+ }
6
+ .us-theme-fci .us-accordion-header {
7
+ --us-accordion-header-border-color: var(--us-accordion-border-color);
8
+ --us-accordion-header-title-font-weight: 500;
9
+ --us-accordion-header-title-color: var(--us-title-color);
10
+ --us-accordion-header-subtitle-font-weight: 400;
11
+ --us-accordion-header-subtitle-color: var(--us-subtitle-color);
12
+ }
13
+ .us-theme-fci .us-accordion-body {
14
+ --us-accordion-body-color: var(--us-body-color);
15
+ }
16
+ .us-theme-fci .us-accordion--sm .us-accordion-header {
17
+ --us-accordion-header-min-height: 36px;
18
+ --us-accordion-header-padding-y: 0.685rem;
19
+ --us-accordion-header-padding-x: 1rem;
20
+ --us-accordion-header-padding-level: 1.25rem;
21
+ --us-accordion-header-font-size: 12px;
22
+ --us-accordion-header-gap: 1rem;
23
+ --us-accordion-header-title-font-size: 12px;
24
+ --us-accordion-header-title-line-height: 18px;
25
+ --us-accordion-header-subtitle-font-size: 11px;
26
+ --us-accordion-header-title-line-height: 14px;
27
+ }
28
+ .us-theme-fci .us-accordion--sm .us-accordion-body {
29
+ --us-accordion-body-padding-y: 1rem;
30
+ --us-accordion-body-padding-x: 1rem;
31
+ --us-accordion-body-font-size: 0.75rem;
32
+ --us-accordion-body-line-height: 18px;
33
+ --us-accordion-body-color: var(--us-body-color);
34
+ }
35
+ .us-theme-fci .us-accordion--md .us-accordion-header {
36
+ --us-accordion-header-min-height: 2.5rem;
37
+ --us-accordion-header-padding-y: 0.625rem;
38
+ --us-accordion-header-padding-x: 1rem;
39
+ --us-accordion-header-padding-level: 1.25rem;
40
+ --us-accordion-header-gap: 1rem;
41
+ --us-accordion-header-title-font-size: 0.8125rem;
42
+ --us-accordion-header-title-line-height: 20px;
43
+ --us-accordion-header-subtitle-font-size: 0.75rem;
44
+ --us-accordion-header-subtitle-line-height: 16px;
45
+ }
46
+ .us-theme-fci .us-accordion--md .us-accordion-body {
47
+ --us-accordion-body-padding-y: 1.25rem;
48
+ --us-accordion-body-padding-x: 1rem;
49
+ --us-accordion-body-font-size: 0.875rem;
50
+ --us-accordion-body-line-height: 20px;
51
+ --us-accordion-body-color: var(--us-body-color);
52
+ }
53
+ .us-theme-fci .us-accordion--lg .us-accordion-header {
54
+ --us-accordion-header-min-height: 2.75rem;
55
+ --us-accordion-header-padding-y: 0.625rem;
56
+ --us-accordion-header-padding-x: 1rem;
57
+ --us-accordion-header-padding-level: 1.25rem;
58
+ --us-accordion-header-font-size: 0.75rem;
59
+ --us-accordion-header-gap: 1rem;
60
+ --us-accordion-header-title-font-size: 0.875rem;
61
+ --us-accordion-header-title-line-height: 24px;
62
+ --us-accordion-header-subtitle-font-size: 0.8125rem;
63
+ --us-accordion-header-subtitle-line-height: 18px;
64
+ }
65
+ .us-theme-fci .us-accordion--lg .us-accordion-body {
66
+ --us-accordion-body-padding-y: 1.5rem;
67
+ --us-accordion-body-padding-x: 1rem;
68
+ --us-accordion-body-font-size: 1rem;
69
+ --us-accordion-body-line-height: 24px;
70
+ --us-accordion-body-color: var(--us-body-color);
71
+ }
72
+
1
73
  .us-theme-fci .us-toolbar {
2
74
  --us-toolbar-background: var(--us-white-color);
3
75
  --us-toolbar-title-font-size: 1rem;
@@ -61,23 +133,40 @@
61
133
  }
62
134
 
63
135
  .us-theme-fci .us-badge {
64
- --us-badge-padding-y: 0.125rem;
65
- --us-badge-padding-x: 0.325rem;
136
+ --us-badge-min-width: 18px;
137
+ --us-badge-min-height: 18px;
138
+ --us-badge-padding-y: 0;
139
+ --us-badge-padding-x: 0.25rem;
66
140
  --us-badge-font-size: 0.75rem;
67
- --us-badge-font-weight: 700;
141
+ --us-badge-font-weight: 400;
142
+ --us-badge-line-height: 1;
68
143
  --us-badge-border-radius: 9999px;
69
- --us-badge-border-width: 2px;
70
- --us-badge-border-color: var(--us-white-color);
71
144
  --us-badge-color: var(--us-white-color);
72
- --us-badge-background: var(--us-primary-color);
73
145
  }
74
146
  .us-theme-fci .us-badge > .us-overlay {
75
147
  --us-overlay-color: inherit;
76
- --us-overlay-opacity: 0.08;
77
- --us-_hover-overlay-color: inherit;
78
- --us-_hover-overlay-opacity: 0.08;
79
- --us-_active-overlay-color: inherit;
80
- --us-_active-overlay-opacity: 0.12;
148
+ --us-overlay-opacity: 0;
149
+ }
150
+ .us-theme-fci .us-badge--primary {
151
+ --us-badge-background: var(--us-primary-color);
152
+ }
153
+ .us-theme-fci .us-badge--secondary {
154
+ --us-badge-background: var(--us-secondary-color);
155
+ }
156
+ .us-theme-fci .us-badge--secondary {
157
+ --us-badge-color: var(--us-black-color);
158
+ }
159
+ .us-theme-fci .us-badge--success {
160
+ --us-badge-background: var(--us-success-color);
161
+ }
162
+ .us-theme-fci .us-badge--info {
163
+ --us-badge-background: var(--us-info-color);
164
+ }
165
+ .us-theme-fci .us-badge--warning {
166
+ --us-badge-background: var(--us-warning-color);
167
+ }
168
+ .us-theme-fci .us-badge--danger {
169
+ --us-badge-background: var(--us-danger-color);
81
170
  }
82
171
 
83
172
  .us-theme-fci .us-chip {
@@ -99,7 +188,7 @@
99
188
  --us-chip-padding-y: 0;
100
189
  --us-chip-padding-x: 0.625rem;
101
190
  --us-chip-font-size: 0.625rem;
102
- --us-chip-border-radius: 8px;
191
+ --us-chip-border-radius: 6px;
103
192
  --us-chip-gap: 0.25rem;
104
193
  }
105
194
  .us-theme-fci .us-chip--xs .us-icon {
@@ -110,7 +199,7 @@
110
199
  --us-chip-padding-y: 0;
111
200
  --us-chip-padding-x: 0.75rem;
112
201
  --us-chip-font-size: 0.75rem;
113
- --us-chip-border-radius: 8px;
202
+ --us-chip-border-radius: 6px;
114
203
  --us-chip-gap: 0.25rem;
115
204
  }
116
205
  .us-theme-fci .us-chip--sm .us-icon {
@@ -121,7 +210,7 @@
121
210
  --us-chip-padding-y: 0;
122
211
  --us-chip-padding-x: 0.875rem;
123
212
  --us-chip-font-size: 0.875rem;
124
- --us-chip-border-radius: 8px;
213
+ --us-chip-border-radius: 6px;
125
214
  --us-chip-gap: 0.375rem;
126
215
  }
127
216
  .us-theme-fci .us-chip--md .us-icon {
@@ -132,7 +221,7 @@
132
221
  --us-chip-padding-y: 0;
133
222
  --us-chip-padding-x: 1rem;
134
223
  --us-chip-font-size: 1rem;
135
- --us-chip-border-radius: 8px;
224
+ --us-chip-border-radius: 6px;
136
225
  --us-chip-gap: 0.5rem;
137
226
  }
138
227
  .us-theme-fci .us-chip--lg .us-icon {
@@ -143,7 +232,7 @@
143
232
  --us-chip-padding-y: 0;
144
233
  --us-chip-padding-x: 1.125rem;
145
234
  --us-chip-font-size: 1.125rem;
146
- --us-chip-border-radius: 8px;
235
+ --us-chip-border-radius: 6px;
147
236
  --us-chip-gap: 0.5rem;
148
237
  }
149
238
  .us-theme-fci .us-chip--xl .us-icon {
@@ -157,26 +246,44 @@
157
246
  .us-theme-fci .us-chip--outlined > .us-outline {
158
247
  --us-outline-border-color: currentColor;
159
248
  }
249
+ .us-theme-fci .us-chip--flat > .us-overlay {
250
+ --us-overlay-opacity: 0.08;
251
+ }
160
252
  .us-theme-fci .us-chip--filled.us-chip--primary {
161
253
  --us-chip-background: var(--us-primary-color);
162
254
  }
163
255
  .us-theme-fci .us-chip--outlined.us-chip--primary {
164
256
  --us-chip-color: var(--us-primary-color);
165
257
  }
258
+ .us-theme-fci .us-chip--flat.us-chip--primary {
259
+ --us-chip-color: var(--us-primary-color);
260
+ }
166
261
  .us-theme-fci .us-chip--text.us-chip--primary {
167
262
  --us-chip-color: var(--us-primary-color);
168
263
  }
169
264
  .us-theme-fci .us-chip--filled.us-chip--secondary {
170
265
  --us-chip-background: var(--us-secondary-color);
171
266
  }
267
+ .us-theme-fci .us-chip--outlined.us-chip--secondary {
268
+ --us-chip-color: var(--us-secondary-color);
269
+ }
270
+ .us-theme-fci .us-chip--flat.us-chip--secondary {
271
+ --us-chip-color: var(--us-secondary-color);
272
+ }
273
+ .us-theme-fci .us-chip--text.us-chip--secondary {
274
+ --us-chip-color: var(--us-secondary-color);
275
+ }
172
276
  .us-theme-fci .us-chip--filled.us-chip--secondary {
173
277
  --us-chip-color: var(--us-black-color);
174
278
  }
175
279
  .us-theme-fci .us-chip--outlined.us-chip--secondary {
176
- --us-chip-color: var(--us-secondary-color);
280
+ --us-chip-color: var(--us-black-color);
281
+ }
282
+ .us-theme-fci .us-chip--flat.us-chip--secondary {
283
+ --us-chip-color: var(--us-black-color);
177
284
  }
178
285
  .us-theme-fci .us-chip--text.us-chip--secondary {
179
- --us-chip-color: var(--us-secondary-color);
286
+ --us-chip-color: var(--us-black-color);
180
287
  }
181
288
  .us-theme-fci .us-chip--filled.us-chip--success {
182
289
  --us-chip-background: var(--us-success-color);
@@ -184,6 +291,9 @@
184
291
  .us-theme-fci .us-chip--outlined.us-chip--success {
185
292
  --us-chip-color: var(--us-success-color);
186
293
  }
294
+ .us-theme-fci .us-chip--flat.us-chip--success {
295
+ --us-chip-color: var(--us-success-color);
296
+ }
187
297
  .us-theme-fci .us-chip--text.us-chip--success {
188
298
  --us-chip-color: var(--us-success-color);
189
299
  }
@@ -193,6 +303,9 @@
193
303
  .us-theme-fci .us-chip--outlined.us-chip--info {
194
304
  --us-chip-color: var(--us-info-color);
195
305
  }
306
+ .us-theme-fci .us-chip--flat.us-chip--info {
307
+ --us-chip-color: var(--us-info-color);
308
+ }
196
309
  .us-theme-fci .us-chip--text.us-chip--info {
197
310
  --us-chip-color: var(--us-info-color);
198
311
  }
@@ -202,6 +315,9 @@
202
315
  .us-theme-fci .us-chip--outlined.us-chip--warning {
203
316
  --us-chip-color: var(--us-warning-color);
204
317
  }
318
+ .us-theme-fci .us-chip--flat.us-chip--warning {
319
+ --us-chip-color: var(--us-warning-color);
320
+ }
205
321
  .us-theme-fci .us-chip--text.us-chip--warning {
206
322
  --us-chip-color: var(--us-warning-color);
207
323
  }
@@ -211,6 +327,9 @@
211
327
  .us-theme-fci .us-chip--outlined.us-chip--danger {
212
328
  --us-chip-color: var(--us-danger-color);
213
329
  }
330
+ .us-theme-fci .us-chip--flat.us-chip--danger {
331
+ --us-chip-color: var(--us-danger-color);
332
+ }
214
333
  .us-theme-fci .us-chip--text.us-chip--danger {
215
334
  --us-chip-color: var(--us-danger-color);
216
335
  }
@@ -235,7 +354,7 @@
235
354
  --us-button-padding-y: 0;
236
355
  --us-button-padding-x: 0.625rem;
237
356
  --us-button-font-size: 0.625rem;
238
- --us-button-border-radius: 8px;
357
+ --us-button-border-radius: 6px;
239
358
  --us-button-gap: 0.25rem;
240
359
  }
241
360
  .us-theme-fci .us-button--xs .us-icon {
@@ -246,7 +365,7 @@
246
365
  --us-button-padding-y: 0;
247
366
  --us-button-padding-x: 0.75rem;
248
367
  --us-button-font-size: 0.75rem;
249
- --us-button-border-radius: 8px;
368
+ --us-button-border-radius: 6px;
250
369
  --us-button-gap: 0.25rem;
251
370
  }
252
371
  .us-theme-fci .us-button--sm .us-icon {
@@ -257,7 +376,7 @@
257
376
  --us-button-padding-y: 0;
258
377
  --us-button-padding-x: 0.875rem;
259
378
  --us-button-font-size: 0.875rem;
260
- --us-button-border-radius: 8px;
379
+ --us-button-border-radius: 6px;
261
380
  --us-button-gap: 0.375rem;
262
381
  }
263
382
  .us-theme-fci .us-button--md .us-icon {
@@ -268,7 +387,7 @@
268
387
  --us-button-padding-y: 0;
269
388
  --us-button-padding-x: 1rem;
270
389
  --us-button-font-size: 1rem;
271
- --us-button-border-radius: 8px;
390
+ --us-button-border-radius: 6px;
272
391
  --us-button-gap: 0.5rem;
273
392
  }
274
393
  .us-theme-fci .us-button--lg .us-icon {
@@ -279,7 +398,7 @@
279
398
  --us-button-padding-y: 0;
280
399
  --us-button-padding-x: 1.125rem;
281
400
  --us-button-font-size: 1.125rem;
282
- --us-button-border-radius: 8px;
401
+ --us-button-border-radius: 6px;
283
402
  --us-button-gap: 0.5rem;
284
403
  }
285
404
  .us-theme-fci .us-button--xl .us-icon {
@@ -395,7 +514,7 @@
395
514
  --us-input-padding-y: 0rem;
396
515
  --us-input-padding-x: 0.875rem;
397
516
  --us-input-height: 32px;
398
- --us-input-font-size: 0.875rem;
517
+ --us-input-font-size: 0.75rem;
399
518
  --us-input-font-family: var(--us-font-sans);
400
519
  --us-input-line-height: 24px;
401
520
  --us-input-border-radius: 6px;
@@ -508,7 +627,7 @@
508
627
  --us-menu-background: #fff;
509
628
  }
510
629
  .us-theme-fci .us-menu-item {
511
- --us-menu-item-height: 40px;
630
+ --us-menu-item-height: 36px;
512
631
  --us-menu-item-padding-y: 0;
513
632
  --us-menu-item-padding-x: 1rem;
514
633
  --us-menu-item-padding-level: 1.5rem;
@@ -537,7 +656,7 @@
537
656
  --us-_active-overlay-opacity: 0.08;
538
657
  }
539
658
  .us-theme-fci .us-menu-group {
540
- --us-menu-group-height: 40px;
659
+ --us-menu-group-height: 36px;
541
660
  --us-menu-group-padding-y: 0;
542
661
  --us-menu-group-padding-x: 1rem;
543
662
  --us-menu-group-padding-level: 2rem;
@@ -577,7 +696,7 @@
577
696
  --us-card-border-width: 1px;
578
697
  --us-card-border-style: solid;
579
698
  --us-card-border-color: rgba(9, 30, 66, 0.14);
580
- --us-card-border-radius: 12px;
699
+ --us-card-border-radius: 6px;
581
700
  }
582
701
  .us-theme-fci .us-card > .us-overlay {
583
702
  --us-overlay-color: inherit;
@@ -673,6 +792,8 @@
673
792
  --us-result-subtitle-font-weight: 400;
674
793
  }
675
794
  .us-theme-fci .us-result--md {
795
+ --us-result-padding-y: 3rem;
796
+ --us-result-padding-x: 3rem;
676
797
  --us-result-gap: 1.5rem;
677
798
  --us-result-content-gap: 0.5rem;
678
799
  --us-result-title-font-size: 1.25rem;
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: 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}
1
+ .us-theme-fci .us-accordion{--us-accordion-border-width: 1px;--us-accordion-border-style: solid;--us-accordion-border-color: rgba(9, 30, 66, 0.14)}.us-theme-fci .us-accordion-header{--us-accordion-header-border-color: var(--us-accordion-border-color);--us-accordion-header-title-font-weight: 500;--us-accordion-header-title-color: var(--us-title-color);--us-accordion-header-subtitle-font-weight: 400;--us-accordion-header-subtitle-color: var(--us-subtitle-color)}.us-theme-fci .us-accordion-body{--us-accordion-body-color: var(--us-body-color)}.us-theme-fci .us-accordion--sm .us-accordion-header{--us-accordion-header-min-height: 36px;--us-accordion-header-padding-y: 0.685rem;--us-accordion-header-padding-x: 1rem;--us-accordion-header-padding-level: 1.25rem;--us-accordion-header-font-size: 12px;--us-accordion-header-gap: 1rem;--us-accordion-header-title-font-size: 12px;--us-accordion-header-title-line-height: 18px;--us-accordion-header-subtitle-font-size: 11px;--us-accordion-header-title-line-height: 14px}.us-theme-fci .us-accordion--sm .us-accordion-body{--us-accordion-body-padding-y: 1rem;--us-accordion-body-padding-x: 1rem;--us-accordion-body-font-size: 0.75rem;--us-accordion-body-line-height: 18px;--us-accordion-body-color: var(--us-body-color)}.us-theme-fci .us-accordion--md .us-accordion-header{--us-accordion-header-min-height: 2.5rem;--us-accordion-header-padding-y: 0.625rem;--us-accordion-header-padding-x: 1rem;--us-accordion-header-padding-level: 1.25rem;--us-accordion-header-gap: 1rem;--us-accordion-header-title-font-size: 0.8125rem;--us-accordion-header-title-line-height: 20px;--us-accordion-header-subtitle-font-size: 0.75rem;--us-accordion-header-subtitle-line-height: 16px}.us-theme-fci .us-accordion--md .us-accordion-body{--us-accordion-body-padding-y: 1.25rem;--us-accordion-body-padding-x: 1rem;--us-accordion-body-font-size: 0.875rem;--us-accordion-body-line-height: 20px;--us-accordion-body-color: var(--us-body-color)}.us-theme-fci .us-accordion--lg .us-accordion-header{--us-accordion-header-min-height: 2.75rem;--us-accordion-header-padding-y: 0.625rem;--us-accordion-header-padding-x: 1rem;--us-accordion-header-padding-level: 1.25rem;--us-accordion-header-font-size: 0.75rem;--us-accordion-header-gap: 1rem;--us-accordion-header-title-font-size: 0.875rem;--us-accordion-header-title-line-height: 24px;--us-accordion-header-subtitle-font-size: 0.8125rem;--us-accordion-header-subtitle-line-height: 18px}.us-theme-fci .us-accordion--lg .us-accordion-body{--us-accordion-body-padding-y: 1.5rem;--us-accordion-body-padding-x: 1rem;--us-accordion-body-font-size: 1rem;--us-accordion-body-line-height: 24px;--us-accordion-body-color: var(--us-body-color)}.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-min-width: 18px;--us-badge-min-height: 18px;--us-badge-padding-y: 0;--us-badge-padding-x: 0.25rem;--us-badge-font-size: 0.75rem;--us-badge-font-weight: 400;--us-badge-line-height: 1;--us-badge-border-radius: 9999px;--us-badge-color: var(--us-white-color)}.us-theme-fci .us-badge>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0}.us-theme-fci .us-badge--primary{--us-badge-background: var(--us-primary-color)}.us-theme-fci .us-badge--secondary{--us-badge-background: var(--us-secondary-color)}.us-theme-fci .us-badge--secondary{--us-badge-color: var(--us-black-color)}.us-theme-fci .us-badge--success{--us-badge-background: var(--us-success-color)}.us-theme-fci .us-badge--info{--us-badge-background: var(--us-info-color)}.us-theme-fci .us-badge--warning{--us-badge-background: var(--us-warning-color)}.us-theme-fci .us-badge--danger{--us-badge-background: var(--us-danger-color)}.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: 6px;--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: 6px;--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: 6px;--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: 6px;--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: 6px;--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--flat>.us-overlay{--us-overlay-opacity: 0.08}.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--flat.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--outlined.us-chip--secondary{--us-chip-color: var(--us-secondary-color)}.us-theme-fci .us-chip--flat.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--secondary{--us-chip-color: var(--us-black-color)}.us-theme-fci .us-chip--outlined.us-chip--secondary{--us-chip-color: var(--us-black-color)}.us-theme-fci .us-chip--flat.us-chip--secondary{--us-chip-color: var(--us-black-color)}.us-theme-fci .us-chip--text.us-chip--secondary{--us-chip-color: var(--us-black-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--flat.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--flat.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--flat.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--flat.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: 6px;--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: 6px;--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: 6px;--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: 6px;--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: 6px;--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.75rem;--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: 36px;--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: 36px;--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: 6px}.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-padding-y: 3rem;--us-result-padding-x: 3rem;--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
@@ -51,6 +51,7 @@
51
51
  flex-grow: 1;
52
52
  overflow: hidden;
53
53
  display: flex;
54
+ flex-direction: column;
54
55
  }
55
56
  .us-toolbar__title {
56
57
  font-size: var(--us-toolbar-title-font-size);
@@ -63,15 +64,21 @@
63
64
  }
64
65
 
65
66
  .us-badge {
66
- position: absolute;
67
- padding: var(--us-badge-padding-y) var(--us-badge-padding-x);
67
+ min-width: var(--us-badge-min-width);
68
+ min-height: var(--us-badge-min-height);
69
+ padding-block: var(--us-badge-padding-y);
70
+ padding-block: var(--us-badge-padding-y);
71
+ padding-inline: var(--us-badge-padding-x);
68
72
  font-size: var(--us-badge-font-size);
69
73
  font-weight: var(--us-badge-font-weight);
74
+ line-height: var(--us-badge-line-height);
70
75
  border: var(--us-badge-border-width) solid var(--us-badge-border-color);
71
76
  border-radius: var(--us-badge-border-radius);
72
77
  color: var(--us-badge-color);
73
78
  background-color: var(--us-badge-background);
74
79
  display: inline-flex;
80
+ justify-content: center;
81
+ align-items: center;
75
82
  }
76
83
  .us-badge > .us-overlay {
77
84
  position: absolute;
@@ -93,28 +100,31 @@
93
100
  color: var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
94
101
  opacity: var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
95
102
  }
96
- .us-badge--top-left {
103
+ .us-badge-wrapper {
104
+ flex-shrink: 0;
105
+ position: relative;
106
+ display: inline-flex;
107
+ }
108
+ .us-badge-wrapper .us-badge {
109
+ position: absolute;
110
+ }
111
+ .us-badge-wrapper .us-badge--top-left {
97
112
  top: 10%;
98
113
  left: 10%;
99
114
  }
100
- .us-badge--top-right {
115
+ .us-badge-wrapper .us-badge--top-right {
101
116
  right: 0;
102
117
  top: 0;
103
118
  transform: translate(50%, -50%);
104
119
  }
105
- .us-badge--bottom-left {
120
+ .us-badge-wrapper .us-badge--bottom-left {
106
121
  bottom: 10%;
107
122
  left: 10%;
108
123
  }
109
- .us-badge--bottom-right {
124
+ .us-badge-wrapper .us-badge--bottom-right {
110
125
  bottom: 0;
111
126
  right: 0;
112
127
  }
113
- .us-badge-wrapper {
114
- flex-shrink: 0;
115
- position: relative;
116
- display: inline-flex;
117
- }
118
128
 
119
129
  .us-collapse {
120
130
  overflow: hidden;
@@ -331,7 +341,7 @@
331
341
  left: 0;
332
342
  width: 100%;
333
343
  height: 100vh;
334
- z-index: 10;
344
+ z-index: 20;
335
345
  display: flex;
336
346
  justify-content: center;
337
347
  align-items: center;
@@ -366,7 +376,7 @@
366
376
  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;
367
377
  background-color: #fff;
368
378
  overflow: hidden;
369
- z-index: 40;
379
+ z-index: 1060;
370
380
  display: flex;
371
381
  flex-direction: column;
372
382
  }
@@ -407,6 +417,8 @@
407
417
  width: 100%;
408
418
  height: 100%;
409
419
  background-color: var(--us-drawer-background);
420
+ display: flex;
421
+ flex-direction: column;
410
422
  }
411
423
  .us-drawer-appear, .us-drawer-enter {
412
424
  opacity: 0;
@@ -661,25 +673,57 @@
661
673
  border-bottom: none;
662
674
  }
663
675
  .us-accordion-header {
664
- padding: 0.75rem 1rem;
665
- cursor: pointer;
676
+ height: var(--us-accordion-header-height);
677
+ min-height: var(--us-accordion-header-min-height);
678
+ padding-block: var(--us-accordion-header-padding-y);
679
+ padding-inline: var(--us-accordion-header-padding-x);
666
680
  display: flex;
667
681
  align-items: center;
668
- gap: 1rem;
669
- }
670
- .us-accordion-header__content {
671
- flex-grow: 1;
682
+ gap: var(--us-accordion-header-gap);
683
+ cursor: pointer;
672
684
  }
673
685
  .us-accordion-header__start-content, .us-accordion-header__end-content {
674
686
  flex-shrink: 0;
675
687
  }
688
+ .us-accordion-header__content {
689
+ flex-grow: 1;
690
+ display: flex;
691
+ flex-direction: column;
692
+ gap: var(--us-accordion-header-content-gap);
693
+ }
676
694
  .us-accordion-header__title {
677
- font-size: 0.875rem;
678
- font-weight: 500;
695
+ font-size: var(--us-accordion-header-title-font-size);
696
+ font-weight: var(--us-accordion-header-title-font-weight);
697
+ line-height: var(--us-accordion-header-title-line-height);
698
+ overflow: hidden;
699
+ color: var(--us-accordion-header-title-color);
700
+ display: -webkit-box;
701
+ -webkit-box-orient: vertical;
702
+ -webkit-line-clamp: 1;
679
703
  }
680
704
  .us-accordion-header__subtitle {
681
- font-size: 0.75rem;
682
- opacity: 0.75;
705
+ font-size: var(--us-accordion-header-subtitle-font-size);
706
+ font-weight: var(--us-accordion-header-subtitle-font-weight);
707
+ line-height: var(--us-accordion-header-subtitle-line-height);
708
+ overflow: hidden;
709
+ color: var(--us-accordion-header-subtitle-color);
710
+ display: -webkit-box;
711
+ -webkit-box-orient: vertical;
712
+ -webkit-line-clamp: 1;
713
+ }
714
+ .us-accordion-header:not(.us-accordion-header--bordered) ~ .us-accordion-body:not([data-hidden=true]), .us-accordion-header:not(.us-accordion-header--bordered) ~ :not([hidden]) .us-accordion-body:not([data-hidden=true]) {
715
+ padding-top: 0;
716
+ }
717
+ .us-accordion-header--bordered ~ .us-accordion-body:not([data-hidden=true]), .us-accordion-header--bordered ~ :not([hidden]) .us-accordion-body:not([data-hidden=true]) {
718
+ border-top-width: 1px;
719
+ }
720
+ .us-accordion-body {
721
+ border-top: 0px solid #ddd;
722
+ padding-block: var(--us-accordion-body-padding-y);
723
+ padding-inline: var(--us-accordion-body-padding-x);
724
+ font-size: var(--us-accordion-body-font-size);
725
+ line-height: var(--us-accordion-body-line-height);
726
+ color: var(--us-accordion-body-color);
683
727
  }
684
728
  .us-accordion-panel {
685
729
  padding: 1rem;
@@ -732,13 +776,13 @@
732
776
  color: var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
733
777
  opacity: var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
734
778
  }
735
- .us-list-item--hoverable {
779
+ .us-list-item--hoverable, .us-list-item--selected {
736
780
  cursor: pointer;
737
781
  user-select: none;
738
782
  }
739
783
  .us-list-item--disabled {
740
784
  opacity: 0.6;
741
- pointer-events: none;
785
+ cursor: not-allowed;
742
786
  user-select: none;
743
787
  }
744
788
  .us-list-item__start-content, .us-list-item__end-content {
@@ -1004,7 +1048,6 @@
1004
1048
  .us-tabs {
1005
1049
  width: 100%;
1006
1050
  white-space: nowrap;
1007
- overflow: hidden;
1008
1051
  display: flex;
1009
1052
  align-items: center;
1010
1053
  }
@@ -1123,13 +1166,13 @@
1123
1166
  color: var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
1124
1167
  opacity: var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
1125
1168
  }
1126
- .us-card--hoverable {
1169
+ .us-card--hoverable, .us-card--selected {
1127
1170
  cursor: pointer;
1128
1171
  user-select: none;
1129
1172
  }
1130
1173
  .us-card--disabled {
1131
1174
  opacity: 0.6;
1132
- pointer-events: none;
1175
+ cursor: not-allowed;
1133
1176
  user-select: none;
1134
1177
  }
1135
1178
  .us-card-header {
@@ -1170,14 +1213,14 @@
1170
1213
  -webkit-box-orient: vertical;
1171
1214
  -webkit-line-clamp: 1;
1172
1215
  }
1173
- .us-card-header:not(.us-card-header--bordered) ~ :not([data-hidden=true]) {
1216
+ .us-card-header:not(.us-card-header--bordered) ~ .us-card-body:not([data-hidden=true]) {
1174
1217
  padding-top: 0;
1175
1218
  }
1176
- .us-card-header--bordered ~ :not([data-hidden=true]) {
1219
+ .us-card-header--bordered ~ .us-card-body:not([data-hidden=true]) {
1177
1220
  border-top-width: 1px;
1178
1221
  }
1179
1222
  .us-card-body {
1180
- border-top: 1px solid #ddd;
1223
+ border-top: 0px solid #ddd;
1181
1224
  padding: var(--us-card-body-padding-y) var(--us-card-body-padding-x);
1182
1225
  font-size: var(--us-card-body-font-size);
1183
1226
  line-height: var(--us-card-body-line-height);