@carbon/ibm-security/css/index.css

Carbon for Cloud & Cognitive IBM Security UI components

@charset "UTF-8";
.security--tearsheet .bx--number .security--input__background__color--light input[type=number], .security--tearsheet--small .bx--number .security--input__background__color--light input[type=number], .security--card .bx--number .security--input__background__color--light input[type=number], .security--input__background__color--light .security--button--icon:focus, .security--input__background__color--light .security--button--icon:hover, .security--input__background__color--light .bx--list-box, .security--input__background__color--light .bx--list-box__menu, .security--input__background__color--light .bx--date-picker__input, .security--input__background__color--light .bx--dropdown, .security--input__background__color--light .bx--number input[type=number], .security--input__background__color--light .bx--search-input, .security--input__background__color--light .bx--select-input, .security--input__background__color--light .bx--text-area, .security--input__background__color--light .bx--text-input {
  background-color: var(--cds-ui-02, #393939);
}
.security--theme--cg10 {
  --cds-interactive-01: #0f62fe;
  --cds-interactive-02: #343a3f;
  --cds-interactive-03: #0f62fe;
  --cds-interactive-04: #0f62fe;
  --cds-ui-background: #f2f4f8;
  --cds-ui-01: #ffffff;
  --cds-ui-02: #f2f4f8;
  --cds-ui-03: #dde1e6;
  --cds-ui-04: #878d96;
  --cds-ui-05: #121619;
  --cds-text-01: #121619;
  --cds-text-02: #4d5358;
  --cds-text-03: #a2a9b0;
  --cds-text-04: #ffffff;
  --cds-text-05: #697077;
  --cds-text-error: #da1e28;
  --cds-icon-01: #121619;
  --cds-icon-02: #4d5358;
  --cds-icon-03: #ffffff;
  --cds-link-01: #0f62fe;
  --cds-link-02: #0043ce;
  --cds-inverse-link: #78a9ff;
  --cds-field-01: #ffffff;
  --cds-field-02: #f2f4f8;
  --cds-inverse-01: #ffffff;
  --cds-inverse-02: #343a3f;
  --cds-support-01: #da1e28;
  --cds-support-02: #198038;
  --cds-support-03: #f1c21b;
  --cds-support-04: #0043ce;
  --cds-inverse-support-01: #fa4d56;
  --cds-inverse-support-02: #42be65;
  --cds-inverse-support-03: #f1c21b;
  --cds-inverse-support-04: #4589ff;
  --cds-overlay-01: rgba(22, 22, 22, 0.5);
  --cds-danger-01: #da1e28;
  --cds-danger-02: #da1e28;
  --cds-focus: #0f62fe;
  --cds-inverse-focus-ui: #ffffff;
  --cds-hover-primary: #0353e9;
  --cds-active-primary: #002d9c;
  --cds-hover-primary-text: #0043ce;
  --cds-hover-secondary: #464c51;
  --cds-active-secondary: #697077;
  --cds-hover-tertiary: #0353e9;
  --cds-active-tertiary: #002d9c;
  --cds-hover-ui: #e0e4ea;
  --cds-hover-light-ui: #e5e5e5;
  --cds-hover-selected-ui: #c4c9d1;
  --cds-active-ui: #c1c7cd;
  --cds-active-light-ui: #c1c7cd;
  --cds-selected-ui: #dde1e6;
  --cds-selected-light-ui: #dde1e6;
  --cds-inverse-hover-ui: #464c51;
  --cds-hover-danger: #b81921;
  --cds-active-danger: #750e13;
  --cds-hover-row: #e0e4ea;
  --cds-visited-link: #8a3ffc;
  --cds-disabled-01: #ffffff;
  --cds-disabled-02: #c1c7cd;
  --cds-disabled-03: #878d96;
  --cds-highlight: #d0e2ff;
  --cds-decorative-01: #dde1e6;
  --cds-button-separator: #dde1e6;
  --cds-skeleton-01: #e0e4ea;
  --cds-skeleton-02: #c1c7cd;
  --cds-background: #f2f4f8;
  --cds-layer: #ffffff;
  --cds-layer-accent: #dde1e6;
  --cds-layer-accent-hover: #d1d1d1;
  --cds-layer-accent-active: #a2a9b0;
  --cds-field: #ffffff;
  --cds-background-inverse: #343a3f;
  --cds-background-brand: #0f62fe;
  --cds-interactive: #0f62fe;
  --cds-border-subtle: #dde1e6;
  --cds-border-strong: #878d96;
  --cds-border-inverse: #121619;
  --cds-border-interactive: #0f62fe;
  --cds-text-primary: #121619;
  --cds-text-secondary: #4d5358;
  --cds-text-placeholder: #a2a9b0;
  --cds-text-helper: #697077;
  --cds-text-on-color: #ffffff;
  --cds-text-inverse: #ffffff;
  --cds-link-primary: #0f62fe;
  --cds-link-secondary: #0043ce;
  --cds-link-visited: #8a3ffc;
  --cds-link-inverse: #78a9ff;
  --cds-icon-primary: #121619;
  --cds-icon-secondary: #4d5358;
  --cds-icon-on-color: #ffffff;
  --cds-icon-inverse: #ffffff;
  --cds-support-error: #da1e28;
  --cds-support-success: #198038;
  --cds-support-warning: #f1c21b;
  --cds-support-info: #0043ce;
  --cds-support-error-inverse: #fa4d56;
  --cds-support-success-inverse: #42be65;
  --cds-support-warning-inverse: #f1c21b;
  --cds-support-info-inverse: #4589ff;
  --cds-overlay: rgba(22, 22, 22, 0.5);
  --cds-toggle-off: #878d96;
  --cds-shadow: rgba(0, 0, 0, 0.3);
  --cds-button-primary: #0f62fe;
  --cds-button-secondary: #343a3f;
  --cds-button-tertiary: #0f62fe;
  --cds-button-danger-primary: #da1e28;
  --cds-button-danger-secondary: #da1e28;
  --cds-background-active: #c1c7cd;
  --cds-layer-active: #c1c7cd;
  --cds-button-danger-active: #750e13;
  --cds-button-primary-active: #002d9c;
  --cds-button-secondary-active: #697077;
  --cds-button-tertiary-active: #002d9c;
  --cds-focus-inset: #ffffff;
  --cds-focus-inverse: #ffffff;
  --cds-background-hover: #e5e5e5;
  --cds-layer-hover: #e5e5e5;
  --cds-field-hover: #e5e5e5;
  --cds-background-inverse-hover: #4c4c4c;
  --cds-link-primary-hover: #0043ce;
  --cds-button-danger-hover: #b81921;
  --cds-button-primary-hover: #0353e9;
  --cds-button-secondary-hover: #4c4c4c;
  --cds-button-tertiary-hover: #0353e9;
  --cds-background-selected: #dde1e6;
  --cds-background-selected-hover: #cacaca;
  --cds-layer-selected: #dde1e6;
  --cds-layer-selected-hover: #cacaca;
  --cds-layer-selected-inverse: #121619;
  --cds-border-subtle-selected: #c1c7cd;
  --cds-border-disabled: #ffffff;
  --cds-text-disabled: #c1c7cd;
  --cds-button-disabled: #c1c7cd;
  --cds-icon-disabled: #c1c7cd;
  --cds-text-on-color-disabled: #878d96;
  --cds-icon-on-color-disabled: #878d96;
  --cds-layer-selected-disabled: #878d96;
  --cds-skeleton-background: #e5e5e5;
  --cds-skeleton-element: #c1c7cd;
  --cds-brand-01: #0f62fe;
  --cds-brand-02: #343a3f;
  --cds-brand-03: #0f62fe;
  --cds-active-01: #c1c7cd;
  --cds-hover-field: #e0e4ea;
  --cds-danger: #da1e28;
  --cds-caption-01-font-size: 0.75rem;
  --cds-caption-01-font-weight: 400;
  --cds-caption-01-line-height: 1.33333;
  --cds-caption-01-letter-spacing: 0.32px;
  --cds-caption-02-font-size: 0.875rem;
  --cds-caption-02-font-weight: 400;
  --cds-caption-02-line-height: 1.28572;
  --cds-caption-02-letter-spacing: 0.32px;
  --cds-label-01-font-size: 0.75rem;
  --cds-label-01-font-weight: 400;
  --cds-label-01-line-height: 1.33333;
  --cds-label-01-letter-spacing: 0.32px;
  --cds-label-02-font-size: 0.875rem;
  --cds-label-02-font-weight: 400;
  --cds-label-02-line-height: 1.28572;
  --cds-label-02-letter-spacing: 0.16px;
  --cds-helper-text-01-font-size: 0.75rem;
  --cds-helper-text-01-line-height: 1.33333;
  --cds-helper-text-01-letter-spacing: 0.32px;
  --cds-helper-text-02-font-size: 0.875rem;
  --cds-helper-text-02-line-height: 1.28572;
  --cds-helper-text-02-letter-spacing: 0.16px;
  --cds-body-short-01-font-size: 0.875rem;
  --cds-body-short-01-font-weight: 400;
  --cds-body-short-01-line-height: 1.28572;
  --cds-body-short-01-letter-spacing: 0.16px;
  --cds-body-long-01-font-size: 0.875rem;
  --cds-body-long-01-font-weight: 400;
  --cds-body-long-01-line-height: 1.42857;
  --cds-body-long-01-letter-spacing: 0.16px;
  --cds-body-short-02-font-size: 1rem;
  --cds-body-short-02-font-weight: 400;
  --cds-body-short-02-line-height: 1.375;
  --cds-body-short-02-letter-spacing: 0;
  --cds-body-long-02-font-size: 1rem;
  --cds-body-long-02-font-weight: 400;
  --cds-body-long-02-line-height: 1.5;
  --cds-body-long-02-letter-spacing: 0;
  --cds-code-01-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
  --cds-code-01-font-size: 0.75rem;
  --cds-code-01-font-weight: 400;
  --cds-code-01-line-height: 1.33333;
  --cds-code-01-letter-spacing: 0.32px;
  --cds-code-02-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
  --cds-code-02-font-size: 0.875rem;
  --cds-code-02-font-weight: 400;
  --cds-code-02-line-height: 1.42857;
  --cds-code-02-letter-spacing: 0.32px;
  --cds-heading-01-font-size: 0.875rem;
  --cds-heading-01-font-weight: 600;
  --cds-heading-01-line-height: 1.42857;
  --cds-heading-01-letter-spacing: 0.16px;
  --cds-productive-heading-01-font-size: 0.875rem;
  --cds-productive-heading-01-font-weight: 600;
  --cds-productive-heading-01-line-height: 1.28572;
  --cds-productive-heading-01-letter-spacing: 0.16px;
  --cds-heading-02-font-size: 1rem;
  --cds-heading-02-font-weight: 600;
  --cds-heading-02-line-height: 1.5;
  --cds-heading-02-letter-spacing: 0;
  --cds-productive-heading-02-font-size: 1rem;
  --cds-productive-heading-02-font-weight: 600;
  --cds-productive-heading-02-line-height: 1.375;
  --cds-productive-heading-02-letter-spacing: 0;
  --cds-productive-heading-03-font-size: 1.25rem;
  --cds-productive-heading-03-font-weight: 400;
  --cds-productive-heading-03-line-height: 1.4;
  --cds-productive-heading-03-letter-spacing: 0;
  --cds-productive-heading-04-font-size: 1.75rem;
  --cds-productive-heading-04-font-weight: 400;
  --cds-productive-heading-04-line-height: 1.28572;
  --cds-productive-heading-04-letter-spacing: 0;
  --cds-productive-heading-05-font-size: 2rem;
  --cds-productive-heading-05-font-weight: 400;
  --cds-productive-heading-05-line-height: 1.25;
  --cds-productive-heading-05-letter-spacing: 0;
  --cds-productive-heading-06-font-size: 2.625rem;
  --cds-productive-heading-06-font-weight: 300;
  --cds-productive-heading-06-line-height: 1.199;
  --cds-productive-heading-06-letter-spacing: 0;
  --cds-productive-heading-07-font-size: 3.375rem;
  --cds-productive-heading-07-font-weight: 300;
  --cds-productive-heading-07-line-height: 1.199;
  --cds-productive-heading-07-letter-spacing: 0;
  --cds-expressive-heading-01-font-size: 0.875rem;
  --cds-expressive-heading-01-font-weight: 600;
  --cds-expressive-heading-01-line-height: 1.25;
  --cds-expressive-heading-01-letter-spacing: 0.16px;
  --cds-expressive-heading-02-font-size: 1rem;
  --cds-expressive-heading-02-font-weight: 600;
  --cds-expressive-heading-02-line-height: 1.5;
  --cds-expressive-heading-02-letter-spacing: 0;
  --cds-expressive-heading-03-font-size: 1.25rem;
  --cds-expressive-heading-03-font-weight: 400;
  --cds-expressive-heading-03-line-height: 1.4;
  --cds-expressive-heading-03-letter-spacing: 0;
  --cds-expressive-heading-04-font-size: 1.75rem;
  --cds-expressive-heading-04-font-weight: 400;
  --cds-expressive-heading-04-line-height: 1.28572;
  --cds-expressive-heading-04-letter-spacing: 0;
  --cds-expressive-heading-05-font-size: 2rem;
  --cds-expressive-heading-05-font-weight: 400;
  --cds-expressive-heading-05-line-height: 1.25;
  --cds-expressive-heading-05-letter-spacing: 0;
  --cds-expressive-heading-06-font-size: 2rem;
  --cds-expressive-heading-06-font-weight: 600;
  --cds-expressive-heading-06-line-height: 1.25;
  --cds-expressive-heading-06-letter-spacing: 0;
  --cds-expressive-paragraph-01-font-size: 1.5rem;
  --cds-expressive-paragraph-01-font-weight: 300;
  --cds-expressive-paragraph-01-line-height: 1.334;
  --cds-expressive-paragraph-01-letter-spacing: 0;
  --cds-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
  --cds-quotation-01-font-size: 1.25rem;
  --cds-quotation-01-font-weight: 400;
  --cds-quotation-01-line-height: 1.3;
  --cds-quotation-01-letter-spacing: 0;
  --cds-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
  --cds-quotation-02-font-size: 2rem;
  --cds-quotation-02-font-weight: 300;
  --cds-quotation-02-line-height: 1.25;
  --cds-quotation-02-letter-spacing: 0;
  --cds-display-01-font-size: 2.625rem;
  --cds-display-01-font-weight: 300;
  --cds-display-01-line-height: 1.19;
  --cds-display-01-letter-spacing: 0;
  --cds-display-02-font-size: 2.625rem;
  --cds-display-02-font-weight: 600;
  --cds-display-02-line-height: 1.19;
  --cds-display-02-letter-spacing: 0;
  --cds-display-03-font-size: 2.625rem;
  --cds-display-03-font-weight: 300;
  --cds-display-03-line-height: 1.19;
  --cds-display-03-letter-spacing: 0;
  --cds-display-04-font-size: 2.625rem;
  --cds-display-04-font-weight: 300;
  --cds-display-04-line-height: 1.19;
  --cds-display-04-letter-spacing: 0;
  --cds-legal-01-font-size: 0.75rem;
  --cds-legal-01-font-weight: 400;
  --cds-legal-01-line-height: 1.33333;
  --cds-legal-01-letter-spacing: 0.32px;
  --cds-legal-02-font-size: 0.875rem;
  --cds-legal-02-font-weight: 400;
  --cds-legal-02-line-height: 1.28572;
  --cds-legal-02-letter-spacing: 0.16px;
  --cds-body-compact-01-font-size: 0.875rem;
  --cds-body-compact-01-font-weight: 400;
  --cds-body-compact-01-line-height: 1.28572;
  --cds-body-compact-01-letter-spacing: 0.16px;
  --cds-body-compact-02-font-size: 1rem;
  --cds-body-compact-02-font-weight: 400;
  --cds-body-compact-02-line-height: 1.375;
  --cds-body-compact-02-letter-spacing: 0;
  --cds-body-01-font-size: 0.875rem;
  --cds-body-01-font-weight: 400;
  --cds-body-01-line-height: 1.42857;
  --cds-body-01-letter-spacing: 0.16px;
  --cds-body-02-font-size: 1rem;
  --cds-body-02-font-weight: 400;
  --cds-body-02-line-height: 1.5;
  --cds-body-02-letter-spacing: 0;
  --cds-heading-compact-01-font-size: 0.875rem;
  --cds-heading-compact-01-font-weight: 600;
  --cds-heading-compact-01-line-height: 1.28572;
  --cds-heading-compact-01-letter-spacing: 0.16px;
  --cds-heading-compact-02-font-size: 1rem;
  --cds-heading-compact-02-font-weight: 600;
  --cds-heading-compact-02-line-height: 1.375;
  --cds-heading-compact-02-letter-spacing: 0;
  --cds-heading-03-font-size: 1.25rem;
  --cds-heading-03-font-weight: 400;
  --cds-heading-03-line-height: 1.4;
  --cds-heading-03-letter-spacing: 0;
  --cds-heading-04-font-size: 1.75rem;
  --cds-heading-04-font-weight: 400;
  --cds-heading-04-line-height: 1.28572;
  --cds-heading-04-letter-spacing: 0;
  --cds-heading-05-font-size: 2rem;
  --cds-heading-05-font-weight: 400;
  --cds-heading-05-line-height: 1.25;
  --cds-heading-05-letter-spacing: 0;
  --cds-heading-06-font-size: 2.625rem;
  --cds-heading-06-font-weight: 300;
  --cds-heading-06-line-height: 1.199;
  --cds-heading-06-letter-spacing: 0;
  --cds-heading-07-font-size: 3.375rem;
  --cds-heading-07-font-weight: 300;
  --cds-heading-07-line-height: 1.199;
  --cds-heading-07-letter-spacing: 0;
  --cds-fluid-heading-03-font-size: 1.25rem;
  --cds-fluid-heading-03-font-weight: 400;
  --cds-fluid-heading-03-line-height: 1.4;
  --cds-fluid-heading-03-letter-spacing: 0;
  --cds-fluid-heading-04-font-size: 1.75rem;
  --cds-fluid-heading-04-font-weight: 400;
  --cds-fluid-heading-04-line-height: 1.28572;
  --cds-fluid-heading-04-letter-spacing: 0;
  --cds-fluid-heading-05-font-size: 2rem;
  --cds-fluid-heading-05-font-weight: 400;
  --cds-fluid-heading-05-line-height: 1.25;
  --cds-fluid-heading-05-letter-spacing: 0;
  --cds-fluid-heading-06-font-size: 2rem;
  --cds-fluid-heading-06-font-weight: 600;
  --cds-fluid-heading-06-line-height: 1.25;
  --cds-fluid-heading-06-letter-spacing: 0;
  --cds-fluid-paragraph-01-font-size: 1.5rem;
  --cds-fluid-paragraph-01-font-weight: 300;
  --cds-fluid-paragraph-01-line-height: 1.334;
  --cds-fluid-paragraph-01-letter-spacing: 0;
  --cds-fluid-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
  --cds-fluid-quotation-01-font-size: 1.25rem;
  --cds-fluid-quotation-01-font-weight: 400;
  --cds-fluid-quotation-01-line-height: 1.3;
  --cds-fluid-quotation-01-letter-spacing: 0;
  --cds-fluid-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
  --cds-fluid-quotation-02-font-size: 2rem;
  --cds-fluid-quotation-02-font-weight: 300;
  --cds-fluid-quotation-02-line-height: 1.25;
  --cds-fluid-quotation-02-letter-spacing: 0;
  --cds-fluid-display-01-font-size: 2.625rem;
  --cds-fluid-display-01-font-weight: 300;
  --cds-fluid-display-01-line-height: 1.19;
  --cds-fluid-display-01-letter-spacing: 0;
  --cds-fluid-display-02-font-size: 2.625rem;
  --cds-fluid-display-02-font-weight: 600;
  --cds-fluid-display-02-line-height: 1.19;
  --cds-fluid-display-02-letter-spacing: 0;
  --cds-fluid-display-03-font-size: 2.625rem;
  --cds-fluid-display-03-font-weight: 300;
  --cds-fluid-display-03-line-height: 1.19;
  --cds-fluid-display-03-letter-spacing: 0;
  --cds-fluid-display-04-font-size: 2.625rem;
  --cds-fluid-display-04-font-weight: 300;
  --cds-fluid-display-04-line-height: 1.19;
  --cds-fluid-display-04-letter-spacing: 0;
  --cds-spacing-01: 0.125rem;
  --cds-spacing-02: 0.25rem;
  --cds-spacing-03: 0.5rem;
  --cds-spacing-04: 0.75rem;
  --cds-spacing-05: 1rem;
  --cds-spacing-06: 1.5rem;
  --cds-spacing-07: 2rem;
  --cds-spacing-08: 2.5rem;
  --cds-spacing-09: 3rem;
  --cds-spacing-10: 4rem;
  --cds-spacing-11: 5rem;
  --cds-spacing-12: 6rem;
  --cds-spacing-13: 10rem;
  --cds-fluid-spacing-01: 0;
  --cds-fluid-spacing-02: 2vw;
  --cds-fluid-spacing-03: 5vw;
  --cds-fluid-spacing-04: 10vw;
  --cds-layout-01: 1rem;
  --cds-layout-02: 1.5rem;
  --cds-layout-03: 2rem;
  --cds-layout-04: 3rem;
  --cds-layout-05: 4rem;
  --cds-layout-06: 6rem;
  --cds-layout-07: 10rem;
  --cds-container-01: 1.5rem;
  --cds-container-02: 2rem;
  --cds-container-03: 2.5rem;
  --cds-container-04: 3rem;
  --cds-container-05: 4rem;
  --cds-size-xsmall: 1.5rem;
  --cds-size-small: 2rem;
  --cds-size-medium: 2.5rem;
  --cds-size-large: 3rem;
  --cds-size-xlarge: 4rem;
  --cds-size-2XLarge: 5rem;
  --cds-icon-size-01: 1rem;
  --cds-icon-size-02: 1.25rem;
  --interactive-01: var(--cds-interactive-01, #0f62fe);
  --interactive-02: var(--cds-interactive-02, #343a3f);
  --interactive-03: var(--cds-interactive-03, #0f62fe);
  --interactive-04: var(--cds-interactive-04, #0f62fe);
  --ui-background: var(--cds-ui-background, #f2f4f8);
  --ui-01: var(--cds-ui-01, #ffffff);
  --ui-02: var(--cds-ui-02, #f2f4f8);
  --ui-03: var(--cds-ui-03, #dde1e6);
  --ui-04: var(--cds-ui-04, #878d96);
  --ui-05: var(--cds-ui-05, #121619);
  --text-01: var(--cds-text-01, #121619);
  --text-02: var(--cds-text-02, #4d5358);
  --text-03: var(--cds-text-03, #a2a9b0);
  --text-04: var(--cds-text-04, #ffffff);
  --text-05: var(--cds-text-05, #697077);
  --text-error: var(--cds-text-error, #da1e28);
  --icon-01: var(--cds-icon-01, #121619);
  --icon-02: var(--cds-icon-02, #4d5358);
  --icon-03: var(--cds-icon-03, #ffffff);
  --link-01: var(--cds-link-01, #0f62fe);
  --link-02: var(--cds-link-02, #0043ce);
  --inverse-link: var(--cds-inverse-link, #78a9ff);
  --field-01: var(--cds-field-01, #ffffff);
  --field-02: var(--cds-field-02, #f2f4f8);
  --inverse-01: var(--cds-inverse-01, #ffffff);
  --inverse-02: var(--cds-inverse-02, #343a3f);
  --support-01: var(--cds-support-01, #da1e28);
  --support-02: var(--cds-support-02, #198038);
  --support-03: var(--cds-support-03, #f1c21b);
  --support-04: var(--cds-support-04, #0043ce);
  --inverse-support-01: var(--cds-inverse-support-01, #fa4d56);
  --inverse-support-02: var(--cds-inverse-support-02, #42be65);
  --inverse-support-03: var(--cds-inverse-support-03, #f1c21b);
  --inverse-support-04: var(--cds-inverse-support-04, #4589ff);
  --overlay-01: var(--cds-overlay-01, rgba(22, 22, 22, 0.5));
  --danger-01: var(--cds-danger-01, #da1e28);
  --danger-02: var(--cds-danger-02, #da1e28);
  --focus: var(--cds-focus, #0f62fe);
  --inverse-focus-ui: var(--cds-inverse-focus-ui, #ffffff);
  --hover-primary: var(--cds-hover-primary, #0353e9);
  --active-primary: var(--cds-active-primary, #002d9c);
  --hover-primary-text: var(--cds-hover-primary-text, #0043ce);
  --hover-secondary: var(--cds-hover-secondary, #464c51);
  --active-secondary: var(--cds-active-secondary, #697077);
  --hover-tertiary: var(--cds-hover-tertiary, #0353e9);
  --active-tertiary: var(--cds-active-tertiary, #002d9c);
  --hover-ui: var(--cds-hover-ui, #e0e4ea);
  --hover-light-ui: var(--cds-hover-light-ui, #e5e5e5);
  --active-ui: var(--cds-active-ui, #c1c7cd);
  --active-light-ui: var(--cds-active-light-ui, #c1c7cd);
  --selected-ui: var(--cds-selected-ui, #dde1e6);
  --selected-light-ui: var(--cds-selected-light-ui, #dde1e6);
  --inverse-hover-ui: var(--cds-inverse-hover-ui, #464c51);
  --hover-selected-ui: var(--cds-hover-selected-ui, #c4c9d1);
  --hover-danger: var(--cds-hover-danger, #b81921);
  --active-danger: var(--cds-active-danger, #750e13);
  --hover-row: var(--cds-hover-row, #e0e4ea);
  --visited-link: var(--cds-visited-link, #8a3ffc);
  --disabled-01: var(--cds-disabled-01, #ffffff);
  --disabled-02: var(--cds-disabled-02, #c1c7cd);
  --disabled-03: var(--cds-disabled-03, #878d96);
  --highlight: var(--cds-highlight, #d0e2ff);
  --decorative-01: var(--cds-decorative-01, #dde1e6);
  --button-separator: var(--cds-button-separator, #dde1e6);
  --skeleton-01: var(--cds-skeleton-01, #e0e4ea);
  --skeleton-02: var(--cds-skeleton-02, #c1c7cd);
  --background: var(--cds-background, #f2f4f8);
  --layer: var(--cds-layer, #ffffff);
  --layer-accent: var(--cds-layer-accent, #dde1e6);
  --layer-accent-active: var(--cds-layer-accent-active, #a2a9b0);
  --layer-accent-hover: var(--cds-layer-accent-hover, #d1d1d1);
  --field: var(--cds-field, #ffffff);
  --background-inverse: var(--cds-background-inverse, #343a3f);
  --background-brand: var(--cds-background-brand, #0f62fe);
  --interactive: var(--cds-interactive, #0f62fe);
  --border-subtle: var(--cds-border-subtle, #dde1e6);
  --border-strong: var(--cds-border-strong, #878d96);
  --border-inverse: var(--cds-border-inverse, #121619);
  --border-interactive: var(--cds-border-interactive, #0f62fe);
  --text-primary: var(--cds-text-primary, #121619);
  --text-secondary: var(--cds-text-secondary, #4d5358);
  --text-placeholder: var(--cds-text-placeholder, #a2a9b0);
  --text-helper: var(--cds-text-helper, #697077);
  --text-on-color: var(--cds-text-on-color, #ffffff);
  --text-inverse: var(--cds-text-inverse, #ffffff);
  --link-primary: var(--cds-link-primary, #0f62fe);
  --link-secondary: var(--cds-link-secondary, #0043ce);
  --link-visited: var(--cds-link-visited, #8a3ffc);
  --link-inverse: var(--cds-link-inverse, #78a9ff);
  --icon-primary: var(--cds-icon-primary, #121619);
  --icon-secondary: var(--cds-icon-secondary, #4d5358);
  --icon-on-color: var(--cds-icon-on-color, #ffffff);
  --icon-inverse: var(--cds-icon-inverse, #ffffff);
  --support-error: var(--cds-support-error, #da1e28);
  --support-success: var(--cds-support-success, #198038);
  --support-warning: var(--cds-support-warning, #f1c21b);
  --support-info: var(--cds-support-info, #0043ce);
  --support-error-inverse: var(--cds-support-error-inverse, #fa4d56);
  --support-success-inverse: var(--cds-support-success-inverse, #42be65);
  --support-warning-inverse: var(--cds-support-warning-inverse, #f1c21b);
  --support-info-inverse: var(--cds-support-info-inverse, #4589ff);
  --overlay: var(--cds-overlay, rgba(22, 22, 22, 0.5));
  --toggle-off: var(--cds-toggle-off, #878d96);
  --shadow: var(--cds-shadow, rgba(0, 0, 0, 0.3));
  --button-primary: var(--cds-button-primary, #0f62fe);
  --button-secondary: var(--cds-button-secondary, #343a3f);
  --button-tertiary: var(--cds-button-tertiary, #0f62fe);
  --button-danger-primary: var(--cds-button-danger-primary, #da1e28);
  --button-danger-secondary: var(--cds-button-danger-secondary, #da1e28);
  --background-active: var(--cds-background-active, #c1c7cd);
  --layer-active: var(--cds-layer-active, #c1c7cd);
  --button-danger-active: var(--cds-button-danger-active, #750e13);
  --button-primary-active: var(--cds-button-primary-active, #002d9c);
  --button-secondary-active: var(--cds-button-secondary-active, #697077);
  --button-tertiary-active: var(--cds-button-tertiary-active, #002d9c);
  --focus-inset: var(--cds-focus-inset, #ffffff);
  --focus-inverse: var(--cds-focus-inverse, #ffffff);
  --background-hover: var(--cds-background-hover, #e5e5e5);
  --layer-hover: var(--cds-layer-hover, #e5e5e5);
  --field-hover: var(--cds-field-hover, #e5e5e5);
  --background-inverse-hover: var(--cds-background-inverse-hover, #4c4c4c);
  --link-primary-hover: var(--cds-link-primary-hover, #0043ce);
  --button-danger-hover: var(--cds-button-danger-hover, #b81921);
  --button-primary-hover: var(--cds-button-primary-hover, #0353e9);
  --button-secondary-hover: var(--cds-button-secondary-hover, #4c4c4c);
  --button-tertiary-hover: var(--cds-button-tertiary-hover, #0353e9);
  --background-selected: var(--cds-background-selected, #dde1e6);
  --background-selected-hover: var(--cds-background-selected-hover, #cacaca);
  --layer-selected: var(--cds-layer-selected, #dde1e6);
  --layer-selected-hover: var(--cds-layer-selected-hover, #cacaca);
  --layer-selected-inverse: var(--cds-layer-selected-inverse, #121619);
  --border-subtle-selected: var(--cds-border-subtle-selected, #c1c7cd);
  --border-disabled: var(--cds-border-disabled, #ffffff);
  --text-disabled: var(--cds-text-disabled, #c1c7cd);
  --button-disabled: var(--cds-button-disabled, #c1c7cd);
  --icon-disabled: var(--cds-icon-disabled, #c1c7cd);
  --text-on-color-disabled: var(--cds-text-on-color-disabled, #878d96);
  --icon-on-color-disabled: var(--cds-icon-on-color-disabled, #878d96);
  --layer-selected-disabled: var(--cds-layer-selected-disabled, #878d96);
  --skeleton-background: var(--cds-skeleton-background, #e5e5e5);
  --skeleton-element: var(--cds-skeleton-element, #c1c7cd);
  --brand-01: var(--cds-brand-01, #0f62fe);
  --brand-02: var(--cds-brand-02, #343a3f);
  --brand-03: var(--cds-brand-03, #0f62fe);
  --active-01: var(--cds-active-01, #c1c7cd);
  --hover-field: var(--cds-hover-field, #e0e4ea);
  --danger: var(--cds-danger, #da1e28);
}

.security--theme--g100 {
  --cds-interactive-01: #0f62fe;
  --cds-interactive-02: #6f6f6f;
  --cds-interactive-03: #ffffff;
  --cds-interactive-04: #4589ff;
  --cds-ui-background: #161616;
  --cds-ui-01: #262626;
  --cds-ui-02: #393939;
  --cds-ui-03: #393939;
  --cds-ui-04: #6f6f6f;
  --cds-ui-05: #f4f4f4;
  --cds-text-01: #f4f4f4;
  --cds-text-02: #c6c6c6;
  --cds-text-03: #6f6f6f;
  --cds-text-04: #ffffff;
  --cds-text-05: #8d8d8d;
  --cds-text-error: #ff8389;
  --cds-icon-01: #f4f4f4;
  --cds-icon-02: #c6c6c6;
  --cds-icon-03: #ffffff;
  --cds-link-01: #78a9ff;
  --cds-link-02: #a6c8ff;
  --cds-inverse-link: #0f62fe;
  --cds-field-01: #262626;
  --cds-field-02: #393939;
  --cds-inverse-01: #161616;
  --cds-inverse-02: #f4f4f4;
  --cds-support-01: #fa4d56;
  --cds-support-02: #42be65;
  --cds-support-03: #f1c21b;
  --cds-support-04: #4589ff;
  --cds-inverse-support-01: #da1e28;
  --cds-inverse-support-02: #24a148;
  --cds-inverse-support-03: #f1c21b;
  --cds-inverse-support-04: #0f62fe;
  --cds-overlay-01: rgba(0, 0, 0, 0.65);
  --cds-danger-01: #da1e28;
  --cds-danger-02: #fa4d56;
  --cds-focus: #ffffff;
  --cds-inverse-focus-ui: #0f62fe;
  --cds-hover-primary: #0353e9;
  --cds-active-primary: #002d9c;
  --cds-hover-primary-text: #a6c8ff;
  --cds-hover-secondary: #606060;
  --cds-active-secondary: #393939;
  --cds-hover-tertiary: #f4f4f4;
  --cds-active-tertiary: #c6c6c6;
  --cds-hover-ui: #353535;
  --cds-hover-light-ui: #4c4c4c;
  --cds-hover-selected-ui: #4c4c4c;
  --cds-active-ui: #525252;
  --cds-active-light-ui: #6f6f6f;
  --cds-selected-ui: #393939;
  --cds-selected-light-ui: #525252;
  --cds-inverse-hover-ui: #e5e5e5;
  --cds-hover-danger: #b81921;
  --cds-active-danger: #750e13;
  --cds-hover-row: #353535;
  --cds-visited-link: #be95ff;
  --cds-disabled-01: #262626;
  --cds-disabled-02: #525252;
  --cds-disabled-03: #8d8d8d;
  --cds-highlight: #002d9c;
  --cds-decorative-01: #525252;
  --cds-button-separator: #161616;
  --cds-skeleton-01: #353535;
  --cds-skeleton-02: #525252;
  --cds-background: #161616;
  --cds-layer: #262626;
  --cds-layer-accent: #393939;
  --cds-layer-accent-hover: #474747;
  --cds-layer-accent-active: #6f6f6f;
  --cds-field: #262626;
  --cds-background-inverse: #f4f4f4;
  --cds-background-brand: #0f62fe;
  --cds-interactive: #4589ff;
  --cds-border-subtle: #393939;
  --cds-border-strong: #6f6f6f;
  --cds-border-inverse: #f4f4f4;
  --cds-border-interactive: #4589ff;
  --cds-text-primary: #f4f4f4;
  --cds-text-secondary: #c6c6c6;
  --cds-text-placeholder: #6f6f6f;
  --cds-text-helper: #8d8d8d;
  --cds-text-on-color: #ffffff;
  --cds-text-inverse: #161616;
  --cds-link-primary: #78a9ff;
  --cds-link-secondary: #a6c8ff;
  --cds-link-visited: #be95ff;
  --cds-link-inverse: #0f62fe;
  --cds-icon-primary: #f4f4f4;
  --cds-icon-secondary: #c6c6c6;
  --cds-icon-on-color: #ffffff;
  --cds-icon-inverse: #161616;
  --cds-support-error: #fa4d56;
  --cds-support-success: #42be65;
  --cds-support-warning: #f1c21b;
  --cds-support-info: #4589ff;
  --cds-support-error-inverse: #da1e28;
  --cds-support-success-inverse: #24a148;
  --cds-support-warning-inverse: #f1c21b;
  --cds-support-info-inverse: #0f62fe;
  --cds-overlay: rgba(0, 0, 0, 0.65);
  --cds-toggle-off: #6f6f6f;
  --cds-shadow: rgba(0, 0, 0, 0.8);
  --cds-button-primary: #0f62fe;
  --cds-button-secondary: #6f6f6f;
  --cds-button-tertiary: #ffffff;
  --cds-button-danger-primary: #da1e28;
  --cds-button-danger-secondary: #fa4d56;
  --cds-background-active: #525252;
  --cds-layer-active: #525252;
  --cds-button-danger-active: #750e13;
  --cds-button-primary-active: #002d9c;
  --cds-button-secondary-active: #393939;
  --cds-button-tertiary-active: #c6c6c6;
  --cds-focus-inset: #161616;
  --cds-focus-inverse: #0f62fe;
  --cds-background-hover: #353535;
  --cds-layer-hover: #353535;
  --cds-field-hover: #353535;
  --cds-background-inverse-hover: #e5e5e5;
  --cds-link-primary-hover: #a6c8ff;
  --cds-button-danger-hover: #b81921;
  --cds-button-primary-hover: #0353e9;
  --cds-button-secondary-hover: #606060;
  --cds-button-tertiary-hover: #f4f4f4;
  --cds-background-selected: #393939;
  --cds-background-selected-hover: #4c4c4c;
  --cds-layer-selected: #393939;
  --cds-layer-selected-hover: #4c4c4c;
  --cds-layer-selected-inverse: #f4f4f4;
  --cds-border-subtle-selected: #525252;
  --cds-border-disabled: #262626;
  --cds-text-disabled: #525252;
  --cds-button-disabled: #525252;
  --cds-icon-disabled: #525252;
  --cds-text-on-color-disabled: #8d8d8d;
  --cds-icon-on-color-disabled: #8d8d8d;
  --cds-layer-selected-disabled: #8d8d8d;
  --cds-skeleton-background: #353535;
  --cds-skeleton-element: #525252;
  --cds-brand-01: #0f62fe;
  --cds-brand-02: #6f6f6f;
  --cds-brand-03: #ffffff;
  --cds-active-01: #525252;
  --cds-hover-field: #353535;
  --cds-danger: #da1e28;
  --cds-caption-01-font-size: 0.75rem;
  --cds-caption-01-font-weight: 400;
  --cds-caption-01-line-height: 1.33333;
  --cds-caption-01-letter-spacing: 0.32px;
  --cds-caption-02-font-size: 0.875rem;
  --cds-caption-02-font-weight: 400;
  --cds-caption-02-line-height: 1.28572;
  --cds-caption-02-letter-spacing: 0.32px;
  --cds-label-01-font-size: 0.75rem;
  --cds-label-01-font-weight: 400;
  --cds-label-01-line-height: 1.33333;
  --cds-label-01-letter-spacing: 0.32px;
  --cds-label-02-font-size: 0.875rem;
  --cds-label-02-font-weight: 400;
  --cds-label-02-line-height: 1.28572;
  --cds-label-02-letter-spacing: 0.16px;
  --cds-helper-text-01-font-size: 0.75rem;
  --cds-helper-text-01-line-height: 1.33333;
  --cds-helper-text-01-letter-spacing: 0.32px;
  --cds-helper-text-02-font-size: 0.875rem;
  --cds-helper-text-02-line-height: 1.28572;
  --cds-helper-text-02-letter-spacing: 0.16px;
  --cds-body-short-01-font-size: 0.875rem;
  --cds-body-short-01-font-weight: 400;
  --cds-body-short-01-line-height: 1.28572;
  --cds-body-short-01-letter-spacing: 0.16px;
  --cds-body-long-01-font-size: 0.875rem;
  --cds-body-long-01-font-weight: 400;
  --cds-body-long-01-line-height: 1.42857;
  --cds-body-long-01-letter-spacing: 0.16px;
  --cds-body-short-02-font-size: 1rem;
  --cds-body-short-02-font-weight: 400;
  --cds-body-short-02-line-height: 1.375;
  --cds-body-short-02-letter-spacing: 0;
  --cds-body-long-02-font-size: 1rem;
  --cds-body-long-02-font-weight: 400;
  --cds-body-long-02-line-height: 1.5;
  --cds-body-long-02-letter-spacing: 0;
  --cds-code-01-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
  --cds-code-01-font-size: 0.75rem;
  --cds-code-01-font-weight: 400;
  --cds-code-01-line-height: 1.33333;
  --cds-code-01-letter-spacing: 0.32px;
  --cds-code-02-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
  --cds-code-02-font-size: 0.875rem;
  --cds-code-02-font-weight: 400;
  --cds-code-02-line-height: 1.42857;
  --cds-code-02-letter-spacing: 0.32px;
  --cds-heading-01-font-size: 0.875rem;
  --cds-heading-01-font-weight: 600;
  --cds-heading-01-line-height: 1.42857;
  --cds-heading-01-letter-spacing: 0.16px;
  --cds-productive-heading-01-font-size: 0.875rem;
  --cds-productive-heading-01-font-weight: 600;
  --cds-productive-heading-01-line-height: 1.28572;
  --cds-productive-heading-01-letter-spacing: 0.16px;
  --cds-heading-02-font-size: 1rem;
  --cds-heading-02-font-weight: 600;
  --cds-heading-02-line-height: 1.5;
  --cds-heading-02-letter-spacing: 0;
  --cds-productive-heading-02-font-size: 1rem;
  --cds-productive-heading-02-font-weight: 600;
  --cds-productive-heading-02-line-height: 1.375;
  --cds-productive-heading-02-letter-spacing: 0;
  --cds-productive-heading-03-font-size: 1.25rem;
  --cds-productive-heading-03-font-weight: 400;
  --cds-productive-heading-03-line-height: 1.4;
  --cds-productive-heading-03-letter-spacing: 0;
  --cds-productive-heading-04-font-size: 1.75rem;
  --cds-productive-heading-04-font-weight: 400;
  --cds-productive-heading-04-line-height: 1.28572;
  --cds-productive-heading-04-letter-spacing: 0;
  --cds-productive-heading-05-font-size: 2rem;
  --cds-productive-heading-05-font-weight: 400;
  --cds-productive-heading-05-line-height: 1.25;
  --cds-productive-heading-05-letter-spacing: 0;
  --cds-productive-heading-06-font-size: 2.625rem;
  --cds-productive-heading-06-font-weight: 300;
  --cds-productive-heading-06-line-height: 1.199;
  --cds-productive-heading-06-letter-spacing: 0;
  --cds-productive-heading-07-font-size: 3.375rem;
  --cds-productive-heading-07-font-weight: 300;
  --cds-productive-heading-07-line-height: 1.199;
  --cds-productive-heading-07-letter-spacing: 0;
  --cds-expressive-heading-01-font-size: 0.875rem;
  --cds-expressive-heading-01-font-weight: 600;
  --cds-expressive-heading-01-line-height: 1.25;
  --cds-expressive-heading-01-letter-spacing: 0.16px;
  --cds-expressive-heading-02-font-size: 1rem;
  --cds-expressive-heading-02-font-weight: 600;
  --cds-expressive-heading-02-line-height: 1.5;
  --cds-expressive-heading-02-letter-spacing: 0;
  --cds-expressive-heading-03-font-size: 1.25rem;
  --cds-expressive-heading-03-font-weight: 400;
  --cds-expressive-heading-03-line-height: 1.4;
  --cds-expressive-heading-03-letter-spacing: 0;
  --cds-expressive-heading-04-font-size: 1.75rem;
  --cds-expressive-heading-04-font-weight: 400;
  --cds-expressive-heading-04-line-height: 1.28572;
  --cds-expressive-heading-04-letter-spacing: 0;
  --cds-expressive-heading-05-font-size: 2rem;
  --cds-expressive-heading-05-font-weight: 400;
  --cds-expressive-heading-05-line-height: 1.25;
  --cds-expressive-heading-05-letter-spacing: 0;
  --cds-expressive-heading-06-font-size: 2rem;
  --cds-expressive-heading-06-font-weight: 600;
  --cds-expressive-heading-06-line-height: 1.25;
  --cds-expressive-heading-06-letter-spacing: 0;
  --cds-expressive-paragraph-01-font-size: 1.5rem;
  --cds-expressive-paragraph-01-font-weight: 300;
  --cds-expressive-paragraph-01-line-height: 1.334;
  --cds-expressive-paragraph-01-letter-spacing: 0;
  --cds-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
  --cds-quotation-01-font-size: 1.25rem;
  --cds-quotation-01-font-weight: 400;
  --cds-quotation-01-line-height: 1.3;
  --cds-quotation-01-letter-spacing: 0;
  --cds-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
  --cds-quotation-02-font-size: 2rem;
  --cds-quotation-02-font-weight: 300;
  --cds-quotation-02-line-height: 1.25;
  --cds-quotation-02-letter-spacing: 0;
  --cds-display-01-font-size: 2.625rem;
  --cds-display-01-font-weight: 300;
  --cds-display-01-line-height: 1.19;
  --cds-display-01-letter-spacing: 0;
  --cds-display-02-font-size: 2.625rem;
  --cds-display-02-font-weight: 600;
  --cds-display-02-line-height: 1.19;
  --cds-display-02-letter-spacing: 0;
  --cds-display-03-font-size: 2.625rem;
  --cds-display-03-font-weight: 300;
  --cds-display-03-line-height: 1.19;
  --cds-display-03-letter-spacing: 0;
  --cds-display-04-font-size: 2.625rem;
  --cds-display-04-font-weight: 300;
  --cds-display-04-line-height: 1.19;
  --cds-display-04-letter-spacing: 0;
  --cds-legal-01-font-size: 0.75rem;
  --cds-legal-01-font-weight: 400;
  --cds-legal-01-line-height: 1.33333;
  --cds-legal-01-letter-spacing: 0.32px;
  --cds-legal-02-font-size: 0.875rem;
  --cds-legal-02-font-weight: 400;
  --cds-legal-02-line-height: 1.28572;
  --cds-legal-02-letter-spacing: 0.16px;
  --cds-body-compact-01-font-size: 0.875rem;
  --cds-body-compact-01-font-weight: 400;
  --cds-body-compact-01-line-height: 1.28572;
  --cds-body-compact-01-letter-spacing: 0.16px;
  --cds-body-compact-02-font-size: 1rem;
  --cds-body-compact-02-font-weight: 400;
  --cds-body-compact-02-line-height: 1.375;
  --cds-body-compact-02-letter-spacing: 0;
  --cds-body-01-font-size: 0.875rem;
  --cds-body-01-font-weight: 400;
  --cds-body-01-line-height: 1.42857;
  --cds-body-01-letter-spacing: 0.16px;
  --cds-body-02-font-size: 1rem;
  --cds-body-02-font-weight: 400;
  --cds-body-02-line-height: 1.5;
  --cds-body-02-letter-spacing: 0;
  --cds-heading-compact-01-font-size: 0.875rem;
  --cds-heading-compact-01-font-weight: 600;
  --cds-heading-compact-01-line-height: 1.28572;
  --cds-heading-compact-01-letter-spacing: 0.16px;
  --cds-heading-compact-02-font-size: 1rem;
  --cds-heading-compact-02-font-weight: 600;
  --cds-heading-compact-02-line-height: 1.375;
  --cds-heading-compact-02-letter-spacing: 0;
  --cds-heading-03-font-size: 1.25rem;
  --cds-heading-03-font-weight: 400;
  --cds-heading-03-line-height: 1.4;
  --cds-heading-03-letter-spacing: 0;
  --cds-heading-04-font-size: 1.75rem;
  --cds-heading-04-font-weight: 400;
  --cds-heading-04-line-height: 1.28572;
  --cds-heading-04-letter-spacing: 0;
  --cds-heading-05-font-size: 2rem;
  --cds-heading-05-font-weight: 400;
  --cds-heading-05-line-height: 1.25;
  --cds-heading-05-letter-spacing: 0;
  --cds-heading-06-font-size: 2.625rem;
  --cds-heading-06-font-weight: 300;
  --cds-heading-06-line-height: 1.199;
  --cds-heading-06-letter-spacing: 0;
  --cds-heading-07-font-size: 3.375rem;
  --cds-heading-07-font-weight: 300;
  --cds-heading-07-line-height: 1.199;
  --cds-heading-07-letter-spacing: 0;
  --cds-fluid-heading-03-font-size: 1.25rem;
  --cds-fluid-heading-03-font-weight: 400;
  --cds-fluid-heading-03-line-height: 1.4;
  --cds-fluid-heading-03-letter-spacing: 0;
  --cds-fluid-heading-04-font-size: 1.75rem;
  --cds-fluid-heading-04-font-weight: 400;
  --cds-fluid-heading-04-line-height: 1.28572;
  --cds-fluid-heading-04-letter-spacing: 0;
  --cds-fluid-heading-05-font-size: 2rem;
  --cds-fluid-heading-05-font-weight: 400;
  --cds-fluid-heading-05-line-height: 1.25;
  --cds-fluid-heading-05-letter-spacing: 0;
  --cds-fluid-heading-06-font-size: 2rem;
  --cds-fluid-heading-06-font-weight: 600;
  --cds-fluid-heading-06-line-height: 1.25;
  --cds-fluid-heading-06-letter-spacing: 0;
  --cds-fluid-paragraph-01-font-size: 1.5rem;
  --cds-fluid-paragraph-01-font-weight: 300;
  --cds-fluid-paragraph-01-line-height: 1.334;
  --cds-fluid-paragraph-01-letter-spacing: 0;
  --cds-fluid-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
  --cds-fluid-quotation-01-font-size: 1.25rem;
  --cds-fluid-quotation-01-font-weight: 400;
  --cds-fluid-quotation-01-line-height: 1.3;
  --cds-fluid-quotation-01-letter-spacing: 0;
  --cds-fluid-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
  --cds-fluid-quotation-02-font-size: 2rem;
  --cds-fluid-quotation-02-font-weight: 300;
  --cds-fluid-quotation-02-line-height: 1.25;
  --cds-fluid-quotation-02-letter-spacing: 0;
  --cds-fluid-display-01-font-size: 2.625rem;
  --cds-fluid-display-01-font-weight: 300;
  --cds-fluid-display-01-line-height: 1.19;
  --cds-fluid-display-01-letter-spacing: 0;
  --cds-fluid-display-02-font-size: 2.625rem;
  --cds-fluid-display-02-font-weight: 600;
  --cds-fluid-display-02-line-height: 1.19;
  --cds-fluid-display-02-letter-spacing: 0;
  --cds-fluid-display-03-font-size: 2.625rem;
  --cds-fluid-display-03-font-weight: 300;
  --cds-fluid-display-03-line-height: 1.19;
  --cds-fluid-display-03-letter-spacing: 0;
  --cds-fluid-display-04-font-size: 2.625rem;
  --cds-fluid-display-04-font-weight: 300;
  --cds-fluid-display-04-line-height: 1.19;
  --cds-fluid-display-04-letter-spacing: 0;
  --cds-spacing-01: 0.125rem;
  --cds-spacing-02: 0.25rem;
  --cds-spacing-03: 0.5rem;
  --cds-spacing-04: 0.75rem;
  --cds-spacing-05: 1rem;
  --cds-spacing-06: 1.5rem;
  --cds-spacing-07: 2rem;
  --cds-spacing-08: 2.5rem;
  --cds-spacing-09: 3rem;
  --cds-spacing-10: 4rem;
  --cds-spacing-11: 5rem;
  --cds-spacing-12: 6rem;
  --cds-spacing-13: 10rem;
  --cds-fluid-spacing-01: 0;
  --cds-fluid-spacing-02: 2vw;
  --cds-fluid-spacing-03: 5vw;
  --cds-fluid-spacing-04: 10vw;
  --cds-layout-01: 1rem;
  --cds-layout-02: 1.5rem;
  --cds-layout-03: 2rem;
  --cds-layout-04: 3rem;
  --cds-layout-05: 4rem;
  --cds-layout-06: 6rem;
  --cds-layout-07: 10rem;
  --cds-container-01: 1.5rem;
  --cds-container-02: 2rem;
  --cds-container-03: 2.5rem;
  --cds-container-04: 3rem;
  --cds-container-05: 4rem;
  --cds-size-xsmall: 1.5rem;
  --cds-size-small: 2rem;
  --cds-size-medium: 2.5rem;
  --cds-size-large: 3rem;
  --cds-size-xlarge: 4rem;
  --cds-size-2XLarge: 5rem;
  --cds-icon-size-01: 1rem;
  --cds-icon-size-02: 1.25rem;
  --interactive-01: var(--cds-interactive-01, #0f62fe);
  --interactive-02: var(--cds-interactive-02, #6f6f6f);
  --interactive-03: var(--cds-interactive-03, #ffffff);
  --interactive-04: var(--cds-interactive-04, #4589ff);
  --ui-background: var(--cds-ui-background, #161616);
  --ui-01: var(--cds-ui-01, #262626);
  --ui-02: var(--cds-ui-02, #393939);
  --ui-03: var(--cds-ui-03, #393939);
  --ui-04: var(--cds-ui-04, #6f6f6f);
  --ui-05: var(--cds-ui-05, #f4f4f4);
  --text-01: var(--cds-text-01, #f4f4f4);
  --text-02: var(--cds-text-02, #c6c6c6);
  --text-03: var(--cds-text-03, #6f6f6f);
  --text-04: var(--cds-text-04, #ffffff);
  --text-05: var(--cds-text-05, #8d8d8d);
  --text-error: var(--cds-text-error, #ff8389);
  --icon-01: var(--cds-icon-01, #f4f4f4);
  --icon-02: var(--cds-icon-02, #c6c6c6);
  --icon-03: var(--cds-icon-03, #ffffff);
  --link-01: var(--cds-link-01, #78a9ff);
  --link-02: var(--cds-link-02, #a6c8ff);
  --inverse-link: var(--cds-inverse-link, #0f62fe);
  --field-01: var(--cds-field-01, #262626);
  --field-02: var(--cds-field-02, #393939);
  --inverse-01: var(--cds-inverse-01, #161616);
  --inverse-02: var(--cds-inverse-02, #f4f4f4);
  --support-01: var(--cds-support-01, #fa4d56);
  --support-02: var(--cds-support-02, #42be65);
  --support-03: var(--cds-support-03, #f1c21b);
  --support-04: var(--cds-support-04, #4589ff);
  --inverse-support-01: var(--cds-inverse-support-01, #da1e28);
  --inverse-support-02: var(--cds-inverse-support-02, #24a148);
  --inverse-support-03: var(--cds-inverse-support-03, #f1c21b);
  --inverse-support-04: var(--cds-inverse-support-04, #0f62fe);
  --overlay-01: var(--cds-overlay-01, rgba(0, 0, 0, 0.65));
  --danger-01: var(--cds-danger-01, #da1e28);
  --danger-02: var(--cds-danger-02, #fa4d56);
  --focus: var(--cds-focus, #ffffff);
  --inverse-focus-ui: var(--cds-inverse-focus-ui, #0f62fe);
  --hover-primary: var(--cds-hover-primary, #0353e9);
  --active-primary: var(--cds-active-primary, #002d9c);
  --hover-primary-text: var(--cds-hover-primary-text, #a6c8ff);
  --hover-secondary: var(--cds-hover-secondary, #606060);
  --active-secondary: var(--cds-active-secondary, #393939);
  --hover-tertiary: var(--cds-hover-tertiary, #f4f4f4);
  --active-tertiary: var(--cds-active-tertiary, #c6c6c6);
  --hover-ui: var(--cds-hover-ui, #353535);
  --hover-light-ui: var(--cds-hover-light-ui, #4c4c4c);
  --active-ui: var(--cds-active-ui, #525252);
  --active-light-ui: var(--cds-active-light-ui, #6f6f6f);
  --selected-ui: var(--cds-selected-ui, #393939);
  --selected-light-ui: var(--cds-selected-light-ui, #525252);
  --inverse-hover-ui: var(--cds-inverse-hover-ui, #e5e5e5);
  --hover-selected-ui: var(--cds-hover-selected-ui, #4c4c4c);
  --hover-danger: var(--cds-hover-danger, #b81921);
  --active-danger: var(--cds-active-danger, #750e13);
  --hover-row: var(--cds-hover-row, #353535);
  --visited-link: var(--cds-visited-link, #be95ff);
  --disabled-01: var(--cds-disabled-01, #262626);
  --disabled-02: var(--cds-disabled-02, #525252);
  --disabled-03: var(--cds-disabled-03, #8d8d8d);
  --highlight: var(--cds-highlight, #002d9c);
  --decorative-01: var(--cds-decorative-01, #525252);
  --button-separator: var(--cds-button-separator, #161616);
  --skeleton-01: var(--cds-skeleton-01, #353535);
  --skeleton-02: var(--cds-skeleton-02, #525252);
  --background: var(--cds-background, #161616);
  --layer: var(--cds-layer, #262626);
  --layer-accent: var(--cds-layer-accent, #393939);
  --layer-accent-active: var(--cds-layer-accent-active, #6f6f6f);
  --layer-accent-hover: var(--cds-layer-accent-hover, #474747);
  --field: var(--cds-field, #262626);
  --background-inverse: var(--cds-background-inverse, #f4f4f4);
  --background-brand: var(--cds-background-brand, #0f62fe);
  --interactive: var(--cds-interactive, #4589ff);
  --border-subtle: var(--cds-border-subtle, #393939);
  --border-strong: var(--cds-border-strong, #6f6f6f);
  --border-inverse: var(--cds-border-inverse, #f4f4f4);
  --border-interactive: var(--cds-border-interactive, #4589ff);
  --text-primary: var(--cds-text-primary, #f4f4f4);
  --text-secondary: var(--cds-text-secondary, #c6c6c6);
  --text-placeholder: var(--cds-text-placeholder, #6f6f6f);
  --text-helper: var(--cds-text-helper, #8d8d8d);
  --text-on-color: var(--cds-text-on-color, #ffffff);
  --text-inverse: var(--cds-text-inverse, #161616);
  --link-primary: var(--cds-link-primary, #78a9ff);
  --link-secondary: var(--cds-link-secondary, #a6c8ff);
  --link-visited: var(--cds-link-visited, #be95ff);
  --link-inverse: var(--cds-link-inverse, #0f62fe);
  --icon-primary: var(--cds-icon-primary, #f4f4f4);
  --icon-secondary: var(--cds-icon-secondary, #c6c6c6);
  --icon-on-color: var(--cds-icon-on-color, #ffffff);
  --icon-inverse: var(--cds-icon-inverse, #161616);
  --support-error: var(--cds-support-error, #fa4d56);
  --support-success: var(--cds-support-success, #42be65);
  --support-warning: var(--cds-support-warning, #f1c21b);
  --support-info: var(--cds-support-info, #4589ff);
  --support-error-inverse: var(--cds-support-error-inverse, #da1e28);
  --support-success-inverse: var(--cds-support-success-inverse, #24a148);
  --support-warning-inverse: var(--cds-support-warning-inverse, #f1c21b);
  --support-info-inverse: var(--cds-support-info-inverse, #0f62fe);
  --overlay: var(--cds-overlay, rgba(0, 0, 0, 0.65));
  --toggle-off: var(--cds-toggle-off, #6f6f6f);
  --shadow: var(--cds-shadow, rgba(0, 0, 0, 0.8));
  --button-primary: var(--cds-button-primary, #0f62fe);
  --button-secondary: var(--cds-button-secondary, #6f6f6f);
  --button-tertiary: var(--cds-button-tertiary, #ffffff);
  --button-danger-primary: var(--cds-button-danger-primary, #da1e28);
  --button-danger-secondary: var(--cds-button-danger-secondary, #fa4d56);
  --background-active: var(--cds-background-active, #525252);
  --layer-active: var(--cds-layer-active, #525252);
  --button-danger-active: var(--cds-button-danger-active, #750e13);
  --button-primary-active: var(--cds-button-primary-active, #002d9c);
  --button-secondary-active: var(--cds-button-secondary-active, #393939);
  --button-tertiary-active: var(--cds-button-tertiary-active, #c6c6c6);
  --focus-inset: var(--cds-focus-inset, #161616);
  --focus-inverse: var(--cds-focus-inverse, #0f62fe);
  --background-hover: var(--cds-background-hover, #353535);
  --layer-hover: var(--cds-layer-hover, #353535);
  --field-hover: var(--cds-field-hover, #353535);
  --background-inverse-hover: var(--cds-background-inverse-hover, #e5e5e5);
  --link-primary-hover: var(--cds-link-primary-hover, #a6c8ff);
  --button-danger-hover: var(--cds-button-danger-hover, #b81921);
  --button-primary-hover: var(--cds-button-primary-hover, #0353e9);
  --button-secondary-hover: var(--cds-button-secondary-hover, #606060);
  --button-tertiary-hover: var(--cds-button-tertiary-hover, #f4f4f4);
  --background-selected: var(--cds-background-selected, #393939);
  --background-selected-hover: var(--cds-background-selected-hover, #4c4c4c);
  --layer-selected: var(--cds-layer-selected, #393939);
  --layer-selected-hover: var(--cds-layer-selected-hover, #4c4c4c);
  --layer-selected-inverse: var(--cds-layer-selected-inverse, #f4f4f4);
  --border-subtle-selected: var(--cds-border-subtle-selected, #525252);
  --border-disabled: var(--cds-border-disabled, #262626);
  --text-disabled: var(--cds-text-disabled, #525252);
  --button-disabled: var(--cds-button-disabled, #525252);
  --icon-disabled: var(--cds-icon-disabled, #525252);
  --text-on-color-disabled: var(--cds-text-on-color-disabled, #8d8d8d);
  --icon-on-color-disabled: var(--cds-icon-on-color-disabled, #8d8d8d);
  --layer-selected-disabled: var(--cds-layer-selected-disabled, #8d8d8d);
  --skeleton-background: var(--cds-skeleton-background, #353535);
  --skeleton-element: var(--cds-skeleton-element, #525252);
  --brand-01: var(--cds-brand-01, #0f62fe);
  --brand-02: var(--cds-brand-02, #6f6f6f);
  --brand-03: var(--cds-brand-03, #ffffff);
  --active-01: var(--cds-active-01, #525252);
  --hover-field: var(--cds-hover-field, #353535);
  --danger: var(--cds-danger, #da1e28);
}

h1 {
  font-size: var(--cds-productive-heading-06-font-size, 2.625rem);
  font-weight: var(--cds-productive-heading-06-font-weight, 30