@digiform/wizard 0.1.7

package/styles.css

@@ -0,0 +1,1869 @@
+@layer formbuilder.wizard {
+/* 
+ * Font CSS removed to reduce bundle size by ~5MB
+ * 
+ * This file previously contained @font-face declarations for:
+ * - RijksoverheidSansWebText (regular, bold, italic)
+ * - RijksoverheidSerifWeb (regular, bold, italic)
+ *
+ * To use these fonts in your application, you'll need to:
+ * 1. Include the font files in your application's assets
+ * 2. Add the @font-face declarations to your application's CSS
+ * 3. Or use a web font service like Google Fonts for similar fonts
+ *
+ * Example fallback font stack:
+ * font-family: "Your Custom Font", Arial, Verdana, sans-serif;
+ *//* =============================================================================
+   @formbuilder/ui — Design Tokens
+   Canonical source for all --fb-* custom properties.
+   All values are standalone CSS values with no external design system dependency.
+   ============================================================================= */
+
+:root {
+  /* ============================================================
+     Colors
+     ============================================================ */
+
+  /* Primary — muted blue, enterprise-grade */
+  --fb-primary:              #2563eb;   /* Main action color (blue-600) */
+  --fb-primary-600:          #2563eb;   /* blue-600 alias */
+  --fb-primary-hover:        #1d4ed8;   /* Primary on hover (blue-700) */
+  --fb-primary-active:       #1e40af;   /* Primary on active/pressed (blue-800) */
+  --fb-primary-dark:         #1e3a8a;   /* Dark primary (blue-900) */
+  --fb-primary-border:       #93c5fd;   /* Primary border tint (blue-300) */
+  --fb-primary-foreground:   #ffffff;   /* Text on primary bg */
+  --fb-primary-subtle:       #dbeafe;   /* Subtle primary tint (blue-100) */
+  --fb-primary-subtle-50:    rgba(239, 246, 255, 0.5); /* 50% opacity primary subtle */
+
+  /* Backgrounds */
+  --fb-background:           #ffffff;   /* Page/document background */
+  --fb-surface:              #f8fafc;   /* Card / panel background */
+  --fb-surface-accent:       #f1f5f9;   /* Subtle accent surface (hover, active) */
+  --fb-surface-emphasis:     #e2e8f0;   /* Emphasized surface (slate-200) */
+  --fb-surface-subtle:       #f1f5f9;   /* Subtle neutral surface (slate-100) */
+
+  /* Borders */
+  --fb-border:               #e2e8f0;   /* Default border */
+  --fb-border-focus:         #2563eb;   /* Focus ring color */
+  --fb-border-width:         1px;       /* Default border width */
+
+  /* Text */
+  --fb-text:                 #0f172a;   /* Default body text */
+  --fb-text-muted:           #64748b;   /* Secondary / placeholder text */
+  --fb-text-on-primary:      #ffffff;   /* Text on primary-colored bg */
+
+  /* Status */
+  --fb-error:                #dc2626;   /* Error / destructive */
+  --fb-error-hover:          #b91c1c;   /* Error on hover */
+  --fb-error-dark:           #7f1d1d;   /* Deep error (focus ring outer) */
+  --fb-error-muted:          #fca5a5;   /* Muted error text (red-300) */
+  --fb-error-subtle:         #fecaca;   /* Subtle error tint (red-200) */
+  --fb-error-border:         #fca5a5;   /* Error border (red-300) */
+  --fb-error-translucent:    rgba(220, 38, 38, 0.3); /* Translucent error border */
+  --fb-error-surface:        #fef2f2;   /* Error background tint */
+  --fb-success:              #16a34a;   /* Success */
+  --fb-success-hover:        #15803d;   /* Success on hover (green-700) */
+  --fb-success-bright:       #22c55e;   /* Bright success icon color (green-500) */
+  --fb-success-subtle:       #bbf7d0;   /* Subtle success border (green-200) */
+  --fb-success-dark:         #166534;   /* Dark success text (green-800) */
+  --fb-success-surface:      #f0fdf4;   /* Success background tint */
+  --fb-warning:              #d97706;   /* Warning */
+  --fb-warning-surface:      #fffbeb;   /* Warning background tint */
+  --fb-info:                 #0284c7;   /* Informational */
+  --fb-info-surface:         #f0f9ff;   /* Info background tint */
+
+  /* Neutral grey scale */
+  --fb-neutral-50:           #f9fafb;   /* gray-50 */
+  --fb-neutral-100:          #e2e8f0;   /* slate-200 */
+  --fb-neutral-200:          #cbd5e1;   /* slate-300 */
+  --fb-neutral-300:          #9ca3af;   /* gray-400 — medium grey for borders */
+  --fb-neutral-500:          #6b7280;   /* gray-500 — muted text / icons */
+  --fb-neutral-900:          #111827;   /* gray-900 — near-black text */
+
+  /* Accent */
+  --fb-accent:               #f1f5f9;   /* Accent surface for interactive elements */
+  --fb-accent-rgb:           241, 245, 249; /* RGB values for rgba() usage */
+
+  /* Amber (status: caution) */
+  --fb-amber-100:            #fef3c7;   /* amber-100 */
+  --fb-amber-300:            #fcd34d;   /* amber-300 */
+  --fb-amber-800:            #92400e;   /* amber-800 */
+
+  /* Violet (status: info-alt / accent) */
+  --fb-violet-100:           #ede9fe;   /* violet-100 */
+  --fb-violet-300:           #c4b5fd;   /* violet-300 */
+  --fb-violet-700:           #6d28d9;   /* violet-700 */
+  --fb-violet-800:           #5b21b6;   /* violet-800 */
+
+  /* Cyan (status: info-cool) */
+  --fb-cyan-100:             #cffafe;   /* cyan-100 */
+  --fb-cyan-300:             #67e8f9;   /* cyan-300 */
+  --fb-cyan-800:             #155e75;   /* cyan-800 */
+
+  /* Lime (status: success-alt / growth) */
+  --fb-lime-100:             #ecfccb;   /* lime-100 */
+  --fb-lime-300:             #bef264;   /* lime-300 */
+  --fb-lime-800:             #3f6212;   /* lime-800 */
+
+  /* Pink (status: highlight / special) */
+  --fb-pink-100:             #fce7f3;   /* pink-100 */
+  --fb-pink-300:             #f9a8d4;   /* pink-300 */
+  --fb-pink-800:             #9d174d;   /* pink-800 */
+
+  /* Warning (additional aliases) */
+  --fb-warning-border:       #fef08a;   /* yellow-200 — warning border ring */
+
+  /* ============================================================
+     Typography
+     ============================================================ */
+
+  --fb-font-family-mono:     ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
+
+  --fb-font-size-xs:         0.75rem;   /* 12px */
+  --fb-font-size-sm:         0.875rem;  /* 14px */
+  --fb-font-size-md:         1rem;      /* 16px */
+  --fb-font-size-lg:         1.125rem;  /* 18px */
+  --fb-font-size-xl:         1.25rem;   /* 20px */
+  --fb-font-size-2xl:        1.5rem;    /* 24px */
+
+  --fb-font-weight-normal:   400;       /* Regular text */
+  --fb-font-weight-medium:   500;       /* Slightly emphasized */
+  --fb-font-weight-semibold: 600;       /* Labels, headings */
+
+  --fb-line-height-tight:    1.25;      /* Compact, headings */
+  --fb-line-height-normal:   1.5;       /* Body text */
+  --fb-line-height-relaxed:  1.75;      /* Readable long-form text */
+
+  /* ============================================================
+     Spacing  (4px base grid — numeric scale)
+     Each step of 50 = 4px. --fb-space-100 = 8px.
+     ============================================================ */
+
+  --fb-space-50:             0.25rem;   /*  4px */
+  --fb-space-100:            0.5rem;    /*  8px */
+  --fb-space-150:            0.75rem;   /* 12px */
+  --fb-space-200:            1rem;      /* 16px */
+  --fb-space-250:            1.25rem;   /* 20px */
+  --fb-space-300:            1.5rem;    /* 24px */
+  --fb-space-350:            1.75rem;   /* 28px */
+  --fb-space-400:            2rem;      /* 32px */
+  --fb-space-450:            2.25rem;   /* 36px */
+  --fb-space-500:            2.5rem;    /* 40px */
+  --fb-space-550:            2.75rem;   /* 44px */
+  --fb-space-600:            3rem;      /* 48px */
+  --fb-space-650:            3.25rem;   /* 52px */
+  --fb-space-700:            3.5rem;    /* 56px */
+
+  /* Semantic aliases — map to numeric scale */
+  --fb-space-xs:             var(--fb-space-50);   /*  4px */
+  --fb-space-sm:             var(--fb-space-100);  /*  8px */
+  --fb-space-md:             var(--fb-space-200);  /* 16px */
+  --fb-space-lg:             var(--fb-space-300);  /* 24px */
+  --fb-space-xl:             var(--fb-space-400);  /* 32px */
+  --fb-space-2xl:            var(--fb-space-600);  /* 48px */
+  --fb-space-3xl:            var(--fb-space-700);  /* 56px */
+  --fb-space-md-neg:         calc(-1 * var(--fb-space-200)); /* -16px */
+
+  /* Sub-grid steps for component internals (< 4px) */
+  --fb-space-1:              0.0625rem; /*  1px */
+  --fb-space-2:              0.125rem;  /*  2px */
+  --fb-space-3:              0.1875rem; /*  3px */
+  --fb-space-6:              0.375rem;  /*  6px */
+  --fb-space-10:             0.625rem;  /* 10px */
+  --fb-space-12:             var(--fb-space-150);  /* 12px */
+  --fb-space-14:             0.875rem;  /* 14px */
+  --fb-space-20:             var(--fb-space-250);  /* 20px */
+
+  /* Interactive target */
+  --fb-size-touch-target:    var(--fb-space-500);  /* 40px */
+
+  /* ============================================================
+     Layout
+     ============================================================ */
+
+  --fb-container-max-width:  64rem;     /* 1024px standard content width */
+  --fb-popover-width:        18rem;     /* 288px default popover width */
+
+  /* ============================================================
+     Border Radius
+     ============================================================ */
+
+  --fb-radius-sm:            0.25rem;   /*  4px */
+  --fb-radius-md:            0.375rem;  /*  6px */
+  --fb-radius-lg:            0.5rem;    /*  8px */
+  --fb-radius-xl:            0.75rem;   /* 12px */
+  --fb-radius-full:          9999px;    /* Pill / fully-rounded */
+
+  /* ============================================================
+     Shadows
+     ============================================================ */
+
+  --fb-shadow-sm:  0 1px 2px 0 rgb(0 0 0 / 0.05);                                                  /* Subtle elevation */
+  --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 */
+  --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 */
+
+  /* ============================================================
+     Z-Index  (named overlay layers)
+     ============================================================ */
+
+  --fb-z-base:      0;     /* Default document layer */
+  --fb-z-raised:    1;     /* Slightly above normal flow */
+  --fb-z-dropdown:  1000;  /* Dropdown menus */
+  --fb-z-sticky:    1100;  /* Sticky headers / sidebars */
+  --fb-z-overlay:   1200;  /* Backdrop overlays */
+  --fb-z-modal:     1300;  /* Modal dialogs */
+  --fb-z-toast:     1400;  /* Toast notifications (top of stack) */
+}
+/* Base alert styles */
+.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);
+}
+
+/* Icon positioning */
+.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);
+}
+
+/* Variant: Default */
+.fb-variant-default_yhEpY {
+  background-color: var(--fb-background);
+  color: var(--fb-text);
+}
+
+/* Variant: Destructive */
+.fb-variant-destructive_rafp5 {
+  border-color: var(--fb-error);
+  color: var(--fb-error);
+}
+
+.fb-variant-destructive_rafp5 > svg {
+  color: var(--fb-error);
+}
+
+/* Alert Title sub-component */
+.fb-alertTitle_-KE5o {
+  margin-block-end: var(--fb-space-sm);
+  font-weight: 500;
+  line-height: 1;
+  letter-spacing: -0.025em;
+}
+
+/* Alert Description sub-component */
+.fb-alertDescription_cg7Ke {
+  font-size: var(--fb-font-size-sm);
+}
+
+.fb-alertDescription_cg7Ke p {
+  line-height: 1.625;
+}
+/* Base button styles */
+.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-sm);
+  font-weight: 500;
+  transition: background-color 0.2s, color 0.2s, opacity 0.2s;
+  cursor: pointer;
+  outline: none;
+}
+
+.fb-button_MJLDl:focus-visible {
+  outline: 2px solid var(--fb-primary);
+  outline-offset: 2px;
+}
+
+.fb-button_MJLDl:disabled {
+  pointer-events: none;
+  opacity: 0.5;
+}
+
+.fb-button_MJLDl svg {
+  pointer-events: none;
+  inline-size: 1rem;
+  block-size: 1rem;
+  flex-shrink: 0;
+}
+
+/* Variant: Default (Primary) */
+.fb-variant-default_KLx8b {
+  background-color: var(--fb-primary);
+  color: var(--fb-text-on-primary);
+}
+
+.fb-variant-default_KLx8b:hover:not(:disabled) {
+  background-color: var(--fb-primary-hover);
+}
+
+/* Variant: Destructive */
+.fb-variant-destructive_vQKZ2 {
+  background-color: var(--fb-error);
+  color: var(--fb-text-on-primary);
+}
+
+.fb-variant-destructive_vQKZ2:hover:not(:disabled) {
+  background-color: var(--fb-error-hover);
+}
+
+/* Variant: Outline */
+.fb-variant-outline_1Mb0E {
+  border: var(--fb-border-width) solid var(--fb-border);
+  background-color: var(--fb-background);
+  color: var(--fb-text);
+}
+
+.fb-variant-outline_1Mb0E:hover:not(:disabled) {
+  background-color: var(--fb-surface-accent);
+  color: var(--fb-text);
+}
+
+/* Variant: Secondary */
+.fb-variant-secondary_-bohS {
+  background-color: var(--fb-neutral-100);
+  color: var(--fb-text);
+}
+
+.fb-variant-secondary_-bohS:hover:not(:disabled) {
+  background-color: var(--fb-neutral-200);
+}
+
+/* Variant: Ghost */
+.fb-variant-ghost_qml-f {
+  background-color: transparent;
+  color: var(--fb-text);
+}
+
+.fb-variant-ghost_qml-f:hover:not(:disabled) {
+  background-color: var(--fb-surface-accent);
+  color: var(--fb-text);
+}
+
+/* Variant: Link */
+.fb-variant-link_aNj3r {
+  background-color: transparent;
+  color: var(--fb-primary);
+  text-underline-offset: 0.25rem;
+}
+
+.fb-variant-link_aNj3r:hover:not(:disabled) {
+  text-decoration: underline;
+}
+
+/* Size: Default */
+.fb-size-default_9qKVU {
+  block-size: var(--fb-size-touch-target);
+  padding-inline: var(--fb-space-md);
+  padding-block: var(--fb-space-sm);
+}
+
+/* Size: Small */
+.fb-size-sm_MvjvS {
+  block-size: 2.25rem;
+  padding-inline: var(--fb-space-12);
+  border-radius: var(--fb-radius-md);
+}
+
+/* Size: Large */
+.fb-size-lg_v6n8j {
+  block-size: 2.75rem;
+  padding-inline: var(--fb-space-20);
+  border-radius: var(--fb-radius-md);
+}
+
+/* Size: Icon */
+.fb-size-icon_MYsET {
+  block-size: var(--fb-size-touch-target);
+  inline-size: var(--fb-size-touch-target);
+  padding: 0;
+}
+/* Base badge styles */
+.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-6);
+  padding-block: var(--fb-space-xs);
+  font-size: var(--fb-font-size-xs);
+  font-weight: 600;
+  transition: background-color 0.2s, color 0.2s;
+  outline: none;
+}
+
+.fb-badge_Q1h-y:focus {
+  outline: 2px solid var(--fb-primary);
+  outline-offset: 2px;
+}
+
+/* Variant: Default */
+.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);
+}
+
+/* Variant: Secondary */
+.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);
+}
+
+/* Variant: Destructive */
+.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);
+}
+
+/* Variant: Outline */
+.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);
+}
+/* Card base styles */
+.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: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+/* Card header - flex column with spacing */
+.fb-cardHeader_exSCY {
+  display: flex;
+  flex-direction: column;
+  gap: var(--fb-space-6);
+  padding: var(--fb-space-lg);
+}
+
+/* Card title - large heading with tight tracking */
+.fb-cardTitle_mLAib {
+  font-size: var(--fb-font-size-2xl);
+  font-weight: 600;
+  line-height: 1;
+  letter-spacing: -0.025em;
+  color: var(--fb-text);
+}
+
+/* Card description - muted text */
+.fb-cardDescription_iLv2K {
+  font-size: var(--fb-font-size-sm);
+  color: var(--fb-text-muted);
+}
+
+/* Card content - padding, no top padding */
+.fb-cardContent_HJ92K {
+  padding: var(--fb-space-lg);
+  padding-block-start: 0;
+}
+
+/* Card footer - flex row aligned center */
+.fb-cardFooter_BAcjS {
+  display: flex;
+  align-items: center;
+  padding: var(--fb-space-lg);
+  padding-block-start: 0;
+}
+/* Dialog overlay - backdrop with fade animations */
+.fb-dialogOverlay_GSMVm {
+	position: fixed;
+	inset: 0;
+	z-index: 50;
+	background-color: rgba(0, 0, 0, 0.8);
+}
+
+.fb-dialogOverlay_GSMVm[data-state="open"] {
+	animation: fb-dialogOverlayFadeIn_l-QHK 150ms ease-out;
+}
+
+.fb-dialogOverlay_GSMVm[data-state="closed"] {
+	animation: fb-dialogOverlayFadeOut_DewLt 150ms ease-in;
+}
+
+/* Dialog content - centered modal with slide animations */
+.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: 200ms;
+}
+
+@media (min-width: 640px) {
+	.fb-dialogContent_neUay {
+		border-radius: var(--fb-radius-lg);
+	}
+}
+
+.fb-dialogContent_neUay[data-state="open"] {
+	animation: fb-dialogContentSlideIn_oQPJG 200ms ease-out;
+}
+
+.fb-dialogContent_neUay[data-state="closed"] {
+	animation: fb-dialogContentSlideOut_nNdgq 200ms ease-in;
+}
+
+/* Close button - absolute positioned top-right */
+.fb-dialogClose_QbWkj {
+	position: absolute;
+	right: var(--fb-space-sm);
+	top: var(--fb-space-sm);
+	border-radius: var(--fb-radius-sm);
+	opacity: 0.7;
+	transition: opacity 150ms;
+}
+
+.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);
+}
+
+/* Close icon */
+.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;
+}
+
+/* Dialog header */
+.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;
+	}
+}
+
+/* Dialog footer */
+.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);
+	}
+}
+
+/* Dialog title */
+.fb-dialogTitle_FS7k8 {
+	font-size: var(--fb-font-size-lg);
+	font-weight: var(--fb-font-weight-semibold);
+	line-height: 1;
+	letter-spacing: -0.025em;
+}
+
+/* Dialog description */
+.fb-dialogDescription_uEgTa {
+	font-size: var(--fb-font-size-sm);
+	color: var(--fb-text-muted);
+}
+
+/* Keyframe animations */
+@keyframes fb-dialogOverlayFadeIn_l-QHK {
+	from {
+		opacity: 0;
+	}
+	to {
+		opacity: 1;
+	}
+}
+
+@keyframes fb-dialogOverlayFadeOut_DewLt {
+	from {
+		opacity: 1;
+	}
+	to {
+		opacity: 0;
+	}
+}
+
+@keyframes fb-dialogContentSlideIn_oQPJG {
+	from {
+		opacity: 0;
+		transform: translate(-50%, -48%) scale(0.95);
+	}
+	to {
+		opacity: 1;
+		transform: translate(-50%, -50%) scale(1);
+	}
+}
+
+@keyframes fb-dialogContentSlideOut_nNdgq {
+	from {
+		opacity: 1;
+		transform: translate(-50%, -50%) scale(1);
+	}
+	to {
+		opacity: 0;
+		transform: translate(-50%, -48%) scale(0.95);
+	}
+}
+.fb-boxContainer_oXGAN {
+    background-color: var(--fb-background);
+    border-radius: var(--fb-radius-md);
+    padding: var(--fb-space-md);
+}.fb-luxGridLayoutContainer_Co4nr {
+	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); /* Desktop only */
+}
+
+.fb-luxGridLayoutContainerWithoutPadding_VpIVN {
+	padding-block: 0;
+}
+
+.fb-luxGridLayoutContainerFullWidth_ROl0Y {
+	min-width: 100%;
+	max-width: 100%;
+}
+
+.fb-luxGridLayout_Jsul6 {
+	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); /* Desktop only */
+	min-width: var(--fb-container-max-width); /* Desktop only */
+	width: 100%;
+}
+
+.fb-luxGridLayoutFullWidth_0O2LE {
+	max-width: 100%;
+	min-width: 100%;
+}
+.fb-gridLayoutColumn_5TCzp {
+	align-self: start;
+	grid-column: var(--grid-column-start) / var(--grid-column-end);
+	/* --grid-column-start and --grid-column-end are set the component */
+}
+.fb-formLayoutWrapper_w9jQ- {
+	width: 100%;
+	height: 100%;
+}
+
+.fb-titleSection_qd9UP {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+	width: 100%;
+}
+
+.fb-leftColumn_zIdZO {
+	display: flex;
+	flex-direction: column;
+	height: fit-content;
+	min-height: 0;
+}
+
+.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);
+}
+
+/* Content styling options */
+.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);
+}
+
+/* Responsive behavior */
+@container (max-width: 768px) {
+	.fb-leftColumn_zIdZO,
+	.fb-rightColumn_P0J6U {
+		/* On smaller screens, columns stack */
+		grid-column: 1 / 13 !important;
+		margin-bottom: var(--fb-space-12);
+	}
+	
+	.fb-mainContent_9ZW4m {
+		grid-column: 1 / 13 !important;
+	}
+}
+
+
+/* Print styles */
+@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: 0.5;
+}
+
+.fb-prevButtonDisabled_Wj2Qp {
+	opacity: 0.5;
+	cursor: default;
+}
+
+.fb-additionalContent_0tppE {
+	margin-block-start: var(--fb-space-md);
+}
+.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 400ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.fb-progress_jf4Xd::-moz-progress-bar {
+	background-color: var(--fb-primary);
+	transition: all 400ms cubic-bezier(0.4, 0, 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);
+}
+
+/* Completion message styling */
+.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 300ms ease-out;
+}
+
+/* Error message styling */
+.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 {
+	from {
+		opacity: 0;
+	}
+	to {
+		opacity: 1;
+	}
+}
+/* Sheet overlay - backdrop with fade animations */
+.fb-sheetOverlay_2nFRz {
+	position: fixed;
+	inset: 0;
+	z-index: 50;
+	background-color: rgba(0, 0, 0, 0.8);
+}
+
+.fb-sheetOverlay_2nFRz[data-state="open"] {
+	animation: fb-sheetOverlayFadeIn_AS-42 150ms ease-out;
+}
+
+.fb-sheetOverlay_2nFRz[data-state="closed"] {
+	animation: fb-sheetOverlayFadeOut_Y-hE4 150ms ease-in;
+}
+
+/* Sheet content base - fixed positioning with animations */
+.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 500ms ease-in-out, opacity 500ms ease-in-out;
+}
+
+/* Side variant: top */
+.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 500ms ease-in-out;
+}
+
+.fb-side-top_vnDBA[data-state="closed"] {
+	animation: fb-slideOutToTop_sjz0S 300ms ease-in-out;
+}
+
+/* Side variant: bottom */
+.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 500ms ease-in-out;
+}
+
+.fb-side-bottom_8Qo-6[data-state="closed"] {
+	animation: fb-slideOutToBottom_03WBw 300ms ease-in-out;
+}
+
+/* Side variant: left */
+.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 500ms ease-in-out;
+}
+
+.fb-side-left_iSyK6[data-state="closed"] {
+	animation: fb-slideOutToLeft_kRHa5 300ms ease-in-out;
+}
+
+/* Side variant: right */
+.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 500ms ease-in-out;
+}
+
+.fb-side-right_q-l6-[data-state="closed"] {
+	animation: fb-slideOutToRight_HPV1P 300ms ease-in-out;
+}
+
+/* Close button - absolute positioned top-right */
+.fb-sheetClose_sq3cW {
+	position: absolute;
+	right: var(--fb-space-sm);
+	top: var(--fb-space-sm);
+	border-radius: var(--fb-radius-sm);
+	opacity: 0.7;
+	transition: opacity 150ms;
+}
+
+.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);
+}
+
+/* Close icon */
+.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;
+}
+
+/* Sheet header */
+.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;
+	}
+}
+
+/* Sheet footer */
+.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);
+	}
+}
+
+/* Sheet title */
+.fb-sheetTitle_F6nNH {
+	font-size: var(--fb-font-size-lg);
+	font-weight: var(--fb-font-weight-semibold);
+	color: var(--fb-text);
+}
+
+/* Sheet description */
+.fb-sheetDescription_AzWJb {
+	font-size: var(--fb-font-size-sm);
+	color: var(--fb-text-muted);
+}
+
+/* Keyframe animations for overlay */
+@keyframes fb-sheetOverlayFadeIn_AS-42 {
+	from {
+		opacity: 0;
+	}
+	to {
+		opacity: 1;
+	}
+}
+
+@keyframes fb-sheetOverlayFadeOut_Y-hE4 {
+	from {
+		opacity: 1;
+	}
+	to {
+		opacity: 0;
+	}
+}
+
+/* Keyframe animations for top side */
+@keyframes fb-slideInFromTop_ujZFr {
+	from {
+		transform: translateY(-100%);
+	}
+	to {
+		transform: translateY(0);
+	}
+}
+
+@keyframes fb-slideOutToTop_sjz0S {
+	from {
+		transform: translateY(0);
+	}
+	to {
+		transform: translateY(-100%);
+	}
+}
+
+/* Keyframe animations for bottom side */
+@keyframes fb-slideInFromBottom_5kG78 {
+	from {
+		transform: translateY(100%);
+	}
+	to {
+		transform: translateY(0);
+	}
+}
+
+@keyframes fb-slideOutToBottom_03WBw {
+	from {
+		transform: translateY(0);
+	}
+	to {
+		transform: translateY(100%);
+	}
+}
+
+/* Keyframe animations for left side */
+@keyframes fb-slideInFromLeft_iFt5a {
+	from {
+		transform: translateX(-100%);
+	}
+	to {
+		transform: translateX(0);
+	}
+}
+
+@keyframes fb-slideOutToLeft_kRHa5 {
+	from {
+		transform: translateX(0);
+	}
+	to {
+		transform: translateX(-100%);
+	}
+}
+
+/* Keyframe animations for right side */
+@keyframes fb-slideInFromRight_elDbR {
+	from {
+		transform: translateX(100%);
+	}
+	to {
+		transform: translateX(0);
+	}
+}
+
+@keyframes fb-slideOutToRight_HPV1P {
+	from {
+		transform: translateX(0);
+	}
+	to {
+		transform: translateX(100%);
+	}
+}
+.fb-vcContainer_oHl8H {
+  cursor: text;
+  display: flex;
+  gap: 16px;
+  pointer-events: none;
+  position: relative;
+}
+
+.fb-vcInput_Nb8NL {
+  inset: 0;
+  pointer-events: none;
+  position: absolute;
+
+  & 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;
+    user-select: none;
+
+    &::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: white;
+  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;
+
+  & > div {
+    background-color: var(--fb-text);
+    height: 18px;
+    width: 1px;
+  }
+}
+
+@keyframes fb-caret-blink_jfhv0 {
+  0%,
+  70%,
+  100% {
+    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 {
+  text-align: center;
+  font-size: var(--fb-font-size-sm);
+  color: var(--fb-text-muted);
+}
+
+.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 {
+	from {
+		transform: rotate(0deg);
+	}
+	to {
+		transform: rotate(360deg);
+	}
+}
+
+@keyframes fb-pulse_FcPkd {
+	0%,
+	100% {
+		opacity: 1;
+	}
+	50% {
+		opacity: 0.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: 0.25rem;
+}
+
+.fb-progressBar_5MELx {
+	background-color: var(--fb-primary);
+	block-size: 0.25rem;
+	border-radius: var(--fb-radius-full);
+	transition: width 0.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%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.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-leftContainer_o-gBE {
+			align-items: center;
+			display: flex;
+			flex-direction: column;
+			gap: var(--fb-space-xs);
+			padding-top: var(--fb-space-2);
+
+			.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-currentDot_0e9gN {
+					background-color: var(--fb-primary);
+					border-radius: var(--fb-radius-full);
+					height: 14px;
+					width: 14px;
+				}
+			}
+
+			.fb-connector_bDvRA {
+				background-color: var(--fb-text-muted);
+				block-size: 100%;
+				inline-size: 1.5px;
+				min-block-size: 36px;
+			}
+		}
+
+		.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-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-stepTitle_w5Be8 {
+				font-size: var(--fb-font-size-sm);
+				line-height: var(--fb-line-height-normal);
+			}
+
+			.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;
+
+				&:hover {
+					color: var(--fb-primary-hover);
+					text-decoration: underline);
+				}
+
+				&:focus {
+					outline-offset: 2px);
+					outline-style: solid);
+					outline-width: 2px);
+					text-decoration: underline);
+				}
+			}
+		}
+
+		.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-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-connector_bDvRA {
+					background-color: var(--fb-primary);
+				}
+			}
+
+			.fb-content_u43H4 {
+				color: var(--fb-text);
+
+				.fb-stepNumber_c2YRs {
+					color: var(--fb-text);
+				}
+			}
+		}
+
+		&.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-content_u43H4 {
+				background-color: var(--fb-background);
+				color: var(--fb-text);
+
+				.fb-stepNumber_c2YRs {
+					color: var(--fb-text);
+				}
+			}
+		}
+
+		&.fb-inactive_tYqvV {
+			.fb-content_u43H4 {
+				color: var(--fb-text-muted);
+			}
+		}
+	}
+}
+
+}