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

:root {
  --df-color-accent-base: rgb(75, 125, 149);
  --df-color-accent-weak: rgb(75, 125, 149);
  --df-color-active-base: rgb(0, 92, 130);
  --df-color-active-weak: rgb(0, 92, 130);
  --df-color-active-strong: rgb(0, 92, 130);
  --df-color-primary: rgb(255, 255, 255);
  --df-color-secondary: rgb(87, 87, 87);
  --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(75, 125, 149, 0.5);
  --df-color-object-inactive: rgb(28, 74, 95);
  --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(237, 237, 237);
  --df-color-surface-strong: rgba(104, 104, 104, 0.35);
  --df-color-surface-weak: rgba(255, 255, 255, 0.85);
  --df-color-surface-inverse: rgb(87, 87, 87);
  --df-color-surface-header: rgb(255, 255, 255);
  --df-color-text-base: rgb(191, 190, 190);
  --df-color-text-strong: rgb(104, 104, 104);
  --df-color-text-active: rgb(0, 92, 130);
  --df-color-text-brand-primary: #4b7d95;
  --df-color-text-brand-primary-hovered: #005c82;
  --df-color-text-brand-primary-pressed: #1c4a5f;
  --df-color-text-brand-secondary: #005c82;
  --df-color-text-brand-tertiary: #005c82;
  --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: #4b7d95;
  --df-color-text-link-primary-pressed: #005c82;
  --df-color-text-heading-primary: #e2000f;
  --df-color-text-primary: #575757;
  --df-color-text-secondary: #686868;
  --df-color-text-disabled: #a7a7a7;
  --df-color-text-inverse: #ffffff;
  --df-color-component-header-background: rgb(255, 255, 255);
  --df-color-component-header-menu-icon: rgb(75, 125, 149);
  --df-color-component-heading-text: rgb(226, 0, 15);
  --df-color-component-navigation-border: rgb(226, 0, 15);
  --df-color-component-search-input-background: rgb(235, 235, 235);
  --df-color-component-search-input-border: rgb(191, 190, 190);
  --df-color-component-search-input-font: rgb(104, 104, 104);
  --df-color-component-search-button-background: rgb(75, 125, 149);
  --df-color-component-search-button-font: rgb(255, 255, 255);
  --df-color-component-search-button-active-background: rgb(0, 92, 130);
  --df-color-component-search-suggestions-background: rgb(235, 235, 235);
  --df-color-component-search-suggestions-border-top: rgb(235, 235, 235);
  --df-color-component-search-suggestions-active-background: rgb(216, 216, 217);
  --df-color-component-table-header-surface: rgb(226, 0, 15);
  --df-color-component-table-header-text: rgb(255, 255, 255);
  --df-color-icon-brand-primary: #4b7d95;
  --df-color-icon-brand-primary-hovered: #005c82;
  --df-color-icon-brand-primary-pressed: #1c4a5f;
  --df-color-icon-brand-secondary: #005c82;
  --df-color-icon-brand-tertiary: #1c4a5f;
  --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: #4b7d95;
  --df-color-icon-link-primary-pressed: #005c82;
  --df-color-icon-primary: #303030;
  --df-color-icon-primary-hovered: #686868;
  --df-color-icon-primary-pressed: #969696;
  --df-color-icon-secondary: #686868;
  --df-color-icon-tertiary: #d8d8d9;
  --df-color-icon-disabled: #a7a7a7;
  --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: #4b7d95;
  --df-color-border-brand-primary-hovered: #005c82;
  --df-color-border-brand-primary-pressed: #1c4a5f;
  --df-color-border-brand-secondary: #005c82;
  --df-color-border-brand-tertiary: #1c4a5f;
  --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: #bfbebe;
  --df-color-border-primary-hovered: #484848;
  --df-color-border-primary-pressed: #484848;
  --df-color-border-secondary: #d8d8d9;
  --df-color-border-tertiary: #686868;
  --df-color-border-inverse: #484848;
  --df-color-border-quaternary: #484848;
  --df-color-border-disabled: #d8d8d9;
  --df-color-border-inverse-hovered: #191919;
  --df-color-border-disabled-secondary: #ebebeb;
  --df-color-bg-surface-primary: #ffffff;
  --df-color-bg-surface-primary-hovered: #f4f4f4;
  --df-color-bg-surface-secondary: #f4f4f4;
  --df-color-bg-surface-tertiary: #ebebeb;
  --df-color-bg-surface-quaternary: #d8d8d9;
  --df-color-bg-surface-disabled: #ebebeb;
  --df-color-bg-surface-disabled-secondary: #bfbebe;
  --df-color-bg-surface-inverse: #484848;
  --df-color-bg-surface-inverse-secondary: #303030;
  --df-color-bg-fill-primary: #ffffff;
  --df-color-bg-fill-primary-hovered: #f4f4f4;
  --df-color-bg-fill-primary-pressed: #d8d8d9;
  --df-color-bg-fill-primary-selected: #d8d8d9;
  --df-color-bg-fill-secondary: #f4f4f4;
  --df-color-bg-fill-secondary-hovered: #d8d8d9;
  --df-color-bg-fill-secondary-pressed: #bfbebe;
  --df-color-bg-fill-secondary-selected: #bfbebe;
  --df-color-bg-fill-tertiary: #ebebeb;
  --df-color-bg-fill-disabled: #ebebeb;
  --df-color-bg-fill-disabled-secondary: #bfbebe;
  --df-color-bg-fill-inverse: #484848;
  --df-color-bg-fill-inverse-hovered: #303030;
  --df-color-bg-fill-inverse-pressed: #191919;
  --df-color-bg-fill-inverse-secondary: #303030;
  --df-color-bg-fill-inverse-secondary-hovered: #191919;
  --df-color-bg-fill-inverse-secondary-pressed: #000000;
  --df-color-bg-brand-primary: #4b7d95;
  --df-color-bg-brand-primary-hovered: #005c82;
  --df-color-bg-brand-primary-pressed: #1c4a5f;
  --df-color-bg-brand-secondary: #f8c2c5;
  --df-color-bg-brand-tertiary: #fdebec;
  --df-color-bg-brand-quaternary: #1c4a5f;
  --df-color-bg-info-primary: #edf8fe;
  --df-color-bg-info-secondary: #247eac;
  --df-color-bg-success-primary: #e8f9e7;
  --df-color-bg-success-secondary: #098a07;
  --df-color-bg-warning-primary: #fff7e6;
  --df-color-bg-warning-secondary: #a86700;
  --df-color-bg-error-primary: #fdebec;
  --df-color-bg-error-primary-pressed: #f8c2c5;
  --df-color-bg-error-secondary: #b6000f;
  --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.2);
  --df-font-component-heading-weight: 400;
  --df-font-component-navigation-weight: 400;
  --df-font-component-tile-weight: 400;
  --df-font-family-base: 'FS Me', arial, sans-serif;
  --df-font-family-western: 'FS Me', arial, sans-serif;
  --df-font-family-sans: 'FS Me', arial, sans-serif;
  --df-font-weight-regular: 400;
  --df-font-weight-semibold: 600;
  --df-font-weight-bold: 700;
  --df-font-weight-strong-tag: 700;
  --df-font-weight-strong: 700;
  --df-font-weight-moderate: 600;
  --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.25rem;
  --df-font-size-lg: 1.25rem;
  --df-font-size-xl: 1.5rem;
  --df-font-size-2xl: 2rem;
  --df-font-size-3xl: 2.5rem;
  --df-font-size-heading-xl: 2.5rem;
  --df-font-size-heading-lg: 2rem;
  --df-font-size-heading-md: 1.5rem;
  --df-font-size-heading-sm: 1.25rem;
  --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: 1.125rem;
  --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.75rem;
  --df-font-line-height-subtitle-md: 1.5rem;
  --df-font-line-height-subtitle-sm: 1.25rem;
  --df-font-line-height-button-md: 1.75rem;
  --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: 1px;
  --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: 0px;
  --df-border-width-custom-02: 1px;
  --df-border-width-fluid-md: 2px;
  --df-border-radius-custom-01: 0px;
  --df-border-radius-custom-02: 0px;
  --df-border-radius-custom-03: 0px;
  --df-border-radius-fluid-sm: 1px;
  --df-border-radius-fluid-md: 2px;
  --df-border-radius-fluid-lg: 4px;
  --df-border-radius-fluid-plus-sm: 1px;
  --df-border-radius-fluid-plus-md: 2px;
  --df-border-radius-fluid-plus-lg: 4px;
  --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: 2px;
  --df-component-tooltip-border-width: 0px;
  --df-component-tooltip-padding: 0.25rem;
  --df-component-icon-button-padding: 0rem;
  --df-component-icon-button-bg-fill-primary-hovered: rgba(255, 255, 255, 0);
  --df-component-icon-button-bg-fill-secondary-hovered: rgba(255, 255, 255, 0);
  --df-component-icon-button-bg-fill-primary-pressed: rgba(255, 255, 255, 0);
  --df-component-icon-button-bg-fill-secondary-pressed: rgba(255, 255, 255, 0);
  --df-component-page-content-border-radius: 4px;
  --df-component-accordion-color-text: #686868;
  --df-component-accordion-color-icon: #686868;
  --df-component-accordion-display-bg: false;
  --df-component-accordion-padding-vertical: 0.75rem;
  --df-component-accordion-padding-horizontal: 1rem;
  --df-component-accordion-label-padding-horizontal: 0.75rem;
  --df-component-accordion-content-padding-horizontal: 0.75rem;
  --df-component-accordion-content-padding-top: 0.75rem;
  --df-component-accordion-border-radius: 0px;
  --df-component-accordion-border-width: 0px;
  --df-component-alert-color-bg-info: #ffffff;
  --df-component-alert-color-bg-success: #ffffff;
  --df-component-alert-color-bg-warning: #ffffff;
  --df-component-alert-color-bg-error: #ffffff;
  --df-component-alert-color-text-primary: #575757;
  --df-component-alert-border-radius: 2px;
  --df-component-breadcrumbs-item-color-text-primary: #686868;
  --df-component-button-border-radius: 2px;
  --df-component-button-border-width: 2px;
  --df-component-content-switch-padding: 0rem;
  --df-component-content-switch-gap: 0rem;
  --df-component-content-switch-border-width: 1px;
  --df-component-content-switch-border-radius: 2px;
  --df-component-content-switch-button-border-radius: 0px;
  --df-component-content-switch-color-text-inverse: #ffffff;
  --df-component-content-switch-color-text-disabled: #ffffff;
  --df-component-content-switch-color-bg-surface-primary: #ffffff;
  --df-component-content-switch-color-bg-fill-primary-selected: #303030;
  --df-component-content-switch-color-bg-fill-primary-hover: #f4f4f4;
  --df-component-content-switch-color-bg-fill-primary-pressed: #d8d8d9;
  --df-component-content-switch-color-border-primary: #484848;
  --df-component-content-switch-display-border: true;
  --df-component-context-menu-border-radius: 2px;
  --df-component-context-menu-color-text-primary: #575757;
  --df-component-context-menu-color-text-primary-hovered: #575757;
  --df-component-context-menu-padding-horizontal: 0rem;
  --df-component-context-menu-item-border-radius: 0px;
  --df-component-context-menu-button-color-primary-hovered: #ffffff;
  --df-component-context-menu-button-color-primary-selected: #ffffff;
  --df-component-checkbox-gap: 0.75rem;
  --df-component-checkbox-gap-inline: 3rem;
  --df-component-checkbox-border-radius: 2px;
  --df-component-input-fields-border-radius: 2px;
  --df-component-inline-notification-color-bg-fill-primary: #ffffff;
  --df-component-inline-notification-color-icon-warning-primary: #ffaa00;
  --df-component-inline-notification-color-icon-warning-secondary: #303030;
  --df-component-inline-notification-color-text-primary: #575757;
  --df-component-inline-notification-border-radius: 2px;
  --df-component-inline-notification-border-width: 2px;
  --df-component-inline-notification-padding-vertical: 0.625rem;
  --df-component-inline-notification-padding-horizontal: 0.625rem;
  --df-component-modal-padding: 1rem;
  --df-component-modal-border-radius: 2px;
  --df-component-popover-border-radius: 16px;
  --df-component-popover-border-width: 0px;
  --df-component-popover-image-border-radius: 16px;
  --df-component-pagination-padding: 0rem;
  --df-component-pagination-border-width: 0px;
  --df-component-pagination-border-radius: 0px;
  --df-component-pagination-display-border: true;
  --df-component-radio-button-gap: 0.75rem;
  --df-component-radio-button-gap-inline: 3rem;
  --df-component-select-color-bg-fill-primary-hovered: #ffffff;
  --df-component-select-color-bg-fill-secondary: #f4f4f4;
  --df-component-select-color-border-primary-hovered: #bfbebe;
  --df-component-select-border-radius: 2px;
  --df-component-select-padding-horizontal: 0rem;
  --df-component-select-padding-vertical: 0.5rem;
  --df-component-select-option-border-radius: 0px;
  --df-component-select-option-padding-horizontal: 1rem;
  --df-component-select-menu-border-radius: 0px;
  --df-component-select-menu-padding-horizontal: 0rem;
  --df-component-select-menu-padding-vertical: 0.5rem;
  --df-component-select-small-border-radius: 0px;
  --df-component-select-small-padding-horizontal: 0rem;
  --df-component-select-small-padding-vertical: 0.5rem;
  --df-component-select-inline-padding-horizontal: 0.5rem;
  --df-component-tile-product-buttons-margin-horizontal: 0rem;
  --df-component-tile-product-buttons-margin-vertical: 0rem;
  --df-component-tile-product-content-margin: 1.5rem;
  --df-component-tile-product-content-title-margin: 1.5rem;
  --df-component-tile-product-content-description-margin-bottom: 1rem;
  --df-component-tile-product-image-border-radius: 0px;
  --df-component-tile-padding-sm: 0.5rem;
  --df-component-tile-padding-md: 1rem;
  --df-component-tile-padding-lg: 1.25rem;
  --df-component-tile-content-margin-bottom-sm: 0.5rem;
  --df-component-tile-content-margin-bottom-md: 1rem;
  --df-component-tile-content-margin-sm: 0rem;
  --df-component-tile-content-margin-md: 0rem;
  --df-component-tile-content-margin-top-md: 1rem;
  --df-component-tile-content-gap: 0rem;
  --df-component-tile-border-radius: 0px;
  --df-component-tile-border-width: 0px;
  --df-component-tile-divider-color: #bfbebe;
  --df-component-search-input-icon-size: 24px;
  --df-component-search-input-border-radius: 0px;
  --df-component-search-input-border-width: 1px;
  --df-component-search-input-padding-delimiter: 0rem;
  --df-component-search-input-padding-vertical: 0.5rem;
  --df-component-search-input-padding-horizontal: 1rem;
  --df-component-file-input-subtitle-color: #575757;
  --df-component-file-input-dash-color: #575757;
  --df-component-file-input-dash-border-radius: 4px;
  --df-component-footer-border-radius: 0px;
  --df-component-footer-border-width: 1px;
  --df-component-footer-padding-horizontal: 3rem;
  --df-component-footer-padding-horizontal-sm: 3rem;
  --df-component-footer-padding-vertical: 1.25rem;
  --df-component-footer-color-bg-surface-primary: #303030;
  --df-component-footer-color-bg-surface-secondary: #303030;
  --df-component-footer-color-link-primary: #ffffff;
  --df-component-footer-color-link-secondary: #ffffff;
  --df-component-footer-color-border-primary: #ffffff;
  --df-component-footer-link-padding-bottom: 1rem;
  --df-component-footer-link-group-padding-bottom: 1.25rem;
  --df-component-footer-margin-sm: 0rem;
  --df-component-footer-margin-md: 0rem;
  --df-component-progress-steps-circle-size: 1.5rem;
  --df-component-progress-steps-border-width: 0px;
  --df-component-progress-steps-border-radius: 0px;
  --df-component-progress-steps-color-text-primary: #575757;
  --df-component-progress-steps-color-text-secondary: #575757;
  --df-component-progress-steps-color-border-secondary: #d8d8d9;
  --df-component-progress-steps-item-color-bg-fill-primary: #484848;
  --df-component-progress-steps-item-color-bg-fill-secondary: #bfbebe;
  --df-component-progress-steps-item-color-text-primary: #ffffff;
  --df-component-progress-steps-item-color-text-secondary: #ffffff;
  --df-component-progress-steps-item-color-icon-primary: #ffffff;
  --df-component-progress-steps-item-content-font-line-height: 1.5rem;
  --df-component-tab-font-weight: 700px;
  --df-component-tab-color-text: #686868;
  --df-component-tab-color-text-selected: #575757;
  --df-component-tab-color-bg-primary: #ffffff;
  --df-component-tab-color-bg-secondary: #f4f4f4;
  --df-component-tab-color-bg-primary-hover: #f4f4f4;
  --df-component-tab-color-bg-secondary-hover: #d8d8d9;
  --df-component-tab-color-bg-primary-pressed: #d8d8d9;
  --df-component-tab-color-bg-secondary-pressed: #bfbebe;
  --df-component-tab-color-text-hover: #575757;
  --df-component-tab-color-border-selected: #e2000f;
  --df-component-tab-color-border-hover: #bfbebe;
  --df-component-tab-border-width-selected: 4px;
  --df-component-tab-border-width: 1px;
  --df-component-tab-border-width-hover: 1px;
  --df-component-tab-border-width-vertical-hover: 0px;
  --df-component-tab-border-width-vertical: 0px;
  --df-component-tab-padding-left: 0.25rem;
  --df-component-tab-padding-vertical-xs: 0.375rem;
  --df-component-tab-padding-vertical-sm: 0.625rem;
  --df-component-treeview-padding: 0.25rem;
  --df-component-treeview-selected-font-weight: bold;
  --df-component-treeview-height: 36px;
  --df-component-treeview-color-bg-selected: rgba(0, 0, 0, 0);
  --df-component-treeview-color-bg-selected-hovered: #f4f4f4;
  --df-component-treeview-gap: 0rem;
  --df-component-treeview-border-radius: 0px;
  --df-component-divider-color-weight-light: #d8d8d9;
  --df-component-divider-color-weight-heavy: #484848;
  --df-component-slider-marks-color-default: #484848;
  --df-component-slider-marks-color-disabled: #d8d8d9;
  --df-component-slider-marks-border-radius: 0px;
  --df-component-slider-track-color-active: #4b7d95;
  --df-component-slider-track-color-inactive: #d8d8d9;
  --df-component-slider-track-color-disabled: #686868;
  --df-component-slider-track-margin-horizontal: 0.75rem;
  --df-component-slider-pin-size: 0.75rem;
  --df-component-slider-pin-color-default: #4b7d95;
  --df-component-slider-pin-color-active: #4b7d95;
  --df-component-slider-pin-color-disabled: #686868;
  --df-component-slider-pin-border-width: 1px;
  --df-component-slider-pin-border-color-default: #4b7d95;
  --df-component-slider-pin-border-color-disabled: rgba(255, 255, 255, 0);
  --df-component-slider-pin-outline-color-primary-pressed: #bcd7fe;
  --df-component-mega-menu-height: 56px;
  --df-component-mega-menu-height-mobile: 56px;
  --df-component-mega-menu-item-color-bg-fill: rgba(255, 255, 255, 0);
  --df-component-mega-menu-item-color-bg-fill-hover: rgba(255, 255, 255, 0);
  --df-component-mega-menu-item-color-bg-fill-pressed: rgba(255, 255, 255, 0);
  --df-component-mega-menu-item-color-text: #575757;
  --df-component-mega-menu-dismissable: false;
  --df-component-mega-menu-header-color-text: #575757;
  --df-component-mega-menu-panel-border-radius: 0px;
  --df-component-mega-menu-panel-margin: 0px;
  --df-component-mega-menu-border-width: 2px;
  --df-component-mega-menu-color: #ffffff;
  --df-component-time-picker-border-radius: 2px;
  --df-component-time-picker-content-border-radius-pressed: 4px;
  --df-component-time-picker-content-border-radius-default: 0px;
  --df-component-time-picker-gap: 0.5rem;
  --df-component-time-picker-padding: 0.5rem;
  --df-component-time-picker-scrollbar-offset: 0rem;
  --df-component-time-picker-clock-container-indicator-border-radius: 4px;
  --df-component-time-picker-date-showcase-gap: 0.25rem;
  --df-component-date-picker-content-border-radius-default: 0px;
  --df-component-date-picker-content-border-radius-pressed: 4px;
  --df-component-date-picker-drop-down-item-padding-vertical: 0.5rem;
  --df-component-date-picker-drop-down-container-padding: 0rem;
  --df-component-date-picker-drop-down-border-radius: 0rem;
  --df-component-date-picker-padding: 0.75rem;
  --df-component-date-picker-selection-row-padding: 0.5rem;
  --df-component-date-picker-selection-row-pagination-padding-default: 0.25rem;
  --df-component-date-picker-selection-row-pagination-padding-drop-down-left: 0.5rem;
  --df-component-date-time-picker-time-labels-padding-horizontal: 0.5rem;
  --df-component-date-range-picker-showcase-label-padding: 0.75rem;
  --df-component-date-range-picker-confirm-button-container-height: 84px;
  --df-component-date-range-picker-date-info-container-height: 120px;
  --df-component-date-time-components-border-radius: 0.125rem;
  --df-component-date-time-components-content-size: 2rem;
  --df-component-date-time-components-bottom-sheet-padding-default: 1rem;
  --df-component-date-time-components-bottom-sheet-padding-close-area: 1.5rem;
  --df-component-date-time-components-bottom-sheet-gap: 1.5rem;
  --df-component-date-time-components-bottom-sheet-border-radius-top: 0px;
  --df-component-language-picker-spacing-vertical: 0.5rem;
  --df-component-language-picker-small-label-padding-horizontal: 1rem;
  --df-component-language-picker-small-label-padding-vertical: 1rem;
  --df-component-language-picker-small-padding-vertical: 0rem;
  --df-component-language-picker-large-lable-padding-vertical: 1.5rem;
  --df-component-language-picker-large-lable-spacing-vertical: 0.5rem;
  --df-component-language-picker-large-padding-vertical: 1.5rem;
  --df-component-language-picker-divider-padding-vertical: 0rem;
  --df-component-language-picker-border-radius: 4px;
  --df-component-app-switcher-border-radius: 4px;
  --df-component-app-switcher-item-title-color: #686868;
  --df-component-app-switcher-item-border-radius: 0px;
  --df-component-app-switcher-item-list-border-radius: 4px;
  --df-component-app-switcher-item-list-border-padding: 0.25rem;
  --df-component-app-switcher-item-color-bg-fill-hover: #d8d8d9;
  --df-component-app-switcher-item-color-bg-fill-pressed: #bfbebe;
  --df-component-app-switcher-display-border: false;
  --df-component-app-switcher-gap: 0.25rem;
  --df-component-header-tab-icon-color: #303030;
  --df-component-header-size-desktop: 80px;
  --df-component-header-size-mobile: 64px;
  --df-component-header-pre-header-size: 0px;
  --df-component-table-header-color-bg-fill: #ed071b;
  --df-component-table-header-color-border-primary: #484848;
  --df-component-table-header-color-icon-primary: #303030;
  --df-component-table-header-color-text-primary: #ffffff;
  --df-component-table-header-border-width: 1px;
  --df-component-table-header-border-radius-lg: 0px;
  --df-component-table-header-border-radius-md: 0px;
  --df-component-table-header-cell-padding-vertical-lg: 1.5rem;
  --df-component-table-header-cell-padding-vertical-md: 0.75rem;
  --df-component-table-cell-padding-sm: 0.75rem;
  --df-component-table-cell-padding-md: 1.5rem;
  --df-component-table-cell-color-bg-fill: #f4f4f4;
  --df-component-table-cell-color-bg-fill-selected: #bfbebe;
  --df-component-table-card-gap: 1rem;
  --df-component-table-card-padding: 0.375rem;
  --df-component-table-card-border-width: 0px;
  --df-component-table-card-cell-padding-horizontal: 0.5rem;
  --df-component-table-card-cell-padding-vertical: 0.25rem;
  --df-component-table-card-color-bg-fill: #f4f4f4;
  --df-component-table-card-color-text-primary: #575757;
  --df-component-legacy-header-size-desktop: 72px;
  --df-component-legacy-header-size-mobile: 52px;
  --df-component-bleed-container-max-width: 100%;
  --df-component-bleed-container-padding-md: 0rem;
  --df-component-bleed-container-padding-sm: 0rem;
  --df-component-bleed-container-inner-padding-md: 1rem;
  --df-component-bleed-container-inner-padding-sm: 0.75rem;
  --df-component-bleed-container-inner-padding-xs: 0.625rem;
  --df-component-filter-title-font-weight: 400;
  --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.25rem;
  --df-spacing-fluid-xs: 0.5rem;
  --df-spacing-fluid-sm: 0.75rem;
  --df-spacing-fluid-md: 1rem;
  --df-spacing-fluid-lg: 1.25rem;
  --df-spacing-fluid-xl: 2.5rem;
  --df-spacing-fluid-2xl: 3.25rem;
  --df-spacing-fluid-3xl: 5.5rem;
  --df-spacing-custom-01: 0.75rem;
  --df-spacing-custom-02: 1.25rem;
  --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-spacing-content-width-max: 100.5rem;
  --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;
}