/**
   * Do not edit directly
   * Generated on Wed Mar 11 2026 15:49:42 GMT+0000 (Coordinated Universal Time)
   */
  .dsd-mode-compact {
  --dsd-font-main-name: "Desjardins Sans";
  --dsd-web-t1-mobile-font-size: var(--dsd-rem-28-px);
  --dsd-web-t2-mobile-font-size: var(--dsd-rem-24-px);
  --dsd-web-t3-mobile-font-size: var(--dsd-rem-20-px);
  --dsd-web-t4-mobile-font-size: var(--dsd-rem-18-px);
  --dsd-web-t5-mobile-font-size: var(--dsd-rem-16-px);
  --dsd-web-t6-mobile-font-size: var(--dsd-rem-14-px);
  --dsd-web-b10-regular-font-size: var(--dsd-rem-14-px);
  --dsd-web-b20-regular-font-size: var(--dsd-rem-12-px);
  --dsd-web-b30-regular-font-size: var(--dsd-rem-14-px);
  --dsd-web-b40-regular-font-size: var(--dsd-rem-12-px);
  --dsd-web-button-label-regular-font-size: var(--dsd-rem-14-px);
  --dsd-web-link-label-regular-font-size: var(--dsd-rem-14-px);
  --dsd-web-form-label-regular-font-size: var(--dsd-rem-14-px);
  --dsd-web-t1-mobile-line-height: var(--dsd-rem-32-px);
  --dsd-web-t2-mobile-line-height: var(--dsd-rem-28-px);
  --dsd-web-t3-mobile-line-height: var(--dsd-rem-24-px);
  --dsd-web-t4-mobile-line-height: var(--dsd-rem-22-px);
  --dsd-web-t5-mobile-line-height: var(--dsd-rem-22-px);
  --dsd-web-t6-mobile-line-height: var(--dsd-rem-20-px);
  --dsd-web-b10-regular-line-height: var(--dsd-rem-20-px);
  --dsd-web-b20-regular-line-height: var(--dsd-rem-16-px);
  --dsd-web-b30-regular-line-height: var(--dsd-rem-20-px);
  --dsd-web-b40-regular-line-height: var(--dsd-rem-16-px);
  --dsd-web-button-label-regular-line-height: var(--dsd-rem-20-px);
  --dsd-web-link-label-regular-line-height: var(--dsd-rem-16-px);
  --dsd-web-form-label-regular-line-height: var(--dsd-rem-16-px);
  --dsd-web-t1-mobile-font-spacing: var(--dsd-rem-12-px);
  --dsd-web-t2-mobile-font-spacing: var(--dsd-rem-12-px);
  --dsd-web-t3-mobile-font-spacing: var(--dsd-rem-12-px);
  --dsd-web-t4-mobile-font-spacing: var(--dsd-rem-10-px);
  --dsd-web-t5-mobile-font-spacing: var(--dsd-rem-10-px);
  --dsd-web-t6-mobile-font-spacing: var(--dsd-rem-10-px);
  --dsd-web-b10-regular-font-spacing: var(--dsd-rem-16-px);
  --dsd-web-b20-regular-font-spacing: var(--dsd-rem-12-px);
  --dsd-web-b30-regular-font-spacing: var(--dsd-rem-16-px);
  --dsd-web-b40-regular-font-spacing: var(--dsd-rem-12-px);
  --dsd-web-button-label-regular-font-spacing: var(--dsd-rem-16-px);
  --dsd-web-link-label-regular-font-spacing: var(--dsd-rem-16-px);
  --dsd-web-form-label-regular-font-spacing: 0;
  --dsd-icon-100: 16px;
  --dsd-icon-150: 20px;
  --dsd-icon-200: 24px;
  --dsd-icon-250: 32px;
  --dsd-icon-rem-100: var(--dsd-rem-16-px);
  --dsd-icon-rem-150: var(--dsd-rem-20-px);
  --dsd-icon-rem-200: var(--dsd-rem-24-px);
  --dsd-icon-rem-250: var(--dsd-rem-32-px);
  --dsd-spacing-margin-100: 1px;
  --dsd-spacing-margin-150: 2px;
  --dsd-spacing-margin-200: 4px;
  --dsd-spacing-margin-300: 8px;
  --dsd-spacing-margin-350: 16px;
  --dsd-spacing-margin-400: 24px;
  --dsd-spacing-margin-450: 32px;
  --dsd-spacing-rem-margin-100: 0.0625rem;
  --dsd-spacing-rem-margin-150: 0.125rem;
  --dsd-spacing-rem-margin-200: 0.25rem;
  --dsd-spacing-rem-margin-300: 0.5rem;
  --dsd-spacing-rem-margin-350: 1rem;
  --dsd-spacing-rem-margin-400: 1.5rem;
  --dsd-spacing-rem-margin-450: 2rem;
  --dsd-spacing-padding-100: 1px;
  --dsd-spacing-padding-150: 2px;
  --dsd-spacing-padding-200: 4px;
  --dsd-spacing-padding-300: 8px;
  --dsd-spacing-padding-350: 16px;
  --dsd-spacing-padding-400: 24px;
  --dsd-spacing-padding-450: 32px;
  --dsd-spacing-rem-padding-100: 0.0625rem;
  --dsd-spacing-rem-padding-150: 0.125rem;
  --dsd-spacing-rem-padding-200: 0.25rem;
  --dsd-spacing-rem-padding-300: 0.5rem;
  --dsd-spacing-rem-padding-350: 1rem;
  --dsd-spacing-rem-padding-400: 1.5rem;
  --dsd-spacing-rem-padding-450: 2rem;
  --dsd-web-t1-font-size: var(--dsd-rem-28-px);
  --dsd-web-t2-font-size: var(--dsd-rem-24-px);
  --dsd-web-t3-font-size: var(--dsd-rem-20-px);
  --dsd-web-t4-font-size: var(--dsd-rem-18-px);
  --dsd-web-t5-font-size: var(--dsd-rem-16-px);
  --dsd-web-t6-font-size: var(--dsd-rem-14-px);
  --dsd-web-t1-line-height: var(--dsd-rem-32-px);
  --dsd-web-t2-line-height: var(--dsd-rem-28-px);
  --dsd-web-t3-line-height: var(--dsd-rem-24-px);
  --dsd-web-t4-line-height: var(--dsd-rem-22-px);
  --dsd-web-t5-line-height: var(--dsd-rem-22-px);
  --dsd-web-t6-line-height: var(--dsd-rem-20-px);
  --dsd-web-t1-font-spacing: var(--dsd-rem-12-px);
  --dsd-web-t2-font-spacing: var(--dsd-rem-12-px);
  --dsd-web-t3-font-spacing: var(--dsd-rem-12-px);
  --dsd-web-t4-font-spacing: var(--dsd-rem-10-px);
  --dsd-web-t5-font-spacing: var(--dsd-rem-10-px);
  --dsd-web-t6-font-spacing: var(--dsd-rem-10-px);
}
.dsd-mode-compact ol,
.dsd-mode-compact ul {
  --dsd-list-margin-left-SM-XS: var(--dsd-spacing-rem-margin-300);
  --dsd-list-margin-left: var(--dsd-spacing-rem-margin-350);
  --dsd-list-padding-left: var(--dsd-spacing-rem-padding-300);
  --dsd-list-sub-list-margin-left: var(--dsd-spacing-rem-padding-350);
  --dsd-list-decimal-padding-left: var(--dsd-spacing-rem-padding-350);
}.dsd-mode-compact .dsd-tooltip-host,
.dsd-mode-compact.dsd-tooltip-host {
  --dsd-tooltip-padding: var(--dsd-spacing-padding-300);
}
.dsd-mode-compact .dsd-tip-banner-host,
.dsd-mode-compact.dsd-tip-banner-host {
  --dsd-tip-banner-content-padding-vertical-MD: var(--dsd-spacing-padding-350);
  --dsd-tip-banner-content-padding-horizontal-MD: var(--dsd-spacing-padding-350);
  --dsd-tip-banner-content-padding-SM: var(--dsd-spacing-padding-350);
}
.dsd-mode-compact .dsd-tile-navigation-host,
.dsd-mode-compact.dsd-tile-navigation-host {
  --dsd-tile-navigation-content-bp-above-xl-padding: 16px;
  --dsd-tile-navigation-content-padding: var(--dsd-spacing-padding-350);
  --dsd-tile-navigation-label-font-size: var(--dsd-rem-16-px);
  --dsd-tile-navigation-variant-description-label-font-size: var(--dsd-rem-16-px);
  --dsd-tile-navigation-variant-icon-label-font-size: var(--dsd-rem-16-px);
  --dsd-tile-navigation-variant-image-label-font-size: var(--dsd-rem-16-px);
  --dsd-tile-navigation-variant-complex-with-icon-label-font-size: var(--dsd-rem-16-px);
  --dsd-tile-navigation-sup-title-font-size: var(--dsd-web-t3-mobile-font-size);
  --dsd-tile-navigation-sup-title-line-height: var(--dsd-web-t3-mobile-line-height);
  --dsd-tile-navigation-variant-image-sup-title-font-size: var(--dsd-web-t3-mobile-font-size);
  --dsd-tile-navigation-variant-image-sup-title-line-height: var(--dsd-web-t3-mobile-line-height);
}
.dsd-mode-compact .dsd-tag-host,
.dsd-mode-compact.dsd-tag-host {
  --dsd-tag-font-size: var(--dsd-web-b30-regular-font-size);
  --dsd-tag-line-height: var(--dsd-web-b30-regular-line-height);
  --dsd-tag-padding-horizontal: var(--dsd-spacing-padding-300);
}
.dsd-mode-compact .dsd-table-host,
.dsd-mode-compact.dsd-table-host {
  --dsd-table-font-size: var(--dsd-rem-14-px);
}
.dsd-mode-compact .dsd-tab-host,
.dsd-mode-compact.dsd-tab-host {
  --dsd-tab-padding: 20px var(--dsd-spacing-padding-200) var(--dsd-spacing-padding-300);
}
.dsd-mode-compact .dsd-skeleton-bone-host,
.dsd-mode-compact.dsd-skeleton-bone-host {
  --dsd-skeleton-bone-height: var(--dsd-rem-14-px);
}
.dsd-mode-compact .dsd-skeleton-host,
.dsd-mode-compact.dsd-skeleton-host {
  --dsd-skeleton-bone-margin-bottom: var(--dsd-spacing-rem-margin-300);
}
.dsd-mode-compact .dsd-select-tile-account-host,
.dsd-mode-compact.dsd-select-tile-account-host {
  --dsd-select-tile-account-padding: var(--dsd-spacing-rem-padding-350);
  --dsd-select-tile-account-trigger-element-margin-top: var(--dsd-rem-2-px);
  --dsd-select-tile-account-trigger-element-size: var(--dsd-rem-14-px);
  --dsd-select-tile-account-trigger-element-dot-size: var(--dsd-rem-6-px);
}
.dsd-mode-compact .dsd-select-tile-host,
.dsd-mode-compact.dsd-select-tile-host {
  --dsd-select-tile-trigger-element-margin-top: var(--dsd-rem-3-px);
  --dsd-select-tile-trigger-element-size: var(--dsd-rem-14-px);
  --dsd-select-tile-trigger-element-dot-size: var(--dsd-rem-6-px);
  --dsd-select-tile-content-container-padding: var(--dsd-spacing-rem-padding-350);
}
.dsd-mode-compact .dsd-select-host,
.dsd-mode-compact.dsd-select-host {
  --dsd-select-arrow-border-width-top: var(--dsd-rem-5-px);
  --dsd-select-arrow-border-width-sides: var(--dsd-rem-5-px);
  --dsd-select-input-height: var(--dsd-rem-36-px);
}
.dsd-mode-compact .dsd-security-guarantee-host,
.dsd-mode-compact.dsd-security-guarantee-host {
  --dsd-security-guarantee-text-margin-left: var(--dsd-spacing-margin-200);
}
.dsd-mode-compact .dsd-radio-host,
.dsd-mode-compact.dsd-radio-host {
  --dsd-radio-label-text-padding-left: var(--dsd-rem-8-px);
  --dsd-radio-wrapper-min-height: var(--dsd-rem-36-px);
  --dsd-radio-wrapper-padding-vertical: var(--dsd-rem-4-px);
  --dsd-radio-trigger-element-size: var(--dsd-rem-14-px);
  --dsd-radio-trigger-element-dot-size: var(--dsd-rem-6-px);
  --dsd-radio-trigger-wrapper-padding-vertical: var(--dsd-rem-4-px);
  --dsd-radio-trigger-wrapper-padding-horizontal: var(--dsd-rem-14-px);
  --dsd-radio-trigger-margin-top: var(--dsd-rem-3-px);
}
.dsd-mode-compact .dsd-progress-host,
.dsd-mode-compact.dsd-progress-host {
  --dsd-progress-step-size: var(--dsd-rem-36-px);
  --dsd-progress-step-border-radius: 12px;
}
.dsd-mode-compact .dsd-options-menu-host,
.dsd-mode-compact.dsd-options-menu-host {
  --dsd-options-menu-trigger-padding: var(--dsd-rem-8-px);
  /* stylelint-disable */
  --dsd-options-menu-popper-inner-clamp-minimum-max-height: calc(
    (var(--dsd-rem-20-px) * var(--dsd-options-menu-min-item-number)) + (12px * var(--dsd-options-menu-min-item-number)) +
      (var(--dsd-spacing-padding-200) * 2)
  ); /* 2 items min / item-height*2 + item-padding*2 + popper-inner-padding*2 */

  --dsd-options-menu-popper-inner-max-height: calc(
    (var(--dsd-rem-20-px) * var(--dsd-options-menu-max-item-number)) + (12px * var(--dsd-options-menu-max-item-number)) +
      (var(--dsd-spacing-padding-200) * 2)
  ); /* 7 items max / item-height*7 + item-padding*7 + popper-inner-padding*2 */
  /* stylelint-enable */
}
.dsd-mode-compact .dsd-modal-host,
.dsd-mode-compact.dsd-modal-host {
  --dsd-modal-header-padding-vertical: var(--dsd-rem-16-px);
  --dsd-modal-header-padding-horizontal: var(--dsd-spacing-padding-350);
  --dsd-modal-sticky-footer-padding: var(--dsd-spacing-padding-350) var(--dsd-spacing-padding-350) var(--dsd-spacing-padding-300);
}
.dsd-mode-compact .dsd-lightbox-host,
.dsd-mode-compact.dsd-lightbox-host {
  --dsd-lightbox-header-padding: var(--dsd-spacing-padding-350);
  --dsd-lightbox-footer-padding: var(--dsd-spacing-padding-350) var(--dsd-spacing-padding-350) var(--dsd-spacing-padding-300);
}
.dsd-mode-compact .dsd-input {
  --dsd-input-height: var(--dsd-rem-36-px);
  --dsd-input-custom-type-search-width: 19.6875rem;
  --dsd-input-custom-type-search-xs-min-width: 12em;
  --dsd-input-custom-type-search-padding-left: var(--dsd-rem-34-px);
  --dsd-input-custom-type-password-button-margin-right: var(--dsd-spacing-margin-200);
  --dsd-input-custom-type-tel-width: 9.3125rem;
  --dsd-input-custom-type-cellular-width: 9.3125rem;
  --dsd-input-clear-button-width: var(--dsd-rem-32-px);
}
.dsd-mode-compact .dsd-form-label-host,
.dsd-mode-compact.dsd-form-label-host {
  --dsd-form-label-star-font-size: var(--dsd-web-b10-regular-font-size);
}
.dsd-mode-compact .dsd-form-error-host,
.dsd-mode-compact.dsd-form-error-host {
  --dsd-form-error-margin-top: var(--dsd-spacing-rem-margin-200);
  --dsd-form-error-icon-padding-top: 0;
  --dsd-form-error-icon-margin-right: var(--dsd-spacing-rem-margin-200);
}
.dsd-mode-compact .dsd-footnote-group-host,
.dsd-mode-compact.dsd-footnote-group-host {
  --dsd-footnote-group-margin-top: var(--dsd-rem-32-px);
  --dsd-footnote-group-margin-bottom: var(--dsd-rem-48-px);
}
.dsd-mode-compact .dsd-fieldset-host,
.dsd-mode-compact.dsd-fieldset-host {
  --dsd-fieldset-legend-star-font-size: var(--dsd-web-b10-regular-font-size);
}
.dsd-mode-compact .dsd-datepicker-host,
.dsd-mode-compact.dsd-datepicker-host {
  --dsd-datepicker-input-height: var(--dsd-rem-36-px);
  --dsd-datepicker-arrow-border-width-top: var(--dsd-rem-6-px);
  --dsd-datepicker-arrow-border-width-side: var(--dsd-rem-4-px);
}
.dsd-mode-compact .dsd-combobox-host,
.dsd-mode-compact.dsd-combobox-host {
  --dsd-combobox-dropdown-button-width: var(--dsd-rem-36-px);
  --dsd-combobox-dropdown-button-icon-padding: var(--dsd-rem-8-px);
}
.dsd-mode-compact .dsd-chip-group-host,
.dsd-mode-compact.dsd-chip-group-host {
  --dsd-chip-group-legend-font-size: var(--dsd-rem-16-px);
}
.dsd-mode-compact .dsd-chip-host,
.dsd-mode-compact.dsd-chip-host {
  --dsd-chip-icon-margin-top: 0;
  --dsd-chip-wrapper-padding: var(--dsd-rem-3-px) var(--dsd-rem-8-px);
  --dsd-chip-label-wrapper-position-shift: var(--dsd-rem-10-px);
  --dsd-chip-font-size: var(--dsd-rem-14-px);
}
.dsd-mode-compact .dsd-checkbox-host,
.dsd-mode-compact.dsd-checkbox-host {
  --dsd-checkbox-margin-top: 0;
  --dsd-checkbox-button-size: var(--dsd-rem-14-px);
  --dsd-checkbox-label-margin-left: var(--dsd-spacing-rem-margin-300);
  --dsd-checkbox-toggle-height: var(--dsd-rem-20-px);
  --dsd-checkbox-toggle-width: var(--dsd-rem-40-px);
  --dsd-checkbox-toggle-circle-size: var(--dsd-rem-14-px);
  --dsd-checkbox-toggle-checked-translate: var(--dsd-rem-20-px);
}
.dsd-mode-compact .dsd-button-host,
.dsd-mode-compact.dsd-button-host {
  --dsd-button-min-height: var(--dsd-rem-36-px);
  --dsd-button-padding-horizontal: var(--dsd-rem-12-px);
  --dsd-button-compact-min-height: var(--dsd-rem-24-px);
  --dsd-button-compact-font-size: var(--dsd-web-b20-regular-font-size);
  --dsd-button-compact-line-height: var(--dsd-web-b20-regular-line-height);
  --dsd-button-compact-padding-horizontal: var(--dsd-rem-8-px);
  --dsd-button-compact-icon-margin-top: 0;
  --dsd-button-icon-standalone-width: var(--dsd-rem-36-px);
  --dsd-button-tertiary-padding-horizontal: var(--dsd-rem-12-px);
}
.dsd-mode-compact .dsd-bubble-host,
.dsd-mode-compact.dsd-bubble-host {
  --dsd-bubble-content-margin: var(--dsd-spacing-rem-margin-350);
}
.dsd-mode-compact .dsd-breadcrumb-host,
.dsd-mode-compact.dsd-breadcrumb-host {
  --dsd-breadcrumb-font-size: var(--dsd-web-b10-regular-font-size);
  --dsd-breadcrumb-line-height: var(--dsd-web-b10-regular-line-height);
}
.dsd-mode-compact .dsd-banner-host,
.dsd-mode-compact.dsd-banner-host {
  --dsd-banner-padding: var(--dsd-spacing-padding-350);
}
.dsd-mode-compact .dsd-back-to-top-host,
.dsd-mode-compact.dsd-back-to-top-host {
  --dsd-back-to-top-icon-padding: var(--dsd-spacing-rem-padding-200);
}
.dsd-mode-compact .dsd-alert-host,
.dsd-mode-compact.dsd-alert-host {
  --dsd-alert-padding: 14px;
  --dsd-alert-content-margin-left: 6px;
  --dsd-alert-content-elements-margin-bottom: 0px;
  --dsd-alert-dismissible-spacing: var(--dsd-rem-8-px);
  --dsd-alert-dismissible-close-button-spacing: var(--dsd-rem-40-px);

  /* Fix line-height for alert content in compact mode TO REMOVE after update of design-tokens SIXD-25000 */
  --dsd-web-b30-regular-line-height: var(--dsd-rem-22-px);
}
.dsd-mode-compact .dsd-accordion-host,
.dsd-mode-compact.dsd-accordion-host {
  --dsd-accordion-header-padding-vertical: 14px;
  --dsd-accordion-header-padding-horizontal-xs-sm: var(--dsd-spacing-padding-350);
  --dsd-accordion-header-trigger-icon-size: var(--dsd-icon-rem-100);
  --dsd-accordion-header-title-line-height: var(--dsd-web-b40-regular-line-height);
  --dsd-accordion-content-padding-vertical: var(--dsd-spacing-padding-350);
  --dsd-accordion-content-padding-horizontal-xs-sm: var(--dsd-spacing-padding-350);
  --dsd-accordion-content-font-size: var(--dsd-web-b10-regular-font-size);
}
.dsd-mode-compact .dsd-searchbox-host,
.dsd-mode-compact.dsd-searchbox-host {
  --dsd-searchbox-li-padding: var(--dsd-spacing-padding-300) var(--dsd-spacing-rem-padding-200) var(--dsd-spacing-padding-300)
    var(--dsd-spacing-rem-padding-300);
}