@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";

/* projects/onboarding/src/styles.scss */
html,
body {
  margin: 0;
  height: 100%;
  width: 100%;
  font-family: Nunito, sans-serif;
}
router-outlet {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
  outline: none;
}
img {
  display: block;
}
.disabled-control,
label[tds-form-field]:has(input:disabled, [tds-inert-input][data-disabled]) {
  opacity: 0.33;
}
body {
  color: var(--color-text-primary);
  background:
    linear-gradient(
      132deg,
      var(--color-background-defautradial0) 0%,
      var(--color-background-defautradial25) 25%,
      var(--color-background-defautradial50) 50%,
      var(--color-background-defautradial75) 75%,
      var(--color-background-defautradial100) 100%);
}
:root {
  --color-white-0: #ffffffff;
  --color-graycold-20: #f7f8faff;
  --color-graycold-50: #eef1f4ff;
  --color-graycold-100: #dce1e8ff;
  --color-graycold-200: #bdc7d4ff;
  --color-graycold-300: #9dacc0ff;
  --color-graycold-400: #7f93acff;
  --color-graycold-500: #5f7898ff;
  --color-graycold-600: #445f83ff;
  --color-graycold-700: #344864ff;
  --color-graycold-800: #233043ff;
  --color-graycold-900: #141b26ff;
  --color-green-20: #f3fcf6ff;
  --color-apple-20: #f3fbe7ff;
  --color-yellow-20: #fef9edff;
  --color-yellow-50: #fbefd0ff;
  --color-yellow-100: #f8e0a0ff;
  --color-yellow-200: #f1bf3fff;
  --color-yellow-300: #d4a424ff;
  --color-yellow-400: #b48b1fff;
  --color-yellow-500: #937119ff;
  --color-yellow-600: #765a14ff;
  --color-yellow-700: #59440fff;
  --color-yellow-800: #3c2e0aff;
  --color-yellow-900: #221a06ff;
  --color-apple-50: #e8f7cfff;
  --color-apple-100: #cced95ff;
  --color-apple-200: #95d926ff;
  --color-apple-300: #81bc21ff;
  --color-apple-400: #6e9f1cff;
  --color-apple-500: #598217ff;
  --color-apple-600: #476712ff;
  --color-apple-700: #364e0eff;
  --color-apple-800: #243509ff;
  --color-apple-900: #151e05ff;
  --color-green-50: #dff6e8ff;
  --color-green-100: #bceccdff;
  --color-green-200: #7ad99dff;
  --color-green-300: #31c366ff;
  --color-green-400: #29a557ff;
  --color-green-500: #228747ff;
  --color-green-600: #1b6b38ff;
  --color-green-700: #14512bff;
  --color-green-800: #0e371dff;
  --color-green-900: #081f11ff;
  --color-duck-20: #fff8ddff;
  --color-sand-20: #fff8f1ff;
  --color-salmon-20: #fff8f5ff;
  --color-salmon-50: #ffece5ff;
  --color-salmon-100: #ffd9cbff;
  --color-salmon-200: #ffb498ff;
  --color-salmon-300: #e89779ff;
  --color-salmon-400: #c58067ff;
  --color-salmon-500: #a16854ff;
  --color-salmon-600: #805343ff;
  --color-salmon-700: #603f32ff;
  --color-salmon-800: #412a22ff;
  --color-salmon-900: #251813ff;
  --color-sand-50: #ffeedaff;
  --color-sand-100: #ffdcb6ff;
  --color-sand-200: #f5bb7cff;
  --color-sand-300: #d3a16bff;
  --color-sand-400: #b3895bff;
  --color-sand-500: #926f4aff;
  --color-sand-600: #74593bff;
  --color-sand-700: #58442dff;
  --color-sand-800: #3b2d1eff;
  --color-sand-900: #211911ff;
  --color-duck-50: #fff0bcff;
  --color-duck-100: #ffe071ff;
  --color-duck-200: #e1c45cff;
  --color-duck-300: #c2a94fff;
  --color-duck-400: #a59043ff;
  --color-duck-500: #867537ff;
  --color-duck-600: #6b5d2cff;
  --color-duck-700: #514621ff;
  --color-duck-800: #372f16ff;
  --color-duck-900: #1e1b0cff;
  --color-orange-20: #fff7f5ff;
  --color-orange-50: #ffede7ff;
  --color-orange-100: #ffdad0ff;
  --color-orange-200: #ffb49fff;
  --color-orange-300: #ff8a68ff;
  --color-orange-400: #e96b47ff;
  --color-orange-500: #be573aff;
  --color-orange-600: #97462eff;
  --color-orange-700: #733523ff;
  --color-orange-800: #4e2418ff;
  --color-orange-900: #2d140eff;
  --color-red-20: #fff6f6ff;
  --color-pink-20: #fff7f8ff;
  --color-pink-50: #ffeceeff;
  --color-pink-100: #ffd8dcff;
  --color-pink-200: #ffb1b9ff;
  --color-pink-300: #ff8693ff;
  --color-pink-400: #e66976ff;
  --color-pink-500: #bc5561ff;
  --color-pink-600: #96444dff;
  --color-pink-700: #71343aff;
  --color-pink-800: #4d2328ff;
  --color-pink-900: #2c1417ff;
  --color-red-50: #feececff;
  --color-red-100: #fdd8d8ff;
  --color-red-200: #fbb3b3ff;
  --color-red-300: #f98b8bff;
  --color-red-400: #f65d5dff;
  --color-red-500: #e22a2aff;
  --color-red-600: #b62222ff;
  --color-red-700: #8b1a1aff;
  --color-red-800: #5f1212ff;
  --color-red-900: #380a0aff;
  --color-purple-20: #fdf7ffff;
  --color-purple-50: #faebffff;
  --color-purple-100: #f4d7ffff;
  --color-purple-200: #eab1ffff;
  --color-purple-300: #e088ffff;
  --color-purple-400: #c071ddff;
  --color-purple-500: #9d5cb4ff;
  --color-purple-600: #7d4990ff;
  --color-purple-700: #5f376dff;
  --color-purple-800: #40254aff;
  --color-purple-900: #25152aff;
  --color-lavender-20: #fbf7ffff;
  --color-lavender-50: #f5eeffff;
  --color-lavender-100: #eadaffff;
  --color-lavender-200: #d6b9ffff;
  --color-lavender-300: #c196ffff;
  --color-lavender-400: #a57eddff;
  --color-lavender-500: #8767b4ff;
  --color-lavender-600: #6b5290ff;
  --color-lavender-700: #513e6dff;
  --color-lavender-800: #372a49ff;
  --color-lavender-900: #1f1729ff;
  --color-plum-20: #f9f9ffff;
  --color-plum-50: #eff0ffff;
  --color-plum-100: #dddfffff;
  --color-plum-200: #bcc1ffff;
  --color-plum-300: #9ca3ffff;
  --color-plum-400: #7d86f9ff;
  --color-plum-500: #666dccff;
  --color-plum-600: #5157a2ff;
  --color-plum-700: #3d427aff;
  --color-plum-800: #2a2c53ff;
  --color-plum-900: #18192fff;
  --color-water-20: #f5f8ffff;
  --color-water-50: #e9f1ffff;
  --color-water-100: #d1e2ffff;
  --color-water-200: #a7c7ffff;
  --color-water-300: #81abf7ff;
  --color-water-400: #6d91d2ff;
  --color-water-500: #5976abff;
  --color-water-600: #475e88ff;
  --color-water-700: #364767ff;
  --color-water-800: #243046ff;
  --color-water-900: #151b28ff;
  --color-cloudblue-20: #f0fafeff;
  --color-azure-20: #eefaffff;
  --color-azure-50: #ddf5ffff;
  --color-azure-100: #b2e9ffff;
  --color-azure-200: #65d3ffff;
  --color-azure-300: #4ab6e2ff;
  --color-azure-400: #3f9bbfff;
  --color-azure-500: #347e9dff;
  --color-azure-600: #29647cff;
  --color-azure-700: #1f4c5fff;
  --color-azure-800: #153340ff;
  --color-azure-900: #0c1d25ff;
  --color-cloudblue-50: #dff4fcff;
  --color-cloudblue-100: #bce8f9ff;
  --color-cloudblue-200: #7cd1f4ff;
  --color-cloudblue-300: #54b6deff;
  --color-cloudblue-400: #479abcff;
  --color-cloudblue-500: #3a7e99ff;
  --color-cloudblue-600: #2e647aff;
  --color-cloudblue-700: #234c5cff;
  --color-cloudblue-800: #18333fff;
  --color-cloudblue-900: #0d1d24ff;
}
:root {
  --color-text-primary: light-dark(var(--color-graycold-600), var(--color-graycold-200));
  --color-icon-primary: light-dark(var(--color-graycold-600), var(--color-graycold-200));
  --color-background-defautradial0: light-dark(#eff1fbff, #1c2637ff);
  --color-background-defautradial25: light-dark(#f8f9fdff, #212c3dff);
  --color-background-defautradial50: light-dark(#f8f8f8ff, #2a3a51ff);
  --color-background-defautradial75: light-dark(#f8f9fdff, #1e2939ff);
  --color-background-defautradial100: light-dark(#eff1fbff, #1c2534ff);
  --color-background-variant: light-dark(var(--color-graycold-20), var(--color-graycold-800));
  --color-background-primary--active: light-dark(var(--color-graycold-600), var(--color-graycold-600));
  --color-background-secondary--active: light-dark(var(--color-graycold-300), var(--color-graycold-700));
  --color-background-tertiary--active: light-dark(var(--color-graycold-100), var(--color-graycold-800));
  --color-background--disabled: light-dark(var(--color-graycold-50), var(--color-graycold-700));
  --color-background-info: light-dark(var(--color-graycold-50), var(--color-graycold-700));
  --color-background-success: light-dark(var(--color-apple-50), var(--color-apple-700));
  --color-background-warning: light-dark(var(--color-yellow-50), var(--color-yellow-700));
  --color-background-error: light-dark(var(--color-red-50), var(--color-red-700));
  --color-background-highlight: light-dark(var(--color-azure-50), var(--color-azure-700));
  --color-background-intelligence: light-dark(var(--color-lavender-50), var(--color-lavender-700));
  --color-background-intelligencegradient0: light-dark(#ff7483ff, var(--color-pink-300));
  --color-background-intelligencegradient50: light-dark(#ff8765ff, var(--color-orange-300));
  --color-background-intelligencegradient100: light-dark(#ffd41dff, var(--color-duck-100));
  --color-background-info-inverted: light-dark(var(--color-graycold-500), var(--color-graycold-200));
  --color-background-success-inverted: light-dark(var(--color-apple-400), var(--color-apple-200));
  --color-background-warning-inverted: light-dark(var(--color-yellow-300), var(--color-yellow-200));
  --color-background-error-inverted: light-dark(var(--color-red-500), var(--color-red-200));
  --color-background-highlight-inverted: light-dark(var(--color-azure-500), var(--color-azure-200));
  --color-background-intelligence-inverted: light-dark(var(--color-lavender-500), var(--color-lavender-200));
  --color-background-primary-surface: light-dark(var(--color-white-0), var(--color-graycold-900));
  --color-background-secondary-surface: light-dark(var(--color-white-0), var(--color-graycold-800));
  --color-background-tertiary-surface: light-dark(var(--color-graycold-20), var(--color-graycold-700));
  --color-background-primary-surface--hover: light-dark(var(--color-graycold-20), var(--color-graycold-800));
  --color-background-secondary-surface--hover: light-dark(var(--color-graycold-20), var(--color-graycold-700));
  --color-background-tertiary-surface--hover: light-dark(var(--color-graycold-50), var(--color-graycold-600));
  --color-background-primary-surface-inverted: light-dark(var(--color-graycold-600), var(--color-graycold-200));
  --color-background-secondary-surface-inverted: light-dark(var(--color-graycold-500), var(--color-graycold-300));
  --color-background-tertiary-surface-inverted: light-dark(var(--color-graycold-300), var(--color-graycold-400));
  --color-background-primary-surface-inverted--hover: light-dark(var(--color-graycold-500), var(--color-graycold-300));
  --color-background-secondary-surface-inverted--hover: light-dark(var(--color-graycold-400), var(--color-graycold-400));
  --color-background-tertiary-surface-inverted--hover: light-dark(var(--color-graycold-200), var(--color-graycold-500));
  --color-background-lock: light-dark(var(--color-graycold-100), var(--color-graycold-400));
  --color-background-incitation: light-dark(var(--color-azure-50), var(--color-azure-600));
  --color-icon-secondary: light-dark(var(--color-graycold-500), var(--color-graycold-300));
  --color-icon-tertiary: light-dark(var(--color-graycold-300), var(--color-graycold-400));
  --color-icon--active: light-dark(var(--color-graycold-700), var(--color-white-0));
  --color-icon--disabled: light-dark(var(--color-graycold-200), var(--color-graycold-600));
  --color-icon-link: light-dark(var(--color-plum-400), var(--color-plum-200));
  --color-icon-info: light-dark(var(--color-graycold-500), var(--color-graycold-200));
  --color-icon-success: light-dark(var(--color-apple-400), var(--color-apple-200));
  --color-icon-warning: light-dark(var(--color-yellow-300), var(--color-yellow-200));
  --color-icon-error: light-dark(var(--color-red-500), var(--color-red-200));
  --color-icon-highlight: light-dark(var(--color-azure-500), var(--color-azure-200));
  --color-icon-intelligence: light-dark(var(--color-lavender-500), var(--color-lavender-200));
  --color-icon-primary-inverted: light-dark(var(--color-white-0), var(--color-white-0));
  --color-icon-secondary-inverted: light-dark(var(--color-graycold-20), var(--color-graycold-20));
  --color-icon-tertiary-inverted: light-dark(var(--color-graycold-50), var(--color-graycold-50));
  --color-icon-info-inverted: light-dark(var(--color-white-0), var(--color-white-0));
  --color-icon-success-inverted: light-dark(var(--color-white-0), var(--color-white-0));
  --color-icon-warning-inverted: light-dark(var(--color-white-0), var(--color-white-0));
  --color-icon-error-inverted: light-dark(var(--color-white-0), var(--color-white-0));
  --color-icon-highlight-inverted: light-dark(var(--color-white-0), var(--color-white-0));
  --color-icon-intelligence-inverted: light-dark(var(--color-white-0), var(--color-white-0));
  --color-border-defaut: light-dark(var(--color-graycold-100), var(--color-graycold-700));
  --color-border-inverted: light-dark(var(--color-white-0), var(--color-graycold-900));
  --color-border-medium: light-dark(var(--color-graycold-200), var(--color-graycold-600));
  --color-border-strong: light-dark(var(--color-graycold-400), var(--color-graycold-500));
  --color-border-light: light-dark(var(--color-graycold-50), var(--color-graycold-800));
  --color-border--active: light-dark(var(--color-graycold-700), var(--color-white-0));
  --color-border-info: light-dark(var(--color-graycold-500), var(--color-graycold-200));
  --color-border-success: light-dark(var(--color-apple-400), var(--color-apple-200));
  --color-border-warning: light-dark(var(--color-yellow-300), var(--color-yellow-200));
  --color-border-error: light-dark(var(--color-red-500), var(--color-red-200));
  --color-border-highlight: light-dark(var(--color-azure-500), var(--color-azure-200));
  --color-border-intelligence: light-dark(var(--color-lavender-500), var(--color-lavender-200));
  --color-border-primary-divider: light-dark(var(--color-graycold-200), var(--color-graycold-600));
  --color-border-secondary-divider: light-dark(var(--color-graycold-50), var(--color-graycold-700));
  --color-border-intelligencegradient0: light-dark(var(--color-pink-300), var(--color-pink-300));
  --color-border-intelligencegradient50: light-dark(var(--color-orange-300), var(--color-orange-300));
  --color-border-intelligencegradient100: light-dark(var(--color-duck-100), var(--color-duck-100));
  --color-shadow-primary-30: light-dark(#445f834d, #ffffff00);
  --color-shadow-primary-20: light-dark(#445f8333, #ffffff00);
  --color-shadow-primary-12: light-dark(#445f831f, #ffffff00);
  --color-shadow-primary-10: light-dark(#445f831a, #ffffff00);
  --color-shadow-secondary: light-dark(var(--color-graycold-200), #ffffff00);
  --color-shadow-intelligence: light-dark(var(--color-pink-300), #ffffff00);
  --color-blur-primary: light-dark(#ffffffcc, #141b26cc);
  --color-avatar-background-primary-01: light-dark(var(--color-duck-100), var(--color-duck-400));
  --color-avatar-background-secondary-01: light-dark(var(--color-duck-50), var(--color-duck-500));
  --color-avatar-background-secondary-02: light-dark(var(--color-sand-100), var(--color-sand-500));
  --color-avatar-background-secondary-03: light-dark(var(--color-salmon-100), var(--color-salmon-500));
  --color-avatar-background-secondary-04: light-dark(var(--color-pink-100), var(--color-pink-500));
  --color-avatar-background-secondary-05: light-dark(var(--color-purple-100), var(--color-purple-500));
  --color-avatar-background-secondary-06: light-dark(var(--color-lavender-100), var(--color-lavender-500));
  --color-avatar-background-secondary-07: light-dark(var(--color-plum-100), var(--color-plum-500));
  --color-avatar-background-secondary-08: light-dark(var(--color-water-100), var(--color-water-500));
  --color-avatar-background-secondary-09: light-dark(var(--color-cloudblue-100), var(--color-cloudblue-500));
  --color-avatar-background-secondary-10: light-dark(var(--color-azure-100), var(--color-azure-500));
  --color-avatar-background-primary-02: light-dark(var(--color-sand-200), var(--color-sand-400));
  --color-avatar-background-primary-03: light-dark(var(--color-salmon-200), var(--color-salmon-400));
  --color-avatar-background-primary-04: light-dark(var(--color-pink-200), var(--color-pink-400));
  --color-avatar-background-primary-05: light-dark(var(--color-purple-200), var(--color-purple-400));
  --color-avatar-background-primary-06: light-dark(var(--color-lavender-200), var(--color-lavender-400));
  --color-avatar-background-primary-07: light-dark(var(--color-plum-200), var(--color-plum-400));
  --color-avatar-background-primary-08: light-dark(var(--color-water-200), var(--color-water-400));
  --color-avatar-background-primary-09: light-dark(var(--color-cloudblue-200), var(--color-cloudblue-400));
  --color-avatar-background-primary-10: light-dark(var(--color-azure-200), var(--color-azure-400));
  --color-brand-text-primary-tiime: light-dark(var(--color-graycold-600), var(--color-graycold-300));
  --color-brand-text-primary-accounts: light-dark(var(--color-pink-400), var(--color-pink-400));
  --color-brand-text-primary-invoice: light-dark(var(--color-plum-400), var(--color-plum-300));
  --color-brand-text-primary-transaction: light-dark(var(--color-azure-300), var(--color-azure-300));
  --color-brand-text-primary-afaire: light-dark(var(--color-yellow-200), var(--color-yellow-300));
  --color-brand-text-primary-registre: light-dark(var(--color-orange-300), var(--color-orange-400));
  --color-brand-text-primary-pilotage: light-dark(var(--color-lavender-300), var(--color-lavender-400));
  --color-brand-background-inverted: light-dark(var(--color-white-0), var(--color-graycold-700));
  --color-brand-background-primary-tiime: light-dark(var(--color-graycold-600), var(--color-graycold-300));
  --color-brand-background-primary-accounts: light-dark(var(--color-pink-400), var(--color-pink-500));
  --color-brand-background-primary-accountsgradient0: light-dark(var(--color-pink-300), var(--color-pink-400));
  --color-brand-background-primary-accountsgradient100: light-dark(var(--color-orange-400), var(--color-orange-500));
  --color-brand-background-primary-invoice: light-dark(var(--color-plum-400), var(--color-plum-500));
  --color-brand-background-primary-invoicegradient0: light-dark(var(--color-plum-500), var(--color-plum-600));
  --color-brand-background-primary-invoicegradient100: light-dark(var(--color-water-300), var(--color-water-400));
  --color-brand-background-primary-transaction: light-dark(var(--color-azure-300), var(--color-azure-300));
  --color-brand-background-primary-afaire: light-dark(var(--color-yellow-200), var(--color-yellow-300));
  --color-brand-background-primary-registre: light-dark(var(--color-orange-300), var(--color-orange-400));
  --color-brand-background-primary-pilotage: light-dark(var(--color-lavender-300), var(--color-lavender-400));
  --color-brand-background-secondary-tiime: light-dark(var(--color-graycold-500), var(--color-graycold-400));
  --color-brand-background-secondary-accounts: light-dark(var(--color-pink-300), var(--color-pink-400));
  --color-brand-background-secondary-invoice: light-dark(var(--color-plum-300), var(--color-plum-400));
  --color-brand-background-secondary-transaction: light-dark(var(--color-azure-200), var(--color-azure-400));
  --color-brand-background-secondary-afaire: light-dark(var(--color-yellow-100), var(--color-yellow-400));
  --color-brand-background-secondary-registre: light-dark(var(--color-orange-200), var(--color-orange-500));
  --color-brand-background-secondary-pilotage: light-dark(var(--color-lavender-200), var(--color-lavender-500));
  --color-brand-background-tertiary-tiime: light-dark(var(--color-graycold-50), var(--color-graycold-700));
  --color-brand-background-tertiary-accounts: light-dark(var(--color-pink-50), var(--color-pink-700));
  --color-brand-background-tertiary-invoice: light-dark(var(--color-plum-50), var(--color-plum-700));
  --color-brand-background-tertiary-transaction: light-dark(var(--color-azure-50), var(--color-azure-700));
  --color-brand-background-tertiary-afaire: light-dark(var(--color-yellow-50), var(--color-yellow-700));
  --color-brand-background-tertiary-registre: light-dark(var(--color-orange-50), var(--color-orange-700));
  --color-brand-background-tertiary-pilotage: light-dark(var(--color-lavender-50), var(--color-lavender-700));
  --color-brand-icon-primary-tiime: light-dark(var(--color-graycold-600), var(--color-graycold-300));
  --color-brand-icon-secondary-tiime: light-dark(var(--color-graycold-500), var(--color-graycold-400));
  --color-brand-icon-tertiary-tiime: light-dark(var(--color-graycold-400), var(--color-graycold-500));
  --color-brand-icon-inverted: light-dark(var(--color-white-0), var(--color-graycold-700));
  --color-brand-icon-primary-accounts: light-dark(var(--color-pink-400), var(--color-pink-400));
  --color-brand-icon-secondary-accounts: light-dark(var(--color-pink-300), var(--color-pink-400));
  --color-brand-icon-tertiary-accounts: light-dark(var(--color-pink-200), var(--color-pink-500));
  --color-brand-icon-primary-invoice: light-dark(var(--color-plum-400), var(--color-plum-300));
  --color-brand-icon-secondary-invoice: light-dark(var(--color-plum-300), var(--color-plum-400));
  --color-brand-icon-tertiary-invoice: light-dark(var(--color-plum-200), var(--color-plum-500));
  --color-brand-icon-primary-transaction: light-dark(var(--color-azure-300), var(--color-azure-300));
  --color-brand-icon-secondary-transaction: light-dark(var(--color-azure-200), var(--color-azure-400));
  --color-brand-icon-tertiary-transaction: light-dark(var(--color-azure-100), var(--color-azure-500));
  --color-brand-icon-primary-afaire: light-dark(var(--color-yellow-200), var(--color-yellow-300));
  --color-brand-icon-secondary-afaire: light-dark(var(--color-yellow-100), var(--color-yellow-400));
  --color-brand-icon-tertiary-afaire: light-dark(var(--color-yellow-50), var(--color-yellow-500));
  --color-brand-icon-primary-registre: light-dark(var(--color-orange-300), var(--color-orange-400));
  --color-brand-icon-primary-pilotage: light-dark(var(--color-lavender-300), var(--color-lavender-400));
  --color-brand-icon-secondary-registre: light-dark(var(--color-orange-200), var(--color-orange-500));
  --color-brand-icon-secondary-pilotage: light-dark(var(--color-lavender-200), var(--color-lavender-500));
  --color-brand-icon-tertiary-registre: light-dark(var(--color-orange-100), var(--color-orange-600));
  --color-brand-icon-tertiary-pilotage: light-dark(var(--color-lavender-100), var(--color-lavender-600));
  --color-interactive-background-primary-accent: light-dark(var(--color-green-300), var(--color-green-400));
  --color-interactive-background-primary-accent--hover: light-dark(var(--color-green-400), var(--color-green-300));
  --color-interactive-background-primary-neutral: light-dark(var(--color-graycold-500), var(--color-graycold-400));
  --color-interactive-background-primary-neutral--hover: light-dark(var(--color-graycold-600), var(--color-graycold-300));
  --color-interactive-background-primary-error: light-dark(var(--color-red-500), var(--color-red-400));
  --color-interactive-background-primary-error--hover: light-dark(var(--color-red-600), var(--color-red-300));
  --color-interactive-background-secondary-accent: light-dark(var(--color-white-0), var(--color-graycold-800));
  --color-interactive-background-secondary-accent--hover: light-dark(var(--color-graycold-20), var(--color-graycold-700));
  --color-interactive-background-secondary-neutral: light-dark(var(--color-white-0), var(--color-graycold-800));
  --color-interactive-background-secondary-neutral--hover: light-dark(var(--color-graycold-20), var(--color-graycold-700));
  --color-interactive-background-secondary-error: light-dark(var(--color-white-0), var(--color-graycold-800));
  --color-interactive-background-secondary-error--hover: light-dark(var(--color-graycold-20), var(--color-graycold-700));
  --color-interactive-background-tertiary-accent--hover: light-dark(var(--color-graycold-100), var(--color-graycold-700));
  --color-interactive-background-tertiary-neutral--hover: light-dark(var(--color-graycold-100), var(--color-graycold-700));
  --color-interactive-background-tertiary-error--hover: light-dark(var(--color-graycold-100), var(--color-graycold-700));
  --color-interactive-text-primary-accent: light-dark(var(--color-white-0), var(--color-white-0));
  --color-interactive-text-primary-neutral: light-dark(var(--color-white-0), var(--color-white-0));
  --color-interactive-text-primary-error: light-dark(var(--color-white-0), var(--color-white-0));
  --color-interactive-text-secondary-accent: light-dark(var(--color-green-400), var(--color-green-300));
  --color-interactive-text-secondary-neutral: light-dark(var(--color-graycold-500), var(--color-graycold-300));
  --color-interactive-text-secondary-error: light-dark(var(--color-red-500), var(--color-red-300));
  --color-interactive-text-tertiary-accent: light-dark(var(--color-graycold-500), var(--color-graycold-100));
  --color-interactive-text-tertiary-neutral: light-dark(var(--color-graycold-500), var(--color-graycold-100));
  --color-interactive-text-tertiary-error: light-dark(var(--color-graycold-500), var(--color-graycold-100));
  --color-interactive-icon-primary-accent: light-dark(var(--color-white-0), var(--color-white-0));
  --color-interactive-icon-primary-accent-inverted: light-dark(var(--color-green-300), var(--color-green-400));
  --color-interactive-icon-primary-neutral: light-dark(var(--color-white-0), var(--color-white-0));
  --color-interactive-icon-primary-neutral-inverted: light-dark(var(--color-graycold-500), var(--color-graycold-400));
  --color-interactive-icon-primary-error: light-dark(var(--color-white-0), var(--color-white-0));
  --color-interactive-icon-primary-error-inverted: light-dark(var(--color-red-500), var(--color-red-400));
  --color-interactive-icon-secondary-accent: light-dark(var(--color-green-400), var(--color-green-300));
  --color-interactive-icon-secondary-accent-inverted: light-dark(var(--color-white-0), var(--color-graycold-800));
  --color-interactive-icon-secondary-neutral: light-dark(var(--color-graycold-500), var(--color-graycold-300));
  --color-interactive-icon-secondary-neutral-inverted: light-dark(var(--color-white-0), var(--color-graycold-800));
  --color-interactive-icon-secondary-error: light-dark(var(--color-red-500), var(--color-red-300));
  --color-interactive-icon-secondary-error-inverted: light-dark(var(--color-white-0), var(--color-graycold-800));
  --color-interactive-icon-tertiary-accent: light-dark(var(--color-graycold-500), var(--color-graycold-100));
  --color-interactive-icon-tertiary-accent-inverted: light-dark(var(--color-white-0), var(--color-white-0));
  --color-interactive-icon-tertiary-neutral: light-dark(var(--color-graycold-500), var(--color-graycold-100));
  --color-interactive-icon-tertiary-neutral-inverted: light-dark(var(--color-white-0), var(--color-white-0));
  --color-interactive-icon-tertiary-error: light-dark(var(--color-graycold-500), var(--color-graycold-100));
  --color-interactive-icon-tertiary-error-inverted: light-dark(var(--color-white-0), var(--color-white-0));
  --color-text-secondary: light-dark(var(--color-graycold-500), var(--color-graycold-300));
  --color-text-tertiary: light-dark(var(--color-graycold-300), var(--color-graycold-400));
  --color-text--active: light-dark(var(--color-graycold-700), var(--color-white-0));
  --color-text--disabled: light-dark(var(--color-graycold-200), var(--color-graycold-600));
  --color-text-link: light-dark(var(--color-plum-400), var(--color-plum-200));
  --color-text-info: light-dark(var(--color-graycold-500), var(--color-graycold-200));
  --color-text-success: light-dark(var(--color-apple-400), var(--color-apple-200));
  --color-text-warning: light-dark(var(--color-yellow-400), var(--color-yellow-200));
  --color-text-error: light-dark(var(--color-red-500), var(--color-red-200));
  --color-text-highlight: light-dark(var(--color-azure-500), var(--color-azure-200));
  --color-text-intelligence: light-dark(var(--color-lavender-500), var(--color-lavender-200));
  --color-text-primary-inverted: light-dark(var(--color-white-0), var(--color-white-0));
  --color-text-info-inverted: light-dark(var(--color-white-0), var(--color-white-0));
  --color-text-success-inverted: light-dark(var(--color-white-0), var(--color-white-0));
  --color-text-warning-inverted: light-dark(var(--color-white-0), var(--color-white-0));
  --color-text-error-inverted: light-dark(var(--color-white-0), var(--color-white-0));
  --color-text-highlight-inverted: light-dark(var(--color-white-0), var(--color-white-0));
  --color-text-intelligence-inverted: light-dark(var(--color-white-0), var(--color-white-0));
  --color-stateinvoice-background-primary-invoiced: light-dark(var(--color-plum-50), var(--color-plum-500));
  --color-stateinvoice-background-primary-tocleared: light-dark(var(--color-yellow-50), var(--color-yellow-300));
  --color-stateinvoice-background-primary-sent: light-dark(var(--color-azure-50), var(--color-azure-400));
  --color-stateinvoice-background-primary-draft: light-dark(var(--color-graycold-50), var(--color-graycold-500));
  --color-stateinvoice-background-primary-canceled: light-dark(var(--color-red-50), var(--color-red-500));
  --color-stateinvoice-background-primary-paid: light-dark(var(--color-apple-50), var(--color-apple-400));
  --color-stateinvoice-icon-primary-invoiced: light-dark(var(--color-plum-500), var(--color-plum-200));
  --color-stateinvoice-icon-primary-tocleared: light-dark(var(--color-yellow-300), var(--color-yellow-50));
  --color-stateinvoice-icon-primary-sent: light-dark(var(--color-azure-400), var(--color-azure-100));
  --color-stateinvoice-icon-primary-draft: light-dark(var(--color-graycold-500), var(--color-graycold-200));
  --color-stateinvoice-icon-primary-canceled: light-dark(var(--color-red-500), var(--color-red-200));
  --color-stateinvoice-icon-primary-paid: light-dark(var(--color-apple-400), var(--color-apple-100));
  --color-statequote-background-primary-recorded: light-dark(var(--color-plum-50), var(--color-plum-500));
  --color-statequote-background-primary-refused: light-dark(var(--color-graycold-50), var(--color-graycold-500));
  --color-statequote-background-primary-canceled: light-dark(var(--color-red-50), var(--color-red-500));
  --color-statequote-background-primary-accepted: light-dark(var(--color-apple-50), var(--color-apple-400));
  --color-statequote-icon-primary-recorded: light-dark(var(--color-plum-500), var(--color-plum-200));
  --color-statequote-icon-primary-refused: light-dark(var(--color-graycold-500), var(--color-graycold-200));
  --color-statequote-icon-primary-canceled: light-dark(var(--color-red-500), var(--color-red-200));
  --color-statequote-icon-primary-accepted: light-dark(var(--color-apple-400), var(--color-apple-100));
  --color-statetransaction-background-primary-debit: light-dark(var(--color-azure-50), var(--color-azure-400));
  --color-statetransaction-background-primary-credit: light-dark(var(--color-apple-50), var(--color-apple-400));
  --color-statetransaction-background-primary-refused: light-dark(var(--color-graycold-100), var(--color-graycold-500));
  --color-statetransaction-background-primary-pending: light-dark(var(--color-graycold-50), var(--color-graycold-500));
  --color-statetransaction-background-primary-rejected: light-dark(var(--color-red-50), var(--color-red-500));
  --color-statetransaction-icon-primary-debit: light-dark(var(--color-azure-500), var(--color-azure-100));
  --color-statetransaction-icon-primary-credit: light-dark(var(--color-apple-400), var(--color-apple-100));
  --color-statetransaction-icon-primary-refused: light-dark(var(--color-graycold-600), var(--color-graycold-200));
  --color-statetransaction-icon-primary-pending: light-dark(var(--color-graycold-500), var(--color-graycold-200));
  --color-statetransaction-icon-primary-rejected: light-dark(var(--color-red-500), var(--color-red-200));
  --color-statedocument-background-primary-receipt: light-dark(var(--color-pink-400), var(--color-pink-50));
  --color-statedocument-background-primary-charge: light-dark(var(--color-green-300), var(--color-green-50));
  --color-statedocument-background-primary-employee: light-dark(var(--color-azure-200), var(--color-azure-20));
  --color-statedocument-background-primary-kilometric: light-dark(var(--color-cloudblue-300), var(--color-cloudblue-50));
  --color-statedocument-background-primary-salesinvoice: light-dark(var(--color-plum-400), var(--color-plum-50));
  --color-statedocument-background-primary-othertype: light-dark(var(--color-graycold-400), var(--color-graycold-50));
  --color-statedocument-background-primary-payslip: light-dark(var(--color-apple-200), var(--color-apple-20));
  --color-statedocument-background-primary-annualaccounts: light-dark(var(--color-pink-300), var(--color-pink-20));
  --color-statedocument-background-primary-permanent: light-dark(var(--color-cloudblue-500), var(--color-cloudblue-20));
  --color-statedocument-background-primary-fiscal: light-dark(var(--color-plum-600), var(--color-plum-50));
  --color-statedocument-background-primary-legal: light-dark(var(--color-salmon-300), var(--color-salmon-50));
  --color-statedocument-background-primary-bankslip: light-dark(var(--color-red-600), var(--color-red-50));
  --color-statedocument-background-primary-dirigeant: light-dark(var(--color-duck-400), var(--color-duck-20));
  --color-statedocument-background-primary-expensereports: light-dark(var(--color-yellow-200), var(--color-yellow-20));
  --color-statedocument-background-tertiary-receipt: light-dark(var(--color-pink-20), var(--color-pink-400));
  --color-statedocument-background-tertiary-charge: light-dark(var(--color-green-20), var(--color-green-300));
  --color-statedocument-background-tertiary-employee: light-dark(var(--color-azure-20), var(--color-azure-200));
  --color-statedocument-background-tertiary-kilometric: light-dark(var(--color-azure-20), var(--color-azure-300));
  --color-statedocument-background-tertiary-salesinvoice: light-dark(var(--color-plum-20), var(--color-plum-400));
  --color-statedocument-background-tertiary-othertype: light-dark(var(--color-graycold-20), var(--color-graycold-400));
  --color-statedocument-background-tertiary-payslip: light-dark(var(--color-apple-20), var(--color-apple-200));
  --color-statedocument-background-tertiary-annualaccounts: light-dark(var(--color-pink-20), var(--color-pink-300));
  --color-statedocument-background-tertiary-permanent: light-dark(var(--color-cloudblue-20), var(--color-cloudblue-500));
  --color-statedocument-background-tertiary-fiscal: light-dark(var(--color-plum-20), var(--color-plum-600));
  --color-statedocument-background-tertiary-legal: light-dark(var(--color-salmon-20), var(--color-salmon-300));
  --color-statedocument-background-tertiary-bankslip: light-dark(var(--color-red-20), var(--color-red-600));
  --color-statedocument-background-tertiary-dirigeant: light-dark(var(--color-duck-20), var(--color-duck-400));
  --color-statedocument-background-tertiary-expensereports: light-dark(var(--color-yellow-20), var(--color-yellow-200));
  --color-statedocument-icon-primary-receipt: light-dark(var(--color-pink-400), var(--color-pink-50));
  --color-statedocument-icon-primary-charge: light-dark(var(--color-green-300), var(--color-green-50));
  --color-statedocument-icon-primary-employee: light-dark(var(--color-azure-200), var(--color-azure-20));
  --color-statedocument-icon-primary-kilometric: light-dark(var(--color-cloudblue-300), var(--color-cloudblue-50));
  --color-statedocument-icon-primary-salesinvoice: light-dark(var(--color-plum-400), var(--color-plum-50));
  --color-statedocument-icon-primary-othertype: light-dark(var(--color-graycold-400), var(--color-graycold-50));
  --color-statedocument-icon-primary-payslip: light-dark(var(--color-apple-200), var(--color-apple-20));
  --color-statedocument-icon-primary-annualaccounts: light-dark(var(--color-pink-300), var(--color-pink-20));
  --color-statedocument-icon-primary-permanent: light-dark(var(--color-cloudblue-500), var(--color-cloudblue-20));
  --color-statedocument-icon-primary-fiscal: light-dark(var(--color-plum-600), var(--color-plum-50));
  --color-statedocument-icon-primary-legal: light-dark(var(--color-salmon-300), var(--color-salmon-50));
  --color-statedocument-icon-primary-bankslip: light-dark(var(--color-red-600), var(--color-red-50));
  --color-statedocument-icon-primary-dirigeant: light-dark(var(--color-duck-400), var(--color-duck-20));
  --color-statedocument-icon-primary-expensereports: light-dark(var(--color-yellow-200), var(--color-yellow-20));
  --color-stateinvoice-border-primary-invoiced: light-dark(var(--color-plum-500), var(--color-plum-200));
  --color-stateinvoice-border-primary-tocleared: light-dark(var(--color-yellow-300), var(--color-yellow-50));
  --color-stateinvoice-border-primary-sent: light-dark(var(--color-azure-400), var(--color-azure-100));
  --color-stateinvoice-border-primary-draft: light-dark(var(--color-graycold-500), var(--color-graycold-200));
  --color-stateinvoice-border-primary-canceled: light-dark(var(--color-red-500), var(--color-red-200));
  --color-stateinvoice-border-primary-paid: light-dark(var(--color-apple-400), var(--color-apple-100));
  --color-stateinvoice-text-primary-invoiced: light-dark(var(--color-plum-500), var(--color-plum-200));
  --color-stateinvoice-text-primary-tocleared: light-dark(var(--color-yellow-300), var(--color-yellow-50));
  --color-stateinvoice-text-primary-sent: light-dark(var(--color-azure-400), var(--color-azure-100));
  --color-stateinvoice-text-primary-draft: light-dark(var(--color-graycold-500), var(--color-graycold-200));
  --color-stateinvoice-text-primary-canceled: light-dark(var(--color-red-500), var(--color-red-200));
  --color-stateinvoice-text-primary-paid: light-dark(var(--color-apple-400), var(--color-apple-100));
  --color-statequote-border-primary-recorded: light-dark(var(--color-plum-500), var(--color-plum-200));
  --color-statequote-border-primary-refused: light-dark(var(--color-graycold-500), var(--color-graycold-200));
  --color-statequote-border-primary-canceled: light-dark(var(--color-red-500), var(--color-red-200));
  --color-statequote-border-primary-accepted: light-dark(var(--color-apple-400), var(--color-apple-100));
  --color-statequote-text-primary-recorded: light-dark(var(--color-plum-500), var(--color-plum-200));
  --color-statequote-text-primary-refused: light-dark(var(--color-graycold-500), var(--color-graycold-200));
  --color-statequote-text-primary-canceled: light-dark(var(--color-red-500), var(--color-red-200));
  --color-statequote-text-primary-accepted: light-dark(var(--color-apple-400), var(--color-apple-100));
  --color-statetransaction-border-primary-debit: light-dark(var(--color-azure-500), var(--color-azure-100));
  --color-statetransaction-border-primary-credit: light-dark(var(--color-apple-400), var(--color-apple-100));
  --color-statetransaction-border-primary-refused: light-dark(var(--color-graycold-600), var(--color-graycold-200));
  --color-statetransaction-border-primary-pending: light-dark(var(--color-graycold-500), var(--color-graycold-200));
  --color-statetransaction-border-primary-rejected: light-dark(var(--color-red-500), var(--color-red-200));
  --color-statetransaction-text-primary-debit: light-dark(var(--color-azure-500), var(--color-azure-100));
  --color-statetransaction-text-primary-credit: light-dark(var(--color-apple-400), var(--color-apple-100));
  --color-statetransaction-text-primary-refused: light-dark(var(--color-graycold-600), var(--color-graycold-200));
  --color-statetransaction-text-primary-pending: light-dark(var(--color-graycold-500), var(--color-graycold-200));
  --color-statetransaction-text-primary-rejected: light-dark(var(--color-red-500), var(--color-red-200));
  --color-stateinvoice-icon-secondary-invoiced: light-dark(var(--color-plum-200), var(--color-plum-500));
  --color-stateinvoice-icon-secondary-tocleared: light-dark(var(--color-yellow-50), var(--color-yellow-300));
  --color-stateinvoice-icon-secondary-sent: light-dark(var(--color-azure-100), var(--color-azure-400));
  --color-stateinvoice-icon-secondary-draft: light-dark(var(--color-graycold-200), var(--color-graycold-500));
  --color-stateinvoice-icon-secondary-canceled: light-dark(var(--color-red-200), var(--color-red-500));
  --color-stateinvoice-icon-secondary-paid: light-dark(var(--color-apple-100), var(--color-apple-400));
  --color-statequote-icon-secondary-recorded: light-dark(var(--color-plum-200), var(--color-plum-500));
  --color-statequote-icon-secondary-refused: light-dark(var(--color-graycold-200), var(--color-graycold-500));
  --color-statequote-icon-secondary-canceled: light-dark(var(--color-red-200), var(--color-red-500));
  --color-statequote-icon-secondary-accepted: light-dark(var(--color-apple-100), var(--color-apple-400));
  --color-statedocument-text-primary-receipt: light-dark(var(--color-pink-400), var(--color-pink-50));
  --color-statedocument-text-primary-charge: light-dark(var(--color-green-300), var(--color-green-50));
  --color-statedocument-text-primary-employee: light-dark(var(--color-azure-200), var(--color-azure-20));
  --color-statedocument-text-primary-kilometric: light-dark(var(--color-cloudblue-300), var(--color-cloudblue-50));
  --color-statedocument-text-primary-salesinvoice: light-dark(var(--color-plum-400), var(--color-plum-50));
  --color-statedocument-text-primary-othertype: light-dark(var(--color-graycold-400), var(--color-graycold-50));
  --color-statedocument-text-primary-payslip: light-dark(var(--color-apple-200), var(--color-apple-20));
  --color-statedocument-text-primary-annualaccounts: light-dark(var(--color-pink-300), var(--color-pink-20));
  --color-statedocument-text-primary-permanent: light-dark(var(--color-cloudblue-500), var(--color-cloudblue-20));
  --color-statedocument-text-primary-fiscal: light-dark(var(--color-plum-600), var(--color-plum-50));
  --color-statedocument-text-primary-legal: light-dark(var(--color-salmon-300), var(--color-salmon-50));
  --color-statedocument-text-primary-bankslip: light-dark(var(--color-red-600), var(--color-red-50));
  --color-statedocument-text-primary-dirigeant: light-dark(var(--color-duck-400), var(--color-duck-20));
  --color-statedocument-text-primary-expensereports: light-dark(var(--color-yellow-200), var(--color-yellow-20));
}
:root {
  --spacing-none: 0rem;
  --spacing-nano: 0.125rem;
  --spacing-2xs: 0.25rem;
  --spacing-xs: 0.5rem;
  --spacing-s: 0.75rem;
  --spacing-m: 1rem;
  --spacing-l: 1.25rem;
  --spacing-xl: 1.5rem;
  --spacing-2xl: 2rem;
  --spacing-3xl: 2.5rem;
}
:root {
  --font-parameters-size-xs: 0.6875rem;
  --font-parameters-size-sm: 0.75rem;
  --font-parameters-size-md: 0.875rem;
  --font-parameters-size-lg: 1.125rem;
  --font-parameters-size-xl: 1.25rem;
  --font-parameters-size-3xl: 2rem;
  --font-parameters-height-xs: 1rem;
  --font-parameters-height-sm: 1rem;
  --font-parameters-height-md: 1.25rem;
  --font-parameters-height-lg: 1.5rem;
  --font-parameters-height-xl: 1.75rem;
  --font-parameters-height-3xl: 2.25rem;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  font-style: normal;
  font-variant: normal;
  font-stretch: normal;
}
a {
  text-decoration: underline;
  text-underline-offset: var(--spacing-2xs);
  color: var(--color-text-link);
}
a:visited {
  color: var(--color-text-link);
}
.font-interactive-md,
button[tds-button]:not([aspect]),
button[tds-button][aspect=default] {
  font-style: normal;
  font-variant: normal;
  font-weight: 800;
  font-stretch: normal;
  font-size: var(--font-parameters-size-md);
  line-height: var(--font-parameters-height-md);
  font-family: Nunito, sans-serif;
  font-optical-sizing: auto;
}
.font-label-md,
label[tds-form-field] span[tds-label],
label[tds-form-field]::before {
  font-style: normal;
  font-variant: normal;
  font-weight: 600;
  font-stretch: normal;
  font-size: var(--font-parameters-size-xs);
  line-height: var(--font-parameters-height-xs);
  font-family: Nunito, sans-serif;
  font-optical-sizing: auto;
}
.font-label-lg,
[tds-badge],
label[tds-checkbox] {
  font-style: normal;
  font-variant: normal;
  font-weight: 600;
  font-stretch: normal;
  font-size: var(--font-parameters-size-sm);
  line-height: var(--font-parameters-height-sm);
  font-family: Nunito, sans-serif;
  font-optical-sizing: auto;
}
.font-body-sm,
[tds-card] [tds-card-label] {
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  font-stretch: normal;
  font-size: var(--font-parameters-size-xs);
  line-height: var(--font-parameters-height-sm);
  font-family: Nunito, sans-serif;
  font-optical-sizing: auto;
}
.font-body-md,
[tds-tooltip]:hover::after,
[tds-pick-list] [tds-pick-list-item],
[tds-banner] [tds-banner-label],
label[tds-radio] {
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  font-stretch: normal;
  font-size: var(--font-parameters-size-sm);
  line-height: var(--font-parameters-height-sm);
  font-family: Nunito, sans-serif;
  font-optical-sizing: auto;
}
.font-body-lg,
label[tds-form-field] input::placeholder,
label[tds-form-field] [tds-inert-input]::placeholder,
label[tds-form-field] input,
label[tds-form-field] [tds-inert-input],
[tds-button-group] > button[tds-grouped-button] {
  font-style: normal;
  font-variant: normal;
  font-weight: 600;
  font-stretch: normal;
  font-size: var(--font-parameters-size-md);
  line-height: var(--font-parameters-height-md);
  font-family: Nunito, sans-serif;
  font-optical-sizing: auto;
}
.font-title-sm,
[tds-banner] [tds-banner-title],
button[tds-button][aspect=flat] {
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  font-stretch: normal;
  font-size: var(--font-parameters-size-md);
  line-height: var(--font-parameters-height-sm);
  font-family: Nunito, sans-serif;
  font-optical-sizing: auto;
}
.font-title-md,
[tds-card] [tds-card-title] {
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  font-stretch: normal;
  font-size: var(--font-parameters-size-lg);
  line-height: var(--font-parameters-height-md);
  font-family: Nunito, sans-serif;
  font-optical-sizing: auto;
}
.font-title-lg {
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  font-stretch: normal;
  font-size: var(--font-parameters-size-xl);
  line-height: var(--font-parameters-height-lg);
  font-family: Nunito, sans-serif;
  font-optical-sizing: auto;
}
.font-headline-sm,
.tds-notifications-container .tds-notification button,
.tds-notifications-container .tds-notification {
  font-style: normal;
  font-variant: normal;
  font-weight: 800;
  font-stretch: normal;
  font-size: var(--font-parameters-size-lg);
  line-height: var(--font-parameters-height-md);
  font-family: Nunito, sans-serif;
  font-optical-sizing: auto;
}
.font-headline-md {
  font-style: normal;
  font-variant: normal;
  font-weight: 800;
  font-stretch: normal;
  font-size: var(--font-parameters-size-xl);
  line-height: var(--font-parameters-height-xl);
  font-family: Nunito, sans-serif;
  font-optical-sizing: auto;
}
.font-display-md {
  font-style: normal;
  font-variant: normal;
  font-weight: 800;
  font-stretch: normal;
  font-size: var(--font-parameters-size-3xl);
  line-height: var(--font-parameters-height-3xl);
  font-family: Poppins, sans-serif;
  font-optical-sizing: auto;
}
:root {
  --color-box-shadow: #476388;
}
.elevation-01,
[tds-card] {
  box-shadow: 0px 0px 4px 0px var(--color-shadow-primary-20);
}
.elevation-02,
[tds-button-group] {
  box-shadow: 0px 0px 8px 0px var(--color-shadow-primary-20);
}
.elevation-03,
button[tds-button]:not([aspect]),
button[tds-button][aspect=default] {
  box-shadow: 0px 0px 12px 0px rgba(from var(--color-box-shadow) r g b/0.3);
}
.elevation-04,
[tds-pick-list] {
  box-shadow: 0 2px 16px 0 var(--color-shadow-primary-30);
}
.elevation-05,
.tds-notifications-container .tds-notification {
  box-shadow: 0px 8px 20px 0px var(--color-shadow-primary-30);
}
.elevation-top {
  box-shadow: 0 -4px 4px 0px rgba(from var(--color-box-shadow) r g b/0.06);
}
[tds-button-group] {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: var(--spacing-m);
  background-color: var(--color-background-secondary-surface);
  border-radius: 9999px;
  padding: var(--spacing-2xs);
}
[tds-button-group] > button[tds-grouped-button] {
  background: transparent;
  border: none;
  flex: 1 1 auto;
  border-radius: 9999px;
  padding-inline: var(--spacing-xl);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--color-text-primary);
}
[tds-button-group] > button[tds-grouped-button][data-active] {
  color: var(--color-text--active);
  font-weight: bolder;
  background-color: var(--color-background-tertiary--active);
}
button[tds-button] {
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
}
button[tds-button]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
button[tds-button]:not([aspect]),
button[tds-button][aspect=default] {
  background-color: var(--color-interactive-background-primary-accent);
  color: var(--color-interactive-text-primary-accent);
  border-radius: 9999px;
  padding-inline: var(--spacing-m);
  padding-block: var(--spacing-xs);
}
button[tds-button][aspect=flat] {
  padding: var(--spacing-xs);
}
i[tds-icon] {
  display: inline-grid;
  place-items: center;
  height: auto;
  fill: currentColor;
  color: currentColor;
  height: var(--spacing-xl);
  aspect-ratio: 1/1;
}
i[tds-icon] svg {
  fill: inherit;
  color: inherit;
  height: 100%;
  aspect-ratio: 1/1;
}
img[tds-illustration] {
  max-height: 100%;
  width: auto;
  max-width: 100%;
  height: auto;
}
label[tds-form-field] {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(3, auto);
  grid-template-areas: "label label" "input input" "context context";
}
label[tds-form-field][data-required] span[tds-label]::after {
  content: " *";
  display: inline;
}
label[tds-form-field]::before {
  grid-area: context;
  margin-top: calc(-1 * var(--spacing-m));
  display: none;
}
label[tds-form-field] span[tds-label] {
  grid-area: label;
  margin-bottom: calc(-1 * var(--spacing-m));
}
label[tds-form-field] input,
label[tds-form-field] [tds-inert-input] {
  grid-area: input;
  font-size: 1rem;
  width: 100%;
  margin-top: var(--spacing-m);
  margin-bottom: var(--spacing-m);
  padding-inline: var(--spacing-xs);
  padding-block: var(--spacing-s);
  border-radius: var(--spacing-2xs);
  border: 1px solid var(--color-border-strong);
  color: var(--color-text--active);
  background-color: var(--color-background-secondary-surface);
}
label[tds-form-field] input::placeholder,
label[tds-form-field] [tds-inert-input]::placeholder {
  font-style: italic;
  color: var(--color-text-tertiary);
}
label[tds-form-field] input:not(:focus),
label[tds-form-field] [tds-inert-input]:not(:focus) {
  color: var(--color-text-primary);
}
label[tds-form-field]:has(input.ng-invalid.ng-touched)::before,
label[tds-form-field]:has(input.ng-invalid.ng-touched) span[tds-label],
label[tds-form-field]:has(input.ng-invalid.ng-touched) input::placeholder {
  color: var(--color-text-error);
}
label[tds-form-field]:has(input.ng-invalid.ng-touched) input {
  border-color: var(--color-border-error);
}
label[tds-form-field]:has(input.ng-invalid.ng-touched)::before {
  content: attr(data-error, "");
  display: block;
}
label[tds-form-field]::before {
  content: attr(data-hint, "");
  display: block;
}
label[tds-checkbox] {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: var(--spacing-xs);
  cursor: pointer;
}
label[tds-checkbox] input[type=checkbox] {
  appearance: none;
  display: grid;
  grid-template-areas: "checkbox";
  cursor: pointer;
  margin: 0;
}
label[tds-checkbox] input[type=checkbox]::before,
label[tds-checkbox] input[type=checkbox]::after {
  display: grid;
  place-items: center;
  grid-area: checkbox;
  width: var(--spacing-m);
  height: var(--spacing-m);
  border: 2px solid var(--color-text-primary);
  border-radius: var(--spacing-2xs);
}
label[tds-checkbox] input[type=checkbox]::before {
  content: "";
}
label[tds-checkbox] input[type=checkbox]::after {
  display: none;
  content: "\2714";
  font-size: var(--font-parameters-size-sm);
  line-height: 1;
  color: var(--color-background-primary-surface);
  background-color: var(--color-text-primary);
}
label[tds-checkbox] input[type=checkbox]:checked::before {
  display: none;
}
label[tds-checkbox] input[type=checkbox]:checked::after {
  display: grid;
}
label[tds-radio] {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: var(--spacing-xs);
  cursor: pointer;
}
label[tds-radio] input[type=radio] {
  appearance: none;
  display: grid;
  grid-template-areas: "radio";
  place-items: center;
  cursor: pointer;
  margin: 0;
}
label[tds-radio] input[type=radio]::before,
label[tds-radio] input[type=radio]::after {
  content: "";
  display: grid;
  place-items: center;
  grid-area: radio;
  border-radius: 9999px;
}
label[tds-radio] input[type=radio]::before {
  content: "";
  width: var(--spacing-m);
  height: var(--spacing-m);
  border: 2px solid var(--color-icon-primary);
}
label[tds-radio] input[type=radio]::after {
  display: none;
  width: var(--spacing-xs);
  height: var(--spacing-xs);
  background-color: var(--color-icon-primary);
}
label[tds-radio] input[type=radio]:checked::after {
  display: grid;
}
[tds-card] {
  --card-border-color: transparent;
  --card-border-width: 2px;
  border: 2px solid var(--card-border-color);
  display: grid;
  row-gap: var(--spacing-2xs);
  column-gap: var(--spacing-xs);
  place-items: center stretch;
  border-radius: var(--spacing-xs);
  padding-inline: calc(var(--spacing-s) - var(--card-border-width));
  padding-block: calc(var(--spacing-m) - var(--card-border-width));
  background-color: var(--color-background-secondary-surface);
}
[tds-card]:has(> [tds-card-label]) {
  grid-template-areas: "illu title action" "illu label action";
  grid-template-columns: auto 1fr auto;
  grid-template-rows: repeat(2, 1fr);
}
[tds-card]:not(:has(> [tds-card-label])) {
  grid-template-areas: "illu title action";
  grid-template-columns: auto 1fr auto;
  grid-template-rows: 1fr;
}
[tds-card] [tds-card-title] {
  grid-area: title;
}
[tds-card] [tds-card-label] {
  grid-area: label;
}
[tds-card] [tds-card-illustration] {
  grid-area: illu;
  margin: var(--spacing-xs);
}
[tds-card] [tds-card-action] {
  grid-area: action;
  place-self: center;
}
[tds-card].tds-card-active {
  border-color: var(--color-border--active);
}
[tds-banner] {
  --banner-background-color: transparent;
  --banner-icon-fill-color: currentColor;
  --banner-title-color: currentColor;
  --banner-text-color: currentColor;
  display: grid;
  grid-template-areas: "icon title";
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr;
  row-gap: var(--spacing-2xs);
  column-gap: var(--spacing-xs);
  padding-inline: var(--spacing-s);
  padding-block: var(--spacing-s);
  border-radius: var(--spacing-s);
  background-color: var(--banner-background-color);
  color: var(--banner-text-color);
}
[tds-banner]:not(:has([tds-banner-label])) {
  grid-template-areas: "icon title";
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr;
}
[tds-banner]:has([tds-banner-label]) {
  grid-template-areas: "icon title" "icon label";
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
}
[tds-banner] [tds-banner-title] {
  grid-area: title;
  align-self: center;
  color: var(--banner-title-color);
}
[tds-banner] [tds-banner-label] {
  grid-area: label;
  align-self: center;
}
[tds-banner] [tds-banner-icon] {
  grid-area: icon;
  fill: var(--banner-icon-fill-color);
  align-self: center;
}
[tds-banner][aspect=info] {
  --banner-title-color: var(--color-text-info);
  --banner-icon-fill-color: var(--color-icon-info);
  --banner-background-color: var(--color-background-info);
}
[tds-banner][aspect=warning] {
  --banner-title-color: var(--color-text-warning);
  --banner-icon-fill-color: var(--color-icon-warning);
  --banner-background-color: var(--color-background-warning);
  --banner-text-color: var(--color-text-warning);
}
ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  padding-inline-start: var(--spacing-m);
}
[tds-pick-list] {
  background-color: var(--color-background-secondary-surface);
  border-radius: var(--spacing-2xs) var(--spacing-2xs) var(--spacing-s) var(--spacing-s);
  padding-inline: var(--spacing-2xs);
  overflow: auto;
  --pick-list-item-count: 5;
  max-height: calc((1px + 2rem) * var(--pick-list-item-count));
}
[tds-pick-list] [tds-pick-list-item] {
  padding-block: var(--spacing-xs);
  padding-inline: var(--spacing-2xs);
  cursor: pointer;
}
[tds-pick-list] [tds-pick-list-item]:not(:last-child) {
  border-bottom: 1px solid var(--color-border-light);
}
[tds-pick-list] [tds-pick-list-item].tds-pick-list-item-active {
  background-color: var(--color-background-secondary-surface--hover);
}
[tds-tooltip]:hover::after {
  content: attr(tds-tooltip);
  display: block;
  position: absolute;
  padding: var(--spacing-xs);
  border-radius: var(--spacing-2xs);
  background-color: var(--color-background-primary-surface-inverted);
  color: var(--color-text-primary-inverted);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
[tds-tooltip][data-position=right]::after {
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  margin-left: var(--spacing-xs);
}
[tds-tooltip][data-position=left]::after {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  margin-right: var(--spacing-xs);
}
[tds-tooltip][data-position=top]::after {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: var(--spacing-xs);
}
[tds-tooltip][data-position=bottom]::after {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: var(--spacing-xs);
}
.tds-notifications-container {
  position: fixed;
  width: 100%;
  bottom: var(--spacing-m);
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: var(--spacing-m);
}
.tds-notifications-container .tds-notification {
  --notification-text-color: var(--color-text-primary);
  --notification-button-color: var(--color-interactive-text-tertiary-neutral);
  --notification-icon-color: var(--color-icon-info);
  --notification-background-color: var(--color-background-info);
  background-color: var(--notification-background-color);
  color: var(--notification-text-color);
  padding-block: var(--spacing-xl);
  padding-inline: var(--spacing-s);
  border-radius: var(--spacing-s);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: var(--spacing-s);
}
.tds-notifications-container .tds-notification button {
  margin-inline-start: var(--spacing-2xl);
  background-color: transparent;
  color: var(--notification-button-color);
  border: none;
  cursor: pointer;
}
.tds-notifications-container .tds-notification i[tds-icon] {
  color: var(--notification-icon-color);
  fill: var(--notification-icon-color);
}
.tds-notifications-container .tds-notification[data-type=error] {
  --notification-background-color: var(--color-background-error);
  --notification-icon-color: var(--color-icon-error);
}
.tds-notifications-container .tds-notification[data-type=success] {
  --notification-background-color: var(--color-background-success);
  --notification-icon-color: var(--color-icon-success);
}
.tds-notifications-container .tds-notification[data-type=info] {
  --notification-background-color: var(--color-background-info);
  --notification-icon-color: var(--color-icon-info);
}
.tds-notifications-container .tds-notification[data-type=warning] {
  --notification-background-color: var(--color-background-warning);
  --notification-icon-color: var(--color-icon-warning);
}
[tds-badge] {
  display: inline-block;
  vertical-align: middle;
  background-color: var(--color-background-primary-surface-inverted);
  color: var(--color-text-primary-inverted);
  border-radius: var(--spacing-2xs);
  padding-block: var(--spacing-2xs);
  padding-inline: var(--spacing-xs);
  width: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
:root {
  --onboarding-display-max-width: 43rem;
}
.card-container {
  background-color: var(--color-background-primary-surface);
  border-radius: var(--spacing-s);
  padding-inline: var(--spacing-xl);
  padding-block: var(--spacing-xl);
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: var(--spacing-xl);
}
.card-container .card-header {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: var(--spacing-xs);
  padding-block: var(--spacing-m);
  border-bottom: 1px solid var(--color-border-defaut);
}
@media screen and (max-height: 799px) {
  .card-container {
    padding-block-start: var(--spacing-xs);
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */