@unifiedsoftware/styles 1.0.45 → 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 +148 -27
- package/css/fci.min.css +1 -1
- package/css/styles.css +87 -31
- package/css/styles.min.css +1 -1
- package/package.json +1 -1
- package/scss/components/_accordion.scss +48 -10
- package/scss/components/_backdrop.scss +1 -1
- package/scss/components/_badge.scss +23 -12
- package/scss/components/_card.scss +6 -5
- package/scss/components/_drawer.scss +2 -0
- package/scss/components/_input.scss +14 -0
- package/scss/components/_list.scss +3 -2
- package/scss/components/_popover.scss +1 -1
- package/scss/components/_tabs.scss +0 -1
- package/scss/components/_toolbar.scss +1 -0
- package/scss/themes/fci/components/_accordion.scss +91 -0
- package/scss/themes/fci/components/_badge.scss +30 -12
- package/scss/themes/fci/components/_button.scss +5 -5
- package/scss/themes/fci/components/_card.scss +1 -17
- package/scss/themes/fci/components/_chip.scss +32 -12
- package/scss/themes/fci/components/_index.scss +2 -0
- package/scss/themes/fci/components/_input.scss +1 -1
- package/scss/themes/fci/components/_menu.scss +2 -2
- package/scss/themes/fci/components/_result.scss +3 -0
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-
|
|
65
|
-
--us-badge-
|
|
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:
|
|
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
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
--us-
|
|
80
|
-
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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-
|
|
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-
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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.
|
|
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:
|
|
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:
|
|
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:
|
|
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
|
-
|
|
67
|
-
|
|
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
|
|
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:
|
|
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:
|
|
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;
|
|
@@ -592,6 +604,19 @@
|
|
|
592
604
|
.us-input__field:focus {
|
|
593
605
|
outline: none !important;
|
|
594
606
|
}
|
|
607
|
+
.us-input__search {
|
|
608
|
+
flex: 1;
|
|
609
|
+
width: 100%;
|
|
610
|
+
padding: var(--us-input-padding-y) var(--us-input-padding-x);
|
|
611
|
+
font-size: var(--us-input-font-size);
|
|
612
|
+
font-family: var(--us-input-font-family);
|
|
613
|
+
line-height: var(--us-input-line-height);
|
|
614
|
+
color: var(--us-input-color);
|
|
615
|
+
overflow: hidden;
|
|
616
|
+
display: -webkit-box;
|
|
617
|
+
-webkit-box-orient: vertical;
|
|
618
|
+
-webkit-line-clamp: 1;
|
|
619
|
+
}
|
|
595
620
|
.us-input__start-content, .us-input__end-content {
|
|
596
621
|
flex-shrink: 0;
|
|
597
622
|
display: flex;
|
|
@@ -648,25 +673,57 @@
|
|
|
648
673
|
border-bottom: none;
|
|
649
674
|
}
|
|
650
675
|
.us-accordion-header {
|
|
651
|
-
|
|
652
|
-
|
|
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);
|
|
653
680
|
display: flex;
|
|
654
681
|
align-items: center;
|
|
655
|
-
gap:
|
|
656
|
-
|
|
657
|
-
.us-accordion-header__content {
|
|
658
|
-
flex-grow: 1;
|
|
682
|
+
gap: var(--us-accordion-header-gap);
|
|
683
|
+
cursor: pointer;
|
|
659
684
|
}
|
|
660
685
|
.us-accordion-header__start-content, .us-accordion-header__end-content {
|
|
661
686
|
flex-shrink: 0;
|
|
662
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
|
+
}
|
|
663
694
|
.us-accordion-header__title {
|
|
664
|
-
font-size:
|
|
665
|
-
font-weight:
|
|
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;
|
|
666
703
|
}
|
|
667
704
|
.us-accordion-header__subtitle {
|
|
668
|
-
font-size:
|
|
669
|
-
|
|
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);
|
|
670
727
|
}
|
|
671
728
|
.us-accordion-panel {
|
|
672
729
|
padding: 1rem;
|
|
@@ -719,13 +776,13 @@
|
|
|
719
776
|
color: var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
|
|
720
777
|
opacity: var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
|
|
721
778
|
}
|
|
722
|
-
.us-list-item--hoverable {
|
|
779
|
+
.us-list-item--hoverable, .us-list-item--selected {
|
|
723
780
|
cursor: pointer;
|
|
724
781
|
user-select: none;
|
|
725
782
|
}
|
|
726
783
|
.us-list-item--disabled {
|
|
727
784
|
opacity: 0.6;
|
|
728
|
-
|
|
785
|
+
cursor: not-allowed;
|
|
729
786
|
user-select: none;
|
|
730
787
|
}
|
|
731
788
|
.us-list-item__start-content, .us-list-item__end-content {
|
|
@@ -991,7 +1048,6 @@
|
|
|
991
1048
|
.us-tabs {
|
|
992
1049
|
width: 100%;
|
|
993
1050
|
white-space: nowrap;
|
|
994
|
-
overflow: hidden;
|
|
995
1051
|
display: flex;
|
|
996
1052
|
align-items: center;
|
|
997
1053
|
}
|
|
@@ -1110,13 +1166,13 @@
|
|
|
1110
1166
|
color: var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
|
|
1111
1167
|
opacity: var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
|
|
1112
1168
|
}
|
|
1113
|
-
.us-card--hoverable {
|
|
1169
|
+
.us-card--hoverable, .us-card--selected {
|
|
1114
1170
|
cursor: pointer;
|
|
1115
1171
|
user-select: none;
|
|
1116
1172
|
}
|
|
1117
1173
|
.us-card--disabled {
|
|
1118
1174
|
opacity: 0.6;
|
|
1119
|
-
|
|
1175
|
+
cursor: not-allowed;
|
|
1120
1176
|
user-select: none;
|
|
1121
1177
|
}
|
|
1122
1178
|
.us-card-header {
|
|
@@ -1157,14 +1213,14 @@
|
|
|
1157
1213
|
-webkit-box-orient: vertical;
|
|
1158
1214
|
-webkit-line-clamp: 1;
|
|
1159
1215
|
}
|
|
1160
|
-
.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]) {
|
|
1161
1217
|
padding-top: 0;
|
|
1162
1218
|
}
|
|
1163
|
-
.us-card-header--bordered ~ :not([data-hidden=true]) {
|
|
1219
|
+
.us-card-header--bordered ~ .us-card-body:not([data-hidden=true]) {
|
|
1164
1220
|
border-top-width: 1px;
|
|
1165
1221
|
}
|
|
1166
1222
|
.us-card-body {
|
|
1167
|
-
border-top:
|
|
1223
|
+
border-top: 0px solid #ddd;
|
|
1168
1224
|
padding: var(--us-card-body-padding-y) var(--us-card-body-padding-x);
|
|
1169
1225
|
font-size: var(--us-card-body-font-size);
|
|
1170
1226
|
line-height: var(--us-card-body-line-height);
|