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

:root[data-theme="corporate-light"] {
  --pds-elevation-0: 0 0 0 0 transparent;
  --pds-elevation-1: 0 1px 3px 0 #0000001f, 0 1px 1px 0 #00000024, 0 2px 1px -1px #00000033;
  --pds-elevation-2: 0 1px 5px 0 #0000001f, 0 2px 2px 0 #00000024, 0 3px 1px -2px #00000033;
  --pds-elevation-3: 0 1px 8px 0 #0000001f, 0 3px 4px 0 #00000024, 0 3px 3px -2px #00000033;
  --pds-elevation-4: 0 1px 10px 0 #0000001f, 0 4px 5px 0 #00000024, 0 2px 4px -1px #00000033;
  --pds-elevation-5: 0 1px 14px 0 #0000001f, 0 5px 8px 0 #00000024, 0 3px 5px -1px #00000033;
  --pds-elevation-6: 0 1px 18px 0 #0000001f, 0 6px 10px 0 #00000024, 0 3px 5px -1px #00000033;
  --pds-elevation-7: 0 2px 16px 1px #0000001f, 0 7px 10px 1px #00000024, 0 4px 5px -2px #00000033;
  --pds-elevation-8: 0 3px 14px 2px #0000001f, 0 8px 10px 1px #00000024, 0 5px 5px -3px #00000033;
  --pds-elevation-9: 0 3px 16px 2px #0000001f, 0 9px 12px 1px #00000024, 0 5px 6px -3px #00000033;
  --pds-elevation-10: 0 4px 18px 3px #0000001f, 0 10px 14px 1px #00000024, 0 6px 6px -3px #00000033;
  --pds-elevation-11: 0 4px 20px 3px #0000001f, 0 11px 15px 1px #00000024, 0 6px 7px -4px #00000033;
  --pds-elevation-12: 0 5px 22px 4px #0000001f, 0 12px 17px 2px #00000024, 0 7px 8px -4px #00000033;
  --pds-elevation-13: 0 5px 24px 4px #0000001f, 0 13px 19px 2px #00000024, 0 7px 8px -4px #00000033;
  --pds-elevation-14: 0 5px 26px 4px #0000001f, 0 14px 21px 2px #00000024, 0 7px 9px -4px #00000033;
  --pds-elevation-15: 0 6px 28px 5px #0000001f, 0 15px 22px 2px #00000024, 0 8px 9px -5px #00000033;
  --pds-elevation-16: 0 6px 30px 5px #0000001f, 0 16px 24px 2px #00000024, 0 8px 10px -5px #00000033;
  --pds-elevation-17: 0 6px 32px 5px #0000001f, 0 17px 26px 2px #00000024, 0 8px 11px -5px #00000033;
  --pds-elevation-18: 0 7px 34px 6px #0000001f, 0 18px 28px 2px #00000024, 0 9px 11px -5px #00000033;
  --pds-elevation-19: 0 7px 36px 6px #0000001f, 0 19px 29px 2px #00000024, 0 9px 12px -6px #00000033;
  --pds-elevation-20: 0 8px 38px 7px #0000001f, 0 20px 31px 3px #00000024, 0 10px 13px -6px #00000033;
  --pds-elevation-21: 0 8px 40px 7px #0000001f, 0 21px 33px 3px #00000024, 0 10px 13px -6px #00000033;
  --pds-elevation-22: 0 8px 42px 7px #0000001f, 0 22px 35px 3px #00000024, 0 10px 14px -6px #00000033;
  --pds-elevation-23: 0 9px 44px 8px #0000001f, 0 23px 36px 3px #00000024, 0 11px 14px -7px #00000033;
  --pds-elevation-24: 0 9px 46px 8px #0000001f, 0 24px 38px 3px #00000024, 0 11px 15px -7px #00000033;
  --pds-typography-font-families-sans-serif: 'Inter Variable', Arial, 'Helvetica Neue', sans-serif; /** In typography and lettering, a sans-serif, sans serif, gothic, or simply sans letterform is one that does not have extending features called "serifs" at the end of strokes. Sans-serif typefaces tend to have less stroke width variation than serif typefaces. */
  --pds-typography-font-families-mono: 'Roboto Mono', 'Courier New', monospace; /** A monospaced font, also called a fixed-pitch, fixed-width, or non-proportional font, is a font whose letters and characters each occupy the same amount of horizontal space.  */
  --pds-typography-font-families-serif: Bitter, Georgia, 'Times New Roman', Garamond, serif; /** In typography, a serif is a small line or stroke regularly attached to the end of a larger stroke in a letter or symbol within a particular font or family of fonts. A typeface or "font family" making use of serifs is called a serif typeface. */
  --pds-typography-font-families-emoji: 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  --pds-typography-font-families-cursive: 'Brush Script MT', cursive;
  --pds-typography-line-heights-1-0: 1.00;
  --pds-typography-line-heights-1-167: 1.167;
  --pds-typography-line-heights-1-20: 1.20;
  --pds-typography-line-heights-1-235: 1.235;
  --pds-typography-line-heights-1-25: 1.25;
  --pds-typography-line-heights-1-334: 1.334;
  --pds-typography-line-heights-1-385: 1.385;
  --pds-typography-line-heights-1-43: 1.43;
  --pds-typography-line-heights-1-5: 1.5;
  --pds-typography-line-heights-1-57: 1.57;
  --pds-typography-line-heights-1-6: 1.6;
  --pds-typography-line-heights-1-66: 1.66;
  --pds-typography-line-heights-1-75: 1.75;
  --pds-typography-line-heights-2-66: 2.66;
  --pds-typography-font-weights-100: 100;
  --pds-typography-font-weights-200: 200;
  --pds-typography-font-weights-300: 300;
  --pds-typography-font-weights-400: 400;
  --pds-typography-font-weights-500: 500;
  --pds-typography-font-weights-600: 600;
  --pds-typography-font-weights-700: 700;
  --pds-typography-font-weights-800: 800;
  --pds-typography-font-weights-900: 900;
  --pds-typography-font-size-0: 0.625rem;
  --pds-typography-font-size-1: 0.75rem;
  --pds-typography-font-size-2: 0.8125rem;
  --pds-typography-font-size-3: 0.875rem;
  --pds-typography-font-size-4: 0.9375rem;
  --pds-typography-font-size-5: 1rem;
  --pds-typography-font-size-6: 1.25rem;
  --pds-typography-font-size-7: 1.5rem;
  --pds-typography-font-size-8: 2.125rem;
  --pds-typography-font-size-9: 3rem;
  --pds-typography-font-size-10: 3.75rem;
  --pds-typography-font-size-11: 4rem;
  --pds-typography-font-size-12: 6rem;
  --pds-typography-letter-spacing-0: -1.5px;
  --pds-typography-letter-spacing-1: -0.5px;
  --pds-typography-letter-spacing-2: 0;
  --pds-typography-letter-spacing-3: 0.25px;
  --pds-typography-letter-spacing-4: 0.15px;
  --pds-typography-letter-spacing-5: 0.17px;
  --pds-typography-letter-spacing-6: 0.1px;
  --pds-typography-letter-spacing-7: 1px;
  --pds-typography-letter-spacing-8: 0.4px;
  --pds-typography-letter-spacing-9: 0.14px;
  --pds-typography-letter-spacing-10: 0.46px;
  --pds-typography-letter-spacing-11: 0.16px;
  --pds-typography-paragraph-spacing-0: 0;
  --pds-typography-text-case-none: none;
  --pds-typography-text-case-uppercase: uppercase;
  --pds-typography-text-case-capitalize: capitalize;
  --pds-typography-text-decoration-none: none;
  --pds-typography-paragraph-indent-0: 0px;
  /**
   * Tabular figures are excellent for tables of numeric data. tnum enables an entire set of dedicated glyphs that have the same width across all weights.
   * 
   * font-variant-numeric: tabular-nums;
   */
  --pds-typography-tabular-numbers-font-variant-numeric: tabular-nums;
  /**
   * This feature replaces sets of default character glyphs with stylistic variants. Glyphs in stylistic sets may be designed to harmonise visually, interact in particular ways, or otherwise work together.
   * 
   * font-feature-settings: "ss01";
   */
  --pds-typography-open-digits-font-variant-numeric: 'ss01';
  --pds-dimension-0: 0px;
  --pds-dimension-1: 4px;
  --pds-dimension-2: 8px;
  --pds-dimension-3: 12px;
  --pds-dimension-4: 16px;
  --pds-dimension-5: 20px;
  --pds-dimension-6: 24px;
  --pds-dimension-7: 28px;
  --pds-dimension-8: 32px;
  --pds-dimension-9: 36px;
  --pds-dimension-10: 40px;
  --pds-dimension-11: 44px;
  --pds-dimension-12: 48px;
  --pds-dimension-13: 52px;
  --pds-dimension-14: 56px;
  --pds-dimension-15: 60px;
  --pds-dimension-16: 64px;
  --pds-dimension-17: 68px;
  --pds-dimension-18: 72px;
  --pds-dimension-19: 76px;
  --pds-dimension-20: 80px;
  --pds-dimension-21: 84px;
  --pds-dimension-22: 88px;
  --pds-dimension-23: 92px;
  --pds-dimension-24: 96px;
  --pds-dimension-25: 100px;
  --pds-dimension-auto: AUTO;
  --pds-text-primary: #181819; /** Reflects the text.primary variable from the theme object. */
  --pds-text-secondary: #434446; /** Reflects the text.secondary variable from the theme object.  */
  --pds-text-disabled: #878889; /** APCA contrat 30 - Absolute minimum for text like form field placeholder text and disabled button text. */
  --pds-primary-dark: #062855; /** Used for hover states. */
  --pds-primary-light: #004697; /** Reflects the primary.light variable from the theme object */
  --pds-primary-contrast: #ffffff; /** Color that keeps a contrast ratio above AA when XX.main is used as a bg. color */
  --pds-secondary-main: #f06b19; /** Regular Text, Large Text, Graphic Components */
  --pds-secondary-dark: #e54e03; /** Used for hover states. */
  --pds-secondary-light: #f38835; /** Large Text; Graphic Components */
  --pds-secondary-contrast: #000000; /** Color that keeps a contrast ratio above AA when XX.main is used as a bg. color */
  --pds-action-active: hsl(none 0% 0% / 0.56);
  --pds-action-hover: hsl(none 0% 0% / 0.04); /** Reflects the action.hover variable from the theme object */
  --pds-action-selected: hsl(none 0% 0% / 0.08); /** Reflects the action.selected variable from the theme object */
  --pds-action-focus: hsl(none 0% 0% / 0.12); /** Reflects the action.focus variable from the theme object */
  --pds-action-disabled: hsl(none 0% 0% / 0.38); /** Reflects the action.disabled variable from the theme object */
  --pds-action-disabled-background: hsl(none 0% 0% / 0.12); /** Reflects the action.disabledBackground variable from the theme object */
  --pds-error-main: #e90d0f;
  --pds-error-dark: #c20908; /** Used for hover states. */
  --pds-error-light: #fc3837;
  --pds-error-contrast: #ffffff; /** Color that keeps a contrast ratio above AA when XX.main is used as a bg. color */
  --pds-warning-main: #d77908;
  --pds-warning-dark: #b35402; /** Used for hover states. */
  --pds-warning-light: #f1a121;
  --pds-warning-contrast: #000000; /** Color that keeps a contrast ratio above AA when XX.main is used as a bg. color */
  --pds-info-main: #166cf1;
  --pds-info-dark: #0555de; /** Used for hover states. */
  --pds-info-light: #3289fb;
  --pds-success-dark: #458139; /** Used for hover states. */
  --pds-success-light: #65c64d;
  --pds-success-contrast: #000000; /** Color that keeps a contrast ratio above AA when XX.main is used as a bg. color */
  --pds-common-white-states-main: #ffffff;
  --pds-common-black-states-main: #000000;
  --pds-background-default: #ffffff; /** Reflects the background.default variable from the theme object */
  --pds-background-alt: #ebecec;
  --pds-background-paper-elevation-0: #ffffff; /** Reflects the background.paper variable from the theme object */
  --pds-background-paper-elevation-1: #ffffff; /** Reflects the background.paper variable from the theme object */
  --pds-background-paper-elevation-2: #ffffff; /** Reflects the background.paper variable from the theme object */
  --pds-background-paper-elevation-3: #ffffff; /** Reflects the background.paper variable from the theme object */
  --pds-background-paper-elevation-4: #ffffff; /** Reflects the background.paper variable from the theme object */
  --pds-background-paper-elevation-5: #ffffff; /** Reflects the background.paper variable from the theme object */
  --pds-background-paper-elevation-6: #ffffff; /** Reflects the background.paper variable from the theme object */
  --pds-background-paper-elevation-7: #ffffff; /** Reflects the background.paper variable from the theme object */
  --pds-background-paper-elevation-8: #ffffff; /** Reflects the background.paper variable from the theme object */
  --pds-background-paper-elevation-9: #ffffff; /** Reflects the background.paper variable from the theme object */
  --pds-background-paper-elevation-10: #ffffff; /** Reflects the background.paper variable from the theme object */
  --pds-background-paper-elevation-11: #ffffff; /** Reflects the background.paper variable from the theme object */
  --pds-background-paper-elevation-12: #ffffff; /** Reflects the background.paper variable from the theme object */
  --pds-background-paper-elevation-13: #ffffff; /** Reflects the background.paper variable from the theme object */
  --pds-background-paper-elevation-14: #ffffff; /** Reflects the background.paper variable from the theme object */
  --pds-background-paper-elevation-15: #ffffff; /** Reflects the background.paper variable from the theme object */
  --pds-background-paper-elevation-16: #ffffff; /** Reflects the background.paper variable from the theme object */
  --pds-background-paper-elevation-17: #ffffff; /** Reflects the background.paper variable from the theme object */
  --pds-background-paper-elevation-18: #ffffff; /** Reflects the background.paper variable from the theme object */
  --pds-background-paper-elevation-19: #ffffff; /** Reflects the background.paper variable from the theme object */
  --pds-background-paper-elevation-20: #ffffff; /** Reflects the background.paper variable from the theme object */
  --pds-background-paper-elevation-21: #ffffff; /** Reflects the background.paper variable from the theme object */
  --pds-background-paper-elevation-22: #ffffff; /** Reflects the background.paper variable from the theme object */
  --pds-background-paper-elevation-23: #ffffff; /** Reflects the background.paper variable from the theme object */
  --pds-background-paper-elevation-24: #ffffff; /** Reflects the background.paper variable from the theme object */
  --pds-divider: hsl(none 0% 0% / 0.12); /** Reflects the divider variable from the theme object */
  --pds-native-scrollbar-bg: #eeeeee;
  --pds-colors-brand-orange-b: #f06f1f; /** Paycor Orange, brand color */
  --pds-colors-brand-red-b: #f12121;
  --pds-colors-brand-blue-b: #1965de; /** Link Blue, Branding Agency */
  --pds-colors-brand-navy-b: #193d6a; /** Paycor Navy, Branding Guidelines */
  --pds-colors-brand-yellow-b: #f9a725; /** Paycor Yellow, Branding Guidelines */
  --pds-colors-brand-bright-yellow-b: #ffdd00; /** Paycor Bright Yellow, Branding Guidelines */
  --pds-colors-brand-green-b: #59a545; /** Paycor Green, Branding Guidelines */
  --pds-colors-brand-purple-b: #563684; /** Paycor Purple */
  --pds-colors-brand-grey-b: #58595b; /** Paycor Text Grey, Branding Guidelines */
  --pds-components-badge-min-height: 24px; /** Size of the standard badge. */
  --pds-components-badge-min-width: 24px; /** Minimum width of the badge to accommodate content. */
  --pds-components-badge-dot-min-height: 8px; /** Minimum height of the badge to accommodate content. */
  --pds-components-badge-dot-min-width: 8px; /** Size of the dot badge. */
  --pds-components-badge-outlined-border-style: 1px solid;
  --pds-components-badge-outlined-default-border-color: #cbcdd1;
  --pds-components-badge-standard-default-background-color: #eaebed;
  --pds-components-card-card-header-padding: 16px; /** Padding inside the CardHeader component. */
  --pds-components-card-card-header-border-width: 8px;
  --pds-components-card-card-content-padding: 16px; /** Padding inside the CardContet component. */
  --pds-components-card-card-actions-gap: 8px; /** Spacing between actions in the CardActions component. */
  --pds-components-card-card-actions-padding: 16px; /** Padding inside the CardActions component. */
  --pds-components-icon-size-small: 1.25rem;
  --pds-components-icon-size-medium: 1.5rem;
  --pds-components-icon-size-large: 2rem;
  --pds-components-accordion-elevation: 0 0 0 0 transparent;
  --pds-components-button-elevation: 0 0 0 0 transparent;
  --pds-components-button-size-large-contained-padding: 8px 24px;
  --pds-components-button-size-large-outlined-padding: 8px 24px;
  --pds-components-paper-outlined-border-color: #eaebed; /** Border color for the outlined variant (elevation.outlined). */
  --pds-components-input-standard-enabled-border: rgba(0, 0, 0, 0.42);
  --pds-components-input-standard-hover-border: #000000;
  --pds-components-input-filled-enabled-fill: rgba(0, 0, 0, 0.06);
  --pds-components-input-filled-hover-fill: rgba(0, 0, 0, 0.09);
  --pds-components-input-outlined-enabled-border: rgba(0, 0, 0, 0.23);
  --pds-components-input-outlined-hover-border: #000000;
  --pds-components-chip-default-close-fill: rgb(0% 0% 0% / 0.26);
  --pds-components-chip-default-hover-fill: hsl(none 0% 0% / 0.12);
  --pds-components-chip-default-enabled-border: #bdbdbd;
  --pds-components-chip-default-focus-fill: hsl(none 0% 0% / 0.2);
  --pds-components-data-grid-striped-fill-color: rgba(17, 18, 20, 0.03);
  --pds-components-dialog-dialog-actions-gap: 8px;
  --pds-components-dialog-dialog-actions-margin: 16px;
  --pds-components-alert-error-color: #5c1311;
  --pds-components-alert-error-background: #faeae9;
  --pds-components-alert-warning-background: #fef6e9;
  --pds-components-alert-info-color: #081e43;
  --pds-components-alert-info-background: #e8f0fc;
  --pds-components-alert-success-color: #073822;
  --pds-components-alert-success-background: #e8f8f1;
  --pds-components-backdrop-fill: rgb(0% 0% 0% / 0.5);
  --pds-components-tooltip-fill: rgba(17, 18, 20, 0.9);
  --pds-components-link-focus-outline-width: 2px; /** Outline width when the Link is focused. */
  --pds-components-link-focus-outline-radius: 4px;
  --pds-components-link-focus-outline-style: solid;
  --pds-components-link-underline-weight: 1px; /** Underline weight. */
  --pds-components-app-bar-default-fill: #f2f3f4;
  --pds-components-snackbar-fill: #2b2f35;
  --pds-components-rating-enabled-border: #d77908;
  --pds-components-switch-knob-fill-enabled: #e7e7e8; /** This color serves as the background for the knob when the switch is unchecked (Checked: False). */
  --pds-components-switch-slide-fill: #000000; /** This color serves as the background for the slide when the switch component is in its default state or when it is unchecked. */
  --pds-components-switch-knob-fill-disabled: #c7c7c7; /** This color is used as the background for the knob when the switch is in the disabled state. */
  --pds-components-avatar-radius-rounded: 8px; /** Border radius for a rounded Avatar. */
  --pds-spacing-0: 0px; /** The Dimension Token supports the size, space, radius, or position of specific elements within a design. */
  --pds-spacing-1: 2px;
  --pds-spacing-2: 4px;
  --pds-spacing-3: 6px;
  --pds-spacing-4: 8px;
  --pds-spacing-5: 12px;
  --pds-spacing-6: 16px;
  --pds-spacing-7: 20px;
  --pds-spacing-8: 24px;
  --pds-spacing-9: 32px;
  --pds-spacing-10: 40px;
  --pds-spacing-11: 48px;
  --pds-spacing-12: 64px;
  --pds-spacing-13: 80px;
  --pds-typography-h1-font-family: var(--pds-typography-font-families-sans-serif);
  --pds-typography-h1-font-weight: var(--pds-typography-font-weights-300);
  --pds-typography-h1-line-height: 1.167;
  --pds-typography-h1-font-size: var(--pds-typography-font-size-12);
  --pds-typography-h1-letter-spacing: var(--pds-typography-letter-spacing-0);
  --pds-typography-h1-paragraph-spacing: var(--pds-typography-paragraph-spacing-0);
  --pds-typography-h1-paragraph-indent: var(--pds-typography-paragraph-indent-0);
  --pds-typography-h1-text-case: var(--pds-typography-text-case-none);
  --pds-typography-h1-text-decoration: var(--pds-typography-text-decoration-none);
  --pds-typography-h2-font-family: var(--pds-typography-font-families-sans-serif);
  --pds-typography-h2-font-weight: var(--pds-typography-font-weights-300);
  --pds-typography-h2-line-height: 1.2;
  --pds-typography-h2-font-size: var(--pds-typography-font-size-10);
  --pds-typography-h2-letter-spacing: var(--pds-typography-letter-spacing-1);
  --pds-typography-h2-paragraph-spacing: var(--pds-typography-paragraph-spacing-0);
  --pds-typography-h2-paragraph-indent: var(--pds-typography-paragraph-indent-0);
  --pds-typography-h2-text-case: var(--pds-typography-text-case-none);
  --pds-typography-h2-text-decoration: var(--pds-typography-text-decoration-none);
  --pds-typography-h3-font-family: var(--pds-typography-font-families-sans-serif);
  --pds-typography-h3-font-weight: var(--pds-typography-font-weights-400);
  --pds-typography-h3-line-height: 1.167;
  --pds-typography-h3-font-size: var(--pds-typography-font-size-9);
  --pds-typography-h3-letter-spacing: var(--pds-typography-letter-spacing-2);
  --pds-typography-h3-paragraph-spacing: var(--pds-typography-paragraph-spacing-0);
  --pds-typography-h3-paragraph-indent: var(--pds-typography-paragraph-indent-0);
  --pds-typography-h3-text-case: var(--pds-typography-text-case-none);
  --pds-typography-h3-text-decoration: var(--pds-typography-text-decoration-none);
  --pds-typography-h4-font-family: var(--pds-typography-font-families-sans-serif);
  --pds-typography-h4-font-weight: var(--pds-typography-font-weights-400);
  --pds-typography-h4-line-height: 1.235;
  --pds-typography-h4-font-size: var(--pds-typography-font-size-8);
  --pds-typography-h4-letter-spacing: var(--pds-typography-letter-spacing-3);
  --pds-typography-h4-paragraph-spacing: var(--pds-typography-paragraph-spacing-0);
  --pds-typography-h4-paragraph-indent: var(--pds-typography-paragraph-indent-0);
  --pds-typography-h4-text-case: var(--pds-typography-text-case-none);
  --pds-typography-h4-text-decoration: var(--pds-typography-text-decoration-none);
  --pds-typography-h5-font-family: var(--pds-typography-font-families-sans-serif);
  --pds-typography-h5-font-weight: var(--pds-typography-font-weights-400);
  --pds-typography-h5-line-height: 1.334;
  --pds-typography-h5-font-size: var(--pds-typography-font-size-7);
  --pds-typography-h5-letter-spacing: var(--pds-typography-letter-spacing-2);
  --pds-typography-h5-paragraph-spacing: var(--pds-typography-paragraph-spacing-0);
  --pds-typography-h5-paragraph-indent: var(--pds-typography-paragraph-indent-0);
  --pds-typography-h5-text-case: var(--pds-typography-text-case-none);
  --pds-typography-h5-text-decoration: var(--pds-typography-text-decoration-none);
  --pds-typography-h6-font-family: var(--pds-typography-font-families-sans-serif);
  --pds-typography-h6-font-weight: var(--pds-typography-font-weights-500);
  --pds-typography-h6-line-height: 1.6;
  --pds-typography-h6-font-size: var(--pds-typography-font-size-6);
  --pds-typography-h6-letter-spacing: var(--pds-typography-letter-spacing-4);
  --pds-typography-h6-paragraph-spacing: var(--pds-typography-paragraph-spacing-0);
  --pds-typography-h6-paragraph-indent: var(--pds-typography-paragraph-indent-0);
  --pds-typography-h6-text-case: var(--pds-typography-text-case-none);
  --pds-typography-h6-text-decoration: var(--pds-typography-text-decoration-none);
  --pds-typography-body1-font-family: var(--pds-typography-font-families-sans-serif);
  --pds-typography-body1-font-weight: var(--pds-typography-font-weights-400);
  --pds-typography-body1-line-height: 1.5;
  --pds-typography-body1-font-size: var(--pds-typography-font-size-5);
  --pds-typography-body1-letter-spacing: var(--pds-typography-letter-spacing-4);
  --pds-typography-body1-paragraph-spacing: var(--pds-typography-paragraph-spacing-0);
  --pds-typography-body1-paragraph-indent: var(--pds-typography-paragraph-indent-0);
  --pds-typography-body1-text-case: var(--pds-typography-text-case-none);
  --pds-typography-body1-text-decoration: var(--pds-typography-text-decoration-none);
  --pds-typography-body2-font-family: var(--pds-typography-font-families-sans-serif);
  --pds-typography-body2-font-weight: var(--pds-typography-font-weights-400);
  --pds-typography-body2-line-height: 1.43;
  --pds-typography-body2-font-size: var(--pds-typography-font-size-3);
  --pds-typography-body2-letter-spacing: var(--pds-typography-letter-spacing-5);
  --pds-typography-body2-paragraph-spacing: var(--pds-typography-paragraph-spacing-0);
  --pds-typography-body2-paragraph-indent: var(--pds-typography-paragraph-indent-0);
  --pds-typography-body2-text-case: var(--pds-typography-text-case-none);
  --pds-typography-body2-text-decoration: var(--pds-typography-text-decoration-none);
  --pds-typography-subtitle1-font-family: var(--pds-typography-font-families-sans-serif);
  --pds-typography-subtitle1-font-weight: var(--pds-typography-font-weights-400);
  --pds-typography-subtitle1-line-height: 1.75;
  --pds-typography-subtitle1-font-size: var(--pds-typography-font-size-5);
  --pds-typography-subtitle1-letter-spacing: var(--pds-typography-letter-spacing-4);
  --pds-typography-subtitle1-paragraph-spacing: var(--pds-typography-paragraph-spacing-0);
  --pds-typography-subtitle1-paragraph-indent: var(--pds-typography-paragraph-indent-0);
  --pds-typography-subtitle1-text-case: var(--pds-typography-text-case-none);
  --pds-typography-subtitle1-text-decoration: var(--pds-typography-text-decoration-none);
  --pds-typography-subtitle2-font-family: var(--pds-typography-font-families-sans-serif);
  --pds-typography-subtitle2-font-weight: var(--pds-typography-font-weights-500);
  --pds-typography-subtitle2-line-height: 1.57;
  --pds-typography-subtitle2-font-size: var(--pds-typography-font-size-3);
  --pds-typography-subtitle2-letter-spacing: var(--pds-typography-letter-spacing-6);
  --pds-typography-subtitle2-paragraph-spacing: var(--pds-typography-paragraph-spacing-0);
  --pds-typography-subtitle2-paragraph-indent: var(--pds-typography-paragraph-indent-0);
  --pds-typography-subtitle2-text-case: var(--pds-typography-text-case-none);
  --pds-typography-subtitle2-text-decoration: var(--pds-typography-text-decoration-none);
  --pds-typography-overline-font-family: var(--pds-typography-font-families-sans-serif);
  --pds-typography-overline-font-weight: var(--pds-typography-font-weights-400);
  --pds-typography-overline-line-height: 2.66;
  --pds-typography-overline-font-size: var(--pds-typography-font-size-1);
  --pds-typography-overline-letter-spacing: var(--pds-typography-letter-spacing-7);
  --pds-typography-overline-paragraph-spacing: var(--pds-typography-paragraph-spacing-0);
  --pds-typography-overline-paragraph-indent: var(--pds-typography-paragraph-indent-0);
  --pds-typography-overline-text-case: var(--pds-typography-text-case-uppercase);
  --pds-typography-overline-text-decoration: var(--pds-typography-text-decoration-none);
  --pds-typography-caption-font-family: var(--pds-typography-font-families-sans-serif);
  --pds-typography-caption-font-weight: var(--pds-typography-font-weights-400);
  --pds-typography-caption-line-height: 1.66;
  --pds-typography-caption-font-size: var(--pds-typography-font-size-1);
  --pds-typography-caption-letter-spacing: var(--pds-typography-letter-spacing-8);
  --pds-typography-caption-paragraph-spacing: var(--pds-typography-paragraph-spacing-0);
  --pds-typography-caption-paragraph-indent: var(--pds-typography-paragraph-indent-0);
  --pds-typography-caption-text-case: var(--pds-typography-text-case-none);
  --pds-typography-caption-text-decoration: var(--pds-typography-text-decoration-none);
  --pds-typography-semantic-input-label-font-size: var(--pds-typography-font-size-1);
  --pds-typography-semantic-input-label-line-height: 1;
  --pds-typography-semantic-input-label-font-weight: var(--pds-typography-font-weights-400);
  --pds-typography-semantic-input-label-letter-spacing: var(--pds-typography-letter-spacing-4);
  --pds-typography-semantic-input-value-font-size: var(--pds-typography-font-size-5);
  --pds-typography-semantic-input-value-font-weight: var(--pds-typography-font-weights-400);
  --pds-typography-semantic-input-value-line-height: 1.5;
  --pds-typography-semantic-input-value-letter-spacing: var(--pds-typography-letter-spacing-4);
  --pds-radius-none: var(--pds-dimension-0);
  --pds-radius-small: var(--pds-dimension-1);
  --pds-radius-medium: var(--pds-dimension-2);
  --pds-radius-large: var(--pds-dimension-3);
  --pds-radius-max: var(--pds-dimension-25);
  --pds-text-states-hover: hsl(240 2.0408% 9.6078% / 0.04); /** Used for hover states. The token represents the value of action.hoverOpacity (0.04 by default) of the main token. */
  --pds-text-states-selected: hsl(240 2.0408% 9.6078% / 0.08); /** Used for selected states. The token represents the value of action.selectedOpacity (0.08 by default) of the main token. */
  --pds-text-states-focus: hsl(240 2.0408% 9.6078% / 0.12); /** Used for focus states. The token represents the value of action.focusOpacity (0.12 by default) of the main token. */
  --pds-text-states-focus-visible: hsl(240 2.0408% 9.6078% / 0.3); /** Used for focus visible states. The token represents the value of focusVisibleOpacity (0.3 by default) of the main token. */
  --pds-primary-main: var(--pds-colors-brand-navy-b); /** Reflects the primary.main variable from the theme object */
  --pds-secondary-states-hover: hsl(22.884 87.755% 51.961% / 0.04); /** Used for hover states. The token represents the value of action.hoverOpacity (0.04 by default) of the main token. */
  --pds-secondary-states-selected: hsl(22.884 87.755% 51.961% / 0.08); /** Used for selected states. The token represents the value of action.selectedOpacity (0.08 by default) of the main token. */
  --pds-secondary-states-focus: hsl(22.884 87.755% 51.961% / 0.12); /** Used for focus states. The token represents the value of action.focusOpacity (0.12 by default) of the main token. */
  --pds-secondary-states-focus-visible: hsl(22.884 87.755% 51.961% / 0.3);
  --pds-secondary-states-outlined-border: hsl(22.884 87.755% 51.961% / 0.5); /** Used for enabled states (e.g Button outlined variant). The token represents the value of outlinedBorderOpacity (0.5 by default) of the main token. */
  --pds-error-states-hover: hsl(359.45 89.431% 48.235% / 0.04); /** Used for hover states. The token represents the value of action.hoverOpacity (0.04 by default) of the main token. */
  --pds-error-states-selected: hsl(359.45 89.431% 48.235% / 0.08); /** Used for selected states. The token represents the value of action.selectedOpacity (0.08 by default) of the main token. */
  --pds-error-states-focus-visible: hsl(359.45 89.431% 48.235% / 0.3);
  --pds-error-states-outlined-border: hsl(359.45 89.431% 48.235% / 0.5); /** Used for enabled states (e.g Button outlined variant). The token represents the value of outlinedBorderOpacity (0.5 by default) of the main token. */
  --pds-warning-states-hover: hsl(27.797 97.79% 35.49% / 0.04); /** Used for hover states. The token represents the value of action.hoverOpacity (0.04 by default) of the main token. */
  --pds-warning-states-selected: hsl(27.797 97.79% 35.49% / 0.08); /** Used for selected states. The token represents the value of action.selectedOpacity (0.08 by default) of the main token. */
  --pds-warning-states-focus-visible: hsl(27.797 97.79% 35.49% / 0.3);
  --pds-warning-states-outlined-border: hsl(27.797 97.79% 35.49% / 0.5); /** Used for enabled states (e.g Button outlined variant). The token represents the value of outlinedBorderOpacity (0.5 by default) of the main token. */
  --pds-info-contrast: var(--pds-common-white-states-main); /** Color that keeps a contrast ratio above AA when XX.main is used as a bg. color */
  --pds-info-states-hover: hsl(216.44 88.664% 51.569% / 0.04); /** Used for hover states. The token represents the value of action.hoverOpacity (0.04 by default) of the main token. */
  --pds-info-states-selected: hsl(216.44 88.664% 51.569% / 0.08); /** Used for selected states. The token represents the value of action.selectedOpacity (0.08 by default) of the main token. */
  --pds-info-states-focus-visible: hsl(216.44 88.664% 51.569% / 0.3); /** Used for selected states. The token represents the value of action.selectedOpacity (0.08 by default) of the main token. */
  --pds-info-states-outlined-border: hsl(216.44 88.664% 51.569% / 0.5); /** Used for enabled states (e.g Button outlined variant). The token represents the value of outlinedBorderOpacity (0.5 by default) of the main token. */
  --pds-success-main: var(--pds-colors-brand-green-b);
  --pds-common-white-states-hover: hsl(none 0% 100% / 0.04); /** Used for hover states. The token represents the value of action.hoverOpacity (0.04 by default) of the main token. */
  --pds-common-white-states-selected: hsl(none 0% 100% / 0.08); /** Used for selected states. The token represents the value of action.selectedOpacity (0.08 by default) of the main token. */
  --pds-common-white-states-focus: hsl(none 0% 100% / 0.12);
  --pds-common-white-states-focus-visible: hsl(none 0% 100% / 0.3);
  --pds-common-white-states-outlined-border: hsl(none 0% 100% / 0.5); /** Used for enabled states (e.g Button outlined variant). The token represents the value of outlinedBorderOpacity (0.5 by default) of the main token. */
  --pds-common-black-states-hover: hsl(none 0% 0% / 0.04); /** Used for hover states. The token represents the value of action.hoverOpacity (0.04 by default) of the main token. */
  --pds-common-black-states-selected: hsl(none 0% 0% / 0.08); /** Used for selected states. The token represents the value of action.selectedOpacity (0.08 by default) of the main token. */
  --pds-common-black-states-focus: hsl(none 0% 0% / 0.12);
  --pds-common-black-states-focus-visible: hsl(none 0% 0% / 0.3); /** Used for selected states. The token represents the value of action.selectedOpacity (0.08 by default) of the main token. */
  --pds-common-black-states-outlined-border: hsl(none 0% 0% / 0.5); /** Used for enabled states (e.g Button outlined variant). The token represents the value of outlinedBorderOpacity (0.5 by default) of the main token. */
  --pds-library-heading-font-family: var(--pds-typography-font-families-mono);
  --pds-library-heading-font-weight: var(--pds-typography-font-weights-500);
  --pds-library-heading-line-height: 1.167;
  --pds-library-heading-font-size: var(--pds-typography-font-size-11);
  --pds-library-heading-letter-spacing: var(--pds-typography-letter-spacing-0);
  --pds-library-heading-paragraph-spacing: var(--pds-typography-paragraph-spacing-0);
  --pds-library-heading-paragraph-indent: var(--pds-typography-paragraph-indent-0);
  --pds-library-heading-text-case: var(--pds-typography-text-case-none);
  --pds-library-heading-text-decoration: var(--pds-typography-text-decoration-none);
  --pds-channel-text-primary-channel: 24 24 25;
  --pds-channel-text-secondary-channel: 67 68 70;
  --pds-channel-primary-dark-channel: 6 40 85;
  --pds-channel-primary-light-channel: 0 70 151;
  --pds-channel-primary-contrast-channel: 255 255 255;
  --pds-channel-secondary-main-channel: 240 107 25;
  --pds-channel-secondary-dark-channel: 229 78 3;
  --pds-channel-secondary-light-channel: 243 136 53;
  --pds-channel-secondary-contrast-channel: 0 0 0;
  --pds-channel-action-active-channel: 0 0 0;
  --pds-channel-action-hover-channel: 0 0 0;
  --pds-channel-action-selected-channel: 0 0 0;
  --pds-channel-action-focus-channel: 0 0 0;
  --pds-channel-action-disabled-channel: 0 0 0;
  --pds-channel-action-disabled-background-channel: 0 0 0;
  --pds-channel-error-main-channel: 233 13 15;
  --pds-channel-error-dark-channel: 194 9 8;
  --pds-channel-error-light-channel: 252 56 55;
  --pds-channel-error-contrast-channel: 255 255 255;
  --pds-channel-warning-main-channel: 215 121 8;
  --pds-channel-warning-dark-channel: 179 84 2;
  --pds-channel-warning-light-channel: 241 161 33;
  --pds-channel-warning-contrast-channel: 0 0 0;
  --pds-channel-info-main-channel: 22 108 241;
  --pds-channel-info-dark-channel: 5 85 222;
  --pds-channel-info-light-channel: 50 137 251;
  --pds-channel-success-dark-channel: 69 129 57;
  --pds-channel-success-light-channel: 101 198 77;
  --pds-channel-success-contrast-channel: 0 0 0;
  --pds-channel-divider: 0 0 0;
  --pds-components-charts-group-font-family: var(--pds-typography-font-families-sans-serif);
  --pds-components-charts-group-font-weight: var(--pds-typography-font-weights-400);
  --pds-components-charts-group-font-size: var(--pds-typography-font-size-1);
  --pds-components-charts-group-letter-spacing: var(--pds-typography-letter-spacing-1);
  --pds-components-charts-group-text-case: var(--pds-typography-text-case-none);
  --pds-components-charts-group-text-decoration: var(--pds-typography-text-decoration-none);
  --pds-components-charts-group-line-height: 1.6;
  --pds-components-charts-default-props-colors-slot1: var(--pds-colors-brand-orange-b);
  --pds-components-charts-default-props-colors-slot2: var(--pds-colors-brand-red-b);
  --pds-components-charts-default-props-colors-slot3: var(--pds-colors-brand-blue-b);
  --pds-components-charts-default-props-colors-slot4: var(--pds-colors-brand-navy-b);
  --pds-components-charts-default-props-colors-slot5: var(--pds-colors-brand-yellow-b);
  --pds-components-charts-default-props-colors-slot6: var(--pds-colors-brand-green-b);
  --pds-components-charts-default-props-colors-slot7: var(--pds-colors-brand-purple-b);
  --pds-components-badge-outlined-color: var(--pds-text-primary); /** Foreground and text color. */
  --pds-components-badge-label-font-family: var(--pds-typography-font-families-sans-serif); /** Typography settings for standard badge content. */
  --pds-components-badge-label-font-weight: var(--pds-typography-font-weights-400); /** Typography settings for standard badge content. */
  --pds-components-badge-label-letter-spacing: var(--pds-typography-letter-spacing-9); /** Typography settings for standard badge content. */
  --pds-components-badge-label-text-decoration: var(--pds-typography-text-decoration-none); /** Typography settings for standard badge content. */
  --pds-components-badge-label-text-case: var(--pds-typography-text-case-none); /** Typography settings for standard badge content. */
  --pds-components-badge-label-line-height: 1.66; /** Typography settings for standard badge content. */
  --pds-components-badge-label-font-size: var(--pds-typography-font-size-3); /** Typography settings for standard badge content. */
  --pds-components-card-card-header-border-color: var(--pds-colors-brand-orange-b);
  --pds-components-card-header-medium-font-family: var(--pds-typography-font-families-sans-serif);
  --pds-components-card-header-medium-font-weight: var(--pds-typography-font-weights-400);
  --pds-components-card-header-medium-line-height: 1.334;
  --pds-components-card-header-medium-font-size: var(--pds-typography-font-size-7);
  --pds-components-card-header-medium-letter-spacing: var(--pds-typography-letter-spacing-2);
  --pds-components-card-header-medium-text-case: var(--pds-typography-text-case-none);
  --pds-components-card-header-medium-text-decoration: var(--pds-typography-text-decoration-none);
  --pds-components-card-header-small-font-family: var(--pds-typography-font-families-sans-serif);
  --pds-components-card-header-small-font-weight: var(--pds-typography-font-weights-400);
  --pds-components-card-header-small-line-height: 1.5;
  --pds-components-card-header-small-font-size: var(--pds-typography-font-size-5);
  --pds-components-card-header-small-letter-spacing: var(--pds-typography-letter-spacing-4);
  --pds-components-card-header-small-text-case: var(--pds-typography-text-case-none);
  --pds-components-card-header-small-text-decoration: var(--pds-typography-text-decoration-none);
  --pds-components-card-subheader-font-family: var(--pds-typography-font-families-sans-serif);
  --pds-components-card-subheader-font-weight: var(--pds-typography-font-weights-400);
  --pds-components-card-subheader-line-height: 1.43;
  --pds-components-card-subheader-font-size: var(--pds-typography-font-size-3);
  --pds-components-card-subheader-letter-spacing: var(--pds-typography-letter-spacing-5);
  --pds-components-card-subheader-paragraph-spacing: var(--pds-typography-paragraph-spacing-0);
  --pds-components-card-subheader-paragraph-indent: var(--pds-typography-paragraph-indent-0);
  --pds-components-card-subheader-text-case: var(--pds-typography-text-case-none);
  --pds-components-card-subheader-text-decoration: var(--pds-typography-text-decoration-none);
  --pds-components-button-large-font-family: var(--pds-typography-font-families-sans-serif);
  --pds-components-button-large-font-weight: var(--pds-typography-font-weights-500);
  --pds-components-button-large-line-height: 1.75;
  --pds-components-button-large-font-size: var(--pds-typography-font-size-4);
  --pds-components-button-large-letter-spacing: var(--pds-typography-letter-spacing-10);
  --pds-components-button-large-text-decoration: var(--pds-typography-text-decoration-none);
  --pds-components-button-medium-font-family: var(--pds-typography-font-families-sans-serif);
  --pds-components-button-medium-font-weight: var(--pds-typography-font-weights-500);
  --pds-components-button-medium-line-height: 1.75;
  --pds-components-button-medium-font-size: var(--pds-typography-font-size-3);
  --pds-components-button-medium-letter-spacing: var(--pds-typography-letter-spacing-8);
  --pds-components-button-medium-text-decoration: var(--pds-typography-text-decoration-none);
  --pds-components-button-small-font-family: var(--pds-typography-font-families-sans-serif);
  --pds-components-button-small-font-weight: var(--pds-typography-font-weights-500);
  --pds-components-button-small-line-height: 1.75;
  --pds-components-button-small-font-size: var(--pds-typography-font-size-2);
  --pds-components-button-small-letter-spacing: var(--pds-typography-letter-spacing-10);
  --pds-components-button-small-text-decoration: var(--pds-typography-text-decoration-none);
  --pds-components-button-text-case: var(--pds-typography-text-case-capitalize);
  --pds-components-table-table-head-header-font-family: var(--pds-typography-font-families-sans-serif); /** Typography settings for the table header text. */
  --pds-components-table-table-head-header-font-weight: var(--pds-typography-font-weights-500); /** Typography settings for the table header text. */
  --pds-components-table-table-head-header-line-height: 1.75; /** Typography settings for the table header text. */
  --pds-components-table-table-head-header-font-size: var(--pds-typography-font-size-3); /** Typography settings for the table header text. */
  --pds-components-table-table-head-header-letter-spacing: var(--pds-typography-letter-spacing-5); /** Typography settings for the table header text. */
  --pds-components-table-table-head-header-text-case: var(--pds-typography-text-case-none); /** Typography settings for the table header text. */
  --pds-components-table-table-head-header-text-decoration: var(--pds-typography-text-decoration-none); /** Typography settings for the table header text. */
  --pds-components-chip-label-font-family: var(--pds-typography-font-families-sans-serif);
  --pds-components-chip-label-font-weight: var(--pds-typography-font-weights-400);
  --pds-components-chip-label-line-height: 1.385;
  --pds-components-chip-label-font-size: var(--pds-typography-font-size-2);
  --pds-components-chip-label-letter-spacing: var(--pds-typography-letter-spacing-11);
  --pds-components-chip-label-text-case: var(--pds-typography-text-case-none);
  --pds-components-chip-label-text-decoration: var(--pds-typography-text-decoration-none);
  --pds-components-menu-menu-item-default-font-family: var(--pds-typography-font-families-sans-serif);
  --pds-components-menu-menu-item-default-font-weight: var(--pds-typography-font-weights-400);
  --pds-components-menu-menu-item-default-line-height: 1.5;
  --pds-components-menu-menu-item-default-font-size: var(--pds-typography-font-size-3);
  --pds-components-menu-menu-item-default-letter-spacing: var(--pds-typography-letter-spacing-4);
  --pds-components-menu-menu-item-default-text-case: var(--pds-typography-text-case-none);
  --pds-components-menu-menu-item-default-text-decoration: var(--pds-typography-text-decoration-none);
  --pds-components-menu-menu-item-dense-font-family: var(--pds-typography-font-families-sans-serif);
  --pds-components-menu-menu-item-dense-font-weight: var(--pds-typography-font-weights-400);
  --pds-components-menu-menu-item-dense-line-height: 1.75;
  --pds-components-menu-menu-item-dense-font-size: var(--pds-typography-font-size-3);
  --pds-components-menu-menu-item-dense-letter-spacing: var(--pds-typography-letter-spacing-5);
  --pds-components-menu-menu-item-dense-text-case: var(--pds-typography-text-case-none);
  --pds-components-menu-menu-item-dense-text-decoration: var(--pds-typography-text-decoration-none);
  --pds-components-progress-linear-secondary-bg: rgb(249, 198, 167);
  --pds-components-progress-linear-error-bg: rgb(246, 163, 163);
  --pds-components-progress-linear-info-bg: rgb(166, 199, 249);
  --pds-components-progress-linear-warning-bg: rgb(239, 204, 161);
  --pds-components-alert-title-font-family: var(--pds-typography-font-families-sans-serif);
  --pds-components-alert-title-font-weight: var(--pds-typography-font-weights-500);
  --pds-components-alert-title-line-height: 1.5;
  --pds-components-alert-title-font-size: var(--pds-typography-font-size-5);
  --pds-components-alert-title-letter-spacing: var(--pds-typography-letter-spacing-4);
  --pds-components-alert-title-paragraph-spacing: var(--pds-typography-paragraph-spacing-0);
  --pds-components-alert-title-paragraph-indent: var(--pds-typography-paragraph-indent-0);
  --pds-components-alert-title-text-case: var(--pds-typography-text-case-none);
  --pds-components-alert-title-text-decoration: var(--pds-typography-text-decoration-none);
  --pds-components-alert-description-font-family: var(--pds-typography-font-families-sans-serif);
  --pds-components-alert-description-font-weight: var(--pds-typography-font-weights-500);
  --pds-components-alert-description-line-height: 1.43;
  --pds-components-alert-description-font-size: var(--pds-typography-font-size-3);
  --pds-components-alert-description-letter-spacing: var(--pds-typography-letter-spacing-4);
  --pds-components-alert-description-paragraph-spacing: var(--pds-typography-paragraph-spacing-0);
  --pds-components-alert-description-paragraph-indent: var(--pds-typography-paragraph-indent-0);
  --pds-components-alert-description-text-case: var(--pds-typography-text-case-none);
  --pds-components-alert-description-text-decoration: var(--pds-typography-text-decoration-none);
  --pds-components-alert-warning-color: var(--pds-warning-contrast);
  --pds-components-tooltip-label-font-family: var(--pds-typography-font-families-sans-serif);
  --pds-components-tooltip-label-font-weight: var(--pds-typography-font-weights-500);
  --pds-components-tooltip-label-line-height: 1.43;
  --pds-components-tooltip-label-font-size: var(--pds-typography-font-size-0);
  --pds-components-tooltip-label-letter-spacing: var(--pds-typography-letter-spacing-2);
  --pds-components-tooltip-label-paragraph-spacing: var(--pds-typography-paragraph-spacing-0);
  --pds-components-tooltip-label-paragraph-indent: var(--pds-typography-paragraph-indent-0);
  --pds-components-tooltip-label-text-case: var(--pds-typography-text-case-none);
  --pds-components-tooltip-label-text-decoration: var(--pds-typography-text-decoration-none);
  --pds-components-rating-active-fill: var(--pds-warning-main);
  --pds-components-avatar-fill: var(--pds-background-alt); /** The background color of the Avatar component should provide a contrast ratio of at least 3:1 against the Avatar text color. */
  --pds-components-avatar-color: lch(44.87 1.061 266.1); /** Text and icon color inside the Avatar component. */
  --pds-components-avatar-border: 1px solid rgba(0,0,0,0.16);
  --pds-primary-states-hover: hsl(213.33 61.832% 25.686% / 0.04); /** Used for hover states. The token represents the value of action.hoverOpacity (0.04 by default) of the main token. */
  --pds-primary-states-selected: hsl(213.33 61.832% 25.686% / 0.08); /** Used for selected states. The token represents the value of action.selectedOpacity (0.08 by default) of the main token. */
  --pds-primary-states-focus: hsl(213.33 61.832% 25.686% / 0.12); /** Used for focus states. The token represents the value of action.focusOpacity (0.12 by default) of the main token. */
  --pds-primary-states-focus-visible: hsl(213.33 61.832% 25.686% / 0.3); /** (A)="0.3" */
  --pds-primary-states-outlined-border: hsl(213.33 61.832% 25.686% / 0.5); /** Used for enabled states (e.g Button outlined variant). The token represents the value of outlinedBorderOpacity (0.5 by default) of the main token. */
  --pds-success-states-hover: hsl(107.5 41.026% 45.882% / 0.04); /** Used for hover states. The token represents the value of action.hoverOpacity (0.04 by default) of the main token. */
  --pds-success-states-selected: hsl(107.5 41.026% 45.882% / 0.08); /** Used for selected states. The token represents the value of action.selectedOpacity (0.08 by default) of the main token. */
  --pds-success-states-focus-visible: hsl(107.5 41.026% 45.882% / 0.3);
  --pds-success-states-outlined-border: hsl(107.5 41.026% 45.882% / 0.5); /** Used for enabled states (e.g Button outlined variant). The token represents the value of outlinedBorderOpacity (0.5 by default) of the main token. */
  --pds-channel-primary-main-channel: 25 61 106;
  --pds-channel-info-contrast-channel: 255 255 255;
  --pds-channel-success-main-channel: 89 165 69;
  --pds-components-badge-border-radius: var(--pds-radius-max);
  --pds-components-card-card-header-border-top: 8px solid #f06f1f;
  --pds-components-button-large-text-case: var(--pds-components-button-text-case);
  --pds-components-button-medium-text-case: var(--pds-components-button-text-case);
  --pds-components-button-small-text-case: var(--pds-components-button-text-case);
  --pds-components-button-radius: var(--pds-radius-small);
  --pds-components-paper-border-radius: var(--pds-radius-medium); /** Border radius of the Paper component. */
  --pds-components-input-filled-border-radius: var(--pds-radius-medium);
  --pds-components-input-outlined-border-radius: var(--pds-radius-medium);
  --pds-components-chip-radius: var(--pds-radius-max);
  --pds-components-progress-linear-primary-bg: rgb(167, 181, 198);
  --pds-components-progress-linear-success-bg: rgb(191, 220, 184);
  --pds-components-alert-radius: var(--pds-radius-medium);
  --pds-components-multiline-outlined-radius: var(--pds-radius-large);
  --pds-component-tooltip-radius: var(--pds-radius-small);
  --pds-components-table-table-cell-row-hover-fill-color: var(--pds-primary-states-hover); /** Background color of a row when hovered. */
  --pds-components-table-table-cell-row-selected-fill-color: var(--pds-primary-states-selected); /** Background color of a selected row. */
  --pds-components-stepper-connector: var(--pds-primary-states-outlined-border);
}