/**
 * Do not edit directly, this file was auto-generated.
 */

.fbkr-theme-light {
  --ds-color-background-primary-default: #e9f3f9;
  --ds-color-background-primary-inverse: #2185c5;
  --ds-color-background-primary-subtle: #a4cde7;
  --ds-color-background-accent-default: #fef7ed;
  --ds-color-background-accent-inverse: #f0ad4e;
  --ds-color-background-success-default: #ecf1ec;
  --ds-color-background-success-inverse: #3c763d;
  --ds-color-background-warning-default: #fff9eb;
  --ds-color-background-warning-inverse: #ffc736;
  --ds-color-background-danger-default: #f6ecec;
  --ds-color-background-danger-inverse: #a94442;
  --ds-color-background-neutral-default: #ffffff;
  --ds-color-background-neutral-subtle-1: #efefef;
  --ds-color-background-neutral-subtle-2: #cccccc;
  --ds-color-background-neutral-subtle-3: #9d9d9d;
  --ds-color-background-neutral-inverse: #333333;
  --ds-color-content-primary-default: #2185c5;
  --ds-color-content-primary-subtle: #145178;
  --ds-color-content-accent-default: #f0ad4e;
  --ds-color-content-accent-subtle: #926a30;
  --ds-color-content-success-default: #3c763d;
  --ds-color-content-success-subtle: #254825;
  --ds-color-content-warning-default: #ffc736;
  --ds-color-content-warning-subtle: #6b5417;
  --ds-color-content-danger-default: #a94442;
  --ds-color-content-danger-subtle: #672928;
  --ds-color-content-neutral-default: #333333;
  --ds-color-content-neutral-subtle-1: #787878;
  --ds-color-content-neutral-subtle-2: #9d9d9d;
  --ds-color-content-neutral-inverse: #ffffff;
  --ds-color-border-primary-default: #2185c5;
  --ds-color-border-primary-subtle: #175d8a;
  --ds-color-border-accent-default: #f0ad4e;
  --ds-color-border-accent-subtle: #a87937;
  --ds-color-border-success-default: #3c763d;
  --ds-color-border-success-subtle: #2a532b;
  --ds-color-border-warning-default: #ffc736;
  --ds-color-border-warning-subtle: #b38b26;
  --ds-color-border-danger-default: #a94442;
  --ds-color-border-danger-subtle: #76302e;
  --ds-color-border-neutral-default: #cccccc;
  --ds-color-border-neutral-subtle: #787878;
  --ds-color-primary-primary-25: #e9f3f9;
  --ds-color-primary-primary-50: #bad9ed;
  --ds-color-primary-primary-75: #a4cde7;
  --ds-color-primary-primary-100: #7eb8dd;
  --ds-color-primary-primary-150: #6aadd8;
  --ds-color-primary-primary-200: #4d9dd1;
  --ds-color-primary-primary-300: #2185c5;
  --ds-color-primary-primary-400: #175d8a;
  --ds-color-primary-primary-500: #145178;
  --ds-color-primary-primary-600: #12496c;
  --ds-color-accent-accent-25: #fef7ed;
  --ds-color-accent-accent-50: #fae6c8;
  --ds-color-accent-accent-75: #f9ddb6;
  --ds-color-accent-accent-100: #f6cf98;
  --ds-color-accent-accent-150: #f5c888;
  --ds-color-accent-accent-200: #f3bd71;
  --ds-color-accent-accent-300: #f0ad4e;
  --ds-color-accent-accent-400: #a87937;
  --ds-color-accent-accent-500: #926a30;
  --ds-color-accent-accent-600: #845f2b;
  --ds-color-success-success-25: #ecf1ec;
  --ds-color-success-success-50: #c3d5c3;
  --ds-color-success-success-75: #afc7af;
  --ds-color-success-success-100: #8eb08e;
  --ds-color-success-success-150: #7ca37d;
  --ds-color-success-success-200: #639164;
  --ds-color-success-success-300: #3c763d;
  --ds-color-success-success-400: #2a532b;
  --ds-color-success-success-500: #254825;
  --ds-color-success-success-600: #214122;
  --ds-color-warning-warning-25: #fff9eb;
  --ds-color-warning-warning-50: #ffeec1;
  --ds-color-warning-warning-75: #ffe5a3;
  --ds-color-warning-warning-100: #ffd978;
  --ds-color-warning-warning-150: #ffd361;
  --ds-color-warning-warning-200: #ffce51;
  --ds-color-warning-warning-300: #ffc736;
  --ds-color-warning-warning-400: #b38b26;
  --ds-color-warning-warning-500: #6b5417;
  --ds-color-warning-warning-600: #4c3c10;
  --ds-color-danger-danger-25: #f6ecec;
  --ds-color-danger-danger-50: #e4c5c4;
  --ds-color-danger-danger-75: #dcb2b2;
  --ds-color-danger-danger-100: #cd9391;
  --ds-color-danger-danger-150: #c58280;
  --ds-color-danger-danger-200: #ba6968;
  --ds-color-danger-danger-300: #a94442;
  --ds-color-danger-danger-400: #76302e;
  --ds-color-danger-danger-500: #672928;
  --ds-color-danger-danger-600: #5d2524;
  --ds-color-neutral-neutral-0: #ffffff;
  --ds-color-neutral-neutral-30: #efefef;
  --ds-color-neutral-neutral-50: #cccccc;
  --ds-color-neutral-neutral-90: #b6b6b6;
  --ds-color-neutral-neutral-150: #9d9d9d;
  --ds-color-neutral-neutral-200: #919191;
  --ds-color-neutral-neutral-250: #858585;
  --ds-color-neutral-neutral-300: #787878;
  --ds-color-neutral-neutral-400: #585858;
  --ds-color-neutral-neutral-900: #333333;
  --ds-border-radius-base: 4px;
  --ds-border-radius-small: 4px;
  --ds-border-radius-default: 8px;
  --ds-border-radius-medium: 12px;
  --ds-border-radius-large: 16px;
  --ds-border-radius-full: 1000px;
  --ds-border-width-1: 1px;
  --ds-border-width-2: 2px;
  --ds-border-width-3: 4px;
  --ds-border-width-base: 1px;
  --ds-font-line-height-scale: 1.5;
  --ds-font-line-height-xx-small: 16px;
  --ds-font-line-height-x-small: 20px;
  --ds-font-line-height-small: 24px;
  --ds-font-line-height-medium: 28px;
  --ds-font-line-height-large: 32px;
  --ds-font-line-height-x-large: 36px;
  --ds-font-line-height-xx-large: 40px;
  --ds-font-line-height-xxx-large: 44px;
  --ds-font-line-height-xxxx-large: 48px;
  --ds-font-line-height-xxxxx-large: 56px;
  --ds-font-line-height-xxxxxx-large: 64px;
  --ds-font-line-height-xxxxxxx-large: 72px;
  --ds-font-line-height-xxxxxxxx-large: 80px;
  --ds-font-line-height-xxxxxxxxx-large: 88px;
  --ds-font-line-height-xxxxxxxxxx-large: 100px;
  --ds-font-family-default: Arial;
  --ds-font-family-emphasis: Montserrat;
  --ds-font-size-base: 16px;
  --ds-font-size-scale: 1.125px;
  --ds-font-size-xx-small: 12px;
  --ds-font-size-x-small: 14px;
  --ds-font-size-small: 16px;
  --ds-font-size-medium: 18px;
  --ds-font-size-large: 20px;
  --ds-font-size-x-large: 23px;
  --ds-font-size-xx-large: 26px;
  --ds-font-size-xxx-large: 29px;
  --ds-font-size-xxxx-large: 33px;
  --ds-font-size-xxxxx-large: 37px;
  --ds-font-size-xxxxxx-large: 42px;
  --ds-font-size-xxxxxxx-large: 47px;
  --ds-font-size-xxxxxxxx-large: 53px;
  --ds-font-size-xxxxxxxxx-large: 60px;
  --ds-font-size-xxxxxxxxxx-large: 68px;
  --ds-font-weight-normal: 400; /* Regular */
  --ds-font-weight-bold: 700; /* Bold */
  --ds-spacing-0: 0px;
  --ds-spacing-1: 8px;
  --ds-spacing-2: 16px;
  --ds-spacing-3: 24px;
  --ds-spacing-4: 32px;
  --ds-spacing-5: 40px;
  --ds-spacing-6: 48px;
  --ds-spacing-7: 56px;
  --ds-spacing-8: 64px;
  --ds-spacing-9: 72px;
  --ds-spacing-10: 80px;
  --ds-spacing-105: 12px;
  --ds-spacing-205: 20px;
  --ds-spacing-605: 52px;
  --ds-spacing-base: 8px;
  --ds-spacing-05: 4px;
  --ds-shadow-drop-level-1: 0 1px 2px 0 rgba(0,0,0,0.4);
  --ds-shadow-drop-level-2: 0 1px 3px 0 rgba(0,0,0,0.4);
  --ds-shadow-drop-level-3: 0 2px 3px 0 rgba(0,0,0,0.4);
  --ds-shadow-drop-level-4: 0 3px 3px 0 rgba(0,0,0,0.4);
  --ds-shadow-drop-level-5: 0 4px 4px 0 rgba(0,0,0,0.4);
  --ds-opacity-0: 0;
  --ds-opacity-5: 0.05;
  --ds-opacity-8: 0.08;
  --ds-opacity-11: 0.11;
  --ds-opacity-12: 0.12;
  --ds-opacity-16: 0.16;
  --ds-opacity-38: 0.38;
  --ds-opacity-54: 0.54;
  --ds-opacity-60: 0.6;
  --ds-opacity-87: 0.87;
  --ds-dimension-0: 0px;
  --ds-dimension-1: 8px;
  --ds-dimension-2: 16px;
  --ds-dimension-3: 24px;
  --ds-dimension-4: 32px;
  --ds-dimension-5: 40px;
  --ds-dimension-6: 48px;
  --ds-dimension-7: 56px;
  --ds-dimension-8: 64px;
  --ds-dimension-9: 72px;
  --ds-dimension-10: 80px;
  --ds-dimension-11: 88px;
  --ds-dimension-12: 96px;
  --ds-dimension-105: 12px;
  --ds-dimension-205: 20px;
  --ds-dimension-605: 52px;
  --ds-dimension-05: 4px;
  --ds-dimension-base: 8px;
  --ds-typography-body-x-small: 400 12px/16px Arial;
  --ds-typography-body-small: 400 14px/20px Arial;
  --ds-typography-body-medium: 400 16px/24px Arial;
  --ds-typography-body-large: 400 18px/28px Arial;
  --ds-typography-body-bold-x-small: 700 12px/16px Arial;
  --ds-typography-body-bold-small: 700 14px/20px Arial;
  --ds-typography-body-bold-medium: 700 16px/24px Arial;
  --ds-typography-body-bold-large: 700 18px/28px Arial;
  --ds-typography-heading-x-small: 700 20px/32px Arial;
  --ds-typography-heading-small: 700 23px/36px Arial;
  --ds-typography-heading-medium: 700 26px/40px Arial;
  --ds-typography-heading-large: 700 29px/44px Arial;
  --ds-typography-heading-x-large: 700 33px/48px Arial;
  --ds-typography-heading-xx-large: 700 37px/56px Arial;
  --ds-typography-display-x-small: 700 37px/56px Montserrat;
  --ds-typography-display-small: 700 42px/64px Montserrat;
  --ds-typography-display-medium: 700 47px/72px Montserrat;
  --ds-typography-display-large: 700 53px/80px Montserrat;
  --ds-typography-display-x-large: 700 60px/88px Montserrat;
  --ds-typography-display-xx-large: 700 68px/100px Montserrat;
  --ds-typography-caption-small: 400 12px/16px Arial;
  --ds-typography-caption-medium: 400 14px/20px Arial;
  --ds-typography-caption-bold-small: 700 12px/16px Arial;
  --ds-typography-caption-bold-medium: 700 14px/20px Arial;
  --ds-button-padding-gap: 8px;
  --ds-button-padding-horizontal-with-icon: 12px;
  --ds-button-padding-horizontal-default: 20px;
  --ds-button-color-content-primary-filled: #ffffff;
  --ds-button-color-content-primary-outlined: #2185c5;
  --ds-button-color-content-primary-text: #2185c5;
  --ds-button-color-content-accent-filled: #ffffff;
  --ds-button-color-content-accent-outlined: #f0ad4e;
  --ds-button-color-content-accent-text: #f0ad4e;
  --ds-button-color-content-danger-filled: #ffffff;
  --ds-button-color-content-danger-outlined: #a94442;
  --ds-button-color-content-danger-text: #a94442;
  --ds-button-color-content-neutral-inverse-filled: #333333;
  --ds-button-color-content-neutral-inverse-outlined: #ffffff;
  --ds-button-color-content-neutral-inverse-text: #ffffff;
  --ds-button-color-content-disabled-filled: #9d9d9d;
  --ds-button-color-content-disabled-outlined: #9d9d9d;
  --ds-button-color-content-disabled-text: #9d9d9d;
  --ds-button-color-background-primary-filled: #2185c5;
  --ds-button-color-background-accent-filled: #f0ad4e;
  --ds-button-color-background-danger-filled: #a94442;
  --ds-button-color-background-neutral-inverse-filled: #ffffff;
  --ds-button-color-background-disabled-filled: #efefef;
  --ds-button-color-border-primary-outlined: #787878;
  --ds-button-color-border-accent-outlined: #787878;
  --ds-button-color-border-danger-outlined: #787878;
  --ds-button-color-border-neutral-inverse-outlined: #787878;
  --ds-button-color-border-disabled-outlined: #cccccc;
  --ds-button-border-radius: 8px;
  --ds-button-border-width-outlined: 1px;
  --ds-button-container-height: 48px;
  --ds-icon-container-size-large: 40px;
  --ds-icon-container-size-medium: 32px;
  --ds-icon-container-size-small: 24px;
  --ds-icon-container-size-x-small: 20px;
  --ds-icon-container-size-xx-small: 16px;
  --ds-icon-font-size-large: 33px;
  --ds-icon-font-size-medium: 23px;
  --ds-icon-font-size-small: 20px;
  --ds-icon-font-size-x-small: 16px;
  --ds-icon-font-size-xx-small: 12px;
  --ds-icon-button-color-content-primary-filled: #ffffff;
  --ds-icon-button-color-content-primary-outlined: #2185c5;
  --ds-icon-button-color-content-primary-text: #2185c5;
  --ds-icon-button-color-content-danger-filled: #ffffff;
  --ds-icon-button-color-content-danger-outlined: #a94442;
  --ds-icon-button-color-content-danger-text: #a94442;
  --ds-icon-button-color-content-success-filled: #ffffff;
  --ds-icon-button-color-content-success-outlined: #3c763d;
  --ds-icon-button-color-content-success-text: #3c763d;
  --ds-icon-button-color-content-neutral-filled: #ffffff;
  --ds-icon-button-color-content-neutral-outlined: #333333;
  --ds-icon-button-color-content-neutral-text: #333333;
  --ds-icon-button-color-content-neutral-inverse-filled: #333333;
  --ds-icon-button-color-content-neutral-inverse-outlined: #ffffff;
  --ds-icon-button-color-content-neutral-inverse-text: #ffffff;
  --ds-icon-button-color-content-disabled-filled: #9d9d9d;
  --ds-icon-button-color-content-disabled-outlined: #9d9d9d;
  --ds-icon-button-color-content-disabled-text: #9d9d9d;
  --ds-icon-button-color-background-primary-filled: #2185c5;
  --ds-icon-button-color-background-danger-filled: #a94442;
  --ds-icon-button-color-background-success-filled: #3c763d;
  --ds-icon-button-color-background-neutral-filled: #333333;
  --ds-icon-button-color-background-neutral-inverse-filled: #ffffff;
  --ds-icon-button-color-background-disabled-filled: #efefef;
  --ds-icon-button-color-border-primary-outlined: #787878;
  --ds-icon-button-color-border-danger-outlined: #787878;
  --ds-icon-button-color-border-success-outlined: #787878;
  --ds-icon-button-color-border-neutral-outlined: #787878;
  --ds-icon-button-color-border-neutral-inverse-outlined: #787878;
  --ds-icon-button-color-border-disabled-outlined: #cccccc;
  --ds-icon-button-border-radius: 1000px;
  --ds-icon-button-border-width-outlined: 1px;
  --ds-icon-button-container-size-large: 40px;
  --ds-icon-button-container-size-medium: 32px;
  --ds-icon-button-container-size-small: 24px;
  --ds-form-field-leading-icon-color-content-default: #787878;
  --ds-form-field-leading-icon-color-content-disabled: #9d9d9d;
  --ds-form-field-trailing-icon-color-content-default: #787878;
  --ds-form-field-trailing-icon-color-content-disabled: #9d9d9d;
  --ds-form-field-state-icon-color-content-danger: #a94442;
  --ds-form-field-state-icon-color-content-success: #3c763d;
  --ds-form-field-placeholder-color-content-disabled: #9d9d9d;
  --ds-form-field-placeholder-color-content-default: #787878;
  --ds-form-field-color-content-default: #333333;
  --ds-form-field-color-content-disabled: #9d9d9d;
  --ds-form-field-color-border-default: #cccccc;
  --ds-form-field-color-border-focused: #2185c5;
  --ds-form-field-color-border-danger: #a94442;
  --ds-form-field-color-border-success: #3c763d;
  --ds-form-field-color-border-disabled: #cccccc;
  --ds-form-field-color-background-danger: #f6ecec;
  --ds-form-field-color-background-success: #ecf1ec;
  --ds-form-field-color-background-disabled: #efefef;
  --ds-form-field-color-background-default: #ffffff;
  --ds-form-field-border-width-default: 1px;
  --ds-form-field-border-width-focused: 2px;
  --ds-form-field-border-radius: 8px;
  --ds-form-field-padding-horizontal: 12px;
  --ds-form-field-text-container-padding-vertical: 12px;
  --ds-form-field-container-height-default: 48px;
  --ds-form-field-container-height-large: 96px;
  --ds-form-field-wrapper-label-color-content-default: #333333;
  --ds-form-field-wrapper-label-color-content-disabled: #9d9d9d;
  --ds-form-field-wrapper-support-text-color-content-default: #787878;
  --ds-form-field-wrapper-support-text-color-content-danger: #a94442;
  --ds-form-field-wrapper-support-text-color-content-success: #3c763d;
  --ds-form-field-wrapper-support-text-color-content-disabled: #9d9d9d;
  --ds-form-field-wrapper-support-container-padding-gap: 8px;
  --ds-form-field-wrapper-padding-gap: 4px;
  --ds-toggle-container-height: 32px;
  --ds-toggle-container-width: 52px;
  --ds-toggle-border-radius: 1000px;
  --ds-toggle-border-width-unselected: 2px;
  --ds-toggle-color-background-selected-default: #2185c5;
  --ds-toggle-color-background-selected-disabled: #cccccc;
  --ds-toggle-color-background-unselected-default: #efefef;
  --ds-toggle-color-background-unselected-disabled: #efefef;
  --ds-toggle-color-border-unselected-default: #787878;
  --ds-toggle-color-border-unselected-disabled: #cccccc;
  --ds-toggle-handle-color-content-selected: #ffffff;
  --ds-toggle-handle-color-content-unselected: #787878;
  --ds-toggle-handle-color-content-disabled: #9d9d9d;
  --ds-checkbox-container-width: 40px;
  --ds-checkbox-container-height: 40px;
  --ds-checkbox-border-radius: 1000px;
  --ds-checkbox-color-content-unselected-default: #787878;
  --ds-checkbox-color-content-unselected-disabled: #9d9d9d;
  --ds-checkbox-color-content-selected-default: #2185c5;
  --ds-checkbox-color-content-selected-disabled: #9d9d9d;
  --ds-radio-container-width: 40px;
  --ds-radio-container-height: 40px;
  --ds-radio-border-radius: 1000px;
  --ds-radio-color-content-unselected-default: #787878;
  --ds-radio-color-content-unselected-disabled: #9d9d9d;
  --ds-radio-color-content-selected-default: #2185c5;
  --ds-radio-color-content-selected-disabled: #9d9d9d;
  --ds-badge-container-size-small: 8px;
  --ds-badge-container-size-large: 16px;
  --ds-badge-color-background-danger: #a94442;
  --ds-badge-color-background-accent: #f0ad4e;
  --ds-badge-color-background-primary: #2185c5;
  --ds-badge-color-content: #ffffff;
  --ds-badge-border-radius: 1000px;
  --ds-badge-padding-horizontal-large: 4px;
  --ds-segmented-button-container-height: 40px;
  --ds-segmented-button-border-radius: 1000px;
  --ds-segmented-button-border-width: 1px;
  --ds-segmented-button-padding-gap: 8px;
  --ds-segmented-button-padding-horizontal: 24px;
  --ds-segmented-button-color-content-default: #333333;
  --ds-segmented-button-color-content-disabled: #9d9d9d;
  --ds-segmented-button-color-background-selected: #a4cde7;
  --ds-segmented-button-color-background-disabled: #efefef;
  --ds-segmented-button-color-border-default: #787878;
  --ds-segmented-button-color-border-disabled: #cccccc;
  --ds-chip-container-height: 40px;
  --ds-chip-padding-gap: 8px;
  --ds-chip-padding-horizontal-with-icon: 12px;
  --ds-chip-padding-horizontal-default: 16px;
  --ds-chip-border-radius: 1000px;
  --ds-chip-border-width-default: 1px;
  --ds-chip-border-width-selected: 2px;
  --ds-chip-color-content-default: #333333;
  --ds-chip-color-content-disabled: #9d9d9d;
  --ds-chip-color-border-default: #787878;
  --ds-chip-color-border-disabled: #cccccc;
  --ds-chip-color-border-selected: #2185c5;
  --ds-chip-color-background-selected-default: #e9f3f9;
  --ds-chip-color-background-selected-disabled: #efefef;
  --ds-tag-container-height-large: 40px;
  --ds-tag-container-height-medium: 32px;
  --ds-tag-container-height-small: 24px;
  --ds-tag-padding-horizontal-default: 12px;
  --ds-tag-padding-horizontal-with-icon: 8px;
  --ds-tag-padding-gap-large: 8px;
  --ds-tag-padding-gap-medium: 8px;
  --ds-tag-padding-gap-small: 4px;
  --ds-tag-border-radius: 8px;
  --ds-tag-border-width: 1px;
  --ds-tag-color-content-primary-default: #145178;
  --ds-tag-color-content-primary-inverse: #ffffff;
  --ds-tag-color-content-warning-default: #6b5417;
  --ds-tag-color-content-warning-inverse: #ffffff;
  --ds-tag-color-content-danger-default: #672928;
  --ds-tag-color-content-danger-inverse: #ffffff;
  --ds-tag-color-content-success-default: #254825;
  --ds-tag-color-content-success-inverse: #ffffff;
  --ds-tag-color-content-neutral-default: #333333;
  --ds-tag-color-content-neutral-inverse: #ffffff;
  --ds-tag-color-background-primary-default: #e9f3f9;
  --ds-tag-color-background-primary-inverse: #2185c5;
  --ds-tag-color-background-warning-default: #fff9eb;
  --ds-tag-color-background-warning-inverse: #ffc736;
  --ds-tag-color-background-danger-default: #f6ecec;
  --ds-tag-color-background-danger-inverse: #a94442;
  --ds-tag-color-background-success-default: #ecf1ec;
  --ds-tag-color-background-success-inverse: #3c763d;
  --ds-tag-color-background-neutral-default: #efefef;
  --ds-tag-color-background-neutral-inverse: #9d9d9d;
  --ds-tag-color-border-primary: #175d8a;
  --ds-tag-color-border-warning: #b38b26;
  --ds-tag-color-border-danger: #76302e;
  --ds-tag-color-border-success: #2a532b;
  --ds-tag-color-border-neutral: #787878;
  --ds-social-button-container-height: 48px;
  --ds-social-button-padding-horizontal-default: 16px;
  --ds-social-button-padding-horizontal-with-icon: 12px;
  --ds-social-button-padding-gap: 8px;
  --ds-social-button-border-radius: 8px;
  --ds-social-button-border-width: 1px;
  --ds-social-button-color-content-default: #333333;
  --ds-social-button-color-content-disabled: #9d9d9d;
  --ds-social-button-color-border-default: #787878;
  --ds-social-button-color-border-disabled: #cccccc;
  --ds-avatar-size-x-small: 24px;
  --ds-avatar-size-small: 32px;
  --ds-avatar-size-medium: 40px;
  --ds-avatar-size-large: 56px;
  --ds-avatar-size-x-large: 72px;
  --ds-avatar-size-xx-large: 80px;
  --ds-avatar-border-radius: 1000px;
  --ds-card-padding-horizontal-default: 24px;
  --ds-card-padding-horizontal-medium: 16px;
  --ds-card-padding-horizontal-small: 8px;
  --ds-card-padding-vertical-default: 24px;
  --ds-card-padding-vertical-medium: 16px;
  --ds-card-padding-vertical-small: 8px;
  --ds-card-border-radius: 12px;
  --ds-card-border-width-outlined: 1px;
  --ds-card-shadow-elevated: 0 1px 2px 0 rgba(0,0,0,0.4);
  --ds-list-item-padding-horizontal-default: 16px;
  --ds-list-item-padding-horizontal-medium: 24px;
  --ds-list-item-padding-horizontal-large: 32px;
  --ds-list-item-padding-vertical-default: 16px;
  --ds-list-item-padding-vertical-medium: 24px;
  --ds-list-item-padding-vertical-large: 32px;
  --ds-list-item-padding-gap: 16px;
  --ds-list-item-text-container-padding-gap: 4px;
  --ds-popover-padding-horizontal-default: 8px;
  --ds-popover-padding-horizontal-medium: 16px;
  --ds-popover-padding-horizontal-large: 24px;
  --ds-popover-padding-vertical-default: 8px;
  --ds-popover-padding-vertical-medium: 16px;
  --ds-popover-padding-vertical-large: 24px;
  --ds-popover-border-radius: 12px;
  --ds-popover-shadow: 0 2px 3px 0 rgba(0,0,0,0.4);
  --ds-popover-color-background: #ffffff;
  --ds-system-alert-color-content-critical: #ffffff;
  --ds-system-alert-color-content-warning: #333333;
  --ds-system-alert-color-content-success: #ffffff;
  --ds-system-alert-color-content-info: #ffffff;
  --ds-system-alert-color-background-critical: #a94442;
  --ds-system-alert-color-background-warning: #ffc736;
  --ds-system-alert-color-background-success: #3c763d;
  --ds-system-alert-color-background-info: #2185c5;
  --ds-system-alert-padding-vertical: 8px;
  --ds-system-alert-padding-horizontal: 16px;
  --ds-system-alert-padding-gap: 16px;
  --ds-banner-color-content: #333333;
  --ds-banner-color-background-critical: #f6ecec;
  --ds-banner-color-background-warning: #fff9eb;
  --ds-banner-color-background-success: #ecf1ec;
  --ds-banner-color-background-info: #e9f3f9;
  --ds-banner-color-border-critical: #a94442;
  --ds-banner-color-border-warning: #ffc736;
  --ds-banner-color-border-success: #3c763d;
  --ds-banner-color-border-info: #2185c5;
  --ds-banner-leading-icon-color-content-critical: #a94442;
  --ds-banner-leading-icon-color-content-warning: #ffc736;
  --ds-banner-leading-icon-color-content-success: #3c763d;
  --ds-banner-leading-icon-color-content-info: #2185c5;
  --ds-banner-border-width: 4px;
  --ds-banner-border-radius: 4px;
  --ds-banner-text-container-padding-gap: 4px;
  --ds-banner-padding-vertical: 16px;
  --ds-banner-padding-right: 16px;
  --ds-banner-padding-left: 20px;
  --ds-banner-padding-gap: 16px;
  --ds-bottom-sheet-color-background: #ffffff;
  --ds-bottom-sheet-color-content: #333333;
  --ds-bottom-sheet-border-radius-top: 12px;
  --ds-bottom-sheet-drag-container-padding-vertical: 8px;
  --ds-bottom-sheet-drag-handle-width: 32px;
  --ds-bottom-sheet-drag-handle-height: 4px;
  --ds-bottom-sheet-drag-handle-color-background: #9d9d9d;
  --ds-bottom-sheet-drag-handle-border-radius: 1000px;
  --ds-bottom-sheet-header-padding-vertical: 8px;
  --ds-bottom-sheet-header-padding-horizontal: 16px;
  --ds-bottom-sheet-header-padding-gap: 8px;
  --ds-bottom-sheet-header-color-border: #cccccc;
  --ds-bottom-sheet-header-border-width: 1px;
  --ds-bottom-sheet-container-padding-vertical: 16px;
  --ds-bottom-sheet-footer-padding-vertical: 16px;
  --ds-bottom-sheet-footer-padding-horizontal: 16px;
  --ds-bottom-sheet-footer-color-border: #cccccc;
  --ds-bottom-sheet-footer-border-width: 1px;
}
