@digiform/wizard 0.2.4 → 0.2.6

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/styles.css CHANGED
@@ -1,1861 +1,4 @@
1
1
  @layer formbuilder.wizard {
2
- /*
3
- * Font CSS removed to reduce bundle size by ~5MB
4
- *
5
- * This file previously contained @font-face declarations for:
6
- * - RijksoverheidSansWebText (regular, bold, italic)
7
- * - RijksoverheidSerifWeb (regular, bold, italic)
8
- *
9
- * To use these fonts in your application, you'll need to:
10
- * 1. Include the font files in your application's assets
11
- * 2. Add the @font-face declarations to your application's CSS
12
- * 3. Or use a web font service like Google Fonts for similar fonts
13
- *
14
- * Example fallback font stack:
15
- * font-family: "Your Custom Font", Arial, Verdana, sans-serif;
16
- *//* =============================================================================
17
- @formbuilder/ui — Design Tokens
18
- Canonical source for all --fb-* custom properties.
19
- All values are standalone CSS values with no external design system dependency.
20
- ============================================================================= */
21
-
22
- :root {
23
- /* ============================================================
24
- Colors
25
- ============================================================ */
26
-
27
- /* Primary — muted blue, enterprise-grade */
28
- --fb-primary: #2563eb; /* Main action color (blue-600) */
29
- --fb-primary-600: #2563eb; /* blue-600 alias */
30
- --fb-primary-hover: #1d4ed8; /* Primary on hover (blue-700) */
31
- --fb-primary-active: #1e40af; /* Primary on active/pressed (blue-800) */
32
- --fb-primary-dark: #1e3a8a; /* Dark primary (blue-900) */
33
- --fb-primary-border: #93c5fd; /* Primary border tint (blue-300) */
34
- --fb-primary-foreground: #ffffff; /* Text on primary bg */
35
- --fb-primary-subtle: #dbeafe; /* Subtle primary tint (blue-100) */
36
- --fb-primary-subtle-50: rgba(239, 246, 255, 0.5); /* 50% opacity primary subtle */
37
-
38
- /* Backgrounds */
39
- --fb-background: #ffffff; /* Page/document background */
40
- --fb-surface: #f8fafc; /* Card / panel background */
41
- --fb-surface-accent: #f1f5f9; /* Subtle accent surface (hover, active) */
42
- --fb-surface-emphasis: #e2e8f0; /* Emphasized surface (slate-200) */
43
- --fb-surface-subtle: #f1f5f9; /* Subtle neutral surface (slate-100) */
44
-
45
- /* Borders */
46
- --fb-border: #e2e8f0; /* Default border */
47
- --fb-border-focus: #2563eb; /* Focus ring color */
48
- --fb-border-width: 1px; /* Default border width */
49
-
50
- /* Text */
51
- --fb-text: #0f172a; /* Default body text */
52
- --fb-text-muted: #64748b; /* Secondary / placeholder text */
53
- --fb-text-on-primary: #ffffff; /* Text on primary-colored bg */
54
-
55
- /* Status */
56
- --fb-error: #dc2626; /* Error / destructive */
57
- --fb-error-hover: #b91c1c; /* Error on hover */
58
- --fb-error-dark: #7f1d1d; /* Deep error (focus ring outer) */
59
- --fb-error-muted: #fca5a5; /* Muted error text (red-300) */
60
- --fb-error-subtle: #fecaca; /* Subtle error tint (red-200) */
61
- --fb-error-border: #fca5a5; /* Error border (red-300) */
62
- --fb-error-translucent: rgba(220, 38, 38, 0.3); /* Translucent error border */
63
- --fb-error-surface: #fef2f2; /* Error background tint */
64
- --fb-success: #16a34a; /* Success */
65
- --fb-success-hover: #15803d; /* Success on hover (green-700) */
66
- --fb-success-bright: #22c55e; /* Bright success icon color (green-500) */
67
- --fb-success-subtle: #bbf7d0; /* Subtle success border (green-200) */
68
- --fb-success-dark: #166534; /* Dark success text (green-800) */
69
- --fb-success-surface: #f0fdf4; /* Success background tint */
70
- --fb-warning: #d97706; /* Warning */
71
- --fb-warning-surface: #fffbeb; /* Warning background tint */
72
- --fb-info: #0284c7; /* Informational */
73
- --fb-info-surface: #f0f9ff; /* Info background tint */
74
-
75
- /* Neutral grey scale */
76
- --fb-neutral-50: #f9fafb; /* gray-50 */
77
- --fb-neutral-100: #e2e8f0; /* slate-200 */
78
- --fb-neutral-200: #cbd5e1; /* slate-300 */
79
- --fb-neutral-300: #9ca3af; /* gray-400 — medium grey for borders */
80
- --fb-neutral-500: #6b7280; /* gray-500 — muted text / icons */
81
- --fb-neutral-900: #111827; /* gray-900 — near-black text */
82
-
83
- /* Accent */
84
- --fb-accent: #f1f5f9; /* Accent surface for interactive elements */
85
- --fb-accent-rgb: 241, 245, 249; /* RGB values for rgba() usage */
86
-
87
- /* Amber (status: caution) */
88
- --fb-amber-100: #fef3c7; /* amber-100 */
89
- --fb-amber-300: #fcd34d; /* amber-300 */
90
- --fb-amber-800: #92400e; /* amber-800 */
91
-
92
- /* Violet (status: info-alt / accent) */
93
- --fb-violet-100: #ede9fe; /* violet-100 */
94
- --fb-violet-300: #c4b5fd; /* violet-300 */
95
- --fb-violet-700: #6d28d9; /* violet-700 */
96
- --fb-violet-800: #5b21b6; /* violet-800 */
97
-
98
- /* Cyan (status: info-cool) */
99
- --fb-cyan-100: #cffafe; /* cyan-100 */
100
- --fb-cyan-300: #67e8f9; /* cyan-300 */
101
- --fb-cyan-800: #155e75; /* cyan-800 */
102
-
103
- /* Lime (status: success-alt / growth) */
104
- --fb-lime-100: #ecfccb; /* lime-100 */
105
- --fb-lime-300: #bef264; /* lime-300 */
106
- --fb-lime-800: #3f6212; /* lime-800 */
107
-
108
- /* Pink (status: highlight / special) */
109
- --fb-pink-100: #fce7f3; /* pink-100 */
110
- --fb-pink-300: #f9a8d4; /* pink-300 */
111
- --fb-pink-800: #9d174d; /* pink-800 */
112
-
113
- /* Warning (additional aliases) */
114
- --fb-warning-border: #fef08a; /* yellow-200 — warning border ring */
115
-
116
- /* ============================================================
117
- Typography
118
- ============================================================ */
119
-
120
- --fb-font-family-mono: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
121
-
122
- --fb-font-size-xs: 0.75rem; /* 12px */
123
- --fb-font-size-sm: 0.875rem; /* 14px */
124
- --fb-font-size-md: 1rem; /* 16px */
125
- --fb-font-size-lg: 1.125rem; /* 18px */
126
- --fb-font-size-xl: 1.25rem; /* 20px */
127
- --fb-font-size-2xl: 1.5rem; /* 24px */
128
-
129
- --fb-font-weight-normal: 400; /* Regular text */
130
- --fb-font-weight-medium: 500; /* Slightly emphasized */
131
- --fb-font-weight-semibold: 600; /* Labels, headings */
132
-
133
- --fb-line-height-tight: 1.25; /* Compact, headings */
134
- --fb-line-height-normal: 1.5; /* Body text */
135
- --fb-line-height-relaxed: 1.75; /* Readable long-form text */
136
-
137
- /* ============================================================
138
- Spacing (4px base grid — numeric scale)
139
- Each step of 50 = 4px. --fb-space-100 = 8px.
140
- ============================================================ */
141
-
142
- --fb-space-50: 0.25rem; /* 4px */
143
- --fb-space-100: 0.5rem; /* 8px */
144
- --fb-space-150: 0.75rem; /* 12px */
145
- --fb-space-200: 1rem; /* 16px */
146
- --fb-space-250: 1.25rem; /* 20px */
147
- --fb-space-300: 1.5rem; /* 24px */
148
- --fb-space-350: 1.75rem; /* 28px */
149
- --fb-space-400: 2rem; /* 32px */
150
- --fb-space-450: 2.25rem; /* 36px */
151
- --fb-space-500: 2.5rem; /* 40px */
152
- --fb-space-550: 2.75rem; /* 44px */
153
- --fb-space-600: 3rem; /* 48px */
154
- --fb-space-650: 3.25rem; /* 52px */
155
- --fb-space-700: 3.5rem; /* 56px */
156
-
157
- /* Semantic aliases — map to numeric scale */
158
- --fb-space-xs: var(--fb-space-50); /* 4px */
159
- --fb-space-sm: var(--fb-space-100); /* 8px */
160
- --fb-space-md: var(--fb-space-200); /* 16px */
161
- --fb-space-lg: var(--fb-space-300); /* 24px */
162
- --fb-space-xl: var(--fb-space-400); /* 32px */
163
- --fb-space-2xl: var(--fb-space-600); /* 48px */
164
- --fb-space-3xl: var(--fb-space-700); /* 56px */
165
- --fb-space-md-neg: calc(-1 * var(--fb-space-200)); /* -16px */
166
-
167
- /* Sub-grid steps for component internals (< 4px) */
168
- --fb-space-1: 0.0625rem; /* 1px */
169
- --fb-space-2: 0.125rem; /* 2px */
170
- --fb-space-3: 0.1875rem; /* 3px */
171
- --fb-space-6: 0.375rem; /* 6px */
172
- --fb-space-10: 0.625rem; /* 10px */
173
- --fb-space-12: var(--fb-space-150); /* 12px */
174
- --fb-space-14: 0.875rem; /* 14px */
175
- --fb-space-20: var(--fb-space-250); /* 20px */
176
-
177
- /* Interactive target */
178
- --fb-size-touch-target: var(--fb-space-500); /* 40px */
179
-
180
- /* ============================================================
181
- Layout
182
- ============================================================ */
183
-
184
- --fb-container-max-width: 64rem; /* 1024px standard content width */
185
- --fb-popover-width: 18rem; /* 288px default popover width */
186
-
187
- /* ============================================================
188
- Border Radius
189
- ============================================================ */
190
-
191
- --fb-radius-sm: 0.25rem; /* 4px */
192
- --fb-radius-md: 0.375rem; /* 6px */
193
- --fb-radius-lg: 0.5rem; /* 8px */
194
- --fb-radius-xl: 0.75rem; /* 12px */
195
- --fb-radius-full: 9999px; /* Pill / fully-rounded */
196
-
197
- /* ============================================================
198
- Shadows
199
- ============================================================ */
200
-
201
- --fb-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05); /* Subtle elevation */
202
- --fb-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); /* Card / panel elevation */
203
- --fb-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); /* Modal / floating elevation */
204
-
205
- /* ============================================================
206
- Z-Index (named overlay layers)
207
- ============================================================ */
208
-
209
- --fb-z-base: 0; /* Default document layer */
210
- --fb-z-raised: 1; /* Slightly above normal flow */
211
- --fb-z-dropdown: 1000; /* Dropdown menus */
212
- --fb-z-sticky: 1100; /* Sticky headers / sidebars */
213
- --fb-z-overlay: 1200; /* Backdrop overlays */
214
- --fb-z-modal: 1300; /* Modal dialogs */
215
- --fb-z-toast: 1400; /* Toast notifications (top of stack) */
216
- }
217
- /* Base alert styles */
218
- .fb-alert_5UcaT {
219
- position: relative;
220
- inline-size: 100%;
221
- border-radius: var(--fb-radius-md);
222
- border: var(--fb-border-width) solid var(--fb-border);
223
- padding: var(--fb-space-md);
224
- }
225
-
226
- /* Icon positioning */
227
- .fb-alert_5UcaT > svg {
228
- position: absolute;
229
- left: var(--fb-space-md);
230
- top: var(--fb-space-md);
231
- color: var(--fb-text);
232
- }
233
-
234
- .fb-alert_5UcaT > svg ~ * {
235
- padding-inline-start: 1.75rem;
236
- }
237
-
238
- .fb-alert_5UcaT > svg + div {
239
- transform: translateY(-3px);
240
- }
241
-
242
- /* Variant: Default */
243
- .fb-variant-default_yhEpY {
244
- background-color: var(--fb-background);
245
- color: var(--fb-text);
246
- }
247
-
248
- /* Variant: Destructive */
249
- .fb-variant-destructive_rafp5 {
250
- border-color: var(--fb-error);
251
- color: var(--fb-error);
252
- }
253
-
254
- .fb-variant-destructive_rafp5 > svg {
255
- color: var(--fb-error);
256
- }
257
-
258
- /* Alert Title sub-component */
259
- .fb-alertTitle_-KE5o {
260
- margin-block-end: var(--fb-space-sm);
261
- font-weight: 500;
262
- line-height: 1;
263
- letter-spacing: -0.025em;
264
- }
265
-
266
- /* Alert Description sub-component */
267
- .fb-alertDescription_cg7Ke {
268
- font-size: var(--fb-font-size-sm);
269
- }
270
-
271
- .fb-alertDescription_cg7Ke p {
272
- line-height: 1.625;
273
- }
274
- /* Base button styles */
275
- .fb-button_MJLDl {
276
- display: inline-flex;
277
- align-items: center;
278
- justify-content: center;
279
- gap: var(--fb-space-sm);
280
- white-space: nowrap;
281
- border-radius: var(--fb-radius-md);
282
- font-size: var(--fb-font-size-sm);
283
- font-weight: 500;
284
- transition: background-color 0.2s, color 0.2s, opacity 0.2s;
285
- cursor: pointer;
286
- outline: none;
287
- }
288
-
289
- .fb-button_MJLDl:focus-visible {
290
- outline: 2px solid var(--fb-primary);
291
- outline-offset: 2px;
292
- }
293
-
294
- .fb-button_MJLDl:disabled {
295
- pointer-events: none;
296
- opacity: 0.5;
297
- }
298
-
299
- .fb-button_MJLDl svg {
300
- pointer-events: none;
301
- inline-size: 1rem;
302
- block-size: 1rem;
303
- flex-shrink: 0;
304
- }
305
-
306
- /* Variant: Default (Primary) */
307
- .fb-variant-default_KLx8b {
308
- background-color: var(--fb-primary);
309
- color: var(--fb-text-on-primary);
310
- }
311
-
312
- .fb-variant-default_KLx8b:hover:not(:disabled) {
313
- background-color: var(--fb-primary-hover);
314
- }
315
-
316
- /* Variant: Destructive */
317
- .fb-variant-destructive_vQKZ2 {
318
- background-color: var(--fb-error);
319
- color: var(--fb-text-on-primary);
320
- }
321
-
322
- .fb-variant-destructive_vQKZ2:hover:not(:disabled) {
323
- background-color: var(--fb-error-hover);
324
- }
325
-
326
- /* Variant: Outline */
327
- .fb-variant-outline_1Mb0E {
328
- border: var(--fb-border-width) solid var(--fb-border);
329
- background-color: var(--fb-background);
330
- color: var(--fb-text);
331
- }
332
-
333
- .fb-variant-outline_1Mb0E:hover:not(:disabled) {
334
- background-color: var(--fb-surface-accent);
335
- color: var(--fb-text);
336
- }
337
-
338
- /* Variant: Secondary */
339
- .fb-variant-secondary_-bohS {
340
- background-color: var(--fb-neutral-100);
341
- color: var(--fb-text);
342
- }
343
-
344
- .fb-variant-secondary_-bohS:hover:not(:disabled) {
345
- background-color: var(--fb-neutral-200);
346
- }
347
-
348
- /* Variant: Ghost */
349
- .fb-variant-ghost_qml-f {
350
- background-color: transparent;
351
- color: var(--fb-text);
352
- }
353
-
354
- .fb-variant-ghost_qml-f:hover:not(:disabled) {
355
- background-color: var(--fb-surface-accent);
356
- color: var(--fb-text);
357
- }
358
-
359
- /* Variant: Link */
360
- .fb-variant-link_aNj3r {
361
- background-color: transparent;
362
- color: var(--fb-primary);
363
- text-underline-offset: 0.25rem;
364
- }
365
-
366
- .fb-variant-link_aNj3r:hover:not(:disabled) {
367
- text-decoration: underline;
368
- }
369
-
370
- /* Size: Default */
371
- .fb-size-default_9qKVU {
372
- block-size: var(--fb-size-touch-target);
373
- padding-inline: var(--fb-space-md);
374
- padding-block: var(--fb-space-sm);
375
- }
376
-
377
- /* Size: Small */
378
- .fb-size-sm_MvjvS {
379
- block-size: 2.25rem;
380
- padding-inline: var(--fb-space-12);
381
- border-radius: var(--fb-radius-md);
382
- }
383
-
384
- /* Size: Large */
385
- .fb-size-lg_v6n8j {
386
- block-size: 2.75rem;
387
- padding-inline: var(--fb-space-20);
388
- border-radius: var(--fb-radius-md);
389
- }
390
-
391
- /* Size: Icon */
392
- .fb-size-icon_MYsET {
393
- block-size: var(--fb-size-touch-target);
394
- inline-size: var(--fb-size-touch-target);
395
- padding: 0;
396
- }
397
- /* Base badge styles */
398
- .fb-badge_Q1h-y {
399
- display: inline-flex;
400
- align-items: center;
401
- border-radius: var(--fb-radius-full);
402
- border: var(--fb-border-width) solid transparent;
403
- padding-inline: var(--fb-space-6);
404
- padding-block: var(--fb-space-xs);
405
- font-size: var(--fb-font-size-xs);
406
- font-weight: 600;
407
- transition: background-color 0.2s, color 0.2s;
408
- outline: none;
409
- }
410
-
411
- .fb-badge_Q1h-y:focus {
412
- outline: 2px solid var(--fb-primary);
413
- outline-offset: 2px;
414
- }
415
-
416
- /* Variant: Default */
417
- .fb-variant-default_7HL-r {
418
- background-color: var(--fb-primary);
419
- color: var(--fb-text-on-primary);
420
- }
421
-
422
- .fb-variant-default_7HL-r:hover {
423
- background-color: var(--fb-primary-hover);
424
- }
425
-
426
- /* Variant: Secondary */
427
- .fb-variant-secondary_knrZF {
428
- background-color: var(--fb-neutral-100);
429
- color: var(--fb-text);
430
- }
431
-
432
- .fb-variant-secondary_knrZF:hover {
433
- background-color: var(--fb-neutral-200);
434
- }
435
-
436
- /* Variant: Destructive */
437
- .fb-variant-destructive_YUruN {
438
- background-color: var(--fb-error);
439
- color: var(--fb-text-on-primary);
440
- }
441
-
442
- .fb-variant-destructive_YUruN:hover {
443
- background-color: var(--fb-error-hover);
444
- }
445
-
446
- /* Variant: Outline */
447
- .fb-variant-outline_EHC5j {
448
- border-color: var(--fb-border);
449
- background-color: transparent;
450
- color: var(--fb-text);
451
- }
452
-
453
- .fb-variant-outline_EHC5j:hover {
454
- background-color: var(--fb-surface-accent);
455
- }
456
- /* Card base styles */
457
- .fb-card_Ry9d9 {
458
- border-radius: var(--fb-radius-lg);
459
- border: var(--fb-border-width) solid var(--fb-border);
460
- background-color: var(--fb-background);
461
- color: var(--fb-text);
462
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
463
- }
464
-
465
- /* Card header - flex column with spacing */
466
- .fb-cardHeader_exSCY {
467
- display: flex;
468
- flex-direction: column;
469
- gap: var(--fb-space-6);
470
- padding: var(--fb-space-lg);
471
- }
472
-
473
- /* Card title - large heading with tight tracking */
474
- .fb-cardTitle_mLAib {
475
- font-size: var(--fb-font-size-2xl);
476
- font-weight: 600;
477
- line-height: 1;
478
- letter-spacing: -0.025em;
479
- color: var(--fb-text);
480
- }
481
-
482
- /* Card description - muted text */
483
- .fb-cardDescription_iLv2K {
484
- font-size: var(--fb-font-size-sm);
485
- color: var(--fb-text-muted);
486
- }
487
-
488
- /* Card content - padding, no top padding */
489
- .fb-cardContent_HJ92K {
490
- padding: var(--fb-space-lg);
491
- padding-block-start: 0;
492
- }
493
-
494
- /* Card footer - flex row aligned center */
495
- .fb-cardFooter_BAcjS {
496
- display: flex;
497
- align-items: center;
498
- padding: var(--fb-space-lg);
499
- padding-block-start: 0;
500
- }
501
- /* Dialog overlay - backdrop with fade animations */
502
- .fb-dialogOverlay_GSMVm {
503
- position: fixed;
504
- inset: 0;
505
- z-index: 50;
506
- background-color: rgba(0, 0, 0, 0.8);
507
- }
508
-
509
- .fb-dialogOverlay_GSMVm[data-state="open"] {
510
- animation: fb-dialogOverlayFadeIn_l-QHK 150ms ease-out;
511
- }
512
-
513
- .fb-dialogOverlay_GSMVm[data-state="closed"] {
514
- animation: fb-dialogOverlayFadeOut_DewLt 150ms ease-in;
515
- }
516
-
517
- /* Dialog content - centered modal with slide animations */
518
- .fb-dialogContent_neUay {
519
- position: fixed;
520
- left: 50%;
521
- top: 50%;
522
- z-index: 50;
523
- display: grid;
524
- width: 100%;
525
- max-width: 32rem;
526
- translate: -50% -50%;
527
- gap: var(--fb-space-sm);
528
- border: var(--fb-border-width) solid var(--fb-border);
529
- background-color: var(--fb-background);
530
- padding: var(--fb-space-12);
531
- box-shadow: var(--fb-shadow-lg);
532
- transition-duration: 200ms;
533
- }
534
-
535
- @media (min-width: 640px) {
536
- .fb-dialogContent_neUay {
537
- border-radius: var(--fb-radius-lg);
538
- }
539
- }
540
-
541
- .fb-dialogContent_neUay[data-state="open"] {
542
- animation: fb-dialogContentSlideIn_oQPJG 200ms ease-out;
543
- }
544
-
545
- .fb-dialogContent_neUay[data-state="closed"] {
546
- animation: fb-dialogContentSlideOut_nNdgq 200ms ease-in;
547
- }
548
-
549
- /* Close button - absolute positioned top-right */
550
- .fb-dialogClose_QbWkj {
551
- position: absolute;
552
- right: var(--fb-space-sm);
553
- top: var(--fb-space-sm);
554
- border-radius: var(--fb-radius-sm);
555
- opacity: 0.7;
556
- transition: opacity 150ms;
557
- }
558
-
559
- .fb-dialogClose_QbWkj:hover {
560
- opacity: 1;
561
- }
562
-
563
- .fb-dialogClose_QbWkj:focus {
564
- outline: none;
565
- box-shadow: 0 0 0 2px var(--fb-border-focus);
566
- opacity: 1;
567
- }
568
-
569
- .fb-dialogClose_QbWkj:disabled {
570
- pointer-events: none;
571
- }
572
-
573
- .fb-dialogClose_QbWkj[data-state="open"] {
574
- background-color: var(--fb-accent);
575
- color: var(--fb-text-muted);
576
- }
577
-
578
- /* Close icon */
579
- .fb-dialogCloseIcon_kK8c6 {
580
- block-size: 1rem;
581
- inline-size: 1rem;
582
- }
583
-
584
- .fb-dialogCloseIcon_kK8c6 + span {
585
- position: absolute;
586
- width: 1px;
587
- height: 1px;
588
- padding: 0;
589
- margin: -1px;
590
- overflow: hidden;
591
- clip: rect(0, 0, 0, 0);
592
- white-space: nowrap;
593
- border-width: 0;
594
- }
595
-
596
- /* Dialog header */
597
- .fb-dialogHeader_df1-u {
598
- display: flex;
599
- flex-direction: column;
600
- gap: var(--fb-space-3);
601
- text-align: center;
602
- }
603
-
604
- @media (min-width: 640px) {
605
- .fb-dialogHeader_df1-u {
606
- text-align: start;
607
- }
608
- }
609
-
610
- /* Dialog footer */
611
- .fb-dialogFooter_1vdJe {
612
- display: flex;
613
- flex-direction: column-reverse;
614
- gap: var(--fb-space-sm);
615
- }
616
-
617
- @media (min-width: 640px) {
618
- .fb-dialogFooter_1vdJe {
619
- flex-direction: row;
620
- justify-content: flex-end;
621
- gap: var(--fb-space-sm);
622
- }
623
- }
624
-
625
- /* Dialog title */
626
- .fb-dialogTitle_FS7k8 {
627
- font-size: var(--fb-font-size-lg);
628
- font-weight: var(--fb-font-weight-semibold);
629
- line-height: 1;
630
- letter-spacing: -0.025em;
631
- }
632
-
633
- /* Dialog description */
634
- .fb-dialogDescription_uEgTa {
635
- font-size: var(--fb-font-size-sm);
636
- color: var(--fb-text-muted);
637
- }
638
-
639
- /* Keyframe animations */
640
- @keyframes fb-dialogOverlayFadeIn_l-QHK {
641
- from {
642
- opacity: 0;
643
- }
644
- to {
645
- opacity: 1;
646
- }
647
- }
648
-
649
- @keyframes fb-dialogOverlayFadeOut_DewLt {
650
- from {
651
- opacity: 1;
652
- }
653
- to {
654
- opacity: 0;
655
- }
656
- }
657
-
658
- @keyframes fb-dialogContentSlideIn_oQPJG {
659
- from {
660
- opacity: 0;
661
- transform: translate(-50%, -48%) scale(0.95);
662
- }
663
- to {
664
- opacity: 1;
665
- transform: translate(-50%, -50%) scale(1);
666
- }
667
- }
668
-
669
- @keyframes fb-dialogContentSlideOut_nNdgq {
670
- from {
671
- opacity: 1;
672
- transform: translate(-50%, -50%) scale(1);
673
- }
674
- to {
675
- opacity: 0;
676
- transform: translate(-50%, -48%) scale(0.95);
677
- }
678
- }
679
- .fb-boxContainer_oXGAN {
680
- background-color: var(--fb-background);
681
- border-radius: var(--fb-radius-md);
682
- padding: var(--fb-space-md);
683
- }.fb-luxGridLayoutContainer_Co4nr {
684
- align-items: center;
685
- background-color: var(--grid-container-background-color);
686
- display: flex;
687
- flex-direction: column;
688
- justify-content: center;
689
- max-width: 100vw;
690
- min-width: var(--fb-container-max-width); /* Desktop only */
691
- }
692
-
693
- .fb-luxGridLayoutContainerWithoutPadding_VpIVN {
694
- padding-block: 0;
695
- }
696
-
697
- .fb-luxGridLayoutContainerFullWidth_ROl0Y {
698
- min-width: 100%;
699
- max-width: 100%;
700
- }
701
-
702
- .fb-luxGridLayout_Jsul6 {
703
- container-type: inline-size;
704
- display: grid;
705
- gap: var(--grid-row-gap, var(--fb-space-12))
706
- var(--grid-column-gap, var(--fb-space-md));
707
- grid-template-columns: repeat(var(--grid-column-max-columns, 12), 1fr);
708
- grid-template-rows: auto;
709
- margin-left: auto;
710
- margin-right: auto;
711
- max-width: var(--fb-container-max-width); /* Desktop only */
712
- min-width: var(--fb-container-max-width); /* Desktop only */
713
- width: 100%;
714
- }
715
-
716
- .fb-luxGridLayoutFullWidth_0O2LE {
717
- max-width: 100%;
718
- min-width: 100%;
719
- }
720
- .fb-gridLayoutColumn_5TCzp {
721
- align-self: start;
722
- grid-column: var(--grid-column-start) / var(--grid-column-end);
723
- /* --grid-column-start and --grid-column-end are set the component */
724
- }
725
- .fb-formLayoutWrapper_w9jQ- {
726
- width: 100%;
727
- height: 100%;
728
- }
729
-
730
- .fb-titleSection_qd9UP {
731
- display: flex;
732
- flex-direction: column;
733
- align-items: flex-start;
734
- width: 100%;
735
- }
736
-
737
- .fb-leftColumn_zIdZO {
738
- display: flex;
739
- flex-direction: column;
740
- height: fit-content;
741
- min-height: 0;
742
- }
743
-
744
- .fb-rightColumn_P0J6U {
745
- display: flex;
746
- flex-direction: column;
747
- height: fit-content;
748
- min-height: 0;
749
- }
750
-
751
- .fb-footerSection_eW4js {
752
- display: flex;
753
- flex-direction: column;
754
- align-items: flex-start;
755
- width: 100%;
756
- margin-top: var(--fb-space-md);
757
- }
758
-
759
- /* Content styling options */
760
- .fb-contentPadding_LMiyE {
761
- padding: var(--fb-space-12);
762
- }
763
-
764
- .fb-contentBorder_yYFFn {
765
- border: var(--fb-border-width) solid var(--fb-neutral-200);
766
- border-radius: var(--fb-radius-md);
767
- background-color: var(--fb-surface-accent);
768
- }
769
-
770
- /* Responsive behavior */
771
- @container (max-width: 768px) {
772
- .fb-leftColumn_zIdZO,
773
- .fb-rightColumn_P0J6U {
774
- /* On smaller screens, columns stack */
775
- grid-column: 1 / 13 !important;
776
- margin-bottom: var(--fb-space-12);
777
- }
778
-
779
- .fb-mainContent_9ZW4m {
780
- grid-column: 1 / 13 !important;
781
- }
782
- }
783
-
784
-
785
- /* Print styles */
786
- @media print {
787
- .fb-formLayoutWrapper_w9jQ- {
788
- background: var(--fb-background) !important;
789
- }
790
-
791
- .fb-contentBorder_yYFFn {
792
- border: var(--fb-border-width) solid var(--fb-border) !important;
793
- box-shadow: none !important;
794
- }
795
- }.fb-container_p6qC4 {
796
- margin-block-end: var(--fb-space-sm);
797
- padding-block-end: var(--fb-space-md);
798
- border-block-end: var(--fb-border-width) solid var(--fb-border);
799
- }
800
-
801
- .fb-disabled_EuvTp {
802
- opacity: 0.5;
803
- }
804
-
805
- .fb-prevButtonDisabled_Wj2Qp {
806
- opacity: 0.5;
807
- cursor: default;
808
- }
809
-
810
- .fb-additionalContent_0tppE {
811
- margin-block-start: var(--fb-space-md);
812
- }
813
- .fb-wrapper_nDU5Q {
814
- display: flex;
815
- flex-direction: column;
816
- gap: var(--fb-space-sm);
817
- }
818
-
819
- .fb-progress_jf4Xd {
820
- appearance: none;
821
- background-color: var(--fb-primary-subtle);
822
- border: none;
823
- border-radius: 8px;
824
- height: 16px;
825
- overflow: hidden;
826
- width: 100%;
827
- }
828
-
829
- .fb-progress_jf4Xd::-webkit-progress-bar {
830
- background-color: transparent;
831
- }
832
-
833
- .fb-progress_jf4Xd::-webkit-progress-value {
834
- background-color: var(--fb-primary);
835
- transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
836
- }
837
-
838
- .fb-progress_jf4Xd::-moz-progress-bar {
839
- background-color: var(--fb-primary);
840
- transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
841
- }
842
-
843
- label.fb-progressLabel_3nfSJ {
844
- font-size: var(--fb-font-size-sm);
845
- font-weight: var(--fb-font-weight-normal);
846
- line-height: var(--fb-line-height-normal);
847
- }
848
-
849
- /* Completion message styling */
850
- .fb-completionMessage_OyQ9C {
851
- display: flex;
852
- align-items: center;
853
- gap: var(--fb-space-2);
854
- font-size: var(--fb-font-size-sm);
855
- color: var(--fb-success);
856
- animation: fb-fadeIn_iAZjj 300ms ease-out;
857
- }
858
-
859
- /* Error message styling */
860
- .fb-errorMessage_B8dGO {
861
- display: flex;
862
- align-items: center;
863
- justify-content: space-between;
864
- font-size: var(--fb-font-size-sm);
865
- color: var(--fb-error);
866
- }
867
-
868
- .fb-errorContent_2TAc5 {
869
- display: flex;
870
- align-items: center;
871
- gap: var(--fb-space-2);
872
- }
873
-
874
- .fb-retryButton_0HfjY {
875
- display: flex;
876
- align-items: center;
877
- gap: var(--fb-space-1);
878
- font-weight: var(--fb-font-weight-medium);
879
- color: var(--fb-error);
880
- text-decoration: underline;
881
- text-underline-offset: 2px;
882
- background: none;
883
- border: none;
884
- cursor: pointer;
885
- }
886
-
887
- .fb-retryButton_0HfjY:hover {
888
- color: var(--fb-error-hover);
889
- }
890
-
891
- @keyframes fb-fadeIn_iAZjj {
892
- from {
893
- opacity: 0;
894
- }
895
- to {
896
- opacity: 1;
897
- }
898
- }
899
- /* Sheet overlay - backdrop with fade animations */
900
- .fb-sheetOverlay_2nFRz {
901
- position: fixed;
902
- inset: 0;
903
- z-index: 50;
904
- background-color: rgba(0, 0, 0, 0.8);
905
- }
906
-
907
- .fb-sheetOverlay_2nFRz[data-state="open"] {
908
- animation: fb-sheetOverlayFadeIn_AS-42 150ms ease-out;
909
- }
910
-
911
- .fb-sheetOverlay_2nFRz[data-state="closed"] {
912
- animation: fb-sheetOverlayFadeOut_Y-hE4 150ms ease-in;
913
- }
914
-
915
- /* Sheet content base - fixed positioning with animations */
916
- .fb-sheetContent_p2PyE {
917
- position: fixed;
918
- z-index: 50;
919
- gap: var(--fb-space-sm);
920
- background-color: var(--fb-background);
921
- padding: var(--fb-space-12);
922
- box-shadow: var(--fb-shadow-lg);
923
- transition: transform 500ms ease-in-out, opacity 500ms ease-in-out;
924
- }
925
-
926
- /* Side variant: top */
927
- .fb-side-top_vnDBA {
928
- inset-inline: 0;
929
- top: 0;
930
- border-block-end: var(--fb-border-width) solid var(--fb-border);
931
- }
932
-
933
- .fb-side-top_vnDBA[data-state="open"] {
934
- animation: fb-slideInFromTop_ujZFr 500ms ease-in-out;
935
- }
936
-
937
- .fb-side-top_vnDBA[data-state="closed"] {
938
- animation: fb-slideOutToTop_sjz0S 300ms ease-in-out;
939
- }
940
-
941
- /* Side variant: bottom */
942
- .fb-side-bottom_8Qo-6 {
943
- inset-inline: 0;
944
- bottom: 0;
945
- border-block-start: var(--fb-border-width) solid var(--fb-border);
946
- }
947
-
948
- .fb-side-bottom_8Qo-6[data-state="open"] {
949
- animation: fb-slideInFromBottom_5kG78 500ms ease-in-out;
950
- }
951
-
952
- .fb-side-bottom_8Qo-6[data-state="closed"] {
953
- animation: fb-slideOutToBottom_03WBw 300ms ease-in-out;
954
- }
955
-
956
- /* Side variant: left */
957
- .fb-side-left_iSyK6 {
958
- inset-block: 0;
959
- left: 0;
960
- block-size: 100%;
961
- inline-size: 75%;
962
- border-inline-end: var(--fb-border-width) solid var(--fb-border);
963
- }
964
-
965
- @media (min-width: 640px) {
966
- .fb-side-left_iSyK6 {
967
- max-inline-size: 24rem;
968
- }
969
- }
970
-
971
- .fb-side-left_iSyK6[data-state="open"] {
972
- animation: fb-slideInFromLeft_iFt5a 500ms ease-in-out;
973
- }
974
-
975
- .fb-side-left_iSyK6[data-state="closed"] {
976
- animation: fb-slideOutToLeft_kRHa5 300ms ease-in-out;
977
- }
978
-
979
- /* Side variant: right */
980
- .fb-side-right_q-l6- {
981
- inset-block: 0;
982
- right: 0;
983
- block-size: 100%;
984
- inline-size: 75%;
985
- border-inline-start: var(--fb-border-width) solid var(--fb-border);
986
- }
987
-
988
- @media (min-width: 640px) {
989
- .fb-side-right_q-l6- {
990
- max-inline-size: 24rem;
991
- }
992
- }
993
-
994
- .fb-side-right_q-l6-[data-state="open"] {
995
- animation: fb-slideInFromRight_elDbR 500ms ease-in-out;
996
- }
997
-
998
- .fb-side-right_q-l6-[data-state="closed"] {
999
- animation: fb-slideOutToRight_HPV1P 300ms ease-in-out;
1000
- }
1001
-
1002
- /* Close button - absolute positioned top-right */
1003
- .fb-sheetClose_sq3cW {
1004
- position: absolute;
1005
- right: var(--fb-space-sm);
1006
- top: var(--fb-space-sm);
1007
- border-radius: var(--fb-radius-sm);
1008
- opacity: 0.7;
1009
- transition: opacity 150ms;
1010
- }
1011
-
1012
- .fb-sheetClose_sq3cW:hover {
1013
- opacity: 1;
1014
- }
1015
-
1016
- .fb-sheetClose_sq3cW:focus {
1017
- outline: none;
1018
- box-shadow: 0 0 0 2px var(--fb-border-focus);
1019
- opacity: 1;
1020
- }
1021
-
1022
- .fb-sheetClose_sq3cW:disabled {
1023
- pointer-events: none;
1024
- }
1025
-
1026
- .fb-sheetClose_sq3cW[data-state="open"] {
1027
- background-color: var(--fb-surface);
1028
- }
1029
-
1030
- /* Close icon */
1031
- .fb-sheetCloseIcon_2Z7S1 {
1032
- block-size: 1rem;
1033
- inline-size: 1rem;
1034
- }
1035
-
1036
- .fb-sheetCloseIcon_2Z7S1 + span {
1037
- position: absolute;
1038
- width: 1px;
1039
- height: 1px;
1040
- padding: 0;
1041
- margin: -1px;
1042
- overflow: hidden;
1043
- clip: rect(0, 0, 0, 0);
1044
- white-space: nowrap;
1045
- border-width: 0;
1046
- }
1047
-
1048
- /* Sheet header */
1049
- .fb-sheetHeader_w9TtP {
1050
- display: flex;
1051
- flex-direction: column;
1052
- gap: var(--fb-space-sm);
1053
- text-align: center;
1054
- }
1055
-
1056
- @media (min-width: 640px) {
1057
- .fb-sheetHeader_w9TtP {
1058
- text-align: start;
1059
- }
1060
- }
1061
-
1062
- /* Sheet footer */
1063
- .fb-sheetFooter_XN1p0 {
1064
- display: flex;
1065
- flex-direction: column-reverse;
1066
- gap: var(--fb-space-sm);
1067
- }
1068
-
1069
- @media (min-width: 640px) {
1070
- .fb-sheetFooter_XN1p0 {
1071
- flex-direction: row;
1072
- justify-content: flex-end;
1073
- gap: var(--fb-space-sm);
1074
- }
1075
- }
1076
-
1077
- /* Sheet title */
1078
- .fb-sheetTitle_F6nNH {
1079
- font-size: var(--fb-font-size-lg);
1080
- font-weight: var(--fb-font-weight-semibold);
1081
- color: var(--fb-text);
1082
- }
1083
-
1084
- /* Sheet description */
1085
- .fb-sheetDescription_AzWJb {
1086
- font-size: var(--fb-font-size-sm);
1087
- color: var(--fb-text-muted);
1088
- }
1089
-
1090
- /* Keyframe animations for overlay */
1091
- @keyframes fb-sheetOverlayFadeIn_AS-42 {
1092
- from {
1093
- opacity: 0;
1094
- }
1095
- to {
1096
- opacity: 1;
1097
- }
1098
- }
1099
-
1100
- @keyframes fb-sheetOverlayFadeOut_Y-hE4 {
1101
- from {
1102
- opacity: 1;
1103
- }
1104
- to {
1105
- opacity: 0;
1106
- }
1107
- }
1108
-
1109
- /* Keyframe animations for top side */
1110
- @keyframes fb-slideInFromTop_ujZFr {
1111
- from {
1112
- transform: translateY(-100%);
1113
- }
1114
- to {
1115
- transform: translateY(0);
1116
- }
1117
- }
1118
-
1119
- @keyframes fb-slideOutToTop_sjz0S {
1120
- from {
1121
- transform: translateY(0);
1122
- }
1123
- to {
1124
- transform: translateY(-100%);
1125
- }
1126
- }
1127
-
1128
- /* Keyframe animations for bottom side */
1129
- @keyframes fb-slideInFromBottom_5kG78 {
1130
- from {
1131
- transform: translateY(100%);
1132
- }
1133
- to {
1134
- transform: translateY(0);
1135
- }
1136
- }
1137
-
1138
- @keyframes fb-slideOutToBottom_03WBw {
1139
- from {
1140
- transform: translateY(0);
1141
- }
1142
- to {
1143
- transform: translateY(100%);
1144
- }
1145
- }
1146
-
1147
- /* Keyframe animations for left side */
1148
- @keyframes fb-slideInFromLeft_iFt5a {
1149
- from {
1150
- transform: translateX(-100%);
1151
- }
1152
- to {
1153
- transform: translateX(0);
1154
- }
1155
- }
1156
-
1157
- @keyframes fb-slideOutToLeft_kRHa5 {
1158
- from {
1159
- transform: translateX(0);
1160
- }
1161
- to {
1162
- transform: translateX(-100%);
1163
- }
1164
- }
1165
-
1166
- /* Keyframe animations for right side */
1167
- @keyframes fb-slideInFromRight_elDbR {
1168
- from {
1169
- transform: translateX(100%);
1170
- }
1171
- to {
1172
- transform: translateX(0);
1173
- }
1174
- }
1175
-
1176
- @keyframes fb-slideOutToRight_HPV1P {
1177
- from {
1178
- transform: translateX(0);
1179
- }
1180
- to {
1181
- transform: translateX(100%);
1182
- }
1183
- }
1184
- .fb-vcContainer_oHl8H {
1185
- cursor: text;
1186
- display: flex;
1187
- gap: 16px;
1188
- pointer-events: none;
1189
- position: relative;
1190
- }
1191
-
1192
- .fb-vcInput_Nb8NL {
1193
- inset: 0;
1194
- pointer-events: none;
1195
- position: absolute;
1196
-
1197
- & input {
1198
- background: transparent;
1199
- block-size: 100%;
1200
- border-color: transparent;
1201
- caret-color: transparent;
1202
- color: transparent;
1203
- font-family: inherit;
1204
- font-size: 18px;
1205
- font-weight: 400;
1206
- inline-size: 100%;
1207
- letter-spacing: 80px;
1208
- line-height: 28px;
1209
- outline: transparent solid 2px;
1210
- pointer-events: all;
1211
- text-align: left;
1212
- user-select: none;
1213
-
1214
- &::selection {
1215
- background-color: transparent;
1216
- }
1217
- }
1218
- }
1219
-
1220
- .fb-vcGroup_5z3tY {
1221
- align-items: center;
1222
- display: flex;
1223
- gap: 16px;
1224
- inline-size: 100%;
1225
- }
1226
-
1227
- .fb-vcDash_R8D18 {
1228
- align-items: center;
1229
- block-size: 48px;
1230
- display: flex;
1231
- font-family: inherit;
1232
- font-size: 18px;
1233
- font-style: normal;
1234
- font-weight: 400;
1235
- justify-content: center;
1236
- line-height: 1.4;
1237
- }
1238
-
1239
- .fb-vcSlot_AZfrj {
1240
- align-items: center;
1241
- background: white;
1242
- block-size: 48px;
1243
- border: var(--fb-border-width) solid var(--fb-border);
1244
- border-radius: 8px;
1245
- color: var(--fb-text);
1246
- display: flex;
1247
- flex-basis: 12px;
1248
- flex-grow: 1;
1249
- font-family: inherit;
1250
- font-size: 16px;
1251
- font-style: normal;
1252
- font-weight: 400;
1253
- justify-content: center;
1254
- line-height: 1.4;
1255
- outline: transparent solid 2px;
1256
- }
1257
-
1258
- .fb-vcSlotActive_1Zqta {
1259
- border-color: var(--fb-border-focus);
1260
- outline-color: var(--fb-border-focus);
1261
- }
1262
-
1263
- .fb-vcCaret_pQ-uD {
1264
- align-items: center;
1265
- animation-duration: 1.2s;
1266
- animation-iteration-count: infinite;
1267
- animation-name: fb-caret-blink_jfhv0;
1268
- animation-timing-function: ease-out;
1269
- display: flex;
1270
- pointer-events: none;
1271
-
1272
- & > div {
1273
- background-color: var(--fb-text);
1274
- height: 18px;
1275
- width: 1px;
1276
- }
1277
- }
1278
-
1279
- @keyframes fb-caret-blink_jfhv0 {
1280
- 0%,
1281
- 70%,
1282
- 100% {
1283
- opacity: 1;
1284
- }
1285
-
1286
- 20%,
1287
- 50% {
1288
- opacity: 0;
1289
- }
1290
- }.fb-dialogContent_MQjVY {
1291
- max-inline-size: 28rem;
1292
- }
1293
-
1294
- .fb-iconRow_zoQXV {
1295
- display: flex;
1296
- align-items: center;
1297
- gap: var(--fb-space-12);
1298
- }
1299
-
1300
- .fb-iconCircle_UvpAZ {
1301
- border-radius: var(--fb-radius-full);
1302
- background-color: var(--fb-surface);
1303
- padding: var(--fb-space-sm);
1304
- }
1305
-
1306
- .fb-descriptionSpaced_AmH9W {
1307
- margin-block-start: var(--fb-space-2);
1308
- }
1309
-
1310
- .fb-buttonRow_lfgxL {
1311
- display: flex;
1312
- justify-content: flex-end;
1313
- gap: var(--fb-space-sm);
1314
- padding-block-start: var(--fb-space-md);
1315
- }
1316
-
1317
- .fb-minWidthButton_maffF {
1318
- min-inline-size: 6rem;
1319
- }
1320
-
1321
- .fb-iconWarning_OcS7O {
1322
- width: 1.25rem;
1323
- height: 1.25rem;
1324
- color: var(--fb-warning);
1325
- }
1326
-
1327
- .fb-iconInfo_xQhjd {
1328
- width: 1.25rem;
1329
- height: 1.25rem;
1330
- color: var(--fb-info);
1331
- }
1332
- .fb-dialogContent_hdJb3 {
1333
- max-inline-size: 28rem;
1334
- }
1335
-
1336
- .fb-headerRow_dowgv {
1337
- display: flex;
1338
- align-items: center;
1339
- gap: var(--fb-space-sm);
1340
- }
1341
-
1342
- .fb-iconSuccess_787to {
1343
- color: var(--fb-success);
1344
- }
1345
-
1346
- .fb-iconMail_yICFX {
1347
- color: var(--fb-info);
1348
- }
1349
-
1350
- .fb-successButtonRow_LilmE {
1351
- display: flex;
1352
- justify-content: center;
1353
- padding-block-start: var(--fb-space-md);
1354
- }
1355
-
1356
- .fb-minWidthButton_Y-HfD {
1357
- min-inline-size: 8rem;
1358
- }
1359
-
1360
- .fb-formContent_DRlgi {
1361
- display: flex;
1362
- flex-direction: column;
1363
- gap: var(--fb-space-md);
1364
- }
1365
-
1366
- .fb-codeSection_vJqzI {
1367
- display: flex;
1368
- flex-direction: column;
1369
- gap: var(--fb-space-sm);
1370
- }
1371
-
1372
- .fb-codeLabel_PvgkB {
1373
- font-size: var(--fb-font-size-sm);
1374
- font-weight: 500;
1375
- }
1376
-
1377
- .fb-codeCenter_j2TST {
1378
- display: flex;
1379
- justify-content: center;
1380
- }
1381
-
1382
- .fb-resendText_fsAeq {
1383
- text-align: center;
1384
- font-size: var(--fb-font-size-sm);
1385
- color: var(--fb-text-muted);
1386
- }
1387
-
1388
- .fb-blockedText_ZGaBs {
1389
- text-align: center;
1390
- font-size: var(--fb-font-size-sm);
1391
- color: var(--fb-text-muted);
1392
- }
1393
-
1394
- .fb-resendLink_dRMub {
1395
- padding: 0;
1396
- block-size: auto;
1397
- color: var(--fb-info);
1398
- }
1399
-
1400
- .fb-resendLinkDefault_sVy7D {
1401
- padding: 0;
1402
- block-size: auto;
1403
- }
1404
-
1405
- .fb-footerButtonRow_dFkH0 {
1406
- display: flex;
1407
- justify-content: flex-end;
1408
- gap: var(--fb-space-sm);
1409
- padding-block-start: var(--fb-space-md);
1410
- }
1411
-
1412
- .fb-iconSm_JkMbO { width: 1rem; height: 1rem; }
1413
- .fb-iconMd_y--1E { width: 1.25rem; height: 1.25rem; }
1414
- .fb-buttonRow_IpMPI {
1415
- display: flex;
1416
- flex-wrap: wrap;
1417
- gap: var(--fb-space-sm);
1418
- justify-content: flex-end;
1419
- }
1420
-
1421
- .fb-minWidthButton_Ggq-E {
1422
- min-inline-size: 4rem;
1423
- }
1424
-
1425
- .fb-toastContainer_iL55M {
1426
- position: fixed;
1427
- inset-block-start: var(--fb-space-md);
1428
- inset-inline-end: var(--fb-space-md);
1429
- z-index: 50;
1430
- max-inline-size: 24rem;
1431
- }
1432
-
1433
- .fb-toastCard_EslQ- {
1434
- background-color: var(--fb-background);
1435
- border: var(--fb-border-width) solid var(--fb-border);
1436
- border-radius: var(--fb-radius-lg);
1437
- box-shadow: var(--fb-shadow-lg);
1438
- padding: var(--fb-space-md);
1439
- display: flex;
1440
- flex-direction: column;
1441
- gap: var(--fb-space-12);
1442
- }
1443
-
1444
- .fb-toastTitle_W3izr {
1445
- font-weight: var(--fb-font-weight-semibold);
1446
- }
1447
-
1448
- .fb-toastContent_h6A9y {
1449
- font-size: var(--fb-font-size-sm);
1450
- color: var(--fb-text-muted);
1451
- margin-block-start: var(--fb-space-2);
1452
- }
1453
-
1454
- .fb-sheetContent_Ccs86 {
1455
- inline-size: 400px;
1456
- }
1457
-
1458
- @media (min-width: 640px) {
1459
- .fb-sheetContent_Ccs86 {
1460
- inline-size: 540px;
1461
- }
1462
- }
1463
-
1464
- .fb-sheetBody_XqkvA {
1465
- flex: 1;
1466
- padding-block-end: var(--fb-space-md);
1467
- display: flex;
1468
- flex-direction: column;
1469
- gap: var(--fb-space-md);
1470
- margin-block-start: var(--fb-space-md);
1471
- }
1472
-
1473
- .fb-sheetText_yRGd- {
1474
- font-size: var(--fb-font-size-sm);
1475
- }
1476
-
1477
- .fb-size-small_YcmVE {
1478
- max-inline-size: 24rem;
1479
- }
1480
-
1481
- .fb-size-medium_auCiA {
1482
- max-inline-size: 28rem;
1483
- }
1484
-
1485
- .fb-size-large_8EHM7 {
1486
- max-inline-size: 42rem;
1487
- }
1488
-
1489
- .fb-modalButtonRow_c7V4P {
1490
- display: flex;
1491
- justify-content: flex-end;
1492
- gap: var(--fb-space-sm);
1493
- padding-block-start: var(--fb-space-md);
1494
- }
1495
- .fb-errorFallback_CNx1M {
1496
- padding: var(--fb-space-sm);
1497
- border: var(--fb-border-width) solid var(--fb-error-translucent);
1498
- background-color: var(--fb-error-surface);
1499
- color: var(--fb-error);
1500
- border-radius: var(--fb-radius-md);
1501
- }
1502
-
1503
- .fb-errorDetail_Nvh9V {
1504
- font-size: var(--fb-font-size-xs);
1505
- margin-block-start: var(--fb-space-2);
1506
- }
1507
- .fb-alertList_d0DxG {
1508
- display: flex;
1509
- flex-direction: column;
1510
- gap: var(--fb-space-sm);
1511
- }
1512
- .fb-displayWrapper_VYcQC {
1513
- display: flex;
1514
- flex-direction: column;
1515
- gap: var(--fb-space-md);
1516
- }
1517
- .fb-emptyValue_baQFk {
1518
- color: var(--fb-text-muted);
1519
- font-style: italic;
1520
- }
1521
-
1522
- .fb-valueText_JCRsN {
1523
- color: var(--fb-text);
1524
- }
1525
- .fb-fieldWrapper_rnKUQ {
1526
- display: flex;
1527
- flex-direction: column;
1528
- gap: var(--fb-space-2);
1529
- }
1530
- .fb-section_5kbZU {
1531
- margin-block-end: var(--fb-space-lg);
1532
- }
1533
-
1534
- .fb-sectionHeader_aVzgk {
1535
- display: flex;
1536
- justify-content: space-between;
1537
- align-items: center;
1538
- margin-block-end: var(--fb-space-md);
1539
- }
1540
-
1541
- .fb-cancelButton_PyIZH {
1542
- font-size: var(--fb-font-size-sm);
1543
- color: var(--fb-text-muted);
1544
- display: flex;
1545
- align-items: center;
1546
- gap: var(--fb-space-2);
1547
- background: none;
1548
- border: none;
1549
- cursor: pointer;
1550
- }
1551
-
1552
- .fb-editButton_dbSFX {
1553
- font-size: var(--fb-font-size-sm);
1554
- color: var(--fb-info);
1555
- display: flex;
1556
- align-items: center;
1557
- gap: var(--fb-space-2);
1558
- background: none;
1559
- border: none;
1560
- cursor: pointer;
1561
- }
1562
-
1563
- .fb-sectionContent_wTlW- {
1564
- display: flex;
1565
- flex-direction: column;
1566
- gap: var(--fb-space-md);
1567
- }
1568
-
1569
- .fb-saveButtonsWrapper_VGuwW {
1570
- display: flex;
1571
- padding-block-start: var(--fb-space-md);
1572
- }
1573
-
1574
- .fb-iconSm_yLpHW { width: 1rem; height: 1rem; }
1575
- .fb-stepContent_EU1uV {
1576
- display: flex;
1577
- flex-direction: column;
1578
- gap: var(--fb-space-lg);
1579
- }
1580
-
1581
- .fb-loaderWrapper_00phH {
1582
- margin-block-end: var(--fb-space-md);
1583
- }
1584
-
1585
- .fb-footer_r0kdp {
1586
- margin-block-start: var(--fb-space-lg);
1587
- }
1588
- @keyframes fb-spin_aHSB3 {
1589
- from {
1590
- transform: rotate(0deg);
1591
- }
1592
- to {
1593
- transform: rotate(360deg);
1594
- }
1595
- }
1596
-
1597
- @keyframes fb-pulse_FcPkd {
1598
- 0%,
1599
- 100% {
1600
- opacity: 1;
1601
- }
1602
- 50% {
1603
- opacity: 0.5;
1604
- }
1605
- }
1606
-
1607
- .fb-card_jvOrv {
1608
- border-color: color-mix(in srgb, var(--fb-primary) 20%, transparent);
1609
- background-color: color-mix(in srgb, var(--fb-primary) 5%, transparent);
1610
- }
1611
-
1612
- .fb-cardContent_Cnf5t {
1613
- padding: var(--fb-space-md);
1614
- }
1615
-
1616
- .fb-contentRow_-lops {
1617
- display: flex;
1618
- align-items: center;
1619
- gap: var(--fb-space-12);
1620
- }
1621
-
1622
- .fb-spinner_SkwMR {
1623
- inline-size: 1rem;
1624
- block-size: 1rem;
1625
- animation: fb-spin_aHSB3 1s linear infinite;
1626
- color: var(--fb-primary);
1627
- }
1628
-
1629
- .fb-textContent_t3X2X {
1630
- flex: 1;
1631
- }
1632
-
1633
- .fb-title_-fTQX {
1634
- font-size: var(--fb-font-size-sm);
1635
- font-weight: 500;
1636
- color: var(--fb-primary);
1637
- }
1638
-
1639
- .fb-subtitle_wyptE {
1640
- font-size: var(--fb-font-size-xs);
1641
- color: var(--fb-text-muted);
1642
- margin-block-start: var(--fb-space-2);
1643
- }
1644
-
1645
- .fb-badgeList_xtoNn {
1646
- display: flex;
1647
- flex-wrap: wrap;
1648
- gap: var(--fb-space-2);
1649
- }
1650
-
1651
- .fb-badgeText_TZRdG {
1652
- font-size: var(--fb-font-size-xs);
1653
- }
1654
-
1655
- .fb-progressSection_XcPgJ {
1656
- margin-block-start: var(--fb-space-12);
1657
- }
1658
-
1659
- .fb-progressTrack_BUoRx {
1660
- inline-size: 100%;
1661
- background-color: var(--fb-surface);
1662
- border-radius: var(--fb-radius-full);
1663
- block-size: 0.25rem;
1664
- }
1665
-
1666
- .fb-progressBar_5MELx {
1667
- background-color: var(--fb-primary);
1668
- block-size: 0.25rem;
1669
- border-radius: var(--fb-radius-full);
1670
- transition: width 0.3s;
1671
- animation: fb-pulse_FcPkd 2s ease-in-out infinite;
1672
- }
1673
- .fb-errorState_khSRW {
1674
- padding: var(--fb-space-md);
1675
- border: var(--fb-border-width) solid var(--fb-error-translucent);
1676
- background-color: var(--fb-error-surface);
1677
- color: var(--fb-error);
1678
- border-radius: var(--fb-radius-md);
1679
- }
1680
-
1681
- .fb-errorHeading_dGdN2 {
1682
- font-weight: 500;
1683
- margin-block-end: var(--fb-space-sm);
1684
- }
1685
-
1686
- .fb-loadingState_Pdhds {
1687
- padding: var(--fb-space-md);
1688
- text-align: center;
1689
- color: var(--fb-text-muted);
1690
- }
1691
-
1692
- .fb-loadingPulse_QIw08 {
1693
- animation: fb-pulse_7Ml6n 2s ease-in-out infinite;
1694
- }
1695
-
1696
- @keyframes fb-pulse_7Ml6n {
1697
- 0%,
1698
- 100% {
1699
- opacity: 1;
1700
- }
1701
- 50% {
1702
- opacity: 0.5;
1703
- }
1704
- }
1705
-
1706
- .fb-formLayout_JzC8E {
1707
- margin-block: var(--fb-space-xl);
1708
- }
1709
- .fb-stepListWrapper_RTLUk {
1710
- display: flex;
1711
- flex-direction: column;
1712
- font-family: inherit;
1713
- gap: var(--fb-space-12);
1714
- }
1715
-
1716
- .fb-stepList_b7ucJ {
1717
- .fb-stepListItem_G8Nh4 {
1718
- color: var(--fb-text-muted);
1719
- display: flex;
1720
- flex-direction: row;
1721
- gap: var(--fb-space-6);
1722
- padding-bottom: var(--fb-space-2);
1723
-
1724
- .fb-leftContainer_o-gBE {
1725
- align-items: center;
1726
- display: flex;
1727
- flex-direction: column;
1728
- gap: var(--fb-space-xs);
1729
- padding-top: var(--fb-space-2);
1730
-
1731
- .fb-circle_3oinV {
1732
- align-items: center;
1733
- background-color: transparent;
1734
- border: var(--fb-border-width) solid var(--fb-border);
1735
- border-radius: var(--fb-radius-full);
1736
- color: var(--fb-background);
1737
- display: flex;
1738
- justify-content: center;
1739
- min-block-size: calc(1.25rem - 2 * var(--fb-border-width));
1740
- min-inline-size: calc(1.25rem - 2 * var(--fb-border-width));
1741
-
1742
- .fb-currentDot_0e9gN {
1743
- background-color: var(--fb-primary);
1744
- border-radius: var(--fb-radius-full);
1745
- height: 14px;
1746
- width: 14px;
1747
- }
1748
- }
1749
-
1750
- .fb-connector_bDvRA {
1751
- background-color: var(--fb-text-muted);
1752
- block-size: 100%;
1753
- inline-size: 1.5px;
1754
- min-block-size: 36px;
1755
- }
1756
- }
1757
-
1758
- .fb-content_u43H4 {
1759
- align-items: start;
1760
- border-radius: var(--fb-radius-md);
1761
- color: var(--fb-text-muted);
1762
- display: flex;
1763
- flex-direction: row;
1764
- inline-size: 100%;
1765
- margin-block-end: var(--fb-space-6);
1766
- padding: var(--fb-space-2) var(--fb-space-6);
1767
- text-wrap: balance;
1768
-
1769
- .fb-stepNumber_c2YRs {
1770
- color: var(--fb-text-muted);
1771
- font-size: var(--fb-font-size-sm);
1772
- font-weight: var(--fb-font-weight-semibold);
1773
- line-height: var(--fb-line-height-tight);
1774
- }
1775
-
1776
- .fb-stepTitle_w5Be8 {
1777
- font-size: var(--fb-font-size-sm);
1778
- line-height: var(--fb-line-height-normal);
1779
- }
1780
-
1781
- .fb-stepLink_sqt2- {
1782
- color: var(--fb-primary);
1783
- cursor: pointer;
1784
- font-weight: var(--fb-font-weight-normal);
1785
- line-height: var(--fb-line-height-normal);
1786
- text-decoration: underline;
1787
-
1788
- &:hover {
1789
- color: var(--fb-primary-hover);
1790
- text-decoration: underline;
1791
- }
1792
-
1793
- &:focus {
1794
- outline-offset: 2px;
1795
- outline-style: solid;
1796
- outline-width: 2px;
1797
- text-decoration: underline;
1798
- }
1799
- }
1800
- }
1801
-
1802
- .fb-iconRightContainer_DCjrS {
1803
- align-self: center;
1804
- block-size: 1.25rem;
1805
- color: var(--fb-primary);
1806
- display: flex;
1807
- inline-size: 1.25rem;
1808
- margin-inline-start: auto;
1809
- }
1810
-
1811
- &.fb-completed_F-mOG {
1812
- .fb-leftContainer_o-gBE {
1813
- .fb-circle_3oinV {
1814
- background-color: var(--fb-primary);
1815
- border-color: var(--fb-primary);
1816
- border-style: solid;
1817
- border-width: var(--fb-border-width);
1818
- }
1819
-
1820
- .fb-connector_bDvRA {
1821
- background-color: var(--fb-primary);
1822
- }
1823
- }
1824
-
1825
- .fb-content_u43H4 {
1826
- color: var(--fb-text);
1827
-
1828
- .fb-stepNumber_c2YRs {
1829
- color: var(--fb-text);
1830
- }
1831
- }
1832
- }
1833
-
1834
- &.fb-current_QAO1e {
1835
- .fb-leftContainer_o-gBE {
1836
- .fb-circle_3oinV {
1837
- border-color: var(--fb-primary);
1838
- border-style: solid;
1839
- border-width: var(--fb-border-width);
1840
- }
1841
- }
1842
-
1843
- .fb-content_u43H4 {
1844
- background-color: var(--fb-background);
1845
- color: var(--fb-text);
1846
-
1847
- .fb-stepNumber_c2YRs {
1848
- color: var(--fb-text);
1849
- }
1850
- }
1851
- }
1852
-
1853
- &.fb-inactive_tYqvV {
1854
- .fb-content_u43H4 {
1855
- color: var(--fb-text-muted);
1856
- }
1857
- }
1858
- }
1859
- }
2
+ :root{font-family:var(--fb-font-family-sans);--fb-primary: #7c3aed;--fb-primary-600: #7c3aed;--fb-primary-hover: #6d28d9;--fb-primary-active: #5b21b6;--fb-primary-dark: #4c1d95;--fb-primary-border: #c4b5fd;--fb-primary-foreground: #ffffff;--fb-primary-subtle: #ede9fe;--fb-primary-subtle-50: rgba(237, 233, 254, .5);--fb-background: #ffffff;--fb-surface: #fafaf9;--fb-surface-accent: #f5f3ff;--fb-surface-emphasis: #ede9fe;--fb-surface-subtle: #f5f3ff;--fb-border: #ddd6fe;--fb-border-focus: #7c3aed;--fb-border-width: 1px;--fb-text: #0f0a1e;--fb-text-muted: #6b6480;--fb-text-on-primary: #ffffff;--fb-error: #dc2626;--fb-error-hover: #b91c1c;--fb-error-dark: #7f1d1d;--fb-error-muted: #fca5a5;--fb-error-subtle: #fecaca;--fb-error-border: #fca5a5;--fb-error-translucent: rgba(220, 38, 38, .3);--fb-error-surface: #fef2f2;--fb-success: #16a34a;--fb-success-hover: #15803d;--fb-success-bright: #22c55e;--fb-success-subtle: #bbf7d0;--fb-success-dark: #166534;--fb-success-surface: #f0fdf4;--fb-warning: #d97706;--fb-warning-surface: #fffbeb;--fb-info: #7c3aed;--fb-info-surface: #ede9fe;--fb-canvas-background: #f3f3f3;--fb-neutral-50: #f9fafb;--fb-neutral-100: #ede9fe;--fb-neutral-200: #ddd6fe;--fb-neutral-300: #a78bfa;--fb-neutral-500: #7c6b99;--fb-neutral-900: #1e1030;--fb-accent: #f5f3ff;--fb-accent-rgb: 245, 243, 255;--fb-amber-100: #fef3c7;--fb-amber-300: #fcd34d;--fb-amber-800: #92400e;--fb-violet-100: #ede9fe;--fb-violet-300: #c4b5fd;--fb-violet-700: #6d28d9;--fb-violet-800: #5b21b6;--fb-cyan-100: #cffafe;--fb-cyan-300: #67e8f9;--fb-cyan-800: #155e75;--fb-lime-100: #ecfccb;--fb-lime-300: #bef264;--fb-lime-800: #3f6212;--fb-pink-100: #fce7f3;--fb-pink-300: #f9a8d4;--fb-pink-800: #9d174d;--fb-warning-border: #fef08a;--fb-font-family-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;--fb-font-family-sans: "DM Sans", system-ui, sans-serif;--fb-font-size-2xs: .625rem;--fb-font-size-xs: .75rem;--fb-font-size-sm: .875rem;--fb-font-size-md: 1rem;--fb-font-size-lg: 1.125rem;--fb-font-size-xl: 1.25rem;--fb-font-size-2xl: 1.5rem;--fb-font-weight-normal: 400;--fb-font-weight-medium: 500;--fb-font-weight-semibold: 600;--fb-font-weight-bold: 700;--fb-line-height-tight: 1.25;--fb-line-height-normal: 1.5;--fb-line-height-relaxed: 1.75;--fb-space-50: .25rem;--fb-space-100: .5rem;--fb-space-150: .75rem;--fb-space-200: 1rem;--fb-space-250: 1.25rem;--fb-space-300: 1.5rem;--fb-space-350: 1.75rem;--fb-space-400: 2rem;--fb-space-450: 2.25rem;--fb-space-500: 2.5rem;--fb-space-550: 2.75rem;--fb-space-600: 3rem;--fb-space-650: 3.25rem;--fb-space-700: 3.5rem;--fb-space-xs: var(--fb-space-50);--fb-space-sm: var(--fb-space-100);--fb-space-md: var(--fb-space-200);--fb-space-lg: var(--fb-space-300);--fb-space-xl: var(--fb-space-400);--fb-space-2xl: var(--fb-space-600);--fb-space-3xl: var(--fb-space-700);--fb-space-md-neg: calc(-1 * var(--fb-space-200));--fb-space-1: .0625rem;--fb-space-2: .125rem;--fb-space-3: .1875rem;--fb-space-6: .375rem;--fb-space-10: .625rem;--fb-space-12: var(--fb-space-150);--fb-space-14: .875rem;--fb-space-20: var(--fb-space-250);--fb-size-touch-target: var(--fb-space-500);--fb-padding-card: var(--fb-space-250);--fb-padding-card-sm: var(--fb-space-200);--fb-gap-section: var(--fb-space-200);--fb-gap-cards: var(--fb-space-150);--fb-gap-inline: var(--fb-space-sm);--fb-container-max-width: 64rem;--fb-popover-width: 18rem;--fb-radius-sm: .25rem;--fb-radius-md: .375rem;--fb-radius-lg: .5rem;--fb-radius-xl: .75rem;--fb-radius-full: 100vmax;--fb-shadow-sm: 0 1px 2px 0 rgb(124 58 237 / .08);--fb-shadow-md: 0 4px 6px -1px rgb(124 58 237 / .12), 0 2px 4px -2px rgb(124 58 237 / .08);--fb-shadow-lg: 0 10px 15px -3px rgb(124 58 237 / .15), 0 4px 6px -4px rgb(124 58 237 / .1);--fb-z-base: 0;--fb-z-raised: 1;--fb-z-dropdown: 1000;--fb-z-sticky: 1100;--fb-z-overlay: 1200;--fb-z-modal: 1300;--fb-z-toast: 1400}button,input,optgroup,select,textarea{font-family:inherit}.fb-alert_5UcaT{position:relative;inline-size:100%;border-radius:var(--fb-radius-md);border:var(--fb-border-width) solid var(--fb-border);padding:var(--fb-space-md)}.fb-alert_5UcaT>svg{position:absolute;left:var(--fb-space-md);top:var(--fb-space-md);color:var(--fb-text)}.fb-alert_5UcaT>svg~*{padding-inline-start:1.75rem}.fb-alert_5UcaT>svg+div{transform:translateY(-3px)}.fb-variant-default_yhEpY{background-color:var(--fb-background);color:var(--fb-text)}.fb-variant-destructive_rafp5{border-color:var(--fb-error);color:var(--fb-error)}.fb-variant-destructive_rafp5>svg{color:var(--fb-error)}.fb-alertTitle_-KE5o{margin-block-end:var(--fb-space-sm);font-weight:500;line-height:1;letter-spacing:-.025em}.fb-alertDescription_cg7Ke{font-size:var(--fb-font-size-sm)}.fb-alertDescription_cg7Ke p{line-height:1.625}.fb-button_MJLDl{display:inline-flex;align-items:center;justify-content:center;gap:var(--fb-space-sm);white-space:nowrap;border-radius:var(--fb-radius-md);font-size:var(--fb-font-size-md);font-weight:var(--fb-font-weight-semibold);transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease;cursor:pointer;outline:none;border:1px solid transparent}.fb-button_MJLDl:focus-visible{outline:2px solid var(--fb-border-focus);outline-offset:2px}.fb-button_MJLDl:disabled{pointer-events:none;opacity:.5}.fb-button_MJLDl span{font-size:inherit;font-weight:inherit;line-height:inherit}.fb-button_MJLDl svg{pointer-events:none;inline-size:1rem;block-size:1rem;flex-shrink:0}.fb-variant-default_KLx8b{background-color:var(--fb-primary);color:var(--fb-primary-foreground);border-color:var(--fb-primary);box-shadow:var(--fb-shadow-sm)}.fb-variant-default_KLx8b:hover:not(:disabled){background-color:var(--fb-primary-hover);border-color:var(--fb-primary-hover);box-shadow:var(--fb-shadow-md)}.fb-variant-default_KLx8b:active:not(:disabled){background-color:var(--fb-primary-active);border-color:var(--fb-primary-active);box-shadow:none}.fb-variant-destructive_vQKZ2{background-color:var(--fb-error);color:var(--fb-text-on-primary);border-color:var(--fb-error);box-shadow:var(--fb-shadow-sm)}.fb-variant-destructive_vQKZ2:hover:not(:disabled){background-color:var(--fb-error-hover);border-color:var(--fb-error-hover);box-shadow:var(--fb-shadow-md)}.fb-variant-destructive_vQKZ2:active:not(:disabled){background-color:var(--fb-error-dark);box-shadow:none}.fb-variant-outline_1Mb0E{background-color:var(--fb-background);color:var(--fb-text);border-color:var(--fb-border)}.fb-variant-outline_1Mb0E:hover:not(:disabled){background-color:var(--fb-surface-accent);border-color:var(--fb-primary-border);color:var(--fb-primary)}.fb-variant-outline_1Mb0E:active:not(:disabled){background-color:var(--fb-surface-emphasis);border-color:var(--fb-primary);color:var(--fb-primary)}.fb-variant-secondary_-bohS{background-color:var(--fb-neutral-100);color:var(--fb-text);border-color:var(--fb-neutral-200)}.fb-variant-secondary_-bohS:hover:not(:disabled){background-color:var(--fb-neutral-200);border-color:var(--fb-primary-border);color:var(--fb-primary)}.fb-variant-ghost_qml-f{background-color:transparent;color:var(--fb-text);border-color:transparent}.fb-variant-ghost_qml-f:hover:not(:disabled){background-color:var(--fb-surface-accent);color:var(--fb-primary)}.fb-variant-ghost_qml-f:active:not(:disabled){background-color:var(--fb-surface-emphasis);color:var(--fb-primary)}.fb-variant-link_aNj3r{background-color:transparent;color:var(--fb-primary);text-underline-offset:.25rem;border-color:transparent}.fb-variant-link_aNj3r:hover:not(:disabled){text-decoration:underline;color:var(--fb-primary-hover)}.fb-size-default_9qKVU{block-size:var(--fb-size-touch-target);padding-inline:var(--fb-space-md);padding-block:var(--fb-space-sm)}.fb-size-sm_MvjvS{block-size:2.25rem;padding-inline:var(--fb-space-12);border-radius:var(--fb-radius-md);font-size:var(--fb-font-size-xs)}.fb-size-lg_v6n8j{block-size:2.75rem;padding-inline:var(--fb-space-20);border-radius:var(--fb-radius-md);font-size:var(--fb-font-size-md);font-weight:var(--fb-font-weight-semibold)}.fb-size-icon_MYsET{block-size:var(--fb-size-touch-target);inline-size:var(--fb-size-touch-target);padding:0}.fb-badge_Q1h-y{display:inline-flex;align-items:center;border-radius:var(--fb-radius-full);border:var(--fb-border-width) solid transparent;padding-inline:var(--fb-space-10);padding-block:var(--fb-space-3);font-size:var(--fb-font-size-xs);font-weight:600;transition:background-color .2s,color .2s;outline:none}.fb-badge_Q1h-y:focus{outline:2px solid var(--fb-primary);outline-offset:2px}.fb-variant-default_7HL-r{background-color:var(--fb-primary);color:var(--fb-text-on-primary)}.fb-variant-default_7HL-r:hover{background-color:var(--fb-primary-hover)}.fb-variant-secondary_knrZF{background-color:var(--fb-neutral-100);color:var(--fb-text)}.fb-variant-secondary_knrZF:hover{background-color:var(--fb-neutral-200)}.fb-variant-destructive_YUruN{background-color:var(--fb-error);color:var(--fb-text-on-primary)}.fb-variant-destructive_YUruN:hover{background-color:var(--fb-error-hover)}.fb-variant-outline_EHC5j{border-color:var(--fb-border);background-color:transparent;color:var(--fb-text)}.fb-variant-outline_EHC5j:hover{background-color:var(--fb-surface-accent)}.fb-card_Ry9d9{border-radius:var(--fb-radius-lg);border:var(--fb-border-width) solid var(--fb-border);background-color:var(--fb-background);color:var(--fb-text);box-shadow:var(--fb-shadow-md);overflow:hidden}.fb-cardCompact_wGBoD{border-radius:var(--fb-radius-md);box-shadow:var(--fb-shadow-sm)}.fb-cardHeader_exSCY{display:flex;flex-direction:column;gap:var(--fb-space-6);padding:var(--fb-padding-card)}.fb-cardHeaderStructured_UBow4{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--fb-space-200);padding:var(--fb-space-200) var(--fb-space-250);border-bottom:1px solid var(--fb-border);background:var(--fb-surface)}.fb-cardHeaderStructuredCompact_jH94z{padding:var(--fb-space-150) var(--fb-space-200)}.fb-cardHeaderLeft_PnQMU{flex:1;min-width:0}.fb-cardTitleRow_XU5Go{display:flex;align-items:center;gap:var(--fb-space-100);flex-wrap:wrap}.fb-cardTitleText_imcqj{font-size:var(--fb-font-size-sm);font-weight:var(--fb-font-weight-semibold);color:var(--fb-text);line-height:var(--fb-line-height-tight)}.fb-cardDescriptionText_oCoiA{font-size:var(--fb-font-size-xs);color:var(--fb-text-muted);margin-top:var(--fb-space-50);line-height:var(--fb-line-height-normal)}.fb-cardMeta_Ch80f{display:flex;gap:var(--fb-space-200);margin-top:var(--fb-space-100);flex-wrap:wrap}.fb-cardMetaItem_ggGU8{font-size:11px;color:var(--fb-text-muted);display:flex;align-items:center;gap:4px}.fb-cardHeaderRight_rEXk0{display:flex;align-items:center;gap:var(--fb-space-100);flex-shrink:0}.fb-cardBody_lIAav{padding:var(--fb-space-200) var(--fb-space-250)}.fb-cardBodyFlush_tfGIm{padding:0}.fb-cardFooter_BAcjS{display:flex;align-items:center;justify-content:flex-end;gap:var(--fb-space-100);padding:var(--fb-space-150) var(--fb-space-250);border-top:1px solid var(--fb-border);background:var(--fb-surface-accent)}.fb-cardDivider_-i-Kq{height:1px;background:var(--fb-border);margin:0 var(--fb-space-250)}.fb-cardTitle_mLAib{font-size:var(--fb-font-size-md);font-weight:var(--fb-font-weight-semibold);line-height:1;letter-spacing:-.025em;color:var(--fb-text)}.fb-cardDescription_iLv2K{font-size:var(--fb-font-size-xs);color:var(--fb-text-muted)}.fb-cardContent_HJ92K{padding:var(--fb-padding-card);padding-block-start:0}.fb-checkbox_wsic0{block-size:1rem;inline-size:1rem;flex-shrink:0;border-radius:var(--fb-radius-sm);border:var(--fb-border-width) solid var(--fb-primary);cursor:pointer}.fb-checkbox_wsic0:focus-visible{outline:none;box-shadow:0 0 0 2px var(--fb-border)}.fb-checkbox_wsic0:disabled{cursor:not-allowed;opacity:.5}.fb-checkbox_wsic0[data-state=checked]{background-color:var(--fb-primary);color:var(--fb-text-on-primary)}.fb-checkboxIndicator_31Q4N{display:flex;align-items:center;justify-content:center;color:currentColor}.fb-checkboxIndicator_31Q4N svg{block-size:1rem;inline-size:1rem}.fb-dialogOverlay_GSMVm{position:fixed;inset:0;z-index:50;background-color:#000c}.fb-dialogOverlay_GSMVm[data-state=open]{animation:fb-dialogOverlayFadeIn_l-QHK .15s ease-out}.fb-dialogOverlay_GSMVm[data-state=closed]{animation:fb-dialogOverlayFadeOut_DewLt .15s ease-in}.fb-dialogContent_neUay{position:fixed;left:50%;top:50%;z-index:50;display:grid;width:100%;max-width:32rem;translate:-50% -50%;gap:var(--fb-space-sm);border:var(--fb-border-width) solid var(--fb-border);background-color:var(--fb-background);padding:var(--fb-space-12);box-shadow:var(--fb-shadow-lg);transition-duration:.2s}@media(min-width:640px){.fb-dialogContent_neUay{border-radius:var(--fb-radius-lg)}}.fb-dialogContent_neUay[data-state=open]{animation:fb-dialogContentSlideIn_oQPJG .2s ease-out}.fb-dialogContent_neUay[data-state=closed]{animation:fb-dialogContentSlideOut_nNdgq .2s ease-in}.fb-dialogClose_QbWkj{position:absolute;right:var(--fb-space-sm);top:var(--fb-space-sm);border-radius:var(--fb-radius-sm);opacity:.7;transition:opacity .15s}.fb-dialogClose_QbWkj:hover{opacity:1}.fb-dialogClose_QbWkj:focus{outline:none;box-shadow:0 0 0 2px var(--fb-border-focus);opacity:1}.fb-dialogClose_QbWkj:disabled{pointer-events:none}.fb-dialogClose_QbWkj[data-state=open]{background-color:var(--fb-accent);color:var(--fb-text-muted)}.fb-dialogCloseIcon_kK8c6{block-size:1rem;inline-size:1rem}.fb-dialogCloseIcon_kK8c6+span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fb-dialogHeader_df1-u{display:flex;flex-direction:column;gap:var(--fb-space-3);text-align:center}@media(min-width:640px){.fb-dialogHeader_df1-u{text-align:start}}.fb-dialogFooter_1vdJe{display:flex;flex-direction:column-reverse;gap:var(--fb-space-sm)}@media(min-width:640px){.fb-dialogFooter_1vdJe{flex-direction:row;justify-content:flex-end;gap:var(--fb-space-sm)}}.fb-dialogTitle_FS7k8{font-size:var(--fb-font-size-lg);font-weight:var(--fb-font-weight-semibold);line-height:1;letter-spacing:-.025em}.fb-dialogDescription_uEgTa{font-size:var(--fb-font-size-sm);color:var(--fb-text-muted)}@keyframes fb-dialogOverlayFadeIn_l-QHK{0%{opacity:0}to{opacity:1}}@keyframes fb-dialogOverlayFadeOut_DewLt{0%{opacity:1}to{opacity:0}}@keyframes fb-dialogContentSlideIn_oQPJG{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fb-dialogContentSlideOut_nNdgq{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-48%) scale(.95)}}.fb-boxContainer_oXGAN{background-color:var(--fb-background);border-radius:var(--fb-radius-md);padding:var(--fb-space-md)}.fb-GridLayoutContainer_BZvnG{align-items:center;background-color:var(--grid-container-background-color);display:flex;flex-direction:column;justify-content:center;max-width:100vw;min-width:var(--fb-container-max-width)}.fb-GridLayoutContainerWithoutPadding_4kQ4C{padding-block:0}.fb-GridLayoutContainerFullWidth_pYcHf{min-width:100%;max-width:100%}.fb-GridLayout_A2c7k{container-type:inline-size;display:grid;gap:var(--grid-row-gap, var(--fb-space-12)) var(--grid-column-gap, var(--fb-space-md));grid-template-columns:repeat(var(--grid-column-max-columns, 12),1fr);grid-template-rows:auto;margin-left:auto;margin-right:auto;max-width:var(--fb-container-max-width);min-width:var(--fb-container-max-width);width:100%}.fb-GridLayoutFullWidth_NMi3Y{max-width:100%;min-width:100%}.fb-gridLayoutColumn_5TCzp{align-self:start;grid-column:var(--grid-column-start) / var(--grid-column-end)}.fb-formLayoutWrapper_w9jQ-{width:100%;height:100%}.fb-titleSection_qd9UP{display:flex;flex-direction:column;align-items:flex-start;width:100%}.fb-leftColumn_zIdZO,.fb-rightColumn_P0J6U{display:flex;flex-direction:column;height:fit-content;min-height:0}.fb-footerSection_eW4js{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:var(--fb-space-md)}.fb-contentPadding_LMiyE{padding:var(--fb-space-12)}.fb-contentBorder_yYFFn{border:var(--fb-border-width) solid var(--fb-neutral-200);border-radius:var(--fb-radius-md);background-color:var(--fb-surface-accent)}@container (max-width: 768px){.fb-leftColumn_zIdZO,.fb-rightColumn_P0J6U{grid-column:1 / 13!important;margin-bottom:var(--fb-space-12)}.fb-mainContent_9ZW4m{grid-column:1 / 13!important}}@media print{.fb-formLayoutWrapper_w9jQ-{background:var(--fb-background)!important}.fb-contentBorder_yYFFn{border:var(--fb-border-width) solid var(--fb-border)!important;box-shadow:none!important}}.fb-container_p6qC4{margin-block-end:var(--fb-space-sm);padding-block-end:var(--fb-space-md);border-block-end:var(--fb-border-width) solid var(--fb-border)}.fb-disabled_EuvTp{opacity:.5}.fb-prevButtonDisabled_Wj2Qp{opacity:.5;cursor:default}.fb-additionalContent_0tppE{margin-block-start:var(--fb-space-md)}.fb-input_RJ7IM{display:flex;block-size:var(--fb-size-touch-target);inline-size:100%;border-radius:var(--fb-radius-md);border:var(--fb-border-width) solid var(--fb-border);background-color:var(--fb-background);padding-inline:var(--fb-space-12);padding-block:var(--fb-space-sm);font-size:var(--fb-font-size-sm);color:var(--fb-text)}.fb-input_RJ7IM::placeholder{color:var(--fb-text-muted)}.fb-input_RJ7IM::file-selector-button{border:0;background-color:transparent;font-size:var(--fb-font-size-sm);font-weight:500;color:var(--fb-text)}.fb-input_RJ7IM:focus-visible{outline:none;box-shadow:0 0 0 2px var(--fb-border)}.fb-input_RJ7IM:disabled{cursor:not-allowed;opacity:.5}@media(min-width:768px){.fb-input_RJ7IM{font-size:var(--fb-font-size-sm)}}.fb-wrapper_nDU5Q{display:flex;flex-direction:column;gap:var(--fb-space-sm)}.fb-progress_jf4Xd{appearance:none;background-color:var(--fb-primary-subtle);border:none;border-radius:8px;height:16px;overflow:hidden;width:100%}.fb-progress_jf4Xd::-webkit-progress-bar{background-color:transparent}.fb-progress_jf4Xd::-webkit-progress-value{background-color:var(--fb-primary);transition:all .4s cubic-bezier(.4,0,.2,1)}.fb-progress_jf4Xd::-moz-progress-bar{background-color:var(--fb-primary);transition:all .4s cubic-bezier(.4,0,.2,1)}label.fb-progressLabel_3nfSJ{font-size:var(--fb-font-size-sm);font-weight:var(--fb-font-weight-normal);line-height:var(--fb-line-height-normal)}.fb-completionMessage_OyQ9C{display:flex;align-items:center;gap:var(--fb-space-2);font-size:var(--fb-font-size-sm);color:var(--fb-success);animation:fb-fadeIn_iAZjj .3s ease-out}.fb-errorMessage_B8dGO{display:flex;align-items:center;justify-content:space-between;font-size:var(--fb-font-size-sm);color:var(--fb-error)}.fb-errorContent_2TAc5{display:flex;align-items:center;gap:var(--fb-space-2)}.fb-retryButton_0HfjY{display:flex;align-items:center;gap:var(--fb-space-1);font-weight:var(--fb-font-weight-medium);color:var(--fb-error);text-decoration:underline;text-underline-offset:2px;background:none;border:none;cursor:pointer}.fb-retryButton_0HfjY:hover{color:var(--fb-error-hover)}@keyframes fb-fadeIn_iAZjj{0%{opacity:0}to{opacity:1}}.fb-radioGroup_PqpPn{display:grid;gap:var(--fb-space-sm)}.fb-radioGroupItem_r91M1{aspect-ratio:1;block-size:1rem;inline-size:1rem;border-radius:var(--fb-radius-full);border:var(--fb-border-width) solid var(--fb-primary);color:var(--fb-primary);background-color:transparent;outline:none;transition:opacity .15s ease}.fb-radioGroupItem_r91M1:focus-visible{outline:2px solid var(--fb-border-focus);outline-offset:2px}.fb-radioGroupItem_r91M1:disabled{cursor:not-allowed;opacity:.5}.fb-radioIndicator_PFyGX{display:flex;align-items:center;justify-content:center}.fb-radioIndicatorIcon_vSsbY{block-size:.625rem;inline-size:.625rem;fill:currentColor;color:currentColor}.fb-selectTrigger_dj84x{display:flex;align-items:center;justify-content:space-between;block-size:2.5rem;inline-size:100%;border-radius:var(--fb-radius-md);border:var(--fb-border-width) solid var(--fb-border);background-color:var(--fb-background);padding-inline:var(--fb-space-6);padding-block:var(--fb-space-sm);font-size:var(--fb-font-size-sm)}.fb-selectTrigger_dj84x::placeholder{color:var(--fb-text-muted)}.fb-selectTrigger_dj84x:focus{outline:none;box-shadow:0 0 0 2px var(--fb-border-focus)}.fb-selectTrigger_dj84x:disabled{cursor:not-allowed;opacity:.5}.fb-selectTrigger_dj84x>span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.fb-selectTriggerIcon_V8dav{block-size:1rem;inline-size:1rem;opacity:.5}.fb-selectScrollUpButton_c6WZR,.fb-selectScrollDownButton_kmWY4{display:flex;cursor:default;align-items:center;justify-content:center;padding-block:var(--fb-space-2)}.fb-selectScrollIcon_IZbZG{block-size:1rem;inline-size:1rem}.fb-selectContent_uJ-ZX{position:relative;z-index:50;max-block-size:24rem;min-inline-size:8rem;overflow:hidden;border-radius:var(--fb-radius-md);border:var(--fb-border-width) solid var(--fb-border);background-color:var(--fb-background);color:var(--fb-text);box-shadow:var(--fb-shadow-md)}.fb-selectContent_uJ-ZX[data-state=open]{animation:fb-selectContentIn_n9zpE .15s ease-out}.fb-selectContent_uJ-ZX[data-state=closed]{animation:fb-selectContentOut_rxdBe .15s ease-in}.fb-selectContent_uJ-ZX.fb-popper_uKkq9[data-side=bottom]{transform:translateY(.25rem)}.fb-selectContent_uJ-ZX.fb-popper_uKkq9[data-side=left]{transform:translate(-.25rem)}.fb-selectContent_uJ-ZX.fb-popper_uKkq9[data-side=right]{transform:translate(.25rem)}.fb-selectContent_uJ-ZX.fb-popper_uKkq9[data-side=top]{transform:translateY(-.25rem)}.fb-selectViewport_wcTaR{padding:var(--fb-space-2)}.fb-selectViewport_wcTaR.fb-popper_uKkq9{block-size:var(--radix-select-trigger-height);inline-size:100%;min-inline-size:var(--radix-select-trigger-width)}.fb-selectLabel_hb7ig{padding-block:var(--fb-space-3);padding-inline-start:var(--fb-space-md);padding-inline-end:var(--fb-space-sm);font-size:var(--fb-font-size-sm);font-weight:var(--fb-font-weight-semibold)}.fb-selectItem_f23oZ{position:relative;display:flex;inline-size:100%;cursor:default;-webkit-user-select:none;user-select:none;align-items:center;border-radius:var(--fb-radius-sm);padding-block:var(--fb-space-3);padding-inline-start:var(--fb-space-md);padding-inline-end:var(--fb-space-sm);font-size:var(--fb-font-size-sm);outline:none}.fb-selectItem_f23oZ:focus{background-color:var(--fb-accent);color:var(--fb-text)}.fb-selectItem_f23oZ[data-disabled]{pointer-events:none;opacity:.5}.fb-selectItemIndicator_PD-WQ{position:absolute;left:var(--fb-space-sm);display:flex;block-size:.875rem;inline-size:.875rem;align-items:center;justify-content:center}.fb-selectItemIndicatorIcon_kgB1I{block-size:1rem;inline-size:1rem}.fb-selectSeparator_DS7X2{margin-inline:calc(-1 * var(--fb-space-2));margin-block:var(--fb-space-2);block-size:1px;background-color:var(--fb-surface-accent)}@keyframes fb-selectContentIn_n9zpE{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fb-selectContentOut_rxdBe{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.fb-sheetOverlay_2nFRz{position:fixed;inset:0;z-index:50;background-color:#000c}.fb-sheetOverlay_2nFRz[data-state=open]{animation:fb-sheetOverlayFadeIn_AS-42 .15s ease-out}.fb-sheetOverlay_2nFRz[data-state=closed]{animation:fb-sheetOverlayFadeOut_Y-hE4 .15s ease-in}.fb-sheetContent_p2PyE{position:fixed;z-index:50;gap:var(--fb-space-sm);background-color:var(--fb-background);padding:var(--fb-space-12);box-shadow:var(--fb-shadow-lg);transition:transform .5s ease-in-out,opacity .5s ease-in-out}.fb-side-top_vnDBA{inset-inline:0;top:0;border-block-end:var(--fb-border-width) solid var(--fb-border)}.fb-side-top_vnDBA[data-state=open]{animation:fb-slideInFromTop_ujZFr .5s ease-in-out}.fb-side-top_vnDBA[data-state=closed]{animation:fb-slideOutToTop_sjz0S .3s ease-in-out}.fb-side-bottom_8Qo-6{inset-inline:0;bottom:0;border-block-start:var(--fb-border-width) solid var(--fb-border)}.fb-side-bottom_8Qo-6[data-state=open]{animation:fb-slideInFromBottom_5kG78 .5s ease-in-out}.fb-side-bottom_8Qo-6[data-state=closed]{animation:fb-slideOutToBottom_03WBw .3s ease-in-out}.fb-side-left_iSyK6{inset-block:0;left:0;block-size:100%;inline-size:75%;border-inline-end:var(--fb-border-width) solid var(--fb-border)}@media(min-width:640px){.fb-side-left_iSyK6{max-inline-size:24rem}}.fb-side-left_iSyK6[data-state=open]{animation:fb-slideInFromLeft_iFt5a .5s ease-in-out}.fb-side-left_iSyK6[data-state=closed]{animation:fb-slideOutToLeft_kRHa5 .3s ease-in-out}.fb-side-right_q-l6-{inset-block:0;right:0;block-size:100%;inline-size:75%;border-inline-start:var(--fb-border-width) solid var(--fb-border)}@media(min-width:640px){.fb-side-right_q-l6-{max-inline-size:24rem}}.fb-side-right_q-l6-[data-state=open]{animation:fb-slideInFromRight_elDbR .5s ease-in-out}.fb-side-right_q-l6-[data-state=closed]{animation:fb-slideOutToRight_HPV1P .3s ease-in-out}.fb-sheetClose_sq3cW{position:absolute;right:var(--fb-space-sm);top:var(--fb-space-sm);border-radius:var(--fb-radius-sm);opacity:.7;transition:opacity .15s}.fb-sheetClose_sq3cW:hover{opacity:1}.fb-sheetClose_sq3cW:focus{outline:none;box-shadow:0 0 0 2px var(--fb-border-focus);opacity:1}.fb-sheetClose_sq3cW:disabled{pointer-events:none}.fb-sheetClose_sq3cW[data-state=open]{background-color:var(--fb-surface)}.fb-sheetCloseIcon_2Z7S1{block-size:1rem;inline-size:1rem}.fb-sheetCloseIcon_2Z7S1+span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fb-sheetHeader_w9TtP{display:flex;flex-direction:column;gap:var(--fb-space-sm);text-align:center}@media(min-width:640px){.fb-sheetHeader_w9TtP{text-align:start}}.fb-sheetFooter_XN1p0{display:flex;flex-direction:column-reverse;gap:var(--fb-space-sm)}@media(min-width:640px){.fb-sheetFooter_XN1p0{flex-direction:row;justify-content:flex-end;gap:var(--fb-space-sm)}}.fb-sheetTitle_F6nNH{font-size:var(--fb-font-size-lg);font-weight:var(--fb-font-weight-semibold);color:var(--fb-text)}.fb-sheetDescription_AzWJb{font-size:var(--fb-font-size-sm);color:var(--fb-text-muted)}@keyframes fb-sheetOverlayFadeIn_AS-42{0%{opacity:0}to{opacity:1}}@keyframes fb-sheetOverlayFadeOut_Y-hE4{0%{opacity:1}to{opacity:0}}@keyframes fb-slideInFromTop_ujZFr{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes fb-slideOutToTop_sjz0S{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes fb-slideInFromBottom_5kG78{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fb-slideOutToBottom_03WBw{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes fb-slideInFromLeft_iFt5a{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fb-slideOutToLeft_kRHa5{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes fb-slideInFromRight_elDbR{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fb-slideOutToRight_HPV1P{0%{transform:translate(0)}to{transform:translate(100%)}}.fb-textarea_p4K5i{display:flex;min-block-size:5rem;inline-size:100%;border-radius:var(--fb-radius-md);border:var(--fb-border-width) solid var(--fb-border);background-color:var(--fb-background);padding-inline:var(--fb-space-12);padding-block:var(--fb-space-sm);font-size:var(--fb-font-size-sm);color:var(--fb-text)}.fb-textarea_p4K5i::placeholder{color:var(--fb-text-muted)}.fb-textarea_p4K5i:focus-visible{outline:none;box-shadow:0 0 0 2px var(--fb-border)}.fb-textarea_p4K5i:disabled{cursor:not-allowed;opacity:.5}.fb-vcContainer_oHl8H{cursor:text;display:flex;gap:16px;pointer-events:none;position:relative}.fb-vcInput_Nb8NL{inset:0;pointer-events:none;position:absolute}.fb-vcInput_Nb8NL input{background:transparent;block-size:100%;border-color:transparent;caret-color:transparent;color:transparent;font-family:inherit;font-size:18px;font-weight:400;inline-size:100%;letter-spacing:80px;line-height:28px;outline:transparent solid 2px;pointer-events:all;text-align:left;-webkit-user-select:none;user-select:none}.fb-vcInput_Nb8NL input::selection{background-color:transparent}.fb-vcGroup_5z3tY{align-items:center;display:flex;gap:16px;inline-size:100%}.fb-vcDash_R8D18{align-items:center;block-size:48px;display:flex;font-family:inherit;font-size:18px;font-style:normal;font-weight:400;justify-content:center;line-height:1.4}.fb-vcSlot_AZfrj{align-items:center;background:#fff;block-size:48px;border:var(--fb-border-width) solid var(--fb-border);border-radius:8px;color:var(--fb-text);display:flex;flex-basis:12px;flex-grow:1;font-family:inherit;font-size:16px;font-style:normal;font-weight:400;justify-content:center;line-height:1.4;outline:transparent solid 2px}.fb-vcSlotActive_1Zqta{border-color:var(--fb-border-focus);outline-color:var(--fb-border-focus)}.fb-vcCaret_pQ-uD{align-items:center;animation-duration:1.2s;animation-iteration-count:infinite;animation-name:fb-caret-blink_jfhv0;animation-timing-function:ease-out;display:flex;pointer-events:none}.fb-vcCaret_pQ-uD>div{background-color:var(--fb-text);height:18px;width:1px}@keyframes fb-caret-blink_jfhv0{0%,70%,to{opacity:1}20%,50%{opacity:0}}.fb-dialogContent_MQjVY{max-inline-size:28rem}.fb-iconRow_zoQXV{display:flex;align-items:center;gap:var(--fb-space-12)}.fb-iconCircle_UvpAZ{border-radius:var(--fb-radius-full);background-color:var(--fb-surface);padding:var(--fb-space-sm)}.fb-descriptionSpaced_AmH9W{margin-block-start:var(--fb-space-2)}.fb-buttonRow_lfgxL{display:flex;justify-content:flex-end;gap:var(--fb-space-sm);padding-block-start:var(--fb-space-md)}.fb-minWidthButton_maffF{min-inline-size:6rem}.fb-iconWarning_OcS7O{width:1.25rem;height:1.25rem;color:var(--fb-warning)}.fb-iconInfo_xQhjd{width:1.25rem;height:1.25rem;color:var(--fb-info)}.fb-dialogContent_hdJb3{max-inline-size:28rem}.fb-headerRow_dowgv{display:flex;align-items:center;gap:var(--fb-space-sm)}.fb-iconSuccess_787to{color:var(--fb-success)}.fb-iconMail_yICFX{color:var(--fb-info)}.fb-successButtonRow_LilmE{display:flex;justify-content:center;padding-block-start:var(--fb-space-md)}.fb-minWidthButton_Y-HfD{min-inline-size:8rem}.fb-formContent_DRlgi{display:flex;flex-direction:column;gap:var(--fb-space-md)}.fb-codeSection_vJqzI{display:flex;flex-direction:column;gap:var(--fb-space-sm)}.fb-codeLabel_PvgkB{font-size:var(--fb-font-size-sm);font-weight:500}.fb-codeCenter_j2TST{display:flex;justify-content:center}.fb-resendText_fsAeq,.fb-blockedText_ZGaBs{text-align:center;font-size:var(--fb-font-size-sm);color:var(--fb-text-muted)}.fb-resendLink_dRMub{padding:0;block-size:auto;color:var(--fb-info)}.fb-resendLinkDefault_sVy7D{padding:0;block-size:auto}.fb-footerButtonRow_dFkH0{display:flex;justify-content:flex-end;gap:var(--fb-space-sm);padding-block-start:var(--fb-space-md)}.fb-iconSm_JkMbO{width:1rem;height:1rem}.fb-iconMd_y--1E{width:1.25rem;height:1.25rem}.fb-buttonRow_IpMPI{display:flex;flex-wrap:wrap;gap:var(--fb-space-sm);justify-content:flex-end}.fb-minWidthButton_Ggq-E{min-inline-size:4rem}.fb-toastContainer_iL55M{position:fixed;inset-block-start:var(--fb-space-md);inset-inline-end:var(--fb-space-md);z-index:50;max-inline-size:24rem}.fb-toastCard_EslQ-{background-color:var(--fb-background);border:var(--fb-border-width) solid var(--fb-border);border-radius:var(--fb-radius-lg);box-shadow:var(--fb-shadow-lg);padding:var(--fb-space-md);display:flex;flex-direction:column;gap:var(--fb-space-12)}.fb-toastTitle_W3izr{font-weight:var(--fb-font-weight-semibold)}.fb-toastContent_h6A9y{font-size:var(--fb-font-size-sm);color:var(--fb-text-muted);margin-block-start:var(--fb-space-2)}.fb-sheetContent_Ccs86{inline-size:400px}@media(min-width:640px){.fb-sheetContent_Ccs86{inline-size:540px}}.fb-sheetBody_XqkvA{flex:1;padding-block-end:var(--fb-space-md);display:flex;flex-direction:column;gap:var(--fb-space-md);margin-block-start:var(--fb-space-md)}.fb-sheetText_yRGd-{font-size:var(--fb-font-size-sm)}.fb-size-small_YcmVE{max-inline-size:24rem}.fb-size-medium_auCiA{max-inline-size:28rem}.fb-size-large_8EHM7{max-inline-size:42rem}.fb-modalButtonRow_c7V4P{display:flex;justify-content:flex-end;gap:var(--fb-space-sm);padding-block-start:var(--fb-space-md)}.fb-errorFallback_CNx1M{padding:var(--fb-space-sm);border:var(--fb-border-width) solid var(--fb-error-translucent);background-color:var(--fb-error-surface);color:var(--fb-error);border-radius:var(--fb-radius-md)}.fb-errorDetail_Nvh9V{font-size:var(--fb-font-size-xs);margin-block-start:var(--fb-space-2)}.fb-alertList_d0DxG{display:flex;flex-direction:column;gap:var(--fb-space-sm)}.fb-displayWrapper_VYcQC{display:flex;flex-direction:column;gap:var(--fb-space-md)}.fb-emptyValue_baQFk{color:var(--fb-text-muted);font-style:italic}.fb-valueText_JCRsN{color:var(--fb-text)}.fb-fieldWrapper_rnKUQ{display:flex;flex-direction:column;gap:var(--fb-space-2)}.fb-section_5kbZU{margin-block-end:var(--fb-space-lg)}.fb-sectionHeader_aVzgk{display:flex;justify-content:space-between;align-items:center;margin-block-end:var(--fb-space-md)}.fb-cancelButton_PyIZH{font-size:var(--fb-font-size-sm);color:var(--fb-text-muted);display:flex;align-items:center;gap:var(--fb-space-2);background:none;border:none;cursor:pointer}.fb-editButton_dbSFX{font-size:var(--fb-font-size-sm);color:var(--fb-info);display:flex;align-items:center;gap:var(--fb-space-2);background:none;border:none;cursor:pointer}.fb-sectionContent_wTlW-{display:flex;flex-direction:column;gap:var(--fb-space-md)}.fb-saveButtonsWrapper_VGuwW{display:flex;padding-block-start:var(--fb-space-md)}.fb-iconSm_yLpHW{width:1rem;height:1rem}.fb-stepContent_EU1uV{display:flex;flex-direction:column;gap:var(--fb-space-lg)}.fb-loaderWrapper_00phH{margin-block-end:var(--fb-space-md)}.fb-footer_r0kdp{margin-block-start:var(--fb-space-lg)}@keyframes fb-spin_aHSB3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fb-pulse_FcPkd{0%,to{opacity:1}50%{opacity:.5}}.fb-card_jvOrv{border-color:color-mix(in srgb,var(--fb-primary) 20%,transparent);background-color:color-mix(in srgb,var(--fb-primary) 5%,transparent)}.fb-cardContent_Cnf5t{padding:var(--fb-space-md)}.fb-contentRow_-lops{display:flex;align-items:center;gap:var(--fb-space-12)}.fb-spinner_SkwMR{inline-size:1rem;block-size:1rem;animation:fb-spin_aHSB3 1s linear infinite;color:var(--fb-primary)}.fb-textContent_t3X2X{flex:1}.fb-title_-fTQX{font-size:var(--fb-font-size-sm);font-weight:500;color:var(--fb-primary)}.fb-subtitle_wyptE{font-size:var(--fb-font-size-xs);color:var(--fb-text-muted);margin-block-start:var(--fb-space-2)}.fb-badgeList_xtoNn{display:flex;flex-wrap:wrap;gap:var(--fb-space-2)}.fb-badgeText_TZRdG{font-size:var(--fb-font-size-xs)}.fb-progressSection_XcPgJ{margin-block-start:var(--fb-space-12)}.fb-progressTrack_BUoRx{inline-size:100%;background-color:var(--fb-surface);border-radius:var(--fb-radius-full);block-size:.25rem}.fb-progressBar_5MELx{background-color:var(--fb-primary);block-size:.25rem;border-radius:var(--fb-radius-full);transition:width .3s;animation:fb-pulse_FcPkd 2s ease-in-out infinite}.fb-errorState_khSRW{padding:var(--fb-space-md);border:var(--fb-border-width) solid var(--fb-error-translucent);background-color:var(--fb-error-surface);color:var(--fb-error);border-radius:var(--fb-radius-md)}.fb-errorHeading_dGdN2{font-weight:500;margin-block-end:var(--fb-space-sm)}.fb-loadingState_Pdhds{padding:var(--fb-space-md);text-align:center;color:var(--fb-text-muted)}.fb-loadingPulse_QIw08{animation:fb-pulse_7Ml6n 2s ease-in-out infinite}@keyframes fb-pulse_7Ml6n{0%,to{opacity:1}50%{opacity:.5}}.fb-formLayout_JzC8E{margin-block:var(--fb-space-xl)}.fb-stepListWrapper_RTLUk{display:flex;flex-direction:column;font-family:inherit;gap:var(--fb-space-12)}.fb-stepList_b7ucJ .fb-stepListItem_G8Nh4{color:var(--fb-text-muted);display:flex;flex-direction:row;gap:var(--fb-space-6);padding-bottom:var(--fb-space-2)}.fb-stepList_b7ucJ .fb-stepListItem_G8Nh4 .fb-leftContainer_o-gBE{align-items:center;display:flex;flex-direction:column;gap:var(--fb-space-xs);padding-top:var(--fb-space-2)}.fb-stepList_b7ucJ .fb-stepListItem_G8Nh4 .fb-leftContainer_o-gBE .fb-circle_3oinV{align-items:center;background-color:transparent;border:var(--fb-border-width) solid var(--fb-border);border-radius:var(--fb-radius-full);color:var(--fb-background);display:flex;justify-content:center;min-block-size:calc(1.25rem - 2 * var(--fb-border-width));min-inline-size:calc(1.25rem - 2 * var(--fb-border-width))}.fb-stepList_b7ucJ .fb-stepListItem_G8Nh4 .fb-leftContainer_o-gBE .fb-circle_3oinV .fb-currentDot_0e9gN{background-color:var(--fb-primary);border-radius:var(--fb-radius-full);height:14px;width:14px}.fb-stepList_b7ucJ .fb-stepListItem_G8Nh4 .fb-leftContainer_o-gBE .fb-connector_bDvRA{background-color:var(--fb-text-muted);block-size:100%;inline-size:1.5px;min-block-size:36px}.fb-stepList_b7ucJ .fb-stepListItem_G8Nh4 .fb-content_u43H4{align-items:start;border-radius:var(--fb-radius-md);color:var(--fb-text-muted);display:flex;flex-direction:row;inline-size:100%;margin-block-end:var(--fb-space-6);padding:var(--fb-space-2) var(--fb-space-6);text-wrap:balance}.fb-stepList_b7ucJ .fb-stepListItem_G8Nh4 .fb-content_u43H4 .fb-stepNumber_c2YRs{color:var(--fb-text-muted);font-size:var(--fb-font-size-sm);font-weight:var(--fb-font-weight-semibold);line-height:var(--fb-line-height-tight)}.fb-stepList_b7ucJ .fb-stepListItem_G8Nh4 .fb-content_u43H4 .fb-stepTitle_w5Be8{font-size:var(--fb-font-size-sm);line-height:var(--fb-line-height-normal)}.fb-stepList_b7ucJ .fb-stepListItem_G8Nh4 .fb-content_u43H4 .fb-stepLink_sqt2-{color:var(--fb-primary);cursor:pointer;font-weight:var(--fb-font-weight-normal);line-height:var(--fb-line-height-normal);text-decoration:underline}.fb-stepList_b7ucJ .fb-stepListItem_G8Nh4 .fb-content_u43H4 .fb-stepLink_sqt2-:hover{color:var(--fb-primary-hover);text-decoration:underline}.fb-stepList_b7ucJ .fb-stepListItem_G8Nh4 .fb-content_u43H4 .fb-stepLink_sqt2-:focus{outline-offset:2px;outline-style:solid;outline-width:2px;text-decoration:underline}.fb-stepList_b7ucJ .fb-stepListItem_G8Nh4 .fb-iconRightContainer_DCjrS{align-self:center;block-size:1.25rem;color:var(--fb-primary);display:flex;inline-size:1.25rem;margin-inline-start:auto}.fb-stepList_b7ucJ .fb-stepListItem_G8Nh4.fb-completed_F-mOG .fb-leftContainer_o-gBE .fb-circle_3oinV{background-color:var(--fb-primary);border-color:var(--fb-primary);border-style:solid;border-width:var(--fb-border-width)}.fb-stepList_b7ucJ .fb-stepListItem_G8Nh4.fb-completed_F-mOG .fb-leftContainer_o-gBE .fb-connector_bDvRA{background-color:var(--fb-primary)}.fb-stepList_b7ucJ .fb-stepListItem_G8Nh4.fb-completed_F-mOG .fb-content_u43H4,.fb-stepList_b7ucJ .fb-stepListItem_G8Nh4.fb-completed_F-mOG .fb-content_u43H4 .fb-stepNumber_c2YRs{color:var(--fb-text)}.fb-stepList_b7ucJ .fb-stepListItem_G8Nh4.fb-current_QAO1e .fb-leftContainer_o-gBE .fb-circle_3oinV{border-color:var(--fb-primary);border-style:solid;border-width:var(--fb-border-width)}.fb-stepList_b7ucJ .fb-stepListItem_G8Nh4.fb-current_QAO1e .fb-content_u43H4{background-color:var(--fb-background);color:var(--fb-text)}.fb-stepList_b7ucJ .fb-stepListItem_G8Nh4.fb-current_QAO1e .fb-content_u43H4 .fb-stepNumber_c2YRs{color:var(--fb-text)}.fb-stepList_b7ucJ .fb-stepListItem_G8Nh4.fb-inactive_tYqvV .fb-content_u43H4{color:var(--fb-text-muted)}
1860
3
 
1861
4
  }