:root,
:host,
.fin-theme-finra {
  --fin-font-sans: 'Open Sans', sans-serif;

  --fin-text-2xl: 22px;
  --fin-text-xl: 18px;
  --fin-text-lg: 16px;
  --fin-text-base: 14px;
  --fin-text-sm: 13px;
  --fin-text-xs: 12px;

  --fin-blue-10: #e5f2fa;
  --fin-blue-20: #cce6f6;
  --fin-blue-30: #a0dbff;
  --fin-blue-40: #82cfff;
  --fin-blue-50: #66b4e3;
  --fin-blue-60: #339bda;
  --fin-blue-70: #0070b7;
  --fin-blue-80: #00619c;
  --fin-blue-90: #005182;
  --fin-blue-100: #013f65;

  --fin-navy-10: #ecf2f8;
  --fin-navy-20: #c6daea;
  --fin-navy-30: #7baacf;
  --fin-navy-40: #4485ba;
  --fin-navy-50: #366b95;
  --fin-navy-60: #29506f;
  --fin-navy-70: #1b354a;
  --fin-navy-80: #142837;
  --fin-navy-90: #0d1a25;
  --fin-navy-100: #070d12;

  --fin-gray-10: #ffffff;
  --fin-gray-20: #f7f8fa;
  --fin-gray-30: #edeff3;
  --fin-gray-40: #cfcfd2;
  --fin-gray-50: #aaaaaa;
  --fin-gray-60: #878686;
  --fin-gray-70: #6b6b6b;
  --fin-gray-80: #4a4a4a;
  --fin-gray-90: #1e1e1e;
  --fin-gray-100: #000000;

  --fin-green-10: #e1fcdd;
  --fin-green-20: #bdf2c0;
  --fin-green-30: #8bef8f;
  --fin-green-40: #64e86a;
  --fin-green-50: #4cd151;
  --fin-green-60: #4caf6b;
  --fin-green-70: #0b8559;
  --fin-green-80: #046950;
  --fin-green-90: #044f2b;
  --fin-green-100: #033f2a;

  --fin-yellow-10: #fdefc6;
  --fin-yellow-20: #ffe9ad;
  --fin-yellow-30: #ffe190;
  --fin-yellow-40: #ffdf58;
  --fin-yellow-50: #ffdf1a;
  --fin-yellow-60: #ffd629;
  --fin-yellow-70: #ffc71a;
  --fin-yellow-80: #f7a906;
  --fin-yellow-90: #e37d10;
  --fin-yellow-100: #c65301;

  --fin-gold-10: #fef2e0;
  --fin-gold-20: #fee8c7;
  --fin-gold-30: #fddeae;
  --fin-gold-40: #fdd495;
  --fin-gold-50: #fcca7c;
  --fin-gold-60: #fbb64a;
  --fin-gold-70: #faac31;
  --fin-gold-80: #f39605;
  --fin-gold-90: #da8705;
  --fin-gold-100: #c17804;

  --fin-red-10: #ffebf0;
  --fin-red-20: #ffcdd8;
  --fin-red-30: #ffafc0;
  --fin-red-40: #fe8ca5;
  --fin-red-50: #ff5775;
  --fin-red-60: #ff2956;
  --fin-red-70: #d80e3a;
  --fin-red-80: #bc0c31;
  --fin-red-90: #980725;
  --fin-red-100: #71031a;

  --fin-slate-10: #f3f4f6;
  --fin-slate-20: #e9ebef;
  --fin-slate-30: #d3d8e0;
  --fin-slate-40: #a7b2c2;
  --fin-slate-50: #7b8ba3;
  --fin-slate-60: #4f6585;
  --fin-slate-70: #233e66;
  --fin-slate-80: #1c355a;
  --fin-slate-90: #11233e;
  --fin-slate-100: #0a121d;

  --fin-teal-10: #ccf8f8;
  --fin-teal-20: #aaf4f2;
  --fin-teal-30: #79efed;
  --fin-teal-40: #41d8d6;
  --fin-teal-50: #1cb7b4;
  --fin-teal-60: #009d9a;
  --fin-teal-70: #097b79;
  --fin-teal-80: #04605e;
  --fin-teal-90: #034140;
  --fin-teal-100: #022e2e;

  --fin-purple-10: #f2e7fd;
  --fin-purple-20: #e6c8ff;
  --fin-purple-30: #e1a7ff;
  --fin-purple-40: #ce80ff;
  --fin-purple-50: #b15fff;
  --fin-purple-60: #9137ff;
  --fin-purple-70: #730edd;
  --fin-purple-80: #500ba8;
  --fin-purple-90: #350878;
  --fin-purple-100: #220653;

  
  --fin-primary-10: var(--fin-gray-10);
  --fin-primary-20: var(--fin-gray-20);
  --fin-primary-30: var(--fin-gray-30);
  --fin-primary-40: var(--fin-gray-40);
  --fin-primary-50: var(--fin-gray-50);
  --fin-primary-60: var(--fin-gray-60);
  --fin-primary-70: var(--fin-gray-70);
  --fin-primary-80: var(--fin-gray-80);
  --fin-primary-90: var(--fin-gray-90);
  --fin-primary-100: var(--fin-gray-100);

  --fin-secondary-10: var(--fin-blue-10);
  --fin-secondary-20: var(--fin-blue-20);
  --fin-secondary-30: var(--fin-blue-30);
  --fin-secondary-40: var(--fin-blue-40);
  --fin-secondary-50: var(--fin-blue-50);
  --fin-secondary-60: var(--fin-blue-60);
  --fin-secondary-70: var(--fin-blue-70);
  --fin-secondary-80: var(--fin-blue-80);
  --fin-secondary-90: var(--fin-blue-90);
  --fin-secondary-100: var(--fin-blue-100);

  --fin-neutral-10: var(--fin-gray-10);
  --fin-neutral-20: var(--fin-gray-20);
  --fin-neutral-30: var(--fin-gray-30);
  --fin-neutral-40: var(--fin-gray-40);
  --fin-neutral-50: var(--fin-gray-50);
  --fin-neutral-60: var(--fin-gray-60);
  --fin-neutral-70: var(--fin-gray-70);
  --fin-neutral-80: var(--fin-gray-80);
  --fin-neutral-90: var(--fin-gray-90);
  --fin-neutral-100: var(--fin-gray-100);

  --fin-success-10: var(--fin-green-10);
  --fin-success-20: var(--fin-green-20);
  --fin-success-30: var(--fin-green-30);
  --fin-success-40: var(--fin-green-40);
  --fin-success-50: var(--fin-green-50);
  --fin-success-60: var(--fin-green-60);
  --fin-success-70: var(--fin-green-70);
  --fin-success-80: var(--fin-green-80);
  --fin-success-90: var(--fin-green-90);
  --fin-success-100: var(--fin-green-100);

  --fin-error-10: var(--fin-red-10);
  --fin-error-20: var(--fin-red-20);
  --fin-error-30: var(--fin-red-30);
  --fin-error-40: var(--fin-red-40);
  --fin-error-50: var(--fin-red-50);
  --fin-error-60: var(--fin-red-60);
  --fin-error-70: var(--fin-red-70);
  --fin-error-80: var(--fin-red-80);
  --fin-error-90: var(--fin-red-90);
  --fin-error-100: var(--fin-red-100);

  --fin-info-10: var(--fin-info-10);
  --fin-info-20: var(--fin-info-20);
  --fin-info-30: var(--fin-info-30);
  --fin-info-40: var(--fin-info-40);
  --fin-info-50: var(--fin-info-50);
  --fin-info-60: var(--fin-info-60);
  --fin-info-70: var(--fin-info-70);
  --fin-info-80: var(--fin-info-80);
  --fin-info-90: var(--fin-info-90);
  --fin-info-100: var(--fin-info-100);

  --fin-warning-10: var(--fin-yellow-10);
  --fin-warning-20: var(--fin-yellow-20);
  --fin-warning-30: var(--fin-yellow-30);
  --fin-warning-40: var(--fin-yellow-40);
  --fin-warning-50: var(--fin-yellow-50);
  --fin-warning-60: var(--fin-yellow-60);
  --fin-warning-70: var(--fin-yellow-70);
  --fin-warning-80: var(--fin-yellow-80);
  --fin-warning-90: var(--fin-yellow-90);
  --fin-warning-100: var(--fin-yellow-100);

  --fin-foreground-default: var(--fin-gray-100);
  --fin-foreground-inverse: var(--fin-gray-10);
  --fin-foreground-alternate: var(--fin-blue-80);
  --fin-foreground-disabled: var(--fin-slate-50);

  
  --fin_base-0: 0px;
  --fin_base-2: 2px;
  --fin_base-4: 4px;
  --fin_base-6: 6px;
  --fin_base-8: 8px;
  --fin_base-10: 10px;
  --fin_base-12: 12px;
  --fin_base-14: 14px;
  --fin_base-16: 16px;
  --fin_base-18: 18px;
  --fin_base-20: 20px;
  --fin_base-24: 24px;
  --fin_base-28: 28px;
  --fin_base-32: 32px;
  --fin_base-36: 36px;
  --fin_base-40: 40px;
  --fin_base-44: 44px;
  --fin_base-48: 48px;
  --fin_base-52: 52px;
  --fin_base-56: 56px;
  --fin_base-60: 60px;
  --fin_base-64: 64px;
  --fin_base-68: 68px;
  --fin_base-72: 72px;
  --fin_base-76: 76px;
  --fin_base-80: 80px;
  --fin_base-84: 84px;
  --fin_base-88: 88px;
  --fin_base-92: 92px;
  --fin_base-96: 96px;
  --fin_base-100: 100px;
  --fin_base-104: 104px;
  --fin_base-112: 112px;
  --fin_base-120: 120px;
  --fin_base-128: 128px;
  --fin_base-140: 140px;
  --fin_base-160: 160px;
  --fin_base-180: 180px;
  --fin_base-200: 200px;
  --fin_twoscale-2: var(--fin_base-2);
  --fin_twoscale-4: var(--fin_base-4);
  --fin_twoscale-6: var(--fin_base-6);
  --fin_twoscale-8: var(--fin_base-8);
  --fin_twoscale-10: var(--fin_base-10);
  --fin_twoscale-12: var(--fin_base-12);
  --fin_twoscale-14: var(--fin_base-14);
  --fin_twoscale-16: var(--fin_base-16);
  --fin_twoscale-18: var(--fin_base-18);
  --fin_twoscale-20: var(--fin_base-20);
  --fin_fourscale-4: var(--fin_base-4);
  --fin_fourscale-8: var(--fin_base-8);
  --fin_fourscale-12: var(--fin_base-12);
  --fin_fourscale-16: var(--fin_base-16);
  --fin_fourscale-20: var(--fin_base-20);
  --fin_fourscale-24: var(--fin_base-24);
  --fin_fourscale-28: var(--fin_base-28);
  --fin_fourscale-32: var(--fin_base-32);
  --fin_fourscale-36: var(--fin_base-36);
  --fin_fourscale-40: var(--fin_base-40);
  --fin_fourscale-44: var(--fin_base-44);
  --fin_fourscale-48: var(--fin_base-48);
  --fin_fourscale-52: var(--fin_base-52);
  --fin_fourscale-56: var(--fin_base-56);
  --fin_fourscale-60: var(--fin_base-60);
  --fin_fourscale-64: var(--fin_base-64);
  --fin_fourscale-68: var(--fin_base-68);
  --fin_fourscale-72: var(--fin_base-72);
  --fin_fourscale-76: var(--fin_base-76);
  --fin_fourscale-80: var(--fin_base-80);
  --fin_fourscale-84: var(--fin_base-84);
  --fin_fourscale-88: var(--fin_base-88);
  --fin_eightscale-8: var(--fin_base-8);
  --fin_eightscale-12: var(--fin_base-12);
  --fin_eightscale-16: var(--fin_base-16);
  --fin_eightscale-20: var(--fin_base-20);
  --fin_eightscale-24: var(--fin_base-24);
  --fin_eightscale-28: var(--fin_base-28);
  --fin_eightscale-32: var(--fin_base-32);
  --fin_eightscale-36: var(--fin_base-36);
  --fin_eightscale-40: var(--fin_base-40);
  --fin_eightscale-44: var(--fin_base-44);
  --fin_eightscale-48: var(--fin_base-48);
  --fin_eightscale-52: var(--fin_base-52);
  --fin_eightscale-56: var(--fin_base-56);
  --fin_eightscale-60: var(--fin_base-60);
  --fin_eightscale-64: var(--fin_base-64);
  --fin_eightscale-68: var(--fin_base-68);
  --fin_eightscale-72: var(--fin_base-72);
  --fin_eightscale-76: var(--fin_base-76);
  --fin_eightscale-80: var(--fin_base-80);
  --fin_eightscale-84: var(--fin_base-84);
  --fin_eightscale-88: var(--fin_base-88);
  --fin_eightscale-96: var(--fin_base-96);
  --fin_eightscale-104: var(--fin_base-104);
  --fin_eightscale-112: var(--fin_base-112);
  --fin_eightscale-120: var(--fin_base-120);
  --fin_eightscale-128: var(--fin_base-128);
  --fin_twelvescale-12: var(--fin_base-12);
  --fin_twelvescale-16: var(--fin_base-16);
  --fin_twelvescale-20: var(--fin_base-20);
  --fin_twelvescale-24: var(--fin_base-24);
  --fin_twelvescale-28: var(--fin_base-28);
  --fin_twelvescale-32: var(--fin_base-32);
  --fin_twelvescale-36: var(--fin_base-36);
  --fin_twelvescale-40: var(--fin_base-40);
  --fin_twelvescale-44: var(--fin_base-44);
  --fin_twelvescale-48: var(--fin_base-48);
  --fin_twelvescale-52: var(--fin_base-52);
  --fin_twelvescale-56: var(--fin_base-56);
  --fin_twelvescale-60: var(--fin_base-60);
  --fin_twelvescale-64: var(--fin_base-64);
  --fin_twelvescale-68: var(--fin_base-68);
  --fin_twelvescale-72: var(--fin_base-72);
  --fin_twelvescale-76: var(--fin_base-76);
  --fin_twelvescale-80: var(--fin_base-80);
  --fin_twelvescale-84: var(--fin_base-84);
  --fin_twelvescale-88: var(--fin_base-88);
  --fin_twelvescale-96: var(--fin_base-96);
  --fin_twentyscale-20: var(--fin_base-20);
  --fin_twentyscale-40: var(--fin_base-40);
  --fin_twentyscale-60: var(--fin_base-60);
  --fin_twentyscale-80: var(--fin_base-80);
  --fin_twentyscale-100: var(--fin_base-100);
  --fin_twentyscale-120: var(--fin_base-120);
  --fin_twentyscale-140: var(--fin_base-140);
  --fin_twentyscale-160: var(--fin_base-160);
  --fin_twentyscale-180: var(--fin_base-180);
  --fin_twentyscale-200: var(--fin_base-200);

  
  --fin_messaging_icon-color-static: var(--fin-gray-20); 
  --fin_messaging_icon-color-default: var(--fin-slate-40);
  --fin_base_color-primary: var(--fin-blue-70);
  --fin_base_color-secondary: var(--fin-slate-70);
  --fin_base_text-default: var(--fin-gray-90);
  --fin_base_text-static-light: var(--fin-gray-10);
  --fin_structure_background-color-affirmative: var(--fin-green-20);
  --fin_structure_background-color-alert: var(--fin-yellow-10);
  --fin_structure_background-color-info: var(--fin-blue-10);
  --fin_structure_background-color-warning: var(--fin-red-10);
  --fin_structure_outline-default: var(--fin-slate-30);
  --fin_structure_outline-dark: var(--fin-slate-40);

  --fin_colors-base-primary: var(--fin-blue-70, blue);
  --fin_colors-base-secondary: var(--fin-blue-80, blue);
  --fin_colors-text-text-label: var(--fin-slate-70, slate);
  --fin_colors-text-text-default: var(--fin-gray-90, gray);
  --fin_colors-text-text-darker: var(--fin-gray-100, gray);
  --fin_colors-text-text-light-alt: var(--fin-gray-20, gray);
  --fin_colors-text-text-light: var(--fin-gray-10, gray);
  --fin_colors-text-text-disabled: var(--fin-slate-50, slate);
  --fin_colors-text-text-disabled-alt: var(--fin-slate-60, slate);
  --fin_colors-text-text-placeholder: var(--fin-slate-60, slate);
  --fin_colors-text-text-interactive: var(--fin-blue-60, blue);
  --fin_colors-base-surface: var(--fin-blue-60, blue);
  --fin_colors-affordances-error: var(--fin-red-70, red);
  --fin_colors-affordances-error-darker: var(--fin-red-90, red);
  --fin_colors-affordances-affirmative: var(--fin-green-70, green);
  --fin_colors-structure-background-info: var(--fin-blue-10, blue);
  --fin_colors-structure-background-error: var(--fin-red-20, red);
  --fin_colors-structure-background-warning: var(--fin-yellow-20, yellow);
  --fin_colors-structure-background-inactive: var(--fin-slate-20, slate);
  --fin_colors-structure-background-affirmative: var(--fin-green-20, green);
  --fin_colors-affordances-icon-default: var(--fin-slate-50, slate);
  --fin_colors-affordances-icon-dark: var(--fin-slate-60, slate);
  --fin_nmls-base-brand-secondary: var(--fin-blue-60, blue);
  --fin_nmls-base-surface: var(--fin-gray-100, gray);
  --fin_nmls-base-brand-color-quadary: var(--fin-teal-70, teal);
  --fin_nmls-messaging-icon-dark: var(--fin-slate-60, slate);
  --fin_colors-affordances-icon-light: var(--fin-gray-10, gray);
  --fin_colors-interactivity-focus: var(--fin-blue-60, blue);
  --fin_colors-interactivity-focuslight: var(--fin-blue-20, blue);
  --fin_colors-structure-background-primary: var(--fin-gray-10, gray);
  --fin_colors-interactivity-disabled: var(--fin-slate-50, slate);
  --fin_colors-affordances-icon-inverse: var(--fin-gray-20, gray);
  --fin_colors-affordances-icon-static: var(--fin-gray-20, gray);
  --fin_colors-affordances-warning: var(--fin-yellow-70, yellow);
  --fin_colors-interactivity-hover: var(--fin-slate-70, slate);
  --fin_colors-interactivity-hover-light: var(--fin-blue-60, blue);
  --fin_colors-interactivity-hover-lighter: var(--fin-blue-40, blue);
  --fin_colors-interactivity-selected: var(--fin-blue-60, blue);
  --fin_colors-structure-background-secondary: var(--fin-slate-10, slate);
  --fin_colors-structure-background-dark: var(--fin-gray-40, gray);
  --fin_colors-structure-background-tertiary: var(--fin-slate-30, slate);
  --fin_colors-structure-background-inactive-dark: var(--fin-slate-50, slate);
  --fin_colors-structure-outline-default: var(--fin-slate-30, slate);
  --fin_colors-structure-outline-dark: var(--fin-slate-30, slate);
  --fin_colors-structure-outline-null: var(--transparent);
  --fin_gateway-base-text-static-dark: var(--fin-gray-90, gray);
  --fin_colors-logo-logo-base: var(--fin-gray-100, gray);
  --fin_colors-logo-logo-monochrome: var(--fin-gray-100, gray);
  --fin_nmls-messaging-error-darker: var(--fin-red-90, red);
  --fin_colors-affordances-warning-darker: var(--fin-yellow-100, yellow);
  --fin_nmls-messaging-icon-inverse: var(--fin-gray-10, gray);
  --fin_nmls-messaging-color-label-1-purple: var(--fin-purple-70, purple);
  --fin_nmls-messaging-color-label-2-pink: var(--fin-red-20, red);
  --fin_colors-affordances-label-purple: var(--fin-purple-70, purple);
  --fin_colors-affordances-label-pink: var(--fin-red-20, red);
  --fin_nmls-interactivity-hover-light: var(--fin-blue-60, blue);
  --fin_nmls-structure-outline-null: var(--transparent);
  --fin_nmls-structure-background-header-pimary: var(--fin-blue-100, blue);
  --fin_colors-structure-background-darker: var(--fin-blue-100, blue);
  --fin_colors-affordances-button-text-outline: var(--fin-slate-80, slate);
  --fin_colors-affordances-alert-badge: var(--fin-red-70, red);
  --fin_nmls-messaging-alert-badge: var(--fin-red-70, red);
  --fin_textstyles-body-font-size: var(--tailwind-text-sm);
  --fin_textstyles-body-font-family: 'Inter';
  --fin_textstyles-body-font-weight-default: 400;
  --fin_textstyles-body-font-weight-semi: 600;
  --fin_textstyles-body-font-weight-bold: 700;
  --fin_textstyles-headers-font-size: var(--tailwind-text-sm);
  --fin_textstyles-headers-font-family: 'Inter';
  --fin_textstyles-headers-font-weight-default: 400;
  --fin_textstyles-headers-font-weight-semi: 600;
  --fin_textstyles-headers-font-weight-bold: 700;

  
  --fin_alert-close-size: var(--fin_base-16);
  --fin_alert-height: var(--fin_twentyscale-60);
  --fin_alert-horizontal-padding: var(--fin_base-16);
  --fin_alert-inner-spacing: var(--fin_base-8);
  --fin_alert-left-icon: var(--fin_twoscale-20);
  --fin_alert-spacing: var(--fin_base-12);
  --fin_alert-vertical-padding: var(--fin_fourscale-16);
  --fin_button-alert-height: var(--fin_fourscale-32);
  --fin_button-alert-padding: var(--fin_fourscale-20);
  --fin_button-count-height: var(--fin_twentyscale-80);
  --fin_button-height: var(--fin_eightscale-40);
  --fin_button-regular-padding: var(--fin_fourscale-24);
  --fin_button-spacing-item: var(--fin_twoscale-8);
  --fin_button-tertiary-padding: var(--fin_twoscale-8);
  --fin_checkbox-check-icon-dimensions: var(--fin_base-12);
  --fin_checkbox-checkbox-dimensions: var(--fin_base-18);
  --fin_checkbox-height: var(--fin_twelvescale-40);
  --fin_checkbox-icon-padding: var(--fin_base-10);
  --fin_chip-height: var(--fin_fourscale-24);
  --fin_chip-horizontal-padding: var(--fin_base-12);
  --fin_chip-itemspacing: var(--fin_base-8);
  --fin_chip-left-icon: var(--fin_base-14);
  --fin_chip-right-icon: var(--fin_base-8);
  --fin_chip-vertical-padding: var(--fin_base-2);
  --fin_cornerradius-infinite: 9999;
  --fin_cornerradius-less: var(--fin_base-2);
  --fin_cornerradius-more: var(--fin_base-4);
  --fin_cornerradius-none: var(--fin_base-0);
  --fin_footer-height: var(--fin_twentyscale-60);
  --fin_footer-itemspacing: var(--fin_fourscale-20);
  --fin_footer-sticky-padding: var(--fin_eightscale-32);
  --fin_footer-x-padding: var(--fin_fourscale-20);
  --fin_header-alt-height: var(--fin_twentyscale-80);
  --fin_header-alt-section-padding: var(--fin_eightscale-32);
  --fin_header-height: var(--fin_eightscale-56);
  --fin_header-icon-sizing: var(--fin_fourscale-32);
  --fin_header-icon-spacing: var(--fin_fourscale-32);
  --fin_header-itemspacing: var(--fin_fourscale-20);
  --fin_header-section-padding: var(--fin_fourscale-20);
  --fin_inputs-alt-box-spacing: var(--fin_base-12);
  --fin_inputs-datepicker-monthyear-height: var(--fin_twelvescale-48);
  --fin_inputs-datepicker-monthyear-padding: var(--fin_twelvescale-36);
  --fin_inputs-datepicker-ymdpicker-height: var(--fin_eightscale-40);
  --fin_inputs-dropdown-chevron-dimensions: var(--fin_twoscale-14);
  --fin_inputs-dropdown-option-height: var(--fin_eightscale-36);
  --fin_inputs-field-height: var(--fin_twelvescale-40);
  --fin_inputs-field-padding: var(--fin_fourscale-12);
  --fin_inputs-item-spacing: var(--fin_eightscale-36);
  --fin_inputs-phoneselect-flag-code-spacing: var(--fin_twoscale-6);
  --fin_inputs-phoneselect-flag-option-spacing: var(--fin_twoscale-10);
  --fin_inputs-search-alt-search-icon-dimensions: var(--fin_fourscale-16);
  --fin_inputs-search-close-icon-frame: var(--fin_fourscale-20);
  --fin_inputs-search-close-icon-size: var(--fin_base-10);
  --fin_inputs-search-multiselect-chips-spacing: var(--fin_base-8);
  --fin_inputs-search-search-icon-frame: var(--fin_fourscale-20);
  --fin_inputs-title-spacing: var(--fin_twoscale-4);
  --fin_linktext-height: var(--fin_fourscale-36);
  --fin_linktext-icon-sizing: var(--fin_base-14);
  --fin_linktext-padding: var(--fin_base-8);
  --fin_linktext-spacing: var(--fin_base-8);
  --fin_modal-close-dimensions: var(--fin_fourscale-20);
  --fin_modal-content-padding: var(--fin_fourscale-20);
  --fin_modal-content-spacing: var(--fin_fourscale-20);
  --fin_modal-header-height: var(--fin_twelvescale-64);
  --fin_modal-variant-header-height: var(--fin_eightscale-40);
  --fin_pagenav-close-size: var(--fin_base-16);
  --fin_pagenav-closed-width: var(--fin_twentyscale-60);
  --fin_pagenav-height: var(--fin_twentyscale-60);
  --fin_pagenav-horizontal-padding: var(--fin_fourscale-20);
  --fin_pagenav-icons-circle-dimensions: var(--fin_twelvescale-52);
  --fin_pagenav-icons-closed-dimensions: var(--fin_twentyscale-60);
  --fin_pagenav-icons-open-left-padding: var(--fin_eightscale-16);
  --fin_pagenav-icons-toggle-dimensions: var(--fin_fourscale-36);
  --fin_pagenav-inner-spacing: var(--fin_base-8);
  --fin_pagenav-left-icon: var(--fin_twoscale-20);
  --fin_pagenav-open-width: var(--fin_twentyscale-180);
  --fin_pagenav-profile-height: var(--fin_twentyscale-100);
  --fin_pagenav-profile-spacing: var(--fin_base-12);
  --fin_pagenav-spacing: var(--fin_base-12);
  --fin_pagenav-sublinks-chevron-dimensions: var(--fin_fourscale-20);
  --fin_pagenav-sublinks-links-child-height: var(--fin_eightscale-36);
  --fin_pagenav-sublinks-links-parent-height: var(--fin_eightscale-40);
  --fin_pagenav-vertical-padding: var(--fin_eightscale-16);
  --fin_pagination-arrow-spacing: var(--fin_fourscale-12);
  --fin_pagination-container-height: var(--fin_base-20);
  --fin_pagination-unit-dimensions: var(--fin_base-20);
  --fin_pagination-unit-padding: var(--fin_base-4);
  --fin_pagination-unit-spacing: var(--fin_twoscale-8);
  --fin_progressbar-bar-height: var(--fin_base-6);
  --fin_progressbar-spacing: var(--fin_fourscale-8);
  --fin_progresstracker-bar-height: var(--fin_base-6);
  --fin_progresstracker-label-height: var(--fin_twelvescale-40);
  --fin_progresstracker-label-width: var(--fin_twentyscale-100);
  --fin_progresstracker-marker-dimensions: var(--fin_twoscale-16);
  --fin_progresstracker-spacing: var(--fin_fourscale-8);
  --fin_radio-circle-dimensions: var(--fin_base-20);
  --fin_radio-height: var(--fin_twelvescale-40);
  --fin_radio-icon-padding: var(--fin_base-10);
  --fin_spinner-spacing: var(--fin_twoscale-6);
  --fin_spinner-spinner-dimensions: var(--fin_twentyscale-80);
  --fin_tab-alert-size: var(--fin_base-18);
  --fin_tab-icon-size: var(--fin_base-14);
  --fin_tab-spacing: var(--fin_base-8);
  --fin_tab-tab-height: var(--fin_fourscale-28);
  --fin_tab-tab-spacing: var(--fin_twentyscale-40);
  --fin_tab-tabs-content-height: var(--fin_base-20);
  --fin_tooltip-horizontal-padding: var(--fin_fourscale-12);
  --fin_tooltip-min-height: var(--fin_twentyscale-40);
  --fin_tooltip-spacing: var(--fin_twoscale-4);
  --fin_tooltip-vertical-padding: var(--fin_fourscale-8);

  
  --fin-button-primary-background-color: var(--fin-blue-70);
  --fin-button-primary-background-color-disabled: var(--fin-slate-30);
  --fin-button-primary-background-color-hover: var(--fin-slate-70);
  --fin-button-primary-foreground-color: var(--fin-gray-10);
  --fin-button-primary-foreground-color-disabled: var(--fin-slate-40);
  --fin-button-primary-foreground-color-hover: var(--fin-gray-10);
  --fin-button-secondary-background-color: var(--fin-gray-10);
  --fin-button-secondary-background-color-disabled: var(--fin-gray-10);
  --fin-button-secondary-background-color-hover: var(--fin-gray-10);
  --fin-button-secondary-foreground-color: var(--fin-blue-70);
  --fin-button-secondary-foreground-color-disabled: var(--fin-slate-30);
  --fin-button-secondary-foreground-color-hover: var(--fin-slate-70);
  --fin-button-tertiary-background-color: transparent;
  --fin-button-tertiary-background-color-disabled: transparent;
  --fin-button-tertiary-background-color-hover: transparent;
  --fin-button-tertiary-foreground-color: var(--fin-blue-70);
  --fin-button-tertiary-foreground-color-disabled: var(--fin-slate-30);
  --fin-button-tertiary-foreground-color-hover: var(--fin-slate-70);
  --fin-button-alert-background-color: var(--fin-gray-10);
  --fin-button-alert-background-color-disabled: var(--fin-gray-10);
  --fin-button-alert-foreground-color: var(--fin-blue-100);
  --fin-button-alert-foreground-color-disabled: var(--fin-gray-100);
  --fin-button-link-background-color: transparent;
  --fin-button-link-background-color-disabled: transparent;
  --fin-button-link-background-color-hover: transparent;
  --fin-button-link-foreground-color: var(--fin-blue-70);
  --fin-button-link-foreground-color-disabled: var(--fin-input-foreground-color-disabled);
  --fin-button-link-foreground-color-hover: var(--fin-slate-70);
  --fin-button-link-text-decoration: none;
  --fin-button-secondary-sidebar_nav-menu_icon-vector-color-default: var(--fin_messaging_icon-color-default);
  --fin-button-secondary-sidebar_nav-menu_icon-vector-color-hover: var(--fin_messaging_icon-color-static);
  --fin-button-secondary-sidebar_nav-menu_icon-hover-background: var(--fin_base_color-primary);
  --fin-button-secondary-sidebar_nav-menu_icon-selected-color: var(--fin_base_text-static-light);

  
  --fin-input-foreground-color: var(--fin-slate-50);
  --fin-input-foreground-color-disabled: var(--fin-slate-50);
  --fin-input-foreground-color-disabled-selected: var(--fin-slate-50);
  --fin-input-foreground-color-hover: var(--fin-slate-50);
  --fin-input-foreground-color-selected: var(--fin-gray-10);
  --fin-input-background-color: var(--fin-gray-10);
  --fin-input-background-color-disabled: var(--fin-slate-20);
  --fin-input-background-color-disabled-selected: var(--fin-slate-40);
  --fin-input-background-color-hover: var(--fin-slate-40);
  --fin-input-background-color-selected: var(--fin-blue-70);
  --fin-input-border-color: var(--fin-slate-40);
  --fin-input-border-color-disabled: var(--fin-slate-40);
  --fin-input-border-color-disabled-selected: var(--fin-slate-40);
  --fin-input-border-color-hover: var(--fin-slate-40);
  --fin-input-border-color-selected: var(--fin-blue-70);
  --fin-input-prefix-background-color: var(--fin-slate-20);
  --fin-input-prefix-separator-border-color: var(--fin-input-border-color);
  --fin-input-prefix-separator-border-color-disabled: var(--fin-input-border-color-disabled);
  --fin-input-prefix-separator-border-color-hover: var(--fin-input-border-color-hover);
  --fin-input-prefix-separator-border-color-selected: var(--fin-input-border-color-selected);
  --fin-input-suffix-background-color: var(--fin-slate-20);
  --fin-input-suffix-separator-border-color: var(--fin-input-border-color);
  --fin-input-suffix-separator-border-color-disabled: var(--fin-input-border-color-disabled);
  --fin-input-suffix-separator-border-color-hover: var(--fin-input-border-color-hover);
  --fin-input-suffix-separator-border-color-selected: var(--fin-input-border-color-selected);

  
  --fin-panel-canvas-color: var(--fin-gray-10);
  --fin-panel-border-color: var(--fin-secondary-50);
  --fin-panel-rounding: var(--fin-rounding-none);

  
  --fin-rounding-none: 0px;
  --fin-rounding-sm: 3px;

  
  --header-label-font-size: var(--fin-text-base);
  --header-label-font-weight: 400;
  --header-title-font-size: var(--fin-text-xl);
  --header-title-font-weight: 700;
}