/* Generated from Figma Variables. First mode = :root default.
   FLOAT tokens are unitless — multiply by 1px in calc() where a length is needed. */

:root {
  --accordion-accordion-icon: 22; /* @kind other */
  --add-ons-section-background: rgb(245,245,245); /* @kind color */
  --ambar-light: rgb(255,228,144); /* @kind color */
  --ambar: rgb(249,176,20); /* @kind color */
  --avatar-avatar-height: 32; /* @kind other */
  --avatar-avatar-icon-s: 18; /* @kind other */
  --avatar-avatar-image: 32; /* @kind other */
  --azul-corporativo: rgb(32,44,82); /* @kind color */
  --azul-light: rgb(41,143,249); /* @kind color */
  --azul-one: rgb(34,57,115); /* @kind color */
  --azul-primario: rgb(22,64,214); /* @kind color */
  --background-sds: rgb(245,247,255); /* @kind color */
  --badge-badge-dot: 8; /* @kind other */
  --badge-badge-icon: 14; /* @kind other */
  --badge-badge-number-b-padding: 1;
  --badge-badge-number-height: 16; /* @kind other */
  --badge-badge-number-min-width: 16; /* @kind other */
  --badge-default-badge-min-height: 22; /* @kind other */
  --badge-dense-badge-min-height: 20; /* @kind other */
  --badge-spacious-badge-min-height: 24; /* @kind other */
  --banner-banner-icon: 22; /* @kind other */
  --bar-interval: 4; /* @kind other */
  --beige: rgb(254,241,232); /* @kind color */
  --black-and-white-dark-bwdark-active-hover: rgb(240,240,240); /* @kind color */
  --black-and-white-dark-bwdark-active-pressed: rgb(224,224,224); /* @kind color */
  --black-and-white-dark-bwdark-active: rgb(255,255,255); /* @kind color */
  --black-and-white-dark-bwdark-border: rgba(255,255,255,0.1); /* @kind color */
  --black-and-white-dark-bwdark-disabled: rgba(255,255,255,0.2); /* @kind color */
  --black-and-white-dark-bwdark-on-active: rgb(0,0,0); /* @kind color */
  --black-and-white-dark-bwdark-overlay: rgba(66,66,66,0.4); /* @kind color */
  --black-and-white-dark-bwdark-surface-1: rgb(13,13,13); /* @kind color */
  --black-and-white-dark-bwdark-surface-2: rgb(26,26,26); /* @kind color */
  --black-and-white-dark-bwdark-surface-3: rgb(31,31,31); /* @kind color */
  --black-and-white-dark-bwdark-surface-highlight: rgba(64,64,64,0.35); /* @kind color */
  --black-and-white-dark-bwdark-surface-lowlight: rgba(64,64,64,0.6); /* @kind color */
  --black-and-white-dark-bwdark-text-subtle: rgb(236,236,236); /* @kind color */
  --black-and-white-dark-bwdark-text: rgb(246,246,246); /* @kind color */
  --black-and-white-dark-messaging-bwdark-info-graphics: rgb(121,182,210); /* @kind color */
  --black-and-white-dark-messaging-bwdark-negative-graphics: rgb(221,111,111); /* @kind color */
  --black-and-white-dark-messaging-bwdark-negative-surface-highlight: rgba(83,19,19,0.35); /* @kind color */
  --black-and-white-dark-messaging-bwdark-negative-surface-lowlight: rgba(83,19,19,0.6); /* @kind color */
  --black-and-white-dark-messaging-bwdark-negative-surface: rgb(83,19,19); /* @kind color */
  --black-and-white-dark-messaging-bwdark-negative-text-hover: rgb(248,226,226); /* @kind color */
  --black-and-white-dark-messaging-bwdark-negative-text-pressed: rgb(231,152,152); /* @kind color */
  --black-and-white-dark-messaging-bwdark-negative-text: rgb(240,193,193); /* @kind color */
  --black-and-white-dark-messaging-bwdark-positive-graphics: rgb(129,202,165); /* @kind color */
  --black-and-white-dark-messaging-bwdark-positive-surface: rgb(30,72,50); /* @kind color */
  --black-and-white-dark-messaging-bwdark-positive-text: rgb(201,232,216); /* @kind color */
  --black-and-white-light-bw-active-hover: rgb(46,46,46); /* @kind color */
  --black-and-white-light-bw-active-pressed: rgb(0,0,0); /* @kind color */
  --black-and-white-light-bw-active-subtle: rgba(0,0,0,0.5); /* @kind color */
  --black-and-white-light-bw-active: rgb(32,32,32); /* @kind color */
  --black-and-white-light-bw-border: rgba(0,0,0,0.1); /* @kind color */
  --black-and-white-light-bw-disabled: rgba(0,0,0,0.2); /* @kind color */
  --black-and-white-light-bw-on-active: rgb(255,255,255); /* @kind color */
  --black-and-white-light-bw-overlay: rgba(0,0,0,0.4); /* @kind color */
  --black-and-white-light-bw-surface-1: rgb(255,255,255); /* @kind color */
  --black-and-white-light-bw-surface-2: rgb(240,240,240); /* @kind color */
  --black-and-white-light-bw-surface-3: rgb(235,235,235); /* @kind color */
  --black-and-white-light-bw-surface-highlight: rgba(204,204,204,0.35); /* @kind color */
  --black-and-white-light-bw-surface-lowlight: rgba(204,204,204,0.6); /* @kind color */
  --black-and-white-light-bw-text-subtle: rgb(74,74,74); /* @kind color */
  --black-and-white-light-bw-text: rgb(0,0,0); /* @kind color */
  --black-and-white-light-messaging-bw-info-graphics: rgb(51,121,153); /* @kind color */
  --black-and-white-light-messaging-bw-negative-graphics: rgb(182,43,43); /* @kind color */
  --black-and-white-light-messaging-bw-negative-surface-highlight: rgba(247,222,222,0.35); /* @kind color */
  --black-and-white-light-messaging-bw-negative-surface-lowlight: rgba(247,222,222,0.6); /* @kind color */
  --black-and-white-light-messaging-bw-negative-surface: rgb(247,222,222); /* @kind color */
  --black-and-white-light-messaging-bw-negative-text-hover: rgb(149,35,35); /* @kind color */
  --black-and-white-light-messaging-bw-negative-text-pressed: rgb(99,23,23); /* @kind color */
  --black-and-white-light-messaging-bw-negative-text: rgb(132,31,31); /* @kind color */
  --black-and-white-light-messaging-bw-positive-graphics: rgb(60,144,101); /* @kind color */
  --black-and-white-light-messaging-bw-positive-surface: rgb(212,237,224); /* @kind color */
  --black-and-white-light-messaging-bw-positive-text: rgb(42,101,70); /* @kind color */
  --border-action-3: var(--color-secondary-teal-default); /* @kind color */
  --border-action-hover-3: var(--color-secondary-teal-hover); /* @kind color */
  --border-action-hover: var(--color-primary-lime-hover); /* @kind color */
  --border-action-neutral: var(--color-neutral-neutral-900-2); /* @kind color */
  --border-action-press-3: var(--color-secondary-teal-press); /* @kind color */
  --border-action-press: var(--color-primary-lime-press); /* @kind color */
  --border-action-subtle: var(--color-neutral-neutral-400); /* @kind color */
  --border-action: var(--color-primary-lime-default); /* @kind color */
  --border-default: var(--color-neutral-neutral-200-2); /* @kind color */
  --border-disabled: var(--color-neutral-neutral-300); /* @kind color */
  --border-error-button-hover: var(--color-destructive-red-hover); /* @kind color */
  --border-error-button-press: var(--color-destructive-red-press); /* @kind color */
  --border-error-button: var(--color-destructive-red-default); /* @kind color */
  --border-error: var(--color-destructive-red-light-2); /* @kind color */
  --border-focus: var(--color-neutral-neutral-500); /* @kind color */
  --border-information: var(--color-info-info-light); /* @kind color */
  --border-neutral-overlay: var(--color-neutral-neutral-900-2); /* @kind color */
  --border-on-action: var(--color-brand-white-2); /* @kind color */
  --border-orange: var(--color-orange-orange-light); /* @kind color */
  --border-pink: var(--color-pink-pink-light); /* @kind color */
  --border-purple: var(--color-purple-purple-light); /* @kind color */
  --border-radius-large: var(--scale-200);
  --border-radius-medium: var(--scale-150);
  --border-radius-none: var(--scale-0);
  --border-radius-round: 9999;
  --border-radius-small: var(--scale-100);
  --border-radius-xl: var(--scale-300);
  --border-radius-xs: var(--scale-50);
  --border-radius-xxl: var(--scale-400);
  --border-radius-xxxl: var(--scale-600);
  --border-succes-button-press: var(--color-success-success-press); /* @kind color */
  --border-success-button-hover: var(--color-success-success-hover); /* @kind color */
  --border-success-button: var(--color-success-success-default); /* @kind color */
  --border-success: var(--color-success-success-light); /* @kind color */
  --border-table-header: var(--color-teals-teal-700); /* @kind color */
  --border-warning-button-hover: var(--color-warning-ambar-hover); /* @kind color */
  --border-warning-button-press: var(--color-warning-ambar-press); /* @kind color */
  --border-warning-button: var(--color-warning-ambar-default); /* @kind color */
  --border-warning: var(--color-warning-ambar-light); /* @kind color */
  --border-width-extra-small: 0.5; /* @kind other */
  --border-width-large: var(--scale-100); /* @kind other */
  --border-width-medium: var(--scale-50); /* @kind other */
  --border-width-none: var(--scale-0); /* @kind other */
  --border-width-small: var(--scale-25); /* @kind other */
  --button-button-h-w-min: 24; /* @kind other */
  --button-default-l-button-height: 46; /* @kind other */
  --button-default-m-button-height: 38; /* @kind other */
  --button-default-s-button-height: 32; /* @kind other */
  --button-dense-l-button-height: 40; /* @kind other */
  --button-dense-m-button-height: 34; /* @kind other */
  --button-dense-s-button-height: 28; /* @kind other */
  --button-l-icon: 24; /* @kind other */
  --button-l-text-button-icon: 18; /* @kind other */
  --button-l-ui-icon: 24; /* @kind other */
  --button-m-icon: 16; /* @kind other */
  --button-m-text-button-icon: 16; /* @kind other */
  --button-m-ui-icon: 16; /* @kind other */
  --button-s-icon: 16; /* @kind other */
  --button-s-ui-icon: 16; /* @kind other */
  --button-spacious-l-button-height: 52; /* @kind other */
  --button-spacious-m-button-height: 44; /* @kind other */
  --button-spacious-s-button-height: 36; /* @kind other */
  --button-stacked-width-min: 62; /* @kind other */
  --celeste: rgb(219,237,255); /* @kind color */
  --chart-axis-baseline: rgb(148,148,148); /* @kind color */
  --chart-gridline: rgb(201,201,201); /* @kind color */
  --checkbox-checkbox-height: 18; /* @kind other */
  --checkbox-checkbox-indeterminate-length: 10; /* @kind other */
  --chip-chip-avatar-l-padding: 0;
  --chip-chip-avatar: 24; /* @kind other */
  --chip-chip-btn-padding: var(--size-85);
  --chip-chip-checkmark: 16; /* @kind other */
  --chip-chip-h-default: 32; /* @kind other */
  --chip-chip-icon: 18; /* @kind other */
  --chip-chip-l-padding: var(--size-40);
  --chip-compact-chip-avatar: 22; /* @kind other */
  --chip-compact-chip-icon: 16; /* @kind other */
  --chip-compact-chip-text-lr-padding: 2;
  --chip-default-chip-button: 30; /* @kind other */
  --chip-default-chip-tb-padding: 6;
  --chip-default-compact-chip-button: 28; /* @kind other */
  --chip-dense-chip-button: 28; /* @kind other */
  --chip-dense-chip-tb-padding: 5;
  --chip-dense-compact-chip-button: 26; /* @kind other */
  --chip-spacious-chip-button: 36; /* @kind other */
  --chip-spacious-chip-tb-padding: 8;
  --chip-spacious-compact-chip-button: 30; /* @kind other */
  --cielo: rgb(238,245,252); /* @kind color */
  --color-active-active-hover: var(--visa-light-v-active-hover); /* @kind color */
  --color-active-active-pressed: var(--visa-light-v-active-pressed); /* @kind color */
  --color-active-active-subtle: var(--visa-light-v-active-subtle); /* @kind color */
  --color-active-active: var(--visa-light-v-active); /* @kind color */
  --color-basic-dark: rgb(0,0,0); /* @kind color */
  --color-blues-azul-100: rgb(245,247,255); /* @kind color */
  --color-blues-azul-300: rgb(219,237,255); /* @kind color */
  --color-blues-azul-800: rgb(0,58,157); /* @kind color */
  --color-brand-black-2: var(--color-brand-black); /* @kind color */
  --color-brand-black: rgb(0,0,0); /* @kind color */
  --color-brand-fasttrax-cyan-ft-2: var(--color-brand-fasttrax-cyan-ft); /* @kind color */
  --color-brand-fasttrax-cyan-ft: rgb(0,161,207); /* @kind color */
  --color-brand-solistica-gray-500: var(--color-brand-solistica-gray-50); /* @kind color */
  --color-brand-solistica-gray-50: rgb(177,178,181); /* @kind color */
  --color-brand-solistica-gray-800: var(--color-brand-solistica-gray-80); /* @kind color */
  --color-brand-solistica-gray-80: rgb(130,133,137); /* @kind color */
  --color-brand-solistica-gray-solistica: rgb(99,102,107); /* @kind color */
  --color-brand-solistica-gray: var(--color-brand-solistica-gray-solistica); /* @kind color */
  --color-brand-solistica-green-500: var(--color-brand-solistica-green-50); /* @kind color */
  --color-brand-solistica-green-50: rgb(231,239,128); /* @kind color */
  --color-brand-solistica-green-800: var(--color-brand-solistica-green-80); /* @kind color */
  --color-brand-solistica-green-80: rgb(217,229,51); /* @kind color */
  --color-brand-solistica-navy-500: var(--color-brand-solistica-navy-blue-50); /* @kind color */
  --color-brand-solistica-navy-800: var(--color-brand-solistica-navy-blue-80); /* @kind color */
  --color-brand-solistica-navy-blue-50: rgb(143,149,168); /* @kind color */
  --color-brand-solistica-navy-blue-80: rgb(77,86,117); /* @kind color */
  --color-brand-solistica-navy-blue: rgb(32,44,82); /* @kind color */
  --color-brand-solistica-navy: var(--color-brand-solistica-navy-blue); /* @kind color */
  --color-brand-solistica-orange-2-2: var(--color-brand-solistica-orange-2); /* @kind color */
  --color-brand-solistica-orange-2: rgb(250,133,30); /* @kind color */
  --color-brand-solistica-orange-3: var(--color-brand-solistica-orange); /* @kind color */
  --color-brand-solistica-orange: rgb(232,88,14); /* @kind color */
  --color-brand-traxion-cool-gray-10-2: var(--color-brand-traxion-cool-gray-10); /* @kind color */
  --color-brand-traxion-cool-gray-10: rgb(99,102,106); /* @kind color */
  --color-brand-traxion-cool-gray-2-2: var(--color-brand-traxion-cool-gray-2); /* @kind color */
  --color-brand-traxion-cool-gray-2: rgb(208,208,206); /* @kind color */
  --color-brand-traxion-cool-gray-7-2: var(--color-brand-traxion-cool-gray-7); /* @kind color */
  --color-brand-traxion-cool-gray-7: rgb(151,153,155); /* @kind color */
  --color-brand-traxion-dark-green-2: var(--color-brand-traxion-dark-green); /* @kind color */
  --color-brand-traxion-dark-green: rgb(181,189,0); /* @kind color */
  --color-brand-traxion-green-2: var(--color-brand-traxion-green); /* @kind color */
  --color-brand-traxion-green: rgb(208,223,0); /* @kind color */
  --color-brand-traxion-light-green-2: var(--color-brand-traxion-light-green); /* @kind color */
  --color-brand-traxion-light-green: rgb(227,233,53); /* @kind color */
  --color-brand-traxporta-azul-corporativo: var(--color-brand-white); /* @kind color */
  --color-brand-traxporta-cyan-2: var(--color-brand-traxporta-cyan); /* @kind color */
  --color-brand-traxporta-cyan: rgb(0,179,230); /* @kind color */
  --color-brand-traxporta-lime-2: var(--color-brand-traxporta-lime); /* @kind color */
  --color-brand-traxporta-lime: rgb(185,219,1); /* @kind color */
  --color-brand-traxporta-naranja-2-corporativo: rgb(250,133,30); /* @kind color */
  --color-brand-white-2: var(--color-brand-white); /* @kind color */
  --color-brand-white: rgb(255,255,255); /* @kind color */
  --color-color-alias-tokens-action-color: var(--color-primary-electric-blue-500); /* @kind color */
  --color-color-alias-tokens-hover: var(--color-neutral-100); /* @kind color */
  --color-color-alias-tokens-text-contrast: var(--color-neutral-900); /* @kind color */
  --color-color-alias-tokens-text-default: var(--color-neutral-700); /* @kind color */
  --color-color-alias-tokens-text-neutral: var(--color-neutral-500); /* @kind color */
  --color-cyans-cyan-50: rgb(229,247,252); /* @kind color */
  --color-cyans-cyan-800: rgb(0,72,92); /* @kind color */
  --color-decorative-border: var(--visa-light-v-border); /* @kind color */
  --color-decorative-disabled: var(--visa-light-v-disabled); /* @kind color */
  --color-decorative-overlay: var(--visa-light-v-overlay); /* @kind color */
  --color-destructive-red-default: var(--color-semantic-destructive-basic-500); /* @kind color */
  --color-destructive-red-hover: var(--color-semantic-destructive-medium-dark-700); /* @kind color */
  --color-destructive-red-light-2: var(--color-semantic-destructive-medium-light-300); /* @kind color */
  --color-destructive-red-light: var(--color-semantic-destructive-light-100); /* @kind color */
  --color-destructive-red-mid-light: var(--color-semantic-destructive-light-200); /* @kind color */
  --color-destructive-red-press: var(--color-semantic-destructive-dark-900); /* @kind color */
  --color-info-info-default: var(--color-semantic-information-basic-500); /* @kind color */
  --color-info-info-hover: var(--color-semantic-information-medium-dark-700); /* @kind color */
  --color-info-info-light-2: var(--color-semantic-information-light-100); /* @kind color */
  --color-info-info-light: var(--color-semantic-information-medium-light-300); /* @kind color */
  --color-info-info-press: var(--color-semantic-information-dark-900); /* @kind color */
  --color-limes-lime-100: rgb(250,252,229); /* @kind color */
  --color-limes-lime-300: rgb(241,245,178); /* @kind color */
  --color-limes-lime-400: rgb(227,233,53); /* @kind color */
  --color-limes-lime-500: rgb(208,223,0); /* @kind color */
  --color-limes-lime-600: rgb(181,189,0); /* @kind color */
  --color-limes-lime-700: rgb(125,134,0); /* @kind color */
  --color-limes-lime-800: rgb(104,112,0); /* @kind color */
  --color-limes-lime-900: rgb(62,67,0); /* @kind color */
  --color-messaging-info-graphics: var(--visa-light-messaging-v-info-graphics); /* @kind color */
  --color-messaging-negative-graphics: var(--visa-light-messaging-v-negative-graphics); /* @kind color */
  --color-messaging-negative-surface-highlight: var(--visa-light-messaging-v-negative-surface-highlight); /* @kind color */
  --color-messaging-negative-surface-lowlight: var(--visa-light-messaging-v-negative-surface-lowlight); /* @kind color */
  --color-messaging-negative-surface: var(--visa-light-messaging-v-negative-surface); /* @kind color */
  --color-messaging-negative-text-hover: var(--visa-light-messaging-v-negative-text-hover); /* @kind color */
  --color-messaging-negative-text-pressed: var(--visa-light-messaging-v-negative-text-pressed); /* @kind color */
  --color-messaging-negative-text: var(--visa-light-messaging-v-negative-text); /* @kind color */
  --color-messaging-positive-graphics: var(--visa-light-messaging-v-positive-graphics); /* @kind color */
  --color-messaging-positive-surface: var(--visa-light-messaging-v-positive-surface); /* @kind color */
  --color-messaging-positive-text: var(--visa-light-messaging-v-positive-text); /* @kind color */
  --color-neutral-100: rgb(243,244,246); /* @kind color */
  --color-neutral-500: rgb(107,112,128); /* @kind color */
  --color-neutral-700: rgb(55,61,81); /* @kind color */
  --color-neutral-900: rgb(18,21,33); /* @kind color */
  --color-neutral-neutral-100-2: var(--color-neutral-neutral-100); /* @kind color */
  --color-neutral-neutral-100: rgb(245,245,245); /* @kind color */
  --color-neutral-neutral-101-2: var(--color-neutral-neutral-101); /* @kind color */
  --color-neutral-neutral-101: rgb(241,245,249); /* @kind color */
  --color-neutral-neutral-200-2: var(--color-neutral-neutral-200); /* @kind color */
  --color-neutral-neutral-200: rgb(228,228,228); /* @kind color */
  --color-neutral-neutral-300-2: rgb(208,208,206); /* @kind color */
  --color-neutral-neutral-300: var(--color-neutral-neutral-300-2); /* @kind color */
  --color-neutral-neutral-400-2: rgb(151,153,155); /* @kind color */
  --color-neutral-neutral-400: var(--color-neutral-neutral-400-2); /* @kind color */
  --color-neutral-neutral-50-2: var(--color-neutral-neutral-50); /* @kind color */
  --color-neutral-neutral-500-2: rgb(115,115,115); /* @kind color */
  --color-neutral-neutral-500: var(--color-neutral-neutral-500-2); /* @kind color */
  --color-neutral-neutral-50: rgb(248,250,252); /* @kind color */
  --color-neutral-neutral-600-2: rgb(99,102,106); /* @kind color */
  --color-neutral-neutral-600: var(--color-neutral-neutral-600-2); /* @kind color */
  --color-neutral-neutral-700-2: var(--color-neutral-neutral-700); /* @kind color */
  --color-neutral-neutral-700: rgb(49,65,88); /* @kind color */
  --color-neutral-neutral-800-2: var(--color-neutral-neutral-800); /* @kind color */
  --color-neutral-neutral-800: rgb(15,23,43); /* @kind color */
  --color-neutral-neutral-900-2: var(--color-neutral-neutral-900); /* @kind color */
  --color-neutral-neutral-900: rgb(25,25,25); /* @kind color */
  --color-neutral-neutral-950-2: var(--color-neutral-neutral-950); /* @kind color */
  --color-neutral-neutral-950: rgb(9,9,9); /* @kind color */
  --color-neutral-neutral-b: var(--color-brand-black); /* @kind color */
  --color-neutral-neutral-w: var(--color-brand-white); /* @kind color */
  --color-orange-orange-default: var(--color-semantic-orange-basic-500); /* @kind color */
  --color-orange-orange-hover: var(--color-semantic-orange-medium-dark-700); /* @kind color */
  --color-orange-orange-light-2: var(--color-semantic-orange-light-100); /* @kind color */
  --color-orange-orange-light: var(--color-semantic-orange-medium-light-300); /* @kind color */
  --color-orange-orange-press: var(--color-semantic-orange-dark-900); /* @kind color */
  --color-pink-pink-default: var(--color-semantic-pink-basic-500); /* @kind color */
  --color-pink-pink-hover: var(--color-semantic-pink-medium-dark-700); /* @kind color */
  --color-pink-pink-light-2: var(--color-semantic-pink-light-100); /* @kind color */
  --color-pink-pink-light: var(--color-semantic-pink-medium-light-300); /* @kind color */
  --color-pink-pink-press: var(--color-semantic-pink-dark-900); /* @kind color */
  --color-primary-cyan-200: rgb(153,225,245); /* @kind color */
  --color-primary-electric-blue-500: rgb(74,108,218); /* @kind color */
  --color-primary-lime-default: var(--color-limes-lime-500); /* @kind color */
  --color-primary-lime-hover: var(--color-limes-lime-600); /* @kind color */
  --color-primary-lime-light-2: var(--color-limes-lime-100); /* @kind color */
  --color-primary-lime-light: var(--color-limes-lime-300); /* @kind color */
  --color-primary-lime-press: var(--color-limes-lime-700); /* @kind color */
  --color-purple-600: rgb(152,16,250); /* @kind color */
  --color-purple-purple-default: var(--color-semantic-purple-basic-500); /* @kind color */
  --color-purple-purple-hover: var(--color-semantic-purple-medium-dark-700); /* @kind color */
  --color-purple-purple-light-2: var(--color-semantic-purple-light-100); /* @kind color */
  --color-purple-purple-light: var(--color-semantic-purple-medium-light-300); /* @kind color */
  --color-purple-purple-press: var(--color-semantic-purple-dark-900); /* @kind color */
  --color-rojo-100: var(--color-semantic-destructive-light-100); /* @kind color */
  --color-rojo-200: var(--color-semantic-destructive-medium-light-300); /* @kind color */
  --color-rojo-300: var(--color-semantic-destructive-basic-500); /* @kind color */
  --color-rojo-400: var(--color-semantic-destructive-medium-dark-700); /* @kind color */
  --color-rojo-500: var(--color-semantic-destructive-dark-900); /* @kind color */
  --color-secondary-teal-default: var(--color-teals-teal-500); /* @kind color */
  --color-secondary-teal-hover: var(--color-teals-teal-600); /* @kind color */
  --color-secondary-teal-light-2: var(--color-teals-teal-300); /* @kind color */
  --color-secondary-teal-light: var(--color-teals-teal-400); /* @kind color */
  --color-secondary-teal-press: var(--color-teals-teal-700); /* @kind color */
  --color-secondary-teal-sky-2: var(--color-teals-50); /* @kind color */
  --color-secondary-teal-sky: var(--color-teals-teal-100); /* @kind color */
  --color-semantic-destructive-basic-500: rgb(200,30,30); /* @kind color */
  --color-semantic-destructive-dark-900: rgb(98,11,11); /* @kind color */
  --color-semantic-destructive-light-100: rgb(253,232,232); /* @kind color */
  --color-semantic-destructive-light-200: rgb(255,214,215); /* @kind color */
  --color-semantic-destructive-medium-dark-700: rgb(140,15,15); /* @kind color */
  --color-semantic-destructive-medium-light-300: rgb(239,187,187); /* @kind color */
  --color-semantic-information-basic-500: rgb(0,179,230); /* @kind color */
  --color-semantic-information-dark-900: rgb(0,54,69); /* @kind color */
  --color-semantic-information-light-100: rgb(204,240,250); /* @kind color */
  --color-semantic-information-medium-dark-700: rgb(0,107,138); /* @kind color */
  --color-semantic-information-medium-light-300: rgb(102,209,240); /* @kind color */
  --color-semantic-orange-basic-500: rgb(255,105,0); /* @kind color */
  --color-semantic-orange-dark-900: rgb(128,53,0); /* @kind color */
  --color-semantic-orange-light-100: rgb(255,240,229); /* @kind color */
  --color-semantic-orange-medium-dark-700: rgb(191,79,0); /* @kind color */
  --color-semantic-orange-medium-light-300: rgb(255,180,128); /* @kind color */
  --color-semantic-pink-basic-500: rgb(225,42,251); /* @kind color */
  --color-semantic-pink-dark-900: rgb(114,19,120); /* @kind color */
  --color-semantic-pink-light-100: rgb(250,232,255); /* @kind color */
  --color-semantic-pink-medium-dark-700: rgb(168,0,183); /* @kind color */
  --color-semantic-pink-medium-light-300: rgb(244,168,255); /* @kind color */
  --color-semantic-purple-basic-500: rgb(142,81,255); /* @kind color */
  --color-semantic-purple-dark-900: rgb(77,23,154); /* @kind color */
  --color-semantic-purple-light-100: rgb(237,233,254); /* @kind color */
  --color-semantic-purple-medium-dark-700: rgb(112,8,231); /* @kind color */
  --color-semantic-purple-medium-light-300: rgb(196,180,255); /* @kind color */
  --color-semantic-success-basic-500: rgb(42,155,77); /* @kind color */
  --color-semantic-success-dark-900: rgb(21,78,39); /* @kind color */
  --color-semantic-success-dark: rgb(1,71,55); /* @kind color */
  --color-semantic-success-light-100: rgb(236,250,226); /* @kind color */
  --color-semantic-success-medium-dark-700: rgb(32,116,58); /* @kind color */
  --color-semantic-success-medium-light-300: rgb(217,246,198); /* @kind color */
  --color-semantic-warning-basic-500: rgb(239,177,0); /* @kind color */
  --color-semantic-warning-dark-900: rgb(120,89,0); /* @kind color */
  --color-semantic-warning-light-100: rgb(252,239,204); /* @kind color */
  --color-semantic-warning-medium-dark-700: rgb(167,124,0); /* @kind color */
  --color-semantic-warning-medium-light-300: rgb(249,224,153); /* @kind color */
  --color-success-success-default: var(--color-semantic-success-basic-500); /* @kind color */
  --color-success-success-hover: var(--color-semantic-success-medium-dark-700); /* @kind color */
  --color-success-success-light-2: var(--color-semantic-success-light-100); /* @kind color */
  --color-success-success-light: var(--color-semantic-success-medium-light-300); /* @kind color */
  --color-success-success-press: var(--color-semantic-success-dark-900); /* @kind color */
  --color-surface-surface-1-2: var(--visa-light-v-surface-1); /* @kind color */
  --color-surface-surface-1: var(--visa-light-v-surface-1); /* @kind color */
  --color-surface-surface-2: var(--visa-light-v-surface-2); /* @kind color */
  --color-surface-surface-3: var(--visa-light-v-surface-3); /* @kind color */
  --color-surface-surface-highlight: var(--visa-light-v-surface-highlight); /* @kind color */
  --color-surface-surface-lowlight: var(--visa-light-v-surface-lowlight); /* @kind color */
  --color-teals-50: rgb(242,252,251); /* @kind color */
  --color-teals-teal-100: rgb(229,248,246); /* @kind color */
  --color-teals-teal-300: rgb(178,235,229); /* @kind color */
  --color-teals-teal-400: rgb(128,221,211); /* @kind color */
  --color-teals-teal-500: rgb(0,187,167); /* @kind color */
  --color-teals-teal-600: rgb(0,150,137); /* @kind color */
  --color-teals-teal-700: rgb(0,94,84); /* @kind color */
  --color-teals-teal-900: rgb(0,56,50); /* @kind color */
  --color-text-on-active-2: var(--visa-light-v-on-active); /* @kind color */
  --color-text-on-active: var(--visa-light-v-on-active); /* @kind color */
  --color-text-text-subtle-2: var(--visa-light-v-text-subtle); /* @kind color */
  --color-text-text-subtle: var(--visa-light-v-text-subtle); /* @kind color */
  --color-text-text: var(--visa-light-v-text); /* @kind color */
  --color-visa-accent-accent-1-hover: var(--visa-light-visa-accent-v-accent-1-hover); /* @kind color */
  --color-visa-accent-accent-1-pressed: var(--visa-light-visa-accent-v-accent-1-pressed); /* @kind color */
  --color-visa-accent-accent-1: var(--visa-light-visa-accent-v-accent-1); /* @kind color */
  --color-visa-accent-accent-2: var(--visa-light-visa-accent-v-accent-2); /* @kind color */
  --color-visa-accent-accent-app-name: var(--visa-light-visa-accent-v-accent-app-name); /* @kind color */
  --color-warning-ambar-default: var(--color-semantic-warning-basic-500); /* @kind color */
  --color-warning-ambar-hover: var(--color-semantic-warning-medium-dark-700); /* @kind color */
  --color-warning-ambar-light-2: var(--color-semantic-warning-light-100); /* @kind color */
  --color-warning-ambar-light: var(--color-semantic-warning-medium-light-300); /* @kind color */
  --color-warning-ambar-press: var(--color-semantic-warning-dark-900); /* @kind color */
  --color-white: rgb(255,255,255); /* @kind color */
  --colores-corporativos-black-brand: var(--color-brand-black-2); /* @kind color */
  --colores-corporativos-fasttrax-azul-corporativo: var(--color-brand-white); /* @kind color */
  --colores-corporativos-fasttrax-azul-one: var(--color-brand-traxporta-cyan); /* @kind color */
  --colores-corporativos-fasttrax-cyan-ft: var(--color-brand-fasttrax-cyan-ft-2); /* @kind color */
  --colores-corporativos-fasttrax-naranja-2-corporativo: var(--color-brand-traxporta-naranja-2-corporativo); /* @kind color */
  --colores-corporativos-fasttrax-naranja-corporativo: var(--color-brand-traxporta-lime); /* @kind color */
  --colores-corporativos-solistica-corp-50: rgb(143,149,168); /* @kind color */
  --colores-corporativos-solistica-gray-50: rgb(177,178,181); /* @kind color */
  --colores-corporativos-solistica-trax-50: rgb(231,239,128); /* @kind color */
  --colores-corporativos-solistica-trax-70: rgb(222,233,77); /* @kind color */
  --colores-corporativos-solistica-trax-90: rgb(213,226,26); /* @kind color */
  --colores-corporativos-traxion-black-2: rgb(0,0,0); /* @kind color */
  --colores-corporativos-traxion-black: rgb(0,0,0); /* @kind color */
  --colores-corporativos-traxion-cool-gray-10: var(--color-brand-traxion-cool-gray-10-2); /* @kind color */
  --colores-corporativos-traxion-cool-gray-2: var(--color-brand-traxion-cool-gray-2-2); /* @kind color */
  --colores-corporativos-traxion-cool-gray-7: var(--color-brand-traxion-cool-gray-7-2); /* @kind color */
  --colores-corporativos-traxion-dark-green-traxion: var(--color-brand-traxion-dark-green-2); /* @kind color */
  --colores-corporativos-traxion-green-traxion: var(--color-brand-traxion-green-2); /* @kind color */
  --colores-corporativos-traxion-light-green-traxion: var(--color-brand-traxion-light-green-2); /* @kind color */
  --colores-corporativos-traxporta-cyan: var(--color-brand-traxporta-cyan-2); /* @kind color */
  --colores-corporativos-traxporta-lime: var(--color-brand-traxporta-lime-2); /* @kind color */
  --colores-corporativos-white-brand: var(--color-brand-white-2); /* @kind color */
  --content-card-default-contentcard-ui-t-padding: 14;
  --content-card-dense-contentcard-ui-t-padding: 13;
  --content-card-spacious-contentcard-ui-t-padding: 21;
  --corner-extra-large: 28; /* @kind other */
  --corner-large-increased: 20; /* @kind other */
  --corner-large: 16; /* @kind other */
  --dark: rgb(33,33,33); /* @kind color */
  --disabled: rgb(171,190,209); /* @kind color */
  --dropdown-menu-dropdown-item-icon: 18; /* @kind other */
  --effects-scales-12: var(--scale-300); /* @kind other */
  --effects-scales-2-2: -2; /* @kind other */
  --effects-scales-2: var(--scale-50); /* @kind other */
  --effects-scales-4-2: -4; /* @kind other */
  --effects-scales-4: var(--scale-100); /* @kind other */
  --effects-scales-6-2: -6; /* @kind other */
  --effects-scales-6: var(--scale-150); /* @kind other */
  --effects-scales-8-2: -8; /* @kind other */
  --effects-scales-8: var(--scale-200); /* @kind other */
  --effects-scales-half: -0.5; /* @kind other */
  --effects-shade-10: rgba(55,65,81,0.1); /* @kind color */
  --effects-shade-15: rgba(55,65,81,0.15); /* @kind color */
  --effects-shade-25: rgba(55,65,81,0.25); /* @kind color */
  --effects-shade-5: rgba(55,65,81,0.05); /* @kind color */
  --effects-shade-dark-back: rgba(0,0,0,0.65); /* @kind color */
  --effects-shade-field: rgba(208,223,0,0.4); /* @kind color */
  --file-upload-file-card-ui-button-default: 32; /* @kind other */
  --file-upload-file-card-ui-button-dense: 28; /* @kind other */
  --file-upload-file-card-ui-button-spacious: 36; /* @kind other */
  --font-body-family: var(--font-primary);
  --font-body-medium-bodyb1-line-height: var(--font-line-height-650);
  --font-body-medium-bodyb1-paragraph-spacing: var(--font-paragraph-spacing-350);
  --font-body-medium-bodyb1-text-size: var(--font-text-size-450);
  --font-body-medium-bodyb2-line-height: var(--font-line-height-600);
  --font-body-medium-bodyb2-paragraph-spacing: var(--font-paragraph-spacing-300);
  --font-body-medium-bodyb2-text-size: var(--font-text-size-400);
  --font-body-medium-bodyb3-line-height: var(--font-line-height-400);
  --font-body-medium-bodyb3-paragraph-spacing: var(--font-paragraph-spacing-200);
  --font-body-medium-bodyb3-text-size: var(--font-text-size-300);
  --font-body-medium-weight: var(--fonts-inter-tight-weight-medium);
  --font-body-regular-body1-line-height: var(--font-line-height-650);
  --font-body-regular-body1-paragraph-spacing: var(--font-paragraph-spacing-350);
  --font-body-regular-body1-text-size: var(--font-text-size-450);
  --font-body-regular-body2-line-height: var(--font-line-height-600);
  --font-body-regular-body2-paragraph-spacing: var(--font-paragraph-spacing-300);
  --font-body-regular-body2-text-size: var(--font-text-size-400);
  --font-body-regular-body3-line-height-2: var(--font-line-height-400);
  --font-body-regular-body3-line-height: var(--font-line-height-500);
  --font-body-regular-body3-paragraph-spacing-2: var(--font-paragraph-spacing-200);
  --font-body-regular-body3-paragraph-spacing: var(--font-paragraph-spacing-250);
  --font-body-regular-body3-text-size-2: var(--font-text-size-300);
  --font-body-regular-body3-text-size: var(--font-text-size-350);
  --font-body-regular-weight: var(--fonts-inter-tight-weight-regular);
  --font-body-semibold-bodyb1-line-height: var(--font-line-height-650);
  --font-body-semibold-bodyb1-paragraph-spacing: var(--font-paragraph-spacing-350);
  --font-body-semibold-bodyb1-text-size: var(--font-text-size-450);
  --font-body-semibold-bodyb2-line-height: var(--font-line-height-600);
  --font-body-semibold-bodyb2-paragraph-spacing: var(--font-paragraph-spacing-300);
  --font-body-semibold-bodyb2-text-size: var(--font-text-size-400);
  --font-body-semibold-bodyb3-line-height: var(--font-line-height-400);
  --font-body-semibold-bodyb3-paragraph-spacing: var(--font-paragraph-spacing-200);
  --font-body-semibold-bodyb3-text-size: var(--font-text-size-300);
  --font-body-semibold-weight: var(--fonts-inter-tight-weight-semibold);
  --font-detail-button-big-text-size: var(--font-text-size-400);
  --font-detail-button-big-weight: var(--fonts-inter-tight-weight-semibold);
  --font-detail-button-medium-text-size: var(--font-text-size-350);
  --font-detail-button-medium-weight: var(--fonts-inter-tight-weight-semibold);
  --font-detail-button-small-text-size: var(--font-text-size-300);
  --font-detail-button-small-weight: var(--fonts-inter-tight-weight-medium);
  --font-detail-family: var(--font-primary);
  --font-detail-label-active-l-text-size: var(--font-text-size-450);
  --font-detail-label-active-normal-text-size: var(--font-text-size-400);
  --font-detail-label-active-s-text-size: var(--font-text-size-350);
  --font-detail-label-active-weight: var(--fonts-inter-tight-weight-semibold);
  --font-detail-label-active-xs-text-size: var(--font-text-size-300);
  --font-detail-label-active-xss-xss: var(--font-text-size-250);
  --font-detail-label-itallic-l-text-size: var(--font-text-size-450);
  --font-detail-label-itallic-normal-text-size: var(--font-text-size-400);
  --font-detail-label-itallic-s-text-size: var(--font-text-size-350);
  --font-detail-label-itallic-weight: var(--fonts-inter-tight-weight-italic);
  --font-detail-label-itallic-xs-text-size: var(--font-text-size-300);
  --font-detail-label-itallic-xss-xss: var(--font-text-size-250);
  --font-detail-label-regular-l-text-size: var(--font-text-size-450);
  --font-detail-label-regular-normal-text-size: var(--font-text-size-400);
  --font-detail-label-regular-s-text-size: var(--font-text-size-350);
  --font-detail-label-regular-weight: var(--fonts-inter-tight-weight-regular);
  --font-detail-label-regular-xs-text-size: var(--font-text-size-300);
  --font-detail-label-regular-xss-xss: var(--font-text-size-250);
  --font-detail-link-big-text-size: var(--font-text-size-400);
  --font-detail-link-normal-text-size: var(--font-text-size-350);
  --font-detail-link-small-text-size: var(--font-text-size-300);
  --font-detail-link-weight: var(--fonts-inter-tight-weight-medium);
  --font-detail-table-cell-family: var(--font-primary);
  --font-detail-table-cell-text-size: var(--font-text-size-300);
  --font-detail-table-cell-weight: var(--fonts-inter-tight-weight-regular);
  --font-detail-table-header-family: var(--font-secondary);
  --font-detail-table-header-text-size: var(--font-text-size-300);
  --font-detail-table-header-weight: var(--fonts-clan-ot-weight-medium);
  --font-display-d1-line-height: var(--font-line-height-1400);
  --font-display-d1-size: var(--font-text-size-1300);
  --font-display-d2-line-height: var(--font-line-height-1200);
  --font-display-d2-size: var(--font-text-size-1000);
  --font-display-d3-line-height: var(--font-line-height-1000);
  --font-display-d3-size: var(--font-text-size-900);
  --font-display-d4-line-height: var(--font-line-height-800);
  --font-display-d4-size: var(--font-text-size-700);
  --font-display-d5-line-height: var(--font-line-height-750);
  --font-display-d5-size: var(--font-text-size-650);
  --font-display-family: var(--font-secondary);
  --font-display-weight: var(--fonts-clan-ot-weight-medium);
  --font-family-font-family: "Noto Sans";
  --font-family-sans: "Inter";
  --font-headlines-family: var(--font-secondary);
  --font-headlines-h1-line-height: var(--font-line-height-400);
  --font-headlines-h1-size: var(--font-text-size-350);
  --font-headlines-h2-line-height: var(--font-line-height-350);
  --font-headlines-h2-size: var(--font-text-size-300);
  --font-headlines-h4-weight: var(--fonts-roboto-condensed-weight-semibold);
  --font-headlines-weight: var(--fonts-clan-ot-weight-medium);
  --font-leading-4: 16;
  --font-leading-5: 20;
  --font-letter-spacing-4: 0.006;
  --font-letter-spacing-8: 0.051;
  --font-line-height-1000: var(--scale-1000);
  --font-line-height-1100: var(--scale-1100);
  --font-line-height-1200: var(--scale-1200);
  --font-line-height-1400: var(--scale-1400);
  --font-line-height-300: var(--scale-300);
  --font-line-height-350: var(--scale-350);
  --font-line-height-400: var(--scale-400);
  --font-line-height-450: var(--scale-450);
  --font-line-height-500: var(--scale-500);
  --font-line-height-600: var(--scale-600);
  --font-line-height-650: var(--scale-650);
  --font-line-height-700: var(--scale-700);
  --font-line-height-750: var(--scale-750);
  --font-line-height-800: var(--scale-800);
  --font-line-height-900: var(--scale-900);
  --font-line-height-auto: 0;
  --font-overline-family: var(--font-secondary);
  --font-overline-overline-1-letter-spacing: var(--font-letter-spacing-8);
  --font-overline-overline-1-line-height: var(--font-line-height-350);
  --font-overline-overline-1-size: var(--font-text-size-300);
  --font-overline-overline-1-weight: var(--fonts-clan-ot-weight-medium);
  --font-overline-overline-2-letter-spacing: var(--font-letter-spacing-8);
  --font-overline-overline-2-line-height: var(--font-line-height-300);
  --font-overline-overline-2-size: var(--font-text-size-250);
  --font-overline-overline-2-weight: var(--fonts-clan-ot-weight-news);
  --font-paragraph-spacing-150: var(--scale-150);
  --font-paragraph-spacing-200: var(--scale-200);
  --font-paragraph-spacing-250: var(--scale-250);
  --font-paragraph-spacing-300: var(--scale-300);
  --font-paragraph-spacing-350: var(--scale-350);
  --font-primary: var(--fonts-inter-tight-style-roboto);
  --font-secondary: var(--fonts-clan-ot-style-clan-ot);
  --font-size-sm: 14;
  --font-size-xs: 12;
  --font-subtitles-family: var(--font-secondary);
  --font-subtitles-s1-line-height: var(--font-line-height-400);
  --font-subtitles-s1-size: var(--font-text-size-350);
  --font-subtitles-s1-weight: var(--fonts-clan-ot-weight-news);
  --font-subtitles-s2-line-height: var(--font-line-height-350);
  --font-subtitles-s2-size: var(--font-text-size-300);
  --font-subtitles-s2-weight: var(--fonts-clan-ot-weight-news);
  --font-text-size-1000: var(--scale-1000);
  --font-text-size-1200: var(--scale-1200);
  --font-text-size-1300: var(--scale-1300);
  --font-text-size-250: var(--scale-250);
  --font-text-size-300: var(--scale-300);
  --font-text-size-350: var(--scale-350);
  --font-text-size-400: var(--scale-400);
  --font-text-size-450: var(--scale-450);
  --font-text-size-500: var(--scale-500);
  --font-text-size-550: var(--scale-550);
  --font-text-size-600: var(--scale-600);
  --font-text-size-650: var(--scale-650);
  --font-text-size-700: var(--scale-700);
  --font-text-size-750: var(--scale-750);
  --font-text-size-900: var(--scale-900);
  --font-tracking-normal: 0;
  --font-weight-light: 300;
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --font-weight-semibold: 600;
  --fonts-clan-ot-style-clan-ot: "Clan OT"; /* @kind other */
  --fonts-clan-ot-style-underline: "String value"; /* @kind other */
  --fonts-clan-ot-weight-bold: "Bold"; /* @kind other */
  --fonts-clan-ot-weight-book: "Book"; /* @kind other */
  --fonts-clan-ot-weight-medium: "Medium"; /* @kind other */
  --fonts-clan-ot-weight-news: "News"; /* @kind other */
  --fonts-inter-tight-style-roboto: "Roboto"; /* @kind other */
  --fonts-inter-tight-weight-bold: "Bold"; /* @kind other */
  --fonts-inter-tight-weight-italic: "Italic"; /* @kind other */
  --fonts-inter-tight-weight-medium: "Medium"; /* @kind other */
  --fonts-inter-tight-weight-regular: "Regular"; /* @kind other */
  --fonts-inter-tight-weight-semibold: "SemiBold"; /* @kind other */
  --fonts-roboto-condensed-style-roboto-condensed: "Roboto Condensed"; /* @kind other */
  --fonts-roboto-condensed-weight-bold: "Bold"; /* @kind other */
  --fonts-roboto-condensed-weight-medium: "Medium"; /* @kind other */
  --fonts-roboto-condensed-weight-semibold: "SemiBold"; /* @kind other */
  --fonts-roboto-weight-medium: "Medium"; /* @kind other */
  --full: var(--shape-token-shape-375); /* @kind other */
  --generic-gen-on-active: rgb(255,255,255); /* @kind color */
  --generic-gen-surface-1: rgb(255,255,255); /* @kind color */
  --generic-gen-text-subtle: rgb(68,72,85); /* @kind color */
  --gray-blue-dark-gbdark-active-hover: rgb(206,214,243); /* @kind color */
  --gray-blue-dark-gbdark-active-pressed: rgb(133,153,224); /* @kind color */
  --gray-blue-dark-gbdark-active-subtle: rgba(255,255,255,0.5); /* @kind color */
  --gray-blue-dark-gbdark-active: rgb(182,194,237); /* @kind color */
  --gray-blue-dark-gbdark-border: rgba(255,255,255,0.1); /* @kind color */
  --gray-blue-dark-gbdark-disabled: rgba(255,255,255,0.2); /* @kind color */
  --gray-blue-dark-gbdark-on-active: rgb(39,39,39); /* @kind color */
  --gray-blue-dark-gbdark-surface-1: rgb(39,39,39); /* @kind color */
  --gray-blue-dark-gbdark-surface-2: rgb(20,20,20); /* @kind color */
  --gray-blue-dark-gbdark-surface-3: rgb(33,33,33); /* @kind color */
  --gray-blue-dark-gbdark-surface-highlight: rgba(0,0,0,0.35); /* @kind color */
  --gray-blue-dark-gbdark-surface-lowlight: rgba(0,0,0,0.6); /* @kind color */
  --gray-blue-dark-gbdark-text-subtle: rgb(202,210,232); /* @kind color */
  --gray-blue-dark-gbdark-text: rgb(255,255,255); /* @kind color */
  --gray-blue-dark-messaging-gbdark-info-graphics: rgb(121,182,210); /* @kind color */
  --gray-blue-dark-messaging-gbdark-negative-graphics: rgb(221,111,111); /* @kind color */
  --gray-blue-dark-messaging-gbdark-negative-surface-highlight: rgba(83,19,19,0.35); /* @kind color */
  --gray-blue-dark-messaging-gbdark-negative-surface-lowlight: rgba(83,19,19,0.6); /* @kind color */
  --gray-blue-dark-messaging-gbdark-negative-surface: rgb(83,19,19); /* @kind color */
  --gray-blue-dark-messaging-gbdark-negative-text-hover: rgb(248,226,226); /* @kind color */
  --gray-blue-dark-messaging-gbdark-negative-text-pressed: rgb(231,152,152); /* @kind color */
  --gray-blue-dark-messaging-gbdark-negative-text: rgb(240,193,193); /* @kind color */
  --gray-blue-dark-messaging-gbdark-positive-graphics: rgb(129,202,165); /* @kind color */
  --gray-blue-dark-messaging-gbdark-positive-surface: rgb(30,72,50); /* @kind color */
  --gray-blue-dark-messaging-gbdark-positive-text: rgb(201,232,216); /* @kind color */
  --gray-blue-light-gb-active-hover: rgb(47,82,188); /* @kind color */
  --gray-blue-light-gb-active-pressed: rgb(29,50,114); /* @kind color */
  --gray-blue-light-gb-active-subtle: rgba(0,0,0,0.5); /* @kind color */
  --gray-blue-light-gb-active: rgb(41,71,163); /* @kind color */
  --gray-blue-light-gb-border: rgba(61,81,143,0.1); /* @kind color */
  --gray-blue-light-gb-disabled: rgba(61,81,143,0.2); /* @kind color */
  --gray-blue-light-gb-on-active: rgb(255,255,255); /* @kind color */
  --gray-blue-light-gb-overlay: rgba(61,81,143,0.4); /* @kind color */
  --gray-blue-light-gb-surface-1: rgb(255,255,255); /* @kind color */
  --gray-blue-light-gb-surface-2: rgb(243,243,247); /* @kind color */
  --gray-blue-light-gb-surface-3: rgb(231,233,239); /* @kind color */
  --gray-blue-light-gb-surface-highlight: rgba(173,188,234,0.35); /* @kind color */
  --gray-blue-light-gb-surface-lowlight: rgba(173,188,234,0.6); /* @kind color */
  --gray-blue-light-gb-text-subtle: rgb(68,72,85); /* @kind color */
  --gray-blue-light-gb-text: rgb(34,36,42); /* @kind color */
  --gray-blue-light-messaging-gb-info-graphics: rgb(51,121,153); /* @kind color */
  --gray-blue-light-messaging-gb-negative-graphics: rgb(182,43,43); /* @kind color */
  --gray-blue-light-messaging-gb-negative-surface-highlight: rgba(247,222,222,0.35); /* @kind color */
  --gray-blue-light-messaging-gb-negative-surface-lowlight: rgba(247,222,222,0.6); /* @kind color */
  --gray-blue-light-messaging-gb-negative-surface: rgb(247,222,222); /* @kind color */
  --gray-blue-light-messaging-gb-negative-text-hover: rgb(149,35,35); /* @kind color */
  --gray-blue-light-messaging-gb-negative-text-pressed: rgb(99,23,23); /* @kind color */
  --gray-blue-light-messaging-gb-negative-text: rgb(132,31,31); /* @kind color */
  --gray-blue-light-messaging-gb-positive-graphics: rgb(60,144,101); /* @kind color */
  --gray-blue-light-messaging-gb-positive-surface: rgb(212,237,224); /* @kind color */
  --gray-blue-light-messaging-gb-positive-text: rgb(42,101,70); /* @kind color */
  --green-dark-gdark-active-hover: rgb(217,245,146); /* @kind color */
  --green-dark-gdark-active-pressed: rgb(176,199,119); /* @kind color */
  --green-dark-gdark-active-subtle: rgba(247,255,228,0.5); /* @kind color */
  --green-dark-gdark-active: rgb(203,229,137); /* @kind color */
  --green-dark-gdark-border: rgba(255,255,255,0.1); /* @kind color */
  --green-dark-gdark-disabled: rgba(255,255,255,0.2); /* @kind color */
  --green-dark-gdark-on-active: rgb(26,36,25); /* @kind color */
  --green-dark-gdark-overlay: rgba(0,0,0,0.4); /* @kind color */
  --green-dark-gdark-surface-1: rgb(26,36,25); /* @kind color */
  --green-dark-gdark-surface-2: rgb(16,20,16); /* @kind color */
  --green-dark-gdark-surface-3: rgb(12,15,12); /* @kind color */
  --green-dark-gdark-surface-highlight: rgba(0,0,0,0.35); /* @kind color */
  --green-dark-gdark-surface-lowlight: rgba(0,0,0,0.6); /* @kind color */
  --green-dark-gdark-text-subtle: rgb(205,219,192); /* @kind color */
  --green-dark-gdark-text: rgb(255,255,255); /* @kind color */
  --green-dark-messaging-gdark-info-graphics: rgb(121,182,210); /* @kind color */
  --green-dark-messaging-gdark-negative-graphics: rgb(221,111,111); /* @kind color */
  --green-dark-messaging-gdark-negative-surface-highlight: rgba(83,19,19,0.35); /* @kind color */
  --green-dark-messaging-gdark-negative-surface-lowlight: rgba(83,19,19,0.6); /* @kind color */
  --green-dark-messaging-gdark-negative-surface: rgb(83,19,19); /* @kind color */
  --green-dark-messaging-gdark-negative-text-hover: rgb(248,226,226); /* @kind color */
  --green-dark-messaging-gdark-negative-text-pressed: rgb(231,152,152); /* @kind color */
  --green-dark-messaging-gdark-negative-text: rgb(240,193,193); /* @kind color */
  --green-dark-messaging-gdark-positive-graphics: rgb(129,202,165); /* @kind color */
  --green-dark-messaging-gdark-positive-surface: rgb(30,72,50); /* @kind color */
  --green-dark-messaging-gdark-positive-text: rgb(201,232,216); /* @kind color */
  --green-light-g-active-hover: rgb(51,112,41); /* @kind color */
  --green-light-g-active-pressed: rgb(21,45,16); /* @kind color */
  --green-light-g-active-subtle: rgba(0,0,0,0.5); /* @kind color */
  --green-light-g-active: rgb(41,90,32); /* @kind color */
  --green-light-g-border: rgba(0,0,0,0.1); /* @kind color */
  --green-light-g-disabled: rgba(0,0,0,0.2); /* @kind color */
  --green-light-g-on-active: rgb(255,255,255); /* @kind color */
  --green-light-g-overlay: rgba(0,0,0,0.4); /* @kind color */
  --green-light-g-surface-1: rgb(255,255,255); /* @kind color */
  --green-light-g-surface-2: rgb(245,245,245); /* @kind color */
  --green-light-g-surface-3: rgb(240,240,240); /* @kind color */
  --green-light-g-surface-highlight: rgba(203,229,137,0.35); /* @kind color */
  --green-light-g-surface-lowlight: rgba(203,229,137,0.6); /* @kind color */
  --green-light-g-text-subtle: rgb(74,74,74); /* @kind color */
  --green-light-g-text: rgb(0,0,0); /* @kind color */
  --green-light-messaging-g-info-graphics: rgb(51,121,153); /* @kind color */
  --green-light-messaging-g-negative-graphics: rgb(182,43,43); /* @kind color */
  --green-light-messaging-g-negative-surface-highlight: rgba(247,222,222,0.35); /* @kind color */
  --green-light-messaging-g-negative-surface-lowlight: rgba(247,222,222,0.6); /* @kind color */
  --green-light-messaging-g-negative-surface: rgb(247,222,222); /* @kind color */
  --green-light-messaging-g-negative-text-hover: rgb(149,35,35); /* @kind color */
  --green-light-messaging-g-negative-text-pressed: rgb(99,23,23); /* @kind color */
  --green-light-messaging-g-negative-text: rgb(132,31,31); /* @kind color */
  --green-light-messaging-g-positive-graphics: rgb(60,144,101); /* @kind color */
  --green-light-messaging-g-positive-surface: rgb(212,237,224); /* @kind color */
  --green-light-messaging-g-positive-text: rgb(42,101,70); /* @kind color */
  --highlight-ambar: rgb(255,244,212); /* @kind color */
  --highlight-rojo: rgb(255,234,234); /* @kind color */
  --highlight-verde: rgb(234,255,237); /* @kind color */
  --hover-ambar: rgb(199,144,26); /* @kind color */
  --hover-azul: rgb(45,91,255); /* @kind color */
  --hover-naranja: rgb(240,146,91); /* @kind color */
  --hover-rojo: rgb(197,59,59); /* @kind color */
  --hover-verde: rgb(8,133,95); /* @kind color */
  --icons-action-2: var(--color-secondary-teal-default); /* @kind color */
  --icons-action-hover-2: var(--color-secondary-teal-hover); /* @kind color */
  --icons-action-hover: var(--color-primary-lime-hover); /* @kind color */
  --icons-action-neutral: var(--color-neutral-neutral-900-2); /* @kind color */
  --icons-action-press-2: var(--color-secondary-teal-press); /* @kind color */
  --icons-action-press: var(--color-primary-lime-press); /* @kind color */
  --icons-action: var(--color-primary-lime-default); /* @kind color */
  --icons-disabled: var(--color-neutral-neutral-300); /* @kind color */
  --icons-error-hover: var(--color-destructive-red-hover); /* @kind color */
  --icons-error-press: var(--color-destructive-red-press); /* @kind color */
  --icons-error: var(--color-destructive-red-default); /* @kind color */
  --icons-info-hover: var(--color-info-info-hover); /* @kind color */
  --icons-info-press: var(--color-info-info-press); /* @kind color */
  --icons-information: var(--color-info-info-default); /* @kind color */
  --icons-neutral-overlay: var(--color-neutral-neutral-900-2); /* @kind color */
  --icons-on-action: var(--color-brand-white-2); /* @kind color */
  --icons-orange-hover: var(--color-orange-orange-hover); /* @kind color */
  --icons-orange-press: var(--color-orange-orange-press); /* @kind color */
  --icons-orange: var(--color-orange-orange-default); /* @kind color */
  --icons-pink-hover: var(--color-pink-pink-hover); /* @kind color */
  --icons-pink-press: var(--color-pink-pink-press); /* @kind color */
  --icons-pink: var(--color-pink-pink-default); /* @kind color */
  --icons-purple-hover: var(--color-purple-purple-hover); /* @kind color */
  --icons-purple-press: var(--color-purple-purple-press); /* @kind color */
  --icons-purple: var(--color-purple-purple-default); /* @kind color */
  --icons-subtle: var(--color-neutral-neutral-400); /* @kind color */
  --icons-succes-button-press: var(--color-success-success-press); /* @kind color */
  --icons-success-button-hover: var(--color-success-success-hover); /* @kind color */
  --icons-success: var(--color-success-success-default); /* @kind color */
  --icons-warning-button-press: var(--color-warning-ambar-press); /* @kind color */
  --icons-warning-hover: var(--color-warning-ambar-hover); /* @kind color */
  --icons-warning: var(--color-warning-ambar-default); /* @kind color */
  --input-default-input-height: 38; /* @kind other */
  --input-default-input-ui-button-height: 32; /* @kind other */
  --input-dense-input-height: 34; /* @kind other */
  --input-dense-input-ui-button-height: 28; /* @kind other */
  --input-inline-message-icon: 16; /* @kind other */
  --input-input-icon: 22; /* @kind other */
  --input-spacious-input-height: 44; /* @kind other */
  --input-spacious-input-ui-button-height: 38; /* @kind other */
  --large-lists: var(--shape-token-shape-100); /* @kind other */
  --large: var(--shape-token-shape-100); /* @kind other */
  --layout-grid-bottom: var(--spacing-700); /* @kind other */
  --layout-grid-columns: var(--spacing-300); /* @kind other */
  --layout-grid-gutter: var(--spacing-700); /* @kind other */
  --layout-grid-margin: 96; /* @kind other */
  --layout-grid-top: var(--spacing-700); /* @kind other */
  --link-link-padding-lr: var(--size-0);
  --link-link-padding-tb: var(--size-0);
  --medium: var(--shape-token-shape-75); /* @kind other */
  --mist: rgb(238,238,239); /* @kind color */
  --naranja-2-corporativo: rgb(250,133,30); /* @kind color */
  --naranja-corporativo: rgb(232,88,14); /* @kind color */
  --naranja-light: rgb(253,181,132); /* @kind color */
  --naranja-one: rgb(231,112,52); /* @kind color */
  --naranja-primario: rgb(250,116,25); /* @kind color */
  --neutrals-100: rgb(243,244,246); /* @kind color */
  --neutrals-200: rgb(229,231,235); /* @kind color */
  --neutrals-300: rgb(209,213,219); /* @kind color */
  --neutrals-400: rgb(156,163,175); /* @kind color */
  --none: var(--shape-token-shape-0); /* @kind other */
  --opacity-100: 100; /* @kind other */
  --opacity-50: 50; /* @kind other */
  --opacity-60: 60; /* @kind other */
  --padding-overrides-badge-min-height: var(--badge-default-badge-min-height);
  --padding-overrides-chip-compact-button-height: var(--chip-default-compact-chip-button);
  --padding-overrides-chip-default-button: var(--chip-default-chip-button);
  --padding-overrides-chip-tb-padding: var(--chip-default-chip-tb-padding);
  --padding-overrides-contentcard-ui-t-padding: var(--content-card-default-contentcard-ui-t-padding);
  --padding-overrides-file-card-ui-button: var(--file-upload-file-card-ui-button-default);
  --padding-overrides-input-height: var(--input-default-input-height);
  --padding-overrides-input-min-height: var(--input-default-input-height);
  --padding-overrides-input-ui-button-height: var(--input-default-input-ui-button-height);
  --padding-overrides-l-button-height: var(--button-default-l-button-height);
  --padding-overrides-m-button-height: var(--button-default-m-button-height);
  --padding-overrides-s-button-height: var(--button-default-s-button-height);
  --padding-overrides-textarea-tb-padding: var(--text-area-default-textarea-padding-tb);
  --palette-categorical-dark-00-categorical-dark-blue: rgb(34,96,146); /* @kind color */
  --press-ambar: rgb(159,98,24); /* @kind color */
  --press-azul: rgb(0,58,157); /* @kind color */
  --press-naranja: rgb(198,94,34); /* @kind color */
  --press-rojo: rgb(126,30,30); /* @kind color */
  --press-verde: rgb(16,77,59); /* @kind color */
  --purple-dark-messaging-pdark-negative-graphics: rgb(221,111,111); /* @kind color */
  --purple-dark-messaging-pdark-negative-surface-highlight: rgba(83,19,19,0.35); /* @kind color */
  --purple-dark-messaging-pdark-negative-surface-lowlight: rgba(83,19,19,0.6); /* @kind color */
  --purple-dark-messaging-pdark-negative-surface: rgb(83,19,19); /* @kind color */
  --purple-dark-messaging-pdark-negative-text-hover: rgb(248,226,226); /* @kind color */
  --purple-dark-messaging-pdark-negative-text-pressed: rgb(231,152,152); /* @kind color */
  --purple-dark-messaging-pdark-negative-text: rgb(240,193,193); /* @kind color */
  --purple-dark-messaging-pdark-positive-graphics: rgb(129,202,165); /* @kind color */
  --purple-dark-messaging-pdark-positive-surface: rgb(30,72,50); /* @kind color */
  --purple-dark-messaging-pdark-positive-text: rgb(201,232,216); /* @kind color */
  --purple-dark-pdark-active-hover: rgb(237,210,239); /* @kind color */
  --purple-dark-pdark-active-pressed: rgb(210,142,215); /* @kind color */
  --purple-dark-pdark-active-subtle: rgba(255,255,255,0.5); /* @kind color */
  --purple-dark-pdark-active: rgb(228,187,231); /* @kind color */
  --purple-dark-pdark-border: rgba(255,255,255,0.1); /* @kind color */
  --purple-dark-pdark-disabled: rgba(246,232,247,0.2); /* @kind color */
  --purple-dark-pdark-on-active: rgb(0,0,0); /* @kind color */
  --purple-dark-pdark-overlay: rgba(0,0,0,0.4); /* @kind color */
  --purple-dark-pdark-surface-1: rgb(13,13,13); /* @kind color */
  --purple-dark-pdark-surface-2: rgb(36,36,36); /* @kind color */
  --purple-dark-pdark-surface-3: rgb(31,31,31); /* @kind color */
  --purple-dark-pdark-surface-highlight: rgba(119,4,129,0.6); /* @kind color */
  --purple-dark-pdark-surface-lowlight: rgba(119,4,129,0.35); /* @kind color */
  --purple-dark-pdark-text-subtle: rgb(217,217,217); /* @kind color */
  --purple-dark-pdark-text: rgb(255,255,255); /* @kind color */
  --purple-light-messaging-p-info-graphics: rgb(51,121,153); /* @kind color */
  --purple-light-messaging-p-negative-graphics: rgb(182,43,43); /* @kind color */
  --purple-light-messaging-p-negative-surface-highlight: rgba(247,222,222,0.35); /* @kind color */
  --purple-light-messaging-p-negative-surface-lowlight: rgba(247,222,222,0.6); /* @kind color */
  --purple-light-messaging-p-negative-surface: rgb(247,222,222); /* @kind color */
  --purple-light-messaging-p-negative-text-hover: rgb(149,35,35); /* @kind color */
  --purple-light-messaging-p-negative-text-pressed: rgb(99,23,23); /* @kind color */
  --purple-light-messaging-p-negative-text: rgb(132,31,31); /* @kind color */
  --purple-light-messaging-p-positive-graphics: rgb(60,144,101); /* @kind color */
  --purple-light-messaging-p-positive-surface: rgb(212,237,224); /* @kind color */
  --purple-light-messaging-p-positive-text: rgb(42,101,70); /* @kind color */
  --purple-light-p-active-hover: rgb(174,6,188); /* @kind color */
  --purple-light-p-active-pressed: rgb(92,3,99); /* @kind color */
  --purple-light-p-active-subtle: rgba(0,0,0,0.5); /* @kind color */
  --purple-light-p-active: rgb(146,5,158); /* @kind color */
  --purple-light-p-border: rgba(0,0,0,0.1); /* @kind color */
  --purple-light-p-disabled: rgba(0,0,0,0.2); /* @kind color */
  --purple-light-p-on-active: rgb(255,255,255); /* @kind color */
  --purple-light-p-overlay: rgba(0,0,0,0.4); /* @kind color */
  --purple-light-p-surface-1: rgb(255,255,255); /* @kind color */
  --purple-light-p-surface-2: rgb(246,244,246); /* @kind color */
  --purple-light-p-surface-3: rgb(241,238,241); /* @kind color */
  --purple-light-p-surface-highlight: rgba(244,235,245,0.5); /* @kind color */
  --purple-light-p-surface-lowlight: rgba(244,235,245,0.75); /* @kind color */
  --purple-light-p-text-subtle: rgb(74,74,74); /* @kind color */
  --purple-light-p-text: rgb(0,0,0); /* @kind color */
  --radio-radio-button: 18; /* @kind other */
  --radio-radio-dot: 10; /* @kind other */
  --radius-2xl: 16;
  --radius-full: 9999;
  --radius-md: 6;
  --radius-xs: 2;
  --rojo-light: rgb(255,209,209); /* @kind color */
  --rojo: rgb(235,87,105); /* @kind color */
  --scale-0: 0; /* @kind other */
  --scale-1000: 56; /* @kind other */
  --scale-100: 4; /* @kind other */
  --scale-1100: 60; /* @kind other */
  --scale-1200: 64; /* @kind other */
  --scale-1300: 70; /* @kind other */
  --scale-1400: 80; /* @kind other */
  --scale-150: 6; /* @kind other */
  --scale-1600: 120; /* @kind other */
  --scale-1700: 256; /* @kind other */
  --scale-200: 8; /* @kind other */
  --scale-250: 10; /* @kind other */
  --scale-25: 1; /* @kind other */
  --scale-300: 12; /* @kind other */
  --scale-350: 14; /* @kind other */
  --scale-400: 16; /* @kind other */
  --scale-450: 18; /* @kind other */
  --scale-500: 20; /* @kind other */
  --scale-50: 2; /* @kind other */
  --scale-550: 22; /* @kind other */
  --scale-600: 24; /* @kind other */
  --scale-650: 28; /* @kind other */
  --scale-700: 32; /* @kind other */
  --scale-750: 36; /* @kind other */
  --scale-800: 40; /* @kind other */
  --scale-900: 48; /* @kind other */
  --schemes-error-container: rgb(249,222,220); /* @kind color */
  --schemes-on-error-container: rgb(133,34,33); /* @kind color */
  --schemes-on-primary-container: rgb(79,55,138); /* @kind color */
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(74,68,89); /* @kind color */
  --schemes-on-secondary: rgb(255,255,255); /* @kind color */
  --schemes-on-surface-variant: rgb(73,69,79); /* @kind color */
  --schemes-on-surface: rgb(29,27,32); /* @kind color */
  --schemes-on-tertiary-container: rgb(99,59,72); /* @kind color */
  --schemes-on-tertiary: rgb(255,255,255); /* @kind color */
  --schemes-outline-variant: rgb(202,196,208); /* @kind color */
  --schemes-outline: rgb(121,116,126); /* @kind color */
  --schemes-primary-container: rgb(234,221,255); /* @kind color */
  --schemes-primary: rgb(103,80,164); /* @kind color */
  --schemes-secondary-container: rgb(232,222,248); /* @kind color */
  --schemes-secondary: rgb(98,91,113); /* @kind color */
  --schemes-surface-container-high: rgb(236,230,240); /* @kind color */
  --schemes-surface-container-highest: rgb(230,224,233); /* @kind color */
  --schemes-surface-container: rgb(243,237,247); /* @kind color */
  --schemes-tertiary-container: rgb(255,216,228); /* @kind color */
  --schemes-tertiary: rgb(125,82,96); /* @kind color */
  --select-select-check: 10; /* @kind other */
  --select-select-option-tb-padding: 4;
  --shape-token-shape-0: 0; /* @kind other */
  --shape-token-shape-100: 8; /* @kind other */
  --shape-token-shape-10: 1; /* @kind other */
  --shape-token-shape-125: 10; /* @kind other */
  --shape-token-shape-200: 16; /* @kind other */
  --shape-token-shape-225: 18; /* @kind other */
  --shape-token-shape-250: 24; /* @kind other */
  --shape-token-shape-25: 2; /* @kind other */
  --shape-token-shape-300: 27; /* @kind other */
  --shape-token-shape-375: 48; /* @kind other */
  --shape-token-shape-50: 4; /* @kind other */
  --shape-token-shape-75: 6; /* @kind other */
  --size-0: var(--size-default-size-0); /* @kind other */
  --size-100: var(--size-default-size-100); /* @kind other */
  --size-10: var(--size-default-size-10); /* @kind other */
  --size-115: var(--size-default-size-115); /* @kind other */
  --size-125: var(--size-default-size-125); /* @kind other */
  --size-130: var(--size-default-size-130); /* @kind other */
  --size-150: var(--size-default-size-150); /* @kind other */
  --size-160: var(--size-default-size-160); /* @kind other */
  --size-175: var(--size-default-size-175); /* @kind other */
  --size-185: var(--size-default-size-185); /* @kind other */
  --size-200: var(--size-default-size-200); /* @kind other */
  --size-250: var(--size-default-size-250); /* @kind other */
  --size-25: var(--size-default-size-25); /* @kind other */
  --size-300: var(--size-default-size-300); /* @kind other */
  --size-325: var(--size-default-size-325); /* @kind other */
  --size-350: var(--size-default-size-350); /* @kind other */
  --size-360: var(--size-default-size-360); /* @kind other */
  --size-400: var(--size-default-size-400); /* @kind other */
  --size-40: var(--size-default-size-40); /* @kind other */
  --size-450: var(--size-default-size-450); /* @kind other */
  --size-500: var(--size-default-size-500); /* @kind other */
  --size-50: var(--size-default-size-50); /* @kind other */
  --size-525: var(--size-default-size-525); /* @kind other */
  --size-550: var(--size-default-size-550); /* @kind other */
  --size-600: var(--size-default-size-600); /* @kind other */
  --size-65: var(--size-default-size-65); /* @kind other */
  --size-75: var(--size-default-size-75); /* @kind other */
  --size-85: var(--size-default-size-85); /* @kind other */
  --size-default-size-0: 0; /* @kind other */
  --size-default-size-100: 8; /* @kind other */
  --size-default-size-10: 1; /* @kind other */
  --size-default-size-115: 9; /* @kind other */
  --size-default-size-125: 10; /* @kind other */
  --size-default-size-130: 11; /* @kind other */
  --size-default-size-150: 12; /* @kind other */
  --size-default-size-160: 13; /* @kind other */
  --size-default-size-175: 14; /* @kind other */
  --size-default-size-185: 15; /* @kind other */
  --size-default-size-200: 16; /* @kind other */
  --size-default-size-250: 20; /* @kind other */
  --size-default-size-25: 2; /* @kind other */
  --size-default-size-300: 24; /* @kind other */
  --size-default-size-325: 26; /* @kind other */
  --size-default-size-350: 28; /* @kind other */
  --size-default-size-360: 29; /* @kind other */
  --size-default-size-400: 32; /* @kind other */
  --size-default-size-40: 3; /* @kind other */
  --size-default-size-450: 36; /* @kind other */
  --size-default-size-500: 40; /* @kind other */
  --size-default-size-50: 4; /* @kind other */
  --size-default-size-525: 42; /* @kind other */
  --size-default-size-550: 44; /* @kind other */
  --size-default-size-600: 48; /* @kind other */
  --size-default-size-65: 5; /* @kind other */
  --size-default-size-75: 6; /* @kind other */
  --size-default-size-85: 7; /* @kind other */
  --size-default-static-size-100: 8; /* @kind other */
  --size-default-static-size-130: 11; /* @kind other */
  --size-default-static-size-150: 12; /* @kind other */
  --size-default-static-size-175: 14; /* @kind other */
  --size-dense-size-0: 0; /* @kind other */
  --size-dense-size-100: 6; /* @kind other */
  --size-dense-size-10: 1; /* @kind other */
  --size-dense-size-115: 7; /* @kind other */
  --size-dense-size-125: 8; /* @kind other */
  --size-dense-size-130: 8; /* @kind other */
  --size-dense-size-150: 9; /* @kind other */
  --size-dense-size-160: 10; /* @kind other */
  --size-dense-size-175: 11; /* @kind other */
  --size-dense-size-185: 11; /* @kind other */
  --size-dense-size-200: 12; /* @kind other */
  --size-dense-size-250: 15; /* @kind other */
  --size-dense-size-25: 2; /* @kind other */
  --size-dense-size-300: 18; /* @kind other */
  --size-dense-size-325: 20; /* @kind other */
  --size-dense-size-350: 21; /* @kind other */
  --size-dense-size-360: 22; /* @kind other */
  --size-dense-size-400: 24; /* @kind other */
  --size-dense-size-40: 2; /* @kind other */
  --size-dense-size-450: 27; /* @kind other */
  --size-dense-size-500: 30; /* @kind other */
  --size-dense-size-50: 3; /* @kind other */
  --size-dense-size-525: 32; /* @kind other */
  --size-dense-size-550: 33; /* @kind other */
  --size-dense-size-600: 36; /* @kind other */
  --size-dense-size-65: 4; /* @kind other */
  --size-dense-size-75: 5; /* @kind other */
  --size-dense-size-85: 5; /* @kind other */
  --size-dense-static-size-100: 6; /* @kind other */
  --size-dense-static-size-130: 8; /* @kind other */
  --size-dense-static-size-150: 9; /* @kind other */
  --size-dense-static-size-175: 11; /* @kind other */
  --size-spacious-size-0: 0; /* @kind other */
  --size-spacious-size-100: 10; /* @kind other */
  --size-spacious-size-10: 1; /* @kind other */
  --size-spacious-size-115: 11; /* @kind other */
  --size-spacious-size-125: 13; /* @kind other */
  --size-spacious-size-130: 14; /* @kind other */
  --size-spacious-size-150: 15; /* @kind other */
  --size-spacious-size-160: 16; /* @kind other */
  --size-spacious-size-175: 18; /* @kind other */
  --size-spacious-size-185: 19; /* @kind other */
  --size-spacious-size-200: 20; /* @kind other */
  --size-spacious-size-250: 25; /* @kind other */
  --size-spacious-size-25: 3; /* @kind other */
  --size-spacious-size-300: 30; /* @kind other */
  --size-spacious-size-325: 32; /* @kind other */
  --size-spacious-size-350: 35; /* @kind other */
  --size-spacious-size-360: 36; /* @kind other */
  --size-spacious-size-400: 40; /* @kind other */
  --size-spacious-size-40: 4; /* @kind other */
  --size-spacious-size-450: 45; /* @kind other */
  --size-spacious-size-500: 50; /* @kind other */
  --size-spacious-size-50: 5; /* @kind other */
  --size-spacious-size-525: 53; /* @kind other */
  --size-spacious-size-550: 55; /* @kind other */
  --size-spacious-size-600: 70; /* @kind other */
  --size-spacious-size-65: 6; /* @kind other */
  --size-spacious-size-75: 8; /* @kind other */
  --size-spacious-size-85: 9; /* @kind other */
  --size-spacious-static-size-100: 10; /* @kind other */
  --size-spacious-static-size-130: 14; /* @kind other */
  --size-spacious-static-size-150: 15; /* @kind other */
  --size-spacious-static-size-175: 18; /* @kind other */
  --small: var(--shape-token-shape-50); /* @kind other */
  --spacing-0-2: 0;
  --spacing-0: var(--scale-0);
  --spacing-1-5: 6;
  --spacing-100: var(--scale-100);
  --spacing-10: 40;
  --spacing-1600: var(--scale-1600);
  --spacing-1: 4;
  --spacing-2-5: 10;
  --spacing-200: var(--scale-200);
  --spacing-250: var(--scale-250);
  --spacing-2: 8;
  --spacing-3-5: 14;
  --spacing-300: var(--scale-300);
  --spacing-350: var(--scale-350);
  --spacing-3: 12;
  --spacing-400: var(--scale-400);
  --spacing-4: 16;
  --spacing-50: var(--scale-50);
  --spacing-600: var(--scale-600);
  --spacing-700: var(--scale-700);
  --spacing-750: var(--scale-750);
  --spacing-8: 32;
  --spacing-and-sizing-spacing-spacing-xs: 8;
  --spacing-breakpoints: 1440;
  --spacing-buttons-border-stroke: var(--scale-50);
  --spacing-buttons-large-border-radius: var(--border-radius-large);
  --spacing-buttons-large-gap: var(--spacing-200);
  --spacing-buttons-large-height: var(--spacing-750);
  --spacing-buttons-large-horizontal-padding-2: var(--spacing-600);
  --spacing-buttons-large-horizontal-padding: var(--spacing-600);
  --spacing-buttons-large-icon-size: var(--scale-600);
  --spacing-buttons-large-vertical-padding: var(--spacing-0);
  --spacing-buttons-medium-border-radius: var(--border-radius-large);
  --spacing-buttons-medium-gap: var(--spacing-200);
  --spacing-buttons-medium-height: var(--spacing-700);
  --spacing-buttons-medium-horizontal-padding: var(--spacing-400);
  --spacing-buttons-medium-icon-size: var(--scale-600);
  --spacing-buttons-medium-vertical-padding: var(--spacing-0);
  --spacing-buttons-small-border-radius: var(--border-radius-large);
  --spacing-buttons-small-gap: var(--spacing-100);
  --spacing-buttons-small-height: var(--scale-650);
  --spacing-buttons-small-horizontal-padding: var(--spacing-300);
  --spacing-buttons-small-icon-size: var(--scale-400);
  --spacing-buttons-small-vertical-padding: var(--spacing-0);
  --spacing-cell-header-header-height: var(--scale-1000);
  --spacing-cell-width-height-height: var(--scale-900);
  --spacing-fields-padding-l: var(--spacing-400);
  --spacing-fields-padding-m: var(--spacing-300);
  --spacing-fields-padding-s: var(--spacing-200);
  --spacing-fields-padding-xl: var(--spacing-600);
  --spacing-fields-padding-xs: var(--scale-150);
  --spacing-fields-padding-xxl: var(--spacing-700);
  --spacing-fields-padding-xxs: var(--spacing-100);
  --spacing-fields-padding-xxxl: 44;
  --spacing-fields-padding-xxxs: var(--scale-50);
  --spacing-fields-width-height-height: var(--scale-700);
  --spacing-fields-width-height-max-width: 1680;
  --spacing-fields-width-height-min-width: 84;
  --state-layers-on-primary-container-opacity-08: rgba(79,55,138,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(79,55,138,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(74,68,89,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(74,68,89,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(29,27,32,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(29,27,32,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(73,69,79,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(73,69,79,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(99,59,72,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(99,59,72,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(103,80,164,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(103,80,164,0.1); /* @kind color */
  --static-body-large-font: var(--static-font-plain);
  --static-body-large-line-height: 24; /* @kind other */
  --static-body-large-size: 16; /* @kind other */
  --static-body-large-tracking: 0.5; /* @kind other */
  --static-body-large-weight: var(--static-weight-regular); /* @kind other */
  --static-display-medium-tracking: 0; /* @kind other */
  --static-display-small-font: var(--static-font-brand);
  --static-display-small-line-height: 44; /* @kind other */
  --static-display-small-size: 36; /* @kind other */
  --static-display-small-weight: var(--static-weight-regular); /* @kind other */
  --static-font-brand: "Roboto";
  --static-font-plain: "Roboto";
  --static-headline-large-font: var(--static-font-brand);
  --static-headline-large-line-height: 40; /* @kind other */
  --static-headline-large-size: 32; /* @kind other */
  --static-headline-large-tracking: 0; /* @kind other */
  --static-headline-large-weight: var(--static-weight-regular); /* @kind other */
  --static-headline-medium-font: var(--static-font-brand);
  --static-headline-medium-line-height: 36; /* @kind other */
  --static-headline-medium-size: 28; /* @kind other */
  --static-headline-medium-weight: var(--static-weight-regular); /* @kind other */
  --static-headline-small-font: var(--static-font-brand);
  --static-headline-small-line-height: 32; /* @kind other */
  --static-headline-small-size: 24; /* @kind other */
  --static-headline-small-tracking: 0; /* @kind other */
  --static-headline-small-weight: var(--static-weight-regular); /* @kind other */
  --static-label-large-font: var(--static-font-plain);
  --static-label-large-line-height: 20; /* @kind other */
  --static-label-large-size: 14; /* @kind other */
  --static-label-large-tracking: 0.1; /* @kind other */
  --static-label-large-weight: var(--static-weight-medium); /* @kind other */
  --static-label-medium-font: var(--static-font-plain);
  --static-label-medium-line-height: 16; /* @kind other */
  --static-label-medium-size: 12; /* @kind other */
  --static-label-medium-tracking: 0.5; /* @kind other */
  --static-label-medium-weight: var(--static-weight-medium); /* @kind other */
  --static-size-100: var(--size-default-static-size-100); /* @kind other */
  --static-size-130: var(--size-default-static-size-130); /* @kind other */
  --static-size-150: var(--size-default-static-size-150); /* @kind other */
  --static-size-175: var(--size-default-static-size-175); /* @kind other */
  --static-title-large-font: var(--static-font-brand);
  --static-title-large-line-height: 28; /* @kind other */
  --static-title-large-size: 22; /* @kind other */
  --static-title-large-tracking: 0; /* @kind other */
  --static-title-large-weight: var(--static-weight-regular); /* @kind other */
  --static-title-medium-font: var(--static-font-plain);
  --static-title-medium-line-height: 24; /* @kind other */
  --static-title-medium-size: 16; /* @kind other */
  --static-title-medium-tracking: 0.15; /* @kind other */
  --static-title-medium-weight: var(--static-weight-medium); /* @kind other */
  --static-weight-medium: "Medium"; /* @kind other */
  --static-weight-regular: "Regular"; /* @kind other */
  --surface-action-2: var(--color-secondary-teal-default); /* @kind color */
  --surface-action-hover-2: var(--color-secondary-teal-hover); /* @kind color */
  --surface-action-hover: var(--color-primary-lime-hover); /* @kind color */
  --surface-action-press-2: var(--color-secondary-teal-press); /* @kind color */
  --surface-action-press: var(--color-primary-lime-press); /* @kind color */
  --surface-action: var(--color-primary-lime-default); /* @kind color */
  --surface-default-2: var(--color-neutral-neutral-200-2); /* @kind color */
  --surface-default: var(--color-brand-white-2); /* @kind color */
  --surface-disabled: var(--color-neutral-neutral-100-2); /* @kind color */
  --surface-error-button-hover: var(--color-destructive-red-hover); /* @kind color */
  --surface-error-button-press: var(--color-destructive-red-press); /* @kind color */
  --surface-error-button: var(--color-destructive-red-default); /* @kind color */
  --surface-error-light: var(--color-destructive-red-mid-light); /* @kind color */
  --surface-error: var(--color-destructive-red-light); /* @kind color */
  --surface-information: var(--color-info-info-light-2); /* @kind color */
  --surface-light-blue-2: var(--color-secondary-teal-sky-2); /* @kind color */
  --surface-light-blue: var(--color-secondary-teal-sky); /* @kind color */
  --surface-light-green-2: var(--color-primary-lime-light-2); /* @kind color */
  --surface-light-green: var(--color-primary-lime-light); /* @kind color */
  --surface-neutral-overlay: var(--color-neutral-neutral-900-2); /* @kind color */
  --surface-orange: var(--color-orange-orange-light-2); /* @kind color */
  --surface-page: var(--color-neutral-neutral-50-2); /* @kind color */
  --surface-pink: var(--color-pink-pink-light-2); /* @kind color */
  --surface-purple: var(--color-purple-purple-light-2); /* @kind color */
  --surface-succes-press: var(--color-success-success-press); /* @kind color */
  --surface-success-hover: var(--color-success-success-hover); /* @kind color */
  --surface-success-light-1: var(--color-success-success-light-2); /* @kind color */
  --surface-success-light-2: var(--color-success-success-light); /* @kind color */
  --surface-success: var(--color-success-success-default); /* @kind color */
  --surface-table-cells-selected: var(--color-primary-lime-light-2); /* @kind color */
  --surface-table-cells-surface-1: var(--color-neutral-neutral-w); /* @kind color */
  --surface-table-cells-surface-2-2: var(--color-neutral-neutral-100-2); /* @kind color */
  --surface-table-cells-surface-2: var(--color-neutral-neutral-50-2); /* @kind color */
  --surface-table-cells-surface-3: var(--color-neutral-neutral-200-2); /* @kind color */
  --surface-table-header-default: var(--color-neutral-neutral-w); /* @kind color */
  --surface-table-header-neutral: var(--color-neutral-neutral-50); /* @kind color */
  --surface-table-header-one: var(--color-brand-traxporta-azul-corporativo); /* @kind color */
  --surface-table-header-other: var(--color-limes-lime-500); /* @kind color */
  --surface-warning-2: var(--color-warning-ambar-light); /* @kind color */
  --surface-warning-button-hover: var(--color-semantic-warning-medium-dark-700); /* @kind color */
  --surface-warning-button-press: var(--color-semantic-warning-dark-900); /* @kind color */
  --surface-warning-button: var(--color-warning-ambar-default); /* @kind color */
  --surface-warning: var(--color-warning-ambar-light-2); /* @kind color */
  --table-xs-button-height: 26; /* @kind other */
  --tabs-tab-group-padding: var(--size-75);
  --tabs-tab-icon: 18; /* @kind other */
  --text-action-2: var(--color-secondary-teal-default); /* @kind color */
  --text-action-hover-2: var(--color-secondary-teal-hover); /* @kind color */
  --text-action-hover: var(--color-primary-lime-hover); /* @kind color */
  --text-action-neutral: var(--color-neutral-neutral-900-2); /* @kind color */
  --text-action-press-2: var(--color-secondary-teal-press); /* @kind color */
  --text-action-press: var(--color-primary-lime-press); /* @kind color */
  --text-action: var(--color-primary-lime-default); /* @kind color */
  --text-area-default-textarea-padding-tb: 7;
  --text-area-dense-textarea-padding-tb: 5;
  --text-area-spacious-textarea-padding-tb: 9;
  --text-body: var(--color-neutral-neutral-800); /* @kind color */
  --text-disabled-2: var(--color-neutral-neutral-400); /* @kind color */
  --text-disabled: var(--color-neutral-neutral-300); /* @kind color */
  --text-error-hover: var(--color-destructive-red-hover); /* @kind color */
  --text-error-press: var(--color-destructive-red-press); /* @kind color */
  --text-error: var(--color-destructive-red-default); /* @kind color */
  --text-headings: var(--color-neutral-neutral-950-2); /* @kind color */
  --text-info-hover: var(--color-info-info-hover); /* @kind color */
  --text-info-press: var(--color-info-info-press); /* @kind color */
  --text-information: var(--color-info-info-default); /* @kind color */
  --text-neutral-overlay: var(--color-neutral-neutral-900-2); /* @kind color */
  --text-on-action: var(--color-neutral-neutral-50-2); /* @kind color */
  --text-orange-hover: var(--color-orange-orange-hover); /* @kind color */
  --text-orange-press: var(--color-orange-orange-press); /* @kind color */
  --text-orange: var(--color-orange-orange-default); /* @kind color */
  --text-pink-hover: var(--color-pink-pink-hover); /* @kind color */
  --text-pink-press: var(--color-pink-pink-press); /* @kind color */
  --text-pink: var(--color-pink-pink-default); /* @kind color */
  --text-purple-hover: var(--color-purple-purple-hover); /* @kind color */
  --text-purple-press: var(--color-purple-purple-press); /* @kind color */
  --text-purple: var(--color-purple-purple-default); /* @kind color */
  --text-subtitles: var(--color-neutral-neutral-500); /* @kind color */
  --text-succes-button-press: var(--color-success-success-press); /* @kind color */
  --text-success-button-hover: var(--color-success-success-hover); /* @kind color */
  --text-success: var(--color-success-success-default); /* @kind color */
  --text-text-subtle: var(--color-neutral-neutral-400); /* @kind color */
  --text-warning-hover: var(--color-warning-ambar-hover); /* @kind color */
  --text-warning-press: var(--color-warning-ambar-press); /* @kind color */
  --text-warning: var(--color-warning-ambar-default); /* @kind color */
  --theme-accent-foreground: rgb(115,115,115); /* @kind color */
  --theme-accent: rgb(245,245,245); /* @kind color */
  --theme-background: var(--color-white); /* @kind color */
  --theme-border: rgb(228,228,228); /* @kind color */
  --theme-foreground: rgb(25,25,25); /* @kind color */
  --theme-muted-foreground: rgb(115,115,115); /* @kind color */
  --theme-popover-foreground: rgb(9,9,9); /* @kind color */
  --theme-popover: var(--color-white); /* @kind color */
  --theme-primary-dark: rgb(181,189,0); /* @kind color */
  --theme-primary-foreground: rgb(99,102,106); /* @kind color */
  --theme-primary: rgb(208,223,0); /* @kind color */
  --theme-secondary-foreground: var(--color-white); /* @kind color */
  --theme-secondary-medium: rgb(151,153,155); /* @kind color */
  --typography-font-size-body-1: 16;
  --typography-font-size-body-2: 14;
  --typography-font-size-body-3: 12;
  --typography-font-size-button-large: 14;
  --typography-font-size-button-medium: 12;
  --typography-font-size-headline-3: 20;
  --typography-font-size-headline-4: 18;
  --typography-font-size-overline: 10;
  --typography-font-size-subtitle-1: 16;
  --typography-font-size-subtitle-2: 16;
  --typography-font-size-ui-label-large: 14;
  --typography-font-size-ui-label-small: 11;
  --typography-font-size-ui-label: 12;
  --typography-letter-spacing-large: 1;
  --typography-letter-spacing-none: 0;
  --typography-letter-spacing-small: 0.25;
  --typography-line-height-body-1: 24; /* @kind other */
  --typography-line-height-body-2: 22; /* @kind other */
  --typography-line-height-body-3: 18; /* @kind other */
  --typography-line-height-button-large: 18; /* @kind other */
  --typography-line-height-button-medium: 16; /* @kind other */
  --typography-line-height-headline-3: 26; /* @kind other */
  --typography-line-height-headline-4: 24; /* @kind other */
  --typography-line-height-overline: 13; /* @kind other */
  --typography-line-height-subtitle-1: 21; /* @kind other */
  --typography-line-height-subtitle-2: 21; /* @kind other */
  --typography-line-height-ui-label-large: 18; /* @kind other */
  --typography-line-height-ui-label-small: 14; /* @kind other */
  --typography-line-height-ui-label: 16; /* @kind other */
  --typography-paragraph-spacing-medium: 16;
  --typography-paragraph-spacing-none: 0;
  --typography-paragraph-spacing-small: 12;
  --typography-t600-tertiary: rgb(118,118,118); /* @kind color */
  --typography-t700-secondary: rgb(74,74,74); /* @kind color */
  --verde-light: rgb(220,255,226); /* @kind color */
  --verde: rgb(105,191,103); /* @kind color */
  --visa-dark-messaging-vdark-info-graphics: rgb(0,136,199); /* @kind color */
  --visa-dark-messaging-vdark-negative-graphics: rgb(214,81,81); /* @kind color */
  --visa-dark-messaging-vdark-negative-surface-highlight: rgba(157,37,37,0.35); /* @kind color */
  --visa-dark-messaging-vdark-negative-surface-lowlight: rgba(157,37,37,0.6); /* @kind color */
  --visa-dark-messaging-vdark-negative-surface: rgb(157,37,37); /* @kind color */
  --visa-dark-messaging-vdark-negative-text-hover: rgb(253,247,247); /* @kind color */
  --visa-dark-messaging-vdark-negative-text-pressed: rgb(236,172,172); /* @kind color */
  --visa-dark-messaging-vdark-negative-text: rgb(247,222,222); /* @kind color */
  --visa-dark-messaging-vdark-positive-graphics: rgb(64,153,107); /* @kind color */
  --visa-dark-messaging-vdark-positive-surface: rgb(35,83,58); /* @kind color */
  --visa-dark-messaging-vdark-positive-text: rgb(223,241,232); /* @kind color */
  --visa-dark-vdark-active-hover: rgb(219,244,255); /* @kind color */
  --visa-dark-vdark-active-pressed: rgb(128,215,255); /* @kind color */
  --visa-dark-vdark-active-subtle: rgba(255,255,255,0.5); /* @kind color */
  --visa-dark-vdark-active: rgb(189,234,255); /* @kind color */
  --visa-dark-vdark-border: rgba(255,255,255,0.1); /* @kind color */
  --visa-dark-vdark-disabled: rgba(255,255,255,0.2); /* @kind color */
  --visa-dark-vdark-on-active-2: rgb(46,46,46); /* @kind color */
  --visa-dark-vdark-on-active: rgb(46,46,46); /* @kind color */
  --visa-dark-vdark-overlay: rgba(0,0,0,0.4); /* @kind color */
  --visa-dark-vdark-surface-1-2: rgb(46,46,46); /* @kind color */
  --visa-dark-vdark-surface-1: rgb(46,46,46); /* @kind color */
  --visa-dark-vdark-surface-2: rgb(26,26,26); /* @kind color */
  --visa-dark-vdark-surface-3: rgb(10,10,10); /* @kind color */
  --visa-dark-vdark-surface-highlight: rgba(0,0,0,0.35); /* @kind color */
  --visa-dark-vdark-surface-lowlight: rgba(0,0,0,0.6); /* @kind color */
  --visa-dark-vdark-text-subtle-2: rgb(217,217,217); /* @kind color */
  --visa-dark-vdark-text-subtle: rgb(217,217,217); /* @kind color */
  --visa-dark-vdark-text: rgb(255,255,255); /* @kind color */
  --visa-dark-visa-accent-vdark-accent-1-hover: rgb(219,244,255); /* @kind color */
  --visa-dark-visa-accent-vdark-accent-1-pressed: rgb(128,215,255); /* @kind color */
  --visa-dark-visa-accent-vdark-accent-1: rgb(189,234,255); /* @kind color */
  --visa-dark-visa-accent-vdark-accent-2: rgb(46,46,46); /* @kind color */
  --visa-dark-visa-accent-vdark-accent-app-name: rgb(255,255,255); /* @kind color */
  --visa-light-messaging-v-info-graphics: rgb(0,136,199); /* @kind color */
  --visa-light-messaging-v-negative-graphics: rgb(214,81,81); /* @kind color */
  --visa-light-messaging-v-negative-surface-highlight: rgba(255,214,233,0.35); /* @kind color */
  --visa-light-messaging-v-negative-surface-lowlight: rgba(255,214,233,0.6); /* @kind color */
  --visa-light-messaging-v-negative-surface: rgb(255,214,233); /* @kind color */
  --visa-light-messaging-v-negative-text-hover: rgb(198,47,47); /* @kind color */
  --visa-light-messaging-v-negative-text-pressed: rgb(124,29,29); /* @kind color */
  --visa-light-messaging-v-negative-text: rgb(173,41,41); /* @kind color */
  --visa-light-messaging-v-positive-graphics: rgb(64,153,107); /* @kind color */
  --visa-light-messaging-v-positive-surface: rgb(214,242,196); /* @kind color */
  --visa-light-messaging-v-positive-text: rgb(44,104,73); /* @kind color */
  --visa-light-v-active-hover: rgb(23,59,232); /* @kind color */
  --visa-light-v-active-pressed: rgb(15,37,149); /* @kind color */
  --visa-light-v-active-subtle: rgba(0,0,0,0.5); /* @kind color */
  --visa-light-v-active: rgb(20,52,203); /* @kind color */
  --visa-light-v-border: rgba(0,0,0,0.1); /* @kind color */
  --visa-light-v-disabled: rgba(0,0,0,0.2); /* @kind color */
  --visa-light-v-on-active-2: rgb(255,255,255); /* @kind color */
  --visa-light-v-on-active: rgb(255,255,255); /* @kind color */
  --visa-light-v-overlay: rgba(20,34,57,0.4); /* @kind color */
  --visa-light-v-surface-1-2: rgb(255,255,255); /* @kind color */
  --visa-light-v-surface-1: rgb(255,255,255); /* @kind color */
  --visa-light-v-surface-2: rgb(245,245,245); /* @kind color */
  --visa-light-v-surface-3: rgb(240,240,240); /* @kind color */
  --visa-light-v-surface-highlight: rgba(179,215,255,0.35); /* @kind color */
  --visa-light-v-surface-lowlight: rgba(179,215,255,0.6); /* @kind color */
  --visa-light-v-text-subtle-2: rgb(74,74,74); /* @kind color */
  --visa-light-v-text-subtle: rgb(74,74,74); /* @kind color */
  --visa-light-v-text: rgb(0,0,0); /* @kind color */
  --visa-light-visa-accent-v-accent-1-hover: rgb(23,59,232); /* @kind color */
  --visa-light-visa-accent-v-accent-1-pressed: rgb(15,37,149); /* @kind color */
  --visa-light-visa-accent-v-accent-1: rgb(20,52,203); /* @kind color */
  --visa-light-visa-accent-v-accent-2: rgb(252,192,21); /* @kind color */
  --visa-light-visa-accent-v-accent-app-name: rgb(20,52,203); /* @kind color */
  --weight-medium: "medium"; /* @kind other */
  --weight-regular: "regular"; /* @kind other */
  --weight-semibold: "semibold"; /* @kind other */
  --white-2: rgb(255,255,255); /* @kind color */
  --white: rgb(255,255,255); /* @kind color */
  --wizard-wizard-badge-height: 18; /* @kind other */
  --wizard-wizard-single-badge-height: 22; /* @kind other */
  --x-large: var(--shape-token-shape-125); /* @kind other */
  --x-small: var(--shape-token-shape-25); /* @kind other */
  --xx-large: var(--shape-token-shape-200); /* @kind other */
}

:root[data-mode="spacious"] {
  --padding-overrides-badge-min-height: var(--badge-spacious-badge-min-height);
  --padding-overrides-chip-compact-button-height: var(--chip-spacious-compact-chip-button);
  --padding-overrides-chip-default-button: var(--chip-spacious-chip-button);
  --padding-overrides-chip-tb-padding: var(--chip-spacious-chip-tb-padding);
  --padding-overrides-contentcard-ui-t-padding: var(--content-card-spacious-contentcard-ui-t-padding);
  --padding-overrides-file-card-ui-button: var(--file-upload-file-card-ui-button-spacious);
  --padding-overrides-input-height: var(--input-spacious-input-height);
  --padding-overrides-input-min-height: var(--input-spacious-input-height);
  --padding-overrides-input-ui-button-height: var(--input-spacious-input-ui-button-height);
  --padding-overrides-l-button-height: var(--button-spacious-l-button-height);
  --padding-overrides-m-button-height: var(--button-spacious-m-button-height);
  --padding-overrides-s-button-height: var(--button-spacious-s-button-height);
  --padding-overrides-textarea-tb-padding: var(--text-area-spacious-textarea-padding-tb);
  --size-0: var(--size-spacious-size-0); /* @kind other */
  --size-100: var(--size-spacious-size-100); /* @kind other */
  --size-10: var(--size-spacious-size-10); /* @kind other */
  --size-115: var(--size-spacious-size-115); /* @kind other */
  --size-125: var(--size-spacious-size-125); /* @kind other */
  --size-130: var(--size-spacious-size-130); /* @kind other */
  --size-150: var(--size-spacious-size-150); /* @kind other */
  --size-160: var(--size-spacious-size-160); /* @kind other */
  --size-175: var(--size-spacious-size-175); /* @kind other */
  --size-185: var(--size-spacious-size-185); /* @kind other */
  --size-200: var(--size-spacious-size-200); /* @kind other */
  --size-250: var(--size-spacious-size-250); /* @kind other */
  --size-25: var(--size-spacious-size-25); /* @kind other */
  --size-300: var(--size-spacious-size-300); /* @kind other */
  --size-325: var(--size-spacious-size-325); /* @kind other */
  --size-350: var(--size-spacious-size-350); /* @kind other */
  --size-360: var(--size-spacious-size-360); /* @kind other */
  --size-400: var(--size-spacious-size-400); /* @kind other */
  --size-40: var(--size-spacious-size-40); /* @kind other */
  --size-450: var(--size-spacious-size-450); /* @kind other */
  --size-500: var(--size-spacious-size-500); /* @kind other */
  --size-50: var(--size-spacious-size-50); /* @kind other */
  --size-525: var(--size-spacious-size-525); /* @kind other */
  --size-550: var(--size-spacious-size-550); /* @kind other */
  --size-600: var(--size-spacious-size-600); /* @kind other */
  --size-65: var(--size-spacious-size-65); /* @kind other */
  --size-75: var(--size-spacious-size-75); /* @kind other */
  --size-85: var(--size-spacious-size-85); /* @kind other */
  --static-size-100: var(--size-spacious-static-size-100); /* @kind other */
  --static-size-130: var(--size-spacious-static-size-130); /* @kind other */
  --static-size-150: var(--size-spacious-static-size-150); /* @kind other */
  --static-size-175: var(--size-spacious-static-size-175); /* @kind other */
}

:root[data-mode="dense"] {
  --padding-overrides-badge-min-height: var(--badge-dense-badge-min-height);
  --padding-overrides-chip-compact-button-height: var(--chip-dense-compact-chip-button);
  --padding-overrides-chip-default-button: var(--chip-dense-chip-button);
  --padding-overrides-chip-tb-padding: var(--chip-dense-chip-tb-padding);
  --padding-overrides-contentcard-ui-t-padding: var(--content-card-dense-contentcard-ui-t-padding);
  --padding-overrides-file-card-ui-button: var(--file-upload-file-card-ui-button-dense);
  --padding-overrides-input-height: var(--input-dense-input-height);
  --padding-overrides-input-min-height: var(--input-dense-input-height);
  --padding-overrides-input-ui-button-height: var(--input-dense-input-ui-button-height);
  --padding-overrides-l-button-height: var(--button-dense-l-button-height);
  --padding-overrides-m-button-height: var(--button-dense-m-button-height);
  --padding-overrides-s-button-height: var(--button-dense-s-button-height);
  --padding-overrides-textarea-tb-padding: var(--text-area-dense-textarea-padding-tb);
  --size-0: var(--size-dense-size-0); /* @kind other */
  --size-100: var(--size-dense-size-100); /* @kind other */
  --size-10: var(--size-dense-size-10); /* @kind other */
  --size-115: var(--size-dense-size-115); /* @kind other */
  --size-125: var(--size-dense-size-125); /* @kind other */
  --size-130: var(--size-dense-size-130); /* @kind other */
  --size-150: var(--size-dense-size-150); /* @kind other */
  --size-160: var(--size-dense-size-160); /* @kind other */
  --size-175: var(--size-dense-size-175); /* @kind other */
  --size-185: var(--size-dense-size-185); /* @kind other */
  --size-200: var(--size-dense-size-200); /* @kind other */
  --size-250: var(--size-dense-size-250); /* @kind other */
  --size-25: var(--size-dense-size-25); /* @kind other */
  --size-300: var(--size-dense-size-300); /* @kind other */
  --size-325: var(--size-dense-size-325); /* @kind other */
  --size-350: var(--size-dense-size-350); /* @kind other */
  --size-360: var(--size-dense-size-360); /* @kind other */
  --size-400: var(--size-dense-size-400); /* @kind other */
  --size-40: var(--size-dense-size-40); /* @kind other */
  --size-450: var(--size-dense-size-450); /* @kind other */
  --size-500: var(--size-dense-size-500); /* @kind other */
  --size-50: var(--size-dense-size-50); /* @kind other */
  --size-525: var(--size-dense-size-525); /* @kind other */
  --size-550: var(--size-dense-size-550); /* @kind other */
  --size-600: var(--size-dense-size-600); /* @kind other */
  --size-65: var(--size-dense-size-65); /* @kind other */
  --size-75: var(--size-dense-size-75); /* @kind other */
  --size-85: var(--size-dense-size-85); /* @kind other */
  --static-size-100: var(--size-dense-static-size-100); /* @kind other */
  --static-size-130: var(--size-dense-static-size-130); /* @kind other */
  --static-size-150: var(--size-dense-static-size-150); /* @kind other */
  --static-size-175: var(--size-dense-static-size-175); /* @kind other */
}

:root[data-theme="dark"], .dark {
  --add-ons-section-background: rgb(0,0,0); /* @kind color */
  --add-ons-section-background: rgb(0,0,0); /* @kind color */
  --add-ons-section-background: rgb(0,0,0); /* @kind color */
  --border-action-3: var(--color-secondary-teal-default); /* @kind color */
  --border-action-hover-3: var(--color-secondary-teal-light-2); /* @kind color */
  --border-action-hover: var(--color-primary-lime-light); /* @kind color */
  --border-action-neutral: var(--color-neutral-neutral-100-2); /* @kind color */
  --border-action-press-3: var(--color-secondary-teal-sky); /* @kind color */
  --border-action-press: var(--color-primary-lime-light-2); /* @kind color */
  --border-action-subtle: var(--color-neutral-neutral-200-2); /* @kind color */
  --border-action: var(--color-primary-lime-default); /* @kind color */
  --border-default: var(--color-neutral-neutral-700-2); /* @kind color */
  --border-disabled: var(--color-neutral-neutral-600); /* @kind color */
  --border-error-button-hover: var(--color-destructive-red-light-2); /* @kind color */
  --border-error-button-press: var(--color-destructive-red-light); /* @kind color */
  --border-error-button: var(--color-destructive-red-default); /* @kind color */
  --border-error: var(--color-destructive-red-hover); /* @kind color */
  --border-focus: var(--color-neutral-neutral-200-2); /* @kind color */
  --border-information: var(--color-info-info-hover); /* @kind color */
  --border-neutral-overlay: var(--color-neutral-neutral-900-2); /* @kind color */
  --border-on-action: var(--color-brand-black-2); /* @kind color */
  --border-orange: var(--color-orange-orange-hover); /* @kind color */
  --border-pink: var(--color-pink-pink-hover); /* @kind color */
  --border-purple: var(--color-purple-purple-hover); /* @kind color */
  --border-succes-button-press: var(--color-success-success-light-2); /* @kind color */
  --border-success-button-hover: var(--color-success-success-light); /* @kind color */
  --border-success-button: var(--color-success-success-default); /* @kind color */
  --border-success: var(--color-success-success-press); /* @kind color */
  --border-table-header: var(--color-secondary-teal-sky); /* @kind color */
  --border-warning-button-hover: var(--color-warning-ambar-light); /* @kind color */
  --border-warning-button-press: var(--color-warning-ambar-light-2); /* @kind color */
  --border-warning-button: var(--color-warning-ambar-default); /* @kind color */
  --border-warning: var(--color-warning-ambar-hover); /* @kind color */
  --color-active-active-hover: var(--black-and-white-dark-bwdark-active-hover); /* @kind color */
  --color-active-active-hover: var(--gray-blue-dark-gbdark-active-hover); /* @kind color */
  --color-active-active-hover: var(--green-dark-gdark-active-hover); /* @kind color */
  --color-active-active-hover: var(--purple-dark-pdark-active-hover); /* @kind color */
  --color-active-active-hover: var(--visa-dark-vdark-active-hover); /* @kind color */
  --color-active-active-pressed: var(--black-and-white-dark-bwdark-active-pressed); /* @kind color */
  --color-active-active-pressed: var(--gray-blue-dark-gbdark-active-pressed); /* @kind color */
  --color-active-active-pressed: var(--green-dark-gdark-active-pressed); /* @kind color */
  --color-active-active-pressed: var(--purple-dark-pdark-active-pressed); /* @kind color */
  --color-active-active-pressed: var(--visa-dark-vdark-active-pressed); /* @kind color */
  --color-active-active-subtle: var(--gray-blue-dark-gbdark-active-subtle); /* @kind color */
  --color-active-active-subtle: var(--gray-blue-light-gb-active-subtle); /* @kind color */
  --color-active-active-subtle: var(--green-dark-gdark-active-subtle); /* @kind color */
  --color-active-active-subtle: var(--purple-dark-pdark-active-subtle); /* @kind color */
  --color-active-active-subtle: var(--visa-dark-vdark-active-subtle); /* @kind color */
  --color-active-active: var(--black-and-white-dark-bwdark-active); /* @kind color */
  --color-active-active: var(--gray-blue-dark-gbdark-active); /* @kind color */
  --color-active-active: var(--green-dark-gdark-active); /* @kind color */
  --color-active-active: var(--purple-dark-pdark-active); /* @kind color */
  --color-active-active: var(--visa-dark-vdark-active); /* @kind color */
  --color-decorative-border: var(--black-and-white-dark-bwdark-border); /* @kind color */
  --color-decorative-border: var(--gray-blue-dark-gbdark-border); /* @kind color */
  --color-decorative-border: var(--green-dark-gdark-border); /* @kind color */
  --color-decorative-border: var(--purple-dark-pdark-border); /* @kind color */
  --color-decorative-border: var(--visa-dark-vdark-border); /* @kind color */
  --color-decorative-disabled: var(--black-and-white-dark-bwdark-disabled); /* @kind color */
  --color-decorative-disabled: var(--gray-blue-dark-gbdark-disabled); /* @kind color */
  --color-decorative-disabled: var(--green-dark-gdark-disabled); /* @kind color */
  --color-decorative-disabled: var(--purple-dark-pdark-disabled); /* @kind color */
  --color-decorative-disabled: var(--visa-dark-vdark-disabled); /* @kind color */
  --color-decorative-overlay: var(--black-and-white-dark-bwdark-overlay); /* @kind color */
  --color-decorative-overlay: var(--green-dark-gdark-overlay); /* @kind color */
  --color-decorative-overlay: var(--green-dark-gdark-overlay); /* @kind color */
  --color-decorative-overlay: var(--purple-dark-pdark-overlay); /* @kind color */
  --color-decorative-overlay: var(--visa-dark-vdark-overlay); /* @kind color */
  --color-messaging-info-graphics: var(--black-and-white-dark-messaging-bwdark-info-graphics); /* @kind color */
  --color-messaging-info-graphics: var(--gray-blue-dark-messaging-gbdark-info-graphics); /* @kind color */
  --color-messaging-info-graphics: var(--gray-blue-light-messaging-gb-info-graphics); /* @kind color */
  --color-messaging-info-graphics: var(--green-dark-messaging-gdark-info-graphics); /* @kind color */
  --color-messaging-info-graphics: var(--visa-dark-messaging-vdark-info-graphics); /* @kind color */
  --color-messaging-negative-graphics: var(--black-and-white-dark-messaging-bwdark-negative-graphics); /* @kind color */
  --color-messaging-negative-graphics: var(--gray-blue-dark-messaging-gbdark-negative-graphics); /* @kind color */
  --color-messaging-negative-graphics: var(--green-dark-messaging-gdark-negative-graphics); /* @kind color */
  --color-messaging-negative-graphics: var(--purple-dark-messaging-pdark-negative-graphics); /* @kind color */
  --color-messaging-negative-graphics: var(--visa-dark-messaging-vdark-negative-graphics); /* @kind color */
  --color-messaging-negative-surface-highlight: var(--black-and-white-dark-messaging-bwdark-negative-surface-highlight); /* @kind color */
  --color-messaging-negative-surface-highlight: var(--gray-blue-dark-messaging-gbdark-negative-surface-highlight); /* @kind color */
  --color-messaging-negative-surface-highlight: var(--green-dark-messaging-gdark-negative-surface-highlight); /* @kind color */
  --color-messaging-negative-surface-highlight: var(--purple-dark-messaging-pdark-negative-surface-highlight); /* @kind color */
  --color-messaging-negative-surface-highlight: var(--visa-dark-messaging-vdark-negative-surface-highlight); /* @kind color */
  --color-messaging-negative-surface-lowlight: var(--black-and-white-dark-messaging-bwdark-negative-surface-lowlight); /* @kind color */
  --color-messaging-negative-surface-lowlight: var(--gray-blue-dark-messaging-gbdark-negative-surface-lowlight); /* @kind color */
  --color-messaging-negative-surface-lowlight: var(--green-dark-messaging-gdark-negative-surface-lowlight); /* @kind color */
  --color-messaging-negative-surface-lowlight: var(--purple-dark-messaging-pdark-negative-surface-lowlight); /* @kind color */
  --color-messaging-negative-surface-lowlight: var(--visa-dark-messaging-vdark-negative-surface-lowlight); /* @kind color */
  --color-messaging-negative-surface: var(--black-and-white-dark-messaging-bwdark-negative-surface); /* @kind color */
  --color-messaging-negative-surface: var(--gray-blue-dark-messaging-gbdark-negative-surface); /* @kind color */
  --color-messaging-negative-surface: var(--green-dark-messaging-gdark-negative-surface); /* @kind color */
  --color-messaging-negative-surface: var(--purple-dark-messaging-pdark-negative-surface); /* @kind color */
  --color-messaging-negative-surface: var(--visa-dark-messaging-vdark-negative-surface); /* @kind color */
  --color-messaging-negative-text-hover: var(--black-and-white-dark-messaging-bwdark-negative-text-hover); /* @kind color */
  --color-messaging-negative-text-hover: var(--gray-blue-dark-messaging-gbdark-negative-text-hover); /* @kind color */
  --color-messaging-negative-text-hover: var(--green-dark-messaging-gdark-negative-text-hover); /* @kind color */
  --color-messaging-negative-text-hover: var(--purple-dark-messaging-pdark-negative-text-hover); /* @kind color */
  --color-messaging-negative-text-hover: var(--visa-dark-messaging-vdark-negative-text-hover); /* @kind color */
  --color-messaging-negative-text-pressed: var(--black-and-white-dark-messaging-bwdark-negative-text-pressed); /* @kind color */
  --color-messaging-negative-text-pressed: var(--gray-blue-dark-messaging-gbdark-negative-text-pressed); /* @kind color */
  --color-messaging-negative-text-pressed: var(--green-dark-messaging-gdark-negative-text-pressed); /* @kind color */
  --color-messaging-negative-text-pressed: var(--purple-dark-messaging-pdark-negative-text-pressed); /* @kind color */
  --color-messaging-negative-text-pressed: var(--visa-dark-messaging-vdark-negative-text-pressed); /* @kind color */
  --color-messaging-negative-text: var(--black-and-white-dark-messaging-bwdark-negative-text); /* @kind color */
  --color-messaging-negative-text: var(--gray-blue-dark-messaging-gbdark-negative-text); /* @kind color */
  --color-messaging-negative-text: var(--green-dark-messaging-gdark-negative-text); /* @kind color */
  --color-messaging-negative-text: var(--purple-dark-messaging-pdark-negative-text); /* @kind color */
  --color-messaging-negative-text: var(--visa-dark-messaging-vdark-negative-text); /* @kind color */
  --color-messaging-positive-graphics: var(--black-and-white-dark-messaging-bwdark-positive-graphics); /* @kind color */
  --color-messaging-positive-graphics: var(--gray-blue-dark-messaging-gbdark-positive-graphics); /* @kind color */
  --color-messaging-positive-graphics: var(--green-dark-messaging-gdark-positive-graphics); /* @kind color */
  --color-messaging-positive-graphics: var(--purple-dark-messaging-pdark-positive-graphics); /* @kind color */
  --color-messaging-positive-graphics: var(--visa-dark-messaging-vdark-positive-graphics); /* @kind color */
  --color-messaging-positive-surface: var(--black-and-white-dark-messaging-bwdark-positive-surface); /* @kind color */
  --color-messaging-positive-surface: var(--gray-blue-dark-messaging-gbdark-positive-surface); /* @kind color */
  --color-messaging-positive-surface: var(--green-dark-messaging-gdark-positive-surface); /* @kind color */
  --color-messaging-positive-surface: var(--purple-dark-messaging-pdark-positive-surface); /* @kind color */
  --color-messaging-positive-surface: var(--visa-dark-messaging-vdark-positive-surface); /* @kind color */
  --color-messaging-positive-text: var(--black-and-white-dark-messaging-bwdark-positive-text); /* @kind color */
  --color-messaging-positive-text: var(--gray-blue-dark-messaging-gbdark-positive-text); /* @kind color */
  --color-messaging-positive-text: var(--green-dark-messaging-gdark-positive-text); /* @kind color */
  --color-messaging-positive-text: var(--purple-dark-messaging-pdark-positive-text); /* @kind color */
  --color-messaging-positive-text: var(--visa-dark-messaging-vdark-positive-text); /* @kind color */
  --color-surface-surface-1-2: var(--black-and-white-dark-bwdark-surface-1); /* @kind color */
  --color-surface-surface-1-2: var(--gray-blue-dark-gbdark-surface-1); /* @kind color */
  --color-surface-surface-1-2: var(--green-dark-gdark-surface-1); /* @kind color */
  --color-surface-surface-1-2: var(--purple-dark-pdark-surface-1); /* @kind color */
  --color-surface-surface-1-2: var(--visa-dark-vdark-surface-1); /* @kind color */
  --color-surface-surface-1: var(--visa-dark-vdark-surface-1); /* @kind color */
  --color-surface-surface-2: var(--black-and-white-dark-bwdark-surface-2); /* @kind color */
  --color-surface-surface-2: var(--gray-blue-dark-gbdark-surface-2); /* @kind color */
  --color-surface-surface-2: var(--green-dark-gdark-surface-2); /* @kind color */
  --color-surface-surface-2: var(--purple-dark-pdark-surface-2); /* @kind color */
  --color-surface-surface-2: var(--visa-dark-vdark-surface-2); /* @kind color */
  --color-surface-surface-3: var(--black-and-white-dark-bwdark-surface-3); /* @kind color */
  --color-surface-surface-3: var(--gray-blue-dark-gbdark-surface-3); /* @kind color */
  --color-surface-surface-3: var(--green-dark-gdark-surface-3); /* @kind color */
  --color-surface-surface-3: var(--purple-dark-pdark-surface-3); /* @kind color */
  --color-surface-surface-3: var(--visa-dark-vdark-surface-3); /* @kind color */
  --color-surface-surface-highlight: var(--black-and-white-dark-bwdark-surface-highlight); /* @kind color */
  --color-surface-surface-highlight: var(--gray-blue-dark-gbdark-surface-highlight); /* @kind color */
  --color-surface-surface-highlight: var(--green-dark-gdark-surface-highlight); /* @kind color */
  --color-surface-surface-highlight: var(--purple-dark-pdark-surface-highlight); /* @kind color */
  --color-surface-surface-highlight: var(--visa-dark-vdark-surface-highlight); /* @kind color */
  --color-surface-surface-lowlight: var(--black-and-white-dark-bwdark-surface-lowlight); /* @kind color */
  --color-surface-surface-lowlight: var(--gray-blue-dark-gbdark-surface-lowlight); /* @kind color */
  --color-surface-surface-lowlight: var(--green-dark-gdark-surface-lowlight); /* @kind color */
  --color-surface-surface-lowlight: var(--purple-dark-pdark-surface-lowlight); /* @kind color */
  --color-surface-surface-lowlight: var(--visa-dark-vdark-surface-lowlight); /* @kind color */
  --color-text-on-active-2: var(--visa-dark-vdark-on-active); /* @kind color */
  --color-text-on-active: var(--black-and-white-dark-bwdark-on-active); /* @kind color */
  --color-text-on-active: var(--gray-blue-dark-gbdark-on-active); /* @kind color */
  --color-text-on-active: var(--green-dark-gdark-on-active); /* @kind color */
  --color-text-on-active: var(--purple-dark-pdark-on-active); /* @kind color */
  --color-text-on-active: var(--visa-dark-vdark-on-active); /* @kind color */
  --color-text-text-subtle-2: var(--visa-dark-vdark-text-subtle); /* @kind color */
  --color-text-text-subtle: var(--black-and-white-dark-bwdark-text-subtle); /* @kind color */
  --color-text-text-subtle: var(--gray-blue-dark-gbdark-text-subtle); /* @kind color */
  --color-text-text-subtle: var(--green-dark-gdark-text-subtle); /* @kind color */
  --color-text-text-subtle: var(--purple-dark-pdark-text-subtle); /* @kind color */
  --color-text-text-subtle: var(--visa-dark-vdark-text-subtle); /* @kind color */
  --color-text-text: var(--black-and-white-dark-bwdark-text); /* @kind color */
  --color-text-text: var(--gray-blue-dark-gbdark-text); /* @kind color */
  --color-text-text: var(--green-dark-gdark-text); /* @kind color */
  --color-text-text: var(--purple-dark-pdark-text); /* @kind color */
  --color-text-text: var(--visa-dark-vdark-text); /* @kind color */
  --color-visa-accent-accent-1-hover: var(--black-and-white-dark-bwdark-active-hover); /* @kind color */
  --color-visa-accent-accent-1-hover: var(--gray-blue-dark-gbdark-active-hover); /* @kind color */
  --color-visa-accent-accent-1-hover: var(--green-dark-gdark-active-hover); /* @kind color */
  --color-visa-accent-accent-1-hover: var(--purple-dark-pdark-active-hover); /* @kind color */
  --color-visa-accent-accent-1-hover: var(--visa-dark-visa-accent-vdark-accent-1-hover); /* @kind color */
  --color-visa-accent-accent-1-pressed: var(--black-and-white-dark-bwdark-active-pressed); /* @kind color */
  --color-visa-accent-accent-1-pressed: var(--gray-blue-dark-gbdark-active-pressed); /* @kind color */
  --color-visa-accent-accent-1-pressed: var(--green-dark-gdark-active-pressed); /* @kind color */
  --color-visa-accent-accent-1-pressed: var(--purple-dark-pdark-active-pressed); /* @kind color */
  --color-visa-accent-accent-1-pressed: var(--visa-dark-visa-accent-vdark-accent-1-pressed); /* @kind color */
  --color-visa-accent-accent-1: var(--black-and-white-dark-bwdark-active); /* @kind color */
  --color-visa-accent-accent-1: var(--gray-blue-dark-gbdark-active); /* @kind color */
  --color-visa-accent-accent-1: var(--green-dark-gdark-active); /* @kind color */
  --color-visa-accent-accent-1: var(--purple-dark-pdark-active); /* @kind color */
  --color-visa-accent-accent-1: var(--visa-dark-visa-accent-vdark-accent-1); /* @kind color */
  --color-visa-accent-accent-2: var(--black-and-white-dark-bwdark-on-active); /* @kind color */
  --color-visa-accent-accent-2: var(--gray-blue-dark-gbdark-on-active); /* @kind color */
  --color-visa-accent-accent-2: var(--green-dark-gdark-on-active); /* @kind color */
  --color-visa-accent-accent-2: var(--purple-dark-pdark-on-active); /* @kind color */
  --color-visa-accent-accent-2: var(--visa-dark-visa-accent-vdark-accent-2); /* @kind color */
  --color-visa-accent-accent-app-name: var(--black-and-white-dark-bwdark-text); /* @kind color */
  --color-visa-accent-accent-app-name: var(--gray-blue-dark-gbdark-text); /* @kind color */
  --color-visa-accent-accent-app-name: var(--green-dark-gdark-text); /* @kind color */
  --color-visa-accent-accent-app-name: var(--purple-dark-pdark-text); /* @kind color */
  --color-visa-accent-accent-app-name: var(--visa-dark-visa-accent-vdark-accent-app-name); /* @kind color */
  --colores-corporativos-black-brand: var(--color-brand-white); /* @kind color */
  --colores-corporativos-fasttrax-azul-corporativo: var(--color-brand-white); /* @kind color */
  --colores-corporativos-fasttrax-azul-one: var(--color-brand-traxporta-cyan); /* @kind color */
  --colores-corporativos-fasttrax-cyan-ft: var(--color-brand-fasttrax-cyan-ft-2); /* @kind color */
  --colores-corporativos-fasttrax-naranja-2-corporativo: var(--color-brand-traxporta-naranja-2-corporativo); /* @kind color */
  --colores-corporativos-fasttrax-naranja-corporativo: var(--color-brand-traxporta-lime); /* @kind color */
  --colores-corporativos-solistica-corp-50: rgb(143,149,168); /* @kind color */
  --colores-corporativos-solistica-gray-50: rgb(177,178,181); /* @kind color */
  --colores-corporativos-solistica-trax-50: rgb(231,239,128); /* @kind color */
  --colores-corporativos-solistica-trax-70: rgb(222,233,77); /* @kind color */
  --colores-corporativos-solistica-trax-90: rgb(213,226,26); /* @kind color */
  --colores-corporativos-traxion-black-2: rgb(0,0,0); /* @kind color */
  --colores-corporativos-traxion-black: rgb(0,0,0); /* @kind color */
  --colores-corporativos-traxion-cool-gray-10: var(--color-brand-traxion-cool-gray-10-2); /* @kind color */
  --colores-corporativos-traxion-cool-gray-2: var(--color-brand-traxion-cool-gray-2-2); /* @kind color */
  --colores-corporativos-traxion-cool-gray-7: var(--color-brand-traxion-cool-gray-7-2); /* @kind color */
  --colores-corporativos-traxion-dark-green-traxion: var(--color-brand-traxion-dark-green-2); /* @kind color */
  --colores-corporativos-traxion-green-traxion: var(--color-brand-traxion-green-2); /* @kind color */
  --colores-corporativos-traxion-light-green-traxion: var(--color-brand-traxion-light-green-2); /* @kind color */
  --colores-corporativos-traxporta-cyan: var(--color-brand-traxporta-cyan-2); /* @kind color */
  --colores-corporativos-traxporta-lime: var(--color-brand-traxporta-lime-2); /* @kind color */
  --colores-corporativos-white-brand: var(--color-brand-black); /* @kind color */
  --icons-action-2: var(--color-secondary-teal-default); /* @kind color */
  --icons-action-hover-2: var(--color-secondary-teal-light-2); /* @kind color */
  --icons-action-hover: var(--color-primary-lime-light); /* @kind color */
  --icons-action-neutral: var(--color-neutral-neutral-100-2); /* @kind color */
  --icons-action-press-2: var(--color-secondary-teal-sky); /* @kind color */
  --icons-action-press: var(--color-primary-lime-light-2); /* @kind color */
  --icons-action: var(--color-primary-lime-default); /* @kind color */
  --icons-disabled: var(--color-neutral-neutral-600); /* @kind color */
  --icons-error-hover: var(--color-destructive-red-light-2); /* @kind color */
  --icons-error-press: var(--color-destructive-red-light); /* @kind color */
  --icons-error: var(--color-destructive-red-default); /* @kind color */
  --icons-info-hover: var(--color-info-info-light); /* @kind color */
  --icons-info-press: var(--color-info-info-light-2); /* @kind color */
  --icons-information: var(--color-info-info-default); /* @kind color */
  --icons-neutral-overlay: var(--color-neutral-neutral-900-2); /* @kind color */
  --icons-on-action: var(--color-brand-white-2); /* @kind color */
  --icons-orange-hover: var(--color-orange-orange-light); /* @kind color */
  --icons-orange-press: var(--color-orange-orange-light-2); /* @kind color */
  --icons-orange: var(--color-orange-orange-default); /* @kind color */
  --icons-pink-hover: var(--color-pink-pink-light); /* @kind color */
  --icons-pink-press: var(--color-pink-pink-light-2); /* @kind color */
  --icons-pink: var(--color-pink-pink-default); /* @kind color */
  --icons-purple-hover: var(--color-purple-purple-light); /* @kind color */
  --icons-purple-press: var(--color-purple-purple-light-2); /* @kind color */
  --icons-purple: var(--color-purple-purple-default); /* @kind color */
  --icons-subtle: var(--color-neutral-neutral-200-2); /* @kind color */
  --icons-succes-button-press: var(--color-success-success-light-2); /* @kind color */
  --icons-success-button-hover: var(--color-success-success-light); /* @kind color */
  --icons-success: var(--color-success-success-light); /* @kind color */
  --icons-warning-button-press: var(--color-warning-ambar-light-2); /* @kind color */
  --icons-warning-hover: var(--color-warning-ambar-light); /* @kind color */
  --icons-warning: var(--color-warning-ambar-default); /* @kind color */
  --schemes-error-container: rgb(140,29,24); /* @kind color */
  --schemes-error-container: rgb(204,123,116); /* @kind color */
  --schemes-error-container: rgb(255,185,179); /* @kind color */
  --schemes-on-error-container: rgb(0,0,0); /* @kind color */
  --schemes-on-error-container: rgb(0,0,0); /* @kind color */
  --schemes-on-error-container: rgb(249,222,220); /* @kind color */
  --schemes-on-primary-container: rgb(0,0,0); /* @kind color */
  --schemes-on-primary-container: rgb(0,0,0); /* @kind color */
  --schemes-on-primary-container: rgb(234,221,255); /* @kind color */
  --schemes-on-primary: rgb(0,0,0); /* @kind color */
  --schemes-on-primary: rgb(27,9,66); /* @kind color */
  --schemes-on-primary: rgb(56,30,114); /* @kind color */
  --schemes-on-secondary-container: rgb(0,0,0); /* @kind color */
  --schemes-on-secondary-container: rgb(0,0,0); /* @kind color */
  --schemes-on-secondary-container: rgb(232,222,248); /* @kind color */
  --schemes-on-secondary: rgb(0,0,0); /* @kind color */
  --schemes-on-secondary: rgb(27,9,66); /* @kind color */
  --schemes-on-secondary: rgb(51,45,65); /* @kind color */
  --schemes-on-surface-variant: rgb(202,196,208); /* @kind color */
  --schemes-on-surface-variant: rgb(206,200,212); /* @kind color */
  --schemes-on-surface-variant: rgb(255,249,255); /* @kind color */
  --schemes-on-surface: rgb(230,224,233); /* @kind color */
  --schemes-on-surface: rgb(255,249,255); /* @kind color */
  --schemes-on-surface: rgb(255,255,255); /* @kind color */
  --schemes-on-tertiary-container: rgb(0,0,0); /* @kind color */
  --schemes-on-tertiary-container: rgb(0,0,0); /* @kind color */
  --schemes-on-tertiary-container: rgb(255,216,228); /* @kind color */
  --schemes-on-tertiary: rgb(0,0,0); /* @kind color */
  --schemes-on-tertiary: rgb(51,2,24); /* @kind color */
  --schemes-on-tertiary: rgb(73,37,50); /* @kind color */
  --schemes-outline-variant: rgb(134,129,139); /* @kind color */
  --schemes-outline-variant: rgb(206,200,212); /* @kind color */
  --schemes-outline-variant: rgb(73,69,79); /* @kind color */
  --schemes-outline: rgb(147,143,153); /* @kind color */
  --schemes-outline: rgb(166,161,171); /* @kind color */
  --schemes-outline: rgb(206,200,212); /* @kind color */
  --schemes-primary-container: rgb(152,135,197); /* @kind color */
  --schemes-primary-container: rgb(211,193,255); /* @kind color */
  --schemes-primary-container: rgb(79,55,139); /* @kind color */
  --schemes-primary: rgb(208,188,255); /* @kind color */
  --schemes-primary: rgb(211,193,255); /* @kind color */
  --schemes-primary: rgb(255,249,255); /* @kind color */
  --schemes-secondary-container: rgb(152,135,197); /* @kind color */
  --schemes-secondary-container: rgb(211,193,255); /* @kind color */
  --schemes-secondary-container: rgb(74,68,88); /* @kind color */
  --schemes-secondary: rgb(204,194,220); /* @kind color */
  --schemes-secondary: rgb(211,193,255); /* @kind color */
  --schemes-secondary: rgb(255,249,255); /* @kind color */
  --schemes-surface-container-high: rgb(43,41,47); /* @kind color */
  --schemes-surface-container-high: rgb(43,41,47); /* @kind color */
  --schemes-surface-container-high: rgb(43,41,48); /* @kind color */
  --schemes-surface-container-highest: rgb(54,52,58); /* @kind color */
  --schemes-surface-container-highest: rgb(54,52,58); /* @kind color */
  --schemes-surface-container-highest: rgb(54,52,59); /* @kind color */
  --schemes-surface-container: rgb(33,31,36); /* @kind color */
  --schemes-surface-container: rgb(33,31,36); /* @kind color */
  --schemes-surface-container: rgb(33,31,38); /* @kind color */
  --schemes-tertiary-container: rgb(197,123,147); /* @kind color */
  --schemes-tertiary-container: rgb(255,183,205); /* @kind color */
  --schemes-tertiary-container: rgb(99,59,72); /* @kind color */
  --schemes-tertiary: rgb(239,184,200); /* @kind color */
  --schemes-tertiary: rgb(255,183,205); /* @kind color */
  --schemes-tertiary: rgb(255,249,249); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(0,0,0,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(0,0,0,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(234,221,255,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(0,0,0,0.1); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(0,0,0,0.1); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(234,221,255,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(0,0,0,0.08); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(27,9,66,0.08); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(56,30,114,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(0,0,0,0.1); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(27,9,66,0.1); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(56,30,114,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(0,0,0,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(0,0,0,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(232,222,248,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(0,0,0,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(0,0,0,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(232,222,248,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(0,0,0,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(27,9,66,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(51,45,65,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(0,0,0,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(27,9,66,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(51,45,65,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(230,224,233,0.08); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(255,249,255,0.08); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(230,224,233,0.1); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(255,249,255,0.1); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(202,196,208,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(206,200,212,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(255,249,255,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(202,196,208,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(206,200,212,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(255,249,255,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(0,0,0,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(0,0,0,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(255,216,228,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(0,0,0,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(0,0,0,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(255,216,228,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(0,0,0,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(51,2,24,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(73,37,50,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(0,0,0,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(51,2,24,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(73,37,50,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(208,188,255,0.08); /* @kind color */
  --state-layers-primary-opacity-08: rgba(211,193,255,0.08); /* @kind color */
  --state-layers-primary-opacity-08: rgba(255,249,255,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(208,188,255,0.1); /* @kind color */
  --state-layers-primary-opacity-10: rgba(211,193,255,0.1); /* @kind color */
  --state-layers-primary-opacity-10: rgba(255,249,255,0.1); /* @kind color */
  --surface-action-2: var(--color-secondary-teal-default); /* @kind color */
  --surface-action-hover-2: var(--color-secondary-teal-light-2); /* @kind color */
  --surface-action-hover: var(--color-primary-lime-light); /* @kind color */
  --surface-action-press-2: var(--color-secondary-teal-sky); /* @kind color */
  --surface-action-press: var(--color-primary-lime-light-2); /* @kind color */
  --surface-action: var(--color-primary-lime-default); /* @kind color */
  --surface-default-2: var(--color-neutral-neutral-700-2); /* @kind color */
  --surface-default: var(--color-brand-black-2); /* @kind color */
  --surface-disabled: var(--color-neutral-neutral-700-2); /* @kind color */
  --surface-error-button-hover: var(--color-destructive-red-mid-light); /* @kind color */
  --surface-error-button-press: var(--color-destructive-red-light); /* @kind color */
  --surface-error-button: var(--color-destructive-red-default); /* @kind color */
  --surface-error-light: var(--color-destructive-red-hover); /* @kind color */
  --surface-error: var(--color-destructive-red-press); /* @kind color */
  --surface-information: var(--color-info-info-hover); /* @kind color */
  --surface-light-blue-2: var(--color-secondary-teal-press); /* @kind color */
  --surface-light-blue: var(--color-secondary-teal-hover); /* @kind color */
  --surface-light-green-2: var(--color-primary-lime-press); /* @kind color */
  --surface-light-green: var(--color-primary-lime-hover); /* @kind color */
  --surface-neutral-overlay: var(--color-neutral-neutral-900-2); /* @kind color */
  --surface-orange: var(--color-orange-orange-press); /* @kind color */
  --surface-page: var(--color-neutral-neutral-950-2); /* @kind color */
  --surface-pink: var(--color-pink-pink-press); /* @kind color */
  --surface-purple: var(--color-purple-purple-press); /* @kind color */
  --surface-succes-press: var(--color-success-success-light-2); /* @kind color */
  --surface-success-hover: var(--color-success-success-light); /* @kind color */
  --surface-success-light-1: var(--color-success-success-press); /* @kind color */
  --surface-success-light-2: var(--color-success-success-hover); /* @kind color */
  --surface-success: var(--color-success-success-default); /* @kind color */
  --surface-table-cells-selected: var(--color-primary-lime-press); /* @kind color */
  --surface-table-cells-surface-1: var(--color-neutral-neutral-b); /* @kind color */
  --surface-table-cells-surface-2-2: var(--color-neutral-neutral-800-2); /* @kind color */
  --surface-table-cells-surface-2: var(--color-neutral-neutral-900-2); /* @kind color */
  --surface-table-cells-surface-3: var(--color-neutral-neutral-600); /* @kind color */
  --surface-table-header-default: var(--color-neutral-neutral-b); /* @kind color */
  --surface-table-header-neutral: var(--color-neutral-neutral-200-2); /* @kind color */
  --surface-table-header-one: var(--color-brand-traxporta-azul-corporativo); /* @kind color */
  --surface-table-header-other: var(--color-limes-lime-500); /* @kind color */
  --surface-warning-2: var(--color-warning-ambar-hover); /* @kind color */
  --surface-warning-button-hover: var(--color-semantic-warning-medium-light-300); /* @kind color */
  --surface-warning-button-press: var(--color-semantic-warning-light-100); /* @kind color */
  --surface-warning-button: var(--color-warning-ambar-default); /* @kind color */
  --surface-warning: var(--color-warning-ambar-press); /* @kind color */
  --text-action-2: var(--color-secondary-teal-default); /* @kind color */
  --text-action-hover-2: var(--color-secondary-teal-light-2); /* @kind color */
  --text-action-hover: var(--color-primary-lime-light); /* @kind color */
  --text-action-neutral: var(--color-neutral-neutral-100-2); /* @kind color */
  --text-action-press-2: var(--color-secondary-teal-sky); /* @kind color */
  --text-action-press: var(--color-primary-lime-light-2); /* @kind color */
  --text-action: var(--color-primary-lime-default); /* @kind color */
  --text-body: var(--color-neutral-neutral-100-2); /* @kind color */
  --text-disabled-2: var(--color-neutral-neutral-500); /* @kind color */
  --text-disabled: var(--color-neutral-neutral-400); /* @kind color */
  --text-error-hover: var(--color-destructive-red-light-2); /* @kind color */
  --text-error-press: var(--color-destructive-red-light); /* @kind color */
  --text-error: var(--color-destructive-red-default); /* @kind color */
  --text-headings: var(--color-neutral-neutral-50-2); /* @kind color */
  --text-info-hover: var(--color-info-info-light); /* @kind color */
  --text-info-press: var(--color-info-info-light-2); /* @kind color */
  --text-information: var(--color-info-info-default); /* @kind color */
  --text-neutral-overlay: var(--color-neutral-neutral-900-2); /* @kind color */
  --text-on-action: var(--color-neutral-neutral-50-2); /* @kind color */
  --text-orange-hover: var(--color-orange-orange-light); /* @kind color */
  --text-orange-press: var(--color-orange-orange-light-2); /* @kind color */
  --text-orange: var(--color-orange-orange-default); /* @kind color */
  --text-pink-hover: var(--color-pink-pink-light); /* @kind color */
  --text-pink-press: var(--color-pink-pink-light-2); /* @kind color */
  --text-pink: var(--color-pink-pink-default); /* @kind color */
  --text-purple-hover: var(--color-purple-purple-light); /* @kind color */
  --text-purple-press: var(--color-purple-purple-light-2); /* @kind color */
  --text-purple: var(--color-purple-purple-default); /* @kind color */
  --text-subtitles: var(--color-neutral-neutral-100-2); /* @kind color */
  --text-succes-button-press: var(--color-success-success-light-2); /* @kind color */
  --text-success-button-hover: var(--color-success-success-light); /* @kind color */
  --text-success: var(--color-success-success-light); /* @kind color */
  --text-text-subtle: var(--color-neutral-neutral-200-2); /* @kind color */
  --text-warning-hover: var(--color-warning-ambar-light); /* @kind color */
  --text-warning-press: var(--color-warning-ambar-light-2); /* @kind color */
  --text-warning: var(--color-warning-ambar-default); /* @kind color */
}

:root[data-mode="generic"] {
  --color-active-active-hover: var(--gray-blue-light-gb-active-hover); /* @kind color */
  --color-active-active-pressed: var(--gray-blue-light-gb-active-pressed); /* @kind color */
  --color-active-active-subtle: var(--gray-blue-light-gb-active-subtle); /* @kind color */
  --color-active-active: var(--gray-blue-light-gb-active); /* @kind color */
  --color-decorative-border: var(--gray-blue-light-gb-border); /* @kind color */
  --color-decorative-disabled: var(--gray-blue-light-gb-disabled); /* @kind color */
  --color-decorative-overlay: var(--gray-blue-light-gb-overlay); /* @kind color */
  --color-messaging-info-graphics: var(--gray-blue-light-messaging-gb-info-graphics); /* @kind color */
  --color-messaging-negative-graphics: var(--gray-blue-light-messaging-gb-negative-graphics); /* @kind color */
  --color-messaging-negative-surface-highlight: var(--gray-blue-light-messaging-gb-negative-surface-highlight); /* @kind color */
  --color-messaging-negative-surface-lowlight: var(--gray-blue-light-messaging-gb-negative-surface-lowlight); /* @kind color */
  --color-messaging-negative-surface: var(--gray-blue-light-messaging-gb-negative-surface); /* @kind color */
  --color-messaging-negative-text-hover: var(--gray-blue-light-messaging-gb-negative-text-hover); /* @kind color */
  --color-messaging-negative-text-pressed: var(--gray-blue-light-messaging-gb-negative-text-pressed); /* @kind color */
  --color-messaging-negative-text: var(--gray-blue-light-messaging-gb-negative-text); /* @kind color */
  --color-messaging-positive-graphics: var(--gray-blue-light-messaging-gb-positive-graphics); /* @kind color */
  --color-messaging-positive-surface: var(--gray-blue-light-messaging-gb-positive-surface); /* @kind color */
  --color-messaging-positive-text: var(--gray-blue-light-messaging-gb-positive-text); /* @kind color */
  --color-surface-surface-1-2: var(--generic-gen-surface-1); /* @kind color */
  --color-surface-surface-1: var(--generic-gen-surface-1); /* @kind color */
  --color-surface-surface-2: var(--gray-blue-light-gb-surface-2); /* @kind color */
  --color-surface-surface-3: var(--gray-blue-light-gb-surface-3); /* @kind color */
  --color-surface-surface-highlight: var(--gray-blue-light-gb-surface-highlight); /* @kind color */
  --color-surface-surface-lowlight: var(--gray-blue-light-gb-surface-lowlight); /* @kind color */
  --color-text-on-active-2: var(--gray-blue-light-gb-on-active); /* @kind color */
  --color-text-on-active: var(--gray-blue-light-gb-on-active); /* @kind color */
  --color-text-text-subtle-2: var(--gray-blue-light-gb-text-subtle); /* @kind color */
  --color-text-text-subtle: var(--gray-blue-light-gb-text-subtle); /* @kind color */
  --color-text-text: var(--gray-blue-light-gb-text); /* @kind color */
  --color-visa-accent-accent-1-hover: var(--gray-blue-light-gb-active-hover); /* @kind color */
  --color-visa-accent-accent-1-pressed: var(--gray-blue-light-gb-active-pressed); /* @kind color */
  --color-visa-accent-accent-1: var(--gray-blue-light-gb-active); /* @kind color */
  --color-visa-accent-accent-2: var(--gray-blue-light-gb-on-active); /* @kind color */
  --color-visa-accent-accent-app-name: var(--gray-blue-light-gb-text); /* @kind color */
}

:root[data-mode="alternate"] {
  --black-and-white-dark-bwdark-active-hover: rgb(240,240,240); /* @kind color */
  --black-and-white-dark-bwdark-active-pressed: rgb(224,224,224); /* @kind color */
  --black-and-white-dark-bwdark-active: rgb(255,255,255); /* @kind color */
  --black-and-white-dark-bwdark-border: rgba(255,255,255,0.1); /* @kind color */
  --black-and-white-dark-bwdark-disabled: rgba(255,255,255,0.2); /* @kind color */
  --black-and-white-dark-bwdark-on-active: rgb(0,0,0); /* @kind color */
  --black-and-white-dark-bwdark-overlay: rgba(0,0,0,0.4); /* @kind color */
  --black-and-white-dark-bwdark-surface-1: rgb(65,65,65); /* @kind color */
  --black-and-white-dark-bwdark-surface-2: rgb(56,56,56); /* @kind color */
  --black-and-white-dark-bwdark-surface-3: rgb(51,51,51); /* @kind color */
  --black-and-white-dark-bwdark-surface-highlight: rgba(26,26,26,0.35); /* @kind color */
  --black-and-white-dark-bwdark-surface-lowlight: rgba(26,26,26,0.6); /* @kind color */
  --black-and-white-dark-bwdark-text-subtle: rgb(236,236,236); /* @kind color */
  --black-and-white-dark-bwdark-text: rgb(246,246,246); /* @kind color */
  --black-and-white-dark-messaging-bwdark-info-graphics: rgb(121,182,210); /* @kind color */
  --black-and-white-dark-messaging-bwdark-negative-graphics: rgb(221,111,111); /* @kind color */
  --black-and-white-dark-messaging-bwdark-negative-surface-highlight: rgba(83,19,19,0.35); /* @kind color */
  --black-and-white-dark-messaging-bwdark-negative-surface-lowlight: rgba(83,19,19,0.6); /* @kind color */
  --black-and-white-dark-messaging-bwdark-negative-surface: rgb(83,19,19); /* @kind color */
  --black-and-white-dark-messaging-bwdark-negative-text-hover: rgb(248,226,226); /* @kind color */
  --black-and-white-dark-messaging-bwdark-negative-text-pressed: rgb(231,152,152); /* @kind color */
  --black-and-white-dark-messaging-bwdark-negative-text: rgb(240,193,193); /* @kind color */
  --black-and-white-dark-messaging-bwdark-positive-graphics: rgb(129,202,165); /* @kind color */
  --black-and-white-dark-messaging-bwdark-positive-surface: rgb(30,72,50); /* @kind color */
  --black-and-white-dark-messaging-bwdark-positive-text: rgb(201,232,216); /* @kind color */
  --black-and-white-light-bw-active-hover: rgb(240,240,240); /* @kind color */
  --black-and-white-light-bw-active-pressed: rgb(224,224,224); /* @kind color */
  --black-and-white-light-bw-active-subtle: rgba(255,255,255,0.5); /* @kind color */
  --black-and-white-light-bw-active: rgb(255,255,255); /* @kind color */
  --black-and-white-light-bw-border: rgba(255,255,255,0.1); /* @kind color */
  --black-and-white-light-bw-disabled: rgba(255,255,255,0.2); /* @kind color */
  --black-and-white-light-bw-on-active: rgb(0,0,0); /* @kind color */
  --black-and-white-light-bw-overlay: rgba(0,0,0,0.4); /* @kind color */
  --black-and-white-light-bw-surface-1: rgb(65,65,65); /* @kind color */
  --black-and-white-light-bw-surface-2: rgb(56,56,56); /* @kind color */
  --black-and-white-light-bw-surface-3: rgb(51,51,51); /* @kind color */
  --black-and-white-light-bw-surface-highlight: rgba(51,51,51,0.35); /* @kind color */
  --black-and-white-light-bw-surface-lowlight: rgba(51,51,51,0.6); /* @kind color */
  --black-and-white-light-bw-text-subtle: rgb(236,236,236); /* @kind color */
  --black-and-white-light-bw-text: rgb(255,255,255); /* @kind color */
  --black-and-white-light-messaging-bw-info-graphics: rgb(121,182,210); /* @kind color */
  --black-and-white-light-messaging-bw-negative-graphics: rgb(221,111,111); /* @kind color */
  --black-and-white-light-messaging-bw-negative-surface-highlight: rgba(83,19,19,0.35); /* @kind color */
  --black-and-white-light-messaging-bw-negative-surface-lowlight: rgba(83,19,19,0.6); /* @kind color */
  --black-and-white-light-messaging-bw-negative-surface: rgb(83,19,19); /* @kind color */
  --black-and-white-light-messaging-bw-negative-text-hover: rgb(248,226,226); /* @kind color */
  --black-and-white-light-messaging-bw-negative-text-pressed: rgb(231,152,152); /* @kind color */
  --black-and-white-light-messaging-bw-negative-text: rgb(240,193,193); /* @kind color */
  --black-and-white-light-messaging-bw-positive-graphics: rgb(129,202,165); /* @kind color */
  --black-and-white-light-messaging-bw-positive-surface: rgb(30,72,50); /* @kind color */
  --black-and-white-light-messaging-bw-positive-text: rgb(201,232,216); /* @kind color */
  --generic-gen-on-active: rgb(20,36,82); /* @kind color */
  --generic-gen-surface-1: rgb(41,71,163); /* @kind color */
  --generic-gen-text-subtle: rgb(194,206,240); /* @kind color */
  --gray-blue-dark-gbdark-active-hover: rgb(255,255,255); /* @kind color */
  --gray-blue-dark-gbdark-active-pressed: rgba(255,255,255,0.75); /* @kind color */
  --gray-blue-dark-gbdark-active-subtle: rgba(255,255,255,0.5); /* @kind color */
  --gray-blue-dark-gbdark-active: rgba(255,255,255,0.9); /* @kind color */
  --gray-blue-dark-gbdark-border: rgba(255,255,255,0.1); /* @kind color */
  --gray-blue-dark-gbdark-disabled: rgba(255,255,255,0.2); /* @kind color */
  --gray-blue-dark-gbdark-on-active: rgb(22,39,90); /* @kind color */
  --gray-blue-dark-gbdark-surface-1: rgb(22,39,90); /* @kind color */
  --gray-blue-dark-gbdark-surface-2: rgb(13,23,53); /* @kind color */
  --gray-blue-dark-gbdark-surface-3: rgb(15,27,61); /* @kind color */
  --gray-blue-dark-gbdark-surface-highlight: rgba(0,0,0,0.35); /* @kind color */
  --gray-blue-dark-gbdark-surface-lowlight: rgba(0,0,0,0.6); /* @kind color */
  --gray-blue-dark-gbdark-text-subtle: rgb(194,206,240); /* @kind color */
  --gray-blue-dark-gbdark-text: rgb(255,255,255); /* @kind color */
  --gray-blue-dark-messaging-gbdark-info-graphics: rgb(121,182,210); /* @kind color */
  --gray-blue-dark-messaging-gbdark-negative-graphics: rgb(221,111,111); /* @kind color */
  --gray-blue-dark-messaging-gbdark-negative-surface-highlight: rgba(83,19,19,0.35); /* @kind color */
  --gray-blue-dark-messaging-gbdark-negative-surface-lowlight: rgba(83,19,19,0.6); /* @kind color */
  --gray-blue-dark-messaging-gbdark-negative-surface: rgb(83,19,19); /* @kind color */
  --gray-blue-dark-messaging-gbdark-negative-text-hover: rgb(248,226,226); /* @kind color */
  --gray-blue-dark-messaging-gbdark-negative-text-pressed: rgb(231,152,152); /* @kind color */
  --gray-blue-dark-messaging-gbdark-negative-text: rgb(240,193,193); /* @kind color */
  --gray-blue-dark-messaging-gbdark-positive-graphics: rgb(129,202,165); /* @kind color */
  --gray-blue-dark-messaging-gbdark-positive-surface: rgb(30,72,50); /* @kind color */
  --gray-blue-dark-messaging-gbdark-positive-text: rgb(201,232,216); /* @kind color */
  --gray-blue-light-gb-active-hover: rgb(255,255,255); /* @kind color */
  --gray-blue-light-gb-active-pressed: rgba(255,255,255,0.75); /* @kind color */
  --gray-blue-light-gb-active-subtle: rgba(255,255,255,0.5); /* @kind color */
  --gray-blue-light-gb-active: rgba(255,255,255,0.9); /* @kind color */
  --gray-blue-light-gb-border: rgba(255,255,255,0.1); /* @kind color */
  --gray-blue-light-gb-disabled: rgba(255,255,255,0.2); /* @kind color */
  --gray-blue-light-gb-on-active: rgb(20,36,82); /* @kind color */
  --gray-blue-light-gb-overlay: rgba(0,0,0,0.4); /* @kind color */
  --gray-blue-light-gb-surface-1: rgb(41,71,163); /* @kind color */
  --gray-blue-light-gb-surface-2: rgb(26,47,107); /* @kind color */
  --gray-blue-light-gb-surface-3: rgb(22,39,90); /* @kind color */
  --gray-blue-light-gb-surface-highlight: rgba(0,0,0,0.35); /* @kind color */
  --gray-blue-light-gb-surface-lowlight: rgba(0,0,0,0.6); /* @kind color */
  --gray-blue-light-gb-text-subtle: rgb(194,206,240); /* @kind color */
  --gray-blue-light-gb-text: rgb(255,255,255); /* @kind color */
  --gray-blue-light-messaging-gb-info-graphics: rgb(121,182,210); /* @kind color */
  --gray-blue-light-messaging-gb-negative-graphics: rgb(221,111,111); /* @kind color */
  --gray-blue-light-messaging-gb-negative-surface-highlight: rgba(83,19,19,0.35); /* @kind color */
  --gray-blue-light-messaging-gb-negative-surface-lowlight: rgba(83,19,19,0.6); /* @kind color */
  --gray-blue-light-messaging-gb-negative-surface: rgb(83,19,19); /* @kind color */
  --gray-blue-light-messaging-gb-negative-text-hover: rgb(248,226,226); /* @kind color */
  --gray-blue-light-messaging-gb-negative-text-pressed: rgb(231,152,152); /* @kind color */
  --gray-blue-light-messaging-gb-negative-text: rgb(240,193,193); /* @kind color */
  --gray-blue-light-messaging-gb-positive-graphics: rgb(129,202,165); /* @kind color */
  --gray-blue-light-messaging-gb-positive-surface: rgb(30,72,50); /* @kind color */
  --gray-blue-light-messaging-gb-positive-text: rgb(201,232,216); /* @kind color */
  --green-dark-gdark-active-hover: rgb(217,245,146); /* @kind color */
  --green-dark-gdark-active-pressed: rgb(176,199,119); /* @kind color */
  --green-dark-gdark-active-subtle: rgba(255,255,255,0.5); /* @kind color */
  --green-dark-gdark-active: rgb(203,229,137); /* @kind color */
  --green-dark-gdark-border: rgba(203,229,137,0.1); /* @kind color */
  --green-dark-gdark-disabled: rgba(203,229,137,0.2); /* @kind color */
  --green-dark-gdark-on-active: rgb(17,38,14); /* @kind color */
  --green-dark-gdark-overlay: rgba(0,0,0,0.4); /* @kind color */
  --green-dark-gdark-surface-1: rgb(26,58,21); /* @kind color */
  --green-dark-gdark-surface-2: rgb(19,43,16); /* @kind color */
  --green-dark-gdark-surface-3: rgb(17,38,14); /* @kind color */
  --green-dark-gdark-surface-highlight: rgba(0,0,0,0.35); /* @kind color */
  --green-dark-gdark-surface-lowlight: rgba(0,0,0,0.6); /* @kind color */
  --green-dark-gdark-text-subtle: rgb(205,219,192); /* @kind color */
  --green-dark-gdark-text: rgb(255,255,255); /* @kind color */
  --green-dark-messaging-gdark-info-graphics: rgb(121,182,210); /* @kind color */
  --green-dark-messaging-gdark-negative-graphics: rgb(221,111,111); /* @kind color */
  --green-dark-messaging-gdark-negative-surface-highlight: rgba(83,19,19,0.35); /* @kind color */
  --green-dark-messaging-gdark-negative-surface-lowlight: rgba(83,19,19,0.6); /* @kind color */
  --green-dark-messaging-gdark-negative-surface: rgb(83,19,19); /* @kind color */
  --green-dark-messaging-gdark-negative-text-hover: rgb(248,226,226); /* @kind color */
  --green-dark-messaging-gdark-negative-text-pressed: rgb(231,152,152); /* @kind color */
  --green-dark-messaging-gdark-negative-text: rgb(247,222,222); /* @kind color */
  --green-dark-messaging-gdark-positive-graphics: rgb(129,202,165); /* @kind color */
  --green-dark-messaging-gdark-positive-surface: rgb(30,72,50); /* @kind color */
  --green-dark-messaging-gdark-positive-text: rgb(201,232,216); /* @kind color */
  --green-light-g-active-hover: rgb(51,112,41); /* @kind color */
  --green-light-g-active-pressed: rgb(21,45,16); /* @kind color */
  --green-light-g-active-subtle: rgba(0,0,0,0.5); /* @kind color */
  --green-light-g-active: rgb(41,90,32); /* @kind color */
  --green-light-g-border: rgba(6,13,5,0.1); /* @kind color */
  --green-light-g-disabled: rgba(6,13,5,0.2); /* @kind color */
  --green-light-g-on-active: rgb(255,255,255); /* @kind color */
  --green-light-g-overlay: rgba(6,13,5,0.4); /* @kind color */
  --green-light-g-surface-1: rgb(231,255,178); /* @kind color */
  --green-light-g-surface-2: rgb(218,245,158); /* @kind color */
  --green-light-g-surface-3: rgb(213,240,155); /* @kind color */
  --green-light-g-surface-highlight: rgba(255,255,255,0.35); /* @kind color */
  --green-light-g-surface-lowlight: rgba(255,255,255,0.6); /* @kind color */
  --green-light-g-text-subtle: rgb(73,77,73); /* @kind color */
  --green-light-g-text: rgb(6,13,5); /* @kind color */
  --green-light-messaging-g-info-graphics: rgb(121,182,210); /* @kind color */
  --green-light-messaging-g-negative-graphics: rgb(221,111,111); /* @kind color */
  --green-light-messaging-g-negative-surface-highlight: rgba(83,19,19,0.35); /* @kind color */
  --green-light-messaging-g-negative-surface-lowlight: rgba(83,19,19,0.6); /* @kind color */
  --green-light-messaging-g-negative-surface: rgb(83,19,19); /* @kind color */
  --green-light-messaging-g-negative-text-hover: rgb(248,226,226); /* @kind color */
  --green-light-messaging-g-negative-text-pressed: rgb(231,152,152); /* @kind color */
  --green-light-messaging-g-negative-text: rgb(240,193,193); /* @kind color */
  --green-light-messaging-g-positive-graphics: rgb(129,202,165); /* @kind color */
  --green-light-messaging-g-positive-surface: rgb(30,72,50); /* @kind color */
  --green-light-messaging-g-positive-text: rgb(201,232,216); /* @kind color */
  --purple-dark-messaging-pdark-negative-graphics: rgb(221,111,111); /* @kind color */
  --purple-dark-messaging-pdark-negative-surface-highlight: rgba(83,19,19,0.35); /* @kind color */
  --purple-dark-messaging-pdark-negative-surface-lowlight: rgba(83,19,19,0.6); /* @kind color */
  --purple-dark-messaging-pdark-negative-surface: rgb(83,19,19); /* @kind color */
  --purple-dark-messaging-pdark-negative-text-hover: rgb(248,226,226); /* @kind color */
  --purple-dark-messaging-pdark-negative-text-pressed: rgb(231,152,152); /* @kind color */
  --purple-dark-messaging-pdark-negative-text: rgb(240,193,193); /* @kind color */
  --purple-dark-messaging-pdark-positive-graphics: rgb(129,202,165); /* @kind color */
  --purple-dark-messaging-pdark-positive-surface: rgb(30,72,50); /* @kind color */
  --purple-dark-messaging-pdark-positive-text: rgb(201,232,216); /* @kind color */
  --purple-dark-pdark-active-hover: rgb(255,255,255); /* @kind color */
  --purple-dark-pdark-active-pressed: rgb(228,187,231); /* @kind color */
  --purple-dark-pdark-active-subtle: rgba(255,255,255,0.5); /* @kind color */
  --purple-dark-pdark-active: rgb(246,232,247); /* @kind color */
  --purple-dark-pdark-border: rgba(255,255,255,0.1); /* @kind color */
  --purple-dark-pdark-disabled: rgba(246,232,247,0.2); /* @kind color */
  --purple-dark-pdark-on-active: rgb(0,0,0); /* @kind color */
  --purple-dark-pdark-overlay: rgba(0,0,0,0.4); /* @kind color */
  --purple-dark-pdark-surface-1: rgb(101,3,109); /* @kind color */
  --purple-dark-pdark-surface-2: rgb(84,2,90); /* @kind color */
  --purple-dark-pdark-surface-3: rgb(74,2,79); /* @kind color */
  --purple-dark-pdark-surface-highlight: rgba(0,0,0,0.35); /* @kind color */
  --purple-dark-pdark-surface-lowlight: rgba(0,0,0,0.6); /* @kind color */
  --purple-dark-pdark-text-subtle: rgb(217,217,217); /* @kind color */
  --purple-dark-pdark-text: rgb(255,255,255); /* @kind color */
  --purple-light-messaging-p-info-graphics: rgb(121,182,210); /* @kind color */
  --purple-light-messaging-p-negative-graphics: rgb(221,111,111); /* @kind color */
  --purple-light-messaging-p-negative-surface-highlight: rgba(83,19,19,0.35); /* @kind color */
  --purple-light-messaging-p-negative-surface-lowlight: rgba(83,19,19,0.6); /* @kind color */
  --purple-light-messaging-p-negative-surface: rgb(83,19,19); /* @kind color */
  --purple-light-messaging-p-negative-text-hover: rgb(248,226,226); /* @kind color */
  --purple-light-messaging-p-negative-text-pressed: rgb(231,152,152); /* @kind color */
  --purple-light-messaging-p-negative-text: rgb(240,193,193); /* @kind color */
  --purple-light-messaging-p-positive-graphics: rgb(129,202,165); /* @kind color */
  --purple-light-messaging-p-positive-surface: rgb(30,72,50); /* @kind color */
  --purple-light-messaging-p-positive-text: rgb(201,232,216); /* @kind color */
  --purple-light-p-active-hover: rgb(249,231,250); /* @kind color */
  --purple-light-p-active-pressed: rgb(242,204,244); /* @kind color */
  --purple-light-p-active-subtle: rgba(255,255,255,0.5); /* @kind color */
  --purple-light-p-active: rgb(255,255,255); /* @kind color */
  --purple-light-p-border: rgba(255,255,255,0.1); /* @kind color */
  --purple-light-p-disabled: rgba(255,255,255,0.2); /* @kind color */
  --purple-light-p-on-active: rgb(0,0,0); /* @kind color */
  --purple-light-p-overlay: rgba(0,0,0,0.4); /* @kind color */
  --purple-light-p-surface-1: rgb(146,5,158); /* @kind color */
  --purple-light-p-surface-2: rgb(127,4,139); /* @kind color */
  --purple-light-p-surface-3: rgb(119,4,129); /* @kind color */
  --purple-light-p-surface-highlight: rgba(119,4,129,0.35); /* @kind color */
  --purple-light-p-surface-lowlight: rgba(119,4,129,0.6); /* @kind color */
  --purple-light-p-text-subtle: rgb(234,224,235); /* @kind color */
  --purple-light-p-text: rgb(255,255,255); /* @kind color */
  --visa-dark-messaging-vdark-info-graphics: rgb(0,136,199); /* @kind color */
  --visa-dark-messaging-vdark-negative-graphics: rgb(214,81,81); /* @kind color */
  --visa-dark-messaging-vdark-negative-surface-highlight: rgba(157,37,37,0.35); /* @kind color */
  --visa-dark-messaging-vdark-negative-surface-lowlight: rgba(157,37,37,0.6); /* @kind color */
  --visa-dark-messaging-vdark-negative-surface: rgb(157,37,37); /* @kind color */
  --visa-dark-messaging-vdark-negative-text-hover: rgb(253,247,247); /* @kind color */
  --visa-dark-messaging-vdark-negative-text-pressed: rgb(236,172,172); /* @kind color */
  --visa-dark-messaging-vdark-negative-text: rgb(247,222,222); /* @kind color */
  --visa-dark-messaging-vdark-positive-graphics: rgb(64,153,107); /* @kind color */
  --visa-dark-messaging-vdark-positive-surface: rgb(35,83,58); /* @kind color */
  --visa-dark-messaging-vdark-positive-text: rgb(223,241,232); /* @kind color */
  --visa-dark-vdark-active-hover: rgb(219,244,255); /* @kind color */
  --visa-dark-vdark-active-pressed: rgb(128,215,255); /* @kind color */
  --visa-dark-vdark-active-subtle: rgba(255,255,255,0.5); /* @kind color */
  --visa-dark-vdark-active: rgb(189,234,255); /* @kind color */
  --visa-dark-vdark-border: rgba(255,255,255,0.1); /* @kind color */
  --visa-dark-vdark-disabled: rgba(255,255,255,0.2); /* @kind color */
  --visa-dark-vdark-on-active-2: rgb(10,10,10); /* @kind color */
  --visa-dark-vdark-on-active: rgb(10,10,10); /* @kind color */
  --visa-dark-vdark-overlay: rgba(0,0,0,0.4); /* @kind color */
  --visa-dark-vdark-surface-1-2: rgb(10,10,10); /* @kind color */
  --visa-dark-vdark-surface-1: rgb(10,10,10); /* @kind color */
  --visa-dark-vdark-surface-2: rgb(26,26,26); /* @kind color */
  --visa-dark-vdark-surface-3: rgb(46,46,46); /* @kind color */
  --visa-dark-vdark-surface-highlight: rgba(0,0,0,0.35); /* @kind color */
  --visa-dark-vdark-surface-lowlight: rgba(0,0,0,0.6); /* @kind color */
  --visa-dark-vdark-text-subtle-2: rgb(217,217,217); /* @kind color */
  --visa-dark-vdark-text-subtle: rgb(217,217,217); /* @kind color */
  --visa-dark-vdark-text: rgb(255,255,255); /* @kind color */
  --visa-dark-visa-accent-vdark-accent-1-hover: rgb(219,244,255); /* @kind color */
  --visa-dark-visa-accent-vdark-accent-1-pressed: rgb(128,215,255); /* @kind color */
  --visa-dark-visa-accent-vdark-accent-1: rgb(189,234,255); /* @kind color */
  --visa-dark-visa-accent-vdark-accent-2: rgb(10,10,10); /* @kind color */
  --visa-dark-visa-accent-vdark-accent-app-name: rgb(255,255,255); /* @kind color */
  --visa-light-messaging-v-info-graphics: rgb(51,190,255); /* @kind color */
  --visa-light-messaging-v-negative-graphics: rgb(226,131,131); /* @kind color */
  --visa-light-messaging-v-negative-surface-highlight: rgba(124,29,29,0.35); /* @kind color */
  --visa-light-messaging-v-negative-surface-lowlight: rgba(124,29,29,0.6); /* @kind color */
  --visa-light-messaging-v-negative-surface: rgb(124,29,29); /* @kind color */
  --visa-light-messaging-v-negative-text-hover: rgb(255,255,255); /* @kind color */
  --visa-light-messaging-v-negative-text-pressed: rgb(255,173,211); /* @kind color */
  --visa-light-messaging-v-negative-text: rgb(255,214,233); /* @kind color */
  --visa-light-messaging-v-positive-graphics: rgb(111,195,152); /* @kind color */
  --visa-light-messaging-v-positive-surface: rgb(30,72,50); /* @kind color */
  --visa-light-messaging-v-positive-text: rgb(214,242,196); /* @kind color */
  --visa-light-v-active-hover: rgb(252,201,54); /* @kind color */
  --visa-light-v-active-pressed: rgb(211,157,3); /* @kind color */
  --visa-light-v-active-subtle: rgba(255,255,255,0.5); /* @kind color */
  --visa-light-v-active: rgb(252,192,21); /* @kind color */
  --visa-light-v-border: rgba(255,255,255,0.1); /* @kind color */
  --visa-light-v-disabled: rgba(255,255,255,0.2); /* @kind color */
  --visa-light-v-on-active-2: rgb(2,30,76); /* @kind color */
  --visa-light-v-on-active: rgb(2,30,76); /* @kind color */
  --visa-light-v-overlay: rgba(0,0,0,0.4); /* @kind color */
  --visa-light-v-surface-1-2: rgb(20,52,203); /* @kind color */
  --visa-light-v-surface-1: rgb(20,52,203); /* @kind color */
  --visa-light-v-surface-2: rgb(18,47,186); /* @kind color */
  --visa-light-v-surface-3: rgb(17,42,167); /* @kind color */
  --visa-light-v-surface-highlight: rgba(2,30,76,0.35); /* @kind color */
  --visa-light-v-surface-lowlight: rgba(2,30,76,0.6); /* @kind color */
  --visa-light-v-text-subtle-2: rgb(217,217,217); /* @kind color */
  --visa-light-v-text-subtle: rgb(217,217,217); /* @kind color */
  --visa-light-v-text: rgb(255,255,255); /* @kind color */
  --visa-light-visa-accent-v-accent-1-hover: rgb(255,255,255); /* @kind color */
  --visa-light-visa-accent-v-accent-1-pressed: rgb(255,255,255); /* @kind color */
  --visa-light-visa-accent-v-accent-1: rgb(255,255,255); /* @kind color */
  --visa-light-visa-accent-v-accent-2: rgb(2,30,76); /* @kind color */
  --visa-light-visa-accent-v-accent-app-name: rgb(255,255,255); /* @kind color */
}

:root[data-theme="light"], .light {
  --add-ons-section-background: rgb(245,245,245); /* @kind color */
  --add-ons-section-background: rgb(245,245,245); /* @kind color */
  --color-active-active-hover: var(--black-and-white-light-bw-active-hover); /* @kind color */
  --color-active-active-hover: var(--green-light-g-active-hover); /* @kind color */
  --color-active-active-hover: var(--purple-light-p-active-hover); /* @kind color */
  --color-active-active-pressed: var(--black-and-white-light-bw-active-pressed); /* @kind color */
  --color-active-active-pressed: var(--green-light-g-active-pressed); /* @kind color */
  --color-active-active-pressed: var(--purple-light-p-active-pressed); /* @kind color */
  --color-active-active-subtle: var(--black-and-white-light-bw-active-subtle); /* @kind color */
  --color-active-active-subtle: var(--green-light-g-active-subtle); /* @kind color */
  --color-active-active-subtle: var(--purple-light-p-active-subtle); /* @kind color */
  --color-active-active: var(--black-and-white-light-bw-active); /* @kind color */
  --color-active-active: var(--green-light-g-active); /* @kind color */
  --color-active-active: var(--purple-light-p-active); /* @kind color */
  --color-decorative-border: var(--black-and-white-light-bw-border); /* @kind color */
  --color-decorative-border: var(--green-light-g-border); /* @kind color */
  --color-decorative-border: var(--purple-light-p-border); /* @kind color */
  --color-decorative-disabled: var(--black-and-white-light-bw-disabled); /* @kind color */
  --color-decorative-disabled: var(--green-light-g-disabled); /* @kind color */
  --color-decorative-disabled: var(--purple-light-p-disabled); /* @kind color */
  --color-decorative-overlay: var(--black-and-white-light-bw-overlay); /* @kind color */
  --color-decorative-overlay: var(--green-light-g-overlay); /* @kind color */
  --color-decorative-overlay: var(--purple-light-p-overlay); /* @kind color */
  --color-messaging-info-graphics: var(--black-and-white-light-messaging-bw-info-graphics); /* @kind color */
  --color-messaging-info-graphics: var(--green-light-messaging-g-info-graphics); /* @kind color */
  --color-messaging-info-graphics: var(--purple-light-messaging-p-info-graphics); /* @kind color */
  --color-messaging-negative-graphics: var(--black-and-white-light-messaging-bw-negative-graphics); /* @kind color */
  --color-messaging-negative-graphics: var(--green-light-messaging-g-negative-graphics); /* @kind color */
  --color-messaging-negative-graphics: var(--purple-light-messaging-p-negative-graphics); /* @kind color */
  --color-messaging-negative-surface-highlight: var(--black-and-white-light-messaging-bw-negative-surface-highlight); /* @kind color */
  --color-messaging-negative-surface-highlight: var(--green-light-messaging-g-negative-surface-highlight); /* @kind color */
  --color-messaging-negative-surface-highlight: var(--purple-light-messaging-p-negative-surface-highlight); /* @kind color */
  --color-messaging-negative-surface-lowlight: var(--black-and-white-light-messaging-bw-negative-surface-lowlight); /* @kind color */
  --color-messaging-negative-surface-lowlight: var(--green-light-messaging-g-negative-surface-lowlight); /* @kind color */
  --color-messaging-negative-surface-lowlight: var(--purple-light-messaging-p-negative-surface-lowlight); /* @kind color */
  --color-messaging-negative-surface: var(--black-and-white-light-messaging-bw-negative-surface); /* @kind color */
  --color-messaging-negative-surface: var(--green-light-messaging-g-negative-surface); /* @kind color */
  --color-messaging-negative-surface: var(--purple-light-messaging-p-negative-surface); /* @kind color */
  --color-messaging-negative-text-hover: var(--black-and-white-light-messaging-bw-negative-text-hover); /* @kind color */
  --color-messaging-negative-text-hover: var(--green-light-messaging-g-negative-text-hover); /* @kind color */
  --color-messaging-negative-text-hover: var(--purple-light-messaging-p-negative-text-hover); /* @kind color */
  --color-messaging-negative-text-pressed: var(--black-and-white-light-messaging-bw-negative-text-pressed); /* @kind color */
  --color-messaging-negative-text-pressed: var(--green-light-messaging-g-negative-text-pressed); /* @kind color */
  --color-messaging-negative-text-pressed: var(--purple-light-messaging-p-negative-text-pressed); /* @kind color */
  --color-messaging-negative-text: var(--black-and-white-light-messaging-bw-negative-text); /* @kind color */
  --color-messaging-negative-text: var(--green-light-messaging-g-negative-text); /* @kind color */
  --color-messaging-negative-text: var(--purple-light-messaging-p-negative-text); /* @kind color */
  --color-messaging-positive-graphics: var(--black-and-white-light-messaging-bw-positive-graphics); /* @kind color */
  --color-messaging-positive-graphics: var(--green-light-messaging-g-positive-graphics); /* @kind color */
  --color-messaging-positive-graphics: var(--purple-light-messaging-p-positive-graphics); /* @kind color */
  --color-messaging-positive-surface: var(--black-and-white-light-messaging-bw-positive-surface); /* @kind color */
  --color-messaging-positive-surface: var(--green-light-messaging-g-positive-surface); /* @kind color */
  --color-messaging-positive-surface: var(--purple-light-messaging-p-positive-surface); /* @kind color */
  --color-messaging-positive-text: var(--black-and-white-light-messaging-bw-positive-text); /* @kind color */
  --color-messaging-positive-text: var(--green-light-messaging-g-positive-text); /* @kind color */
  --color-messaging-positive-text: var(--purple-light-messaging-p-positive-text); /* @kind color */
  --color-surface-surface-1-2: var(--black-and-white-light-bw-surface-1); /* @kind color */
  --color-surface-surface-1-2: var(--green-light-g-surface-1); /* @kind color */
  --color-surface-surface-1-2: var(--purple-light-p-surface-1); /* @kind color */
  --color-surface-surface-2: var(--black-and-white-light-bw-surface-2); /* @kind color */
  --color-surface-surface-2: var(--green-light-g-surface-2); /* @kind color */
  --color-surface-surface-2: var(--purple-light-p-surface-2); /* @kind color */
  --color-surface-surface-3: var(--black-and-white-light-bw-surface-3); /* @kind color */
  --color-surface-surface-3: var(--green-light-g-surface-3); /* @kind color */
  --color-surface-surface-3: var(--purple-light-p-surface-3); /* @kind color */
  --color-surface-surface-highlight: var(--black-and-white-light-bw-surface-highlight); /* @kind color */
  --color-surface-surface-highlight: var(--green-light-g-surface-highlight); /* @kind color */
  --color-surface-surface-highlight: var(--purple-light-p-surface-highlight); /* @kind color */
  --color-surface-surface-lowlight: var(--black-and-white-light-bw-surface-lowlight); /* @kind color */
  --color-surface-surface-lowlight: var(--green-light-g-surface-lowlight); /* @kind color */
  --color-surface-surface-lowlight: var(--purple-light-p-surface-lowlight); /* @kind color */
  --color-text-on-active: var(--black-and-white-light-bw-on-active); /* @kind color */
  --color-text-on-active: var(--green-light-g-on-active); /* @kind color */
  --color-text-on-active: var(--purple-light-p-on-active); /* @kind color */
  --color-text-text-subtle: var(--black-and-white-light-bw-text-subtle); /* @kind color */
  --color-text-text-subtle: var(--green-light-g-text-subtle); /* @kind color */
  --color-text-text-subtle: var(--purple-light-p-text-subtle); /* @kind color */
  --color-text-text: var(--black-and-white-light-bw-text); /* @kind color */
  --color-text-text: var(--green-light-g-text); /* @kind color */
  --color-text-text: var(--purple-light-p-text); /* @kind color */
  --color-visa-accent-accent-1-hover: var(--black-and-white-light-bw-active-hover); /* @kind color */
  --color-visa-accent-accent-1-hover: var(--green-light-g-active-hover); /* @kind color */
  --color-visa-accent-accent-1-hover: var(--purple-light-p-active-hover); /* @kind color */
  --color-visa-accent-accent-1-pressed: var(--black-and-white-light-bw-active-pressed); /* @kind color */
  --color-visa-accent-accent-1-pressed: var(--green-light-g-active-pressed); /* @kind color */
  --color-visa-accent-accent-1-pressed: var(--purple-light-p-active-pressed); /* @kind color */
  --color-visa-accent-accent-1: var(--black-and-white-light-bw-active); /* @kind color */
  --color-visa-accent-accent-1: var(--green-light-g-active); /* @kind color */
  --color-visa-accent-accent-1: var(--purple-light-p-active); /* @kind color */
  --color-visa-accent-accent-2: var(--black-and-white-light-bw-on-active); /* @kind color */
  --color-visa-accent-accent-2: var(--green-light-g-on-active); /* @kind color */
  --color-visa-accent-accent-2: var(--purple-light-p-on-active); /* @kind color */
  --color-visa-accent-accent-app-name: var(--black-and-white-light-bw-text); /* @kind color */
  --color-visa-accent-accent-app-name: var(--green-light-g-text); /* @kind color */
  --color-visa-accent-accent-app-name: var(--purple-light-p-text); /* @kind color */
  --schemes-error-container: rgb(110,47,44); /* @kind color */
  --schemes-error-container: rgb(170,95,90); /* @kind color */
  --schemes-on-error-container: rgb(255,255,255); /* @kind color */
  --schemes-on-error-container: rgb(255,255,255); /* @kind color */
  --schemes-on-primary-container: rgb(255,255,255); /* @kind color */
  --schemes-on-primary-container: rgb(255,255,255); /* @kind color */
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary: rgb(255,255,255); /* @kind color */
  --schemes-on-surface-variant: rgb(37,35,43); /* @kind color */
  --schemes-on-surface-variant: rgb(69,65,74); /* @kind color */
  --schemes-on-surface: rgb(0,0,0); /* @kind color */
  --schemes-on-surface: rgb(29,27,32); /* @kind color */
  --schemes-on-tertiary-container: rgb(255,255,255); /* @kind color */
  --schemes-on-tertiary-container: rgb(255,255,255); /* @kind color */
  --schemes-on-tertiary: rgb(255,255,255); /* @kind color */
  --schemes-on-tertiary: rgb(255,255,255); /* @kind color */
  --schemes-outline-variant: rgb(125,121,131); /* @kind color */
  --schemes-outline-variant: rgb(69,65,74); /* @kind color */
  --schemes-outline: rgb(69,65,74); /* @kind color */
  --schemes-outline: rgb(97,93,103); /* @kind color */
  --schemes-primary-container: rgb(123,107,167); /* @kind color */
  --schemes-primary-container: rgb(73,57,113); /* @kind color */
  --schemes-primary: rgb(39,23,78); /* @kind color */
  --schemes-primary: rgb(73,57,113); /* @kind color */
  --schemes-secondary-container: rgb(124,107,167); /* @kind color */
  --schemes-secondary-container: rgb(73,57,113); /* @kind color */
  --schemes-secondary: rgb(39,23,78); /* @kind color */
  --schemes-secondary: rgb(73,57,113); /* @kind color */
  --schemes-surface-container-high: rgb(236,230,238); /* @kind color */
  --schemes-surface-container-high: rgb(236,230,238); /* @kind color */
  --schemes-surface-container-highest: rgb(230,224,233); /* @kind color */
  --schemes-surface-container-highest: rgb(230,224,233); /* @kind color */
  --schemes-surface-container: rgb(242,236,244); /* @kind color */
  --schemes-surface-container: rgb(242,236,244); /* @kind color */
  --schemes-tertiary-container: rgb(107,47,69); /* @kind color */
  --schemes-tertiary-container: rgb(165,95,119); /* @kind color */
  --schemes-tertiary: rgb(107,47,69); /* @kind color */
  --schemes-tertiary: rgb(66,14,36); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(0,0,0,0.08); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(29,27,32,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(0,0,0,0.1); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(29,27,32,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(37,35,43,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(69,65,74,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(37,35,43,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(69,65,74,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(39,23,78,0.08); /* @kind color */
  --state-layers-primary-opacity-08: rgba(73,57,113,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(39,23,78,0.1); /* @kind color */
  --state-layers-primary-opacity-10: rgba(73,57,113,0.1); /* @kind color */
}

:root[data-mode="sf-pro"] {
  --font-family-font-family: "SF Pro";
  --weight-medium: "medium"; /* @kind other */
  --weight-regular: "regular"; /* @kind other */
  --weight-semibold: "semibold"; /* @kind other */
}

:root[data-mode="roboto"] {
  --font-family-font-family: "Roboto";
  --weight-medium: "medium"; /* @kind other */
  --weight-regular: "regular"; /* @kind other */
  --weight-semibold: "semibold"; /* @kind other */
}

:root[data-mode="open-sans"] {
  --font-family-font-family: "Open Sans";
  --weight-medium: "semibold"; /* @kind other */
  --weight-regular: "regular"; /* @kind other */
  --weight-semibold: "bold"; /* @kind other */
}

:root[data-mode="balsamiq-sans"] {
  --font-family-font-family: "Balsamiq Sans";
  --weight-medium: "bold"; /* @kind other */
  --weight-regular: "regular"; /* @kind other */
  --weight-semibold: "bold"; /* @kind other */
}

:root[data-mode="visa-dialect-ui"] {
  --font-family-font-family: "Visa Dialect UI";
  --weight-medium: "medium"; /* @kind other */
  --weight-regular: "regular"; /* @kind other */
  --weight-semibold: "semibold"; /* @kind other */
}

:root[data-mode="mobile"] {
  --accordion-accordion-icon: 23; /* @kind other */
  --avatar-avatar-height: 38; /* @kind other */
  --avatar-avatar-icon-s: 20; /* @kind other */
  --avatar-avatar-image: 38; /* @kind other */
  --badge-badge-dot: 10; /* @kind other */
  --badge-badge-icon: 18; /* @kind other */
  --badge-badge-number-b-padding: 2;
  --badge-badge-number-height: 20; /* @kind other */
  --badge-badge-number-min-width: 20; /* @kind other */
  --badge-default-badge-min-height: 28; /* @kind other */
  --badge-dense-badge-min-height: 26; /* @kind other */
  --badge-spacious-badge-min-height: 30; /* @kind other */
  --banner-banner-icon: 26; /* @kind other */
  --button-button-h-w-min: 44; /* @kind other */
  --button-default-l-button-height: 56; /* @kind other */
  --button-default-m-button-height: 46; /* @kind other */
  --button-default-s-button-height: 44; /* @kind other */
  --button-dense-l-button-height: 48; /* @kind other */
  --button-dense-m-button-height: 46; /* @kind other */
  --button-dense-s-button-height: 44; /* @kind other */
  --button-l-icon: 24; /* @kind other */
  --button-l-text-button-icon: 22; /* @kind other */
  --button-l-ui-icon: 24; /* @kind other */
  --button-m-icon: 18; /* @kind other */
  --button-m-text-button-icon: 18; /* @kind other */
  --button-m-ui-icon: 18; /* @kind other */
  --button-s-icon: 16; /* @kind other */
  --button-s-ui-icon: 16; /* @kind other */
  --button-spacious-l-button-height: 64; /* @kind other */
  --button-spacious-m-button-height: 52; /* @kind other */
  --button-spacious-s-button-height: 46; /* @kind other */
  --button-stacked-width-min: 72; /* @kind other */
  --checkbox-checkbox-height: 20; /* @kind other */
  --checkbox-checkbox-indeterminate-length: 12; /* @kind other */
  --chip-chip-avatar-l-padding: 1;
  --chip-chip-avatar: 32; /* @kind other */
  --chip-chip-btn-padding: var(--size-125);
  --chip-chip-checkmark: 16; /* @kind other */
  --chip-chip-h-default: 44; /* @kind other */
  --chip-chip-icon: 20; /* @kind other */
  --chip-chip-l-padding: var(--size-50);
  --chip-compact-chip-avatar: 24; /* @kind other */
  --chip-compact-chip-icon: 18; /* @kind other */
  --chip-compact-chip-text-lr-padding: 3;
  --chip-default-chip-button: 44; /* @kind other */
  --chip-default-chip-tb-padding: 11;
  --chip-default-compact-chip-button: 44; /* @kind other */
  --chip-dense-chip-button: 44; /* @kind other */
  --chip-dense-chip-tb-padding: 11;
  --chip-dense-compact-chip-button: 44; /* @kind other */
  --chip-spacious-chip-button: 52; /* @kind other */
  --chip-spacious-chip-tb-padding: 14;
  --chip-spacious-compact-chip-button: 48; /* @kind other */
  --content-card-default-contentcard-ui-t-padding: 16;
  --content-card-dense-contentcard-ui-t-padding: 7;
  --content-card-spacious-contentcard-ui-t-padding: 18;
  --dropdown-menu-dropdown-item-icon: 20; /* @kind other */
  --file-upload-file-card-ui-button-default: 44; /* @kind other */
  --file-upload-file-card-ui-button-dense: 44; /* @kind other */
  --file-upload-file-card-ui-button-spacious: 52; /* @kind other */
  --font-body-family: var(--font-primary);
  --font-body-medium-bodyb1-line-height: var(--font-line-height-600);
  --font-body-medium-bodyb1-paragraph-spacing: var(--font-paragraph-spacing-300);
  --font-body-medium-bodyb1-text-size: var(--font-text-size-400);
  --font-body-medium-bodyb2-line-height: var(--font-line-height-500);
  --font-body-medium-bodyb2-paragraph-spacing: var(--font-paragraph-spacing-250);
  --font-body-medium-bodyb2-text-size: var(--font-text-size-350);
  --font-body-medium-bodyb3-line-height: var(--font-line-height-300);
  --font-body-medium-bodyb3-paragraph-spacing: var(--font-paragraph-spacing-150);
  --font-body-medium-bodyb3-text-size: var(--font-text-size-250);
  --font-body-medium-weight: var(--fonts-inter-tight-weight-medium);
  --font-body-regular-body1-line-height: var(--font-line-height-600);
  --font-body-regular-body1-paragraph-spacing: var(--font-paragraph-spacing-300);
  --font-body-regular-body1-text-size: var(--font-text-size-400);
  --font-body-regular-body2-line-height: var(--font-line-height-500);
  --font-body-regular-body2-paragraph-spacing: var(--font-paragraph-spacing-250);
  --font-body-regular-body2-text-size: var(--font-text-size-350);
  --font-body-regular-body3-line-height-2: var(--font-line-height-300);
  --font-body-regular-body3-line-height: var(--font-line-height-400);
  --font-body-regular-body3-paragraph-spacing-2: var(--font-paragraph-spacing-150);
  --font-body-regular-body3-paragraph-spacing: var(--font-paragraph-spacing-200);
  --font-body-regular-body3-text-size-2: var(--font-text-size-250);
  --font-body-regular-body3-text-size: var(--font-text-size-300);
  --font-body-regular-weight: var(--fonts-inter-tight-weight-regular);
  --font-body-semibold-bodyb1-line-height: var(--font-line-height-600);
  --font-body-semibold-bodyb1-paragraph-spacing: var(--font-paragraph-spacing-300);
  --font-body-semibold-bodyb1-text-size: var(--font-text-size-400);
  --font-body-semibold-bodyb2-line-height: var(--font-line-height-500);
  --font-body-semibold-bodyb2-paragraph-spacing: var(--font-paragraph-spacing-250);
  --font-body-semibold-bodyb2-text-size: var(--font-text-size-350);
  --font-body-semibold-bodyb3-line-height: var(--font-line-height-300);
  --font-body-semibold-bodyb3-paragraph-spacing: var(--font-paragraph-spacing-150);
  --font-body-semibold-bodyb3-text-size: var(--font-text-size-250);
  --font-body-semibold-weight: var(--fonts-inter-tight-weight-semibold);
  --font-detail-button-big-text-size: var(--font-text-size-350);
  --font-detail-button-big-weight: var(--fonts-inter-tight-weight-semibold);
  --font-detail-button-medium-text-size: var(--font-text-size-300);
  --font-detail-button-medium-weight: var(--fonts-inter-tight-weight-semibold);
  --font-detail-button-small-text-size: var(--font-text-size-250);
  --font-detail-button-small-weight: var(--fonts-inter-tight-weight-medium);
  --font-detail-family: var(--font-primary);
  --font-detail-label-active-l-text-size: var(--font-text-size-350);
  --font-detail-label-active-normal-text-size: var(--font-text-size-300);
  --font-detail-label-active-s-text-size: var(--font-text-size-250);
  --font-detail-label-active-weight: var(--fonts-inter-tight-weight-semibold);
  --font-detail-label-active-xs-text-size: var(--font-text-size-250);
  --font-detail-label-active-xss-xss: var(--font-text-size-250);
  --font-detail-label-itallic-l-text-size: var(--font-text-size-350);
  --font-detail-label-itallic-normal-text-size: var(--font-text-size-300);
  --font-detail-label-itallic-s-text-size: var(--font-text-size-250);
  --font-detail-label-itallic-weight: var(--fonts-inter-tight-weight-italic);
  --font-detail-label-itallic-xs-text-size: var(--font-text-size-250);
  --font-detail-label-itallic-xss-xss: var(--font-text-size-250);
  --font-detail-label-regular-l-text-size: var(--font-text-size-350);
  --font-detail-label-regular-normal-text-size: var(--font-text-size-300);
  --font-detail-label-regular-s-text-size: var(--font-text-size-250);
  --font-detail-label-regular-weight: var(--fonts-inter-tight-weight-regular);
  --font-detail-label-regular-xs-text-size: var(--font-text-size-250);
  --font-detail-label-regular-xss-xss: var(--font-text-size-250);
  --font-detail-link-big-text-size: var(--font-text-size-350);
  --font-detail-link-normal-text-size: var(--font-text-size-300);
  --font-detail-link-small-text-size: var(--font-text-size-250);
  --font-detail-link-weight: var(--fonts-inter-tight-weight-medium);
  --font-detail-table-cell-family: var(--font-primary);
  --font-detail-table-cell-text-size: var(--font-text-size-250);
  --font-detail-table-cell-weight: var(--fonts-inter-tight-weight-regular);
  --font-detail-table-header-family: var(--font-secondary);
  --font-detail-table-header-text-size: var(--font-text-size-250);
  --font-detail-table-header-weight: var(--fonts-clan-ot-weight-medium);
  --font-display-d1-line-height: var(--font-line-height-1400);
  --font-display-d1-size: var(--font-text-size-1200);
  --font-display-d2-line-height: var(--font-line-height-1100);
  --font-display-d2-size: var(--font-text-size-900);
  --font-display-d3-line-height: var(--font-line-height-800);
  --font-display-d3-size: var(--font-text-size-750);
  --font-display-d4-line-height: var(--font-line-height-700);
  --font-display-d4-size: var(--font-text-size-650);
  --font-display-d5-line-height: var(--font-line-height-700);
  --font-display-d5-size: var(--font-text-size-600);
  --font-display-family: var(--font-secondary);
  --font-display-weight: var(--fonts-clan-ot-weight-medium);
  --font-headlines-family: var(--font-secondary);
  --font-headlines-h1-line-height: var(--font-line-height-350);
  --font-headlines-h1-size: var(--font-text-size-300);
  --font-headlines-h2-line-height: var(--font-line-height-300);
  --font-headlines-h2-size: var(--font-text-size-250);
  --font-headlines-h4-weight: var(--fonts-roboto-condensed-weight-bold);
  --font-headlines-weight: var(--fonts-clan-ot-weight-medium);
  --font-overline-family: var(--font-secondary);
  --font-overline-overline-1-letter-spacing: var(--font-letter-spacing-8);
  --font-overline-overline-1-line-height: var(--font-line-height-300);
  --font-overline-overline-1-size: var(--font-text-size-250);
  --font-overline-overline-1-weight: var(--fonts-clan-ot-weight-medium);
  --font-overline-overline-2-letter-spacing: var(--font-letter-spacing-8);
  --font-overline-overline-2-line-height: var(--font-line-height-300);
  --font-overline-overline-2-size: var(--font-text-size-250);
  --font-overline-overline-2-weight: var(--fonts-clan-ot-weight-news);
  --font-subtitles-family: var(--font-secondary);
  --font-subtitles-s1-line-height: var(--font-line-height-350);
  --font-subtitles-s1-size: var(--font-text-size-300);
  --font-subtitles-s1-weight: var(--fonts-clan-ot-weight-news);
  --font-subtitles-s2-line-height: var(--font-line-height-300);
  --font-subtitles-s2-size: var(--font-text-size-250);
  --font-subtitles-s2-weight: var(--fonts-clan-ot-weight-news);
  --input-default-input-height: 46; /* @kind other */
  --input-default-input-ui-button-height: 44; /* @kind other */
  --input-dense-input-height: 46; /* @kind other */
  --input-dense-input-ui-button-height: 44; /* @kind other */
  --input-inline-message-icon: 18; /* @kind other */
  --input-input-icon: 24; /* @kind other */
  --input-spacious-input-height: 54; /* @kind other */
  --input-spacious-input-ui-button-height: 44; /* @kind other */
  --layout-grid-bottom: var(--spacing-400); /* @kind other */
  --layout-grid-columns: var(--spacing-100); /* @kind other */
  --layout-grid-gutter: var(--spacing-400); /* @kind other */
  --layout-grid-margin: var(--spacing-400); /* @kind other */
  --layout-grid-top: var(--spacing-400); /* @kind other */
  --link-link-padding-lr: var(--size-50);
  --link-link-padding-tb: var(--size-100);
  --radio-radio-button: 20; /* @kind other */
  --radio-radio-dot: 12; /* @kind other */
  --select-select-check: 14; /* @kind other */
  --select-select-option-tb-padding: 12;
  --shape-token-shape-0: 0; /* @kind other */
  --shape-token-shape-100: 10; /* @kind other */
  --shape-token-shape-10: 1; /* @kind other */
  --shape-token-shape-125: 13; /* @kind other */
  --shape-token-shape-200: 22; /* @kind other */
  --shape-token-shape-225: 27; /* @kind other */
  --shape-token-shape-250: 30; /* @kind other */
  --shape-token-shape-25: 2; /* @kind other */
  --shape-token-shape-300: 34; /* @kind other */
  --shape-token-shape-375: 48; /* @kind other */
  --shape-token-shape-50: 6; /* @kind other */
  --shape-token-shape-75: 8; /* @kind other */
  --size-default-size-0: 0; /* @kind other */
  --size-default-size-100: 10; /* @kind other */
  --size-default-size-10: 1; /* @kind other */
  --size-default-size-115: 11; /* @kind other */
  --size-default-size-125: 13; /* @kind other */
  --size-default-size-130: 14; /* @kind other */
  --size-default-size-150: 15; /* @kind other */
  --size-default-size-160: 16; /* @kind other */
  --size-default-size-175: 18; /* @kind other */
  --size-default-size-185: 19; /* @kind other */
  --size-default-size-200: 20; /* @kind other */
  --size-default-size-250: 24; /* @kind other */
  --size-default-size-25: 2; /* @kind other */
  --size-default-size-300: 30; /* @kind other */
  --size-default-size-325: 32; /* @kind other */
  --size-default-size-350: 35; /* @kind other */
  --size-default-size-360: 36; /* @kind other */
  --size-default-size-400: 40; /* @kind other */
  --size-default-size-40: 4; /* @kind other */
  --size-default-size-450: 45; /* @kind other */
  --size-default-size-500: 50; /* @kind other */
  --size-default-size-50: 5; /* @kind other */
  --size-default-size-525: 53; /* @kind other */
  --size-default-size-550: 55; /* @kind other */
  --size-default-size-600: 60; /* @kind other */
  --size-default-size-65: 6; /* @kind other */
  --size-default-size-75: 8; /* @kind other */
  --size-default-size-85: 9; /* @kind other */
  --size-default-static-size-100: 8; /* @kind other */
  --size-default-static-size-130: 11; /* @kind other */
  --size-default-static-size-150: 12; /* @kind other */
  --size-default-static-size-175: 14; /* @kind other */
  --size-dense-size-0: 0; /* @kind other */
  --size-dense-size-100: 8; /* @kind other */
  --size-dense-size-10: 1; /* @kind other */
  --size-dense-size-115: 8; /* @kind other */
  --size-dense-size-125: 10; /* @kind other */
  --size-dense-size-130: 11; /* @kind other */
  --size-dense-size-150: 11; /* @kind other */
  --size-dense-size-160: 12; /* @kind other */
  --size-dense-size-175: 14; /* @kind other */
  --size-dense-size-185: 14; /* @kind other */
  --size-dense-size-200: 15; /* @kind other */
  --size-dense-size-250: 18; /* @kind other */
  --size-dense-size-25: 2; /* @kind other */
  --size-dense-size-300: 23; /* @kind other */
  --size-dense-size-325: 24; /* @kind other */
  --size-dense-size-350: 26; /* @kind other */
  --size-dense-size-360: 27; /* @kind other */
  --size-dense-size-400: 30; /* @kind other */
  --size-dense-size-40: 3; /* @kind other */
  --size-dense-size-450: 34; /* @kind other */
  --size-dense-size-500: 38; /* @kind other */
  --size-dense-size-50: 4; /* @kind other */
  --size-dense-size-525: 40; /* @kind other */
  --size-dense-size-550: 41; /* @kind other */
  --size-dense-size-600: 45; /* @kind other */
  --size-dense-size-65: 5; /* @kind other */
  --size-dense-size-75: 6; /* @kind other */
  --size-dense-size-85: 7; /* @kind other */
  --size-dense-static-size-100: 6; /* @kind other */
  --size-dense-static-size-130: 8; /* @kind other */
  --size-dense-static-size-150: 9; /* @kind other */
  --size-dense-static-size-175: 11; /* @kind other */
  --size-spacious-size-0: 0; /* @kind other */
  --size-spacious-size-100: 13; /* @kind other */
  --size-spacious-size-10: 1; /* @kind other */
  --size-spacious-size-115: 14; /* @kind other */
  --size-spacious-size-125: 16; /* @kind other */
  --size-spacious-size-130: 18; /* @kind other */
  --size-spacious-size-150: 19; /* @kind other */
  --size-spacious-size-160: 20; /* @kind other */
  --size-spacious-size-175: 23; /* @kind other */
  --size-spacious-size-185: 24; /* @kind other */
  --size-spacious-size-200: 25; /* @kind other */
  --size-spacious-size-250: 30; /* @kind other */
  --size-spacious-size-25: 3; /* @kind other */
  --size-spacious-size-300: 38; /* @kind other */
  --size-spacious-size-325: 40; /* @kind other */
  --size-spacious-size-350: 44; /* @kind other */
  --size-spacious-size-360: 45; /* @kind other */
  --size-spacious-size-400: 50; /* @kind other */
  --size-spacious-size-40: 5; /* @kind other */
  --size-spacious-size-450: 56; /* @kind other */
  --size-spacious-size-500: 63; /* @kind other */
  --size-spacious-size-50: 6; /* @kind other */
  --size-spacious-size-525: 66; /* @kind other */
  --size-spacious-size-550: 69; /* @kind other */
  --size-spacious-size-600: 75; /* @kind other */
  --size-spacious-size-65: 8; /* @kind other */
  --size-spacious-size-75: 10; /* @kind other */
  --size-spacious-size-85: 11; /* @kind other */
  --size-spacious-static-size-100: 10; /* @kind other */
  --size-spacious-static-size-130: 14; /* @kind other */
  --size-spacious-static-size-150: 15; /* @kind other */
  --size-spacious-static-size-175: 18; /* @kind other */
  --spacing-breakpoints: 390;
  --spacing-buttons-border-stroke: var(--scale-25);
  --spacing-buttons-large-border-radius: var(--border-radius-large);
  --spacing-buttons-large-gap: var(--spacing-200);
  --spacing-buttons-large-height: var(--spacing-700);
  --spacing-buttons-large-horizontal-padding-2: var(--spacing-350);
  --spacing-buttons-large-horizontal-padding: var(--spacing-350);
  --spacing-buttons-large-icon-size: var(--scale-600);
  --spacing-buttons-large-vertical-padding: var(--spacing-0);
  --spacing-buttons-medium-border-radius: var(--spacing-200);
  --spacing-buttons-medium-gap: var(--spacing-200);
  --spacing-buttons-medium-height: var(--spacing-700);
  --spacing-buttons-medium-horizontal-padding: var(--spacing-400);
  --spacing-buttons-medium-icon-size: var(--scale-600);
  --spacing-buttons-medium-vertical-padding: var(--spacing-0);
  --spacing-buttons-small-border-radius: var(--border-radius-large);
  --spacing-buttons-small-gap: var(--spacing-100);
  --spacing-buttons-small-height: var(--spacing-600);
  --spacing-buttons-small-horizontal-padding: var(--spacing-200);
  --spacing-buttons-small-icon-size: var(--scale-400);
  --spacing-buttons-small-vertical-padding: var(--spacing-0);
  --spacing-cell-header-header-height: 36;
  --spacing-cell-width-height-height: 28;
  --spacing-fields-padding-l: var(--spacing-300);
  --spacing-fields-padding-m: var(--spacing-200);
  --spacing-fields-padding-s: var(--scale-150);
  --spacing-fields-padding-xl: var(--spacing-400);
  --spacing-fields-padding-xs: var(--scale-100);
  --spacing-fields-padding-xxl: var(--spacing-600);
  --spacing-fields-padding-xxs: var(--scale-50);
  --spacing-fields-padding-xxxl: 40;
  --spacing-fields-padding-xxxs: var(--scale-0);
  --spacing-fields-width-height-height: var(--scale-650);
  --spacing-fields-width-height-max-width: 344;
  --spacing-fields-width-height-min-width: 84;
  --table-xs-button-height: 44; /* @kind other */
  --tabs-tab-group-padding: var(--size-65);
  --tabs-tab-icon: 20; /* @kind other */
  --text-area-default-textarea-padding-tb: 10;
  --text-area-dense-textarea-padding-tb: 8;
  --text-area-spacious-textarea-padding-tb: 13;
  --typography-font-size-body-1: 18;
  --typography-font-size-body-2: 16;
  --typography-font-size-body-3: 14;
  --typography-font-size-button-large: 16;
  --typography-font-size-button-medium: 14;
  --typography-font-size-headline-3: 24;
  --typography-font-size-headline-4: 22;
  --typography-font-size-overline: 11;
  --typography-font-size-subtitle-1: 18;
  --typography-font-size-subtitle-2: 18;
  --typography-font-size-ui-label-large: 16;
  --typography-font-size-ui-label-small: 12;
  --typography-font-size-ui-label: 14;
  --typography-letter-spacing-large: 1;
  --typography-letter-spacing-none: 0;
  --typography-letter-spacing-small: 0.25;
  --typography-line-height-body-1: 27; /* @kind other */
  --typography-line-height-body-2: 24; /* @kind other */
  --typography-line-height-body-3: 21; /* @kind other */
  --typography-line-height-button-large: 22; /* @kind other */
  --typography-line-height-button-medium: 18; /* @kind other */
  --typography-line-height-headline-3: 31; /* @kind other */
  --typography-line-height-headline-4: 29; /* @kind other */
  --typography-line-height-overline: 14; /* @kind other */
  --typography-line-height-subtitle-1: 23; /* @kind other */
  --typography-line-height-subtitle-2: 23; /* @kind other */
  --typography-line-height-ui-label-large: 20; /* @kind other */
  --typography-line-height-ui-label-small: 16; /* @kind other */
  --typography-line-height-ui-label: 18; /* @kind other */
  --typography-paragraph-spacing-medium: 20;
  --typography-paragraph-spacing-none: 0;
  --typography-paragraph-spacing-small: 16;
  --wizard-wizard-badge-height: 20; /* @kind other */
  --wizard-wizard-single-badge-height: 24; /* @kind other */
}

:root[data-mode="less-rounded"] {
  --full: var(--shape-token-shape-375); /* @kind other */
  --large-lists: var(--shape-token-shape-75); /* @kind other */
  --large: var(--shape-token-shape-75); /* @kind other */
  --medium: var(--shape-token-shape-50); /* @kind other */
  --none: var(--shape-token-shape-0); /* @kind other */
  --small: var(--shape-token-shape-25); /* @kind other */
  --x-large: var(--shape-token-shape-100); /* @kind other */
  --x-small: var(--shape-token-shape-10); /* @kind other */
  --xx-large: var(--shape-token-shape-125); /* @kind other */
}

:root[data-mode="full-rounded"] {
  --full: var(--shape-token-shape-375); /* @kind other */
  --large-lists: var(--shape-token-shape-250); /* @kind other */
  --large: var(--shape-token-shape-200); /* @kind other */
  --medium: var(--shape-token-shape-300); /* @kind other */
  --none: var(--shape-token-shape-0); /* @kind other */
  --small: var(--shape-token-shape-225); /* @kind other */
  --x-large: var(--shape-token-shape-200); /* @kind other */
  --x-small: var(--shape-token-shape-25); /* @kind other */
  --xx-large: var(--shape-token-shape-200); /* @kind other */
}

:root[data-mode="square"] {
  --full: var(--shape-token-shape-375); /* @kind other */
  --large-lists: var(--shape-token-shape-0); /* @kind other */
  --large: var(--shape-token-shape-0); /* @kind other */
  --medium: var(--shape-token-shape-0); /* @kind other */
  --none: var(--shape-token-shape-0); /* @kind other */
  --small: var(--shape-token-shape-0); /* @kind other */
  --x-large: var(--shape-token-shape-0); /* @kind other */
  --x-small: var(--shape-token-shape-0); /* @kind other */
  --xx-large: var(--shape-token-shape-0); /* @kind other */
}

:root[data-mode="small"] {
  --bar-interval: 6; /* @kind other */
}

:root[data-mode="large"] {
  --bar-interval: 12; /* @kind other */
}

:root[data-mode="tablet"] {
  --font-body-family: var(--font-primary);
  --font-body-medium-bodyb1-line-height: var(--font-line-height-650);
  --font-body-medium-bodyb1-paragraph-spacing: var(--font-paragraph-spacing-350);
  --font-body-medium-bodyb1-text-size: var(--font-text-size-450);
  --font-body-medium-bodyb2-line-height: var(--font-line-height-600);
  --font-body-medium-bodyb2-paragraph-spacing: var(--font-paragraph-spacing-300);
  --font-body-medium-bodyb2-text-size: var(--font-text-size-400);
  --font-body-medium-bodyb3-line-height: var(--font-line-height-400);
  --font-body-medium-bodyb3-paragraph-spacing: var(--font-paragraph-spacing-200);
  --font-body-medium-bodyb3-text-size: var(--font-text-size-300);
  --font-body-medium-weight: var(--fonts-inter-tight-weight-medium);
  --font-body-regular-body1-line-height: var(--font-line-height-650);
  --font-body-regular-body1-paragraph-spacing: var(--font-paragraph-spacing-350);
  --font-body-regular-body1-text-size: var(--font-text-size-450);
  --font-body-regular-body2-line-height: var(--font-line-height-600);
  --font-body-regular-body2-paragraph-spacing: var(--font-paragraph-spacing-300);
  --font-body-regular-body2-text-size: var(--font-text-size-400);
  --font-body-regular-body3-line-height-2: var(--font-line-height-400);
  --font-body-regular-body3-line-height: var(--font-line-height-500);
  --font-body-regular-body3-paragraph-spacing-2: var(--font-paragraph-spacing-200);
  --font-body-regular-body3-paragraph-spacing: var(--font-paragraph-spacing-250);
  --font-body-regular-body3-text-size-2: var(--font-text-size-300);
  --font-body-regular-body3-text-size: var(--font-text-size-350);
  --font-body-regular-weight: var(--fonts-inter-tight-weight-regular);
  --font-body-semibold-bodyb1-line-height: var(--font-line-height-650);
  --font-body-semibold-bodyb1-paragraph-spacing: var(--font-paragraph-spacing-350);
  --font-body-semibold-bodyb1-text-size: var(--font-text-size-450);
  --font-body-semibold-bodyb2-line-height: var(--font-line-height-600);
  --font-body-semibold-bodyb2-paragraph-spacing: var(--font-paragraph-spacing-300);
  --font-body-semibold-bodyb2-text-size: var(--font-text-size-400);
  --font-body-semibold-bodyb3-line-height: var(--font-line-height-400);
  --font-body-semibold-bodyb3-paragraph-spacing: var(--font-paragraph-spacing-200);
  --font-body-semibold-bodyb3-text-size: var(--font-text-size-300);
  --font-body-semibold-weight: var(--fonts-inter-tight-weight-semibold);
  --font-detail-button-big-text-size: var(--font-text-size-400);
  --font-detail-button-big-weight: var(--fonts-inter-tight-weight-semibold);
  --font-detail-button-medium-text-size: var(--font-text-size-350);
  --font-detail-button-medium-weight: var(--fonts-inter-tight-weight-semibold);
  --font-detail-button-small-text-size: var(--font-text-size-300);
  --font-detail-button-small-weight: var(--fonts-inter-tight-weight-medium);
  --font-detail-family: var(--font-primary);
  --font-detail-label-active-l-text-size: var(--font-text-size-450);
  --font-detail-label-active-normal-text-size: var(--font-text-size-400);
  --font-detail-label-active-s-text-size: var(--font-text-size-350);
  --font-detail-label-active-weight: var(--fonts-inter-tight-weight-semibold);
  --font-detail-label-active-xs-text-size: var(--font-text-size-300);
  --font-detail-label-active-xss-xss: var(--font-text-size-250);
  --font-detail-label-itallic-l-text-size: var(--font-text-size-450);
  --font-detail-label-itallic-normal-text-size: var(--font-text-size-400);
  --font-detail-label-itallic-s-text-size: var(--font-text-size-350);
  --font-detail-label-itallic-weight: var(--fonts-inter-tight-weight-italic);
  --font-detail-label-itallic-xs-text-size: var(--font-text-size-300);
  --font-detail-label-itallic-xss-xss: var(--font-text-size-250);
  --font-detail-label-regular-l-text-size: var(--font-text-size-450);
  --font-detail-label-regular-normal-text-size: var(--font-text-size-400);
  --font-detail-label-regular-s-text-size: var(--font-text-size-350);
  --font-detail-label-regular-weight: var(--fonts-inter-tight-weight-regular);
  --font-detail-label-regular-xs-text-size: var(--font-text-size-300);
  --font-detail-label-regular-xss-xss: var(--font-text-size-250);
  --font-detail-link-big-text-size: var(--font-text-size-400);
  --font-detail-link-normal-text-size: var(--font-text-size-350);
  --font-detail-link-small-text-size: var(--font-text-size-300);
  --font-detail-link-weight: var(--fonts-inter-tight-weight-medium);
  --font-detail-table-cell-family: var(--font-primary);
  --font-detail-table-cell-text-size: var(--font-text-size-300);
  --font-detail-table-cell-weight: var(--fonts-inter-tight-weight-regular);
  --font-detail-table-header-family: var(--font-secondary);
  --font-detail-table-header-text-size: var(--font-text-size-300);
  --font-detail-table-header-weight: var(--fonts-clan-ot-weight-medium);
  --font-display-d1-line-height: var(--font-line-height-1400);
  --font-display-d1-size: var(--font-text-size-1300);
  --font-display-d2-line-height: var(--font-line-height-1200);
  --font-display-d2-size: var(--font-text-size-1000);
  --font-display-d3-line-height: var(--font-line-height-1000);
  --font-display-d3-size: var(--font-text-size-900);
  --font-display-d4-line-height: var(--font-line-height-800);
  --font-display-d4-size: var(--font-text-size-700);
  --font-display-d5-line-height: var(--font-line-height-750);
  --font-display-d5-size: var(--font-text-size-650);
  --font-display-family: var(--font-secondary);
  --font-display-weight: var(--fonts-clan-ot-weight-medium);
  --font-headlines-family: var(--font-secondary);
  --font-headlines-h1-line-height: var(--font-line-height-400);
  --font-headlines-h1-size: var(--font-text-size-350);
  --font-headlines-h2-line-height: var(--font-line-height-350);
  --font-headlines-h2-size: var(--font-text-size-300);
  --font-headlines-h4-weight: var(--fonts-roboto-condensed-weight-bold);
  --font-headlines-weight: var(--fonts-clan-ot-weight-medium);
  --font-overline-family: var(--font-secondary);
  --font-overline-overline-1-letter-spacing: var(--font-letter-spacing-8);
  --font-overline-overline-1-line-height: var(--font-line-height-350);
  --font-overline-overline-1-size: var(--font-text-size-300);
  --font-overline-overline-1-weight: var(--fonts-clan-ot-weight-medium);
  --font-overline-overline-2-letter-spacing: var(--font-letter-spacing-8);
  --font-overline-overline-2-line-height: var(--font-line-height-300);
  --font-overline-overline-2-size: var(--font-text-size-250);
  --font-overline-overline-2-weight: var(--fonts-clan-ot-weight-news);
  --font-subtitles-family: var(--font-secondary);
  --font-subtitles-s1-line-height: var(--font-line-height-400);
  --font-subtitles-s1-size: var(--font-text-size-350);
  --font-subtitles-s1-weight: var(--fonts-clan-ot-weight-news);
  --font-subtitles-s2-line-height: var(--font-line-height-350);
  --font-subtitles-s2-size: var(--font-text-size-300);
  --font-subtitles-s2-weight: var(--fonts-clan-ot-weight-news);
  --layout-grid-bottom: var(--spacing-700); /* @kind other */
  --layout-grid-columns: var(--spacing-300); /* @kind other */
  --layout-grid-gutter: var(--spacing-700); /* @kind other */
  --layout-grid-margin: 96; /* @kind other */
  --layout-grid-top: var(--spacing-700); /* @kind other */
  --spacing-breakpoints: 768;
  --spacing-buttons-border-stroke: var(--scale-50);
  --spacing-buttons-large-border-radius: var(--border-radius-large);
  --spacing-buttons-large-gap: var(--spacing-200);
  --spacing-buttons-large-height: var(--spacing-600);
  --spacing-buttons-large-horizontal-padding-2: var(--spacing-400);
  --spacing-buttons-large-horizontal-padding: var(--spacing-400);
  --spacing-buttons-large-icon-size: var(--scale-600);
  --spacing-buttons-large-vertical-padding: var(--spacing-0);
  --spacing-buttons-medium-border-radius: var(--spacing-200);
  --spacing-buttons-medium-gap: var(--spacing-200);
  --spacing-buttons-medium-height: var(--spacing-600);
  --spacing-buttons-medium-horizontal-padding: var(--spacing-400);
  --spacing-buttons-medium-icon-size: var(--scale-600);
  --spacing-buttons-medium-vertical-padding: var(--spacing-0);
  --spacing-buttons-small-border-radius: var(--border-radius-large);
  --spacing-buttons-small-gap: var(--spacing-100);
  --spacing-buttons-small-height: var(--scale-650);
  --spacing-buttons-small-horizontal-padding: var(--spacing-300);
  --spacing-buttons-small-icon-size: var(--scale-400);
  --spacing-buttons-small-vertical-padding: var(--spacing-0);
  --spacing-cell-header-header-height: var(--scale-1000);
  --spacing-cell-width-height-height: var(--scale-900);
  --spacing-fields-padding-l: var(--spacing-400);
  --spacing-fields-padding-m: var(--spacing-300);
  --spacing-fields-padding-s: var(--spacing-200);
  --spacing-fields-padding-xl: var(--spacing-600);
  --spacing-fields-padding-xs: var(--scale-150);
  --spacing-fields-padding-xxl: var(--spacing-700);
  --spacing-fields-padding-xxs: var(--spacing-100);
  --spacing-fields-padding-xxxl: 44;
  --spacing-fields-padding-xxxs: var(--scale-50);
  --spacing-fields-width-height-height: var(--scale-700);
  --spacing-fields-width-height-max-width: 1680;
  --spacing-fields-width-height-min-width: 84;
}

:root[data-mode="cyan-colors"] {
  --color-primary-cyan-200: rgb(153,225,245); /* @kind color */
}

:root[data-mode="serio"] {
  --color-basic-dark: rgb(0,0,0); /* @kind color */
  --color-color-alias-tokens-action-color: var(--color-primary-electric-blue-500); /* @kind color */
  --color-color-alias-tokens-hover: var(--color-neutral-100); /* @kind color */
  --color-color-alias-tokens-text-contrast: var(--color-neutral-900); /* @kind color */
  --color-color-alias-tokens-text-default: var(--color-neutral-700); /* @kind color */
  --color-color-alias-tokens-text-neutral: var(--color-neutral-500); /* @kind color */
  --color-neutral-100: rgb(243,244,246); /* @kind color */
  --color-neutral-500: rgb(107,112,128); /* @kind color */
  --color-neutral-700: rgb(55,61,81); /* @kind color */
  --color-neutral-900: rgb(18,21,33); /* @kind color */
  --color-primary-electric-blue-500: rgb(74,108,218); /* @kind color */
  --color-semantic-success-dark: rgb(1,71,55); /* @kind color */
  --spacing-and-sizing-spacing-spacing-xs: 8;
}

:root[data-mode="monochrome-lt"] {
  --add-ons-section-background: rgb(245,245,245); /* @kind color */
  --schemes-error-container: rgb(249,222,220); /* @kind color */
  --schemes-on-error-container: rgb(65,14,11); /* @kind color */
  --schemes-on-primary-container: rgb(255,255,255); /* @kind color */
  --schemes-on-primary: rgb(226,226,226); /* @kind color */
  --schemes-on-secondary-container: rgb(27,27,27); /* @kind color */
  --schemes-on-secondary: rgb(255,255,255); /* @kind color */
  --schemes-on-surface-variant: rgb(71,71,71); /* @kind color */
  --schemes-on-surface: rgb(27,27,27); /* @kind color */
  --schemes-on-tertiary-container: rgb(255,255,255); /* @kind color */
  --schemes-on-tertiary: rgb(226,226,226); /* @kind color */
  --schemes-outline-variant: rgb(198,198,198); /* @kind color */
  --schemes-outline: rgb(119,119,119); /* @kind color */
  --schemes-primary-container: rgb(59,59,59); /* @kind color */
  --schemes-primary: rgb(0,0,0); /* @kind color */
  --schemes-secondary-container: rgb(212,212,212); /* @kind color */
  --schemes-secondary: rgb(95,94,95); /* @kind color */
  --schemes-surface-container-high: rgb(232,232,232); /* @kind color */
  --schemes-surface-container-highest: rgb(226,226,226); /* @kind color */
  --schemes-surface-container: rgb(238,238,238); /* @kind color */
  --schemes-tertiary-container: rgb(116,116,116); /* @kind color */
  --schemes-tertiary: rgb(58,60,60); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(226,226,226,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(226,226,226,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(27,27,27,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(27,27,27,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(27,27,27,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(27,27,27,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(71,71,71,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(71,71,71,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(226,226,226,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(226,226,226,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(0,0,0,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(0,0,0,0.1); /* @kind color */
}

:root[data-mode="monochrome-dt"] {
  --add-ons-section-background: rgb(0,0,0); /* @kind color */
  --schemes-error-container: rgb(140,29,24); /* @kind color */
  --schemes-on-error-container: rgb(242,184,181); /* @kind color */
  --schemes-on-primary-container: rgb(0,0,0); /* @kind color */
  --schemes-on-primary: rgb(26,28,28); /* @kind color */
  --schemes-on-secondary-container: rgb(226,226,226); /* @kind color */
  --schemes-on-secondary: rgb(26,28,28); /* @kind color */
  --schemes-on-surface-variant: rgb(198,198,198); /* @kind color */
  --schemes-on-surface: rgb(226,226,226); /* @kind color */
  --schemes-on-tertiary-container: rgb(0,0,0); /* @kind color */
  --schemes-on-tertiary: rgb(26,28,28); /* @kind color */
  --schemes-outline-variant: rgb(71,71,71); /* @kind color */
  --schemes-outline: rgb(145,145,145); /* @kind color */
  --schemes-primary-container: rgb(212,212,212); /* @kind color */
  --schemes-primary: rgb(255,255,255); /* @kind color */
  --schemes-secondary-container: rgb(71,71,71); /* @kind color */
  --schemes-secondary: rgb(198,198,198); /* @kind color */
  --schemes-surface-container-high: rgb(42,42,42); /* @kind color */
  --schemes-surface-container-highest: rgb(53,53,53); /* @kind color */
  --schemes-surface-container: rgb(31,31,31); /* @kind color */
  --schemes-tertiary-container: rgb(145,145,145); /* @kind color */
  --schemes-tertiary: rgb(226,226,226); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(0,0,0,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(0,0,0,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(26,28,28,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(26,28,28,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(226,226,226,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(226,226,226,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(26,28,28,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(26,28,28,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(226,226,226,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(226,226,226,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(198,198,198,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(198,198,198,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(0,0,0,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(0,0,0,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(26,28,28,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(26,28,28,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
}

:root[data-mode="pink-lt"] {
  --add-ons-section-background: rgb(245,245,245); /* @kind color */
  --schemes-error-container: rgb(249,222,220); /* @kind color */
  --schemes-on-error-container: rgb(140,29,24); /* @kind color */
  --schemes-on-primary-container: rgb(110,51,79); /* @kind color */
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(89,63,75); /* @kind color */
  --schemes-on-secondary: rgb(255,255,255); /* @kind color */
  --schemes-on-surface-variant: rgb(80,67,72); /* @kind color */
  --schemes-on-surface: rgb(33,25,28); /* @kind color */
  --schemes-on-tertiary-container: rgb(99,62,36); /* @kind color */
  --schemes-on-tertiary: rgb(255,255,255); /* @kind color */
  --schemes-outline-variant: rgb(212,194,199); /* @kind color */
  --schemes-outline: rgb(130,115,120); /* @kind color */
  --schemes-primary-container: rgb(254,176,209); /* @kind color */
  --schemes-primary: rgb(138,75,104); /* @kind color */
  --schemes-secondary-container: rgb(251,214,227); /* @kind color */
  --schemes-secondary: rgb(115,87,98); /* @kind color */
  --schemes-surface-container-high: rgb(244,228,232); /* @kind color */
  --schemes-surface-container-highest: rgb(238,223,227); /* @kind color */
  --schemes-surface-container: rgb(250,234,238); /* @kind color */
  --schemes-tertiary-container: rgb(254,198,162); /* @kind color */
  --schemes-tertiary: rgb(127,86,57); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(110,51,79,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(110,51,79,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(89,63,75,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(89,63,75,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(33,25,28,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(33,25,28,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(80,67,72,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(80,67,72,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(99,62,36,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(99,62,36,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(138,75,104,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(138,75,104,0.1); /* @kind color */
}

:root[data-mode="pink-dt"] {
  --add-ons-section-background: rgb(0,0,0); /* @kind color */
  --schemes-error-container: rgb(140,29,24); /* @kind color */
  --schemes-on-error-container: rgb(249,222,220); /* @kind color */
  --schemes-on-primary-container: rgb(255,216,230); /* @kind color */
  --schemes-on-primary: rgb(83,29,57); /* @kind color */
  --schemes-on-secondary-container: rgb(254,217,230); /* @kind color */
  --schemes-on-secondary: rgb(65,42,52); /* @kind color */
  --schemes-on-surface-variant: rgb(212,194,199); /* @kind color */
  --schemes-on-surface: rgb(238,223,227); /* @kind color */
  --schemes-on-tertiary-container: rgb(255,220,198); /* @kind color */
  --schemes-on-tertiary: rgb(73,40,15); /* @kind color */
  --schemes-outline-variant: rgb(80,67,72); /* @kind color */
  --schemes-outline: rgb(157,140,146); /* @kind color */
  --schemes-primary-container: rgb(109,51,80); /* @kind color */
  --schemes-primary: rgb(254,176,209); /* @kind color */
  --schemes-secondary-container: rgb(89,64,74); /* @kind color */
  --schemes-secondary: rgb(225,189,202); /* @kind color */
  --schemes-surface-container-high: rgb(48,40,43); /* @kind color */
  --schemes-surface-container-highest: rgb(59,50,53); /* @kind color */
  --schemes-surface-container: rgb(37,29,32); /* @kind color */
  --schemes-tertiary-container: rgb(99,62,35); /* @kind color */
  --schemes-tertiary: rgb(242,187,152); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(255,216,230,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(255,216,230,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(83,29,57,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(83,29,57,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(254,217,230,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(254,217,230,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(65,42,52,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(65,42,52,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(238,223,227,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(238,223,227,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(212,194,199,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(212,194,199,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(255,220,198,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(255,220,198,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(73,40,15,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(73,40,15,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(254,176,209,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(254,176,209,0.1); /* @kind color */
}

:root[data-mode="rose-lt"] {
  --add-ons-section-background: rgb(245,245,245); /* @kind color */
  --schemes-error-container: rgb(249,222,220); /* @kind color */
  --schemes-on-error-container: rgb(140,29,24); /* @kind color */
  --schemes-on-primary-container: rgb(114,50,63); /* @kind color */
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(92,63,67); /* @kind color */
  --schemes-on-secondary: rgb(255,255,255); /* @kind color */
  --schemes-on-surface-variant: rgb(82,67,69); /* @kind color */
  --schemes-on-surface: rgb(34,25,26); /* @kind color */
  --schemes-on-tertiary-container: rgb(92,65,34); /* @kind color */
  --schemes-on-tertiary: rgb(255,255,255); /* @kind color */
  --schemes-outline-variant: rgb(215,194,195); /* @kind color */
  --schemes-outline: rgb(132,115,116); /* @kind color */
  --schemes-primary-container: rgb(253,166,179); /* @kind color */
  --schemes-primary: rgb(143,74,86); /* @kind color */
  --schemes-secondary-container: rgb(255,213,218); /* @kind color */
  --schemes-secondary: rgb(118,87,91); /* @kind color */
  --schemes-surface-container-high: rgb(246,228,229); /* @kind color */
  --schemes-surface-container-highest: rgb(240,222,223); /* @kind color */
  --schemes-surface-container: rgb(251,234,235); /* @kind color */
  --schemes-tertiary-container: rgb(255,210,161); /* @kind color */
  --schemes-tertiary: rgb(122,89,50); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(114,50,63,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(114,50,63,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(92,63,67,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(92,63,67,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(34,25,26,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(34,25,26,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(82,67,69,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(82,67,69,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(92,65,34,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(92,65,34,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(143,74,86,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(143,74,86,0.1); /* @kind color */
}

:root[data-mode="rose-dt"] {
  --add-ons-section-background: rgb(0,0,0); /* @kind color */
  --schemes-error-container: rgb(140,29,24); /* @kind color */
  --schemes-on-error-container: rgb(249,222,220); /* @kind color */
  --schemes-on-primary-container: rgb(255,217,221); /* @kind color */
  --schemes-on-primary: rgb(86,29,41); /* @kind color */
  --schemes-on-secondary-container: rgb(255,217,221); /* @kind color */
  --schemes-on-secondary: rgb(67,41,45); /* @kind color */
  --schemes-on-surface-variant: rgb(215,194,195); /* @kind color */
  --schemes-on-surface: rgb(240,222,223); /* @kind color */
  --schemes-on-tertiary-container: rgb(255,221,185); /* @kind color */
  --schemes-on-tertiary: rgb(69,43,7); /* @kind color */
  --schemes-outline-variant: rgb(82,67,69); /* @kind color */
  --schemes-outline: rgb(159,140,142); /* @kind color */
  --schemes-primary-container: rgb(114,51,63); /* @kind color */
  --schemes-primary: rgb(255,178,189); /* @kind color */
  --schemes-secondary-container: rgb(92,63,67); /* @kind color */
  --schemes-secondary: rgb(229,189,193); /* @kind color */
  --schemes-surface-container-high: rgb(49,40,41); /* @kind color */
  --schemes-surface-container-highest: rgb(61,50,51); /* @kind color */
  --schemes-surface-container: rgb(38,29,30); /* @kind color */
  --schemes-tertiary-container: rgb(94,65,28); /* @kind color */
  --schemes-tertiary: rgb(234,191,143); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(255,217,221,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(255,217,221,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(86,29,41,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(86,29,41,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(255,217,221,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(255,217,221,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(67,41,45,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(67,41,45,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(240,222,223,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(240,222,223,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(215,194,195,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(215,194,195,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(255,221,185,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(255,221,185,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(69,43,7,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(69,43,7,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(255,178,189,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(255,178,189,0.1); /* @kind color */
}

:root[data-mode="red-lt"] {
  --add-ons-section-background: rgb(245,245,245); /* @kind color */
  --schemes-error-container: rgb(249,222,220); /* @kind color */
  --schemes-on-error-container: rgb(140,29,24); /* @kind color */
  --schemes-on-primary-container: rgb(115,51,44); /* @kind color */
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(93,63,59); /* @kind color */
  --schemes-on-secondary: rgb(255,255,255); /* @kind color */
  --schemes-on-surface-variant: rgb(83,67,65); /* @kind color */
  --schemes-on-surface: rgb(35,25,24); /* @kind color */
  --schemes-on-tertiary-container: rgb(84,69,34); /* @kind color */
  --schemes-on-tertiary: rgb(255,255,255); /* @kind color */
  --schemes-outline-variant: rgb(216,194,190); /* @kind color */
  --schemes-outline: rgb(133,115,112); /* @kind color */
  --schemes-primary-container: rgb(253,164,153); /* @kind color */
  --schemes-primary: rgb(145,75,67); /* @kind color */
  --schemes-secondary-container: rgb(255,211,205); /* @kind color */
  --schemes-secondary: rgb(120,87,83); /* @kind color */
  --schemes-surface-container-high: rgb(247,228,226); /* @kind color */
  --schemes-surface-container-highest: rgb(241,222,220); /* @kind color */
  --schemes-surface-container: rgb(252,234,231); /* @kind color */
  --schemes-tertiary-container: rgb(250,220,163); /* @kind color */
  --schemes-tertiary: rgb(113,92,47); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(115,51,44,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(115,51,44,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(93,63,59,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(93,63,59,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(35,25,24,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(35,25,24,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(83,67,65,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(83,67,65,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(84,69,34,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(84,69,34,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(145,75,67,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(145,75,67,0.1); /* @kind color */
}

:root[data-mode="red-dt"] {
  --add-ons-section-background: rgb(0,0,0); /* @kind color */
  --schemes-error-container: rgb(140,29,24); /* @kind color */
  --schemes-on-error-container: rgb(249,222,220); /* @kind color */
  --schemes-on-primary-container: rgb(255,218,213); /* @kind color */
  --schemes-on-primary: rgb(86,30,24); /* @kind color */
  --schemes-on-secondary-container: rgb(255,218,213); /* @kind color */
  --schemes-on-secondary: rgb(68,41,38); /* @kind color */
  --schemes-on-surface-variant: rgb(216,194,190); /* @kind color */
  --schemes-on-surface: rgb(241,222,220); /* @kind color */
  --schemes-on-tertiary-container: rgb(252,223,166); /* @kind color */
  --schemes-on-tertiary: rgb(63,46,4); /* @kind color */
  --schemes-outline-variant: rgb(83,67,65); /* @kind color */
  --schemes-outline: rgb(160,140,138); /* @kind color */
  --schemes-primary-container: rgb(115,52,44); /* @kind color */
  --schemes-primary: rgb(255,167,155); /* @kind color */
  --schemes-secondary-container: rgb(93,63,59); /* @kind color */
  --schemes-secondary: rgb(231,189,183); /* @kind color */
  --schemes-surface-container-high: rgb(50,40,38); /* @kind color */
  --schemes-surface-container-highest: rgb(61,50,49); /* @kind color */
  --schemes-surface-container: rgb(39,29,28); /* @kind color */
  --schemes-tertiary-container: rgb(87,68,25); /* @kind color */
  --schemes-tertiary: rgb(223,195,140); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(255,218,213,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(255,218,213,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(86,30,24,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(86,30,24,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(255,218,213,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(255,218,213,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(68,41,38,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(68,41,38,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(241,222,220,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(241,222,220,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(216,194,190,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(216,194,190,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(252,223,166,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(252,223,166,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(63,46,4,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(63,46,4,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(255,167,155,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(255,167,155,0.1); /* @kind color */
}

:root[data-mode="orange-lt"] {
  --add-ons-section-background: rgb(245,245,245); /* @kind color */
  --schemes-error-container: rgb(249,222,220); /* @kind color */
  --schemes-on-error-container: rgb(140,29,24); /* @kind color */
  --schemes-on-primary-container: rgb(103,60,34); /* @kind color */
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(92,65,49); /* @kind color */
  --schemes-on-secondary: rgb(255,255,255); /* @kind color */
  --schemes-on-surface-variant: rgb(82,68,60); /* @kind color */
  --schemes-on-surface: rgb(34,26,21); /* @kind color */
  --schemes-on-tertiary-container: rgb(73,73,35); /* @kind color */
  --schemes-on-tertiary: rgb(255,255,255); /* @kind color */
  --schemes-outline-variant: rgb(215,194,184); /* @kind color */
  --schemes-outline: rgb(133,116,107); /* @kind color */
  --schemes-primary-container: rgb(255,174,127); /* @kind color */
  --schemes-primary: rgb(141,79,40); /* @kind color */
  --schemes-secondary-container: rgb(253,213,191); /* @kind color */
  --schemes-secondary: rgb(118,89,72); /* @kind color */
  --schemes-surface-container-high: rgb(246,229,221); /* @kind color */
  --schemes-surface-container-highest: rgb(240,223,215); /* @kind color */
  --schemes-surface-container: rgb(252,234,226); /* @kind color */
  --schemes-tertiary-container: rgb(230,226,169); /* @kind color */
  --schemes-tertiary: rgb(99,97,51); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(103,60,34,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(103,60,34,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(92,65,49,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgb(92,65,49); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(34,26,21,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(34,26,21,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(82,68,60,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(82,68,60,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(73,73,35,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(73,73,35,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(141,79,40,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(141,79,40,0.1); /* @kind color */
}

:root[data-mode="orange-dt"] {
  --add-ons-section-background: rgb(0,0,0); /* @kind color */
  --schemes-error-container: rgb(140,29,24); /* @kind color */
  --schemes-on-error-container: rgb(249,222,220); /* @kind color */
  --schemes-on-primary-container: rgb(255,219,201); /* @kind color */
  --schemes-on-primary: rgb(83,34,0); /* @kind color */
  --schemes-on-secondary-container: rgb(255,219,201); /* @kind color */
  --schemes-on-secondary: rgb(67,43,29); /* @kind color */
  --schemes-on-surface-variant: rgb(215,194,184); /* @kind color */
  --schemes-on-surface: rgb(240,223,215); /* @kind color */
  --schemes-on-tertiary-container: rgb(233,229,171); /* @kind color */
  --schemes-on-tertiary: rgb(51,50,8); /* @kind color */
  --schemes-outline-variant: rgb(82,68,60); /* @kind color */
  --schemes-outline: rgb(127,118,103); /* @kind color */
  --schemes-primary-container: rgb(111,56,18); /* @kind color */
  --schemes-primary: rgb(255,182,140); /* @kind color */
  --schemes-secondary-container: rgb(92,65,49); /* @kind color */
  --schemes-secondary: rgb(229,191,170); /* @kind color */
  --schemes-surface-container-high: rgb(49,40,35); /* @kind color */
  --schemes-surface-container-highest: rgb(61,51,45); /* @kind color */
  --schemes-surface-container: rgb(39,30,25); /* @kind color */
  --schemes-tertiary-container: rgb(74,72,29); /* @kind color */
  --schemes-tertiary: rgb(205,201,145); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(255,219,201,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(255,219,201,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(83,34,0,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(83,34,0,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(255,219,201,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(255,219,201,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(67,43,29,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(67,43,29,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(240,223,215,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(240,223,215,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(215,194,184,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(215,194,184,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(233,229,171,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(233,229,171,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(51,50,8,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(51,50,8,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(255,182,140,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(255,182,140,0.1); /* @kind color */
}

:root[data-mode="yellow-lt"] {
  --add-ons-section-background: rgb(245,245,245); /* @kind color */
  --schemes-error-container: rgb(249,222,220); /* @kind color */
  --schemes-on-error-container: rgb(140,29,24); /* @kind color */
  --schemes-on-primary-container: rgb(84,69,34); /* @kind color */
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(82,69,42); /* @kind color */
  --schemes-on-secondary: rgb(255,255,255); /* @kind color */
  --schemes-on-surface-variant: rgb(77,70,57); /* @kind color */
  --schemes-on-surface: rgb(31,27,19); /* @kind color */
  --schemes-on-tertiary-container: rgb(52,77,48); /* @kind color */
  --schemes-on-tertiary: rgb(255,255,255); /* @kind color */
  --schemes-outline-variant: rgb(208,197,180); /* @kind color */
  --schemes-outline: rgb(127,118,103); /* @kind color */
  --schemes-primary-container: rgb(255,213,125); /* @kind color */
  --schemes-primary: rgb(121,90,12); /* @kind color */
  --schemes-secondary-container: rgb(242,221,184); /* @kind color */
  --schemes-secondary: rgb(108,93,64); /* @kind color */
  --schemes-surface-container-high: rgb(241,231,217); /* @kind color */
  --schemes-surface-container-highest: rgb(235,225,212); /* @kind color */
  --schemes-surface-container: rgb(247,236,223); /* @kind color */
  --schemes-tertiary-container: rgb(201,232,193); /* @kind color */
  --schemes-tertiary: rgb(75,102,71); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(84,69,34,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(84,69,34,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(82,69,42,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(82,69,42,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(31,27,19,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(31,27,19,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(77,70,57,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(77,70,57,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(52,77,48,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(52,77,48,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(121,90,12,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(121,90,12,0.1); /* @kind color */
}

:root[data-mode="yellow-dt"] {
  --add-ons-section-background: rgb(0,0,0); /* @kind color */
  --schemes-error-container: rgb(140,29,24); /* @kind color */
  --schemes-on-error-container: rgb(249,222,220); /* @kind color */
  --schemes-on-primary-container: rgb(255,247,239); /* @kind color */
  --schemes-on-primary: rgb(63,46,0); /* @kind color */
  --schemes-on-secondary-container: rgb(245,224,187); /* @kind color */
  --schemes-on-secondary: rgb(59,47,21); /* @kind color */
  --schemes-on-surface-variant: rgb(208,197,180); /* @kind color */
  --schemes-on-surface: rgb(235,225,212); /* @kind color */
  --schemes-on-tertiary-container: rgb(204,235,196); /* @kind color */
  --schemes-on-tertiary: rgb(29,54,28); /* @kind color */
  --schemes-outline-variant: rgb(77,70,57); /* @kind color */
  --schemes-outline: rgb(153,144,128); /* @kind color */
  --schemes-primary-container: rgb(109,80,0); /* @kind color */
  --schemes-primary: rgb(233,193,108); /* @kind color */
  --schemes-secondary-container: rgb(82,69,42); /* @kind color */
  --schemes-secondary: rgb(216,196,160); /* @kind color */
  --schemes-surface-container-high: rgb(46,41,33); /* @kind color */
  --schemes-surface-container-highest: rgb(57,52,43); /* @kind color */
  --schemes-surface-container: rgb(36,31,23); /* @kind color */
  --schemes-tertiary-container: rgb(51,77,49); /* @kind color */
  --schemes-tertiary: rgb(176,207,169); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(255,247,239,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(255,247,239,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(63,46,0,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(63,46,0,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(245,224,187,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(245,224,187,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(59,47,21,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(59,47,21,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(235,225,212,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(235,225,212,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(208,197,180,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(208,197,180,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(204,235,196,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(204,235,196,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(29,54,28,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(29,54,28,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(233,193,108,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(233,193,108,0.1); /* @kind color */
}

:root[data-mode="chartreuse-lt"] {
  --add-ons-section-background: rgb(245,245,245); /* @kind color */
  --schemes-error-container: rgb(249,222,220); /* @kind color */
  --schemes-on-error-container: rgb(140,29,24); /* @kind color */
  --schemes-on-primary-container: rgb(69,74,35); /* @kind color */
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(70,73,47); /* @kind color */
  --schemes-on-secondary: rgb(255,255,255); /* @kind color */
  --schemes-on-surface-variant: rgb(71,72,59); /* @kind color */
  --schemes-on-surface: rgb(27,28,20); /* @kind color */
  --schemes-on-tertiary-container: rgb(46,77,68); /* @kind color */
  --schemes-on-tertiary: rgb(255,255,255); /* @kind color */
  --schemes-outline-variant: rgb(200,199,183); /* @kind color */
  --schemes-outline: rgb(120,120,106); /* @kind color */
  --schemes-primary-container: rgb(221,230,146); /* @kind color */
  --schemes-primary: rgb(92,100,30); /* @kind color */
  --schemes-secondary-container: rgb(227,229,193); /* @kind color */
  --schemes-secondary: rgb(94,97,69); /* @kind color */
  --schemes-surface-container-high: rgb(234,233,220); /* @kind color */
  --schemes-surface-container-highest: rgb(229,227,214); /* @kind color */
  --schemes-surface-container: rgb(240,238,225); /* @kind color */
  --schemes-tertiary-container: rgb(187,233,218); /* @kind color */
  --schemes-tertiary: rgb(60,103,91); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(69,74,35,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(69,74,35,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(70,73,47,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(70,73,47,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(27,28,20,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(27,28,20,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(71,72,59,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(71,72,59,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(46,77,68,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(46,77,68,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(92,100,30,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(92,100,30,0.1); /* @kind color */
}

:root[data-mode="chartreuse-dt"] {
  --add-ons-section-background: rgb(0,0,0); /* @kind color */
  --schemes-error-container: rgb(140,29,24); /* @kind color */
  --schemes-on-error-container: rgb(249,222,220); /* @kind color */
  --schemes-on-primary-container: rgb(223,233,149); /* @kind color */
  --schemes-on-primary: rgb(45,52,0); /* @kind color */
  --schemes-on-secondary-container: rgb(227,229,194); /* @kind color */
  --schemes-on-secondary: rgb(47,50,26); /* @kind color */
  --schemes-on-surface-variant: rgb(200,199,183); /* @kind color */
  --schemes-on-surface: rgb(229,227,214); /* @kind color */
  --schemes-on-tertiary-container: rgb(190,236,221); /* @kind color */
  --schemes-on-tertiary: rgb(6,55,45); /* @kind color */
  --schemes-outline-variant: rgb(71,72,59); /* @kind color */
  --schemes-outline: rgb(145,146,130); /* @kind color */
  --schemes-primary-container: rgb(67,75,6); /* @kind color */
  --schemes-primary: rgb(195,205,124); /* @kind color */
  --schemes-secondary-container: rgb(70,73,47); /* @kind color */
  --schemes-secondary: rgb(198,201,167); /* @kind color */
  --schemes-surface-container-high: rgb(42,43,34); /* @kind color */
  --schemes-surface-container-highest: rgb(53,53,45); /* @kind color */
  --schemes-surface-container: rgb(32,32,24); /* @kind color */
  --schemes-tertiary-container: rgb(34,78,68); /* @kind color */
  --schemes-tertiary: rgb(162,208,194); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(223,233,149,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(223,233,149,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(45,52,0,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(45,52,0,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(227,229,194,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(227,229,194,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(47,50,26,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(47,50,26,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(229,227,214,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(229,227,214,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(200,199,183,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(200,199,183,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(190,236,221,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(190,236,221,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(6,55,45,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(6,55,45,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(195,205,124,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(195,205,124,0.1); /* @kind color */
}

:root[data-mode="green-lt"] {
  --add-ons-section-background: rgb(245,245,245); /* @kind color */
  --schemes-error-container: rgb(249,222,220); /* @kind color */
  --schemes-on-error-container: rgb(140,29,24); /* @kind color */
  --schemes-on-primary-container: rgb(45,78,48); /* @kind color */
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(58,75,58); /* @kind color */
  --schemes-on-secondary: rgb(255,255,255); /* @kind color */
  --schemes-on-surface-variant: rgb(66,73,64); /* @kind color */
  --schemes-on-surface: rgb(24,29,24); /* @kind color */
  --schemes-on-tertiary-container: rgb(47,75,81); /* @kind color */
  --schemes-on-tertiary: rgb(255,255,255); /* @kind color */
  --schemes-outline-variant: rgb(193,201,190); /* @kind color */
  --schemes-outline: rgb(113,121,112); /* @kind color */
  --schemes-primary-container: rgb(183,241,185); /* @kind color */
  --schemes-primary: rgb(55,106,62); /* @kind color */
  --schemes-secondary-container: rgb(209,229,206); /* @kind color */
  --schemes-secondary: rgb(82,100,81); /* @kind color */
  --schemes-surface-container-high: rgb(229,233,225); /* @kind color */
  --schemes-surface-container-highest: rgb(224,228,219); /* @kind color */
  --schemes-surface-container: rgb(235,239,231); /* @kind color */
  --schemes-tertiary-container: rgb(186,232,240); /* @kind color */
  --schemes-tertiary: rgb(58,102,109); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(45,78,48,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(45,78,48,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(58,75,58,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(58,75,58,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(24,29,24,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(24,29,24,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(66,73,64,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(66,73,64,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(47,75,81,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(47,75,81,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(55,106,62,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(55,106,62,0.1); /* @kind color */
}

:root[data-mode="green-dt"] {
  --add-ons-section-background: rgb(0,0,0); /* @kind color */
  --schemes-error-container: rgb(140,29,24); /* @kind color */
  --schemes-on-error-container: rgb(249,222,220); /* @kind color */
  --schemes-on-primary-container: rgb(183,241,185); /* @kind color */
  --schemes-on-primary: rgb(0,57,19); /* @kind color */
  --schemes-on-secondary-container: rgb(212,232,209); /* @kind color */
  --schemes-on-secondary: rgb(36,52,37); /* @kind color */
  --schemes-on-surface-variant: rgb(193,201,190); /* @kind color */
  --schemes-on-surface: rgb(224,228,219); /* @kind color */
  --schemes-on-tertiary-container: rgb(189,234,243); /* @kind color */
  --schemes-on-tertiary: rgb(0,54,61); /* @kind color */
  --schemes-outline-variant: rgb(66,73,64); /* @kind color */
  --schemes-outline: rgb(145,146,130); /* @kind color */
  --schemes-primary-container: rgb(29,81,40); /* @kind color */
  --schemes-primary: rgb(156,212,159); /* @kind color */
  --schemes-secondary-container: rgb(58,75,58); /* @kind color */
  --schemes-secondary: rgb(184,204,181); /* @kind color */
  --schemes-surface-container-high: rgb(39,43,38); /* @kind color */
  --schemes-surface-container-highest: rgb(49,54,48); /* @kind color */
  --schemes-surface-container: rgb(28,33,28); /* @kind color */
  --schemes-tertiary-container: rgb(31,77,84); /* @kind color */
  --schemes-tertiary: rgb(161,206,214); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(183,241,185,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(183,241,185,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(0,57,19,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(0,57,19,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(212,232,209,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(212,232,209,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(36,52,37,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(36,52,37,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(224,228,219,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(224,228,219,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(193,201,190,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(193,201,190,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(189,234,243,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(189,234,243,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(0,54,61,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(0,54,61,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(156,212,159,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(156,212,159,0.1); /* @kind color */
}

:root[data-mode="teal-lt"] {
  --add-ons-section-background: rgb(245,245,245); /* @kind color */
  --schemes-error-container: rgb(249,222,220); /* @kind color */
  --schemes-on-error-container: rgb(140,29,24); /* @kind color */
  --schemes-on-primary-container: rgb(46,76,71); /* @kind color */
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(51,75,71); /* @kind color */
  --schemes-on-secondary: rgb(255,255,255); /* @kind color */
  --schemes-on-surface-variant: rgb(63,73,70); /* @kind color */
  --schemes-on-surface: rgb(23,29,27); /* @kind color */
  --schemes-on-tertiary-container: rgb(48,73,93); /* @kind color */
  --schemes-on-tertiary: rgb(255,255,255); /* @kind color */
  --schemes-outline-variant: rgb(190,201,197); /* @kind color */
  --schemes-outline: rgb(111,121,118); /* @kind color */
  --schemes-primary-container: rgb(158,242,227); /* @kind color */
  --schemes-primary: rgb(0,107,96); /* @kind color */
  --schemes-secondary-container: rgb(202,230,223); /* @kind color */
  --schemes-secondary: rgb(75,100,95); /* @kind color */
  --schemes-surface-container-high: rgb(227,234,231); /* @kind color */
  --schemes-surface-container-highest: rgb(221,228,225); /* @kind color */
  --schemes-surface-container: rgb(233,239,236); /* @kind color */
  --schemes-tertiary-container: rgb(197,227,255); /* @kind color */
  --schemes-tertiary: rgb(69,98,122); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(46,76,71,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(46,76,71,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(51,75,71,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(51,75,71,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(23,29,27,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(23,29,27,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(63,73,70,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(63,73,70,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(48,73,93,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(48,73,93,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(0,107,96,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(0,107,96,0.1); /* @kind color */
}

:root[data-mode="teal-dt"] {
  --add-ons-section-background: rgb(0,0,0); /* @kind color */
  --schemes-error-container: rgb(140,29,24); /* @kind color */
  --schemes-on-error-container: rgb(249,222,220); /* @kind color */
  --schemes-on-primary-container: rgb(255,255,255); /* @kind color */
  --schemes-on-primary: rgb(0,55,49); /* @kind color */
  --schemes-on-secondary-container: rgb(204,232,226); /* @kind color */
  --schemes-on-secondary: rgb(28,53,48); /* @kind color */
  --schemes-on-surface-variant: rgb(190,201,197); /* @kind color */
  --schemes-on-surface: rgb(221,228,225); /* @kind color */
  --schemes-on-tertiary-container: rgb(203,230,255); /* @kind color */
  --schemes-on-tertiary: rgb(20,51,73); /* @kind color */
  --schemes-outline-variant: rgb(63,73,70); /* @kind color */
  --schemes-outline: rgb(136,147,143); /* @kind color */
  --schemes-primary-container: rgb(0,107,95); /* @kind color */
  --schemes-primary: rgb(130,213,199); /* @kind color */
  --schemes-secondary-container: rgb(51,75,71); /* @kind color */
  --schemes-secondary: rgb(177,204,198); /* @kind color */
  --schemes-surface-container-high: rgb(37,43,42); /* @kind color */
  --schemes-surface-container-highest: rgb(48,54,52); /* @kind color */
  --schemes-surface-container: rgb(26,33,31); /* @kind color */
  --schemes-tertiary-container: rgb(45,74,96); /* @kind color */
  --schemes-tertiary: rgb(172,202,229); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(0,55,49,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(0,55,49,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(204,232,226,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(204,232,226,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(28,53,48,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(28,53,48,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(221,228,225,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(221,228,225,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(190,201,197,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(190,201,197,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(203,230,255,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(203,230,255,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(20,51,73,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(20,51,73,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(130,213,199,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(130,213,199,0.1); /* @kind color */
}

:root[data-mode="cyan-lt"] {
  --add-ons-section-background: rgb(245,245,245); /* @kind color */
  --schemes-error-container: rgb(249,222,220); /* @kind color */
  --schemes-on-error-container: rgb(140,29,24); /* @kind color */
  --schemes-on-primary-container: rgb(47,75,84); /* @kind color */
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(52,74,82); /* @kind color */
  --schemes-on-secondary: rgb(255,255,255); /* @kind color */
  --schemes-on-surface-variant: rgb(64,72,75); /* @kind color */
  --schemes-on-surface: rgb(23,28,30); /* @kind color */
  --schemes-on-tertiary-container: rgb(65,68,101); /* @kind color */
  --schemes-on-tertiary: rgb(255,255,255); /* @kind color */
  --schemes-outline-variant: rgb(191,200,204); /* @kind color */
  --schemes-outline: rgb(112,120,124); /* @kind color */
  --schemes-primary-container: rgb(154,229,253); /* @kind color */
  --schemes-primary: rgb(1,104,125); /* @kind color */
  --schemes-secondary-container: rgb(206,231,240); /* @kind color */
  --schemes-secondary: rgb(76,99,106); /* @kind color */
  --schemes-surface-container-high: rgb(228,233,235); /* @kind color */
  --schemes-surface-container-highest: rgb(222,227,230); /* @kind color */
  --schemes-surface-container: rgb(234,239,241); /* @kind color */
  --schemes-tertiary-container: rgb(212,215,255); /* @kind color */
  --schemes-tertiary: rgb(89,93,126); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(47,75,84,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(47,75,84,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(52,74,82,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(52,74,82,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(23,28,30,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(23,28,30,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(64,72,75,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(64,72,75,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(65,68,101,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(65,68,101,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(1,104,125,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(1,104,125,0.1); /* @kind color */
}

:root[data-mode="cyan-dt"] {
  --add-ons-section-background: rgb(0,0,0); /* @kind color */
  --schemes-error-container: rgb(140,29,24); /* @kind color */
  --schemes-on-error-container: rgb(249,222,220); /* @kind color */
  --schemes-on-primary-container: rgb(255,255,255); /* @kind color */
  --schemes-on-primary: rgb(0,54,66); /* @kind color */
  --schemes-on-secondary-container: rgb(206,230,240); /* @kind color */
  --schemes-on-secondary: rgb(29,52,59); /* @kind color */
  --schemes-on-surface-variant: rgb(191,200,204); /* @kind color */
  --schemes-on-surface: rgb(222,227,230); /* @kind color */
  --schemes-on-tertiary-container: rgb(223,224,255); /* @kind color */
  --schemes-on-tertiary: rgb(42,46,77); /* @kind color */
  --schemes-outline-variant: rgb(64,72,75); /* @kind color */
  --schemes-outline: rgb(138,146,149); /* @kind color */
  --schemes-primary-container: rgb(0,103,124); /* @kind color */
  --schemes-primary: rgb(134,209,234); /* @kind color */
  --schemes-secondary-container: rgb(52,74,82); /* @kind color */
  --schemes-secondary: rgb(179,202,211); /* @kind color */
  --schemes-surface-container-high: rgb(37,43,45); /* @kind color */
  --schemes-surface-container-highest: rgb(48,54,56); /* @kind color */
  --schemes-surface-container: rgb(27,32,34); /* @kind color */
  --schemes-tertiary-container: rgb(65,68,101); /* @kind color */
  --schemes-tertiary: rgb(193,196,235); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(0,54,66,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(0,54,66,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(206,230,240,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(206,230,240,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(29,52,59,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(29,52,59,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(222,227,230,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(222,227,230,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(191,200,204,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(191,200,204,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(223,224,255,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(223,224,255,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(42,46,77,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(42,46,77,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(134,209,234,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(134,209,234,0.1); /* @kind color */
}

:root[data-mode="blue-lt"] {
  --add-ons-section-background: rgb(245,245,245); /* @kind color */
  --schemes-error-container: rgb(249,222,220); /* @kind color */
  --schemes-on-error-container: rgb(140,29,24); /* @kind color */
  --schemes-on-primary-container: rgb(50,69,116); /* @kind color */
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(64,70,89); /* @kind color */
  --schemes-on-secondary: rgb(255,255,255); /* @kind color */
  --schemes-on-surface-variant: rgb(68,70,79); /* @kind color */
  --schemes-on-surface: rgb(26,27,33); /* @kind color */
  --schemes-on-tertiary-container: rgb(89,61,90); /* @kind color */
  --schemes-on-tertiary: rgb(255,255,255); /* @kind color */
  --schemes-outline-variant: rgb(197,198,208); /* @kind color */
  --schemes-outline: rgb(117,119,128); /* @kind color */
  --schemes-primary-container: rgb(173,195,254); /* @kind color */
  --schemes-primary: rgb(72,94,146); /* @kind color */
  --schemes-secondary-container: rgb(217,223,246); /* @kind color */
  --schemes-secondary: rgb(88,95,114); /* @kind color */
  --schemes-surface-container-high: rgb(232,231,239); /* @kind color */
  --schemes-surface-container-highest: rgb(226,226,233); /* @kind color */
  --schemes-surface-container: rgb(238,237,244); /* @kind color */
  --schemes-tertiary-container: rgb(251,212,247); /* @kind color */
  --schemes-tertiary: rgb(115,85,115); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(50,69,116,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(50,69,116,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(64,70,89,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(64,70,89,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(26,27,33,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(26,27,33,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(68,70,79,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(68,70,79,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(89,61,90,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(89,61,90,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(72,94,146,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(72,94,146,0.1); /* @kind color */
}

:root[data-mode="blue-dt"] {
  --add-ons-section-background: rgb(0,0,0); /* @kind color */
  --schemes-error-container: rgb(140,29,24); /* @kind color */
  --schemes-on-error-container: rgb(249,222,220); /* @kind color */
  --schemes-on-primary-container: rgb(217,226,255); /* @kind color */
  --schemes-on-primary: rgb(21,46,96); /* @kind color */
  --schemes-on-secondary-container: rgb(220,226,249); /* @kind color */
  --schemes-on-secondary: rgb(41,48,66); /* @kind color */
  --schemes-on-surface-variant: rgb(197,198,208); /* @kind color */
  --schemes-on-surface: rgb(226,226,233); /* @kind color */
  --schemes-on-tertiary-container: rgb(253,215,250); /* @kind color */
  --schemes-on-tertiary: rgb(65,39,66); /* @kind color */
  --schemes-outline-variant: rgb(68,70,79); /* @kind color */
  --schemes-outline: rgb(143,144,154); /* @kind color */
  --schemes-primary-container: rgb(46,69,120); /* @kind color */
  --schemes-primary: rgb(176,198,255); /* @kind color */
  --schemes-secondary-container: rgb(64,70,89); /* @kind color */
  --schemes-secondary: rgb(192,198,220); /* @kind color */
  --schemes-surface-container-high: rgb(40,42,47); /* @kind color */
  --schemes-surface-container-highest: rgb(51,52,58); /* @kind color */
  --schemes-surface-container: rgb(30,31,37); /* @kind color */
  --schemes-tertiary-container: rgb(89,61,90); /* @kind color */
  --schemes-tertiary: rgb(224,187,221); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(217,226,255,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(217,226,255,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(21,46,96,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(21,46,96,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(220,226,249,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(220,226,249,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(41,48,66,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(41,48,66,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(226,226,233,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(226,226,233,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(197,198,208,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(197,198,208,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(253,215,250,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(253,215,250,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(65,39,66,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(65,39,66,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(176,198,255,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(176,198,255,0.1); /* @kind color */
}

:root[data-mode="indigo-lt"] {
  --add-ons-section-background: rgb(245,245,245); /* @kind color */
  --schemes-error-container: rgb(249,222,220); /* @kind color */
  --schemes-on-error-container: rgb(140,29,24); /* @kind color */
  --schemes-on-primary-container: rgb(67,64,120); /* @kind color */
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(69,69,89); /* @kind color */
  --schemes-on-secondary: rgb(255,255,255); /* @kind color */
  --schemes-on-surface-variant: rgb(71,70,79); /* @kind color */
  --schemes-on-surface: rgb(28,27,33); /* @kind color */
  --schemes-on-tertiary-container: rgb(96,60,79); /* @kind color */
  --schemes-on-tertiary: rgb(255,255,255); /* @kind color */
  --schemes-outline-variant: rgb(200,197,208); /* @kind color */
  --schemes-outline: rgb(120,118,128); /* @kind color */
  --schemes-primary-container: rgb(193,189,254); /* @kind color */
  --schemes-primary: rgb(91,89,146); /* @kind color */
  --schemes-secondary-container: rgb(224,221,246); /* @kind color */
  --schemes-secondary: rgb(95,93,114); /* @kind color */
  --schemes-surface-container-high: rgb(234,231,239); /* @kind color */
  --schemes-surface-container-highest: rgb(229,225,233); /* @kind color */
  --schemes-surface-container: rgb(240,236,244); /* @kind color */
  --schemes-tertiary-container: rgb(255,204,229); /* @kind color */
  --schemes-tertiary: rgb(123,83,104); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(67,64,120,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(67,64,120,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(69,69,89,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(69,69,89,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(28,27,33,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(28,27,33,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(71,70,79,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(71,70,79,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(96,60,79,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(96,60,79,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(91,89,146,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(91,89,146,0.1); /* @kind color */
}

:root[data-mode="indigo-dt"] {
  --add-ons-section-background: rgb(0,0,0); /* @kind color */
  --schemes-error-container: rgb(140,29,24); /* @kind color */
  --schemes-on-error-container: rgb(249,222,220); /* @kind color */
  --schemes-on-primary-container: rgb(227,223,255); /* @kind color */
  --schemes-on-primary: rgb(45,41,96); /* @kind color */
  --schemes-on-secondary-container: rgb(228,223,249); /* @kind color */
  --schemes-on-secondary: rgb(48,46,66); /* @kind color */
  --schemes-on-surface-variant: rgb(200,197,208); /* @kind color */
  --schemes-on-surface: rgb(229,225,233); /* @kind color */
  --schemes-on-tertiary-container: rgb(255,216,233); /* @kind color */
  --schemes-on-tertiary: rgb(71,37,56); /* @kind color */
  --schemes-outline-variant: rgb(71,70,79); /* @kind color */
  --schemes-outline: rgb(145,143,154); /* @kind color */
  --schemes-primary-container: rgb(68,64,120); /* @kind color */
  --schemes-primary: rgb(197,192,255); /* @kind color */
  --schemes-secondary-container: rgb(70,69,89); /* @kind color */
  --schemes-secondary: rgb(199,196,220); /* @kind color */
  --schemes-surface-container-high: rgb(42,41,47); /* @kind color */
  --schemes-surface-container-highest: rgb(53,52,58); /* @kind color */
  --schemes-surface-container: rgb(32,31,37); /* @kind color */
  --schemes-tertiary-container: rgb(96,59,79); /* @kind color */
  --schemes-tertiary: rgb(235,184,208); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(227,223,255,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(227,223,255,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(45,41,96,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(45,41,96,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(228,223,249,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(228,223,249,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(48,46,66,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(48,46,66,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(229,225,233,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(229,225,233,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(200,197,208,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(200,197,208,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(255,216,233,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(255,216,233,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(71,37,56,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(71,37,56,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(197,192,255,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(197,192,255,0.1); /* @kind color */
}

:root[data-mode="purple-lt"] {
  --add-ons-section-background: rgb(245,245,245); /* @kind color */
  --schemes-error-container: rgb(249,222,220); /* @kind color */
  --schemes-on-error-container: rgb(140,29,24); /* @kind color */
  --schemes-on-primary-container: rgb(82,60,114); /* @kind color */
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(76,67,87); /* @kind color */
  --schemes-on-secondary: rgb(255,255,255); /* @kind color */
  --schemes-on-surface-variant: rgb(74,69,78); /* @kind color */
  --schemes-on-surface: rgb(29,26,32); /* @kind color */
  --schemes-on-tertiary-container: rgb(101,58,68); /* @kind color */
  --schemes-on-tertiary: rgb(255,255,255); /* @kind color */
  --schemes-outline-variant: rgb(203,196,207); /* @kind color */
  --schemes-outline: rgb(122,117,127); /* @kind color */
  --schemes-primary-container: rgb(217,189,254); /* @kind color */
  --schemes-primary: rgb(107,84,141); /* @kind color */
  --schemes-secondary-container: rgb(235,221,247); /* @kind color */
  --schemes-secondary: rgb(101,91,112); /* @kind color */
  --schemes-surface-container-high: rgb(237,230,238); /* @kind color */
  --schemes-surface-container-highest: rgb(231,224,232); /* @kind color */
  --schemes-surface-container: rgb(243,236,244); /* @kind color */
  --schemes-tertiary-container: rgb(253,194,205); /* @kind color */
  --schemes-tertiary: rgb(128,82,92); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(82,60,114,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(82,60,114,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(76,67,87,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(76,67,87,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(29,26,32,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(29,26,32,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(74,69,78,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(74,69,78,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(101,58,68,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(101,58,68,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(255,255,255,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(107,84,141,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(107,84,141,0.1); /* @kind color */
}

:root[data-mode="purple-dt"] {
  --add-ons-section-background: rgb(0,0,0); /* @kind color */
  --schemes-error-container: rgb(140,29,24); /* @kind color */
  --schemes-on-error-container: rgb(249,222,220); /* @kind color */
  --schemes-on-primary-container: rgb(237,220,255); /* @kind color */
  --schemes-on-primary: rgb(59,37,90); /* @kind color */
  --schemes-on-secondary-container: rgb(235,221,247); /* @kind color */
  --schemes-on-secondary: rgb(53,45,64); /* @kind color */
  --schemes-on-surface-variant: rgb(203,196,207); /* @kind color */
  --schemes-on-surface: rgb(231,224,232); /* @kind color */
  --schemes-on-tertiary-container: rgb(255,217,223); /* @kind color */
  --schemes-on-tertiary: rgb(75,37,45); /* @kind color */
  --schemes-outline-variant: rgb(74,69,78); /* @kind color */
  --schemes-outline: rgb(149,142,153); /* @kind color */
  --schemes-primary-container: rgb(82,60,115); /* @kind color */
  --schemes-primary: rgb(214,187,251); /* @kind color */
  --schemes-secondary-container: rgb(76,67,87); /* @kind color */
  --schemes-secondary: rgb(206,194,218); /* @kind color */
  --schemes-surface-container-high: rgb(44,41,47); /* @kind color */
  --schemes-surface-container-highest: rgb(55,51,58); /* @kind color */
  --schemes-surface-container: rgb(33,30,36); /* @kind color */
  --schemes-tertiary-container: rgb(101,59,67); /* @kind color */
  --schemes-tertiary: rgb(242,183,194); /* @kind color */
  --state-layers-on-primary-container-opacity-08: rgba(237,220,255,0.08); /* @kind color */
  --state-layers-on-primary-container-opacity-10: rgba(237,220,255,0.1); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(59,37,90,0.08); /* @kind color */
  --state-layers-on-primary-opacity-10: rgba(59,37,90,0.1); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(235,221,247,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-10: rgba(235,221,247,0.1); /* @kind color */
  --state-layers-on-secondary-opacity-08: rgba(53,45,64,0.08); /* @kind color */
  --state-layers-on-secondary-opacity-10: rgba(53,45,64,0.1); /* @kind color */
  --state-layers-on-surface-opacity-08: rgba(231,224,232,0.08); /* @kind color */
  --state-layers-on-surface-opacity-10: rgba(231,224,232,0.1); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(203,196,207,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-10: rgba(203,196,207,0.1); /* @kind color */
  --state-layers-on-tertiary-container-opacity-08: rgba(255,217,223,0.08); /* @kind color */
  --state-layers-on-tertiary-container-opacity-10: rgba(255,217,223,0.1); /* @kind color */
  --state-layers-on-tertiary-opacity-08: rgba(75,37,45,0.08); /* @kind color */
  --state-layers-on-tertiary-opacity-10: rgba(75,37,45,0.1); /* @kind color */
  --state-layers-primary-opacity-08: rgba(214,187,251,0.08); /* @kind color */
  --state-layers-primary-opacity-10: rgba(214,187,251,0.1); /* @kind color */
}

:root[data-mode="wireframe"] {
  --static-font-brand: "Flow Circular";
  --static-font-plain: "Flow Circular";
  --static-weight-medium: "Regular"; /* @kind other */
  --static-weight-regular: "Regular"; /* @kind other */
}

:root[data-mode="core-tx"] {
  --colores-corporativos-traxion-black-2: rgb(0,0,0); /* @kind color */
}