:root {
  --fds-input-stroke: var(--fds-stroke-primary);
  --grey-v1-50: #f7f7f8;
  --grey-v1-100: #ebeced;
  --grey-v1-200: #d5d7d9;
  --grey-v1-300: #aeb2b7;
  --grey-v1-400: #838b95;
  --grey-v1-500: #616975;
  --grey-v1-600: #4c535d;
  --grey-v1-700: #393f47;
  --grey-v1-800: #2a2e35;
  --grey-v1-900: #1d2025;
  --grey-v1-950: #131519;
  --grey-v2-50: #f6f6f8;
  --grey-v2-100: #ebeced;
  --grey-v2-200: #d4d7da;
  --grey-v2-300: #acb2ba;
  --grey-v2-400: #7e8a98;
  --grey-v2-500: #5c6878;
  --grey-v2-600: #465160;
  --grey-v2-700: #323d4a;
  --grey-v2-800: #242c36;
  --grey-v2-900: #181e26;
  --grey-v2-950: #0f1218;
  --grey-v3-50: #f6f6f7;
  --grey-v3-100: #ebeced;
  --grey-v3-200: #d3d7dc;
  --grey-v3-300: #a7b2be;
  --grey-v3-400: #778a9f;
  --grey-v3-500: #52677f;
  --grey-v3-600: #3c4f66;
  --grey-v3-700: #293b4f;
  --grey-v3-800: #1a293a;
  --grey-v3-900: #111b28;
  --grey-v3-950: #0a1019;
  --grey-hc1-50: #ffffff;
  --grey-hc1-100: #f0f0f0;
  --grey-hc1-200: #e0e0e0;
  --grey-hc1-300: #c0c0c0;
  --grey-hc1-400: #808080;
  --grey-hc1-500: #606060;
  --grey-hc1-600: #404040;
  --grey-hc1-700: #2a2a2a;
  --grey-hc1-800: #1a1a1a;
  --grey-hc1-900: #0d0d0d;
  --grey-hc1-950: #000000;
  --grey-hc2-50: #ffffff;
  --grey-hc2-100: #f8f8f8;
  --grey-hc2-200: #e8e8e8;
  --grey-hc2-300: #c8c8c8;
  --grey-hc2-400: #888888;
  --grey-hc2-500: #686868;
  --grey-hc2-600: #484848;
  --grey-hc2-700: #303030;
  --grey-hc2-800: #181818;
  --grey-hc2-900: #0a0a0a;
  --grey-hc2-950: #000000
}
:root[data-theme="light"] {
  --fds-surface-main: var(--fds-slate-20);
  --fds-surface-container: var(--fds-white);
  --fds-surface-panel: var(--fds-white);
  --fds-surface-modal: var(--fds-white);
  --fds-surface-canvas: var(--fds-slate-20);
  --fds-surface-primary: var(--fds-slate-20);
  --fds-surface-secondary: var(--fds-white);
  --fds-surface-tertiary: var(--fds-slate-20);
  --fds-surface-tertiary-hover: var(--fds-slate-30);
  --fds-surface-tertiary-active: var(--fds-white);
  --fds-text-primary: var(--fds-slate-130);
  --fds-text-secondary: var(--fds-slate-80);
  --fds-text-disabled: var(--fds-slate-60);
  --fds-text-slate: var(--fds-slate-100);
  --fds-text-link: var(--fds-blue-70);
  --fds-text-link-hover: var(--fds-blue-80);
  --fds-text-brand: var(--fds-blue-70);
  --fds-text-white: var(--fds-white);
  --fds-text-primary-inverse: var(--fds-slate-10);
  --fds-stroke-primary: var(--fds-slate-60);
  --fds-stroke-secondary: var(--fds-slate-50);
  --fds-stroke-tertiary: var(--fds-slate-40);
  --fds-stroke-brand: var(--fds-blue-70);
  --fds-stroke-focus: var(--fds-blue-50);
  --fds-surface-selectable-rest: transparent;
  --fds-surface-selectable-hover: var(--fds-blue-30);
  --fds-surface-selectable-active: var(--fds-blue-20);
  --fds-surface-brand: var(--fds-blue-70);
  --fds-surface-brand-hover: var(--fds-blue-80);
  --fds-surface-brand-active: var(--fds-blue-90);
  --stroke-ui-separator: var(--fds-slate-60)
}
:root[data-theme="dark"] {
  --stroke-ui-separator: var(--fds-slate-80)
}
:root[data-theme="light-v1"] {
  --fds-surface-main: var(--grey-v1-100);
  --fds-surface-container: var(--grey-v1-50);
  --fds-surface-panel: var(--grey-v1-50);
  --fds-surface-modal: var(--grey-v1-50);
  --fds-surface-canvas: var(--grey-v1-100);
  --fds-surface-primary: var(--grey-v1-100);
  --fds-surface-secondary: var(--grey-v1-50);
  --fds-surface-tertiary: var(--grey-v1-100);
  --fds-surface-tertiary-hover: var(--grey-v1-200);
  --fds-surface-tertiary-active: var(--grey-v1-50);
  --fds-text-primary: var(--grey-v1-950);
  --fds-text-secondary: var(--grey-v1-600);
  --fds-text-disabled: var(--grey-v1-400);
  --fds-text-slate: var(--grey-v1-800);
  --fds-text-link: var(--fds-blue-70);
  --fds-text-link-hover: var(--fds-blue-80);
  --fds-text-brand: var(--fds-blue-70);
  --fds-text-white: var(--fds-white);
  --fds-text-primary-inverse: var(--grey-v1-50);
  --fds-stroke-primary: var(--grey-v1-300);
  --fds-stroke-primary-hover: var(--grey-v1-400);
  --fds-stroke-secondary: var(--grey-v1-200);
  --fds-stroke-disabled: var(--grey-v1-200);
  --fds-stroke-brand: var(--fds-blue-70);
  --fds-stroke-focus: var(--fds-blue-50);
  --fds-input-surface: var(--grey-v1-50);
  --fds-input-surface-active: var(--grey-v1-50);
  --fds-input-stroke-hover: var(--grey-v1-500);
  --fds-input-stroke-active: var(--grey-v1-400);
  --fds-surface-selectable-rest: transparent;
  --fds-surface-selectable: transparent;
  --fds-surface-selectable-hover: var(--fds-blue-30);
  --fds-surface-selectable-active: var(--fds-blue-20);
  --fds-surface-brand: var(--fds-blue-70);
  --fds-surface-brand-hover: var(--fds-blue-80);
  --fds-surface-brand-active: var(--fds-blue-90);
  --fds-surface-disabled: var(--grey-v1-200);
  --fds-surface-inactive: var(--grey-v1-600);
  --fds-surface-glass: rgba(244, 245, 245, 0.7);
  --stroke-ui-separator: var(--grey-v1-200);
  --fds-shadow-sm: 0 1px 2px rgba(0,0,0,0.04),0 1px 3px -1px rgba(0,0,0,0.05);
  --fds-shadow-lg: 0 4px 12px -3px rgba(0,0,0,0.08),0 10px 24px -8px rgba(0,0,0,0.06)
}
:root[data-theme="light-v2"] {
  --fds-surface-main: var(--grey-v2-100);
  --fds-surface-container: var(--grey-v2-50);
  --fds-surface-panel: var(--grey-v2-50);
  --fds-surface-modal: var(--grey-v2-50);
  --fds-surface-canvas: var(--grey-v2-100);
  --fds-surface-primary: var(--grey-v2-100);
  --fds-surface-secondary: var(--grey-v2-50);
  --fds-surface-tertiary: var(--grey-v2-100);
  --fds-surface-tertiary-hover: var(--grey-v2-200);
  --fds-surface-tertiary-active: var(--grey-v2-50);
  --fds-text-primary: var(--grey-v2-950);
  --fds-text-secondary: var(--grey-v2-600);
  --fds-text-disabled: var(--grey-v2-400);
  --fds-text-slate: var(--grey-v2-800);
  --fds-text-link: var(--fds-blue-70);
  --fds-text-link-hover: var(--fds-blue-80);
  --fds-text-brand: var(--fds-blue-70);
  --fds-text-white: var(--fds-white);
  --fds-text-primary-inverse: var(--grey-v2-50);
  --fds-stroke-primary: var(--grey-v2-300);
  --fds-stroke-primary-hover: var(--grey-v2-400);
  --fds-stroke-secondary: var(--grey-v2-200);
  --fds-stroke-disabled: var(--grey-v2-200);
  --fds-stroke-brand: var(--fds-blue-70);
  --fds-stroke-focus: var(--fds-blue-50);
  --fds-input-surface: var(--grey-v2-50);
  --fds-input-surface-active: var(--grey-v2-50);
  --fds-input-stroke-hover: var(--grey-v2-500);
  --fds-input-stroke-active: var(--grey-v2-400);
  --fds-surface-selectable-rest: transparent;
  --fds-surface-selectable: transparent;
  --fds-surface-selectable-hover: var(--fds-blue-30);
  --fds-surface-selectable-active: var(--fds-blue-20);
  --fds-surface-brand: var(--fds-blue-70);
  --fds-surface-brand-hover: var(--fds-blue-80);
  --fds-surface-brand-active: var(--fds-blue-90);
  --fds-surface-disabled: var(--grey-v2-200);
  --fds-surface-inactive: var(--grey-v2-600);
  --fds-surface-glass: rgba(245, 245, 245, 0.7);
  --stroke-ui-separator: var(--grey-v2-200);
  --fds-shadow-sm: 0 2px 10px -2px rgba(15,23,42,0.06),0 6px 20px -6px rgba(15,23,42,0.05);
  --fds-shadow-lg: 0 8px 28px -6px rgba(15,23,42,0.10),0 16px 40px -10px rgba(15,23,42,0.06)
}
:root[data-theme="dark-v1"] {
  --fds-surface-main: var(--grey-v1-950);
  --fds-surface-container: var(--grey-v1-900);
  --fds-surface-panel: var(--grey-v1-950);
  --fds-surface-modal: var(--grey-v1-800);
  --fds-surface-canvas: var(--grey-v1-950);
  --fds-surface-primary: var(--grey-v1-950);
  --fds-surface-secondary: var(--grey-v1-900);
  --fds-surface-tertiary: var(--grey-v1-800);
  --fds-surface-tertiary-hover: var(--grey-v1-700);
  --fds-surface-tertiary-active: var(--grey-v1-700);
  --fds-text-primary: var(--grey-v1-50);
  --fds-text-secondary: var(--grey-v1-300);
  --fds-text-disabled: var(--grey-v1-500);
  --fds-text-slate: var(--grey-v1-200);
  --fds-text-link: var(--fds-blue-40);
  --fds-text-link-hover: var(--fds-blue-30);
  --fds-text-brand: var(--fds-blue-40);
  --fds-text-white: var(--fds-white);
  --fds-text-primary-inverse: var(--grey-v1-950);
  --fds-stroke-primary: var(--grey-v1-800);
  --fds-stroke-primary-hover: var(--grey-v1-700);
  --fds-stroke-secondary: var(--grey-v1-900);
  --fds-stroke-disabled: var(--grey-v1-900);
  --fds-stroke-brand: var(--fds-blue-40);
  --fds-stroke-focus: var(--fds-blue-40);
  --fds-input-surface: var(--grey-v1-800);
  --fds-input-surface-active: var(--grey-v1-700);
  --fds-input-stroke-hover: var(--grey-v1-600);
  --fds-input-stroke-active: var(--grey-v1-700);
  --fds-surface-selectable-rest: transparent;
  --fds-surface-selectable: transparent;
  --fds-surface-selectable-hover: var(--fds-blue-100);
  --fds-surface-selectable-active: var(--fds-blue-90);
  --fds-surface-brand: var(--fds-blue-70);
  --fds-surface-brand-hover: var(--fds-blue-60);
  --fds-surface-brand-active: var(--fds-blue-50);
  --fds-surface-disabled: var(--grey-v1-700);
  --fds-surface-inactive: var(--grey-v1-600);
  --fds-surface-glass: rgba(25, 32, 36, 0.7);
  --stroke-ui-separator: var(--grey-v1-900);
  --fds-shadow-sm: 0 1px 2px rgba(0,0,0,0.22),0 2px 6px -2px rgba(0,0,0,0.20);
  --fds-shadow-lg: 0 4px 14px -4px rgba(0,0,0,0.40),0 10px 26px -8px rgba(0,0,0,0.30)
}
:root[data-theme="dark-v2"] {
  --fds-surface-main: var(--grey-v2-950);
  --fds-surface-container: var(--grey-v2-900);
  --fds-surface-panel: var(--grey-v2-950);
  --fds-surface-modal: var(--grey-v2-800);
  --fds-surface-canvas: var(--grey-v2-950);
  --fds-surface-primary: var(--grey-v2-950);
  --fds-surface-secondary: var(--grey-v2-900);
  --fds-surface-tertiary: var(--grey-v2-800);
  --fds-surface-tertiary-hover: var(--grey-v2-700);
  --fds-surface-tertiary-active: var(--grey-v2-700);
  --fds-text-primary: var(--grey-v2-50);
  --fds-text-secondary: var(--grey-v2-300);
  --fds-text-disabled: var(--grey-v2-500);
  --fds-text-slate: var(--grey-v2-200);
  --fds-text-link: var(--fds-blue-40);
  --fds-text-link-hover: var(--fds-blue-30);
  --fds-text-brand: var(--fds-blue-40);
  --fds-text-white: var(--fds-white);
  --fds-text-primary-inverse: var(--grey-v2-950);
  --fds-stroke-primary: var(--grey-v2-800);
  --fds-stroke-primary-hover: var(--grey-v2-700);
  --fds-stroke-secondary: var(--grey-v2-900);
  --fds-stroke-disabled: var(--grey-v2-900);
  --fds-stroke-brand: var(--fds-blue-40);
  --fds-stroke-focus: var(--fds-blue-40);
  --fds-input-surface: var(--grey-v2-800);
  --fds-input-surface-active: var(--grey-v2-700);
  --fds-input-stroke-hover: var(--grey-v2-700);
  --fds-input-stroke-active: var(--grey-v2-800);
  --fds-surface-selectable-rest: transparent;
  --fds-surface-selectable: transparent;
  --fds-surface-selectable-hover: var(--fds-blue-100);
  --fds-surface-selectable-active: var(--fds-blue-90);
  --fds-surface-brand: var(--fds-blue-70);
  --fds-surface-brand-hover: var(--fds-blue-60);
  --fds-surface-brand-active: var(--fds-blue-50);
  --fds-surface-disabled: var(--grey-v2-700);
  --fds-surface-inactive: var(--grey-v2-600);
  --fds-surface-glass: rgba(23, 23, 23, 0.7);
  --stroke-ui-separator: var(--grey-v2-900);
  --fds-shadow-sm: none;
  --fds-shadow-lg: 0 2px 8px -2px rgba(0,0,0,0.45),0 4px 12px -4px rgba(0,0,0,0.35)
}
:root[data-theme="light-v3"] {
  --fds-surface-main: var(--grey-v3-100);
  --fds-surface-container: var(--grey-v3-50);
  --fds-surface-panel: var(--grey-v3-50);
  --fds-surface-modal: var(--grey-v3-50);
  --fds-surface-canvas: var(--grey-v3-100);
  --fds-surface-primary: var(--grey-v3-100);
  --fds-surface-secondary: var(--grey-v3-50);
  --fds-surface-tertiary: var(--grey-v3-100);
  --fds-surface-tertiary-hover: var(--grey-v3-200);
  --fds-surface-tertiary-active: var(--grey-v3-50);
  --fds-text-primary: var(--grey-v3-950);
  --fds-text-secondary: var(--grey-v3-600);
  --fds-text-disabled: var(--grey-v3-400);
  --fds-text-slate: var(--grey-v3-800);
  --fds-text-link: var(--fds-blue-70);
  --fds-text-link-hover: var(--fds-blue-80);
  --fds-text-brand: var(--fds-blue-70);
  --fds-text-white: var(--fds-white);
  --fds-text-primary-inverse: var(--grey-v3-50);
  --fds-stroke-primary: var(--grey-v3-300);
  --fds-stroke-primary-hover: var(--grey-v3-400);
  --fds-stroke-secondary: var(--grey-v3-200);
  --fds-stroke-disabled: var(--grey-v3-200);
  --fds-stroke-brand: var(--fds-blue-70);
  --fds-stroke-focus: var(--fds-blue-50);
  --fds-input-surface: var(--grey-v3-50);
  --fds-input-surface-active: var(--grey-v3-50);
  --fds-input-stroke-hover: var(--grey-v3-500);
  --fds-input-stroke-active: var(--grey-v3-400);
  --fds-surface-selectable-rest: transparent;
  --fds-surface-selectable: transparent;
  --fds-surface-selectable-hover: var(--fds-blue-30);
  --fds-surface-selectable-active: var(--fds-blue-20);
  --fds-surface-brand: var(--fds-blue-70);
  --fds-surface-brand-hover: var(--fds-blue-80);
  --fds-surface-brand-active: var(--fds-blue-90);
  --fds-surface-disabled: var(--grey-v3-200);
  --fds-surface-inactive: var(--grey-v3-600);
  --fds-surface-glass: rgba(244, 244, 245, 0.7);
  --stroke-ui-separator: var(--grey-v3-200);
  --fds-shadow-sm: 0 1px 2px rgba(9,9,11,0.05);
  --fds-shadow-lg: 0 4px 14px -4px rgba(9,9,11,0.10),0 10px 28px -8px rgba(9,9,11,0.06)
}
:root[data-theme="dark-v3"] {
  --fds-surface-main: var(--grey-v3-950);
  --fds-surface-container: var(--grey-v3-900);
  --fds-surface-panel: var(--grey-v3-950);
  --fds-surface-modal: var(--grey-v3-800);
  --fds-surface-canvas: var(--grey-v3-950);
  --fds-surface-primary: var(--grey-v3-950);
  --fds-surface-secondary: var(--grey-v3-900);
  --fds-surface-tertiary: var(--grey-v3-800);
  --fds-surface-tertiary-hover: var(--grey-v3-700);
  --fds-surface-tertiary-active: var(--grey-v3-700);
  --fds-text-primary: var(--grey-v3-50);
  --fds-text-secondary: var(--grey-v3-300);
  --fds-text-disabled: var(--grey-v3-500);
  --fds-text-slate: var(--grey-v3-200);
  --fds-text-link: var(--fds-blue-40);
  --fds-text-link-hover: var(--fds-blue-30);
  --fds-text-brand: var(--fds-blue-40);
  --fds-text-white: var(--fds-white);
  --fds-text-primary-inverse: var(--grey-v3-950);
  --fds-stroke-primary: var(--grey-v3-800);
  --fds-stroke-primary-hover: var(--grey-v3-700);
  --fds-stroke-secondary: var(--grey-v3-900);
  --fds-stroke-disabled: var(--grey-v3-900);
  --fds-stroke-brand: var(--fds-blue-40);
  --fds-stroke-focus: var(--fds-blue-40);
  --fds-input-surface: var(--grey-v3-800);
  --fds-input-surface-active: var(--grey-v3-700);
  --fds-input-stroke-hover: var(--grey-v3-600);
  --fds-input-stroke-active: var(--grey-v3-700);
  --fds-surface-selectable-rest: transparent;
  --fds-surface-selectable: transparent;
  --fds-surface-selectable-hover: var(--fds-blue-100);
  --fds-surface-selectable-active: var(--fds-blue-90);
  --fds-surface-brand: var(--fds-blue-70);
  --fds-surface-brand-hover: var(--fds-blue-60);
  --fds-surface-brand-active: var(--fds-blue-50);
  --fds-surface-disabled: var(--grey-v3-700);
  --fds-surface-inactive: var(--grey-v3-600);
  --fds-surface-glass: rgba(9, 9, 11, 0.7);
  --stroke-ui-separator: var(--grey-v3-900);
  --fds-shadow-sm: none;
  --fds-shadow-lg: 0 2px 10px -3px rgba(0,0,0,0.5),0 6px 16px -6px rgba(0,0,0,0.4)
}
:root[data-theme="high-contrast-v1"] {
  --fds-surface-main: var(--grey-hc1-950);
  --fds-surface-container: var(--grey-hc1-800);
  --fds-surface-panel: var(--grey-hc1-800);
  --fds-surface-modal: var(--grey-hc1-700);
  --fds-surface-canvas: var(--grey-hc1-950);
  --fds-surface-primary: var(--grey-hc1-950);
  --fds-surface-secondary: var(--grey-hc1-800);
  --fds-surface-tertiary: var(--grey-hc1-700);
  --fds-surface-tertiary-hover: var(--grey-hc1-600);
  --fds-surface-tertiary-active: var(--grey-hc1-500);
  --fds-text-primary: var(--grey-hc1-50);
  --fds-text-secondary: var(--grey-hc1-200);
  --fds-text-disabled: var(--grey-hc1-400);
  --fds-text-slate: var(--grey-hc1-100);
  --fds-text-link: #6bb3ff;
  --fds-text-link-hover: #8dc5ff;
  --fds-text-brand: #6bb3ff;
  --fds-text-white: var(--fds-white);
  --fds-text-primary-inverse: var(--grey-hc1-950);
  --fds-stroke-primary: var(--grey-hc1-100);
  --fds-stroke-primary-hover: var(--grey-hc1-50);
  --fds-stroke-secondary: var(--grey-hc1-100);
  --fds-stroke-disabled: var(--grey-hc1-400);
  --fds-stroke-brand: #6bb3ff;
  --fds-stroke-focus: #8dc5ff;
  --fds-input-surface: var(--grey-hc1-800);
  --fds-input-surface-active: var(--grey-hc1-700);
  --fds-input-stroke-hover: var(--grey-hc1-50);
  --fds-input-stroke-active: var(--grey-hc1-100);
  --fds-surface-selectable-rest: transparent;
  --fds-surface-selectable: transparent;
  --fds-surface-selectable-hover: var(--fds-blue-100);
  --fds-surface-selectable-active: var(--fds-blue-90);
  --fds-surface-brand: #6bb3ff;
  --fds-surface-brand-hover: #8dc5ff;
  --fds-surface-brand-active: #a8d4ff;
  --fds-surface-disabled: var(--grey-hc1-700);
  --fds-surface-inactive: var(--grey-hc1-600);
  --fds-surface-glass: rgba(13, 13, 13, 0.85);
  --stroke-ui-separator: var(--grey-hc1-100);
  --fds-shadow-sm: 0 1px 3px rgba(0,0,0,0.5),0 2px 6px -1px rgba(0,0,0,0.3);
  --fds-shadow-lg: 0 6px 12px -2px rgba(0,0,0,0.6),0 12px 20px -4px rgba(0,0,0,0.4);
  --fds-fill-brand: #6bb3ff
}
:root[data-theme="high-contrast-v2"] {
  --fds-surface-main: var(--grey-hc2-950);
  --fds-surface-container: var(--grey-hc2-800);
  --fds-surface-panel: var(--grey-hc2-800);
  --fds-surface-modal: var(--grey-hc2-700);
  --fds-surface-canvas: var(--grey-hc2-950);
  --fds-surface-primary: var(--grey-hc2-950);
  --fds-surface-secondary: var(--grey-hc2-800);
  --fds-surface-tertiary: var(--grey-hc2-700);
  --fds-surface-tertiary-hover: var(--grey-hc2-600);
  --fds-surface-tertiary-active: var(--grey-hc2-500);
  --fds-text-primary: var(--grey-hc2-50);
  --fds-text-secondary: var(--grey-hc2-200);
  --fds-text-disabled: var(--grey-hc2-400);
  --fds-text-slate: var(--grey-hc2-100);
  --fds-text-link: #70b8ff;
  --fds-text-link-hover: #94cbff;
  --fds-text-brand: #70b8ff;
  --fds-text-white: var(--fds-white);
  --fds-text-primary-inverse: var(--grey-hc2-950);
  --fds-stroke-primary: var(--grey-hc2-300);
  --fds-stroke-primary-hover: var(--grey-hc2-200);
  --fds-stroke-secondary: var(--grey-hc2-500);
  --fds-stroke-disabled: var(--grey-hc2-600);
  --fds-stroke-brand: #70b8ff;
  --fds-stroke-focus: #94cbff;
  --fds-input-surface: var(--grey-hc2-800);
  --fds-input-surface-active: var(--grey-hc2-700);
  --fds-input-stroke-hover: var(--grey-hc2-300);
  --fds-input-stroke-active: var(--grey-hc2-200);
  --fds-surface-selectable-rest: transparent;
  --fds-surface-selectable: transparent;
  --fds-surface-selectable-hover: var(--fds-blue-100);
  --fds-surface-selectable-active: var(--fds-blue-90);
  --fds-surface-brand: #0a6de6;
  --fds-surface-brand-hover: #2080ed;
  --fds-surface-brand-active: #3d93f1;
  --fds-surface-disabled: var(--grey-hc2-700);
  --fds-surface-inactive: var(--grey-hc2-600);
  --fds-surface-glass: rgba(10, 10, 10, 0.85);
  --stroke-ui-separator: var(--grey-hc2-600);
  --fds-shadow-sm: 0 1px 3px rgba(0,0,0,0.5),0 2px 6px -1px rgba(0,0,0,0.3);
  --fds-shadow-lg: 0 6px 12px -2px rgba(0,0,0,0.6),0 12px 20px -4px rgba(0,0,0,0.4);
  --fds-fill-brand: #0a6de6
}
:root[data-theme="high-contrast-light"] {
  --fds-surface-main: #f0f0f0;
  --fds-surface-container: #ffffff;
  --fds-surface-panel: #ffffff;
  --fds-surface-modal: #ffffff;
  --fds-surface-canvas: #f0f0f0;
  --fds-surface-primary: #ffffff;
  --fds-surface-secondary: #ffffff;
  --fds-surface-tertiary: #e4e4e4;
  --fds-surface-tertiary-hover: #d4d4d4;
  --fds-surface-tertiary-active: #c4c4c4;
  --fds-text-primary: #000000;
  --fds-text-secondary: #1f1f1f;
  --fds-text-disabled: #595959;
  --fds-text-slate: #000000;
  --fds-text-link: #0b4ec7;
  --fds-text-link-hover: #08379a;
  --fds-text-brand: #0b4ec7;
  --fds-text-white: var(--fds-white);
  --fds-text-primary-inverse: #ffffff;
  --fds-stroke-primary: #000000;
  --fds-stroke-primary-hover: #000000;
  --fds-stroke-secondary: #595959;
  --fds-stroke-disabled: #8c8c8c;
  --fds-stroke-brand: #0b4ec7;
  --fds-stroke-focus: #08379a;
  --fds-input-surface: #ffffff;
  --fds-input-surface-active: #ffffff;
  --fds-input-stroke-hover: #000000;
  --fds-input-stroke-active: #000000;
  --fds-surface-selectable-rest: transparent;
  --fds-surface-selectable: transparent;
  --fds-surface-selectable-hover: #d6e4ff;
  --fds-surface-selectable-active: #b3d1ff;
  --fds-surface-brand: #0b4ec7;
  --fds-surface-brand-hover: #08379a;
  --fds-surface-brand-active: #06276e;
  --fds-surface-disabled: #d4d4d4;
  --fds-surface-inactive: #8c8c8c;
  --fds-surface-glass: rgba(255, 255, 255, 0.9);
  --stroke-ui-separator: #595959;
  --fds-shadow-sm: 0 1px 3px rgba(0,0,0,0.18),0 2px 6px -1px rgba(0,0,0,0.12);
  --fds-shadow-lg: 0 6px 12px -2px rgba(0,0,0,0.22),0 12px 20px -4px rgba(0,0,0,0.14);
  --fds-fill-brand: #0b4ec7
}
:root[data-theme="dark-v1"],
:root[data-theme="dark-v2"],
:root[data-theme="dark-v3"],
:root[data-theme="high-contrast-v1"] {
  --fds-surface-info: var(--fds-purple-100);
  --fds-surface-emphasis: var(--fds-blue-100);
  --fds-surface-emphasis-hover: var(--fds-blue-90);
  --fds-surface-emphasis-active: var(--fds-blue-100);
  --fds-surface-success: var(--fds-green-100);
  --fds-surface-danger: var(--fds-red-100);
  --fds-surface-status-green: var(--fds-green-100);
  --fds-surface-status-red: var(--fds-red-100);
  --fds-surface-status-orange: var(--fds-orange-100);
  --fds-surface-status-blue: var(--fds-blue-100);
  --fds-surface-status-slate: var(--fds-slate-80);
  --fds-surface-caution: var(--fds-yellow-100);
  --fds-fill-info: var(--fds-purple-50);
  --fds-stroke-info: var(--fds-purple-80);
  --fds-stroke-success: var(--fds-green-80);
  --fds-stroke-danger: var(--fds-red-70);
  --fds-stroke-caution: var(--fds-yellow-80);
  --fds-text-info: var(--fds-purple-50);
  --fds-text-success: var(--fds-green-50);
  --fds-text-danger: var(--fds-red-50);
  --fds-text-on-status-green: var(--fds-green-40);
  --fds-text-on-status-red: var(--fds-red-40);
  --fds-text-on-status-orange: var(--fds-orange-40);
  --fds-text-on-status-blue: var(--fds-blue-40);
  --fds-text-on-status-slate: var(--fds-slate-20);
  --fds-text-caution: var(--fds-yellow-50);
  --fds-text-on-status-yellow: var(--fds-yellow-30)
}
:root[data-theme="light-v1"],
:root[data-theme="light-v2"],
:root[data-theme="light-v3"],
:root[data-theme="dark-v1"],
:root[data-theme="dark-v2"],
:root[data-theme="dark-v3"],
:root[data-theme="high-contrast-v1"] {
  --fds-button-primary-rest: var(--fds-blue-70);
  --fds-button-primary-hover: var(--fds-blue-60);
  --fds-button-primary-active: var(--fds-blue-50);
  --fds-button-secondary-rest: var(--fds-surface-container);
  --fds-button-secondary-hover: var(--fds-surface-tertiary);
  --fds-button-secondary-active: var(--fds-surface-tertiary-hover);
  --fds-button-tertiary-rest: transparent;
  --fds-button-tertiary-hover: var(--fds-surface-tertiary);
  --fds-button-tertiary-active: transparent;
  --fds-button-link-rest: transparent;
  --fds-button-link-hover: var(--fds-surface-tertiary);
  --fds-button-link-active: var(--fds-surface-selectable-active);
  --fds-button-disabled: var(--fds-surface-disabled);
  --fds-text-brand-secondary: var(--fds-text-link)
}
:root[data-theme="high-contrast-v1"] {
  --fds-button-primary-rest: #6bb3ff;
  --fds-button-primary-hover: #8dc5ff;
  --fds-button-primary-active: #a8d4ff
}
:root[data-theme="high-contrast-v1"] .lp-btn.primary,
:root[data-theme="high-contrast-v1"] .lp-update-btn,
:root[data-theme="high-contrast-v1"] .lp-ai-send,
:root[data-theme="high-contrast-v1"] .lp-rail-btn.lp-rail-create,
:root[data-theme="high-contrast-v1"] .lp-dx-ins-pill,
:root[data-theme="high-contrast-v1"] .dp-mbtn.is-primary,
:root[data-theme="high-contrast-v1"] .sp-primary-btn,
:root[data-theme="high-contrast-v1"] .confirm-ok,
:root[data-theme="high-contrast-v1"] .nav-create-btn,
:root[data-theme="high-contrast-v1"] .btn-primary,
:root[data-theme="high-contrast-v1"] .egs-dt-primary,
:root[data-theme="high-contrast-v1"] .nav-create-btn .ms,
:root[data-theme="high-contrast-v1"] .btn-primary .ms,
:root[data-theme="high-contrast-v1"] .egs-dt-primary .ms,
:root[data-theme="high-contrast-v1"] .lp-btn.primary .ms,
:root[data-theme="high-contrast-v1"] .lp-update-btn .ms,
:root[data-theme="high-contrast-v1"] .lp-ai-send .ms,
:root[data-theme="high-contrast-v1"] .lp-rail-btn.lp-rail-create .ms,
:root[data-theme="high-contrast-v1"] .lp-dx-ins-pill .ms,
:root[data-theme="high-contrast-v1"] .dp-mbtn.is-primary .ms,
:root[data-theme="high-contrast-v1"] .sp-primary-btn .ms,
:root[data-theme="high-contrast-v1"] .confirm-ok .ms {
  color: #001018
}
html.theme-transitioning,
html.theme-transitioning *,
html.theme-transitioning *::before,
html.theme-transitioning *::after {
  transition: background-color 300ms ease,color 200ms ease,border-color 200ms ease,box-shadow 200ms ease,fill 200ms ease !important
}
:root[data-theme="light"] .nav-search-input,
:root[data-theme="dark"] .nav-search-input {
  background: var(--fds-surface-tertiary);
  border-color: transparent
}
:root[data-theme="light"] .nav-search-input:hover,
:root[data-theme="dark"] .nav-search-input:hover {
  background: var(--fds-surface-tertiary);
  border-color: transparent
}
:root[data-theme="light"] .nav-search-input:focus,
:root[data-theme="dark"] .nav-search-input:focus {
  background: var(--fds-surface-tertiary);
  border-color: var(--fds-stroke-brand)
}
.modal-input,
.modal-select) {
  background: var(--fds-surface-tertiary) !important;
  border-color: transparent !important
}
.modal-input,
.modal-select):focus {
  background: var(--fds-input-surface-active) !important;
  border-color: var(--fds-stroke-brand) !important
}