/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@lealco/nodo-design-system_tokens/dist/css/variables.css?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Do not edit directly
 * Generated on 2026-04-29T21:02:30.929Z
 */

:root {
  --color---primitives-value-natural-gray-light-25: #faf9fe;
  --color---primitives-value-natural-gray-light-50: #fafafc;
  --color---primitives-value-natural-gray-light-100: #f3f4f8;
  --color---primitives-value-natural-gray-light-200: #d2d4da;
  --color---primitives-value-natural-gray-light-300: #b3b5bd;
  --color---primitives-value-natural-gray-light-400: #9496a1;
  --color---primitives-value-natural-gray-light-500: #777986;
  --color---primitives-value-natural-gray-light-600: #5b5d6b;
  --color---primitives-value-natural-gray-light-700: #404252;
  --color---primitives-value-natural-gray-light-800: #282a3a;
  --color---primitives-value-natural-gray-light-900: #101223;
  --color---primitives-value-natural-gray-dark-25: #f4f4f4;
  --color---primitives-value-natural-gray-dark-50: #fdfcfc;
  --color---primitives-value-natural-gray-dark-100: #f9f8f8;
  --color---primitives-value-natural-gray-dark-200: #f4f4f4;
  --color---primitives-value-natural-gray-dark-300: #ececec;
  --color---primitives-value-natural-gray-dark-400: #dcdcdc;
  --color---primitives-value-natural-gray-dark-500: #cacaca;
  --color---primitives-value-natural-gray-dark-600: #9f9f9f;
  --color---primitives-value-natural-gray-dark-700: #727272;
  --color---primitives-value-natural-gray-dark-800: #444343;
  --color---primitives-value-natural-gray-dark-900: #262626;
  --color---primitives-value-natural-white-20: #fcfcfe33;
  --color---primitives-value-natural-white-50: #fcfcfe80;
  --color---primitives-value-natural-white-75: #fcfcfebf;
  --color---primitives-value-natural-white-100: #fcfcfe;
  --color---primitives-value-natural-black-8: #11121114;
  --color---primitives-value-natural-black-24: #1112113d;
  --color---primitives-value-natural-black-40: #11121166;
  --color---primitives-value-natural-black-60: #11121199;
  --color---primitives-value-natural-black-secondary: #111211;
  --color---primitives-value-brand-yellow-50: #fffbe4;
  --color---primitives-value-brand-yellow-100: #fff4b6;
  --color---primitives-value-brand-yellow-200: #ffec89;
  --color---primitives-value-brand-yellow-300: #fee55b;
  --color---primitives-value-brand-yellow-400: #fedd2e;
  --color---primitives-value-brand-yellow-600: #d5b400;
  --color---primitives-value-brand-yellow-leal: #fed600;
  --color---primitives-value-status-success-50: #ebfbe3;
  --color---primitives-value-status-success-100: #baeca2;
  --color---primitives-value-status-success-200: #99da7a;
  --color---primitives-value-status-success-300: #77c751;
  --color---primitives-value-status-success-400: #56b529;
  --color---primitives-value-status-success-500: #34a200;
  --color---primitives-value-status-success-600: #2a8200;
  --color---primitives-value-status-warning-50: #fff5ee;
  --color---primitives-value-status-warning-100: #feeadd;
  --color---primitives-value-status-warning-200: #fdd2b5;
  --color---primitives-value-status-warning-300: #fcba8d;
  --color---primitives-value-status-warning-400: #fba366;
  --color---primitives-value-status-warning-500: #fa8b3e;
  --color---primitives-value-status-warning-600: #f97316;
  --color---primitives-value-status-error-50: #fff4f4;
  --color---primitives-value-status-error-100: #fbdddd;
  --color---primitives-value-status-error-200: #f7bbbb;
  --color---primitives-value-status-error-300: #f49898;
  --color---primitives-value-status-error-400: #f07676;
  --color---primitives-value-status-error-500: #ec5454;
  --color---primitives-value-status-error-600: #d24646;
  --color---primitives-value-status-info-50: #e3f5fd;
  --color---primitives-value-status-info-100: #a3ddf5;
  --color---primitives-value-status-info-200: #7acaeb;
  --color---primitives-value-status-info-300: #52b8e0;
  --color---primitives-value-status-info-400: #29a5d6;
  --color---primitives-value-status-info-500: #0092cc;
  --color---primitives-value-status-info-600: #0075a3;
  --color---primitives-value-accents-puntos-50: #edf9fb;
  --color---primitives-value-accents-puntos-100: #cceef3;
  --color---primitives-value-accents-puntos-200: #abe3eb;
  --color---primitives-value-accents-puntos-300: #8ad8e4;
  --color---primitives-value-accents-puntos-400: #69cddc;
  --color---primitives-value-accents-puntos-500: #48c2d4;
  --color---primitives-value-accents-puntos-600: #3da7b7;
  --color---primitives-value-accents-puntos-700: #318c99;
  --color---primitives-value-accents-puntos-800: #26707c;
  --color---primitives-value-accents-puntos-900: #1a555e;
  --color---primitives-value-accents-bonos-50: #f2f2fe;
  --color---primitives-value-accents-bonos-100: #e4e4fc;
  --color---primitives-value-accents-bonos-200: #c9c9f9;
  --color---primitives-value-accents-bonos-300: #aeaff7;
  --color---primitives-value-accents-bonos-400: #7879f1;
  --color---primitives-value-accents-bonos-500: #7879f1;
  --color---primitives-value-accents-bonos-600: #6162cd;
  --color---primitives-value-accents-fucsia-50: #fdecf2;
  --color---primitives-value-accents-fucsia-100: #f6c0d4;
  --color---primitives-value-accents-fucsia-200: #ef94b5;
  --color---primitives-value-accents-fucsia-300: #e76997;
  --color---primitives-value-accents-fucsia-400: #e03d78;
  --color---primitives-value-accents-fucsia-500: #d9115a;
  --color---primitives-value-accents-fucsia-600: #ae0e48;
  --color---primitives-value-accents-blue-50: #e6faff;
  --color---primitives-value-accents-blue-75: #e9f1ff;
  --color---primitives-value-accents-blue-100: #c3d8fc;
  --color---primitives-value-accents-blue-200: #89b2f9;
  --color---primitives-value-accents-blue-300: #77b5f2;
  --color---primitives-value-accents-blue-400: #30b4ff;
  --color---primitives-value-accents-blue-500: #4184f5;
  --color---primitives-value-accents-blue-600: #446ff2;
  --color---primitives-value-accents-blue-700: #3a7af4;
  --color---primitives-value-accents-blue-800: #0092cc;
  --color---primitives-value-accents-blue-900: #0e70c7;
  --color---primitives-value-accents-green-50: #e1fafa;
  --color---primitives-value-accents-green-200: #5ecacc;
  --color---primitives-value-accents-green-500: #b7e396;
  --color---primitives-value-special-salmon-100: #ffeeee;
  --color---primitives-value-special-salmon-400: #ffb0b0;
  --color---primitives-value-special-rose-100: #fff4fd;
  --color---primitives-value-special-rose-400: #ffabf2;
  --color---primitives-value-special-purple-200: #d1d2eb;
  --color---primitives-value-special-purple-400: #7775fc;
  --color---primitives-value-special-purple-600: #9747ff;
  --color---primitives-value-special-yellow-700: #fff5de;
  --color---primitives-value-special-yellow-800: #ffefc9;
  --color---primitives-value-special-yellow-900: #ffc130;
  --color---primitives-value-special-color: #ffffff;
  --color-light-bg-default: #faf9fe;
  --color-light-bg-subtle: #fcfcfe;
  --color-light-bg-elevated: #fafafc;
  --color-light-bg-inverse: #111211;
  --color-light-bg-brand: #fed600;
  --color-light-bg-status-success: #ebfbe3;
  --color-light-bg-status-warning: #fff5ee;
  --color-light-bg-status-error: #fff4f4;
  --color-light-bg-status-info: #e3f5fd;
  --color-light-bg-overlay---utility-overlay: #1112113d;
  --color-light-bg-overlay---utility-tooltip: #7775fc;
  --color-light-text-primary: #101223;
  --color-light-text-body: #5b5d6b;
  --color-light-text-secondary: #b3b5bd;
  --color-light-text-disabled: #b3b5bd;
  --color-light-text-inverse: #fcfcfe;
  --color-light-text-inversebrand: #111211;
  --color-light-text-status-success: #34a200;
  --color-light-text-status-warning: #fa8b3e;
  --color-light-text-status-error: #ec5454;
  --color-light-text-status-info: #0092cc;
  --color-light-text-onstatus-on-success: #34a200;
  --color-light-text-onstatus-on-warning: #fa8b3e;
  --color-light-text-onstatus-on-error: #ec5454;
  --color-light-text-onstatus-on-info: #0092cc;
  --color-light-border-default: #b3b5bd;
  --color-light-border-divider: #d2d4da;
  --color-light-border-focus: #101223;
  --color-light-border-status-success: #34a200;
  --color-light-border-status-warning: #fa8b3e;
  --color-light-border-status-error: #ec5454;
  --color-light-border-status-info: #0092cc;
  --color-light-icon-default: #777986;
  --color-light-icon-secondary: #b3b5bd;
  --color-light-icon-disabled: #d2d4da;
  --color-light-icon-inverse: #fcfcfe;
  --color-light-icon-brand: #111211;
  --color-light-icon-status-success: #34a200;
  --color-light-icon-status-warning: #fa8b3e;
  --color-light-icon-status-error: #ec5454;
  --color-light-icon-status-info: #0092cc;
  --color-light-icon-onstatus-on-succes: #34a200;
  --color-light-icon-onstatus-on-warning: #fa8b3e;
  --color-light-icon-onstatus-on-error: #ec5454;
  --color-light-icon-onstatus-on-info: #0092cc;
  --color-dark-bg-default: #111211;
  --color-dark-bg-subtle: #262626;
  --color-dark-bg-elevated: #444343;
  --color-dark-bg-inverse: #fcfcfe;
  --color-dark-bg-brand: #fed600;
  --color-dark-bg-status-success: #2a8200;
  --color-dark-bg-status-warning: #f97316;
  --color-dark-bg-status-error: #d24646;
  --color-dark-bg-status-info: #0075a3;
  --color-dark-bg-overlay---utility-overlay: #1112113d;
  --color-dark-bg-overlay---utility-tooltip: #7775fc;
  --color-dark-text-primary: #fcfcfe;
  --color-dark-text-body: #cacaca;
  --color-dark-text-secondary: #9f9f9f;
  --color-dark-text-disabled: #727272;
  --color-dark-text-inverse: #fcfcfe;
  --color-dark-text-inversebrand: #111211;
  --color-dark-text-status-success: #99da7a;
  --color-dark-text-status-warning: #fdd2b5;
  --color-dark-text-status-error: #f7bbbb;
  --color-dark-text-status-info: #7acaeb;
  --color-dark-text-onstatus-on-success: #ebfbe3;
  --color-dark-text-onstatus-on-warning: #fff5ee;
  --color-dark-text-onstatus-on-error: #fff4f4;
  --color-dark-text-onstatus-on-info: #e3f5fd;
  --color-dark-border-default: #727272;
  --color-dark-border-divider: #444343;
  --color-dark-border-focus: #fcfcfe;
  --color-dark-border-status-success: #2a8200;
  --color-dark-border-status-warning: #f97316;
  --color-dark-border-status-error: #d24646;
  --color-dark-border-status-info: #0075a3;
  --color-dark-icon-default: #f4f4f4;
  --color-dark-icon-secondary: #cacaca;
  --color-dark-icon-disabled: #727272;
  --color-dark-icon-inverse: #fcfcfe;
  --color-dark-icon-brand: #111211;
  --color-dark-icon-status-success: #99da7a;
  --color-dark-icon-status-warning: #fdd2b5;
  --color-dark-icon-status-error: #f7bbbb;
  --color-dark-icon-status-info: #7acaeb;
  --color-dark-icon-onstatus-on-succes: #ebfbe3;
  --color-dark-icon-onstatus-on-warning: #fff5ee;
  --color-dark-icon-onstatus-on-error: #fff4f4;
  --color-dark-icon-onstatus-on-info: #e3f5fd;
  --typography---primitives-value-font-family-font: Inter;
  --typography---primitives-value-font-size-xs: 0.625rem;
  --typography---primitives-value-font-size-sm: 0.75rem;
  --typography---primitives-value-font-size-base: 0.875rem;
  --typography---primitives-value-font-size-md: 1rem;
  --typography---primitives-value-font-size-lg: 1.25rem;
  --typography---primitives-value-font-size-xl: 1.5rem;
  --typography---primitives-value-font-size-2xl: 2rem;
  --typography---primitives-value-font-size-3xl: 2.5rem;
  --typography---primitives-value-font-size-4xl: 3rem;
  --typography---primitives-value-font-lineheight-10: 0.875rem;
  --typography---primitives-value-font-lineheight-16: 1.25rem;
  --typography---primitives-value-font-lineheight-20: 1.75rem;
  --typography---primitives-value-font-lineheight-24: 2rem;
  --typography---primitives-value-font-lineheight-32: 2.5rem;
  --typography---primitives-value-font-lineheight-40: 3rem;
  --typography---primitives-value-font-lineheight-48: 3.5rem;
  --typography---primitives-value-font-lineheight-12-14: 1rem;
  --typography---primitives-value-font-font-weight-regular: 25rem;
  --typography---primitives-value-font-font-weight-medium: 31.25rem;
  --typography---primitives-value-font-font-weight-semibold: 37.5rem;
  --typography---primitives-value-font-font-weight-bold: 43.75rem;
  --typography---primitives-value-font-familyfont: Inter;
  --spacing-primitives-mode-1-space-4: 0.25rem;
  --spacing-primitives-mode-1-space-8: 0.5rem;
  --spacing-primitives-mode-1-space-12: 0.75rem;
  --spacing-primitives-mode-1-space-16: 1rem;
  --spacing-primitives-mode-1-space-20: 1.25rem;
  --spacing-primitives-mode-1-space-24: 1.5rem;
  --radius-primitives-mode-1-radius-0: 0rem;
  --radius-primitives-mode-1-radius-4: 0.25rem;
  --radius-primitives-mode-1-radius-8: 0.5rem;
  --radius-primitives-mode-1-radius-12: 0.75rem;
  --radius-primitives-mode-1-radius-16: 1rem;
  --radius-primitives-mode-1-radius-phill: 62.438rem;
  --tipography-mode-1-text-display-xl-fontfamily: Inter;
  --tipography-mode-1-text-display-xl-fontsize: 3rem;
  --tipography-mode-1-text-display-xl-lineheight: 3.5rem;
  --tipography-mode-1-text-display-xl-fontweight: 43.75rem;
  --tipography-mode-1-text-display-l-fontfamily: Inter;
  --tipography-mode-1-text-display-l-fontsize: 2.5rem;
  --tipography-mode-1-text-display-l-lineheight: 3rem;
  --tipography-mode-1-text-display-l-fontweight: 43.75rem;
  --tipography-mode-1-text-heading-xl-fontfamily: Inter;
  --tipography-mode-1-text-heading-xl-fontsize: 2rem;
  --tipography-mode-1-text-heading-xl-lineheight: 2.5rem;
  --tipography-mode-1-text-heading-xl-fontweight: 37.5rem;
  --tipography-mode-1-text-heading-l-fontfamily: Inter;
  --tipography-mode-1-text-heading-l-fontsize: 1.5rem;
  --tipography-mode-1-text-heading-l-lineheight: 2rem;
  --tipography-mode-1-text-heading-l-fontweight: 37.5rem;
  --tipography-mode-1-text-heading-m-fontfamily: Inter;
  --tipography-mode-1-text-heading-m-fontsize: 1.25rem;
  --tipography-mode-1-text-heading-m-lineheight: 1.75rem;
  --tipography-mode-1-text-heading-m-fontweight: 37.5rem;
  --tipography-mode-1-text-heading-s-fontfamily: Inter;
  --tipography-mode-1-text-heading-s-fontsize: 1rem;
  --tipography-mode-1-text-heading-s-lineheight: 1.25rem;
  --tipography-mode-1-text-heading-s-fontweight: 37.5rem;
  --tipography-mode-1-text-body-l-fontfamily: Inter;
  --tipography-mode-1-text-body-l-fontsize: 1rem;
  --tipography-mode-1-text-body-l-lineheight: 1.25rem;
  --tipography-mode-1-text-body-l-fontweight: 25rem;
  --tipography-mode-1-text-body-m-fontfamily: Inter;
  --tipography-mode-1-text-body-m-fontsize: 0.875rem;
  --tipography-mode-1-text-body-m-lineheight: 1rem;
  --tipography-mode-1-text-body-m-fontweight: 25rem;
  --tipography-mode-1-text-body-s-fontfamily: Inter;
  --tipography-mode-1-text-body-s-fontsize: 0.75rem;
  --tipography-mode-1-text-body-s-lineheight: 1rem;
  --tipography-mode-1-text-body-s-fontweight: 25rem;
  --tipography-mode-1-text-labels---ui-label-fontfamily: Inter;
  --tipography-mode-1-text-labels---ui-label-fontsize: 1rem;
  --tipography-mode-1-text-labels---ui-label-lineheight: 1.25rem;
  --tipography-mode-1-text-labels---ui-label-fontweight: 25rem;
  --tipography-mode-1-text-labels---ui-buttons-fontfamily: Inter;
  --tipography-mode-1-text-labels---ui-buttons-fontsize: 0.875rem;
  --tipography-mode-1-text-labels---ui-buttons-lineheight: 1rem;
  --tipography-mode-1-text-labels---ui-buttons-fontweight: 37.5rem;
  --tipography-mode-1-text-auxiliares-caption-fontfamily: Inter;
  --tipography-mode-1-text-auxiliares-caption-fontsize: 0.75rem;
  --tipography-mode-1-text-auxiliares-caption-lineheight: 0.875rem;
  --tipography-mode-1-text-auxiliares-caption-fontweight: 31.25rem;
  --tipography-mode-1-text-auxiliares-overline-fontfamily: Inter;
  --tipography-mode-1-text-auxiliares-overline-fontsize: 0.625rem;
  --tipography-mode-1-text-auxiliares-overline-lineheight: 0.875rem;
  --tipography-mode-1-text-auxiliares-overline-fontweight: 31.25rem;
  --button-primary-bg-default-light: var(--color---primitives-value-brand-yellow-leal);
  --button-primary-bg-hover-light: var(--color---primitives-value-brand-yellow-400);
  --button-primary-bg-pressed-light: var(--color---primitives-value-brand-yellow-leal);
  --button-primary-bg-disabled-light: var(--color---primitives-value-brand-yellow-200);
  --button-primary-text-pressed-light: var(--color---primitives-value-natural-black-secondary);
  --button-primary-text-disabled-light: var(--color---primitives-value-natural-gray-light-500);
  --button-primary-text-hover-light: var(--color---primitives-value-natural-gray-light-900);
  --button-primary-text-default-light: var(--color---primitives-value-natural-black-secondary);
  --button-primary-icon-pressed-light: var(--color---primitives-value-natural-black-secondary);
  --button-primary-icon-disabled-light: var(--color---primitives-value-natural-gray-light-500);
  --button-primary-icon-hover-light: var(--color---primitives-value-natural-gray-light-900);
  --button-primary-icon-default-light: var(--color---primitives-value-natural-black-secondary);
  --button-secondary-bg-default-light: var(--color---primitives-value-natural-black-secondary);
  --button-secondary-bg-hover-light: var(--color---primitives-value-natural-black-60);
  --button-secondary-bg-pressed-light: var(--color---primitives-value-natural-black-secondary);
  --button-secondary-bg-disabled-light: var(--color---primitives-value-natural-gray-light-300);
  --button-secondary-text-default-light: var(--color---primitives-value-natural-white-100);
  --button-secondary-text-hover-light: var(--color---primitives-value-natural-white-100);
  --button-secondary-text-pressed-light: var(--color---primitives-value-natural-white-100);
  --button-secondary-text-disabled-light: var(--color---primitives-value-natural-gray-light-500);
  --button-secondary-icon-default-light: var(--color---primitives-value-natural-white-100);
  --button-secondary-icon-hover-light: var(--color---primitives-value-natural-white-100);
  --button-secondary-icon-pressed-light: var(--color---primitives-value-natural-white-100);
  --button-secondary-icon-disabled-light: var(--color---primitives-value-natural-gray-light-500);
  --button-tertiary-text-default-light: var(--color---primitives-value-natural-gray-light-900);
  --button-tertiary-text-hover-light: var(--color---primitives-value-natural-gray-light-900);
  --button-tertiary-text-pressed-light: var(--color---primitives-value-natural-gray-light-900);
  --button-tertiary-text-disabled-light: var(--color---primitives-value-natural-gray-light-500);
  --button-tertiary-icon-default-light: var(--color---primitives-value-natural-gray-light-900);
  --button-tertiary-icon-hover-light: var(--color---primitives-value-natural-gray-light-900);
  --button-tertiary-icon-pressed-light: var(--color---primitives-value-natural-gray-light-900);
  --button-tertiary-icon-disabled-light: var(--color---primitives-value-natural-gray-light-500);
  --button-tertiary-bg-hover-light: var(--color---primitives-value-accents-bonos-50);
  --button-tertiary-bg-pressed-light: var(--color---primitives-value-accents-bonos-50);
  --button-outline-text-default-light: var(--color---primitives-value-natural-gray-light-900);
  --button-outline-text-hover-light: var(--color---primitives-value-natural-gray-light-900);
  --button-outline-text-pressed-light: var(--color---primitives-value-natural-gray-light-900);
  --button-outline-text-disabled-light: var(--color---primitives-value-natural-gray-light-500);
  --button-outline-icon-default-light: var(--color---primitives-value-natural-gray-light-900);
  --button-outline-icon-hover-light: var(--color---primitives-value-natural-gray-light-900);
  --button-outline-icon-pressed-light: var(--color---primitives-value-natural-gray-light-900);
  --button-outline-icon-disabled-light: var(--color---primitives-value-natural-gray-light-500);
  --button-outline-bg-hover-light: var(--color---primitives-value-accents-bonos-50);
  --button-outline-bg-pressed-light: var(--color---primitives-value-accents-bonos-50);
  --button-outline-border-default-light: var(--color---primitives-value-special-purple-200);
  --button-outline-border-hover-light: var(--color---primitives-value-special-purple-200);
  --button-outline-border-pressed-light: var(--color---primitives-value-special-purple-200);
  --button-outline-border-disabled-light: var(--color---primitives-value-special-purple-200);
  --button-link-text-default-light: var(--color---primitives-value-accents-blue-600);
  --button-link-text-hover-light: var(--color---primitives-value-accents-blue-200);
  --button-link-text-pressed-light: var(--color---primitives-value-accents-blue-200);
  --button-link-text-disabled-light: var(--color---primitives-value-natural-gray-light-500);
  --button-link-icon-default-light: var(--color---primitives-value-accents-blue-600);
  --button-link-icon-hover-light: var(--color---primitives-value-accents-blue-200);
  --button-link-icon-pressed-light: var(--color---primitives-value-accents-blue-200);
  --button-link-icon-disabled-light: var(--color---primitives-value-natural-gray-light-500);
  --button-primary-bg-default-dark: var(--color---primitives-value-brand-yellow-leal);
  --button-primary-bg-hover-dark: var(--color---primitives-value-brand-yellow-400);
  --button-primary-bg-pressed-dark: var(--color---primitives-value-brand-yellow-leal);
  --button-primary-bg-disabled-dark: var(--color---primitives-value-brand-yellow-200);
  --button-primary-text-pressed-dark: var(--color---primitives-value-natural-black-secondary);
  --button-primary-text-disabled-dark: var(--color---primitives-value-natural-gray-light-500);
  --button-primary-text-hover-dark: var(--color---primitives-value-natural-gray-light-900);
  --button-primary-text-default-dark: var(--color---primitives-value-natural-black-secondary);
  --button-primary-icon-pressed-dark: var(--color---primitives-value-natural-black-secondary);
  --button-primary-icon-disabled-dark: var(--color---primitives-value-natural-gray-light-500);
  --button-primary-icon-hover-dark: var(--color---primitives-value-natural-gray-light-900);
  --button-primary-icon-default-dark: var(--color---primitives-value-natural-black-secondary);
  --button-secondary-bg-default-dark: var(--color---primitives-value-natural-black-secondary);
  --button-secondary-bg-hover-dark: var(--color---primitives-value-natural-gray-dark-800);
  --button-secondary-bg-pressed-dark: var(--color---primitives-value-natural-black-secondary);
  --button-secondary-bg-disabled-dark: var(--color---primitives-value-natural-gray-dark-800);
  --button-secondary-text-default-dark: var(--color---primitives-value-natural-white-100);
  --button-secondary-text-hover-dark: var(--color---primitives-value-natural-white-100);
  --button-secondary-text-pressed-dark: var(--color---primitives-value-natural-white-100);
  --button-secondary-text-disabled-dark: var(--color---primitives-value-natural-gray-dark-500);
  --button-secondary-icon-default-dark: var(--color---primitives-value-natural-white-100);
  --button-secondary-icon-hover-dark: var(--color---primitives-value-natural-white-100);
  --button-secondary-icon-pressed-dark: var(--color---primitives-value-natural-white-100);
  --button-secondary-icon-disabled-dark: var(--color---primitives-value-natural-gray-dark-500);
  --button-tertiary-text-default-dark: var(--color---primitives-value-natural-gray-light-900);
  --button-tertiary-text-hover-dark: var(--color---primitives-value-natural-gray-light-900);
  --button-tertiary-text-pressed-dark: var(--color---primitives-value-natural-gray-light-900);
  --button-tertiary-text-disabled-dark: var(--color---primitives-value-natural-gray-dark-500);
  --button-tertiary-icon-default-dark: var(--color---primitives-value-natural-gray-light-900);
  --button-tertiary-icon-hover-dark: var(--color---primitives-value-natural-gray-light-900);
  --button-tertiary-icon-pressed-dark: var(--color---primitives-value-natural-gray-light-900);
  --button-tertiary-icon-disabled-dark: var(--color---primitives-value-natural-gray-dark-500);
  --button-tertiary-bg-hover-dark: var(--color---primitives-value-natural-gray-dark-800);
  --button-tertiary-bg-pressed-dark: var(--color---primitives-value-natural-gray-dark-700);
  --button-outline-text-default-dark: var(--color---primitives-value-natural-gray-light-900);
  --button-outline-text-hover-dark: var(--color---primitives-value-natural-gray-light-900);
  --button-outline-text-pressed-dark: var(--color---primitives-value-natural-gray-light-900);
  --button-outline-text-disabled-dark: var(--color---primitives-value-natural-gray-dark-500);
  --button-outline-icon-default-dark: var(--color---primitives-value-natural-gray-light-900);
  --button-outline-icon-hover-dark: var(--color---primitives-value-natural-gray-light-900);
  --button-outline-icon-pressed-dark: var(--color---primitives-value-natural-gray-light-900);
  --button-outline-icon-disabled-dark: var(--color---primitives-value-natural-gray-dark-500);
  --button-outline-bg-hover-dark: var(--color---primitives-value-natural-gray-dark-800);
  --button-outline-bg-pressed-dark: var(--color---primitives-value-natural-gray-dark-700);
  --button-outline-border-default-dark: var(--color---primitives-value-special-purple-200);
  --button-outline-border-hover-dark: var(--color---primitives-value-special-purple-200);
  --button-outline-border-pressed-dark: var(--color---primitives-value-special-purple-200);
  --button-outline-border-disabled-dark: var(--color---primitives-value-special-purple-200);
  --button-link-text-default-dark: var(--color---primitives-value-accents-blue-600);
  --button-link-text-hover-dark: var(--color---primitives-value-accents-blue-200);
  --button-link-text-pressed-dark: var(--color---primitives-value-accents-blue-200);
  --button-link-text-disabled-dark: var(--color---primitives-value-natural-gray-dark-500);
  --button-link-icon-default-dark: var(--color---primitives-value-accents-blue-600);
  --button-link-icon-hover-dark: var(--color---primitives-value-accents-blue-200);
  --button-link-icon-pressed-dark: var(--color---primitives-value-accents-blue-200);
  --button-link-icon-disabled-dark: var(--color---primitives-value-natural-gray-dark-500);
  --button-buttons-xl-radius: var(--radius-primitives-mode-1-radius-16);
  --button-buttons-l-radius: var(--radius-primitives-mode-1-radius-12);
  --button-buttons-m-radius: var(--radius-primitives-mode-1-radius-12);
  --button-buttons-s-radius: var(--radius-primitives-mode-1-radius-8);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Tailwind directives */
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}
.visible {
  visibility: visible;
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
/* Global styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

body {
  font-family: var(--font-family);
  font-size: var(--text-base);
  color: var(--color-text-primary);
  background-color: var(--color-background);
}

/* Kampala-specific overrides (minimal) */
:root {
  /* Example: override if needed (use sparingly) */
  /* --kp-invoice-overdue: #D32F2F; */
}

/*# sourceMappingURL=styles.3d5e9ebcdf8c2670.css.map*/