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

:root {
  --df-color-accent-base: rgb(226, 0, 15);
  --df-color-accent-weak: rgb(226, 0, 15);
  --df-color-active-base: rgb(182, 0, 15);
  --df-color-active-weak: rgb(182, 0, 15);
  --df-color-active-strong: rgb(182, 0, 15);
  --df-color-primary: rgb(255, 255, 255);
  --df-color-secondary: rgb(48, 48, 48);
  --df-color-tertiary: rgb(255, 255, 255);
  --df-color-info: rgb(70, 185, 243);
  --df-color-success: rgb(20, 197, 16);
  --df-color-warning: rgb(255, 170, 0);
  --df-color-error: rgb(226, 0, 15);
  --df-color-neutral-base: rgb(191, 190, 190);
  --df-color-neutral-strong: rgb(150, 150, 150);
  --df-color-neutral-stronger: rgb(72, 72, 72);
  --df-color-neutral-weak: rgb(244, 244, 244);
  --df-color-object-base: rgb(104, 104, 104);
  --df-color-object-weak: rgb(150, 150, 150);
  --df-color-object-weaker: rgb(216, 216, 217);
  --df-color-object-weakest: rgb(235, 235, 235);
  --df-color-object-strong: rgb(104, 104, 104);
  --df-color-object-stronger: rgb(72, 72, 72);
  --df-color-object-strongest: rgb(48, 48, 48);
  --df-color-object-active: rgba(226, 0, 15, 0.5);
  --df-color-object-inactive: rgb(99, 3, 4);
  --df-color-outline-base: rgb(216, 216, 217);
  --df-color-outline-strong: rgb(72, 72, 72);
  --df-color-outline-stronger: rgb(48, 48, 48);
  --df-color-surface-base: rgb(244, 244, 244);
  --df-color-surface-strong: rgba(72, 72, 72, 0.35);
  --df-color-surface-weak: rgba(255, 255, 255, 0.85);
  --df-color-surface-inverse: rgb(48, 48, 48);
  --df-color-surface-header: rgb(215, 25, 32);
  --df-color-text-base: rgb(191, 190, 190);
  --df-color-text-strong: rgb(104, 104, 104);
  --df-color-text-active: rgb(182, 0, 15);
  --df-color-text-brand-primary: #ed071b;
  --df-color-text-brand-primary-hovered: #bb0615;
  --df-color-text-brand-primary-pressed: #77040e;
  --df-color-text-brand-secondary: #bb0615;
  --df-color-text-brand-tertiary: #77040e;
  --df-color-text-info-primary: #1c4a61;
  --df-color-text-success-primary: #084f06;
  --df-color-text-warning-primary: #664400;
  --df-color-text-error-primary: #e2000f;
  --df-color-text-error-secondary: #630304;
  --df-color-text-link-primary: #bb0615;
  --df-color-text-link-primary-pressed: #77040e;
  --df-color-text-link-tertiary-visited: rgba(255, 255, 255, 0.85);
  --df-color-text-heading-primary: #191919;
  --df-color-text-primary: #1f1f23;
  --df-color-text-secondary: #6b6b77;
  --df-color-text-disabled: #cacbd1;
  --df-color-text-inverse: #ffffff;
  --df-color-component-header-background: rgb(215, 25, 32);
  --df-color-component-header-menu-icon: rgb(255, 255, 255);
  --df-color-component-heading-text: rgb(48, 48, 48);
  --df-color-component-navigation-border: rgb(226, 0, 15);
  --df-color-component-search-input-background: rgb(255, 255, 255);
  --df-color-component-search-input-border: rgb(191, 190, 190);
  --df-color-component-search-input-font: rgb(48, 48, 48);
  --df-color-component-search-button-background: rgb(255, 255, 255);
  --df-color-component-search-button-font: rgb(48, 48, 48);
  --df-color-component-search-button-active-background: rgb(216, 216, 217);
  --df-color-component-search-suggestions-background: rgb(255, 255, 255);
  --df-color-component-search-suggestions-border-top: rgb(216, 216, 217);
  --df-color-component-search-suggestions-active-background: rgb(244, 244, 244);
  --df-color-component-table-header-surface: rgb(255, 255, 255);
  --df-color-component-table-header-text: rgb(48, 48, 48);
  --df-color-icon-brand-primary: #ed071b;
  --df-color-icon-brand-primary-hovered: #bb0615;
  --df-color-icon-brand-primary-pressed: #77040e;
  --df-color-icon-brand-secondary: #bb0615;
  --df-color-icon-brand-tertiary: #77040e;
  --df-color-icon-info-primary: #46b9f3;
  --df-color-icon-info-secondary: #1c4a61;
  --df-color-icon-success-primary: #14c510;
  --df-color-icon-success-secondary: #084f06;
  --df-color-icon-warning-primary: #ffaa00;
  --df-color-icon-warning-secondary: #664400;
  --df-color-icon-error-primary: #e2000f;
  --df-color-icon-error-secondary: #630304;
  --df-color-icon-link-primary: #bb0615;
  --df-color-icon-link-primary-pressed: #77040e;
  --df-color-icon-primary: #1f1f23;
  --df-color-icon-secondary: #6b6b77;
  --df-color-icon-tertiary: #dedfe3;
  --df-color-icon-disabled: #cacbd1;
  --df-color-icon-inverse: #ffffff;
  --df-color-icon-accent-01-primary: #136ff3;
  --df-color-icon-accent-01-primary-hovered: #1860c7;
  --df-color-icon-accent-01-primary-pressed: #103d7e;
  --df-color-icon-accent-01-secondary: #1860c7;
  --df-color-icon-accent-01-tertiary: #103d7e;
  --df-color-icon-accent-02-primary: #24a15e;
  --df-color-icon-accent-02-primary-hovered: #1c7f4a;
  --df-color-icon-accent-02-primary-pressed: #12512f;
  --df-color-icon-accent-02-secondary: #1c7f4a;
  --df-color-icon-accent-02-tertiary: #12512f;
  --df-color-border-brand-primary: #ed071b;
  --df-color-border-brand-primary-hovered: #bb0615;
  --df-color-border-brand-primary-pressed: #77040e;
  --df-color-border-brand-secondary: #bb0615;
  --df-color-border-brand-tertiary: #77040e;
  --df-color-border-info-primary: #46b9f3;
  --df-color-border-info-secondary: #1c4a61;
  --df-color-border-success-primary: #14c510;
  --df-color-border-success-secondary: #084f06;
  --df-color-border-warning-primary: #ffaa00;
  --df-color-border-warning-secondary: #664400;
  --df-color-border-error-primary: #e2000f;
  --df-color-border-error-secondary: #630304;
  --df-color-border-focused-primary: #bcd7fe;
  --df-color-border-primary: #cacbd1;
  --df-color-border-primary-hovered: #9a9ca7;
  --df-color-border-primary-pressed: #6b6b77;
  --df-color-border-secondary: #dedfe3;
  --df-color-border-tertiary: #6b6b77;
  --df-color-border-inverse: #1f1f23;
  --df-color-border-disabled: #dedfe3;
  --df-color-border-quaternary: #44444b;
  --df-color-border-inverse-hovered: #131316;
  --df-color-border-disabled-secondary: #f5f5f7;
  --df-color-bg-surface-primary: #ffffff;
  --df-color-bg-surface-primary-hovered: #f5f5f7;
  --df-color-bg-surface-secondary: #f5f5f7;
  --df-color-bg-surface-tertiary: #dedfe3;
  --df-color-bg-surface-quaternary: #cacbd1;
  --df-color-bg-surface-disabled: #f5f5f7;
  --df-color-bg-surface-disabled-secondary: #cacbd1;
  --df-color-bg-surface-inverse: #313135;
  --df-color-bg-surface-inverse-secondary: #1f1f23;
  --df-color-bg-fill-primary: #ffffff;
  --df-color-bg-fill-primary-hovered: #f5f5f7;
  --df-color-bg-fill-primary-pressed: #dedfe3;
  --df-color-bg-fill-primary-selected: #dedfe3;
  --df-color-bg-fill-secondary: #f5f5f7;
  --df-color-bg-fill-secondary-hovered: #dedfe3;
  --df-color-bg-fill-secondary-pressed: #cacbd1;
  --df-color-bg-fill-secondary-selected: #cacbd1;
  --df-color-bg-fill-tertiary: #dedfe3;
  --df-color-bg-fill-disabled: #f5f5f7;
  --df-color-bg-fill-disabled-secondary: #cacbd1;
  --df-color-bg-fill-inverse: #313135;
  --df-color-bg-fill-inverse-hovered: #1f1f23;
  --df-color-bg-fill-inverse-pressed: #131316;
  --df-color-bg-fill-inverse-secondary: #1f1f23;
  --df-color-bg-fill-inverse-secondary-hovered: #131316;
  --df-color-bg-fill-inverse-secondary-pressed: #000000;
  --df-color-bg-brand-primary: #ed071b;
  --df-color-bg-brand-primary-hovered: #bb0615;
  --df-color-bg-brand-primary-pressed: #77040e;
  --df-color-bg-brand-secondary: #fab5bb;
  --df-color-bg-brand-tertiary: #feebed;
  --df-color-bg-brand-quaternary: #370206;
  --df-color-bg-info-primary: #edf8fe;
  --df-color-bg-success-primary: #e8f9e7;
  --df-color-bg-warning-primary: #fff7e6;
  --df-color-bg-error-primary: #fdebec;
  --df-color-bg-accent-01-primary: #136ff3;
  --df-color-bg-accent-01-secondary: #bcd7fe;
  --df-color-bg-accent-01-tertiary: #edf4ff;
  --df-color-bg-accent-01-quaternary: #071c3a;
  --df-color-bg-accent-02-primary: #24a15e;
  --df-color-bg-accent-02-secondary: #bde3cf;
  --df-color-bg-accent-02-tertiary: #edf7f2;
  --df-color-bg-accent-02-quaternary: #082516;
  --df-color-bg-overlay-primary: rgba(0, 0, 0, 0.25);
  --df-font-component-heading-weight: 700;
  --df-font-component-navigation-weight: 700;
  --df-font-component-tile-weight: 700;
  --df-font-family-base: 'myriad-pro', 'Source Sans Pro', sans-serif, system-ui;
  --df-font-family-western: 'myriad-pro', 'Source Sans Pro', sans-serif, system-ui;
  --df-font-family-sans: 'myriad-pro', 'Source Sans Pro', sans-serif, system-ui;
  --df-font-weight-regular: 400;
  --df-font-weight-semibold: 600;
  --df-font-weight-bold: 700;
  --df-font-weight-strong: 400;
  --df-font-weight-moderate: 400;
  --df-font-weight-body: 400;
  --df-font-weight-heading: 400;
  --df-font-weight-button: 600;
  --df-font-size-xs: 0.875rem;
  --df-font-size-s: 1rem;
  --df-font-size-sm: 1rem;
  --df-font-size-m: 1.125rem;
  --df-font-size-md: 1.125rem;
  --df-font-size-l: 1.5rem;
  --df-font-size-lg: 1.5rem;
  --df-font-size-xl: 1.75rem;
  --df-font-size-2xl: 2.25rem;
  --df-font-size-3xl: 2.75rem;
  --df-font-size-heading-xl: 2.75rem;
  --df-font-size-heading-lg: 2.25rem;
  --df-font-size-heading-md: 1.75rem;
  --df-font-size-heading-sm: 1.5rem;
  --df-font-size-subtitle-lg: 1.125rem;
  --df-font-size-subtitle-md: 1rem;
  --df-font-size-subtitle-sm: 0.875rem;
  --df-font-size-body-md: 1rem;
  --df-font-size-body-sm: 0.875rem;
  --df-font-size-button-md: 1rem;
  --df-font-size-button-sm: 1rem;
  --df-font-line-height-heading-xl: 3.5rem;
  --df-font-line-height-heading-lg: 3rem;
  --df-font-line-height-heading-md: 2.5rem;
  --df-font-line-height-heading-sm: 2rem;
  --df-font-line-height-subtitle-lg: 1.5rem;
  --df-font-line-height-subtitle-md: 1.25rem;
  --df-font-line-height-subtitle-sm: 1.25rem;
  --df-font-line-height-button-md: 1.5rem;
  --df-font-line-height-button-sm: 1.5rem;
  --df-font-line-height-body-xl: 1.875rem;
  --df-font-line-height-body-md: 1.5rem;
  --df-font-line-height-body-sm: 1.25rem;
  --df-border-component-navigation-width-top: 0;
  --df-border-component-navigation-width-bottom: 1px;
  --df-border-width-null: 0px;
  --df-border-width-sm: 1px;
  --df-border-width-md: 2px;
  --df-border-width-lg: 4px;
  --df-border-width-custom-01: 1px;
  --df-border-width-fluid-md: 1px;
  --df-border-radius-custom-01: 10px;
  --df-border-radius-custom-02: 16px;
  --df-border-radius-custom-03: 32px;
  --df-border-radius-fluid-sm: 6px;
  --df-border-radius-fluid-md: 6px;
  --df-border-radius-fluid-lg: 16px;
  --df-border-radius-fluid-plus-sm: 32px;
  --df-border-radius-fluid-plus-md: 8px;
  --df-border-radius-fluid-plus-lg: 32px;
  --df-border-radius-null: 0px;
  --df-border-radius-sm: 1px;
  --df-border-radius-md: 2px;
  --df-border-radius-lg: 4px;
  --df-border-radius-xl: 6px;
  --df-border-radius-2xl: 8px;
  --df-border-radius-3xl: 16px;
  --df-border-radius-4xl: 32px;
  --df-border-radius-full: 1000px;
  --df-component-tooltip-border-radius: 8px;
  --df-component-tooltip-border-width: 1px;
  --df-component-tooltip-padding: 0.5rem;
  --df-component-icon-button-padding: 0.5rem;
  --df-component-icon-button-bg-fill-primary-hovered: #f5f5f7;
  --df-component-icon-button-bg-fill-secondary-hovered: #dedfe3;
  --df-component-icon-button-bg-fill-primary-pressed: #dedfe3;
  --df-component-icon-button-bg-fill-secondary-pressed: #cacbd1;
  --df-component-accordion-display-bg: true;
  --df-component-accordion-color-text: #1f1f23;
  --df-component-accordion-color-icon: #1f1f23;
  --df-component-accordion-padding-vertical: 1rem;
  --df-component-accordion-padding-horizontal: 0.5rem;
  --df-component-accordion-label-padding-horizontal: 1rem;
  --df-component-accordion-content-padding-horizontal: 1rem;
  --df-component-accordion-content-padding-top: 1rem;
  --df-component-accordion-border-radius: 8px;
  --df-component-accordion-border-width: 1px;
  --df-component-alert-color-bg-info: #edf8fe;
  --df-component-alert-color-bg-success: #e8f9e7;
  --df-component-alert-color-bg-warning: #fff7e6;
  --df-component-alert-color-bg-error: #fdebec;
  --df-component-alert-color-text-primary: #6b6b77;
  --df-component-alert-border-radius: 8px;
  --df-component-breadcrumbs-item-color-text-primary: #1f1f23;
  --df-component-button-border-radius: 8px;
  --df-component-button-border-width: 1px;
  --df-component-content-switch-padding: 0.25rem;
  --df-component-content-switch-gap: 0.25rem;
  --df-component-content-switch-border-width: 0px;
  --df-component-content-switch-border-radius: 1000px;
  --df-component-content-switch-color-text-inverse: #1f1f23;
  --df-component-content-switch-color-text-disabled: #6b6b77;
  --df-component-content-switch-color-bg-surface-primary: #f5f5f7;
  --df-component-content-switch-color-bg-fill-primary-selected: #ffffff;
  --df-component-content-switch-color-bg-fill-primary-hover: #dedfe3;
  --df-component-content-switch-color-bg-fill-primary-pressed: #cacbd1;
  --df-component-content-switch-color-border-primary: #cacbd1;
  --df-component-content-switch-display-border: false;
  --df-component-context-menu-border-radius: 16px;
  --df-component-context-menu-color-text-primary: #1f1f23;
  --df-component-context-menu-color-text-primary-hovered: #1f1f23;
  --df-component-context-menu-padding-horizontal: 0.5rem;
  --df-component-context-menu-item-border-radius: 8px;
  --df-component-context-menu-button-color-primary-hovered: #f5f5f7;
  --df-component-context-menu-button-color-primary-selected: #dedfe3;
  --df-component-checkbox-gap: 0.5rem;
  --df-component-checkbox-gap-inline: 3rem;
  --df-component-checkbox-border-radius: 4px;
  --df-component-input-fields-border-radius: 8px;
  --df-component-inline-notification-color-bg-fill-primary: #fff7e6;
  --df-component-inline-notification-color-icon-warning-primary: #664400;
  --df-component-inline-notification-color-icon-warning-secondary: #664400;
  --df-component-inline-notification-color-text-primary: #664400;
  --df-component-inline-notification-border-radius: 8px;
  --df-component-inline-notification-border-width: 0px;
  --df-component-inline-notification-padding-vertical: 0.25rem;
  --df-component-inline-notification-padding-horizontal: 1rem;
  --df-component-modal-padding: 1.5rem;
  --df-component-modal-border-radius: 16px;
  --df-component-popover-border-radius: 16px;
  --df-component-popover-border-width: 1px;
  --df-component-popover-image-border-radius: 8px;
  --df-component-pagination-padding: 0.5rem;
  --df-component-pagination-border-width: 1px;
  --df-component-pagination-border-radius: 8px;
  --df-component-pagination-display-border: false;
  --df-component-radio-button-gap: 0.5rem;
  --df-component-radio-button-gap-inline: 3rem;
  --df-component-select-color-bg-fill-primary-hovered: #f5f5f7;
  --df-component-select-color-bg-fill-secondary: #ffffff;
  --df-component-select-color-border-primary-hovered: #cacbd1;
  --df-component-select-border-radius: 8px;
  --df-component-select-padding-horizontal: 0.75rem;
  --df-component-select-padding-vertical: 0.75rem;
  --df-component-select-option-border-radius: 8px;
  --df-component-select-option-padding-horizontal: 0.5rem;
  --df-component-select-menu-border-radius: 16px;
  --df-component-select-menu-padding-horizontal: 0.75rem;
  --df-component-select-menu-padding-vertical: 0.75rem;
  --df-component-select-small-border-radius: 16px;
  --df-component-select-small-padding-horizontal: 0.75rem;
  --df-component-select-small-padding-vertical: 0.75rem;
  --df-component-select-inline-padding-horizontal: 1rem;
  --df-component-tile-product-buttons-margin-horizontal: 2rem;
  --df-component-tile-product-buttons-margin-vertical: 1.5rem;
  --df-component-tile-product-content-margin: 2rem;
  --df-component-tile-product-content-title-margin: 1rem;
  --df-component-tile-product-content-description-margin-bottom: 1rem;
  --df-component-tile-padding-sm: 0rem;
  --df-component-tile-padding-md: 0rem;
  --df-component-tile-padding-lg: 0rem;
  --df-component-tile-content-margin-bottom-sm: 1.5rem;
  --df-component-tile-content-margin-bottom-md: 1.5rem;
  --df-component-tile-content-margin-sm: 1rem;
  --df-component-tile-content-margin-md: 1.5rem;
  --df-component-tile-content-gap: 0.5rem;
  --df-component-tile-border-radius: 16px;
  --df-component-tile-border-width: 1px;
  --df-component-search-input-icon-size: 20px;
  --df-component-search-input-border-radius: 8px;
  --df-component-search-input-border-width: 0px;
  --df-component-search-input-padding-delimiter: 0.75rem;
  --df-component-search-input-padding-vertical: 0.25rem;
  --df-component-search-input-padding-horizontal: 0.75rem;
  --df-component-file-input-subtitle-color: #6b6b77;
  --df-component-file-input-dash-color: #cacbd1;
  --df-component-file-input-dash-border-radius: 16px;
  --df-component-footer-border-radius: 32px;
  --df-component-footer-border-width: 1px;
  --df-component-footer-padding-horizontal: 1rem;
  --df-component-footer-padding-vertical: 3rem;
  --df-component-footer-color-bg-surface-primary: #f5f5f7;
  --df-component-footer-color-bg-surface-secondary: #f5f5f7;
  --df-component-footer-color-link-primary: #1f1f23;
  --df-component-footer-color-link-secondary: #6b6b77;
  --df-component-footer-link-padding-bottom: 0.5rem;
  --df-component-footer-link-group-padding-bottom: 0rem;
  --df-component-footer-margin-sm: 1.5rem;
  --df-component-footer-margin-md: 2rem;
  --df-component-progress-steps-circle-size: 1.5rem;
  --df-component-progress-steps-color-text-primary: #ed071b;
  --df-component-progress-steps-color-text-secondary: #6b6b77;
  --df-component-progress-steps-color-border-secondary: #6b6b77;
  --df-component-progress-steps-border-width: 1px;
  --df-component-progress-steps-border-radius: 8px;
  --df-component-progress-steps-item-color-bg-fill-primary: #dedfe3;
  --df-component-progress-steps-item-color-bg-fill-secondary: #ffffff;
  --df-component-progress-steps-item-color-text-primary: #ed071b;
  --df-component-progress-steps-item-color-text-secondary: #6b6b77;
  --df-component-progress-steps-item-color-icon-primary: #1f1f23;
  --df-component-progress-steps-item-content-font-line-height: 24px;
  --df-component-tab-color-text: #6b6b77;
  --df-component-tab-color-bg-primary: #ffffff;
  --df-component-tab-color-bg-secondary: #ffffff;
  --df-component-tab-color-bg-primary-hover: #f5f5f7;
  --df-component-tab-color-bg-secondary-hover: #f5f5f7;
  --df-component-tab-color-bg-primary-pressed: #dedfe3;
  --df-component-tab-color-bg-secondary-pressed: #dedfe3;
  --df-component-tab-color-text-selected: #ed071b;
  --df-component-tab-color-text-hover: #1f1f23;
  --df-component-tab-color-border-selected: #ed071b;
  --df-component-tab-color-border-hover: #ed071b;
  --df-component-tab-font-weight: 400px;
  --df-component-tab-border-width-selected: 2px;
  --df-component-tab-border-width: 0px;
  --df-component-tab-border-width-hover: 2px;
  --df-component-tab-border-width-vertical-hover: 2px;
  --df-component-tab-border-width-vertical: 1px;
  --df-component-treeview-padding: 0.375rem;
  --df-component-treeview-height: 2.5rem;
  --df-component-treeview-selected-font-weight: regular;
  --df-component-treeview-gap: 0.25rem;
  --df-component-treeview-color-bg-selected: #dedfe3;
  --df-component-treeview-color-bg-selected-hovered: #dedfe3;
  --df-component-treeview-border-radius: 8px;
  --df-component-divider-color-weight-light: #cacbd1;
  --df-component-divider-color-weight-heavy: #cacbd1;
  --df-component-slider-marks-color-default: #9a9ca7;
  --df-component-slider-marks-color-disabled: #dedfe3;
  --df-component-slider-marks-border-radius: 4px;
  --df-component-slider-track-color-active: #1f1f23;
  --df-component-slider-track-color-inactive: #dedfe3;
  --df-component-slider-track-color-disabled: #cacbd1;
  --df-component-slider-track-margin-horizontal: 1.125rem;
  --df-component-slider-pin-color-default: #ffffff;
  --df-component-slider-pin-color-active: #1f1f23;
  --df-component-slider-pin-color-disabled: #ffffff;
  --df-component-slider-pin-size: 1rem;
  --df-component-slider-pin-border-width: 2px;
  --df-component-slider-pin-border-color-default: #1f1f23;
  --df-component-slider-pin-border-color-disabled: #dedfe3;
  --df-component-slider-pin-outline-color-primary-pressed: #6b6b77;
  --df-component-mega-menu-height: 80px;
  --df-component-mega-menu-height-mobile: 64px;
  --df-component-mega-menu-item-color-bg-fill: #ffffff;
  --df-component-mega-menu-item-color-bg-fill-hover: #f5f5f7;
  --df-component-mega-menu-item-color-bg-fill-pressed: #dedfe3;
  --df-component-mega-menu-item-color-text: #6b6b77;
  --df-component-mega-menu-dismissable: true;
  --df-component-mega-menu-header-color-text: #ed071b;
  --df-component-mega-menu-panel-border-radius: 16px;
  --df-component-mega-menu-panel-margin: 1.25rem;
  --df-component-mega-menu-border-width: 0px;
  --df-component-mega-menu-color: #ffffff;
  --df-component-time-picker-content-border-radius-pressed: 8px;
  --df-component-time-picker-content-border-radius-default: 4px;
  --df-component-time-picker-border-radius: 16px;
  --df-component-time-picker-gap: 0.625rem;
  --df-component-time-picker-padding: 0.75rem;
  --df-component-time-picker-scrollbar-offset: 0.25rem;
  --df-component-time-picker-clock-container-indicator-border-radius: 16px;
  --df-component-time-picker-date-showcase-gap: 0.375rem;
  --df-component-date-picker-content-border-radius-default: 4px;
  --df-component-date-picker-content-border-radius-pressed: 8px;
  --df-component-date-picker-drop-down-item-padding-vertical: 0.75rem;
  --df-component-date-picker-drop-down-container-padding: 0.625rem;
  --df-component-date-picker-drop-down-border-radius: 0.5rem;
  --df-component-date-picker-padding: 1rem;
  --df-component-date-picker-selection-row-padding: 0.625rem;
  --df-component-date-picker-selection-row-pagination-padding-default: 0.375rem;
  --df-component-date-picker-selection-row-pagination-padding-drop-down-left: 0.625rem;
  --df-component-date-time-picker-time-labels-padding-horizontal: 0.75rem;
  --df-component-date-range-picker-showcase-label-padding: 1.125rem;
  --df-component-date-range-picker-confirm-button-container-height: 94px;
  --df-component-date-range-picker-date-info-container-height: 126px;
  --df-component-date-time-components-border-radius: 0.625rem;
  --df-component-date-time-components-content-size: 2.5rem;
  --df-component-date-time-components-bottom-sheet-padding-default: 1.125rem;
  --df-component-date-time-components-bottom-sheet-padding-close-area: 2rem;
  --df-component-date-time-components-bottom-sheet-gap: 2rem;
  --df-component-date-time-components-bottom-sheet-border-radius-top: 16px;
  --df-component-language-picker-spacing-vertical: 0rem;
  --df-component-language-picker-small-label-padding-horizontal: 1.5rem;
  --df-component-language-picker-small-label-padding-vertical: 0.5rem;
  --df-component-language-picker-small-padding-vertical: 0.5rem;
  --df-component-language-picker-large-lable-padding-vertical: 1rem;
  --df-component-language-picker-large-lable-spacing-vertical: 0rem;
  --df-component-language-picker-large-padding-vertical: 1rem;
  --df-component-language-picker-divider-padding-vertical: 0.75rem;
  --df-component-language-picker-border-radius: 16px;
  --df-component-app-switcher-border-radius: 16px;
  --df-component-app-switcher-item-title-color: #1f1f23;
  --df-component-app-switcher-item-border-radius: 8px;
  --df-component-app-switcher-item-list-border-radius: 8px;
  --df-component-app-switcher-item-list-border-padding: 0rem;
  --df-component-app-switcher-item-color-bg-fill-hover: #f5f5f7;
  --df-component-app-switcher-item-color-bg-fill-pressed: #dedfe3;
  --df-component-app-switcher-display-border: true;
  --df-component-app-switcher-gap: 0rem;
  --df-component-table-header-color-bg-fill: #f5f5f7;
  --df-component-table-header-color-border-primary: #cacbd1;
  --df-component-table-header-color-icon-primary: #136ff3;
  --df-component-table-header-color-text-primary: #1f1f23;
  --df-component-table-header-border-width: 0px;
  --df-component-table-header-border-radius-lg: 16px;
  --df-component-table-header-border-radius-md: 8px;
  --df-component-table-header-cell-padding-vertical-lg: 1.25rem;
  --df-component-table-header-cell-padding-vertical-md: 0.5rem;
  --df-component-table-cell-padding-sm: 0.25rem;
  --df-component-table-cell-padding-md: 1rem;
  --df-component-table-cell-color-bg-fill: #ffffff;
  --df-component-table-cell-color-bg-fill-selected: #dedfe3;
  --df-component-table-card-gap: 0rem;
  --df-component-table-card-padding: 0.25rem;
  --df-component-table-card-border-width: 1px;
  --df-component-table-card-cell-padding-horizontal: 1rem;
  --df-component-table-card-cell-padding-vertical: 0.75rem;
  --df-component-table-card-color-bg-fill: #ffffff;
  --df-component-table-card-color-text-primary: #6b6b77;
  --df-index-screen: 0;
  --df-index-elevated: 5;
  --df-index-navigation: 10;
  --df-index-popout: 15;
  --df-index-instant: 20;
  --df-index-negative: -1;
  --df-index-auto: auto;
  --df-line-height-xs: 1.25rem;
  --df-line-height-s: 1.5rem;
  --df-line-height-sm: 1.5rem;
  --df-line-height-m: 1.75rem;
  --df-line-height-md: 1.75rem;
  --df-line-height-l: 1.875rem;
  --df-line-height-lg: 1.875rem;
  --df-line-height-xl: 2rem;
  --df-line-height-2xl: 2.5rem;
  --df-line-height-3xl: 3rem;
  --df-line-height-4xl: 3.5rem;
  --df-spacing-null: 0rem;
  --df-spacing-5xs: 0.125rem;
  --df-spacing-4xs: 0.25rem;
  --df-spacing-fluid-2xs: 0.5rem;
  --df-spacing-fluid-xs: 0.625rem;
  --df-spacing-fluid-sm: 1rem;
  --df-spacing-fluid-md: 1.5rem;
  --df-spacing-fluid-lg: 1.5rem;
  --df-spacing-fluid-xl: 3rem;
  --df-spacing-fluid-2xl: 5.5rem;
  --df-spacing-fluid-3xl: 7.5rem;
  --df-spacing-custom-01: 0rem;
  --df-spacing-custom-02: 0rem;
  --df-spacing-3xs: 0.375rem;
  --df-spacing-2xs: 0.5rem;
  --df-spacing-xs: 0.625rem;
  --df-spacing-sm: 0.75rem;
  --df-spacing-md: 1rem;
  --df-spacing-lg: 1.125rem;
  --df-spacing-xl: 1.25rem;
  --df-spacing-2xl: 1.5rem;
  --df-spacing-3xl: 2rem;
  --df-spacing-4xl: 2.5rem;
  --df-spacing-5xl: 3rem;
  --df-spacing-6xl: 3.5rem;
  --df-spacing-7xl: 4rem;
  --df-spacing-8xl: 5rem;
  --df-spacing-9xl: 6rem;
  --df-shadow-sm: 0px 1px 4px 0px #00000029;
  --df-shadow-md: 0px 2px 20px 0px #0000001f;
  --df-shadow-lg: 0px 8px 32px 0px #00000029;
  --df-shadow-base: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 1px 3px rgba(0, 0, 0, 0.2);
  --df-shadow-strong: 0px 2px 20px rgba(0, 0, 0, 0.12);
  --df-shadow-stronger: 0px 8px 32px rgba(0, 0, 0, 0.16);
  --df-size-icon-xs: 1rem;
  --df-size-icon-s: 1.125rem;
  --df-size-icon-sm: 1.125rem;
  --df-size-icon-m: 1.25rem;
  --df-size-icon-md: 1.25rem;
  --df-size-icon-l: 1.5rem;
  --df-size-icon-lg: 1.5rem;
  --df-size-icon-xl: 1.75rem;
  --df-size-header-desktop: 72px;
  --df-size-header-mobile: 52px;
  --df-size-navigation: 56px;
  --df-space-focus-outline-base: 2px;
  --df-space-focus-outline-safari: 5px;
}