/**
 * Do not edit directly
 * Generated on Fri, 06 Mar 2026 10:45:44 GMT
 */
:root [ks-theme=business] {
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
  --ks-background-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
  --ks-background-color-bold-base: var(--ks-color-primary-to-bg-6-base);
  --ks-background-color-bold-inverted-base: var(--ks-color-primary-inverted-to-bg-6-base);
  --ks-background-color-clear-base: var(--ks-color-transparent-base);
  --ks-background-color-clear-interactive-base: var(--ks-color-transparent-base);
  --ks-background-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
  --ks-background-color-clear-interactive-active-base: var(--ks-color-primary-alpha-7-base);
  --ks-background-color-clear-interactive-selected-base: var(--ks-color-primary-alpha-6-base);
  --ks-background-color-clear-inverted-base: var(--ks-color-transparent-base);
  --ks-background-color-clear-inverted-interactive-base: var(--ks-color-transparent-base);
  --ks-background-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
  --ks-background-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
  --ks-background-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
  --ks-background-color-default-base: var(--ks-color-bg-base);
  --ks-background-color-default-inverted-base: var(--ks-color-bg-inverted-base);
  --ks-background-color-interface-base: var(--ks-color-fg-alpha-9-base);
  --ks-background-color-interface-interactive-base: var(--ks-color-fg-alpha-8-base);
  --ks-background-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-9-base);
  --ks-background-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-6-base);
  --ks-background-color-interface-interactive-active-base: var(--ks-color-fg-alpha-6-base);
  --ks-background-color-interface-interactive-selected-base: var(--ks-color-primary-base);
  --ks-background-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-background-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-8-base);
  --ks-background-color-interface-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-background-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-6-base);
  --ks-background-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-6-base);
  --ks-background-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
  --ks-background-color-card-base: var(--ks-color-fg-alpha-9-base);
  --ks-background-color-card-interactive-base: var(--ks-color-fg-alpha-8-base);
  --ks-background-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-7-base);
  --ks-background-color-card-interactive-hover-base: var(--ks-color-fg-alpha-9-base);
  --ks-background-color-card-interactive-active-base: var(--ks-color-fg-alpha-9-base);
  --ks-background-color-card-interactive-selected-base: var(--ks-color-primary-base);
  --ks-background-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-background-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-8-base);
  --ks-background-color-card-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-7-base);
  --ks-background-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-background-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-background-color-card-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
  --ks-background-color-primary-base: var(--ks-color-primary-base);
  --ks-background-color-primary-interactive-base: var(--ks-color-primary-base);
  --ks-background-color-primary-interactive-hover-base: var(--ks-color-primary-to-bg-2-base);
  --ks-background-color-primary-interactive-active-base: var(--ks-color-primary-to-bg-2-base);
  --ks-background-color-primary-interactive-selected-base: var(--ks-color-primary-to-bg-4-base);
  --ks-background-color-primary-translucent-base: var(--ks-color-primary-alpha-5-base);
  --ks-background-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
  --ks-background-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-base);
  --ks-background-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-to-bg-2-base);
  --ks-background-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-to-bg-2-base);
  --ks-background-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-to-bg-4-base);
  --ks-background-color-primary-inverted-translucent-base: var(--ks-color-primary-inverted-alpha-5-base);
  --ks-background-color-positive-base: var(--ks-color-positive-base);
  --ks-background-color-positive-interactive-base: var(--ks-color-positive-base);
  --ks-background-color-positive-interactive-hover-base: var(--ks-color-positive-to-bg-2-base);
  --ks-background-color-positive-interactive-active-base: var(--ks-color-positive-to-bg-2-base);
  --ks-background-color-positive-interactive-selected-base: var(--ks-color-positive-to-bg-4-base);
  --ks-background-color-positive-translucent-base: var(--ks-color-positive-alpha-5-base);
  --ks-background-color-positive-inverted-base: var(--ks-color-positive-inverted-base);
  --ks-background-color-positive-inverted-interactive-base: var(--ks-color-positive-inverted-base);
  --ks-background-color-positive-inverted-interactive-hover-base: var(--ks-color-positive-inverted-to-bg-2-base);
  --ks-background-color-positive-inverted-interactive-active-base: var(--ks-color-positive-inverted-to-bg-2-base);
  --ks-background-color-positive-inverted-interactive-selected-base: var(--ks-color-positive-inverted-to-bg-4-base);
  --ks-background-color-positive-inverted-translucent-base: var(--ks-color-positive-inverted-alpha-5-base);
  --ks-background-color-informative-base: var(--ks-color-informative-base);
  --ks-background-color-informative-interactive-base: var(--ks-color-informative-base);
  --ks-background-color-informative-interactive-hover-base: var(--ks-color-informative-to-bg-2-base);
  --ks-background-color-informative-interactive-active-base: var(--ks-color-informative-to-bg-2-base);
  --ks-background-color-informative-interactive-selected-base: var(--ks-color-informative-to-bg-4-base);
  --ks-background-color-informative-translucent-base: var(--ks-color-informative-alpha-5-base);
  --ks-background-color-informative-inverted-base: var(--ks-color-informative-inverted-base);
  --ks-background-color-informative-inverted-interactive-base: var(--ks-color-informative-inverted-base);
  --ks-background-color-informative-inverted-interactive-hover-base: var(--ks-color-informative-inverted-to-bg-2-base);
  --ks-background-color-informative-inverted-interactive-active-base: var(--ks-color-informative-inverted-to-bg-2-base);
  --ks-background-color-informative-inverted-interactive-selected-base: var(--ks-color-informative-inverted-to-bg-4-base);
  --ks-background-color-informative-inverted-translucent-base: var(--ks-color-informative-inverted-alpha-5-base);
  --ks-background-color-notice-base: var(--ks-color-notice-base);
  --ks-background-color-notice-interactive-base: var(--ks-color-notice-base);
  --ks-background-color-notice-interactive-hover-base: var(--ks-color-notice-to-bg-2-base);
  --ks-background-color-notice-interactive-active-base: var(--ks-color-notice-to-bg-2-base);
  --ks-background-color-notice-interactive-selected-base: var(--ks-color-notice-to-bg-4-base);
  --ks-background-color-notice-translucent-base: var(--ks-color-notice-alpha-5-base);
  --ks-background-color-notice-inverted-base: var(--ks-color-notice-inverted-base);
  --ks-background-color-notice-inverted-interactive-base: var(--ks-color-notice-inverted-base);
  --ks-background-color-notice-inverted-interactive-hover-base: var(--ks-color-notice-inverted-to-bg-2-base);
  --ks-background-color-notice-inverted-interactive-active-base: var(--ks-color-notice-inverted-to-bg-2-base);
  --ks-background-color-notice-inverted-interactive-selected-base: var(--ks-color-notice-inverted-to-bg-4-base);
  --ks-background-color-notice-inverted-translucent-base: var(--ks-color-notice-inverted-alpha-5-base);
  --ks-background-color-negative-base: var(--ks-color-negative-base);
  --ks-background-color-negative-interactive-base: var(--ks-color-negative-base);
  --ks-background-color-negative-interactive-hover-base: var(--ks-color-negative-to-bg-2-base);
  --ks-background-color-negative-interactive-active-base: var(--ks-color-negative-to-bg-2-base);
  --ks-background-color-negative-interactive-selected-base: var(--ks-color-negative-to-bg-4-base);
  --ks-background-color-negative-translucent-base: var(--ks-color-negative-alpha-5-base);
  --ks-background-color-negative-inverted-base: var(--ks-color-negative-inverted-base);
  --ks-background-color-negative-inverted-interactive-base: var(--ks-color-negative-inverted-base);
  --ks-background-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-to-bg-2-base);
  --ks-background-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-to-bg-2-base);
  --ks-background-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-to-bg-4-base);
  --ks-background-color-negative-inverted-translucent-base: var(--ks-color-negative-inverted-alpha-5-base);
  --ks-background-color-secondary-base: var(--ks-color-secondary-base);
  --ks-background-color-secondary-interactive-base: var(--ks-color-secondary-base);
  --ks-background-color-secondary-interactive-hover-base: var(--ks-color-secondary-to-bg-2-base);
  --ks-background-color-secondary-interactive-active-base: var(--ks-color-secondary-to-bg-2-base);
  --ks-background-color-secondary-interactive-selected-base: var(--ks-color-secondary-to-bg-4-base);
  --ks-background-color-secondary-translucent-base: var(--ks-color-secondary-alpha-5-base);
  --ks-background-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
  --ks-background-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-base);
  --ks-background-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-to-bg-2-base);
  --ks-background-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-to-bg-2-base);
  --ks-background-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-to-bg-4-base);
  --ks-background-color-secondary-inverted-translucent-base: var(--ks-color-secondary-inverted-alpha-5-base);
  --ks-border-color-accent-base: var(--ks-color-primary-to-bg-8-base);
  --ks-border-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
  --ks-border-color-clear-base: var(--ks-color-transparent-base);
  --ks-border-color-clear-interactive-base: var(--ks-color-transparent-base);
  --ks-border-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
  --ks-border-color-clear-interactive-active-base: var(--ks-color-primary-alpha-7-base);
  --ks-border-color-clear-interactive-selected-base: var(--ks-color-primary-alpha-6-base);
  --ks-border-color-clear-inverted-base: var(--ks-color-transparent-base);
  --ks-border-color-clear-inverted-interactive-base: var(--ks-color-transparent-base);
  --ks-border-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
  --ks-border-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
  --ks-border-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
  --ks-border-color-default-base: var(--ks-color-fg-inverted-base);
  --ks-border-color-default-inverted-base: var(--ks-color-fg-alpha-3-base);
  --ks-border-color-interface-base: var(--ks-color-fg-alpha-8-base);
  --ks-border-color-interface-interactive-base: var(--ks-color-fg-alpha-7-base);
  --ks-border-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
  --ks-border-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
  --ks-border-color-interface-interactive-active-base: var(--ks-color-fg-alpha-5-base);
  --ks-border-color-interface-interactive-selected-base: var(--ks-color-primary-base);
  --ks-border-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-8-base);
  --ks-border-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-7-base);
  --ks-border-color-interface-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-8-base);
  --ks-border-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-5-base);
  --ks-border-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-5-base);
  --ks-border-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
  --ks-border-color-card-base: var(--ks-color-fg-alpha-9-base);
  --ks-border-color-card-interactive-base: var(--ks-color-fg-alpha-7-base);
  --ks-border-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
  --ks-border-color-card-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
  --ks-border-color-card-interactive-active-base: var(--ks-color-fg-alpha-3-base);
  --ks-border-color-card-interactive-selected-base: var(--ks-color-primary-base);
  --ks-border-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-border-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-5-base);
  --ks-border-color-card-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-2-base);
  --ks-border-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-3-base);
  --ks-border-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-1-base);
  --ks-border-color-card-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
  --ks-border-color-primary-base: var(--ks-color-primary-base);
  --ks-border-color-primary-interactive-base: var(--ks-color-primary-base);
  --ks-border-color-primary-interactive-hover-base: var(--ks-color-primary-to-bg-2-base);
  --ks-border-color-primary-interactive-active-base: var(--ks-color-primary-to-bg-3-base);
  --ks-border-color-primary-interactive-selected-base: var(--ks-color-primary-base);
  --ks-border-color-primary-translucent-base: var(--ks-color-primary-alpha-2-base);
  --ks-border-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
  --ks-border-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-base);
  --ks-border-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-to-bg-2-base);
  --ks-border-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-to-bg-3-base);
  --ks-border-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
  --ks-border-color-primary-inverted-translucent-base: var(--ks-color-primary-inverted-alpha-2-base);
  --ks-border-color-positive-base: var(--ks-color-positive-base);
  --ks-border-color-positive-interactive-base: var(--ks-color-positive-base);
  --ks-border-color-positive-interactive-hover-base: var(--ks-color-positive-to-bg-2-base);
  --ks-border-color-positive-interactive-active-base: var(--ks-color-positive-to-bg-3-base);
  --ks-border-color-positive-interactive-selected-base: var(--ks-color-positive-base);
  --ks-border-color-positive-translucent-base: var(--ks-color-positive-alpha-2-base);
  --ks-border-color-positive-inverted-base: var(--ks-color-positive-inverted-base);
  --ks-border-color-positive-inverted-interactive-base: var(--ks-color-positive-inverted-base);
  --ks-border-color-positive-inverted-interactive-hover-base: var(--ks-color-positive-inverted-to-bg-2-base);
  --ks-border-color-positive-inverted-interactive-active-base: var(--ks-color-positive-inverted-to-bg-3-base);
  --ks-border-color-positive-inverted-interactive-selected-base: var(--ks-color-positive-inverted-base);
  --ks-border-color-positive-inverted-translucent-base: var(--ks-color-positive-inverted-alpha-2-base);
  --ks-border-color-informative-base: var(--ks-color-informative-base);
  --ks-border-color-informative-interactive-base: var(--ks-color-informative-base);
  --ks-border-color-informative-interactive-hover-base: var(--ks-color-informative-to-bg-2-base);
  --ks-border-color-informative-interactive-active-base: var(--ks-color-informative-to-bg-3-base);
  --ks-border-color-informative-interactive-selected-base: var(--ks-color-informative-base);
  --ks-border-color-informative-translucent-base: var(--ks-color-informative-alpha-2-base);
  --ks-border-color-informative-inverted-base: var(--ks-color-informative-inverted-base);
  --ks-border-color-informative-inverted-interactive-base: var(--ks-color-informative-inverted-base);
  --ks-border-color-informative-inverted-interactive-hover-base: var(--ks-color-informative-inverted-to-bg-2-base);
  --ks-border-color-informative-inverted-interactive-active-base: var(--ks-color-informative-inverted-to-bg-3-base);
  --ks-border-color-informative-inverted-interactive-selected-base: var(--ks-color-informative-inverted-base);
  --ks-border-color-informative-inverted-translucent-base: var(--ks-color-informative-inverted-alpha-2-base);
  --ks-border-color-notice-base: var(--ks-color-notice-base);
  --ks-border-color-notice-interactive-base: var(--ks-color-notice-base);
  --ks-border-color-notice-interactive-hover-base: var(--ks-color-notice-to-bg-2-base);
  --ks-border-color-notice-interactive-active-base: var(--ks-color-notice-to-bg-3-base);
  --ks-border-color-notice-interactive-selected-base: var(--ks-color-notice-base);
  --ks-border-color-notice-translucent-base: var(--ks-color-notice-alpha-2-base);
  --ks-border-color-notice-inverted-base: var(--ks-color-notice-inverted-base);
  --ks-border-color-notice-inverted-interactive-base: var(--ks-color-notice-inverted-base);
  --ks-border-color-notice-inverted-interactive-hover-base: var(--ks-color-notice-inverted-to-bg-2-base);
  --ks-border-color-notice-inverted-interactive-active-base: var(--ks-color-notice-inverted-to-bg-3-base);
  --ks-border-color-notice-inverted-interactive-selected-base: var(--ks-color-notice-inverted-base);
  --ks-border-color-notice-inverted-translucent-base: var(--ks-color-notice-inverted-alpha-2-base);
  --ks-border-color-negative-base: var(--ks-color-negative-base);
  --ks-border-color-negative-interactive-base: var(--ks-color-negative-base);
  --ks-border-color-negative-interactive-hover-base: var(--ks-color-negative-to-bg-2-base);
  --ks-border-color-negative-interactive-active-base: var(--ks-color-negative-to-bg-3-base);
  --ks-border-color-negative-interactive-selected-base: var(--ks-color-negative-base);
  --ks-border-color-negative-translucent-base: var(--ks-color-negative-alpha-2-base);
  --ks-border-color-negative-inverted-base: var(--ks-color-negative-inverted-base);
  --ks-border-color-negative-inverted-interactive-base: var(--ks-color-negative-inverted-base);
  --ks-border-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-to-bg-2-base);
  --ks-border-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-to-bg-3-base);
  --ks-border-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-base);
  --ks-border-color-negative-inverted-translucent-base: var(--ks-color-negative-inverted-alpha-2-base);
  --ks-border-color-secondary-base: var(--ks-color-secondary-base);
  --ks-border-color-secondary-interactive-base: var(--ks-color-secondary-base);
  --ks-border-color-secondary-interactive-hover-base: var(--ks-color-secondary-to-bg-2-base);
  --ks-border-color-secondary-interactive-active-base: var(--ks-color-secondary-to-bg-3-base);
  --ks-border-color-secondary-interactive-selected-base: var(--ks-color-secondary-base);
  --ks-border-color-secondary-translucent-base: var(--ks-color-secondary-alpha-2-base);
  --ks-border-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
  --ks-border-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-base);
  --ks-border-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-to-bg-2-base);
  --ks-border-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-to-bg-3-base);
  --ks-border-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-base);
  --ks-border-color-secondary-inverted-translucent-base: var(--ks-color-secondary-inverted-alpha-2-base);
  --ks-border-width-default: 1px;
  --ks-border-width-emphasized: 2px;
  --ks-border-radius-control: 0px;
  --ks-border-radius-card: 0px;
  --ks-border-radius-surface: 0px;
  --ks-border-radius-pill: 999px;
  --ks-border-radius-circle: 50%;
  --ks-box-shadow-opacity-control: 0.2;
  --ks-box-shadow-opacity-control-hover: 0.3;
  --ks-box-shadow-opacity-control-inverted: 0.2;
  --ks-box-shadow-opacity-control-inverted-hover: 0.3;
  --ks-box-shadow-opacity-card: 0.2;
  --ks-box-shadow-opacity-card-hover: 0.3;
  --ks-box-shadow-opacity-card-inverted: 0.2;
  --ks-box-shadow-opacity-card-inverted-hover: 0.3;
  --ks-box-shadow-opacity-surface: 0.1;
  --ks-box-shadow-opacity-surface-hover: 0.2;
  --ks-box-shadow-opacity-surface-inverted: 0.1;
  --ks-box-shadow-opacity-surface-inverted-hover: 0.2;
  --ks-box-shadow-color-control: rgba(0,40,72,var(--ks-box-shadow-opacity-control));
  --ks-box-shadow-color-control-hover: rgba(0,40,72,var(--ks-box-shadow-opacity-control-hover));
  --ks-box-shadow-color-control-inverted: rgba(0,40,72,var(--ks-box-shadow-opacity-control-inverted));
  --ks-box-shadow-color-control-inverted-hover: rgba(0,40,72,var(--ks-box-shadow-opacity-control-inverted-hover));
  --ks-box-shadow-color-card: rgba(0,40,72,var(--ks-box-shadow-opacity-card));
  --ks-box-shadow-color-card-hover: rgba(0,40,72,var(--ks-box-shadow-opacity-card-hover));
  --ks-box-shadow-color-card-inverted: rgba(0,40,72,var(--ks-box-shadow-opacity-card-inverted));
  --ks-box-shadow-color-card-inverted-hover: rgba(0,40,72,var(--ks-box-shadow-opacity-card-inverted-hover));
  --ks-box-shadow-color-surface: rgba(0,40,72,var(--ks-box-shadow-opacity-surface));
  --ks-box-shadow-color-surface-hover: rgba(0,40,72,var(--ks-box-shadow-opacity-surface-hover));
  --ks-box-shadow-color-surface-inverted: rgba(0,40,72,var(--ks-box-shadow-opacity-surface-inverted));
  --ks-box-shadow-color-surface-inverted-hover: rgba(0,40,72,var(--ks-box-shadow-opacity-surface-inverted-hover));
  --ks-box-shadow-control: 0 1px 2.75px var(--ks-box-shadow-color-control);
  --ks-box-shadow-control-hover: 0 1px 5.5px var(--ks-box-shadow-color-control-hover);
  --ks-box-shadow-control-inverted: 0 1px 2.75px var(--ks-box-shadow-color-control-inverted);
  --ks-box-shadow-control-inverted-hover: 0 1px 5.5px var(--ks-box-shadow-color-control-inverted-hover);
  --ks-box-shadow-card: 0 1px 5.5px var(--ks-box-shadow-color-card);
  --ks-box-shadow-card-hover: 0 1px 11px var(--ks-box-shadow-color-card-hover);
  --ks-box-shadow-card-inverted: 0 1px 5.5px var(--ks-box-shadow-color-card-inverted);
  --ks-box-shadow-card-inverted-hover: 0 1px 11px var(--ks-box-shadow-color-card-inverted-hover);
  --ks-box-shadow-surface: 0 1px 11px var(--ks-box-shadow-color-surface);
  --ks-box-shadow-surface-hover: 0 1px 22px var(--ks-box-shadow-color-surface-hover);
  --ks-box-shadow-surface-inverted: 0 1px 11px var(--ks-box-shadow-color-surface-inverted);
  --ks-box-shadow-surface-inverted-hover: 0 1px 22px var(--ks-box-shadow-color-surface-inverted-hover);
  --ks-color-fg-base: #002848;
  --ks-color-fg-alpha-1-base: rgba(0,40,72,.95);
  --ks-color-fg-alpha-2-base: rgba(0,40,72,.87);
  --ks-color-fg-alpha-3-base: rgba(0,40,72,.76);
  --ks-color-fg-alpha-4-base: rgba(0,40,72,.63);
  --ks-color-fg-alpha-5-base: rgba(0,40,72,.5);
  --ks-color-fg-alpha-6-base: rgba(0,40,72,.37);
  --ks-color-fg-alpha-7-base: rgba(0,40,72,.24);
  --ks-color-fg-alpha-8-base: rgba(0,40,72,.13);
  --ks-color-fg-alpha-9-base: rgba(0,40,72,.05);
  --ks-color-fg-to-bg-1-base: #0d3351;
  --ks-color-fg-to-bg-2-base: #214460;
  --ks-color-fg-to-bg-3-base: #3d5c74;
  --ks-color-fg-to-bg-4-base: #5e788c;
  --ks-color-fg-to-bg-5-base: #8094a4;
  --ks-color-fg-to-bg-6-base: #a1afbb;
  --ks-color-fg-to-bg-7-base: #c2cbd3;
  --ks-color-fg-to-bg-8-base: #dee3e7;
  --ks-color-fg-to-bg-9-base: #f2f4f6;
  --ks-color-fg-inverted-base: #fff;
  --ks-color-fg-inverted-alpha-1-base: hsla(0,0%,100%,.95);
  --ks-color-fg-inverted-alpha-2-base: hsla(0,0%,100%,.87);
  --ks-color-fg-inverted-alpha-3-base: hsla(0,0%,100%,.76);
  --ks-color-fg-inverted-alpha-4-base: hsla(0,0%,100%,.63);
  --ks-color-fg-inverted-alpha-5-base: hsla(0,0%,100%,.5);
  --ks-color-fg-inverted-alpha-6-base: hsla(0,0%,100%,.37);
  --ks-color-fg-inverted-alpha-7-base: hsla(0,0%,100%,.24);
  --ks-color-fg-inverted-alpha-8-base: hsla(0,0%,100%,.13);
  --ks-color-fg-inverted-alpha-9-base: hsla(0,0%,100%,.05);
  --ks-color-fg-inverted-to-bg-1-base: #f2f5f7;
  --ks-color-fg-inverted-to-bg-2-base: #dee4e9;
  --ks-color-fg-inverted-to-bg-3-base: #c2ced7;
  --ks-color-fg-inverted-to-bg-4-base: #a1b3c2;
  --ks-color-fg-inverted-to-bg-5-base: #8099ac;
  --ks-color-fg-inverted-to-bg-6-base: #5e7e96;
  --ks-color-fg-inverted-to-bg-7-base: #3d6381;
  --ks-color-fg-inverted-to-bg-8-base: #214d6f;
  --ks-color-fg-inverted-to-bg-9-base: #0d3c61;
  --ks-color-bg-base: #fff;
  --ks-color-bg-alpha-1-base: hsla(0,0%,100%,.95);
  --ks-color-bg-alpha-2-base: hsla(0,0%,100%,.87);
  --ks-color-bg-alpha-3-base: hsla(0,0%,100%,.76);
  --ks-color-bg-alpha-4-base: hsla(0,0%,100%,.63);
  --ks-color-bg-alpha-5-base: hsla(0,0%,100%,.5);
  --ks-color-bg-alpha-6-base: hsla(0,0%,100%,.37);
  --ks-color-bg-alpha-7-base: hsla(0,0%,100%,.24);
  --ks-color-bg-alpha-8-base: hsla(0,0%,100%,.13);
  --ks-color-bg-alpha-9-base: hsla(0,0%,100%,.05);
  --ks-color-bg-to-fg-1-base: #f2f4f6;
  --ks-color-bg-to-fg-2-base: #dee3e7;
  --ks-color-bg-to-fg-3-base: #c2cbd3;
  --ks-color-bg-to-fg-4-base: #a1afbb;
  --ks-color-bg-to-fg-5-base: #8094a4;
  --ks-color-bg-to-fg-6-base: #5e788c;
  --ks-color-bg-to-fg-7-base: #3d5c74;
  --ks-color-bg-to-fg-8-base: #214460;
  --ks-color-bg-to-fg-9-base: #0d3351;
  --ks-color-bg-inverted-base: #003259;
  --ks-color-bg-inverted-alpha-1-base: rgba(0,50,89,.95);
  --ks-color-bg-inverted-alpha-2-base: rgba(0,50,89,.87);
  --ks-color-bg-inverted-alpha-3-base: rgba(0,50,89,.76);
  --ks-color-bg-inverted-alpha-4-base: rgba(0,50,89,.63);
  --ks-color-bg-inverted-alpha-5-base: rgba(0,50,89,.5);
  --ks-color-bg-inverted-alpha-6-base: rgba(0,50,89,.37);
  --ks-color-bg-inverted-alpha-7-base: rgba(0,50,89,.24);
  --ks-color-bg-inverted-alpha-8-base: rgba(0,50,89,.13);
  --ks-color-bg-inverted-alpha-9-base: rgba(0,50,89,.05);
  --ks-color-bg-inverted-to-fg-1-base: #0d3c61;
  --ks-color-bg-inverted-to-fg-2-base: #214d6f;
  --ks-color-bg-inverted-to-fg-3-base: #3d6381;
  --ks-color-bg-inverted-to-fg-4-base: #5e7e96;
  --ks-color-bg-inverted-to-fg-5-base: #8099ac;
  --ks-color-bg-inverted-to-fg-6-base: #a1b3c2;
  --ks-color-bg-inverted-to-fg-7-base: #c2ced7;
  --ks-color-bg-inverted-to-fg-8-base: #dee4e9;
  --ks-color-bg-inverted-to-fg-9-base: #f2f5f7;
  --ks-color-transparent-base: rgba(0,0,0,0);
  --ks-color-primary-base: #018093;
  --ks-color-primary-alpha-1-base: rgba(1,128,147,.95);
  --ks-color-primary-alpha-2-base: rgba(1,128,147,.87);
  --ks-color-primary-alpha-3-base: rgba(1,128,147,.76);
  --ks-color-primary-alpha-4-base: rgba(1,128,147,.63);
  --ks-color-primary-alpha-5-base: rgba(1,128,147,.5);
  --ks-color-primary-alpha-6-base: rgba(1,128,147,.37);
  --ks-color-primary-alpha-7-base: rgba(1,128,147,.24);
  --ks-color-primary-alpha-8-base: rgba(1,128,147,.13);
  --ks-color-primary-alpha-9-base: rgba(1,128,147,.05);
  --ks-color-primary-to-bg-1-base: #0e8698;
  --ks-color-primary-to-bg-2-base: #2291a1;
  --ks-color-primary-to-bg-3-base: #3e9ead;
  --ks-color-primary-to-bg-4-base: #5fafbb;
  --ks-color-primary-to-bg-5-base: #80c0c9;
  --ks-color-primary-to-bg-6-base: #a1d0d7;
  --ks-color-primary-to-bg-7-base: #c2e1e5;
  --ks-color-primary-to-bg-8-base: #deeef1;
  --ks-color-primary-to-bg-9-base: #f2f9fa;
  --ks-color-primary-to-fg-1-base: #017c8f;
  --ks-color-primary-to-fg-2-base: #017589;
  --ks-color-primary-to-fg-3-base: #016b81;
  --ks-color-primary-to-fg-4-base: #015f77;
  --ks-color-primary-to-fg-5-base: #01546e;
  --ks-color-primary-to-fg-6-base: #004964;
  --ks-color-primary-to-fg-7-base: #003d5a;
  --ks-color-primary-to-fg-8-base: #003352;
  --ks-color-primary-to-fg-9-base: #002c4c;
  --ks-color-primary-inverted-base: #e97814;
  --ks-color-primary-inverted-alpha-1-base: rgba(233,120,20,.95);
  --ks-color-primary-inverted-alpha-2-base: rgba(233,120,20,.87);
  --ks-color-primary-inverted-alpha-3-base: rgba(233,120,20,.76);
  --ks-color-primary-inverted-alpha-4-base: rgba(233,120,20,.63);
  --ks-color-primary-inverted-alpha-5-base: rgba(233,120,20,.5);
  --ks-color-primary-inverted-alpha-6-base: rgba(233,120,20,.37);
  --ks-color-primary-inverted-alpha-7-base: rgba(233,120,20,.24);
  --ks-color-primary-inverted-alpha-8-base: rgba(233,120,20,.13);
  --ks-color-primary-inverted-alpha-9-base: rgba(233,120,20,.05);
  --ks-color-primary-inverted-to-bg-1-base: #dd7517;
  --ks-color-primary-inverted-to-bg-2-base: #cb6f1d;
  --ks-color-primary-inverted-to-bg-3-base: #b16725;
  --ks-color-primary-inverted-to-bg-4-base: #935e2e;
  --ks-color-primary-inverted-to-bg-5-base: #755537;
  --ks-color-primary-inverted-to-bg-6-base: #564c3f;
  --ks-color-primary-inverted-to-bg-7-base: #384348;
  --ks-color-primary-inverted-to-bg-8-base: #1e3b50;
  --ks-color-primary-inverted-to-bg-9-base: #0c3656;
  --ks-color-primary-inverted-to-fg-1-base: #ea7f20;
  --ks-color-primary-inverted-to-fg-2-base: #ec8a33;
  --ks-color-primary-inverted-to-fg-3-base: #ee984c;
  --ks-color-primary-inverted-to-fg-4-base: #f1aa6b;
  --ks-color-primary-inverted-to-fg-5-base: #f4bc8a;
  --ks-color-primary-inverted-to-fg-6-base: #f7cda8;
  --ks-color-primary-inverted-to-fg-7-base: #fadfc7;
  --ks-color-primary-inverted-to-fg-8-base: #fcede0;
  --ks-color-primary-inverted-to-fg-9-base: #fef8f3;
  --ks-color-link-base: #002848;
  --ks-color-link-alpha-1-base: rgba(0,40,72,.95);
  --ks-color-link-alpha-2-base: rgba(0,40,72,.87);
  --ks-color-link-alpha-3-base: rgba(0,40,72,.76);
  --ks-color-link-alpha-4-base: rgba(0,40,72,.63);
  --ks-color-link-alpha-5-base: rgba(0,40,72,.5);
  --ks-color-link-alpha-6-base: rgba(0,40,72,.37);
  --ks-color-link-alpha-7-base: rgba(0,40,72,.24);
  --ks-color-link-alpha-8-base: rgba(0,40,72,.13);
  --ks-color-link-alpha-9-base: rgba(0,40,72,.05);
  --ks-color-link-to-bg-1-base: #0d3351;
  --ks-color-link-to-bg-2-base: #214460;
  --ks-color-link-to-bg-3-base: #3d5c74;
  --ks-color-link-to-bg-4-base: #5e788c;
  --ks-color-link-to-bg-5-base: #8094a4;
  --ks-color-link-to-bg-6-base: #a1afbb;
  --ks-color-link-to-bg-7-base: #c2cbd3;
  --ks-color-link-to-bg-8-base: #dee3e7;
  --ks-color-link-to-bg-9-base: #f2f4f6;
  --ks-color-link-to-fg-1-base: #002848;
  --ks-color-link-to-fg-2-base: #002848;
  --ks-color-link-to-fg-3-base: #002848;
  --ks-color-link-to-fg-4-base: #002848;
  --ks-color-link-to-fg-5-base: #002848;
  --ks-color-link-to-fg-6-base: #002848;
  --ks-color-link-to-fg-7-base: #002848;
  --ks-color-link-to-fg-8-base: #002848;
  --ks-color-link-to-fg-9-base: #002848;
  --ks-color-link-inverted-base: #fff;
  --ks-color-link-inverted-alpha-1-base: hsla(0,0%,100%,.95);
  --ks-color-link-inverted-alpha-2-base: hsla(0,0%,100%,.87);
  --ks-color-link-inverted-alpha-3-base: hsla(0,0%,100%,.76);
  --ks-color-link-inverted-alpha-4-base: hsla(0,0%,100%,.63);
  --ks-color-link-inverted-alpha-5-base: hsla(0,0%,100%,.5);
  --ks-color-link-inverted-alpha-6-base: hsla(0,0%,100%,.37);
  --ks-color-link-inverted-alpha-7-base: hsla(0,0%,100%,.24);
  --ks-color-link-inverted-alpha-8-base: hsla(0,0%,100%,.13);
  --ks-color-link-inverted-alpha-9-base: hsla(0,0%,100%,.05);
  --ks-color-link-inverted-to-bg-1-base: #f2f5f7;
  --ks-color-link-inverted-to-bg-2-base: #dee4e9;
  --ks-color-link-inverted-to-bg-3-base: #c2ced7;
  --ks-color-link-inverted-to-bg-4-base: #a1b3c2;
  --ks-color-link-inverted-to-bg-5-base: #8099ac;
  --ks-color-link-inverted-to-bg-6-base: #5e7e96;
  --ks-color-link-inverted-to-bg-7-base: #3d6381;
  --ks-color-link-inverted-to-bg-8-base: #214d6f;
  --ks-color-link-inverted-to-bg-9-base: #0d3c61;
  --ks-color-link-inverted-to-fg-1-base: #fff;
  --ks-color-link-inverted-to-fg-2-base: #fff;
  --ks-color-link-inverted-to-fg-3-base: #fff;
  --ks-color-link-inverted-to-fg-4-base: #fff;
  --ks-color-link-inverted-to-fg-5-base: #fff;
  --ks-color-link-inverted-to-fg-6-base: #fff;
  --ks-color-link-inverted-to-fg-7-base: #fff;
  --ks-color-link-inverted-to-fg-8-base: #fff;
  --ks-color-link-inverted-to-fg-9-base: #fff;
  --ks-color-positive-base: #6edb64;
  --ks-color-positive-alpha-1-base: rgba(110,219,100,.95);
  --ks-color-positive-alpha-2-base: rgba(110,219,100,.87);
  --ks-color-positive-alpha-3-base: rgba(110,219,100,.76);
  --ks-color-positive-alpha-4-base: rgba(110,219,100,.63);
  --ks-color-positive-alpha-5-base: rgba(110,219,100,.5);
  --ks-color-positive-alpha-6-base: rgba(110,219,100,.37);
  --ks-color-positive-alpha-7-base: rgba(110,219,100,.24);
  --ks-color-positive-alpha-8-base: rgba(110,219,100,.13);
  --ks-color-positive-alpha-9-base: rgba(110,219,100,.05);
  --ks-color-positive-to-bg-1-base: #75dd6c;
  --ks-color-positive-to-bg-2-base: #81e078;
  --ks-color-positive-to-bg-3-base: #91e489;
  --ks-color-positive-to-bg-4-base: #a4e89d;
  --ks-color-positive-to-bg-5-base: #b7edb2;
  --ks-color-positive-to-bg-6-base: #c9f2c6;
  --ks-color-positive-to-bg-7-base: #dcf6da;
  --ks-color-positive-to-bg-8-base: #ecfaeb;
  --ks-color-positive-to-bg-9-base: #f8fdf7;
  --ks-color-positive-to-fg-1-base: #69d263;
  --ks-color-positive-to-fg-2-base: #60c460;
  --ks-color-positive-to-fg-3-base: #54b05d;
  --ks-color-positive-to-fg-4-base: #45995a;
  --ks-color-positive-to-fg-5-base: #378256;
  --ks-color-positive-to-fg-6-base: #296a52;
  --ks-color-positive-to-fg-7-base: #1a534f;
  --ks-color-positive-to-fg-8-base: #0e3f4c;
  --ks-color-positive-to-fg-9-base: #063149;
  --ks-color-positive-inverted-base: #23831b;
  --ks-color-positive-inverted-alpha-1-base: rgba(35,131,27,.95);
  --ks-color-positive-inverted-alpha-2-base: rgba(35,131,27,.87);
  --ks-color-positive-inverted-alpha-3-base: rgba(35,131,27,.76);
  --ks-color-positive-inverted-alpha-4-base: rgba(35,131,27,.63);
  --ks-color-positive-inverted-alpha-5-base: rgba(35,131,27,.5);
  --ks-color-positive-inverted-alpha-6-base: rgba(35,131,27,.37);
  --ks-color-positive-inverted-alpha-7-base: rgba(35,131,27,.24);
  --ks-color-positive-inverted-alpha-8-base: rgba(35,131,27,.13);
  --ks-color-positive-inverted-alpha-9-base: rgba(35,131,27,.05);
  --ks-color-positive-inverted-to-bg-1-base: #217f1e;
  --ks-color-positive-inverted-to-bg-2-base: #1e7823;
  --ks-color-positive-inverted-to-bg-3-base: #1b702a;
  --ks-color-positive-inverted-to-bg-4-base: #166532;
  --ks-color-positive-inverted-to-bg-5-base: #125b3a;
  --ks-color-positive-inverted-to-bg-6-base: #0d5042;
  --ks-color-positive-inverted-to-bg-7-base: #08454a;
  --ks-color-positive-inverted-to-bg-8-base: #053d51;
  --ks-color-positive-inverted-to-bg-9-base: #023656;
  --ks-color-positive-inverted-to-fg-1-base: #2e8926;
  --ks-color-positive-inverted-to-fg-2-base: #409339;
  --ks-color-positive-inverted-to-fg-3-base: #58a152;
  --ks-color-positive-inverted-to-fg-4-base: #74b16f;
  --ks-color-positive-inverted-to-fg-5-base: #91c18d;
  --ks-color-positive-inverted-to-fg-6-base: #aed1ab;
  --ks-color-positive-inverted-to-fg-7-base: #cae1c8;
  --ks-color-positive-inverted-to-fg-8-base: #e2efe1;
  --ks-color-positive-inverted-to-fg-9-base: #f4f9f4;
  --ks-color-informative-base: #64c2db;
  --ks-color-informative-alpha-1-base: rgba(100,194,219,.95);
  --ks-color-informative-alpha-2-base: rgba(100,194,219,.87);
  --ks-color-informative-alpha-3-base: rgba(100,194,219,.76);
  --ks-color-informative-alpha-4-base: rgba(100,194,219,.63);
  --ks-color-informative-alpha-5-base: rgba(100,194,219,.5);
  --ks-color-informative-alpha-6-base: rgba(100,194,219,.37);
  --ks-color-informative-alpha-7-base: rgba(100,194,219,.24);
  --ks-color-informative-alpha-8-base: rgba(100,194,219,.13);
  --ks-color-informative-alpha-9-base: rgba(100,194,219,.05);
  --ks-color-informative-to-bg-1-base: #6cc5dd;
  --ks-color-informative-to-bg-2-base: #78cae0;
  --ks-color-informative-to-bg-3-base: #89d1e4;
  --ks-color-informative-to-bg-4-base: #9dd9e8;
  --ks-color-informative-to-bg-5-base: #b2e1ed;
  --ks-color-informative-to-bg-6-base: #c6e8f2;
  --ks-color-informative-to-bg-7-base: #daf0f6;
  --ks-color-informative-to-bg-8-base: #ebf7fa;
  --ks-color-informative-to-bg-9-base: #f7fcfd;
  --ks-color-informative-to-fg-1-base: #5fbad4;
  --ks-color-informative-to-fg-2-base: #57aec8;
  --ks-color-informative-to-fg-3-base: #4c9db8;
  --ks-color-informative-to-fg-4-base: #3f89a5;
  --ks-color-informative-to-fg-5-base: #327592;
  --ks-color-informative-to-fg-6-base: #25617e;
  --ks-color-informative-to-fg-7-base: #184d6b;
  --ks-color-informative-to-fg-8-base: #0d3c5b;
  --ks-color-informative-to-fg-9-base: #05304f;
  --ks-color-informative-inverted-base: #00718f;
  --ks-color-informative-inverted-alpha-1-base: rgba(0,113,143,.95);
  --ks-color-informative-inverted-alpha-2-base: rgba(0,113,143,.87);
  --ks-color-informative-inverted-alpha-3-base: rgba(0,113,143,.76);
  --ks-color-informative-inverted-alpha-4-base: rgba(0,113,143,.63);
  --ks-color-informative-inverted-alpha-5-base: rgba(0,113,143,.5);
  --ks-color-informative-inverted-alpha-6-base: rgba(0,113,143,.37);
  --ks-color-informative-inverted-alpha-7-base: rgba(0,113,143,.24);
  --ks-color-informative-inverted-alpha-8-base: rgba(0,113,143,.13);
  --ks-color-informative-inverted-alpha-9-base: rgba(0,113,143,.05);
  --ks-color-informative-inverted-to-bg-1-base: #006e8c;
  --ks-color-informative-inverted-to-bg-2-base: #006988;
  --ks-color-informative-inverted-to-bg-3-base: #006282;
  --ks-color-informative-inverted-to-bg-4-base: #005a7b;
  --ks-color-informative-inverted-to-bg-5-base: #005274;
  --ks-color-informative-inverted-to-bg-6-base: #00496d;
  --ks-color-informative-inverted-to-bg-7-base: #004166;
  --ks-color-informative-inverted-to-bg-8-base: #003a60;
  --ks-color-informative-inverted-to-bg-9-base: #00355c;
  --ks-color-informative-inverted-to-fg-1-base: #0d7895;
  --ks-color-informative-inverted-to-fg-2-base: #21839e;
  --ks-color-informative-inverted-to-fg-3-base: #3d93aa;
  --ks-color-informative-inverted-to-fg-4-base: #5ea6b8;
  --ks-color-informative-inverted-to-fg-5-base: #80b8c7;
  --ks-color-informative-inverted-to-fg-6-base: #a1cad6;
  --ks-color-informative-inverted-to-fg-7-base: #c2dde4;
  --ks-color-informative-inverted-to-fg-8-base: #deedf0;
  --ks-color-informative-inverted-to-fg-9-base: #f2f8f9;
  --ks-color-notice-base: #f9de55;
  --ks-color-notice-alpha-1-base: rgba(249,222,85,.95);
  --ks-color-notice-alpha-2-base: rgba(249,222,85,.87);
  --ks-color-notice-alpha-3-base: rgba(249,222,85,.76);
  --ks-color-notice-alpha-4-base: rgba(249,222,85,.63);
  --ks-color-notice-alpha-5-base: rgba(249,222,85,.5);
  --ks-color-notice-alpha-6-base: rgba(249,222,85,.37);
  --ks-color-notice-alpha-7-base: rgba(249,222,85,.24);
  --ks-color-notice-alpha-8-base: rgba(249,222,85,.13);
  --ks-color-notice-alpha-9-base: rgba(249,222,85,.05);
  --ks-color-notice-to-bg-1-base: #f9e05e;
  --ks-color-notice-to-bg-2-base: #fae26b;
  --ks-color-notice-to-bg-3-base: #fae67e;
  --ks-color-notice-to-bg-4-base: #fbea94;
  --ks-color-notice-to-bg-5-base: #fcefaa;
  --ks-color-notice-to-bg-6-base: #fdf3c0;
  --ks-color-notice-to-bg-7-base: #fef7d6;
  --ks-color-notice-to-bg-8-base: #fefbe9;
  --ks-color-notice-to-bg-9-base: #fffdf7;
  --ks-color-notice-to-fg-1-base: #edd554;
  --ks-color-notice-to-fg-2-base: #d9c653;
  --ks-color-notice-to-fg-3-base: #bdb252;
  --ks-color-notice-to-fg-4-base: #9d9b50;
  --ks-color-notice-to-fg-5-base: #7d834f;
  --ks-color-notice-to-fg-6-base: #5c6b4d;
  --ks-color-notice-to-fg-7-base: #3c544b;
  --ks-color-notice-to-fg-8-base: #20404a;
  --ks-color-notice-to-fg-9-base: #0c3149;
  --ks-color-notice-inverted-base: #ff5d53;
  --ks-color-notice-inverted-alpha-1-base: rgba(255,93,83,.95);
  --ks-color-notice-inverted-alpha-2-base: rgba(255,93,83,.87);
  --ks-color-notice-inverted-alpha-3-base: rgba(255,93,83,.76);
  --ks-color-notice-inverted-alpha-4-base: rgba(255,93,83,.63);
  --ks-color-notice-inverted-alpha-5-base: rgba(255,93,83,.5);
  --ks-color-notice-inverted-alpha-6-base: rgba(255,93,83,.37);
  --ks-color-notice-inverted-alpha-7-base: rgba(255,93,83,.24);
  --ks-color-notice-inverted-alpha-8-base: rgba(255,93,83,.13);
  --ks-color-notice-inverted-alpha-9-base: rgba(255,93,83,.05);
  --ks-color-notice-inverted-to-bg-1-base: #f25b53;
  --ks-color-notice-inverted-to-bg-2-base: #de5754;
  --ks-color-notice-inverted-to-bg-3-base: #c25354;
  --ks-color-notice-inverted-to-bg-4-base: #a14d55;
  --ks-color-notice-inverted-to-bg-5-base: #804856;
  --ks-color-notice-inverted-to-bg-6-base: #5e4257;
  --ks-color-notice-inverted-to-bg-7-base: #3d3c58;
  --ks-color-notice-inverted-to-bg-8-base: #213858;
  --ks-color-notice-inverted-to-bg-9-base: #0d3459;
  --ks-color-notice-inverted-to-fg-1-base: #ff655c;
  --ks-color-notice-inverted-to-fg-2-base: #ff7269;
  --ks-color-notice-inverted-to-fg-3-base: #ff847c;
  --ks-color-notice-inverted-to-fg-4-base: #ff9993;
  --ks-color-notice-inverted-to-fg-5-base: #ffaea9;
  --ks-color-notice-inverted-to-fg-6-base: #ffc3bf;
  --ks-color-notice-inverted-to-fg-7-base: #ffd8d6;
  --ks-color-notice-inverted-to-fg-8-base: #ffeae9;
  --ks-color-notice-inverted-to-fg-9-base: #fff7f6;
  --ks-color-negative-base: #ff1a57;
  --ks-color-negative-alpha-1-base: rgba(255,26,87,.95);
  --ks-color-negative-alpha-2-base: rgba(255,26,87,.87);
  --ks-color-negative-alpha-3-base: rgba(255,26,87,.76);
  --ks-color-negative-alpha-4-base: rgba(255,26,87,.63);
  --ks-color-negative-alpha-5-base: rgba(255,26,87,.5);
  --ks-color-negative-alpha-6-base: rgba(255,26,87,.37);
  --ks-color-negative-alpha-7-base: rgba(255,26,87,.24);
  --ks-color-negative-alpha-8-base: rgba(255,26,87,.13);
  --ks-color-negative-alpha-9-base: rgba(255,26,87,.05);
  --ks-color-negative-to-bg-1-base: #ff255f;
  --ks-color-negative-to-bg-2-base: #ff386d;
  --ks-color-negative-to-bg-3-base: #ff517f;
  --ks-color-negative-to-bg-4-base: #ff6f95;
  --ks-color-negative-to-bg-5-base: #ff8dab;
  --ks-color-negative-to-bg-6-base: #ffaac1;
  --ks-color-negative-to-bg-7-base: #ffc8d7;
  --ks-color-negative-to-bg-8-base: #ffe1e9;
  --ks-color-negative-to-bg-9-base: #fff4f7;
  --ks-color-negative-to-fg-1-base: #f21b56;
  --ks-color-negative-to-fg-2-base: #de1c55;
  --ks-color-negative-to-fg-3-base: #c21d53;
  --ks-color-negative-to-fg-4-base: #a11f51;
  --ks-color-negative-to-fg-5-base: #802150;
  --ks-color-negative-to-fg-6-base: #5e234e;
  --ks-color-negative-to-fg-7-base: #3d254c;
  --ks-color-negative-to-fg-8-base: #21264a;
  --ks-color-negative-to-fg-9-base: #0d2749;
  --ks-color-negative-inverted-base: #d21d48;
  --ks-color-negative-inverted-alpha-1-base: rgba(210,29,72,.95);
  --ks-color-negative-inverted-alpha-2-base: rgba(210,29,72,.87);
  --ks-color-negative-inverted-alpha-3-base: rgba(210,29,72,.76);
  --ks-color-negative-inverted-alpha-4-base: rgba(210,29,72,.63);
  --ks-color-negative-inverted-alpha-5-base: rgba(210,29,72,.5);
  --ks-color-negative-inverted-alpha-6-base: rgba(210,29,72,.37);
  --ks-color-negative-inverted-alpha-7-base: rgba(210,29,72,.24);
  --ks-color-negative-inverted-alpha-8-base: rgba(210,29,72,.13);
  --ks-color-negative-inverted-alpha-9-base: rgba(210,29,72,.05);
  --ks-color-negative-inverted-to-bg-1-base: #c81e49;
  --ks-color-negative-inverted-to-bg-2-base: #b7204a;
  --ks-color-negative-inverted-to-bg-3-base: #a0224c;
  --ks-color-negative-inverted-to-bg-4-base: #84254e;
  --ks-color-negative-inverted-to-bg-5-base: #692851;
  --ks-color-negative-inverted-to-bg-6-base: #4e2a53;
  --ks-color-negative-inverted-to-bg-7-base: #322d55;
  --ks-color-negative-inverted-to-bg-8-base: #1b2f57;
  --ks-color-negative-inverted-to-bg-9-base: #0b3158;
  --ks-color-negative-inverted-to-fg-1-base: #d42851;
  --ks-color-negative-inverted-to-fg-2-base: #d83a60;
  --ks-color-negative-inverted-to-fg-3-base: #dd5374;
  --ks-color-negative-inverted-to-fg-4-base: #e3718c;
  --ks-color-negative-inverted-to-fg-5-base: #e98ea4;
  --ks-color-negative-inverted-to-fg-6-base: #eeabbb;
  --ks-color-negative-inverted-to-fg-7-base: #f4c9d3;
  --ks-color-negative-inverted-to-fg-8-base: #f9e2e7;
  --ks-color-negative-inverted-to-fg-9-base: #fdf4f6;
  --ks-color-secondary-base: #e97814;
  --ks-color-secondary-alpha-1-base: rgba(233,120,20,.95);
  --ks-color-secondary-alpha-2-base: rgba(233,120,20,.87);
  --ks-color-secondary-alpha-3-base: rgba(233,120,20,.76);
  --ks-color-secondary-alpha-4-base: rgba(233,120,20,.63);
  --ks-color-secondary-alpha-5-base: rgba(233,120,20,.5);
  --ks-color-secondary-alpha-6-base: rgba(233,120,20,.37);
  --ks-color-secondary-alpha-7-base: rgba(233,120,20,.24);
  --ks-color-secondary-alpha-8-base: rgba(233,120,20,.13);
  --ks-color-secondary-alpha-9-base: rgba(233,120,20,.05);
  --ks-color-secondary-to-bg-1-base: #ea7f20;
  --ks-color-secondary-to-bg-2-base: #ec8a33;
  --ks-color-secondary-to-bg-3-base: #ee984c;
  --ks-color-secondary-to-bg-4-base: #f1aa6b;
  --ks-color-secondary-to-bg-5-base: #f4bc8a;
  --ks-color-secondary-to-bg-6-base: #f7cda8;
  --ks-color-secondary-to-bg-7-base: #fadfc7;
  --ks-color-secondary-to-bg-8-base: #fcede0;
  --ks-color-secondary-to-bg-9-base: #fef8f3;
  --ks-color-secondary-to-fg-1-base: #dd7417;
  --ks-color-secondary-to-fg-2-base: #cb6e1b;
  --ks-color-secondary-to-fg-3-base: #b16520;
  --ks-color-secondary-to-fg-4-base: #935a27;
  --ks-color-secondary-to-fg-5-base: #75502e;
  --ks-color-secondary-to-fg-6-base: #564635;
  --ks-color-secondary-to-fg-7-base: #383b3c;
  --ks-color-secondary-to-fg-8-base: #1e3241;
  --ks-color-secondary-to-fg-9-base: #0c2c45;
  --ks-color-secondary-inverted-base: #018093;
  --ks-color-secondary-inverted-alpha-1-base: rgba(1,128,147,.95);
  --ks-color-secondary-inverted-alpha-2-base: rgba(1,128,147,.87);
  --ks-color-secondary-inverted-alpha-3-base: rgba(1,128,147,.76);
  --ks-color-secondary-inverted-alpha-4-base: rgba(1,128,147,.63);
  --ks-color-secondary-inverted-alpha-5-base: rgba(1,128,147,.5);
  --ks-color-secondary-inverted-alpha-6-base: rgba(1,128,147,.37);
  --ks-color-secondary-inverted-alpha-7-base: rgba(1,128,147,.24);
  --ks-color-secondary-inverted-alpha-8-base: rgba(1,128,147,.13);
  --ks-color-secondary-inverted-alpha-9-base: rgba(1,128,147,.05);
  --ks-color-secondary-inverted-to-bg-1-base: #017c90;
  --ks-color-secondary-inverted-to-bg-2-base: #01768b;
  --ks-color-secondary-inverted-to-bg-3-base: #016d85;
  --ks-color-secondary-inverted-to-bg-4-base: #01637e;
  --ks-color-secondary-inverted-to-bg-5-base: #015976;
  --ks-color-secondary-inverted-to-bg-6-base: #004f6e;
  --ks-color-secondary-inverted-to-bg-7-base: #004567;
  --ks-color-secondary-inverted-to-bg-8-base: #003c61;
  --ks-color-secondary-inverted-to-bg-9-base: #00365c;
  --ks-color-secondary-inverted-to-fg-1-base: #0e8698;
  --ks-color-secondary-inverted-to-fg-2-base: #2291a1;
  --ks-color-secondary-inverted-to-fg-3-base: #3e9ead;
  --ks-color-secondary-inverted-to-fg-4-base: #5fafbb;
  --ks-color-secondary-inverted-to-fg-5-base: #80c0c9;
  --ks-color-secondary-inverted-to-fg-6-base: #a1d0d7;
  --ks-color-secondary-inverted-to-fg-7-base: #c2e1e5;
  --ks-color-secondary-inverted-to-fg-8-base: #deeef1;
  --ks-color-secondary-inverted-to-fg-9-base: #f2f9fa;
  --ks-depth-modal: 1000;
  --ks-spacing-xxs: var(--ks-spacing-xxs-base);
  --ks-spacing-xxs-base: 0.1481rem;
  --ks-spacing-xxs-bp-factor-phone: 1.25;
  --ks-spacing-xxs-bp-factor-tablet: 1.5625;
  --ks-spacing-xxs-bp-factor-laptop: 1.9531;
  --ks-spacing-xxs-bp-factor-desktop: 2.4414;
  --ks-spacing-xs: var(--ks-spacing-xs-base);
  --ks-spacing-xs-base: 0.2222rem;
  --ks-spacing-xs-bp-factor-phone: 1.25;
  --ks-spacing-xs-bp-factor-tablet: 1.5625;
  --ks-spacing-xs-bp-factor-laptop: 1.9531;
  --ks-spacing-xs-bp-factor-desktop: 2.4414;
  --ks-spacing-s: var(--ks-spacing-s-base);
  --ks-spacing-s-base: 0.3333rem;
  --ks-spacing-s-bp-factor-phone: 1.25;
  --ks-spacing-s-bp-factor-tablet: 1.5625;
  --ks-spacing-s-bp-factor-laptop: 1.9531;
  --ks-spacing-s-bp-factor-desktop: 2.4414;
  --ks-spacing-m: var(--ks-spacing-m-base);
  --ks-spacing-m-base: 0.5rem;
  --ks-spacing-m-bp-factor-phone: 1.25;
  --ks-spacing-m-bp-factor-tablet: 1.5625;
  --ks-spacing-m-bp-factor-laptop: 1.9531;
  --ks-spacing-m-bp-factor-desktop: 2.4414;
  --ks-spacing-l: var(--ks-spacing-l-base);
  --ks-spacing-l-base: 0.75rem;
  --ks-spacing-l-bp-factor-phone: 1.25;
  --ks-spacing-l-bp-factor-tablet: 1.5625;
  --ks-spacing-l-bp-factor-laptop: 1.9531;
  --ks-spacing-l-bp-factor-desktop: 2.4414;
  --ks-spacing-xl: var(--ks-spacing-xl-base);
  --ks-spacing-xl-base: 1.125rem;
  --ks-spacing-xl-bp-factor-phone: 1.25;
  --ks-spacing-xl-bp-factor-tablet: 1.5625;
  --ks-spacing-xl-bp-factor-laptop: 1.9531;
  --ks-spacing-xl-bp-factor-desktop: 2.4414;
  --ks-spacing-xxl: var(--ks-spacing-xxl-base);
  --ks-spacing-xxl-base: 1.6875rem;
  --ks-spacing-xxl-bp-factor-phone: 1.25;
  --ks-spacing-xxl-bp-factor-tablet: 1.5625;
  --ks-spacing-xxl-bp-factor-laptop: 1.9531;
  --ks-spacing-xxl-bp-factor-desktop: 2.4414;
  --ks-spacing-stack-xs: var(--ks-spacing-xs);
  --ks-spacing-stack-s: var(--ks-spacing-s);
  --ks-spacing-stack-m: var(--ks-spacing-m);
  --ks-spacing-stack-l: var(--ks-spacing-l);
  --ks-spacing-stack-xl: var(--ks-spacing-xl);
  --ks-spacing-inline-xs: var(--ks-spacing-xs);
  --ks-spacing-inline-s: var(--ks-spacing-s);
  --ks-spacing-inline-m: var(--ks-spacing-m);
  --ks-spacing-inline-l: var(--ks-spacing-l);
  --ks-spacing-inline-xl: var(--ks-spacing-xl);
  --ks-spacing-inset-xs: var(--ks-spacing-xs);
  --ks-spacing-inset-s: var(--ks-spacing-s);
  --ks-spacing-inset-m: var(--ks-spacing-m);
  --ks-spacing-inset-l: var(--ks-spacing-l);
  --ks-spacing-inset-xl: var(--ks-spacing-xl);
  --ks-spacing-inset-squish-xs: var(--ks-spacing-xxs) var(--ks-spacing-xs);
  --ks-spacing-inset-squish-s: var(--ks-spacing-xs) var(--ks-spacing-s);
  --ks-spacing-inset-squish-m: var(--ks-spacing-s) var(--ks-spacing-m);
  --ks-spacing-inset-squish-l: var(--ks-spacing-m) var(--ks-spacing-l);
  --ks-spacing-inset-squish-xl: var(--ks-spacing-l) var(--ks-spacing-xl);
  --ks-spacing-inset-stretch-xs: var(--ks-spacing-s) var(--ks-spacing-xs);
  --ks-spacing-inset-stretch-s: var(--ks-spacing-m) var(--ks-spacing-s);
  --ks-spacing-inset-stretch-m: var(--ks-spacing-l) var(--ks-spacing-m);
  --ks-spacing-inset-stretch-l: var(--ks-spacing-xl) var(--ks-spacing-l);
  --ks-spacing-inset-stretch-xl: var(--ks-spacing-xxl) var(--ks-spacing-xl);
  --ks-text-color-default-base: var(--ks-color-fg-base);
  --ks-text-color-default-interactive-base: var(--ks-color-link-base);
  --ks-text-color-default-interactive-hover-base: var(--ks-color-link-base);
  --ks-text-color-default-interactive-active-base: var(--ks-color-link-base);
  --ks-text-color-default-interactive-selected-base: var(--ks-color-link-base);
  --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-default-inverted-interactive-base: var(--ks-color-link-inverted-base);
  --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-base);
  --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-base);
  --ks-text-color-default-inverted-interactive-selected-base: var(--ks-color-link-inverted-base);
  --ks-text-color-copy-base: var(--ks-color-fg-alpha-3-base);
  --ks-text-color-copy-interactive-base: var(--ks-color-link-base);
  --ks-text-color-copy-interactive-hover-base: var(--ks-color-link-to-fg-2-base);
  --ks-text-color-copy-interactive-active-base: var(--ks-color-link-to-fg-3-base);
  --ks-text-color-copy-interactive-selected-base: var(--ks-color-link-to-fg-3-base);
  --ks-text-color-copy-inverted-base: var(--ks-color-fg-inverted-alpha-3-base);
  --ks-text-color-copy-inverted-interactive-base: var(--ks-color-link-inverted-base);
  --ks-text-color-copy-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-text-color-copy-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-text-color-copy-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-text-color-display-base: var(--ks-color-fg-base);
  --ks-text-color-display-interactive-base: var(--ks-color-link-base);
  --ks-text-color-display-interactive-hover-base: var(--ks-color-link-to-fg-2-base);
  --ks-text-color-display-interactive-active-base: var(--ks-color-link-to-fg-3-base);
  --ks-text-color-display-interactive-selected-base: var(--ks-color-link-to-fg-3-base);
  --ks-text-color-display-inverted-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-display-inverted-interactive-base: var(--ks-color-link-inverted-base);
  --ks-text-color-display-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-text-color-display-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-text-color-display-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-text-color-interface-base: var(--ks-color-fg-alpha-4-base);
  --ks-text-color-interface-interactive-base: var(--ks-color-fg-alpha-3-base);
  --ks-text-color-interface-interactive-hover-base: var(--ks-color-fg-base);
  --ks-text-color-interface-interactive-active-base: var(--ks-color-fg-base);
  --ks-text-color-interface-interactive-selected-base: var(--ks-color-fg-base);
  --ks-text-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-4-base);
  --ks-text-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-3-base);
  --ks-text-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-interface-inverted-interactive-selected-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-card-base: var(--ks-color-fg-alpha-2-base);
  --ks-text-color-card-interactive-base: var(--ks-color-fg-base);
  --ks-text-color-card-interactive-hover-base: #000;
  --ks-text-color-card-interactive-active-base: #000;
  --ks-text-color-card-interactive-selected-base: #000;
  --ks-text-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-2-base);
  --ks-text-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-card-inverted-interactive-selected-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-primary-base: var(--ks-color-primary-base);
  --ks-text-color-primary-interactive-base: var(--ks-color-primary-base);
  --ks-text-color-primary-interactive-hover-base: var(--ks-color-primary-alpha-2-base);
  --ks-text-color-primary-interactive-active-base: var(--ks-color-primary-alpha-2-base);
  --ks-text-color-primary-interactive-selected-base: var(--ks-color-primary-alpha-2-base);
  --ks-text-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
  --ks-text-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-alpha-2-base);
  --ks-text-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-2-base);
  --ks-text-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-2-base);
  --ks-text-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-2-base);
  --ks-text-color-positive-base: var(--ks-color-positive-base);
  --ks-text-color-positive-interactive-base: var(--ks-color-positive-base);
  --ks-text-color-positive-interactive-hover-base: var(--ks-color-positive-alpha-2-base);
  --ks-text-color-positive-interactive-active-base: var(--ks-color-positive-alpha-2-base);
  --ks-text-color-positive-interactive-selected-base: var(--ks-color-positive-alpha-2-base);
  --ks-text-color-positive-inverted-base: var(--ks-color-positive-inverted-base);
  --ks-text-color-positive-inverted-interactive-base: var(--ks-color-positive-inverted-alpha-2-base);
  --ks-text-color-positive-inverted-interactive-hover-base: var(--ks-color-positive-inverted-alpha-2-base);
  --ks-text-color-positive-inverted-interactive-active-base: var(--ks-color-positive-inverted-alpha-2-base);
  --ks-text-color-positive-inverted-interactive-selected-base: var(--ks-color-positive-inverted-alpha-2-base);
  --ks-text-color-informative-base: var(--ks-color-informative-base);
  --ks-text-color-informative-interactive-base: var(--ks-color-informative-base);
  --ks-text-color-informative-interactive-hover-base: var(--ks-color-informative-alpha-2-base);
  --ks-text-color-informative-interactive-active-base: var(--ks-color-informative-alpha-2-base);
  --ks-text-color-informative-interactive-selected-base: var(--ks-color-informative-alpha-2-base);
  --ks-text-color-informative-inverted-base: var(--ks-color-informative-inverted-base);
  --ks-text-color-informative-inverted-interactive-base: var(--ks-color-informative-inverted-alpha-2-base);
  --ks-text-color-informative-inverted-interactive-hover-base: var(--ks-color-informative-inverted-alpha-2-base);
  --ks-text-color-informative-inverted-interactive-active-base: var(--ks-color-informative-inverted-alpha-2-base);
  --ks-text-color-informative-inverted-interactive-selected-base: var(--ks-color-informative-inverted-alpha-2-base);
  --ks-text-color-notice-base: var(--ks-color-notice-base);
  --ks-text-color-notice-interactive-base: var(--ks-color-notice-base);
  --ks-text-color-notice-interactive-hover-base: var(--ks-color-notice-alpha-2-base);
  --ks-text-color-notice-interactive-active-base: var(--ks-color-notice-alpha-2-base);
  --ks-text-color-notice-interactive-selected-base: var(--ks-color-notice-alpha-2-base);
  --ks-text-color-notice-inverted-base: var(--ks-color-notice-inverted-base);
  --ks-text-color-notice-inverted-interactive-base: var(--ks-color-notice-inverted-alpha-2-base);
  --ks-text-color-notice-inverted-interactive-hover-base: var(--ks-color-notice-inverted-alpha-2-base);
  --ks-text-color-notice-inverted-interactive-active-base: var(--ks-color-notice-inverted-alpha-2-base);
  --ks-text-color-notice-inverted-interactive-selected-base: var(--ks-color-notice-inverted-alpha-2-base);
  --ks-text-color-negative-base: var(--ks-color-negative-base);
  --ks-text-color-negative-interactive-base: var(--ks-color-negative-base);
  --ks-text-color-negative-interactive-hover-base: var(--ks-color-negative-alpha-2-base);
  --ks-text-color-negative-interactive-active-base: var(--ks-color-negative-alpha-2-base);
  --ks-text-color-negative-interactive-selected-base: var(--ks-color-negative-alpha-2-base);
  --ks-text-color-negative-inverted-base: var(--ks-color-negative-inverted-base);
  --ks-text-color-negative-inverted-interactive-base: var(--ks-color-negative-inverted-alpha-2-base);
  --ks-text-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-alpha-2-base);
  --ks-text-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-alpha-2-base);
  --ks-text-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-alpha-2-base);
  --ks-text-color-secondary-base: var(--ks-color-secondary-base);
  --ks-text-color-secondary-interactive-base: var(--ks-color-secondary-base);
  --ks-text-color-secondary-interactive-hover-base: var(--ks-color-secondary-alpha-2-base);
  --ks-text-color-secondary-interactive-active-base: var(--ks-color-secondary-alpha-2-base);
  --ks-text-color-secondary-interactive-selected-base: var(--ks-color-secondary-alpha-2-base);
  --ks-text-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
  --ks-text-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-alpha-2-base);
  --ks-text-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-alpha-2-base);
  --ks-text-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-alpha-2-base);
  --ks-text-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-alpha-2-base);
  --ks-duration-immediate: 50ms;
  --ks-duration-fast: 100ms;
  --ks-duration-medium: 150ms;
  --ks-duration-slow: 300ms;
  --ks-timing-function-bounce: cubic-bezier(0.17,1,0.5,1.5);
  --ks-timing-function-ease-out: ease-out;
  --ks-timing-function-ease-in: ease-in;
  --ks-timing-function-ease-in-out: ease-in-out;
  --ks-timing-function-linear: linear;
  --ks-transition-collapse: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
  --ks-transition-hover: var(--ks-duration-fast) var(--ks-timing-function-ease-in-out);
  --ks-transition-fade: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
  --ks-font-family-display: 'NovelPro', Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
  --ks-font-family-copy: 'NovelSansPro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --ks-font-family-interface: 'NovelSansPro', system-ui, -apple-system, BlinkMacSystemFont, 'Avenir Next', 'Avenir', 'Segoe UI', 'Lucida Grande', 'Helvetica Neue', 'Helvetica', 'Fira Sans', 'Roboto', 'Noto', 'Droid Sans', 'Cantarell', 'Oxygen', 'Ubuntu', 'Franklin Gothic Medium', 'Century Gothic', 'Liberation Sans', sans-serif;
  --ks-font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
  --ks-font-weight-light: 300;
  --ks-font-weight-regular: 400;
  --ks-font-weight-semi-bold: 500;
  --ks-font-weight-bold: 700;
  --ks-font-size-display-bp-factor-phone: 1.25;
  --ks-font-size-display-bp-factor-tablet: 1.35;
  --ks-font-size-display-xxs-base: 0.612rem;
  --ks-font-size-display-xs-base: 0.7497rem;
  --ks-font-size-display-s-base: 0.9184rem;
  --ks-font-size-display-m-base: 1.125rem;
  --ks-font-size-display-l-base: 1.3781rem;
  --ks-font-size-display-xl-base: 1.6882rem;
  --ks-font-size-display-xxl-base: 2.068rem;
  --ks-font-size-copy-bp-factor-tablet: 1.125;
  --ks-font-size-copy-xxs-base: 0.612rem;
  --ks-font-size-copy-xs-base: 0.7497rem;
  --ks-font-size-copy-s-base: 0.9184rem;
  --ks-font-size-copy-m-base: 1.125rem;
  --ks-font-size-copy-l-base: 1.3781rem;
  --ks-font-size-copy-xl-base: 1.6882rem;
  --ks-font-size-copy-xxl-base: 2.068rem;
  --ks-font-size-interface-bp-factor-tablet: 1.125;
  --ks-font-size-interface-xxs-base: 0.544rem;
  --ks-font-size-interface-xs-base: 0.6664rem;
  --ks-font-size-interface-s-base: 0.8163rem;
  --ks-font-size-interface-m-base: 1rem;
  --ks-font-size-interface-l-base: 1.225rem;
  --ks-font-size-interface-xl-base: 1.5006rem;
  --ks-font-size-interface-xxl-base: 1.8383rem;
  --ks-font-size-mono-bp-factor-tablet: 1.125;
  --ks-font-size-mono-xxs-base: 0.544rem;
  --ks-font-size-mono-xs-base: 0.6664rem;
  --ks-font-size-mono-s-base: 0.8163rem;
  --ks-font-size-mono-m-base: 1rem;
  --ks-font-size-mono-l-base: 1.225rem;
  --ks-font-size-mono-xl-base: 1.5006rem;
  --ks-font-size-mono-xxl-base: 1.8383rem;
  --ks-line-height-display-xxs: 1.25;
  --ks-line-height-display-xs: 1.25;
  --ks-line-height-display-s: 1.25;
  --ks-line-height-display-m: 1.25;
  --ks-line-height-display-l: 1.25;
  --ks-line-height-display-xl: 1.25;
  --ks-line-height-display-xxl: 1.25;
  --ks-line-height-copy-xxs: 1.35;
  --ks-line-height-copy-xs: 1.35;
  --ks-line-height-copy-s: 1.35;
  --ks-line-height-copy-m: 1.35;
  --ks-line-height-copy-l: 1.35;
  --ks-line-height-copy-xl: 1.35;
  --ks-line-height-copy-xxl: 1.35;
  --ks-line-height-interface-xxs: 1.35;
  --ks-line-height-interface-xs: 1.35;
  --ks-line-height-interface-s: 1.35;
  --ks-line-height-interface-m: 1.35;
  --ks-line-height-interface-l: 1.35;
  --ks-line-height-interface-xl: 1.35;
  --ks-line-height-interface-xxl: 1.35;
  --ks-line-height-mono-xxs: 1.35;
  --ks-line-height-mono-xs: 1.35;
  --ks-line-height-mono-s: 1.35;
  --ks-line-height-mono-m: 1.35;
  --ks-line-height-mono-l: 1.35;
  --ks-line-height-mono-xl: 1.35;
  --ks-line-height-mono-xxl: 1.35;
  --g-header-height: 0px;
  --g-scroll-offset: var(--g-header-height);
  --ks-font-size-display-xxs: calc(var(--ks-font-size-display-xxs-base) * var(--ks-font-size-display-bp-factor, 1));
  --ks-font-display-xxs: var(--ks-font-size-display-xxs) / var(--ks-line-height-display-xxs) var(--ks-font-family-display);
  --ks-font-size-display-xs: calc(var(--ks-font-size-display-xs-base) * var(--ks-font-size-display-bp-factor, 1));
  --ks-font-display-xs: var(--ks-font-size-display-xs) / var(--ks-line-height-display-xs) var(--ks-font-family-display);
  --ks-font-size-display-s: calc(var(--ks-font-size-display-s-base) * var(--ks-font-size-display-bp-factor, 1));
  --ks-font-display-s: var(--ks-font-size-display-s) / var(--ks-line-height-display-s) var(--ks-font-family-display);
  --ks-font-size-display-m: calc(var(--ks-font-size-display-m-base) * var(--ks-font-size-display-bp-factor, 1));
  --ks-font-display-m: var(--ks-font-size-display-m) / var(--ks-line-height-display-m) var(--ks-font-family-display);
  --ks-font-size-display-l: calc(var(--ks-font-size-display-l-base) * var(--ks-font-size-display-bp-factor, 1));
  --ks-font-display-l: var(--ks-font-size-display-l) / var(--ks-line-height-display-l) var(--ks-font-family-display);
  --ks-font-size-display-xl: calc(var(--ks-font-size-display-xl-base) * var(--ks-font-size-display-bp-factor, 1));
  --ks-font-display-xl: var(--ks-font-size-display-xl) / var(--ks-line-height-display-xl) var(--ks-font-family-display);
  --ks-font-size-display-xxl: calc(var(--ks-font-size-display-xxl-base) * var(--ks-font-size-display-bp-factor, 1));
  --ks-font-display-xxl: var(--ks-font-size-display-xxl) / var(--ks-line-height-display-xxl) var(--ks-font-family-display);
  --ks-font-size-copy-xxs: calc(var(--ks-font-size-copy-xxs-base) * var(--ks-font-size-copy-bp-factor, 1));
  --ks-font-copy-xxs: var(--ks-font-size-copy-xxs) / var(--ks-line-height-copy-xxs) var(--ks-font-family-copy);
  --ks-font-size-copy-xs: calc(var(--ks-font-size-copy-xs-base) * var(--ks-font-size-copy-bp-factor, 1));
  --ks-font-copy-xs: var(--ks-font-size-copy-xs) / var(--ks-line-height-copy-xs) var(--ks-font-family-copy);
  --ks-font-size-copy-s: calc(var(--ks-font-size-copy-s-base) * var(--ks-font-size-copy-bp-factor, 1));
  --ks-font-copy-s: var(--ks-font-size-copy-s) / var(--ks-line-height-copy-s) var(--ks-font-family-copy);
  --ks-font-size-copy-m: calc(var(--ks-font-size-copy-m-base) * var(--ks-font-size-copy-bp-factor, 1));
  --ks-font-copy-m: var(--ks-font-size-copy-m) / var(--ks-line-height-copy-m) var(--ks-font-family-copy);
  --ks-font-size-copy-l: calc(var(--ks-font-size-copy-l-base) * var(--ks-font-size-copy-bp-factor, 1));
  --ks-font-copy-l: var(--ks-font-size-copy-l) / var(--ks-line-height-copy-l) var(--ks-font-family-copy);
  --ks-font-size-copy-xl: calc(var(--ks-font-size-copy-xl-base) * var(--ks-font-size-copy-bp-factor, 1));
  --ks-font-copy-xl: var(--ks-font-size-copy-xl) / var(--ks-line-height-copy-xl) var(--ks-font-family-copy);
  --ks-font-size-copy-xxl: calc(var(--ks-font-size-copy-xxl-base) * var(--ks-font-size-copy-bp-factor, 1));
  --ks-font-copy-xxl: var(--ks-font-size-copy-xxl) / var(--ks-line-height-copy-xxl) var(--ks-font-family-copy);
  --ks-font-size-interface-xxs: calc(var(--ks-font-size-interface-xxs-base) * var(--ks-font-size-interface-bp-factor, 1));
  --ks-font-interface-xxs: var(--ks-font-size-interface-xxs) / var(--ks-line-height-interface-xxs) var(--ks-font-family-interface);
  --ks-font-size-interface-xs: calc(var(--ks-font-size-interface-xs-base) * var(--ks-font-size-interface-bp-factor, 1));
  --ks-font-interface-xs: var(--ks-font-size-interface-xs) / var(--ks-line-height-interface-xs) var(--ks-font-family-interface);
  --ks-font-size-interface-s: calc(var(--ks-font-size-interface-s-base) * var(--ks-font-size-interface-bp-factor, 1));
  --ks-font-interface-s: var(--ks-font-size-interface-s) / var(--ks-line-height-interface-s) var(--ks-font-family-interface);
  --ks-font-size-interface-m: calc(var(--ks-font-size-interface-m-base) * var(--ks-font-size-interface-bp-factor, 1));
  --ks-font-interface-m: var(--ks-font-size-interface-m) / var(--ks-line-height-interface-m) var(--ks-font-family-interface);
  --ks-font-size-interface-l: calc(var(--ks-font-size-interface-l-base) * var(--ks-font-size-interface-bp-factor, 1));
  --ks-font-interface-l: var(--ks-font-size-interface-l) / var(--ks-line-height-interface-l) var(--ks-font-family-interface);
  --ks-font-size-interface-xl: calc(var(--ks-font-size-interface-xl-base) * var(--ks-font-size-interface-bp-factor, 1));
  --ks-font-interface-xl: var(--ks-font-size-interface-xl) / var(--ks-line-height-interface-xl) var(--ks-font-family-interface);
  --ks-font-size-interface-xxl: calc(var(--ks-font-size-interface-xxl-base) * var(--ks-font-size-interface-bp-factor, 1));
  --ks-font-interface-xxl: var(--ks-font-size-interface-xxl) / var(--ks-line-height-interface-xxl) var(--ks-font-family-interface);
  --ks-font-size-mono-xxs: calc(var(--ks-font-size-mono-xxs-base) * var(--ks-font-size-mono-bp-factor, 1));
  --ks-font-mono-xxs: var(--ks-font-size-mono-xxs) / var(--ks-line-height-mono-xxs) var(--ks-font-family-mono);
  --ks-font-size-mono-xs: calc(var(--ks-font-size-mono-xs-base) * var(--ks-font-size-mono-bp-factor, 1));
  --ks-font-mono-xs: var(--ks-font-size-mono-xs) / var(--ks-line-height-mono-xs) var(--ks-font-family-mono);
  --ks-font-size-mono-s: calc(var(--ks-font-size-mono-s-base) * var(--ks-font-size-mono-bp-factor, 1));
  --ks-font-mono-s: var(--ks-font-size-mono-s) / var(--ks-line-height-mono-s) var(--ks-font-family-mono);
  --ks-font-size-mono-m: calc(var(--ks-font-size-mono-m-base) * var(--ks-font-size-mono-bp-factor, 1));
  --ks-font-mono-m: var(--ks-font-size-mono-m) / var(--ks-line-height-mono-m) var(--ks-font-family-mono);
  --ks-font-size-mono-l: calc(var(--ks-font-size-mono-l-base) * var(--ks-font-size-mono-bp-factor, 1));
  --ks-font-mono-l: var(--ks-font-size-mono-l) / var(--ks-line-height-mono-l) var(--ks-font-family-mono);
  --ks-font-size-mono-xl: calc(var(--ks-font-size-mono-xl-base) * var(--ks-font-size-mono-bp-factor, 1));
  --ks-font-mono-xl: var(--ks-font-size-mono-xl) / var(--ks-line-height-mono-xl) var(--ks-font-family-mono);
  --ks-font-size-mono-xxl: calc(var(--ks-font-size-mono-xxl-base) * var(--ks-font-size-mono-bp-factor, 1));
  --ks-font-mono-xxl: var(--ks-font-size-mono-xxl) / var(--ks-line-height-mono-xxl) var(--ks-font-family-mono);
  --ks-spacing-xxs: calc(var(--ks-spacing-xxs-base) * var(--ks-spacing-xxs-bp-factor, 1));
  --ks-spacing-xs: calc(var(--ks-spacing-xs-base) * var(--ks-spacing-xs-bp-factor, 1));
  --ks-spacing-s: calc(var(--ks-spacing-s-base) * var(--ks-spacing-s-bp-factor, 1));
  --ks-spacing-m: calc(var(--ks-spacing-m-base) * var(--ks-spacing-m-bp-factor, 1));
  --ks-spacing-l: calc(var(--ks-spacing-l-base) * var(--ks-spacing-l-bp-factor, 1));
  --ks-spacing-xl: calc(var(--ks-spacing-xl-base) * var(--ks-spacing-xl-bp-factor, 1));
  --ks-spacing-xxl: calc(var(--ks-spacing-xxl-base) * var(--ks-spacing-xxl-bp-factor, 1));
  --ks-spacing-stack: calc(var(--ks-spacing-stack-base) * var(--ks-spacing-stack-bp-factor, 1));
  --ks-spacing-inline: calc(var(--ks-spacing-inline-base) * var(--ks-spacing-inline-bp-factor, 1));
  --ks-spacing-inset: calc(var(--ks-spacing-inset-base) * var(--ks-spacing-inset-bp-factor, 1));
  --ks-spacing-inset-squish: calc(var(--ks-spacing-inset-squish-base) * var(--ks-spacing-inset-squish-bp-factor, 1));
  --ks-spacing-inset-stretch: calc(var(--ks-spacing-inset-stretch-base) * var(--ks-spacing-inset-stretch-bp-factor, 1));
  --ks-breakpoints: '{"phone":"36em","tablet":"48em","laptop":"62em","desktop":"75em"}';
}

:root [ks-theme=business], [ks-theme=business] [ks-inverted=false] {
  --ks-background-color-accent: var(--ks-background-color-accent-base);
  --ks-background-color-accent-inverted: var(--ks-background-color-accent-inverted-base);
  --ks-background-color-bold: var(--ks-background-color-bold-base);
  --ks-background-color-bold-inverted: var(--ks-background-color-bold-inverted-base);
  --ks-background-color-clear: var(--ks-background-color-clear-base);
  --ks-background-color-clear-interactive: var(--ks-background-color-clear-interactive-base);
  --ks-background-color-clear-interactive-hover: var(--ks-background-color-clear-interactive-hover-base);
  --ks-background-color-clear-interactive-active: var(--ks-background-color-clear-interactive-active-base);
  --ks-background-color-clear-interactive-selected: var(--ks-background-color-clear-interactive-selected-base);
  --ks-background-color-clear-inverted: var(--ks-background-color-clear-inverted-base);
  --ks-background-color-clear-inverted-interactive: var(--ks-background-color-clear-inverted-interactive-base);
  --ks-background-color-clear-inverted-interactive-hover: var(--ks-background-color-clear-inverted-interactive-hover-base);
  --ks-background-color-clear-inverted-interactive-active: var(--ks-background-color-clear-inverted-interactive-active-base);
  --ks-background-color-clear-inverted-interactive-selected: var(--ks-background-color-clear-inverted-interactive-selected-base);
  --ks-background-color-default: var(--ks-background-color-default-base);
  --ks-background-color-default-inverted: var(--ks-background-color-default-inverted-base);
  --ks-background-color-interface: var(--ks-background-color-interface-base);
  --ks-background-color-interface-interactive: var(--ks-background-color-interface-interactive-base);
  --ks-background-color-interface-interactive-disabled: var(--ks-background-color-interface-interactive-disabled-base);
  --ks-background-color-interface-interactive-hover: var(--ks-background-color-interface-interactive-hover-base);
  --ks-background-color-interface-interactive-active: var(--ks-background-color-interface-interactive-active-base);
  --ks-background-color-interface-interactive-selected: var(--ks-background-color-interface-interactive-selected-base);
  --ks-background-color-interface-inverted: var(--ks-background-color-interface-inverted-base);
  --ks-background-color-interface-inverted-interactive: var(--ks-background-color-interface-inverted-interactive-base);
  --ks-background-color-interface-inverted-interactive-disabled: var(--ks-background-color-interface-inverted-interactive-disabled-base);
  --ks-background-color-interface-inverted-interactive-hover: var(--ks-background-color-interface-inverted-interactive-hover-base);
  --ks-background-color-interface-inverted-interactive-active: var(--ks-background-color-interface-inverted-interactive-active-base);
  --ks-background-color-interface-inverted-interactive-selected: var(--ks-background-color-interface-inverted-interactive-selected-base);
  --ks-background-color-card: var(--ks-background-color-card-base);
  --ks-background-color-card-interactive: var(--ks-background-color-card-interactive-base);
  --ks-background-color-card-interactive-disabled: var(--ks-background-color-card-interactive-disabled-base);
  --ks-background-color-card-interactive-hover: var(--ks-background-color-card-interactive-hover-base);
  --ks-background-color-card-interactive-active: var(--ks-background-color-card-interactive-active-base);
  --ks-background-color-card-interactive-selected: var(--ks-background-color-card-interactive-selected-base);
  --ks-background-color-card-inverted: var(--ks-background-color-card-inverted-base);
  --ks-background-color-card-inverted-interactive: var(--ks-background-color-card-inverted-interactive-base);
  --ks-background-color-card-inverted-interactive-disabled: var(--ks-background-color-card-inverted-interactive-disabled-base);
  --ks-background-color-card-inverted-interactive-hover: var(--ks-background-color-card-inverted-interactive-hover-base);
  --ks-background-color-card-inverted-interactive-active: var(--ks-background-color-card-inverted-interactive-active-base);
  --ks-background-color-card-inverted-interactive-selected: var(--ks-background-color-card-inverted-interactive-selected-base);
  --ks-background-color-primary: var(--ks-background-color-primary-base);
  --ks-background-color-primary-interactive: var(--ks-background-color-primary-interactive-base);
  --ks-background-color-primary-interactive-hover: var(--ks-background-color-primary-interactive-hover-base);
  --ks-background-color-primary-interactive-active: var(--ks-background-color-primary-interactive-active-base);
  --ks-background-color-primary-interactive-selected: var(--ks-background-color-primary-interactive-selected-base);
  --ks-background-color-primary-translucent: var(--ks-background-color-primary-translucent-base);
  --ks-background-color-primary-inverted: var(--ks-background-color-primary-inverted-base);
  --ks-background-color-primary-inverted-interactive: var(--ks-background-color-primary-inverted-interactive-base);
  --ks-background-color-primary-inverted-interactive-hover: var(--ks-background-color-primary-inverted-interactive-hover-base);
  --ks-background-color-primary-inverted-interactive-active: var(--ks-background-color-primary-inverted-interactive-active-base);
  --ks-background-color-primary-inverted-interactive-selected: var(--ks-background-color-primary-inverted-interactive-selected-base);
  --ks-background-color-primary-inverted-translucent: var(--ks-background-color-primary-inverted-translucent-base);
  --ks-background-color-positive: var(--ks-background-color-positive-base);
  --ks-background-color-positive-interactive: var(--ks-background-color-positive-interactive-base);
  --ks-background-color-positive-interactive-hover: var(--ks-background-color-positive-interactive-hover-base);
  --ks-background-color-positive-interactive-active: var(--ks-background-color-positive-interactive-active-base);
  --ks-background-color-positive-interactive-selected: var(--ks-background-color-positive-interactive-selected-base);
  --ks-background-color-positive-translucent: var(--ks-background-color-positive-translucent-base);
  --ks-background-color-positive-inverted: var(--ks-background-color-positive-inverted-base);
  --ks-background-color-positive-inverted-interactive: var(--ks-background-color-positive-inverted-interactive-base);
  --ks-background-color-positive-inverted-interactive-hover: var(--ks-background-color-positive-inverted-interactive-hover-base);
  --ks-background-color-positive-inverted-interactive-active: var(--ks-background-color-positive-inverted-interactive-active-base);
  --ks-background-color-positive-inverted-interactive-selected: var(--ks-background-color-positive-inverted-interactive-selected-base);
  --ks-background-color-positive-inverted-translucent: var(--ks-background-color-positive-inverted-translucent-base);
  --ks-background-color-informative: var(--ks-background-color-informative-base);
  --ks-background-color-informative-interactive: var(--ks-background-color-informative-interactive-base);
  --ks-background-color-informative-interactive-hover: var(--ks-background-color-informative-interactive-hover-base);
  --ks-background-color-informative-interactive-active: var(--ks-background-color-informative-interactive-active-base);
  --ks-background-color-informative-interactive-selected: var(--ks-background-color-informative-interactive-selected-base);
  --ks-background-color-informative-translucent: var(--ks-background-color-informative-translucent-base);
  --ks-background-color-informative-inverted: var(--ks-background-color-informative-inverted-base);
  --ks-background-color-informative-inverted-interactive: var(--ks-background-color-informative-inverted-interactive-base);
  --ks-background-color-informative-inverted-interactive-hover: var(--ks-background-color-informative-inverted-interactive-hover-base);
  --ks-background-color-informative-inverted-interactive-active: var(--ks-background-color-informative-inverted-interactive-active-base);
  --ks-background-color-informative-inverted-interactive-selected: var(--ks-background-color-informative-inverted-interactive-selected-base);
  --ks-background-color-informative-inverted-translucent: var(--ks-background-color-informative-inverted-translucent-base);
  --ks-background-color-notice: var(--ks-background-color-notice-base);
  --ks-background-color-notice-interactive: var(--ks-background-color-notice-interactive-base);
  --ks-background-color-notice-interactive-hover: var(--ks-background-color-notice-interactive-hover-base);
  --ks-background-color-notice-interactive-active: var(--ks-background-color-notice-interactive-active-base);
  --ks-background-color-notice-interactive-selected: var(--ks-background-color-notice-interactive-selected-base);
  --ks-background-color-notice-translucent: var(--ks-background-color-notice-translucent-base);
  --ks-background-color-notice-inverted: var(--ks-background-color-notice-inverted-base);
  --ks-background-color-notice-inverted-interactive: var(--ks-background-color-notice-inverted-interactive-base);
  --ks-background-color-notice-inverted-interactive-hover: var(--ks-background-color-notice-inverted-interactive-hover-base);
  --ks-background-color-notice-inverted-interactive-active: var(--ks-background-color-notice-inverted-interactive-active-base);
  --ks-background-color-notice-inverted-interactive-selected: var(--ks-background-color-notice-inverted-interactive-selected-base);
  --ks-background-color-notice-inverted-translucent: var(--ks-background-color-notice-inverted-translucent-base);
  --ks-background-color-negative: var(--ks-background-color-negative-base);
  --ks-background-color-negative-interactive: var(--ks-background-color-negative-interactive-base);
  --ks-background-color-negative-interactive-hover: var(--ks-background-color-negative-interactive-hover-base);
  --ks-background-color-negative-interactive-active: var(--ks-background-color-negative-interactive-active-base);
  --ks-background-color-negative-interactive-selected: var(--ks-background-color-negative-interactive-selected-base);
  --ks-background-color-negative-translucent: var(--ks-background-color-negative-translucent-base);
  --ks-background-color-negative-inverted: var(--ks-background-color-negative-inverted-base);
  --ks-background-color-negative-inverted-interactive: var(--ks-background-color-negative-inverted-interactive-base);
  --ks-background-color-negative-inverted-interactive-hover: var(--ks-background-color-negative-inverted-interactive-hover-base);
  --ks-background-color-negative-inverted-interactive-active: var(--ks-background-color-negative-inverted-interactive-active-base);
  --ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-inverted-interactive-selected-base);
  --ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-inverted-translucent-base);
  --ks-background-color-secondary: var(--ks-background-color-secondary-base);
  --ks-background-color-secondary-interactive: var(--ks-background-color-secondary-interactive-base);
  --ks-background-color-secondary-interactive-hover: var(--ks-background-color-secondary-interactive-hover-base);
  --ks-background-color-secondary-interactive-active: var(--ks-background-color-secondary-interactive-active-base);
  --ks-background-color-secondary-interactive-selected: var(--ks-background-color-secondary-interactive-selected-base);
  --ks-background-color-secondary-translucent: var(--ks-background-color-secondary-translucent-base);
  --ks-background-color-secondary-inverted: var(--ks-background-color-secondary-inverted-base);
  --ks-background-color-secondary-inverted-interactive: var(--ks-background-color-secondary-inverted-interactive-base);
  --ks-background-color-secondary-inverted-interactive-hover: var(--ks-background-color-secondary-inverted-interactive-hover-base);
  --ks-background-color-secondary-inverted-interactive-active: var(--ks-background-color-secondary-inverted-interactive-active-base);
  --ks-background-color-secondary-inverted-interactive-selected: var(--ks-background-color-secondary-inverted-interactive-selected-base);
  --ks-background-color-secondary-inverted-translucent: var(--ks-background-color-secondary-inverted-translucent-base);
  --ks-border-color-accent: var(--ks-border-color-accent-base);
  --ks-border-color-accent-inverted: var(--ks-border-color-accent-inverted-base);
  --ks-border-color-clear: var(--ks-border-color-clear-base);
  --ks-border-color-clear-interactive: var(--ks-border-color-clear-interactive-base);
  --ks-border-color-clear-interactive-hover: var(--ks-border-color-clear-interactive-hover-base);
  --ks-border-color-clear-interactive-active: var(--ks-border-color-clear-interactive-active-base);
  --ks-border-color-clear-interactive-selected: var(--ks-border-color-clear-interactive-selected-base);
  --ks-border-color-clear-inverted: var(--ks-border-color-clear-inverted-base);
  --ks-border-color-clear-inverted-interactive: var(--ks-border-color-clear-inverted-interactive-base);
  --ks-border-color-clear-inverted-interactive-hover: var(--ks-border-color-clear-inverted-interactive-hover-base);
  --ks-border-color-clear-inverted-interactive-active: var(--ks-border-color-clear-inverted-interactive-active-base);
  --ks-border-color-clear-inverted-interactive-selected: var(--ks-border-color-clear-inverted-interactive-selected-base);
  --ks-border-color-default: var(--ks-border-color-default-base);
  --ks-border-color-default-inverted: var(--ks-border-color-default-inverted-base);
  --ks-border-color-interface: var(--ks-border-color-interface-base);
  --ks-border-color-interface-interactive: var(--ks-border-color-interface-interactive-base);
  --ks-border-color-interface-interactive-disabled: var(--ks-border-color-interface-interactive-disabled-base);
  --ks-border-color-interface-interactive-hover: var(--ks-border-color-interface-interactive-hover-base);
  --ks-border-color-interface-interactive-active: var(--ks-border-color-interface-interactive-active-base);
  --ks-border-color-interface-interactive-selected: var(--ks-border-color-interface-interactive-selected-base);
  --ks-border-color-interface-inverted: var(--ks-border-color-interface-inverted-base);
  --ks-border-color-interface-inverted-interactive: var(--ks-border-color-interface-inverted-interactive-base);
  --ks-border-color-interface-inverted-interactive-disabled: var(--ks-border-color-interface-inverted-interactive-disabled-base);
  --ks-border-color-interface-inverted-interactive-hover: var(--ks-border-color-interface-inverted-interactive-hover-base);
  --ks-border-color-interface-inverted-interactive-active: var(--ks-border-color-interface-inverted-interactive-active-base);
  --ks-border-color-interface-inverted-interactive-selected: var(--ks-border-color-interface-inverted-interactive-selected-base);
  --ks-border-color-card: var(--ks-border-color-card-base);
  --ks-border-color-card-interactive: var(--ks-border-color-card-interactive-base);
  --ks-border-color-card-interactive-disabled: var(--ks-border-color-card-interactive-disabled-base);
  --ks-border-color-card-interactive-hover: var(--ks-border-color-card-interactive-hover-base);
  --ks-border-color-card-interactive-active: var(--ks-border-color-card-interactive-active-base);
  --ks-border-color-card-interactive-selected: var(--ks-border-color-card-interactive-selected-base);
  --ks-border-color-card-inverted: var(--ks-border-color-card-inverted-base);
  --ks-border-color-card-inverted-interactive: var(--ks-border-color-card-inverted-interactive-base);
  --ks-border-color-card-inverted-interactive-disabled: var(--ks-border-color-card-inverted-interactive-disabled-base);
  --ks-border-color-card-inverted-interactive-hover: var(--ks-border-color-card-inverted-interactive-hover-base);
  --ks-border-color-card-inverted-interactive-active: var(--ks-border-color-card-inverted-interactive-active-base);
  --ks-border-color-card-inverted-interactive-selected: var(--ks-border-color-card-inverted-interactive-selected-base);
  --ks-border-color-primary: var(--ks-border-color-primary-base);
  --ks-border-color-primary-interactive: var(--ks-border-color-primary-interactive-base);
  --ks-border-color-primary-interactive-hover: var(--ks-border-color-primary-interactive-hover-base);
  --ks-border-color-primary-interactive-active: var(--ks-border-color-primary-interactive-active-base);
  --ks-border-color-primary-interactive-selected: var(--ks-border-color-primary-interactive-selected-base);
  --ks-border-color-primary-translucent: var(--ks-border-color-primary-translucent-base);
  --ks-border-color-primary-inverted: var(--ks-border-color-primary-inverted-base);
  --ks-border-color-primary-inverted-interactive: var(--ks-border-color-primary-inverted-interactive-base);
  --ks-border-color-primary-inverted-interactive-hover: var(--ks-border-color-primary-inverted-interactive-hover-base);
  --ks-border-color-primary-inverted-interactive-active: var(--ks-border-color-primary-inverted-interactive-active-base);
  --ks-border-color-primary-inverted-interactive-selected: var(--ks-border-color-primary-inverted-interactive-selected-base);
  --ks-border-color-primary-inverted-translucent: var(--ks-border-color-primary-inverted-translucent-base);
  --ks-border-color-positive: var(--ks-border-color-positive-base);
  --ks-border-color-positive-interactive: var(--ks-border-color-positive-interactive-base);
  --ks-border-color-positive-interactive-hover: var(--ks-border-color-positive-interactive-hover-base);
  --ks-border-color-positive-interactive-active: var(--ks-border-color-positive-interactive-active-base);
  --ks-border-color-positive-interactive-selected: var(--ks-border-color-positive-interactive-selected-base);
  --ks-border-color-positive-translucent: var(--ks-border-color-positive-translucent-base);
  --ks-border-color-positive-inverted: var(--ks-border-color-positive-inverted-base);
  --ks-border-color-positive-inverted-interactive: var(--ks-border-color-positive-inverted-interactive-base);
  --ks-border-color-positive-inverted-interactive-hover: var(--ks-border-color-positive-inverted-interactive-hover-base);
  --ks-border-color-positive-inverted-interactive-active: var(--ks-border-color-positive-inverted-interactive-active-base);
  --ks-border-color-positive-inverted-interactive-selected: var(--ks-border-color-positive-inverted-interactive-selected-base);
  --ks-border-color-positive-inverted-translucent: var(--ks-border-color-positive-inverted-translucent-base);
  --ks-border-color-informative: var(--ks-border-color-informative-base);
  --ks-border-color-informative-interactive: var(--ks-border-color-informative-interactive-base);
  --ks-border-color-informative-interactive-hover: var(--ks-border-color-informative-interactive-hover-base);
  --ks-border-color-informative-interactive-active: var(--ks-border-color-informative-interactive-active-base);
  --ks-border-color-informative-interactive-selected: var(--ks-border-color-informative-interactive-selected-base);
  --ks-border-color-informative-translucent: var(--ks-border-color-informative-translucent-base);
  --ks-border-color-informative-inverted: var(--ks-border-color-informative-inverted-base);
  --ks-border-color-informative-inverted-interactive: var(--ks-border-color-informative-inverted-interactive-base);
  --ks-border-color-informative-inverted-interactive-hover: var(--ks-border-color-informative-inverted-interactive-hover-base);
  --ks-border-color-informative-inverted-interactive-active: var(--ks-border-color-informative-inverted-interactive-active-base);
  --ks-border-color-informative-inverted-interactive-selected: var(--ks-border-color-informative-inverted-interactive-selected-base);
  --ks-border-color-informative-inverted-translucent: var(--ks-border-color-informative-inverted-translucent-base);
  --ks-border-color-notice: var(--ks-border-color-notice-base);
  --ks-border-color-notice-interactive: var(--ks-border-color-notice-interactive-base);
  --ks-border-color-notice-interactive-hover: var(--ks-border-color-notice-interactive-hover-base);
  --ks-border-color-notice-interactive-active: var(--ks-border-color-notice-interactive-active-base);
  --ks-border-color-notice-interactive-selected: var(--ks-border-color-notice-interactive-selected-base);
  --ks-border-color-notice-translucent: var(--ks-border-color-notice-translucent-base);
  --ks-border-color-notice-inverted: var(--ks-border-color-notice-inverted-base);
  --ks-border-color-notice-inverted-interactive: var(--ks-border-color-notice-inverted-interactive-base);
  --ks-border-color-notice-inverted-interactive-hover: var(--ks-border-color-notice-inverted-interactive-hover-base);
  --ks-border-color-notice-inverted-interactive-active: var(--ks-border-color-notice-inverted-interactive-active-base);
  --ks-border-color-notice-inverted-interactive-selected: var(--ks-border-color-notice-inverted-interactive-selected-base);
  --ks-border-color-notice-inverted-translucent: var(--ks-border-color-notice-inverted-translucent-base);
  --ks-border-color-negative: var(--ks-border-color-negative-base);
  --ks-border-color-negative-interactive: var(--ks-border-color-negative-interactive-base);
  --ks-border-color-negative-interactive-hover: var(--ks-border-color-negative-interactive-hover-base);
  --ks-border-color-negative-interactive-active: var(--ks-border-color-negative-interactive-active-base);
  --ks-border-color-negative-interactive-selected: var(--ks-border-color-negative-interactive-selected-base);
  --ks-border-color-negative-translucent: var(--ks-border-color-negative-translucent-base);
  --ks-border-color-negative-inverted: var(--ks-border-color-negative-inverted-base);
  --ks-border-color-negative-inverted-interactive: var(--ks-border-color-negative-inverted-interactive-base);
  --ks-border-color-negative-inverted-interactive-hover: var(--ks-border-color-negative-inverted-interactive-hover-base);
  --ks-border-color-negative-inverted-interactive-active: var(--ks-border-color-negative-inverted-interactive-active-base);
  --ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-inverted-interactive-selected-base);
  --ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-inverted-translucent-base);
  --ks-border-color-secondary: var(--ks-border-color-secondary-base);
  --ks-border-color-secondary-interactive: var(--ks-border-color-secondary-interactive-base);
  --ks-border-color-secondary-interactive-hover: var(--ks-border-color-secondary-interactive-hover-base);
  --ks-border-color-secondary-interactive-active: var(--ks-border-color-secondary-interactive-active-base);
  --ks-border-color-secondary-interactive-selected: var(--ks-border-color-secondary-interactive-selected-base);
  --ks-border-color-secondary-translucent: var(--ks-border-color-secondary-translucent-base);
  --ks-border-color-secondary-inverted: var(--ks-border-color-secondary-inverted-base);
  --ks-border-color-secondary-inverted-interactive: var(--ks-border-color-secondary-inverted-interactive-base);
  --ks-border-color-secondary-inverted-interactive-hover: var(--ks-border-color-secondary-inverted-interactive-hover-base);
  --ks-border-color-secondary-inverted-interactive-active: var(--ks-border-color-secondary-inverted-interactive-active-base);
  --ks-border-color-secondary-inverted-interactive-selected: var(--ks-border-color-secondary-inverted-interactive-selected-base);
  --ks-border-color-secondary-inverted-translucent: var(--ks-border-color-secondary-inverted-translucent-base);
  --ks-color-fg: var(--ks-color-fg-base);
  --ks-color-fg-alpha-1: var(--ks-color-fg-alpha-1-base);
  --ks-color-fg-alpha-2: var(--ks-color-fg-alpha-2-base);
  --ks-color-fg-alpha-3: var(--ks-color-fg-alpha-3-base);
  --ks-color-fg-alpha-4: var(--ks-color-fg-alpha-4-base);
  --ks-color-fg-alpha-5: var(--ks-color-fg-alpha-5-base);
  --ks-color-fg-alpha-6: var(--ks-color-fg-alpha-6-base);
  --ks-color-fg-alpha-7: var(--ks-color-fg-alpha-7-base);
  --ks-color-fg-alpha-8: var(--ks-color-fg-alpha-8-base);
  --ks-color-fg-alpha-9: var(--ks-color-fg-alpha-9-base);
  --ks-color-fg-to-bg-1: var(--ks-color-fg-to-bg-1-base);
  --ks-color-fg-to-bg-2: var(--ks-color-fg-to-bg-2-base);
  --ks-color-fg-to-bg-3: var(--ks-color-fg-to-bg-3-base);
  --ks-color-fg-to-bg-4: var(--ks-color-fg-to-bg-4-base);
  --ks-color-fg-to-bg-5: var(--ks-color-fg-to-bg-5-base);
  --ks-color-fg-to-bg-6: var(--ks-color-fg-to-bg-6-base);
  --ks-color-fg-to-bg-7: var(--ks-color-fg-to-bg-7-base);
  --ks-color-fg-to-bg-8: var(--ks-color-fg-to-bg-8-base);
  --ks-color-fg-to-bg-9: var(--ks-color-fg-to-bg-9-base);
  --ks-color-fg-inverted: var(--ks-color-fg-inverted-base);
  --ks-color-fg-inverted-alpha-1: var(--ks-color-fg-inverted-alpha-1-base);
  --ks-color-fg-inverted-alpha-2: var(--ks-color-fg-inverted-alpha-2-base);
  --ks-color-fg-inverted-alpha-3: var(--ks-color-fg-inverted-alpha-3-base);
  --ks-color-fg-inverted-alpha-4: var(--ks-color-fg-inverted-alpha-4-base);
  --ks-color-fg-inverted-alpha-5: var(--ks-color-fg-inverted-alpha-5-base);
  --ks-color-fg-inverted-alpha-6: var(--ks-color-fg-inverted-alpha-6-base);
  --ks-color-fg-inverted-alpha-7: var(--ks-color-fg-inverted-alpha-7-base);
  --ks-color-fg-inverted-alpha-8: var(--ks-color-fg-inverted-alpha-8-base);
  --ks-color-fg-inverted-alpha-9: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-color-fg-inverted-to-bg-1: var(--ks-color-fg-inverted-to-bg-1-base);
  --ks-color-fg-inverted-to-bg-2: var(--ks-color-fg-inverted-to-bg-2-base);
  --ks-color-fg-inverted-to-bg-3: var(--ks-color-fg-inverted-to-bg-3-base);
  --ks-color-fg-inverted-to-bg-4: var(--ks-color-fg-inverted-to-bg-4-base);
  --ks-color-fg-inverted-to-bg-5: var(--ks-color-fg-inverted-to-bg-5-base);
  --ks-color-fg-inverted-to-bg-6: var(--ks-color-fg-inverted-to-bg-6-base);
  --ks-color-fg-inverted-to-bg-7: var(--ks-color-fg-inverted-to-bg-7-base);
  --ks-color-fg-inverted-to-bg-8: var(--ks-color-fg-inverted-to-bg-8-base);
  --ks-color-fg-inverted-to-bg-9: var(--ks-color-fg-inverted-to-bg-9-base);
  --ks-color-bg: var(--ks-color-bg-base);
  --ks-color-bg-alpha-1: var(--ks-color-bg-alpha-1-base);
  --ks-color-bg-alpha-2: var(--ks-color-bg-alpha-2-base);
  --ks-color-bg-alpha-3: var(--ks-color-bg-alpha-3-base);
  --ks-color-bg-alpha-4: var(--ks-color-bg-alpha-4-base);
  --ks-color-bg-alpha-5: var(--ks-color-bg-alpha-5-base);
  --ks-color-bg-alpha-6: var(--ks-color-bg-alpha-6-base);
  --ks-color-bg-alpha-7: var(--ks-color-bg-alpha-7-base);
  --ks-color-bg-alpha-8: var(--ks-color-bg-alpha-8-base);
  --ks-color-bg-alpha-9: var(--ks-color-bg-alpha-9-base);
  --ks-color-bg-to-fg-1: var(--ks-color-bg-to-fg-1-base);
  --ks-color-bg-to-fg-2: var(--ks-color-bg-to-fg-2-base);
  --ks-color-bg-to-fg-3: var(--ks-color-bg-to-fg-3-base);
  --ks-color-bg-to-fg-4: var(--ks-color-bg-to-fg-4-base);
  --ks-color-bg-to-fg-5: var(--ks-color-bg-to-fg-5-base);
  --ks-color-bg-to-fg-6: var(--ks-color-bg-to-fg-6-base);
  --ks-color-bg-to-fg-7: var(--ks-color-bg-to-fg-7-base);
  --ks-color-bg-to-fg-8: var(--ks-color-bg-to-fg-8-base);
  --ks-color-bg-to-fg-9: var(--ks-color-bg-to-fg-9-base);
  --ks-color-bg-inverted: var(--ks-color-bg-inverted-base);
  --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
  --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
  --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
  --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
  --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
  --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
  --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
  --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
  --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
  --ks-color-bg-inverted-to-fg-1: var(--ks-color-bg-inverted-to-fg-1-base);
  --ks-color-bg-inverted-to-fg-2: var(--ks-color-bg-inverted-to-fg-2-base);
  --ks-color-bg-inverted-to-fg-3: var(--ks-color-bg-inverted-to-fg-3-base);
  --ks-color-bg-inverted-to-fg-4: var(--ks-color-bg-inverted-to-fg-4-base);
  --ks-color-bg-inverted-to-fg-5: var(--ks-color-bg-inverted-to-fg-5-base);
  --ks-color-bg-inverted-to-fg-6: var(--ks-color-bg-inverted-to-fg-6-base);
  --ks-color-bg-inverted-to-fg-7: var(--ks-color-bg-inverted-to-fg-7-base);
  --ks-color-bg-inverted-to-fg-8: var(--ks-color-bg-inverted-to-fg-8-base);
  --ks-color-bg-inverted-to-fg-9: var(--ks-color-bg-inverted-to-fg-9-base);
  --ks-color-transparent: var(--ks-color-transparent-base);
  --ks-color-primary: var(--ks-color-primary-base);
  --ks-color-primary-alpha-1: var(--ks-color-primary-alpha-1-base);
  --ks-color-primary-alpha-2: var(--ks-color-primary-alpha-2-base);
  --ks-color-primary-alpha-3: var(--ks-color-primary-alpha-3-base);
  --ks-color-primary-alpha-4: var(--ks-color-primary-alpha-4-base);
  --ks-color-primary-alpha-5: var(--ks-color-primary-alpha-5-base);
  --ks-color-primary-alpha-6: var(--ks-color-primary-alpha-6-base);
  --ks-color-primary-alpha-7: var(--ks-color-primary-alpha-7-base);
  --ks-color-primary-alpha-8: var(--ks-color-primary-alpha-8-base);
  --ks-color-primary-alpha-9: var(--ks-color-primary-alpha-9-base);
  --ks-color-primary-to-bg-1: var(--ks-color-primary-to-bg-1-base);
  --ks-color-primary-to-bg-2: var(--ks-color-primary-to-bg-2-base);
  --ks-color-primary-to-bg-3: var(--ks-color-primary-to-bg-3-base);
  --ks-color-primary-to-bg-4: var(--ks-color-primary-to-bg-4-base);
  --ks-color-primary-to-bg-5: var(--ks-color-primary-to-bg-5-base);
  --ks-color-primary-to-bg-6: var(--ks-color-primary-to-bg-6-base);
  --ks-color-primary-to-bg-7: var(--ks-color-primary-to-bg-7-base);
  --ks-color-primary-to-bg-8: var(--ks-color-primary-to-bg-8-base);
  --ks-color-primary-to-bg-9: var(--ks-color-primary-to-bg-9-base);
  --ks-color-primary-to-fg-1: var(--ks-color-primary-to-fg-1-base);
  --ks-color-primary-to-fg-2: var(--ks-color-primary-to-fg-2-base);
  --ks-color-primary-to-fg-3: var(--ks-color-primary-to-fg-3-base);
  --ks-color-primary-to-fg-4: var(--ks-color-primary-to-fg-4-base);
  --ks-color-primary-to-fg-5: var(--ks-color-primary-to-fg-5-base);
  --ks-color-primary-to-fg-6: var(--ks-color-primary-to-fg-6-base);
  --ks-color-primary-to-fg-7: var(--ks-color-primary-to-fg-7-base);
  --ks-color-primary-to-fg-8: var(--ks-color-primary-to-fg-8-base);
  --ks-color-primary-to-fg-9: var(--ks-color-primary-to-fg-9-base);
  --ks-color-primary-inverted: var(--ks-color-primary-inverted-base);
  --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
  --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
  --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
  --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
  --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
  --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
  --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
  --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
  --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
  --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
  --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
  --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
  --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
  --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
  --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
  --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
  --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
  --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
  --ks-color-primary-inverted-to-fg-1: var(--ks-color-primary-inverted-to-fg-1-base);
  --ks-color-primary-inverted-to-fg-2: var(--ks-color-primary-inverted-to-fg-2-base);
  --ks-color-primary-inverted-to-fg-3: var(--ks-color-primary-inverted-to-fg-3-base);
  --ks-color-primary-inverted-to-fg-4: var(--ks-color-primary-inverted-to-fg-4-base);
  --ks-color-primary-inverted-to-fg-5: var(--ks-color-primary-inverted-to-fg-5-base);
  --ks-color-primary-inverted-to-fg-6: var(--ks-color-primary-inverted-to-fg-6-base);
  --ks-color-primary-inverted-to-fg-7: var(--ks-color-primary-inverted-to-fg-7-base);
  --ks-color-primary-inverted-to-fg-8: var(--ks-color-primary-inverted-to-fg-8-base);
  --ks-color-primary-inverted-to-fg-9: var(--ks-color-primary-inverted-to-fg-9-base);
  --ks-color-link: var(--ks-color-link-base);
  --ks-color-link-alpha-1: var(--ks-color-link-alpha-1-base);
  --ks-color-link-alpha-2: var(--ks-color-link-alpha-2-base);
  --ks-color-link-alpha-3: var(--ks-color-link-alpha-3-base);
  --ks-color-link-alpha-4: var(--ks-color-link-alpha-4-base);
  --ks-color-link-alpha-5: var(--ks-color-link-alpha-5-base);
  --ks-color-link-alpha-6: var(--ks-color-link-alpha-6-base);
  --ks-color-link-alpha-7: var(--ks-color-link-alpha-7-base);
  --ks-color-link-alpha-8: var(--ks-color-link-alpha-8-base);
  --ks-color-link-alpha-9: var(--ks-color-link-alpha-9-base);
  --ks-color-link-to-bg-1: var(--ks-color-link-to-bg-1-base);
  --ks-color-link-to-bg-2: var(--ks-color-link-to-bg-2-base);
  --ks-color-link-to-bg-3: var(--ks-color-link-to-bg-3-base);
  --ks-color-link-to-bg-4: var(--ks-color-link-to-bg-4-base);
  --ks-color-link-to-bg-5: var(--ks-color-link-to-bg-5-base);
  --ks-color-link-to-bg-6: var(--ks-color-link-to-bg-6-base);
  --ks-color-link-to-bg-7: var(--ks-color-link-to-bg-7-base);
  --ks-color-link-to-bg-8: var(--ks-color-link-to-bg-8-base);
  --ks-color-link-to-bg-9: var(--ks-color-link-to-bg-9-base);
  --ks-color-link-to-fg-1: var(--ks-color-link-to-fg-1-base);
  --ks-color-link-to-fg-2: var(--ks-color-link-to-fg-2-base);
  --ks-color-link-to-fg-3: var(--ks-color-link-to-fg-3-base);
  --ks-color-link-to-fg-4: var(--ks-color-link-to-fg-4-base);
  --ks-color-link-to-fg-5: var(--ks-color-link-to-fg-5-base);
  --ks-color-link-to-fg-6: var(--ks-color-link-to-fg-6-base);
  --ks-color-link-to-fg-7: var(--ks-color-link-to-fg-7-base);
  --ks-color-link-to-fg-8: var(--ks-color-link-to-fg-8-base);
  --ks-color-link-to-fg-9: var(--ks-color-link-to-fg-9-base);
  --ks-color-link-inverted: var(--ks-color-link-inverted-base);
  --ks-color-link-inverted-alpha-1: var(--ks-color-link-inverted-alpha-1-base);
  --ks-color-link-inverted-alpha-2: var(--ks-color-link-inverted-alpha-2-base);
  --ks-color-link-inverted-alpha-3: var(--ks-color-link-inverted-alpha-3-base);
  --ks-color-link-inverted-alpha-4: var(--ks-color-link-inverted-alpha-4-base);
  --ks-color-link-inverted-alpha-5: var(--ks-color-link-inverted-alpha-5-base);
  --ks-color-link-inverted-alpha-6: var(--ks-color-link-inverted-alpha-6-base);
  --ks-color-link-inverted-alpha-7: var(--ks-color-link-inverted-alpha-7-base);
  --ks-color-link-inverted-alpha-8: var(--ks-color-link-inverted-alpha-8-base);
  --ks-color-link-inverted-alpha-9: var(--ks-color-link-inverted-alpha-9-base);
  --ks-color-link-inverted-to-bg-1: var(--ks-color-link-inverted-to-bg-1-base);
  --ks-color-link-inverted-to-bg-2: var(--ks-color-link-inverted-to-bg-2-base);
  --ks-color-link-inverted-to-bg-3: var(--ks-color-link-inverted-to-bg-3-base);
  --ks-color-link-inverted-to-bg-4: var(--ks-color-link-inverted-to-bg-4-base);
  --ks-color-link-inverted-to-bg-5: var(--ks-color-link-inverted-to-bg-5-base);
  --ks-color-link-inverted-to-bg-6: var(--ks-color-link-inverted-to-bg-6-base);
  --ks-color-link-inverted-to-bg-7: var(--ks-color-link-inverted-to-bg-7-base);
  --ks-color-link-inverted-to-bg-8: var(--ks-color-link-inverted-to-bg-8-base);
  --ks-color-link-inverted-to-bg-9: var(--ks-color-link-inverted-to-bg-9-base);
  --ks-color-link-inverted-to-fg-1: var(--ks-color-link-inverted-to-fg-1-base);
  --ks-color-link-inverted-to-fg-2: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-color-link-inverted-to-fg-3: var(--ks-color-link-inverted-to-fg-3-base);
  --ks-color-link-inverted-to-fg-4: var(--ks-color-link-inverted-to-fg-4-base);
  --ks-color-link-inverted-to-fg-5: var(--ks-color-link-inverted-to-fg-5-base);
  --ks-color-link-inverted-to-fg-6: var(--ks-color-link-inverted-to-fg-6-base);
  --ks-color-link-inverted-to-fg-7: var(--ks-color-link-inverted-to-fg-7-base);
  --ks-color-link-inverted-to-fg-8: var(--ks-color-link-inverted-to-fg-8-base);
  --ks-color-link-inverted-to-fg-9: var(--ks-color-link-inverted-to-fg-9-base);
  --ks-color-positive: var(--ks-color-positive-base);
  --ks-color-positive-alpha-1: var(--ks-color-positive-alpha-1-base);
  --ks-color-positive-alpha-2: var(--ks-color-positive-alpha-2-base);
  --ks-color-positive-alpha-3: var(--ks-color-positive-alpha-3-base);
  --ks-color-positive-alpha-4: var(--ks-color-positive-alpha-4-base);
  --ks-color-positive-alpha-5: var(--ks-color-positive-alpha-5-base);
  --ks-color-positive-alpha-6: var(--ks-color-positive-alpha-6-base);
  --ks-color-positive-alpha-7: var(--ks-color-positive-alpha-7-base);
  --ks-color-positive-alpha-8: var(--ks-color-positive-alpha-8-base);
  --ks-color-positive-alpha-9: var(--ks-color-positive-alpha-9-base);
  --ks-color-positive-to-bg-1: var(--ks-color-positive-to-bg-1-base);
  --ks-color-positive-to-bg-2: var(--ks-color-positive-to-bg-2-base);
  --ks-color-positive-to-bg-3: var(--ks-color-positive-to-bg-3-base);
  --ks-color-positive-to-bg-4: var(--ks-color-positive-to-bg-4-base);
  --ks-color-positive-to-bg-5: var(--ks-color-positive-to-bg-5-base);
  --ks-color-positive-to-bg-6: var(--ks-color-positive-to-bg-6-base);
  --ks-color-positive-to-bg-7: var(--ks-color-positive-to-bg-7-base);
  --ks-color-positive-to-bg-8: var(--ks-color-positive-to-bg-8-base);
  --ks-color-positive-to-bg-9: var(--ks-color-positive-to-bg-9-base);
  --ks-color-positive-to-fg-1: var(--ks-color-positive-to-fg-1-base);
  --ks-color-positive-to-fg-2: var(--ks-color-positive-to-fg-2-base);
  --ks-color-positive-to-fg-3: var(--ks-color-positive-to-fg-3-base);
  --ks-color-positive-to-fg-4: var(--ks-color-positive-to-fg-4-base);
  --ks-color-positive-to-fg-5: var(--ks-color-positive-to-fg-5-base);
  --ks-color-positive-to-fg-6: var(--ks-color-positive-to-fg-6-base);
  --ks-color-positive-to-fg-7: var(--ks-color-positive-to-fg-7-base);
  --ks-color-positive-to-fg-8: var(--ks-color-positive-to-fg-8-base);
  --ks-color-positive-to-fg-9: var(--ks-color-positive-to-fg-9-base);
  --ks-color-positive-inverted: var(--ks-color-positive-inverted-base);
  --ks-color-positive-inverted-alpha-1: var(--ks-color-positive-inverted-alpha-1-base);
  --ks-color-positive-inverted-alpha-2: var(--ks-color-positive-inverted-alpha-2-base);
  --ks-color-positive-inverted-alpha-3: var(--ks-color-positive-inverted-alpha-3-base);
  --ks-color-positive-inverted-alpha-4: var(--ks-color-positive-inverted-alpha-4-base);
  --ks-color-positive-inverted-alpha-5: var(--ks-color-positive-inverted-alpha-5-base);
  --ks-color-positive-inverted-alpha-6: var(--ks-color-positive-inverted-alpha-6-base);
  --ks-color-positive-inverted-alpha-7: var(--ks-color-positive-inverted-alpha-7-base);
  --ks-color-positive-inverted-alpha-8: var(--ks-color-positive-inverted-alpha-8-base);
  --ks-color-positive-inverted-alpha-9: var(--ks-color-positive-inverted-alpha-9-base);
  --ks-color-positive-inverted-to-bg-1: var(--ks-color-positive-inverted-to-bg-1-base);
  --ks-color-positive-inverted-to-bg-2: var(--ks-color-positive-inverted-to-bg-2-base);
  --ks-color-positive-inverted-to-bg-3: var(--ks-color-positive-inverted-to-bg-3-base);
  --ks-color-positive-inverted-to-bg-4: var(--ks-color-positive-inverted-to-bg-4-base);
  --ks-color-positive-inverted-to-bg-5: var(--ks-color-positive-inverted-to-bg-5-base);
  --ks-color-positive-inverted-to-bg-6: var(--ks-color-positive-inverted-to-bg-6-base);
  --ks-color-positive-inverted-to-bg-7: var(--ks-color-positive-inverted-to-bg-7-base);
  --ks-color-positive-inverted-to-bg-8: var(--ks-color-positive-inverted-to-bg-8-base);
  --ks-color-positive-inverted-to-bg-9: var(--ks-color-positive-inverted-to-bg-9-base);
  --ks-color-positive-inverted-to-fg-1: var(--ks-color-positive-inverted-to-fg-1-base);
  --ks-color-positive-inverted-to-fg-2: var(--ks-color-positive-inverted-to-fg-2-base);
  --ks-color-positive-inverted-to-fg-3: var(--ks-color-positive-inverted-to-fg-3-base);
  --ks-color-positive-inverted-to-fg-4: var(--ks-color-positive-inverted-to-fg-4-base);
  --ks-color-positive-inverted-to-fg-5: var(--ks-color-positive-inverted-to-fg-5-base);
  --ks-color-positive-inverted-to-fg-6: var(--ks-color-positive-inverted-to-fg-6-base);
  --ks-color-positive-inverted-to-fg-7: var(--ks-color-positive-inverted-to-fg-7-base);
  --ks-color-positive-inverted-to-fg-8: var(--ks-color-positive-inverted-to-fg-8-base);
  --ks-color-positive-inverted-to-fg-9: var(--ks-color-positive-inverted-to-fg-9-base);
  --ks-color-informative: var(--ks-color-informative-base);
  --ks-color-informative-alpha-1: var(--ks-color-informative-alpha-1-base);
  --ks-color-informative-alpha-2: var(--ks-color-informative-alpha-2-base);
  --ks-color-informative-alpha-3: var(--ks-color-informative-alpha-3-base);
  --ks-color-informative-alpha-4: var(--ks-color-informative-alpha-4-base);
  --ks-color-informative-alpha-5: var(--ks-color-informative-alpha-5-base);
  --ks-color-informative-alpha-6: var(--ks-color-informative-alpha-6-base);
  --ks-color-informative-alpha-7: var(--ks-color-informative-alpha-7-base);
  --ks-color-informative-alpha-8: var(--ks-color-informative-alpha-8-base);
  --ks-color-informative-alpha-9: var(--ks-color-informative-alpha-9-base);
  --ks-color-informative-to-bg-1: var(--ks-color-informative-to-bg-1-base);
  --ks-color-informative-to-bg-2: var(--ks-color-informative-to-bg-2-base);
  --ks-color-informative-to-bg-3: var(--ks-color-informative-to-bg-3-base);
  --ks-color-informative-to-bg-4: var(--ks-color-informative-to-bg-4-base);
  --ks-color-informative-to-bg-5: var(--ks-color-informative-to-bg-5-base);
  --ks-color-informative-to-bg-6: var(--ks-color-informative-to-bg-6-base);
  --ks-color-informative-to-bg-7: var(--ks-color-informative-to-bg-7-base);
  --ks-color-informative-to-bg-8: var(--ks-color-informative-to-bg-8-base);
  --ks-color-informative-to-bg-9: var(--ks-color-informative-to-bg-9-base);
  --ks-color-informative-to-fg-1: var(--ks-color-informative-to-fg-1-base);
  --ks-color-informative-to-fg-2: var(--ks-color-informative-to-fg-2-base);
  --ks-color-informative-to-fg-3: var(--ks-color-informative-to-fg-3-base);
  --ks-color-informative-to-fg-4: var(--ks-color-informative-to-fg-4-base);
  --ks-color-informative-to-fg-5: var(--ks-color-informative-to-fg-5-base);
  --ks-color-informative-to-fg-6: var(--ks-color-informative-to-fg-6-base);
  --ks-color-informative-to-fg-7: var(--ks-color-informative-to-fg-7-base);
  --ks-color-informative-to-fg-8: var(--ks-color-informative-to-fg-8-base);
  --ks-color-informative-to-fg-9: var(--ks-color-informative-to-fg-9-base);
  --ks-color-informative-inverted: var(--ks-color-informative-inverted-base);
  --ks-color-informative-inverted-alpha-1: var(--ks-color-informative-inverted-alpha-1-base);
  --ks-color-informative-inverted-alpha-2: var(--ks-color-informative-inverted-alpha-2-base);
  --ks-color-informative-inverted-alpha-3: var(--ks-color-informative-inverted-alpha-3-base);
  --ks-color-informative-inverted-alpha-4: var(--ks-color-informative-inverted-alpha-4-base);
  --ks-color-informative-inverted-alpha-5: var(--ks-color-informative-inverted-alpha-5-base);
  --ks-color-informative-inverted-alpha-6: var(--ks-color-informative-inverted-alpha-6-base);
  --ks-color-informative-inverted-alpha-7: var(--ks-color-informative-inverted-alpha-7-base);
  --ks-color-informative-inverted-alpha-8: var(--ks-color-informative-inverted-alpha-8-base);
  --ks-color-informative-inverted-alpha-9: var(--ks-color-informative-inverted-alpha-9-base);
  --ks-color-informative-inverted-to-bg-1: var(--ks-color-informative-inverted-to-bg-1-base);
  --ks-color-informative-inverted-to-bg-2: var(--ks-color-informative-inverted-to-bg-2-base);
  --ks-color-informative-inverted-to-bg-3: var(--ks-color-informative-inverted-to-bg-3-base);
  --ks-color-informative-inverted-to-bg-4: var(--ks-color-informative-inverted-to-bg-4-base);
  --ks-color-informative-inverted-to-bg-5: var(--ks-color-informative-inverted-to-bg-5-base);
  --ks-color-informative-inverted-to-bg-6: var(--ks-color-informative-inverted-to-bg-6-base);
  --ks-color-informative-inverted-to-bg-7: var(--ks-color-informative-inverted-to-bg-7-base);
  --ks-color-informative-inverted-to-bg-8: var(--ks-color-informative-inverted-to-bg-8-base);
  --ks-color-informative-inverted-to-bg-9: var(--ks-color-informative-inverted-to-bg-9-base);
  --ks-color-informative-inverted-to-fg-1: var(--ks-color-informative-inverted-to-fg-1-base);
  --ks-color-informative-inverted-to-fg-2: var(--ks-color-informative-inverted-to-fg-2-base);
  --ks-color-informative-inverted-to-fg-3: var(--ks-color-informative-inverted-to-fg-3-base);
  --ks-color-informative-inverted-to-fg-4: var(--ks-color-informative-inverted-to-fg-4-base);
  --ks-color-informative-inverted-to-fg-5: var(--ks-color-informative-inverted-to-fg-5-base);
  --ks-color-informative-inverted-to-fg-6: var(--ks-color-informative-inverted-to-fg-6-base);
  --ks-color-informative-inverted-to-fg-7: var(--ks-color-informative-inverted-to-fg-7-base);
  --ks-color-informative-inverted-to-fg-8: var(--ks-color-informative-inverted-to-fg-8-base);
  --ks-color-informative-inverted-to-fg-9: var(--ks-color-informative-inverted-to-fg-9-base);
  --ks-color-notice: var(--ks-color-notice-base);
  --ks-color-notice-alpha-1: var(--ks-color-notice-alpha-1-base);
  --ks-color-notice-alpha-2: var(--ks-color-notice-alpha-2-base);
  --ks-color-notice-alpha-3: var(--ks-color-notice-alpha-3-base);
  --ks-color-notice-alpha-4: var(--ks-color-notice-alpha-4-base);
  --ks-color-notice-alpha-5: var(--ks-color-notice-alpha-5-base);
  --ks-color-notice-alpha-6: var(--ks-color-notice-alpha-6-base);
  --ks-color-notice-alpha-7: var(--ks-color-notice-alpha-7-base);
  --ks-color-notice-alpha-8: var(--ks-color-notice-alpha-8-base);
  --ks-color-notice-alpha-9: var(--ks-color-notice-alpha-9-base);
  --ks-color-notice-to-bg-1: var(--ks-color-notice-to-bg-1-base);
  --ks-color-notice-to-bg-2: var(--ks-color-notice-to-bg-2-base);
  --ks-color-notice-to-bg-3: var(--ks-color-notice-to-bg-3-base);
  --ks-color-notice-to-bg-4: var(--ks-color-notice-to-bg-4-base);
  --ks-color-notice-to-bg-5: var(--ks-color-notice-to-bg-5-base);
  --ks-color-notice-to-bg-6: var(--ks-color-notice-to-bg-6-base);
  --ks-color-notice-to-bg-7: var(--ks-color-notice-to-bg-7-base);
  --ks-color-notice-to-bg-8: var(--ks-color-notice-to-bg-8-base);
  --ks-color-notice-to-bg-9: var(--ks-color-notice-to-bg-9-base);
  --ks-color-notice-to-fg-1: var(--ks-color-notice-to-fg-1-base);
  --ks-color-notice-to-fg-2: var(--ks-color-notice-to-fg-2-base);
  --ks-color-notice-to-fg-3: var(--ks-color-notice-to-fg-3-base);
  --ks-color-notice-to-fg-4: var(--ks-color-notice-to-fg-4-base);
  --ks-color-notice-to-fg-5: var(--ks-color-notice-to-fg-5-base);
  --ks-color-notice-to-fg-6: var(--ks-color-notice-to-fg-6-base);
  --ks-color-notice-to-fg-7: var(--ks-color-notice-to-fg-7-base);
  --ks-color-notice-to-fg-8: var(--ks-color-notice-to-fg-8-base);
  --ks-color-notice-to-fg-9: var(--ks-color-notice-to-fg-9-base);
  --ks-color-notice-inverted: var(--ks-color-notice-inverted-base);
  --ks-color-notice-inverted-alpha-1: var(--ks-color-notice-inverted-alpha-1-base);
  --ks-color-notice-inverted-alpha-2: var(--ks-color-notice-inverted-alpha-2-base);
  --ks-color-notice-inverted-alpha-3: var(--ks-color-notice-inverted-alpha-3-base);
  --ks-color-notice-inverted-alpha-4: var(--ks-color-notice-inverted-alpha-4-base);
  --ks-color-notice-inverted-alpha-5: var(--ks-color-notice-inverted-alpha-5-base);
  --ks-color-notice-inverted-alpha-6: var(--ks-color-notice-inverted-alpha-6-base);
  --ks-color-notice-inverted-alpha-7: var(--ks-color-notice-inverted-alpha-7-base);
  --ks-color-notice-inverted-alpha-8: var(--ks-color-notice-inverted-alpha-8-base);
  --ks-color-notice-inverted-alpha-9: var(--ks-color-notice-inverted-alpha-9-base);
  --ks-color-notice-inverted-to-bg-1: var(--ks-color-notice-inverted-to-bg-1-base);
  --ks-color-notice-inverted-to-bg-2: var(--ks-color-notice-inverted-to-bg-2-base);
  --ks-color-notice-inverted-to-bg-3: var(--ks-color-notice-inverted-to-bg-3-base);
  --ks-color-notice-inverted-to-bg-4: var(--ks-color-notice-inverted-to-bg-4-base);
  --ks-color-notice-inverted-to-bg-5: var(--ks-color-notice-inverted-to-bg-5-base);
  --ks-color-notice-inverted-to-bg-6: var(--ks-color-notice-inverted-to-bg-6-base);
  --ks-color-notice-inverted-to-bg-7: var(--ks-color-notice-inverted-to-bg-7-base);
  --ks-color-notice-inverted-to-bg-8: var(--ks-color-notice-inverted-to-bg-8-base);
  --ks-color-notice-inverted-to-bg-9: var(--ks-color-notice-inverted-to-bg-9-base);
  --ks-color-notice-inverted-to-fg-1: var(--ks-color-notice-inverted-to-fg-1-base);
  --ks-color-notice-inverted-to-fg-2: var(--ks-color-notice-inverted-to-fg-2-base);
  --ks-color-notice-inverted-to-fg-3: var(--ks-color-notice-inverted-to-fg-3-base);
  --ks-color-notice-inverted-to-fg-4: var(--ks-color-notice-inverted-to-fg-4-base);
  --ks-color-notice-inverted-to-fg-5: var(--ks-color-notice-inverted-to-fg-5-base);
  --ks-color-notice-inverted-to-fg-6: var(--ks-color-notice-inverted-to-fg-6-base);
  --ks-color-notice-inverted-to-fg-7: var(--ks-color-notice-inverted-to-fg-7-base);
  --ks-color-notice-inverted-to-fg-8: var(--ks-color-notice-inverted-to-fg-8-base);
  --ks-color-notice-inverted-to-fg-9: var(--ks-color-notice-inverted-to-fg-9-base);
  --ks-color-negative: var(--ks-color-negative-base);
  --ks-color-negative-alpha-1: var(--ks-color-negative-alpha-1-base);
  --ks-color-negative-alpha-2: var(--ks-color-negative-alpha-2-base);
  --ks-color-negative-alpha-3: var(--ks-color-negative-alpha-3-base);
  --ks-color-negative-alpha-4: var(--ks-color-negative-alpha-4-base);
  --ks-color-negative-alpha-5: var(--ks-color-negative-alpha-5-base);
  --ks-color-negative-alpha-6: var(--ks-color-negative-alpha-6-base);
  --ks-color-negative-alpha-7: var(--ks-color-negative-alpha-7-base);
  --ks-color-negative-alpha-8: var(--ks-color-negative-alpha-8-base);
  --ks-color-negative-alpha-9: var(--ks-color-negative-alpha-9-base);
  --ks-color-negative-to-bg-1: var(--ks-color-negative-to-bg-1-base);
  --ks-color-negative-to-bg-2: var(--ks-color-negative-to-bg-2-base);
  --ks-color-negative-to-bg-3: var(--ks-color-negative-to-bg-3-base);
  --ks-color-negative-to-bg-4: var(--ks-color-negative-to-bg-4-base);
  --ks-color-negative-to-bg-5: var(--ks-color-negative-to-bg-5-base);
  --ks-color-negative-to-bg-6: var(--ks-color-negative-to-bg-6-base);
  --ks-color-negative-to-bg-7: var(--ks-color-negative-to-bg-7-base);
  --ks-color-negative-to-bg-8: var(--ks-color-negative-to-bg-8-base);
  --ks-color-negative-to-bg-9: var(--ks-color-negative-to-bg-9-base);
  --ks-color-negative-to-fg-1: var(--ks-color-negative-to-fg-1-base);
  --ks-color-negative-to-fg-2: var(--ks-color-negative-to-fg-2-base);
  --ks-color-negative-to-fg-3: var(--ks-color-negative-to-fg-3-base);
  --ks-color-negative-to-fg-4: var(--ks-color-negative-to-fg-4-base);
  --ks-color-negative-to-fg-5: var(--ks-color-negative-to-fg-5-base);
  --ks-color-negative-to-fg-6: var(--ks-color-negative-to-fg-6-base);
  --ks-color-negative-to-fg-7: var(--ks-color-negative-to-fg-7-base);
  --ks-color-negative-to-fg-8: var(--ks-color-negative-to-fg-8-base);
  --ks-color-negative-to-fg-9: var(--ks-color-negative-to-fg-9-base);
  --ks-color-negative-inverted: var(--ks-color-negative-inverted-base);
  --ks-color-negative-inverted-alpha-1: var(--ks-color-negative-inverted-alpha-1-base);
  --ks-color-negative-inverted-alpha-2: var(--ks-color-negative-inverted-alpha-2-base);
  --ks-color-negative-inverted-alpha-3: var(--ks-color-negative-inverted-alpha-3-base);
  --ks-color-negative-inverted-alpha-4: var(--ks-color-negative-inverted-alpha-4-base);
  --ks-color-negative-inverted-alpha-5: var(--ks-color-negative-inverted-alpha-5-base);
  --ks-color-negative-inverted-alpha-6: var(--ks-color-negative-inverted-alpha-6-base);
  --ks-color-negative-inverted-alpha-7: var(--ks-color-negative-inverted-alpha-7-base);
  --ks-color-negative-inverted-alpha-8: var(--ks-color-negative-inverted-alpha-8-base);
  --ks-color-negative-inverted-alpha-9: var(--ks-color-negative-inverted-alpha-9-base);
  --ks-color-negative-inverted-to-bg-1: var(--ks-color-negative-inverted-to-bg-1-base);
  --ks-color-negative-inverted-to-bg-2: var(--ks-color-negative-inverted-to-bg-2-base);
  --ks-color-negative-inverted-to-bg-3: var(--ks-color-negative-inverted-to-bg-3-base);
  --ks-color-negative-inverted-to-bg-4: var(--ks-color-negative-inverted-to-bg-4-base);
  --ks-color-negative-inverted-to-bg-5: var(--ks-color-negative-inverted-to-bg-5-base);
  --ks-color-negative-inverted-to-bg-6: var(--ks-color-negative-inverted-to-bg-6-base);
  --ks-color-negative-inverted-to-bg-7: var(--ks-color-negative-inverted-to-bg-7-base);
  --ks-color-negative-inverted-to-bg-8: var(--ks-color-negative-inverted-to-bg-8-base);
  --ks-color-negative-inverted-to-bg-9: var(--ks-color-negative-inverted-to-bg-9-base);
  --ks-color-negative-inverted-to-fg-1: var(--ks-color-negative-inverted-to-fg-1-base);
  --ks-color-negative-inverted-to-fg-2: var(--ks-color-negative-inverted-to-fg-2-base);
  --ks-color-negative-inverted-to-fg-3: var(--ks-color-negative-inverted-to-fg-3-base);
  --ks-color-negative-inverted-to-fg-4: var(--ks-color-negative-inverted-to-fg-4-base);
  --ks-color-negative-inverted-to-fg-5: var(--ks-color-negative-inverted-to-fg-5-base);
  --ks-color-negative-inverted-to-fg-6: var(--ks-color-negative-inverted-to-fg-6-base);
  --ks-color-negative-inverted-to-fg-7: var(--ks-color-negative-inverted-to-fg-7-base);
  --ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-inverted-to-fg-8-base);
  --ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
  --ks-color-secondary: var(--ks-color-secondary-base);
  --ks-color-secondary-alpha-1: var(--ks-color-secondary-alpha-1-base);
  --ks-color-secondary-alpha-2: var(--ks-color-secondary-alpha-2-base);
  --ks-color-secondary-alpha-3: var(--ks-color-secondary-alpha-3-base);
  --ks-color-secondary-alpha-4: var(--ks-color-secondary-alpha-4-base);
  --ks-color-secondary-alpha-5: var(--ks-color-secondary-alpha-5-base);
  --ks-color-secondary-alpha-6: var(--ks-color-secondary-alpha-6-base);
  --ks-color-secondary-alpha-7: var(--ks-color-secondary-alpha-7-base);
  --ks-color-secondary-alpha-8: var(--ks-color-secondary-alpha-8-base);
  --ks-color-secondary-alpha-9: var(--ks-color-secondary-alpha-9-base);
  --ks-color-secondary-to-bg-1: var(--ks-color-secondary-to-bg-1-base);
  --ks-color-secondary-to-bg-2: var(--ks-color-secondary-to-bg-2-base);
  --ks-color-secondary-to-bg-3: var(--ks-color-secondary-to-bg-3-base);
  --ks-color-secondary-to-bg-4: var(--ks-color-secondary-to-bg-4-base);
  --ks-color-secondary-to-bg-5: var(--ks-color-secondary-to-bg-5-base);
  --ks-color-secondary-to-bg-6: var(--ks-color-secondary-to-bg-6-base);
  --ks-color-secondary-to-bg-7: var(--ks-color-secondary-to-bg-7-base);
  --ks-color-secondary-to-bg-8: var(--ks-color-secondary-to-bg-8-base);
  --ks-color-secondary-to-bg-9: var(--ks-color-secondary-to-bg-9-base);
  --ks-color-secondary-to-fg-1: var(--ks-color-secondary-to-fg-1-base);
  --ks-color-secondary-to-fg-2: var(--ks-color-secondary-to-fg-2-base);
  --ks-color-secondary-to-fg-3: var(--ks-color-secondary-to-fg-3-base);
  --ks-color-secondary-to-fg-4: var(--ks-color-secondary-to-fg-4-base);
  --ks-color-secondary-to-fg-5: var(--ks-color-secondary-to-fg-5-base);
  --ks-color-secondary-to-fg-6: var(--ks-color-secondary-to-fg-6-base);
  --ks-color-secondary-to-fg-7: var(--ks-color-secondary-to-fg-7-base);
  --ks-color-secondary-to-fg-8: var(--ks-color-secondary-to-fg-8-base);
  --ks-color-secondary-to-fg-9: var(--ks-color-secondary-to-fg-9-base);
  --ks-color-secondary-inverted: var(--ks-color-secondary-inverted-base);
  --ks-color-secondary-inverted-alpha-1: var(--ks-color-secondary-inverted-alpha-1-base);
  --ks-color-secondary-inverted-alpha-2: var(--ks-color-secondary-inverted-alpha-2-base);
  --ks-color-secondary-inverted-alpha-3: var(--ks-color-secondary-inverted-alpha-3-base);
  --ks-color-secondary-inverted-alpha-4: var(--ks-color-secondary-inverted-alpha-4-base);
  --ks-color-secondary-inverted-alpha-5: var(--ks-color-secondary-inverted-alpha-5-base);
  --ks-color-secondary-inverted-alpha-6: var(--ks-color-secondary-inverted-alpha-6-base);
  --ks-color-secondary-inverted-alpha-7: var(--ks-color-secondary-inverted-alpha-7-base);
  --ks-color-secondary-inverted-alpha-8: var(--ks-color-secondary-inverted-alpha-8-base);
  --ks-color-secondary-inverted-alpha-9: var(--ks-color-secondary-inverted-alpha-9-base);
  --ks-color-secondary-inverted-to-bg-1: var(--ks-color-secondary-inverted-to-bg-1-base);
  --ks-color-secondary-inverted-to-bg-2: var(--ks-color-secondary-inverted-to-bg-2-base);
  --ks-color-secondary-inverted-to-bg-3: var(--ks-color-secondary-inverted-to-bg-3-base);
  --ks-color-secondary-inverted-to-bg-4: var(--ks-color-secondary-inverted-to-bg-4-base);
  --ks-color-secondary-inverted-to-bg-5: var(--ks-color-secondary-inverted-to-bg-5-base);
  --ks-color-secondary-inverted-to-bg-6: var(--ks-color-secondary-inverted-to-bg-6-base);
  --ks-color-secondary-inverted-to-bg-7: var(--ks-color-secondary-inverted-to-bg-7-base);
  --ks-color-secondary-inverted-to-bg-8: var(--ks-color-secondary-inverted-to-bg-8-base);
  --ks-color-secondary-inverted-to-bg-9: var(--ks-color-secondary-inverted-to-bg-9-base);
  --ks-color-secondary-inverted-to-fg-1: var(--ks-color-secondary-inverted-to-fg-1-base);
  --ks-color-secondary-inverted-to-fg-2: var(--ks-color-secondary-inverted-to-fg-2-base);
  --ks-color-secondary-inverted-to-fg-3: var(--ks-color-secondary-inverted-to-fg-3-base);
  --ks-color-secondary-inverted-to-fg-4: var(--ks-color-secondary-inverted-to-fg-4-base);
  --ks-color-secondary-inverted-to-fg-5: var(--ks-color-secondary-inverted-to-fg-5-base);
  --ks-color-secondary-inverted-to-fg-6: var(--ks-color-secondary-inverted-to-fg-6-base);
  --ks-color-secondary-inverted-to-fg-7: var(--ks-color-secondary-inverted-to-fg-7-base);
  --ks-color-secondary-inverted-to-fg-8: var(--ks-color-secondary-inverted-to-fg-8-base);
  --ks-color-secondary-inverted-to-fg-9: var(--ks-color-secondary-inverted-to-fg-9-base);
  --ks-text-color-default: var(--ks-text-color-default-base);
  --ks-text-color-default-interactive: var(--ks-text-color-default-interactive-base);
  --ks-text-color-default-interactive-hover: var(--ks-text-color-default-interactive-hover-base);
  --ks-text-color-default-interactive-active: var(--ks-text-color-default-interactive-active-base);
  --ks-text-color-default-interactive-selected: var(--ks-text-color-default-interactive-selected-base);
  --ks-text-color-default-inverted: var(--ks-text-color-default-inverted-base);
  --ks-text-color-default-inverted-interactive: var(--ks-text-color-default-inverted-interactive-base);
  --ks-text-color-default-inverted-interactive-hover: var(--ks-text-color-default-inverted-interactive-hover-base);
  --ks-text-color-default-inverted-interactive-active: var(--ks-text-color-default-inverted-interactive-active-base);
  --ks-text-color-default-inverted-interactive-selected: var(--ks-text-color-default-inverted-interactive-selected-base);
  --ks-text-color-copy: var(--ks-text-color-copy-base);
  --ks-text-color-copy-interactive: var(--ks-text-color-copy-interactive-base);
  --ks-text-color-copy-interactive-hover: var(--ks-text-color-copy-interactive-hover-base);
  --ks-text-color-copy-interactive-active: var(--ks-text-color-copy-interactive-active-base);
  --ks-text-color-copy-interactive-selected: var(--ks-text-color-copy-interactive-selected-base);
  --ks-text-color-copy-inverted: var(--ks-text-color-copy-inverted-base);
  --ks-text-color-copy-inverted-interactive: var(--ks-text-color-copy-inverted-interactive-base);
  --ks-text-color-copy-inverted-interactive-hover: var(--ks-text-color-copy-inverted-interactive-hover-base);
  --ks-text-color-copy-inverted-interactive-active: var(--ks-text-color-copy-inverted-interactive-active-base);
  --ks-text-color-copy-inverted-interactive-selected: var(--ks-text-color-copy-inverted-interactive-selected-base);
  --ks-text-color-display: var(--ks-text-color-display-base);
  --ks-text-color-display-interactive: var(--ks-text-color-display-interactive-base);
  --ks-text-color-display-interactive-hover: var(--ks-text-color-display-interactive-hover-base);
  --ks-text-color-display-interactive-active: var(--ks-text-color-display-interactive-active-base);
  --ks-text-color-display-interactive-selected: var(--ks-text-color-display-interactive-selected-base);
  --ks-text-color-display-inverted: var(--ks-text-color-display-inverted-base);
  --ks-text-color-display-inverted-interactive: var(--ks-text-color-display-inverted-interactive-base);
  --ks-text-color-display-inverted-interactive-hover: var(--ks-text-color-display-inverted-interactive-hover-base);
  --ks-text-color-display-inverted-interactive-active: var(--ks-text-color-display-inverted-interactive-active-base);
  --ks-text-color-display-inverted-interactive-selected: var(--ks-text-color-display-inverted-interactive-selected-base);
  --ks-text-color-interface: var(--ks-text-color-interface-base);
  --ks-text-color-interface-interactive: var(--ks-text-color-interface-interactive-base);
  --ks-text-color-interface-interactive-hover: var(--ks-text-color-interface-interactive-hover-base);
  --ks-text-color-interface-interactive-active: var(--ks-text-color-interface-interactive-active-base);
  --ks-text-color-interface-interactive-selected: var(--ks-text-color-interface-interactive-selected-base);
  --ks-text-color-interface-inverted: var(--ks-text-color-interface-inverted-base);
  --ks-text-color-interface-inverted-interactive: var(--ks-text-color-interface-inverted-interactive-base);
  --ks-text-color-interface-inverted-interactive-hover: var(--ks-text-color-interface-inverted-interactive-hover-base);
  --ks-text-color-interface-inverted-interactive-active: var(--ks-text-color-interface-inverted-interactive-active-base);
  --ks-text-color-interface-inverted-interactive-selected: var(--ks-text-color-interface-inverted-interactive-selected-base);
  --ks-text-color-card: var(--ks-text-color-card-base);
  --ks-text-color-card-interactive: var(--ks-text-color-card-interactive-base);
  --ks-text-color-card-interactive-hover: var(--ks-text-color-card-interactive-hover-base);
  --ks-text-color-card-interactive-active: var(--ks-text-color-card-interactive-active-base);
  --ks-text-color-card-interactive-selected: var(--ks-text-color-card-interactive-selected-base);
  --ks-text-color-card-inverted: var(--ks-text-color-card-inverted-base);
  --ks-text-color-card-inverted-interactive: var(--ks-text-color-card-inverted-interactive-base);
  --ks-text-color-card-inverted-interactive-hover: var(--ks-text-color-card-inverted-interactive-hover-base);
  --ks-text-color-card-inverted-interactive-active: var(--ks-text-color-card-inverted-interactive-active-base);
  --ks-text-color-card-inverted-interactive-selected: var(--ks-text-color-card-inverted-interactive-selected-base);
  --ks-text-color-primary: var(--ks-text-color-primary-base);
  --ks-text-color-primary-interactive: var(--ks-text-color-primary-interactive-base);
  --ks-text-color-primary-interactive-hover: var(--ks-text-color-primary-interactive-hover-base);
  --ks-text-color-primary-interactive-active: var(--ks-text-color-primary-interactive-active-base);
  --ks-text-color-primary-interactive-selected: var(--ks-text-color-primary-interactive-selected-base);
  --ks-text-color-primary-inverted: var(--ks-text-color-primary-inverted-base);
  --ks-text-color-primary-inverted-interactive: var(--ks-text-color-primary-inverted-interactive-base);
  --ks-text-color-primary-inverted-interactive-hover: var(--ks-text-color-primary-inverted-interactive-hover-base);
  --ks-text-color-primary-inverted-interactive-active: var(--ks-text-color-primary-inverted-interactive-active-base);
  --ks-text-color-primary-inverted-interactive-selected: var(--ks-text-color-primary-inverted-interactive-selected-base);
  --ks-text-color-positive: var(--ks-text-color-positive-base);
  --ks-text-color-positive-interactive: var(--ks-text-color-positive-interactive-base);
  --ks-text-color-positive-interactive-hover: var(--ks-text-color-positive-interactive-hover-base);
  --ks-text-color-positive-interactive-active: var(--ks-text-color-positive-interactive-active-base);
  --ks-text-color-positive-interactive-selected: var(--ks-text-color-positive-interactive-selected-base);
  --ks-text-color-positive-inverted: var(--ks-text-color-positive-inverted-base);
  --ks-text-color-positive-inverted-interactive: var(--ks-text-color-positive-inverted-interactive-base);
  --ks-text-color-positive-inverted-interactive-hover: var(--ks-text-color-positive-inverted-interactive-hover-base);
  --ks-text-color-positive-inverted-interactive-active: var(--ks-text-color-positive-inverted-interactive-active-base);
  --ks-text-color-positive-inverted-interactive-selected: var(--ks-text-color-positive-inverted-interactive-selected-base);
  --ks-text-color-informative: var(--ks-text-color-informative-base);
  --ks-text-color-informative-interactive: var(--ks-text-color-informative-interactive-base);
  --ks-text-color-informative-interactive-hover: var(--ks-text-color-informative-interactive-hover-base);
  --ks-text-color-informative-interactive-active: var(--ks-text-color-informative-interactive-active-base);
  --ks-text-color-informative-interactive-selected: var(--ks-text-color-informative-interactive-selected-base);
  --ks-text-color-informative-inverted: var(--ks-text-color-informative-inverted-base);
  --ks-text-color-informative-inverted-interactive: var(--ks-text-color-informative-inverted-interactive-base);
  --ks-text-color-informative-inverted-interactive-hover: var(--ks-text-color-informative-inverted-interactive-hover-base);
  --ks-text-color-informative-inverted-interactive-active: var(--ks-text-color-informative-inverted-interactive-active-base);
  --ks-text-color-informative-inverted-interactive-selected: var(--ks-text-color-informative-inverted-interactive-selected-base);
  --ks-text-color-notice: var(--ks-text-color-notice-base);
  --ks-text-color-notice-interactive: var(--ks-text-color-notice-interactive-base);
  --ks-text-color-notice-interactive-hover: var(--ks-text-color-notice-interactive-hover-base);
  --ks-text-color-notice-interactive-active: var(--ks-text-color-notice-interactive-active-base);
  --ks-text-color-notice-interactive-selected: var(--ks-text-color-notice-interactive-selected-base);
  --ks-text-color-notice-inverted: var(--ks-text-color-notice-inverted-base);
  --ks-text-color-notice-inverted-interactive: var(--ks-text-color-notice-inverted-interactive-base);
  --ks-text-color-notice-inverted-interactive-hover: var(--ks-text-color-notice-inverted-interactive-hover-base);
  --ks-text-color-notice-inverted-interactive-active: var(--ks-text-color-notice-inverted-interactive-active-base);
  --ks-text-color-notice-inverted-interactive-selected: var(--ks-text-color-notice-inverted-interactive-selected-base);
  --ks-text-color-negative: var(--ks-text-color-negative-base);
  --ks-text-color-negative-interactive: var(--ks-text-color-negative-interactive-base);
  --ks-text-color-negative-interactive-hover: var(--ks-text-color-negative-interactive-hover-base);
  --ks-text-color-negative-interactive-active: var(--ks-text-color-negative-interactive-active-base);
  --ks-text-color-negative-interactive-selected: var(--ks-text-color-negative-interactive-selected-base);
  --ks-text-color-negative-inverted: var(--ks-text-color-negative-inverted-base);
  --ks-text-color-negative-inverted-interactive: var(--ks-text-color-negative-inverted-interactive-base);
  --ks-text-color-negative-inverted-interactive-hover: var(--ks-text-color-negative-inverted-interactive-hover-base);
  --ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-inverted-interactive-active-base);
  --ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
  --ks-text-color-secondary: var(--ks-text-color-secondary-base);
  --ks-text-color-secondary-interactive: var(--ks-text-color-secondary-interactive-base);
  --ks-text-color-secondary-interactive-hover: var(--ks-text-color-secondary-interactive-hover-base);
  --ks-text-color-secondary-interactive-active: var(--ks-text-color-secondary-interactive-active-base);
  --ks-text-color-secondary-interactive-selected: var(--ks-text-color-secondary-interactive-selected-base);
  --ks-text-color-secondary-inverted: var(--ks-text-color-secondary-inverted-base);
  --ks-text-color-secondary-inverted-interactive: var(--ks-text-color-secondary-inverted-interactive-base);
  --ks-text-color-secondary-inverted-interactive-hover: var(--ks-text-color-secondary-inverted-interactive-hover-base);
  --ks-text-color-secondary-inverted-interactive-active: var(--ks-text-color-secondary-inverted-interactive-active-base);
  --ks-text-color-secondary-inverted-interactive-selected: var(--ks-text-color-secondary-inverted-interactive-selected-base);
}

[ks-theme=business] [ks-inverted=true] {
  --ks-background-color-accent: var(--ks-background-color-accent-inverted-base);
  --ks-background-color-accent-inverted: var(--ks-background-color-accent-base);
  --ks-background-color-bold: var(--ks-background-color-bold-inverted-base);
  --ks-background-color-bold-inverted: var(--ks-background-color-bold-base);
  --ks-background-color-clear: var(--ks-background-color-clear-inverted-base);
  --ks-background-color-clear-inverted: var(--ks-background-color-clear-base);
  --ks-background-color-clear-interactive: var(--ks-background-color-clear-inverted-interactive-base);
  --ks-background-color-clear-inverted-interactive: var(--ks-background-color-clear-interactive-base);
  --ks-background-color-clear-interactive-hover: var(--ks-background-color-clear-inverted-interactive-hover-base);
  --ks-background-color-clear-inverted-interactive-hover: var(--ks-background-color-clear-interactive-hover-base);
  --ks-background-color-clear-interactive-active: var(--ks-background-color-clear-inverted-interactive-active-base);
  --ks-background-color-clear-inverted-interactive-active: var(--ks-background-color-clear-interactive-active-base);
  --ks-background-color-clear-interactive-selected: var(--ks-background-color-clear-inverted-interactive-selected-base);
  --ks-background-color-clear-inverted-interactive-selected: var(--ks-background-color-clear-interactive-selected-base);
  --ks-background-color-default: var(--ks-background-color-default-inverted-base);
  --ks-background-color-default-inverted: var(--ks-background-color-default-base);
  --ks-background-color-interface: var(--ks-background-color-interface-inverted-base);
  --ks-background-color-interface-inverted: var(--ks-background-color-interface-base);
  --ks-background-color-interface-interactive: var(--ks-background-color-interface-inverted-interactive-base);
  --ks-background-color-interface-inverted-interactive: var(--ks-background-color-interface-interactive-base);
  --ks-background-color-interface-interactive-disabled: var(--ks-background-color-interface-inverted-interactive-disabled-base);
  --ks-background-color-interface-inverted-interactive-disabled: var(--ks-background-color-interface-interactive-disabled-base);
  --ks-background-color-interface-interactive-hover: var(--ks-background-color-interface-inverted-interactive-hover-base);
  --ks-background-color-interface-inverted-interactive-hover: var(--ks-background-color-interface-interactive-hover-base);
  --ks-background-color-interface-interactive-active: var(--ks-background-color-interface-inverted-interactive-active-base);
  --ks-background-color-interface-inverted-interactive-active: var(--ks-background-color-interface-interactive-active-base);
  --ks-background-color-interface-interactive-selected: var(--ks-background-color-interface-inverted-interactive-selected-base);
  --ks-background-color-interface-inverted-interactive-selected: var(--ks-background-color-interface-interactive-selected-base);
  --ks-background-color-card: var(--ks-background-color-card-inverted-base);
  --ks-background-color-card-inverted: var(--ks-background-color-card-base);
  --ks-background-color-card-interactive: var(--ks-background-color-card-inverted-interactive-base);
  --ks-background-color-card-inverted-interactive: var(--ks-background-color-card-interactive-base);
  --ks-background-color-card-interactive-disabled: var(--ks-background-color-card-inverted-interactive-disabled-base);
  --ks-background-color-card-inverted-interactive-disabled: var(--ks-background-color-card-interactive-disabled-base);
  --ks-background-color-card-interactive-hover: var(--ks-background-color-card-inverted-interactive-hover-base);
  --ks-background-color-card-inverted-interactive-hover: var(--ks-background-color-card-interactive-hover-base);
  --ks-background-color-card-interactive-active: var(--ks-background-color-card-inverted-interactive-active-base);
  --ks-background-color-card-inverted-interactive-active: var(--ks-background-color-card-interactive-active-base);
  --ks-background-color-card-interactive-selected: var(--ks-background-color-card-inverted-interactive-selected-base);
  --ks-background-color-card-inverted-interactive-selected: var(--ks-background-color-card-interactive-selected-base);
  --ks-background-color-primary: var(--ks-background-color-primary-inverted-base);
  --ks-background-color-primary-inverted: var(--ks-background-color-primary-base);
  --ks-background-color-primary-interactive: var(--ks-background-color-primary-inverted-interactive-base);
  --ks-background-color-primary-inverted-interactive: var(--ks-background-color-primary-interactive-base);
  --ks-background-color-primary-interactive-hover: var(--ks-background-color-primary-inverted-interactive-hover-base);
  --ks-background-color-primary-inverted-interactive-hover: var(--ks-background-color-primary-interactive-hover-base);
  --ks-background-color-primary-interactive-active: var(--ks-background-color-primary-inverted-interactive-active-base);
  --ks-background-color-primary-inverted-interactive-active: var(--ks-background-color-primary-interactive-active-base);
  --ks-background-color-primary-interactive-selected: var(--ks-background-color-primary-inverted-interactive-selected-base);
  --ks-background-color-primary-inverted-interactive-selected: var(--ks-background-color-primary-interactive-selected-base);
  --ks-background-color-primary-translucent: var(--ks-background-color-primary-inverted-translucent-base);
  --ks-background-color-primary-inverted-translucent: var(--ks-background-color-primary-translucent-base);
  --ks-background-color-positive: var(--ks-background-color-positive-inverted-base);
  --ks-background-color-positive-inverted: var(--ks-background-color-positive-base);
  --ks-background-color-positive-interactive: var(--ks-background-color-positive-inverted-interactive-base);
  --ks-background-color-positive-inverted-interactive: var(--ks-background-color-positive-interactive-base);
  --ks-background-color-positive-interactive-hover: var(--ks-background-color-positive-inverted-interactive-hover-base);
  --ks-background-color-positive-inverted-interactive-hover: var(--ks-background-color-positive-interactive-hover-base);
  --ks-background-color-positive-interactive-active: var(--ks-background-color-positive-inverted-interactive-active-base);
  --ks-background-color-positive-inverted-interactive-active: var(--ks-background-color-positive-interactive-active-base);
  --ks-background-color-positive-interactive-selected: var(--ks-background-color-positive-inverted-interactive-selected-base);
  --ks-background-color-positive-inverted-interactive-selected: var(--ks-background-color-positive-interactive-selected-base);
  --ks-background-color-positive-translucent: var(--ks-background-color-positive-inverted-translucent-base);
  --ks-background-color-positive-inverted-translucent: var(--ks-background-color-positive-translucent-base);
  --ks-background-color-informative: var(--ks-background-color-informative-inverted-base);
  --ks-background-color-informative-inverted: var(--ks-background-color-informative-base);
  --ks-background-color-informative-interactive: var(--ks-background-color-informative-inverted-interactive-base);
  --ks-background-color-informative-inverted-interactive: var(--ks-background-color-informative-interactive-base);
  --ks-background-color-informative-interactive-hover: var(--ks-background-color-informative-inverted-interactive-hover-base);
  --ks-background-color-informative-inverted-interactive-hover: var(--ks-background-color-informative-interactive-hover-base);
  --ks-background-color-informative-interactive-active: var(--ks-background-color-informative-inverted-interactive-active-base);
  --ks-background-color-informative-inverted-interactive-active: var(--ks-background-color-informative-interactive-active-base);
  --ks-background-color-informative-interactive-selected: var(--ks-background-color-informative-inverted-interactive-selected-base);
  --ks-background-color-informative-inverted-interactive-selected: var(--ks-background-color-informative-interactive-selected-base);
  --ks-background-color-informative-translucent: var(--ks-background-color-informative-inverted-translucent-base);
  --ks-background-color-informative-inverted-translucent: var(--ks-background-color-informative-translucent-base);
  --ks-background-color-notice: var(--ks-background-color-notice-inverted-base);
  --ks-background-color-notice-inverted: var(--ks-background-color-notice-base);
  --ks-background-color-notice-interactive: var(--ks-background-color-notice-inverted-interactive-base);
  --ks-background-color-notice-inverted-interactive: var(--ks-background-color-notice-interactive-base);
  --ks-background-color-notice-interactive-hover: var(--ks-background-color-notice-inverted-interactive-hover-base);
  --ks-background-color-notice-inverted-interactive-hover: var(--ks-background-color-notice-interactive-hover-base);
  --ks-background-color-notice-interactive-active: var(--ks-background-color-notice-inverted-interactive-active-base);
  --ks-background-color-notice-inverted-interactive-active: var(--ks-background-color-notice-interactive-active-base);
  --ks-background-color-notice-interactive-selected: var(--ks-background-color-notice-inverted-interactive-selected-base);
  --ks-background-color-notice-inverted-interactive-selected: var(--ks-background-color-notice-interactive-selected-base);
  --ks-background-color-notice-translucent: var(--ks-background-color-notice-inverted-translucent-base);
  --ks-background-color-notice-inverted-translucent: var(--ks-background-color-notice-translucent-base);
  --ks-background-color-negative: var(--ks-background-color-negative-inverted-base);
  --ks-background-color-negative-inverted: var(--ks-background-color-negative-base);
  --ks-background-color-negative-interactive: var(--ks-background-color-negative-inverted-interactive-base);
  --ks-background-color-negative-inverted-interactive: var(--ks-background-color-negative-interactive-base);
  --ks-background-color-negative-interactive-hover: var(--ks-background-color-negative-inverted-interactive-hover-base);
  --ks-background-color-negative-inverted-interactive-hover: var(--ks-background-color-negative-interactive-hover-base);
  --ks-background-color-negative-interactive-active: var(--ks-background-color-negative-inverted-interactive-active-base);
  --ks-background-color-negative-inverted-interactive-active: var(--ks-background-color-negative-interactive-active-base);
  --ks-background-color-negative-interactive-selected: var(--ks-background-color-negative-inverted-interactive-selected-base);
  --ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-interactive-selected-base);
  --ks-background-color-negative-translucent: var(--ks-background-color-negative-inverted-translucent-base);
  --ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-translucent-base);
  --ks-background-color-secondary: var(--ks-background-color-secondary-inverted-base);
  --ks-background-color-secondary-inverted: var(--ks-background-color-secondary-base);
  --ks-background-color-secondary-interactive: var(--ks-background-color-secondary-inverted-interactive-base);
  --ks-background-color-secondary-inverted-interactive: var(--ks-background-color-secondary-interactive-base);
  --ks-background-color-secondary-interactive-hover: var(--ks-background-color-secondary-inverted-interactive-hover-base);
  --ks-background-color-secondary-inverted-interactive-hover: var(--ks-background-color-secondary-interactive-hover-base);
  --ks-background-color-secondary-interactive-active: var(--ks-background-color-secondary-inverted-interactive-active-base);
  --ks-background-color-secondary-inverted-interactive-active: var(--ks-background-color-secondary-interactive-active-base);
  --ks-background-color-secondary-interactive-selected: var(--ks-background-color-secondary-inverted-interactive-selected-base);
  --ks-background-color-secondary-inverted-interactive-selected: var(--ks-background-color-secondary-interactive-selected-base);
  --ks-background-color-secondary-translucent: var(--ks-background-color-secondary-inverted-translucent-base);
  --ks-background-color-secondary-inverted-translucent: var(--ks-background-color-secondary-translucent-base);
  --ks-border-color-accent: var(--ks-border-color-accent-inverted-base);
  --ks-border-color-accent-inverted: var(--ks-border-color-accent-base);
  --ks-border-color-clear: var(--ks-border-color-clear-inverted-base);
  --ks-border-color-clear-inverted: var(--ks-border-color-clear-base);
  --ks-border-color-clear-interactive: var(--ks-border-color-clear-inverted-interactive-base);
  --ks-border-color-clear-inverted-interactive: var(--ks-border-color-clear-interactive-base);
  --ks-border-color-clear-interactive-hover: var(--ks-border-color-clear-inverted-interactive-hover-base);
  --ks-border-color-clear-inverted-interactive-hover: var(--ks-border-color-clear-interactive-hover-base);
  --ks-border-color-clear-interactive-active: var(--ks-border-color-clear-inverted-interactive-active-base);
  --ks-border-color-clear-inverted-interactive-active: var(--ks-border-color-clear-interactive-active-base);
  --ks-border-color-clear-interactive-selected: var(--ks-border-color-clear-inverted-interactive-selected-base);
  --ks-border-color-clear-inverted-interactive-selected: var(--ks-border-color-clear-interactive-selected-base);
  --ks-border-color-default: var(--ks-border-color-default-inverted-base);
  --ks-border-color-default-inverted: var(--ks-border-color-default-base);
  --ks-border-color-interface: var(--ks-border-color-interface-inverted-base);
  --ks-border-color-interface-inverted: var(--ks-border-color-interface-base);
  --ks-border-color-interface-interactive: var(--ks-border-color-interface-inverted-interactive-base);
  --ks-border-color-interface-inverted-interactive: var(--ks-border-color-interface-interactive-base);
  --ks-border-color-interface-interactive-disabled: var(--ks-border-color-interface-inverted-interactive-disabled-base);
  --ks-border-color-interface-inverted-interactive-disabled: var(--ks-border-color-interface-interactive-disabled-base);
  --ks-border-color-interface-interactive-hover: var(--ks-border-color-interface-inverted-interactive-hover-base);
  --ks-border-color-interface-inverted-interactive-hover: var(--ks-border-color-interface-interactive-hover-base);
  --ks-border-color-interface-interactive-active: var(--ks-border-color-interface-inverted-interactive-active-base);
  --ks-border-color-interface-inverted-interactive-active: var(--ks-border-color-interface-interactive-active-base);
  --ks-border-color-interface-interactive-selected: var(--ks-border-color-interface-inverted-interactive-selected-base);
  --ks-border-color-interface-inverted-interactive-selected: var(--ks-border-color-interface-interactive-selected-base);
  --ks-border-color-card: var(--ks-border-color-card-inverted-base);
  --ks-border-color-card-inverted: var(--ks-border-color-card-base);
  --ks-border-color-card-interactive: var(--ks-border-color-card-inverted-interactive-base);
  --ks-border-color-card-inverted-interactive: var(--ks-border-color-card-interactive-base);
  --ks-border-color-card-interactive-disabled: var(--ks-border-color-card-inverted-interactive-disabled-base);
  --ks-border-color-card-inverted-interactive-disabled: var(--ks-border-color-card-interactive-disabled-base);
  --ks-border-color-card-interactive-hover: var(--ks-border-color-card-inverted-interactive-hover-base);
  --ks-border-color-card-inverted-interactive-hover: var(--ks-border-color-card-interactive-hover-base);
  --ks-border-color-card-interactive-active: var(--ks-border-color-card-inverted-interactive-active-base);
  --ks-border-color-card-inverted-interactive-active: var(--ks-border-color-card-interactive-active-base);
  --ks-border-color-card-interactive-selected: var(--ks-border-color-card-inverted-interactive-selected-base);
  --ks-border-color-card-inverted-interactive-selected: var(--ks-border-color-card-interactive-selected-base);
  --ks-border-color-primary: var(--ks-border-color-primary-inverted-base);
  --ks-border-color-primary-inverted: var(--ks-border-color-primary-base);
  --ks-border-color-primary-interactive: var(--ks-border-color-primary-inverted-interactive-base);
  --ks-border-color-primary-inverted-interactive: var(--ks-border-color-primary-interactive-base);
  --ks-border-color-primary-interactive-hover: var(--ks-border-color-primary-inverted-interactive-hover-base);
  --ks-border-color-primary-inverted-interactive-hover: var(--ks-border-color-primary-interactive-hover-base);
  --ks-border-color-primary-interactive-active: var(--ks-border-color-primary-inverted-interactive-active-base);
  --ks-border-color-primary-inverted-interactive-active: var(--ks-border-color-primary-interactive-active-base);
  --ks-border-color-primary-interactive-selected: var(--ks-border-color-primary-inverted-interactive-selected-base);
  --ks-border-color-primary-inverted-interactive-selected: var(--ks-border-color-primary-interactive-selected-base);
  --ks-border-color-primary-translucent: var(--ks-border-color-primary-inverted-translucent-base);
  --ks-border-color-primary-inverted-translucent: var(--ks-border-color-primary-translucent-base);
  --ks-border-color-positive: var(--ks-border-color-positive-inverted-base);
  --ks-border-color-positive-inverted: var(--ks-border-color-positive-base);
  --ks-border-color-positive-interactive: var(--ks-border-color-positive-inverted-interactive-base);
  --ks-border-color-positive-inverted-interactive: var(--ks-border-color-positive-interactive-base);
  --ks-border-color-positive-interactive-hover: var(--ks-border-color-positive-inverted-interactive-hover-base);
  --ks-border-color-positive-inverted-interactive-hover: var(--ks-border-color-positive-interactive-hover-base);
  --ks-border-color-positive-interactive-active: var(--ks-border-color-positive-inverted-interactive-active-base);
  --ks-border-color-positive-inverted-interactive-active: var(--ks-border-color-positive-interactive-active-base);
  --ks-border-color-positive-interactive-selected: var(--ks-border-color-positive-inverted-interactive-selected-base);
  --ks-border-color-positive-inverted-interactive-selected: var(--ks-border-color-positive-interactive-selected-base);
  --ks-border-color-positive-translucent: var(--ks-border-color-positive-inverted-translucent-base);
  --ks-border-color-positive-inverted-translucent: var(--ks-border-color-positive-translucent-base);
  --ks-border-color-informative: var(--ks-border-color-informative-inverted-base);
  --ks-border-color-informative-inverted: var(--ks-border-color-informative-base);
  --ks-border-color-informative-interactive: var(--ks-border-color-informative-inverted-interactive-base);
  --ks-border-color-informative-inverted-interactive: var(--ks-border-color-informative-interactive-base);
  --ks-border-color-informative-interactive-hover: var(--ks-border-color-informative-inverted-interactive-hover-base);
  --ks-border-color-informative-inverted-interactive-hover: var(--ks-border-color-informative-interactive-hover-base);
  --ks-border-color-informative-interactive-active: var(--ks-border-color-informative-inverted-interactive-active-base);
  --ks-border-color-informative-inverted-interactive-active: var(--ks-border-color-informative-interactive-active-base);
  --ks-border-color-informative-interactive-selected: var(--ks-border-color-informative-inverted-interactive-selected-base);
  --ks-border-color-informative-inverted-interactive-selected: var(--ks-border-color-informative-interactive-selected-base);
  --ks-border-color-informative-translucent: var(--ks-border-color-informative-inverted-translucent-base);
  --ks-border-color-informative-inverted-translucent: var(--ks-border-color-informative-translucent-base);
  --ks-border-color-notice: var(--ks-border-color-notice-inverted-base);
  --ks-border-color-notice-inverted: var(--ks-border-color-notice-base);
  --ks-border-color-notice-interactive: var(--ks-border-color-notice-inverted-interactive-base);
  --ks-border-color-notice-inverted-interactive: var(--ks-border-color-notice-interactive-base);
  --ks-border-color-notice-interactive-hover: var(--ks-border-color-notice-inverted-interactive-hover-base);
  --ks-border-color-notice-inverted-interactive-hover: var(--ks-border-color-notice-interactive-hover-base);
  --ks-border-color-notice-interactive-active: var(--ks-border-color-notice-inverted-interactive-active-base);
  --ks-border-color-notice-inverted-interactive-active: var(--ks-border-color-notice-interactive-active-base);
  --ks-border-color-notice-interactive-selected: var(--ks-border-color-notice-inverted-interactive-selected-base);
  --ks-border-color-notice-inverted-interactive-selected: var(--ks-border-color-notice-interactive-selected-base);
  --ks-border-color-notice-translucent: var(--ks-border-color-notice-inverted-translucent-base);
  --ks-border-color-notice-inverted-translucent: var(--ks-border-color-notice-translucent-base);
  --ks-border-color-negative: var(--ks-border-color-negative-inverted-base);
  --ks-border-color-negative-inverted: var(--ks-border-color-negative-base);
  --ks-border-color-negative-interactive: var(--ks-border-color-negative-inverted-interactive-base);
  --ks-border-color-negative-inverted-interactive: var(--ks-border-color-negative-interactive-base);
  --ks-border-color-negative-interactive-hover: var(--ks-border-color-negative-inverted-interactive-hover-base);
  --ks-border-color-negative-inverted-interactive-hover: var(--ks-border-color-negative-interactive-hover-base);
  --ks-border-color-negative-interactive-active: var(--ks-border-color-negative-inverted-interactive-active-base);
  --ks-border-color-negative-inverted-interactive-active: var(--ks-border-color-negative-interactive-active-base);
  --ks-border-color-negative-interactive-selected: var(--ks-border-color-negative-inverted-interactive-selected-base);
  --ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-interactive-selected-base);
  --ks-border-color-negative-translucent: var(--ks-border-color-negative-inverted-translucent-base);
  --ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-translucent-base);
  --ks-border-color-secondary: var(--ks-border-color-secondary-inverted-base);
  --ks-border-color-secondary-inverted: var(--ks-border-color-secondary-base);
  --ks-border-color-secondary-interactive: var(--ks-border-color-secondary-inverted-interactive-base);
  --ks-border-color-secondary-inverted-interactive: var(--ks-border-color-secondary-interactive-base);
  --ks-border-color-secondary-interactive-hover: var(--ks-border-color-secondary-inverted-interactive-hover-base);
  --ks-border-color-secondary-inverted-interactive-hover: var(--ks-border-color-secondary-interactive-hover-base);
  --ks-border-color-secondary-interactive-active: var(--ks-border-color-secondary-inverted-interactive-active-base);
  --ks-border-color-secondary-inverted-interactive-active: var(--ks-border-color-secondary-interactive-active-base);
  --ks-border-color-secondary-interactive-selected: var(--ks-border-color-secondary-inverted-interactive-selected-base);
  --ks-border-color-secondary-inverted-interactive-selected: var(--ks-border-color-secondary-interactive-selected-base);
  --ks-border-color-secondary-translucent: var(--ks-border-color-secondary-inverted-translucent-base);
  --ks-border-color-secondary-inverted-translucent: var(--ks-border-color-secondary-translucent-base);
  --ks-color-fg: var(--ks-color-fg-inverted-base);
  --ks-color-fg-inverted: var(--ks-color-fg-base);
  --ks-color-fg-alpha-1: var(--ks-color-fg-inverted-alpha-1-base);
  --ks-color-fg-inverted-alpha-1: var(--ks-color-fg-alpha-1-base);
  --ks-color-fg-alpha-2: var(--ks-color-fg-inverted-alpha-2-base);
  --ks-color-fg-inverted-alpha-2: var(--ks-color-fg-alpha-2-base);
  --ks-color-fg-alpha-3: var(--ks-color-fg-inverted-alpha-3-base);
  --ks-color-fg-inverted-alpha-3: var(--ks-color-fg-alpha-3-base);
  --ks-color-fg-alpha-4: var(--ks-color-fg-inverted-alpha-4-base);
  --ks-color-fg-inverted-alpha-4: var(--ks-color-fg-alpha-4-base);
  --ks-color-fg-alpha-5: var(--ks-color-fg-inverted-alpha-5-base);
  --ks-color-fg-inverted-alpha-5: var(--ks-color-fg-alpha-5-base);
  --ks-color-fg-alpha-6: var(--ks-color-fg-inverted-alpha-6-base);
  --ks-color-fg-inverted-alpha-6: var(--ks-color-fg-alpha-6-base);
  --ks-color-fg-alpha-7: var(--ks-color-fg-inverted-alpha-7-base);
  --ks-color-fg-inverted-alpha-7: var(--ks-color-fg-alpha-7-base);
  --ks-color-fg-alpha-8: var(--ks-color-fg-inverted-alpha-8-base);
  --ks-color-fg-inverted-alpha-8: var(--ks-color-fg-alpha-8-base);
  --ks-color-fg-alpha-9: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-color-fg-inverted-alpha-9: var(--ks-color-fg-alpha-9-base);
  --ks-color-fg-to-bg-1: var(--ks-color-fg-inverted-to-bg-1-base);
  --ks-color-fg-inverted-to-bg-1: var(--ks-color-fg-to-bg-1-base);
  --ks-color-fg-to-bg-2: var(--ks-color-fg-inverted-to-bg-2-base);
  --ks-color-fg-inverted-to-bg-2: var(--ks-color-fg-to-bg-2-base);
  --ks-color-fg-to-bg-3: var(--ks-color-fg-inverted-to-bg-3-base);
  --ks-color-fg-inverted-to-bg-3: var(--ks-color-fg-to-bg-3-base);
  --ks-color-fg-to-bg-4: var(--ks-color-fg-inverted-to-bg-4-base);
  --ks-color-fg-inverted-to-bg-4: var(--ks-color-fg-to-bg-4-base);
  --ks-color-fg-to-bg-5: var(--ks-color-fg-inverted-to-bg-5-base);
  --ks-color-fg-inverted-to-bg-5: var(--ks-color-fg-to-bg-5-base);
  --ks-color-fg-to-bg-6: var(--ks-color-fg-inverted-to-bg-6-base);
  --ks-color-fg-inverted-to-bg-6: var(--ks-color-fg-to-bg-6-base);
  --ks-color-fg-to-bg-7: var(--ks-color-fg-inverted-to-bg-7-base);
  --ks-color-fg-inverted-to-bg-7: var(--ks-color-fg-to-bg-7-base);
  --ks-color-fg-to-bg-8: var(--ks-color-fg-inverted-to-bg-8-base);
  --ks-color-fg-inverted-to-bg-8: var(--ks-color-fg-to-bg-8-base);
  --ks-color-fg-to-bg-9: var(--ks-color-fg-inverted-to-bg-9-base);
  --ks-color-fg-inverted-to-bg-9: var(--ks-color-fg-to-bg-9-base);
  --ks-color-bg: var(--ks-color-bg-inverted-base);
  --ks-color-bg-inverted: var(--ks-color-bg-base);
  --ks-color-bg-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
  --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-alpha-1-base);
  --ks-color-bg-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
  --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-alpha-2-base);
  --ks-color-bg-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
  --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-alpha-3-base);
  --ks-color-bg-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
  --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-alpha-4-base);
  --ks-color-bg-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
  --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-alpha-5-base);
  --ks-color-bg-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
  --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-alpha-6-base);
  --ks-color-bg-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
  --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-alpha-7-base);
  --ks-color-bg-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
  --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-alpha-8-base);
  --ks-color-bg-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
  --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-alpha-9-base);
  --ks-color-bg-to-fg-1: var(--ks-color-bg-inverted-to-fg-1-base);
  --ks-color-bg-inverted-to-fg-1: var(--ks-color-bg-to-fg-1-base);
  --ks-color-bg-to-fg-2: var(--ks-color-bg-inverted-to-fg-2-base);
  --ks-color-bg-inverted-to-fg-2: var(--ks-color-bg-to-fg-2-base);
  --ks-color-bg-to-fg-3: var(--ks-color-bg-inverted-to-fg-3-base);
  --ks-color-bg-inverted-to-fg-3: var(--ks-color-bg-to-fg-3-base);
  --ks-color-bg-to-fg-4: var(--ks-color-bg-inverted-to-fg-4-base);
  --ks-color-bg-inverted-to-fg-4: var(--ks-color-bg-to-fg-4-base);
  --ks-color-bg-to-fg-5: var(--ks-color-bg-inverted-to-fg-5-base);
  --ks-color-bg-inverted-to-fg-5: var(--ks-color-bg-to-fg-5-base);
  --ks-color-bg-to-fg-6: var(--ks-color-bg-inverted-to-fg-6-base);
  --ks-color-bg-inverted-to-fg-6: var(--ks-color-bg-to-fg-6-base);
  --ks-color-bg-to-fg-7: var(--ks-color-bg-inverted-to-fg-7-base);
  --ks-color-bg-inverted-to-fg-7: var(--ks-color-bg-to-fg-7-base);
  --ks-color-bg-to-fg-8: var(--ks-color-bg-inverted-to-fg-8-base);
  --ks-color-bg-inverted-to-fg-8: var(--ks-color-bg-to-fg-8-base);
  --ks-color-bg-to-fg-9: var(--ks-color-bg-inverted-to-fg-9-base);
  --ks-color-bg-inverted-to-fg-9: var(--ks-color-bg-to-fg-9-base);
  --ks-color-primary: var(--ks-color-primary-inverted-base);
  --ks-color-primary-inverted: var(--ks-color-primary-base);
  --ks-color-primary-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
  --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-alpha-1-base);
  --ks-color-primary-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
  --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-alpha-2-base);
  --ks-color-primary-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
  --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-alpha-3-base);
  --ks-color-primary-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
  --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-alpha-4-base);
  --ks-color-primary-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
  --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-alpha-5-base);
  --ks-color-primary-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
  --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-alpha-6-base);
  --ks-color-primary-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
  --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-alpha-7-base);
  --ks-color-primary-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
  --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-alpha-8-base);
  --ks-color-primary-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
  --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-alpha-9-base);
  --ks-color-primary-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
  --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-to-bg-1-base);
  --ks-color-primary-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
  --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-to-bg-2-base);
  --ks-color-primary-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
  --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-to-bg-3-base);
  --ks-color-primary-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
  --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-to-bg-4-base);
  --ks-color-primary-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
  --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-to-bg-5-base);
  --ks-color-primary-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
  --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-to-bg-6-base);
  --ks-color-primary-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
  --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-to-bg-7-base);
  --ks-color-primary-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
  --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-to-bg-8-base);
  --ks-color-primary-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
  --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-to-bg-9-base);
  --ks-color-primary-to-fg-1: var(--ks-color-primary-inverted-to-fg-1-base);
  --ks-color-primary-inverted-to-fg-1: var(--ks-color-primary-to-fg-1-base);
  --ks-color-primary-to-fg-2: var(--ks-color-primary-inverted-to-fg-2-base);
  --ks-color-primary-inverted-to-fg-2: var(--ks-color-primary-to-fg-2-base);
  --ks-color-primary-to-fg-3: var(--ks-color-primary-inverted-to-fg-3-base);
  --ks-color-primary-inverted-to-fg-3: var(--ks-color-primary-to-fg-3-base);
  --ks-color-primary-to-fg-4: var(--ks-color-primary-inverted-to-fg-4-base);
  --ks-color-primary-inverted-to-fg-4: var(--ks-color-primary-to-fg-4-base);
  --ks-color-primary-to-fg-5: var(--ks-color-primary-inverted-to-fg-5-base);
  --ks-color-primary-inverted-to-fg-5: var(--ks-color-primary-to-fg-5-base);
  --ks-color-primary-to-fg-6: var(--ks-color-primary-inverted-to-fg-6-base);
  --ks-color-primary-inverted-to-fg-6: var(--ks-color-primary-to-fg-6-base);
  --ks-color-primary-to-fg-7: var(--ks-color-primary-inverted-to-fg-7-base);
  --ks-color-primary-inverted-to-fg-7: var(--ks-color-primary-to-fg-7-base);
  --ks-color-primary-to-fg-8: var(--ks-color-primary-inverted-to-fg-8-base);
  --ks-color-primary-inverted-to-fg-8: var(--ks-color-primary-to-fg-8-base);
  --ks-color-primary-to-fg-9: var(--ks-color-primary-inverted-to-fg-9-base);
  --ks-color-primary-inverted-to-fg-9: var(--ks-color-primary-to-fg-9-base);
  --ks-color-link: var(--ks-color-link-inverted-base);
  --ks-color-link-inverted: var(--ks-color-link-base);
  --ks-color-link-alpha-1: var(--ks-color-link-inverted-alpha-1-base);
  --ks-color-link-inverted-alpha-1: var(--ks-color-link-alpha-1-base);
  --ks-color-link-alpha-2: var(--ks-color-link-inverted-alpha-2-base);
  --ks-color-link-inverted-alpha-2: var(--ks-color-link-alpha-2-base);
  --ks-color-link-alpha-3: var(--ks-color-link-inverted-alpha-3-base);
  --ks-color-link-inverted-alpha-3: var(--ks-color-link-alpha-3-base);
  --ks-color-link-alpha-4: var(--ks-color-link-inverted-alpha-4-base);
  --ks-color-link-inverted-alpha-4: var(--ks-color-link-alpha-4-base);
  --ks-color-link-alpha-5: var(--ks-color-link-inverted-alpha-5-base);
  --ks-color-link-inverted-alpha-5: var(--ks-color-link-alpha-5-base);
  --ks-color-link-alpha-6: var(--ks-color-link-inverted-alpha-6-base);
  --ks-color-link-inverted-alpha-6: var(--ks-color-link-alpha-6-base);
  --ks-color-link-alpha-7: var(--ks-color-link-inverted-alpha-7-base);
  --ks-color-link-inverted-alpha-7: var(--ks-color-link-alpha-7-base);
  --ks-color-link-alpha-8: var(--ks-color-link-inverted-alpha-8-base);
  --ks-color-link-inverted-alpha-8: var(--ks-color-link-alpha-8-base);
  --ks-color-link-alpha-9: var(--ks-color-link-inverted-alpha-9-base);
  --ks-color-link-inverted-alpha-9: var(--ks-color-link-alpha-9-base);
  --ks-color-link-to-bg-1: var(--ks-color-link-inverted-to-bg-1-base);
  --ks-color-link-inverted-to-bg-1: var(--ks-color-link-to-bg-1-base);
  --ks-color-link-to-bg-2: var(--ks-color-link-inverted-to-bg-2-base);
  --ks-color-link-inverted-to-bg-2: var(--ks-color-link-to-bg-2-base);
  --ks-color-link-to-bg-3: var(--ks-color-link-inverted-to-bg-3-base);
  --ks-color-link-inverted-to-bg-3: var(--ks-color-link-to-bg-3-base);
  --ks-color-link-to-bg-4: var(--ks-color-link-inverted-to-bg-4-base);
  --ks-color-link-inverted-to-bg-4: var(--ks-color-link-to-bg-4-base);
  --ks-color-link-to-bg-5: var(--ks-color-link-inverted-to-bg-5-base);
  --ks-color-link-inverted-to-bg-5: var(--ks-color-link-to-bg-5-base);
  --ks-color-link-to-bg-6: var(--ks-color-link-inverted-to-bg-6-base);
  --ks-color-link-inverted-to-bg-6: var(--ks-color-link-to-bg-6-base);
  --ks-color-link-to-bg-7: var(--ks-color-link-inverted-to-bg-7-base);
  --ks-color-link-inverted-to-bg-7: var(--ks-color-link-to-bg-7-base);
  --ks-color-link-to-bg-8: var(--ks-color-link-inverted-to-bg-8-base);
  --ks-color-link-inverted-to-bg-8: var(--ks-color-link-to-bg-8-base);
  --ks-color-link-to-bg-9: var(--ks-color-link-inverted-to-bg-9-base);
  --ks-color-link-inverted-to-bg-9: var(--ks-color-link-to-bg-9-base);
  --ks-color-link-to-fg-1: var(--ks-color-link-inverted-to-fg-1-base);
  --ks-color-link-inverted-to-fg-1: var(--ks-color-link-to-fg-1-base);
  --ks-color-link-to-fg-2: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-color-link-inverted-to-fg-2: var(--ks-color-link-to-fg-2-base);
  --ks-color-link-to-fg-3: var(--ks-color-link-inverted-to-fg-3-base);
  --ks-color-link-inverted-to-fg-3: var(--ks-color-link-to-fg-3-base);
  --ks-color-link-to-fg-4: var(--ks-color-link-inverted-to-fg-4-base);
  --ks-color-link-inverted-to-fg-4: var(--ks-color-link-to-fg-4-base);
  --ks-color-link-to-fg-5: var(--ks-color-link-inverted-to-fg-5-base);
  --ks-color-link-inverted-to-fg-5: var(--ks-color-link-to-fg-5-base);
  --ks-color-link-to-fg-6: var(--ks-color-link-inverted-to-fg-6-base);
  --ks-color-link-inverted-to-fg-6: var(--ks-color-link-to-fg-6-base);
  --ks-color-link-to-fg-7: var(--ks-color-link-inverted-to-fg-7-base);
  --ks-color-link-inverted-to-fg-7: var(--ks-color-link-to-fg-7-base);
  --ks-color-link-to-fg-8: var(--ks-color-link-inverted-to-fg-8-base);
  --ks-color-link-inverted-to-fg-8: var(--ks-color-link-to-fg-8-base);
  --ks-color-link-to-fg-9: var(--ks-color-link-inverted-to-fg-9-base);
  --ks-color-link-inverted-to-fg-9: var(--ks-color-link-to-fg-9-base);
  --ks-color-positive: var(--ks-color-positive-inverted-base);
  --ks-color-positive-inverted: var(--ks-color-positive-base);
  --ks-color-positive-alpha-1: var(--ks-color-positive-inverted-alpha-1-base);
  --ks-color-positive-inverted-alpha-1: var(--ks-color-positive-alpha-1-base);
  --ks-color-positive-alpha-2: var(--ks-color-positive-inverted-alpha-2-base);
  --ks-color-positive-inverted-alpha-2: var(--ks-color-positive-alpha-2-base);
  --ks-color-positive-alpha-3: var(--ks-color-positive-inverted-alpha-3-base);
  --ks-color-positive-inverted-alpha-3: var(--ks-color-positive-alpha-3-base);
  --ks-color-positive-alpha-4: var(--ks-color-positive-inverted-alpha-4-base);
  --ks-color-positive-inverted-alpha-4: var(--ks-color-positive-alpha-4-base);
  --ks-color-positive-alpha-5: var(--ks-color-positive-inverted-alpha-5-base);
  --ks-color-positive-inverted-alpha-5: var(--ks-color-positive-alpha-5-base);
  --ks-color-positive-alpha-6: var(--ks-color-positive-inverted-alpha-6-base);
  --ks-color-positive-inverted-alpha-6: var(--ks-color-positive-alpha-6-base);
  --ks-color-positive-alpha-7: var(--ks-color-positive-inverted-alpha-7-base);
  --ks-color-positive-inverted-alpha-7: var(--ks-color-positive-alpha-7-base);
  --ks-color-positive-alpha-8: var(--ks-color-positive-inverted-alpha-8-base);
  --ks-color-positive-inverted-alpha-8: var(--ks-color-positive-alpha-8-base);
  --ks-color-positive-alpha-9: var(--ks-color-positive-inverted-alpha-9-base);
  --ks-color-positive-inverted-alpha-9: var(--ks-color-positive-alpha-9-base);
  --ks-color-positive-to-bg-1: var(--ks-color-positive-inverted-to-bg-1-base);
  --ks-color-positive-inverted-to-bg-1: var(--ks-color-positive-to-bg-1-base);
  --ks-color-positive-to-bg-2: var(--ks-color-positive-inverted-to-bg-2-base);
  --ks-color-positive-inverted-to-bg-2: var(--ks-color-positive-to-bg-2-base);
  --ks-color-positive-to-bg-3: var(--ks-color-positive-inverted-to-bg-3-base);
  --ks-color-positive-inverted-to-bg-3: var(--ks-color-positive-to-bg-3-base);
  --ks-color-positive-to-bg-4: var(--ks-color-positive-inverted-to-bg-4-base);
  --ks-color-positive-inverted-to-bg-4: var(--ks-color-positive-to-bg-4-base);
  --ks-color-positive-to-bg-5: var(--ks-color-positive-inverted-to-bg-5-base);
  --ks-color-positive-inverted-to-bg-5: var(--ks-color-positive-to-bg-5-base);
  --ks-color-positive-to-bg-6: var(--ks-color-positive-inverted-to-bg-6-base);
  --ks-color-positive-inverted-to-bg-6: var(--ks-color-positive-to-bg-6-base);
  --ks-color-positive-to-bg-7: var(--ks-color-positive-inverted-to-bg-7-base);
  --ks-color-positive-inverted-to-bg-7: var(--ks-color-positive-to-bg-7-base);
  --ks-color-positive-to-bg-8: var(--ks-color-positive-inverted-to-bg-8-base);
  --ks-color-positive-inverted-to-bg-8: var(--ks-color-positive-to-bg-8-base);
  --ks-color-positive-to-bg-9: var(--ks-color-positive-inverted-to-bg-9-base);
  --ks-color-positive-inverted-to-bg-9: var(--ks-color-positive-to-bg-9-base);
  --ks-color-positive-to-fg-1: var(--ks-color-positive-inverted-to-fg-1-base);
  --ks-color-positive-inverted-to-fg-1: var(--ks-color-positive-to-fg-1-base);
  --ks-color-positive-to-fg-2: var(--ks-color-positive-inverted-to-fg-2-base);
  --ks-color-positive-inverted-to-fg-2: var(--ks-color-positive-to-fg-2-base);
  --ks-color-positive-to-fg-3: var(--ks-color-positive-inverted-to-fg-3-base);
  --ks-color-positive-inverted-to-fg-3: var(--ks-color-positive-to-fg-3-base);
  --ks-color-positive-to-fg-4: var(--ks-color-positive-inverted-to-fg-4-base);
  --ks-color-positive-inverted-to-fg-4: var(--ks-color-positive-to-fg-4-base);
  --ks-color-positive-to-fg-5: var(--ks-color-positive-inverted-to-fg-5-base);
  --ks-color-positive-inverted-to-fg-5: var(--ks-color-positive-to-fg-5-base);
  --ks-color-positive-to-fg-6: var(--ks-color-positive-inverted-to-fg-6-base);
  --ks-color-positive-inverted-to-fg-6: var(--ks-color-positive-to-fg-6-base);
  --ks-color-positive-to-fg-7: var(--ks-color-positive-inverted-to-fg-7-base);
  --ks-color-positive-inverted-to-fg-7: var(--ks-color-positive-to-fg-7-base);
  --ks-color-positive-to-fg-8: var(--ks-color-positive-inverted-to-fg-8-base);
  --ks-color-positive-inverted-to-fg-8: var(--ks-color-positive-to-fg-8-base);
  --ks-color-positive-to-fg-9: var(--ks-color-positive-inverted-to-fg-9-base);
  --ks-color-positive-inverted-to-fg-9: var(--ks-color-positive-to-fg-9-base);
  --ks-color-informative: var(--ks-color-informative-inverted-base);
  --ks-color-informative-inverted: var(--ks-color-informative-base);
  --ks-color-informative-alpha-1: var(--ks-color-informative-inverted-alpha-1-base);
  --ks-color-informative-inverted-alpha-1: var(--ks-color-informative-alpha-1-base);
  --ks-color-informative-alpha-2: var(--ks-color-informative-inverted-alpha-2-base);
  --ks-color-informative-inverted-alpha-2: var(--ks-color-informative-alpha-2-base);
  --ks-color-informative-alpha-3: var(--ks-color-informative-inverted-alpha-3-base);
  --ks-color-informative-inverted-alpha-3: var(--ks-color-informative-alpha-3-base);
  --ks-color-informative-alpha-4: var(--ks-color-informative-inverted-alpha-4-base);
  --ks-color-informative-inverted-alpha-4: var(--ks-color-informative-alpha-4-base);
  --ks-color-informative-alpha-5: var(--ks-color-informative-inverted-alpha-5-base);
  --ks-color-informative-inverted-alpha-5: var(--ks-color-informative-alpha-5-base);
  --ks-color-informative-alpha-6: var(--ks-color-informative-inverted-alpha-6-base);
  --ks-color-informative-inverted-alpha-6: var(--ks-color-informative-alpha-6-base);
  --ks-color-informative-alpha-7: var(--ks-color-informative-inverted-alpha-7-base);
  --ks-color-informative-inverted-alpha-7: var(--ks-color-informative-alpha-7-base);
  --ks-color-informative-alpha-8: var(--ks-color-informative-inverted-alpha-8-base);
  --ks-color-informative-inverted-alpha-8: var(--ks-color-informative-alpha-8-base);
  --ks-color-informative-alpha-9: var(--ks-color-informative-inverted-alpha-9-base);
  --ks-color-informative-inverted-alpha-9: var(--ks-color-informative-alpha-9-base);
  --ks-color-informative-to-bg-1: var(--ks-color-informative-inverted-to-bg-1-base);
  --ks-color-informative-inverted-to-bg-1: var(--ks-color-informative-to-bg-1-base);
  --ks-color-informative-to-bg-2: var(--ks-color-informative-inverted-to-bg-2-base);
  --ks-color-informative-inverted-to-bg-2: var(--ks-color-informative-to-bg-2-base);
  --ks-color-informative-to-bg-3: var(--ks-color-informative-inverted-to-bg-3-base);
  --ks-color-informative-inverted-to-bg-3: var(--ks-color-informative-to-bg-3-base);
  --ks-color-informative-to-bg-4: var(--ks-color-informative-inverted-to-bg-4-base);
  --ks-color-informative-inverted-to-bg-4: var(--ks-color-informative-to-bg-4-base);
  --ks-color-informative-to-bg-5: var(--ks-color-informative-inverted-to-bg-5-base);
  --ks-color-informative-inverted-to-bg-5: var(--ks-color-informative-to-bg-5-base);
  --ks-color-informative-to-bg-6: var(--ks-color-informative-inverted-to-bg-6-base);
  --ks-color-informative-inverted-to-bg-6: var(--ks-color-informative-to-bg-6-base);
  --ks-color-informative-to-bg-7: var(--ks-color-informative-inverted-to-bg-7-base);
  --ks-color-informative-inverted-to-bg-7: var(--ks-color-informative-to-bg-7-base);
  --ks-color-informative-to-bg-8: var(--ks-color-informative-inverted-to-bg-8-base);
  --ks-color-informative-inverted-to-bg-8: var(--ks-color-informative-to-bg-8-base);
  --ks-color-informative-to-bg-9: var(--ks-color-informative-inverted-to-bg-9-base);
  --ks-color-informative-inverted-to-bg-9: var(--ks-color-informative-to-bg-9-base);
  --ks-color-informative-to-fg-1: var(--ks-color-informative-inverted-to-fg-1-base);
  --ks-color-informative-inverted-to-fg-1: var(--ks-color-informative-to-fg-1-base);
  --ks-color-informative-to-fg-2: var(--ks-color-informative-inverted-to-fg-2-base);
  --ks-color-informative-inverted-to-fg-2: var(--ks-color-informative-to-fg-2-base);
  --ks-color-informative-to-fg-3: var(--ks-color-informative-inverted-to-fg-3-base);
  --ks-color-informative-inverted-to-fg-3: var(--ks-color-informative-to-fg-3-base);
  --ks-color-informative-to-fg-4: var(--ks-color-informative-inverted-to-fg-4-base);
  --ks-color-informative-inverted-to-fg-4: var(--ks-color-informative-to-fg-4-base);
  --ks-color-informative-to-fg-5: var(--ks-color-informative-inverted-to-fg-5-base);
  --ks-color-informative-inverted-to-fg-5: var(--ks-color-informative-to-fg-5-base);
  --ks-color-informative-to-fg-6: var(--ks-color-informative-inverted-to-fg-6-base);
  --ks-color-informative-inverted-to-fg-6: var(--ks-color-informative-to-fg-6-base);
  --ks-color-informative-to-fg-7: var(--ks-color-informative-inverted-to-fg-7-base);
  --ks-color-informative-inverted-to-fg-7: var(--ks-color-informative-to-fg-7-base);
  --ks-color-informative-to-fg-8: var(--ks-color-informative-inverted-to-fg-8-base);
  --ks-color-informative-inverted-to-fg-8: var(--ks-color-informative-to-fg-8-base);
  --ks-color-informative-to-fg-9: var(--ks-color-informative-inverted-to-fg-9-base);
  --ks-color-informative-inverted-to-fg-9: var(--ks-color-informative-to-fg-9-base);
  --ks-color-notice: var(--ks-color-notice-inverted-base);
  --ks-color-notice-inverted: var(--ks-color-notice-base);
  --ks-color-notice-alpha-1: var(--ks-color-notice-inverted-alpha-1-base);
  --ks-color-notice-inverted-alpha-1: var(--ks-color-notice-alpha-1-base);
  --ks-color-notice-alpha-2: var(--ks-color-notice-inverted-alpha-2-base);
  --ks-color-notice-inverted-alpha-2: var(--ks-color-notice-alpha-2-base);
  --ks-color-notice-alpha-3: var(--ks-color-notice-inverted-alpha-3-base);
  --ks-color-notice-inverted-alpha-3: var(--ks-color-notice-alpha-3-base);
  --ks-color-notice-alpha-4: var(--ks-color-notice-inverted-alpha-4-base);
  --ks-color-notice-inverted-alpha-4: var(--ks-color-notice-alpha-4-base);
  --ks-color-notice-alpha-5: var(--ks-color-notice-inverted-alpha-5-base);
  --ks-color-notice-inverted-alpha-5: var(--ks-color-notice-alpha-5-base);
  --ks-color-notice-alpha-6: var(--ks-color-notice-inverted-alpha-6-base);
  --ks-color-notice-inverted-alpha-6: var(--ks-color-notice-alpha-6-base);
  --ks-color-notice-alpha-7: var(--ks-color-notice-inverted-alpha-7-base);
  --ks-color-notice-inverted-alpha-7: var(--ks-color-notice-alpha-7-base);
  --ks-color-notice-alpha-8: var(--ks-color-notice-inverted-alpha-8-base);
  --ks-color-notice-inverted-alpha-8: var(--ks-color-notice-alpha-8-base);
  --ks-color-notice-alpha-9: var(--ks-color-notice-inverted-alpha-9-base);
  --ks-color-notice-inverted-alpha-9: var(--ks-color-notice-alpha-9-base);
  --ks-color-notice-to-bg-1: var(--ks-color-notice-inverted-to-bg-1-base);
  --ks-color-notice-inverted-to-bg-1: var(--ks-color-notice-to-bg-1-base);
  --ks-color-notice-to-bg-2: var(--ks-color-notice-inverted-to-bg-2-base);
  --ks-color-notice-inverted-to-bg-2: var(--ks-color-notice-to-bg-2-base);
  --ks-color-notice-to-bg-3: var(--ks-color-notice-inverted-to-bg-3-base);
  --ks-color-notice-inverted-to-bg-3: var(--ks-color-notice-to-bg-3-base);
  --ks-color-notice-to-bg-4: var(--ks-color-notice-inverted-to-bg-4-base);
  --ks-color-notice-inverted-to-bg-4: var(--ks-color-notice-to-bg-4-base);
  --ks-color-notice-to-bg-5: var(--ks-color-notice-inverted-to-bg-5-base);
  --ks-color-notice-inverted-to-bg-5: var(--ks-color-notice-to-bg-5-base);
  --ks-color-notice-to-bg-6: var(--ks-color-notice-inverted-to-bg-6-base);
  --ks-color-notice-inverted-to-bg-6: var(--ks-color-notice-to-bg-6-base);
  --ks-color-notice-to-bg-7: var(--ks-color-notice-inverted-to-bg-7-base);
  --ks-color-notice-inverted-to-bg-7: var(--ks-color-notice-to-bg-7-base);
  --ks-color-notice-to-bg-8: var(--ks-color-notice-inverted-to-bg-8-base);
  --ks-color-notice-inverted-to-bg-8: var(--ks-color-notice-to-bg-8-base);
  --ks-color-notice-to-bg-9: var(--ks-color-notice-inverted-to-bg-9-base);
  --ks-color-notice-inverted-to-bg-9: var(--ks-color-notice-to-bg-9-base);
  --ks-color-notice-to-fg-1: var(--ks-color-notice-inverted-to-fg-1-base);
  --ks-color-notice-inverted-to-fg-1: var(--ks-color-notice-to-fg-1-base);
  --ks-color-notice-to-fg-2: var(--ks-color-notice-inverted-to-fg-2-base);
  --ks-color-notice-inverted-to-fg-2: var(--ks-color-notice-to-fg-2-base);
  --ks-color-notice-to-fg-3: var(--ks-color-notice-inverted-to-fg-3-base);
  --ks-color-notice-inverted-to-fg-3: var(--ks-color-notice-to-fg-3-base);
  --ks-color-notice-to-fg-4: var(--ks-color-notice-inverted-to-fg-4-base);
  --ks-color-notice-inverted-to-fg-4: var(--ks-color-notice-to-fg-4-base);
  --ks-color-notice-to-fg-5: var(--ks-color-notice-inverted-to-fg-5-base);
  --ks-color-notice-inverted-to-fg-5: var(--ks-color-notice-to-fg-5-base);
  --ks-color-notice-to-fg-6: var(--ks-color-notice-inverted-to-fg-6-base);
  --ks-color-notice-inverted-to-fg-6: var(--ks-color-notice-to-fg-6-base);
  --ks-color-notice-to-fg-7: var(--ks-color-notice-inverted-to-fg-7-base);
  --ks-color-notice-inverted-to-fg-7: var(--ks-color-notice-to-fg-7-base);
  --ks-color-notice-to-fg-8: var(--ks-color-notice-inverted-to-fg-8-base);
  --ks-color-notice-inverted-to-fg-8: var(--ks-color-notice-to-fg-8-base);
  --ks-color-notice-to-fg-9: var(--ks-color-notice-inverted-to-fg-9-base);
  --ks-color-notice-inverted-to-fg-9: var(--ks-color-notice-to-fg-9-base);
  --ks-color-negative: var(--ks-color-negative-inverted-base);
  --ks-color-negative-inverted: var(--ks-color-negative-base);
  --ks-color-negative-alpha-1: var(--ks-color-negative-inverted-alpha-1-base);
  --ks-color-negative-inverted-alpha-1: var(--ks-color-negative-alpha-1-base);
  --ks-color-negative-alpha-2: var(--ks-color-negative-inverted-alpha-2-base);
  --ks-color-negative-inverted-alpha-2: var(--ks-color-negative-alpha-2-base);
  --ks-color-negative-alpha-3: var(--ks-color-negative-inverted-alpha-3-base);
  --ks-color-negative-inverted-alpha-3: var(--ks-color-negative-alpha-3-base);
  --ks-color-negative-alpha-4: var(--ks-color-negative-inverted-alpha-4-base);
  --ks-color-negative-inverted-alpha-4: var(--ks-color-negative-alpha-4-base);
  --ks-color-negative-alpha-5: var(--ks-color-negative-inverted-alpha-5-base);
  --ks-color-negative-inverted-alpha-5: var(--ks-color-negative-alpha-5-base);
  --ks-color-negative-alpha-6: var(--ks-color-negative-inverted-alpha-6-base);
  --ks-color-negative-inverted-alpha-6: var(--ks-color-negative-alpha-6-base);
  --ks-color-negative-alpha-7: var(--ks-color-negative-inverted-alpha-7-base);
  --ks-color-negative-inverted-alpha-7: var(--ks-color-negative-alpha-7-base);
  --ks-color-negative-alpha-8: var(--ks-color-negative-inverted-alpha-8-base);
  --ks-color-negative-inverted-alpha-8: var(--ks-color-negative-alpha-8-base);
  --ks-color-negative-alpha-9: var(--ks-color-negative-inverted-alpha-9-base);
  --ks-color-negative-inverted-alpha-9: var(--ks-color-negative-alpha-9-base);
  --ks-color-negative-to-bg-1: var(--ks-color-negative-inverted-to-bg-1-base);
  --ks-color-negative-inverted-to-bg-1: var(--ks-color-negative-to-bg-1-base);
  --ks-color-negative-to-bg-2: var(--ks-color-negative-inverted-to-bg-2-base);
  --ks-color-negative-inverted-to-bg-2: var(--ks-color-negative-to-bg-2-base);
  --ks-color-negative-to-bg-3: var(--ks-color-negative-inverted-to-bg-3-base);
  --ks-color-negative-inverted-to-bg-3: var(--ks-color-negative-to-bg-3-base);
  --ks-color-negative-to-bg-4: var(--ks-color-negative-inverted-to-bg-4-base);
  --ks-color-negative-inverted-to-bg-4: var(--ks-color-negative-to-bg-4-base);
  --ks-color-negative-to-bg-5: var(--ks-color-negative-inverted-to-bg-5-base);
  --ks-color-negative-inverted-to-bg-5: var(--ks-color-negative-to-bg-5-base);
  --ks-color-negative-to-bg-6: var(--ks-color-negative-inverted-to-bg-6-base);
  --ks-color-negative-inverted-to-bg-6: var(--ks-color-negative-to-bg-6-base);
  --ks-color-negative-to-bg-7: var(--ks-color-negative-inverted-to-bg-7-base);
  --ks-color-negative-inverted-to-bg-7: var(--ks-color-negative-to-bg-7-base);
  --ks-color-negative-to-bg-8: var(--ks-color-negative-inverted-to-bg-8-base);
  --ks-color-negative-inverted-to-bg-8: var(--ks-color-negative-to-bg-8-base);
  --ks-color-negative-to-bg-9: var(--ks-color-negative-inverted-to-bg-9-base);
  --ks-color-negative-inverted-to-bg-9: var(--ks-color-negative-to-bg-9-base);
  --ks-color-negative-to-fg-1: var(--ks-color-negative-inverted-to-fg-1-base);
  --ks-color-negative-inverted-to-fg-1: var(--ks-color-negative-to-fg-1-base);
  --ks-color-negative-to-fg-2: var(--ks-color-negative-inverted-to-fg-2-base);
  --ks-color-negative-inverted-to-fg-2: var(--ks-color-negative-to-fg-2-base);
  --ks-color-negative-to-fg-3: var(--ks-color-negative-inverted-to-fg-3-base);
  --ks-color-negative-inverted-to-fg-3: var(--ks-color-negative-to-fg-3-base);
  --ks-color-negative-to-fg-4: var(--ks-color-negative-inverted-to-fg-4-base);
  --ks-color-negative-inverted-to-fg-4: var(--ks-color-negative-to-fg-4-base);
  --ks-color-negative-to-fg-5: var(--ks-color-negative-inverted-to-fg-5-base);
  --ks-color-negative-inverted-to-fg-5: var(--ks-color-negative-to-fg-5-base);
  --ks-color-negative-to-fg-6: var(--ks-color-negative-inverted-to-fg-6-base);
  --ks-color-negative-inverted-to-fg-6: var(--ks-color-negative-to-fg-6-base);
  --ks-color-negative-to-fg-7: var(--ks-color-negative-inverted-to-fg-7-base);
  --ks-color-negative-inverted-to-fg-7: var(--ks-color-negative-to-fg-7-base);
  --ks-color-negative-to-fg-8: var(--ks-color-negative-inverted-to-fg-8-base);
  --ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-to-fg-8-base);
  --ks-color-negative-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
  --ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-to-fg-9-base);
  --ks-color-secondary: var(--ks-color-secondary-inverted-base);
  --ks-color-secondary-inverted: var(--ks-color-secondary-base);
  --ks-color-secondary-alpha-1: var(--ks-color-secondary-inverted-alpha-1-base);
  --ks-color-secondary-inverted-alpha-1: var(--ks-color-secondary-alpha-1-base);
  --ks-color-secondary-alpha-2: var(--ks-color-secondary-inverted-alpha-2-base);
  --ks-color-secondary-inverted-alpha-2: var(--ks-color-secondary-alpha-2-base);
  --ks-color-secondary-alpha-3: var(--ks-color-secondary-inverted-alpha-3-base);
  --ks-color-secondary-inverted-alpha-3: var(--ks-color-secondary-alpha-3-base);
  --ks-color-secondary-alpha-4: var(--ks-color-secondary-inverted-alpha-4-base);
  --ks-color-secondary-inverted-alpha-4: var(--ks-color-secondary-alpha-4-base);
  --ks-color-secondary-alpha-5: var(--ks-color-secondary-inverted-alpha-5-base);
  --ks-color-secondary-inverted-alpha-5: var(--ks-color-secondary-alpha-5-base);
  --ks-color-secondary-alpha-6: var(--ks-color-secondary-inverted-alpha-6-base);
  --ks-color-secondary-inverted-alpha-6: var(--ks-color-secondary-alpha-6-base);
  --ks-color-secondary-alpha-7: var(--ks-color-secondary-inverted-alpha-7-base);
  --ks-color-secondary-inverted-alpha-7: var(--ks-color-secondary-alpha-7-base);
  --ks-color-secondary-alpha-8: var(--ks-color-secondary-inverted-alpha-8-base);
  --ks-color-secondary-inverted-alpha-8: var(--ks-color-secondary-alpha-8-base);
  --ks-color-secondary-alpha-9: var(--ks-color-secondary-inverted-alpha-9-base);
  --ks-color-secondary-inverted-alpha-9: var(--ks-color-secondary-alpha-9-base);
  --ks-color-secondary-to-bg-1: var(--ks-color-secondary-inverted-to-bg-1-base);
  --ks-color-secondary-inverted-to-bg-1: var(--ks-color-secondary-to-bg-1-base);
  --ks-color-secondary-to-bg-2: var(--ks-color-secondary-inverted-to-bg-2-base);
  --ks-color-secondary-inverted-to-bg-2: var(--ks-color-secondary-to-bg-2-base);
  --ks-color-secondary-to-bg-3: var(--ks-color-secondary-inverted-to-bg-3-base);
  --ks-color-secondary-inverted-to-bg-3: var(--ks-color-secondary-to-bg-3-base);
  --ks-color-secondary-to-bg-4: var(--ks-color-secondary-inverted-to-bg-4-base);
  --ks-color-secondary-inverted-to-bg-4: var(--ks-color-secondary-to-bg-4-base);
  --ks-color-secondary-to-bg-5: var(--ks-color-secondary-inverted-to-bg-5-base);
  --ks-color-secondary-inverted-to-bg-5: var(--ks-color-secondary-to-bg-5-base);
  --ks-color-secondary-to-bg-6: var(--ks-color-secondary-inverted-to-bg-6-base);
  --ks-color-secondary-inverted-to-bg-6: var(--ks-color-secondary-to-bg-6-base);
  --ks-color-secondary-to-bg-7: var(--ks-color-secondary-inverted-to-bg-7-base);
  --ks-color-secondary-inverted-to-bg-7: var(--ks-color-secondary-to-bg-7-base);
  --ks-color-secondary-to-bg-8: var(--ks-color-secondary-inverted-to-bg-8-base);
  --ks-color-secondary-inverted-to-bg-8: var(--ks-color-secondary-to-bg-8-base);
  --ks-color-secondary-to-bg-9: var(--ks-color-secondary-inverted-to-bg-9-base);
  --ks-color-secondary-inverted-to-bg-9: var(--ks-color-secondary-to-bg-9-base);
  --ks-color-secondary-to-fg-1: var(--ks-color-secondary-inverted-to-fg-1-base);
  --ks-color-secondary-inverted-to-fg-1: var(--ks-color-secondary-to-fg-1-base);
  --ks-color-secondary-to-fg-2: var(--ks-color-secondary-inverted-to-fg-2-base);
  --ks-color-secondary-inverted-to-fg-2: var(--ks-color-secondary-to-fg-2-base);
  --ks-color-secondary-to-fg-3: var(--ks-color-secondary-inverted-to-fg-3-base);
  --ks-color-secondary-inverted-to-fg-3: var(--ks-color-secondary-to-fg-3-base);
  --ks-color-secondary-to-fg-4: var(--ks-color-secondary-inverted-to-fg-4-base);
  --ks-color-secondary-inverted-to-fg-4: var(--ks-color-secondary-to-fg-4-base);
  --ks-color-secondary-to-fg-5: var(--ks-color-secondary-inverted-to-fg-5-base);
  --ks-color-secondary-inverted-to-fg-5: var(--ks-color-secondary-to-fg-5-base);
  --ks-color-secondary-to-fg-6: var(--ks-color-secondary-inverted-to-fg-6-base);
  --ks-color-secondary-inverted-to-fg-6: var(--ks-color-secondary-to-fg-6-base);
  --ks-color-secondary-to-fg-7: var(--ks-color-secondary-inverted-to-fg-7-base);
  --ks-color-secondary-inverted-to-fg-7: var(--ks-color-secondary-to-fg-7-base);
  --ks-color-secondary-to-fg-8: var(--ks-color-secondary-inverted-to-fg-8-base);
  --ks-color-secondary-inverted-to-fg-8: var(--ks-color-secondary-to-fg-8-base);
  --ks-color-secondary-to-fg-9: var(--ks-color-secondary-inverted-to-fg-9-base);
  --ks-color-secondary-inverted-to-fg-9: var(--ks-color-secondary-to-fg-9-base);
  --ks-text-color-default: var(--ks-text-color-default-inverted-base);
  --ks-text-color-default-inverted: var(--ks-text-color-default-base);
  --ks-text-color-default-interactive: var(--ks-text-color-default-inverted-interactive-base);
  --ks-text-color-default-inverted-interactive: var(--ks-text-color-default-interactive-base);
  --ks-text-color-default-interactive-hover: var(--ks-text-color-default-inverted-interactive-hover-base);
  --ks-text-color-default-inverted-interactive-hover: var(--ks-text-color-default-interactive-hover-base);
  --ks-text-color-default-interactive-active: var(--ks-text-color-default-inverted-interactive-active-base);
  --ks-text-color-default-inverted-interactive-active: var(--ks-text-color-default-interactive-active-base);
  --ks-text-color-default-interactive-selected: var(--ks-text-color-default-inverted-interactive-selected-base);
  --ks-text-color-default-inverted-interactive-selected: var(--ks-text-color-default-interactive-selected-base);
  --ks-text-color-copy: var(--ks-text-color-copy-inverted-base);
  --ks-text-color-copy-inverted: var(--ks-text-color-copy-base);
  --ks-text-color-copy-interactive: var(--ks-text-color-copy-inverted-interactive-base);
  --ks-text-color-copy-inverted-interactive: var(--ks-text-color-copy-interactive-base);
  --ks-text-color-copy-interactive-hover: var(--ks-text-color-copy-inverted-interactive-hover-base);
  --ks-text-color-copy-inverted-interactive-hover: var(--ks-text-color-copy-interactive-hover-base);
  --ks-text-color-copy-interactive-active: var(--ks-text-color-copy-inverted-interactive-active-base);
  --ks-text-color-copy-inverted-interactive-active: var(--ks-text-color-copy-interactive-active-base);
  --ks-text-color-copy-interactive-selected: var(--ks-text-color-copy-inverted-interactive-selected-base);
  --ks-text-color-copy-inverted-interactive-selected: var(--ks-text-color-copy-interactive-selected-base);
  --ks-text-color-display: var(--ks-text-color-display-inverted-base);
  --ks-text-color-display-inverted: var(--ks-text-color-display-base);
  --ks-text-color-display-interactive: var(--ks-text-color-display-inverted-interactive-base);
  --ks-text-color-display-inverted-interactive: var(--ks-text-color-display-interactive-base);
  --ks-text-color-display-interactive-hover: var(--ks-text-color-display-inverted-interactive-hover-base);
  --ks-text-color-display-inverted-interactive-hover: var(--ks-text-color-display-interactive-hover-base);
  --ks-text-color-display-interactive-active: var(--ks-text-color-display-inverted-interactive-active-base);
  --ks-text-color-display-inverted-interactive-active: var(--ks-text-color-display-interactive-active-base);
  --ks-text-color-display-interactive-selected: var(--ks-text-color-display-inverted-interactive-selected-base);
  --ks-text-color-display-inverted-interactive-selected: var(--ks-text-color-display-interactive-selected-base);
  --ks-text-color-interface: var(--ks-text-color-interface-inverted-base);
  --ks-text-color-interface-inverted: var(--ks-text-color-interface-base);
  --ks-text-color-interface-interactive: var(--ks-text-color-interface-inverted-interactive-base);
  --ks-text-color-interface-inverted-interactive: var(--ks-text-color-interface-interactive-base);
  --ks-text-color-interface-interactive-hover: var(--ks-text-color-interface-inverted-interactive-hover-base);
  --ks-text-color-interface-inverted-interactive-hover: var(--ks-text-color-interface-interactive-hover-base);
  --ks-text-color-interface-interactive-active: var(--ks-text-color-interface-inverted-interactive-active-base);
  --ks-text-color-interface-inverted-interactive-active: var(--ks-text-color-interface-interactive-active-base);
  --ks-text-color-interface-interactive-selected: var(--ks-text-color-interface-inverted-interactive-selected-base);
  --ks-text-color-interface-inverted-interactive-selected: var(--ks-text-color-interface-interactive-selected-base);
  --ks-text-color-card: var(--ks-text-color-card-inverted-base);
  --ks-text-color-card-inverted: var(--ks-text-color-card-base);
  --ks-text-color-card-interactive: var(--ks-text-color-card-inverted-interactive-base);
  --ks-text-color-card-inverted-interactive: var(--ks-text-color-card-interactive-base);
  --ks-text-color-card-interactive-hover: var(--ks-text-color-card-inverted-interactive-hover-base);
  --ks-text-color-card-inverted-interactive-hover: var(--ks-text-color-card-interactive-hover-base);
  --ks-text-color-card-interactive-active: var(--ks-text-color-card-inverted-interactive-active-base);
  --ks-text-color-card-inverted-interactive-active: var(--ks-text-color-card-interactive-active-base);
  --ks-text-color-card-interactive-selected: var(--ks-text-color-card-inverted-interactive-selected-base);
  --ks-text-color-card-inverted-interactive-selected: var(--ks-text-color-card-interactive-selected-base);
  --ks-text-color-primary: var(--ks-text-color-primary-inverted-base);
  --ks-text-color-primary-inverted: var(--ks-text-color-primary-base);
  --ks-text-color-primary-interactive: var(--ks-text-color-primary-inverted-interactive-base);
  --ks-text-color-primary-inverted-interactive: var(--ks-text-color-primary-interactive-base);
  --ks-text-color-primary-interactive-hover: var(--ks-text-color-primary-inverted-interactive-hover-base);
  --ks-text-color-primary-inverted-interactive-hover: var(--ks-text-color-primary-interactive-hover-base);
  --ks-text-color-primary-interactive-active: var(--ks-text-color-primary-inverted-interactive-active-base);
  --ks-text-color-primary-inverted-interactive-active: var(--ks-text-color-primary-interactive-active-base);
  --ks-text-color-primary-interactive-selected: var(--ks-text-color-primary-inverted-interactive-selected-base);
  --ks-text-color-primary-inverted-interactive-selected: var(--ks-text-color-primary-interactive-selected-base);
  --ks-text-color-positive: var(--ks-text-color-positive-inverted-base);
  --ks-text-color-positive-inverted: var(--ks-text-color-positive-base);
  --ks-text-color-positive-interactive: var(--ks-text-color-positive-inverted-interactive-base);
  --ks-text-color-positive-inverted-interactive: var(--ks-text-color-positive-interactive-base);
  --ks-text-color-positive-interactive-hover: var(--ks-text-color-positive-inverted-interactive-hover-base);
  --ks-text-color-positive-inverted-interactive-hover: var(--ks-text-color-positive-interactive-hover-base);
  --ks-text-color-positive-interactive-active: var(--ks-text-color-positive-inverted-interactive-active-base);
  --ks-text-color-positive-inverted-interactive-active: var(--ks-text-color-positive-interactive-active-base);
  --ks-text-color-positive-interactive-selected: var(--ks-text-color-positive-inverted-interactive-selected-base);
  --ks-text-color-positive-inverted-interactive-selected: var(--ks-text-color-positive-interactive-selected-base);
  --ks-text-color-informative: var(--ks-text-color-informative-inverted-base);
  --ks-text-color-informative-inverted: var(--ks-text-color-informative-base);
  --ks-text-color-informative-interactive: var(--ks-text-color-informative-inverted-interactive-base);
  --ks-text-color-informative-inverted-interactive: var(--ks-text-color-informative-interactive-base);
  --ks-text-color-informative-interactive-hover: var(--ks-text-color-informative-inverted-interactive-hover-base);
  --ks-text-color-informative-inverted-interactive-hover: var(--ks-text-color-informative-interactive-hover-base);
  --ks-text-color-informative-interactive-active: var(--ks-text-color-informative-inverted-interactive-active-base);
  --ks-text-color-informative-inverted-interactive-active: var(--ks-text-color-informative-interactive-active-base);
  --ks-text-color-informative-interactive-selected: var(--ks-text-color-informative-inverted-interactive-selected-base);
  --ks-text-color-informative-inverted-interactive-selected: var(--ks-text-color-informative-interactive-selected-base);
  --ks-text-color-notice: var(--ks-text-color-notice-inverted-base);
  --ks-text-color-notice-inverted: var(--ks-text-color-notice-base);
  --ks-text-color-notice-interactive: var(--ks-text-color-notice-inverted-interactive-base);
  --ks-text-color-notice-inverted-interactive: var(--ks-text-color-notice-interactive-base);
  --ks-text-color-notice-interactive-hover: var(--ks-text-color-notice-inverted-interactive-hover-base);
  --ks-text-color-notice-inverted-interactive-hover: var(--ks-text-color-notice-interactive-hover-base);
  --ks-text-color-notice-interactive-active: var(--ks-text-color-notice-inverted-interactive-active-base);
  --ks-text-color-notice-inverted-interactive-active: var(--ks-text-color-notice-interactive-active-base);
  --ks-text-color-notice-interactive-selected: var(--ks-text-color-notice-inverted-interactive-selected-base);
  --ks-text-color-notice-inverted-interactive-selected: var(--ks-text-color-notice-interactive-selected-base);
  --ks-text-color-negative: var(--ks-text-color-negative-inverted-base);
  --ks-text-color-negative-inverted: var(--ks-text-color-negative-base);
  --ks-text-color-negative-interactive: var(--ks-text-color-negative-inverted-interactive-base);
  --ks-text-color-negative-inverted-interactive: var(--ks-text-color-negative-interactive-base);
  --ks-text-color-negative-interactive-hover: var(--ks-text-color-negative-inverted-interactive-hover-base);
  --ks-text-color-negative-inverted-interactive-hover: var(--ks-text-color-negative-interactive-hover-base);
  --ks-text-color-negative-interactive-active: var(--ks-text-color-negative-inverted-interactive-active-base);
  --ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-interactive-active-base);
  --ks-text-color-negative-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
  --ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-interactive-selected-base);
  --ks-text-color-secondary: var(--ks-text-color-secondary-inverted-base);
  --ks-text-color-secondary-inverted: var(--ks-text-color-secondary-base);
  --ks-text-color-secondary-interactive: var(--ks-text-color-secondary-inverted-interactive-base);
  --ks-text-color-secondary-inverted-interactive: var(--ks-text-color-secondary-interactive-base);
  --ks-text-color-secondary-interactive-hover: var(--ks-text-color-secondary-inverted-interactive-hover-base);
  --ks-text-color-secondary-inverted-interactive-hover: var(--ks-text-color-secondary-interactive-hover-base);
  --ks-text-color-secondary-interactive-active: var(--ks-text-color-secondary-inverted-interactive-active-base);
  --ks-text-color-secondary-inverted-interactive-active: var(--ks-text-color-secondary-interactive-active-base);
  --ks-text-color-secondary-interactive-selected: var(--ks-text-color-secondary-inverted-interactive-selected-base);
  --ks-text-color-secondary-inverted-interactive-selected: var(--ks-text-color-secondary-interactive-selected-base);
}

@media (min-width: 36em) {
  :root [ks-theme=business] {
    --ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-phone);
    --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-phone);
    --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-phone);
    --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-phone);
    --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-phone);
    --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-phone);
    --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-phone);
    --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-phone);
  }
}
@media (min-width: 48em) {
  :root [ks-theme=business] {
    --ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-tablet);
    --ks-font-size-copy-bp-factor: var(--ks-font-size-copy-bp-factor-tablet);
    --ks-font-size-interface-bp-factor: var(--ks-font-size-interface-bp-factor-tablet);
    --ks-font-size-mono-bp-factor: var(--ks-font-size-mono-bp-factor-tablet);
    --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-tablet);
    --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-tablet);
    --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-tablet);
    --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-tablet);
    --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-tablet);
    --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-tablet);
    --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-tablet);
  }
}
@media (min-width: 62em) {
  :root [ks-theme=business] {
    --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-laptop);
    --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-laptop);
    --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-laptop);
    --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-laptop);
    --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-laptop);
    --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-laptop);
    --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-laptop);
  }
}
@media (min-width: 75em) {
  :root [ks-theme=business] {
    --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-desktop);
    --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-desktop);
    --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-desktop);
    --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-desktop);
    --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-desktop);
    --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-desktop);
    --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-desktop);
  }
}
/**
 * Do not edit directly
 * Generated on Fri, 06 Mar 2026 10:45:48 GMT
 */
:root [ks-theme=google] {
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
  --ks-background-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
  --ks-background-color-bold-base: var(--ks-color-primary-to-bg-6-base);
  --ks-background-color-bold-inverted-base: var(--ks-color-primary-inverted-to-bg-6-base);
  --ks-background-color-clear-base: var(--ks-color-transparent-base);
  --ks-background-color-clear-interactive-base: var(--ks-color-transparent-base);
  --ks-background-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
  --ks-background-color-clear-interactive-active-base: var(--ks-color-primary-alpha-7-base);
  --ks-background-color-clear-interactive-selected-base: var(--ks-color-primary-alpha-6-base);
  --ks-background-color-clear-inverted-base: var(--ks-color-transparent-base);
  --ks-background-color-clear-inverted-interactive-base: var(--ks-color-transparent-base);
  --ks-background-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
  --ks-background-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
  --ks-background-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
  --ks-background-color-default-base: var(--ks-color-bg-base);
  --ks-background-color-default-inverted-base: var(--ks-color-bg-inverted-base);
  --ks-background-color-interface-base: var(--ks-color-fg-alpha-9-base);
  --ks-background-color-interface-interactive-base: var(--ks-color-fg-alpha-8-base);
  --ks-background-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-9-base);
  --ks-background-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-6-base);
  --ks-background-color-interface-interactive-active-base: var(--ks-color-fg-alpha-6-base);
  --ks-background-color-interface-interactive-selected-base: var(--ks-color-primary-base);
  --ks-background-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-background-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-8-base);
  --ks-background-color-interface-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-background-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-6-base);
  --ks-background-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-6-base);
  --ks-background-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
  --ks-background-color-card-base: var(--ks-color-fg-alpha-9-base);
  --ks-background-color-card-interactive-base: var(--ks-color-fg-alpha-8-base);
  --ks-background-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-7-base);
  --ks-background-color-card-interactive-hover-base: var(--ks-color-fg-alpha-9-base);
  --ks-background-color-card-interactive-active-base: var(--ks-color-fg-alpha-9-base);
  --ks-background-color-card-interactive-selected-base: var(--ks-color-primary-base);
  --ks-background-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-background-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-8-base);
  --ks-background-color-card-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-7-base);
  --ks-background-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-background-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-background-color-card-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
  --ks-background-color-primary-base: var(--ks-color-primary-base);
  --ks-background-color-primary-interactive-base: var(--ks-color-primary-base);
  --ks-background-color-primary-interactive-hover-base: var(--ks-color-primary-to-bg-2-base);
  --ks-background-color-primary-interactive-active-base: var(--ks-color-primary-to-bg-2-base);
  --ks-background-color-primary-interactive-selected-base: var(--ks-color-primary-to-bg-4-base);
  --ks-background-color-primary-translucent-base: var(--ks-color-primary-alpha-5-base);
  --ks-background-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
  --ks-background-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-base);
  --ks-background-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-to-bg-2-base);
  --ks-background-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-to-bg-2-base);
  --ks-background-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-to-bg-4-base);
  --ks-background-color-primary-inverted-translucent-base: var(--ks-color-primary-inverted-alpha-5-base);
  --ks-background-color-positive-base: var(--ks-color-positive-base);
  --ks-background-color-positive-interactive-base: var(--ks-color-positive-base);
  --ks-background-color-positive-interactive-hover-base: var(--ks-color-positive-to-bg-2-base);
  --ks-background-color-positive-interactive-active-base: var(--ks-color-positive-to-bg-2-base);
  --ks-background-color-positive-interactive-selected-base: var(--ks-color-positive-to-bg-4-base);
  --ks-background-color-positive-translucent-base: var(--ks-color-positive-alpha-5-base);
  --ks-background-color-positive-inverted-base: var(--ks-color-positive-inverted-base);
  --ks-background-color-positive-inverted-interactive-base: var(--ks-color-positive-inverted-base);
  --ks-background-color-positive-inverted-interactive-hover-base: var(--ks-color-positive-inverted-to-bg-2-base);
  --ks-background-color-positive-inverted-interactive-active-base: var(--ks-color-positive-inverted-to-bg-2-base);
  --ks-background-color-positive-inverted-interactive-selected-base: var(--ks-color-positive-inverted-to-bg-4-base);
  --ks-background-color-positive-inverted-translucent-base: var(--ks-color-positive-inverted-alpha-5-base);
  --ks-background-color-informative-base: var(--ks-color-informative-base);
  --ks-background-color-informative-interactive-base: var(--ks-color-informative-base);
  --ks-background-color-informative-interactive-hover-base: var(--ks-color-informative-to-bg-2-base);
  --ks-background-color-informative-interactive-active-base: var(--ks-color-informative-to-bg-2-base);
  --ks-background-color-informative-interactive-selected-base: var(--ks-color-informative-to-bg-4-base);
  --ks-background-color-informative-translucent-base: var(--ks-color-informative-alpha-5-base);
  --ks-background-color-informative-inverted-base: var(--ks-color-informative-inverted-base);
  --ks-background-color-informative-inverted-interactive-base: var(--ks-color-informative-inverted-base);
  --ks-background-color-informative-inverted-interactive-hover-base: var(--ks-color-informative-inverted-to-bg-2-base);
  --ks-background-color-informative-inverted-interactive-active-base: var(--ks-color-informative-inverted-to-bg-2-base);
  --ks-background-color-informative-inverted-interactive-selected-base: var(--ks-color-informative-inverted-to-bg-4-base);
  --ks-background-color-informative-inverted-translucent-base: var(--ks-color-informative-inverted-alpha-5-base);
  --ks-background-color-notice-base: var(--ks-color-notice-base);
  --ks-background-color-notice-interactive-base: var(--ks-color-notice-base);
  --ks-background-color-notice-interactive-hover-base: var(--ks-color-notice-to-bg-2-base);
  --ks-background-color-notice-interactive-active-base: var(--ks-color-notice-to-bg-2-base);
  --ks-background-color-notice-interactive-selected-base: var(--ks-color-notice-to-bg-4-base);
  --ks-background-color-notice-translucent-base: var(--ks-color-notice-alpha-5-base);
  --ks-background-color-notice-inverted-base: var(--ks-color-notice-inverted-base);
  --ks-background-color-notice-inverted-interactive-base: var(--ks-color-notice-inverted-base);
  --ks-background-color-notice-inverted-interactive-hover-base: var(--ks-color-notice-inverted-to-bg-2-base);
  --ks-background-color-notice-inverted-interactive-active-base: var(--ks-color-notice-inverted-to-bg-2-base);
  --ks-background-color-notice-inverted-interactive-selected-base: var(--ks-color-notice-inverted-to-bg-4-base);
  --ks-background-color-notice-inverted-translucent-base: var(--ks-color-notice-inverted-alpha-5-base);
  --ks-background-color-negative-base: var(--ks-color-negative-base);
  --ks-background-color-negative-interactive-base: var(--ks-color-negative-base);
  --ks-background-color-negative-interactive-hover-base: var(--ks-color-negative-to-bg-2-base);
  --ks-background-color-negative-interactive-active-base: var(--ks-color-negative-to-bg-2-base);
  --ks-background-color-negative-interactive-selected-base: var(--ks-color-negative-to-bg-4-base);
  --ks-background-color-negative-translucent-base: var(--ks-color-negative-alpha-5-base);
  --ks-background-color-negative-inverted-base: var(--ks-color-negative-inverted-base);
  --ks-background-color-negative-inverted-interactive-base: var(--ks-color-negative-inverted-base);
  --ks-background-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-to-bg-2-base);
  --ks-background-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-to-bg-2-base);
  --ks-background-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-to-bg-4-base);
  --ks-background-color-negative-inverted-translucent-base: var(--ks-color-negative-inverted-alpha-5-base);
  --ks-background-color-secondary-base: var(--ks-color-secondary-base);
  --ks-background-color-secondary-interactive-base: var(--ks-color-secondary-base);
  --ks-background-color-secondary-interactive-hover-base: var(--ks-color-secondary-to-bg-2-base);
  --ks-background-color-secondary-interactive-active-base: var(--ks-color-secondary-to-bg-2-base);
  --ks-background-color-secondary-interactive-selected-base: var(--ks-color-secondary-to-bg-4-base);
  --ks-background-color-secondary-translucent-base: var(--ks-color-secondary-alpha-5-base);
  --ks-background-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
  --ks-background-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-base);
  --ks-background-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-to-bg-2-base);
  --ks-background-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-to-bg-2-base);
  --ks-background-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-to-bg-4-base);
  --ks-background-color-secondary-inverted-translucent-base: var(--ks-color-secondary-inverted-alpha-5-base);
  --ks-border-color-accent-base: var(--ks-color-primary-to-bg-8-base);
  --ks-border-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
  --ks-border-color-clear-base: var(--ks-color-transparent-base);
  --ks-border-color-clear-interactive-base: var(--ks-color-transparent-base);
  --ks-border-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
  --ks-border-color-clear-interactive-active-base: var(--ks-color-primary-alpha-7-base);
  --ks-border-color-clear-interactive-selected-base: var(--ks-color-primary-alpha-6-base);
  --ks-border-color-clear-inverted-base: var(--ks-color-transparent-base);
  --ks-border-color-clear-inverted-interactive-base: var(--ks-color-transparent-base);
  --ks-border-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
  --ks-border-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
  --ks-border-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
  --ks-border-color-default-base: var(--ks-color-fg-inverted-base);
  --ks-border-color-default-inverted-base: var(--ks-color-fg-alpha-3-base);
  --ks-border-color-interface-base: var(--ks-color-fg-alpha-8-base);
  --ks-border-color-interface-interactive-base: var(--ks-color-fg-alpha-7-base);
  --ks-border-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
  --ks-border-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
  --ks-border-color-interface-interactive-active-base: var(--ks-color-fg-alpha-5-base);
  --ks-border-color-interface-interactive-selected-base: var(--ks-color-primary-base);
  --ks-border-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-8-base);
  --ks-border-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-7-base);
  --ks-border-color-interface-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-8-base);
  --ks-border-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-5-base);
  --ks-border-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-5-base);
  --ks-border-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
  --ks-border-color-card-base: var(--ks-color-fg-alpha-9-base);
  --ks-border-color-card-interactive-base: var(--ks-color-fg-alpha-7-base);
  --ks-border-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
  --ks-border-color-card-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
  --ks-border-color-card-interactive-active-base: var(--ks-color-fg-alpha-3-base);
  --ks-border-color-card-interactive-selected-base: var(--ks-color-primary-base);
  --ks-border-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-border-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-5-base);
  --ks-border-color-card-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-2-base);
  --ks-border-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-3-base);
  --ks-border-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-1-base);
  --ks-border-color-card-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
  --ks-border-color-primary-base: var(--ks-color-primary-base);
  --ks-border-color-primary-interactive-base: var(--ks-color-primary-base);
  --ks-border-color-primary-interactive-hover-base: var(--ks-color-primary-to-bg-2-base);
  --ks-border-color-primary-interactive-active-base: var(--ks-color-primary-to-bg-3-base);
  --ks-border-color-primary-interactive-selected-base: var(--ks-color-primary-base);
  --ks-border-color-primary-translucent-base: var(--ks-color-primary-alpha-2-base);
  --ks-border-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
  --ks-border-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-base);
  --ks-border-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-to-bg-2-base);
  --ks-border-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-to-bg-3-base);
  --ks-border-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
  --ks-border-color-primary-inverted-translucent-base: var(--ks-color-primary-inverted-alpha-2-base);
  --ks-border-color-positive-base: var(--ks-color-positive-base);
  --ks-border-color-positive-interactive-base: var(--ks-color-positive-base);
  --ks-border-color-positive-interactive-hover-base: var(--ks-color-positive-to-bg-2-base);
  --ks-border-color-positive-interactive-active-base: var(--ks-color-positive-to-bg-3-base);
  --ks-border-color-positive-interactive-selected-base: var(--ks-color-positive-base);
  --ks-border-color-positive-translucent-base: var(--ks-color-positive-alpha-2-base);
  --ks-border-color-positive-inverted-base: var(--ks-color-positive-inverted-base);
  --ks-border-color-positive-inverted-interactive-base: var(--ks-color-positive-inverted-base);
  --ks-border-color-positive-inverted-interactive-hover-base: var(--ks-color-positive-inverted-to-bg-2-base);
  --ks-border-color-positive-inverted-interactive-active-base: var(--ks-color-positive-inverted-to-bg-3-base);
  --ks-border-color-positive-inverted-interactive-selected-base: var(--ks-color-positive-inverted-base);
  --ks-border-color-positive-inverted-translucent-base: var(--ks-color-positive-inverted-alpha-2-base);
  --ks-border-color-informative-base: var(--ks-color-informative-base);
  --ks-border-color-informative-interactive-base: var(--ks-color-informative-base);
  --ks-border-color-informative-interactive-hover-base: var(--ks-color-informative-to-bg-2-base);
  --ks-border-color-informative-interactive-active-base: var(--ks-color-informative-to-bg-3-base);
  --ks-border-color-informative-interactive-selected-base: var(--ks-color-informative-base);
  --ks-border-color-informative-translucent-base: var(--ks-color-informative-alpha-2-base);
  --ks-border-color-informative-inverted-base: var(--ks-color-informative-inverted-base);
  --ks-border-color-informative-inverted-interactive-base: var(--ks-color-informative-inverted-base);
  --ks-border-color-informative-inverted-interactive-hover-base: var(--ks-color-informative-inverted-to-bg-2-base);
  --ks-border-color-informative-inverted-interactive-active-base: var(--ks-color-informative-inverted-to-bg-3-base);
  --ks-border-color-informative-inverted-interactive-selected-base: var(--ks-color-informative-inverted-base);
  --ks-border-color-informative-inverted-translucent-base: var(--ks-color-informative-inverted-alpha-2-base);
  --ks-border-color-notice-base: var(--ks-color-notice-base);
  --ks-border-color-notice-interactive-base: var(--ks-color-notice-base);
  --ks-border-color-notice-interactive-hover-base: var(--ks-color-notice-to-bg-2-base);
  --ks-border-color-notice-interactive-active-base: var(--ks-color-notice-to-bg-3-base);
  --ks-border-color-notice-interactive-selected-base: var(--ks-color-notice-base);
  --ks-border-color-notice-translucent-base: var(--ks-color-notice-alpha-2-base);
  --ks-border-color-notice-inverted-base: var(--ks-color-notice-inverted-base);
  --ks-border-color-notice-inverted-interactive-base: var(--ks-color-notice-inverted-base);
  --ks-border-color-notice-inverted-interactive-hover-base: var(--ks-color-notice-inverted-to-bg-2-base);
  --ks-border-color-notice-inverted-interactive-active-base: var(--ks-color-notice-inverted-to-bg-3-base);
  --ks-border-color-notice-inverted-interactive-selected-base: var(--ks-color-notice-inverted-base);
  --ks-border-color-notice-inverted-translucent-base: var(--ks-color-notice-inverted-alpha-2-base);
  --ks-border-color-negative-base: var(--ks-color-negative-base);
  --ks-border-color-negative-interactive-base: var(--ks-color-negative-base);
  --ks-border-color-negative-interactive-hover-base: var(--ks-color-negative-to-bg-2-base);
  --ks-border-color-negative-interactive-active-base: var(--ks-color-negative-to-bg-3-base);
  --ks-border-color-negative-interactive-selected-base: var(--ks-color-negative-base);
  --ks-border-color-negative-translucent-base: var(--ks-color-negative-alpha-2-base);
  --ks-border-color-negative-inverted-base: var(--ks-color-negative-inverted-base);
  --ks-border-color-negative-inverted-interactive-base: var(--ks-color-negative-inverted-base);
  --ks-border-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-to-bg-2-base);
  --ks-border-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-to-bg-3-base);
  --ks-border-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-base);
  --ks-border-color-negative-inverted-translucent-base: var(--ks-color-negative-inverted-alpha-2-base);
  --ks-border-color-secondary-base: var(--ks-color-secondary-base);
  --ks-border-color-secondary-interactive-base: var(--ks-color-secondary-base);
  --ks-border-color-secondary-interactive-hover-base: var(--ks-color-secondary-to-bg-2-base);
  --ks-border-color-secondary-interactive-active-base: var(--ks-color-secondary-to-bg-3-base);
  --ks-border-color-secondary-interactive-selected-base: var(--ks-color-secondary-base);
  --ks-border-color-secondary-translucent-base: var(--ks-color-secondary-alpha-2-base);
  --ks-border-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
  --ks-border-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-base);
  --ks-border-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-to-bg-2-base);
  --ks-border-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-to-bg-3-base);
  --ks-border-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-base);
  --ks-border-color-secondary-inverted-translucent-base: var(--ks-color-secondary-inverted-alpha-2-base);
  --ks-border-width-default: 1px;
  --ks-border-width-emphasized: 2px;
  --ks-border-radius-control: 8px;
  --ks-border-radius-card: 8px;
  --ks-border-radius-surface: 16px;
  --ks-border-radius-pill: 999px;
  --ks-border-radius-circle: 50%;
  --ks-box-shadow-opacity-control: 0.2;
  --ks-box-shadow-opacity-control-hover: 0.3;
  --ks-box-shadow-opacity-control-inverted: 0.2;
  --ks-box-shadow-opacity-control-inverted-hover: 0.3;
  --ks-box-shadow-opacity-card: 0.2;
  --ks-box-shadow-opacity-card-hover: 0.3;
  --ks-box-shadow-opacity-card-inverted: 0.2;
  --ks-box-shadow-opacity-card-inverted-hover: 0.3;
  --ks-box-shadow-opacity-surface: 0.1;
  --ks-box-shadow-opacity-surface-hover: 0.2;
  --ks-box-shadow-opacity-surface-inverted: 0.1;
  --ks-box-shadow-opacity-surface-inverted-hover: 0.2;
  --ks-box-shadow-color-control: rgba(32,33,36,var(--ks-box-shadow-opacity-control));
  --ks-box-shadow-color-control-hover: rgba(32,33,36,var(--ks-box-shadow-opacity-control-hover));
  --ks-box-shadow-color-control-inverted: rgba(32,33,36,var(--ks-box-shadow-opacity-control-inverted));
  --ks-box-shadow-color-control-inverted-hover: rgba(32,33,36,var(--ks-box-shadow-opacity-control-inverted-hover));
  --ks-box-shadow-color-card: rgba(32,33,36,var(--ks-box-shadow-opacity-card));
  --ks-box-shadow-color-card-hover: rgba(32,33,36,var(--ks-box-shadow-opacity-card-hover));
  --ks-box-shadow-color-card-inverted: rgba(32,33,36,var(--ks-box-shadow-opacity-card-inverted));
  --ks-box-shadow-color-card-inverted-hover: rgba(32,33,36,var(--ks-box-shadow-opacity-card-inverted-hover));
  --ks-box-shadow-color-surface: rgba(32,33,36,var(--ks-box-shadow-opacity-surface));
  --ks-box-shadow-color-surface-hover: rgba(32,33,36,var(--ks-box-shadow-opacity-surface-hover));
  --ks-box-shadow-color-surface-inverted: rgba(32,33,36,var(--ks-box-shadow-opacity-surface-inverted));
  --ks-box-shadow-color-surface-inverted-hover: rgba(32,33,36,var(--ks-box-shadow-opacity-surface-inverted-hover));
  --ks-box-shadow-control: 0 1px 2px var(--ks-box-shadow-color-control);
  --ks-box-shadow-control-hover: 0 1px 4px var(--ks-box-shadow-color-control-hover);
  --ks-box-shadow-control-inverted: 0 1px 2px var(--ks-box-shadow-color-control-inverted);
  --ks-box-shadow-control-inverted-hover: 0 1px 4px var(--ks-box-shadow-color-control-inverted-hover);
  --ks-box-shadow-card: 0 1px 4px var(--ks-box-shadow-color-card);
  --ks-box-shadow-card-hover: 0 1px 8px var(--ks-box-shadow-color-card-hover);
  --ks-box-shadow-card-inverted: 0 1px 4px var(--ks-box-shadow-color-card-inverted);
  --ks-box-shadow-card-inverted-hover: 0 1px 8px var(--ks-box-shadow-color-card-inverted-hover);
  --ks-box-shadow-surface: 0 1px 8px var(--ks-box-shadow-color-surface);
  --ks-box-shadow-surface-hover: 0 1px 16px var(--ks-box-shadow-color-surface-hover);
  --ks-box-shadow-surface-inverted: 0 1px 8px var(--ks-box-shadow-color-surface-inverted);
  --ks-box-shadow-surface-inverted-hover: 0 1px 16px var(--ks-box-shadow-color-surface-inverted-hover);
  --ks-color-fg-base: #202124;
  --ks-color-fg-alpha-1-base: rgba(32,33,36,.95);
  --ks-color-fg-alpha-2-base: rgba(32,33,36,.87);
  --ks-color-fg-alpha-3-base: rgba(32,33,36,.76);
  --ks-color-fg-alpha-4-base: rgba(32,33,36,.63);
  --ks-color-fg-alpha-5-base: rgba(32,33,36,.5);
  --ks-color-fg-alpha-6-base: rgba(32,33,36,.37);
  --ks-color-fg-alpha-7-base: rgba(32,33,36,.24);
  --ks-color-fg-alpha-8-base: rgba(32,33,36,.13);
  --ks-color-fg-alpha-9-base: rgba(32,33,36,.05);
  --ks-color-fg-to-bg-1-base: #2a2b2e;
  --ks-color-fg-to-bg-2-base: #3b3c3f;
  --ks-color-fg-to-bg-3-base: #525355;
  --ks-color-fg-to-bg-4-base: #6d6e70;
  --ks-color-fg-to-bg-5-base: #89898b;
  --ks-color-fg-to-bg-6-base: #a4a4a5;
  --ks-color-fg-to-bg-7-base: #bfbfc0;
  --ks-color-fg-to-bg-8-base: #d6d6d6;
  --ks-color-fg-to-bg-9-base: #e7e7e7;
  --ks-color-fg-inverted-base: #fff;
  --ks-color-fg-inverted-alpha-1-base: hsla(0,0%,100%,.95);
  --ks-color-fg-inverted-alpha-2-base: hsla(0,0%,100%,.87);
  --ks-color-fg-inverted-alpha-3-base: hsla(0,0%,100%,.76);
  --ks-color-fg-inverted-alpha-4-base: hsla(0,0%,100%,.63);
  --ks-color-fg-inverted-alpha-5-base: hsla(0,0%,100%,.5);
  --ks-color-fg-inverted-alpha-6-base: hsla(0,0%,100%,.37);
  --ks-color-fg-inverted-alpha-7-base: hsla(0,0%,100%,.24);
  --ks-color-fg-inverted-alpha-8-base: hsla(0,0%,100%,.13);
  --ks-color-fg-inverted-alpha-9-base: hsla(0,0%,100%,.05);
  --ks-color-fg-inverted-to-bg-1-base: #f3f3f3;
  --ks-color-fg-inverted-to-bg-2-base: #e0e0e0;
  --ks-color-fg-inverted-to-bg-3-base: #c5c5c5;
  --ks-color-fg-inverted-to-bg-4-base: #a6a6a6;
  --ks-color-fg-inverted-to-bg-5-base: #878787;
  --ks-color-fg-inverted-to-bg-6-base: #686868;
  --ks-color-fg-inverted-to-bg-7-base: #494949;
  --ks-color-fg-inverted-to-bg-8-base: #2e2e2e;
  --ks-color-fg-inverted-to-bg-9-base: #1b1b1b;
  --ks-color-bg-base: #f1f1f1;
  --ks-color-bg-alpha-1-base: hsla(0,0%,95%,.95);
  --ks-color-bg-alpha-2-base: hsla(0,0%,95%,.87);
  --ks-color-bg-alpha-3-base: hsla(0,0%,95%,.76);
  --ks-color-bg-alpha-4-base: hsla(0,0%,95%,.63);
  --ks-color-bg-alpha-5-base: hsla(0,0%,95%,.5);
  --ks-color-bg-alpha-6-base: hsla(0,0%,95%,.37);
  --ks-color-bg-alpha-7-base: hsla(0,0%,95%,.24);
  --ks-color-bg-alpha-8-base: hsla(0,0%,95%,.13);
  --ks-color-bg-alpha-9-base: hsla(0,0%,95%,.05);
  --ks-color-bg-to-fg-1-base: #e7e7e7;
  --ks-color-bg-to-fg-2-base: #d6d6d6;
  --ks-color-bg-to-fg-3-base: #bfbfc0;
  --ks-color-bg-to-fg-4-base: #a4a4a5;
  --ks-color-bg-to-fg-5-base: #89898b;
  --ks-color-bg-to-fg-6-base: #6d6e70;
  --ks-color-bg-to-fg-7-base: #525355;
  --ks-color-bg-to-fg-8-base: #3b3c3f;
  --ks-color-bg-to-fg-9-base: #2a2b2e;
  --ks-color-bg-inverted-base: #0f0f0f;
  --ks-color-bg-inverted-alpha-1-base: hsla(0,0%,6%,.95);
  --ks-color-bg-inverted-alpha-2-base: hsla(0,0%,6%,.87);
  --ks-color-bg-inverted-alpha-3-base: hsla(0,0%,6%,.76);
  --ks-color-bg-inverted-alpha-4-base: hsla(0,0%,6%,.63);
  --ks-color-bg-inverted-alpha-5-base: hsla(0,0%,6%,.5);
  --ks-color-bg-inverted-alpha-6-base: hsla(0,0%,6%,.37);
  --ks-color-bg-inverted-alpha-7-base: hsla(0,0%,6%,.24);
  --ks-color-bg-inverted-alpha-8-base: hsla(0,0%,6%,.13);
  --ks-color-bg-inverted-alpha-9-base: hsla(0,0%,6%,.05);
  --ks-color-bg-inverted-to-fg-1-base: #1b1b1b;
  --ks-color-bg-inverted-to-fg-2-base: #2e2e2e;
  --ks-color-bg-inverted-to-fg-3-base: #494949;
  --ks-color-bg-inverted-to-fg-4-base: #686868;
  --ks-color-bg-inverted-to-fg-5-base: #878787;
  --ks-color-bg-inverted-to-fg-6-base: #a6a6a6;
  --ks-color-bg-inverted-to-fg-7-base: #c5c5c5;
  --ks-color-bg-inverted-to-fg-8-base: #e0e0e0;
  --ks-color-bg-inverted-to-fg-9-base: #f3f3f3;
  --ks-color-transparent-base: rgba(0,0,0,0);
  --ks-color-primary-base: #4285f4;
  --ks-color-primary-alpha-1-base: rgba(66,133,244,.95);
  --ks-color-primary-alpha-2-base: rgba(66,133,244,.87);
  --ks-color-primary-alpha-3-base: rgba(66,133,244,.76);
  --ks-color-primary-alpha-4-base: rgba(66,133,244,.63);
  --ks-color-primary-alpha-5-base: rgba(66,133,244,.5);
  --ks-color-primary-alpha-6-base: rgba(66,133,244,.37);
  --ks-color-primary-alpha-7-base: rgba(66,133,244,.24);
  --ks-color-primary-alpha-8-base: rgba(66,133,244,.13);
  --ks-color-primary-alpha-9-base: rgba(66,133,244,.05);
  --ks-color-primary-to-bg-1-base: #4b8af4;
  --ks-color-primary-to-bg-2-base: #5993f4;
  --ks-color-primary-to-bg-3-base: #6c9ff3;
  --ks-color-primary-to-bg-4-base: #83adf3;
  --ks-color-primary-to-bg-5-base: #9abbf3;
  --ks-color-primary-to-bg-6-base: #b0c9f2;
  --ks-color-primary-to-bg-7-base: #c7d7f2;
  --ks-color-primary-to-bg-8-base: #dae3f1;
  --ks-color-primary-to-bg-9-base: #e8ecf1;
  --ks-color-primary-to-fg-1-base: #4080ea;
  --ks-color-primary-to-fg-2-base: #3e78d9;
  --ks-color-primary-to-fg-3-base: #3a6dc2;
  --ks-color-primary-to-fg-4-base: #3560a7;
  --ks-color-primary-to-fg-5-base: #31538c;
  --ks-color-primary-to-fg-6-base: #2d4671;
  --ks-color-primary-to-fg-7-base: #283956;
  --ks-color-primary-to-fg-8-base: #242e3f;
  --ks-color-primary-to-fg-9-base: #22262e;
  --ks-color-primary-inverted-base: #4285f4;
  --ks-color-primary-inverted-alpha-1-base: rgba(66,133,244,.95);
  --ks-color-primary-inverted-alpha-2-base: rgba(66,133,244,.87);
  --ks-color-primary-inverted-alpha-3-base: rgba(66,133,244,.76);
  --ks-color-primary-inverted-alpha-4-base: rgba(66,133,244,.63);
  --ks-color-primary-inverted-alpha-5-base: rgba(66,133,244,.5);
  --ks-color-primary-inverted-alpha-6-base: rgba(66,133,244,.37);
  --ks-color-primary-inverted-alpha-7-base: rgba(66,133,244,.24);
  --ks-color-primary-inverted-alpha-8-base: rgba(66,133,244,.13);
  --ks-color-primary-inverted-alpha-9-base: rgba(66,133,244,.05);
  --ks-color-primary-inverted-to-bg-1-base: #3f7fe9;
  --ks-color-primary-inverted-to-bg-2-base: #3b76d6;
  --ks-color-primary-inverted-to-bg-3-base: #3669bd;
  --ks-color-primary-inverted-to-bg-4-base: #2f599f;
  --ks-color-primary-inverted-to-bg-5-base: #294a82;
  --ks-color-primary-inverted-to-bg-6-base: #223b64;
  --ks-color-primary-inverted-to-bg-7-base: #1b2b46;
  --ks-color-primary-inverted-to-bg-8-base: #161e2d;
  --ks-color-primary-inverted-to-bg-9-base: #12151a;
  --ks-color-primary-inverted-to-fg-1-base: #4b8bf5;
  --ks-color-primary-inverted-to-fg-2-base: #5b95f5;
  --ks-color-primary-inverted-to-fg-3-base: #6fa2f7;
  --ks-color-primary-inverted-to-fg-4-base: #88b2f8;
  --ks-color-primary-inverted-to-fg-5-base: #a1c2fa;
  --ks-color-primary-inverted-to-fg-6-base: #b9d2fb;
  --ks-color-primary-inverted-to-fg-7-base: #d2e2fc;
  --ks-color-primary-inverted-to-fg-8-base: #e6effe;
  --ks-color-primary-inverted-to-fg-9-base: #f6f9fe;
  --ks-color-link-base: #007faf;
  --ks-color-link-alpha-1-base: rgba(0,127,175,.95);
  --ks-color-link-alpha-2-base: rgba(0,127,175,.87);
  --ks-color-link-alpha-3-base: rgba(0,127,175,.76);
  --ks-color-link-alpha-4-base: rgba(0,127,175,.63);
  --ks-color-link-alpha-5-base: rgba(0,127,175,.5);
  --ks-color-link-alpha-6-base: rgba(0,127,175,.37);
  --ks-color-link-alpha-7-base: rgba(0,127,175,.24);
  --ks-color-link-alpha-8-base: rgba(0,127,175,.13);
  --ks-color-link-alpha-9-base: rgba(0,127,175,.05);
  --ks-color-link-to-bg-1-base: #0c85b2;
  --ks-color-link-to-bg-2-base: #1f8eb8;
  --ks-color-link-to-bg-3-base: #3a9abf;
  --ks-color-link-to-bg-4-base: #59a9c7;
  --ks-color-link-to-bg-5-base: #79b8d0;
  --ks-color-link-to-bg-6-base: #98c7d9;
  --ks-color-link-to-bg-7-base: #b7d6e1;
  --ks-color-link-to-bg-8-base: #d2e2e8;
  --ks-color-link-to-bg-9-base: #e5ebee;
  --ks-color-link-to-fg-1-base: #027aa8;
  --ks-color-link-to-fg-2-base: #04739d;
  --ks-color-link-to-fg-3-base: #08688e;
  --ks-color-link-to-fg-4-base: #0c5c7c;
  --ks-color-link-to-fg-5-base: #10506a;
  --ks-color-link-to-fg-6-base: #144457;
  --ks-color-link-to-fg-7-base: #183845;
  --ks-color-link-to-fg-8-base: #1c2d36;
  --ks-color-link-to-fg-9-base: #1e262b;
  --ks-color-link-inverted-base: #3ea6ff;
  --ks-color-link-inverted-alpha-1-base: rgba(62,166,255,.95);
  --ks-color-link-inverted-alpha-2-base: rgba(62,166,255,.87);
  --ks-color-link-inverted-alpha-3-base: rgba(62,166,255,.76);
  --ks-color-link-inverted-alpha-4-base: rgba(62,166,255,.63);
  --ks-color-link-inverted-alpha-5-base: rgba(62,166,255,.5);
  --ks-color-link-inverted-alpha-6-base: rgba(62,166,255,.37);
  --ks-color-link-inverted-alpha-7-base: rgba(62,166,255,.24);
  --ks-color-link-inverted-alpha-8-base: rgba(62,166,255,.13);
  --ks-color-link-inverted-alpha-9-base: rgba(62,166,255,.05);
  --ks-color-link-inverted-to-bg-1-base: #3c9ef3;
  --ks-color-link-inverted-to-bg-2-base: #3892e0;
  --ks-color-link-inverted-to-bg-3-base: #3382c5;
  --ks-color-link-inverted-to-bg-4-base: #2d6ea6;
  --ks-color-link-inverted-to-bg-5-base: #275b87;
  --ks-color-link-inverted-to-bg-6-base: #204768;
  --ks-color-link-inverted-to-bg-7-base: #1a3349;
  --ks-color-link-inverted-to-bg-8-base: #15232e;
  --ks-color-link-inverted-to-bg-9-base: #11171b;
  --ks-color-link-inverted-to-fg-1-base: #48aaff;
  --ks-color-link-inverted-to-fg-2-base: #57b2ff;
  --ks-color-link-inverted-to-fg-3-base: #6cbbff;
  --ks-color-link-inverted-to-fg-4-base: #85c7ff;
  --ks-color-link-inverted-to-fg-5-base: #9fd3ff;
  --ks-color-link-inverted-to-fg-6-base: #b8deff;
  --ks-color-link-inverted-to-fg-7-base: #d1eaff;
  --ks-color-link-inverted-to-fg-8-base: #e6f3ff;
  --ks-color-link-inverted-to-fg-9-base: #f5fbff;
  --ks-color-positive-base: #34a853;
  --ks-color-positive-alpha-1-base: rgba(52,168,83,.95);
  --ks-color-positive-alpha-2-base: rgba(52,168,83,.87);
  --ks-color-positive-alpha-3-base: rgba(52,168,83,.76);
  --ks-color-positive-alpha-4-base: rgba(52,168,83,.63);
  --ks-color-positive-alpha-5-base: rgba(52,168,83,.5);
  --ks-color-positive-alpha-6-base: rgba(52,168,83,.37);
  --ks-color-positive-alpha-7-base: rgba(52,168,83,.24);
  --ks-color-positive-alpha-8-base: rgba(52,168,83,.13);
  --ks-color-positive-alpha-9-base: rgba(52,168,83,.05);
  --ks-color-positive-to-bg-1-base: #3dac5b;
  --ks-color-positive-to-bg-2-base: #4db168;
  --ks-color-positive-to-bg-3-base: #61ba79;
  --ks-color-positive-to-bg-4-base: #7ac38d;
  --ks-color-positive-to-bg-5-base: #93cda2;
  --ks-color-positive-to-bg-6-base: #abd6b7;
  --ks-color-positive-to-bg-7-base: #c4dfcb;
  --ks-color-positive-to-bg-8-base: #d8e8dc;
  --ks-color-positive-to-bg-9-base: #e8ede9;
  --ks-color-positive-to-fg-1-base: #33a151;
  --ks-color-positive-to-fg-2-base: #31964d;
  --ks-color-positive-to-fg-3-base: #2f8848;
  --ks-color-positive-to-fg-4-base: #2d7642;
  --ks-color-positive-to-fg-5-base: #2a653c;
  --ks-color-positive-to-fg-6-base: #275335;
  --ks-color-positive-to-fg-7-base: #25412f;
  --ks-color-positive-to-fg-8-base: #23332a;
  --ks-color-positive-to-fg-9-base: #212826;
  --ks-color-positive-inverted-base: #34a853;
  --ks-color-positive-inverted-alpha-1-base: rgba(52,168,83,.95);
  --ks-color-positive-inverted-alpha-2-base: rgba(52,168,83,.87);
  --ks-color-positive-inverted-alpha-3-base: rgba(52,168,83,.76);
  --ks-color-positive-inverted-alpha-4-base: rgba(52,168,83,.63);
  --ks-color-positive-inverted-alpha-5-base: rgba(52,168,83,.5);
  --ks-color-positive-inverted-alpha-6-base: rgba(52,168,83,.37);
  --ks-color-positive-inverted-alpha-7-base: rgba(52,168,83,.24);
  --ks-color-positive-inverted-alpha-8-base: rgba(52,168,83,.13);
  --ks-color-positive-inverted-alpha-9-base: rgba(52,168,83,.05);
  --ks-color-positive-inverted-to-bg-1-base: #32a050;
  --ks-color-positive-inverted-to-bg-2-base: #2f944a;
  --ks-color-positive-inverted-to-bg-3-base: #2b8343;
  --ks-color-positive-inverted-to-bg-4-base: #266f3a;
  --ks-color-positive-inverted-to-bg-5-base: #225c31;
  --ks-color-positive-inverted-to-bg-6-base: #1d4828;
  --ks-color-positive-inverted-to-bg-7-base: #18341f;
  --ks-color-positive-inverted-to-bg-8-base: #142318;
  --ks-color-positive-inverted-to-bg-9-base: #111712;
  --ks-color-positive-inverted-to-fg-1-base: #3eac5c;
  --ks-color-positive-inverted-to-fg-2-base: #4eb369;
  --ks-color-positive-inverted-to-fg-3-base: #65bd7c;
  --ks-color-positive-inverted-to-fg-4-base: #7fc893;
  --ks-color-positive-inverted-to-fg-5-base: #9ad4a9;
  --ks-color-positive-inverted-to-fg-6-base: #b4dfbf;
  --ks-color-positive-inverted-to-fg-7-base: #ceead6;
  --ks-color-positive-inverted-to-fg-8-base: #e5f4e9;
  --ks-color-positive-inverted-to-fg-9-base: #f5fbf6;
  --ks-color-informative-base: #4285f4;
  --ks-color-informative-alpha-1-base: rgba(66,133,244,.95);
  --ks-color-informative-alpha-2-base: rgba(66,133,244,.87);
  --ks-color-informative-alpha-3-base: rgba(66,133,244,.76);
  --ks-color-informative-alpha-4-base: rgba(66,133,244,.63);
  --ks-color-informative-alpha-5-base: rgba(66,133,244,.5);
  --ks-color-informative-alpha-6-base: rgba(66,133,244,.37);
  --ks-color-informative-alpha-7-base: rgba(66,133,244,.24);
  --ks-color-informative-alpha-8-base: rgba(66,133,244,.13);
  --ks-color-informative-alpha-9-base: rgba(66,133,244,.05);
  --ks-color-informative-to-bg-1-base: #4b8af4;
  --ks-color-informative-to-bg-2-base: #5993f4;
  --ks-color-informative-to-bg-3-base: #6c9ff3;
  --ks-color-informative-to-bg-4-base: #83adf3;
  --ks-color-informative-to-bg-5-base: #9abbf3;
  --ks-color-informative-to-bg-6-base: #b0c9f2;
  --ks-color-informative-to-bg-7-base: #c7d7f2;
  --ks-color-informative-to-bg-8-base: #dae3f1;
  --ks-color-informative-to-bg-9-base: #e8ecf1;
  --ks-color-informative-to-fg-1-base: #4080ea;
  --ks-color-informative-to-fg-2-base: #3e78d9;
  --ks-color-informative-to-fg-3-base: #3a6dc2;
  --ks-color-informative-to-fg-4-base: #3560a7;
  --ks-color-informative-to-fg-5-base: #31538c;
  --ks-color-informative-to-fg-6-base: #2d4671;
  --ks-color-informative-to-fg-7-base: #283956;
  --ks-color-informative-to-fg-8-base: #242e3f;
  --ks-color-informative-to-fg-9-base: #22262e;
  --ks-color-informative-inverted-base: #4285f4;
  --ks-color-informative-inverted-alpha-1-base: rgba(66,133,244,.95);
  --ks-color-informative-inverted-alpha-2-base: rgba(66,133,244,.87);
  --ks-color-informative-inverted-alpha-3-base: rgba(66,133,244,.76);
  --ks-color-informative-inverted-alpha-4-base: rgba(66,133,244,.63);
  --ks-color-informative-inverted-alpha-5-base: rgba(66,133,244,.5);
  --ks-color-informative-inverted-alpha-6-base: rgba(66,133,244,.37);
  --ks-color-informative-inverted-alpha-7-base: rgba(66,133,244,.24);
  --ks-color-informative-inverted-alpha-8-base: rgba(66,133,244,.13);
  --ks-color-informative-inverted-alpha-9-base: rgba(66,133,244,.05);
  --ks-color-informative-inverted-to-bg-1-base: #3f7fe9;
  --ks-color-informative-inverted-to-bg-2-base: #3b76d6;
  --ks-color-informative-inverted-to-bg-3-base: #3669bd;
  --ks-color-informative-inverted-to-bg-4-base: #2f599f;
  --ks-color-informative-inverted-to-bg-5-base: #294a82;
  --ks-color-informative-inverted-to-bg-6-base: #223b64;
  --ks-color-informative-inverted-to-bg-7-base: #1b2b46;
  --ks-color-informative-inverted-to-bg-8-base: #161e2d;
  --ks-color-informative-inverted-to-bg-9-base: #12151a;
  --ks-color-informative-inverted-to-fg-1-base: #4b8bf5;
  --ks-color-informative-inverted-to-fg-2-base: #5b95f5;
  --ks-color-informative-inverted-to-fg-3-base: #6fa2f7;
  --ks-color-informative-inverted-to-fg-4-base: #88b2f8;
  --ks-color-informative-inverted-to-fg-5-base: #a1c2fa;
  --ks-color-informative-inverted-to-fg-6-base: #b9d2fb;
  --ks-color-informative-inverted-to-fg-7-base: #d2e2fc;
  --ks-color-informative-inverted-to-fg-8-base: #e6effe;
  --ks-color-informative-inverted-to-fg-9-base: #f6f9fe;
  --ks-color-notice-base: #f9de55;
  --ks-color-notice-alpha-1-base: rgba(249,222,85,.95);
  --ks-color-notice-alpha-2-base: rgba(249,222,85,.87);
  --ks-color-notice-alpha-3-base: rgba(249,222,85,.76);
  --ks-color-notice-alpha-4-base: rgba(249,222,85,.63);
  --ks-color-notice-alpha-5-base: rgba(249,222,85,.5);
  --ks-color-notice-alpha-6-base: rgba(249,222,85,.37);
  --ks-color-notice-alpha-7-base: rgba(249,222,85,.24);
  --ks-color-notice-alpha-8-base: rgba(249,222,85,.13);
  --ks-color-notice-alpha-9-base: rgba(249,222,85,.05);
  --ks-color-notice-to-bg-1-base: #f9df5d;
  --ks-color-notice-to-bg-2-base: #f8e069;
  --ks-color-notice-to-bg-3-base: #f7e37a;
  --ks-color-notice-to-bg-4-base: #f6e58f;
  --ks-color-notice-to-bg-5-base: #f5e8a3;
  --ks-color-notice-to-bg-6-base: #f4eab7;
  --ks-color-notice-to-bg-7-base: #f3eccc;
  --ks-color-notice-to-bg-8-base: #f2efdd;
  --ks-color-notice-to-bg-9-base: #f1f0e9;
  --ks-color-notice-to-fg-1-base: #eed553;
  --ks-color-notice-to-fg-2-base: #ddc54f;
  --ks-color-notice-to-fg-3-base: #c5b149;
  --ks-color-notice-to-fg-4-base: #a99843;
  --ks-color-notice-to-fg-5-base: #8d803d;
  --ks-color-notice-to-fg-6-base: #706736;
  --ks-color-notice-to-fg-7-base: #544e30;
  --ks-color-notice-to-fg-8-base: #3c3a2a;
  --ks-color-notice-to-fg-9-base: #2b2a26;
  --ks-color-notice-inverted-base: #f9de55;
  --ks-color-notice-inverted-alpha-1-base: rgba(249,222,85,.95);
  --ks-color-notice-inverted-alpha-2-base: rgba(249,222,85,.87);
  --ks-color-notice-inverted-alpha-3-base: rgba(249,222,85,.76);
  --ks-color-notice-inverted-alpha-4-base: rgba(249,222,85,.63);
  --ks-color-notice-inverted-alpha-5-base: rgba(249,222,85,.5);
  --ks-color-notice-inverted-alpha-6-base: rgba(249,222,85,.37);
  --ks-color-notice-inverted-alpha-7-base: rgba(249,222,85,.24);
  --ks-color-notice-inverted-alpha-8-base: rgba(249,222,85,.13);
  --ks-color-notice-inverted-alpha-9-base: rgba(249,222,85,.05);
  --ks-color-notice-inverted-to-bg-1-base: #edd452;
  --ks-color-notice-inverted-to-bg-2-base: #dbc34c;
  --ks-color-notice-inverted-to-bg-3-base: #c1ac44;
  --ks-color-notice-inverted-to-bg-4-base: #a2913b;
  --ks-color-notice-inverted-to-bg-5-base: #847732;
  --ks-color-notice-inverted-to-bg-6-base: #665c29;
  --ks-color-notice-inverted-to-bg-7-base: #474120;
  --ks-color-notice-inverted-to-bg-8-base: #2d2a18;
  --ks-color-notice-inverted-to-bg-9-base: #1b1913;
  --ks-color-notice-inverted-to-fg-1-base: #f9e05e;
  --ks-color-notice-inverted-to-fg-2-base: #fae26b;
  --ks-color-notice-inverted-to-fg-3-base: #fae67e;
  --ks-color-notice-inverted-to-fg-4-base: #fbea94;
  --ks-color-notice-inverted-to-fg-5-base: #fcefaa;
  --ks-color-notice-inverted-to-fg-6-base: #fdf3c0;
  --ks-color-notice-inverted-to-fg-7-base: #fef7d6;
  --ks-color-notice-inverted-to-fg-8-base: #fefbe9;
  --ks-color-notice-inverted-to-fg-9-base: #fffdf7;
  --ks-color-negative-base: #4285f4;
  --ks-color-negative-alpha-1-base: rgba(66,133,244,.95);
  --ks-color-negative-alpha-2-base: rgba(66,133,244,.87);
  --ks-color-negative-alpha-3-base: rgba(66,133,244,.76);
  --ks-color-negative-alpha-4-base: rgba(66,133,244,.63);
  --ks-color-negative-alpha-5-base: rgba(66,133,244,.5);
  --ks-color-negative-alpha-6-base: rgba(66,133,244,.37);
  --ks-color-negative-alpha-7-base: rgba(66,133,244,.24);
  --ks-color-negative-alpha-8-base: rgba(66,133,244,.13);
  --ks-color-negative-alpha-9-base: rgba(66,133,244,.05);
  --ks-color-negative-to-bg-1-base: #4b8af4;
  --ks-color-negative-to-bg-2-base: #5993f4;
  --ks-color-negative-to-bg-3-base: #6c9ff3;
  --ks-color-negative-to-bg-4-base: #83adf3;
  --ks-color-negative-to-bg-5-base: #9abbf3;
  --ks-color-negative-to-bg-6-base: #b0c9f2;
  --ks-color-negative-to-bg-7-base: #c7d7f2;
  --ks-color-negative-to-bg-8-base: #dae3f1;
  --ks-color-negative-to-bg-9-base: #e8ecf1;
  --ks-color-negative-to-fg-1-base: #4080ea;
  --ks-color-negative-to-fg-2-base: #3e78d9;
  --ks-color-negative-to-fg-3-base: #3a6dc2;
  --ks-color-negative-to-fg-4-base: #3560a7;
  --ks-color-negative-to-fg-5-base: #31538c;
  --ks-color-negative-to-fg-6-base: #2d4671;
  --ks-color-negative-to-fg-7-base: #283956;
  --ks-color-negative-to-fg-8-base: #242e3f;
  --ks-color-negative-to-fg-9-base: #22262e;
  --ks-color-negative-inverted-base: #4285f4;
  --ks-color-negative-inverted-alpha-1-base: rgba(66,133,244,.95);
  --ks-color-negative-inverted-alpha-2-base: rgba(66,133,244,.87);
  --ks-color-negative-inverted-alpha-3-base: rgba(66,133,244,.76);
  --ks-color-negative-inverted-alpha-4-base: rgba(66,133,244,.63);
  --ks-color-negative-inverted-alpha-5-base: rgba(66,133,244,.5);
  --ks-color-negative-inverted-alpha-6-base: rgba(66,133,244,.37);
  --ks-color-negative-inverted-alpha-7-base: rgba(66,133,244,.24);
  --ks-color-negative-inverted-alpha-8-base: rgba(66,133,244,.13);
  --ks-color-negative-inverted-alpha-9-base: rgba(66,133,244,.05);
  --ks-color-negative-inverted-to-bg-1-base: #3f7fe9;
  --ks-color-negative-inverted-to-bg-2-base: #3b76d6;
  --ks-color-negative-inverted-to-bg-3-base: #3669bd;
  --ks-color-negative-inverted-to-bg-4-base: #2f599f;
  --ks-color-negative-inverted-to-bg-5-base: #294a82;
  --ks-color-negative-inverted-to-bg-6-base: #223b64;
  --ks-color-negative-inverted-to-bg-7-base: #1b2b46;
  --ks-color-negative-inverted-to-bg-8-base: #161e2d;
  --ks-color-negative-inverted-to-bg-9-base: #12151a;
  --ks-color-negative-inverted-to-fg-1-base: #4b8bf5;
  --ks-color-negative-inverted-to-fg-2-base: #5b95f5;
  --ks-color-negative-inverted-to-fg-3-base: #6fa2f7;
  --ks-color-negative-inverted-to-fg-4-base: #88b2f8;
  --ks-color-negative-inverted-to-fg-5-base: #a1c2fa;
  --ks-color-negative-inverted-to-fg-6-base: #b9d2fb;
  --ks-color-negative-inverted-to-fg-7-base: #d2e2fc;
  --ks-color-negative-inverted-to-fg-8-base: #e6effe;
  --ks-color-negative-inverted-to-fg-9-base: #f6f9fe;
  --ks-color-secondary-base: #007faf;
  --ks-color-secondary-alpha-1-base: rgba(0,127,175,.95);
  --ks-color-secondary-alpha-2-base: rgba(0,127,175,.87);
  --ks-color-secondary-alpha-3-base: rgba(0,127,175,.76);
  --ks-color-secondary-alpha-4-base: rgba(0,127,175,.63);
  --ks-color-secondary-alpha-5-base: rgba(0,127,175,.5);
  --ks-color-secondary-alpha-6-base: rgba(0,127,175,.37);
  --ks-color-secondary-alpha-7-base: rgba(0,127,175,.24);
  --ks-color-secondary-alpha-8-base: rgba(0,127,175,.13);
  --ks-color-secondary-alpha-9-base: rgba(0,127,175,.05);
  --ks-color-secondary-to-bg-1-base: #0c85b2;
  --ks-color-secondary-to-bg-2-base: #1f8eb8;
  --ks-color-secondary-to-bg-3-base: #3a9abf;
  --ks-color-secondary-to-bg-4-base: #59a9c7;
  --ks-color-secondary-to-bg-5-base: #79b8d0;
  --ks-color-secondary-to-bg-6-base: #98c7d9;
  --ks-color-secondary-to-bg-7-base: #b7d6e1;
  --ks-color-secondary-to-bg-8-base: #d2e2e8;
  --ks-color-secondary-to-bg-9-base: #e5ebee;
  --ks-color-secondary-to-fg-1-base: #027aa8;
  --ks-color-secondary-to-fg-2-base: #04739d;
  --ks-color-secondary-to-fg-3-base: #08688e;
  --ks-color-secondary-to-fg-4-base: #0c5c7c;
  --ks-color-secondary-to-fg-5-base: #10506a;
  --ks-color-secondary-to-fg-6-base: #144457;
  --ks-color-secondary-to-fg-7-base: #183845;
  --ks-color-secondary-to-fg-8-base: #1c2d36;
  --ks-color-secondary-to-fg-9-base: #1e262b;
  --ks-color-secondary-inverted-base: #007faf;
  --ks-color-secondary-inverted-alpha-1-base: rgba(0,127,175,.95);
  --ks-color-secondary-inverted-alpha-2-base: rgba(0,127,175,.87);
  --ks-color-secondary-inverted-alpha-3-base: rgba(0,127,175,.76);
  --ks-color-secondary-inverted-alpha-4-base: rgba(0,127,175,.63);
  --ks-color-secondary-inverted-alpha-5-base: rgba(0,127,175,.5);
  --ks-color-secondary-inverted-alpha-6-base: rgba(0,127,175,.37);
  --ks-color-secondary-inverted-alpha-7-base: rgba(0,127,175,.24);
  --ks-color-secondary-inverted-alpha-8-base: rgba(0,127,175,.13);
  --ks-color-secondary-inverted-alpha-9-base: rgba(0,127,175,.05);
  --ks-color-secondary-inverted-to-bg-1-base: #0179a7;
  --ks-color-secondary-inverted-to-bg-2-base: #02709a;
  --ks-color-secondary-inverted-to-bg-3-base: #046489;
  --ks-color-secondary-inverted-to-bg-4-base: #065674;
  --ks-color-secondary-inverted-to-bg-5-base: #08475f;
  --ks-color-secondary-inverted-to-bg-6-base: #09384a;
  --ks-color-secondary-inverted-to-bg-7-base: #0b2a35;
  --ks-color-secondary-inverted-to-bg-8-base: #0d1e24;
  --ks-color-secondary-inverted-to-bg-9-base: #0e1517;
  --ks-color-secondary-inverted-to-fg-1-base: #0d85b3;
  --ks-color-secondary-inverted-to-fg-2-base: #2190b9;
  --ks-color-secondary-inverted-to-fg-3-base: #3d9ec2;
  --ks-color-secondary-inverted-to-fg-4-base: #5eaecd;
  --ks-color-secondary-inverted-to-fg-5-base: #80bfd7;
  --ks-color-secondary-inverted-to-fg-6-base: #a1d0e1;
  --ks-color-secondary-inverted-to-fg-7-base: #c2e0ec;
  --ks-color-secondary-inverted-to-fg-8-base: #deeef5;
  --ks-color-secondary-inverted-to-fg-9-base: #f2f9fb;
  --ks-depth-modal: 1000;
  --ks-spacing-xxs: var(--ks-spacing-xxs-base);
  --ks-spacing-xxs-base: 0.1481rem;
  --ks-spacing-xxs-bp-factor-phone: 1.25;
  --ks-spacing-xxs-bp-factor-tablet: 1.5625;
  --ks-spacing-xxs-bp-factor-laptop: 1.9531;
  --ks-spacing-xxs-bp-factor-desktop: 2.4414;
  --ks-spacing-xs: var(--ks-spacing-xs-base);
  --ks-spacing-xs-base: 0.2222rem;
  --ks-spacing-xs-bp-factor-phone: 1.25;
  --ks-spacing-xs-bp-factor-tablet: 1.5625;
  --ks-spacing-xs-bp-factor-laptop: 1.9531;
  --ks-spacing-xs-bp-factor-desktop: 2.4414;
  --ks-spacing-s: var(--ks-spacing-s-base);
  --ks-spacing-s-base: 0.3333rem;
  --ks-spacing-s-bp-factor-phone: 1.25;
  --ks-spacing-s-bp-factor-tablet: 1.5625;
  --ks-spacing-s-bp-factor-laptop: 1.9531;
  --ks-spacing-s-bp-factor-desktop: 2.4414;
  --ks-spacing-m: var(--ks-spacing-m-base);
  --ks-spacing-m-base: 0.5rem;
  --ks-spacing-m-bp-factor-phone: 1.25;
  --ks-spacing-m-bp-factor-tablet: 1.5625;
  --ks-spacing-m-bp-factor-laptop: 1.9531;
  --ks-spacing-m-bp-factor-desktop: 2.4414;
  --ks-spacing-l: var(--ks-spacing-l-base);
  --ks-spacing-l-base: 0.75rem;
  --ks-spacing-l-bp-factor-phone: 1.25;
  --ks-spacing-l-bp-factor-tablet: 1.5625;
  --ks-spacing-l-bp-factor-laptop: 1.9531;
  --ks-spacing-l-bp-factor-desktop: 2.4414;
  --ks-spacing-xl: var(--ks-spacing-xl-base);
  --ks-spacing-xl-base: 1.125rem;
  --ks-spacing-xl-bp-factor-phone: 1.25;
  --ks-spacing-xl-bp-factor-tablet: 1.5625;
  --ks-spacing-xl-bp-factor-laptop: 1.9531;
  --ks-spacing-xl-bp-factor-desktop: 2.4414;
  --ks-spacing-xxl: var(--ks-spacing-xxl-base);
  --ks-spacing-xxl-base: 1.6875rem;
  --ks-spacing-xxl-bp-factor-phone: 1.25;
  --ks-spacing-xxl-bp-factor-tablet: 1.5625;
  --ks-spacing-xxl-bp-factor-laptop: 1.9531;
  --ks-spacing-xxl-bp-factor-desktop: 2.4414;
  --ks-spacing-stack-xs: var(--ks-spacing-xs);
  --ks-spacing-stack-s: var(--ks-spacing-s);
  --ks-spacing-stack-m: var(--ks-spacing-m);
  --ks-spacing-stack-l: var(--ks-spacing-l);
  --ks-spacing-stack-xl: var(--ks-spacing-xl);
  --ks-spacing-inline-xs: var(--ks-spacing-xs);
  --ks-spacing-inline-s: var(--ks-spacing-s);
  --ks-spacing-inline-m: var(--ks-spacing-m);
  --ks-spacing-inline-l: var(--ks-spacing-l);
  --ks-spacing-inline-xl: var(--ks-spacing-xl);
  --ks-spacing-inset-xs: var(--ks-spacing-xs);
  --ks-spacing-inset-s: var(--ks-spacing-s);
  --ks-spacing-inset-m: var(--ks-spacing-m);
  --ks-spacing-inset-l: var(--ks-spacing-l);
  --ks-spacing-inset-xl: var(--ks-spacing-xl);
  --ks-spacing-inset-squish-xs: var(--ks-spacing-xxs) var(--ks-spacing-xs);
  --ks-spacing-inset-squish-s: var(--ks-spacing-xs) var(--ks-spacing-s);
  --ks-spacing-inset-squish-m: var(--ks-spacing-s) var(--ks-spacing-m);
  --ks-spacing-inset-squish-l: var(--ks-spacing-m) var(--ks-spacing-l);
  --ks-spacing-inset-squish-xl: var(--ks-spacing-l) var(--ks-spacing-xl);
  --ks-spacing-inset-stretch-xs: var(--ks-spacing-s) var(--ks-spacing-xs);
  --ks-spacing-inset-stretch-s: var(--ks-spacing-m) var(--ks-spacing-s);
  --ks-spacing-inset-stretch-m: var(--ks-spacing-l) var(--ks-spacing-m);
  --ks-spacing-inset-stretch-l: var(--ks-spacing-xl) var(--ks-spacing-l);
  --ks-spacing-inset-stretch-xl: var(--ks-spacing-xxl) var(--ks-spacing-xl);
  --ks-text-color-default-base: var(--ks-color-fg-base);
  --ks-text-color-default-interactive-base: var(--ks-color-link-base);
  --ks-text-color-default-interactive-hover-base: var(--ks-color-link-base);
  --ks-text-color-default-interactive-active-base: var(--ks-color-link-base);
  --ks-text-color-default-interactive-selected-base: var(--ks-color-link-base);
  --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-default-inverted-interactive-base: var(--ks-color-link-inverted-base);
  --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-base);
  --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-base);
  --ks-text-color-default-inverted-interactive-selected-base: var(--ks-color-link-inverted-base);
  --ks-text-color-copy-base: var(--ks-color-fg-alpha-3-base);
  --ks-text-color-copy-interactive-base: var(--ks-color-link-base);
  --ks-text-color-copy-interactive-hover-base: var(--ks-color-link-to-fg-2-base);
  --ks-text-color-copy-interactive-active-base: var(--ks-color-link-to-fg-3-base);
  --ks-text-color-copy-interactive-selected-base: var(--ks-color-link-to-fg-3-base);
  --ks-text-color-copy-inverted-base: var(--ks-color-fg-inverted-alpha-3-base);
  --ks-text-color-copy-inverted-interactive-base: var(--ks-color-link-inverted-base);
  --ks-text-color-copy-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-text-color-copy-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-text-color-copy-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-text-color-display-base: var(--ks-color-fg-base);
  --ks-text-color-display-interactive-base: var(--ks-color-link-base);
  --ks-text-color-display-interactive-hover-base: var(--ks-color-link-to-fg-2-base);
  --ks-text-color-display-interactive-active-base: var(--ks-color-link-to-fg-3-base);
  --ks-text-color-display-interactive-selected-base: var(--ks-color-link-to-fg-3-base);
  --ks-text-color-display-inverted-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-display-inverted-interactive-base: var(--ks-color-link-inverted-base);
  --ks-text-color-display-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-text-color-display-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-text-color-display-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-text-color-interface-base: var(--ks-color-fg-alpha-4-base);
  --ks-text-color-interface-interactive-base: var(--ks-color-fg-alpha-3-base);
  --ks-text-color-interface-interactive-hover-base: var(--ks-color-fg-base);
  --ks-text-color-interface-interactive-active-base: var(--ks-color-fg-base);
  --ks-text-color-interface-interactive-selected-base: var(--ks-color-fg-base);
  --ks-text-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-4-base);
  --ks-text-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-3-base);
  --ks-text-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-interface-inverted-interactive-selected-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-card-base: var(--ks-color-fg-alpha-2-base);
  --ks-text-color-card-interactive-base: var(--ks-color-fg-base);
  --ks-text-color-card-interactive-hover-base: #000;
  --ks-text-color-card-interactive-active-base: #000;
  --ks-text-color-card-interactive-selected-base: #000;
  --ks-text-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-2-base);
  --ks-text-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-card-inverted-interactive-selected-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-primary-base: var(--ks-color-primary-base);
  --ks-text-color-primary-interactive-base: var(--ks-color-primary-base);
  --ks-text-color-primary-interactive-hover-base: var(--ks-color-primary-alpha-2-base);
  --ks-text-color-primary-interactive-active-base: var(--ks-color-primary-alpha-2-base);
  --ks-text-color-primary-interactive-selected-base: var(--ks-color-primary-alpha-2-base);
  --ks-text-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
  --ks-text-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-alpha-2-base);
  --ks-text-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-2-base);
  --ks-text-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-2-base);
  --ks-text-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-2-base);
  --ks-text-color-positive-base: var(--ks-color-positive-base);
  --ks-text-color-positive-interactive-base: var(--ks-color-positive-base);
  --ks-text-color-positive-interactive-hover-base: var(--ks-color-positive-alpha-2-base);
  --ks-text-color-positive-interactive-active-base: var(--ks-color-positive-alpha-2-base);
  --ks-text-color-positive-interactive-selected-base: var(--ks-color-positive-alpha-2-base);
  --ks-text-color-positive-inverted-base: var(--ks-color-positive-inverted-base);
  --ks-text-color-positive-inverted-interactive-base: var(--ks-color-positive-inverted-alpha-2-base);
  --ks-text-color-positive-inverted-interactive-hover-base: var(--ks-color-positive-inverted-alpha-2-base);
  --ks-text-color-positive-inverted-interactive-active-base: var(--ks-color-positive-inverted-alpha-2-base);
  --ks-text-color-positive-inverted-interactive-selected-base: var(--ks-color-positive-inverted-alpha-2-base);
  --ks-text-color-informative-base: var(--ks-color-informative-base);
  --ks-text-color-informative-interactive-base: var(--ks-color-informative-base);
  --ks-text-color-informative-interactive-hover-base: var(--ks-color-informative-alpha-2-base);
  --ks-text-color-informative-interactive-active-base: var(--ks-color-informative-alpha-2-base);
  --ks-text-color-informative-interactive-selected-base: var(--ks-color-informative-alpha-2-base);
  --ks-text-color-informative-inverted-base: var(--ks-color-informative-inverted-base);
  --ks-text-color-informative-inverted-interactive-base: var(--ks-color-informative-inverted-alpha-2-base);
  --ks-text-color-informative-inverted-interactive-hover-base: var(--ks-color-informative-inverted-alpha-2-base);
  --ks-text-color-informative-inverted-interactive-active-base: var(--ks-color-informative-inverted-alpha-2-base);
  --ks-text-color-informative-inverted-interactive-selected-base: var(--ks-color-informative-inverted-alpha-2-base);
  --ks-text-color-notice-base: var(--ks-color-notice-base);
  --ks-text-color-notice-interactive-base: var(--ks-color-notice-base);
  --ks-text-color-notice-interactive-hover-base: var(--ks-color-notice-alpha-2-base);
  --ks-text-color-notice-interactive-active-base: var(--ks-color-notice-alpha-2-base);
  --ks-text-color-notice-interactive-selected-base: var(--ks-color-notice-alpha-2-base);
  --ks-text-color-notice-inverted-base: var(--ks-color-notice-inverted-base);
  --ks-text-color-notice-inverted-interactive-base: var(--ks-color-notice-inverted-alpha-2-base);
  --ks-text-color-notice-inverted-interactive-hover-base: var(--ks-color-notice-inverted-alpha-2-base);
  --ks-text-color-notice-inverted-interactive-active-base: var(--ks-color-notice-inverted-alpha-2-base);
  --ks-text-color-notice-inverted-interactive-selected-base: var(--ks-color-notice-inverted-alpha-2-base);
  --ks-text-color-negative-base: var(--ks-color-negative-base);
  --ks-text-color-negative-interactive-base: var(--ks-color-negative-base);
  --ks-text-color-negative-interactive-hover-base: var(--ks-color-negative-alpha-2-base);
  --ks-text-color-negative-interactive-active-base: var(--ks-color-negative-alpha-2-base);
  --ks-text-color-negative-interactive-selected-base: var(--ks-color-negative-alpha-2-base);
  --ks-text-color-negative-inverted-base: var(--ks-color-negative-inverted-base);
  --ks-text-color-negative-inverted-interactive-base: var(--ks-color-negative-inverted-alpha-2-base);
  --ks-text-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-alpha-2-base);
  --ks-text-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-alpha-2-base);
  --ks-text-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-alpha-2-base);
  --ks-text-color-secondary-base: var(--ks-color-secondary-base);
  --ks-text-color-secondary-interactive-base: var(--ks-color-secondary-base);
  --ks-text-color-secondary-interactive-hover-base: var(--ks-color-secondary-alpha-2-base);
  --ks-text-color-secondary-interactive-active-base: var(--ks-color-secondary-alpha-2-base);
  --ks-text-color-secondary-interactive-selected-base: var(--ks-color-secondary-alpha-2-base);
  --ks-text-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
  --ks-text-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-alpha-2-base);
  --ks-text-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-alpha-2-base);
  --ks-text-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-alpha-2-base);
  --ks-text-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-alpha-2-base);
  --ks-duration-immediate: 50ms;
  --ks-duration-fast: 100ms;
  --ks-duration-medium: 150ms;
  --ks-duration-slow: 300ms;
  --ks-timing-function-bounce: cubic-bezier(0.17,1,0.5,1.5);
  --ks-timing-function-ease-out: ease-out;
  --ks-timing-function-ease-in: ease-in;
  --ks-timing-function-ease-in-out: ease-in-out;
  --ks-timing-function-linear: linear;
  --ks-transition-collapse: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
  --ks-transition-hover: var(--ks-duration-fast) var(--ks-timing-function-ease-in-out);
  --ks-transition-fade: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
  --ks-font-family-display: 'Google Sans Display', 'Helvetica Neue', 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
  --ks-font-family-copy: 'Google Sans 18pt', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --ks-font-family-interface: 'Google Sans Text', system-ui, -apple-system, BlinkMacSystemFont, 'Avenir Next', 'Avenir', 'Segoe UI', 'Lucida Grande', 'Helvetica Neue', 'Helvetica', 'Fira Sans', 'Roboto', 'Noto', 'Droid Sans', 'Cantarell', 'Oxygen', 'Ubuntu', 'Franklin Gothic Medium', 'Century Gothic', 'Liberation Sans', sans-serif;
  --ks-font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
  --ks-font-weight-light: 300;
  --ks-font-weight-regular: 400;
  --ks-font-weight-semi-bold: 500;
  --ks-font-weight-bold: 700;
  --ks-font-size-display-bp-factor-phone: 1.25;
  --ks-font-size-display-bp-factor-tablet: 1.35;
  --ks-font-size-display-bp-factor-laptop: 1.45;
  --ks-font-size-display-xxs-base: 0.64rem;
  --ks-font-size-display-xs-base: 0.8rem;
  --ks-font-size-display-s-base: 1rem;
  --ks-font-size-display-m-base: 1.25rem;
  --ks-font-size-display-l-base: 1.5625rem;
  --ks-font-size-display-xl-base: 1.9531rem;
  --ks-font-size-display-xxl-base: 2.4414rem;
  --ks-font-size-copy-bp-factor-tablet: 1.125;
  --ks-font-size-copy-bp-factor-laptop: 1.25;
  --ks-font-size-copy-xxs-base: 0.544rem;
  --ks-font-size-copy-xs-base: 0.6664rem;
  --ks-font-size-copy-s-base: 0.8163rem;
  --ks-font-size-copy-m-base: 1rem;
  --ks-font-size-copy-l-base: 1.225rem;
  --ks-font-size-copy-xl-base: 1.5006rem;
  --ks-font-size-copy-xxl-base: 1.8383rem;
  --ks-font-size-interface-bp-factor-tablet: 1.125;
  --ks-font-size-interface-xxs-base: 0.544rem;
  --ks-font-size-interface-xs-base: 0.6664rem;
  --ks-font-size-interface-s-base: 0.8163rem;
  --ks-font-size-interface-m-base: 1rem;
  --ks-font-size-interface-l-base: 1.225rem;
  --ks-font-size-interface-xl-base: 1.5006rem;
  --ks-font-size-interface-xxl-base: 1.8383rem;
  --ks-font-size-mono-bp-factor-tablet: 1.125;
  --ks-font-size-mono-xxs-base: 0.544rem;
  --ks-font-size-mono-xs-base: 0.6664rem;
  --ks-font-size-mono-s-base: 0.8163rem;
  --ks-font-size-mono-m-base: 1rem;
  --ks-font-size-mono-l-base: 1.225rem;
  --ks-font-size-mono-xl-base: 1.5006rem;
  --ks-font-size-mono-xxl-base: 1.8383rem;
  --ks-line-height-display-xxs: 1.25;
  --ks-line-height-display-xs: 1.25;
  --ks-line-height-display-s: 1.25;
  --ks-line-height-display-m: 1.25;
  --ks-line-height-display-l: 1.25;
  --ks-line-height-display-xl: 1.25;
  --ks-line-height-display-xxl: 1.25;
  --ks-line-height-copy-xxs: 1.35;
  --ks-line-height-copy-xs: 1.35;
  --ks-line-height-copy-s: 1.35;
  --ks-line-height-copy-m: 1.35;
  --ks-line-height-copy-l: 1.35;
  --ks-line-height-copy-xl: 1.35;
  --ks-line-height-copy-xxl: 1.35;
  --ks-line-height-interface-xxs: 1.35;
  --ks-line-height-interface-xs: 1.35;
  --ks-line-height-interface-s: 1.35;
  --ks-line-height-interface-m: 1.35;
  --ks-line-height-interface-l: 1.35;
  --ks-line-height-interface-xl: 1.35;
  --ks-line-height-interface-xxl: 1.35;
  --ks-line-height-mono-xxs: 1.35;
  --ks-line-height-mono-xs: 1.35;
  --ks-line-height-mono-s: 1.35;
  --ks-line-height-mono-m: 1.35;
  --ks-line-height-mono-l: 1.35;
  --ks-line-height-mono-xl: 1.35;
  --ks-line-height-mono-xxl: 1.35;
  --g-header-height: 0px;
  --g-scroll-offset: var(--g-header-height);
  --ks-font-size-display-xxs: calc(var(--ks-font-size-display-xxs-base) * var(--ks-font-size-display-bp-factor, 1));
  --ks-font-display-xxs: var(--ks-font-size-display-xxs) / var(--ks-line-height-display-xxs) var(--ks-font-family-display);
  --ks-font-size-display-xs: calc(var(--ks-font-size-display-xs-base) * var(--ks-font-size-display-bp-factor, 1));
  --ks-font-display-xs: var(--ks-font-size-display-xs) / var(--ks-line-height-display-xs) var(--ks-font-family-display);
  --ks-font-size-display-s: calc(var(--ks-font-size-display-s-base) * var(--ks-font-size-display-bp-factor, 1));
  --ks-font-display-s: var(--ks-font-size-display-s) / var(--ks-line-height-display-s) var(--ks-font-family-display);
  --ks-font-size-display-m: calc(var(--ks-font-size-display-m-base) * var(--ks-font-size-display-bp-factor, 1));
  --ks-font-display-m: var(--ks-font-size-display-m) / var(--ks-line-height-display-m) var(--ks-font-family-display);
  --ks-font-size-display-l: calc(var(--ks-font-size-display-l-base) * var(--ks-font-size-display-bp-factor, 1));
  --ks-font-display-l: var(--ks-font-size-display-l) / var(--ks-line-height-display-l) var(--ks-font-family-display);
  --ks-font-size-display-xl: calc(var(--ks-font-size-display-xl-base) * var(--ks-font-size-display-bp-factor, 1));
  --ks-font-display-xl: var(--ks-font-size-display-xl) / var(--ks-line-height-display-xl) var(--ks-font-family-display);
  --ks-font-size-display-xxl: calc(var(--ks-font-size-display-xxl-base) * var(--ks-font-size-display-bp-factor, 1));
  --ks-font-display-xxl: var(--ks-font-size-display-xxl) / var(--ks-line-height-display-xxl) var(--ks-font-family-display);
  --ks-font-size-copy-xxs: calc(var(--ks-font-size-copy-xxs-base) * var(--ks-font-size-copy-bp-factor, 1));
  --ks-font-copy-xxs: var(--ks-font-size-copy-xxs) / var(--ks-line-height-copy-xxs) var(--ks-font-family-copy);
  --ks-font-size-copy-xs: calc(var(--ks-font-size-copy-xs-base) * var(--ks-font-size-copy-bp-factor, 1));
  --ks-font-copy-xs: var(--ks-font-size-copy-xs) / var(--ks-line-height-copy-xs) var(--ks-font-family-copy);
  --ks-font-size-copy-s: calc(var(--ks-font-size-copy-s-base) * var(--ks-font-size-copy-bp-factor, 1));
  --ks-font-copy-s: var(--ks-font-size-copy-s) / var(--ks-line-height-copy-s) var(--ks-font-family-copy);
  --ks-font-size-copy-m: calc(var(--ks-font-size-copy-m-base) * var(--ks-font-size-copy-bp-factor, 1));
  --ks-font-copy-m: var(--ks-font-size-copy-m) / var(--ks-line-height-copy-m) var(--ks-font-family-copy);
  --ks-font-size-copy-l: calc(var(--ks-font-size-copy-l-base) * var(--ks-font-size-copy-bp-factor, 1));
  --ks-font-copy-l: var(--ks-font-size-copy-l) / var(--ks-line-height-copy-l) var(--ks-font-family-copy);
  --ks-font-size-copy-xl: calc(var(--ks-font-size-copy-xl-base) * var(--ks-font-size-copy-bp-factor, 1));
  --ks-font-copy-xl: var(--ks-font-size-copy-xl) / var(--ks-line-height-copy-xl) var(--ks-font-family-copy);
  --ks-font-size-copy-xxl: calc(var(--ks-font-size-copy-xxl-base) * var(--ks-font-size-copy-bp-factor, 1));
  --ks-font-copy-xxl: var(--ks-font-size-copy-xxl) / var(--ks-line-height-copy-xxl) var(--ks-font-family-copy);
  --ks-font-size-interface-xxs: calc(var(--ks-font-size-interface-xxs-base) * var(--ks-font-size-interface-bp-factor, 1));
  --ks-font-interface-xxs: var(--ks-font-size-interface-xxs) / var(--ks-line-height-interface-xxs) var(--ks-font-family-interface);
  --ks-font-size-interface-xs: calc(var(--ks-font-size-interface-xs-base) * var(--ks-font-size-interface-bp-factor, 1));
  --ks-font-interface-xs: var(--ks-font-size-interface-xs) / var(--ks-line-height-interface-xs) var(--ks-font-family-interface);
  --ks-font-size-interface-s: calc(var(--ks-font-size-interface-s-base) * var(--ks-font-size-interface-bp-factor, 1));
  --ks-font-interface-s: var(--ks-font-size-interface-s) / var(--ks-line-height-interface-s) var(--ks-font-family-interface);
  --ks-font-size-interface-m: calc(var(--ks-font-size-interface-m-base) * var(--ks-font-size-interface-bp-factor, 1));
  --ks-font-interface-m: var(--ks-font-size-interface-m) / var(--ks-line-height-interface-m) var(--ks-font-family-interface);
  --ks-font-size-interface-l: calc(var(--ks-font-size-interface-l-base) * var(--ks-font-size-interface-bp-factor, 1));
  --ks-font-interface-l: var(--ks-font-size-interface-l) / var(--ks-line-height-interface-l) var(--ks-font-family-interface);
  --ks-font-size-interface-xl: calc(var(--ks-font-size-interface-xl-base) * var(--ks-font-size-interface-bp-factor, 1));
  --ks-font-interface-xl: var(--ks-font-size-interface-xl) / var(--ks-line-height-interface-xl) var(--ks-font-family-interface);
  --ks-font-size-interface-xxl: calc(var(--ks-font-size-interface-xxl-base) * var(--ks-font-size-interface-bp-factor, 1));
  --ks-font-interface-xxl: var(--ks-font-size-interface-xxl) / var(--ks-line-height-interface-xxl) var(--ks-font-family-interface);
  --ks-font-size-mono-xxs: calc(var(--ks-font-size-mono-xxs-base) * var(--ks-font-size-mono-bp-factor, 1));
  --ks-font-mono-xxs: var(--ks-font-size-mono-xxs) / var(--ks-line-height-mono-xxs) var(--ks-font-family-mono);
  --ks-font-size-mono-xs: calc(var(--ks-font-size-mono-xs-base) * var(--ks-font-size-mono-bp-factor, 1));
  --ks-font-mono-xs: var(--ks-font-size-mono-xs) / var(--ks-line-height-mono-xs) var(--ks-font-family-mono);
  --ks-font-size-mono-s: calc(var(--ks-font-size-mono-s-base) * var(--ks-font-size-mono-bp-factor, 1));
  --ks-font-mono-s: var(--ks-font-size-mono-s) / var(--ks-line-height-mono-s) var(--ks-font-family-mono);
  --ks-font-size-mono-m: calc(var(--ks-font-size-mono-m-base) * var(--ks-font-size-mono-bp-factor, 1));
  --ks-font-mono-m: var(--ks-font-size-mono-m) / var(--ks-line-height-mono-m) var(--ks-font-family-mono);
  --ks-font-size-mono-l: calc(var(--ks-font-size-mono-l-base) * var(--ks-font-size-mono-bp-factor, 1));
  --ks-font-mono-l: var(--ks-font-size-mono-l) / var(--ks-line-height-mono-l) var(--ks-font-family-mono);
  --ks-font-size-mono-xl: calc(var(--ks-font-size-mono-xl-base) * var(--ks-font-size-mono-bp-factor, 1));
  --ks-font-mono-xl: var(--ks-font-size-mono-xl) / var(--ks-line-height-mono-xl) var(--ks-font-family-mono);
  --ks-font-size-mono-xxl: calc(var(--ks-font-size-mono-xxl-base) * var(--ks-font-size-mono-bp-factor, 1));
  --ks-font-mono-xxl: var(--ks-font-size-mono-xxl) / var(--ks-line-height-mono-xxl) var(--ks-font-family-mono);
  --ks-spacing-xxs: calc(var(--ks-spacing-xxs-base) * var(--ks-spacing-xxs-bp-factor, 1));
  --ks-spacing-xs: calc(var(--ks-spacing-xs-base) * var(--ks-spacing-xs-bp-factor, 1));
  --ks-spacing-s: calc(var(--ks-spacing-s-base) * var(--ks-spacing-s-bp-factor, 1));
  --ks-spacing-m: calc(var(--ks-spacing-m-base) * var(--ks-spacing-m-bp-factor, 1));
  --ks-spacing-l: calc(var(--ks-spacing-l-base) * var(--ks-spacing-l-bp-factor, 1));
  --ks-spacing-xl: calc(var(--ks-spacing-xl-base) * var(--ks-spacing-xl-bp-factor, 1));
  --ks-spacing-xxl: calc(var(--ks-spacing-xxl-base) * var(--ks-spacing-xxl-bp-factor, 1));
  --ks-spacing-stack: calc(var(--ks-spacing-stack-base) * var(--ks-spacing-stack-bp-factor, 1));
  --ks-spacing-inline: calc(var(--ks-spacing-inline-base) * var(--ks-spacing-inline-bp-factor, 1));
  --ks-spacing-inset: calc(var(--ks-spacing-inset-base) * var(--ks-spacing-inset-bp-factor, 1));
  --ks-spacing-inset-squish: calc(var(--ks-spacing-inset-squish-base) * var(--ks-spacing-inset-squish-bp-factor, 1));
  --ks-spacing-inset-stretch: calc(var(--ks-spacing-inset-stretch-base) * var(--ks-spacing-inset-stretch-bp-factor, 1));
  --ks-breakpoints: '{"phone":"36em","tablet":"48em","laptop":"62em","desktop":"75em"}';
}

:root [ks-theme=google], [ks-theme=google] [ks-inverted=false] {
  --ks-background-color-accent: var(--ks-background-color-accent-base);
  --ks-background-color-accent-inverted: var(--ks-background-color-accent-inverted-base);
  --ks-background-color-bold: var(--ks-background-color-bold-base);
  --ks-background-color-bold-inverted: var(--ks-background-color-bold-inverted-base);
  --ks-background-color-clear: var(--ks-background-color-clear-base);
  --ks-background-color-clear-interactive: var(--ks-background-color-clear-interactive-base);
  --ks-background-color-clear-interactive-hover: var(--ks-background-color-clear-interactive-hover-base);
  --ks-background-color-clear-interactive-active: var(--ks-background-color-clear-interactive-active-base);
  --ks-background-color-clear-interactive-selected: var(--ks-background-color-clear-interactive-selected-base);
  --ks-background-color-clear-inverted: var(--ks-background-color-clear-inverted-base);
  --ks-background-color-clear-inverted-interactive: var(--ks-background-color-clear-inverted-interactive-base);
  --ks-background-color-clear-inverted-interactive-hover: var(--ks-background-color-clear-inverted-interactive-hover-base);
  --ks-background-color-clear-inverted-interactive-active: var(--ks-background-color-clear-inverted-interactive-active-base);
  --ks-background-color-clear-inverted-interactive-selected: var(--ks-background-color-clear-inverted-interactive-selected-base);
  --ks-background-color-default: var(--ks-background-color-default-base);
  --ks-background-color-default-inverted: var(--ks-background-color-default-inverted-base);
  --ks-background-color-interface: var(--ks-background-color-interface-base);
  --ks-background-color-interface-interactive: var(--ks-background-color-interface-interactive-base);
  --ks-background-color-interface-interactive-disabled: var(--ks-background-color-interface-interactive-disabled-base);
  --ks-background-color-interface-interactive-hover: var(--ks-background-color-interface-interactive-hover-base);
  --ks-background-color-interface-interactive-active: var(--ks-background-color-interface-interactive-active-base);
  --ks-background-color-interface-interactive-selected: var(--ks-background-color-interface-interactive-selected-base);
  --ks-background-color-interface-inverted: var(--ks-background-color-interface-inverted-base);
  --ks-background-color-interface-inverted-interactive: var(--ks-background-color-interface-inverted-interactive-base);
  --ks-background-color-interface-inverted-interactive-disabled: var(--ks-background-color-interface-inverted-interactive-disabled-base);
  --ks-background-color-interface-inverted-interactive-hover: var(--ks-background-color-interface-inverted-interactive-hover-base);
  --ks-background-color-interface-inverted-interactive-active: var(--ks-background-color-interface-inverted-interactive-active-base);
  --ks-background-color-interface-inverted-interactive-selected: var(--ks-background-color-interface-inverted-interactive-selected-base);
  --ks-background-color-card: var(--ks-background-color-card-base);
  --ks-background-color-card-interactive: var(--ks-background-color-card-interactive-base);
  --ks-background-color-card-interactive-disabled: var(--ks-background-color-card-interactive-disabled-base);
  --ks-background-color-card-interactive-hover: var(--ks-background-color-card-interactive-hover-base);
  --ks-background-color-card-interactive-active: var(--ks-background-color-card-interactive-active-base);
  --ks-background-color-card-interactive-selected: var(--ks-background-color-card-interactive-selected-base);
  --ks-background-color-card-inverted: var(--ks-background-color-card-inverted-base);
  --ks-background-color-card-inverted-interactive: var(--ks-background-color-card-inverted-interactive-base);
  --ks-background-color-card-inverted-interactive-disabled: var(--ks-background-color-card-inverted-interactive-disabled-base);
  --ks-background-color-card-inverted-interactive-hover: var(--ks-background-color-card-inverted-interactive-hover-base);
  --ks-background-color-card-inverted-interactive-active: var(--ks-background-color-card-inverted-interactive-active-base);
  --ks-background-color-card-inverted-interactive-selected: var(--ks-background-color-card-inverted-interactive-selected-base);
  --ks-background-color-primary: var(--ks-background-color-primary-base);
  --ks-background-color-primary-interactive: var(--ks-background-color-primary-interactive-base);
  --ks-background-color-primary-interactive-hover: var(--ks-background-color-primary-interactive-hover-base);
  --ks-background-color-primary-interactive-active: var(--ks-background-color-primary-interactive-active-base);
  --ks-background-color-primary-interactive-selected: var(--ks-background-color-primary-interactive-selected-base);
  --ks-background-color-primary-translucent: var(--ks-background-color-primary-translucent-base);
  --ks-background-color-primary-inverted: var(--ks-background-color-primary-inverted-base);
  --ks-background-color-primary-inverted-interactive: var(--ks-background-color-primary-inverted-interactive-base);
  --ks-background-color-primary-inverted-interactive-hover: var(--ks-background-color-primary-inverted-interactive-hover-base);
  --ks-background-color-primary-inverted-interactive-active: var(--ks-background-color-primary-inverted-interactive-active-base);
  --ks-background-color-primary-inverted-interactive-selected: var(--ks-background-color-primary-inverted-interactive-selected-base);
  --ks-background-color-primary-inverted-translucent: var(--ks-background-color-primary-inverted-translucent-base);
  --ks-background-color-positive: var(--ks-background-color-positive-base);
  --ks-background-color-positive-interactive: var(--ks-background-color-positive-interactive-base);
  --ks-background-color-positive-interactive-hover: var(--ks-background-color-positive-interactive-hover-base);
  --ks-background-color-positive-interactive-active: var(--ks-background-color-positive-interactive-active-base);
  --ks-background-color-positive-interactive-selected: var(--ks-background-color-positive-interactive-selected-base);
  --ks-background-color-positive-translucent: var(--ks-background-color-positive-translucent-base);
  --ks-background-color-positive-inverted: var(--ks-background-color-positive-inverted-base);
  --ks-background-color-positive-inverted-interactive: var(--ks-background-color-positive-inverted-interactive-base);
  --ks-background-color-positive-inverted-interactive-hover: var(--ks-background-color-positive-inverted-interactive-hover-base);
  --ks-background-color-positive-inverted-interactive-active: var(--ks-background-color-positive-inverted-interactive-active-base);
  --ks-background-color-positive-inverted-interactive-selected: var(--ks-background-color-positive-inverted-interactive-selected-base);
  --ks-background-color-positive-inverted-translucent: var(--ks-background-color-positive-inverted-translucent-base);
  --ks-background-color-informative: var(--ks-background-color-informative-base);
  --ks-background-color-informative-interactive: var(--ks-background-color-informative-interactive-base);
  --ks-background-color-informative-interactive-hover: var(--ks-background-color-informative-interactive-hover-base);
  --ks-background-color-informative-interactive-active: var(--ks-background-color-informative-interactive-active-base);
  --ks-background-color-informative-interactive-selected: var(--ks-background-color-informative-interactive-selected-base);
  --ks-background-color-informative-translucent: var(--ks-background-color-informative-translucent-base);
  --ks-background-color-informative-inverted: var(--ks-background-color-informative-inverted-base);
  --ks-background-color-informative-inverted-interactive: var(--ks-background-color-informative-inverted-interactive-base);
  --ks-background-color-informative-inverted-interactive-hover: var(--ks-background-color-informative-inverted-interactive-hover-base);
  --ks-background-color-informative-inverted-interactive-active: var(--ks-background-color-informative-inverted-interactive-active-base);
  --ks-background-color-informative-inverted-interactive-selected: var(--ks-background-color-informative-inverted-interactive-selected-base);
  --ks-background-color-informative-inverted-translucent: var(--ks-background-color-informative-inverted-translucent-base);
  --ks-background-color-notice: var(--ks-background-color-notice-base);
  --ks-background-color-notice-interactive: var(--ks-background-color-notice-interactive-base);
  --ks-background-color-notice-interactive-hover: var(--ks-background-color-notice-interactive-hover-base);
  --ks-background-color-notice-interactive-active: var(--ks-background-color-notice-interactive-active-base);
  --ks-background-color-notice-interactive-selected: var(--ks-background-color-notice-interactive-selected-base);
  --ks-background-color-notice-translucent: var(--ks-background-color-notice-translucent-base);
  --ks-background-color-notice-inverted: var(--ks-background-color-notice-inverted-base);
  --ks-background-color-notice-inverted-interactive: var(--ks-background-color-notice-inverted-interactive-base);
  --ks-background-color-notice-inverted-interactive-hover: var(--ks-background-color-notice-inverted-interactive-hover-base);
  --ks-background-color-notice-inverted-interactive-active: var(--ks-background-color-notice-inverted-interactive-active-base);
  --ks-background-color-notice-inverted-interactive-selected: var(--ks-background-color-notice-inverted-interactive-selected-base);
  --ks-background-color-notice-inverted-translucent: var(--ks-background-color-notice-inverted-translucent-base);
  --ks-background-color-negative: var(--ks-background-color-negative-base);
  --ks-background-color-negative-interactive: var(--ks-background-color-negative-interactive-base);
  --ks-background-color-negative-interactive-hover: var(--ks-background-color-negative-interactive-hover-base);
  --ks-background-color-negative-interactive-active: var(--ks-background-color-negative-interactive-active-base);
  --ks-background-color-negative-interactive-selected: var(--ks-background-color-negative-interactive-selected-base);
  --ks-background-color-negative-translucent: var(--ks-background-color-negative-translucent-base);
  --ks-background-color-negative-inverted: var(--ks-background-color-negative-inverted-base);
  --ks-background-color-negative-inverted-interactive: var(--ks-background-color-negative-inverted-interactive-base);
  --ks-background-color-negative-inverted-interactive-hover: var(--ks-background-color-negative-inverted-interactive-hover-base);
  --ks-background-color-negative-inverted-interactive-active: var(--ks-background-color-negative-inverted-interactive-active-base);
  --ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-inverted-interactive-selected-base);
  --ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-inverted-translucent-base);
  --ks-background-color-secondary: var(--ks-background-color-secondary-base);
  --ks-background-color-secondary-interactive: var(--ks-background-color-secondary-interactive-base);
  --ks-background-color-secondary-interactive-hover: var(--ks-background-color-secondary-interactive-hover-base);
  --ks-background-color-secondary-interactive-active: var(--ks-background-color-secondary-interactive-active-base);
  --ks-background-color-secondary-interactive-selected: var(--ks-background-color-secondary-interactive-selected-base);
  --ks-background-color-secondary-translucent: var(--ks-background-color-secondary-translucent-base);
  --ks-background-color-secondary-inverted: var(--ks-background-color-secondary-inverted-base);
  --ks-background-color-secondary-inverted-interactive: var(--ks-background-color-secondary-inverted-interactive-base);
  --ks-background-color-secondary-inverted-interactive-hover: var(--ks-background-color-secondary-inverted-interactive-hover-base);
  --ks-background-color-secondary-inverted-interactive-active: var(--ks-background-color-secondary-inverted-interactive-active-base);
  --ks-background-color-secondary-inverted-interactive-selected: var(--ks-background-color-secondary-inverted-interactive-selected-base);
  --ks-background-color-secondary-inverted-translucent: var(--ks-background-color-secondary-inverted-translucent-base);
  --ks-border-color-accent: var(--ks-border-color-accent-base);
  --ks-border-color-accent-inverted: var(--ks-border-color-accent-inverted-base);
  --ks-border-color-clear: var(--ks-border-color-clear-base);
  --ks-border-color-clear-interactive: var(--ks-border-color-clear-interactive-base);
  --ks-border-color-clear-interactive-hover: var(--ks-border-color-clear-interactive-hover-base);
  --ks-border-color-clear-interactive-active: var(--ks-border-color-clear-interactive-active-base);
  --ks-border-color-clear-interactive-selected: var(--ks-border-color-clear-interactive-selected-base);
  --ks-border-color-clear-inverted: var(--ks-border-color-clear-inverted-base);
  --ks-border-color-clear-inverted-interactive: var(--ks-border-color-clear-inverted-interactive-base);
  --ks-border-color-clear-inverted-interactive-hover: var(--ks-border-color-clear-inverted-interactive-hover-base);
  --ks-border-color-clear-inverted-interactive-active: var(--ks-border-color-clear-inverted-interactive-active-base);
  --ks-border-color-clear-inverted-interactive-selected: var(--ks-border-color-clear-inverted-interactive-selected-base);
  --ks-border-color-default: var(--ks-border-color-default-base);
  --ks-border-color-default-inverted: var(--ks-border-color-default-inverted-base);
  --ks-border-color-interface: var(--ks-border-color-interface-base);
  --ks-border-color-interface-interactive: var(--ks-border-color-interface-interactive-base);
  --ks-border-color-interface-interactive-disabled: var(--ks-border-color-interface-interactive-disabled-base);
  --ks-border-color-interface-interactive-hover: var(--ks-border-color-interface-interactive-hover-base);
  --ks-border-color-interface-interactive-active: var(--ks-border-color-interface-interactive-active-base);
  --ks-border-color-interface-interactive-selected: var(--ks-border-color-interface-interactive-selected-base);
  --ks-border-color-interface-inverted: var(--ks-border-color-interface-inverted-base);
  --ks-border-color-interface-inverted-interactive: var(--ks-border-color-interface-inverted-interactive-base);
  --ks-border-color-interface-inverted-interactive-disabled: var(--ks-border-color-interface-inverted-interactive-disabled-base);
  --ks-border-color-interface-inverted-interactive-hover: var(--ks-border-color-interface-inverted-interactive-hover-base);
  --ks-border-color-interface-inverted-interactive-active: var(--ks-border-color-interface-inverted-interactive-active-base);
  --ks-border-color-interface-inverted-interactive-selected: var(--ks-border-color-interface-inverted-interactive-selected-base);
  --ks-border-color-card: var(--ks-border-color-card-base);
  --ks-border-color-card-interactive: var(--ks-border-color-card-interactive-base);
  --ks-border-color-card-interactive-disabled: var(--ks-border-color-card-interactive-disabled-base);
  --ks-border-color-card-interactive-hover: var(--ks-border-color-card-interactive-hover-base);
  --ks-border-color-card-interactive-active: var(--ks-border-color-card-interactive-active-base);
  --ks-border-color-card-interactive-selected: var(--ks-border-color-card-interactive-selected-base);
  --ks-border-color-card-inverted: var(--ks-border-color-card-inverted-base);
  --ks-border-color-card-inverted-interactive: var(--ks-border-color-card-inverted-interactive-base);
  --ks-border-color-card-inverted-interactive-disabled: var(--ks-border-color-card-inverted-interactive-disabled-base);
  --ks-border-color-card-inverted-interactive-hover: var(--ks-border-color-card-inverted-interactive-hover-base);
  --ks-border-color-card-inverted-interactive-active: var(--ks-border-color-card-inverted-interactive-active-base);
  --ks-border-color-card-inverted-interactive-selected: var(--ks-border-color-card-inverted-interactive-selected-base);
  --ks-border-color-primary: var(--ks-border-color-primary-base);
  --ks-border-color-primary-interactive: var(--ks-border-color-primary-interactive-base);
  --ks-border-color-primary-interactive-hover: var(--ks-border-color-primary-interactive-hover-base);
  --ks-border-color-primary-interactive-active: var(--ks-border-color-primary-interactive-active-base);
  --ks-border-color-primary-interactive-selected: var(--ks-border-color-primary-interactive-selected-base);
  --ks-border-color-primary-translucent: var(--ks-border-color-primary-translucent-base);
  --ks-border-color-primary-inverted: var(--ks-border-color-primary-inverted-base);
  --ks-border-color-primary-inverted-interactive: var(--ks-border-color-primary-inverted-interactive-base);
  --ks-border-color-primary-inverted-interactive-hover: var(--ks-border-color-primary-inverted-interactive-hover-base);
  --ks-border-color-primary-inverted-interactive-active: var(--ks-border-color-primary-inverted-interactive-active-base);
  --ks-border-color-primary-inverted-interactive-selected: var(--ks-border-color-primary-inverted-interactive-selected-base);
  --ks-border-color-primary-inverted-translucent: var(--ks-border-color-primary-inverted-translucent-base);
  --ks-border-color-positive: var(--ks-border-color-positive-base);
  --ks-border-color-positive-interactive: var(--ks-border-color-positive-interactive-base);
  --ks-border-color-positive-interactive-hover: var(--ks-border-color-positive-interactive-hover-base);
  --ks-border-color-positive-interactive-active: var(--ks-border-color-positive-interactive-active-base);
  --ks-border-color-positive-interactive-selected: var(--ks-border-color-positive-interactive-selected-base);
  --ks-border-color-positive-translucent: var(--ks-border-color-positive-translucent-base);
  --ks-border-color-positive-inverted: var(--ks-border-color-positive-inverted-base);
  --ks-border-color-positive-inverted-interactive: var(--ks-border-color-positive-inverted-interactive-base);
  --ks-border-color-positive-inverted-interactive-hover: var(--ks-border-color-positive-inverted-interactive-hover-base);
  --ks-border-color-positive-inverted-interactive-active: var(--ks-border-color-positive-inverted-interactive-active-base);
  --ks-border-color-positive-inverted-interactive-selected: var(--ks-border-color-positive-inverted-interactive-selected-base);
  --ks-border-color-positive-inverted-translucent: var(--ks-border-color-positive-inverted-translucent-base);
  --ks-border-color-informative: var(--ks-border-color-informative-base);
  --ks-border-color-informative-interactive: var(--ks-border-color-informative-interactive-base);
  --ks-border-color-informative-interactive-hover: var(--ks-border-color-informative-interactive-hover-base);
  --ks-border-color-informative-interactive-active: var(--ks-border-color-informative-interactive-active-base);
  --ks-border-color-informative-interactive-selected: var(--ks-border-color-informative-interactive-selected-base);
  --ks-border-color-informative-translucent: var(--ks-border-color-informative-translucent-base);
  --ks-border-color-informative-inverted: var(--ks-border-color-informative-inverted-base);
  --ks-border-color-informative-inverted-interactive: var(--ks-border-color-informative-inverted-interactive-base);
  --ks-border-color-informative-inverted-interactive-hover: var(--ks-border-color-informative-inverted-interactive-hover-base);
  --ks-border-color-informative-inverted-interactive-active: var(--ks-border-color-informative-inverted-interactive-active-base);
  --ks-border-color-informative-inverted-interactive-selected: var(--ks-border-color-informative-inverted-interactive-selected-base);
  --ks-border-color-informative-inverted-translucent: var(--ks-border-color-informative-inverted-translucent-base);
  --ks-border-color-notice: var(--ks-border-color-notice-base);
  --ks-border-color-notice-interactive: var(--ks-border-color-notice-interactive-base);
  --ks-border-color-notice-interactive-hover: var(--ks-border-color-notice-interactive-hover-base);
  --ks-border-color-notice-interactive-active: var(--ks-border-color-notice-interactive-active-base);
  --ks-border-color-notice-interactive-selected: var(--ks-border-color-notice-interactive-selected-base);
  --ks-border-color-notice-translucent: var(--ks-border-color-notice-translucent-base);
  --ks-border-color-notice-inverted: var(--ks-border-color-notice-inverted-base);
  --ks-border-color-notice-inverted-interactive: var(--ks-border-color-notice-inverted-interactive-base);
  --ks-border-color-notice-inverted-interactive-hover: var(--ks-border-color-notice-inverted-interactive-hover-base);
  --ks-border-color-notice-inverted-interactive-active: var(--ks-border-color-notice-inverted-interactive-active-base);
  --ks-border-color-notice-inverted-interactive-selected: var(--ks-border-color-notice-inverted-interactive-selected-base);
  --ks-border-color-notice-inverted-translucent: var(--ks-border-color-notice-inverted-translucent-base);
  --ks-border-color-negative: var(--ks-border-color-negative-base);
  --ks-border-color-negative-interactive: var(--ks-border-color-negative-interactive-base);
  --ks-border-color-negative-interactive-hover: var(--ks-border-color-negative-interactive-hover-base);
  --ks-border-color-negative-interactive-active: var(--ks-border-color-negative-interactive-active-base);
  --ks-border-color-negative-interactive-selected: var(--ks-border-color-negative-interactive-selected-base);
  --ks-border-color-negative-translucent: var(--ks-border-color-negative-translucent-base);
  --ks-border-color-negative-inverted: var(--ks-border-color-negative-inverted-base);
  --ks-border-color-negative-inverted-interactive: var(--ks-border-color-negative-inverted-interactive-base);
  --ks-border-color-negative-inverted-interactive-hover: var(--ks-border-color-negative-inverted-interactive-hover-base);
  --ks-border-color-negative-inverted-interactive-active: var(--ks-border-color-negative-inverted-interactive-active-base);
  --ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-inverted-interactive-selected-base);
  --ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-inverted-translucent-base);
  --ks-border-color-secondary: var(--ks-border-color-secondary-base);
  --ks-border-color-secondary-interactive: var(--ks-border-color-secondary-interactive-base);
  --ks-border-color-secondary-interactive-hover: var(--ks-border-color-secondary-interactive-hover-base);
  --ks-border-color-secondary-interactive-active: var(--ks-border-color-secondary-interactive-active-base);
  --ks-border-color-secondary-interactive-selected: var(--ks-border-color-secondary-interactive-selected-base);
  --ks-border-color-secondary-translucent: var(--ks-border-color-secondary-translucent-base);
  --ks-border-color-secondary-inverted: var(--ks-border-color-secondary-inverted-base);
  --ks-border-color-secondary-inverted-interactive: var(--ks-border-color-secondary-inverted-interactive-base);
  --ks-border-color-secondary-inverted-interactive-hover: var(--ks-border-color-secondary-inverted-interactive-hover-base);
  --ks-border-color-secondary-inverted-interactive-active: var(--ks-border-color-secondary-inverted-interactive-active-base);
  --ks-border-color-secondary-inverted-interactive-selected: var(--ks-border-color-secondary-inverted-interactive-selected-base);
  --ks-border-color-secondary-inverted-translucent: var(--ks-border-color-secondary-inverted-translucent-base);
  --ks-color-fg: var(--ks-color-fg-base);
  --ks-color-fg-alpha-1: var(--ks-color-fg-alpha-1-base);
  --ks-color-fg-alpha-2: var(--ks-color-fg-alpha-2-base);
  --ks-color-fg-alpha-3: var(--ks-color-fg-alpha-3-base);
  --ks-color-fg-alpha-4: var(--ks-color-fg-alpha-4-base);
  --ks-color-fg-alpha-5: var(--ks-color-fg-alpha-5-base);
  --ks-color-fg-alpha-6: var(--ks-color-fg-alpha-6-base);
  --ks-color-fg-alpha-7: var(--ks-color-fg-alpha-7-base);
  --ks-color-fg-alpha-8: var(--ks-color-fg-alpha-8-base);
  --ks-color-fg-alpha-9: var(--ks-color-fg-alpha-9-base);
  --ks-color-fg-to-bg-1: var(--ks-color-fg-to-bg-1-base);
  --ks-color-fg-to-bg-2: var(--ks-color-fg-to-bg-2-base);
  --ks-color-fg-to-bg-3: var(--ks-color-fg-to-bg-3-base);
  --ks-color-fg-to-bg-4: var(--ks-color-fg-to-bg-4-base);
  --ks-color-fg-to-bg-5: var(--ks-color-fg-to-bg-5-base);
  --ks-color-fg-to-bg-6: var(--ks-color-fg-to-bg-6-base);
  --ks-color-fg-to-bg-7: var(--ks-color-fg-to-bg-7-base);
  --ks-color-fg-to-bg-8: var(--ks-color-fg-to-bg-8-base);
  --ks-color-fg-to-bg-9: var(--ks-color-fg-to-bg-9-base);
  --ks-color-fg-inverted: var(--ks-color-fg-inverted-base);
  --ks-color-fg-inverted-alpha-1: var(--ks-color-fg-inverted-alpha-1-base);
  --ks-color-fg-inverted-alpha-2: var(--ks-color-fg-inverted-alpha-2-base);
  --ks-color-fg-inverted-alpha-3: var(--ks-color-fg-inverted-alpha-3-base);
  --ks-color-fg-inverted-alpha-4: var(--ks-color-fg-inverted-alpha-4-base);
  --ks-color-fg-inverted-alpha-5: var(--ks-color-fg-inverted-alpha-5-base);
  --ks-color-fg-inverted-alpha-6: var(--ks-color-fg-inverted-alpha-6-base);
  --ks-color-fg-inverted-alpha-7: var(--ks-color-fg-inverted-alpha-7-base);
  --ks-color-fg-inverted-alpha-8: var(--ks-color-fg-inverted-alpha-8-base);
  --ks-color-fg-inverted-alpha-9: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-color-fg-inverted-to-bg-1: var(--ks-color-fg-inverted-to-bg-1-base);
  --ks-color-fg-inverted-to-bg-2: var(--ks-color-fg-inverted-to-bg-2-base);
  --ks-color-fg-inverted-to-bg-3: var(--ks-color-fg-inverted-to-bg-3-base);
  --ks-color-fg-inverted-to-bg-4: var(--ks-color-fg-inverted-to-bg-4-base);
  --ks-color-fg-inverted-to-bg-5: var(--ks-color-fg-inverted-to-bg-5-base);
  --ks-color-fg-inverted-to-bg-6: var(--ks-color-fg-inverted-to-bg-6-base);
  --ks-color-fg-inverted-to-bg-7: var(--ks-color-fg-inverted-to-bg-7-base);
  --ks-color-fg-inverted-to-bg-8: var(--ks-color-fg-inverted-to-bg-8-base);
  --ks-color-fg-inverted-to-bg-9: var(--ks-color-fg-inverted-to-bg-9-base);
  --ks-color-bg: var(--ks-color-bg-base);
  --ks-color-bg-alpha-1: var(--ks-color-bg-alpha-1-base);
  --ks-color-bg-alpha-2: var(--ks-color-bg-alpha-2-base);
  --ks-color-bg-alpha-3: var(--ks-color-bg-alpha-3-base);
  --ks-color-bg-alpha-4: var(--ks-color-bg-alpha-4-base);
  --ks-color-bg-alpha-5: var(--ks-color-bg-alpha-5-base);
  --ks-color-bg-alpha-6: var(--ks-color-bg-alpha-6-base);
  --ks-color-bg-alpha-7: var(--ks-color-bg-alpha-7-base);
  --ks-color-bg-alpha-8: var(--ks-color-bg-alpha-8-base);
  --ks-color-bg-alpha-9: var(--ks-color-bg-alpha-9-base);
  --ks-color-bg-to-fg-1: var(--ks-color-bg-to-fg-1-base);
  --ks-color-bg-to-fg-2: var(--ks-color-bg-to-fg-2-base);
  --ks-color-bg-to-fg-3: var(--ks-color-bg-to-fg-3-base);
  --ks-color-bg-to-fg-4: var(--ks-color-bg-to-fg-4-base);
  --ks-color-bg-to-fg-5: var(--ks-color-bg-to-fg-5-base);
  --ks-color-bg-to-fg-6: var(--ks-color-bg-to-fg-6-base);
  --ks-color-bg-to-fg-7: var(--ks-color-bg-to-fg-7-base);
  --ks-color-bg-to-fg-8: var(--ks-color-bg-to-fg-8-base);
  --ks-color-bg-to-fg-9: var(--ks-color-bg-to-fg-9-base);
  --ks-color-bg-inverted: var(--ks-color-bg-inverted-base);
  --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
  --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
  --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
  --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
  --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
  --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
  --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
  --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
  --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
  --ks-color-bg-inverted-to-fg-1: var(--ks-color-bg-inverted-to-fg-1-base);
  --ks-color-bg-inverted-to-fg-2: var(--ks-color-bg-inverted-to-fg-2-base);
  --ks-color-bg-inverted-to-fg-3: var(--ks-color-bg-inverted-to-fg-3-base);
  --ks-color-bg-inverted-to-fg-4: var(--ks-color-bg-inverted-to-fg-4-base);
  --ks-color-bg-inverted-to-fg-5: var(--ks-color-bg-inverted-to-fg-5-base);
  --ks-color-bg-inverted-to-fg-6: var(--ks-color-bg-inverted-to-fg-6-base);
  --ks-color-bg-inverted-to-fg-7: var(--ks-color-bg-inverted-to-fg-7-base);
  --ks-color-bg-inverted-to-fg-8: var(--ks-color-bg-inverted-to-fg-8-base);
  --ks-color-bg-inverted-to-fg-9: var(--ks-color-bg-inverted-to-fg-9-base);
  --ks-color-transparent: var(--ks-color-transparent-base);
  --ks-color-primary: var(--ks-color-primary-base);
  --ks-color-primary-alpha-1: var(--ks-color-primary-alpha-1-base);
  --ks-color-primary-alpha-2: var(--ks-color-primary-alpha-2-base);
  --ks-color-primary-alpha-3: var(--ks-color-primary-alpha-3-base);
  --ks-color-primary-alpha-4: var(--ks-color-primary-alpha-4-base);
  --ks-color-primary-alpha-5: var(--ks-color-primary-alpha-5-base);
  --ks-color-primary-alpha-6: var(--ks-color-primary-alpha-6-base);
  --ks-color-primary-alpha-7: var(--ks-color-primary-alpha-7-base);
  --ks-color-primary-alpha-8: var(--ks-color-primary-alpha-8-base);
  --ks-color-primary-alpha-9: var(--ks-color-primary-alpha-9-base);
  --ks-color-primary-to-bg-1: var(--ks-color-primary-to-bg-1-base);
  --ks-color-primary-to-bg-2: var(--ks-color-primary-to-bg-2-base);
  --ks-color-primary-to-bg-3: var(--ks-color-primary-to-bg-3-base);
  --ks-color-primary-to-bg-4: var(--ks-color-primary-to-bg-4-base);
  --ks-color-primary-to-bg-5: var(--ks-color-primary-to-bg-5-base);
  --ks-color-primary-to-bg-6: var(--ks-color-primary-to-bg-6-base);
  --ks-color-primary-to-bg-7: var(--ks-color-primary-to-bg-7-base);
  --ks-color-primary-to-bg-8: var(--ks-color-primary-to-bg-8-base);
  --ks-color-primary-to-bg-9: var(--ks-color-primary-to-bg-9-base);
  --ks-color-primary-to-fg-1: var(--ks-color-primary-to-fg-1-base);
  --ks-color-primary-to-fg-2: var(--ks-color-primary-to-fg-2-base);
  --ks-color-primary-to-fg-3: var(--ks-color-primary-to-fg-3-base);
  --ks-color-primary-to-fg-4: var(--ks-color-primary-to-fg-4-base);
  --ks-color-primary-to-fg-5: var(--ks-color-primary-to-fg-5-base);
  --ks-color-primary-to-fg-6: var(--ks-color-primary-to-fg-6-base);
  --ks-color-primary-to-fg-7: var(--ks-color-primary-to-fg-7-base);
  --ks-color-primary-to-fg-8: var(--ks-color-primary-to-fg-8-base);
  --ks-color-primary-to-fg-9: var(--ks-color-primary-to-fg-9-base);
  --ks-color-primary-inverted: var(--ks-color-primary-inverted-base);
  --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
  --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
  --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
  --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
  --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
  --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
  --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
  --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
  --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
  --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
  --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
  --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
  --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
  --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
  --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
  --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
  --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
  --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
  --ks-color-primary-inverted-to-fg-1: var(--ks-color-primary-inverted-to-fg-1-base);
  --ks-color-primary-inverted-to-fg-2: var(--ks-color-primary-inverted-to-fg-2-base);
  --ks-color-primary-inverted-to-fg-3: var(--ks-color-primary-inverted-to-fg-3-base);
  --ks-color-primary-inverted-to-fg-4: var(--ks-color-primary-inverted-to-fg-4-base);
  --ks-color-primary-inverted-to-fg-5: var(--ks-color-primary-inverted-to-fg-5-base);
  --ks-color-primary-inverted-to-fg-6: var(--ks-color-primary-inverted-to-fg-6-base);
  --ks-color-primary-inverted-to-fg-7: var(--ks-color-primary-inverted-to-fg-7-base);
  --ks-color-primary-inverted-to-fg-8: var(--ks-color-primary-inverted-to-fg-8-base);
  --ks-color-primary-inverted-to-fg-9: var(--ks-color-primary-inverted-to-fg-9-base);
  --ks-color-link: var(--ks-color-link-base);
  --ks-color-link-alpha-1: var(--ks-color-link-alpha-1-base);
  --ks-color-link-alpha-2: var(--ks-color-link-alpha-2-base);
  --ks-color-link-alpha-3: var(--ks-color-link-alpha-3-base);
  --ks-color-link-alpha-4: var(--ks-color-link-alpha-4-base);
  --ks-color-link-alpha-5: var(--ks-color-link-alpha-5-base);
  --ks-color-link-alpha-6: var(--ks-color-link-alpha-6-base);
  --ks-color-link-alpha-7: var(--ks-color-link-alpha-7-base);
  --ks-color-link-alpha-8: var(--ks-color-link-alpha-8-base);
  --ks-color-link-alpha-9: var(--ks-color-link-alpha-9-base);
  --ks-color-link-to-bg-1: var(--ks-color-link-to-bg-1-base);
  --ks-color-link-to-bg-2: var(--ks-color-link-to-bg-2-base);
  --ks-color-link-to-bg-3: var(--ks-color-link-to-bg-3-base);
  --ks-color-link-to-bg-4: var(--ks-color-link-to-bg-4-base);
  --ks-color-link-to-bg-5: var(--ks-color-link-to-bg-5-base);
  --ks-color-link-to-bg-6: var(--ks-color-link-to-bg-6-base);
  --ks-color-link-to-bg-7: var(--ks-color-link-to-bg-7-base);
  --ks-color-link-to-bg-8: var(--ks-color-link-to-bg-8-base);
  --ks-color-link-to-bg-9: var(--ks-color-link-to-bg-9-base);
  --ks-color-link-to-fg-1: var(--ks-color-link-to-fg-1-base);
  --ks-color-link-to-fg-2: var(--ks-color-link-to-fg-2-base);
  --ks-color-link-to-fg-3: var(--ks-color-link-to-fg-3-base);
  --ks-color-link-to-fg-4: var(--ks-color-link-to-fg-4-base);
  --ks-color-link-to-fg-5: var(--ks-color-link-to-fg-5-base);
  --ks-color-link-to-fg-6: var(--ks-color-link-to-fg-6-base);
  --ks-color-link-to-fg-7: var(--ks-color-link-to-fg-7-base);
  --ks-color-link-to-fg-8: var(--ks-color-link-to-fg-8-base);
  --ks-color-link-to-fg-9: var(--ks-color-link-to-fg-9-base);
  --ks-color-link-inverted: var(--ks-color-link-inverted-base);
  --ks-color-link-inverted-alpha-1: var(--ks-color-link-inverted-alpha-1-base);
  --ks-color-link-inverted-alpha-2: var(--ks-color-link-inverted-alpha-2-base);
  --ks-color-link-inverted-alpha-3: var(--ks-color-link-inverted-alpha-3-base);
  --ks-color-link-inverted-alpha-4: var(--ks-color-link-inverted-alpha-4-base);
  --ks-color-link-inverted-alpha-5: var(--ks-color-link-inverted-alpha-5-base);
  --ks-color-link-inverted-alpha-6: var(--ks-color-link-inverted-alpha-6-base);
  --ks-color-link-inverted-alpha-7: var(--ks-color-link-inverted-alpha-7-base);
  --ks-color-link-inverted-alpha-8: var(--ks-color-link-inverted-alpha-8-base);
  --ks-color-link-inverted-alpha-9: var(--ks-color-link-inverted-alpha-9-base);
  --ks-color-link-inverted-to-bg-1: var(--ks-color-link-inverted-to-bg-1-base);
  --ks-color-link-inverted-to-bg-2: var(--ks-color-link-inverted-to-bg-2-base);
  --ks-color-link-inverted-to-bg-3: var(--ks-color-link-inverted-to-bg-3-base);
  --ks-color-link-inverted-to-bg-4: var(--ks-color-link-inverted-to-bg-4-base);
  --ks-color-link-inverted-to-bg-5: var(--ks-color-link-inverted-to-bg-5-base);
  --ks-color-link-inverted-to-bg-6: var(--ks-color-link-inverted-to-bg-6-base);
  --ks-color-link-inverted-to-bg-7: var(--ks-color-link-inverted-to-bg-7-base);
  --ks-color-link-inverted-to-bg-8: var(--ks-color-link-inverted-to-bg-8-base);
  --ks-color-link-inverted-to-bg-9: var(--ks-color-link-inverted-to-bg-9-base);
  --ks-color-link-inverted-to-fg-1: var(--ks-color-link-inverted-to-fg-1-base);
  --ks-color-link-inverted-to-fg-2: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-color-link-inverted-to-fg-3: var(--ks-color-link-inverted-to-fg-3-base);
  --ks-color-link-inverted-to-fg-4: var(--ks-color-link-inverted-to-fg-4-base);
  --ks-color-link-inverted-to-fg-5: var(--ks-color-link-inverted-to-fg-5-base);
  --ks-color-link-inverted-to-fg-6: var(--ks-color-link-inverted-to-fg-6-base);
  --ks-color-link-inverted-to-fg-7: var(--ks-color-link-inverted-to-fg-7-base);
  --ks-color-link-inverted-to-fg-8: var(--ks-color-link-inverted-to-fg-8-base);
  --ks-color-link-inverted-to-fg-9: var(--ks-color-link-inverted-to-fg-9-base);
  --ks-color-positive: var(--ks-color-positive-base);
  --ks-color-positive-alpha-1: var(--ks-color-positive-alpha-1-base);
  --ks-color-positive-alpha-2: var(--ks-color-positive-alpha-2-base);
  --ks-color-positive-alpha-3: var(--ks-color-positive-alpha-3-base);
  --ks-color-positive-alpha-4: var(--ks-color-positive-alpha-4-base);
  --ks-color-positive-alpha-5: var(--ks-color-positive-alpha-5-base);
  --ks-color-positive-alpha-6: var(--ks-color-positive-alpha-6-base);
  --ks-color-positive-alpha-7: var(--ks-color-positive-alpha-7-base);
  --ks-color-positive-alpha-8: var(--ks-color-positive-alpha-8-base);
  --ks-color-positive-alpha-9: var(--ks-color-positive-alpha-9-base);
  --ks-color-positive-to-bg-1: var(--ks-color-positive-to-bg-1-base);
  --ks-color-positive-to-bg-2: var(--ks-color-positive-to-bg-2-base);
  --ks-color-positive-to-bg-3: var(--ks-color-positive-to-bg-3-base);
  --ks-color-positive-to-bg-4: var(--ks-color-positive-to-bg-4-base);
  --ks-color-positive-to-bg-5: var(--ks-color-positive-to-bg-5-base);
  --ks-color-positive-to-bg-6: var(--ks-color-positive-to-bg-6-base);
  --ks-color-positive-to-bg-7: var(--ks-color-positive-to-bg-7-base);
  --ks-color-positive-to-bg-8: var(--ks-color-positive-to-bg-8-base);
  --ks-color-positive-to-bg-9: var(--ks-color-positive-to-bg-9-base);
  --ks-color-positive-to-fg-1: var(--ks-color-positive-to-fg-1-base);
  --ks-color-positive-to-fg-2: var(--ks-color-positive-to-fg-2-base);
  --ks-color-positive-to-fg-3: var(--ks-color-positive-to-fg-3-base);
  --ks-color-positive-to-fg-4: var(--ks-color-positive-to-fg-4-base);
  --ks-color-positive-to-fg-5: var(--ks-color-positive-to-fg-5-base);
  --ks-color-positive-to-fg-6: var(--ks-color-positive-to-fg-6-base);
  --ks-color-positive-to-fg-7: var(--ks-color-positive-to-fg-7-base);
  --ks-color-positive-to-fg-8: var(--ks-color-positive-to-fg-8-base);
  --ks-color-positive-to-fg-9: var(--ks-color-positive-to-fg-9-base);
  --ks-color-positive-inverted: var(--ks-color-positive-inverted-base);
  --ks-color-positive-inverted-alpha-1: var(--ks-color-positive-inverted-alpha-1-base);
  --ks-color-positive-inverted-alpha-2: var(--ks-color-positive-inverted-alpha-2-base);
  --ks-color-positive-inverted-alpha-3: var(--ks-color-positive-inverted-alpha-3-base);
  --ks-color-positive-inverted-alpha-4: var(--ks-color-positive-inverted-alpha-4-base);
  --ks-color-positive-inverted-alpha-5: var(--ks-color-positive-inverted-alpha-5-base);
  --ks-color-positive-inverted-alpha-6: var(--ks-color-positive-inverted-alpha-6-base);
  --ks-color-positive-inverted-alpha-7: var(--ks-color-positive-inverted-alpha-7-base);
  --ks-color-positive-inverted-alpha-8: var(--ks-color-positive-inverted-alpha-8-base);
  --ks-color-positive-inverted-alpha-9: var(--ks-color-positive-inverted-alpha-9-base);
  --ks-color-positive-inverted-to-bg-1: var(--ks-color-positive-inverted-to-bg-1-base);
  --ks-color-positive-inverted-to-bg-2: var(--ks-color-positive-inverted-to-bg-2-base);
  --ks-color-positive-inverted-to-bg-3: var(--ks-color-positive-inverted-to-bg-3-base);
  --ks-color-positive-inverted-to-bg-4: var(--ks-color-positive-inverted-to-bg-4-base);
  --ks-color-positive-inverted-to-bg-5: var(--ks-color-positive-inverted-to-bg-5-base);
  --ks-color-positive-inverted-to-bg-6: var(--ks-color-positive-inverted-to-bg-6-base);
  --ks-color-positive-inverted-to-bg-7: var(--ks-color-positive-inverted-to-bg-7-base);
  --ks-color-positive-inverted-to-bg-8: var(--ks-color-positive-inverted-to-bg-8-base);
  --ks-color-positive-inverted-to-bg-9: var(--ks-color-positive-inverted-to-bg-9-base);
  --ks-color-positive-inverted-to-fg-1: var(--ks-color-positive-inverted-to-fg-1-base);
  --ks-color-positive-inverted-to-fg-2: var(--ks-color-positive-inverted-to-fg-2-base);
  --ks-color-positive-inverted-to-fg-3: var(--ks-color-positive-inverted-to-fg-3-base);
  --ks-color-positive-inverted-to-fg-4: var(--ks-color-positive-inverted-to-fg-4-base);
  --ks-color-positive-inverted-to-fg-5: var(--ks-color-positive-inverted-to-fg-5-base);
  --ks-color-positive-inverted-to-fg-6: var(--ks-color-positive-inverted-to-fg-6-base);
  --ks-color-positive-inverted-to-fg-7: var(--ks-color-positive-inverted-to-fg-7-base);
  --ks-color-positive-inverted-to-fg-8: var(--ks-color-positive-inverted-to-fg-8-base);
  --ks-color-positive-inverted-to-fg-9: var(--ks-color-positive-inverted-to-fg-9-base);
  --ks-color-informative: var(--ks-color-informative-base);
  --ks-color-informative-alpha-1: var(--ks-color-informative-alpha-1-base);
  --ks-color-informative-alpha-2: var(--ks-color-informative-alpha-2-base);
  --ks-color-informative-alpha-3: var(--ks-color-informative-alpha-3-base);
  --ks-color-informative-alpha-4: var(--ks-color-informative-alpha-4-base);
  --ks-color-informative-alpha-5: var(--ks-color-informative-alpha-5-base);
  --ks-color-informative-alpha-6: var(--ks-color-informative-alpha-6-base);
  --ks-color-informative-alpha-7: var(--ks-color-informative-alpha-7-base);
  --ks-color-informative-alpha-8: var(--ks-color-informative-alpha-8-base);
  --ks-color-informative-alpha-9: var(--ks-color-informative-alpha-9-base);
  --ks-color-informative-to-bg-1: var(--ks-color-informative-to-bg-1-base);
  --ks-color-informative-to-bg-2: var(--ks-color-informative-to-bg-2-base);
  --ks-color-informative-to-bg-3: var(--ks-color-informative-to-bg-3-base);
  --ks-color-informative-to-bg-4: var(--ks-color-informative-to-bg-4-base);
  --ks-color-informative-to-bg-5: var(--ks-color-informative-to-bg-5-base);
  --ks-color-informative-to-bg-6: var(--ks-color-informative-to-bg-6-base);
  --ks-color-informative-to-bg-7: var(--ks-color-informative-to-bg-7-base);
  --ks-color-informative-to-bg-8: var(--ks-color-informative-to-bg-8-base);
  --ks-color-informative-to-bg-9: var(--ks-color-informative-to-bg-9-base);
  --ks-color-informative-to-fg-1: var(--ks-color-informative-to-fg-1-base);
  --ks-color-informative-to-fg-2: var(--ks-color-informative-to-fg-2-base);
  --ks-color-informative-to-fg-3: var(--ks-color-informative-to-fg-3-base);
  --ks-color-informative-to-fg-4: var(--ks-color-informative-to-fg-4-base);
  --ks-color-informative-to-fg-5: var(--ks-color-informative-to-fg-5-base);
  --ks-color-informative-to-fg-6: var(--ks-color-informative-to-fg-6-base);
  --ks-color-informative-to-fg-7: var(--ks-color-informative-to-fg-7-base);
  --ks-color-informative-to-fg-8: var(--ks-color-informative-to-fg-8-base);
  --ks-color-informative-to-fg-9: var(--ks-color-informative-to-fg-9-base);
  --ks-color-informative-inverted: var(--ks-color-informative-inverted-base);
  --ks-color-informative-inverted-alpha-1: var(--ks-color-informative-inverted-alpha-1-base);
  --ks-color-informative-inverted-alpha-2: var(--ks-color-informative-inverted-alpha-2-base);
  --ks-color-informative-inverted-alpha-3: var(--ks-color-informative-inverted-alpha-3-base);
  --ks-color-informative-inverted-alpha-4: var(--ks-color-informative-inverted-alpha-4-base);
  --ks-color-informative-inverted-alpha-5: var(--ks-color-informative-inverted-alpha-5-base);
  --ks-color-informative-inverted-alpha-6: var(--ks-color-informative-inverted-alpha-6-base);
  --ks-color-informative-inverted-alpha-7: var(--ks-color-informative-inverted-alpha-7-base);
  --ks-color-informative-inverted-alpha-8: var(--ks-color-informative-inverted-alpha-8-base);
  --ks-color-informative-inverted-alpha-9: var(--ks-color-informative-inverted-alpha-9-base);
  --ks-color-informative-inverted-to-bg-1: var(--ks-color-informative-inverted-to-bg-1-base);
  --ks-color-informative-inverted-to-bg-2: var(--ks-color-informative-inverted-to-bg-2-base);
  --ks-color-informative-inverted-to-bg-3: var(--ks-color-informative-inverted-to-bg-3-base);
  --ks-color-informative-inverted-to-bg-4: var(--ks-color-informative-inverted-to-bg-4-base);
  --ks-color-informative-inverted-to-bg-5: var(--ks-color-informative-inverted-to-bg-5-base);
  --ks-color-informative-inverted-to-bg-6: var(--ks-color-informative-inverted-to-bg-6-base);
  --ks-color-informative-inverted-to-bg-7: var(--ks-color-informative-inverted-to-bg-7-base);
  --ks-color-informative-inverted-to-bg-8: var(--ks-color-informative-inverted-to-bg-8-base);
  --ks-color-informative-inverted-to-bg-9: var(--ks-color-informative-inverted-to-bg-9-base);
  --ks-color-informative-inverted-to-fg-1: var(--ks-color-informative-inverted-to-fg-1-base);
  --ks-color-informative-inverted-to-fg-2: var(--ks-color-informative-inverted-to-fg-2-base);
  --ks-color-informative-inverted-to-fg-3: var(--ks-color-informative-inverted-to-fg-3-base);
  --ks-color-informative-inverted-to-fg-4: var(--ks-color-informative-inverted-to-fg-4-base);
  --ks-color-informative-inverted-to-fg-5: var(--ks-color-informative-inverted-to-fg-5-base);
  --ks-color-informative-inverted-to-fg-6: var(--ks-color-informative-inverted-to-fg-6-base);
  --ks-color-informative-inverted-to-fg-7: var(--ks-color-informative-inverted-to-fg-7-base);
  --ks-color-informative-inverted-to-fg-8: var(--ks-color-informative-inverted-to-fg-8-base);
  --ks-color-informative-inverted-to-fg-9: var(--ks-color-informative-inverted-to-fg-9-base);
  --ks-color-notice: var(--ks-color-notice-base);
  --ks-color-notice-alpha-1: var(--ks-color-notice-alpha-1-base);
  --ks-color-notice-alpha-2: var(--ks-color-notice-alpha-2-base);
  --ks-color-notice-alpha-3: var(--ks-color-notice-alpha-3-base);
  --ks-color-notice-alpha-4: var(--ks-color-notice-alpha-4-base);
  --ks-color-notice-alpha-5: var(--ks-color-notice-alpha-5-base);
  --ks-color-notice-alpha-6: var(--ks-color-notice-alpha-6-base);
  --ks-color-notice-alpha-7: var(--ks-color-notice-alpha-7-base);
  --ks-color-notice-alpha-8: var(--ks-color-notice-alpha-8-base);
  --ks-color-notice-alpha-9: var(--ks-color-notice-alpha-9-base);
  --ks-color-notice-to-bg-1: var(--ks-color-notice-to-bg-1-base);
  --ks-color-notice-to-bg-2: var(--ks-color-notice-to-bg-2-base);
  --ks-color-notice-to-bg-3: var(--ks-color-notice-to-bg-3-base);
  --ks-color-notice-to-bg-4: var(--ks-color-notice-to-bg-4-base);
  --ks-color-notice-to-bg-5: var(--ks-color-notice-to-bg-5-base);
  --ks-color-notice-to-bg-6: var(--ks-color-notice-to-bg-6-base);
  --ks-color-notice-to-bg-7: var(--ks-color-notice-to-bg-7-base);
  --ks-color-notice-to-bg-8: var(--ks-color-notice-to-bg-8-base);
  --ks-color-notice-to-bg-9: var(--ks-color-notice-to-bg-9-base);
  --ks-color-notice-to-fg-1: var(--ks-color-notice-to-fg-1-base);
  --ks-color-notice-to-fg-2: var(--ks-color-notice-to-fg-2-base);
  --ks-color-notice-to-fg-3: var(--ks-color-notice-to-fg-3-base);
  --ks-color-notice-to-fg-4: var(--ks-color-notice-to-fg-4-base);
  --ks-color-notice-to-fg-5: var(--ks-color-notice-to-fg-5-base);
  --ks-color-notice-to-fg-6: var(--ks-color-notice-to-fg-6-base);
  --ks-color-notice-to-fg-7: var(--ks-color-notice-to-fg-7-base);
  --ks-color-notice-to-fg-8: var(--ks-color-notice-to-fg-8-base);
  --ks-color-notice-to-fg-9: var(--ks-color-notice-to-fg-9-base);
  --ks-color-notice-inverted: var(--ks-color-notice-inverted-base);
  --ks-color-notice-inverted-alpha-1: var(--ks-color-notice-inverted-alpha-1-base);
  --ks-color-notice-inverted-alpha-2: var(--ks-color-notice-inverted-alpha-2-base);
  --ks-color-notice-inverted-alpha-3: var(--ks-color-notice-inverted-alpha-3-base);
  --ks-color-notice-inverted-alpha-4: var(--ks-color-notice-inverted-alpha-4-base);
  --ks-color-notice-inverted-alpha-5: var(--ks-color-notice-inverted-alpha-5-base);
  --ks-color-notice-inverted-alpha-6: var(--ks-color-notice-inverted-alpha-6-base);
  --ks-color-notice-inverted-alpha-7: var(--ks-color-notice-inverted-alpha-7-base);
  --ks-color-notice-inverted-alpha-8: var(--ks-color-notice-inverted-alpha-8-base);
  --ks-color-notice-inverted-alpha-9: var(--ks-color-notice-inverted-alpha-9-base);
  --ks-color-notice-inverted-to-bg-1: var(--ks-color-notice-inverted-to-bg-1-base);
  --ks-color-notice-inverted-to-bg-2: var(--ks-color-notice-inverted-to-bg-2-base);
  --ks-color-notice-inverted-to-bg-3: var(--ks-color-notice-inverted-to-bg-3-base);
  --ks-color-notice-inverted-to-bg-4: var(--ks-color-notice-inverted-to-bg-4-base);
  --ks-color-notice-inverted-to-bg-5: var(--ks-color-notice-inverted-to-bg-5-base);
  --ks-color-notice-inverted-to-bg-6: var(--ks-color-notice-inverted-to-bg-6-base);
  --ks-color-notice-inverted-to-bg-7: var(--ks-color-notice-inverted-to-bg-7-base);
  --ks-color-notice-inverted-to-bg-8: var(--ks-color-notice-inverted-to-bg-8-base);
  --ks-color-notice-inverted-to-bg-9: var(--ks-color-notice-inverted-to-bg-9-base);
  --ks-color-notice-inverted-to-fg-1: var(--ks-color-notice-inverted-to-fg-1-base);
  --ks-color-notice-inverted-to-fg-2: var(--ks-color-notice-inverted-to-fg-2-base);
  --ks-color-notice-inverted-to-fg-3: var(--ks-color-notice-inverted-to-fg-3-base);
  --ks-color-notice-inverted-to-fg-4: var(--ks-color-notice-inverted-to-fg-4-base);
  --ks-color-notice-inverted-to-fg-5: var(--ks-color-notice-inverted-to-fg-5-base);
  --ks-color-notice-inverted-to-fg-6: var(--ks-color-notice-inverted-to-fg-6-base);
  --ks-color-notice-inverted-to-fg-7: var(--ks-color-notice-inverted-to-fg-7-base);
  --ks-color-notice-inverted-to-fg-8: var(--ks-color-notice-inverted-to-fg-8-base);
  --ks-color-notice-inverted-to-fg-9: var(--ks-color-notice-inverted-to-fg-9-base);
  --ks-color-negative: var(--ks-color-negative-base);
  --ks-color-negative-alpha-1: var(--ks-color-negative-alpha-1-base);
  --ks-color-negative-alpha-2: var(--ks-color-negative-alpha-2-base);
  --ks-color-negative-alpha-3: var(--ks-color-negative-alpha-3-base);
  --ks-color-negative-alpha-4: var(--ks-color-negative-alpha-4-base);
  --ks-color-negative-alpha-5: var(--ks-color-negative-alpha-5-base);
  --ks-color-negative-alpha-6: var(--ks-color-negative-alpha-6-base);
  --ks-color-negative-alpha-7: var(--ks-color-negative-alpha-7-base);
  --ks-color-negative-alpha-8: var(--ks-color-negative-alpha-8-base);
  --ks-color-negative-alpha-9: var(--ks-color-negative-alpha-9-base);
  --ks-color-negative-to-bg-1: var(--ks-color-negative-to-bg-1-base);
  --ks-color-negative-to-bg-2: var(--ks-color-negative-to-bg-2-base);
  --ks-color-negative-to-bg-3: var(--ks-color-negative-to-bg-3-base);
  --ks-color-negative-to-bg-4: var(--ks-color-negative-to-bg-4-base);
  --ks-color-negative-to-bg-5: var(--ks-color-negative-to-bg-5-base);
  --ks-color-negative-to-bg-6: var(--ks-color-negative-to-bg-6-base);
  --ks-color-negative-to-bg-7: var(--ks-color-negative-to-bg-7-base);
  --ks-color-negative-to-bg-8: var(--ks-color-negative-to-bg-8-base);
  --ks-color-negative-to-bg-9: var(--ks-color-negative-to-bg-9-base);
  --ks-color-negative-to-fg-1: var(--ks-color-negative-to-fg-1-base);
  --ks-color-negative-to-fg-2: var(--ks-color-negative-to-fg-2-base);
  --ks-color-negative-to-fg-3: var(--ks-color-negative-to-fg-3-base);
  --ks-color-negative-to-fg-4: var(--ks-color-negative-to-fg-4-base);
  --ks-color-negative-to-fg-5: var(--ks-color-negative-to-fg-5-base);
  --ks-color-negative-to-fg-6: var(--ks-color-negative-to-fg-6-base);
  --ks-color-negative-to-fg-7: var(--ks-color-negative-to-fg-7-base);
  --ks-color-negative-to-fg-8: var(--ks-color-negative-to-fg-8-base);
  --ks-color-negative-to-fg-9: var(--ks-color-negative-to-fg-9-base);
  --ks-color-negative-inverted: var(--ks-color-negative-inverted-base);
  --ks-color-negative-inverted-alpha-1: var(--ks-color-negative-inverted-alpha-1-base);
  --ks-color-negative-inverted-alpha-2: var(--ks-color-negative-inverted-alpha-2-base);
  --ks-color-negative-inverted-alpha-3: var(--ks-color-negative-inverted-alpha-3-base);
  --ks-color-negative-inverted-alpha-4: var(--ks-color-negative-inverted-alpha-4-base);
  --ks-color-negative-inverted-alpha-5: var(--ks-color-negative-inverted-alpha-5-base);
  --ks-color-negative-inverted-alpha-6: var(--ks-color-negative-inverted-alpha-6-base);
  --ks-color-negative-inverted-alpha-7: var(--ks-color-negative-inverted-alpha-7-base);
  --ks-color-negative-inverted-alpha-8: var(--ks-color-negative-inverted-alpha-8-base);
  --ks-color-negative-inverted-alpha-9: var(--ks-color-negative-inverted-alpha-9-base);
  --ks-color-negative-inverted-to-bg-1: var(--ks-color-negative-inverted-to-bg-1-base);
  --ks-color-negative-inverted-to-bg-2: var(--ks-color-negative-inverted-to-bg-2-base);
  --ks-color-negative-inverted-to-bg-3: var(--ks-color-negative-inverted-to-bg-3-base);
  --ks-color-negative-inverted-to-bg-4: var(--ks-color-negative-inverted-to-bg-4-base);
  --ks-color-negative-inverted-to-bg-5: var(--ks-color-negative-inverted-to-bg-5-base);
  --ks-color-negative-inverted-to-bg-6: var(--ks-color-negative-inverted-to-bg-6-base);
  --ks-color-negative-inverted-to-bg-7: var(--ks-color-negative-inverted-to-bg-7-base);
  --ks-color-negative-inverted-to-bg-8: var(--ks-color-negative-inverted-to-bg-8-base);
  --ks-color-negative-inverted-to-bg-9: var(--ks-color-negative-inverted-to-bg-9-base);
  --ks-color-negative-inverted-to-fg-1: var(--ks-color-negative-inverted-to-fg-1-base);
  --ks-color-negative-inverted-to-fg-2: var(--ks-color-negative-inverted-to-fg-2-base);
  --ks-color-negative-inverted-to-fg-3: var(--ks-color-negative-inverted-to-fg-3-base);
  --ks-color-negative-inverted-to-fg-4: var(--ks-color-negative-inverted-to-fg-4-base);
  --ks-color-negative-inverted-to-fg-5: var(--ks-color-negative-inverted-to-fg-5-base);
  --ks-color-negative-inverted-to-fg-6: var(--ks-color-negative-inverted-to-fg-6-base);
  --ks-color-negative-inverted-to-fg-7: var(--ks-color-negative-inverted-to-fg-7-base);
  --ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-inverted-to-fg-8-base);
  --ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
  --ks-color-secondary: var(--ks-color-secondary-base);
  --ks-color-secondary-alpha-1: var(--ks-color-secondary-alpha-1-base);
  --ks-color-secondary-alpha-2: var(--ks-color-secondary-alpha-2-base);
  --ks-color-secondary-alpha-3: var(--ks-color-secondary-alpha-3-base);
  --ks-color-secondary-alpha-4: var(--ks-color-secondary-alpha-4-base);
  --ks-color-secondary-alpha-5: var(--ks-color-secondary-alpha-5-base);
  --ks-color-secondary-alpha-6: var(--ks-color-secondary-alpha-6-base);
  --ks-color-secondary-alpha-7: var(--ks-color-secondary-alpha-7-base);
  --ks-color-secondary-alpha-8: var(--ks-color-secondary-alpha-8-base);
  --ks-color-secondary-alpha-9: var(--ks-color-secondary-alpha-9-base);
  --ks-color-secondary-to-bg-1: var(--ks-color-secondary-to-bg-1-base);
  --ks-color-secondary-to-bg-2: var(--ks-color-secondary-to-bg-2-base);
  --ks-color-secondary-to-bg-3: var(--ks-color-secondary-to-bg-3-base);
  --ks-color-secondary-to-bg-4: var(--ks-color-secondary-to-bg-4-base);
  --ks-color-secondary-to-bg-5: var(--ks-color-secondary-to-bg-5-base);
  --ks-color-secondary-to-bg-6: var(--ks-color-secondary-to-bg-6-base);
  --ks-color-secondary-to-bg-7: var(--ks-color-secondary-to-bg-7-base);
  --ks-color-secondary-to-bg-8: var(--ks-color-secondary-to-bg-8-base);
  --ks-color-secondary-to-bg-9: var(--ks-color-secondary-to-bg-9-base);
  --ks-color-secondary-to-fg-1: var(--ks-color-secondary-to-fg-1-base);
  --ks-color-secondary-to-fg-2: var(--ks-color-secondary-to-fg-2-base);
  --ks-color-secondary-to-fg-3: var(--ks-color-secondary-to-fg-3-base);
  --ks-color-secondary-to-fg-4: var(--ks-color-secondary-to-fg-4-base);
  --ks-color-secondary-to-fg-5: var(--ks-color-secondary-to-fg-5-base);
  --ks-color-secondary-to-fg-6: var(--ks-color-secondary-to-fg-6-base);
  --ks-color-secondary-to-fg-7: var(--ks-color-secondary-to-fg-7-base);
  --ks-color-secondary-to-fg-8: var(--ks-color-secondary-to-fg-8-base);
  --ks-color-secondary-to-fg-9: var(--ks-color-secondary-to-fg-9-base);
  --ks-color-secondary-inverted: var(--ks-color-secondary-inverted-base);
  --ks-color-secondary-inverted-alpha-1: var(--ks-color-secondary-inverted-alpha-1-base);
  --ks-color-secondary-inverted-alpha-2: var(--ks-color-secondary-inverted-alpha-2-base);
  --ks-color-secondary-inverted-alpha-3: var(--ks-color-secondary-inverted-alpha-3-base);
  --ks-color-secondary-inverted-alpha-4: var(--ks-color-secondary-inverted-alpha-4-base);
  --ks-color-secondary-inverted-alpha-5: var(--ks-color-secondary-inverted-alpha-5-base);
  --ks-color-secondary-inverted-alpha-6: var(--ks-color-secondary-inverted-alpha-6-base);
  --ks-color-secondary-inverted-alpha-7: var(--ks-color-secondary-inverted-alpha-7-base);
  --ks-color-secondary-inverted-alpha-8: var(--ks-color-secondary-inverted-alpha-8-base);
  --ks-color-secondary-inverted-alpha-9: var(--ks-color-secondary-inverted-alpha-9-base);
  --ks-color-secondary-inverted-to-bg-1: var(--ks-color-secondary-inverted-to-bg-1-base);
  --ks-color-secondary-inverted-to-bg-2: var(--ks-color-secondary-inverted-to-bg-2-base);
  --ks-color-secondary-inverted-to-bg-3: var(--ks-color-secondary-inverted-to-bg-3-base);
  --ks-color-secondary-inverted-to-bg-4: var(--ks-color-secondary-inverted-to-bg-4-base);
  --ks-color-secondary-inverted-to-bg-5: var(--ks-color-secondary-inverted-to-bg-5-base);
  --ks-color-secondary-inverted-to-bg-6: var(--ks-color-secondary-inverted-to-bg-6-base);
  --ks-color-secondary-inverted-to-bg-7: var(--ks-color-secondary-inverted-to-bg-7-base);
  --ks-color-secondary-inverted-to-bg-8: var(--ks-color-secondary-inverted-to-bg-8-base);
  --ks-color-secondary-inverted-to-bg-9: var(--ks-color-secondary-inverted-to-bg-9-base);
  --ks-color-secondary-inverted-to-fg-1: var(--ks-color-secondary-inverted-to-fg-1-base);
  --ks-color-secondary-inverted-to-fg-2: var(--ks-color-secondary-inverted-to-fg-2-base);
  --ks-color-secondary-inverted-to-fg-3: var(--ks-color-secondary-inverted-to-fg-3-base);
  --ks-color-secondary-inverted-to-fg-4: var(--ks-color-secondary-inverted-to-fg-4-base);
  --ks-color-secondary-inverted-to-fg-5: var(--ks-color-secondary-inverted-to-fg-5-base);
  --ks-color-secondary-inverted-to-fg-6: var(--ks-color-secondary-inverted-to-fg-6-base);
  --ks-color-secondary-inverted-to-fg-7: var(--ks-color-secondary-inverted-to-fg-7-base);
  --ks-color-secondary-inverted-to-fg-8: var(--ks-color-secondary-inverted-to-fg-8-base);
  --ks-color-secondary-inverted-to-fg-9: var(--ks-color-secondary-inverted-to-fg-9-base);
  --ks-text-color-default: var(--ks-text-color-default-base);
  --ks-text-color-default-interactive: var(--ks-text-color-default-interactive-base);
  --ks-text-color-default-interactive-hover: var(--ks-text-color-default-interactive-hover-base);
  --ks-text-color-default-interactive-active: var(--ks-text-color-default-interactive-active-base);
  --ks-text-color-default-interactive-selected: var(--ks-text-color-default-interactive-selected-base);
  --ks-text-color-default-inverted: var(--ks-text-color-default-inverted-base);
  --ks-text-color-default-inverted-interactive: var(--ks-text-color-default-inverted-interactive-base);
  --ks-text-color-default-inverted-interactive-hover: var(--ks-text-color-default-inverted-interactive-hover-base);
  --ks-text-color-default-inverted-interactive-active: var(--ks-text-color-default-inverted-interactive-active-base);
  --ks-text-color-default-inverted-interactive-selected: var(--ks-text-color-default-inverted-interactive-selected-base);
  --ks-text-color-copy: var(--ks-text-color-copy-base);
  --ks-text-color-copy-interactive: var(--ks-text-color-copy-interactive-base);
  --ks-text-color-copy-interactive-hover: var(--ks-text-color-copy-interactive-hover-base);
  --ks-text-color-copy-interactive-active: var(--ks-text-color-copy-interactive-active-base);
  --ks-text-color-copy-interactive-selected: var(--ks-text-color-copy-interactive-selected-base);
  --ks-text-color-copy-inverted: var(--ks-text-color-copy-inverted-base);
  --ks-text-color-copy-inverted-interactive: var(--ks-text-color-copy-inverted-interactive-base);
  --ks-text-color-copy-inverted-interactive-hover: var(--ks-text-color-copy-inverted-interactive-hover-base);
  --ks-text-color-copy-inverted-interactive-active: var(--ks-text-color-copy-inverted-interactive-active-base);
  --ks-text-color-copy-inverted-interactive-selected: var(--ks-text-color-copy-inverted-interactive-selected-base);
  --ks-text-color-display: var(--ks-text-color-display-base);
  --ks-text-color-display-interactive: var(--ks-text-color-display-interactive-base);
  --ks-text-color-display-interactive-hover: var(--ks-text-color-display-interactive-hover-base);
  --ks-text-color-display-interactive-active: var(--ks-text-color-display-interactive-active-base);
  --ks-text-color-display-interactive-selected: var(--ks-text-color-display-interactive-selected-base);
  --ks-text-color-display-inverted: var(--ks-text-color-display-inverted-base);
  --ks-text-color-display-inverted-interactive: var(--ks-text-color-display-inverted-interactive-base);
  --ks-text-color-display-inverted-interactive-hover: var(--ks-text-color-display-inverted-interactive-hover-base);
  --ks-text-color-display-inverted-interactive-active: var(--ks-text-color-display-inverted-interactive-active-base);
  --ks-text-color-display-inverted-interactive-selected: var(--ks-text-color-display-inverted-interactive-selected-base);
  --ks-text-color-interface: var(--ks-text-color-interface-base);
  --ks-text-color-interface-interactive: var(--ks-text-color-interface-interactive-base);
  --ks-text-color-interface-interactive-hover: var(--ks-text-color-interface-interactive-hover-base);
  --ks-text-color-interface-interactive-active: var(--ks-text-color-interface-interactive-active-base);
  --ks-text-color-interface-interactive-selected: var(--ks-text-color-interface-interactive-selected-base);
  --ks-text-color-interface-inverted: var(--ks-text-color-interface-inverted-base);
  --ks-text-color-interface-inverted-interactive: var(--ks-text-color-interface-inverted-interactive-base);
  --ks-text-color-interface-inverted-interactive-hover: var(--ks-text-color-interface-inverted-interactive-hover-base);
  --ks-text-color-interface-inverted-interactive-active: var(--ks-text-color-interface-inverted-interactive-active-base);
  --ks-text-color-interface-inverted-interactive-selected: var(--ks-text-color-interface-inverted-interactive-selected-base);
  --ks-text-color-card: var(--ks-text-color-card-base);
  --ks-text-color-card-interactive: var(--ks-text-color-card-interactive-base);
  --ks-text-color-card-interactive-hover: var(--ks-text-color-card-interactive-hover-base);
  --ks-text-color-card-interactive-active: var(--ks-text-color-card-interactive-active-base);
  --ks-text-color-card-interactive-selected: var(--ks-text-color-card-interactive-selected-base);
  --ks-text-color-card-inverted: var(--ks-text-color-card-inverted-base);
  --ks-text-color-card-inverted-interactive: var(--ks-text-color-card-inverted-interactive-base);
  --ks-text-color-card-inverted-interactive-hover: var(--ks-text-color-card-inverted-interactive-hover-base);
  --ks-text-color-card-inverted-interactive-active: var(--ks-text-color-card-inverted-interactive-active-base);
  --ks-text-color-card-inverted-interactive-selected: var(--ks-text-color-card-inverted-interactive-selected-base);
  --ks-text-color-primary: var(--ks-text-color-primary-base);
  --ks-text-color-primary-interactive: var(--ks-text-color-primary-interactive-base);
  --ks-text-color-primary-interactive-hover: var(--ks-text-color-primary-interactive-hover-base);
  --ks-text-color-primary-interactive-active: var(--ks-text-color-primary-interactive-active-base);
  --ks-text-color-primary-interactive-selected: var(--ks-text-color-primary-interactive-selected-base);
  --ks-text-color-primary-inverted: var(--ks-text-color-primary-inverted-base);
  --ks-text-color-primary-inverted-interactive: var(--ks-text-color-primary-inverted-interactive-base);
  --ks-text-color-primary-inverted-interactive-hover: var(--ks-text-color-primary-inverted-interactive-hover-base);
  --ks-text-color-primary-inverted-interactive-active: var(--ks-text-color-primary-inverted-interactive-active-base);
  --ks-text-color-primary-inverted-interactive-selected: var(--ks-text-color-primary-inverted-interactive-selected-base);
  --ks-text-color-positive: var(--ks-text-color-positive-base);
  --ks-text-color-positive-interactive: var(--ks-text-color-positive-interactive-base);
  --ks-text-color-positive-interactive-hover: var(--ks-text-color-positive-interactive-hover-base);
  --ks-text-color-positive-interactive-active: var(--ks-text-color-positive-interactive-active-base);
  --ks-text-color-positive-interactive-selected: var(--ks-text-color-positive-interactive-selected-base);
  --ks-text-color-positive-inverted: var(--ks-text-color-positive-inverted-base);
  --ks-text-color-positive-inverted-interactive: var(--ks-text-color-positive-inverted-interactive-base);
  --ks-text-color-positive-inverted-interactive-hover: var(--ks-text-color-positive-inverted-interactive-hover-base);
  --ks-text-color-positive-inverted-interactive-active: var(--ks-text-color-positive-inverted-interactive-active-base);
  --ks-text-color-positive-inverted-interactive-selected: var(--ks-text-color-positive-inverted-interactive-selected-base);
  --ks-text-color-informative: var(--ks-text-color-informative-base);
  --ks-text-color-informative-interactive: var(--ks-text-color-informative-interactive-base);
  --ks-text-color-informative-interactive-hover: var(--ks-text-color-informative-interactive-hover-base);
  --ks-text-color-informative-interactive-active: var(--ks-text-color-informative-interactive-active-base);
  --ks-text-color-informative-interactive-selected: var(--ks-text-color-informative-interactive-selected-base);
  --ks-text-color-informative-inverted: var(--ks-text-color-informative-inverted-base);
  --ks-text-color-informative-inverted-interactive: var(--ks-text-color-informative-inverted-interactive-base);
  --ks-text-color-informative-inverted-interactive-hover: var(--ks-text-color-informative-inverted-interactive-hover-base);
  --ks-text-color-informative-inverted-interactive-active: var(--ks-text-color-informative-inverted-interactive-active-base);
  --ks-text-color-informative-inverted-interactive-selected: var(--ks-text-color-informative-inverted-interactive-selected-base);
  --ks-text-color-notice: var(--ks-text-color-notice-base);
  --ks-text-color-notice-interactive: var(--ks-text-color-notice-interactive-base);
  --ks-text-color-notice-interactive-hover: var(--ks-text-color-notice-interactive-hover-base);
  --ks-text-color-notice-interactive-active: var(--ks-text-color-notice-interactive-active-base);
  --ks-text-color-notice-interactive-selected: var(--ks-text-color-notice-interactive-selected-base);
  --ks-text-color-notice-inverted: var(--ks-text-color-notice-inverted-base);
  --ks-text-color-notice-inverted-interactive: var(--ks-text-color-notice-inverted-interactive-base);
  --ks-text-color-notice-inverted-interactive-hover: var(--ks-text-color-notice-inverted-interactive-hover-base);
  --ks-text-color-notice-inverted-interactive-active: var(--ks-text-color-notice-inverted-interactive-active-base);
  --ks-text-color-notice-inverted-interactive-selected: var(--ks-text-color-notice-inverted-interactive-selected-base);
  --ks-text-color-negative: var(--ks-text-color-negative-base);
  --ks-text-color-negative-interactive: var(--ks-text-color-negative-interactive-base);
  --ks-text-color-negative-interactive-hover: var(--ks-text-color-negative-interactive-hover-base);
  --ks-text-color-negative-interactive-active: var(--ks-text-color-negative-interactive-active-base);
  --ks-text-color-negative-interactive-selected: var(--ks-text-color-negative-interactive-selected-base);
  --ks-text-color-negative-inverted: var(--ks-text-color-negative-inverted-base);
  --ks-text-color-negative-inverted-interactive: var(--ks-text-color-negative-inverted-interactive-base);
  --ks-text-color-negative-inverted-interactive-hover: var(--ks-text-color-negative-inverted-interactive-hover-base);
  --ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-inverted-interactive-active-base);
  --ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
  --ks-text-color-secondary: var(--ks-text-color-secondary-base);
  --ks-text-color-secondary-interactive: var(--ks-text-color-secondary-interactive-base);
  --ks-text-color-secondary-interactive-hover: var(--ks-text-color-secondary-interactive-hover-base);
  --ks-text-color-secondary-interactive-active: var(--ks-text-color-secondary-interactive-active-base);
  --ks-text-color-secondary-interactive-selected: var(--ks-text-color-secondary-interactive-selected-base);
  --ks-text-color-secondary-inverted: var(--ks-text-color-secondary-inverted-base);
  --ks-text-color-secondary-inverted-interactive: var(--ks-text-color-secondary-inverted-interactive-base);
  --ks-text-color-secondary-inverted-interactive-hover: var(--ks-text-color-secondary-inverted-interactive-hover-base);
  --ks-text-color-secondary-inverted-interactive-active: var(--ks-text-color-secondary-inverted-interactive-active-base);
  --ks-text-color-secondary-inverted-interactive-selected: var(--ks-text-color-secondary-inverted-interactive-selected-base);
}

[ks-theme=google] [ks-inverted=true] {
  --ks-background-color-accent: var(--ks-background-color-accent-inverted-base);
  --ks-background-color-accent-inverted: var(--ks-background-color-accent-base);
  --ks-background-color-bold: var(--ks-background-color-bold-inverted-base);
  --ks-background-color-bold-inverted: var(--ks-background-color-bold-base);
  --ks-background-color-clear: var(--ks-background-color-clear-inverted-base);
  --ks-background-color-clear-inverted: var(--ks-background-color-clear-base);
  --ks-background-color-clear-interactive: var(--ks-background-color-clear-inverted-interactive-base);
  --ks-background-color-clear-inverted-interactive: var(--ks-background-color-clear-interactive-base);
  --ks-background-color-clear-interactive-hover: var(--ks-background-color-clear-inverted-interactive-hover-base);
  --ks-background-color-clear-inverted-interactive-hover: var(--ks-background-color-clear-interactive-hover-base);
  --ks-background-color-clear-interactive-active: var(--ks-background-color-clear-inverted-interactive-active-base);
  --ks-background-color-clear-inverted-interactive-active: var(--ks-background-color-clear-interactive-active-base);
  --ks-background-color-clear-interactive-selected: var(--ks-background-color-clear-inverted-interactive-selected-base);
  --ks-background-color-clear-inverted-interactive-selected: var(--ks-background-color-clear-interactive-selected-base);
  --ks-background-color-default: var(--ks-background-color-default-inverted-base);
  --ks-background-color-default-inverted: var(--ks-background-color-default-base);
  --ks-background-color-interface: var(--ks-background-color-interface-inverted-base);
  --ks-background-color-interface-inverted: var(--ks-background-color-interface-base);
  --ks-background-color-interface-interactive: var(--ks-background-color-interface-inverted-interactive-base);
  --ks-background-color-interface-inverted-interactive: var(--ks-background-color-interface-interactive-base);
  --ks-background-color-interface-interactive-disabled: var(--ks-background-color-interface-inverted-interactive-disabled-base);
  --ks-background-color-interface-inverted-interactive-disabled: var(--ks-background-color-interface-interactive-disabled-base);
  --ks-background-color-interface-interactive-hover: var(--ks-background-color-interface-inverted-interactive-hover-base);
  --ks-background-color-interface-inverted-interactive-hover: var(--ks-background-color-interface-interactive-hover-base);
  --ks-background-color-interface-interactive-active: var(--ks-background-color-interface-inverted-interactive-active-base);
  --ks-background-color-interface-inverted-interactive-active: var(--ks-background-color-interface-interactive-active-base);
  --ks-background-color-interface-interactive-selected: var(--ks-background-color-interface-inverted-interactive-selected-base);
  --ks-background-color-interface-inverted-interactive-selected: var(--ks-background-color-interface-interactive-selected-base);
  --ks-background-color-card: var(--ks-background-color-card-inverted-base);
  --ks-background-color-card-inverted: var(--ks-background-color-card-base);
  --ks-background-color-card-interactive: var(--ks-background-color-card-inverted-interactive-base);
  --ks-background-color-card-inverted-interactive: var(--ks-background-color-card-interactive-base);
  --ks-background-color-card-interactive-disabled: var(--ks-background-color-card-inverted-interactive-disabled-base);
  --ks-background-color-card-inverted-interactive-disabled: var(--ks-background-color-card-interactive-disabled-base);
  --ks-background-color-card-interactive-hover: var(--ks-background-color-card-inverted-interactive-hover-base);
  --ks-background-color-card-inverted-interactive-hover: var(--ks-background-color-card-interactive-hover-base);
  --ks-background-color-card-interactive-active: var(--ks-background-color-card-inverted-interactive-active-base);
  --ks-background-color-card-inverted-interactive-active: var(--ks-background-color-card-interactive-active-base);
  --ks-background-color-card-interactive-selected: var(--ks-background-color-card-inverted-interactive-selected-base);
  --ks-background-color-card-inverted-interactive-selected: var(--ks-background-color-card-interactive-selected-base);
  --ks-background-color-primary: var(--ks-background-color-primary-inverted-base);
  --ks-background-color-primary-inverted: var(--ks-background-color-primary-base);
  --ks-background-color-primary-interactive: var(--ks-background-color-primary-inverted-interactive-base);
  --ks-background-color-primary-inverted-interactive: var(--ks-background-color-primary-interactive-base);
  --ks-background-color-primary-interactive-hover: var(--ks-background-color-primary-inverted-interactive-hover-base);
  --ks-background-color-primary-inverted-interactive-hover: var(--ks-background-color-primary-interactive-hover-base);
  --ks-background-color-primary-interactive-active: var(--ks-background-color-primary-inverted-interactive-active-base);
  --ks-background-color-primary-inverted-interactive-active: var(--ks-background-color-primary-interactive-active-base);
  --ks-background-color-primary-interactive-selected: var(--ks-background-color-primary-inverted-interactive-selected-base);
  --ks-background-color-primary-inverted-interactive-selected: var(--ks-background-color-primary-interactive-selected-base);
  --ks-background-color-primary-translucent: var(--ks-background-color-primary-inverted-translucent-base);
  --ks-background-color-primary-inverted-translucent: var(--ks-background-color-primary-translucent-base);
  --ks-background-color-positive: var(--ks-background-color-positive-inverted-base);
  --ks-background-color-positive-inverted: var(--ks-background-color-positive-base);
  --ks-background-color-positive-interactive: var(--ks-background-color-positive-inverted-interactive-base);
  --ks-background-color-positive-inverted-interactive: var(--ks-background-color-positive-interactive-base);
  --ks-background-color-positive-interactive-hover: var(--ks-background-color-positive-inverted-interactive-hover-base);
  --ks-background-color-positive-inverted-interactive-hover: var(--ks-background-color-positive-interactive-hover-base);
  --ks-background-color-positive-interactive-active: var(--ks-background-color-positive-inverted-interactive-active-base);
  --ks-background-color-positive-inverted-interactive-active: var(--ks-background-color-positive-interactive-active-base);
  --ks-background-color-positive-interactive-selected: var(--ks-background-color-positive-inverted-interactive-selected-base);
  --ks-background-color-positive-inverted-interactive-selected: var(--ks-background-color-positive-interactive-selected-base);
  --ks-background-color-positive-translucent: var(--ks-background-color-positive-inverted-translucent-base);
  --ks-background-color-positive-inverted-translucent: var(--ks-background-color-positive-translucent-base);
  --ks-background-color-informative: var(--ks-background-color-informative-inverted-base);
  --ks-background-color-informative-inverted: var(--ks-background-color-informative-base);
  --ks-background-color-informative-interactive: var(--ks-background-color-informative-inverted-interactive-base);
  --ks-background-color-informative-inverted-interactive: var(--ks-background-color-informative-interactive-base);
  --ks-background-color-informative-interactive-hover: var(--ks-background-color-informative-inverted-interactive-hover-base);
  --ks-background-color-informative-inverted-interactive-hover: var(--ks-background-color-informative-interactive-hover-base);
  --ks-background-color-informative-interactive-active: var(--ks-background-color-informative-inverted-interactive-active-base);
  --ks-background-color-informative-inverted-interactive-active: var(--ks-background-color-informative-interactive-active-base);
  --ks-background-color-informative-interactive-selected: var(--ks-background-color-informative-inverted-interactive-selected-base);
  --ks-background-color-informative-inverted-interactive-selected: var(--ks-background-color-informative-interactive-selected-base);
  --ks-background-color-informative-translucent: var(--ks-background-color-informative-inverted-translucent-base);
  --ks-background-color-informative-inverted-translucent: var(--ks-background-color-informative-translucent-base);
  --ks-background-color-notice: var(--ks-background-color-notice-inverted-base);
  --ks-background-color-notice-inverted: var(--ks-background-color-notice-base);
  --ks-background-color-notice-interactive: var(--ks-background-color-notice-inverted-interactive-base);
  --ks-background-color-notice-inverted-interactive: var(--ks-background-color-notice-interactive-base);
  --ks-background-color-notice-interactive-hover: var(--ks-background-color-notice-inverted-interactive-hover-base);
  --ks-background-color-notice-inverted-interactive-hover: var(--ks-background-color-notice-interactive-hover-base);
  --ks-background-color-notice-interactive-active: var(--ks-background-color-notice-inverted-interactive-active-base);
  --ks-background-color-notice-inverted-interactive-active: var(--ks-background-color-notice-interactive-active-base);
  --ks-background-color-notice-interactive-selected: var(--ks-background-color-notice-inverted-interactive-selected-base);
  --ks-background-color-notice-inverted-interactive-selected: var(--ks-background-color-notice-interactive-selected-base);
  --ks-background-color-notice-translucent: var(--ks-background-color-notice-inverted-translucent-base);
  --ks-background-color-notice-inverted-translucent: var(--ks-background-color-notice-translucent-base);
  --ks-background-color-negative: var(--ks-background-color-negative-inverted-base);
  --ks-background-color-negative-inverted: var(--ks-background-color-negative-base);
  --ks-background-color-negative-interactive: var(--ks-background-color-negative-inverted-interactive-base);
  --ks-background-color-negative-inverted-interactive: var(--ks-background-color-negative-interactive-base);
  --ks-background-color-negative-interactive-hover: var(--ks-background-color-negative-inverted-interactive-hover-base);
  --ks-background-color-negative-inverted-interactive-hover: var(--ks-background-color-negative-interactive-hover-base);
  --ks-background-color-negative-interactive-active: var(--ks-background-color-negative-inverted-interactive-active-base);
  --ks-background-color-negative-inverted-interactive-active: var(--ks-background-color-negative-interactive-active-base);
  --ks-background-color-negative-interactive-selected: var(--ks-background-color-negative-inverted-interactive-selected-base);
  --ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-interactive-selected-base);
  --ks-background-color-negative-translucent: var(--ks-background-color-negative-inverted-translucent-base);
  --ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-translucent-base);
  --ks-background-color-secondary: var(--ks-background-color-secondary-inverted-base);
  --ks-background-color-secondary-inverted: var(--ks-background-color-secondary-base);
  --ks-background-color-secondary-interactive: var(--ks-background-color-secondary-inverted-interactive-base);
  --ks-background-color-secondary-inverted-interactive: var(--ks-background-color-secondary-interactive-base);
  --ks-background-color-secondary-interactive-hover: var(--ks-background-color-secondary-inverted-interactive-hover-base);
  --ks-background-color-secondary-inverted-interactive-hover: var(--ks-background-color-secondary-interactive-hover-base);
  --ks-background-color-secondary-interactive-active: var(--ks-background-color-secondary-inverted-interactive-active-base);
  --ks-background-color-secondary-inverted-interactive-active: var(--ks-background-color-secondary-interactive-active-base);
  --ks-background-color-secondary-interactive-selected: var(--ks-background-color-secondary-inverted-interactive-selected-base);
  --ks-background-color-secondary-inverted-interactive-selected: var(--ks-background-color-secondary-interactive-selected-base);
  --ks-background-color-secondary-translucent: var(--ks-background-color-secondary-inverted-translucent-base);
  --ks-background-color-secondary-inverted-translucent: var(--ks-background-color-secondary-translucent-base);
  --ks-border-color-accent: var(--ks-border-color-accent-inverted-base);
  --ks-border-color-accent-inverted: var(--ks-border-color-accent-base);
  --ks-border-color-clear: var(--ks-border-color-clear-inverted-base);
  --ks-border-color-clear-inverted: var(--ks-border-color-clear-base);
  --ks-border-color-clear-interactive: var(--ks-border-color-clear-inverted-interactive-base);
  --ks-border-color-clear-inverted-interactive: var(--ks-border-color-clear-interactive-base);
  --ks-border-color-clear-interactive-hover: var(--ks-border-color-clear-inverted-interactive-hover-base);
  --ks-border-color-clear-inverted-interactive-hover: var(--ks-border-color-clear-interactive-hover-base);
  --ks-border-color-clear-interactive-active: var(--ks-border-color-clear-inverted-interactive-active-base);
  --ks-border-color-clear-inverted-interactive-active: var(--ks-border-color-clear-interactive-active-base);
  --ks-border-color-clear-interactive-selected: var(--ks-border-color-clear-inverted-interactive-selected-base);
  --ks-border-color-clear-inverted-interactive-selected: var(--ks-border-color-clear-interactive-selected-base);
  --ks-border-color-default: var(--ks-border-color-default-inverted-base);
  --ks-border-color-default-inverted: var(--ks-border-color-default-base);
  --ks-border-color-interface: var(--ks-border-color-interface-inverted-base);
  --ks-border-color-interface-inverted: var(--ks-border-color-interface-base);
  --ks-border-color-interface-interactive: var(--ks-border-color-interface-inverted-interactive-base);
  --ks-border-color-interface-inverted-interactive: var(--ks-border-color-interface-interactive-base);
  --ks-border-color-interface-interactive-disabled: var(--ks-border-color-interface-inverted-interactive-disabled-base);
  --ks-border-color-interface-inverted-interactive-disabled: var(--ks-border-color-interface-interactive-disabled-base);
  --ks-border-color-interface-interactive-hover: var(--ks-border-color-interface-inverted-interactive-hover-base);
  --ks-border-color-interface-inverted-interactive-hover: var(--ks-border-color-interface-interactive-hover-base);
  --ks-border-color-interface-interactive-active: var(--ks-border-color-interface-inverted-interactive-active-base);
  --ks-border-color-interface-inverted-interactive-active: var(--ks-border-color-interface-interactive-active-base);
  --ks-border-color-interface-interactive-selected: var(--ks-border-color-interface-inverted-interactive-selected-base);
  --ks-border-color-interface-inverted-interactive-selected: var(--ks-border-color-interface-interactive-selected-base);
  --ks-border-color-card: var(--ks-border-color-card-inverted-base);
  --ks-border-color-card-inverted: var(--ks-border-color-card-base);
  --ks-border-color-card-interactive: var(--ks-border-color-card-inverted-interactive-base);
  --ks-border-color-card-inverted-interactive: var(--ks-border-color-card-interactive-base);
  --ks-border-color-card-interactive-disabled: var(--ks-border-color-card-inverted-interactive-disabled-base);
  --ks-border-color-card-inverted-interactive-disabled: var(--ks-border-color-card-interactive-disabled-base);
  --ks-border-color-card-interactive-hover: var(--ks-border-color-card-inverted-interactive-hover-base);
  --ks-border-color-card-inverted-interactive-hover: var(--ks-border-color-card-interactive-hover-base);
  --ks-border-color-card-interactive-active: var(--ks-border-color-card-inverted-interactive-active-base);
  --ks-border-color-card-inverted-interactive-active: var(--ks-border-color-card-interactive-active-base);
  --ks-border-color-card-interactive-selected: var(--ks-border-color-card-inverted-interactive-selected-base);
  --ks-border-color-card-inverted-interactive-selected: var(--ks-border-color-card-interactive-selected-base);
  --ks-border-color-primary: var(--ks-border-color-primary-inverted-base);
  --ks-border-color-primary-inverted: var(--ks-border-color-primary-base);
  --ks-border-color-primary-interactive: var(--ks-border-color-primary-inverted-interactive-base);
  --ks-border-color-primary-inverted-interactive: var(--ks-border-color-primary-interactive-base);
  --ks-border-color-primary-interactive-hover: var(--ks-border-color-primary-inverted-interactive-hover-base);
  --ks-border-color-primary-inverted-interactive-hover: var(--ks-border-color-primary-interactive-hover-base);
  --ks-border-color-primary-interactive-active: var(--ks-border-color-primary-inverted-interactive-active-base);
  --ks-border-color-primary-inverted-interactive-active: var(--ks-border-color-primary-interactive-active-base);
  --ks-border-color-primary-interactive-selected: var(--ks-border-color-primary-inverted-interactive-selected-base);
  --ks-border-color-primary-inverted-interactive-selected: var(--ks-border-color-primary-interactive-selected-base);
  --ks-border-color-primary-translucent: var(--ks-border-color-primary-inverted-translucent-base);
  --ks-border-color-primary-inverted-translucent: var(--ks-border-color-primary-translucent-base);
  --ks-border-color-positive: var(--ks-border-color-positive-inverted-base);
  --ks-border-color-positive-inverted: var(--ks-border-color-positive-base);
  --ks-border-color-positive-interactive: var(--ks-border-color-positive-inverted-interactive-base);
  --ks-border-color-positive-inverted-interactive: var(--ks-border-color-positive-interactive-base);
  --ks-border-color-positive-interactive-hover: var(--ks-border-color-positive-inverted-interactive-hover-base);
  --ks-border-color-positive-inverted-interactive-hover: var(--ks-border-color-positive-interactive-hover-base);
  --ks-border-color-positive-interactive-active: var(--ks-border-color-positive-inverted-interactive-active-base);
  --ks-border-color-positive-inverted-interactive-active: var(--ks-border-color-positive-interactive-active-base);
  --ks-border-color-positive-interactive-selected: var(--ks-border-color-positive-inverted-interactive-selected-base);
  --ks-border-color-positive-inverted-interactive-selected: var(--ks-border-color-positive-interactive-selected-base);
  --ks-border-color-positive-translucent: var(--ks-border-color-positive-inverted-translucent-base);
  --ks-border-color-positive-inverted-translucent: var(--ks-border-color-positive-translucent-base);
  --ks-border-color-informative: var(--ks-border-color-informative-inverted-base);
  --ks-border-color-informative-inverted: var(--ks-border-color-informative-base);
  --ks-border-color-informative-interactive: var(--ks-border-color-informative-inverted-interactive-base);
  --ks-border-color-informative-inverted-interactive: var(--ks-border-color-informative-interactive-base);
  --ks-border-color-informative-interactive-hover: var(--ks-border-color-informative-inverted-interactive-hover-base);
  --ks-border-color-informative-inverted-interactive-hover: var(--ks-border-color-informative-interactive-hover-base);
  --ks-border-color-informative-interactive-active: var(--ks-border-color-informative-inverted-interactive-active-base);
  --ks-border-color-informative-inverted-interactive-active: var(--ks-border-color-informative-interactive-active-base);
  --ks-border-color-informative-interactive-selected: var(--ks-border-color-informative-inverted-interactive-selected-base);
  --ks-border-color-informative-inverted-interactive-selected: var(--ks-border-color-informative-interactive-selected-base);
  --ks-border-color-informative-translucent: var(--ks-border-color-informative-inverted-translucent-base);
  --ks-border-color-informative-inverted-translucent: var(--ks-border-color-informative-translucent-base);
  --ks-border-color-notice: var(--ks-border-color-notice-inverted-base);
  --ks-border-color-notice-inverted: var(--ks-border-color-notice-base);
  --ks-border-color-notice-interactive: var(--ks-border-color-notice-inverted-interactive-base);
  --ks-border-color-notice-inverted-interactive: var(--ks-border-color-notice-interactive-base);
  --ks-border-color-notice-interactive-hover: var(--ks-border-color-notice-inverted-interactive-hover-base);
  --ks-border-color-notice-inverted-interactive-hover: var(--ks-border-color-notice-interactive-hover-base);
  --ks-border-color-notice-interactive-active: var(--ks-border-color-notice-inverted-interactive-active-base);
  --ks-border-color-notice-inverted-interactive-active: var(--ks-border-color-notice-interactive-active-base);
  --ks-border-color-notice-interactive-selected: var(--ks-border-color-notice-inverted-interactive-selected-base);
  --ks-border-color-notice-inverted-interactive-selected: var(--ks-border-color-notice-interactive-selected-base);
  --ks-border-color-notice-translucent: var(--ks-border-color-notice-inverted-translucent-base);
  --ks-border-color-notice-inverted-translucent: var(--ks-border-color-notice-translucent-base);
  --ks-border-color-negative: var(--ks-border-color-negative-inverted-base);
  --ks-border-color-negative-inverted: var(--ks-border-color-negative-base);
  --ks-border-color-negative-interactive: var(--ks-border-color-negative-inverted-interactive-base);
  --ks-border-color-negative-inverted-interactive: var(--ks-border-color-negative-interactive-base);
  --ks-border-color-negative-interactive-hover: var(--ks-border-color-negative-inverted-interactive-hover-base);
  --ks-border-color-negative-inverted-interactive-hover: var(--ks-border-color-negative-interactive-hover-base);
  --ks-border-color-negative-interactive-active: var(--ks-border-color-negative-inverted-interactive-active-base);
  --ks-border-color-negative-inverted-interactive-active: var(--ks-border-color-negative-interactive-active-base);
  --ks-border-color-negative-interactive-selected: var(--ks-border-color-negative-inverted-interactive-selected-base);
  --ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-interactive-selected-base);
  --ks-border-color-negative-translucent: var(--ks-border-color-negative-inverted-translucent-base);
  --ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-translucent-base);
  --ks-border-color-secondary: var(--ks-border-color-secondary-inverted-base);
  --ks-border-color-secondary-inverted: var(--ks-border-color-secondary-base);
  --ks-border-color-secondary-interactive: var(--ks-border-color-secondary-inverted-interactive-base);
  --ks-border-color-secondary-inverted-interactive: var(--ks-border-color-secondary-interactive-base);
  --ks-border-color-secondary-interactive-hover: var(--ks-border-color-secondary-inverted-interactive-hover-base);
  --ks-border-color-secondary-inverted-interactive-hover: var(--ks-border-color-secondary-interactive-hover-base);
  --ks-border-color-secondary-interactive-active: var(--ks-border-color-secondary-inverted-interactive-active-base);
  --ks-border-color-secondary-inverted-interactive-active: var(--ks-border-color-secondary-interactive-active-base);
  --ks-border-color-secondary-interactive-selected: var(--ks-border-color-secondary-inverted-interactive-selected-base);
  --ks-border-color-secondary-inverted-interactive-selected: var(--ks-border-color-secondary-interactive-selected-base);
  --ks-border-color-secondary-translucent: var(--ks-border-color-secondary-inverted-translucent-base);
  --ks-border-color-secondary-inverted-translucent: var(--ks-border-color-secondary-translucent-base);
  --ks-color-fg: var(--ks-color-fg-inverted-base);
  --ks-color-fg-inverted: var(--ks-color-fg-base);
  --ks-color-fg-alpha-1: var(--ks-color-fg-inverted-alpha-1-base);
  --ks-color-fg-inverted-alpha-1: var(--ks-color-fg-alpha-1-base);
  --ks-color-fg-alpha-2: var(--ks-color-fg-inverted-alpha-2-base);
  --ks-color-fg-inverted-alpha-2: var(--ks-color-fg-alpha-2-base);
  --ks-color-fg-alpha-3: var(--ks-color-fg-inverted-alpha-3-base);
  --ks-color-fg-inverted-alpha-3: var(--ks-color-fg-alpha-3-base);
  --ks-color-fg-alpha-4: var(--ks-color-fg-inverted-alpha-4-base);
  --ks-color-fg-inverted-alpha-4: var(--ks-color-fg-alpha-4-base);
  --ks-color-fg-alpha-5: var(--ks-color-fg-inverted-alpha-5-base);
  --ks-color-fg-inverted-alpha-5: var(--ks-color-fg-alpha-5-base);
  --ks-color-fg-alpha-6: var(--ks-color-fg-inverted-alpha-6-base);
  --ks-color-fg-inverted-alpha-6: var(--ks-color-fg-alpha-6-base);
  --ks-color-fg-alpha-7: var(--ks-color-fg-inverted-alpha-7-base);
  --ks-color-fg-inverted-alpha-7: var(--ks-color-fg-alpha-7-base);
  --ks-color-fg-alpha-8: var(--ks-color-fg-inverted-alpha-8-base);
  --ks-color-fg-inverted-alpha-8: var(--ks-color-fg-alpha-8-base);
  --ks-color-fg-alpha-9: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-color-fg-inverted-alpha-9: var(--ks-color-fg-alpha-9-base);
  --ks-color-fg-to-bg-1: var(--ks-color-fg-inverted-to-bg-1-base);
  --ks-color-fg-inverted-to-bg-1: var(--ks-color-fg-to-bg-1-base);
  --ks-color-fg-to-bg-2: var(--ks-color-fg-inverted-to-bg-2-base);
  --ks-color-fg-inverted-to-bg-2: var(--ks-color-fg-to-bg-2-base);
  --ks-color-fg-to-bg-3: var(--ks-color-fg-inverted-to-bg-3-base);
  --ks-color-fg-inverted-to-bg-3: var(--ks-color-fg-to-bg-3-base);
  --ks-color-fg-to-bg-4: var(--ks-color-fg-inverted-to-bg-4-base);
  --ks-color-fg-inverted-to-bg-4: var(--ks-color-fg-to-bg-4-base);
  --ks-color-fg-to-bg-5: var(--ks-color-fg-inverted-to-bg-5-base);
  --ks-color-fg-inverted-to-bg-5: var(--ks-color-fg-to-bg-5-base);
  --ks-color-fg-to-bg-6: var(--ks-color-fg-inverted-to-bg-6-base);
  --ks-color-fg-inverted-to-bg-6: var(--ks-color-fg-to-bg-6-base);
  --ks-color-fg-to-bg-7: var(--ks-color-fg-inverted-to-bg-7-base);
  --ks-color-fg-inverted-to-bg-7: var(--ks-color-fg-to-bg-7-base);
  --ks-color-fg-to-bg-8: var(--ks-color-fg-inverted-to-bg-8-base);
  --ks-color-fg-inverted-to-bg-8: var(--ks-color-fg-to-bg-8-base);
  --ks-color-fg-to-bg-9: var(--ks-color-fg-inverted-to-bg-9-base);
  --ks-color-fg-inverted-to-bg-9: var(--ks-color-fg-to-bg-9-base);
  --ks-color-bg: var(--ks-color-bg-inverted-base);
  --ks-color-bg-inverted: var(--ks-color-bg-base);
  --ks-color-bg-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
  --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-alpha-1-base);
  --ks-color-bg-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
  --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-alpha-2-base);
  --ks-color-bg-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
  --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-alpha-3-base);
  --ks-color-bg-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
  --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-alpha-4-base);
  --ks-color-bg-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
  --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-alpha-5-base);
  --ks-color-bg-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
  --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-alpha-6-base);
  --ks-color-bg-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
  --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-alpha-7-base);
  --ks-color-bg-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
  --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-alpha-8-base);
  --ks-color-bg-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
  --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-alpha-9-base);
  --ks-color-bg-to-fg-1: var(--ks-color-bg-inverted-to-fg-1-base);
  --ks-color-bg-inverted-to-fg-1: var(--ks-color-bg-to-fg-1-base);
  --ks-color-bg-to-fg-2: var(--ks-color-bg-inverted-to-fg-2-base);
  --ks-color-bg-inverted-to-fg-2: var(--ks-color-bg-to-fg-2-base);
  --ks-color-bg-to-fg-3: var(--ks-color-bg-inverted-to-fg-3-base);
  --ks-color-bg-inverted-to-fg-3: var(--ks-color-bg-to-fg-3-base);
  --ks-color-bg-to-fg-4: var(--ks-color-bg-inverted-to-fg-4-base);
  --ks-color-bg-inverted-to-fg-4: var(--ks-color-bg-to-fg-4-base);
  --ks-color-bg-to-fg-5: var(--ks-color-bg-inverted-to-fg-5-base);
  --ks-color-bg-inverted-to-fg-5: var(--ks-color-bg-to-fg-5-base);
  --ks-color-bg-to-fg-6: var(--ks-color-bg-inverted-to-fg-6-base);
  --ks-color-bg-inverted-to-fg-6: var(--ks-color-bg-to-fg-6-base);
  --ks-color-bg-to-fg-7: var(--ks-color-bg-inverted-to-fg-7-base);
  --ks-color-bg-inverted-to-fg-7: var(--ks-color-bg-to-fg-7-base);
  --ks-color-bg-to-fg-8: var(--ks-color-bg-inverted-to-fg-8-base);
  --ks-color-bg-inverted-to-fg-8: var(--ks-color-bg-to-fg-8-base);
  --ks-color-bg-to-fg-9: var(--ks-color-bg-inverted-to-fg-9-base);
  --ks-color-bg-inverted-to-fg-9: var(--ks-color-bg-to-fg-9-base);
  --ks-color-primary: var(--ks-color-primary-inverted-base);
  --ks-color-primary-inverted: var(--ks-color-primary-base);
  --ks-color-primary-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
  --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-alpha-1-base);
  --ks-color-primary-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
  --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-alpha-2-base);
  --ks-color-primary-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
  --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-alpha-3-base);
  --ks-color-primary-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
  --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-alpha-4-base);
  --ks-color-primary-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
  --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-alpha-5-base);
  --ks-color-primary-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
  --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-alpha-6-base);
  --ks-color-primary-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
  --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-alpha-7-base);
  --ks-color-primary-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
  --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-alpha-8-base);
  --ks-color-primary-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
  --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-alpha-9-base);
  --ks-color-primary-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
  --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-to-bg-1-base);
  --ks-color-primary-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
  --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-to-bg-2-base);
  --ks-color-primary-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
  --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-to-bg-3-base);
  --ks-color-primary-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
  --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-to-bg-4-base);
  --ks-color-primary-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
  --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-to-bg-5-base);
  --ks-color-primary-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
  --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-to-bg-6-base);
  --ks-color-primary-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
  --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-to-bg-7-base);
  --ks-color-primary-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
  --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-to-bg-8-base);
  --ks-color-primary-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
  --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-to-bg-9-base);
  --ks-color-primary-to-fg-1: var(--ks-color-primary-inverted-to-fg-1-base);
  --ks-color-primary-inverted-to-fg-1: var(--ks-color-primary-to-fg-1-base);
  --ks-color-primary-to-fg-2: var(--ks-color-primary-inverted-to-fg-2-base);
  --ks-color-primary-inverted-to-fg-2: var(--ks-color-primary-to-fg-2-base);
  --ks-color-primary-to-fg-3: var(--ks-color-primary-inverted-to-fg-3-base);
  --ks-color-primary-inverted-to-fg-3: var(--ks-color-primary-to-fg-3-base);
  --ks-color-primary-to-fg-4: var(--ks-color-primary-inverted-to-fg-4-base);
  --ks-color-primary-inverted-to-fg-4: var(--ks-color-primary-to-fg-4-base);
  --ks-color-primary-to-fg-5: var(--ks-color-primary-inverted-to-fg-5-base);
  --ks-color-primary-inverted-to-fg-5: var(--ks-color-primary-to-fg-5-base);
  --ks-color-primary-to-fg-6: var(--ks-color-primary-inverted-to-fg-6-base);
  --ks-color-primary-inverted-to-fg-6: var(--ks-color-primary-to-fg-6-base);
  --ks-color-primary-to-fg-7: var(--ks-color-primary-inverted-to-fg-7-base);
  --ks-color-primary-inverted-to-fg-7: var(--ks-color-primary-to-fg-7-base);
  --ks-color-primary-to-fg-8: var(--ks-color-primary-inverted-to-fg-8-base);
  --ks-color-primary-inverted-to-fg-8: var(--ks-color-primary-to-fg-8-base);
  --ks-color-primary-to-fg-9: var(--ks-color-primary-inverted-to-fg-9-base);
  --ks-color-primary-inverted-to-fg-9: var(--ks-color-primary-to-fg-9-base);
  --ks-color-link: var(--ks-color-link-inverted-base);
  --ks-color-link-inverted: var(--ks-color-link-base);
  --ks-color-link-alpha-1: var(--ks-color-link-inverted-alpha-1-base);
  --ks-color-link-inverted-alpha-1: var(--ks-color-link-alpha-1-base);
  --ks-color-link-alpha-2: var(--ks-color-link-inverted-alpha-2-base);
  --ks-color-link-inverted-alpha-2: var(--ks-color-link-alpha-2-base);
  --ks-color-link-alpha-3: var(--ks-color-link-inverted-alpha-3-base);
  --ks-color-link-inverted-alpha-3: var(--ks-color-link-alpha-3-base);
  --ks-color-link-alpha-4: var(--ks-color-link-inverted-alpha-4-base);
  --ks-color-link-inverted-alpha-4: var(--ks-color-link-alpha-4-base);
  --ks-color-link-alpha-5: var(--ks-color-link-inverted-alpha-5-base);
  --ks-color-link-inverted-alpha-5: var(--ks-color-link-alpha-5-base);
  --ks-color-link-alpha-6: var(--ks-color-link-inverted-alpha-6-base);
  --ks-color-link-inverted-alpha-6: var(--ks-color-link-alpha-6-base);
  --ks-color-link-alpha-7: var(--ks-color-link-inverted-alpha-7-base);
  --ks-color-link-inverted-alpha-7: var(--ks-color-link-alpha-7-base);
  --ks-color-link-alpha-8: var(--ks-color-link-inverted-alpha-8-base);
  --ks-color-link-inverted-alpha-8: var(--ks-color-link-alpha-8-base);
  --ks-color-link-alpha-9: var(--ks-color-link-inverted-alpha-9-base);
  --ks-color-link-inverted-alpha-9: var(--ks-color-link-alpha-9-base);
  --ks-color-link-to-bg-1: var(--ks-color-link-inverted-to-bg-1-base);
  --ks-color-link-inverted-to-bg-1: var(--ks-color-link-to-bg-1-base);
  --ks-color-link-to-bg-2: var(--ks-color-link-inverted-to-bg-2-base);
  --ks-color-link-inverted-to-bg-2: var(--ks-color-link-to-bg-2-base);
  --ks-color-link-to-bg-3: var(--ks-color-link-inverted-to-bg-3-base);
  --ks-color-link-inverted-to-bg-3: var(--ks-color-link-to-bg-3-base);
  --ks-color-link-to-bg-4: var(--ks-color-link-inverted-to-bg-4-base);
  --ks-color-link-inverted-to-bg-4: var(--ks-color-link-to-bg-4-base);
  --ks-color-link-to-bg-5: var(--ks-color-link-inverted-to-bg-5-base);
  --ks-color-link-inverted-to-bg-5: var(--ks-color-link-to-bg-5-base);
  --ks-color-link-to-bg-6: var(--ks-color-link-inverted-to-bg-6-base);
  --ks-color-link-inverted-to-bg-6: var(--ks-color-link-to-bg-6-base);
  --ks-color-link-to-bg-7: var(--ks-color-link-inverted-to-bg-7-base);
  --ks-color-link-inverted-to-bg-7: var(--ks-color-link-to-bg-7-base);
  --ks-color-link-to-bg-8: var(--ks-color-link-inverted-to-bg-8-base);
  --ks-color-link-inverted-to-bg-8: var(--ks-color-link-to-bg-8-base);
  --ks-color-link-to-bg-9: var(--ks-color-link-inverted-to-bg-9-base);
  --ks-color-link-inverted-to-bg-9: var(--ks-color-link-to-bg-9-base);
  --ks-color-link-to-fg-1: var(--ks-color-link-inverted-to-fg-1-base);
  --ks-color-link-inverted-to-fg-1: var(--ks-color-link-to-fg-1-base);
  --ks-color-link-to-fg-2: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-color-link-inverted-to-fg-2: var(--ks-color-link-to-fg-2-base);
  --ks-color-link-to-fg-3: var(--ks-color-link-inverted-to-fg-3-base);
  --ks-color-link-inverted-to-fg-3: var(--ks-color-link-to-fg-3-base);
  --ks-color-link-to-fg-4: var(--ks-color-link-inverted-to-fg-4-base);
  --ks-color-link-inverted-to-fg-4: var(--ks-color-link-to-fg-4-base);
  --ks-color-link-to-fg-5: var(--ks-color-link-inverted-to-fg-5-base);
  --ks-color-link-inverted-to-fg-5: var(--ks-color-link-to-fg-5-base);
  --ks-color-link-to-fg-6: var(--ks-color-link-inverted-to-fg-6-base);
  --ks-color-link-inverted-to-fg-6: var(--ks-color-link-to-fg-6-base);
  --ks-color-link-to-fg-7: var(--ks-color-link-inverted-to-fg-7-base);
  --ks-color-link-inverted-to-fg-7: var(--ks-color-link-to-fg-7-base);
  --ks-color-link-to-fg-8: var(--ks-color-link-inverted-to-fg-8-base);
  --ks-color-link-inverted-to-fg-8: var(--ks-color-link-to-fg-8-base);
  --ks-color-link-to-fg-9: var(--ks-color-link-inverted-to-fg-9-base);
  --ks-color-link-inverted-to-fg-9: var(--ks-color-link-to-fg-9-base);
  --ks-color-positive: var(--ks-color-positive-inverted-base);
  --ks-color-positive-inverted: var(--ks-color-positive-base);
  --ks-color-positive-alpha-1: var(--ks-color-positive-inverted-alpha-1-base);
  --ks-color-positive-inverted-alpha-1: var(--ks-color-positive-alpha-1-base);
  --ks-color-positive-alpha-2: var(--ks-color-positive-inverted-alpha-2-base);
  --ks-color-positive-inverted-alpha-2: var(--ks-color-positive-alpha-2-base);
  --ks-color-positive-alpha-3: var(--ks-color-positive-inverted-alpha-3-base);
  --ks-color-positive-inverted-alpha-3: var(--ks-color-positive-alpha-3-base);
  --ks-color-positive-alpha-4: var(--ks-color-positive-inverted-alpha-4-base);
  --ks-color-positive-inverted-alpha-4: var(--ks-color-positive-alpha-4-base);
  --ks-color-positive-alpha-5: var(--ks-color-positive-inverted-alpha-5-base);
  --ks-color-positive-inverted-alpha-5: var(--ks-color-positive-alpha-5-base);
  --ks-color-positive-alpha-6: var(--ks-color-positive-inverted-alpha-6-base);
  --ks-color-positive-inverted-alpha-6: var(--ks-color-positive-alpha-6-base);
  --ks-color-positive-alpha-7: var(--ks-color-positive-inverted-alpha-7-base);
  --ks-color-positive-inverted-alpha-7: var(--ks-color-positive-alpha-7-base);
  --ks-color-positive-alpha-8: var(--ks-color-positive-inverted-alpha-8-base);
  --ks-color-positive-inverted-alpha-8: var(--ks-color-positive-alpha-8-base);
  --ks-color-positive-alpha-9: var(--ks-color-positive-inverted-alpha-9-base);
  --ks-color-positive-inverted-alpha-9: var(--ks-color-positive-alpha-9-base);
  --ks-color-positive-to-bg-1: var(--ks-color-positive-inverted-to-bg-1-base);
  --ks-color-positive-inverted-to-bg-1: var(--ks-color-positive-to-bg-1-base);
  --ks-color-positive-to-bg-2: var(--ks-color-positive-inverted-to-bg-2-base);
  --ks-color-positive-inverted-to-bg-2: var(--ks-color-positive-to-bg-2-base);
  --ks-color-positive-to-bg-3: var(--ks-color-positive-inverted-to-bg-3-base);
  --ks-color-positive-inverted-to-bg-3: var(--ks-color-positive-to-bg-3-base);
  --ks-color-positive-to-bg-4: var(--ks-color-positive-inverted-to-bg-4-base);
  --ks-color-positive-inverted-to-bg-4: var(--ks-color-positive-to-bg-4-base);
  --ks-color-positive-to-bg-5: var(--ks-color-positive-inverted-to-bg-5-base);
  --ks-color-positive-inverted-to-bg-5: var(--ks-color-positive-to-bg-5-base);
  --ks-color-positive-to-bg-6: var(--ks-color-positive-inverted-to-bg-6-base);
  --ks-color-positive-inverted-to-bg-6: var(--ks-color-positive-to-bg-6-base);
  --ks-color-positive-to-bg-7: var(--ks-color-positive-inverted-to-bg-7-base);
  --ks-color-positive-inverted-to-bg-7: var(--ks-color-positive-to-bg-7-base);
  --ks-color-positive-to-bg-8: var(--ks-color-positive-inverted-to-bg-8-base);
  --ks-color-positive-inverted-to-bg-8: var(--ks-color-positive-to-bg-8-base);
  --ks-color-positive-to-bg-9: var(--ks-color-positive-inverted-to-bg-9-base);
  --ks-color-positive-inverted-to-bg-9: var(--ks-color-positive-to-bg-9-base);
  --ks-color-positive-to-fg-1: var(--ks-color-positive-inverted-to-fg-1-base);
  --ks-color-positive-inverted-to-fg-1: var(--ks-color-positive-to-fg-1-base);
  --ks-color-positive-to-fg-2: var(--ks-color-positive-inverted-to-fg-2-base);
  --ks-color-positive-inverted-to-fg-2: var(--ks-color-positive-to-fg-2-base);
  --ks-color-positive-to-fg-3: var(--ks-color-positive-inverted-to-fg-3-base);
  --ks-color-positive-inverted-to-fg-3: var(--ks-color-positive-to-fg-3-base);
  --ks-color-positive-to-fg-4: var(--ks-color-positive-inverted-to-fg-4-base);
  --ks-color-positive-inverted-to-fg-4: var(--ks-color-positive-to-fg-4-base);
  --ks-color-positive-to-fg-5: var(--ks-color-positive-inverted-to-fg-5-base);
  --ks-color-positive-inverted-to-fg-5: var(--ks-color-positive-to-fg-5-base);
  --ks-color-positive-to-fg-6: var(--ks-color-positive-inverted-to-fg-6-base);
  --ks-color-positive-inverted-to-fg-6: var(--ks-color-positive-to-fg-6-base);
  --ks-color-positive-to-fg-7: var(--ks-color-positive-inverted-to-fg-7-base);
  --ks-color-positive-inverted-to-fg-7: var(--ks-color-positive-to-fg-7-base);
  --ks-color-positive-to-fg-8: var(--ks-color-positive-inverted-to-fg-8-base);
  --ks-color-positive-inverted-to-fg-8: var(--ks-color-positive-to-fg-8-base);
  --ks-color-positive-to-fg-9: var(--ks-color-positive-inverted-to-fg-9-base);
  --ks-color-positive-inverted-to-fg-9: var(--ks-color-positive-to-fg-9-base);
  --ks-color-informative: var(--ks-color-informative-inverted-base);
  --ks-color-informative-inverted: var(--ks-color-informative-base);
  --ks-color-informative-alpha-1: var(--ks-color-informative-inverted-alpha-1-base);
  --ks-color-informative-inverted-alpha-1: var(--ks-color-informative-alpha-1-base);
  --ks-color-informative-alpha-2: var(--ks-color-informative-inverted-alpha-2-base);
  --ks-color-informative-inverted-alpha-2: var(--ks-color-informative-alpha-2-base);
  --ks-color-informative-alpha-3: var(--ks-color-informative-inverted-alpha-3-base);
  --ks-color-informative-inverted-alpha-3: var(--ks-color-informative-alpha-3-base);
  --ks-color-informative-alpha-4: var(--ks-color-informative-inverted-alpha-4-base);
  --ks-color-informative-inverted-alpha-4: var(--ks-color-informative-alpha-4-base);
  --ks-color-informative-alpha-5: var(--ks-color-informative-inverted-alpha-5-base);
  --ks-color-informative-inverted-alpha-5: var(--ks-color-informative-alpha-5-base);
  --ks-color-informative-alpha-6: var(--ks-color-informative-inverted-alpha-6-base);
  --ks-color-informative-inverted-alpha-6: var(--ks-color-informative-alpha-6-base);
  --ks-color-informative-alpha-7: var(--ks-color-informative-inverted-alpha-7-base);
  --ks-color-informative-inverted-alpha-7: var(--ks-color-informative-alpha-7-base);
  --ks-color-informative-alpha-8: var(--ks-color-informative-inverted-alpha-8-base);
  --ks-color-informative-inverted-alpha-8: var(--ks-color-informative-alpha-8-base);
  --ks-color-informative-alpha-9: var(--ks-color-informative-inverted-alpha-9-base);
  --ks-color-informative-inverted-alpha-9: var(--ks-color-informative-alpha-9-base);
  --ks-color-informative-to-bg-1: var(--ks-color-informative-inverted-to-bg-1-base);
  --ks-color-informative-inverted-to-bg-1: var(--ks-color-informative-to-bg-1-base);
  --ks-color-informative-to-bg-2: var(--ks-color-informative-inverted-to-bg-2-base);
  --ks-color-informative-inverted-to-bg-2: var(--ks-color-informative-to-bg-2-base);
  --ks-color-informative-to-bg-3: var(--ks-color-informative-inverted-to-bg-3-base);
  --ks-color-informative-inverted-to-bg-3: var(--ks-color-informative-to-bg-3-base);
  --ks-color-informative-to-bg-4: var(--ks-color-informative-inverted-to-bg-4-base);
  --ks-color-informative-inverted-to-bg-4: var(--ks-color-informative-to-bg-4-base);
  --ks-color-informative-to-bg-5: var(--ks-color-informative-inverted-to-bg-5-base);
  --ks-color-informative-inverted-to-bg-5: var(--ks-color-informative-to-bg-5-base);
  --ks-color-informative-to-bg-6: var(--ks-color-informative-inverted-to-bg-6-base);
  --ks-color-informative-inverted-to-bg-6: var(--ks-color-informative-to-bg-6-base);
  --ks-color-informative-to-bg-7: var(--ks-color-informative-inverted-to-bg-7-base);
  --ks-color-informative-inverted-to-bg-7: var(--ks-color-informative-to-bg-7-base);
  --ks-color-informative-to-bg-8: var(--ks-color-informative-inverted-to-bg-8-base);
  --ks-color-informative-inverted-to-bg-8: var(--ks-color-informative-to-bg-8-base);
  --ks-color-informative-to-bg-9: var(--ks-color-informative-inverted-to-bg-9-base);
  --ks-color-informative-inverted-to-bg-9: var(--ks-color-informative-to-bg-9-base);
  --ks-color-informative-to-fg-1: var(--ks-color-informative-inverted-to-fg-1-base);
  --ks-color-informative-inverted-to-fg-1: var(--ks-color-informative-to-fg-1-base);
  --ks-color-informative-to-fg-2: var(--ks-color-informative-inverted-to-fg-2-base);
  --ks-color-informative-inverted-to-fg-2: var(--ks-color-informative-to-fg-2-base);
  --ks-color-informative-to-fg-3: var(--ks-color-informative-inverted-to-fg-3-base);
  --ks-color-informative-inverted-to-fg-3: var(--ks-color-informative-to-fg-3-base);
  --ks-color-informative-to-fg-4: var(--ks-color-informative-inverted-to-fg-4-base);
  --ks-color-informative-inverted-to-fg-4: var(--ks-color-informative-to-fg-4-base);
  --ks-color-informative-to-fg-5: var(--ks-color-informative-inverted-to-fg-5-base);
  --ks-color-informative-inverted-to-fg-5: var(--ks-color-informative-to-fg-5-base);
  --ks-color-informative-to-fg-6: var(--ks-color-informative-inverted-to-fg-6-base);
  --ks-color-informative-inverted-to-fg-6: var(--ks-color-informative-to-fg-6-base);
  --ks-color-informative-to-fg-7: var(--ks-color-informative-inverted-to-fg-7-base);
  --ks-color-informative-inverted-to-fg-7: var(--ks-color-informative-to-fg-7-base);
  --ks-color-informative-to-fg-8: var(--ks-color-informative-inverted-to-fg-8-base);
  --ks-color-informative-inverted-to-fg-8: var(--ks-color-informative-to-fg-8-base);
  --ks-color-informative-to-fg-9: var(--ks-color-informative-inverted-to-fg-9-base);
  --ks-color-informative-inverted-to-fg-9: var(--ks-color-informative-to-fg-9-base);
  --ks-color-notice: var(--ks-color-notice-inverted-base);
  --ks-color-notice-inverted: var(--ks-color-notice-base);
  --ks-color-notice-alpha-1: var(--ks-color-notice-inverted-alpha-1-base);
  --ks-color-notice-inverted-alpha-1: var(--ks-color-notice-alpha-1-base);
  --ks-color-notice-alpha-2: var(--ks-color-notice-inverted-alpha-2-base);
  --ks-color-notice-inverted-alpha-2: var(--ks-color-notice-alpha-2-base);
  --ks-color-notice-alpha-3: var(--ks-color-notice-inverted-alpha-3-base);
  --ks-color-notice-inverted-alpha-3: var(--ks-color-notice-alpha-3-base);
  --ks-color-notice-alpha-4: var(--ks-color-notice-inverted-alpha-4-base);
  --ks-color-notice-inverted-alpha-4: var(--ks-color-notice-alpha-4-base);
  --ks-color-notice-alpha-5: var(--ks-color-notice-inverted-alpha-5-base);
  --ks-color-notice-inverted-alpha-5: var(--ks-color-notice-alpha-5-base);
  --ks-color-notice-alpha-6: var(--ks-color-notice-inverted-alpha-6-base);
  --ks-color-notice-inverted-alpha-6: var(--ks-color-notice-alpha-6-base);
  --ks-color-notice-alpha-7: var(--ks-color-notice-inverted-alpha-7-base);
  --ks-color-notice-inverted-alpha-7: var(--ks-color-notice-alpha-7-base);
  --ks-color-notice-alpha-8: var(--ks-color-notice-inverted-alpha-8-base);
  --ks-color-notice-inverted-alpha-8: var(--ks-color-notice-alpha-8-base);
  --ks-color-notice-alpha-9: var(--ks-color-notice-inverted-alpha-9-base);
  --ks-color-notice-inverted-alpha-9: var(--ks-color-notice-alpha-9-base);
  --ks-color-notice-to-bg-1: var(--ks-color-notice-inverted-to-bg-1-base);
  --ks-color-notice-inverted-to-bg-1: var(--ks-color-notice-to-bg-1-base);
  --ks-color-notice-to-bg-2: var(--ks-color-notice-inverted-to-bg-2-base);
  --ks-color-notice-inverted-to-bg-2: var(--ks-color-notice-to-bg-2-base);
  --ks-color-notice-to-bg-3: var(--ks-color-notice-inverted-to-bg-3-base);
  --ks-color-notice-inverted-to-bg-3: var(--ks-color-notice-to-bg-3-base);
  --ks-color-notice-to-bg-4: var(--ks-color-notice-inverted-to-bg-4-base);
  --ks-color-notice-inverted-to-bg-4: var(--ks-color-notice-to-bg-4-base);
  --ks-color-notice-to-bg-5: var(--ks-color-notice-inverted-to-bg-5-base);
  --ks-color-notice-inverted-to-bg-5: var(--ks-color-notice-to-bg-5-base);
  --ks-color-notice-to-bg-6: var(--ks-color-notice-inverted-to-bg-6-base);
  --ks-color-notice-inverted-to-bg-6: var(--ks-color-notice-to-bg-6-base);
  --ks-color-notice-to-bg-7: var(--ks-color-notice-inverted-to-bg-7-base);
  --ks-color-notice-inverted-to-bg-7: var(--ks-color-notice-to-bg-7-base);
  --ks-color-notice-to-bg-8: var(--ks-color-notice-inverted-to-bg-8-base);
  --ks-color-notice-inverted-to-bg-8: var(--ks-color-notice-to-bg-8-base);
  --ks-color-notice-to-bg-9: var(--ks-color-notice-inverted-to-bg-9-base);
  --ks-color-notice-inverted-to-bg-9: var(--ks-color-notice-to-bg-9-base);
  --ks-color-notice-to-fg-1: var(--ks-color-notice-inverted-to-fg-1-base);
  --ks-color-notice-inverted-to-fg-1: var(--ks-color-notice-to-fg-1-base);
  --ks-color-notice-to-fg-2: var(--ks-color-notice-inverted-to-fg-2-base);
  --ks-color-notice-inverted-to-fg-2: var(--ks-color-notice-to-fg-2-base);
  --ks-color-notice-to-fg-3: var(--ks-color-notice-inverted-to-fg-3-base);
  --ks-color-notice-inverted-to-fg-3: var(--ks-color-notice-to-fg-3-base);
  --ks-color-notice-to-fg-4: var(--ks-color-notice-inverted-to-fg-4-base);
  --ks-color-notice-inverted-to-fg-4: var(--ks-color-notice-to-fg-4-base);
  --ks-color-notice-to-fg-5: var(--ks-color-notice-inverted-to-fg-5-base);
  --ks-color-notice-inverted-to-fg-5: var(--ks-color-notice-to-fg-5-base);
  --ks-color-notice-to-fg-6: var(--ks-color-notice-inverted-to-fg-6-base);
  --ks-color-notice-inverted-to-fg-6: var(--ks-color-notice-to-fg-6-base);
  --ks-color-notice-to-fg-7: var(--ks-color-notice-inverted-to-fg-7-base);
  --ks-color-notice-inverted-to-fg-7: var(--ks-color-notice-to-fg-7-base);
  --ks-color-notice-to-fg-8: var(--ks-color-notice-inverted-to-fg-8-base);
  --ks-color-notice-inverted-to-fg-8: var(--ks-color-notice-to-fg-8-base);
  --ks-color-notice-to-fg-9: var(--ks-color-notice-inverted-to-fg-9-base);
  --ks-color-notice-inverted-to-fg-9: var(--ks-color-notice-to-fg-9-base);
  --ks-color-negative: var(--ks-color-negative-inverted-base);
  --ks-color-negative-inverted: var(--ks-color-negative-base);
  --ks-color-negative-alpha-1: var(--ks-color-negative-inverted-alpha-1-base);
  --ks-color-negative-inverted-alpha-1: var(--ks-color-negative-alpha-1-base);
  --ks-color-negative-alpha-2: var(--ks-color-negative-inverted-alpha-2-base);
  --ks-color-negative-inverted-alpha-2: var(--ks-color-negative-alpha-2-base);
  --ks-color-negative-alpha-3: var(--ks-color-negative-inverted-alpha-3-base);
  --ks-color-negative-inverted-alpha-3: var(--ks-color-negative-alpha-3-base);
  --ks-color-negative-alpha-4: var(--ks-color-negative-inverted-alpha-4-base);
  --ks-color-negative-inverted-alpha-4: var(--ks-color-negative-alpha-4-base);
  --ks-color-negative-alpha-5: var(--ks-color-negative-inverted-alpha-5-base);
  --ks-color-negative-inverted-alpha-5: var(--ks-color-negative-alpha-5-base);
  --ks-color-negative-alpha-6: var(--ks-color-negative-inverted-alpha-6-base);
  --ks-color-negative-inverted-alpha-6: var(--ks-color-negative-alpha-6-base);
  --ks-color-negative-alpha-7: var(--ks-color-negative-inverted-alpha-7-base);
  --ks-color-negative-inverted-alpha-7: var(--ks-color-negative-alpha-7-base);
  --ks-color-negative-alpha-8: var(--ks-color-negative-inverted-alpha-8-base);
  --ks-color-negative-inverted-alpha-8: var(--ks-color-negative-alpha-8-base);
  --ks-color-negative-alpha-9: var(--ks-color-negative-inverted-alpha-9-base);
  --ks-color-negative-inverted-alpha-9: var(--ks-color-negative-alpha-9-base);
  --ks-color-negative-to-bg-1: var(--ks-color-negative-inverted-to-bg-1-base);
  --ks-color-negative-inverted-to-bg-1: var(--ks-color-negative-to-bg-1-base);
  --ks-color-negative-to-bg-2: var(--ks-color-negative-inverted-to-bg-2-base);
  --ks-color-negative-inverted-to-bg-2: var(--ks-color-negative-to-bg-2-base);
  --ks-color-negative-to-bg-3: var(--ks-color-negative-inverted-to-bg-3-base);
  --ks-color-negative-inverted-to-bg-3: var(--ks-color-negative-to-bg-3-base);
  --ks-color-negative-to-bg-4: var(--ks-color-negative-inverted-to-bg-4-base);
  --ks-color-negative-inverted-to-bg-4: var(--ks-color-negative-to-bg-4-base);
  --ks-color-negative-to-bg-5: var(--ks-color-negative-inverted-to-bg-5-base);
  --ks-color-negative-inverted-to-bg-5: var(--ks-color-negative-to-bg-5-base);
  --ks-color-negative-to-bg-6: var(--ks-color-negative-inverted-to-bg-6-base);
  --ks-color-negative-inverted-to-bg-6: var(--ks-color-negative-to-bg-6-base);
  --ks-color-negative-to-bg-7: var(--ks-color-negative-inverted-to-bg-7-base);
  --ks-color-negative-inverted-to-bg-7: var(--ks-color-negative-to-bg-7-base);
  --ks-color-negative-to-bg-8: var(--ks-color-negative-inverted-to-bg-8-base);
  --ks-color-negative-inverted-to-bg-8: var(--ks-color-negative-to-bg-8-base);
  --ks-color-negative-to-bg-9: var(--ks-color-negative-inverted-to-bg-9-base);
  --ks-color-negative-inverted-to-bg-9: var(--ks-color-negative-to-bg-9-base);
  --ks-color-negative-to-fg-1: var(--ks-color-negative-inverted-to-fg-1-base);
  --ks-color-negative-inverted-to-fg-1: var(--ks-color-negative-to-fg-1-base);
  --ks-color-negative-to-fg-2: var(--ks-color-negative-inverted-to-fg-2-base);
  --ks-color-negative-inverted-to-fg-2: var(--ks-color-negative-to-fg-2-base);
  --ks-color-negative-to-fg-3: var(--ks-color-negative-inverted-to-fg-3-base);
  --ks-color-negative-inverted-to-fg-3: var(--ks-color-negative-to-fg-3-base);
  --ks-color-negative-to-fg-4: var(--ks-color-negative-inverted-to-fg-4-base);
  --ks-color-negative-inverted-to-fg-4: var(--ks-color-negative-to-fg-4-base);
  --ks-color-negative-to-fg-5: var(--ks-color-negative-inverted-to-fg-5-base);
  --ks-color-negative-inverted-to-fg-5: var(--ks-color-negative-to-fg-5-base);
  --ks-color-negative-to-fg-6: var(--ks-color-negative-inverted-to-fg-6-base);
  --ks-color-negative-inverted-to-fg-6: var(--ks-color-negative-to-fg-6-base);
  --ks-color-negative-to-fg-7: var(--ks-color-negative-inverted-to-fg-7-base);
  --ks-color-negative-inverted-to-fg-7: var(--ks-color-negative-to-fg-7-base);
  --ks-color-negative-to-fg-8: var(--ks-color-negative-inverted-to-fg-8-base);
  --ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-to-fg-8-base);
  --ks-color-negative-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
  --ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-to-fg-9-base);
  --ks-color-secondary: var(--ks-color-secondary-inverted-base);
  --ks-color-secondary-inverted: var(--ks-color-secondary-base);
  --ks-color-secondary-alpha-1: var(--ks-color-secondary-inverted-alpha-1-base);
  --ks-color-secondary-inverted-alpha-1: var(--ks-color-secondary-alpha-1-base);
  --ks-color-secondary-alpha-2: var(--ks-color-secondary-inverted-alpha-2-base);
  --ks-color-secondary-inverted-alpha-2: var(--ks-color-secondary-alpha-2-base);
  --ks-color-secondary-alpha-3: var(--ks-color-secondary-inverted-alpha-3-base);
  --ks-color-secondary-inverted-alpha-3: var(--ks-color-secondary-alpha-3-base);
  --ks-color-secondary-alpha-4: var(--ks-color-secondary-inverted-alpha-4-base);
  --ks-color-secondary-inverted-alpha-4: var(--ks-color-secondary-alpha-4-base);
  --ks-color-secondary-alpha-5: var(--ks-color-secondary-inverted-alpha-5-base);
  --ks-color-secondary-inverted-alpha-5: var(--ks-color-secondary-alpha-5-base);
  --ks-color-secondary-alpha-6: var(--ks-color-secondary-inverted-alpha-6-base);
  --ks-color-secondary-inverted-alpha-6: var(--ks-color-secondary-alpha-6-base);
  --ks-color-secondary-alpha-7: var(--ks-color-secondary-inverted-alpha-7-base);
  --ks-color-secondary-inverted-alpha-7: var(--ks-color-secondary-alpha-7-base);
  --ks-color-secondary-alpha-8: var(--ks-color-secondary-inverted-alpha-8-base);
  --ks-color-secondary-inverted-alpha-8: var(--ks-color-secondary-alpha-8-base);
  --ks-color-secondary-alpha-9: var(--ks-color-secondary-inverted-alpha-9-base);
  --ks-color-secondary-inverted-alpha-9: var(--ks-color-secondary-alpha-9-base);
  --ks-color-secondary-to-bg-1: var(--ks-color-secondary-inverted-to-bg-1-base);
  --ks-color-secondary-inverted-to-bg-1: var(--ks-color-secondary-to-bg-1-base);
  --ks-color-secondary-to-bg-2: var(--ks-color-secondary-inverted-to-bg-2-base);
  --ks-color-secondary-inverted-to-bg-2: var(--ks-color-secondary-to-bg-2-base);
  --ks-color-secondary-to-bg-3: var(--ks-color-secondary-inverted-to-bg-3-base);
  --ks-color-secondary-inverted-to-bg-3: var(--ks-color-secondary-to-bg-3-base);
  --ks-color-secondary-to-bg-4: var(--ks-color-secondary-inverted-to-bg-4-base);
  --ks-color-secondary-inverted-to-bg-4: var(--ks-color-secondary-to-bg-4-base);
  --ks-color-secondary-to-bg-5: var(--ks-color-secondary-inverted-to-bg-5-base);
  --ks-color-secondary-inverted-to-bg-5: var(--ks-color-secondary-to-bg-5-base);
  --ks-color-secondary-to-bg-6: var(--ks-color-secondary-inverted-to-bg-6-base);
  --ks-color-secondary-inverted-to-bg-6: var(--ks-color-secondary-to-bg-6-base);
  --ks-color-secondary-to-bg-7: var(--ks-color-secondary-inverted-to-bg-7-base);
  --ks-color-secondary-inverted-to-bg-7: var(--ks-color-secondary-to-bg-7-base);
  --ks-color-secondary-to-bg-8: var(--ks-color-secondary-inverted-to-bg-8-base);
  --ks-color-secondary-inverted-to-bg-8: var(--ks-color-secondary-to-bg-8-base);
  --ks-color-secondary-to-bg-9: var(--ks-color-secondary-inverted-to-bg-9-base);
  --ks-color-secondary-inverted-to-bg-9: var(--ks-color-secondary-to-bg-9-base);
  --ks-color-secondary-to-fg-1: var(--ks-color-secondary-inverted-to-fg-1-base);
  --ks-color-secondary-inverted-to-fg-1: var(--ks-color-secondary-to-fg-1-base);
  --ks-color-secondary-to-fg-2: var(--ks-color-secondary-inverted-to-fg-2-base);
  --ks-color-secondary-inverted-to-fg-2: var(--ks-color-secondary-to-fg-2-base);
  --ks-color-secondary-to-fg-3: var(--ks-color-secondary-inverted-to-fg-3-base);
  --ks-color-secondary-inverted-to-fg-3: var(--ks-color-secondary-to-fg-3-base);
  --ks-color-secondary-to-fg-4: var(--ks-color-secondary-inverted-to-fg-4-base);
  --ks-color-secondary-inverted-to-fg-4: var(--ks-color-secondary-to-fg-4-base);
  --ks-color-secondary-to-fg-5: var(--ks-color-secondary-inverted-to-fg-5-base);
  --ks-color-secondary-inverted-to-fg-5: var(--ks-color-secondary-to-fg-5-base);
  --ks-color-secondary-to-fg-6: var(--ks-color-secondary-inverted-to-fg-6-base);
  --ks-color-secondary-inverted-to-fg-6: var(--ks-color-secondary-to-fg-6-base);
  --ks-color-secondary-to-fg-7: var(--ks-color-secondary-inverted-to-fg-7-base);
  --ks-color-secondary-inverted-to-fg-7: var(--ks-color-secondary-to-fg-7-base);
  --ks-color-secondary-to-fg-8: var(--ks-color-secondary-inverted-to-fg-8-base);
  --ks-color-secondary-inverted-to-fg-8: var(--ks-color-secondary-to-fg-8-base);
  --ks-color-secondary-to-fg-9: var(--ks-color-secondary-inverted-to-fg-9-base);
  --ks-color-secondary-inverted-to-fg-9: var(--ks-color-secondary-to-fg-9-base);
  --ks-text-color-default: var(--ks-text-color-default-inverted-base);
  --ks-text-color-default-inverted: var(--ks-text-color-default-base);
  --ks-text-color-default-interactive: var(--ks-text-color-default-inverted-interactive-base);
  --ks-text-color-default-inverted-interactive: var(--ks-text-color-default-interactive-base);
  --ks-text-color-default-interactive-hover: var(--ks-text-color-default-inverted-interactive-hover-base);
  --ks-text-color-default-inverted-interactive-hover: var(--ks-text-color-default-interactive-hover-base);
  --ks-text-color-default-interactive-active: var(--ks-text-color-default-inverted-interactive-active-base);
  --ks-text-color-default-inverted-interactive-active: var(--ks-text-color-default-interactive-active-base);
  --ks-text-color-default-interactive-selected: var(--ks-text-color-default-inverted-interactive-selected-base);
  --ks-text-color-default-inverted-interactive-selected: var(--ks-text-color-default-interactive-selected-base);
  --ks-text-color-copy: var(--ks-text-color-copy-inverted-base);
  --ks-text-color-copy-inverted: var(--ks-text-color-copy-base);
  --ks-text-color-copy-interactive: var(--ks-text-color-copy-inverted-interactive-base);
  --ks-text-color-copy-inverted-interactive: var(--ks-text-color-copy-interactive-base);
  --ks-text-color-copy-interactive-hover: var(--ks-text-color-copy-inverted-interactive-hover-base);
  --ks-text-color-copy-inverted-interactive-hover: var(--ks-text-color-copy-interactive-hover-base);
  --ks-text-color-copy-interactive-active: var(--ks-text-color-copy-inverted-interactive-active-base);
  --ks-text-color-copy-inverted-interactive-active: var(--ks-text-color-copy-interactive-active-base);
  --ks-text-color-copy-interactive-selected: var(--ks-text-color-copy-inverted-interactive-selected-base);
  --ks-text-color-copy-inverted-interactive-selected: var(--ks-text-color-copy-interactive-selected-base);
  --ks-text-color-display: var(--ks-text-color-display-inverted-base);
  --ks-text-color-display-inverted: var(--ks-text-color-display-base);
  --ks-text-color-display-interactive: var(--ks-text-color-display-inverted-interactive-base);
  --ks-text-color-display-inverted-interactive: var(--ks-text-color-display-interactive-base);
  --ks-text-color-display-interactive-hover: var(--ks-text-color-display-inverted-interactive-hover-base);
  --ks-text-color-display-inverted-interactive-hover: var(--ks-text-color-display-interactive-hover-base);
  --ks-text-color-display-interactive-active: var(--ks-text-color-display-inverted-interactive-active-base);
  --ks-text-color-display-inverted-interactive-active: var(--ks-text-color-display-interactive-active-base);
  --ks-text-color-display-interactive-selected: var(--ks-text-color-display-inverted-interactive-selected-base);
  --ks-text-color-display-inverted-interactive-selected: var(--ks-text-color-display-interactive-selected-base);
  --ks-text-color-interface: var(--ks-text-color-interface-inverted-base);
  --ks-text-color-interface-inverted: var(--ks-text-color-interface-base);
  --ks-text-color-interface-interactive: var(--ks-text-color-interface-inverted-interactive-base);
  --ks-text-color-interface-inverted-interactive: var(--ks-text-color-interface-interactive-base);
  --ks-text-color-interface-interactive-hover: var(--ks-text-color-interface-inverted-interactive-hover-base);
  --ks-text-color-interface-inverted-interactive-hover: var(--ks-text-color-interface-interactive-hover-base);
  --ks-text-color-interface-interactive-active: var(--ks-text-color-interface-inverted-interactive-active-base);
  --ks-text-color-interface-inverted-interactive-active: var(--ks-text-color-interface-interactive-active-base);
  --ks-text-color-interface-interactive-selected: var(--ks-text-color-interface-inverted-interactive-selected-base);
  --ks-text-color-interface-inverted-interactive-selected: var(--ks-text-color-interface-interactive-selected-base);
  --ks-text-color-card: var(--ks-text-color-card-inverted-base);
  --ks-text-color-card-inverted: var(--ks-text-color-card-base);
  --ks-text-color-card-interactive: var(--ks-text-color-card-inverted-interactive-base);
  --ks-text-color-card-inverted-interactive: var(--ks-text-color-card-interactive-base);
  --ks-text-color-card-interactive-hover: var(--ks-text-color-card-inverted-interactive-hover-base);
  --ks-text-color-card-inverted-interactive-hover: var(--ks-text-color-card-interactive-hover-base);
  --ks-text-color-card-interactive-active: var(--ks-text-color-card-inverted-interactive-active-base);
  --ks-text-color-card-inverted-interactive-active: var(--ks-text-color-card-interactive-active-base);
  --ks-text-color-card-interactive-selected: var(--ks-text-color-card-inverted-interactive-selected-base);
  --ks-text-color-card-inverted-interactive-selected: var(--ks-text-color-card-interactive-selected-base);
  --ks-text-color-primary: var(--ks-text-color-primary-inverted-base);
  --ks-text-color-primary-inverted: var(--ks-text-color-primary-base);
  --ks-text-color-primary-interactive: var(--ks-text-color-primary-inverted-interactive-base);
  --ks-text-color-primary-inverted-interactive: var(--ks-text-color-primary-interactive-base);
  --ks-text-color-primary-interactive-hover: var(--ks-text-color-primary-inverted-interactive-hover-base);
  --ks-text-color-primary-inverted-interactive-hover: var(--ks-text-color-primary-interactive-hover-base);
  --ks-text-color-primary-interactive-active: var(--ks-text-color-primary-inverted-interactive-active-base);
  --ks-text-color-primary-inverted-interactive-active: var(--ks-text-color-primary-interactive-active-base);
  --ks-text-color-primary-interactive-selected: var(--ks-text-color-primary-inverted-interactive-selected-base);
  --ks-text-color-primary-inverted-interactive-selected: var(--ks-text-color-primary-interactive-selected-base);
  --ks-text-color-positive: var(--ks-text-color-positive-inverted-base);
  --ks-text-color-positive-inverted: var(--ks-text-color-positive-base);
  --ks-text-color-positive-interactive: var(--ks-text-color-positive-inverted-interactive-base);
  --ks-text-color-positive-inverted-interactive: var(--ks-text-color-positive-interactive-base);
  --ks-text-color-positive-interactive-hover: var(--ks-text-color-positive-inverted-interactive-hover-base);
  --ks-text-color-positive-inverted-interactive-hover: var(--ks-text-color-positive-interactive-hover-base);
  --ks-text-color-positive-interactive-active: var(--ks-text-color-positive-inverted-interactive-active-base);
  --ks-text-color-positive-inverted-interactive-active: var(--ks-text-color-positive-interactive-active-base);
  --ks-text-color-positive-interactive-selected: var(--ks-text-color-positive-inverted-interactive-selected-base);
  --ks-text-color-positive-inverted-interactive-selected: var(--ks-text-color-positive-interactive-selected-base);
  --ks-text-color-informative: var(--ks-text-color-informative-inverted-base);
  --ks-text-color-informative-inverted: var(--ks-text-color-informative-base);
  --ks-text-color-informative-interactive: var(--ks-text-color-informative-inverted-interactive-base);
  --ks-text-color-informative-inverted-interactive: var(--ks-text-color-informative-interactive-base);
  --ks-text-color-informative-interactive-hover: var(--ks-text-color-informative-inverted-interactive-hover-base);
  --ks-text-color-informative-inverted-interactive-hover: var(--ks-text-color-informative-interactive-hover-base);
  --ks-text-color-informative-interactive-active: var(--ks-text-color-informative-inverted-interactive-active-base);
  --ks-text-color-informative-inverted-interactive-active: var(--ks-text-color-informative-interactive-active-base);
  --ks-text-color-informative-interactive-selected: var(--ks-text-color-informative-inverted-interactive-selected-base);
  --ks-text-color-informative-inverted-interactive-selected: var(--ks-text-color-informative-interactive-selected-base);
  --ks-text-color-notice: var(--ks-text-color-notice-inverted-base);
  --ks-text-color-notice-inverted: var(--ks-text-color-notice-base);
  --ks-text-color-notice-interactive: var(--ks-text-color-notice-inverted-interactive-base);
  --ks-text-color-notice-inverted-interactive: var(--ks-text-color-notice-interactive-base);
  --ks-text-color-notice-interactive-hover: var(--ks-text-color-notice-inverted-interactive-hover-base);
  --ks-text-color-notice-inverted-interactive-hover: var(--ks-text-color-notice-interactive-hover-base);
  --ks-text-color-notice-interactive-active: var(--ks-text-color-notice-inverted-interactive-active-base);
  --ks-text-color-notice-inverted-interactive-active: var(--ks-text-color-notice-interactive-active-base);
  --ks-text-color-notice-interactive-selected: var(--ks-text-color-notice-inverted-interactive-selected-base);
  --ks-text-color-notice-inverted-interactive-selected: var(--ks-text-color-notice-interactive-selected-base);
  --ks-text-color-negative: var(--ks-text-color-negative-inverted-base);
  --ks-text-color-negative-inverted: var(--ks-text-color-negative-base);
  --ks-text-color-negative-interactive: var(--ks-text-color-negative-inverted-interactive-base);
  --ks-text-color-negative-inverted-interactive: var(--ks-text-color-negative-interactive-base);
  --ks-text-color-negative-interactive-hover: var(--ks-text-color-negative-inverted-interactive-hover-base);
  --ks-text-color-negative-inverted-interactive-hover: var(--ks-text-color-negative-interactive-hover-base);
  --ks-text-color-negative-interactive-active: var(--ks-text-color-negative-inverted-interactive-active-base);
  --ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-interactive-active-base);
  --ks-text-color-negative-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
  --ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-interactive-selected-base);
  --ks-text-color-secondary: var(--ks-text-color-secondary-inverted-base);
  --ks-text-color-secondary-inverted: var(--ks-text-color-secondary-base);
  --ks-text-color-secondary-interactive: var(--ks-text-color-secondary-inverted-interactive-base);
  --ks-text-color-secondary-inverted-interactive: var(--ks-text-color-secondary-interactive-base);
  --ks-text-color-secondary-interactive-hover: var(--ks-text-color-secondary-inverted-interactive-hover-base);
  --ks-text-color-secondary-inverted-interactive-hover: var(--ks-text-color-secondary-interactive-hover-base);
  --ks-text-color-secondary-interactive-active: var(--ks-text-color-secondary-inverted-interactive-active-base);
  --ks-text-color-secondary-inverted-interactive-active: var(--ks-text-color-secondary-interactive-active-base);
  --ks-text-color-secondary-interactive-selected: var(--ks-text-color-secondary-inverted-interactive-selected-base);
  --ks-text-color-secondary-inverted-interactive-selected: var(--ks-text-color-secondary-interactive-selected-base);
}

@media (min-width: 36em) {
  :root [ks-theme=google] {
    --ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-phone);
    --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-phone);
    --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-phone);
    --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-phone);
    --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-phone);
    --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-phone);
    --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-phone);
    --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-phone);
  }
}
@media (min-width: 48em) {
  :root [ks-theme=google] {
    --ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-tablet);
    --ks-font-size-copy-bp-factor: var(--ks-font-size-copy-bp-factor-tablet);
    --ks-font-size-interface-bp-factor: var(--ks-font-size-interface-bp-factor-tablet);
    --ks-font-size-mono-bp-factor: var(--ks-font-size-mono-bp-factor-tablet);
    --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-tablet);
    --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-tablet);
    --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-tablet);
    --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-tablet);
    --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-tablet);
    --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-tablet);
    --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-tablet);
  }
}
@media (min-width: 62em) {
  :root [ks-theme=google] {
    --ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-laptop);
    --ks-font-size-copy-bp-factor: var(--ks-font-size-copy-bp-factor-laptop);
    --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-laptop);
    --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-laptop);
    --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-laptop);
    --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-laptop);
    --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-laptop);
    --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-laptop);
    --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-laptop);
  }
}
@media (min-width: 75em) {
  :root [ks-theme=google] {
    --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-desktop);
    --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-desktop);
    --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-desktop);
    --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-desktop);
    --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-desktop);
    --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-desktop);
    --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-desktop);
  }
}
/**
 * Do not edit directly
 * Generated on Fri, 06 Mar 2026 10:45:46 GMT
 */
:root [ks-theme=ngo] {
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
  --ks-background-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
  --ks-background-color-bold-base: var(--ks-color-primary-to-bg-6-base);
  --ks-background-color-bold-inverted-base: var(--ks-color-primary-inverted-to-bg-6-base);
  --ks-background-color-clear-base: var(--ks-color-transparent-base);
  --ks-background-color-clear-interactive-base: var(--ks-color-transparent-base);
  --ks-background-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
  --ks-background-color-clear-interactive-active-base: var(--ks-color-primary-alpha-7-base);
  --ks-background-color-clear-interactive-selected-base: var(--ks-color-primary-alpha-6-base);
  --ks-background-color-clear-inverted-base: var(--ks-color-transparent-base);
  --ks-background-color-clear-inverted-interactive-base: var(--ks-color-transparent-base);
  --ks-background-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
  --ks-background-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
  --ks-background-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
  --ks-background-color-default-base: var(--ks-color-bg-base);
  --ks-background-color-default-inverted-base: var(--ks-color-bg-inverted-base);
  --ks-background-color-interface-base: var(--ks-color-fg-alpha-9-base);
  --ks-background-color-interface-interactive-base: var(--ks-color-fg-alpha-8-base);
  --ks-background-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-9-base);
  --ks-background-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-6-base);
  --ks-background-color-interface-interactive-active-base: var(--ks-color-fg-alpha-6-base);
  --ks-background-color-interface-interactive-selected-base: var(--ks-color-primary-base);
  --ks-background-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-background-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-8-base);
  --ks-background-color-interface-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-background-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-6-base);
  --ks-background-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-6-base);
  --ks-background-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
  --ks-background-color-card-base: var(--ks-color-fg-alpha-9-base);
  --ks-background-color-card-interactive-base: var(--ks-color-fg-alpha-8-base);
  --ks-background-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-7-base);
  --ks-background-color-card-interactive-hover-base: var(--ks-color-fg-alpha-9-base);
  --ks-background-color-card-interactive-active-base: var(--ks-color-fg-alpha-9-base);
  --ks-background-color-card-interactive-selected-base: var(--ks-color-primary-base);
  --ks-background-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-background-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-8-base);
  --ks-background-color-card-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-7-base);
  --ks-background-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-background-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-background-color-card-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
  --ks-background-color-primary-base: var(--ks-color-primary-base);
  --ks-background-color-primary-interactive-base: var(--ks-color-primary-base);
  --ks-background-color-primary-interactive-hover-base: var(--ks-color-primary-to-bg-2-base);
  --ks-background-color-primary-interactive-active-base: var(--ks-color-primary-to-bg-2-base);
  --ks-background-color-primary-interactive-selected-base: var(--ks-color-primary-to-bg-4-base);
  --ks-background-color-primary-translucent-base: var(--ks-color-primary-alpha-5-base);
  --ks-background-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
  --ks-background-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-base);
  --ks-background-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-to-bg-2-base);
  --ks-background-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-to-bg-2-base);
  --ks-background-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-to-bg-4-base);
  --ks-background-color-primary-inverted-translucent-base: var(--ks-color-primary-inverted-alpha-5-base);
  --ks-background-color-positive-base: var(--ks-color-positive-base);
  --ks-background-color-positive-interactive-base: var(--ks-color-positive-base);
  --ks-background-color-positive-interactive-hover-base: var(--ks-color-positive-to-bg-2-base);
  --ks-background-color-positive-interactive-active-base: var(--ks-color-positive-to-bg-2-base);
  --ks-background-color-positive-interactive-selected-base: var(--ks-color-positive-to-bg-4-base);
  --ks-background-color-positive-translucent-base: var(--ks-color-positive-alpha-5-base);
  --ks-background-color-positive-inverted-base: var(--ks-color-positive-inverted-base);
  --ks-background-color-positive-inverted-interactive-base: var(--ks-color-positive-inverted-base);
  --ks-background-color-positive-inverted-interactive-hover-base: var(--ks-color-positive-inverted-to-bg-2-base);
  --ks-background-color-positive-inverted-interactive-active-base: var(--ks-color-positive-inverted-to-bg-2-base);
  --ks-background-color-positive-inverted-interactive-selected-base: var(--ks-color-positive-inverted-to-bg-4-base);
  --ks-background-color-positive-inverted-translucent-base: var(--ks-color-positive-inverted-alpha-5-base);
  --ks-background-color-informative-base: var(--ks-color-informative-base);
  --ks-background-color-informative-interactive-base: var(--ks-color-informative-base);
  --ks-background-color-informative-interactive-hover-base: var(--ks-color-informative-to-bg-2-base);
  --ks-background-color-informative-interactive-active-base: var(--ks-color-informative-to-bg-2-base);
  --ks-background-color-informative-interactive-selected-base: var(--ks-color-informative-to-bg-4-base);
  --ks-background-color-informative-translucent-base: var(--ks-color-informative-alpha-5-base);
  --ks-background-color-informative-inverted-base: var(--ks-color-informative-inverted-base);
  --ks-background-color-informative-inverted-interactive-base: var(--ks-color-informative-inverted-base);
  --ks-background-color-informative-inverted-interactive-hover-base: var(--ks-color-informative-inverted-to-bg-2-base);
  --ks-background-color-informative-inverted-interactive-active-base: var(--ks-color-informative-inverted-to-bg-2-base);
  --ks-background-color-informative-inverted-interactive-selected-base: var(--ks-color-informative-inverted-to-bg-4-base);
  --ks-background-color-informative-inverted-translucent-base: var(--ks-color-informative-inverted-alpha-5-base);
  --ks-background-color-notice-base: var(--ks-color-notice-base);
  --ks-background-color-notice-interactive-base: var(--ks-color-notice-base);
  --ks-background-color-notice-interactive-hover-base: var(--ks-color-notice-to-bg-2-base);
  --ks-background-color-notice-interactive-active-base: var(--ks-color-notice-to-bg-2-base);
  --ks-background-color-notice-interactive-selected-base: var(--ks-color-notice-to-bg-4-base);
  --ks-background-color-notice-translucent-base: var(--ks-color-notice-alpha-5-base);
  --ks-background-color-notice-inverted-base: var(--ks-color-notice-inverted-base);
  --ks-background-color-notice-inverted-interactive-base: var(--ks-color-notice-inverted-base);
  --ks-background-color-notice-inverted-interactive-hover-base: var(--ks-color-notice-inverted-to-bg-2-base);
  --ks-background-color-notice-inverted-interactive-active-base: var(--ks-color-notice-inverted-to-bg-2-base);
  --ks-background-color-notice-inverted-interactive-selected-base: var(--ks-color-notice-inverted-to-bg-4-base);
  --ks-background-color-notice-inverted-translucent-base: var(--ks-color-notice-inverted-alpha-5-base);
  --ks-background-color-negative-base: var(--ks-color-negative-base);
  --ks-background-color-negative-interactive-base: var(--ks-color-negative-base);
  --ks-background-color-negative-interactive-hover-base: var(--ks-color-negative-to-bg-2-base);
  --ks-background-color-negative-interactive-active-base: var(--ks-color-negative-to-bg-2-base);
  --ks-background-color-negative-interactive-selected-base: var(--ks-color-negative-to-bg-4-base);
  --ks-background-color-negative-translucent-base: var(--ks-color-negative-alpha-5-base);
  --ks-background-color-negative-inverted-base: var(--ks-color-negative-inverted-base);
  --ks-background-color-negative-inverted-interactive-base: var(--ks-color-negative-inverted-base);
  --ks-background-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-to-bg-2-base);
  --ks-background-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-to-bg-2-base);
  --ks-background-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-to-bg-4-base);
  --ks-background-color-negative-inverted-translucent-base: var(--ks-color-negative-inverted-alpha-5-base);
  --ks-background-color-secondary-base: var(--ks-color-secondary-base);
  --ks-background-color-secondary-interactive-base: var(--ks-color-secondary-base);
  --ks-background-color-secondary-interactive-hover-base: var(--ks-color-secondary-to-bg-2-base);
  --ks-background-color-secondary-interactive-active-base: var(--ks-color-secondary-to-bg-2-base);
  --ks-background-color-secondary-interactive-selected-base: var(--ks-color-secondary-to-bg-4-base);
  --ks-background-color-secondary-translucent-base: var(--ks-color-secondary-alpha-5-base);
  --ks-background-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
  --ks-background-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-base);
  --ks-background-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-to-bg-2-base);
  --ks-background-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-to-bg-2-base);
  --ks-background-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-to-bg-4-base);
  --ks-background-color-secondary-inverted-translucent-base: var(--ks-color-secondary-inverted-alpha-5-base);
  --ks-background-color-foregroung-base: var(--ks-color-foregroung-base);
  --ks-background-color-foregroung-interactive-base: var(--ks-color-foregroung-base);
  --ks-background-color-foregroung-interactive-hover-base: var(--ks-color-foregroung-to-bg-2-base);
  --ks-background-color-foregroung-interactive-active-base: var(--ks-color-foregroung-to-bg-2-base);
  --ks-background-color-foregroung-interactive-selected-base: var(--ks-color-foregroung-to-bg-4-base);
  --ks-background-color-foregroung-translucent-base: var(--ks-color-foregroung-alpha-5-base);
  --ks-background-color-foregroung-inverted-base: var(--ks-color-foregroung-inverted-base);
  --ks-background-color-foregroung-inverted-interactive-base: var(--ks-color-foregroung-inverted-base);
  --ks-background-color-foregroung-inverted-interactive-hover-base: var(--ks-color-foregroung-inverted-to-bg-2-base);
  --ks-background-color-foregroung-inverted-interactive-active-base: var(--ks-color-foregroung-inverted-to-bg-2-base);
  --ks-background-color-foregroung-inverted-interactive-selected-base: var(--ks-color-foregroung-inverted-to-bg-4-base);
  --ks-background-color-foregroung-inverted-translucent-base: var(--ks-color-foregroung-inverted-alpha-5-base);
  --ks-border-color-accent-base: var(--ks-color-primary-to-bg-8-base);
  --ks-border-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
  --ks-border-color-clear-base: var(--ks-color-transparent-base);
  --ks-border-color-clear-interactive-base: var(--ks-color-transparent-base);
  --ks-border-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
  --ks-border-color-clear-interactive-active-base: var(--ks-color-primary-alpha-7-base);
  --ks-border-color-clear-interactive-selected-base: var(--ks-color-primary-alpha-6-base);
  --ks-border-color-clear-inverted-base: var(--ks-color-transparent-base);
  --ks-border-color-clear-inverted-interactive-base: var(--ks-color-transparent-base);
  --ks-border-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
  --ks-border-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
  --ks-border-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
  --ks-border-color-default-base: var(--ks-color-fg-inverted-base);
  --ks-border-color-default-inverted-base: var(--ks-color-fg-alpha-3-base);
  --ks-border-color-interface-base: var(--ks-color-fg-alpha-8-base);
  --ks-border-color-interface-interactive-base: var(--ks-color-fg-alpha-7-base);
  --ks-border-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
  --ks-border-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
  --ks-border-color-interface-interactive-active-base: var(--ks-color-fg-alpha-5-base);
  --ks-border-color-interface-interactive-selected-base: var(--ks-color-primary-base);
  --ks-border-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-8-base);
  --ks-border-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-7-base);
  --ks-border-color-interface-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-8-base);
  --ks-border-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-5-base);
  --ks-border-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-5-base);
  --ks-border-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
  --ks-border-color-card-base: var(--ks-color-fg-alpha-9-base);
  --ks-border-color-card-interactive-base: var(--ks-color-fg-alpha-7-base);
  --ks-border-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
  --ks-border-color-card-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
  --ks-border-color-card-interactive-active-base: var(--ks-color-fg-alpha-3-base);
  --ks-border-color-card-interactive-selected-base: var(--ks-color-primary-base);
  --ks-border-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-border-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-5-base);
  --ks-border-color-card-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-2-base);
  --ks-border-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-3-base);
  --ks-border-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-1-base);
  --ks-border-color-card-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
  --ks-border-color-primary-base: var(--ks-color-primary-base);
  --ks-border-color-primary-interactive-base: var(--ks-color-primary-base);
  --ks-border-color-primary-interactive-hover-base: var(--ks-color-primary-to-bg-2-base);
  --ks-border-color-primary-interactive-active-base: var(--ks-color-primary-to-bg-3-base);
  --ks-border-color-primary-interactive-selected-base: var(--ks-color-primary-base);
  --ks-border-color-primary-translucent-base: var(--ks-color-primary-alpha-2-base);
  --ks-border-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
  --ks-border-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-base);
  --ks-border-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-to-bg-2-base);
  --ks-border-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-to-bg-3-base);
  --ks-border-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
  --ks-border-color-primary-inverted-translucent-base: var(--ks-color-primary-inverted-alpha-2-base);
  --ks-border-color-positive-base: var(--ks-color-positive-base);
  --ks-border-color-positive-interactive-base: var(--ks-color-positive-base);
  --ks-border-color-positive-interactive-hover-base: var(--ks-color-positive-to-bg-2-base);
  --ks-border-color-positive-interactive-active-base: var(--ks-color-positive-to-bg-3-base);
  --ks-border-color-positive-interactive-selected-base: var(--ks-color-positive-base);
  --ks-border-color-positive-translucent-base: var(--ks-color-positive-alpha-2-base);
  --ks-border-color-positive-inverted-base: var(--ks-color-positive-inverted-base);
  --ks-border-color-positive-inverted-interactive-base: var(--ks-color-positive-inverted-base);
  --ks-border-color-positive-inverted-interactive-hover-base: var(--ks-color-positive-inverted-to-bg-2-base);
  --ks-border-color-positive-inverted-interactive-active-base: var(--ks-color-positive-inverted-to-bg-3-base);
  --ks-border-color-positive-inverted-interactive-selected-base: var(--ks-color-positive-inverted-base);
  --ks-border-color-positive-inverted-translucent-base: var(--ks-color-positive-inverted-alpha-2-base);
  --ks-border-color-informative-base: var(--ks-color-informative-base);
  --ks-border-color-informative-interactive-base: var(--ks-color-informative-base);
  --ks-border-color-informative-interactive-hover-base: var(--ks-color-informative-to-bg-2-base);
  --ks-border-color-informative-interactive-active-base: var(--ks-color-informative-to-bg-3-base);
  --ks-border-color-informative-interactive-selected-base: var(--ks-color-informative-base);
  --ks-border-color-informative-translucent-base: var(--ks-color-informative-alpha-2-base);
  --ks-border-color-informative-inverted-base: var(--ks-color-informative-inverted-base);
  --ks-border-color-informative-inverted-interactive-base: var(--ks-color-informative-inverted-base);
  --ks-border-color-informative-inverted-interactive-hover-base: var(--ks-color-informative-inverted-to-bg-2-base);
  --ks-border-color-informative-inverted-interactive-active-base: var(--ks-color-informative-inverted-to-bg-3-base);
  --ks-border-color-informative-inverted-interactive-selected-base: var(--ks-color-informative-inverted-base);
  --ks-border-color-informative-inverted-translucent-base: var(--ks-color-informative-inverted-alpha-2-base);
  --ks-border-color-notice-base: var(--ks-color-notice-base);
  --ks-border-color-notice-interactive-base: var(--ks-color-notice-base);
  --ks-border-color-notice-interactive-hover-base: var(--ks-color-notice-to-bg-2-base);
  --ks-border-color-notice-interactive-active-base: var(--ks-color-notice-to-bg-3-base);
  --ks-border-color-notice-interactive-selected-base: var(--ks-color-notice-base);
  --ks-border-color-notice-translucent-base: var(--ks-color-notice-alpha-2-base);
  --ks-border-color-notice-inverted-base: var(--ks-color-notice-inverted-base);
  --ks-border-color-notice-inverted-interactive-base: var(--ks-color-notice-inverted-base);
  --ks-border-color-notice-inverted-interactive-hover-base: var(--ks-color-notice-inverted-to-bg-2-base);
  --ks-border-color-notice-inverted-interactive-active-base: var(--ks-color-notice-inverted-to-bg-3-base);
  --ks-border-color-notice-inverted-interactive-selected-base: var(--ks-color-notice-inverted-base);
  --ks-border-color-notice-inverted-translucent-base: var(--ks-color-notice-inverted-alpha-2-base);
  --ks-border-color-negative-base: var(--ks-color-negative-base);
  --ks-border-color-negative-interactive-base: var(--ks-color-negative-base);
  --ks-border-color-negative-interactive-hover-base: var(--ks-color-negative-to-bg-2-base);
  --ks-border-color-negative-interactive-active-base: var(--ks-color-negative-to-bg-3-base);
  --ks-border-color-negative-interactive-selected-base: var(--ks-color-negative-base);
  --ks-border-color-negative-translucent-base: var(--ks-color-negative-alpha-2-base);
  --ks-border-color-negative-inverted-base: var(--ks-color-negative-inverted-base);
  --ks-border-color-negative-inverted-interactive-base: var(--ks-color-negative-inverted-base);
  --ks-border-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-to-bg-2-base);
  --ks-border-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-to-bg-3-base);
  --ks-border-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-base);
  --ks-border-color-negative-inverted-translucent-base: var(--ks-color-negative-inverted-alpha-2-base);
  --ks-border-color-secondary-base: var(--ks-color-secondary-base);
  --ks-border-color-secondary-interactive-base: var(--ks-color-secondary-base);
  --ks-border-color-secondary-interactive-hover-base: var(--ks-color-secondary-to-bg-2-base);
  --ks-border-color-secondary-interactive-active-base: var(--ks-color-secondary-to-bg-3-base);
  --ks-border-color-secondary-interactive-selected-base: var(--ks-color-secondary-base);
  --ks-border-color-secondary-translucent-base: var(--ks-color-secondary-alpha-2-base);
  --ks-border-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
  --ks-border-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-base);
  --ks-border-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-to-bg-2-base);
  --ks-border-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-to-bg-3-base);
  --ks-border-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-base);
  --ks-border-color-secondary-inverted-translucent-base: var(--ks-color-secondary-inverted-alpha-2-base);
  --ks-border-color-foregroung-base: var(--ks-color-foregroung-base);
  --ks-border-color-foregroung-interactive-base: var(--ks-color-foregroung-base);
  --ks-border-color-foregroung-interactive-hover-base: var(--ks-color-foregroung-to-bg-2-base);
  --ks-border-color-foregroung-interactive-active-base: var(--ks-color-foregroung-to-bg-3-base);
  --ks-border-color-foregroung-interactive-selected-base: var(--ks-color-foregroung-base);
  --ks-border-color-foregroung-translucent-base: var(--ks-color-foregroung-alpha-2-base);
  --ks-border-color-foregroung-inverted-base: var(--ks-color-foregroung-inverted-base);
  --ks-border-color-foregroung-inverted-interactive-base: var(--ks-color-foregroung-inverted-base);
  --ks-border-color-foregroung-inverted-interactive-hover-base: var(--ks-color-foregroung-inverted-to-bg-2-base);
  --ks-border-color-foregroung-inverted-interactive-active-base: var(--ks-color-foregroung-inverted-to-bg-3-base);
  --ks-border-color-foregroung-inverted-interactive-selected-base: var(--ks-color-foregroung-inverted-base);
  --ks-border-color-foregroung-inverted-translucent-base: var(--ks-color-foregroung-inverted-alpha-2-base);
  --ks-border-width-default: 1px;
  --ks-border-width-emphasized: 2px;
  --ks-border-radius-control: 3px;
  --ks-border-radius-card: 3px;
  --ks-border-radius-surface: 6px;
  --ks-border-radius-pill: 999px;
  --ks-border-radius-circle: 50%;
  --ks-box-shadow-opacity-control: 0.2;
  --ks-box-shadow-opacity-control-hover: 0.3;
  --ks-box-shadow-opacity-control-inverted: 0.2;
  --ks-box-shadow-opacity-control-inverted-hover: 0.3;
  --ks-box-shadow-opacity-card: 0.2;
  --ks-box-shadow-opacity-card-hover: 0.3;
  --ks-box-shadow-opacity-card-inverted: 0.2;
  --ks-box-shadow-opacity-card-inverted-hover: 0.3;
  --ks-box-shadow-opacity-surface: 0.1;
  --ks-box-shadow-opacity-surface-hover: 0.2;
  --ks-box-shadow-opacity-surface-inverted: 0.1;
  --ks-box-shadow-opacity-surface-inverted-hover: 0.2;
  --ks-box-shadow-color-control: rgba(0,0,0,var(--ks-box-shadow-opacity-control));
  --ks-box-shadow-color-control-hover: rgba(0,0,0,var(--ks-box-shadow-opacity-control-hover));
  --ks-box-shadow-color-control-inverted: rgba(0,0,0,var(--ks-box-shadow-opacity-control-inverted));
  --ks-box-shadow-color-control-inverted-hover: rgba(0,0,0,var(--ks-box-shadow-opacity-control-inverted-hover));
  --ks-box-shadow-color-card: rgba(0,0,0,var(--ks-box-shadow-opacity-card));
  --ks-box-shadow-color-card-hover: rgba(0,0,0,var(--ks-box-shadow-opacity-card-hover));
  --ks-box-shadow-color-card-inverted: rgba(0,0,0,var(--ks-box-shadow-opacity-card-inverted));
  --ks-box-shadow-color-card-inverted-hover: rgba(0,0,0,var(--ks-box-shadow-opacity-card-inverted-hover));
  --ks-box-shadow-color-surface: rgba(0,0,0,var(--ks-box-shadow-opacity-surface));
  --ks-box-shadow-color-surface-hover: rgba(0,0,0,var(--ks-box-shadow-opacity-surface-hover));
  --ks-box-shadow-color-surface-inverted: rgba(0,0,0,var(--ks-box-shadow-opacity-surface-inverted));
  --ks-box-shadow-color-surface-inverted-hover: rgba(0,0,0,var(--ks-box-shadow-opacity-surface-inverted-hover));
  --ks-box-shadow-control: 0 1px 2px var(--ks-box-shadow-color-control);
  --ks-box-shadow-control-hover: 0 1px 4px var(--ks-box-shadow-color-control-hover);
  --ks-box-shadow-control-inverted: 0 1px 2px var(--ks-box-shadow-color-control-inverted);
  --ks-box-shadow-control-inverted-hover: 0 1px 4px var(--ks-box-shadow-color-control-inverted-hover);
  --ks-box-shadow-card: 0 1px 4px var(--ks-box-shadow-color-card);
  --ks-box-shadow-card-hover: 0 1px 8px var(--ks-box-shadow-color-card-hover);
  --ks-box-shadow-card-inverted: 0 1px 4px var(--ks-box-shadow-color-card-inverted);
  --ks-box-shadow-card-inverted-hover: 0 1px 8px var(--ks-box-shadow-color-card-inverted-hover);
  --ks-box-shadow-surface: 0 1px 8px var(--ks-box-shadow-color-surface);
  --ks-box-shadow-surface-hover: 0 1px 16px var(--ks-box-shadow-color-surface-hover);
  --ks-box-shadow-surface-inverted: 0 1px 8px var(--ks-box-shadow-color-surface-inverted);
  --ks-box-shadow-surface-inverted-hover: 0 1px 16px var(--ks-box-shadow-color-surface-inverted-hover);
  --ks-color-fg-base: #000;
  --ks-color-fg-alpha-1-base: rgba(0,0,0,.95);
  --ks-color-fg-alpha-2-base: rgba(0,0,0,.87);
  --ks-color-fg-alpha-3-base: rgba(0,0,0,.76);
  --ks-color-fg-alpha-4-base: rgba(0,0,0,.63);
  --ks-color-fg-alpha-5-base: rgba(0,0,0,.5);
  --ks-color-fg-alpha-6-base: rgba(0,0,0,.37);
  --ks-color-fg-alpha-7-base: rgba(0,0,0,.24);
  --ks-color-fg-alpha-8-base: rgba(0,0,0,.13);
  --ks-color-fg-alpha-9-base: rgba(0,0,0,.05);
  --ks-color-fg-to-bg-1-base: #0d0d0d;
  --ks-color-fg-to-bg-2-base: #212121;
  --ks-color-fg-to-bg-3-base: #3d3d3d;
  --ks-color-fg-to-bg-4-base: #5e5e5e;
  --ks-color-fg-to-bg-5-base: grey;
  --ks-color-fg-to-bg-6-base: #a1a1a1;
  --ks-color-fg-to-bg-7-base: #c2c2c2;
  --ks-color-fg-to-bg-8-base: #dedede;
  --ks-color-fg-to-bg-9-base: #f2f2f2;
  --ks-color-fg-inverted-base: #fff;
  --ks-color-fg-inverted-alpha-1-base: hsla(0,0%,100%,.95);
  --ks-color-fg-inverted-alpha-2-base: hsla(0,0%,100%,.87);
  --ks-color-fg-inverted-alpha-3-base: hsla(0,0%,100%,.76);
  --ks-color-fg-inverted-alpha-4-base: hsla(0,0%,100%,.63);
  --ks-color-fg-inverted-alpha-5-base: hsla(0,0%,100%,.5);
  --ks-color-fg-inverted-alpha-6-base: hsla(0,0%,100%,.37);
  --ks-color-fg-inverted-alpha-7-base: hsla(0,0%,100%,.24);
  --ks-color-fg-inverted-alpha-8-base: hsla(0,0%,100%,.13);
  --ks-color-fg-inverted-alpha-9-base: hsla(0,0%,100%,.05);
  --ks-color-fg-inverted-to-bg-1-base: #f3f4f5;
  --ks-color-fg-inverted-to-bg-2-base: #e0e3e5;
  --ks-color-fg-inverted-to-bg-3-base: #c5cbcf;
  --ks-color-fg-inverted-to-bg-4-base: #a5aeb4;
  --ks-color-fg-inverted-to-bg-5-base: #86929a;
  --ks-color-fg-inverted-to-bg-6-base: #677680;
  --ks-color-fg-inverted-to-bg-7-base: #475965;
  --ks-color-fg-inverted-to-bg-8-base: #2c414f;
  --ks-color-fg-inverted-to-bg-9-base: #19303f;
  --ks-color-bg-base: #fff;
  --ks-color-bg-alpha-1-base: hsla(0,0%,100%,.95);
  --ks-color-bg-alpha-2-base: hsla(0,0%,100%,.87);
  --ks-color-bg-alpha-3-base: hsla(0,0%,100%,.76);
  --ks-color-bg-alpha-4-base: hsla(0,0%,100%,.63);
  --ks-color-bg-alpha-5-base: hsla(0,0%,100%,.5);
  --ks-color-bg-alpha-6-base: hsla(0,0%,100%,.37);
  --ks-color-bg-alpha-7-base: hsla(0,0%,100%,.24);
  --ks-color-bg-alpha-8-base: hsla(0,0%,100%,.13);
  --ks-color-bg-alpha-9-base: hsla(0,0%,100%,.05);
  --ks-color-bg-to-fg-1-base: #f2f2f2;
  --ks-color-bg-to-fg-2-base: #dedede;
  --ks-color-bg-to-fg-3-base: #c2c2c2;
  --ks-color-bg-to-fg-4-base: #a1a1a1;
  --ks-color-bg-to-fg-5-base: grey;
  --ks-color-bg-to-fg-6-base: #5e5e5e;
  --ks-color-bg-to-fg-7-base: #3d3d3d;
  --ks-color-bg-to-fg-8-base: #212121;
  --ks-color-bg-to-fg-9-base: #0d0d0d;
  --ks-color-bg-inverted-base: #0d2535;
  --ks-color-bg-inverted-alpha-1-base: rgba(13,37,53,.95);
  --ks-color-bg-inverted-alpha-2-base: rgba(13,37,53,.87);
  --ks-color-bg-inverted-alpha-3-base: rgba(13,37,53,.76);
  --ks-color-bg-inverted-alpha-4-base: rgba(13,37,53,.63);
  --ks-color-bg-inverted-alpha-5-base: rgba(13,37,53,.5);
  --ks-color-bg-inverted-alpha-6-base: rgba(13,37,53,.37);
  --ks-color-bg-inverted-alpha-7-base: rgba(13,37,53,.24);
  --ks-color-bg-inverted-alpha-8-base: rgba(13,37,53,.13);
  --ks-color-bg-inverted-alpha-9-base: rgba(13,37,53,.05);
  --ks-color-bg-inverted-to-fg-1-base: #19303f;
  --ks-color-bg-inverted-to-fg-2-base: #2c414f;
  --ks-color-bg-inverted-to-fg-3-base: #475965;
  --ks-color-bg-inverted-to-fg-4-base: #677680;
  --ks-color-bg-inverted-to-fg-5-base: #86929a;
  --ks-color-bg-inverted-to-fg-6-base: #a5aeb4;
  --ks-color-bg-inverted-to-fg-7-base: #c5cbcf;
  --ks-color-bg-inverted-to-fg-8-base: #e0e3e5;
  --ks-color-bg-inverted-to-fg-9-base: #f3f4f5;
  --ks-color-transparent-base: rgba(0,0,0,0);
  --ks-color-primary-base: #09f;
  --ks-color-primary-alpha-1-base: rgba(0,153,255,.95);
  --ks-color-primary-alpha-2-base: rgba(0,153,255,.87);
  --ks-color-primary-alpha-3-base: rgba(0,153,255,.76);
  --ks-color-primary-alpha-4-base: rgba(0,153,255,.63);
  --ks-color-primary-alpha-5-base: rgba(0,153,255,.5);
  --ks-color-primary-alpha-6-base: rgba(0,153,255,.37);
  --ks-color-primary-alpha-7-base: rgba(0,153,255,.24);
  --ks-color-primary-alpha-8-base: rgba(0,153,255,.13);
  --ks-color-primary-alpha-9-base: rgba(0,153,255,.05);
  --ks-color-primary-to-bg-1-base: #0d9eff;
  --ks-color-primary-to-bg-2-base: #21a6ff;
  --ks-color-primary-to-bg-3-base: #3db1ff;
  --ks-color-primary-to-bg-4-base: #5ebfff;
  --ks-color-primary-to-bg-5-base: #80ccff;
  --ks-color-primary-to-bg-6-base: #a1d9ff;
  --ks-color-primary-to-bg-7-base: #c2e7ff;
  --ks-color-primary-to-bg-8-base: #def2ff;
  --ks-color-primary-to-bg-9-base: #f2faff;
  --ks-color-primary-to-fg-1-base: #0091f2;
  --ks-color-primary-to-fg-2-base: #0085de;
  --ks-color-primary-to-fg-3-base: #0074c2;
  --ks-color-primary-to-fg-4-base: #0060a1;
  --ks-color-primary-to-fg-5-base: #004d80;
  --ks-color-primary-to-fg-6-base: #00395e;
  --ks-color-primary-to-fg-7-base: #00253d;
  --ks-color-primary-to-fg-8-base: #001421;
  --ks-color-primary-to-fg-9-base: #00080d;
  --ks-color-primary-inverted-base: #00aeef;
  --ks-color-primary-inverted-alpha-1-base: rgba(0,174,239,.95);
  --ks-color-primary-inverted-alpha-2-base: rgba(0,174,239,.87);
  --ks-color-primary-inverted-alpha-3-base: rgba(0,174,239,.76);
  --ks-color-primary-inverted-alpha-4-base: rgba(0,174,239,.63);
  --ks-color-primary-inverted-alpha-5-base: rgba(0,174,239,.5);
  --ks-color-primary-inverted-alpha-6-base: rgba(0,174,239,.37);
  --ks-color-primary-inverted-alpha-7-base: rgba(0,174,239,.24);
  --ks-color-primary-inverted-alpha-8-base: rgba(0,174,239,.13);
  --ks-color-primary-inverted-alpha-9-base: rgba(0,174,239,.05);
  --ks-color-primary-inverted-to-bg-1-base: #01a7e6;
  --ks-color-primary-inverted-to-bg-2-base: #029cd7;
  --ks-color-primary-inverted-to-bg-3-base: #038dc2;
  --ks-color-primary-inverted-to-bg-4-base: #057baa;
  --ks-color-primary-inverted-to-bg-5-base: #076a92;
  --ks-color-primary-inverted-to-bg-6-base: #08587a;
  --ks-color-primary-inverted-to-bg-7-base: #0a4662;
  --ks-color-primary-inverted-to-bg-8-base: #0b374d;
  --ks-color-primary-inverted-to-bg-9-base: #0c2c3e;
  --ks-color-primary-inverted-to-fg-1-base: #0db2f0;
  --ks-color-primary-inverted-to-fg-2-base: #21b9f1;
  --ks-color-primary-inverted-to-fg-3-base: #3dc1f3;
  --ks-color-primary-inverted-to-fg-4-base: #5eccf5;
  --ks-color-primary-inverted-to-fg-5-base: #80d7f7;
  --ks-color-primary-inverted-to-fg-6-base: #a1e1f9;
  --ks-color-primary-inverted-to-fg-7-base: #c2ecfb;
  --ks-color-primary-inverted-to-fg-8-base: #def4fd;
  --ks-color-primary-inverted-to-fg-9-base: #f2fbfe;
  --ks-color-link-base: #007faf;
  --ks-color-link-alpha-1-base: rgba(0,127,175,.95);
  --ks-color-link-alpha-2-base: rgba(0,127,175,.87);
  --ks-color-link-alpha-3-base: rgba(0,127,175,.76);
  --ks-color-link-alpha-4-base: rgba(0,127,175,.63);
  --ks-color-link-alpha-5-base: rgba(0,127,175,.5);
  --ks-color-link-alpha-6-base: rgba(0,127,175,.37);
  --ks-color-link-alpha-7-base: rgba(0,127,175,.24);
  --ks-color-link-alpha-8-base: rgba(0,127,175,.13);
  --ks-color-link-alpha-9-base: rgba(0,127,175,.05);
  --ks-color-link-to-bg-1-base: #0d85b3;
  --ks-color-link-to-bg-2-base: #2190b9;
  --ks-color-link-to-bg-3-base: #3d9ec2;
  --ks-color-link-to-bg-4-base: #5eaecd;
  --ks-color-link-to-bg-5-base: #80bfd7;
  --ks-color-link-to-bg-6-base: #a1d0e1;
  --ks-color-link-to-bg-7-base: #c2e0ec;
  --ks-color-link-to-bg-8-base: #deeef5;
  --ks-color-link-to-bg-9-base: #f2f9fb;
  --ks-color-link-to-fg-1-base: #0079a6;
  --ks-color-link-to-fg-2-base: #006e98;
  --ks-color-link-to-fg-3-base: #006185;
  --ks-color-link-to-fg-4-base: #00506e;
  --ks-color-link-to-fg-5-base: #004058;
  --ks-color-link-to-fg-6-base: #002f41;
  --ks-color-link-to-fg-7-base: #001e2a;
  --ks-color-link-to-fg-8-base: #001117;
  --ks-color-link-to-fg-9-base: #000609;
  --ks-color-link-inverted-base: #3ea6ff;
  --ks-color-link-inverted-alpha-1-base: rgba(62,166,255,.95);
  --ks-color-link-inverted-alpha-2-base: rgba(62,166,255,.87);
  --ks-color-link-inverted-alpha-3-base: rgba(62,166,255,.76);
  --ks-color-link-inverted-alpha-4-base: rgba(62,166,255,.63);
  --ks-color-link-inverted-alpha-5-base: rgba(62,166,255,.5);
  --ks-color-link-inverted-alpha-6-base: rgba(62,166,255,.37);
  --ks-color-link-inverted-alpha-7-base: rgba(62,166,255,.24);
  --ks-color-link-inverted-alpha-8-base: rgba(62,166,255,.13);
  --ks-color-link-inverted-alpha-9-base: rgba(62,166,255,.05);
  --ks-color-link-inverted-to-bg-1-base: #3ca0f5;
  --ks-color-link-inverted-to-bg-2-base: #3895e5;
  --ks-color-link-inverted-to-bg-3-base: #3287cf;
  --ks-color-link-inverted-to-bg-4-base: #2c76b4;
  --ks-color-link-inverted-to-bg-5-base: #26669a;
  --ks-color-link-inverted-to-bg-6-base: #1f5580;
  --ks-color-link-inverted-to-bg-7-base: #194465;
  --ks-color-link-inverted-to-bg-8-base: #13364f;
  --ks-color-link-inverted-to-bg-9-base: #0f2b3f;
  --ks-color-link-inverted-to-fg-1-base: #48aaff;
  --ks-color-link-inverted-to-fg-2-base: #57b2ff;
  --ks-color-link-inverted-to-fg-3-base: #6cbbff;
  --ks-color-link-inverted-to-fg-4-base: #85c7ff;
  --ks-color-link-inverted-to-fg-5-base: #9fd3ff;
  --ks-color-link-inverted-to-fg-6-base: #b8deff;
  --ks-color-link-inverted-to-fg-7-base: #d1eaff;
  --ks-color-link-inverted-to-fg-8-base: #e6f3ff;
  --ks-color-link-inverted-to-fg-9-base: #f5fbff;
  --ks-color-positive-base: #34a853;
  --ks-color-positive-alpha-1-base: rgba(52,168,83,.95);
  --ks-color-positive-alpha-2-base: rgba(52,168,83,.87);
  --ks-color-positive-alpha-3-base: rgba(52,168,83,.76);
  --ks-color-positive-alpha-4-base: rgba(52,168,83,.63);
  --ks-color-positive-alpha-5-base: rgba(52,168,83,.5);
  --ks-color-positive-alpha-6-base: rgba(52,168,83,.37);
  --ks-color-positive-alpha-7-base: rgba(52,168,83,.24);
  --ks-color-positive-alpha-8-base: rgba(52,168,83,.13);
  --ks-color-positive-alpha-9-base: rgba(52,168,83,.05);
  --ks-color-positive-to-bg-1-base: #3eac5c;
  --ks-color-positive-to-bg-2-base: #4eb369;
  --ks-color-positive-to-bg-3-base: #65bd7c;
  --ks-color-positive-to-bg-4-base: #7fc893;
  --ks-color-positive-to-bg-5-base: #9ad4a9;
  --ks-color-positive-to-bg-6-base: #b4dfbf;
  --ks-color-positive-to-bg-7-base: #ceead6;
  --ks-color-positive-to-bg-8-base: #e5f4e9;
  --ks-color-positive-to-bg-9-base: #f5fbf6;
  --ks-color-positive-to-fg-1-base: #31a04f;
  --ks-color-positive-to-fg-2-base: #2d9248;
  --ks-color-positive-to-fg-3-base: #28803f;
  --ks-color-positive-to-fg-4-base: #216a34;
  --ks-color-positive-to-fg-5-base: #1a542a;
  --ks-color-positive-to-fg-6-base: #133e1f;
  --ks-color-positive-to-fg-7-base: #0c2814;
  --ks-color-positive-to-fg-8-base: #07160b;
  --ks-color-positive-to-fg-9-base: #030804;
  --ks-color-positive-inverted-base: #34a853;
  --ks-color-positive-inverted-alpha-1-base: rgba(52,168,83,.95);
  --ks-color-positive-inverted-alpha-2-base: rgba(52,168,83,.87);
  --ks-color-positive-inverted-alpha-3-base: rgba(52,168,83,.76);
  --ks-color-positive-inverted-alpha-4-base: rgba(52,168,83,.63);
  --ks-color-positive-inverted-alpha-5-base: rgba(52,168,83,.5);
  --ks-color-positive-inverted-alpha-6-base: rgba(52,168,83,.37);
  --ks-color-positive-inverted-alpha-7-base: rgba(52,168,83,.24);
  --ks-color-positive-inverted-alpha-8-base: rgba(52,168,83,.13);
  --ks-color-positive-inverted-alpha-9-base: rgba(52,168,83,.05);
  --ks-color-positive-inverted-to-bg-1-base: #32a152;
  --ks-color-positive-inverted-to-bg-2-base: #2f974f;
  --ks-color-positive-inverted-to-bg-3-base: #2b894c;
  --ks-color-positive-inverted-to-bg-4-base: #267848;
  --ks-color-positive-inverted-to-bg-5-base: #216744;
  --ks-color-positive-inverted-to-bg-6-base: #1b5540;
  --ks-color-positive-inverted-to-bg-7-base: #16443c;
  --ks-color-positive-inverted-to-bg-8-base: #123639;
  --ks-color-positive-inverted-to-bg-9-base: #0f2c37;
  --ks-color-positive-inverted-to-fg-1-base: #3eac5c;
  --ks-color-positive-inverted-to-fg-2-base: #4eb369;
  --ks-color-positive-inverted-to-fg-3-base: #65bd7c;
  --ks-color-positive-inverted-to-fg-4-base: #7fc893;
  --ks-color-positive-inverted-to-fg-5-base: #9ad4a9;
  --ks-color-positive-inverted-to-fg-6-base: #b4dfbf;
  --ks-color-positive-inverted-to-fg-7-base: #ceead6;
  --ks-color-positive-inverted-to-fg-8-base: #e5f4e9;
  --ks-color-positive-inverted-to-fg-9-base: #f5fbf6;
  --ks-color-informative-base: #4285f4;
  --ks-color-informative-alpha-1-base: rgba(66,133,244,.95);
  --ks-color-informative-alpha-2-base: rgba(66,133,244,.87);
  --ks-color-informative-alpha-3-base: rgba(66,133,244,.76);
  --ks-color-informative-alpha-4-base: rgba(66,133,244,.63);
  --ks-color-informative-alpha-5-base: rgba(66,133,244,.5);
  --ks-color-informative-alpha-6-base: rgba(66,133,244,.37);
  --ks-color-informative-alpha-7-base: rgba(66,133,244,.24);
  --ks-color-informative-alpha-8-base: rgba(66,133,244,.13);
  --ks-color-informative-alpha-9-base: rgba(66,133,244,.05);
  --ks-color-informative-to-bg-1-base: #4b8bf5;
  --ks-color-informative-to-bg-2-base: #5b95f5;
  --ks-color-informative-to-bg-3-base: #6fa2f7;
  --ks-color-informative-to-bg-4-base: #88b2f8;
  --ks-color-informative-to-bg-5-base: #a1c2fa;
  --ks-color-informative-to-bg-6-base: #b9d2fb;
  --ks-color-informative-to-bg-7-base: #d2e2fc;
  --ks-color-informative-to-bg-8-base: #e6effe;
  --ks-color-informative-to-bg-9-base: #f6f9fe;
  --ks-color-informative-to-fg-1-base: #3f7ee8;
  --ks-color-informative-to-fg-2-base: #3974d4;
  --ks-color-informative-to-fg-3-base: #3265b9;
  --ks-color-informative-to-fg-4-base: #2a549a;
  --ks-color-informative-to-fg-5-base: #21437a;
  --ks-color-informative-to-fg-6-base: #18315a;
  --ks-color-informative-to-fg-7-base: #10203b;
  --ks-color-informative-to-fg-8-base: #091120;
  --ks-color-informative-to-fg-9-base: #03070c;
  --ks-color-informative-inverted-base: #4285f4;
  --ks-color-informative-inverted-alpha-1-base: rgba(66,133,244,.95);
  --ks-color-informative-inverted-alpha-2-base: rgba(66,133,244,.87);
  --ks-color-informative-inverted-alpha-3-base: rgba(66,133,244,.76);
  --ks-color-informative-inverted-alpha-4-base: rgba(66,133,244,.63);
  --ks-color-informative-inverted-alpha-5-base: rgba(66,133,244,.5);
  --ks-color-informative-inverted-alpha-6-base: rgba(66,133,244,.37);
  --ks-color-informative-inverted-alpha-7-base: rgba(66,133,244,.24);
  --ks-color-informative-inverted-alpha-8-base: rgba(66,133,244,.13);
  --ks-color-informative-inverted-alpha-9-base: rgba(66,133,244,.05);
  --ks-color-informative-inverted-to-bg-1-base: #3f80ea;
  --ks-color-informative-inverted-to-bg-2-base: #3b79db;
  --ks-color-informative-inverted-to-bg-3-base: #356ec6;
  --ks-color-informative-inverted-to-bg-4-base: #2e61ad;
  --ks-color-informative-inverted-to-bg-5-base: #285595;
  --ks-color-informative-inverted-to-bg-6-base: #21497c;
  --ks-color-informative-inverted-to-bg-7-base: #1a3c63;
  --ks-color-informative-inverted-to-bg-8-base: #14314e;
  --ks-color-informative-inverted-to-bg-9-base: #102a3f;
  --ks-color-informative-inverted-to-fg-1-base: #4b8bf5;
  --ks-color-informative-inverted-to-fg-2-base: #5b95f5;
  --ks-color-informative-inverted-to-fg-3-base: #6fa2f7;
  --ks-color-informative-inverted-to-fg-4-base: #88b2f8;
  --ks-color-informative-inverted-to-fg-5-base: #a1c2fa;
  --ks-color-informative-inverted-to-fg-6-base: #b9d2fb;
  --ks-color-informative-inverted-to-fg-7-base: #d2e2fc;
  --ks-color-informative-inverted-to-fg-8-base: #e6effe;
  --ks-color-informative-inverted-to-fg-9-base: #f6f9fe;
  --ks-color-notice-base: #f9de55;
  --ks-color-notice-alpha-1-base: rgba(249,222,85,.95);
  --ks-color-notice-alpha-2-base: rgba(249,222,85,.87);
  --ks-color-notice-alpha-3-base: rgba(249,222,85,.76);
  --ks-color-notice-alpha-4-base: rgba(249,222,85,.63);
  --ks-color-notice-alpha-5-base: rgba(249,222,85,.5);
  --ks-color-notice-alpha-6-base: rgba(249,222,85,.37);
  --ks-color-notice-alpha-7-base: rgba(249,222,85,.24);
  --ks-color-notice-alpha-8-base: rgba(249,222,85,.13);
  --ks-color-notice-alpha-9-base: rgba(249,222,85,.05);
  --ks-color-notice-to-bg-1-base: #f9e05e;
  --ks-color-notice-to-bg-2-base: #fae26b;
  --ks-color-notice-to-bg-3-base: #fae67e;
  --ks-color-notice-to-bg-4-base: #fbea94;
  --ks-color-notice-to-bg-5-base: #fcefaa;
  --ks-color-notice-to-bg-6-base: #fdf3c0;
  --ks-color-notice-to-bg-7-base: #fef7d6;
  --ks-color-notice-to-bg-8-base: #fefbe9;
  --ks-color-notice-to-bg-9-base: #fffdf7;
  --ks-color-notice-to-fg-1-base: #edd351;
  --ks-color-notice-to-fg-2-base: #d9c14a;
  --ks-color-notice-to-fg-3-base: #bda941;
  --ks-color-notice-to-fg-4-base: #9d8c36;
  --ks-color-notice-to-fg-5-base: #7d6f2b;
  --ks-color-notice-to-fg-6-base: #5c521f;
  --ks-color-notice-to-fg-7-base: #3c3514;
  --ks-color-notice-to-fg-8-base: #201d0b;
  --ks-color-notice-to-fg-9-base: #0c0b04;
  --ks-color-notice-inverted-base: #f9de55;
  --ks-color-notice-inverted-alpha-1-base: rgba(249,222,85,.95);
  --ks-color-notice-inverted-alpha-2-base: rgba(249,222,85,.87);
  --ks-color-notice-inverted-alpha-3-base: rgba(249,222,85,.76);
  --ks-color-notice-inverted-alpha-4-base: rgba(249,222,85,.63);
  --ks-color-notice-inverted-alpha-5-base: rgba(249,222,85,.5);
  --ks-color-notice-inverted-alpha-6-base: rgba(249,222,85,.37);
  --ks-color-notice-inverted-alpha-7-base: rgba(249,222,85,.24);
  --ks-color-notice-inverted-alpha-8-base: rgba(249,222,85,.13);
  --ks-color-notice-inverted-alpha-9-base: rgba(249,222,85,.05);
  --ks-color-notice-inverted-to-bg-1-base: #edd553;
  --ks-color-notice-inverted-to-bg-2-base: #dac651;
  --ks-color-notice-inverted-to-bg-3-base: #c0b24d;
  --ks-color-notice-inverted-to-bg-4-base: #a29a49;
  --ks-color-notice-inverted-to-bg-5-base: #838245;
  --ks-color-notice-inverted-to-bg-6-base: #646941;
  --ks-color-notice-inverted-to-bg-7-base: #46513d;
  --ks-color-notice-inverted-to-bg-8-base: #2c3d39;
  --ks-color-notice-inverted-to-bg-9-base: #192e37;
  --ks-color-notice-inverted-to-fg-1-base: #f9e05e;
  --ks-color-notice-inverted-to-fg-2-base: #fae26b;
  --ks-color-notice-inverted-to-fg-3-base: #fae67e;
  --ks-color-notice-inverted-to-fg-4-base: #fbea94;
  --ks-color-notice-inverted-to-fg-5-base: #fcefaa;
  --ks-color-notice-inverted-to-fg-6-base: #fdf3c0;
  --ks-color-notice-inverted-to-fg-7-base: #fef7d6;
  --ks-color-notice-inverted-to-fg-8-base: #fefbe9;
  --ks-color-notice-inverted-to-fg-9-base: #fffdf7;
  --ks-color-negative-base: #4285f4;
  --ks-color-negative-alpha-1-base: rgba(66,133,244,.95);
  --ks-color-negative-alpha-2-base: rgba(66,133,244,.87);
  --ks-color-negative-alpha-3-base: rgba(66,133,244,.76);
  --ks-color-negative-alpha-4-base: rgba(66,133,244,.63);
  --ks-color-negative-alpha-5-base: rgba(66,133,244,.5);
  --ks-color-negative-alpha-6-base: rgba(66,133,244,.37);
  --ks-color-negative-alpha-7-base: rgba(66,133,244,.24);
  --ks-color-negative-alpha-8-base: rgba(66,133,244,.13);
  --ks-color-negative-alpha-9-base: rgba(66,133,244,.05);
  --ks-color-negative-to-bg-1-base: #4b8bf5;
  --ks-color-negative-to-bg-2-base: #5b95f5;
  --ks-color-negative-to-bg-3-base: #6fa2f7;
  --ks-color-negative-to-bg-4-base: #88b2f8;
  --ks-color-negative-to-bg-5-base: #a1c2fa;
  --ks-color-negative-to-bg-6-base: #b9d2fb;
  --ks-color-negative-to-bg-7-base: #d2e2fc;
  --ks-color-negative-to-bg-8-base: #e6effe;
  --ks-color-negative-to-bg-9-base: #f6f9fe;
  --ks-color-negative-to-fg-1-base: #3f7ee8;
  --ks-color-negative-to-fg-2-base: #3974d4;
  --ks-color-negative-to-fg-3-base: #3265b9;
  --ks-color-negative-to-fg-4-base: #2a549a;
  --ks-color-negative-to-fg-5-base: #21437a;
  --ks-color-negative-to-fg-6-base: #18315a;
  --ks-color-negative-to-fg-7-base: #10203b;
  --ks-color-negative-to-fg-8-base: #091120;
  --ks-color-negative-to-fg-9-base: #03070c;
  --ks-color-negative-inverted-base: #4285f4;
  --ks-color-negative-inverted-alpha-1-base: rgba(66,133,244,.95);
  --ks-color-negative-inverted-alpha-2-base: rgba(66,133,244,.87);
  --ks-color-negative-inverted-alpha-3-base: rgba(66,133,244,.76);
  --ks-color-negative-inverted-alpha-4-base: rgba(66,133,244,.63);
  --ks-color-negative-inverted-alpha-5-base: rgba(66,133,244,.5);
  --ks-color-negative-inverted-alpha-6-base: rgba(66,133,244,.37);
  --ks-color-negative-inverted-alpha-7-base: rgba(66,133,244,.24);
  --ks-color-negative-inverted-alpha-8-base: rgba(66,133,244,.13);
  --ks-color-negative-inverted-alpha-9-base: rgba(66,133,244,.05);
  --ks-color-negative-inverted-to-bg-1-base: #3f80ea;
  --ks-color-negative-inverted-to-bg-2-base: #3b79db;
  --ks-color-negative-inverted-to-bg-3-base: #356ec6;
  --ks-color-negative-inverted-to-bg-4-base: #2e61ad;
  --ks-color-negative-inverted-to-bg-5-base: #285595;
  --ks-color-negative-inverted-to-bg-6-base: #21497c;
  --ks-color-negative-inverted-to-bg-7-base: #1a3c63;
  --ks-color-negative-inverted-to-bg-8-base: #14314e;
  --ks-color-negative-inverted-to-bg-9-base: #102a3f;
  --ks-color-negative-inverted-to-fg-1-base: #4b8bf5;
  --ks-color-negative-inverted-to-fg-2-base: #5b95f5;
  --ks-color-negative-inverted-to-fg-3-base: #6fa2f7;
  --ks-color-negative-inverted-to-fg-4-base: #88b2f8;
  --ks-color-negative-inverted-to-fg-5-base: #a1c2fa;
  --ks-color-negative-inverted-to-fg-6-base: #b9d2fb;
  --ks-color-negative-inverted-to-fg-7-base: #d2e2fc;
  --ks-color-negative-inverted-to-fg-8-base: #e6effe;
  --ks-color-negative-inverted-to-fg-9-base: #f6f9fe;
  --ks-color-secondary-base: #ff2dab;
  --ks-color-secondary-alpha-1-base: rgba(255,45,171,.95);
  --ks-color-secondary-alpha-2-base: rgba(255,45,171,.87);
  --ks-color-secondary-alpha-3-base: rgba(255,45,171,.76);
  --ks-color-secondary-alpha-4-base: rgba(255,45,171,.63);
  --ks-color-secondary-alpha-5-base: rgba(255,45,171,.5);
  --ks-color-secondary-alpha-6-base: rgba(255,45,171,.37);
  --ks-color-secondary-alpha-7-base: rgba(255,45,171,.24);
  --ks-color-secondary-alpha-8-base: rgba(255,45,171,.13);
  --ks-color-secondary-alpha-9-base: rgba(255,45,171,.05);
  --ks-color-secondary-to-bg-1-base: #ff38af;
  --ks-color-secondary-to-bg-2-base: #ff48b6;
  --ks-color-secondary-to-bg-3-base: #ff5fbf;
  --ks-color-secondary-to-bg-4-base: #ff7bca;
  --ks-color-secondary-to-bg-5-base: #ff96d5;
  --ks-color-secondary-to-bg-6-base: #ffb1e0;
  --ks-color-secondary-to-bg-7-base: #ffcdeb;
  --ks-color-secondary-to-bg-8-base: #ffe4f4;
  --ks-color-secondary-to-bg-9-base: #fff5fb;
  --ks-color-secondary-to-fg-1-base: #f22ba2;
  --ks-color-secondary-to-fg-2-base: #de2795;
  --ks-color-secondary-to-fg-3-base: #c22282;
  --ks-color-secondary-to-fg-4-base: #a11c6c;
  --ks-color-secondary-to-fg-5-base: #801756;
  --ks-color-secondary-to-fg-6-base: #5e113f;
  --ks-color-secondary-to-fg-7-base: #3d0b29;
  --ks-color-secondary-to-fg-8-base: #210616;
  --ks-color-secondary-to-fg-9-base: #0d0209;
  --ks-color-secondary-inverted-base: #fff;
  --ks-color-secondary-inverted-alpha-1-base: hsla(0,0%,100%,.95);
  --ks-color-secondary-inverted-alpha-2-base: hsla(0,0%,100%,.87);
  --ks-color-secondary-inverted-alpha-3-base: hsla(0,0%,100%,.76);
  --ks-color-secondary-inverted-alpha-4-base: hsla(0,0%,100%,.63);
  --ks-color-secondary-inverted-alpha-5-base: hsla(0,0%,100%,.5);
  --ks-color-secondary-inverted-alpha-6-base: hsla(0,0%,100%,.37);
  --ks-color-secondary-inverted-alpha-7-base: hsla(0,0%,100%,.24);
  --ks-color-secondary-inverted-alpha-8-base: hsla(0,0%,100%,.13);
  --ks-color-secondary-inverted-alpha-9-base: hsla(0,0%,100%,.05);
  --ks-color-secondary-inverted-to-bg-1-base: #f3f4f5;
  --ks-color-secondary-inverted-to-bg-2-base: #e0e3e5;
  --ks-color-secondary-inverted-to-bg-3-base: #c5cbcf;
  --ks-color-secondary-inverted-to-bg-4-base: #a5aeb4;
  --ks-color-secondary-inverted-to-bg-5-base: #86929a;
  --ks-color-secondary-inverted-to-bg-6-base: #677680;
  --ks-color-secondary-inverted-to-bg-7-base: #475965;
  --ks-color-secondary-inverted-to-bg-8-base: #2c414f;
  --ks-color-secondary-inverted-to-bg-9-base: #19303f;
  --ks-color-secondary-inverted-to-fg-1-base: #fff;
  --ks-color-secondary-inverted-to-fg-2-base: #fff;
  --ks-color-secondary-inverted-to-fg-3-base: #fff;
  --ks-color-secondary-inverted-to-fg-4-base: #fff;
  --ks-color-secondary-inverted-to-fg-5-base: #fff;
  --ks-color-secondary-inverted-to-fg-6-base: #fff;
  --ks-color-secondary-inverted-to-fg-7-base: #fff;
  --ks-color-secondary-inverted-to-fg-8-base: #fff;
  --ks-color-secondary-inverted-to-fg-9-base: #fff;
  --ks-color-foregroung-base: #000;
  --ks-color-foregroung-alpha-1-base: rgba(0,0,0,.95);
  --ks-color-foregroung-alpha-2-base: rgba(0,0,0,.87);
  --ks-color-foregroung-alpha-3-base: rgba(0,0,0,.76);
  --ks-color-foregroung-alpha-4-base: rgba(0,0,0,.63);
  --ks-color-foregroung-alpha-5-base: rgba(0,0,0,.5);
  --ks-color-foregroung-alpha-6-base: rgba(0,0,0,.37);
  --ks-color-foregroung-alpha-7-base: rgba(0,0,0,.24);
  --ks-color-foregroung-alpha-8-base: rgba(0,0,0,.13);
  --ks-color-foregroung-alpha-9-base: rgba(0,0,0,.05);
  --ks-color-foregroung-to-bg-1-base: #0d0d0d;
  --ks-color-foregroung-to-bg-2-base: #212121;
  --ks-color-foregroung-to-bg-3-base: #3d3d3d;
  --ks-color-foregroung-to-bg-4-base: #5e5e5e;
  --ks-color-foregroung-to-bg-5-base: grey;
  --ks-color-foregroung-to-bg-6-base: #a1a1a1;
  --ks-color-foregroung-to-bg-7-base: #c2c2c2;
  --ks-color-foregroung-to-bg-8-base: #dedede;
  --ks-color-foregroung-to-bg-9-base: #f2f2f2;
  --ks-color-foregroung-to-fg-1-base: #000;
  --ks-color-foregroung-to-fg-2-base: #000;
  --ks-color-foregroung-to-fg-3-base: #000;
  --ks-color-foregroung-to-fg-4-base: #000;
  --ks-color-foregroung-to-fg-5-base: #000;
  --ks-color-foregroung-to-fg-6-base: #000;
  --ks-color-foregroung-to-fg-7-base: #000;
  --ks-color-foregroung-to-fg-8-base: #000;
  --ks-color-foregroung-to-fg-9-base: #000;
  --ks-color-foregroung-inverted-base: #fff;
  --ks-color-foregroung-inverted-alpha-1-base: hsla(0,0%,100%,.95);
  --ks-color-foregroung-inverted-alpha-2-base: hsla(0,0%,100%,.87);
  --ks-color-foregroung-inverted-alpha-3-base: hsla(0,0%,100%,.76);
  --ks-color-foregroung-inverted-alpha-4-base: hsla(0,0%,100%,.63);
  --ks-color-foregroung-inverted-alpha-5-base: hsla(0,0%,100%,.5);
  --ks-color-foregroung-inverted-alpha-6-base: hsla(0,0%,100%,.37);
  --ks-color-foregroung-inverted-alpha-7-base: hsla(0,0%,100%,.24);
  --ks-color-foregroung-inverted-alpha-8-base: hsla(0,0%,100%,.13);
  --ks-color-foregroung-inverted-alpha-9-base: hsla(0,0%,100%,.05);
  --ks-color-foregroung-inverted-to-bg-1-base: #f3f4f5;
  --ks-color-foregroung-inverted-to-bg-2-base: #e0e3e5;
  --ks-color-foregroung-inverted-to-bg-3-base: #c5cbcf;
  --ks-color-foregroung-inverted-to-bg-4-base: #a5aeb4;
  --ks-color-foregroung-inverted-to-bg-5-base: #86929a;
  --ks-color-foregroung-inverted-to-bg-6-base: #677680;
  --ks-color-foregroung-inverted-to-bg-7-base: #475965;
  --ks-color-foregroung-inverted-to-bg-8-base: #2c414f;
  --ks-color-foregroung-inverted-to-bg-9-base: #19303f;
  --ks-color-foregroung-inverted-to-fg-1-base: #fff;
  --ks-color-foregroung-inverted-to-fg-2-base: #fff;
  --ks-color-foregroung-inverted-to-fg-3-base: #fff;
  --ks-color-foregroung-inverted-to-fg-4-base: #fff;
  --ks-color-foregroung-inverted-to-fg-5-base: #fff;
  --ks-color-foregroung-inverted-to-fg-6-base: #fff;
  --ks-color-foregroung-inverted-to-fg-7-base: #fff;
  --ks-color-foregroung-inverted-to-fg-8-base: #fff;
  --ks-color-foregroung-inverted-to-fg-9-base: #fff;
  --ks-depth-modal: 1000;
  --ks-spacing-xxs: var(--ks-spacing-xxs-base);
  --ks-spacing-xxs-base: 0.1481rem;
  --ks-spacing-xxs-bp-factor-phone: 1.25;
  --ks-spacing-xxs-bp-factor-tablet: 1.5625;
  --ks-spacing-xxs-bp-factor-laptop: 1.9531;
  --ks-spacing-xxs-bp-factor-desktop: 2.4414;
  --ks-spacing-xs: var(--ks-spacing-xs-base);
  --ks-spacing-xs-base: 0.2222rem;
  --ks-spacing-xs-bp-factor-phone: 1.25;
  --ks-spacing-xs-bp-factor-tablet: 1.5625;
  --ks-spacing-xs-bp-factor-laptop: 1.9531;
  --ks-spacing-xs-bp-factor-desktop: 2.4414;
  --ks-spacing-s: var(--ks-spacing-s-base);
  --ks-spacing-s-base: 0.3333rem;
  --ks-spacing-s-bp-factor-phone: 1.25;
  --ks-spacing-s-bp-factor-tablet: 1.5625;
  --ks-spacing-s-bp-factor-laptop: 1.9531;
  --ks-spacing-s-bp-factor-desktop: 2.4414;
  --ks-spacing-m: var(--ks-spacing-m-base);
  --ks-spacing-m-base: 0.5rem;
  --ks-spacing-m-bp-factor-phone: 1.25;
  --ks-spacing-m-bp-factor-tablet: 1.5625;
  --ks-spacing-m-bp-factor-laptop: 1.9531;
  --ks-spacing-m-bp-factor-desktop: 2.4414;
  --ks-spacing-l: var(--ks-spacing-l-base);
  --ks-spacing-l-base: 0.75rem;
  --ks-spacing-l-bp-factor-phone: 1.25;
  --ks-spacing-l-bp-factor-tablet: 1.5625;
  --ks-spacing-l-bp-factor-laptop: 1.9531;
  --ks-spacing-l-bp-factor-desktop: 2.4414;
  --ks-spacing-xl: var(--ks-spacing-xl-base);
  --ks-spacing-xl-base: 1.125rem;
  --ks-spacing-xl-bp-factor-phone: 1.25;
  --ks-spacing-xl-bp-factor-tablet: 1.5625;
  --ks-spacing-xl-bp-factor-laptop: 1.9531;
  --ks-spacing-xl-bp-factor-desktop: 2.4414;
  --ks-spacing-xxl: var(--ks-spacing-xxl-base);
  --ks-spacing-xxl-base: 1.6875rem;
  --ks-spacing-xxl-bp-factor-phone: 1.25;
  --ks-spacing-xxl-bp-factor-tablet: 1.5625;
  --ks-spacing-xxl-bp-factor-laptop: 1.9531;
  --ks-spacing-xxl-bp-factor-desktop: 2.4414;
  --ks-spacing-stack-xs: var(--ks-spacing-xs);
  --ks-spacing-stack-s: var(--ks-spacing-s);
  --ks-spacing-stack-m: var(--ks-spacing-m);
  --ks-spacing-stack-l: var(--ks-spacing-l);
  --ks-spacing-stack-xl: var(--ks-spacing-xl);
  --ks-spacing-inline-xs: var(--ks-spacing-xs);
  --ks-spacing-inline-s: var(--ks-spacing-s);
  --ks-spacing-inline-m: var(--ks-spacing-m);
  --ks-spacing-inline-l: var(--ks-spacing-l);
  --ks-spacing-inline-xl: var(--ks-spacing-xl);
  --ks-spacing-inset-xs: var(--ks-spacing-xs);
  --ks-spacing-inset-s: var(--ks-spacing-s);
  --ks-spacing-inset-m: var(--ks-spacing-m);
  --ks-spacing-inset-l: var(--ks-spacing-l);
  --ks-spacing-inset-xl: var(--ks-spacing-xl);
  --ks-spacing-inset-squish-xs: var(--ks-spacing-xxs) var(--ks-spacing-xs);
  --ks-spacing-inset-squish-s: var(--ks-spacing-xs) var(--ks-spacing-s);
  --ks-spacing-inset-squish-m: var(--ks-spacing-s) var(--ks-spacing-m);
  --ks-spacing-inset-squish-l: var(--ks-spacing-m) var(--ks-spacing-l);
  --ks-spacing-inset-squish-xl: var(--ks-spacing-l) var(--ks-spacing-xl);
  --ks-spacing-inset-stretch-xs: var(--ks-spacing-s) var(--ks-spacing-xs);
  --ks-spacing-inset-stretch-s: var(--ks-spacing-m) var(--ks-spacing-s);
  --ks-spacing-inset-stretch-m: var(--ks-spacing-l) var(--ks-spacing-m);
  --ks-spacing-inset-stretch-l: var(--ks-spacing-xl) var(--ks-spacing-l);
  --ks-spacing-inset-stretch-xl: var(--ks-spacing-xxl) var(--ks-spacing-xl);
  --ks-text-color-default-base: var(--ks-color-fg-base);
  --ks-text-color-default-interactive-base: var(--ks-color-link-base);
  --ks-text-color-default-interactive-hover-base: var(--ks-color-link-base);
  --ks-text-color-default-interactive-active-base: var(--ks-color-link-base);
  --ks-text-color-default-interactive-selected-base: var(--ks-color-link-base);
  --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-default-inverted-interactive-base: var(--ks-color-link-inverted-base);
  --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-base);
  --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-base);
  --ks-text-color-default-inverted-interactive-selected-base: var(--ks-color-link-inverted-base);
  --ks-text-color-copy-base: var(--ks-color-fg-alpha-3-base);
  --ks-text-color-copy-interactive-base: var(--ks-color-link-base);
  --ks-text-color-copy-interactive-hover-base: var(--ks-color-link-to-fg-2-base);
  --ks-text-color-copy-interactive-active-base: var(--ks-color-link-to-fg-3-base);
  --ks-text-color-copy-interactive-selected-base: var(--ks-color-link-to-fg-3-base);
  --ks-text-color-copy-inverted-base: var(--ks-color-fg-inverted-alpha-3-base);
  --ks-text-color-copy-inverted-interactive-base: var(--ks-color-link-inverted-base);
  --ks-text-color-copy-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-text-color-copy-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-text-color-copy-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-text-color-display-base: var(--ks-color-fg-base);
  --ks-text-color-display-interactive-base: var(--ks-color-link-base);
  --ks-text-color-display-interactive-hover-base: var(--ks-color-link-to-fg-2-base);
  --ks-text-color-display-interactive-active-base: var(--ks-color-link-to-fg-3-base);
  --ks-text-color-display-interactive-selected-base: var(--ks-color-link-to-fg-3-base);
  --ks-text-color-display-inverted-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-display-inverted-interactive-base: var(--ks-color-link-inverted-base);
  --ks-text-color-display-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-text-color-display-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-text-color-display-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-text-color-interface-base: var(--ks-color-fg-alpha-4-base);
  --ks-text-color-interface-interactive-base: var(--ks-color-fg-alpha-3-base);
  --ks-text-color-interface-interactive-hover-base: var(--ks-color-fg-base);
  --ks-text-color-interface-interactive-active-base: var(--ks-color-fg-base);
  --ks-text-color-interface-interactive-selected-base: var(--ks-color-fg-base);
  --ks-text-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-4-base);
  --ks-text-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-3-base);
  --ks-text-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-interface-inverted-interactive-selected-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-card-base: var(--ks-color-fg-alpha-2-base);
  --ks-text-color-card-interactive-base: var(--ks-color-fg-base);
  --ks-text-color-card-interactive-hover-base: #000;
  --ks-text-color-card-interactive-active-base: #000;
  --ks-text-color-card-interactive-selected-base: #000;
  --ks-text-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-2-base);
  --ks-text-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-card-inverted-interactive-selected-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-primary-base: var(--ks-color-primary-base);
  --ks-text-color-primary-interactive-base: var(--ks-color-primary-base);
  --ks-text-color-primary-interactive-hover-base: var(--ks-color-primary-alpha-2-base);
  --ks-text-color-primary-interactive-active-base: var(--ks-color-primary-alpha-2-base);
  --ks-text-color-primary-interactive-selected-base: var(--ks-color-primary-alpha-2-base);
  --ks-text-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
  --ks-text-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-alpha-2-base);
  --ks-text-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-2-base);
  --ks-text-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-2-base);
  --ks-text-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-2-base);
  --ks-text-color-positive-base: var(--ks-color-positive-base);
  --ks-text-color-positive-interactive-base: var(--ks-color-positive-base);
  --ks-text-color-positive-interactive-hover-base: var(--ks-color-positive-alpha-2-base);
  --ks-text-color-positive-interactive-active-base: var(--ks-color-positive-alpha-2-base);
  --ks-text-color-positive-interactive-selected-base: var(--ks-color-positive-alpha-2-base);
  --ks-text-color-positive-inverted-base: var(--ks-color-positive-inverted-base);
  --ks-text-color-positive-inverted-interactive-base: var(--ks-color-positive-inverted-alpha-2-base);
  --ks-text-color-positive-inverted-interactive-hover-base: var(--ks-color-positive-inverted-alpha-2-base);
  --ks-text-color-positive-inverted-interactive-active-base: var(--ks-color-positive-inverted-alpha-2-base);
  --ks-text-color-positive-inverted-interactive-selected-base: var(--ks-color-positive-inverted-alpha-2-base);
  --ks-text-color-informative-base: var(--ks-color-informative-base);
  --ks-text-color-informative-interactive-base: var(--ks-color-informative-base);
  --ks-text-color-informative-interactive-hover-base: var(--ks-color-informative-alpha-2-base);
  --ks-text-color-informative-interactive-active-base: var(--ks-color-informative-alpha-2-base);
  --ks-text-color-informative-interactive-selected-base: var(--ks-color-informative-alpha-2-base);
  --ks-text-color-informative-inverted-base: var(--ks-color-informative-inverted-base);
  --ks-text-color-informative-inverted-interactive-base: var(--ks-color-informative-inverted-alpha-2-base);
  --ks-text-color-informative-inverted-interactive-hover-base: var(--ks-color-informative-inverted-alpha-2-base);
  --ks-text-color-informative-inverted-interactive-active-base: var(--ks-color-informative-inverted-alpha-2-base);
  --ks-text-color-informative-inverted-interactive-selected-base: var(--ks-color-informative-inverted-alpha-2-base);
  --ks-text-color-notice-base: var(--ks-color-notice-base);
  --ks-text-color-notice-interactive-base: var(--ks-color-notice-base);
  --ks-text-color-notice-interactive-hover-base: var(--ks-color-notice-alpha-2-base);
  --ks-text-color-notice-interactive-active-base: var(--ks-color-notice-alpha-2-base);
  --ks-text-color-notice-interactive-selected-base: var(--ks-color-notice-alpha-2-base);
  --ks-text-color-notice-inverted-base: var(--ks-color-notice-inverted-base);
  --ks-text-color-notice-inverted-interactive-base: var(--ks-color-notice-inverted-alpha-2-base);
  --ks-text-color-notice-inverted-interactive-hover-base: var(--ks-color-notice-inverted-alpha-2-base);
  --ks-text-color-notice-inverted-interactive-active-base: var(--ks-color-notice-inverted-alpha-2-base);
  --ks-text-color-notice-inverted-interactive-selected-base: var(--ks-color-notice-inverted-alpha-2-base);
  --ks-text-color-negative-base: var(--ks-color-negative-base);
  --ks-text-color-negative-interactive-base: var(--ks-color-negative-base);
  --ks-text-color-negative-interactive-hover-base: var(--ks-color-negative-alpha-2-base);
  --ks-text-color-negative-interactive-active-base: var(--ks-color-negative-alpha-2-base);
  --ks-text-color-negative-interactive-selected-base: var(--ks-color-negative-alpha-2-base);
  --ks-text-color-negative-inverted-base: var(--ks-color-negative-inverted-base);
  --ks-text-color-negative-inverted-interactive-base: var(--ks-color-negative-inverted-alpha-2-base);
  --ks-text-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-alpha-2-base);
  --ks-text-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-alpha-2-base);
  --ks-text-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-alpha-2-base);
  --ks-text-color-secondary-base: var(--ks-color-secondary-base);
  --ks-text-color-secondary-interactive-base: var(--ks-color-secondary-base);
  --ks-text-color-secondary-interactive-hover-base: var(--ks-color-secondary-alpha-2-base);
  --ks-text-color-secondary-interactive-active-base: var(--ks-color-secondary-alpha-2-base);
  --ks-text-color-secondary-interactive-selected-base: var(--ks-color-secondary-alpha-2-base);
  --ks-text-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
  --ks-text-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-alpha-2-base);
  --ks-text-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-alpha-2-base);
  --ks-text-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-alpha-2-base);
  --ks-text-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-alpha-2-base);
  --ks-text-color-foregroung-base: var(--ks-color-foregroung-base);
  --ks-text-color-foregroung-interactive-base: var(--ks-color-foregroung-base);
  --ks-text-color-foregroung-interactive-hover-base: var(--ks-color-foregroung-alpha-2-base);
  --ks-text-color-foregroung-interactive-active-base: var(--ks-color-foregroung-alpha-2-base);
  --ks-text-color-foregroung-interactive-selected-base: var(--ks-color-foregroung-alpha-2-base);
  --ks-text-color-foregroung-inverted-base: var(--ks-color-foregroung-inverted-base);
  --ks-text-color-foregroung-inverted-interactive-base: var(--ks-color-foregroung-inverted-alpha-2-base);
  --ks-text-color-foregroung-inverted-interactive-hover-base: var(--ks-color-foregroung-inverted-alpha-2-base);
  --ks-text-color-foregroung-inverted-interactive-active-base: var(--ks-color-foregroung-inverted-alpha-2-base);
  --ks-text-color-foregroung-inverted-interactive-selected-base: var(--ks-color-foregroung-inverted-alpha-2-base);
  --ks-duration-immediate: 50ms;
  --ks-duration-fast: 100ms;
  --ks-duration-medium: 150ms;
  --ks-duration-slow: 300ms;
  --ks-timing-function-bounce: cubic-bezier(0.17,1,0.5,1.5);
  --ks-timing-function-ease-out: ease-out;
  --ks-timing-function-ease-in: ease-in;
  --ks-timing-function-ease-in-out: ease-in-out;
  --ks-timing-function-linear: linear;
  --ks-transition-collapse: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
  --ks-transition-hover: var(--ks-duration-fast) var(--ks-timing-function-ease-in-out);
  --ks-transition-fade: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
  --ks-font-family-display: system-ui, 'Helvetica Neue', 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
  --ks-font-family-copy: system-ui, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --ks-font-family-interface: system-ui, system-ui, -apple-system, BlinkMacSystemFont, 'Avenir Next', 'Avenir', 'Segoe UI', 'Lucida Grande', 'Helvetica Neue', 'Helvetica', 'Fira Sans', 'Roboto', 'Noto', 'Droid Sans', 'Cantarell', 'Oxygen', 'Ubuntu', 'Franklin Gothic Medium', 'Century Gothic', 'Liberation Sans', sans-serif;
  --ks-font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
  --ks-font-weight-light: 300;
  --ks-font-weight-regular: 400;
  --ks-font-weight-semi-bold: 500;
  --ks-font-weight-bold: 700;
  --ks-font-size-display-bp-factor-phone: 1.25;
  --ks-font-size-display-bp-factor-tablet: 1.35;
  --ks-font-size-display-bp-factor-laptop: 1.45;
  --ks-font-size-display-xxs-base: 0.64rem;
  --ks-font-size-display-xs-base: 0.8rem;
  --ks-font-size-display-s-base: 1rem;
  --ks-font-size-display-m-base: 1.25rem;
  --ks-font-size-display-l-base: 1.5625rem;
  --ks-font-size-display-xl-base: 1.9531rem;
  --ks-font-size-display-xxl-base: 2.4414rem;
  --ks-font-size-copy-bp-factor-tablet: 1.125;
  --ks-font-size-copy-bp-factor-laptop: 1.25;
  --ks-font-size-copy-xxs-base: 0.544rem;
  --ks-font-size-copy-xs-base: 0.6664rem;
  --ks-font-size-copy-s-base: 0.8163rem;
  --ks-font-size-copy-m-base: 1rem;
  --ks-font-size-copy-l-base: 1.225rem;
  --ks-font-size-copy-xl-base: 1.5006rem;
  --ks-font-size-copy-xxl-base: 1.8383rem;
  --ks-font-size-interface-bp-factor-tablet: 1.125;
  --ks-font-size-interface-xxs-base: 0.544rem;
  --ks-font-size-interface-xs-base: 0.6664rem;
  --ks-font-size-interface-s-base: 0.8163rem;
  --ks-font-size-interface-m-base: 1rem;
  --ks-font-size-interface-l-base: 1.225rem;
  --ks-font-size-interface-xl-base: 1.5006rem;
  --ks-font-size-interface-xxl-base: 1.8383rem;
  --ks-font-size-mono-bp-factor-tablet: 1.125;
  --ks-font-size-mono-xxs-base: 0.544rem;
  --ks-font-size-mono-xs-base: 0.6664rem;
  --ks-font-size-mono-s-base: 0.8163rem;
  --ks-font-size-mono-m-base: 1rem;
  --ks-font-size-mono-l-base: 1.225rem;
  --ks-font-size-mono-xl-base: 1.5006rem;
  --ks-font-size-mono-xxl-base: 1.8383rem;
  --ks-line-height-display-xxs: 1.25;
  --ks-line-height-display-xs: 1.25;
  --ks-line-height-display-s: 1.25;
  --ks-line-height-display-m: 1.25;
  --ks-line-height-display-l: 1.25;
  --ks-line-height-display-xl: 1.25;
  --ks-line-height-display-xxl: 1.25;
  --ks-line-height-copy-xxs: 1.35;
  --ks-line-height-copy-xs: 1.35;
  --ks-line-height-copy-s: 1.35;
  --ks-line-height-copy-m: 1.35;
  --ks-line-height-copy-l: 1.35;
  --ks-line-height-copy-xl: 1.35;
  --ks-line-height-copy-xxl: 1.35;
  --ks-line-height-interface-xxs: 1.35;
  --ks-line-height-interface-xs: 1.35;
  --ks-line-height-interface-s: 1.35;
  --ks-line-height-interface-m: 1.35;
  --ks-line-height-interface-l: 1.35;
  --ks-line-height-interface-xl: 1.35;
  --ks-line-height-interface-xxl: 1.35;
  --ks-line-height-mono-xxs: 1.35;
  --ks-line-height-mono-xs: 1.35;
  --ks-line-height-mono-s: 1.35;
  --ks-line-height-mono-m: 1.35;
  --ks-line-height-mono-l: 1.35;
  --ks-line-height-mono-xl: 1.35;
  --ks-line-height-mono-xxl: 1.35;
  --g-header-height: 0px;
  --g-scroll-offset: var(--g-header-height);
  --ks-font-size-display-xxs: calc(var(--ks-font-size-display-xxs-base) * var(--ks-font-size-display-bp-factor, 1));
  --ks-font-display-xxs: var(--ks-font-size-display-xxs) / var(--ks-line-height-display-xxs) var(--ks-font-family-display);
  --ks-font-size-display-xs: calc(var(--ks-font-size-display-xs-base) * var(--ks-font-size-display-bp-factor, 1));
  --ks-font-display-xs: var(--ks-font-size-display-xs) / var(--ks-line-height-display-xs) var(--ks-font-family-display);
  --ks-font-size-display-s: calc(var(--ks-font-size-display-s-base) * var(--ks-font-size-display-bp-factor, 1));
  --ks-font-display-s: var(--ks-font-size-display-s) / var(--ks-line-height-display-s) var(--ks-font-family-display);
  --ks-font-size-display-m: calc(var(--ks-font-size-display-m-base) * var(--ks-font-size-display-bp-factor, 1));
  --ks-font-display-m: var(--ks-font-size-display-m) / var(--ks-line-height-display-m) var(--ks-font-family-display);
  --ks-font-size-display-l: calc(var(--ks-font-size-display-l-base) * var(--ks-font-size-display-bp-factor, 1));
  --ks-font-display-l: var(--ks-font-size-display-l) / var(--ks-line-height-display-l) var(--ks-font-family-display);
  --ks-font-size-display-xl: calc(var(--ks-font-size-display-xl-base) * var(--ks-font-size-display-bp-factor, 1));
  --ks-font-display-xl: var(--ks-font-size-display-xl) / var(--ks-line-height-display-xl) var(--ks-font-family-display);
  --ks-font-size-display-xxl: calc(var(--ks-font-size-display-xxl-base) * var(--ks-font-size-display-bp-factor, 1));
  --ks-font-display-xxl: var(--ks-font-size-display-xxl) / var(--ks-line-height-display-xxl) var(--ks-font-family-display);
  --ks-font-size-copy-xxs: calc(var(--ks-font-size-copy-xxs-base) * var(--ks-font-size-copy-bp-factor, 1));
  --ks-font-copy-xxs: var(--ks-font-size-copy-xxs) / var(--ks-line-height-copy-xxs) var(--ks-font-family-copy);
  --ks-font-size-copy-xs: calc(var(--ks-font-size-copy-xs-base) * var(--ks-font-size-copy-bp-factor, 1));
  --ks-font-copy-xs: var(--ks-font-size-copy-xs) / var(--ks-line-height-copy-xs) var(--ks-font-family-copy);
  --ks-font-size-copy-s: calc(var(--ks-font-size-copy-s-base) * var(--ks-font-size-copy-bp-factor, 1));
  --ks-font-copy-s: var(--ks-font-size-copy-s) / var(--ks-line-height-copy-s) var(--ks-font-family-copy);
  --ks-font-size-copy-m: calc(var(--ks-font-size-copy-m-base) * var(--ks-font-size-copy-bp-factor, 1));
  --ks-font-copy-m: var(--ks-font-size-copy-m) / var(--ks-line-height-copy-m) var(--ks-font-family-copy);
  --ks-font-size-copy-l: calc(var(--ks-font-size-copy-l-base) * var(--ks-font-size-copy-bp-factor, 1));
  --ks-font-copy-l: var(--ks-font-size-copy-l) / var(--ks-line-height-copy-l) var(--ks-font-family-copy);
  --ks-font-size-copy-xl: calc(var(--ks-font-size-copy-xl-base) * var(--ks-font-size-copy-bp-factor, 1));
  --ks-font-copy-xl: var(--ks-font-size-copy-xl) / var(--ks-line-height-copy-xl) var(--ks-font-family-copy);
  --ks-font-size-copy-xxl: calc(var(--ks-font-size-copy-xxl-base) * var(--ks-font-size-copy-bp-factor, 1));
  --ks-font-copy-xxl: var(--ks-font-size-copy-xxl) / var(--ks-line-height-copy-xxl) var(--ks-font-family-copy);
  --ks-font-size-interface-xxs: calc(var(--ks-font-size-interface-xxs-base) * var(--ks-font-size-interface-bp-factor, 1));
  --ks-font-interface-xxs: var(--ks-font-size-interface-xxs) / var(--ks-line-height-interface-xxs) var(--ks-font-family-interface);
  --ks-font-size-interface-xs: calc(var(--ks-font-size-interface-xs-base) * var(--ks-font-size-interface-bp-factor, 1));
  --ks-font-interface-xs: var(--ks-font-size-interface-xs) / var(--ks-line-height-interface-xs) var(--ks-font-family-interface);
  --ks-font-size-interface-s: calc(var(--ks-font-size-interface-s-base) * var(--ks-font-size-interface-bp-factor, 1));
  --ks-font-interface-s: var(--ks-font-size-interface-s) / var(--ks-line-height-interface-s) var(--ks-font-family-interface);
  --ks-font-size-interface-m: calc(var(--ks-font-size-interface-m-base) * var(--ks-font-size-interface-bp-factor, 1));
  --ks-font-interface-m: var(--ks-font-size-interface-m) / var(--ks-line-height-interface-m) var(--ks-font-family-interface);
  --ks-font-size-interface-l: calc(var(--ks-font-size-interface-l-base) * var(--ks-font-size-interface-bp-factor, 1));
  --ks-font-interface-l: var(--ks-font-size-interface-l) / var(--ks-line-height-interface-l) var(--ks-font-family-interface);
  --ks-font-size-interface-xl: calc(var(--ks-font-size-interface-xl-base) * var(--ks-font-size-interface-bp-factor, 1));
  --ks-font-interface-xl: var(--ks-font-size-interface-xl) / var(--ks-line-height-interface-xl) var(--ks-font-family-interface);
  --ks-font-size-interface-xxl: calc(var(--ks-font-size-interface-xxl-base) * var(--ks-font-size-interface-bp-factor, 1));
  --ks-font-interface-xxl: var(--ks-font-size-interface-xxl) / var(--ks-line-height-interface-xxl) var(--ks-font-family-interface);
  --ks-font-size-mono-xxs: calc(var(--ks-font-size-mono-xxs-base) * var(--ks-font-size-mono-bp-factor, 1));
  --ks-font-mono-xxs: var(--ks-font-size-mono-xxs) / var(--ks-line-height-mono-xxs) var(--ks-font-family-mono);
  --ks-font-size-mono-xs: calc(var(--ks-font-size-mono-xs-base) * var(--ks-font-size-mono-bp-factor, 1));
  --ks-font-mono-xs: var(--ks-font-size-mono-xs) / var(--ks-line-height-mono-xs) var(--ks-font-family-mono);
  --ks-font-size-mono-s: calc(var(--ks-font-size-mono-s-base) * var(--ks-font-size-mono-bp-factor, 1));
  --ks-font-mono-s: var(--ks-font-size-mono-s) / var(--ks-line-height-mono-s) var(--ks-font-family-mono);
  --ks-font-size-mono-m: calc(var(--ks-font-size-mono-m-base) * var(--ks-font-size-mono-bp-factor, 1));
  --ks-font-mono-m: var(--ks-font-size-mono-m) / var(--ks-line-height-mono-m) var(--ks-font-family-mono);
  --ks-font-size-mono-l: calc(var(--ks-font-size-mono-l-base) * var(--ks-font-size-mono-bp-factor, 1));
  --ks-font-mono-l: var(--ks-font-size-mono-l) / var(--ks-line-height-mono-l) var(--ks-font-family-mono);
  --ks-font-size-mono-xl: calc(var(--ks-font-size-mono-xl-base) * var(--ks-font-size-mono-bp-factor, 1));
  --ks-font-mono-xl: var(--ks-font-size-mono-xl) / var(--ks-line-height-mono-xl) var(--ks-font-family-mono);
  --ks-font-size-mono-xxl: calc(var(--ks-font-size-mono-xxl-base) * var(--ks-font-size-mono-bp-factor, 1));
  --ks-font-mono-xxl: var(--ks-font-size-mono-xxl) / var(--ks-line-height-mono-xxl) var(--ks-font-family-mono);
  --ks-spacing-xxs: calc(var(--ks-spacing-xxs-base) * var(--ks-spacing-xxs-bp-factor, 1));
  --ks-spacing-xs: calc(var(--ks-spacing-xs-base) * var(--ks-spacing-xs-bp-factor, 1));
  --ks-spacing-s: calc(var(--ks-spacing-s-base) * var(--ks-spacing-s-bp-factor, 1));
  --ks-spacing-m: calc(var(--ks-spacing-m-base) * var(--ks-spacing-m-bp-factor, 1));
  --ks-spacing-l: calc(var(--ks-spacing-l-base) * var(--ks-spacing-l-bp-factor, 1));
  --ks-spacing-xl: calc(var(--ks-spacing-xl-base) * var(--ks-spacing-xl-bp-factor, 1));
  --ks-spacing-xxl: calc(var(--ks-spacing-xxl-base) * var(--ks-spacing-xxl-bp-factor, 1));
  --ks-spacing-stack: calc(var(--ks-spacing-stack-base) * var(--ks-spacing-stack-bp-factor, 1));
  --ks-spacing-inline: calc(var(--ks-spacing-inline-base) * var(--ks-spacing-inline-bp-factor, 1));
  --ks-spacing-inset: calc(var(--ks-spacing-inset-base) * var(--ks-spacing-inset-bp-factor, 1));
  --ks-spacing-inset-squish: calc(var(--ks-spacing-inset-squish-base) * var(--ks-spacing-inset-squish-bp-factor, 1));
  --ks-spacing-inset-stretch: calc(var(--ks-spacing-inset-stretch-base) * var(--ks-spacing-inset-stretch-bp-factor, 1));
  --ks-breakpoints: '{"phone":"36em","tablet":"48em","laptop":"62em","desktop":"75em"}';
}

:root [ks-theme=ngo], [ks-theme=ngo] [ks-inverted=false] {
  --ks-background-color-accent: var(--ks-background-color-accent-base);
  --ks-background-color-accent-inverted: var(--ks-background-color-accent-inverted-base);
  --ks-background-color-bold: var(--ks-background-color-bold-base);
  --ks-background-color-bold-inverted: var(--ks-background-color-bold-inverted-base);
  --ks-background-color-clear: var(--ks-background-color-clear-base);
  --ks-background-color-clear-interactive: var(--ks-background-color-clear-interactive-base);
  --ks-background-color-clear-interactive-hover: var(--ks-background-color-clear-interactive-hover-base);
  --ks-background-color-clear-interactive-active: var(--ks-background-color-clear-interactive-active-base);
  --ks-background-color-clear-interactive-selected: var(--ks-background-color-clear-interactive-selected-base);
  --ks-background-color-clear-inverted: var(--ks-background-color-clear-inverted-base);
  --ks-background-color-clear-inverted-interactive: var(--ks-background-color-clear-inverted-interactive-base);
  --ks-background-color-clear-inverted-interactive-hover: var(--ks-background-color-clear-inverted-interactive-hover-base);
  --ks-background-color-clear-inverted-interactive-active: var(--ks-background-color-clear-inverted-interactive-active-base);
  --ks-background-color-clear-inverted-interactive-selected: var(--ks-background-color-clear-inverted-interactive-selected-base);
  --ks-background-color-default: var(--ks-background-color-default-base);
  --ks-background-color-default-inverted: var(--ks-background-color-default-inverted-base);
  --ks-background-color-interface: var(--ks-background-color-interface-base);
  --ks-background-color-interface-interactive: var(--ks-background-color-interface-interactive-base);
  --ks-background-color-interface-interactive-disabled: var(--ks-background-color-interface-interactive-disabled-base);
  --ks-background-color-interface-interactive-hover: var(--ks-background-color-interface-interactive-hover-base);
  --ks-background-color-interface-interactive-active: var(--ks-background-color-interface-interactive-active-base);
  --ks-background-color-interface-interactive-selected: var(--ks-background-color-interface-interactive-selected-base);
  --ks-background-color-interface-inverted: var(--ks-background-color-interface-inverted-base);
  --ks-background-color-interface-inverted-interactive: var(--ks-background-color-interface-inverted-interactive-base);
  --ks-background-color-interface-inverted-interactive-disabled: var(--ks-background-color-interface-inverted-interactive-disabled-base);
  --ks-background-color-interface-inverted-interactive-hover: var(--ks-background-color-interface-inverted-interactive-hover-base);
  --ks-background-color-interface-inverted-interactive-active: var(--ks-background-color-interface-inverted-interactive-active-base);
  --ks-background-color-interface-inverted-interactive-selected: var(--ks-background-color-interface-inverted-interactive-selected-base);
  --ks-background-color-card: var(--ks-background-color-card-base);
  --ks-background-color-card-interactive: var(--ks-background-color-card-interactive-base);
  --ks-background-color-card-interactive-disabled: var(--ks-background-color-card-interactive-disabled-base);
  --ks-background-color-card-interactive-hover: var(--ks-background-color-card-interactive-hover-base);
  --ks-background-color-card-interactive-active: var(--ks-background-color-card-interactive-active-base);
  --ks-background-color-card-interactive-selected: var(--ks-background-color-card-interactive-selected-base);
  --ks-background-color-card-inverted: var(--ks-background-color-card-inverted-base);
  --ks-background-color-card-inverted-interactive: var(--ks-background-color-card-inverted-interactive-base);
  --ks-background-color-card-inverted-interactive-disabled: var(--ks-background-color-card-inverted-interactive-disabled-base);
  --ks-background-color-card-inverted-interactive-hover: var(--ks-background-color-card-inverted-interactive-hover-base);
  --ks-background-color-card-inverted-interactive-active: var(--ks-background-color-card-inverted-interactive-active-base);
  --ks-background-color-card-inverted-interactive-selected: var(--ks-background-color-card-inverted-interactive-selected-base);
  --ks-background-color-primary: var(--ks-background-color-primary-base);
  --ks-background-color-primary-interactive: var(--ks-background-color-primary-interactive-base);
  --ks-background-color-primary-interactive-hover: var(--ks-background-color-primary-interactive-hover-base);
  --ks-background-color-primary-interactive-active: var(--ks-background-color-primary-interactive-active-base);
  --ks-background-color-primary-interactive-selected: var(--ks-background-color-primary-interactive-selected-base);
  --ks-background-color-primary-translucent: var(--ks-background-color-primary-translucent-base);
  --ks-background-color-primary-inverted: var(--ks-background-color-primary-inverted-base);
  --ks-background-color-primary-inverted-interactive: var(--ks-background-color-primary-inverted-interactive-base);
  --ks-background-color-primary-inverted-interactive-hover: var(--ks-background-color-primary-inverted-interactive-hover-base);
  --ks-background-color-primary-inverted-interactive-active: var(--ks-background-color-primary-inverted-interactive-active-base);
  --ks-background-color-primary-inverted-interactive-selected: var(--ks-background-color-primary-inverted-interactive-selected-base);
  --ks-background-color-primary-inverted-translucent: var(--ks-background-color-primary-inverted-translucent-base);
  --ks-background-color-positive: var(--ks-background-color-positive-base);
  --ks-background-color-positive-interactive: var(--ks-background-color-positive-interactive-base);
  --ks-background-color-positive-interactive-hover: var(--ks-background-color-positive-interactive-hover-base);
  --ks-background-color-positive-interactive-active: var(--ks-background-color-positive-interactive-active-base);
  --ks-background-color-positive-interactive-selected: var(--ks-background-color-positive-interactive-selected-base);
  --ks-background-color-positive-translucent: var(--ks-background-color-positive-translucent-base);
  --ks-background-color-positive-inverted: var(--ks-background-color-positive-inverted-base);
  --ks-background-color-positive-inverted-interactive: var(--ks-background-color-positive-inverted-interactive-base);
  --ks-background-color-positive-inverted-interactive-hover: var(--ks-background-color-positive-inverted-interactive-hover-base);
  --ks-background-color-positive-inverted-interactive-active: var(--ks-background-color-positive-inverted-interactive-active-base);
  --ks-background-color-positive-inverted-interactive-selected: var(--ks-background-color-positive-inverted-interactive-selected-base);
  --ks-background-color-positive-inverted-translucent: var(--ks-background-color-positive-inverted-translucent-base);
  --ks-background-color-informative: var(--ks-background-color-informative-base);
  --ks-background-color-informative-interactive: var(--ks-background-color-informative-interactive-base);
  --ks-background-color-informative-interactive-hover: var(--ks-background-color-informative-interactive-hover-base);
  --ks-background-color-informative-interactive-active: var(--ks-background-color-informative-interactive-active-base);
  --ks-background-color-informative-interactive-selected: var(--ks-background-color-informative-interactive-selected-base);
  --ks-background-color-informative-translucent: var(--ks-background-color-informative-translucent-base);
  --ks-background-color-informative-inverted: var(--ks-background-color-informative-inverted-base);
  --ks-background-color-informative-inverted-interactive: var(--ks-background-color-informative-inverted-interactive-base);
  --ks-background-color-informative-inverted-interactive-hover: var(--ks-background-color-informative-inverted-interactive-hover-base);
  --ks-background-color-informative-inverted-interactive-active: var(--ks-background-color-informative-inverted-interactive-active-base);
  --ks-background-color-informative-inverted-interactive-selected: var(--ks-background-color-informative-inverted-interactive-selected-base);
  --ks-background-color-informative-inverted-translucent: var(--ks-background-color-informative-inverted-translucent-base);
  --ks-background-color-notice: var(--ks-background-color-notice-base);
  --ks-background-color-notice-interactive: var(--ks-background-color-notice-interactive-base);
  --ks-background-color-notice-interactive-hover: var(--ks-background-color-notice-interactive-hover-base);
  --ks-background-color-notice-interactive-active: var(--ks-background-color-notice-interactive-active-base);
  --ks-background-color-notice-interactive-selected: var(--ks-background-color-notice-interactive-selected-base);
  --ks-background-color-notice-translucent: var(--ks-background-color-notice-translucent-base);
  --ks-background-color-notice-inverted: var(--ks-background-color-notice-inverted-base);
  --ks-background-color-notice-inverted-interactive: var(--ks-background-color-notice-inverted-interactive-base);
  --ks-background-color-notice-inverted-interactive-hover: var(--ks-background-color-notice-inverted-interactive-hover-base);
  --ks-background-color-notice-inverted-interactive-active: var(--ks-background-color-notice-inverted-interactive-active-base);
  --ks-background-color-notice-inverted-interactive-selected: var(--ks-background-color-notice-inverted-interactive-selected-base);
  --ks-background-color-notice-inverted-translucent: var(--ks-background-color-notice-inverted-translucent-base);
  --ks-background-color-negative: var(--ks-background-color-negative-base);
  --ks-background-color-negative-interactive: var(--ks-background-color-negative-interactive-base);
  --ks-background-color-negative-interactive-hover: var(--ks-background-color-negative-interactive-hover-base);
  --ks-background-color-negative-interactive-active: var(--ks-background-color-negative-interactive-active-base);
  --ks-background-color-negative-interactive-selected: var(--ks-background-color-negative-interactive-selected-base);
  --ks-background-color-negative-translucent: var(--ks-background-color-negative-translucent-base);
  --ks-background-color-negative-inverted: var(--ks-background-color-negative-inverted-base);
  --ks-background-color-negative-inverted-interactive: var(--ks-background-color-negative-inverted-interactive-base);
  --ks-background-color-negative-inverted-interactive-hover: var(--ks-background-color-negative-inverted-interactive-hover-base);
  --ks-background-color-negative-inverted-interactive-active: var(--ks-background-color-negative-inverted-interactive-active-base);
  --ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-inverted-interactive-selected-base);
  --ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-inverted-translucent-base);
  --ks-background-color-secondary: var(--ks-background-color-secondary-base);
  --ks-background-color-secondary-interactive: var(--ks-background-color-secondary-interactive-base);
  --ks-background-color-secondary-interactive-hover: var(--ks-background-color-secondary-interactive-hover-base);
  --ks-background-color-secondary-interactive-active: var(--ks-background-color-secondary-interactive-active-base);
  --ks-background-color-secondary-interactive-selected: var(--ks-background-color-secondary-interactive-selected-base);
  --ks-background-color-secondary-translucent: var(--ks-background-color-secondary-translucent-base);
  --ks-background-color-secondary-inverted: var(--ks-background-color-secondary-inverted-base);
  --ks-background-color-secondary-inverted-interactive: var(--ks-background-color-secondary-inverted-interactive-base);
  --ks-background-color-secondary-inverted-interactive-hover: var(--ks-background-color-secondary-inverted-interactive-hover-base);
  --ks-background-color-secondary-inverted-interactive-active: var(--ks-background-color-secondary-inverted-interactive-active-base);
  --ks-background-color-secondary-inverted-interactive-selected: var(--ks-background-color-secondary-inverted-interactive-selected-base);
  --ks-background-color-secondary-inverted-translucent: var(--ks-background-color-secondary-inverted-translucent-base);
  --ks-background-color-foregroung: var(--ks-background-color-foregroung-base);
  --ks-background-color-foregroung-interactive: var(--ks-background-color-foregroung-interactive-base);
  --ks-background-color-foregroung-interactive-hover: var(--ks-background-color-foregroung-interactive-hover-base);
  --ks-background-color-foregroung-interactive-active: var(--ks-background-color-foregroung-interactive-active-base);
  --ks-background-color-foregroung-interactive-selected: var(--ks-background-color-foregroung-interactive-selected-base);
  --ks-background-color-foregroung-translucent: var(--ks-background-color-foregroung-translucent-base);
  --ks-background-color-foregroung-inverted: var(--ks-background-color-foregroung-inverted-base);
  --ks-background-color-foregroung-inverted-interactive: var(--ks-background-color-foregroung-inverted-interactive-base);
  --ks-background-color-foregroung-inverted-interactive-hover: var(--ks-background-color-foregroung-inverted-interactive-hover-base);
  --ks-background-color-foregroung-inverted-interactive-active: var(--ks-background-color-foregroung-inverted-interactive-active-base);
  --ks-background-color-foregroung-inverted-interactive-selected: var(--ks-background-color-foregroung-inverted-interactive-selected-base);
  --ks-background-color-foregroung-inverted-translucent: var(--ks-background-color-foregroung-inverted-translucent-base);
  --ks-border-color-accent: var(--ks-border-color-accent-base);
  --ks-border-color-accent-inverted: var(--ks-border-color-accent-inverted-base);
  --ks-border-color-clear: var(--ks-border-color-clear-base);
  --ks-border-color-clear-interactive: var(--ks-border-color-clear-interactive-base);
  --ks-border-color-clear-interactive-hover: var(--ks-border-color-clear-interactive-hover-base);
  --ks-border-color-clear-interactive-active: var(--ks-border-color-clear-interactive-active-base);
  --ks-border-color-clear-interactive-selected: var(--ks-border-color-clear-interactive-selected-base);
  --ks-border-color-clear-inverted: var(--ks-border-color-clear-inverted-base);
  --ks-border-color-clear-inverted-interactive: var(--ks-border-color-clear-inverted-interactive-base);
  --ks-border-color-clear-inverted-interactive-hover: var(--ks-border-color-clear-inverted-interactive-hover-base);
  --ks-border-color-clear-inverted-interactive-active: var(--ks-border-color-clear-inverted-interactive-active-base);
  --ks-border-color-clear-inverted-interactive-selected: var(--ks-border-color-clear-inverted-interactive-selected-base);
  --ks-border-color-default: var(--ks-border-color-default-base);
  --ks-border-color-default-inverted: var(--ks-border-color-default-inverted-base);
  --ks-border-color-interface: var(--ks-border-color-interface-base);
  --ks-border-color-interface-interactive: var(--ks-border-color-interface-interactive-base);
  --ks-border-color-interface-interactive-disabled: var(--ks-border-color-interface-interactive-disabled-base);
  --ks-border-color-interface-interactive-hover: var(--ks-border-color-interface-interactive-hover-base);
  --ks-border-color-interface-interactive-active: var(--ks-border-color-interface-interactive-active-base);
  --ks-border-color-interface-interactive-selected: var(--ks-border-color-interface-interactive-selected-base);
  --ks-border-color-interface-inverted: var(--ks-border-color-interface-inverted-base);
  --ks-border-color-interface-inverted-interactive: var(--ks-border-color-interface-inverted-interactive-base);
  --ks-border-color-interface-inverted-interactive-disabled: var(--ks-border-color-interface-inverted-interactive-disabled-base);
  --ks-border-color-interface-inverted-interactive-hover: var(--ks-border-color-interface-inverted-interactive-hover-base);
  --ks-border-color-interface-inverted-interactive-active: var(--ks-border-color-interface-inverted-interactive-active-base);
  --ks-border-color-interface-inverted-interactive-selected: var(--ks-border-color-interface-inverted-interactive-selected-base);
  --ks-border-color-card: var(--ks-border-color-card-base);
  --ks-border-color-card-interactive: var(--ks-border-color-card-interactive-base);
  --ks-border-color-card-interactive-disabled: var(--ks-border-color-card-interactive-disabled-base);
  --ks-border-color-card-interactive-hover: var(--ks-border-color-card-interactive-hover-base);
  --ks-border-color-card-interactive-active: var(--ks-border-color-card-interactive-active-base);
  --ks-border-color-card-interactive-selected: var(--ks-border-color-card-interactive-selected-base);
  --ks-border-color-card-inverted: var(--ks-border-color-card-inverted-base);
  --ks-border-color-card-inverted-interactive: var(--ks-border-color-card-inverted-interactive-base);
  --ks-border-color-card-inverted-interactive-disabled: var(--ks-border-color-card-inverted-interactive-disabled-base);
  --ks-border-color-card-inverted-interactive-hover: var(--ks-border-color-card-inverted-interactive-hover-base);
  --ks-border-color-card-inverted-interactive-active: var(--ks-border-color-card-inverted-interactive-active-base);
  --ks-border-color-card-inverted-interactive-selected: var(--ks-border-color-card-inverted-interactive-selected-base);
  --ks-border-color-primary: var(--ks-border-color-primary-base);
  --ks-border-color-primary-interactive: var(--ks-border-color-primary-interactive-base);
  --ks-border-color-primary-interactive-hover: var(--ks-border-color-primary-interactive-hover-base);
  --ks-border-color-primary-interactive-active: var(--ks-border-color-primary-interactive-active-base);
  --ks-border-color-primary-interactive-selected: var(--ks-border-color-primary-interactive-selected-base);
  --ks-border-color-primary-translucent: var(--ks-border-color-primary-translucent-base);
  --ks-border-color-primary-inverted: var(--ks-border-color-primary-inverted-base);
  --ks-border-color-primary-inverted-interactive: var(--ks-border-color-primary-inverted-interactive-base);
  --ks-border-color-primary-inverted-interactive-hover: var(--ks-border-color-primary-inverted-interactive-hover-base);
  --ks-border-color-primary-inverted-interactive-active: var(--ks-border-color-primary-inverted-interactive-active-base);
  --ks-border-color-primary-inverted-interactive-selected: var(--ks-border-color-primary-inverted-interactive-selected-base);
  --ks-border-color-primary-inverted-translucent: var(--ks-border-color-primary-inverted-translucent-base);
  --ks-border-color-positive: var(--ks-border-color-positive-base);
  --ks-border-color-positive-interactive: var(--ks-border-color-positive-interactive-base);
  --ks-border-color-positive-interactive-hover: var(--ks-border-color-positive-interactive-hover-base);
  --ks-border-color-positive-interactive-active: var(--ks-border-color-positive-interactive-active-base);
  --ks-border-color-positive-interactive-selected: var(--ks-border-color-positive-interactive-selected-base);
  --ks-border-color-positive-translucent: var(--ks-border-color-positive-translucent-base);
  --ks-border-color-positive-inverted: var(--ks-border-color-positive-inverted-base);
  --ks-border-color-positive-inverted-interactive: var(--ks-border-color-positive-inverted-interactive-base);
  --ks-border-color-positive-inverted-interactive-hover: var(--ks-border-color-positive-inverted-interactive-hover-base);
  --ks-border-color-positive-inverted-interactive-active: var(--ks-border-color-positive-inverted-interactive-active-base);
  --ks-border-color-positive-inverted-interactive-selected: var(--ks-border-color-positive-inverted-interactive-selected-base);
  --ks-border-color-positive-inverted-translucent: var(--ks-border-color-positive-inverted-translucent-base);
  --ks-border-color-informative: var(--ks-border-color-informative-base);
  --ks-border-color-informative-interactive: var(--ks-border-color-informative-interactive-base);
  --ks-border-color-informative-interactive-hover: var(--ks-border-color-informative-interactive-hover-base);
  --ks-border-color-informative-interactive-active: var(--ks-border-color-informative-interactive-active-base);
  --ks-border-color-informative-interactive-selected: var(--ks-border-color-informative-interactive-selected-base);
  --ks-border-color-informative-translucent: var(--ks-border-color-informative-translucent-base);
  --ks-border-color-informative-inverted: var(--ks-border-color-informative-inverted-base);
  --ks-border-color-informative-inverted-interactive: var(--ks-border-color-informative-inverted-interactive-base);
  --ks-border-color-informative-inverted-interactive-hover: var(--ks-border-color-informative-inverted-interactive-hover-base);
  --ks-border-color-informative-inverted-interactive-active: var(--ks-border-color-informative-inverted-interactive-active-base);
  --ks-border-color-informative-inverted-interactive-selected: var(--ks-border-color-informative-inverted-interactive-selected-base);
  --ks-border-color-informative-inverted-translucent: var(--ks-border-color-informative-inverted-translucent-base);
  --ks-border-color-notice: var(--ks-border-color-notice-base);
  --ks-border-color-notice-interactive: var(--ks-border-color-notice-interactive-base);
  --ks-border-color-notice-interactive-hover: var(--ks-border-color-notice-interactive-hover-base);
  --ks-border-color-notice-interactive-active: var(--ks-border-color-notice-interactive-active-base);
  --ks-border-color-notice-interactive-selected: var(--ks-border-color-notice-interactive-selected-base);
  --ks-border-color-notice-translucent: var(--ks-border-color-notice-translucent-base);
  --ks-border-color-notice-inverted: var(--ks-border-color-notice-inverted-base);
  --ks-border-color-notice-inverted-interactive: var(--ks-border-color-notice-inverted-interactive-base);
  --ks-border-color-notice-inverted-interactive-hover: var(--ks-border-color-notice-inverted-interactive-hover-base);
  --ks-border-color-notice-inverted-interactive-active: var(--ks-border-color-notice-inverted-interactive-active-base);
  --ks-border-color-notice-inverted-interactive-selected: var(--ks-border-color-notice-inverted-interactive-selected-base);
  --ks-border-color-notice-inverted-translucent: var(--ks-border-color-notice-inverted-translucent-base);
  --ks-border-color-negative: var(--ks-border-color-negative-base);
  --ks-border-color-negative-interactive: var(--ks-border-color-negative-interactive-base);
  --ks-border-color-negative-interactive-hover: var(--ks-border-color-negative-interactive-hover-base);
  --ks-border-color-negative-interactive-active: var(--ks-border-color-negative-interactive-active-base);
  --ks-border-color-negative-interactive-selected: var(--ks-border-color-negative-interactive-selected-base);
  --ks-border-color-negative-translucent: var(--ks-border-color-negative-translucent-base);
  --ks-border-color-negative-inverted: var(--ks-border-color-negative-inverted-base);
  --ks-border-color-negative-inverted-interactive: var(--ks-border-color-negative-inverted-interactive-base);
  --ks-border-color-negative-inverted-interactive-hover: var(--ks-border-color-negative-inverted-interactive-hover-base);
  --ks-border-color-negative-inverted-interactive-active: var(--ks-border-color-negative-inverted-interactive-active-base);
  --ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-inverted-interactive-selected-base);
  --ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-inverted-translucent-base);
  --ks-border-color-secondary: var(--ks-border-color-secondary-base);
  --ks-border-color-secondary-interactive: var(--ks-border-color-secondary-interactive-base);
  --ks-border-color-secondary-interactive-hover: var(--ks-border-color-secondary-interactive-hover-base);
  --ks-border-color-secondary-interactive-active: var(--ks-border-color-secondary-interactive-active-base);
  --ks-border-color-secondary-interactive-selected: var(--ks-border-color-secondary-interactive-selected-base);
  --ks-border-color-secondary-translucent: var(--ks-border-color-secondary-translucent-base);
  --ks-border-color-secondary-inverted: var(--ks-border-color-secondary-inverted-base);
  --ks-border-color-secondary-inverted-interactive: var(--ks-border-color-secondary-inverted-interactive-base);
  --ks-border-color-secondary-inverted-interactive-hover: var(--ks-border-color-secondary-inverted-interactive-hover-base);
  --ks-border-color-secondary-inverted-interactive-active: var(--ks-border-color-secondary-inverted-interactive-active-base);
  --ks-border-color-secondary-inverted-interactive-selected: var(--ks-border-color-secondary-inverted-interactive-selected-base);
  --ks-border-color-secondary-inverted-translucent: var(--ks-border-color-secondary-inverted-translucent-base);
  --ks-border-color-foregroung: var(--ks-border-color-foregroung-base);
  --ks-border-color-foregroung-interactive: var(--ks-border-color-foregroung-interactive-base);
  --ks-border-color-foregroung-interactive-hover: var(--ks-border-color-foregroung-interactive-hover-base);
  --ks-border-color-foregroung-interactive-active: var(--ks-border-color-foregroung-interactive-active-base);
  --ks-border-color-foregroung-interactive-selected: var(--ks-border-color-foregroung-interactive-selected-base);
  --ks-border-color-foregroung-translucent: var(--ks-border-color-foregroung-translucent-base);
  --ks-border-color-foregroung-inverted: var(--ks-border-color-foregroung-inverted-base);
  --ks-border-color-foregroung-inverted-interactive: var(--ks-border-color-foregroung-inverted-interactive-base);
  --ks-border-color-foregroung-inverted-interactive-hover: var(--ks-border-color-foregroung-inverted-interactive-hover-base);
  --ks-border-color-foregroung-inverted-interactive-active: var(--ks-border-color-foregroung-inverted-interactive-active-base);
  --ks-border-color-foregroung-inverted-interactive-selected: var(--ks-border-color-foregroung-inverted-interactive-selected-base);
  --ks-border-color-foregroung-inverted-translucent: var(--ks-border-color-foregroung-inverted-translucent-base);
  --ks-color-fg: var(--ks-color-fg-base);
  --ks-color-fg-alpha-1: var(--ks-color-fg-alpha-1-base);
  --ks-color-fg-alpha-2: var(--ks-color-fg-alpha-2-base);
  --ks-color-fg-alpha-3: var(--ks-color-fg-alpha-3-base);
  --ks-color-fg-alpha-4: var(--ks-color-fg-alpha-4-base);
  --ks-color-fg-alpha-5: var(--ks-color-fg-alpha-5-base);
  --ks-color-fg-alpha-6: var(--ks-color-fg-alpha-6-base);
  --ks-color-fg-alpha-7: var(--ks-color-fg-alpha-7-base);
  --ks-color-fg-alpha-8: var(--ks-color-fg-alpha-8-base);
  --ks-color-fg-alpha-9: var(--ks-color-fg-alpha-9-base);
  --ks-color-fg-to-bg-1: var(--ks-color-fg-to-bg-1-base);
  --ks-color-fg-to-bg-2: var(--ks-color-fg-to-bg-2-base);
  --ks-color-fg-to-bg-3: var(--ks-color-fg-to-bg-3-base);
  --ks-color-fg-to-bg-4: var(--ks-color-fg-to-bg-4-base);
  --ks-color-fg-to-bg-5: var(--ks-color-fg-to-bg-5-base);
  --ks-color-fg-to-bg-6: var(--ks-color-fg-to-bg-6-base);
  --ks-color-fg-to-bg-7: var(--ks-color-fg-to-bg-7-base);
  --ks-color-fg-to-bg-8: var(--ks-color-fg-to-bg-8-base);
  --ks-color-fg-to-bg-9: var(--ks-color-fg-to-bg-9-base);
  --ks-color-fg-inverted: var(--ks-color-fg-inverted-base);
  --ks-color-fg-inverted-alpha-1: var(--ks-color-fg-inverted-alpha-1-base);
  --ks-color-fg-inverted-alpha-2: var(--ks-color-fg-inverted-alpha-2-base);
  --ks-color-fg-inverted-alpha-3: var(--ks-color-fg-inverted-alpha-3-base);
  --ks-color-fg-inverted-alpha-4: var(--ks-color-fg-inverted-alpha-4-base);
  --ks-color-fg-inverted-alpha-5: var(--ks-color-fg-inverted-alpha-5-base);
  --ks-color-fg-inverted-alpha-6: var(--ks-color-fg-inverted-alpha-6-base);
  --ks-color-fg-inverted-alpha-7: var(--ks-color-fg-inverted-alpha-7-base);
  --ks-color-fg-inverted-alpha-8: var(--ks-color-fg-inverted-alpha-8-base);
  --ks-color-fg-inverted-alpha-9: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-color-fg-inverted-to-bg-1: var(--ks-color-fg-inverted-to-bg-1-base);
  --ks-color-fg-inverted-to-bg-2: var(--ks-color-fg-inverted-to-bg-2-base);
  --ks-color-fg-inverted-to-bg-3: var(--ks-color-fg-inverted-to-bg-3-base);
  --ks-color-fg-inverted-to-bg-4: var(--ks-color-fg-inverted-to-bg-4-base);
  --ks-color-fg-inverted-to-bg-5: var(--ks-color-fg-inverted-to-bg-5-base);
  --ks-color-fg-inverted-to-bg-6: var(--ks-color-fg-inverted-to-bg-6-base);
  --ks-color-fg-inverted-to-bg-7: var(--ks-color-fg-inverted-to-bg-7-base);
  --ks-color-fg-inverted-to-bg-8: var(--ks-color-fg-inverted-to-bg-8-base);
  --ks-color-fg-inverted-to-bg-9: var(--ks-color-fg-inverted-to-bg-9-base);
  --ks-color-bg: var(--ks-color-bg-base);
  --ks-color-bg-alpha-1: var(--ks-color-bg-alpha-1-base);
  --ks-color-bg-alpha-2: var(--ks-color-bg-alpha-2-base);
  --ks-color-bg-alpha-3: var(--ks-color-bg-alpha-3-base);
  --ks-color-bg-alpha-4: var(--ks-color-bg-alpha-4-base);
  --ks-color-bg-alpha-5: var(--ks-color-bg-alpha-5-base);
  --ks-color-bg-alpha-6: var(--ks-color-bg-alpha-6-base);
  --ks-color-bg-alpha-7: var(--ks-color-bg-alpha-7-base);
  --ks-color-bg-alpha-8: var(--ks-color-bg-alpha-8-base);
  --ks-color-bg-alpha-9: var(--ks-color-bg-alpha-9-base);
  --ks-color-bg-to-fg-1: var(--ks-color-bg-to-fg-1-base);
  --ks-color-bg-to-fg-2: var(--ks-color-bg-to-fg-2-base);
  --ks-color-bg-to-fg-3: var(--ks-color-bg-to-fg-3-base);
  --ks-color-bg-to-fg-4: var(--ks-color-bg-to-fg-4-base);
  --ks-color-bg-to-fg-5: var(--ks-color-bg-to-fg-5-base);
  --ks-color-bg-to-fg-6: var(--ks-color-bg-to-fg-6-base);
  --ks-color-bg-to-fg-7: var(--ks-color-bg-to-fg-7-base);
  --ks-color-bg-to-fg-8: var(--ks-color-bg-to-fg-8-base);
  --ks-color-bg-to-fg-9: var(--ks-color-bg-to-fg-9-base);
  --ks-color-bg-inverted: var(--ks-color-bg-inverted-base);
  --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
  --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
  --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
  --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
  --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
  --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
  --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
  --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
  --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
  --ks-color-bg-inverted-to-fg-1: var(--ks-color-bg-inverted-to-fg-1-base);
  --ks-color-bg-inverted-to-fg-2: var(--ks-color-bg-inverted-to-fg-2-base);
  --ks-color-bg-inverted-to-fg-3: var(--ks-color-bg-inverted-to-fg-3-base);
  --ks-color-bg-inverted-to-fg-4: var(--ks-color-bg-inverted-to-fg-4-base);
  --ks-color-bg-inverted-to-fg-5: var(--ks-color-bg-inverted-to-fg-5-base);
  --ks-color-bg-inverted-to-fg-6: var(--ks-color-bg-inverted-to-fg-6-base);
  --ks-color-bg-inverted-to-fg-7: var(--ks-color-bg-inverted-to-fg-7-base);
  --ks-color-bg-inverted-to-fg-8: var(--ks-color-bg-inverted-to-fg-8-base);
  --ks-color-bg-inverted-to-fg-9: var(--ks-color-bg-inverted-to-fg-9-base);
  --ks-color-transparent: var(--ks-color-transparent-base);
  --ks-color-primary: var(--ks-color-primary-base);
  --ks-color-primary-alpha-1: var(--ks-color-primary-alpha-1-base);
  --ks-color-primary-alpha-2: var(--ks-color-primary-alpha-2-base);
  --ks-color-primary-alpha-3: var(--ks-color-primary-alpha-3-base);
  --ks-color-primary-alpha-4: var(--ks-color-primary-alpha-4-base);
  --ks-color-primary-alpha-5: var(--ks-color-primary-alpha-5-base);
  --ks-color-primary-alpha-6: var(--ks-color-primary-alpha-6-base);
  --ks-color-primary-alpha-7: var(--ks-color-primary-alpha-7-base);
  --ks-color-primary-alpha-8: var(--ks-color-primary-alpha-8-base);
  --ks-color-primary-alpha-9: var(--ks-color-primary-alpha-9-base);
  --ks-color-primary-to-bg-1: var(--ks-color-primary-to-bg-1-base);
  --ks-color-primary-to-bg-2: var(--ks-color-primary-to-bg-2-base);
  --ks-color-primary-to-bg-3: var(--ks-color-primary-to-bg-3-base);
  --ks-color-primary-to-bg-4: var(--ks-color-primary-to-bg-4-base);
  --ks-color-primary-to-bg-5: var(--ks-color-primary-to-bg-5-base);
  --ks-color-primary-to-bg-6: var(--ks-color-primary-to-bg-6-base);
  --ks-color-primary-to-bg-7: var(--ks-color-primary-to-bg-7-base);
  --ks-color-primary-to-bg-8: var(--ks-color-primary-to-bg-8-base);
  --ks-color-primary-to-bg-9: var(--ks-color-primary-to-bg-9-base);
  --ks-color-primary-to-fg-1: var(--ks-color-primary-to-fg-1-base);
  --ks-color-primary-to-fg-2: var(--ks-color-primary-to-fg-2-base);
  --ks-color-primary-to-fg-3: var(--ks-color-primary-to-fg-3-base);
  --ks-color-primary-to-fg-4: var(--ks-color-primary-to-fg-4-base);
  --ks-color-primary-to-fg-5: var(--ks-color-primary-to-fg-5-base);
  --ks-color-primary-to-fg-6: var(--ks-color-primary-to-fg-6-base);
  --ks-color-primary-to-fg-7: var(--ks-color-primary-to-fg-7-base);
  --ks-color-primary-to-fg-8: var(--ks-color-primary-to-fg-8-base);
  --ks-color-primary-to-fg-9: var(--ks-color-primary-to-fg-9-base);
  --ks-color-primary-inverted: var(--ks-color-primary-inverted-base);
  --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
  --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
  --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
  --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
  --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
  --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
  --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
  --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
  --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
  --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
  --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
  --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
  --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
  --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
  --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
  --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
  --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
  --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
  --ks-color-primary-inverted-to-fg-1: var(--ks-color-primary-inverted-to-fg-1-base);
  --ks-color-primary-inverted-to-fg-2: var(--ks-color-primary-inverted-to-fg-2-base);
  --ks-color-primary-inverted-to-fg-3: var(--ks-color-primary-inverted-to-fg-3-base);
  --ks-color-primary-inverted-to-fg-4: var(--ks-color-primary-inverted-to-fg-4-base);
  --ks-color-primary-inverted-to-fg-5: var(--ks-color-primary-inverted-to-fg-5-base);
  --ks-color-primary-inverted-to-fg-6: var(--ks-color-primary-inverted-to-fg-6-base);
  --ks-color-primary-inverted-to-fg-7: var(--ks-color-primary-inverted-to-fg-7-base);
  --ks-color-primary-inverted-to-fg-8: var(--ks-color-primary-inverted-to-fg-8-base);
  --ks-color-primary-inverted-to-fg-9: var(--ks-color-primary-inverted-to-fg-9-base);
  --ks-color-link: var(--ks-color-link-base);
  --ks-color-link-alpha-1: var(--ks-color-link-alpha-1-base);
  --ks-color-link-alpha-2: var(--ks-color-link-alpha-2-base);
  --ks-color-link-alpha-3: var(--ks-color-link-alpha-3-base);
  --ks-color-link-alpha-4: var(--ks-color-link-alpha-4-base);
  --ks-color-link-alpha-5: var(--ks-color-link-alpha-5-base);
  --ks-color-link-alpha-6: var(--ks-color-link-alpha-6-base);
  --ks-color-link-alpha-7: var(--ks-color-link-alpha-7-base);
  --ks-color-link-alpha-8: var(--ks-color-link-alpha-8-base);
  --ks-color-link-alpha-9: var(--ks-color-link-alpha-9-base);
  --ks-color-link-to-bg-1: var(--ks-color-link-to-bg-1-base);
  --ks-color-link-to-bg-2: var(--ks-color-link-to-bg-2-base);
  --ks-color-link-to-bg-3: var(--ks-color-link-to-bg-3-base);
  --ks-color-link-to-bg-4: var(--ks-color-link-to-bg-4-base);
  --ks-color-link-to-bg-5: var(--ks-color-link-to-bg-5-base);
  --ks-color-link-to-bg-6: var(--ks-color-link-to-bg-6-base);
  --ks-color-link-to-bg-7: var(--ks-color-link-to-bg-7-base);
  --ks-color-link-to-bg-8: var(--ks-color-link-to-bg-8-base);
  --ks-color-link-to-bg-9: var(--ks-color-link-to-bg-9-base);
  --ks-color-link-to-fg-1: var(--ks-color-link-to-fg-1-base);
  --ks-color-link-to-fg-2: var(--ks-color-link-to-fg-2-base);
  --ks-color-link-to-fg-3: var(--ks-color-link-to-fg-3-base);
  --ks-color-link-to-fg-4: var(--ks-color-link-to-fg-4-base);
  --ks-color-link-to-fg-5: var(--ks-color-link-to-fg-5-base);
  --ks-color-link-to-fg-6: var(--ks-color-link-to-fg-6-base);
  --ks-color-link-to-fg-7: var(--ks-color-link-to-fg-7-base);
  --ks-color-link-to-fg-8: var(--ks-color-link-to-fg-8-base);
  --ks-color-link-to-fg-9: var(--ks-color-link-to-fg-9-base);
  --ks-color-link-inverted: var(--ks-color-link-inverted-base);
  --ks-color-link-inverted-alpha-1: var(--ks-color-link-inverted-alpha-1-base);
  --ks-color-link-inverted-alpha-2: var(--ks-color-link-inverted-alpha-2-base);
  --ks-color-link-inverted-alpha-3: var(--ks-color-link-inverted-alpha-3-base);
  --ks-color-link-inverted-alpha-4: var(--ks-color-link-inverted-alpha-4-base);
  --ks-color-link-inverted-alpha-5: var(--ks-color-link-inverted-alpha-5-base);
  --ks-color-link-inverted-alpha-6: var(--ks-color-link-inverted-alpha-6-base);
  --ks-color-link-inverted-alpha-7: var(--ks-color-link-inverted-alpha-7-base);
  --ks-color-link-inverted-alpha-8: var(--ks-color-link-inverted-alpha-8-base);
  --ks-color-link-inverted-alpha-9: var(--ks-color-link-inverted-alpha-9-base);
  --ks-color-link-inverted-to-bg-1: var(--ks-color-link-inverted-to-bg-1-base);
  --ks-color-link-inverted-to-bg-2: var(--ks-color-link-inverted-to-bg-2-base);
  --ks-color-link-inverted-to-bg-3: var(--ks-color-link-inverted-to-bg-3-base);
  --ks-color-link-inverted-to-bg-4: var(--ks-color-link-inverted-to-bg-4-base);
  --ks-color-link-inverted-to-bg-5: var(--ks-color-link-inverted-to-bg-5-base);
  --ks-color-link-inverted-to-bg-6: var(--ks-color-link-inverted-to-bg-6-base);
  --ks-color-link-inverted-to-bg-7: var(--ks-color-link-inverted-to-bg-7-base);
  --ks-color-link-inverted-to-bg-8: var(--ks-color-link-inverted-to-bg-8-base);
  --ks-color-link-inverted-to-bg-9: var(--ks-color-link-inverted-to-bg-9-base);
  --ks-color-link-inverted-to-fg-1: var(--ks-color-link-inverted-to-fg-1-base);
  --ks-color-link-inverted-to-fg-2: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-color-link-inverted-to-fg-3: var(--ks-color-link-inverted-to-fg-3-base);
  --ks-color-link-inverted-to-fg-4: var(--ks-color-link-inverted-to-fg-4-base);
  --ks-color-link-inverted-to-fg-5: var(--ks-color-link-inverted-to-fg-5-base);
  --ks-color-link-inverted-to-fg-6: var(--ks-color-link-inverted-to-fg-6-base);
  --ks-color-link-inverted-to-fg-7: var(--ks-color-link-inverted-to-fg-7-base);
  --ks-color-link-inverted-to-fg-8: var(--ks-color-link-inverted-to-fg-8-base);
  --ks-color-link-inverted-to-fg-9: var(--ks-color-link-inverted-to-fg-9-base);
  --ks-color-positive: var(--ks-color-positive-base);
  --ks-color-positive-alpha-1: var(--ks-color-positive-alpha-1-base);
  --ks-color-positive-alpha-2: var(--ks-color-positive-alpha-2-base);
  --ks-color-positive-alpha-3: var(--ks-color-positive-alpha-3-base);
  --ks-color-positive-alpha-4: var(--ks-color-positive-alpha-4-base);
  --ks-color-positive-alpha-5: var(--ks-color-positive-alpha-5-base);
  --ks-color-positive-alpha-6: var(--ks-color-positive-alpha-6-base);
  --ks-color-positive-alpha-7: var(--ks-color-positive-alpha-7-base);
  --ks-color-positive-alpha-8: var(--ks-color-positive-alpha-8-base);
  --ks-color-positive-alpha-9: var(--ks-color-positive-alpha-9-base);
  --ks-color-positive-to-bg-1: var(--ks-color-positive-to-bg-1-base);
  --ks-color-positive-to-bg-2: var(--ks-color-positive-to-bg-2-base);
  --ks-color-positive-to-bg-3: var(--ks-color-positive-to-bg-3-base);
  --ks-color-positive-to-bg-4: var(--ks-color-positive-to-bg-4-base);
  --ks-color-positive-to-bg-5: var(--ks-color-positive-to-bg-5-base);
  --ks-color-positive-to-bg-6: var(--ks-color-positive-to-bg-6-base);
  --ks-color-positive-to-bg-7: var(--ks-color-positive-to-bg-7-base);
  --ks-color-positive-to-bg-8: var(--ks-color-positive-to-bg-8-base);
  --ks-color-positive-to-bg-9: var(--ks-color-positive-to-bg-9-base);
  --ks-color-positive-to-fg-1: var(--ks-color-positive-to-fg-1-base);
  --ks-color-positive-to-fg-2: var(--ks-color-positive-to-fg-2-base);
  --ks-color-positive-to-fg-3: var(--ks-color-positive-to-fg-3-base);
  --ks-color-positive-to-fg-4: var(--ks-color-positive-to-fg-4-base);
  --ks-color-positive-to-fg-5: var(--ks-color-positive-to-fg-5-base);
  --ks-color-positive-to-fg-6: var(--ks-color-positive-to-fg-6-base);
  --ks-color-positive-to-fg-7: var(--ks-color-positive-to-fg-7-base);
  --ks-color-positive-to-fg-8: var(--ks-color-positive-to-fg-8-base);
  --ks-color-positive-to-fg-9: var(--ks-color-positive-to-fg-9-base);
  --ks-color-positive-inverted: var(--ks-color-positive-inverted-base);
  --ks-color-positive-inverted-alpha-1: var(--ks-color-positive-inverted-alpha-1-base);
  --ks-color-positive-inverted-alpha-2: var(--ks-color-positive-inverted-alpha-2-base);
  --ks-color-positive-inverted-alpha-3: var(--ks-color-positive-inverted-alpha-3-base);
  --ks-color-positive-inverted-alpha-4: var(--ks-color-positive-inverted-alpha-4-base);
  --ks-color-positive-inverted-alpha-5: var(--ks-color-positive-inverted-alpha-5-base);
  --ks-color-positive-inverted-alpha-6: var(--ks-color-positive-inverted-alpha-6-base);
  --ks-color-positive-inverted-alpha-7: var(--ks-color-positive-inverted-alpha-7-base);
  --ks-color-positive-inverted-alpha-8: var(--ks-color-positive-inverted-alpha-8-base);
  --ks-color-positive-inverted-alpha-9: var(--ks-color-positive-inverted-alpha-9-base);
  --ks-color-positive-inverted-to-bg-1: var(--ks-color-positive-inverted-to-bg-1-base);
  --ks-color-positive-inverted-to-bg-2: var(--ks-color-positive-inverted-to-bg-2-base);
  --ks-color-positive-inverted-to-bg-3: var(--ks-color-positive-inverted-to-bg-3-base);
  --ks-color-positive-inverted-to-bg-4: var(--ks-color-positive-inverted-to-bg-4-base);
  --ks-color-positive-inverted-to-bg-5: var(--ks-color-positive-inverted-to-bg-5-base);
  --ks-color-positive-inverted-to-bg-6: var(--ks-color-positive-inverted-to-bg-6-base);
  --ks-color-positive-inverted-to-bg-7: var(--ks-color-positive-inverted-to-bg-7-base);
  --ks-color-positive-inverted-to-bg-8: var(--ks-color-positive-inverted-to-bg-8-base);
  --ks-color-positive-inverted-to-bg-9: var(--ks-color-positive-inverted-to-bg-9-base);
  --ks-color-positive-inverted-to-fg-1: var(--ks-color-positive-inverted-to-fg-1-base);
  --ks-color-positive-inverted-to-fg-2: var(--ks-color-positive-inverted-to-fg-2-base);
  --ks-color-positive-inverted-to-fg-3: var(--ks-color-positive-inverted-to-fg-3-base);
  --ks-color-positive-inverted-to-fg-4: var(--ks-color-positive-inverted-to-fg-4-base);
  --ks-color-positive-inverted-to-fg-5: var(--ks-color-positive-inverted-to-fg-5-base);
  --ks-color-positive-inverted-to-fg-6: var(--ks-color-positive-inverted-to-fg-6-base);
  --ks-color-positive-inverted-to-fg-7: var(--ks-color-positive-inverted-to-fg-7-base);
  --ks-color-positive-inverted-to-fg-8: var(--ks-color-positive-inverted-to-fg-8-base);
  --ks-color-positive-inverted-to-fg-9: var(--ks-color-positive-inverted-to-fg-9-base);
  --ks-color-informative: var(--ks-color-informative-base);
  --ks-color-informative-alpha-1: var(--ks-color-informative-alpha-1-base);
  --ks-color-informative-alpha-2: var(--ks-color-informative-alpha-2-base);
  --ks-color-informative-alpha-3: var(--ks-color-informative-alpha-3-base);
  --ks-color-informative-alpha-4: var(--ks-color-informative-alpha-4-base);
  --ks-color-informative-alpha-5: var(--ks-color-informative-alpha-5-base);
  --ks-color-informative-alpha-6: var(--ks-color-informative-alpha-6-base);
  --ks-color-informative-alpha-7: var(--ks-color-informative-alpha-7-base);
  --ks-color-informative-alpha-8: var(--ks-color-informative-alpha-8-base);
  --ks-color-informative-alpha-9: var(--ks-color-informative-alpha-9-base);
  --ks-color-informative-to-bg-1: var(--ks-color-informative-to-bg-1-base);
  --ks-color-informative-to-bg-2: var(--ks-color-informative-to-bg-2-base);
  --ks-color-informative-to-bg-3: var(--ks-color-informative-to-bg-3-base);
  --ks-color-informative-to-bg-4: var(--ks-color-informative-to-bg-4-base);
  --ks-color-informative-to-bg-5: var(--ks-color-informative-to-bg-5-base);
  --ks-color-informative-to-bg-6: var(--ks-color-informative-to-bg-6-base);
  --ks-color-informative-to-bg-7: var(--ks-color-informative-to-bg-7-base);
  --ks-color-informative-to-bg-8: var(--ks-color-informative-to-bg-8-base);
  --ks-color-informative-to-bg-9: var(--ks-color-informative-to-bg-9-base);
  --ks-color-informative-to-fg-1: var(--ks-color-informative-to-fg-1-base);
  --ks-color-informative-to-fg-2: var(--ks-color-informative-to-fg-2-base);
  --ks-color-informative-to-fg-3: var(--ks-color-informative-to-fg-3-base);
  --ks-color-informative-to-fg-4: var(--ks-color-informative-to-fg-4-base);
  --ks-color-informative-to-fg-5: var(--ks-color-informative-to-fg-5-base);
  --ks-color-informative-to-fg-6: var(--ks-color-informative-to-fg-6-base);
  --ks-color-informative-to-fg-7: var(--ks-color-informative-to-fg-7-base);
  --ks-color-informative-to-fg-8: var(--ks-color-informative-to-fg-8-base);
  --ks-color-informative-to-fg-9: var(--ks-color-informative-to-fg-9-base);
  --ks-color-informative-inverted: var(--ks-color-informative-inverted-base);
  --ks-color-informative-inverted-alpha-1: var(--ks-color-informative-inverted-alpha-1-base);
  --ks-color-informative-inverted-alpha-2: var(--ks-color-informative-inverted-alpha-2-base);
  --ks-color-informative-inverted-alpha-3: var(--ks-color-informative-inverted-alpha-3-base);
  --ks-color-informative-inverted-alpha-4: var(--ks-color-informative-inverted-alpha-4-base);
  --ks-color-informative-inverted-alpha-5: var(--ks-color-informative-inverted-alpha-5-base);
  --ks-color-informative-inverted-alpha-6: var(--ks-color-informative-inverted-alpha-6-base);
  --ks-color-informative-inverted-alpha-7: var(--ks-color-informative-inverted-alpha-7-base);
  --ks-color-informative-inverted-alpha-8: var(--ks-color-informative-inverted-alpha-8-base);
  --ks-color-informative-inverted-alpha-9: var(--ks-color-informative-inverted-alpha-9-base);
  --ks-color-informative-inverted-to-bg-1: var(--ks-color-informative-inverted-to-bg-1-base);
  --ks-color-informative-inverted-to-bg-2: var(--ks-color-informative-inverted-to-bg-2-base);
  --ks-color-informative-inverted-to-bg-3: var(--ks-color-informative-inverted-to-bg-3-base);
  --ks-color-informative-inverted-to-bg-4: var(--ks-color-informative-inverted-to-bg-4-base);
  --ks-color-informative-inverted-to-bg-5: var(--ks-color-informative-inverted-to-bg-5-base);
  --ks-color-informative-inverted-to-bg-6: var(--ks-color-informative-inverted-to-bg-6-base);
  --ks-color-informative-inverted-to-bg-7: var(--ks-color-informative-inverted-to-bg-7-base);
  --ks-color-informative-inverted-to-bg-8: var(--ks-color-informative-inverted-to-bg-8-base);
  --ks-color-informative-inverted-to-bg-9: var(--ks-color-informative-inverted-to-bg-9-base);
  --ks-color-informative-inverted-to-fg-1: var(--ks-color-informative-inverted-to-fg-1-base);
  --ks-color-informative-inverted-to-fg-2: var(--ks-color-informative-inverted-to-fg-2-base);
  --ks-color-informative-inverted-to-fg-3: var(--ks-color-informative-inverted-to-fg-3-base);
  --ks-color-informative-inverted-to-fg-4: var(--ks-color-informative-inverted-to-fg-4-base);
  --ks-color-informative-inverted-to-fg-5: var(--ks-color-informative-inverted-to-fg-5-base);
  --ks-color-informative-inverted-to-fg-6: var(--ks-color-informative-inverted-to-fg-6-base);
  --ks-color-informative-inverted-to-fg-7: var(--ks-color-informative-inverted-to-fg-7-base);
  --ks-color-informative-inverted-to-fg-8: var(--ks-color-informative-inverted-to-fg-8-base);
  --ks-color-informative-inverted-to-fg-9: var(--ks-color-informative-inverted-to-fg-9-base);
  --ks-color-notice: var(--ks-color-notice-base);
  --ks-color-notice-alpha-1: var(--ks-color-notice-alpha-1-base);
  --ks-color-notice-alpha-2: var(--ks-color-notice-alpha-2-base);
  --ks-color-notice-alpha-3: var(--ks-color-notice-alpha-3-base);
  --ks-color-notice-alpha-4: var(--ks-color-notice-alpha-4-base);
  --ks-color-notice-alpha-5: var(--ks-color-notice-alpha-5-base);
  --ks-color-notice-alpha-6: var(--ks-color-notice-alpha-6-base);
  --ks-color-notice-alpha-7: var(--ks-color-notice-alpha-7-base);
  --ks-color-notice-alpha-8: var(--ks-color-notice-alpha-8-base);
  --ks-color-notice-alpha-9: var(--ks-color-notice-alpha-9-base);
  --ks-color-notice-to-bg-1: var(--ks-color-notice-to-bg-1-base);
  --ks-color-notice-to-bg-2: var(--ks-color-notice-to-bg-2-base);
  --ks-color-notice-to-bg-3: var(--ks-color-notice-to-bg-3-base);
  --ks-color-notice-to-bg-4: var(--ks-color-notice-to-bg-4-base);
  --ks-color-notice-to-bg-5: var(--ks-color-notice-to-bg-5-base);
  --ks-color-notice-to-bg-6: var(--ks-color-notice-to-bg-6-base);
  --ks-color-notice-to-bg-7: var(--ks-color-notice-to-bg-7-base);
  --ks-color-notice-to-bg-8: var(--ks-color-notice-to-bg-8-base);
  --ks-color-notice-to-bg-9: var(--ks-color-notice-to-bg-9-base);
  --ks-color-notice-to-fg-1: var(--ks-color-notice-to-fg-1-base);
  --ks-color-notice-to-fg-2: var(--ks-color-notice-to-fg-2-base);
  --ks-color-notice-to-fg-3: var(--ks-color-notice-to-fg-3-base);
  --ks-color-notice-to-fg-4: var(--ks-color-notice-to-fg-4-base);
  --ks-color-notice-to-fg-5: var(--ks-color-notice-to-fg-5-base);
  --ks-color-notice-to-fg-6: var(--ks-color-notice-to-fg-6-base);
  --ks-color-notice-to-fg-7: var(--ks-color-notice-to-fg-7-base);
  --ks-color-notice-to-fg-8: var(--ks-color-notice-to-fg-8-base);
  --ks-color-notice-to-fg-9: var(--ks-color-notice-to-fg-9-base);
  --ks-color-notice-inverted: var(--ks-color-notice-inverted-base);
  --ks-color-notice-inverted-alpha-1: var(--ks-color-notice-inverted-alpha-1-base);
  --ks-color-notice-inverted-alpha-2: var(--ks-color-notice-inverted-alpha-2-base);
  --ks-color-notice-inverted-alpha-3: var(--ks-color-notice-inverted-alpha-3-base);
  --ks-color-notice-inverted-alpha-4: var(--ks-color-notice-inverted-alpha-4-base);
  --ks-color-notice-inverted-alpha-5: var(--ks-color-notice-inverted-alpha-5-base);
  --ks-color-notice-inverted-alpha-6: var(--ks-color-notice-inverted-alpha-6-base);
  --ks-color-notice-inverted-alpha-7: var(--ks-color-notice-inverted-alpha-7-base);
  --ks-color-notice-inverted-alpha-8: var(--ks-color-notice-inverted-alpha-8-base);
  --ks-color-notice-inverted-alpha-9: var(--ks-color-notice-inverted-alpha-9-base);
  --ks-color-notice-inverted-to-bg-1: var(--ks-color-notice-inverted-to-bg-1-base);
  --ks-color-notice-inverted-to-bg-2: var(--ks-color-notice-inverted-to-bg-2-base);
  --ks-color-notice-inverted-to-bg-3: var(--ks-color-notice-inverted-to-bg-3-base);
  --ks-color-notice-inverted-to-bg-4: var(--ks-color-notice-inverted-to-bg-4-base);
  --ks-color-notice-inverted-to-bg-5: var(--ks-color-notice-inverted-to-bg-5-base);
  --ks-color-notice-inverted-to-bg-6: var(--ks-color-notice-inverted-to-bg-6-base);
  --ks-color-notice-inverted-to-bg-7: var(--ks-color-notice-inverted-to-bg-7-base);
  --ks-color-notice-inverted-to-bg-8: var(--ks-color-notice-inverted-to-bg-8-base);
  --ks-color-notice-inverted-to-bg-9: var(--ks-color-notice-inverted-to-bg-9-base);
  --ks-color-notice-inverted-to-fg-1: var(--ks-color-notice-inverted-to-fg-1-base);
  --ks-color-notice-inverted-to-fg-2: var(--ks-color-notice-inverted-to-fg-2-base);
  --ks-color-notice-inverted-to-fg-3: var(--ks-color-notice-inverted-to-fg-3-base);
  --ks-color-notice-inverted-to-fg-4: var(--ks-color-notice-inverted-to-fg-4-base);
  --ks-color-notice-inverted-to-fg-5: var(--ks-color-notice-inverted-to-fg-5-base);
  --ks-color-notice-inverted-to-fg-6: var(--ks-color-notice-inverted-to-fg-6-base);
  --ks-color-notice-inverted-to-fg-7: var(--ks-color-notice-inverted-to-fg-7-base);
  --ks-color-notice-inverted-to-fg-8: var(--ks-color-notice-inverted-to-fg-8-base);
  --ks-color-notice-inverted-to-fg-9: var(--ks-color-notice-inverted-to-fg-9-base);
  --ks-color-negative: var(--ks-color-negative-base);
  --ks-color-negative-alpha-1: var(--ks-color-negative-alpha-1-base);
  --ks-color-negative-alpha-2: var(--ks-color-negative-alpha-2-base);
  --ks-color-negative-alpha-3: var(--ks-color-negative-alpha-3-base);
  --ks-color-negative-alpha-4: var(--ks-color-negative-alpha-4-base);
  --ks-color-negative-alpha-5: var(--ks-color-negative-alpha-5-base);
  --ks-color-negative-alpha-6: var(--ks-color-negative-alpha-6-base);
  --ks-color-negative-alpha-7: var(--ks-color-negative-alpha-7-base);
  --ks-color-negative-alpha-8: var(--ks-color-negative-alpha-8-base);
  --ks-color-negative-alpha-9: var(--ks-color-negative-alpha-9-base);
  --ks-color-negative-to-bg-1: var(--ks-color-negative-to-bg-1-base);
  --ks-color-negative-to-bg-2: var(--ks-color-negative-to-bg-2-base);
  --ks-color-negative-to-bg-3: var(--ks-color-negative-to-bg-3-base);
  --ks-color-negative-to-bg-4: var(--ks-color-negative-to-bg-4-base);
  --ks-color-negative-to-bg-5: var(--ks-color-negative-to-bg-5-base);
  --ks-color-negative-to-bg-6: var(--ks-color-negative-to-bg-6-base);
  --ks-color-negative-to-bg-7: var(--ks-color-negative-to-bg-7-base);
  --ks-color-negative-to-bg-8: var(--ks-color-negative-to-bg-8-base);
  --ks-color-negative-to-bg-9: var(--ks-color-negative-to-bg-9-base);
  --ks-color-negative-to-fg-1: var(--ks-color-negative-to-fg-1-base);
  --ks-color-negative-to-fg-2: var(--ks-color-negative-to-fg-2-base);
  --ks-color-negative-to-fg-3: var(--ks-color-negative-to-fg-3-base);
  --ks-color-negative-to-fg-4: var(--ks-color-negative-to-fg-4-base);
  --ks-color-negative-to-fg-5: var(--ks-color-negative-to-fg-5-base);
  --ks-color-negative-to-fg-6: var(--ks-color-negative-to-fg-6-base);
  --ks-color-negative-to-fg-7: var(--ks-color-negative-to-fg-7-base);
  --ks-color-negative-to-fg-8: var(--ks-color-negative-to-fg-8-base);
  --ks-color-negative-to-fg-9: var(--ks-color-negative-to-fg-9-base);
  --ks-color-negative-inverted: var(--ks-color-negative-inverted-base);
  --ks-color-negative-inverted-alpha-1: var(--ks-color-negative-inverted-alpha-1-base);
  --ks-color-negative-inverted-alpha-2: var(--ks-color-negative-inverted-alpha-2-base);
  --ks-color-negative-inverted-alpha-3: var(--ks-color-negative-inverted-alpha-3-base);
  --ks-color-negative-inverted-alpha-4: var(--ks-color-negative-inverted-alpha-4-base);
  --ks-color-negative-inverted-alpha-5: var(--ks-color-negative-inverted-alpha-5-base);
  --ks-color-negative-inverted-alpha-6: var(--ks-color-negative-inverted-alpha-6-base);
  --ks-color-negative-inverted-alpha-7: var(--ks-color-negative-inverted-alpha-7-base);
  --ks-color-negative-inverted-alpha-8: var(--ks-color-negative-inverted-alpha-8-base);
  --ks-color-negative-inverted-alpha-9: var(--ks-color-negative-inverted-alpha-9-base);
  --ks-color-negative-inverted-to-bg-1: var(--ks-color-negative-inverted-to-bg-1-base);
  --ks-color-negative-inverted-to-bg-2: var(--ks-color-negative-inverted-to-bg-2-base);
  --ks-color-negative-inverted-to-bg-3: var(--ks-color-negative-inverted-to-bg-3-base);
  --ks-color-negative-inverted-to-bg-4: var(--ks-color-negative-inverted-to-bg-4-base);
  --ks-color-negative-inverted-to-bg-5: var(--ks-color-negative-inverted-to-bg-5-base);
  --ks-color-negative-inverted-to-bg-6: var(--ks-color-negative-inverted-to-bg-6-base);
  --ks-color-negative-inverted-to-bg-7: var(--ks-color-negative-inverted-to-bg-7-base);
  --ks-color-negative-inverted-to-bg-8: var(--ks-color-negative-inverted-to-bg-8-base);
  --ks-color-negative-inverted-to-bg-9: var(--ks-color-negative-inverted-to-bg-9-base);
  --ks-color-negative-inverted-to-fg-1: var(--ks-color-negative-inverted-to-fg-1-base);
  --ks-color-negative-inverted-to-fg-2: var(--ks-color-negative-inverted-to-fg-2-base);
  --ks-color-negative-inverted-to-fg-3: var(--ks-color-negative-inverted-to-fg-3-base);
  --ks-color-negative-inverted-to-fg-4: var(--ks-color-negative-inverted-to-fg-4-base);
  --ks-color-negative-inverted-to-fg-5: var(--ks-color-negative-inverted-to-fg-5-base);
  --ks-color-negative-inverted-to-fg-6: var(--ks-color-negative-inverted-to-fg-6-base);
  --ks-color-negative-inverted-to-fg-7: var(--ks-color-negative-inverted-to-fg-7-base);
  --ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-inverted-to-fg-8-base);
  --ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
  --ks-color-secondary: var(--ks-color-secondary-base);
  --ks-color-secondary-alpha-1: var(--ks-color-secondary-alpha-1-base);
  --ks-color-secondary-alpha-2: var(--ks-color-secondary-alpha-2-base);
  --ks-color-secondary-alpha-3: var(--ks-color-secondary-alpha-3-base);
  --ks-color-secondary-alpha-4: var(--ks-color-secondary-alpha-4-base);
  --ks-color-secondary-alpha-5: var(--ks-color-secondary-alpha-5-base);
  --ks-color-secondary-alpha-6: var(--ks-color-secondary-alpha-6-base);
  --ks-color-secondary-alpha-7: var(--ks-color-secondary-alpha-7-base);
  --ks-color-secondary-alpha-8: var(--ks-color-secondary-alpha-8-base);
  --ks-color-secondary-alpha-9: var(--ks-color-secondary-alpha-9-base);
  --ks-color-secondary-to-bg-1: var(--ks-color-secondary-to-bg-1-base);
  --ks-color-secondary-to-bg-2: var(--ks-color-secondary-to-bg-2-base);
  --ks-color-secondary-to-bg-3: var(--ks-color-secondary-to-bg-3-base);
  --ks-color-secondary-to-bg-4: var(--ks-color-secondary-to-bg-4-base);
  --ks-color-secondary-to-bg-5: var(--ks-color-secondary-to-bg-5-base);
  --ks-color-secondary-to-bg-6: var(--ks-color-secondary-to-bg-6-base);
  --ks-color-secondary-to-bg-7: var(--ks-color-secondary-to-bg-7-base);
  --ks-color-secondary-to-bg-8: var(--ks-color-secondary-to-bg-8-base);
  --ks-color-secondary-to-bg-9: var(--ks-color-secondary-to-bg-9-base);
  --ks-color-secondary-to-fg-1: var(--ks-color-secondary-to-fg-1-base);
  --ks-color-secondary-to-fg-2: var(--ks-color-secondary-to-fg-2-base);
  --ks-color-secondary-to-fg-3: var(--ks-color-secondary-to-fg-3-base);
  --ks-color-secondary-to-fg-4: var(--ks-color-secondary-to-fg-4-base);
  --ks-color-secondary-to-fg-5: var(--ks-color-secondary-to-fg-5-base);
  --ks-color-secondary-to-fg-6: var(--ks-color-secondary-to-fg-6-base);
  --ks-color-secondary-to-fg-7: var(--ks-color-secondary-to-fg-7-base);
  --ks-color-secondary-to-fg-8: var(--ks-color-secondary-to-fg-8-base);
  --ks-color-secondary-to-fg-9: var(--ks-color-secondary-to-fg-9-base);
  --ks-color-secondary-inverted: var(--ks-color-secondary-inverted-base);
  --ks-color-secondary-inverted-alpha-1: var(--ks-color-secondary-inverted-alpha-1-base);
  --ks-color-secondary-inverted-alpha-2: var(--ks-color-secondary-inverted-alpha-2-base);
  --ks-color-secondary-inverted-alpha-3: var(--ks-color-secondary-inverted-alpha-3-base);
  --ks-color-secondary-inverted-alpha-4: var(--ks-color-secondary-inverted-alpha-4-base);
  --ks-color-secondary-inverted-alpha-5: var(--ks-color-secondary-inverted-alpha-5-base);
  --ks-color-secondary-inverted-alpha-6: var(--ks-color-secondary-inverted-alpha-6-base);
  --ks-color-secondary-inverted-alpha-7: var(--ks-color-secondary-inverted-alpha-7-base);
  --ks-color-secondary-inverted-alpha-8: var(--ks-color-secondary-inverted-alpha-8-base);
  --ks-color-secondary-inverted-alpha-9: var(--ks-color-secondary-inverted-alpha-9-base);
  --ks-color-secondary-inverted-to-bg-1: var(--ks-color-secondary-inverted-to-bg-1-base);
  --ks-color-secondary-inverted-to-bg-2: var(--ks-color-secondary-inverted-to-bg-2-base);
  --ks-color-secondary-inverted-to-bg-3: var(--ks-color-secondary-inverted-to-bg-3-base);
  --ks-color-secondary-inverted-to-bg-4: var(--ks-color-secondary-inverted-to-bg-4-base);
  --ks-color-secondary-inverted-to-bg-5: var(--ks-color-secondary-inverted-to-bg-5-base);
  --ks-color-secondary-inverted-to-bg-6: var(--ks-color-secondary-inverted-to-bg-6-base);
  --ks-color-secondary-inverted-to-bg-7: var(--ks-color-secondary-inverted-to-bg-7-base);
  --ks-color-secondary-inverted-to-bg-8: var(--ks-color-secondary-inverted-to-bg-8-base);
  --ks-color-secondary-inverted-to-bg-9: var(--ks-color-secondary-inverted-to-bg-9-base);
  --ks-color-secondary-inverted-to-fg-1: var(--ks-color-secondary-inverted-to-fg-1-base);
  --ks-color-secondary-inverted-to-fg-2: var(--ks-color-secondary-inverted-to-fg-2-base);
  --ks-color-secondary-inverted-to-fg-3: var(--ks-color-secondary-inverted-to-fg-3-base);
  --ks-color-secondary-inverted-to-fg-4: var(--ks-color-secondary-inverted-to-fg-4-base);
  --ks-color-secondary-inverted-to-fg-5: var(--ks-color-secondary-inverted-to-fg-5-base);
  --ks-color-secondary-inverted-to-fg-6: var(--ks-color-secondary-inverted-to-fg-6-base);
  --ks-color-secondary-inverted-to-fg-7: var(--ks-color-secondary-inverted-to-fg-7-base);
  --ks-color-secondary-inverted-to-fg-8: var(--ks-color-secondary-inverted-to-fg-8-base);
  --ks-color-secondary-inverted-to-fg-9: var(--ks-color-secondary-inverted-to-fg-9-base);
  --ks-color-foregroung: var(--ks-color-foregroung-base);
  --ks-color-foregroung-alpha-1: var(--ks-color-foregroung-alpha-1-base);
  --ks-color-foregroung-alpha-2: var(--ks-color-foregroung-alpha-2-base);
  --ks-color-foregroung-alpha-3: var(--ks-color-foregroung-alpha-3-base);
  --ks-color-foregroung-alpha-4: var(--ks-color-foregroung-alpha-4-base);
  --ks-color-foregroung-alpha-5: var(--ks-color-foregroung-alpha-5-base);
  --ks-color-foregroung-alpha-6: var(--ks-color-foregroung-alpha-6-base);
  --ks-color-foregroung-alpha-7: var(--ks-color-foregroung-alpha-7-base);
  --ks-color-foregroung-alpha-8: var(--ks-color-foregroung-alpha-8-base);
  --ks-color-foregroung-alpha-9: var(--ks-color-foregroung-alpha-9-base);
  --ks-color-foregroung-to-bg-1: var(--ks-color-foregroung-to-bg-1-base);
  --ks-color-foregroung-to-bg-2: var(--ks-color-foregroung-to-bg-2-base);
  --ks-color-foregroung-to-bg-3: var(--ks-color-foregroung-to-bg-3-base);
  --ks-color-foregroung-to-bg-4: var(--ks-color-foregroung-to-bg-4-base);
  --ks-color-foregroung-to-bg-5: var(--ks-color-foregroung-to-bg-5-base);
  --ks-color-foregroung-to-bg-6: var(--ks-color-foregroung-to-bg-6-base);
  --ks-color-foregroung-to-bg-7: var(--ks-color-foregroung-to-bg-7-base);
  --ks-color-foregroung-to-bg-8: var(--ks-color-foregroung-to-bg-8-base);
  --ks-color-foregroung-to-bg-9: var(--ks-color-foregroung-to-bg-9-base);
  --ks-color-foregroung-to-fg-1: var(--ks-color-foregroung-to-fg-1-base);
  --ks-color-foregroung-to-fg-2: var(--ks-color-foregroung-to-fg-2-base);
  --ks-color-foregroung-to-fg-3: var(--ks-color-foregroung-to-fg-3-base);
  --ks-color-foregroung-to-fg-4: var(--ks-color-foregroung-to-fg-4-base);
  --ks-color-foregroung-to-fg-5: var(--ks-color-foregroung-to-fg-5-base);
  --ks-color-foregroung-to-fg-6: var(--ks-color-foregroung-to-fg-6-base);
  --ks-color-foregroung-to-fg-7: var(--ks-color-foregroung-to-fg-7-base);
  --ks-color-foregroung-to-fg-8: var(--ks-color-foregroung-to-fg-8-base);
  --ks-color-foregroung-to-fg-9: var(--ks-color-foregroung-to-fg-9-base);
  --ks-color-foregroung-inverted: var(--ks-color-foregroung-inverted-base);
  --ks-color-foregroung-inverted-alpha-1: var(--ks-color-foregroung-inverted-alpha-1-base);
  --ks-color-foregroung-inverted-alpha-2: var(--ks-color-foregroung-inverted-alpha-2-base);
  --ks-color-foregroung-inverted-alpha-3: var(--ks-color-foregroung-inverted-alpha-3-base);
  --ks-color-foregroung-inverted-alpha-4: var(--ks-color-foregroung-inverted-alpha-4-base);
  --ks-color-foregroung-inverted-alpha-5: var(--ks-color-foregroung-inverted-alpha-5-base);
  --ks-color-foregroung-inverted-alpha-6: var(--ks-color-foregroung-inverted-alpha-6-base);
  --ks-color-foregroung-inverted-alpha-7: var(--ks-color-foregroung-inverted-alpha-7-base);
  --ks-color-foregroung-inverted-alpha-8: var(--ks-color-foregroung-inverted-alpha-8-base);
  --ks-color-foregroung-inverted-alpha-9: var(--ks-color-foregroung-inverted-alpha-9-base);
  --ks-color-foregroung-inverted-to-bg-1: var(--ks-color-foregroung-inverted-to-bg-1-base);
  --ks-color-foregroung-inverted-to-bg-2: var(--ks-color-foregroung-inverted-to-bg-2-base);
  --ks-color-foregroung-inverted-to-bg-3: var(--ks-color-foregroung-inverted-to-bg-3-base);
  --ks-color-foregroung-inverted-to-bg-4: var(--ks-color-foregroung-inverted-to-bg-4-base);
  --ks-color-foregroung-inverted-to-bg-5: var(--ks-color-foregroung-inverted-to-bg-5-base);
  --ks-color-foregroung-inverted-to-bg-6: var(--ks-color-foregroung-inverted-to-bg-6-base);
  --ks-color-foregroung-inverted-to-bg-7: var(--ks-color-foregroung-inverted-to-bg-7-base);
  --ks-color-foregroung-inverted-to-bg-8: var(--ks-color-foregroung-inverted-to-bg-8-base);
  --ks-color-foregroung-inverted-to-bg-9: var(--ks-color-foregroung-inverted-to-bg-9-base);
  --ks-color-foregroung-inverted-to-fg-1: var(--ks-color-foregroung-inverted-to-fg-1-base);
  --ks-color-foregroung-inverted-to-fg-2: var(--ks-color-foregroung-inverted-to-fg-2-base);
  --ks-color-foregroung-inverted-to-fg-3: var(--ks-color-foregroung-inverted-to-fg-3-base);
  --ks-color-foregroung-inverted-to-fg-4: var(--ks-color-foregroung-inverted-to-fg-4-base);
  --ks-color-foregroung-inverted-to-fg-5: var(--ks-color-foregroung-inverted-to-fg-5-base);
  --ks-color-foregroung-inverted-to-fg-6: var(--ks-color-foregroung-inverted-to-fg-6-base);
  --ks-color-foregroung-inverted-to-fg-7: var(--ks-color-foregroung-inverted-to-fg-7-base);
  --ks-color-foregroung-inverted-to-fg-8: var(--ks-color-foregroung-inverted-to-fg-8-base);
  --ks-color-foregroung-inverted-to-fg-9: var(--ks-color-foregroung-inverted-to-fg-9-base);
  --ks-text-color-default: var(--ks-text-color-default-base);
  --ks-text-color-default-interactive: var(--ks-text-color-default-interactive-base);
  --ks-text-color-default-interactive-hover: var(--ks-text-color-default-interactive-hover-base);
  --ks-text-color-default-interactive-active: var(--ks-text-color-default-interactive-active-base);
  --ks-text-color-default-interactive-selected: var(--ks-text-color-default-interactive-selected-base);
  --ks-text-color-default-inverted: var(--ks-text-color-default-inverted-base);
  --ks-text-color-default-inverted-interactive: var(--ks-text-color-default-inverted-interactive-base);
  --ks-text-color-default-inverted-interactive-hover: var(--ks-text-color-default-inverted-interactive-hover-base);
  --ks-text-color-default-inverted-interactive-active: var(--ks-text-color-default-inverted-interactive-active-base);
  --ks-text-color-default-inverted-interactive-selected: var(--ks-text-color-default-inverted-interactive-selected-base);
  --ks-text-color-copy: var(--ks-text-color-copy-base);
  --ks-text-color-copy-interactive: var(--ks-text-color-copy-interactive-base);
  --ks-text-color-copy-interactive-hover: var(--ks-text-color-copy-interactive-hover-base);
  --ks-text-color-copy-interactive-active: var(--ks-text-color-copy-interactive-active-base);
  --ks-text-color-copy-interactive-selected: var(--ks-text-color-copy-interactive-selected-base);
  --ks-text-color-copy-inverted: var(--ks-text-color-copy-inverted-base);
  --ks-text-color-copy-inverted-interactive: var(--ks-text-color-copy-inverted-interactive-base);
  --ks-text-color-copy-inverted-interactive-hover: var(--ks-text-color-copy-inverted-interactive-hover-base);
  --ks-text-color-copy-inverted-interactive-active: var(--ks-text-color-copy-inverted-interactive-active-base);
  --ks-text-color-copy-inverted-interactive-selected: var(--ks-text-color-copy-inverted-interactive-selected-base);
  --ks-text-color-display: var(--ks-text-color-display-base);
  --ks-text-color-display-interactive: var(--ks-text-color-display-interactive-base);
  --ks-text-color-display-interactive-hover: var(--ks-text-color-display-interactive-hover-base);
  --ks-text-color-display-interactive-active: var(--ks-text-color-display-interactive-active-base);
  --ks-text-color-display-interactive-selected: var(--ks-text-color-display-interactive-selected-base);
  --ks-text-color-display-inverted: var(--ks-text-color-display-inverted-base);
  --ks-text-color-display-inverted-interactive: var(--ks-text-color-display-inverted-interactive-base);
  --ks-text-color-display-inverted-interactive-hover: var(--ks-text-color-display-inverted-interactive-hover-base);
  --ks-text-color-display-inverted-interactive-active: var(--ks-text-color-display-inverted-interactive-active-base);
  --ks-text-color-display-inverted-interactive-selected: var(--ks-text-color-display-inverted-interactive-selected-base);
  --ks-text-color-interface: var(--ks-text-color-interface-base);
  --ks-text-color-interface-interactive: var(--ks-text-color-interface-interactive-base);
  --ks-text-color-interface-interactive-hover: var(--ks-text-color-interface-interactive-hover-base);
  --ks-text-color-interface-interactive-active: var(--ks-text-color-interface-interactive-active-base);
  --ks-text-color-interface-interactive-selected: var(--ks-text-color-interface-interactive-selected-base);
  --ks-text-color-interface-inverted: var(--ks-text-color-interface-inverted-base);
  --ks-text-color-interface-inverted-interactive: var(--ks-text-color-interface-inverted-interactive-base);
  --ks-text-color-interface-inverted-interactive-hover: var(--ks-text-color-interface-inverted-interactive-hover-base);
  --ks-text-color-interface-inverted-interactive-active: var(--ks-text-color-interface-inverted-interactive-active-base);
  --ks-text-color-interface-inverted-interactive-selected: var(--ks-text-color-interface-inverted-interactive-selected-base);
  --ks-text-color-card: var(--ks-text-color-card-base);
  --ks-text-color-card-interactive: var(--ks-text-color-card-interactive-base);
  --ks-text-color-card-interactive-hover: var(--ks-text-color-card-interactive-hover-base);
  --ks-text-color-card-interactive-active: var(--ks-text-color-card-interactive-active-base);
  --ks-text-color-card-interactive-selected: var(--ks-text-color-card-interactive-selected-base);
  --ks-text-color-card-inverted: var(--ks-text-color-card-inverted-base);
  --ks-text-color-card-inverted-interactive: var(--ks-text-color-card-inverted-interactive-base);
  --ks-text-color-card-inverted-interactive-hover: var(--ks-text-color-card-inverted-interactive-hover-base);
  --ks-text-color-card-inverted-interactive-active: var(--ks-text-color-card-inverted-interactive-active-base);
  --ks-text-color-card-inverted-interactive-selected: var(--ks-text-color-card-inverted-interactive-selected-base);
  --ks-text-color-primary: var(--ks-text-color-primary-base);
  --ks-text-color-primary-interactive: var(--ks-text-color-primary-interactive-base);
  --ks-text-color-primary-interactive-hover: var(--ks-text-color-primary-interactive-hover-base);
  --ks-text-color-primary-interactive-active: var(--ks-text-color-primary-interactive-active-base);
  --ks-text-color-primary-interactive-selected: var(--ks-text-color-primary-interactive-selected-base);
  --ks-text-color-primary-inverted: var(--ks-text-color-primary-inverted-base);
  --ks-text-color-primary-inverted-interactive: var(--ks-text-color-primary-inverted-interactive-base);
  --ks-text-color-primary-inverted-interactive-hover: var(--ks-text-color-primary-inverted-interactive-hover-base);
  --ks-text-color-primary-inverted-interactive-active: var(--ks-text-color-primary-inverted-interactive-active-base);
  --ks-text-color-primary-inverted-interactive-selected: var(--ks-text-color-primary-inverted-interactive-selected-base);
  --ks-text-color-positive: var(--ks-text-color-positive-base);
  --ks-text-color-positive-interactive: var(--ks-text-color-positive-interactive-base);
  --ks-text-color-positive-interactive-hover: var(--ks-text-color-positive-interactive-hover-base);
  --ks-text-color-positive-interactive-active: var(--ks-text-color-positive-interactive-active-base);
  --ks-text-color-positive-interactive-selected: var(--ks-text-color-positive-interactive-selected-base);
  --ks-text-color-positive-inverted: var(--ks-text-color-positive-inverted-base);
  --ks-text-color-positive-inverted-interactive: var(--ks-text-color-positive-inverted-interactive-base);
  --ks-text-color-positive-inverted-interactive-hover: var(--ks-text-color-positive-inverted-interactive-hover-base);
  --ks-text-color-positive-inverted-interactive-active: var(--ks-text-color-positive-inverted-interactive-active-base);
  --ks-text-color-positive-inverted-interactive-selected: var(--ks-text-color-positive-inverted-interactive-selected-base);
  --ks-text-color-informative: var(--ks-text-color-informative-base);
  --ks-text-color-informative-interactive: var(--ks-text-color-informative-interactive-base);
  --ks-text-color-informative-interactive-hover: var(--ks-text-color-informative-interactive-hover-base);
  --ks-text-color-informative-interactive-active: var(--ks-text-color-informative-interactive-active-base);
  --ks-text-color-informative-interactive-selected: var(--ks-text-color-informative-interactive-selected-base);
  --ks-text-color-informative-inverted: var(--ks-text-color-informative-inverted-base);
  --ks-text-color-informative-inverted-interactive: var(--ks-text-color-informative-inverted-interactive-base);
  --ks-text-color-informative-inverted-interactive-hover: var(--ks-text-color-informative-inverted-interactive-hover-base);
  --ks-text-color-informative-inverted-interactive-active: var(--ks-text-color-informative-inverted-interactive-active-base);
  --ks-text-color-informative-inverted-interactive-selected: var(--ks-text-color-informative-inverted-interactive-selected-base);
  --ks-text-color-notice: var(--ks-text-color-notice-base);
  --ks-text-color-notice-interactive: var(--ks-text-color-notice-interactive-base);
  --ks-text-color-notice-interactive-hover: var(--ks-text-color-notice-interactive-hover-base);
  --ks-text-color-notice-interactive-active: var(--ks-text-color-notice-interactive-active-base);
  --ks-text-color-notice-interactive-selected: var(--ks-text-color-notice-interactive-selected-base);
  --ks-text-color-notice-inverted: var(--ks-text-color-notice-inverted-base);
  --ks-text-color-notice-inverted-interactive: var(--ks-text-color-notice-inverted-interactive-base);
  --ks-text-color-notice-inverted-interactive-hover: var(--ks-text-color-notice-inverted-interactive-hover-base);
  --ks-text-color-notice-inverted-interactive-active: var(--ks-text-color-notice-inverted-interactive-active-base);
  --ks-text-color-notice-inverted-interactive-selected: var(--ks-text-color-notice-inverted-interactive-selected-base);
  --ks-text-color-negative: var(--ks-text-color-negative-base);
  --ks-text-color-negative-interactive: var(--ks-text-color-negative-interactive-base);
  --ks-text-color-negative-interactive-hover: var(--ks-text-color-negative-interactive-hover-base);
  --ks-text-color-negative-interactive-active: var(--ks-text-color-negative-interactive-active-base);
  --ks-text-color-negative-interactive-selected: var(--ks-text-color-negative-interactive-selected-base);
  --ks-text-color-negative-inverted: var(--ks-text-color-negative-inverted-base);
  --ks-text-color-negative-inverted-interactive: var(--ks-text-color-negative-inverted-interactive-base);
  --ks-text-color-negative-inverted-interactive-hover: var(--ks-text-color-negative-inverted-interactive-hover-base);
  --ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-inverted-interactive-active-base);
  --ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
  --ks-text-color-secondary: var(--ks-text-color-secondary-base);
  --ks-text-color-secondary-interactive: var(--ks-text-color-secondary-interactive-base);
  --ks-text-color-secondary-interactive-hover: var(--ks-text-color-secondary-interactive-hover-base);
  --ks-text-color-secondary-interactive-active: var(--ks-text-color-secondary-interactive-active-base);
  --ks-text-color-secondary-interactive-selected: var(--ks-text-color-secondary-interactive-selected-base);
  --ks-text-color-secondary-inverted: var(--ks-text-color-secondary-inverted-base);
  --ks-text-color-secondary-inverted-interactive: var(--ks-text-color-secondary-inverted-interactive-base);
  --ks-text-color-secondary-inverted-interactive-hover: var(--ks-text-color-secondary-inverted-interactive-hover-base);
  --ks-text-color-secondary-inverted-interactive-active: var(--ks-text-color-secondary-inverted-interactive-active-base);
  --ks-text-color-secondary-inverted-interactive-selected: var(--ks-text-color-secondary-inverted-interactive-selected-base);
  --ks-text-color-foregroung: var(--ks-text-color-foregroung-base);
  --ks-text-color-foregroung-interactive: var(--ks-text-color-foregroung-interactive-base);
  --ks-text-color-foregroung-interactive-hover: var(--ks-text-color-foregroung-interactive-hover-base);
  --ks-text-color-foregroung-interactive-active: var(--ks-text-color-foregroung-interactive-active-base);
  --ks-text-color-foregroung-interactive-selected: var(--ks-text-color-foregroung-interactive-selected-base);
  --ks-text-color-foregroung-inverted: var(--ks-text-color-foregroung-inverted-base);
  --ks-text-color-foregroung-inverted-interactive: var(--ks-text-color-foregroung-inverted-interactive-base);
  --ks-text-color-foregroung-inverted-interactive-hover: var(--ks-text-color-foregroung-inverted-interactive-hover-base);
  --ks-text-color-foregroung-inverted-interactive-active: var(--ks-text-color-foregroung-inverted-interactive-active-base);
  --ks-text-color-foregroung-inverted-interactive-selected: var(--ks-text-color-foregroung-inverted-interactive-selected-base);
}

[ks-theme=ngo] [ks-inverted=true] {
  --ks-background-color-accent: var(--ks-background-color-accent-inverted-base);
  --ks-background-color-accent-inverted: var(--ks-background-color-accent-base);
  --ks-background-color-bold: var(--ks-background-color-bold-inverted-base);
  --ks-background-color-bold-inverted: var(--ks-background-color-bold-base);
  --ks-background-color-clear: var(--ks-background-color-clear-inverted-base);
  --ks-background-color-clear-inverted: var(--ks-background-color-clear-base);
  --ks-background-color-clear-interactive: var(--ks-background-color-clear-inverted-interactive-base);
  --ks-background-color-clear-inverted-interactive: var(--ks-background-color-clear-interactive-base);
  --ks-background-color-clear-interactive-hover: var(--ks-background-color-clear-inverted-interactive-hover-base);
  --ks-background-color-clear-inverted-interactive-hover: var(--ks-background-color-clear-interactive-hover-base);
  --ks-background-color-clear-interactive-active: var(--ks-background-color-clear-inverted-interactive-active-base);
  --ks-background-color-clear-inverted-interactive-active: var(--ks-background-color-clear-interactive-active-base);
  --ks-background-color-clear-interactive-selected: var(--ks-background-color-clear-inverted-interactive-selected-base);
  --ks-background-color-clear-inverted-interactive-selected: var(--ks-background-color-clear-interactive-selected-base);
  --ks-background-color-default: var(--ks-background-color-default-inverted-base);
  --ks-background-color-default-inverted: var(--ks-background-color-default-base);
  --ks-background-color-interface: var(--ks-background-color-interface-inverted-base);
  --ks-background-color-interface-inverted: var(--ks-background-color-interface-base);
  --ks-background-color-interface-interactive: var(--ks-background-color-interface-inverted-interactive-base);
  --ks-background-color-interface-inverted-interactive: var(--ks-background-color-interface-interactive-base);
  --ks-background-color-interface-interactive-disabled: var(--ks-background-color-interface-inverted-interactive-disabled-base);
  --ks-background-color-interface-inverted-interactive-disabled: var(--ks-background-color-interface-interactive-disabled-base);
  --ks-background-color-interface-interactive-hover: var(--ks-background-color-interface-inverted-interactive-hover-base);
  --ks-background-color-interface-inverted-interactive-hover: var(--ks-background-color-interface-interactive-hover-base);
  --ks-background-color-interface-interactive-active: var(--ks-background-color-interface-inverted-interactive-active-base);
  --ks-background-color-interface-inverted-interactive-active: var(--ks-background-color-interface-interactive-active-base);
  --ks-background-color-interface-interactive-selected: var(--ks-background-color-interface-inverted-interactive-selected-base);
  --ks-background-color-interface-inverted-interactive-selected: var(--ks-background-color-interface-interactive-selected-base);
  --ks-background-color-card: var(--ks-background-color-card-inverted-base);
  --ks-background-color-card-inverted: var(--ks-background-color-card-base);
  --ks-background-color-card-interactive: var(--ks-background-color-card-inverted-interactive-base);
  --ks-background-color-card-inverted-interactive: var(--ks-background-color-card-interactive-base);
  --ks-background-color-card-interactive-disabled: var(--ks-background-color-card-inverted-interactive-disabled-base);
  --ks-background-color-card-inverted-interactive-disabled: var(--ks-background-color-card-interactive-disabled-base);
  --ks-background-color-card-interactive-hover: var(--ks-background-color-card-inverted-interactive-hover-base);
  --ks-background-color-card-inverted-interactive-hover: var(--ks-background-color-card-interactive-hover-base);
  --ks-background-color-card-interactive-active: var(--ks-background-color-card-inverted-interactive-active-base);
  --ks-background-color-card-inverted-interactive-active: var(--ks-background-color-card-interactive-active-base);
  --ks-background-color-card-interactive-selected: var(--ks-background-color-card-inverted-interactive-selected-base);
  --ks-background-color-card-inverted-interactive-selected: var(--ks-background-color-card-interactive-selected-base);
  --ks-background-color-primary: var(--ks-background-color-primary-inverted-base);
  --ks-background-color-primary-inverted: var(--ks-background-color-primary-base);
  --ks-background-color-primary-interactive: var(--ks-background-color-primary-inverted-interactive-base);
  --ks-background-color-primary-inverted-interactive: var(--ks-background-color-primary-interactive-base);
  --ks-background-color-primary-interactive-hover: var(--ks-background-color-primary-inverted-interactive-hover-base);
  --ks-background-color-primary-inverted-interactive-hover: var(--ks-background-color-primary-interactive-hover-base);
  --ks-background-color-primary-interactive-active: var(--ks-background-color-primary-inverted-interactive-active-base);
  --ks-background-color-primary-inverted-interactive-active: var(--ks-background-color-primary-interactive-active-base);
  --ks-background-color-primary-interactive-selected: var(--ks-background-color-primary-inverted-interactive-selected-base);
  --ks-background-color-primary-inverted-interactive-selected: var(--ks-background-color-primary-interactive-selected-base);
  --ks-background-color-primary-translucent: var(--ks-background-color-primary-inverted-translucent-base);
  --ks-background-color-primary-inverted-translucent: var(--ks-background-color-primary-translucent-base);
  --ks-background-color-positive: var(--ks-background-color-positive-inverted-base);
  --ks-background-color-positive-inverted: var(--ks-background-color-positive-base);
  --ks-background-color-positive-interactive: var(--ks-background-color-positive-inverted-interactive-base);
  --ks-background-color-positive-inverted-interactive: var(--ks-background-color-positive-interactive-base);
  --ks-background-color-positive-interactive-hover: var(--ks-background-color-positive-inverted-interactive-hover-base);
  --ks-background-color-positive-inverted-interactive-hover: var(--ks-background-color-positive-interactive-hover-base);
  --ks-background-color-positive-interactive-active: var(--ks-background-color-positive-inverted-interactive-active-base);
  --ks-background-color-positive-inverted-interactive-active: var(--ks-background-color-positive-interactive-active-base);
  --ks-background-color-positive-interactive-selected: var(--ks-background-color-positive-inverted-interactive-selected-base);
  --ks-background-color-positive-inverted-interactive-selected: var(--ks-background-color-positive-interactive-selected-base);
  --ks-background-color-positive-translucent: var(--ks-background-color-positive-inverted-translucent-base);
  --ks-background-color-positive-inverted-translucent: var(--ks-background-color-positive-translucent-base);
  --ks-background-color-informative: var(--ks-background-color-informative-inverted-base);
  --ks-background-color-informative-inverted: var(--ks-background-color-informative-base);
  --ks-background-color-informative-interactive: var(--ks-background-color-informative-inverted-interactive-base);
  --ks-background-color-informative-inverted-interactive: var(--ks-background-color-informative-interactive-base);
  --ks-background-color-informative-interactive-hover: var(--ks-background-color-informative-inverted-interactive-hover-base);
  --ks-background-color-informative-inverted-interactive-hover: var(--ks-background-color-informative-interactive-hover-base);
  --ks-background-color-informative-interactive-active: var(--ks-background-color-informative-inverted-interactive-active-base);
  --ks-background-color-informative-inverted-interactive-active: var(--ks-background-color-informative-interactive-active-base);
  --ks-background-color-informative-interactive-selected: var(--ks-background-color-informative-inverted-interactive-selected-base);
  --ks-background-color-informative-inverted-interactive-selected: var(--ks-background-color-informative-interactive-selected-base);
  --ks-background-color-informative-translucent: var(--ks-background-color-informative-inverted-translucent-base);
  --ks-background-color-informative-inverted-translucent: var(--ks-background-color-informative-translucent-base);
  --ks-background-color-notice: var(--ks-background-color-notice-inverted-base);
  --ks-background-color-notice-inverted: var(--ks-background-color-notice-base);
  --ks-background-color-notice-interactive: var(--ks-background-color-notice-inverted-interactive-base);
  --ks-background-color-notice-inverted-interactive: var(--ks-background-color-notice-interactive-base);
  --ks-background-color-notice-interactive-hover: var(--ks-background-color-notice-inverted-interactive-hover-base);
  --ks-background-color-notice-inverted-interactive-hover: var(--ks-background-color-notice-interactive-hover-base);
  --ks-background-color-notice-interactive-active: var(--ks-background-color-notice-inverted-interactive-active-base);
  --ks-background-color-notice-inverted-interactive-active: var(--ks-background-color-notice-interactive-active-base);
  --ks-background-color-notice-interactive-selected: var(--ks-background-color-notice-inverted-interactive-selected-base);
  --ks-background-color-notice-inverted-interactive-selected: var(--ks-background-color-notice-interactive-selected-base);
  --ks-background-color-notice-translucent: var(--ks-background-color-notice-inverted-translucent-base);
  --ks-background-color-notice-inverted-translucent: var(--ks-background-color-notice-translucent-base);
  --ks-background-color-negative: var(--ks-background-color-negative-inverted-base);
  --ks-background-color-negative-inverted: var(--ks-background-color-negative-base);
  --ks-background-color-negative-interactive: var(--ks-background-color-negative-inverted-interactive-base);
  --ks-background-color-negative-inverted-interactive: var(--ks-background-color-negative-interactive-base);
  --ks-background-color-negative-interactive-hover: var(--ks-background-color-negative-inverted-interactive-hover-base);
  --ks-background-color-negative-inverted-interactive-hover: var(--ks-background-color-negative-interactive-hover-base);
  --ks-background-color-negative-interactive-active: var(--ks-background-color-negative-inverted-interactive-active-base);
  --ks-background-color-negative-inverted-interactive-active: var(--ks-background-color-negative-interactive-active-base);
  --ks-background-color-negative-interactive-selected: var(--ks-background-color-negative-inverted-interactive-selected-base);
  --ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-interactive-selected-base);
  --ks-background-color-negative-translucent: var(--ks-background-color-negative-inverted-translucent-base);
  --ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-translucent-base);
  --ks-background-color-secondary: var(--ks-background-color-secondary-inverted-base);
  --ks-background-color-secondary-inverted: var(--ks-background-color-secondary-base);
  --ks-background-color-secondary-interactive: var(--ks-background-color-secondary-inverted-interactive-base);
  --ks-background-color-secondary-inverted-interactive: var(--ks-background-color-secondary-interactive-base);
  --ks-background-color-secondary-interactive-hover: var(--ks-background-color-secondary-inverted-interactive-hover-base);
  --ks-background-color-secondary-inverted-interactive-hover: var(--ks-background-color-secondary-interactive-hover-base);
  --ks-background-color-secondary-interactive-active: var(--ks-background-color-secondary-inverted-interactive-active-base);
  --ks-background-color-secondary-inverted-interactive-active: var(--ks-background-color-secondary-interactive-active-base);
  --ks-background-color-secondary-interactive-selected: var(--ks-background-color-secondary-inverted-interactive-selected-base);
  --ks-background-color-secondary-inverted-interactive-selected: var(--ks-background-color-secondary-interactive-selected-base);
  --ks-background-color-secondary-translucent: var(--ks-background-color-secondary-inverted-translucent-base);
  --ks-background-color-secondary-inverted-translucent: var(--ks-background-color-secondary-translucent-base);
  --ks-background-color-foregroung: var(--ks-background-color-foregroung-inverted-base);
  --ks-background-color-foregroung-inverted: var(--ks-background-color-foregroung-base);
  --ks-background-color-foregroung-interactive: var(--ks-background-color-foregroung-inverted-interactive-base);
  --ks-background-color-foregroung-inverted-interactive: var(--ks-background-color-foregroung-interactive-base);
  --ks-background-color-foregroung-interactive-hover: var(--ks-background-color-foregroung-inverted-interactive-hover-base);
  --ks-background-color-foregroung-inverted-interactive-hover: var(--ks-background-color-foregroung-interactive-hover-base);
  --ks-background-color-foregroung-interactive-active: var(--ks-background-color-foregroung-inverted-interactive-active-base);
  --ks-background-color-foregroung-inverted-interactive-active: var(--ks-background-color-foregroung-interactive-active-base);
  --ks-background-color-foregroung-interactive-selected: var(--ks-background-color-foregroung-inverted-interactive-selected-base);
  --ks-background-color-foregroung-inverted-interactive-selected: var(--ks-background-color-foregroung-interactive-selected-base);
  --ks-background-color-foregroung-translucent: var(--ks-background-color-foregroung-inverted-translucent-base);
  --ks-background-color-foregroung-inverted-translucent: var(--ks-background-color-foregroung-translucent-base);
  --ks-border-color-accent: var(--ks-border-color-accent-inverted-base);
  --ks-border-color-accent-inverted: var(--ks-border-color-accent-base);
  --ks-border-color-clear: var(--ks-border-color-clear-inverted-base);
  --ks-border-color-clear-inverted: var(--ks-border-color-clear-base);
  --ks-border-color-clear-interactive: var(--ks-border-color-clear-inverted-interactive-base);
  --ks-border-color-clear-inverted-interactive: var(--ks-border-color-clear-interactive-base);
  --ks-border-color-clear-interactive-hover: var(--ks-border-color-clear-inverted-interactive-hover-base);
  --ks-border-color-clear-inverted-interactive-hover: var(--ks-border-color-clear-interactive-hover-base);
  --ks-border-color-clear-interactive-active: var(--ks-border-color-clear-inverted-interactive-active-base);
  --ks-border-color-clear-inverted-interactive-active: var(--ks-border-color-clear-interactive-active-base);
  --ks-border-color-clear-interactive-selected: var(--ks-border-color-clear-inverted-interactive-selected-base);
  --ks-border-color-clear-inverted-interactive-selected: var(--ks-border-color-clear-interactive-selected-base);
  --ks-border-color-default: var(--ks-border-color-default-inverted-base);
  --ks-border-color-default-inverted: var(--ks-border-color-default-base);
  --ks-border-color-interface: var(--ks-border-color-interface-inverted-base);
  --ks-border-color-interface-inverted: var(--ks-border-color-interface-base);
  --ks-border-color-interface-interactive: var(--ks-border-color-interface-inverted-interactive-base);
  --ks-border-color-interface-inverted-interactive: var(--ks-border-color-interface-interactive-base);
  --ks-border-color-interface-interactive-disabled: var(--ks-border-color-interface-inverted-interactive-disabled-base);
  --ks-border-color-interface-inverted-interactive-disabled: var(--ks-border-color-interface-interactive-disabled-base);
  --ks-border-color-interface-interactive-hover: var(--ks-border-color-interface-inverted-interactive-hover-base);
  --ks-border-color-interface-inverted-interactive-hover: var(--ks-border-color-interface-interactive-hover-base);
  --ks-border-color-interface-interactive-active: var(--ks-border-color-interface-inverted-interactive-active-base);
  --ks-border-color-interface-inverted-interactive-active: var(--ks-border-color-interface-interactive-active-base);
  --ks-border-color-interface-interactive-selected: var(--ks-border-color-interface-inverted-interactive-selected-base);
  --ks-border-color-interface-inverted-interactive-selected: var(--ks-border-color-interface-interactive-selected-base);
  --ks-border-color-card: var(--ks-border-color-card-inverted-base);
  --ks-border-color-card-inverted: var(--ks-border-color-card-base);
  --ks-border-color-card-interactive: var(--ks-border-color-card-inverted-interactive-base);
  --ks-border-color-card-inverted-interactive: var(--ks-border-color-card-interactive-base);
  --ks-border-color-card-interactive-disabled: var(--ks-border-color-card-inverted-interactive-disabled-base);
  --ks-border-color-card-inverted-interactive-disabled: var(--ks-border-color-card-interactive-disabled-base);
  --ks-border-color-card-interactive-hover: var(--ks-border-color-card-inverted-interactive-hover-base);
  --ks-border-color-card-inverted-interactive-hover: var(--ks-border-color-card-interactive-hover-base);
  --ks-border-color-card-interactive-active: var(--ks-border-color-card-inverted-interactive-active-base);
  --ks-border-color-card-inverted-interactive-active: var(--ks-border-color-card-interactive-active-base);
  --ks-border-color-card-interactive-selected: var(--ks-border-color-card-inverted-interactive-selected-base);
  --ks-border-color-card-inverted-interactive-selected: var(--ks-border-color-card-interactive-selected-base);
  --ks-border-color-primary: var(--ks-border-color-primary-inverted-base);
  --ks-border-color-primary-inverted: var(--ks-border-color-primary-base);
  --ks-border-color-primary-interactive: var(--ks-border-color-primary-inverted-interactive-base);
  --ks-border-color-primary-inverted-interactive: var(--ks-border-color-primary-interactive-base);
  --ks-border-color-primary-interactive-hover: var(--ks-border-color-primary-inverted-interactive-hover-base);
  --ks-border-color-primary-inverted-interactive-hover: var(--ks-border-color-primary-interactive-hover-base);
  --ks-border-color-primary-interactive-active: var(--ks-border-color-primary-inverted-interactive-active-base);
  --ks-border-color-primary-inverted-interactive-active: var(--ks-border-color-primary-interactive-active-base);
  --ks-border-color-primary-interactive-selected: var(--ks-border-color-primary-inverted-interactive-selected-base);
  --ks-border-color-primary-inverted-interactive-selected: var(--ks-border-color-primary-interactive-selected-base);
  --ks-border-color-primary-translucent: var(--ks-border-color-primary-inverted-translucent-base);
  --ks-border-color-primary-inverted-translucent: var(--ks-border-color-primary-translucent-base);
  --ks-border-color-positive: var(--ks-border-color-positive-inverted-base);
  --ks-border-color-positive-inverted: var(--ks-border-color-positive-base);
  --ks-border-color-positive-interactive: var(--ks-border-color-positive-inverted-interactive-base);
  --ks-border-color-positive-inverted-interactive: var(--ks-border-color-positive-interactive-base);
  --ks-border-color-positive-interactive-hover: var(--ks-border-color-positive-inverted-interactive-hover-base);
  --ks-border-color-positive-inverted-interactive-hover: var(--ks-border-color-positive-interactive-hover-base);
  --ks-border-color-positive-interactive-active: var(--ks-border-color-positive-inverted-interactive-active-base);
  --ks-border-color-positive-inverted-interactive-active: var(--ks-border-color-positive-interactive-active-base);
  --ks-border-color-positive-interactive-selected: var(--ks-border-color-positive-inverted-interactive-selected-base);
  --ks-border-color-positive-inverted-interactive-selected: var(--ks-border-color-positive-interactive-selected-base);
  --ks-border-color-positive-translucent: var(--ks-border-color-positive-inverted-translucent-base);
  --ks-border-color-positive-inverted-translucent: var(--ks-border-color-positive-translucent-base);
  --ks-border-color-informative: var(--ks-border-color-informative-inverted-base);
  --ks-border-color-informative-inverted: var(--ks-border-color-informative-base);
  --ks-border-color-informative-interactive: var(--ks-border-color-informative-inverted-interactive-base);
  --ks-border-color-informative-inverted-interactive: var(--ks-border-color-informative-interactive-base);
  --ks-border-color-informative-interactive-hover: var(--ks-border-color-informative-inverted-interactive-hover-base);
  --ks-border-color-informative-inverted-interactive-hover: var(--ks-border-color-informative-interactive-hover-base);
  --ks-border-color-informative-interactive-active: var(--ks-border-color-informative-inverted-interactive-active-base);
  --ks-border-color-informative-inverted-interactive-active: var(--ks-border-color-informative-interactive-active-base);
  --ks-border-color-informative-interactive-selected: var(--ks-border-color-informative-inverted-interactive-selected-base);
  --ks-border-color-informative-inverted-interactive-selected: var(--ks-border-color-informative-interactive-selected-base);
  --ks-border-color-informative-translucent: var(--ks-border-color-informative-inverted-translucent-base);
  --ks-border-color-informative-inverted-translucent: var(--ks-border-color-informative-translucent-base);
  --ks-border-color-notice: var(--ks-border-color-notice-inverted-base);
  --ks-border-color-notice-inverted: var(--ks-border-color-notice-base);
  --ks-border-color-notice-interactive: var(--ks-border-color-notice-inverted-interactive-base);
  --ks-border-color-notice-inverted-interactive: var(--ks-border-color-notice-interactive-base);
  --ks-border-color-notice-interactive-hover: var(--ks-border-color-notice-inverted-interactive-hover-base);
  --ks-border-color-notice-inverted-interactive-hover: var(--ks-border-color-notice-interactive-hover-base);
  --ks-border-color-notice-interactive-active: var(--ks-border-color-notice-inverted-interactive-active-base);
  --ks-border-color-notice-inverted-interactive-active: var(--ks-border-color-notice-interactive-active-base);
  --ks-border-color-notice-interactive-selected: var(--ks-border-color-notice-inverted-interactive-selected-base);
  --ks-border-color-notice-inverted-interactive-selected: var(--ks-border-color-notice-interactive-selected-base);
  --ks-border-color-notice-translucent: var(--ks-border-color-notice-inverted-translucent-base);
  --ks-border-color-notice-inverted-translucent: var(--ks-border-color-notice-translucent-base);
  --ks-border-color-negative: var(--ks-border-color-negative-inverted-base);
  --ks-border-color-negative-inverted: var(--ks-border-color-negative-base);
  --ks-border-color-negative-interactive: var(--ks-border-color-negative-inverted-interactive-base);
  --ks-border-color-negative-inverted-interactive: var(--ks-border-color-negative-interactive-base);
  --ks-border-color-negative-interactive-hover: var(--ks-border-color-negative-inverted-interactive-hover-base);
  --ks-border-color-negative-inverted-interactive-hover: var(--ks-border-color-negative-interactive-hover-base);
  --ks-border-color-negative-interactive-active: var(--ks-border-color-negative-inverted-interactive-active-base);
  --ks-border-color-negative-inverted-interactive-active: var(--ks-border-color-negative-interactive-active-base);
  --ks-border-color-negative-interactive-selected: var(--ks-border-color-negative-inverted-interactive-selected-base);
  --ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-interactive-selected-base);
  --ks-border-color-negative-translucent: var(--ks-border-color-negative-inverted-translucent-base);
  --ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-translucent-base);
  --ks-border-color-secondary: var(--ks-border-color-secondary-inverted-base);
  --ks-border-color-secondary-inverted: var(--ks-border-color-secondary-base);
  --ks-border-color-secondary-interactive: var(--ks-border-color-secondary-inverted-interactive-base);
  --ks-border-color-secondary-inverted-interactive: var(--ks-border-color-secondary-interactive-base);
  --ks-border-color-secondary-interactive-hover: var(--ks-border-color-secondary-inverted-interactive-hover-base);
  --ks-border-color-secondary-inverted-interactive-hover: var(--ks-border-color-secondary-interactive-hover-base);
  --ks-border-color-secondary-interactive-active: var(--ks-border-color-secondary-inverted-interactive-active-base);
  --ks-border-color-secondary-inverted-interactive-active: var(--ks-border-color-secondary-interactive-active-base);
  --ks-border-color-secondary-interactive-selected: var(--ks-border-color-secondary-inverted-interactive-selected-base);
  --ks-border-color-secondary-inverted-interactive-selected: var(--ks-border-color-secondary-interactive-selected-base);
  --ks-border-color-secondary-translucent: var(--ks-border-color-secondary-inverted-translucent-base);
  --ks-border-color-secondary-inverted-translucent: var(--ks-border-color-secondary-translucent-base);
  --ks-border-color-foregroung: var(--ks-border-color-foregroung-inverted-base);
  --ks-border-color-foregroung-inverted: var(--ks-border-color-foregroung-base);
  --ks-border-color-foregroung-interactive: var(--ks-border-color-foregroung-inverted-interactive-base);
  --ks-border-color-foregroung-inverted-interactive: var(--ks-border-color-foregroung-interactive-base);
  --ks-border-color-foregroung-interactive-hover: var(--ks-border-color-foregroung-inverted-interactive-hover-base);
  --ks-border-color-foregroung-inverted-interactive-hover: var(--ks-border-color-foregroung-interactive-hover-base);
  --ks-border-color-foregroung-interactive-active: var(--ks-border-color-foregroung-inverted-interactive-active-base);
  --ks-border-color-foregroung-inverted-interactive-active: var(--ks-border-color-foregroung-interactive-active-base);
  --ks-border-color-foregroung-interactive-selected: var(--ks-border-color-foregroung-inverted-interactive-selected-base);
  --ks-border-color-foregroung-inverted-interactive-selected: var(--ks-border-color-foregroung-interactive-selected-base);
  --ks-border-color-foregroung-translucent: var(--ks-border-color-foregroung-inverted-translucent-base);
  --ks-border-color-foregroung-inverted-translucent: var(--ks-border-color-foregroung-translucent-base);
  --ks-color-fg: var(--ks-color-fg-inverted-base);
  --ks-color-fg-inverted: var(--ks-color-fg-base);
  --ks-color-fg-alpha-1: var(--ks-color-fg-inverted-alpha-1-base);
  --ks-color-fg-inverted-alpha-1: var(--ks-color-fg-alpha-1-base);
  --ks-color-fg-alpha-2: var(--ks-color-fg-inverted-alpha-2-base);
  --ks-color-fg-inverted-alpha-2: var(--ks-color-fg-alpha-2-base);
  --ks-color-fg-alpha-3: var(--ks-color-fg-inverted-alpha-3-base);
  --ks-color-fg-inverted-alpha-3: var(--ks-color-fg-alpha-3-base);
  --ks-color-fg-alpha-4: var(--ks-color-fg-inverted-alpha-4-base);
  --ks-color-fg-inverted-alpha-4: var(--ks-color-fg-alpha-4-base);
  --ks-color-fg-alpha-5: var(--ks-color-fg-inverted-alpha-5-base);
  --ks-color-fg-inverted-alpha-5: var(--ks-color-fg-alpha-5-base);
  --ks-color-fg-alpha-6: var(--ks-color-fg-inverted-alpha-6-base);
  --ks-color-fg-inverted-alpha-6: var(--ks-color-fg-alpha-6-base);
  --ks-color-fg-alpha-7: var(--ks-color-fg-inverted-alpha-7-base);
  --ks-color-fg-inverted-alpha-7: var(--ks-color-fg-alpha-7-base);
  --ks-color-fg-alpha-8: var(--ks-color-fg-inverted-alpha-8-base);
  --ks-color-fg-inverted-alpha-8: var(--ks-color-fg-alpha-8-base);
  --ks-color-fg-alpha-9: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-color-fg-inverted-alpha-9: var(--ks-color-fg-alpha-9-base);
  --ks-color-fg-to-bg-1: var(--ks-color-fg-inverted-to-bg-1-base);
  --ks-color-fg-inverted-to-bg-1: var(--ks-color-fg-to-bg-1-base);
  --ks-color-fg-to-bg-2: var(--ks-color-fg-inverted-to-bg-2-base);
  --ks-color-fg-inverted-to-bg-2: var(--ks-color-fg-to-bg-2-base);
  --ks-color-fg-to-bg-3: var(--ks-color-fg-inverted-to-bg-3-base);
  --ks-color-fg-inverted-to-bg-3: var(--ks-color-fg-to-bg-3-base);
  --ks-color-fg-to-bg-4: var(--ks-color-fg-inverted-to-bg-4-base);
  --ks-color-fg-inverted-to-bg-4: var(--ks-color-fg-to-bg-4-base);
  --ks-color-fg-to-bg-5: var(--ks-color-fg-inverted-to-bg-5-base);
  --ks-color-fg-inverted-to-bg-5: var(--ks-color-fg-to-bg-5-base);
  --ks-color-fg-to-bg-6: var(--ks-color-fg-inverted-to-bg-6-base);
  --ks-color-fg-inverted-to-bg-6: var(--ks-color-fg-to-bg-6-base);
  --ks-color-fg-to-bg-7: var(--ks-color-fg-inverted-to-bg-7-base);
  --ks-color-fg-inverted-to-bg-7: var(--ks-color-fg-to-bg-7-base);
  --ks-color-fg-to-bg-8: var(--ks-color-fg-inverted-to-bg-8-base);
  --ks-color-fg-inverted-to-bg-8: var(--ks-color-fg-to-bg-8-base);
  --ks-color-fg-to-bg-9: var(--ks-color-fg-inverted-to-bg-9-base);
  --ks-color-fg-inverted-to-bg-9: var(--ks-color-fg-to-bg-9-base);
  --ks-color-bg: var(--ks-color-bg-inverted-base);
  --ks-color-bg-inverted: var(--ks-color-bg-base);
  --ks-color-bg-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
  --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-alpha-1-base);
  --ks-color-bg-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
  --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-alpha-2-base);
  --ks-color-bg-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
  --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-alpha-3-base);
  --ks-color-bg-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
  --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-alpha-4-base);
  --ks-color-bg-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
  --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-alpha-5-base);
  --ks-color-bg-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
  --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-alpha-6-base);
  --ks-color-bg-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
  --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-alpha-7-base);
  --ks-color-bg-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
  --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-alpha-8-base);
  --ks-color-bg-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
  --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-alpha-9-base);
  --ks-color-bg-to-fg-1: var(--ks-color-bg-inverted-to-fg-1-base);
  --ks-color-bg-inverted-to-fg-1: var(--ks-color-bg-to-fg-1-base);
  --ks-color-bg-to-fg-2: var(--ks-color-bg-inverted-to-fg-2-base);
  --ks-color-bg-inverted-to-fg-2: var(--ks-color-bg-to-fg-2-base);
  --ks-color-bg-to-fg-3: var(--ks-color-bg-inverted-to-fg-3-base);
  --ks-color-bg-inverted-to-fg-3: var(--ks-color-bg-to-fg-3-base);
  --ks-color-bg-to-fg-4: var(--ks-color-bg-inverted-to-fg-4-base);
  --ks-color-bg-inverted-to-fg-4: var(--ks-color-bg-to-fg-4-base);
  --ks-color-bg-to-fg-5: var(--ks-color-bg-inverted-to-fg-5-base);
  --ks-color-bg-inverted-to-fg-5: var(--ks-color-bg-to-fg-5-base);
  --ks-color-bg-to-fg-6: var(--ks-color-bg-inverted-to-fg-6-base);
  --ks-color-bg-inverted-to-fg-6: var(--ks-color-bg-to-fg-6-base);
  --ks-color-bg-to-fg-7: var(--ks-color-bg-inverted-to-fg-7-base);
  --ks-color-bg-inverted-to-fg-7: var(--ks-color-bg-to-fg-7-base);
  --ks-color-bg-to-fg-8: var(--ks-color-bg-inverted-to-fg-8-base);
  --ks-color-bg-inverted-to-fg-8: var(--ks-color-bg-to-fg-8-base);
  --ks-color-bg-to-fg-9: var(--ks-color-bg-inverted-to-fg-9-base);
  --ks-color-bg-inverted-to-fg-9: var(--ks-color-bg-to-fg-9-base);
  --ks-color-primary: var(--ks-color-primary-inverted-base);
  --ks-color-primary-inverted: var(--ks-color-primary-base);
  --ks-color-primary-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
  --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-alpha-1-base);
  --ks-color-primary-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
  --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-alpha-2-base);
  --ks-color-primary-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
  --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-alpha-3-base);
  --ks-color-primary-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
  --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-alpha-4-base);
  --ks-color-primary-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
  --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-alpha-5-base);
  --ks-color-primary-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
  --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-alpha-6-base);
  --ks-color-primary-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
  --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-alpha-7-base);
  --ks-color-primary-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
  --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-alpha-8-base);
  --ks-color-primary-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
  --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-alpha-9-base);
  --ks-color-primary-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
  --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-to-bg-1-base);
  --ks-color-primary-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
  --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-to-bg-2-base);
  --ks-color-primary-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
  --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-to-bg-3-base);
  --ks-color-primary-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
  --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-to-bg-4-base);
  --ks-color-primary-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
  --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-to-bg-5-base);
  --ks-color-primary-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
  --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-to-bg-6-base);
  --ks-color-primary-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
  --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-to-bg-7-base);
  --ks-color-primary-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
  --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-to-bg-8-base);
  --ks-color-primary-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
  --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-to-bg-9-base);
  --ks-color-primary-to-fg-1: var(--ks-color-primary-inverted-to-fg-1-base);
  --ks-color-primary-inverted-to-fg-1: var(--ks-color-primary-to-fg-1-base);
  --ks-color-primary-to-fg-2: var(--ks-color-primary-inverted-to-fg-2-base);
  --ks-color-primary-inverted-to-fg-2: var(--ks-color-primary-to-fg-2-base);
  --ks-color-primary-to-fg-3: var(--ks-color-primary-inverted-to-fg-3-base);
  --ks-color-primary-inverted-to-fg-3: var(--ks-color-primary-to-fg-3-base);
  --ks-color-primary-to-fg-4: var(--ks-color-primary-inverted-to-fg-4-base);
  --ks-color-primary-inverted-to-fg-4: var(--ks-color-primary-to-fg-4-base);
  --ks-color-primary-to-fg-5: var(--ks-color-primary-inverted-to-fg-5-base);
  --ks-color-primary-inverted-to-fg-5: var(--ks-color-primary-to-fg-5-base);
  --ks-color-primary-to-fg-6: var(--ks-color-primary-inverted-to-fg-6-base);
  --ks-color-primary-inverted-to-fg-6: var(--ks-color-primary-to-fg-6-base);
  --ks-color-primary-to-fg-7: var(--ks-color-primary-inverted-to-fg-7-base);
  --ks-color-primary-inverted-to-fg-7: var(--ks-color-primary-to-fg-7-base);
  --ks-color-primary-to-fg-8: var(--ks-color-primary-inverted-to-fg-8-base);
  --ks-color-primary-inverted-to-fg-8: var(--ks-color-primary-to-fg-8-base);
  --ks-color-primary-to-fg-9: var(--ks-color-primary-inverted-to-fg-9-base);
  --ks-color-primary-inverted-to-fg-9: var(--ks-color-primary-to-fg-9-base);
  --ks-color-link: var(--ks-color-link-inverted-base);
  --ks-color-link-inverted: var(--ks-color-link-base);
  --ks-color-link-alpha-1: var(--ks-color-link-inverted-alpha-1-base);
  --ks-color-link-inverted-alpha-1: var(--ks-color-link-alpha-1-base);
  --ks-color-link-alpha-2: var(--ks-color-link-inverted-alpha-2-base);
  --ks-color-link-inverted-alpha-2: var(--ks-color-link-alpha-2-base);
  --ks-color-link-alpha-3: var(--ks-color-link-inverted-alpha-3-base);
  --ks-color-link-inverted-alpha-3: var(--ks-color-link-alpha-3-base);
  --ks-color-link-alpha-4: var(--ks-color-link-inverted-alpha-4-base);
  --ks-color-link-inverted-alpha-4: var(--ks-color-link-alpha-4-base);
  --ks-color-link-alpha-5: var(--ks-color-link-inverted-alpha-5-base);
  --ks-color-link-inverted-alpha-5: var(--ks-color-link-alpha-5-base);
  --ks-color-link-alpha-6: var(--ks-color-link-inverted-alpha-6-base);
  --ks-color-link-inverted-alpha-6: var(--ks-color-link-alpha-6-base);
  --ks-color-link-alpha-7: var(--ks-color-link-inverted-alpha-7-base);
  --ks-color-link-inverted-alpha-7: var(--ks-color-link-alpha-7-base);
  --ks-color-link-alpha-8: var(--ks-color-link-inverted-alpha-8-base);
  --ks-color-link-inverted-alpha-8: var(--ks-color-link-alpha-8-base);
  --ks-color-link-alpha-9: var(--ks-color-link-inverted-alpha-9-base);
  --ks-color-link-inverted-alpha-9: var(--ks-color-link-alpha-9-base);
  --ks-color-link-to-bg-1: var(--ks-color-link-inverted-to-bg-1-base);
  --ks-color-link-inverted-to-bg-1: var(--ks-color-link-to-bg-1-base);
  --ks-color-link-to-bg-2: var(--ks-color-link-inverted-to-bg-2-base);
  --ks-color-link-inverted-to-bg-2: var(--ks-color-link-to-bg-2-base);
  --ks-color-link-to-bg-3: var(--ks-color-link-inverted-to-bg-3-base);
  --ks-color-link-inverted-to-bg-3: var(--ks-color-link-to-bg-3-base);
  --ks-color-link-to-bg-4: var(--ks-color-link-inverted-to-bg-4-base);
  --ks-color-link-inverted-to-bg-4: var(--ks-color-link-to-bg-4-base);
  --ks-color-link-to-bg-5: var(--ks-color-link-inverted-to-bg-5-base);
  --ks-color-link-inverted-to-bg-5: var(--ks-color-link-to-bg-5-base);
  --ks-color-link-to-bg-6: var(--ks-color-link-inverted-to-bg-6-base);
  --ks-color-link-inverted-to-bg-6: var(--ks-color-link-to-bg-6-base);
  --ks-color-link-to-bg-7: var(--ks-color-link-inverted-to-bg-7-base);
  --ks-color-link-inverted-to-bg-7: var(--ks-color-link-to-bg-7-base);
  --ks-color-link-to-bg-8: var(--ks-color-link-inverted-to-bg-8-base);
  --ks-color-link-inverted-to-bg-8: var(--ks-color-link-to-bg-8-base);
  --ks-color-link-to-bg-9: var(--ks-color-link-inverted-to-bg-9-base);
  --ks-color-link-inverted-to-bg-9: var(--ks-color-link-to-bg-9-base);
  --ks-color-link-to-fg-1: var(--ks-color-link-inverted-to-fg-1-base);
  --ks-color-link-inverted-to-fg-1: var(--ks-color-link-to-fg-1-base);
  --ks-color-link-to-fg-2: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-color-link-inverted-to-fg-2: var(--ks-color-link-to-fg-2-base);
  --ks-color-link-to-fg-3: var(--ks-color-link-inverted-to-fg-3-base);
  --ks-color-link-inverted-to-fg-3: var(--ks-color-link-to-fg-3-base);
  --ks-color-link-to-fg-4: var(--ks-color-link-inverted-to-fg-4-base);
  --ks-color-link-inverted-to-fg-4: var(--ks-color-link-to-fg-4-base);
  --ks-color-link-to-fg-5: var(--ks-color-link-inverted-to-fg-5-base);
  --ks-color-link-inverted-to-fg-5: var(--ks-color-link-to-fg-5-base);
  --ks-color-link-to-fg-6: var(--ks-color-link-inverted-to-fg-6-base);
  --ks-color-link-inverted-to-fg-6: var(--ks-color-link-to-fg-6-base);
  --ks-color-link-to-fg-7: var(--ks-color-link-inverted-to-fg-7-base);
  --ks-color-link-inverted-to-fg-7: var(--ks-color-link-to-fg-7-base);
  --ks-color-link-to-fg-8: var(--ks-color-link-inverted-to-fg-8-base);
  --ks-color-link-inverted-to-fg-8: var(--ks-color-link-to-fg-8-base);
  --ks-color-link-to-fg-9: var(--ks-color-link-inverted-to-fg-9-base);
  --ks-color-link-inverted-to-fg-9: var(--ks-color-link-to-fg-9-base);
  --ks-color-positive: var(--ks-color-positive-inverted-base);
  --ks-color-positive-inverted: var(--ks-color-positive-base);
  --ks-color-positive-alpha-1: var(--ks-color-positive-inverted-alpha-1-base);
  --ks-color-positive-inverted-alpha-1: var(--ks-color-positive-alpha-1-base);
  --ks-color-positive-alpha-2: var(--ks-color-positive-inverted-alpha-2-base);
  --ks-color-positive-inverted-alpha-2: var(--ks-color-positive-alpha-2-base);
  --ks-color-positive-alpha-3: var(--ks-color-positive-inverted-alpha-3-base);
  --ks-color-positive-inverted-alpha-3: var(--ks-color-positive-alpha-3-base);
  --ks-color-positive-alpha-4: var(--ks-color-positive-inverted-alpha-4-base);
  --ks-color-positive-inverted-alpha-4: var(--ks-color-positive-alpha-4-base);
  --ks-color-positive-alpha-5: var(--ks-color-positive-inverted-alpha-5-base);
  --ks-color-positive-inverted-alpha-5: var(--ks-color-positive-alpha-5-base);
  --ks-color-positive-alpha-6: var(--ks-color-positive-inverted-alpha-6-base);
  --ks-color-positive-inverted-alpha-6: var(--ks-color-positive-alpha-6-base);
  --ks-color-positive-alpha-7: var(--ks-color-positive-inverted-alpha-7-base);
  --ks-color-positive-inverted-alpha-7: var(--ks-color-positive-alpha-7-base);
  --ks-color-positive-alpha-8: var(--ks-color-positive-inverted-alpha-8-base);
  --ks-color-positive-inverted-alpha-8: var(--ks-color-positive-alpha-8-base);
  --ks-color-positive-alpha-9: var(--ks-color-positive-inverted-alpha-9-base);
  --ks-color-positive-inverted-alpha-9: var(--ks-color-positive-alpha-9-base);
  --ks-color-positive-to-bg-1: var(--ks-color-positive-inverted-to-bg-1-base);
  --ks-color-positive-inverted-to-bg-1: var(--ks-color-positive-to-bg-1-base);
  --ks-color-positive-to-bg-2: var(--ks-color-positive-inverted-to-bg-2-base);
  --ks-color-positive-inverted-to-bg-2: var(--ks-color-positive-to-bg-2-base);
  --ks-color-positive-to-bg-3: var(--ks-color-positive-inverted-to-bg-3-base);
  --ks-color-positive-inverted-to-bg-3: var(--ks-color-positive-to-bg-3-base);
  --ks-color-positive-to-bg-4: var(--ks-color-positive-inverted-to-bg-4-base);
  --ks-color-positive-inverted-to-bg-4: var(--ks-color-positive-to-bg-4-base);
  --ks-color-positive-to-bg-5: var(--ks-color-positive-inverted-to-bg-5-base);
  --ks-color-positive-inverted-to-bg-5: var(--ks-color-positive-to-bg-5-base);
  --ks-color-positive-to-bg-6: var(--ks-color-positive-inverted-to-bg-6-base);
  --ks-color-positive-inverted-to-bg-6: var(--ks-color-positive-to-bg-6-base);
  --ks-color-positive-to-bg-7: var(--ks-color-positive-inverted-to-bg-7-base);
  --ks-color-positive-inverted-to-bg-7: var(--ks-color-positive-to-bg-7-base);
  --ks-color-positive-to-bg-8: var(--ks-color-positive-inverted-to-bg-8-base);
  --ks-color-positive-inverted-to-bg-8: var(--ks-color-positive-to-bg-8-base);
  --ks-color-positive-to-bg-9: var(--ks-color-positive-inverted-to-bg-9-base);
  --ks-color-positive-inverted-to-bg-9: var(--ks-color-positive-to-bg-9-base);
  --ks-color-positive-to-fg-1: var(--ks-color-positive-inverted-to-fg-1-base);
  --ks-color-positive-inverted-to-fg-1: var(--ks-color-positive-to-fg-1-base);
  --ks-color-positive-to-fg-2: var(--ks-color-positive-inverted-to-fg-2-base);
  --ks-color-positive-inverted-to-fg-2: var(--ks-color-positive-to-fg-2-base);
  --ks-color-positive-to-fg-3: var(--ks-color-positive-inverted-to-fg-3-base);
  --ks-color-positive-inverted-to-fg-3: var(--ks-color-positive-to-fg-3-base);
  --ks-color-positive-to-fg-4: var(--ks-color-positive-inverted-to-fg-4-base);
  --ks-color-positive-inverted-to-fg-4: var(--ks-color-positive-to-fg-4-base);
  --ks-color-positive-to-fg-5: var(--ks-color-positive-inverted-to-fg-5-base);
  --ks-color-positive-inverted-to-fg-5: var(--ks-color-positive-to-fg-5-base);
  --ks-color-positive-to-fg-6: var(--ks-color-positive-inverted-to-fg-6-base);
  --ks-color-positive-inverted-to-fg-6: var(--ks-color-positive-to-fg-6-base);
  --ks-color-positive-to-fg-7: var(--ks-color-positive-inverted-to-fg-7-base);
  --ks-color-positive-inverted-to-fg-7: var(--ks-color-positive-to-fg-7-base);
  --ks-color-positive-to-fg-8: var(--ks-color-positive-inverted-to-fg-8-base);
  --ks-color-positive-inverted-to-fg-8: var(--ks-color-positive-to-fg-8-base);
  --ks-color-positive-to-fg-9: var(--ks-color-positive-inverted-to-fg-9-base);
  --ks-color-positive-inverted-to-fg-9: var(--ks-color-positive-to-fg-9-base);
  --ks-color-informative: var(--ks-color-informative-inverted-base);
  --ks-color-informative-inverted: var(--ks-color-informative-base);
  --ks-color-informative-alpha-1: var(--ks-color-informative-inverted-alpha-1-base);
  --ks-color-informative-inverted-alpha-1: var(--ks-color-informative-alpha-1-base);
  --ks-color-informative-alpha-2: var(--ks-color-informative-inverted-alpha-2-base);
  --ks-color-informative-inverted-alpha-2: var(--ks-color-informative-alpha-2-base);
  --ks-color-informative-alpha-3: var(--ks-color-informative-inverted-alpha-3-base);
  --ks-color-informative-inverted-alpha-3: var(--ks-color-informative-alpha-3-base);
  --ks-color-informative-alpha-4: var(--ks-color-informative-inverted-alpha-4-base);
  --ks-color-informative-inverted-alpha-4: var(--ks-color-informative-alpha-4-base);
  --ks-color-informative-alpha-5: var(--ks-color-informative-inverted-alpha-5-base);
  --ks-color-informative-inverted-alpha-5: var(--ks-color-informative-alpha-5-base);
  --ks-color-informative-alpha-6: var(--ks-color-informative-inverted-alpha-6-base);
  --ks-color-informative-inverted-alpha-6: var(--ks-color-informative-alpha-6-base);
  --ks-color-informative-alpha-7: var(--ks-color-informative-inverted-alpha-7-base);
  --ks-color-informative-inverted-alpha-7: var(--ks-color-informative-alpha-7-base);
  --ks-color-informative-alpha-8: var(--ks-color-informative-inverted-alpha-8-base);
  --ks-color-informative-inverted-alpha-8: var(--ks-color-informative-alpha-8-base);
  --ks-color-informative-alpha-9: var(--ks-color-informative-inverted-alpha-9-base);
  --ks-color-informative-inverted-alpha-9: var(--ks-color-informative-alpha-9-base);
  --ks-color-informative-to-bg-1: var(--ks-color-informative-inverted-to-bg-1-base);
  --ks-color-informative-inverted-to-bg-1: var(--ks-color-informative-to-bg-1-base);
  --ks-color-informative-to-bg-2: var(--ks-color-informative-inverted-to-bg-2-base);
  --ks-color-informative-inverted-to-bg-2: var(--ks-color-informative-to-bg-2-base);
  --ks-color-informative-to-bg-3: var(--ks-color-informative-inverted-to-bg-3-base);
  --ks-color-informative-inverted-to-bg-3: var(--ks-color-informative-to-bg-3-base);
  --ks-color-informative-to-bg-4: var(--ks-color-informative-inverted-to-bg-4-base);
  --ks-color-informative-inverted-to-bg-4: var(--ks-color-informative-to-bg-4-base);
  --ks-color-informative-to-bg-5: var(--ks-color-informative-inverted-to-bg-5-base);
  --ks-color-informative-inverted-to-bg-5: var(--ks-color-informative-to-bg-5-base);
  --ks-color-informative-to-bg-6: var(--ks-color-informative-inverted-to-bg-6-base);
  --ks-color-informative-inverted-to-bg-6: var(--ks-color-informative-to-bg-6-base);
  --ks-color-informative-to-bg-7: var(--ks-color-informative-inverted-to-bg-7-base);
  --ks-color-informative-inverted-to-bg-7: var(--ks-color-informative-to-bg-7-base);
  --ks-color-informative-to-bg-8: var(--ks-color-informative-inverted-to-bg-8-base);
  --ks-color-informative-inverted-to-bg-8: var(--ks-color-informative-to-bg-8-base);
  --ks-color-informative-to-bg-9: var(--ks-color-informative-inverted-to-bg-9-base);
  --ks-color-informative-inverted-to-bg-9: var(--ks-color-informative-to-bg-9-base);
  --ks-color-informative-to-fg-1: var(--ks-color-informative-inverted-to-fg-1-base);
  --ks-color-informative-inverted-to-fg-1: var(--ks-color-informative-to-fg-1-base);
  --ks-color-informative-to-fg-2: var(--ks-color-informative-inverted-to-fg-2-base);
  --ks-color-informative-inverted-to-fg-2: var(--ks-color-informative-to-fg-2-base);
  --ks-color-informative-to-fg-3: var(--ks-color-informative-inverted-to-fg-3-base);
  --ks-color-informative-inverted-to-fg-3: var(--ks-color-informative-to-fg-3-base);
  --ks-color-informative-to-fg-4: var(--ks-color-informative-inverted-to-fg-4-base);
  --ks-color-informative-inverted-to-fg-4: var(--ks-color-informative-to-fg-4-base);
  --ks-color-informative-to-fg-5: var(--ks-color-informative-inverted-to-fg-5-base);
  --ks-color-informative-inverted-to-fg-5: var(--ks-color-informative-to-fg-5-base);
  --ks-color-informative-to-fg-6: var(--ks-color-informative-inverted-to-fg-6-base);
  --ks-color-informative-inverted-to-fg-6: var(--ks-color-informative-to-fg-6-base);
  --ks-color-informative-to-fg-7: var(--ks-color-informative-inverted-to-fg-7-base);
  --ks-color-informative-inverted-to-fg-7: var(--ks-color-informative-to-fg-7-base);
  --ks-color-informative-to-fg-8: var(--ks-color-informative-inverted-to-fg-8-base);
  --ks-color-informative-inverted-to-fg-8: var(--ks-color-informative-to-fg-8-base);
  --ks-color-informative-to-fg-9: var(--ks-color-informative-inverted-to-fg-9-base);
  --ks-color-informative-inverted-to-fg-9: var(--ks-color-informative-to-fg-9-base);
  --ks-color-notice: var(--ks-color-notice-inverted-base);
  --ks-color-notice-inverted: var(--ks-color-notice-base);
  --ks-color-notice-alpha-1: var(--ks-color-notice-inverted-alpha-1-base);
  --ks-color-notice-inverted-alpha-1: var(--ks-color-notice-alpha-1-base);
  --ks-color-notice-alpha-2: var(--ks-color-notice-inverted-alpha-2-base);
  --ks-color-notice-inverted-alpha-2: var(--ks-color-notice-alpha-2-base);
  --ks-color-notice-alpha-3: var(--ks-color-notice-inverted-alpha-3-base);
  --ks-color-notice-inverted-alpha-3: var(--ks-color-notice-alpha-3-base);
  --ks-color-notice-alpha-4: var(--ks-color-notice-inverted-alpha-4-base);
  --ks-color-notice-inverted-alpha-4: var(--ks-color-notice-alpha-4-base);
  --ks-color-notice-alpha-5: var(--ks-color-notice-inverted-alpha-5-base);
  --ks-color-notice-inverted-alpha-5: var(--ks-color-notice-alpha-5-base);
  --ks-color-notice-alpha-6: var(--ks-color-notice-inverted-alpha-6-base);
  --ks-color-notice-inverted-alpha-6: var(--ks-color-notice-alpha-6-base);
  --ks-color-notice-alpha-7: var(--ks-color-notice-inverted-alpha-7-base);
  --ks-color-notice-inverted-alpha-7: var(--ks-color-notice-alpha-7-base);
  --ks-color-notice-alpha-8: var(--ks-color-notice-inverted-alpha-8-base);
  --ks-color-notice-inverted-alpha-8: var(--ks-color-notice-alpha-8-base);
  --ks-color-notice-alpha-9: var(--ks-color-notice-inverted-alpha-9-base);
  --ks-color-notice-inverted-alpha-9: var(--ks-color-notice-alpha-9-base);
  --ks-color-notice-to-bg-1: var(--ks-color-notice-inverted-to-bg-1-base);
  --ks-color-notice-inverted-to-bg-1: var(--ks-color-notice-to-bg-1-base);
  --ks-color-notice-to-bg-2: var(--ks-color-notice-inverted-to-bg-2-base);
  --ks-color-notice-inverted-to-bg-2: var(--ks-color-notice-to-bg-2-base);
  --ks-color-notice-to-bg-3: var(--ks-color-notice-inverted-to-bg-3-base);
  --ks-color-notice-inverted-to-bg-3: var(--ks-color-notice-to-bg-3-base);
  --ks-color-notice-to-bg-4: var(--ks-color-notice-inverted-to-bg-4-base);
  --ks-color-notice-inverted-to-bg-4: var(--ks-color-notice-to-bg-4-base);
  --ks-color-notice-to-bg-5: var(--ks-color-notice-inverted-to-bg-5-base);
  --ks-color-notice-inverted-to-bg-5: var(--ks-color-notice-to-bg-5-base);
  --ks-color-notice-to-bg-6: var(--ks-color-notice-inverted-to-bg-6-base);
  --ks-color-notice-inverted-to-bg-6: var(--ks-color-notice-to-bg-6-base);
  --ks-color-notice-to-bg-7: var(--ks-color-notice-inverted-to-bg-7-base);
  --ks-color-notice-inverted-to-bg-7: var(--ks-color-notice-to-bg-7-base);
  --ks-color-notice-to-bg-8: var(--ks-color-notice-inverted-to-bg-8-base);
  --ks-color-notice-inverted-to-bg-8: var(--ks-color-notice-to-bg-8-base);
  --ks-color-notice-to-bg-9: var(--ks-color-notice-inverted-to-bg-9-base);
  --ks-color-notice-inverted-to-bg-9: var(--ks-color-notice-to-bg-9-base);
  --ks-color-notice-to-fg-1: var(--ks-color-notice-inverted-to-fg-1-base);
  --ks-color-notice-inverted-to-fg-1: var(--ks-color-notice-to-fg-1-base);
  --ks-color-notice-to-fg-2: var(--ks-color-notice-inverted-to-fg-2-base);
  --ks-color-notice-inverted-to-fg-2: var(--ks-color-notice-to-fg-2-base);
  --ks-color-notice-to-fg-3: var(--ks-color-notice-inverted-to-fg-3-base);
  --ks-color-notice-inverted-to-fg-3: var(--ks-color-notice-to-fg-3-base);
  --ks-color-notice-to-fg-4: var(--ks-color-notice-inverted-to-fg-4-base);
  --ks-color-notice-inverted-to-fg-4: var(--ks-color-notice-to-fg-4-base);
  --ks-color-notice-to-fg-5: var(--ks-color-notice-inverted-to-fg-5-base);
  --ks-color-notice-inverted-to-fg-5: var(--ks-color-notice-to-fg-5-base);
  --ks-color-notice-to-fg-6: var(--ks-color-notice-inverted-to-fg-6-base);
  --ks-color-notice-inverted-to-fg-6: var(--ks-color-notice-to-fg-6-base);
  --ks-color-notice-to-fg-7: var(--ks-color-notice-inverted-to-fg-7-base);
  --ks-color-notice-inverted-to-fg-7: var(--ks-color-notice-to-fg-7-base);
  --ks-color-notice-to-fg-8: var(--ks-color-notice-inverted-to-fg-8-base);
  --ks-color-notice-inverted-to-fg-8: var(--ks-color-notice-to-fg-8-base);
  --ks-color-notice-to-fg-9: var(--ks-color-notice-inverted-to-fg-9-base);
  --ks-color-notice-inverted-to-fg-9: var(--ks-color-notice-to-fg-9-base);
  --ks-color-negative: var(--ks-color-negative-inverted-base);
  --ks-color-negative-inverted: var(--ks-color-negative-base);
  --ks-color-negative-alpha-1: var(--ks-color-negative-inverted-alpha-1-base);
  --ks-color-negative-inverted-alpha-1: var(--ks-color-negative-alpha-1-base);
  --ks-color-negative-alpha-2: var(--ks-color-negative-inverted-alpha-2-base);
  --ks-color-negative-inverted-alpha-2: var(--ks-color-negative-alpha-2-base);
  --ks-color-negative-alpha-3: var(--ks-color-negative-inverted-alpha-3-base);
  --ks-color-negative-inverted-alpha-3: var(--ks-color-negative-alpha-3-base);
  --ks-color-negative-alpha-4: var(--ks-color-negative-inverted-alpha-4-base);
  --ks-color-negative-inverted-alpha-4: var(--ks-color-negative-alpha-4-base);
  --ks-color-negative-alpha-5: var(--ks-color-negative-inverted-alpha-5-base);
  --ks-color-negative-inverted-alpha-5: var(--ks-color-negative-alpha-5-base);
  --ks-color-negative-alpha-6: var(--ks-color-negative-inverted-alpha-6-base);
  --ks-color-negative-inverted-alpha-6: var(--ks-color-negative-alpha-6-base);
  --ks-color-negative-alpha-7: var(--ks-color-negative-inverted-alpha-7-base);
  --ks-color-negative-inverted-alpha-7: var(--ks-color-negative-alpha-7-base);
  --ks-color-negative-alpha-8: var(--ks-color-negative-inverted-alpha-8-base);
  --ks-color-negative-inverted-alpha-8: var(--ks-color-negative-alpha-8-base);
  --ks-color-negative-alpha-9: var(--ks-color-negative-inverted-alpha-9-base);
  --ks-color-negative-inverted-alpha-9: var(--ks-color-negative-alpha-9-base);
  --ks-color-negative-to-bg-1: var(--ks-color-negative-inverted-to-bg-1-base);
  --ks-color-negative-inverted-to-bg-1: var(--ks-color-negative-to-bg-1-base);
  --ks-color-negative-to-bg-2: var(--ks-color-negative-inverted-to-bg-2-base);
  --ks-color-negative-inverted-to-bg-2: var(--ks-color-negative-to-bg-2-base);
  --ks-color-negative-to-bg-3: var(--ks-color-negative-inverted-to-bg-3-base);
  --ks-color-negative-inverted-to-bg-3: var(--ks-color-negative-to-bg-3-base);
  --ks-color-negative-to-bg-4: var(--ks-color-negative-inverted-to-bg-4-base);
  --ks-color-negative-inverted-to-bg-4: var(--ks-color-negative-to-bg-4-base);
  --ks-color-negative-to-bg-5: var(--ks-color-negative-inverted-to-bg-5-base);
  --ks-color-negative-inverted-to-bg-5: var(--ks-color-negative-to-bg-5-base);
  --ks-color-negative-to-bg-6: var(--ks-color-negative-inverted-to-bg-6-base);
  --ks-color-negative-inverted-to-bg-6: var(--ks-color-negative-to-bg-6-base);
  --ks-color-negative-to-bg-7: var(--ks-color-negative-inverted-to-bg-7-base);
  --ks-color-negative-inverted-to-bg-7: var(--ks-color-negative-to-bg-7-base);
  --ks-color-negative-to-bg-8: var(--ks-color-negative-inverted-to-bg-8-base);
  --ks-color-negative-inverted-to-bg-8: var(--ks-color-negative-to-bg-8-base);
  --ks-color-negative-to-bg-9: var(--ks-color-negative-inverted-to-bg-9-base);
  --ks-color-negative-inverted-to-bg-9: var(--ks-color-negative-to-bg-9-base);
  --ks-color-negative-to-fg-1: var(--ks-color-negative-inverted-to-fg-1-base);
  --ks-color-negative-inverted-to-fg-1: var(--ks-color-negative-to-fg-1-base);
  --ks-color-negative-to-fg-2: var(--ks-color-negative-inverted-to-fg-2-base);
  --ks-color-negative-inverted-to-fg-2: var(--ks-color-negative-to-fg-2-base);
  --ks-color-negative-to-fg-3: var(--ks-color-negative-inverted-to-fg-3-base);
  --ks-color-negative-inverted-to-fg-3: var(--ks-color-negative-to-fg-3-base);
  --ks-color-negative-to-fg-4: var(--ks-color-negative-inverted-to-fg-4-base);
  --ks-color-negative-inverted-to-fg-4: var(--ks-color-negative-to-fg-4-base);
  --ks-color-negative-to-fg-5: var(--ks-color-negative-inverted-to-fg-5-base);
  --ks-color-negative-inverted-to-fg-5: var(--ks-color-negative-to-fg-5-base);
  --ks-color-negative-to-fg-6: var(--ks-color-negative-inverted-to-fg-6-base);
  --ks-color-negative-inverted-to-fg-6: var(--ks-color-negative-to-fg-6-base);
  --ks-color-negative-to-fg-7: var(--ks-color-negative-inverted-to-fg-7-base);
  --ks-color-negative-inverted-to-fg-7: var(--ks-color-negative-to-fg-7-base);
  --ks-color-negative-to-fg-8: var(--ks-color-negative-inverted-to-fg-8-base);
  --ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-to-fg-8-base);
  --ks-color-negative-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
  --ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-to-fg-9-base);
  --ks-color-secondary: var(--ks-color-secondary-inverted-base);
  --ks-color-secondary-inverted: var(--ks-color-secondary-base);
  --ks-color-secondary-alpha-1: var(--ks-color-secondary-inverted-alpha-1-base);
  --ks-color-secondary-inverted-alpha-1: var(--ks-color-secondary-alpha-1-base);
  --ks-color-secondary-alpha-2: var(--ks-color-secondary-inverted-alpha-2-base);
  --ks-color-secondary-inverted-alpha-2: var(--ks-color-secondary-alpha-2-base);
  --ks-color-secondary-alpha-3: var(--ks-color-secondary-inverted-alpha-3-base);
  --ks-color-secondary-inverted-alpha-3: var(--ks-color-secondary-alpha-3-base);
  --ks-color-secondary-alpha-4: var(--ks-color-secondary-inverted-alpha-4-base);
  --ks-color-secondary-inverted-alpha-4: var(--ks-color-secondary-alpha-4-base);
  --ks-color-secondary-alpha-5: var(--ks-color-secondary-inverted-alpha-5-base);
  --ks-color-secondary-inverted-alpha-5: var(--ks-color-secondary-alpha-5-base);
  --ks-color-secondary-alpha-6: var(--ks-color-secondary-inverted-alpha-6-base);
  --ks-color-secondary-inverted-alpha-6: var(--ks-color-secondary-alpha-6-base);
  --ks-color-secondary-alpha-7: var(--ks-color-secondary-inverted-alpha-7-base);
  --ks-color-secondary-inverted-alpha-7: var(--ks-color-secondary-alpha-7-base);
  --ks-color-secondary-alpha-8: var(--ks-color-secondary-inverted-alpha-8-base);
  --ks-color-secondary-inverted-alpha-8: var(--ks-color-secondary-alpha-8-base);
  --ks-color-secondary-alpha-9: var(--ks-color-secondary-inverted-alpha-9-base);
  --ks-color-secondary-inverted-alpha-9: var(--ks-color-secondary-alpha-9-base);
  --ks-color-secondary-to-bg-1: var(--ks-color-secondary-inverted-to-bg-1-base);
  --ks-color-secondary-inverted-to-bg-1: var(--ks-color-secondary-to-bg-1-base);
  --ks-color-secondary-to-bg-2: var(--ks-color-secondary-inverted-to-bg-2-base);
  --ks-color-secondary-inverted-to-bg-2: var(--ks-color-secondary-to-bg-2-base);
  --ks-color-secondary-to-bg-3: var(--ks-color-secondary-inverted-to-bg-3-base);
  --ks-color-secondary-inverted-to-bg-3: var(--ks-color-secondary-to-bg-3-base);
  --ks-color-secondary-to-bg-4: var(--ks-color-secondary-inverted-to-bg-4-base);
  --ks-color-secondary-inverted-to-bg-4: var(--ks-color-secondary-to-bg-4-base);
  --ks-color-secondary-to-bg-5: var(--ks-color-secondary-inverted-to-bg-5-base);
  --ks-color-secondary-inverted-to-bg-5: var(--ks-color-secondary-to-bg-5-base);
  --ks-color-secondary-to-bg-6: var(--ks-color-secondary-inverted-to-bg-6-base);
  --ks-color-secondary-inverted-to-bg-6: var(--ks-color-secondary-to-bg-6-base);
  --ks-color-secondary-to-bg-7: var(--ks-color-secondary-inverted-to-bg-7-base);
  --ks-color-secondary-inverted-to-bg-7: var(--ks-color-secondary-to-bg-7-base);
  --ks-color-secondary-to-bg-8: var(--ks-color-secondary-inverted-to-bg-8-base);
  --ks-color-secondary-inverted-to-bg-8: var(--ks-color-secondary-to-bg-8-base);
  --ks-color-secondary-to-bg-9: var(--ks-color-secondary-inverted-to-bg-9-base);
  --ks-color-secondary-inverted-to-bg-9: var(--ks-color-secondary-to-bg-9-base);
  --ks-color-secondary-to-fg-1: var(--ks-color-secondary-inverted-to-fg-1-base);
  --ks-color-secondary-inverted-to-fg-1: var(--ks-color-secondary-to-fg-1-base);
  --ks-color-secondary-to-fg-2: var(--ks-color-secondary-inverted-to-fg-2-base);
  --ks-color-secondary-inverted-to-fg-2: var(--ks-color-secondary-to-fg-2-base);
  --ks-color-secondary-to-fg-3: var(--ks-color-secondary-inverted-to-fg-3-base);
  --ks-color-secondary-inverted-to-fg-3: var(--ks-color-secondary-to-fg-3-base);
  --ks-color-secondary-to-fg-4: var(--ks-color-secondary-inverted-to-fg-4-base);
  --ks-color-secondary-inverted-to-fg-4: var(--ks-color-secondary-to-fg-4-base);
  --ks-color-secondary-to-fg-5: var(--ks-color-secondary-inverted-to-fg-5-base);
  --ks-color-secondary-inverted-to-fg-5: var(--ks-color-secondary-to-fg-5-base);
  --ks-color-secondary-to-fg-6: var(--ks-color-secondary-inverted-to-fg-6-base);
  --ks-color-secondary-inverted-to-fg-6: var(--ks-color-secondary-to-fg-6-base);
  --ks-color-secondary-to-fg-7: var(--ks-color-secondary-inverted-to-fg-7-base);
  --ks-color-secondary-inverted-to-fg-7: var(--ks-color-secondary-to-fg-7-base);
  --ks-color-secondary-to-fg-8: var(--ks-color-secondary-inverted-to-fg-8-base);
  --ks-color-secondary-inverted-to-fg-8: var(--ks-color-secondary-to-fg-8-base);
  --ks-color-secondary-to-fg-9: var(--ks-color-secondary-inverted-to-fg-9-base);
  --ks-color-secondary-inverted-to-fg-9: var(--ks-color-secondary-to-fg-9-base);
  --ks-color-foregroung: var(--ks-color-foregroung-inverted-base);
  --ks-color-foregroung-inverted: var(--ks-color-foregroung-base);
  --ks-color-foregroung-alpha-1: var(--ks-color-foregroung-inverted-alpha-1-base);
  --ks-color-foregroung-inverted-alpha-1: var(--ks-color-foregroung-alpha-1-base);
  --ks-color-foregroung-alpha-2: var(--ks-color-foregroung-inverted-alpha-2-base);
  --ks-color-foregroung-inverted-alpha-2: var(--ks-color-foregroung-alpha-2-base);
  --ks-color-foregroung-alpha-3: var(--ks-color-foregroung-inverted-alpha-3-base);
  --ks-color-foregroung-inverted-alpha-3: var(--ks-color-foregroung-alpha-3-base);
  --ks-color-foregroung-alpha-4: var(--ks-color-foregroung-inverted-alpha-4-base);
  --ks-color-foregroung-inverted-alpha-4: var(--ks-color-foregroung-alpha-4-base);
  --ks-color-foregroung-alpha-5: var(--ks-color-foregroung-inverted-alpha-5-base);
  --ks-color-foregroung-inverted-alpha-5: var(--ks-color-foregroung-alpha-5-base);
  --ks-color-foregroung-alpha-6: var(--ks-color-foregroung-inverted-alpha-6-base);
  --ks-color-foregroung-inverted-alpha-6: var(--ks-color-foregroung-alpha-6-base);
  --ks-color-foregroung-alpha-7: var(--ks-color-foregroung-inverted-alpha-7-base);
  --ks-color-foregroung-inverted-alpha-7: var(--ks-color-foregroung-alpha-7-base);
  --ks-color-foregroung-alpha-8: var(--ks-color-foregroung-inverted-alpha-8-base);
  --ks-color-foregroung-inverted-alpha-8: var(--ks-color-foregroung-alpha-8-base);
  --ks-color-foregroung-alpha-9: var(--ks-color-foregroung-inverted-alpha-9-base);
  --ks-color-foregroung-inverted-alpha-9: var(--ks-color-foregroung-alpha-9-base);
  --ks-color-foregroung-to-bg-1: var(--ks-color-foregroung-inverted-to-bg-1-base);
  --ks-color-foregroung-inverted-to-bg-1: var(--ks-color-foregroung-to-bg-1-base);
  --ks-color-foregroung-to-bg-2: var(--ks-color-foregroung-inverted-to-bg-2-base);
  --ks-color-foregroung-inverted-to-bg-2: var(--ks-color-foregroung-to-bg-2-base);
  --ks-color-foregroung-to-bg-3: var(--ks-color-foregroung-inverted-to-bg-3-base);
  --ks-color-foregroung-inverted-to-bg-3: var(--ks-color-foregroung-to-bg-3-base);
  --ks-color-foregroung-to-bg-4: var(--ks-color-foregroung-inverted-to-bg-4-base);
  --ks-color-foregroung-inverted-to-bg-4: var(--ks-color-foregroung-to-bg-4-base);
  --ks-color-foregroung-to-bg-5: var(--ks-color-foregroung-inverted-to-bg-5-base);
  --ks-color-foregroung-inverted-to-bg-5: var(--ks-color-foregroung-to-bg-5-base);
  --ks-color-foregroung-to-bg-6: var(--ks-color-foregroung-inverted-to-bg-6-base);
  --ks-color-foregroung-inverted-to-bg-6: var(--ks-color-foregroung-to-bg-6-base);
  --ks-color-foregroung-to-bg-7: var(--ks-color-foregroung-inverted-to-bg-7-base);
  --ks-color-foregroung-inverted-to-bg-7: var(--ks-color-foregroung-to-bg-7-base);
  --ks-color-foregroung-to-bg-8: var(--ks-color-foregroung-inverted-to-bg-8-base);
  --ks-color-foregroung-inverted-to-bg-8: var(--ks-color-foregroung-to-bg-8-base);
  --ks-color-foregroung-to-bg-9: var(--ks-color-foregroung-inverted-to-bg-9-base);
  --ks-color-foregroung-inverted-to-bg-9: var(--ks-color-foregroung-to-bg-9-base);
  --ks-color-foregroung-to-fg-1: var(--ks-color-foregroung-inverted-to-fg-1-base);
  --ks-color-foregroung-inverted-to-fg-1: var(--ks-color-foregroung-to-fg-1-base);
  --ks-color-foregroung-to-fg-2: var(--ks-color-foregroung-inverted-to-fg-2-base);
  --ks-color-foregroung-inverted-to-fg-2: var(--ks-color-foregroung-to-fg-2-base);
  --ks-color-foregroung-to-fg-3: var(--ks-color-foregroung-inverted-to-fg-3-base);
  --ks-color-foregroung-inverted-to-fg-3: var(--ks-color-foregroung-to-fg-3-base);
  --ks-color-foregroung-to-fg-4: var(--ks-color-foregroung-inverted-to-fg-4-base);
  --ks-color-foregroung-inverted-to-fg-4: var(--ks-color-foregroung-to-fg-4-base);
  --ks-color-foregroung-to-fg-5: var(--ks-color-foregroung-inverted-to-fg-5-base);
  --ks-color-foregroung-inverted-to-fg-5: var(--ks-color-foregroung-to-fg-5-base);
  --ks-color-foregroung-to-fg-6: var(--ks-color-foregroung-inverted-to-fg-6-base);
  --ks-color-foregroung-inverted-to-fg-6: var(--ks-color-foregroung-to-fg-6-base);
  --ks-color-foregroung-to-fg-7: var(--ks-color-foregroung-inverted-to-fg-7-base);
  --ks-color-foregroung-inverted-to-fg-7: var(--ks-color-foregroung-to-fg-7-base);
  --ks-color-foregroung-to-fg-8: var(--ks-color-foregroung-inverted-to-fg-8-base);
  --ks-color-foregroung-inverted-to-fg-8: var(--ks-color-foregroung-to-fg-8-base);
  --ks-color-foregroung-to-fg-9: var(--ks-color-foregroung-inverted-to-fg-9-base);
  --ks-color-foregroung-inverted-to-fg-9: var(--ks-color-foregroung-to-fg-9-base);
  --ks-text-color-default: var(--ks-text-color-default-inverted-base);
  --ks-text-color-default-inverted: var(--ks-text-color-default-base);
  --ks-text-color-default-interactive: var(--ks-text-color-default-inverted-interactive-base);
  --ks-text-color-default-inverted-interactive: var(--ks-text-color-default-interactive-base);
  --ks-text-color-default-interactive-hover: var(--ks-text-color-default-inverted-interactive-hover-base);
  --ks-text-color-default-inverted-interactive-hover: var(--ks-text-color-default-interactive-hover-base);
  --ks-text-color-default-interactive-active: var(--ks-text-color-default-inverted-interactive-active-base);
  --ks-text-color-default-inverted-interactive-active: var(--ks-text-color-default-interactive-active-base);
  --ks-text-color-default-interactive-selected: var(--ks-text-color-default-inverted-interactive-selected-base);
  --ks-text-color-default-inverted-interactive-selected: var(--ks-text-color-default-interactive-selected-base);
  --ks-text-color-copy: var(--ks-text-color-copy-inverted-base);
  --ks-text-color-copy-inverted: var(--ks-text-color-copy-base);
  --ks-text-color-copy-interactive: var(--ks-text-color-copy-inverted-interactive-base);
  --ks-text-color-copy-inverted-interactive: var(--ks-text-color-copy-interactive-base);
  --ks-text-color-copy-interactive-hover: var(--ks-text-color-copy-inverted-interactive-hover-base);
  --ks-text-color-copy-inverted-interactive-hover: var(--ks-text-color-copy-interactive-hover-base);
  --ks-text-color-copy-interactive-active: var(--ks-text-color-copy-inverted-interactive-active-base);
  --ks-text-color-copy-inverted-interactive-active: var(--ks-text-color-copy-interactive-active-base);
  --ks-text-color-copy-interactive-selected: var(--ks-text-color-copy-inverted-interactive-selected-base);
  --ks-text-color-copy-inverted-interactive-selected: var(--ks-text-color-copy-interactive-selected-base);
  --ks-text-color-display: var(--ks-text-color-display-inverted-base);
  --ks-text-color-display-inverted: var(--ks-text-color-display-base);
  --ks-text-color-display-interactive: var(--ks-text-color-display-inverted-interactive-base);
  --ks-text-color-display-inverted-interactive: var(--ks-text-color-display-interactive-base);
  --ks-text-color-display-interactive-hover: var(--ks-text-color-display-inverted-interactive-hover-base);
  --ks-text-color-display-inverted-interactive-hover: var(--ks-text-color-display-interactive-hover-base);
  --ks-text-color-display-interactive-active: var(--ks-text-color-display-inverted-interactive-active-base);
  --ks-text-color-display-inverted-interactive-active: var(--ks-text-color-display-interactive-active-base);
  --ks-text-color-display-interactive-selected: var(--ks-text-color-display-inverted-interactive-selected-base);
  --ks-text-color-display-inverted-interactive-selected: var(--ks-text-color-display-interactive-selected-base);
  --ks-text-color-interface: var(--ks-text-color-interface-inverted-base);
  --ks-text-color-interface-inverted: var(--ks-text-color-interface-base);
  --ks-text-color-interface-interactive: var(--ks-text-color-interface-inverted-interactive-base);
  --ks-text-color-interface-inverted-interactive: var(--ks-text-color-interface-interactive-base);
  --ks-text-color-interface-interactive-hover: var(--ks-text-color-interface-inverted-interactive-hover-base);
  --ks-text-color-interface-inverted-interactive-hover: var(--ks-text-color-interface-interactive-hover-base);
  --ks-text-color-interface-interactive-active: var(--ks-text-color-interface-inverted-interactive-active-base);
  --ks-text-color-interface-inverted-interactive-active: var(--ks-text-color-interface-interactive-active-base);
  --ks-text-color-interface-interactive-selected: var(--ks-text-color-interface-inverted-interactive-selected-base);
  --ks-text-color-interface-inverted-interactive-selected: var(--ks-text-color-interface-interactive-selected-base);
  --ks-text-color-card: var(--ks-text-color-card-inverted-base);
  --ks-text-color-card-inverted: var(--ks-text-color-card-base);
  --ks-text-color-card-interactive: var(--ks-text-color-card-inverted-interactive-base);
  --ks-text-color-card-inverted-interactive: var(--ks-text-color-card-interactive-base);
  --ks-text-color-card-interactive-hover: var(--ks-text-color-card-inverted-interactive-hover-base);
  --ks-text-color-card-inverted-interactive-hover: var(--ks-text-color-card-interactive-hover-base);
  --ks-text-color-card-interactive-active: var(--ks-text-color-card-inverted-interactive-active-base);
  --ks-text-color-card-inverted-interactive-active: var(--ks-text-color-card-interactive-active-base);
  --ks-text-color-card-interactive-selected: var(--ks-text-color-card-inverted-interactive-selected-base);
  --ks-text-color-card-inverted-interactive-selected: var(--ks-text-color-card-interactive-selected-base);
  --ks-text-color-primary: var(--ks-text-color-primary-inverted-base);
  --ks-text-color-primary-inverted: var(--ks-text-color-primary-base);
  --ks-text-color-primary-interactive: var(--ks-text-color-primary-inverted-interactive-base);
  --ks-text-color-primary-inverted-interactive: var(--ks-text-color-primary-interactive-base);
  --ks-text-color-primary-interactive-hover: var(--ks-text-color-primary-inverted-interactive-hover-base);
  --ks-text-color-primary-inverted-interactive-hover: var(--ks-text-color-primary-interactive-hover-base);
  --ks-text-color-primary-interactive-active: var(--ks-text-color-primary-inverted-interactive-active-base);
  --ks-text-color-primary-inverted-interactive-active: var(--ks-text-color-primary-interactive-active-base);
  --ks-text-color-primary-interactive-selected: var(--ks-text-color-primary-inverted-interactive-selected-base);
  --ks-text-color-primary-inverted-interactive-selected: var(--ks-text-color-primary-interactive-selected-base);
  --ks-text-color-positive: var(--ks-text-color-positive-inverted-base);
  --ks-text-color-positive-inverted: var(--ks-text-color-positive-base);
  --ks-text-color-positive-interactive: var(--ks-text-color-positive-inverted-interactive-base);
  --ks-text-color-positive-inverted-interactive: var(--ks-text-color-positive-interactive-base);
  --ks-text-color-positive-interactive-hover: var(--ks-text-color-positive-inverted-interactive-hover-base);
  --ks-text-color-positive-inverted-interactive-hover: var(--ks-text-color-positive-interactive-hover-base);
  --ks-text-color-positive-interactive-active: var(--ks-text-color-positive-inverted-interactive-active-base);
  --ks-text-color-positive-inverted-interactive-active: var(--ks-text-color-positive-interactive-active-base);
  --ks-text-color-positive-interactive-selected: var(--ks-text-color-positive-inverted-interactive-selected-base);
  --ks-text-color-positive-inverted-interactive-selected: var(--ks-text-color-positive-interactive-selected-base);
  --ks-text-color-informative: var(--ks-text-color-informative-inverted-base);
  --ks-text-color-informative-inverted: var(--ks-text-color-informative-base);
  --ks-text-color-informative-interactive: var(--ks-text-color-informative-inverted-interactive-base);
  --ks-text-color-informative-inverted-interactive: var(--ks-text-color-informative-interactive-base);
  --ks-text-color-informative-interactive-hover: var(--ks-text-color-informative-inverted-interactive-hover-base);
  --ks-text-color-informative-inverted-interactive-hover: var(--ks-text-color-informative-interactive-hover-base);
  --ks-text-color-informative-interactive-active: var(--ks-text-color-informative-inverted-interactive-active-base);
  --ks-text-color-informative-inverted-interactive-active: var(--ks-text-color-informative-interactive-active-base);
  --ks-text-color-informative-interactive-selected: var(--ks-text-color-informative-inverted-interactive-selected-base);
  --ks-text-color-informative-inverted-interactive-selected: var(--ks-text-color-informative-interactive-selected-base);
  --ks-text-color-notice: var(--ks-text-color-notice-inverted-base);
  --ks-text-color-notice-inverted: var(--ks-text-color-notice-base);
  --ks-text-color-notice-interactive: var(--ks-text-color-notice-inverted-interactive-base);
  --ks-text-color-notice-inverted-interactive: var(--ks-text-color-notice-interactive-base);
  --ks-text-color-notice-interactive-hover: var(--ks-text-color-notice-inverted-interactive-hover-base);
  --ks-text-color-notice-inverted-interactive-hover: var(--ks-text-color-notice-interactive-hover-base);
  --ks-text-color-notice-interactive-active: var(--ks-text-color-notice-inverted-interactive-active-base);
  --ks-text-color-notice-inverted-interactive-active: var(--ks-text-color-notice-interactive-active-base);
  --ks-text-color-notice-interactive-selected: var(--ks-text-color-notice-inverted-interactive-selected-base);
  --ks-text-color-notice-inverted-interactive-selected: var(--ks-text-color-notice-interactive-selected-base);
  --ks-text-color-negative: var(--ks-text-color-negative-inverted-base);
  --ks-text-color-negative-inverted: var(--ks-text-color-negative-base);
  --ks-text-color-negative-interactive: var(--ks-text-color-negative-inverted-interactive-base);
  --ks-text-color-negative-inverted-interactive: var(--ks-text-color-negative-interactive-base);
  --ks-text-color-negative-interactive-hover: var(--ks-text-color-negative-inverted-interactive-hover-base);
  --ks-text-color-negative-inverted-interactive-hover: var(--ks-text-color-negative-interactive-hover-base);
  --ks-text-color-negative-interactive-active: var(--ks-text-color-negative-inverted-interactive-active-base);
  --ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-interactive-active-base);
  --ks-text-color-negative-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
  --ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-interactive-selected-base);
  --ks-text-color-secondary: var(--ks-text-color-secondary-inverted-base);
  --ks-text-color-secondary-inverted: var(--ks-text-color-secondary-base);
  --ks-text-color-secondary-interactive: var(--ks-text-color-secondary-inverted-interactive-base);
  --ks-text-color-secondary-inverted-interactive: var(--ks-text-color-secondary-interactive-base);
  --ks-text-color-secondary-interactive-hover: var(--ks-text-color-secondary-inverted-interactive-hover-base);
  --ks-text-color-secondary-inverted-interactive-hover: var(--ks-text-color-secondary-interactive-hover-base);
  --ks-text-color-secondary-interactive-active: var(--ks-text-color-secondary-inverted-interactive-active-base);
  --ks-text-color-secondary-inverted-interactive-active: var(--ks-text-color-secondary-interactive-active-base);
  --ks-text-color-secondary-interactive-selected: var(--ks-text-color-secondary-inverted-interactive-selected-base);
  --ks-text-color-secondary-inverted-interactive-selected: var(--ks-text-color-secondary-interactive-selected-base);
  --ks-text-color-foregroung: var(--ks-text-color-foregroung-inverted-base);
  --ks-text-color-foregroung-inverted: var(--ks-text-color-foregroung-base);
  --ks-text-color-foregroung-interactive: var(--ks-text-color-foregroung-inverted-interactive-base);
  --ks-text-color-foregroung-inverted-interactive: var(--ks-text-color-foregroung-interactive-base);
  --ks-text-color-foregroung-interactive-hover: var(--ks-text-color-foregroung-inverted-interactive-hover-base);
  --ks-text-color-foregroung-inverted-interactive-hover: var(--ks-text-color-foregroung-interactive-hover-base);
  --ks-text-color-foregroung-interactive-active: var(--ks-text-color-foregroung-inverted-interactive-active-base);
  --ks-text-color-foregroung-inverted-interactive-active: var(--ks-text-color-foregroung-interactive-active-base);
  --ks-text-color-foregroung-interactive-selected: var(--ks-text-color-foregroung-inverted-interactive-selected-base);
  --ks-text-color-foregroung-inverted-interactive-selected: var(--ks-text-color-foregroung-interactive-selected-base);
}

@media (min-width: 36em) {
  :root [ks-theme=ngo] {
    --ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-phone);
    --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-phone);
    --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-phone);
    --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-phone);
    --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-phone);
    --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-phone);
    --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-phone);
    --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-phone);
  }
}
@media (min-width: 48em) {
  :root [ks-theme=ngo] {
    --ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-tablet);
    --ks-font-size-copy-bp-factor: var(--ks-font-size-copy-bp-factor-tablet);
    --ks-font-size-interface-bp-factor: var(--ks-font-size-interface-bp-factor-tablet);
    --ks-font-size-mono-bp-factor: var(--ks-font-size-mono-bp-factor-tablet);
    --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-tablet);
    --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-tablet);
    --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-tablet);
    --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-tablet);
    --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-tablet);
    --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-tablet);
    --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-tablet);
  }
}
@media (min-width: 62em) {
  :root [ks-theme=ngo] {
    --ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-laptop);
    --ks-font-size-copy-bp-factor: var(--ks-font-size-copy-bp-factor-laptop);
    --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-laptop);
    --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-laptop);
    --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-laptop);
    --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-laptop);
    --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-laptop);
    --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-laptop);
    --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-laptop);
  }
}
@media (min-width: 75em) {
  :root [ks-theme=ngo] {
    --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-desktop);
    --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-desktop);
    --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-desktop);
    --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-desktop);
    --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-desktop);
    --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-desktop);
    --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-desktop);
  }
}
/**
 * Do not edit directly
 * Generated on Fri, 06 Mar 2026 10:45:50 GMT
 */
:root [ks-theme=telekom] {
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
  --ks-background-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
  --ks-background-color-bold-base: var(--ks-color-primary-to-bg-6-base);
  --ks-background-color-bold-inverted-base: var(--ks-color-primary-inverted-to-bg-6-base);
  --ks-background-color-clear-base: var(--ks-color-transparent-base);
  --ks-background-color-clear-interactive-base: var(--ks-color-transparent-base);
  --ks-background-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
  --ks-background-color-clear-interactive-active-base: var(--ks-color-primary-alpha-7-base);
  --ks-background-color-clear-interactive-selected-base: var(--ks-color-primary-alpha-6-base);
  --ks-background-color-clear-inverted-base: var(--ks-color-transparent-base);
  --ks-background-color-clear-inverted-interactive-base: var(--ks-color-transparent-base);
  --ks-background-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
  --ks-background-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
  --ks-background-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
  --ks-background-color-default-base: var(--ks-color-bg-base);
  --ks-background-color-default-inverted-base: var(--ks-color-bg-inverted-base);
  --ks-background-color-interface-base: var(--ks-color-fg-alpha-9-base);
  --ks-background-color-interface-interactive-base: var(--ks-color-fg-alpha-8-base);
  --ks-background-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-9-base);
  --ks-background-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-6-base);
  --ks-background-color-interface-interactive-active-base: var(--ks-color-fg-alpha-6-base);
  --ks-background-color-interface-interactive-selected-base: var(--ks-color-primary-base);
  --ks-background-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-background-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-8-base);
  --ks-background-color-interface-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-background-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-6-base);
  --ks-background-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-6-base);
  --ks-background-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
  --ks-background-color-card-base: var(--ks-color-fg-alpha-9-base);
  --ks-background-color-card-interactive-base: var(--ks-color-fg-alpha-8-base);
  --ks-background-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-7-base);
  --ks-background-color-card-interactive-hover-base: var(--ks-color-fg-alpha-9-base);
  --ks-background-color-card-interactive-active-base: var(--ks-color-fg-alpha-9-base);
  --ks-background-color-card-interactive-selected-base: var(--ks-color-primary-base);
  --ks-background-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-background-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-8-base);
  --ks-background-color-card-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-7-base);
  --ks-background-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-background-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-background-color-card-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
  --ks-background-color-primary-base: var(--ks-color-primary-base);
  --ks-background-color-primary-interactive-base: var(--ks-color-primary-base);
  --ks-background-color-primary-interactive-hover-base: var(--ks-color-primary-to-bg-2-base);
  --ks-background-color-primary-interactive-active-base: var(--ks-color-primary-to-bg-2-base);
  --ks-background-color-primary-interactive-selected-base: var(--ks-color-primary-to-bg-4-base);
  --ks-background-color-primary-translucent-base: var(--ks-color-primary-alpha-5-base);
  --ks-background-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
  --ks-background-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-base);
  --ks-background-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-to-bg-2-base);
  --ks-background-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-to-bg-2-base);
  --ks-background-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-to-bg-4-base);
  --ks-background-color-primary-inverted-translucent-base: var(--ks-color-primary-inverted-alpha-5-base);
  --ks-background-color-positive-base: var(--ks-color-positive-base);
  --ks-background-color-positive-interactive-base: var(--ks-color-positive-base);
  --ks-background-color-positive-interactive-hover-base: var(--ks-color-positive-to-bg-2-base);
  --ks-background-color-positive-interactive-active-base: var(--ks-color-positive-to-bg-2-base);
  --ks-background-color-positive-interactive-selected-base: var(--ks-color-positive-to-bg-4-base);
  --ks-background-color-positive-translucent-base: var(--ks-color-positive-alpha-5-base);
  --ks-background-color-positive-inverted-base: var(--ks-color-positive-inverted-base);
  --ks-background-color-positive-inverted-interactive-base: var(--ks-color-positive-inverted-base);
  --ks-background-color-positive-inverted-interactive-hover-base: var(--ks-color-positive-inverted-to-bg-2-base);
  --ks-background-color-positive-inverted-interactive-active-base: var(--ks-color-positive-inverted-to-bg-2-base);
  --ks-background-color-positive-inverted-interactive-selected-base: var(--ks-color-positive-inverted-to-bg-4-base);
  --ks-background-color-positive-inverted-translucent-base: var(--ks-color-positive-inverted-alpha-5-base);
  --ks-background-color-informative-base: var(--ks-color-informative-base);
  --ks-background-color-informative-interactive-base: var(--ks-color-informative-base);
  --ks-background-color-informative-interactive-hover-base: var(--ks-color-informative-to-bg-2-base);
  --ks-background-color-informative-interactive-active-base: var(--ks-color-informative-to-bg-2-base);
  --ks-background-color-informative-interactive-selected-base: var(--ks-color-informative-to-bg-4-base);
  --ks-background-color-informative-translucent-base: var(--ks-color-informative-alpha-5-base);
  --ks-background-color-informative-inverted-base: var(--ks-color-informative-inverted-base);
  --ks-background-color-informative-inverted-interactive-base: var(--ks-color-informative-inverted-base);
  --ks-background-color-informative-inverted-interactive-hover-base: var(--ks-color-informative-inverted-to-bg-2-base);
  --ks-background-color-informative-inverted-interactive-active-base: var(--ks-color-informative-inverted-to-bg-2-base);
  --ks-background-color-informative-inverted-interactive-selected-base: var(--ks-color-informative-inverted-to-bg-4-base);
  --ks-background-color-informative-inverted-translucent-base: var(--ks-color-informative-inverted-alpha-5-base);
  --ks-background-color-notice-base: var(--ks-color-notice-base);
  --ks-background-color-notice-interactive-base: var(--ks-color-notice-base);
  --ks-background-color-notice-interactive-hover-base: var(--ks-color-notice-to-bg-2-base);
  --ks-background-color-notice-interactive-active-base: var(--ks-color-notice-to-bg-2-base);
  --ks-background-color-notice-interactive-selected-base: var(--ks-color-notice-to-bg-4-base);
  --ks-background-color-notice-translucent-base: var(--ks-color-notice-alpha-5-base);
  --ks-background-color-notice-inverted-base: var(--ks-color-notice-inverted-base);
  --ks-background-color-notice-inverted-interactive-base: var(--ks-color-notice-inverted-base);
  --ks-background-color-notice-inverted-interactive-hover-base: var(--ks-color-notice-inverted-to-bg-2-base);
  --ks-background-color-notice-inverted-interactive-active-base: var(--ks-color-notice-inverted-to-bg-2-base);
  --ks-background-color-notice-inverted-interactive-selected-base: var(--ks-color-notice-inverted-to-bg-4-base);
  --ks-background-color-notice-inverted-translucent-base: var(--ks-color-notice-inverted-alpha-5-base);
  --ks-background-color-negative-base: var(--ks-color-negative-base);
  --ks-background-color-negative-interactive-base: var(--ks-color-negative-base);
  --ks-background-color-negative-interactive-hover-base: var(--ks-color-negative-to-bg-2-base);
  --ks-background-color-negative-interactive-active-base: var(--ks-color-negative-to-bg-2-base);
  --ks-background-color-negative-interactive-selected-base: var(--ks-color-negative-to-bg-4-base);
  --ks-background-color-negative-translucent-base: var(--ks-color-negative-alpha-5-base);
  --ks-background-color-negative-inverted-base: var(--ks-color-negative-inverted-base);
  --ks-background-color-negative-inverted-interactive-base: var(--ks-color-negative-inverted-base);
  --ks-background-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-to-bg-2-base);
  --ks-background-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-to-bg-2-base);
  --ks-background-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-to-bg-4-base);
  --ks-background-color-negative-inverted-translucent-base: var(--ks-color-negative-inverted-alpha-5-base);
  --ks-background-color-secondary-base: var(--ks-color-secondary-base);
  --ks-background-color-secondary-interactive-base: var(--ks-color-secondary-base);
  --ks-background-color-secondary-interactive-hover-base: var(--ks-color-secondary-to-bg-2-base);
  --ks-background-color-secondary-interactive-active-base: var(--ks-color-secondary-to-bg-2-base);
  --ks-background-color-secondary-interactive-selected-base: var(--ks-color-secondary-to-bg-4-base);
  --ks-background-color-secondary-translucent-base: var(--ks-color-secondary-alpha-5-base);
  --ks-background-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
  --ks-background-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-base);
  --ks-background-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-to-bg-2-base);
  --ks-background-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-to-bg-2-base);
  --ks-background-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-to-bg-4-base);
  --ks-background-color-secondary-inverted-translucent-base: var(--ks-color-secondary-inverted-alpha-5-base);
  --ks-border-color-accent-base: var(--ks-color-primary-to-bg-8-base);
  --ks-border-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
  --ks-border-color-clear-base: var(--ks-color-transparent-base);
  --ks-border-color-clear-interactive-base: var(--ks-color-transparent-base);
  --ks-border-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
  --ks-border-color-clear-interactive-active-base: var(--ks-color-primary-alpha-7-base);
  --ks-border-color-clear-interactive-selected-base: var(--ks-color-primary-alpha-6-base);
  --ks-border-color-clear-inverted-base: var(--ks-color-transparent-base);
  --ks-border-color-clear-inverted-interactive-base: var(--ks-color-transparent-base);
  --ks-border-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
  --ks-border-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
  --ks-border-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
  --ks-border-color-default-base: var(--ks-color-fg-inverted-base);
  --ks-border-color-default-inverted-base: var(--ks-color-fg-alpha-3-base);
  --ks-border-color-interface-base: var(--ks-color-fg-alpha-8-base);
  --ks-border-color-interface-interactive-base: var(--ks-color-fg-alpha-7-base);
  --ks-border-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
  --ks-border-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
  --ks-border-color-interface-interactive-active-base: var(--ks-color-fg-alpha-5-base);
  --ks-border-color-interface-interactive-selected-base: var(--ks-color-primary-base);
  --ks-border-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-8-base);
  --ks-border-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-7-base);
  --ks-border-color-interface-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-8-base);
  --ks-border-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-5-base);
  --ks-border-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-5-base);
  --ks-border-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
  --ks-border-color-card-base: var(--ks-color-fg-alpha-9-base);
  --ks-border-color-card-interactive-base: var(--ks-color-fg-alpha-7-base);
  --ks-border-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
  --ks-border-color-card-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
  --ks-border-color-card-interactive-active-base: var(--ks-color-fg-alpha-3-base);
  --ks-border-color-card-interactive-selected-base: var(--ks-color-primary-base);
  --ks-border-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-border-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-5-base);
  --ks-border-color-card-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-2-base);
  --ks-border-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-3-base);
  --ks-border-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-1-base);
  --ks-border-color-card-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
  --ks-border-color-primary-base: var(--ks-color-primary-base);
  --ks-border-color-primary-interactive-base: var(--ks-color-primary-base);
  --ks-border-color-primary-interactive-hover-base: var(--ks-color-primary-to-bg-2-base);
  --ks-border-color-primary-interactive-active-base: var(--ks-color-primary-to-bg-3-base);
  --ks-border-color-primary-interactive-selected-base: var(--ks-color-primary-base);
  --ks-border-color-primary-translucent-base: var(--ks-color-primary-alpha-2-base);
  --ks-border-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
  --ks-border-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-base);
  --ks-border-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-to-bg-2-base);
  --ks-border-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-to-bg-3-base);
  --ks-border-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
  --ks-border-color-primary-inverted-translucent-base: var(--ks-color-primary-inverted-alpha-2-base);
  --ks-border-color-positive-base: var(--ks-color-positive-base);
  --ks-border-color-positive-interactive-base: var(--ks-color-positive-base);
  --ks-border-color-positive-interactive-hover-base: var(--ks-color-positive-to-bg-2-base);
  --ks-border-color-positive-interactive-active-base: var(--ks-color-positive-to-bg-3-base);
  --ks-border-color-positive-interactive-selected-base: var(--ks-color-positive-base);
  --ks-border-color-positive-translucent-base: var(--ks-color-positive-alpha-2-base);
  --ks-border-color-positive-inverted-base: var(--ks-color-positive-inverted-base);
  --ks-border-color-positive-inverted-interactive-base: var(--ks-color-positive-inverted-base);
  --ks-border-color-positive-inverted-interactive-hover-base: var(--ks-color-positive-inverted-to-bg-2-base);
  --ks-border-color-positive-inverted-interactive-active-base: var(--ks-color-positive-inverted-to-bg-3-base);
  --ks-border-color-positive-inverted-interactive-selected-base: var(--ks-color-positive-inverted-base);
  --ks-border-color-positive-inverted-translucent-base: var(--ks-color-positive-inverted-alpha-2-base);
  --ks-border-color-informative-base: var(--ks-color-informative-base);
  --ks-border-color-informative-interactive-base: var(--ks-color-informative-base);
  --ks-border-color-informative-interactive-hover-base: var(--ks-color-informative-to-bg-2-base);
  --ks-border-color-informative-interactive-active-base: var(--ks-color-informative-to-bg-3-base);
  --ks-border-color-informative-interactive-selected-base: var(--ks-color-informative-base);
  --ks-border-color-informative-translucent-base: var(--ks-color-informative-alpha-2-base);
  --ks-border-color-informative-inverted-base: var(--ks-color-informative-inverted-base);
  --ks-border-color-informative-inverted-interactive-base: var(--ks-color-informative-inverted-base);
  --ks-border-color-informative-inverted-interactive-hover-base: var(--ks-color-informative-inverted-to-bg-2-base);
  --ks-border-color-informative-inverted-interactive-active-base: var(--ks-color-informative-inverted-to-bg-3-base);
  --ks-border-color-informative-inverted-interactive-selected-base: var(--ks-color-informative-inverted-base);
  --ks-border-color-informative-inverted-translucent-base: var(--ks-color-informative-inverted-alpha-2-base);
  --ks-border-color-notice-base: var(--ks-color-notice-base);
  --ks-border-color-notice-interactive-base: var(--ks-color-notice-base);
  --ks-border-color-notice-interactive-hover-base: var(--ks-color-notice-to-bg-2-base);
  --ks-border-color-notice-interactive-active-base: var(--ks-color-notice-to-bg-3-base);
  --ks-border-color-notice-interactive-selected-base: var(--ks-color-notice-base);
  --ks-border-color-notice-translucent-base: var(--ks-color-notice-alpha-2-base);
  --ks-border-color-notice-inverted-base: var(--ks-color-notice-inverted-base);
  --ks-border-color-notice-inverted-interactive-base: var(--ks-color-notice-inverted-base);
  --ks-border-color-notice-inverted-interactive-hover-base: var(--ks-color-notice-inverted-to-bg-2-base);
  --ks-border-color-notice-inverted-interactive-active-base: var(--ks-color-notice-inverted-to-bg-3-base);
  --ks-border-color-notice-inverted-interactive-selected-base: var(--ks-color-notice-inverted-base);
  --ks-border-color-notice-inverted-translucent-base: var(--ks-color-notice-inverted-alpha-2-base);
  --ks-border-color-negative-base: var(--ks-color-negative-base);
  --ks-border-color-negative-interactive-base: var(--ks-color-negative-base);
  --ks-border-color-negative-interactive-hover-base: var(--ks-color-negative-to-bg-2-base);
  --ks-border-color-negative-interactive-active-base: var(--ks-color-negative-to-bg-3-base);
  --ks-border-color-negative-interactive-selected-base: var(--ks-color-negative-base);
  --ks-border-color-negative-translucent-base: var(--ks-color-negative-alpha-2-base);
  --ks-border-color-negative-inverted-base: var(--ks-color-negative-inverted-base);
  --ks-border-color-negative-inverted-interactive-base: var(--ks-color-negative-inverted-base);
  --ks-border-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-to-bg-2-base);
  --ks-border-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-to-bg-3-base);
  --ks-border-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-base);
  --ks-border-color-negative-inverted-translucent-base: var(--ks-color-negative-inverted-alpha-2-base);
  --ks-border-color-secondary-base: var(--ks-color-secondary-base);
  --ks-border-color-secondary-interactive-base: var(--ks-color-secondary-base);
  --ks-border-color-secondary-interactive-hover-base: var(--ks-color-secondary-to-bg-2-base);
  --ks-border-color-secondary-interactive-active-base: var(--ks-color-secondary-to-bg-3-base);
  --ks-border-color-secondary-interactive-selected-base: var(--ks-color-secondary-base);
  --ks-border-color-secondary-translucent-base: var(--ks-color-secondary-alpha-2-base);
  --ks-border-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
  --ks-border-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-base);
  --ks-border-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-to-bg-2-base);
  --ks-border-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-to-bg-3-base);
  --ks-border-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-base);
  --ks-border-color-secondary-inverted-translucent-base: var(--ks-color-secondary-inverted-alpha-2-base);
  --ks-border-width-default: 1px;
  --ks-border-width-emphasized: 2px;
  --ks-border-radius-control: 8px;
  --ks-border-radius-card: 8px;
  --ks-border-radius-surface: 16px;
  --ks-border-radius-pill: 999px;
  --ks-border-radius-circle: 50%;
  --ks-box-shadow-opacity-control: 0.2;
  --ks-box-shadow-opacity-control-hover: 0.3;
  --ks-box-shadow-opacity-control-inverted: 0.2;
  --ks-box-shadow-opacity-control-inverted-hover: 0.3;
  --ks-box-shadow-opacity-card: 0.2;
  --ks-box-shadow-opacity-card-hover: 0.3;
  --ks-box-shadow-opacity-card-inverted: 0.2;
  --ks-box-shadow-opacity-card-inverted-hover: 0.3;
  --ks-box-shadow-opacity-surface: 0.1;
  --ks-box-shadow-opacity-surface-hover: 0.2;
  --ks-box-shadow-opacity-surface-inverted: 0.1;
  --ks-box-shadow-opacity-surface-inverted-hover: 0.2;
  --ks-box-shadow-color-control: rgba(44,44,44,var(--ks-box-shadow-opacity-control));
  --ks-box-shadow-color-control-hover: rgba(44,44,44,var(--ks-box-shadow-opacity-control-hover));
  --ks-box-shadow-color-control-inverted: rgba(44,44,44,var(--ks-box-shadow-opacity-control-inverted));
  --ks-box-shadow-color-control-inverted-hover: rgba(44,44,44,var(--ks-box-shadow-opacity-control-inverted-hover));
  --ks-box-shadow-color-card: rgba(44,44,44,var(--ks-box-shadow-opacity-card));
  --ks-box-shadow-color-card-hover: rgba(44,44,44,var(--ks-box-shadow-opacity-card-hover));
  --ks-box-shadow-color-card-inverted: rgba(44,44,44,var(--ks-box-shadow-opacity-card-inverted));
  --ks-box-shadow-color-card-inverted-hover: rgba(44,44,44,var(--ks-box-shadow-opacity-card-inverted-hover));
  --ks-box-shadow-color-surface: rgba(44,44,44,var(--ks-box-shadow-opacity-surface));
  --ks-box-shadow-color-surface-hover: rgba(44,44,44,var(--ks-box-shadow-opacity-surface-hover));
  --ks-box-shadow-color-surface-inverted: rgba(44,44,44,var(--ks-box-shadow-opacity-surface-inverted));
  --ks-box-shadow-color-surface-inverted-hover: rgba(44,44,44,var(--ks-box-shadow-opacity-surface-inverted-hover));
  --ks-box-shadow-control: 0 1px 2.75px var(--ks-box-shadow-color-control);
  --ks-box-shadow-control-hover: 0 1px 5.5px var(--ks-box-shadow-color-control-hover);
  --ks-box-shadow-control-inverted: 0 1px 2.75px var(--ks-box-shadow-color-control-inverted);
  --ks-box-shadow-control-inverted-hover: 0 1px 5.5px var(--ks-box-shadow-color-control-inverted-hover);
  --ks-box-shadow-card: 0 1px 5.5px var(--ks-box-shadow-color-card);
  --ks-box-shadow-card-hover: 0 1px 11px var(--ks-box-shadow-color-card-hover);
  --ks-box-shadow-card-inverted: 0 1px 5.5px var(--ks-box-shadow-color-card-inverted);
  --ks-box-shadow-card-inverted-hover: 0 1px 11px var(--ks-box-shadow-color-card-inverted-hover);
  --ks-box-shadow-surface: 0 1px 11px var(--ks-box-shadow-color-surface);
  --ks-box-shadow-surface-hover: 0 1px 22px var(--ks-box-shadow-color-surface-hover);
  --ks-box-shadow-surface-inverted: 0 1px 11px var(--ks-box-shadow-color-surface-inverted);
  --ks-box-shadow-surface-inverted-hover: 0 1px 22px var(--ks-box-shadow-color-surface-inverted-hover);
  --ks-color-fg-base: #2c2c2c;
  --ks-color-fg-alpha-1-base: rgba(44,44,44,.95);
  --ks-color-fg-alpha-2-base: rgba(44,44,44,.87);
  --ks-color-fg-alpha-3-base: rgba(44,44,44,.76);
  --ks-color-fg-alpha-4-base: rgba(44,44,44,.63);
  --ks-color-fg-alpha-5-base: rgba(44,44,44,.5);
  --ks-color-fg-alpha-6-base: rgba(44,44,44,.37);
  --ks-color-fg-alpha-7-base: rgba(44,44,44,.24);
  --ks-color-fg-alpha-8-base: rgba(44,44,44,.13);
  --ks-color-fg-alpha-9-base: rgba(44,44,44,.05);
  --ks-color-fg-to-bg-1-base: #373737;
  --ks-color-fg-to-bg-2-base: #474747;
  --ks-color-fg-to-bg-3-base: #5f5f5f;
  --ks-color-fg-to-bg-4-base: #7a7a7a;
  --ks-color-fg-to-bg-5-base: #969696;
  --ks-color-fg-to-bg-6-base: #b1b1b1;
  --ks-color-fg-to-bg-7-base: #ccc;
  --ks-color-fg-to-bg-8-base: #e4e4e4;
  --ks-color-fg-to-bg-9-base: #f4f4f4;
  --ks-color-fg-inverted-base: #fff;
  --ks-color-fg-inverted-alpha-1-base: hsla(0,0%,100%,.95);
  --ks-color-fg-inverted-alpha-2-base: hsla(0,0%,100%,.87);
  --ks-color-fg-inverted-alpha-3-base: hsla(0,0%,100%,.76);
  --ks-color-fg-inverted-alpha-4-base: hsla(0,0%,100%,.63);
  --ks-color-fg-inverted-alpha-5-base: hsla(0,0%,100%,.5);
  --ks-color-fg-inverted-alpha-6-base: hsla(0,0%,100%,.37);
  --ks-color-fg-inverted-alpha-7-base: hsla(0,0%,100%,.24);
  --ks-color-fg-inverted-alpha-8-base: hsla(0,0%,100%,.13);
  --ks-color-fg-inverted-alpha-9-base: hsla(0,0%,100%,.05);
  --ks-color-fg-inverted-to-bg-1-base: #f5f5f5;
  --ks-color-fg-inverted-to-bg-2-base: #e5e5e5;
  --ks-color-fg-inverted-to-bg-3-base: #cfcfcf;
  --ks-color-fg-inverted-to-bg-4-base: #b5b5b5;
  --ks-color-fg-inverted-to-bg-5-base: #9c9c9c;
  --ks-color-fg-inverted-to-bg-6-base: #828282;
  --ks-color-fg-inverted-to-bg-7-base: #686868;
  --ks-color-fg-inverted-to-bg-8-base: #525252;
  --ks-color-fg-inverted-to-bg-9-base: #424242;
  --ks-color-bg-base: #fff;
  --ks-color-bg-alpha-1-base: hsla(0,0%,100%,.95);
  --ks-color-bg-alpha-2-base: hsla(0,0%,100%,.87);
  --ks-color-bg-alpha-3-base: hsla(0,0%,100%,.76);
  --ks-color-bg-alpha-4-base: hsla(0,0%,100%,.63);
  --ks-color-bg-alpha-5-base: hsla(0,0%,100%,.5);
  --ks-color-bg-alpha-6-base: hsla(0,0%,100%,.37);
  --ks-color-bg-alpha-7-base: hsla(0,0%,100%,.24);
  --ks-color-bg-alpha-8-base: hsla(0,0%,100%,.13);
  --ks-color-bg-alpha-9-base: hsla(0,0%,100%,.05);
  --ks-color-bg-to-fg-1-base: #f4f4f4;
  --ks-color-bg-to-fg-2-base: #e4e4e4;
  --ks-color-bg-to-fg-3-base: #ccc;
  --ks-color-bg-to-fg-4-base: #b1b1b1;
  --ks-color-bg-to-fg-5-base: #969696;
  --ks-color-bg-to-fg-6-base: #7a7a7a;
  --ks-color-bg-to-fg-7-base: #5f5f5f;
  --ks-color-bg-to-fg-8-base: #474747;
  --ks-color-bg-to-fg-9-base: #373737;
  --ks-color-bg-inverted-base: #383838;
  --ks-color-bg-inverted-alpha-1-base: rgba(56,56,56,.95);
  --ks-color-bg-inverted-alpha-2-base: rgba(56,56,56,.87);
  --ks-color-bg-inverted-alpha-3-base: rgba(56,56,56,.76);
  --ks-color-bg-inverted-alpha-4-base: rgba(56,56,56,.63);
  --ks-color-bg-inverted-alpha-5-base: rgba(56,56,56,.5);
  --ks-color-bg-inverted-alpha-6-base: rgba(56,56,56,.37);
  --ks-color-bg-inverted-alpha-7-base: rgba(56,56,56,.24);
  --ks-color-bg-inverted-alpha-8-base: rgba(56,56,56,.13);
  --ks-color-bg-inverted-alpha-9-base: rgba(56,56,56,.05);
  --ks-color-bg-inverted-to-fg-1-base: #424242;
  --ks-color-bg-inverted-to-fg-2-base: #525252;
  --ks-color-bg-inverted-to-fg-3-base: #686868;
  --ks-color-bg-inverted-to-fg-4-base: #828282;
  --ks-color-bg-inverted-to-fg-5-base: #9c9c9c;
  --ks-color-bg-inverted-to-fg-6-base: #b5b5b5;
  --ks-color-bg-inverted-to-fg-7-base: #cfcfcf;
  --ks-color-bg-inverted-to-fg-8-base: #e5e5e5;
  --ks-color-bg-inverted-to-fg-9-base: #f5f5f5;
  --ks-color-transparent-base: rgba(0,0,0,0);
  --ks-color-primary-base: #e20074;
  --ks-color-primary-alpha-1-base: rgba(226,0,116,.95);
  --ks-color-primary-alpha-2-base: rgba(226,0,116,.87);
  --ks-color-primary-alpha-3-base: rgba(226,0,116,.76);
  --ks-color-primary-alpha-4-base: rgba(226,0,116,.63);
  --ks-color-primary-alpha-5-base: rgba(226,0,116,.5);
  --ks-color-primary-alpha-6-base: rgba(226,0,116,.37);
  --ks-color-primary-alpha-7-base: rgba(226,0,116,.24);
  --ks-color-primary-alpha-8-base: rgba(226,0,116,.13);
  --ks-color-primary-alpha-9-base: rgba(226,0,116,.05);
  --ks-color-primary-to-bg-1-base: #e30d7b;
  --ks-color-primary-to-bg-2-base: #e62186;
  --ks-color-primary-to-bg-3-base: #e93d95;
  --ks-color-primary-to-bg-4-base: #ed5ea7;
  --ks-color-primary-to-bg-5-base: #f180ba;
  --ks-color-primary-to-bg-6-base: #f4a1cc;
  --ks-color-primary-to-bg-7-base: #f8c2de;
  --ks-color-primary-to-bg-8-base: #fbdeed;
  --ks-color-primary-to-bg-9-base: #fef2f8;
  --ks-color-primary-to-fg-1-base: #d90270;
  --ks-color-primary-to-fg-2-base: #ca066b;
  --ks-color-primary-to-fg-3-base: #b60b63;
  --ks-color-primary-to-fg-4-base: #9f1059;
  --ks-color-primary-to-fg-5-base: #871650;
  --ks-color-primary-to-fg-6-base: #6f1c47;
  --ks-color-primary-to-fg-7-base: #58213d;
  --ks-color-primary-to-fg-8-base: #442635;
  --ks-color-primary-to-fg-9-base: #352a30;
  --ks-color-primary-inverted-base: #e20074;
  --ks-color-primary-inverted-alpha-1-base: rgba(226,0,116,.95);
  --ks-color-primary-inverted-alpha-2-base: rgba(226,0,116,.87);
  --ks-color-primary-inverted-alpha-3-base: rgba(226,0,116,.76);
  --ks-color-primary-inverted-alpha-4-base: rgba(226,0,116,.63);
  --ks-color-primary-inverted-alpha-5-base: rgba(226,0,116,.5);
  --ks-color-primary-inverted-alpha-6-base: rgba(226,0,116,.37);
  --ks-color-primary-inverted-alpha-7-base: rgba(226,0,116,.24);
  --ks-color-primary-inverted-alpha-8-base: rgba(226,0,116,.13);
  --ks-color-primary-inverted-alpha-9-base: rgba(226,0,116,.05);
  --ks-color-primary-inverted-to-bg-1-base: #da0371;
  --ks-color-primary-inverted-to-bg-2-base: #cc076c;
  --ks-color-primary-inverted-to-bg-3-base: #b90d66;
  --ks-color-primary-inverted-to-bg-4-base: #a3155e;
  --ks-color-primary-inverted-to-bg-5-base: #8d1c56;
  --ks-color-primary-inverted-to-bg-6-base: #77234e;
  --ks-color-primary-inverted-to-bg-7-base: #612b46;
  --ks-color-primary-inverted-to-bg-8-base: #4e3140;
  --ks-color-primary-inverted-to-bg-9-base: #41353b;
  --ks-color-primary-inverted-to-fg-1-base: #e30d7b;
  --ks-color-primary-inverted-to-fg-2-base: #e62186;
  --ks-color-primary-inverted-to-fg-3-base: #e93d95;
  --ks-color-primary-inverted-to-fg-4-base: #ed5ea7;
  --ks-color-primary-inverted-to-fg-5-base: #f180ba;
  --ks-color-primary-inverted-to-fg-6-base: #f4a1cc;
  --ks-color-primary-inverted-to-fg-7-base: #f8c2de;
  --ks-color-primary-inverted-to-fg-8-base: #fbdeed;
  --ks-color-primary-inverted-to-fg-9-base: #fef2f8;
  --ks-color-link-base: #007faf;
  --ks-color-link-alpha-1-base: rgba(0,127,175,.95);
  --ks-color-link-alpha-2-base: rgba(0,127,175,.87);
  --ks-color-link-alpha-3-base: rgba(0,127,175,.76);
  --ks-color-link-alpha-4-base: rgba(0,127,175,.63);
  --ks-color-link-alpha-5-base: rgba(0,127,175,.5);
  --ks-color-link-alpha-6-base: rgba(0,127,175,.37);
  --ks-color-link-alpha-7-base: rgba(0,127,175,.24);
  --ks-color-link-alpha-8-base: rgba(0,127,175,.13);
  --ks-color-link-alpha-9-base: rgba(0,127,175,.05);
  --ks-color-link-to-bg-1-base: #0d85b3;
  --ks-color-link-to-bg-2-base: #2190b9;
  --ks-color-link-to-bg-3-base: #3d9ec2;
  --ks-color-link-to-bg-4-base: #5eaecd;
  --ks-color-link-to-bg-5-base: #80bfd7;
  --ks-color-link-to-bg-6-base: #a1d0e1;
  --ks-color-link-to-bg-7-base: #c2e0ec;
  --ks-color-link-to-bg-8-base: #deeef5;
  --ks-color-link-to-bg-9-base: #f2f9fb;
  --ks-color-link-to-fg-1-base: #027ba8;
  --ks-color-link-to-fg-2-base: #06749e;
  --ks-color-link-to-fg-3-base: #0b6b90;
  --ks-color-link-to-fg-4-base: #10607f;
  --ks-color-link-to-fg-5-base: #16566e;
  --ks-color-link-to-fg-6-base: #1c4b5c;
  --ks-color-link-to-fg-7-base: #21404b;
  --ks-color-link-to-fg-8-base: #26373d;
  --ks-color-link-to-fg-9-base: #2a3033;
  --ks-color-link-inverted-base: #fff;
  --ks-color-link-inverted-alpha-1-base: hsla(0,0%,100%,.95);
  --ks-color-link-inverted-alpha-2-base: hsla(0,0%,100%,.87);
  --ks-color-link-inverted-alpha-3-base: hsla(0,0%,100%,.76);
  --ks-color-link-inverted-alpha-4-base: hsla(0,0%,100%,.63);
  --ks-color-link-inverted-alpha-5-base: hsla(0,0%,100%,.5);
  --ks-color-link-inverted-alpha-6-base: hsla(0,0%,100%,.37);
  --ks-color-link-inverted-alpha-7-base: hsla(0,0%,100%,.24);
  --ks-color-link-inverted-alpha-8-base: hsla(0,0%,100%,.13);
  --ks-color-link-inverted-alpha-9-base: hsla(0,0%,100%,.05);
  --ks-color-link-inverted-to-bg-1-base: #f5f5f5;
  --ks-color-link-inverted-to-bg-2-base: #e5e5e5;
  --ks-color-link-inverted-to-bg-3-base: #cfcfcf;
  --ks-color-link-inverted-to-bg-4-base: #b5b5b5;
  --ks-color-link-inverted-to-bg-5-base: #9c9c9c;
  --ks-color-link-inverted-to-bg-6-base: #828282;
  --ks-color-link-inverted-to-bg-7-base: #686868;
  --ks-color-link-inverted-to-bg-8-base: #525252;
  --ks-color-link-inverted-to-bg-9-base: #424242;
  --ks-color-link-inverted-to-fg-1-base: #fff;
  --ks-color-link-inverted-to-fg-2-base: #fff;
  --ks-color-link-inverted-to-fg-3-base: #fff;
  --ks-color-link-inverted-to-fg-4-base: #fff;
  --ks-color-link-inverted-to-fg-5-base: #fff;
  --ks-color-link-inverted-to-fg-6-base: #fff;
  --ks-color-link-inverted-to-fg-7-base: #fff;
  --ks-color-link-inverted-to-fg-8-base: #fff;
  --ks-color-link-inverted-to-fg-9-base: #fff;
  --ks-color-positive-base: #6edb64;
  --ks-color-positive-alpha-1-base: rgba(110,219,100,.95);
  --ks-color-positive-alpha-2-base: rgba(110,219,100,.87);
  --ks-color-positive-alpha-3-base: rgba(110,219,100,.76);
  --ks-color-positive-alpha-4-base: rgba(110,219,100,.63);
  --ks-color-positive-alpha-5-base: rgba(110,219,100,.5);
  --ks-color-positive-alpha-6-base: rgba(110,219,100,.37);
  --ks-color-positive-alpha-7-base: rgba(110,219,100,.24);
  --ks-color-positive-alpha-8-base: rgba(110,219,100,.13);
  --ks-color-positive-alpha-9-base: rgba(110,219,100,.05);
  --ks-color-positive-to-bg-1-base: #75dd6c;
  --ks-color-positive-to-bg-2-base: #81e078;
  --ks-color-positive-to-bg-3-base: #91e489;
  --ks-color-positive-to-bg-4-base: #a4e89d;
  --ks-color-positive-to-bg-5-base: #b7edb2;
  --ks-color-positive-to-bg-6-base: #c9f2c6;
  --ks-color-positive-to-bg-7-base: #dcf6da;
  --ks-color-positive-to-bg-8-base: #ecfaeb;
  --ks-color-positive-to-bg-9-base: #f8fdf7;
  --ks-color-positive-to-fg-1-base: #6bd261;
  --ks-color-positive-to-fg-2-base: #65c45d;
  --ks-color-positive-to-fg-3-base: #5eb157;
  --ks-color-positive-to-fg-4-base: #569a4f;
  --ks-color-positive-to-fg-5-base: #4d8448;
  --ks-color-positive-to-fg-6-base: #446d41;
  --ks-color-positive-to-fg-7-base: #3c5639;
  --ks-color-positive-to-fg-8-base: #354333;
  --ks-color-positive-to-fg-9-base: #2f352f;
  --ks-color-positive-inverted-base: #23831b;
  --ks-color-positive-inverted-alpha-1-base: rgba(35,131,27,.95);
  --ks-color-positive-inverted-alpha-2-base: rgba(35,131,27,.87);
  --ks-color-positive-inverted-alpha-3-base: rgba(35,131,27,.76);
  --ks-color-positive-inverted-alpha-4-base: rgba(35,131,27,.63);
  --ks-color-positive-inverted-alpha-5-base: rgba(35,131,27,.5);
  --ks-color-positive-inverted-alpha-6-base: rgba(35,131,27,.37);
  --ks-color-positive-inverted-alpha-7-base: rgba(35,131,27,.24);
  --ks-color-positive-inverted-alpha-8-base: rgba(35,131,27,.13);
  --ks-color-positive-inverted-alpha-9-base: rgba(35,131,27,.05);
  --ks-color-positive-inverted-to-bg-1-base: #247f1c;
  --ks-color-positive-inverted-to-bg-2-base: #26791f;
  --ks-color-positive-inverted-to-bg-3-base: #287122;
  --ks-color-positive-inverted-to-bg-4-base: #2b6726;
  --ks-color-positive-inverted-to-bg-5-base: #2e5e2a;
  --ks-color-positive-inverted-to-bg-6-base: #30542d;
  --ks-color-positive-inverted-to-bg-7-base: #334a31;
  --ks-color-positive-inverted-to-bg-8-base: #354234;
  --ks-color-positive-inverted-to-bg-9-base: #373c37;
  --ks-color-positive-inverted-to-fg-1-base: #2e8926;
  --ks-color-positive-inverted-to-fg-2-base: #409339;
  --ks-color-positive-inverted-to-fg-3-base: #58a152;
  --ks-color-positive-inverted-to-fg-4-base: #74b16f;
  --ks-color-positive-inverted-to-fg-5-base: #91c18d;
  --ks-color-positive-inverted-to-fg-6-base: #aed1ab;
  --ks-color-positive-inverted-to-fg-7-base: #cae1c8;
  --ks-color-positive-inverted-to-fg-8-base: #e2efe1;
  --ks-color-positive-inverted-to-fg-9-base: #f4f9f4;
  --ks-color-informative-base: #64c2db;
  --ks-color-informative-alpha-1-base: rgba(100,194,219,.95);
  --ks-color-informative-alpha-2-base: rgba(100,194,219,.87);
  --ks-color-informative-alpha-3-base: rgba(100,194,219,.76);
  --ks-color-informative-alpha-4-base: rgba(100,194,219,.63);
  --ks-color-informative-alpha-5-base: rgba(100,194,219,.5);
  --ks-color-informative-alpha-6-base: rgba(100,194,219,.37);
  --ks-color-informative-alpha-7-base: rgba(100,194,219,.24);
  --ks-color-informative-alpha-8-base: rgba(100,194,219,.13);
  --ks-color-informative-alpha-9-base: rgba(100,194,219,.05);
  --ks-color-informative-to-bg-1-base: #6cc5dd;
  --ks-color-informative-to-bg-2-base: #78cae0;
  --ks-color-informative-to-bg-3-base: #89d1e4;
  --ks-color-informative-to-bg-4-base: #9dd9e8;
  --ks-color-informative-to-bg-5-base: #b2e1ed;
  --ks-color-informative-to-bg-6-base: #c6e8f2;
  --ks-color-informative-to-bg-7-base: #daf0f6;
  --ks-color-informative-to-bg-8-base: #ebf7fa;
  --ks-color-informative-to-bg-9-base: #f7fcfd;
  --ks-color-informative-to-fg-1-base: #61bbd2;
  --ks-color-informative-to-fg-2-base: #5dafc4;
  --ks-color-informative-to-fg-3-base: #579eb1;
  --ks-color-informative-to-fg-4-base: #4f8b9a;
  --ks-color-informative-to-fg-5-base: #487784;
  --ks-color-informative-to-fg-6-base: #41646d;
  --ks-color-informative-to-fg-7-base: #395056;
  --ks-color-informative-to-fg-8-base: #334043;
  --ks-color-informative-to-fg-9-base: #2f3435;
  --ks-color-informative-inverted-base: #00718f;
  --ks-color-informative-inverted-alpha-1-base: rgba(0,113,143,.95);
  --ks-color-informative-inverted-alpha-2-base: rgba(0,113,143,.87);
  --ks-color-informative-inverted-alpha-3-base: rgba(0,113,143,.76);
  --ks-color-informative-inverted-alpha-4-base: rgba(0,113,143,.63);
  --ks-color-informative-inverted-alpha-5-base: rgba(0,113,143,.5);
  --ks-color-informative-inverted-alpha-6-base: rgba(0,113,143,.37);
  --ks-color-informative-inverted-alpha-7-base: rgba(0,113,143,.24);
  --ks-color-informative-inverted-alpha-8-base: rgba(0,113,143,.13);
  --ks-color-informative-inverted-alpha-9-base: rgba(0,113,143,.05);
  --ks-color-informative-inverted-to-bg-1-base: #036e8b;
  --ks-color-informative-inverted-to-bg-2-base: #076a84;
  --ks-color-informative-inverted-to-bg-3-base: #0d637a;
  --ks-color-informative-inverted-to-bg-4-base: #155c6f;
  --ks-color-informative-inverted-to-bg-5-base: #1c5564;
  --ks-color-informative-inverted-to-bg-6-base: #234d58;
  --ks-color-informative-inverted-to-bg-7-base: #2b464d;
  --ks-color-informative-inverted-to-bg-8-base: #313f43;
  --ks-color-informative-inverted-to-bg-9-base: #353b3c;
  --ks-color-informative-inverted-to-fg-1-base: #0d7895;
  --ks-color-informative-inverted-to-fg-2-base: #21839e;
  --ks-color-informative-inverted-to-fg-3-base: #3d93aa;
  --ks-color-informative-inverted-to-fg-4-base: #5ea6b8;
  --ks-color-informative-inverted-to-fg-5-base: #80b8c7;
  --ks-color-informative-inverted-to-fg-6-base: #a1cad6;
  --ks-color-informative-inverted-to-fg-7-base: #c2dde4;
  --ks-color-informative-inverted-to-fg-8-base: #deedf0;
  --ks-color-informative-inverted-to-fg-9-base: #f2f8f9;
  --ks-color-notice-base: #f9de55;
  --ks-color-notice-alpha-1-base: rgba(249,222,85,.95);
  --ks-color-notice-alpha-2-base: rgba(249,222,85,.87);
  --ks-color-notice-alpha-3-base: rgba(249,222,85,.76);
  --ks-color-notice-alpha-4-base: rgba(249,222,85,.63);
  --ks-color-notice-alpha-5-base: rgba(249,222,85,.5);
  --ks-color-notice-alpha-6-base: rgba(249,222,85,.37);
  --ks-color-notice-alpha-7-base: rgba(249,222,85,.24);
  --ks-color-notice-alpha-8-base: rgba(249,222,85,.13);
  --ks-color-notice-alpha-9-base: rgba(249,222,85,.05);
  --ks-color-notice-to-bg-1-base: #f9e05e;
  --ks-color-notice-to-bg-2-base: #fae26b;
  --ks-color-notice-to-bg-3-base: #fae67e;
  --ks-color-notice-to-bg-4-base: #fbea94;
  --ks-color-notice-to-bg-5-base: #fcefaa;
  --ks-color-notice-to-bg-6-base: #fdf3c0;
  --ks-color-notice-to-bg-7-base: #fef7d6;
  --ks-color-notice-to-bg-8-base: #fefbe9;
  --ks-color-notice-to-bg-9-base: #fffdf7;
  --ks-color-notice-to-fg-1-base: #efd553;
  --ks-color-notice-to-fg-2-base: #dec750;
  --ks-color-notice-to-fg-3-base: #c8b34b;
  --ks-color-notice-to-fg-4-base: #ad9c46;
  --ks-color-notice-to-fg-5-base: #938541;
  --ks-color-notice-to-fg-6-base: #786e3b;
  --ks-color-notice-to-fg-7-base: #5d5736;
  --ks-color-notice-to-fg-8-base: #474331;
  --ks-color-notice-to-fg-9-base: #36352e;
  --ks-color-notice-inverted-base: #ff5d53;
  --ks-color-notice-inverted-alpha-1-base: rgba(255,93,83,.95);
  --ks-color-notice-inverted-alpha-2-base: rgba(255,93,83,.87);
  --ks-color-notice-inverted-alpha-3-base: rgba(255,93,83,.76);
  --ks-color-notice-inverted-alpha-4-base: rgba(255,93,83,.63);
  --ks-color-notice-inverted-alpha-5-base: rgba(255,93,83,.5);
  --ks-color-notice-inverted-alpha-6-base: rgba(255,93,83,.37);
  --ks-color-notice-inverted-alpha-7-base: rgba(255,93,83,.24);
  --ks-color-notice-inverted-alpha-8-base: rgba(255,93,83,.13);
  --ks-color-notice-inverted-alpha-9-base: rgba(255,93,83,.05);
  --ks-color-notice-inverted-to-bg-1-base: #f55b52;
  --ks-color-notice-inverted-to-bg-2-base: #e5584f;
  --ks-color-notice-inverted-to-bg-3-base: #cf544d;
  --ks-color-notice-inverted-to-bg-4-base: #b54f49;
  --ks-color-notice-inverted-to-bg-5-base: #9c4b46;
  --ks-color-notice-inverted-to-bg-6-base: #824642;
  --ks-color-notice-inverted-to-bg-7-base: #68413e;
  --ks-color-notice-inverted-to-bg-8-base: #523d3c;
  --ks-color-notice-inverted-to-bg-9-base: #423a39;
  --ks-color-notice-inverted-to-fg-1-base: #ff655c;
  --ks-color-notice-inverted-to-fg-2-base: #ff7269;
  --ks-color-notice-inverted-to-fg-3-base: #ff847c;
  --ks-color-notice-inverted-to-fg-4-base: #ff9993;
  --ks-color-notice-inverted-to-fg-5-base: #ffaea9;
  --ks-color-notice-inverted-to-fg-6-base: #ffc3bf;
  --ks-color-notice-inverted-to-fg-7-base: #ffd8d6;
  --ks-color-notice-inverted-to-fg-8-base: #ffeae9;
  --ks-color-notice-inverted-to-fg-9-base: #fff7f6;
  --ks-color-negative-base: #cd4901;
  --ks-color-negative-alpha-1-base: rgba(205,73,1,.95);
  --ks-color-negative-alpha-2-base: rgba(205,73,1,.87);
  --ks-color-negative-alpha-3-base: rgba(205,73,1,.76);
  --ks-color-negative-alpha-4-base: rgba(205,73,1,.63);
  --ks-color-negative-alpha-5-base: rgba(205,73,1,.5);
  --ks-color-negative-alpha-6-base: rgba(205,73,1,.37);
  --ks-color-negative-alpha-7-base: rgba(205,73,1,.24);
  --ks-color-negative-alpha-8-base: rgba(205,73,1,.13);
  --ks-color-negative-alpha-9-base: rgba(205,73,1,.05);
  --ks-color-negative-to-bg-1-base: #d0520e;
  --ks-color-negative-to-bg-2-base: #d46122;
  --ks-color-negative-to-bg-3-base: #d9753e;
  --ks-color-negative-to-bg-4-base: #e08c5f;
  --ks-color-negative-to-bg-5-base: #e6a480;
  --ks-color-negative-to-bg-6-base: #edbca1;
  --ks-color-negative-to-bg-7-base: #f3d3c2;
  --ks-color-negative-to-bg-8-base: #f9e7de;
  --ks-color-negative-to-bg-9-base: #fdf6f2;
  --ks-color-negative-to-fg-1-base: #c54803;
  --ks-color-negative-to-fg-2-base: #b84507;
  --ks-color-negative-to-fg-3-base: #a6420b;
  --ks-color-negative-to-fg-4-base: #913e11;
  --ks-color-negative-to-fg-5-base: #7d3b17;
  --ks-color-negative-to-fg-6-base: #68371c;
  --ks-color-negative-to-fg-7-base: #533322;
  --ks-color-negative-to-fg-8-base: #413026;
  --ks-color-negative-to-fg-9-base: #342d2a;
  --ks-color-negative-inverted-base: #d21d48;
  --ks-color-negative-inverted-alpha-1-base: rgba(210,29,72,.95);
  --ks-color-negative-inverted-alpha-2-base: rgba(210,29,72,.87);
  --ks-color-negative-inverted-alpha-3-base: rgba(210,29,72,.76);
  --ks-color-negative-inverted-alpha-4-base: rgba(210,29,72,.63);
  --ks-color-negative-inverted-alpha-5-base: rgba(210,29,72,.5);
  --ks-color-negative-inverted-alpha-6-base: rgba(210,29,72,.37);
  --ks-color-negative-inverted-alpha-7-base: rgba(210,29,72,.24);
  --ks-color-negative-inverted-alpha-8-base: rgba(210,29,72,.13);
  --ks-color-negative-inverted-alpha-9-base: rgba(210,29,72,.05);
  --ks-color-negative-inverted-to-bg-1-base: #ca1e47;
  --ks-color-negative-inverted-to-bg-2-base: #be2146;
  --ks-color-negative-inverted-to-bg-3-base: #ad2344;
  --ks-color-negative-inverted-to-bg-4-base: #992742;
  --ks-color-negative-inverted-to-bg-5-base: #852b40;
  --ks-color-negative-inverted-to-bg-6-base: #712e3e;
  --ks-color-negative-inverted-to-bg-7-base: #5d323c;
  --ks-color-negative-inverted-to-bg-8-base: #4c343a;
  --ks-color-negative-inverted-to-bg-9-base: #403739;
  --ks-color-negative-inverted-to-fg-1-base: #d42851;
  --ks-color-negative-inverted-to-fg-2-base: #d83a60;
  --ks-color-negative-inverted-to-fg-3-base: #dd5374;
  --ks-color-negative-inverted-to-fg-4-base: #e3718c;
  --ks-color-negative-inverted-to-fg-5-base: #e98ea4;
  --ks-color-negative-inverted-to-fg-6-base: #eeabbb;
  --ks-color-negative-inverted-to-fg-7-base: #f4c9d3;
  --ks-color-negative-inverted-to-fg-8-base: #f9e2e7;
  --ks-color-negative-inverted-to-fg-9-base: #fdf4f6;
  --ks-color-secondary-base: #007faf;
  --ks-color-secondary-alpha-1-base: rgba(0,127,175,.95);
  --ks-color-secondary-alpha-2-base: rgba(0,127,175,.87);
  --ks-color-secondary-alpha-3-base: rgba(0,127,175,.76);
  --ks-color-secondary-alpha-4-base: rgba(0,127,175,.63);
  --ks-color-secondary-alpha-5-base: rgba(0,127,175,.5);
  --ks-color-secondary-alpha-6-base: rgba(0,127,175,.37);
  --ks-color-secondary-alpha-7-base: rgba(0,127,175,.24);
  --ks-color-secondary-alpha-8-base: rgba(0,127,175,.13);
  --ks-color-secondary-alpha-9-base: rgba(0,127,175,.05);
  --ks-color-secondary-to-bg-1-base: #0d85b3;
  --ks-color-secondary-to-bg-2-base: #2190b9;
  --ks-color-secondary-to-bg-3-base: #3d9ec2;
  --ks-color-secondary-to-bg-4-base: #5eaecd;
  --ks-color-secondary-to-bg-5-base: #80bfd7;
  --ks-color-secondary-to-bg-6-base: #a1d0e1;
  --ks-color-secondary-to-bg-7-base: #c2e0ec;
  --ks-color-secondary-to-bg-8-base: #deeef5;
  --ks-color-secondary-to-bg-9-base: #f2f9fb;
  --ks-color-secondary-to-fg-1-base: #027ba8;
  --ks-color-secondary-to-fg-2-base: #06749e;
  --ks-color-secondary-to-fg-3-base: #0b6b90;
  --ks-color-secondary-to-fg-4-base: #10607f;
  --ks-color-secondary-to-fg-5-base: #16566e;
  --ks-color-secondary-to-fg-6-base: #1c4b5c;
  --ks-color-secondary-to-fg-7-base: #21404b;
  --ks-color-secondary-to-fg-8-base: #26373d;
  --ks-color-secondary-to-fg-9-base: #2a3033;
  --ks-color-secondary-inverted-base: #007faf;
  --ks-color-secondary-inverted-alpha-1-base: rgba(0,127,175,.95);
  --ks-color-secondary-inverted-alpha-2-base: rgba(0,127,175,.87);
  --ks-color-secondary-inverted-alpha-3-base: rgba(0,127,175,.76);
  --ks-color-secondary-inverted-alpha-4-base: rgba(0,127,175,.63);
  --ks-color-secondary-inverted-alpha-5-base: rgba(0,127,175,.5);
  --ks-color-secondary-inverted-alpha-6-base: rgba(0,127,175,.37);
  --ks-color-secondary-inverted-alpha-7-base: rgba(0,127,175,.24);
  --ks-color-secondary-inverted-alpha-8-base: rgba(0,127,175,.13);
  --ks-color-secondary-inverted-alpha-9-base: rgba(0,127,175,.05);
  --ks-color-secondary-inverted-to-bg-1-base: #037ba9;
  --ks-color-secondary-inverted-to-bg-2-base: #0776a0;
  --ks-color-secondary-inverted-to-bg-3-base: #0d6e92;
  --ks-color-secondary-inverted-to-bg-4-base: #156583;
  --ks-color-secondary-inverted-to-bg-5-base: #1c5c74;
  --ks-color-secondary-inverted-to-bg-6-base: #235264;
  --ks-color-secondary-inverted-to-bg-7-base: #2b4955;
  --ks-color-secondary-inverted-to-bg-8-base: #314147;
  --ks-color-secondary-inverted-to-bg-9-base: #353c3e;
  --ks-color-secondary-inverted-to-fg-1-base: #0d85b3;
  --ks-color-secondary-inverted-to-fg-2-base: #2190b9;
  --ks-color-secondary-inverted-to-fg-3-base: #3d9ec2;
  --ks-color-secondary-inverted-to-fg-4-base: #5eaecd;
  --ks-color-secondary-inverted-to-fg-5-base: #80bfd7;
  --ks-color-secondary-inverted-to-fg-6-base: #a1d0e1;
  --ks-color-secondary-inverted-to-fg-7-base: #c2e0ec;
  --ks-color-secondary-inverted-to-fg-8-base: #deeef5;
  --ks-color-secondary-inverted-to-fg-9-base: #f2f9fb;
  --ks-depth-modal: 1000;
  --ks-spacing-xxs: var(--ks-spacing-xxs-base);
  --ks-spacing-xxs-base: 0.1481rem;
  --ks-spacing-xxs-bp-factor-phone: 1.25;
  --ks-spacing-xxs-bp-factor-tablet: 1.5625;
  --ks-spacing-xxs-bp-factor-laptop: 1.9531;
  --ks-spacing-xxs-bp-factor-desktop: 2.4414;
  --ks-spacing-xs: var(--ks-spacing-xs-base);
  --ks-spacing-xs-base: 0.2222rem;
  --ks-spacing-xs-bp-factor-phone: 1.25;
  --ks-spacing-xs-bp-factor-tablet: 1.5625;
  --ks-spacing-xs-bp-factor-laptop: 1.9531;
  --ks-spacing-xs-bp-factor-desktop: 2.4414;
  --ks-spacing-s: var(--ks-spacing-s-base);
  --ks-spacing-s-base: 0.3333rem;
  --ks-spacing-s-bp-factor-phone: 1.25;
  --ks-spacing-s-bp-factor-tablet: 1.5625;
  --ks-spacing-s-bp-factor-laptop: 1.9531;
  --ks-spacing-s-bp-factor-desktop: 2.4414;
  --ks-spacing-m: var(--ks-spacing-m-base);
  --ks-spacing-m-base: 0.5rem;
  --ks-spacing-m-bp-factor-phone: 1.25;
  --ks-spacing-m-bp-factor-tablet: 1.5625;
  --ks-spacing-m-bp-factor-laptop: 1.9531;
  --ks-spacing-m-bp-factor-desktop: 2.4414;
  --ks-spacing-l: var(--ks-spacing-l-base);
  --ks-spacing-l-base: 0.75rem;
  --ks-spacing-l-bp-factor-phone: 1.25;
  --ks-spacing-l-bp-factor-tablet: 1.5625;
  --ks-spacing-l-bp-factor-laptop: 1.9531;
  --ks-spacing-l-bp-factor-desktop: 2.4414;
  --ks-spacing-xl: var(--ks-spacing-xl-base);
  --ks-spacing-xl-base: 1.125rem;
  --ks-spacing-xl-bp-factor-phone: 1.25;
  --ks-spacing-xl-bp-factor-tablet: 1.5625;
  --ks-spacing-xl-bp-factor-laptop: 1.9531;
  --ks-spacing-xl-bp-factor-desktop: 2.4414;
  --ks-spacing-xxl: var(--ks-spacing-xxl-base);
  --ks-spacing-xxl-base: 1.6875rem;
  --ks-spacing-xxl-bp-factor-phone: 1.25;
  --ks-spacing-xxl-bp-factor-tablet: 1.5625;
  --ks-spacing-xxl-bp-factor-laptop: 1.9531;
  --ks-spacing-xxl-bp-factor-desktop: 2.4414;
  --ks-spacing-stack-xs: var(--ks-spacing-xs);
  --ks-spacing-stack-s: var(--ks-spacing-s);
  --ks-spacing-stack-m: var(--ks-spacing-m);
  --ks-spacing-stack-l: var(--ks-spacing-l);
  --ks-spacing-stack-xl: var(--ks-spacing-xl);
  --ks-spacing-inline-xs: var(--ks-spacing-xs);
  --ks-spacing-inline-s: var(--ks-spacing-s);
  --ks-spacing-inline-m: var(--ks-spacing-m);
  --ks-spacing-inline-l: var(--ks-spacing-l);
  --ks-spacing-inline-xl: var(--ks-spacing-xl);
  --ks-spacing-inset-xs: var(--ks-spacing-xs);
  --ks-spacing-inset-s: var(--ks-spacing-s);
  --ks-spacing-inset-m: var(--ks-spacing-m);
  --ks-spacing-inset-l: var(--ks-spacing-l);
  --ks-spacing-inset-xl: var(--ks-spacing-xl);
  --ks-spacing-inset-squish-xs: var(--ks-spacing-xxs) var(--ks-spacing-xs);
  --ks-spacing-inset-squish-s: var(--ks-spacing-xs) var(--ks-spacing-s);
  --ks-spacing-inset-squish-m: var(--ks-spacing-s) var(--ks-spacing-m);
  --ks-spacing-inset-squish-l: var(--ks-spacing-m) var(--ks-spacing-l);
  --ks-spacing-inset-squish-xl: var(--ks-spacing-l) var(--ks-spacing-xl);
  --ks-spacing-inset-stretch-xs: var(--ks-spacing-s) var(--ks-spacing-xs);
  --ks-spacing-inset-stretch-s: var(--ks-spacing-m) var(--ks-spacing-s);
  --ks-spacing-inset-stretch-m: var(--ks-spacing-l) var(--ks-spacing-m);
  --ks-spacing-inset-stretch-l: var(--ks-spacing-xl) var(--ks-spacing-l);
  --ks-spacing-inset-stretch-xl: var(--ks-spacing-xxl) var(--ks-spacing-xl);
  --ks-text-color-default-base: var(--ks-color-fg-base);
  --ks-text-color-default-interactive-base: var(--ks-color-link-base);
  --ks-text-color-default-interactive-hover-base: var(--ks-color-link-base);
  --ks-text-color-default-interactive-active-base: var(--ks-color-link-base);
  --ks-text-color-default-interactive-selected-base: var(--ks-color-link-base);
  --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-default-inverted-interactive-base: var(--ks-color-link-inverted-base);
  --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-base);
  --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-base);
  --ks-text-color-default-inverted-interactive-selected-base: var(--ks-color-link-inverted-base);
  --ks-text-color-copy-base: var(--ks-color-fg-alpha-3-base);
  --ks-text-color-copy-interactive-base: var(--ks-color-link-base);
  --ks-text-color-copy-interactive-hover-base: var(--ks-color-link-to-fg-2-base);
  --ks-text-color-copy-interactive-active-base: var(--ks-color-link-to-fg-3-base);
  --ks-text-color-copy-interactive-selected-base: var(--ks-color-link-to-fg-3-base);
  --ks-text-color-copy-inverted-base: var(--ks-color-fg-inverted-alpha-3-base);
  --ks-text-color-copy-inverted-interactive-base: var(--ks-color-link-inverted-base);
  --ks-text-color-copy-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-text-color-copy-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-text-color-copy-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-text-color-display-base: var(--ks-color-fg-base);
  --ks-text-color-display-interactive-base: var(--ks-color-link-base);
  --ks-text-color-display-interactive-hover-base: var(--ks-color-link-to-fg-2-base);
  --ks-text-color-display-interactive-active-base: var(--ks-color-link-to-fg-3-base);
  --ks-text-color-display-interactive-selected-base: var(--ks-color-link-to-fg-3-base);
  --ks-text-color-display-inverted-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-display-inverted-interactive-base: var(--ks-color-link-inverted-base);
  --ks-text-color-display-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-text-color-display-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-text-color-display-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-text-color-interface-base: var(--ks-color-fg-alpha-4-base);
  --ks-text-color-interface-interactive-base: var(--ks-color-fg-alpha-3-base);
  --ks-text-color-interface-interactive-hover-base: var(--ks-color-fg-base);
  --ks-text-color-interface-interactive-active-base: var(--ks-color-fg-base);
  --ks-text-color-interface-interactive-selected-base: var(--ks-color-fg-base);
  --ks-text-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-4-base);
  --ks-text-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-3-base);
  --ks-text-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-interface-inverted-interactive-selected-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-card-base: var(--ks-color-fg-alpha-2-base);
  --ks-text-color-card-interactive-base: var(--ks-color-fg-base);
  --ks-text-color-card-interactive-hover-base: #000;
  --ks-text-color-card-interactive-active-base: #000;
  --ks-text-color-card-interactive-selected-base: #000;
  --ks-text-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-2-base);
  --ks-text-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-card-inverted-interactive-selected-base: var(--ks-color-fg-inverted-base);
  --ks-text-color-primary-base: var(--ks-color-primary-base);
  --ks-text-color-primary-interactive-base: var(--ks-color-primary-base);
  --ks-text-color-primary-interactive-hover-base: var(--ks-color-primary-alpha-2-base);
  --ks-text-color-primary-interactive-active-base: var(--ks-color-primary-alpha-2-base);
  --ks-text-color-primary-interactive-selected-base: var(--ks-color-primary-alpha-2-base);
  --ks-text-color-primary-inverted-base: var(--ks-color-primary-inverted-base);
  --ks-text-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-alpha-2-base);
  --ks-text-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-2-base);
  --ks-text-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-2-base);
  --ks-text-color-primary-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-2-base);
  --ks-text-color-positive-base: var(--ks-color-positive-base);
  --ks-text-color-positive-interactive-base: var(--ks-color-positive-base);
  --ks-text-color-positive-interactive-hover-base: var(--ks-color-positive-alpha-2-base);
  --ks-text-color-positive-interactive-active-base: var(--ks-color-positive-alpha-2-base);
  --ks-text-color-positive-interactive-selected-base: var(--ks-color-positive-alpha-2-base);
  --ks-text-color-positive-inverted-base: var(--ks-color-positive-inverted-base);
  --ks-text-color-positive-inverted-interactive-base: var(--ks-color-positive-inverted-alpha-2-base);
  --ks-text-color-positive-inverted-interactive-hover-base: var(--ks-color-positive-inverted-alpha-2-base);
  --ks-text-color-positive-inverted-interactive-active-base: var(--ks-color-positive-inverted-alpha-2-base);
  --ks-text-color-positive-inverted-interactive-selected-base: var(--ks-color-positive-inverted-alpha-2-base);
  --ks-text-color-informative-base: var(--ks-color-informative-base);
  --ks-text-color-informative-interactive-base: var(--ks-color-informative-base);
  --ks-text-color-informative-interactive-hover-base: var(--ks-color-informative-alpha-2-base);
  --ks-text-color-informative-interactive-active-base: var(--ks-color-informative-alpha-2-base);
  --ks-text-color-informative-interactive-selected-base: var(--ks-color-informative-alpha-2-base);
  --ks-text-color-informative-inverted-base: var(--ks-color-informative-inverted-base);
  --ks-text-color-informative-inverted-interactive-base: var(--ks-color-informative-inverted-alpha-2-base);
  --ks-text-color-informative-inverted-interactive-hover-base: var(--ks-color-informative-inverted-alpha-2-base);
  --ks-text-color-informative-inverted-interactive-active-base: var(--ks-color-informative-inverted-alpha-2-base);
  --ks-text-color-informative-inverted-interactive-selected-base: var(--ks-color-informative-inverted-alpha-2-base);
  --ks-text-color-notice-base: var(--ks-color-notice-base);
  --ks-text-color-notice-interactive-base: var(--ks-color-notice-base);
  --ks-text-color-notice-interactive-hover-base: var(--ks-color-notice-alpha-2-base);
  --ks-text-color-notice-interactive-active-base: var(--ks-color-notice-alpha-2-base);
  --ks-text-color-notice-interactive-selected-base: var(--ks-color-notice-alpha-2-base);
  --ks-text-color-notice-inverted-base: var(--ks-color-notice-inverted-base);
  --ks-text-color-notice-inverted-interactive-base: var(--ks-color-notice-inverted-alpha-2-base);
  --ks-text-color-notice-inverted-interactive-hover-base: var(--ks-color-notice-inverted-alpha-2-base);
  --ks-text-color-notice-inverted-interactive-active-base: var(--ks-color-notice-inverted-alpha-2-base);
  --ks-text-color-notice-inverted-interactive-selected-base: var(--ks-color-notice-inverted-alpha-2-base);
  --ks-text-color-negative-base: var(--ks-color-negative-base);
  --ks-text-color-negative-interactive-base: var(--ks-color-negative-base);
  --ks-text-color-negative-interactive-hover-base: var(--ks-color-negative-alpha-2-base);
  --ks-text-color-negative-interactive-active-base: var(--ks-color-negative-alpha-2-base);
  --ks-text-color-negative-interactive-selected-base: var(--ks-color-negative-alpha-2-base);
  --ks-text-color-negative-inverted-base: var(--ks-color-negative-inverted-base);
  --ks-text-color-negative-inverted-interactive-base: var(--ks-color-negative-inverted-alpha-2-base);
  --ks-text-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-alpha-2-base);
  --ks-text-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-alpha-2-base);
  --ks-text-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-alpha-2-base);
  --ks-text-color-secondary-base: var(--ks-color-secondary-base);
  --ks-text-color-secondary-interactive-base: var(--ks-color-secondary-base);
  --ks-text-color-secondary-interactive-hover-base: var(--ks-color-secondary-alpha-2-base);
  --ks-text-color-secondary-interactive-active-base: var(--ks-color-secondary-alpha-2-base);
  --ks-text-color-secondary-interactive-selected-base: var(--ks-color-secondary-alpha-2-base);
  --ks-text-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
  --ks-text-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-alpha-2-base);
  --ks-text-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-alpha-2-base);
  --ks-text-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-alpha-2-base);
  --ks-text-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-alpha-2-base);
  --ks-duration-immediate: 50ms;
  --ks-duration-fast: 100ms;
  --ks-duration-medium: 150ms;
  --ks-duration-slow: 300ms;
  --ks-timing-function-bounce: cubic-bezier(0.17,1,0.5,1.5);
  --ks-timing-function-ease-out: ease-out;
  --ks-timing-function-ease-in: ease-in;
  --ks-timing-function-ease-in-out: ease-in-out;
  --ks-timing-function-linear: linear;
  --ks-transition-collapse: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
  --ks-transition-hover: var(--ks-duration-fast) var(--ks-timing-function-ease-in-out);
  --ks-transition-fade: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
  --ks-font-family-display: TeleNeo, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
  --ks-font-family-copy: TeleNeo, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --ks-font-family-interface: TeleNeo, system-ui, -apple-system, BlinkMacSystemFont, 'Avenir Next', 'Avenir', 'Segoe UI', 'Lucida Grande', 'Helvetica Neue', 'Helvetica', 'Fira Sans', 'Roboto', 'Noto', 'Droid Sans', 'Cantarell', 'Oxygen', 'Ubuntu', 'Franklin Gothic Medium', 'Century Gothic', 'Liberation Sans', sans-serif;
  --ks-font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
  --ks-font-weight-light: 300;
  --ks-font-weight-regular: 400;
  --ks-font-weight-semi-bold: 500;
  --ks-font-weight-bold: 700;
  --ks-font-size-display-bp-factor-phone: 1.25;
  --ks-font-size-display-bp-factor-tablet: 1.35;
  --ks-font-size-display-xxs-base: 0.612rem;
  --ks-font-size-display-xs-base: 0.7497rem;
  --ks-font-size-display-s-base: 0.9184rem;
  --ks-font-size-display-m-base: 1.125rem;
  --ks-font-size-display-l-base: 1.3781rem;
  --ks-font-size-display-xl-base: 1.6882rem;
  --ks-font-size-display-xxl-base: 2.068rem;
  --ks-font-size-copy-bp-factor-tablet: 1.125;
  --ks-font-size-copy-xxs-base: 0.612rem;
  --ks-font-size-copy-xs-base: 0.7497rem;
  --ks-font-size-copy-s-base: 0.9184rem;
  --ks-font-size-copy-m-base: 1.125rem;
  --ks-font-size-copy-l-base: 1.3781rem;
  --ks-font-size-copy-xl-base: 1.6882rem;
  --ks-font-size-copy-xxl-base: 2.068rem;
  --ks-font-size-interface-bp-factor-tablet: 1.125;
  --ks-font-size-interface-xxs-base: 0.544rem;
  --ks-font-size-interface-xs-base: 0.6664rem;
  --ks-font-size-interface-s-base: 0.8163rem;
  --ks-font-size-interface-m-base: 1rem;
  --ks-font-size-interface-l-base: 1.225rem;
  --ks-font-size-interface-xl-base: 1.5006rem;
  --ks-font-size-interface-xxl-base: 1.8383rem;
  --ks-font-size-mono-bp-factor-tablet: 1.125;
  --ks-font-size-mono-xxs-base: 0.544rem;
  --ks-font-size-mono-xs-base: 0.6664rem;
  --ks-font-size-mono-s-base: 0.8163rem;
  --ks-font-size-mono-m-base: 1rem;
  --ks-font-size-mono-l-base: 1.225rem;
  --ks-font-size-mono-xl-base: 1.5006rem;
  --ks-font-size-mono-xxl-base: 1.8383rem;
  --ks-line-height-display-xxs: 1.25;
  --ks-line-height-display-xs: 1.25;
  --ks-line-height-display-s: 1.25;
  --ks-line-height-display-m: 1.25;
  --ks-line-height-display-l: 1.25;
  --ks-line-height-display-xl: 1.25;
  --ks-line-height-display-xxl: 1.25;
  --ks-line-height-copy-xxs: 1.35;
  --ks-line-height-copy-xs: 1.35;
  --ks-line-height-copy-s: 1.35;
  --ks-line-height-copy-m: 1.35;
  --ks-line-height-copy-l: 1.35;
  --ks-line-height-copy-xl: 1.35;
  --ks-line-height-copy-xxl: 1.35;
  --ks-line-height-interface-xxs: 1.35;
  --ks-line-height-interface-xs: 1.35;
  --ks-line-height-interface-s: 1.35;
  --ks-line-height-interface-m: 1.35;
  --ks-line-height-interface-l: 1.35;
  --ks-line-height-interface-xl: 1.35;
  --ks-line-height-interface-xxl: 1.35;
  --ks-line-height-mono-xxs: 1.35;
  --ks-line-height-mono-xs: 1.35;
  --ks-line-height-mono-s: 1.35;
  --ks-line-height-mono-m: 1.35;
  --ks-line-height-mono-l: 1.35;
  --ks-line-height-mono-xl: 1.35;
  --ks-line-height-mono-xxl: 1.35;
  --g-header-height: 0px;
  --g-scroll-offset: var(--g-header-height);
  --ks-font-size-display-xxs: calc(var(--ks-font-size-display-xxs-base) * var(--ks-font-size-display-bp-factor, 1));
  --ks-font-display-xxs: var(--ks-font-size-display-xxs) / var(--ks-line-height-display-xxs) var(--ks-font-family-display);
  --ks-font-size-display-xs: calc(var(--ks-font-size-display-xs-base) * var(--ks-font-size-display-bp-factor, 1));
  --ks-font-display-xs: var(--ks-font-size-display-xs) / var(--ks-line-height-display-xs) var(--ks-font-family-display);
  --ks-font-size-display-s: calc(var(--ks-font-size-display-s-base) * var(--ks-font-size-display-bp-factor, 1));
  --ks-font-display-s: var(--ks-font-size-display-s) / var(--ks-line-height-display-s) var(--ks-font-family-display);
  --ks-font-size-display-m: calc(var(--ks-font-size-display-m-base) * var(--ks-font-size-display-bp-factor, 1));
  --ks-font-display-m: var(--ks-font-size-display-m) / var(--ks-line-height-display-m) var(--ks-font-family-display);
  --ks-font-size-display-l: calc(var(--ks-font-size-display-l-base) * var(--ks-font-size-display-bp-factor, 1));
  --ks-font-display-l: var(--ks-font-size-display-l) / var(--ks-line-height-display-l) var(--ks-font-family-display);
  --ks-font-size-display-xl: calc(var(--ks-font-size-display-xl-base) * var(--ks-font-size-display-bp-factor, 1));
  --ks-font-display-xl: var(--ks-font-size-display-xl) / var(--ks-line-height-display-xl) var(--ks-font-family-display);
  --ks-font-size-display-xxl: calc(var(--ks-font-size-display-xxl-base) * var(--ks-font-size-display-bp-factor, 1));
  --ks-font-display-xxl: var(--ks-font-size-display-xxl) / var(--ks-line-height-display-xxl) var(--ks-font-family-display);
  --ks-font-size-copy-xxs: calc(var(--ks-font-size-copy-xxs-base) * var(--ks-font-size-copy-bp-factor, 1));
  --ks-font-copy-xxs: var(--ks-font-size-copy-xxs) / var(--ks-line-height-copy-xxs) var(--ks-font-family-copy);
  --ks-font-size-copy-xs: calc(var(--ks-font-size-copy-xs-base) * var(--ks-font-size-copy-bp-factor, 1));
  --ks-font-copy-xs: var(--ks-font-size-copy-xs) / var(--ks-line-height-copy-xs) var(--ks-font-family-copy);
  --ks-font-size-copy-s: calc(var(--ks-font-size-copy-s-base) * var(--ks-font-size-copy-bp-factor, 1));
  --ks-font-copy-s: var(--ks-font-size-copy-s) / var(--ks-line-height-copy-s) var(--ks-font-family-copy);
  --ks-font-size-copy-m: calc(var(--ks-font-size-copy-m-base) * var(--ks-font-size-copy-bp-factor, 1));
  --ks-font-copy-m: var(--ks-font-size-copy-m) / var(--ks-line-height-copy-m) var(--ks-font-family-copy);
  --ks-font-size-copy-l: calc(var(--ks-font-size-copy-l-base) * var(--ks-font-size-copy-bp-factor, 1));
  --ks-font-copy-l: var(--ks-font-size-copy-l) / var(--ks-line-height-copy-l) var(--ks-font-family-copy);
  --ks-font-size-copy-xl: calc(var(--ks-font-size-copy-xl-base) * var(--ks-font-size-copy-bp-factor, 1));
  --ks-font-copy-xl: var(--ks-font-size-copy-xl) / var(--ks-line-height-copy-xl) var(--ks-font-family-copy);
  --ks-font-size-copy-xxl: calc(var(--ks-font-size-copy-xxl-base) * var(--ks-font-size-copy-bp-factor, 1));
  --ks-font-copy-xxl: var(--ks-font-size-copy-xxl) / var(--ks-line-height-copy-xxl) var(--ks-font-family-copy);
  --ks-font-size-interface-xxs: calc(var(--ks-font-size-interface-xxs-base) * var(--ks-font-size-interface-bp-factor, 1));
  --ks-font-interface-xxs: var(--ks-font-size-interface-xxs) / var(--ks-line-height-interface-xxs) var(--ks-font-family-interface);
  --ks-font-size-interface-xs: calc(var(--ks-font-size-interface-xs-base) * var(--ks-font-size-interface-bp-factor, 1));
  --ks-font-interface-xs: var(--ks-font-size-interface-xs) / var(--ks-line-height-interface-xs) var(--ks-font-family-interface);
  --ks-font-size-interface-s: calc(var(--ks-font-size-interface-s-base) * var(--ks-font-size-interface-bp-factor, 1));
  --ks-font-interface-s: var(--ks-font-size-interface-s) / var(--ks-line-height-interface-s) var(--ks-font-family-interface);
  --ks-font-size-interface-m: calc(var(--ks-font-size-interface-m-base) * var(--ks-font-size-interface-bp-factor, 1));
  --ks-font-interface-m: var(--ks-font-size-interface-m) / var(--ks-line-height-interface-m) var(--ks-font-family-interface);
  --ks-font-size-interface-l: calc(var(--ks-font-size-interface-l-base) * var(--ks-font-size-interface-bp-factor, 1));
  --ks-font-interface-l: var(--ks-font-size-interface-l) / var(--ks-line-height-interface-l) var(--ks-font-family-interface);
  --ks-font-size-interface-xl: calc(var(--ks-font-size-interface-xl-base) * var(--ks-font-size-interface-bp-factor, 1));
  --ks-font-interface-xl: var(--ks-font-size-interface-xl) / var(--ks-line-height-interface-xl) var(--ks-font-family-interface);
  --ks-font-size-interface-xxl: calc(var(--ks-font-size-interface-xxl-base) * var(--ks-font-size-interface-bp-factor, 1));
  --ks-font-interface-xxl: var(--ks-font-size-interface-xxl) / var(--ks-line-height-interface-xxl) var(--ks-font-family-interface);
  --ks-font-size-mono-xxs: calc(var(--ks-font-size-mono-xxs-base) * var(--ks-font-size-mono-bp-factor, 1));
  --ks-font-mono-xxs: var(--ks-font-size-mono-xxs) / var(--ks-line-height-mono-xxs) var(--ks-font-family-mono);
  --ks-font-size-mono-xs: calc(var(--ks-font-size-mono-xs-base) * var(--ks-font-size-mono-bp-factor, 1));
  --ks-font-mono-xs: var(--ks-font-size-mono-xs) / var(--ks-line-height-mono-xs) var(--ks-font-family-mono);
  --ks-font-size-mono-s: calc(var(--ks-font-size-mono-s-base) * var(--ks-font-size-mono-bp-factor, 1));
  --ks-font-mono-s: var(--ks-font-size-mono-s) / var(--ks-line-height-mono-s) var(--ks-font-family-mono);
  --ks-font-size-mono-m: calc(var(--ks-font-size-mono-m-base) * var(--ks-font-size-mono-bp-factor, 1));
  --ks-font-mono-m: var(--ks-font-size-mono-m) / var(--ks-line-height-mono-m) var(--ks-font-family-mono);
  --ks-font-size-mono-l: calc(var(--ks-font-size-mono-l-base) * var(--ks-font-size-mono-bp-factor, 1));
  --ks-font-mono-l: var(--ks-font-size-mono-l) / var(--ks-line-height-mono-l) var(--ks-font-family-mono);
  --ks-font-size-mono-xl: calc(var(--ks-font-size-mono-xl-base) * var(--ks-font-size-mono-bp-factor, 1));
  --ks-font-mono-xl: var(--ks-font-size-mono-xl) / var(--ks-line-height-mono-xl) var(--ks-font-family-mono);
  --ks-font-size-mono-xxl: calc(var(--ks-font-size-mono-xxl-base) * var(--ks-font-size-mono-bp-factor, 1));
  --ks-font-mono-xxl: var(--ks-font-size-mono-xxl) / var(--ks-line-height-mono-xxl) var(--ks-font-family-mono);
  --ks-spacing-xxs: calc(var(--ks-spacing-xxs-base) * var(--ks-spacing-xxs-bp-factor, 1));
  --ks-spacing-xs: calc(var(--ks-spacing-xs-base) * var(--ks-spacing-xs-bp-factor, 1));
  --ks-spacing-s: calc(var(--ks-spacing-s-base) * var(--ks-spacing-s-bp-factor, 1));
  --ks-spacing-m: calc(var(--ks-spacing-m-base) * var(--ks-spacing-m-bp-factor, 1));
  --ks-spacing-l: calc(var(--ks-spacing-l-base) * var(--ks-spacing-l-bp-factor, 1));
  --ks-spacing-xl: calc(var(--ks-spacing-xl-base) * var(--ks-spacing-xl-bp-factor, 1));
  --ks-spacing-xxl: calc(var(--ks-spacing-xxl-base) * var(--ks-spacing-xxl-bp-factor, 1));
  --ks-spacing-stack: calc(var(--ks-spacing-stack-base) * var(--ks-spacing-stack-bp-factor, 1));
  --ks-spacing-inline: calc(var(--ks-spacing-inline-base) * var(--ks-spacing-inline-bp-factor, 1));
  --ks-spacing-inset: calc(var(--ks-spacing-inset-base) * var(--ks-spacing-inset-bp-factor, 1));
  --ks-spacing-inset-squish: calc(var(--ks-spacing-inset-squish-base) * var(--ks-spacing-inset-squish-bp-factor, 1));
  --ks-spacing-inset-stretch: calc(var(--ks-spacing-inset-stretch-base) * var(--ks-spacing-inset-stretch-bp-factor, 1));
  --ks-breakpoints: '{"phone":"36em","tablet":"48em","laptop":"62em","desktop":"75em"}';
}

:root [ks-theme=telekom], [ks-theme=telekom] [ks-inverted=false] {
  --ks-background-color-accent: var(--ks-background-color-accent-base);
  --ks-background-color-accent-inverted: var(--ks-background-color-accent-inverted-base);
  --ks-background-color-bold: var(--ks-background-color-bold-base);
  --ks-background-color-bold-inverted: var(--ks-background-color-bold-inverted-base);
  --ks-background-color-clear: var(--ks-background-color-clear-base);
  --ks-background-color-clear-interactive: var(--ks-background-color-clear-interactive-base);
  --ks-background-color-clear-interactive-hover: var(--ks-background-color-clear-interactive-hover-base);
  --ks-background-color-clear-interactive-active: var(--ks-background-color-clear-interactive-active-base);
  --ks-background-color-clear-interactive-selected: var(--ks-background-color-clear-interactive-selected-base);
  --ks-background-color-clear-inverted: var(--ks-background-color-clear-inverted-base);
  --ks-background-color-clear-inverted-interactive: var(--ks-background-color-clear-inverted-interactive-base);
  --ks-background-color-clear-inverted-interactive-hover: var(--ks-background-color-clear-inverted-interactive-hover-base);
  --ks-background-color-clear-inverted-interactive-active: var(--ks-background-color-clear-inverted-interactive-active-base);
  --ks-background-color-clear-inverted-interactive-selected: var(--ks-background-color-clear-inverted-interactive-selected-base);
  --ks-background-color-default: var(--ks-background-color-default-base);
  --ks-background-color-default-inverted: var(--ks-background-color-default-inverted-base);
  --ks-background-color-interface: var(--ks-background-color-interface-base);
  --ks-background-color-interface-interactive: var(--ks-background-color-interface-interactive-base);
  --ks-background-color-interface-interactive-disabled: var(--ks-background-color-interface-interactive-disabled-base);
  --ks-background-color-interface-interactive-hover: var(--ks-background-color-interface-interactive-hover-base);
  --ks-background-color-interface-interactive-active: var(--ks-background-color-interface-interactive-active-base);
  --ks-background-color-interface-interactive-selected: var(--ks-background-color-interface-interactive-selected-base);
  --ks-background-color-interface-inverted: var(--ks-background-color-interface-inverted-base);
  --ks-background-color-interface-inverted-interactive: var(--ks-background-color-interface-inverted-interactive-base);
  --ks-background-color-interface-inverted-interactive-disabled: var(--ks-background-color-interface-inverted-interactive-disabled-base);
  --ks-background-color-interface-inverted-interactive-hover: var(--ks-background-color-interface-inverted-interactive-hover-base);
  --ks-background-color-interface-inverted-interactive-active: var(--ks-background-color-interface-inverted-interactive-active-base);
  --ks-background-color-interface-inverted-interactive-selected: var(--ks-background-color-interface-inverted-interactive-selected-base);
  --ks-background-color-card: var(--ks-background-color-card-base);
  --ks-background-color-card-interactive: var(--ks-background-color-card-interactive-base);
  --ks-background-color-card-interactive-disabled: var(--ks-background-color-card-interactive-disabled-base);
  --ks-background-color-card-interactive-hover: var(--ks-background-color-card-interactive-hover-base);
  --ks-background-color-card-interactive-active: var(--ks-background-color-card-interactive-active-base);
  --ks-background-color-card-interactive-selected: var(--ks-background-color-card-interactive-selected-base);
  --ks-background-color-card-inverted: var(--ks-background-color-card-inverted-base);
  --ks-background-color-card-inverted-interactive: var(--ks-background-color-card-inverted-interactive-base);
  --ks-background-color-card-inverted-interactive-disabled: var(--ks-background-color-card-inverted-interactive-disabled-base);
  --ks-background-color-card-inverted-interactive-hover: var(--ks-background-color-card-inverted-interactive-hover-base);
  --ks-background-color-card-inverted-interactive-active: var(--ks-background-color-card-inverted-interactive-active-base);
  --ks-background-color-card-inverted-interactive-selected: var(--ks-background-color-card-inverted-interactive-selected-base);
  --ks-background-color-primary: var(--ks-background-color-primary-base);
  --ks-background-color-primary-interactive: var(--ks-background-color-primary-interactive-base);
  --ks-background-color-primary-interactive-hover: var(--ks-background-color-primary-interactive-hover-base);
  --ks-background-color-primary-interactive-active: var(--ks-background-color-primary-interactive-active-base);
  --ks-background-color-primary-interactive-selected: var(--ks-background-color-primary-interactive-selected-base);
  --ks-background-color-primary-translucent: var(--ks-background-color-primary-translucent-base);
  --ks-background-color-primary-inverted: var(--ks-background-color-primary-inverted-base);
  --ks-background-color-primary-inverted-interactive: var(--ks-background-color-primary-inverted-interactive-base);
  --ks-background-color-primary-inverted-interactive-hover: var(--ks-background-color-primary-inverted-interactive-hover-base);
  --ks-background-color-primary-inverted-interactive-active: var(--ks-background-color-primary-inverted-interactive-active-base);
  --ks-background-color-primary-inverted-interactive-selected: var(--ks-background-color-primary-inverted-interactive-selected-base);
  --ks-background-color-primary-inverted-translucent: var(--ks-background-color-primary-inverted-translucent-base);
  --ks-background-color-positive: var(--ks-background-color-positive-base);
  --ks-background-color-positive-interactive: var(--ks-background-color-positive-interactive-base);
  --ks-background-color-positive-interactive-hover: var(--ks-background-color-positive-interactive-hover-base);
  --ks-background-color-positive-interactive-active: var(--ks-background-color-positive-interactive-active-base);
  --ks-background-color-positive-interactive-selected: var(--ks-background-color-positive-interactive-selected-base);
  --ks-background-color-positive-translucent: var(--ks-background-color-positive-translucent-base);
  --ks-background-color-positive-inverted: var(--ks-background-color-positive-inverted-base);
  --ks-background-color-positive-inverted-interactive: var(--ks-background-color-positive-inverted-interactive-base);
  --ks-background-color-positive-inverted-interactive-hover: var(--ks-background-color-positive-inverted-interactive-hover-base);
  --ks-background-color-positive-inverted-interactive-active: var(--ks-background-color-positive-inverted-interactive-active-base);
  --ks-background-color-positive-inverted-interactive-selected: var(--ks-background-color-positive-inverted-interactive-selected-base);
  --ks-background-color-positive-inverted-translucent: var(--ks-background-color-positive-inverted-translucent-base);
  --ks-background-color-informative: var(--ks-background-color-informative-base);
  --ks-background-color-informative-interactive: var(--ks-background-color-informative-interactive-base);
  --ks-background-color-informative-interactive-hover: var(--ks-background-color-informative-interactive-hover-base);
  --ks-background-color-informative-interactive-active: var(--ks-background-color-informative-interactive-active-base);
  --ks-background-color-informative-interactive-selected: var(--ks-background-color-informative-interactive-selected-base);
  --ks-background-color-informative-translucent: var(--ks-background-color-informative-translucent-base);
  --ks-background-color-informative-inverted: var(--ks-background-color-informative-inverted-base);
  --ks-background-color-informative-inverted-interactive: var(--ks-background-color-informative-inverted-interactive-base);
  --ks-background-color-informative-inverted-interactive-hover: var(--ks-background-color-informative-inverted-interactive-hover-base);
  --ks-background-color-informative-inverted-interactive-active: var(--ks-background-color-informative-inverted-interactive-active-base);
  --ks-background-color-informative-inverted-interactive-selected: var(--ks-background-color-informative-inverted-interactive-selected-base);
  --ks-background-color-informative-inverted-translucent: var(--ks-background-color-informative-inverted-translucent-base);
  --ks-background-color-notice: var(--ks-background-color-notice-base);
  --ks-background-color-notice-interactive: var(--ks-background-color-notice-interactive-base);
  --ks-background-color-notice-interactive-hover: var(--ks-background-color-notice-interactive-hover-base);
  --ks-background-color-notice-interactive-active: var(--ks-background-color-notice-interactive-active-base);
  --ks-background-color-notice-interactive-selected: var(--ks-background-color-notice-interactive-selected-base);
  --ks-background-color-notice-translucent: var(--ks-background-color-notice-translucent-base);
  --ks-background-color-notice-inverted: var(--ks-background-color-notice-inverted-base);
  --ks-background-color-notice-inverted-interactive: var(--ks-background-color-notice-inverted-interactive-base);
  --ks-background-color-notice-inverted-interactive-hover: var(--ks-background-color-notice-inverted-interactive-hover-base);
  --ks-background-color-notice-inverted-interactive-active: var(--ks-background-color-notice-inverted-interactive-active-base);
  --ks-background-color-notice-inverted-interactive-selected: var(--ks-background-color-notice-inverted-interactive-selected-base);
  --ks-background-color-notice-inverted-translucent: var(--ks-background-color-notice-inverted-translucent-base);
  --ks-background-color-negative: var(--ks-background-color-negative-base);
  --ks-background-color-negative-interactive: var(--ks-background-color-negative-interactive-base);
  --ks-background-color-negative-interactive-hover: var(--ks-background-color-negative-interactive-hover-base);
  --ks-background-color-negative-interactive-active: var(--ks-background-color-negative-interactive-active-base);
  --ks-background-color-negative-interactive-selected: var(--ks-background-color-negative-interactive-selected-base);
  --ks-background-color-negative-translucent: var(--ks-background-color-negative-translucent-base);
  --ks-background-color-negative-inverted: var(--ks-background-color-negative-inverted-base);
  --ks-background-color-negative-inverted-interactive: var(--ks-background-color-negative-inverted-interactive-base);
  --ks-background-color-negative-inverted-interactive-hover: var(--ks-background-color-negative-inverted-interactive-hover-base);
  --ks-background-color-negative-inverted-interactive-active: var(--ks-background-color-negative-inverted-interactive-active-base);
  --ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-inverted-interactive-selected-base);
  --ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-inverted-translucent-base);
  --ks-background-color-secondary: var(--ks-background-color-secondary-base);
  --ks-background-color-secondary-interactive: var(--ks-background-color-secondary-interactive-base);
  --ks-background-color-secondary-interactive-hover: var(--ks-background-color-secondary-interactive-hover-base);
  --ks-background-color-secondary-interactive-active: var(--ks-background-color-secondary-interactive-active-base);
  --ks-background-color-secondary-interactive-selected: var(--ks-background-color-secondary-interactive-selected-base);
  --ks-background-color-secondary-translucent: var(--ks-background-color-secondary-translucent-base);
  --ks-background-color-secondary-inverted: var(--ks-background-color-secondary-inverted-base);
  --ks-background-color-secondary-inverted-interactive: var(--ks-background-color-secondary-inverted-interactive-base);
  --ks-background-color-secondary-inverted-interactive-hover: var(--ks-background-color-secondary-inverted-interactive-hover-base);
  --ks-background-color-secondary-inverted-interactive-active: var(--ks-background-color-secondary-inverted-interactive-active-base);
  --ks-background-color-secondary-inverted-interactive-selected: var(--ks-background-color-secondary-inverted-interactive-selected-base);
  --ks-background-color-secondary-inverted-translucent: var(--ks-background-color-secondary-inverted-translucent-base);
  --ks-border-color-accent: var(--ks-border-color-accent-base);
  --ks-border-color-accent-inverted: var(--ks-border-color-accent-inverted-base);
  --ks-border-color-clear: var(--ks-border-color-clear-base);
  --ks-border-color-clear-interactive: var(--ks-border-color-clear-interactive-base);
  --ks-border-color-clear-interactive-hover: var(--ks-border-color-clear-interactive-hover-base);
  --ks-border-color-clear-interactive-active: var(--ks-border-color-clear-interactive-active-base);
  --ks-border-color-clear-interactive-selected: var(--ks-border-color-clear-interactive-selected-base);
  --ks-border-color-clear-inverted: var(--ks-border-color-clear-inverted-base);
  --ks-border-color-clear-inverted-interactive: var(--ks-border-color-clear-inverted-interactive-base);
  --ks-border-color-clear-inverted-interactive-hover: var(--ks-border-color-clear-inverted-interactive-hover-base);
  --ks-border-color-clear-inverted-interactive-active: var(--ks-border-color-clear-inverted-interactive-active-base);
  --ks-border-color-clear-inverted-interactive-selected: var(--ks-border-color-clear-inverted-interactive-selected-base);
  --ks-border-color-default: var(--ks-border-color-default-base);
  --ks-border-color-default-inverted: var(--ks-border-color-default-inverted-base);
  --ks-border-color-interface: var(--ks-border-color-interface-base);
  --ks-border-color-interface-interactive: var(--ks-border-color-interface-interactive-base);
  --ks-border-color-interface-interactive-disabled: var(--ks-border-color-interface-interactive-disabled-base);
  --ks-border-color-interface-interactive-hover: var(--ks-border-color-interface-interactive-hover-base);
  --ks-border-color-interface-interactive-active: var(--ks-border-color-interface-interactive-active-base);
  --ks-border-color-interface-interactive-selected: var(--ks-border-color-interface-interactive-selected-base);
  --ks-border-color-interface-inverted: var(--ks-border-color-interface-inverted-base);
  --ks-border-color-interface-inverted-interactive: var(--ks-border-color-interface-inverted-interactive-base);
  --ks-border-color-interface-inverted-interactive-disabled: var(--ks-border-color-interface-inverted-interactive-disabled-base);
  --ks-border-color-interface-inverted-interactive-hover: var(--ks-border-color-interface-inverted-interactive-hover-base);
  --ks-border-color-interface-inverted-interactive-active: var(--ks-border-color-interface-inverted-interactive-active-base);
  --ks-border-color-interface-inverted-interactive-selected: var(--ks-border-color-interface-inverted-interactive-selected-base);
  --ks-border-color-card: var(--ks-border-color-card-base);
  --ks-border-color-card-interactive: var(--ks-border-color-card-interactive-base);
  --ks-border-color-card-interactive-disabled: var(--ks-border-color-card-interactive-disabled-base);
  --ks-border-color-card-interactive-hover: var(--ks-border-color-card-interactive-hover-base);
  --ks-border-color-card-interactive-active: var(--ks-border-color-card-interactive-active-base);
  --ks-border-color-card-interactive-selected: var(--ks-border-color-card-interactive-selected-base);
  --ks-border-color-card-inverted: var(--ks-border-color-card-inverted-base);
  --ks-border-color-card-inverted-interactive: var(--ks-border-color-card-inverted-interactive-base);
  --ks-border-color-card-inverted-interactive-disabled: var(--ks-border-color-card-inverted-interactive-disabled-base);
  --ks-border-color-card-inverted-interactive-hover: var(--ks-border-color-card-inverted-interactive-hover-base);
  --ks-border-color-card-inverted-interactive-active: var(--ks-border-color-card-inverted-interactive-active-base);
  --ks-border-color-card-inverted-interactive-selected: var(--ks-border-color-card-inverted-interactive-selected-base);
  --ks-border-color-primary: var(--ks-border-color-primary-base);
  --ks-border-color-primary-interactive: var(--ks-border-color-primary-interactive-base);
  --ks-border-color-primary-interactive-hover: var(--ks-border-color-primary-interactive-hover-base);
  --ks-border-color-primary-interactive-active: var(--ks-border-color-primary-interactive-active-base);
  --ks-border-color-primary-interactive-selected: var(--ks-border-color-primary-interactive-selected-base);
  --ks-border-color-primary-translucent: var(--ks-border-color-primary-translucent-base);
  --ks-border-color-primary-inverted: var(--ks-border-color-primary-inverted-base);
  --ks-border-color-primary-inverted-interactive: var(--ks-border-color-primary-inverted-interactive-base);
  --ks-border-color-primary-inverted-interactive-hover: var(--ks-border-color-primary-inverted-interactive-hover-base);
  --ks-border-color-primary-inverted-interactive-active: var(--ks-border-color-primary-inverted-interactive-active-base);
  --ks-border-color-primary-inverted-interactive-selected: var(--ks-border-color-primary-inverted-interactive-selected-base);
  --ks-border-color-primary-inverted-translucent: var(--ks-border-color-primary-inverted-translucent-base);
  --ks-border-color-positive: var(--ks-border-color-positive-base);
  --ks-border-color-positive-interactive: var(--ks-border-color-positive-interactive-base);
  --ks-border-color-positive-interactive-hover: var(--ks-border-color-positive-interactive-hover-base);
  --ks-border-color-positive-interactive-active: var(--ks-border-color-positive-interactive-active-base);
  --ks-border-color-positive-interactive-selected: var(--ks-border-color-positive-interactive-selected-base);
  --ks-border-color-positive-translucent: var(--ks-border-color-positive-translucent-base);
  --ks-border-color-positive-inverted: var(--ks-border-color-positive-inverted-base);
  --ks-border-color-positive-inverted-interactive: var(--ks-border-color-positive-inverted-interactive-base);
  --ks-border-color-positive-inverted-interactive-hover: var(--ks-border-color-positive-inverted-interactive-hover-base);
  --ks-border-color-positive-inverted-interactive-active: var(--ks-border-color-positive-inverted-interactive-active-base);
  --ks-border-color-positive-inverted-interactive-selected: var(--ks-border-color-positive-inverted-interactive-selected-base);
  --ks-border-color-positive-inverted-translucent: var(--ks-border-color-positive-inverted-translucent-base);
  --ks-border-color-informative: var(--ks-border-color-informative-base);
  --ks-border-color-informative-interactive: var(--ks-border-color-informative-interactive-base);
  --ks-border-color-informative-interactive-hover: var(--ks-border-color-informative-interactive-hover-base);
  --ks-border-color-informative-interactive-active: var(--ks-border-color-informative-interactive-active-base);
  --ks-border-color-informative-interactive-selected: var(--ks-border-color-informative-interactive-selected-base);
  --ks-border-color-informative-translucent: var(--ks-border-color-informative-translucent-base);
  --ks-border-color-informative-inverted: var(--ks-border-color-informative-inverted-base);
  --ks-border-color-informative-inverted-interactive: var(--ks-border-color-informative-inverted-interactive-base);
  --ks-border-color-informative-inverted-interactive-hover: var(--ks-border-color-informative-inverted-interactive-hover-base);
  --ks-border-color-informative-inverted-interactive-active: var(--ks-border-color-informative-inverted-interactive-active-base);
  --ks-border-color-informative-inverted-interactive-selected: var(--ks-border-color-informative-inverted-interactive-selected-base);
  --ks-border-color-informative-inverted-translucent: var(--ks-border-color-informative-inverted-translucent-base);
  --ks-border-color-notice: var(--ks-border-color-notice-base);
  --ks-border-color-notice-interactive: var(--ks-border-color-notice-interactive-base);
  --ks-border-color-notice-interactive-hover: var(--ks-border-color-notice-interactive-hover-base);
  --ks-border-color-notice-interactive-active: var(--ks-border-color-notice-interactive-active-base);
  --ks-border-color-notice-interactive-selected: var(--ks-border-color-notice-interactive-selected-base);
  --ks-border-color-notice-translucent: var(--ks-border-color-notice-translucent-base);
  --ks-border-color-notice-inverted: var(--ks-border-color-notice-inverted-base);
  --ks-border-color-notice-inverted-interactive: var(--ks-border-color-notice-inverted-interactive-base);
  --ks-border-color-notice-inverted-interactive-hover: var(--ks-border-color-notice-inverted-interactive-hover-base);
  --ks-border-color-notice-inverted-interactive-active: var(--ks-border-color-notice-inverted-interactive-active-base);
  --ks-border-color-notice-inverted-interactive-selected: var(--ks-border-color-notice-inverted-interactive-selected-base);
  --ks-border-color-notice-inverted-translucent: var(--ks-border-color-notice-inverted-translucent-base);
  --ks-border-color-negative: var(--ks-border-color-negative-base);
  --ks-border-color-negative-interactive: var(--ks-border-color-negative-interactive-base);
  --ks-border-color-negative-interactive-hover: var(--ks-border-color-negative-interactive-hover-base);
  --ks-border-color-negative-interactive-active: var(--ks-border-color-negative-interactive-active-base);
  --ks-border-color-negative-interactive-selected: var(--ks-border-color-negative-interactive-selected-base);
  --ks-border-color-negative-translucent: var(--ks-border-color-negative-translucent-base);
  --ks-border-color-negative-inverted: var(--ks-border-color-negative-inverted-base);
  --ks-border-color-negative-inverted-interactive: var(--ks-border-color-negative-inverted-interactive-base);
  --ks-border-color-negative-inverted-interactive-hover: var(--ks-border-color-negative-inverted-interactive-hover-base);
  --ks-border-color-negative-inverted-interactive-active: var(--ks-border-color-negative-inverted-interactive-active-base);
  --ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-inverted-interactive-selected-base);
  --ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-inverted-translucent-base);
  --ks-border-color-secondary: var(--ks-border-color-secondary-base);
  --ks-border-color-secondary-interactive: var(--ks-border-color-secondary-interactive-base);
  --ks-border-color-secondary-interactive-hover: var(--ks-border-color-secondary-interactive-hover-base);
  --ks-border-color-secondary-interactive-active: var(--ks-border-color-secondary-interactive-active-base);
  --ks-border-color-secondary-interactive-selected: var(--ks-border-color-secondary-interactive-selected-base);
  --ks-border-color-secondary-translucent: var(--ks-border-color-secondary-translucent-base);
  --ks-border-color-secondary-inverted: var(--ks-border-color-secondary-inverted-base);
  --ks-border-color-secondary-inverted-interactive: var(--ks-border-color-secondary-inverted-interactive-base);
  --ks-border-color-secondary-inverted-interactive-hover: var(--ks-border-color-secondary-inverted-interactive-hover-base);
  --ks-border-color-secondary-inverted-interactive-active: var(--ks-border-color-secondary-inverted-interactive-active-base);
  --ks-border-color-secondary-inverted-interactive-selected: var(--ks-border-color-secondary-inverted-interactive-selected-base);
  --ks-border-color-secondary-inverted-translucent: var(--ks-border-color-secondary-inverted-translucent-base);
  --ks-color-fg: var(--ks-color-fg-base);
  --ks-color-fg-alpha-1: var(--ks-color-fg-alpha-1-base);
  --ks-color-fg-alpha-2: var(--ks-color-fg-alpha-2-base);
  --ks-color-fg-alpha-3: var(--ks-color-fg-alpha-3-base);
  --ks-color-fg-alpha-4: var(--ks-color-fg-alpha-4-base);
  --ks-color-fg-alpha-5: var(--ks-color-fg-alpha-5-base);
  --ks-color-fg-alpha-6: var(--ks-color-fg-alpha-6-base);
  --ks-color-fg-alpha-7: var(--ks-color-fg-alpha-7-base);
  --ks-color-fg-alpha-8: var(--ks-color-fg-alpha-8-base);
  --ks-color-fg-alpha-9: var(--ks-color-fg-alpha-9-base);
  --ks-color-fg-to-bg-1: var(--ks-color-fg-to-bg-1-base);
  --ks-color-fg-to-bg-2: var(--ks-color-fg-to-bg-2-base);
  --ks-color-fg-to-bg-3: var(--ks-color-fg-to-bg-3-base);
  --ks-color-fg-to-bg-4: var(--ks-color-fg-to-bg-4-base);
  --ks-color-fg-to-bg-5: var(--ks-color-fg-to-bg-5-base);
  --ks-color-fg-to-bg-6: var(--ks-color-fg-to-bg-6-base);
  --ks-color-fg-to-bg-7: var(--ks-color-fg-to-bg-7-base);
  --ks-color-fg-to-bg-8: var(--ks-color-fg-to-bg-8-base);
  --ks-color-fg-to-bg-9: var(--ks-color-fg-to-bg-9-base);
  --ks-color-fg-inverted: var(--ks-color-fg-inverted-base);
  --ks-color-fg-inverted-alpha-1: var(--ks-color-fg-inverted-alpha-1-base);
  --ks-color-fg-inverted-alpha-2: var(--ks-color-fg-inverted-alpha-2-base);
  --ks-color-fg-inverted-alpha-3: var(--ks-color-fg-inverted-alpha-3-base);
  --ks-color-fg-inverted-alpha-4: var(--ks-color-fg-inverted-alpha-4-base);
  --ks-color-fg-inverted-alpha-5: var(--ks-color-fg-inverted-alpha-5-base);
  --ks-color-fg-inverted-alpha-6: var(--ks-color-fg-inverted-alpha-6-base);
  --ks-color-fg-inverted-alpha-7: var(--ks-color-fg-inverted-alpha-7-base);
  --ks-color-fg-inverted-alpha-8: var(--ks-color-fg-inverted-alpha-8-base);
  --ks-color-fg-inverted-alpha-9: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-color-fg-inverted-to-bg-1: var(--ks-color-fg-inverted-to-bg-1-base);
  --ks-color-fg-inverted-to-bg-2: var(--ks-color-fg-inverted-to-bg-2-base);
  --ks-color-fg-inverted-to-bg-3: var(--ks-color-fg-inverted-to-bg-3-base);
  --ks-color-fg-inverted-to-bg-4: var(--ks-color-fg-inverted-to-bg-4-base);
  --ks-color-fg-inverted-to-bg-5: var(--ks-color-fg-inverted-to-bg-5-base);
  --ks-color-fg-inverted-to-bg-6: var(--ks-color-fg-inverted-to-bg-6-base);
  --ks-color-fg-inverted-to-bg-7: var(--ks-color-fg-inverted-to-bg-7-base);
  --ks-color-fg-inverted-to-bg-8: var(--ks-color-fg-inverted-to-bg-8-base);
  --ks-color-fg-inverted-to-bg-9: var(--ks-color-fg-inverted-to-bg-9-base);
  --ks-color-bg: var(--ks-color-bg-base);
  --ks-color-bg-alpha-1: var(--ks-color-bg-alpha-1-base);
  --ks-color-bg-alpha-2: var(--ks-color-bg-alpha-2-base);
  --ks-color-bg-alpha-3: var(--ks-color-bg-alpha-3-base);
  --ks-color-bg-alpha-4: var(--ks-color-bg-alpha-4-base);
  --ks-color-bg-alpha-5: var(--ks-color-bg-alpha-5-base);
  --ks-color-bg-alpha-6: var(--ks-color-bg-alpha-6-base);
  --ks-color-bg-alpha-7: var(--ks-color-bg-alpha-7-base);
  --ks-color-bg-alpha-8: var(--ks-color-bg-alpha-8-base);
  --ks-color-bg-alpha-9: var(--ks-color-bg-alpha-9-base);
  --ks-color-bg-to-fg-1: var(--ks-color-bg-to-fg-1-base);
  --ks-color-bg-to-fg-2: var(--ks-color-bg-to-fg-2-base);
  --ks-color-bg-to-fg-3: var(--ks-color-bg-to-fg-3-base);
  --ks-color-bg-to-fg-4: var(--ks-color-bg-to-fg-4-base);
  --ks-color-bg-to-fg-5: var(--ks-color-bg-to-fg-5-base);
  --ks-color-bg-to-fg-6: var(--ks-color-bg-to-fg-6-base);
  --ks-color-bg-to-fg-7: var(--ks-color-bg-to-fg-7-base);
  --ks-color-bg-to-fg-8: var(--ks-color-bg-to-fg-8-base);
  --ks-color-bg-to-fg-9: var(--ks-color-bg-to-fg-9-base);
  --ks-color-bg-inverted: var(--ks-color-bg-inverted-base);
  --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
  --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
  --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
  --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
  --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
  --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
  --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
  --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
  --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
  --ks-color-bg-inverted-to-fg-1: var(--ks-color-bg-inverted-to-fg-1-base);
  --ks-color-bg-inverted-to-fg-2: var(--ks-color-bg-inverted-to-fg-2-base);
  --ks-color-bg-inverted-to-fg-3: var(--ks-color-bg-inverted-to-fg-3-base);
  --ks-color-bg-inverted-to-fg-4: var(--ks-color-bg-inverted-to-fg-4-base);
  --ks-color-bg-inverted-to-fg-5: var(--ks-color-bg-inverted-to-fg-5-base);
  --ks-color-bg-inverted-to-fg-6: var(--ks-color-bg-inverted-to-fg-6-base);
  --ks-color-bg-inverted-to-fg-7: var(--ks-color-bg-inverted-to-fg-7-base);
  --ks-color-bg-inverted-to-fg-8: var(--ks-color-bg-inverted-to-fg-8-base);
  --ks-color-bg-inverted-to-fg-9: var(--ks-color-bg-inverted-to-fg-9-base);
  --ks-color-transparent: var(--ks-color-transparent-base);
  --ks-color-primary: var(--ks-color-primary-base);
  --ks-color-primary-alpha-1: var(--ks-color-primary-alpha-1-base);
  --ks-color-primary-alpha-2: var(--ks-color-primary-alpha-2-base);
  --ks-color-primary-alpha-3: var(--ks-color-primary-alpha-3-base);
  --ks-color-primary-alpha-4: var(--ks-color-primary-alpha-4-base);
  --ks-color-primary-alpha-5: var(--ks-color-primary-alpha-5-base);
  --ks-color-primary-alpha-6: var(--ks-color-primary-alpha-6-base);
  --ks-color-primary-alpha-7: var(--ks-color-primary-alpha-7-base);
  --ks-color-primary-alpha-8: var(--ks-color-primary-alpha-8-base);
  --ks-color-primary-alpha-9: var(--ks-color-primary-alpha-9-base);
  --ks-color-primary-to-bg-1: var(--ks-color-primary-to-bg-1-base);
  --ks-color-primary-to-bg-2: var(--ks-color-primary-to-bg-2-base);
  --ks-color-primary-to-bg-3: var(--ks-color-primary-to-bg-3-base);
  --ks-color-primary-to-bg-4: var(--ks-color-primary-to-bg-4-base);
  --ks-color-primary-to-bg-5: var(--ks-color-primary-to-bg-5-base);
  --ks-color-primary-to-bg-6: var(--ks-color-primary-to-bg-6-base);
  --ks-color-primary-to-bg-7: var(--ks-color-primary-to-bg-7-base);
  --ks-color-primary-to-bg-8: var(--ks-color-primary-to-bg-8-base);
  --ks-color-primary-to-bg-9: var(--ks-color-primary-to-bg-9-base);
  --ks-color-primary-to-fg-1: var(--ks-color-primary-to-fg-1-base);
  --ks-color-primary-to-fg-2: var(--ks-color-primary-to-fg-2-base);
  --ks-color-primary-to-fg-3: var(--ks-color-primary-to-fg-3-base);
  --ks-color-primary-to-fg-4: var(--ks-color-primary-to-fg-4-base);
  --ks-color-primary-to-fg-5: var(--ks-color-primary-to-fg-5-base);
  --ks-color-primary-to-fg-6: var(--ks-color-primary-to-fg-6-base);
  --ks-color-primary-to-fg-7: var(--ks-color-primary-to-fg-7-base);
  --ks-color-primary-to-fg-8: var(--ks-color-primary-to-fg-8-base);
  --ks-color-primary-to-fg-9: var(--ks-color-primary-to-fg-9-base);
  --ks-color-primary-inverted: var(--ks-color-primary-inverted-base);
  --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
  --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
  --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
  --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
  --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
  --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
  --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
  --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
  --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
  --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
  --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
  --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
  --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
  --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
  --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
  --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
  --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
  --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
  --ks-color-primary-inverted-to-fg-1: var(--ks-color-primary-inverted-to-fg-1-base);
  --ks-color-primary-inverted-to-fg-2: var(--ks-color-primary-inverted-to-fg-2-base);
  --ks-color-primary-inverted-to-fg-3: var(--ks-color-primary-inverted-to-fg-3-base);
  --ks-color-primary-inverted-to-fg-4: var(--ks-color-primary-inverted-to-fg-4-base);
  --ks-color-primary-inverted-to-fg-5: var(--ks-color-primary-inverted-to-fg-5-base);
  --ks-color-primary-inverted-to-fg-6: var(--ks-color-primary-inverted-to-fg-6-base);
  --ks-color-primary-inverted-to-fg-7: var(--ks-color-primary-inverted-to-fg-7-base);
  --ks-color-primary-inverted-to-fg-8: var(--ks-color-primary-inverted-to-fg-8-base);
  --ks-color-primary-inverted-to-fg-9: var(--ks-color-primary-inverted-to-fg-9-base);
  --ks-color-link: var(--ks-color-link-base);
  --ks-color-link-alpha-1: var(--ks-color-link-alpha-1-base);
  --ks-color-link-alpha-2: var(--ks-color-link-alpha-2-base);
  --ks-color-link-alpha-3: var(--ks-color-link-alpha-3-base);
  --ks-color-link-alpha-4: var(--ks-color-link-alpha-4-base);
  --ks-color-link-alpha-5: var(--ks-color-link-alpha-5-base);
  --ks-color-link-alpha-6: var(--ks-color-link-alpha-6-base);
  --ks-color-link-alpha-7: var(--ks-color-link-alpha-7-base);
  --ks-color-link-alpha-8: var(--ks-color-link-alpha-8-base);
  --ks-color-link-alpha-9: var(--ks-color-link-alpha-9-base);
  --ks-color-link-to-bg-1: var(--ks-color-link-to-bg-1-base);
  --ks-color-link-to-bg-2: var(--ks-color-link-to-bg-2-base);
  --ks-color-link-to-bg-3: var(--ks-color-link-to-bg-3-base);
  --ks-color-link-to-bg-4: var(--ks-color-link-to-bg-4-base);
  --ks-color-link-to-bg-5: var(--ks-color-link-to-bg-5-base);
  --ks-color-link-to-bg-6: var(--ks-color-link-to-bg-6-base);
  --ks-color-link-to-bg-7: var(--ks-color-link-to-bg-7-base);
  --ks-color-link-to-bg-8: var(--ks-color-link-to-bg-8-base);
  --ks-color-link-to-bg-9: var(--ks-color-link-to-bg-9-base);
  --ks-color-link-to-fg-1: var(--ks-color-link-to-fg-1-base);
  --ks-color-link-to-fg-2: var(--ks-color-link-to-fg-2-base);
  --ks-color-link-to-fg-3: var(--ks-color-link-to-fg-3-base);
  --ks-color-link-to-fg-4: var(--ks-color-link-to-fg-4-base);
  --ks-color-link-to-fg-5: var(--ks-color-link-to-fg-5-base);
  --ks-color-link-to-fg-6: var(--ks-color-link-to-fg-6-base);
  --ks-color-link-to-fg-7: var(--ks-color-link-to-fg-7-base);
  --ks-color-link-to-fg-8: var(--ks-color-link-to-fg-8-base);
  --ks-color-link-to-fg-9: var(--ks-color-link-to-fg-9-base);
  --ks-color-link-inverted: var(--ks-color-link-inverted-base);
  --ks-color-link-inverted-alpha-1: var(--ks-color-link-inverted-alpha-1-base);
  --ks-color-link-inverted-alpha-2: var(--ks-color-link-inverted-alpha-2-base);
  --ks-color-link-inverted-alpha-3: var(--ks-color-link-inverted-alpha-3-base);
  --ks-color-link-inverted-alpha-4: var(--ks-color-link-inverted-alpha-4-base);
  --ks-color-link-inverted-alpha-5: var(--ks-color-link-inverted-alpha-5-base);
  --ks-color-link-inverted-alpha-6: var(--ks-color-link-inverted-alpha-6-base);
  --ks-color-link-inverted-alpha-7: var(--ks-color-link-inverted-alpha-7-base);
  --ks-color-link-inverted-alpha-8: var(--ks-color-link-inverted-alpha-8-base);
  --ks-color-link-inverted-alpha-9: var(--ks-color-link-inverted-alpha-9-base);
  --ks-color-link-inverted-to-bg-1: var(--ks-color-link-inverted-to-bg-1-base);
  --ks-color-link-inverted-to-bg-2: var(--ks-color-link-inverted-to-bg-2-base);
  --ks-color-link-inverted-to-bg-3: var(--ks-color-link-inverted-to-bg-3-base);
  --ks-color-link-inverted-to-bg-4: var(--ks-color-link-inverted-to-bg-4-base);
  --ks-color-link-inverted-to-bg-5: var(--ks-color-link-inverted-to-bg-5-base);
  --ks-color-link-inverted-to-bg-6: var(--ks-color-link-inverted-to-bg-6-base);
  --ks-color-link-inverted-to-bg-7: var(--ks-color-link-inverted-to-bg-7-base);
  --ks-color-link-inverted-to-bg-8: var(--ks-color-link-inverted-to-bg-8-base);
  --ks-color-link-inverted-to-bg-9: var(--ks-color-link-inverted-to-bg-9-base);
  --ks-color-link-inverted-to-fg-1: var(--ks-color-link-inverted-to-fg-1-base);
  --ks-color-link-inverted-to-fg-2: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-color-link-inverted-to-fg-3: var(--ks-color-link-inverted-to-fg-3-base);
  --ks-color-link-inverted-to-fg-4: var(--ks-color-link-inverted-to-fg-4-base);
  --ks-color-link-inverted-to-fg-5: var(--ks-color-link-inverted-to-fg-5-base);
  --ks-color-link-inverted-to-fg-6: var(--ks-color-link-inverted-to-fg-6-base);
  --ks-color-link-inverted-to-fg-7: var(--ks-color-link-inverted-to-fg-7-base);
  --ks-color-link-inverted-to-fg-8: var(--ks-color-link-inverted-to-fg-8-base);
  --ks-color-link-inverted-to-fg-9: var(--ks-color-link-inverted-to-fg-9-base);
  --ks-color-positive: var(--ks-color-positive-base);
  --ks-color-positive-alpha-1: var(--ks-color-positive-alpha-1-base);
  --ks-color-positive-alpha-2: var(--ks-color-positive-alpha-2-base);
  --ks-color-positive-alpha-3: var(--ks-color-positive-alpha-3-base);
  --ks-color-positive-alpha-4: var(--ks-color-positive-alpha-4-base);
  --ks-color-positive-alpha-5: var(--ks-color-positive-alpha-5-base);
  --ks-color-positive-alpha-6: var(--ks-color-positive-alpha-6-base);
  --ks-color-positive-alpha-7: var(--ks-color-positive-alpha-7-base);
  --ks-color-positive-alpha-8: var(--ks-color-positive-alpha-8-base);
  --ks-color-positive-alpha-9: var(--ks-color-positive-alpha-9-base);
  --ks-color-positive-to-bg-1: var(--ks-color-positive-to-bg-1-base);
  --ks-color-positive-to-bg-2: var(--ks-color-positive-to-bg-2-base);
  --ks-color-positive-to-bg-3: var(--ks-color-positive-to-bg-3-base);
  --ks-color-positive-to-bg-4: var(--ks-color-positive-to-bg-4-base);
  --ks-color-positive-to-bg-5: var(--ks-color-positive-to-bg-5-base);
  --ks-color-positive-to-bg-6: var(--ks-color-positive-to-bg-6-base);
  --ks-color-positive-to-bg-7: var(--ks-color-positive-to-bg-7-base);
  --ks-color-positive-to-bg-8: var(--ks-color-positive-to-bg-8-base);
  --ks-color-positive-to-bg-9: var(--ks-color-positive-to-bg-9-base);
  --ks-color-positive-to-fg-1: var(--ks-color-positive-to-fg-1-base);
  --ks-color-positive-to-fg-2: var(--ks-color-positive-to-fg-2-base);
  --ks-color-positive-to-fg-3: var(--ks-color-positive-to-fg-3-base);
  --ks-color-positive-to-fg-4: var(--ks-color-positive-to-fg-4-base);
  --ks-color-positive-to-fg-5: var(--ks-color-positive-to-fg-5-base);
  --ks-color-positive-to-fg-6: var(--ks-color-positive-to-fg-6-base);
  --ks-color-positive-to-fg-7: var(--ks-color-positive-to-fg-7-base);
  --ks-color-positive-to-fg-8: var(--ks-color-positive-to-fg-8-base);
  --ks-color-positive-to-fg-9: var(--ks-color-positive-to-fg-9-base);
  --ks-color-positive-inverted: var(--ks-color-positive-inverted-base);
  --ks-color-positive-inverted-alpha-1: var(--ks-color-positive-inverted-alpha-1-base);
  --ks-color-positive-inverted-alpha-2: var(--ks-color-positive-inverted-alpha-2-base);
  --ks-color-positive-inverted-alpha-3: var(--ks-color-positive-inverted-alpha-3-base);
  --ks-color-positive-inverted-alpha-4: var(--ks-color-positive-inverted-alpha-4-base);
  --ks-color-positive-inverted-alpha-5: var(--ks-color-positive-inverted-alpha-5-base);
  --ks-color-positive-inverted-alpha-6: var(--ks-color-positive-inverted-alpha-6-base);
  --ks-color-positive-inverted-alpha-7: var(--ks-color-positive-inverted-alpha-7-base);
  --ks-color-positive-inverted-alpha-8: var(--ks-color-positive-inverted-alpha-8-base);
  --ks-color-positive-inverted-alpha-9: var(--ks-color-positive-inverted-alpha-9-base);
  --ks-color-positive-inverted-to-bg-1: var(--ks-color-positive-inverted-to-bg-1-base);
  --ks-color-positive-inverted-to-bg-2: var(--ks-color-positive-inverted-to-bg-2-base);
  --ks-color-positive-inverted-to-bg-3: var(--ks-color-positive-inverted-to-bg-3-base);
  --ks-color-positive-inverted-to-bg-4: var(--ks-color-positive-inverted-to-bg-4-base);
  --ks-color-positive-inverted-to-bg-5: var(--ks-color-positive-inverted-to-bg-5-base);
  --ks-color-positive-inverted-to-bg-6: var(--ks-color-positive-inverted-to-bg-6-base);
  --ks-color-positive-inverted-to-bg-7: var(--ks-color-positive-inverted-to-bg-7-base);
  --ks-color-positive-inverted-to-bg-8: var(--ks-color-positive-inverted-to-bg-8-base);
  --ks-color-positive-inverted-to-bg-9: var(--ks-color-positive-inverted-to-bg-9-base);
  --ks-color-positive-inverted-to-fg-1: var(--ks-color-positive-inverted-to-fg-1-base);
  --ks-color-positive-inverted-to-fg-2: var(--ks-color-positive-inverted-to-fg-2-base);
  --ks-color-positive-inverted-to-fg-3: var(--ks-color-positive-inverted-to-fg-3-base);
  --ks-color-positive-inverted-to-fg-4: var(--ks-color-positive-inverted-to-fg-4-base);
  --ks-color-positive-inverted-to-fg-5: var(--ks-color-positive-inverted-to-fg-5-base);
  --ks-color-positive-inverted-to-fg-6: var(--ks-color-positive-inverted-to-fg-6-base);
  --ks-color-positive-inverted-to-fg-7: var(--ks-color-positive-inverted-to-fg-7-base);
  --ks-color-positive-inverted-to-fg-8: var(--ks-color-positive-inverted-to-fg-8-base);
  --ks-color-positive-inverted-to-fg-9: var(--ks-color-positive-inverted-to-fg-9-base);
  --ks-color-informative: var(--ks-color-informative-base);
  --ks-color-informative-alpha-1: var(--ks-color-informative-alpha-1-base);
  --ks-color-informative-alpha-2: var(--ks-color-informative-alpha-2-base);
  --ks-color-informative-alpha-3: var(--ks-color-informative-alpha-3-base);
  --ks-color-informative-alpha-4: var(--ks-color-informative-alpha-4-base);
  --ks-color-informative-alpha-5: var(--ks-color-informative-alpha-5-base);
  --ks-color-informative-alpha-6: var(--ks-color-informative-alpha-6-base);
  --ks-color-informative-alpha-7: var(--ks-color-informative-alpha-7-base);
  --ks-color-informative-alpha-8: var(--ks-color-informative-alpha-8-base);
  --ks-color-informative-alpha-9: var(--ks-color-informative-alpha-9-base);
  --ks-color-informative-to-bg-1: var(--ks-color-informative-to-bg-1-base);
  --ks-color-informative-to-bg-2: var(--ks-color-informative-to-bg-2-base);
  --ks-color-informative-to-bg-3: var(--ks-color-informative-to-bg-3-base);
  --ks-color-informative-to-bg-4: var(--ks-color-informative-to-bg-4-base);
  --ks-color-informative-to-bg-5: var(--ks-color-informative-to-bg-5-base);
  --ks-color-informative-to-bg-6: var(--ks-color-informative-to-bg-6-base);
  --ks-color-informative-to-bg-7: var(--ks-color-informative-to-bg-7-base);
  --ks-color-informative-to-bg-8: var(--ks-color-informative-to-bg-8-base);
  --ks-color-informative-to-bg-9: var(--ks-color-informative-to-bg-9-base);
  --ks-color-informative-to-fg-1: var(--ks-color-informative-to-fg-1-base);
  --ks-color-informative-to-fg-2: var(--ks-color-informative-to-fg-2-base);
  --ks-color-informative-to-fg-3: var(--ks-color-informative-to-fg-3-base);
  --ks-color-informative-to-fg-4: var(--ks-color-informative-to-fg-4-base);
  --ks-color-informative-to-fg-5: var(--ks-color-informative-to-fg-5-base);
  --ks-color-informative-to-fg-6: var(--ks-color-informative-to-fg-6-base);
  --ks-color-informative-to-fg-7: var(--ks-color-informative-to-fg-7-base);
  --ks-color-informative-to-fg-8: var(--ks-color-informative-to-fg-8-base);
  --ks-color-informative-to-fg-9: var(--ks-color-informative-to-fg-9-base);
  --ks-color-informative-inverted: var(--ks-color-informative-inverted-base);
  --ks-color-informative-inverted-alpha-1: var(--ks-color-informative-inverted-alpha-1-base);
  --ks-color-informative-inverted-alpha-2: var(--ks-color-informative-inverted-alpha-2-base);
  --ks-color-informative-inverted-alpha-3: var(--ks-color-informative-inverted-alpha-3-base);
  --ks-color-informative-inverted-alpha-4: var(--ks-color-informative-inverted-alpha-4-base);
  --ks-color-informative-inverted-alpha-5: var(--ks-color-informative-inverted-alpha-5-base);
  --ks-color-informative-inverted-alpha-6: var(--ks-color-informative-inverted-alpha-6-base);
  --ks-color-informative-inverted-alpha-7: var(--ks-color-informative-inverted-alpha-7-base);
  --ks-color-informative-inverted-alpha-8: var(--ks-color-informative-inverted-alpha-8-base);
  --ks-color-informative-inverted-alpha-9: var(--ks-color-informative-inverted-alpha-9-base);
  --ks-color-informative-inverted-to-bg-1: var(--ks-color-informative-inverted-to-bg-1-base);
  --ks-color-informative-inverted-to-bg-2: var(--ks-color-informative-inverted-to-bg-2-base);
  --ks-color-informative-inverted-to-bg-3: var(--ks-color-informative-inverted-to-bg-3-base);
  --ks-color-informative-inverted-to-bg-4: var(--ks-color-informative-inverted-to-bg-4-base);
  --ks-color-informative-inverted-to-bg-5: var(--ks-color-informative-inverted-to-bg-5-base);
  --ks-color-informative-inverted-to-bg-6: var(--ks-color-informative-inverted-to-bg-6-base);
  --ks-color-informative-inverted-to-bg-7: var(--ks-color-informative-inverted-to-bg-7-base);
  --ks-color-informative-inverted-to-bg-8: var(--ks-color-informative-inverted-to-bg-8-base);
  --ks-color-informative-inverted-to-bg-9: var(--ks-color-informative-inverted-to-bg-9-base);
  --ks-color-informative-inverted-to-fg-1: var(--ks-color-informative-inverted-to-fg-1-base);
  --ks-color-informative-inverted-to-fg-2: var(--ks-color-informative-inverted-to-fg-2-base);
  --ks-color-informative-inverted-to-fg-3: var(--ks-color-informative-inverted-to-fg-3-base);
  --ks-color-informative-inverted-to-fg-4: var(--ks-color-informative-inverted-to-fg-4-base);
  --ks-color-informative-inverted-to-fg-5: var(--ks-color-informative-inverted-to-fg-5-base);
  --ks-color-informative-inverted-to-fg-6: var(--ks-color-informative-inverted-to-fg-6-base);
  --ks-color-informative-inverted-to-fg-7: var(--ks-color-informative-inverted-to-fg-7-base);
  --ks-color-informative-inverted-to-fg-8: var(--ks-color-informative-inverted-to-fg-8-base);
  --ks-color-informative-inverted-to-fg-9: var(--ks-color-informative-inverted-to-fg-9-base);
  --ks-color-notice: var(--ks-color-notice-base);
  --ks-color-notice-alpha-1: var(--ks-color-notice-alpha-1-base);
  --ks-color-notice-alpha-2: var(--ks-color-notice-alpha-2-base);
  --ks-color-notice-alpha-3: var(--ks-color-notice-alpha-3-base);
  --ks-color-notice-alpha-4: var(--ks-color-notice-alpha-4-base);
  --ks-color-notice-alpha-5: var(--ks-color-notice-alpha-5-base);
  --ks-color-notice-alpha-6: var(--ks-color-notice-alpha-6-base);
  --ks-color-notice-alpha-7: var(--ks-color-notice-alpha-7-base);
  --ks-color-notice-alpha-8: var(--ks-color-notice-alpha-8-base);
  --ks-color-notice-alpha-9: var(--ks-color-notice-alpha-9-base);
  --ks-color-notice-to-bg-1: var(--ks-color-notice-to-bg-1-base);
  --ks-color-notice-to-bg-2: var(--ks-color-notice-to-bg-2-base);
  --ks-color-notice-to-bg-3: var(--ks-color-notice-to-bg-3-base);
  --ks-color-notice-to-bg-4: var(--ks-color-notice-to-bg-4-base);
  --ks-color-notice-to-bg-5: var(--ks-color-notice-to-bg-5-base);
  --ks-color-notice-to-bg-6: var(--ks-color-notice-to-bg-6-base);
  --ks-color-notice-to-bg-7: var(--ks-color-notice-to-bg-7-base);
  --ks-color-notice-to-bg-8: var(--ks-color-notice-to-bg-8-base);
  --ks-color-notice-to-bg-9: var(--ks-color-notice-to-bg-9-base);
  --ks-color-notice-to-fg-1: var(--ks-color-notice-to-fg-1-base);
  --ks-color-notice-to-fg-2: var(--ks-color-notice-to-fg-2-base);
  --ks-color-notice-to-fg-3: var(--ks-color-notice-to-fg-3-base);
  --ks-color-notice-to-fg-4: var(--ks-color-notice-to-fg-4-base);
  --ks-color-notice-to-fg-5: var(--ks-color-notice-to-fg-5-base);
  --ks-color-notice-to-fg-6: var(--ks-color-notice-to-fg-6-base);
  --ks-color-notice-to-fg-7: var(--ks-color-notice-to-fg-7-base);
  --ks-color-notice-to-fg-8: var(--ks-color-notice-to-fg-8-base);
  --ks-color-notice-to-fg-9: var(--ks-color-notice-to-fg-9-base);
  --ks-color-notice-inverted: var(--ks-color-notice-inverted-base);
  --ks-color-notice-inverted-alpha-1: var(--ks-color-notice-inverted-alpha-1-base);
  --ks-color-notice-inverted-alpha-2: var(--ks-color-notice-inverted-alpha-2-base);
  --ks-color-notice-inverted-alpha-3: var(--ks-color-notice-inverted-alpha-3-base);
  --ks-color-notice-inverted-alpha-4: var(--ks-color-notice-inverted-alpha-4-base);
  --ks-color-notice-inverted-alpha-5: var(--ks-color-notice-inverted-alpha-5-base);
  --ks-color-notice-inverted-alpha-6: var(--ks-color-notice-inverted-alpha-6-base);
  --ks-color-notice-inverted-alpha-7: var(--ks-color-notice-inverted-alpha-7-base);
  --ks-color-notice-inverted-alpha-8: var(--ks-color-notice-inverted-alpha-8-base);
  --ks-color-notice-inverted-alpha-9: var(--ks-color-notice-inverted-alpha-9-base);
  --ks-color-notice-inverted-to-bg-1: var(--ks-color-notice-inverted-to-bg-1-base);
  --ks-color-notice-inverted-to-bg-2: var(--ks-color-notice-inverted-to-bg-2-base);
  --ks-color-notice-inverted-to-bg-3: var(--ks-color-notice-inverted-to-bg-3-base);
  --ks-color-notice-inverted-to-bg-4: var(--ks-color-notice-inverted-to-bg-4-base);
  --ks-color-notice-inverted-to-bg-5: var(--ks-color-notice-inverted-to-bg-5-base);
  --ks-color-notice-inverted-to-bg-6: var(--ks-color-notice-inverted-to-bg-6-base);
  --ks-color-notice-inverted-to-bg-7: var(--ks-color-notice-inverted-to-bg-7-base);
  --ks-color-notice-inverted-to-bg-8: var(--ks-color-notice-inverted-to-bg-8-base);
  --ks-color-notice-inverted-to-bg-9: var(--ks-color-notice-inverted-to-bg-9-base);
  --ks-color-notice-inverted-to-fg-1: var(--ks-color-notice-inverted-to-fg-1-base);
  --ks-color-notice-inverted-to-fg-2: var(--ks-color-notice-inverted-to-fg-2-base);
  --ks-color-notice-inverted-to-fg-3: var(--ks-color-notice-inverted-to-fg-3-base);
  --ks-color-notice-inverted-to-fg-4: var(--ks-color-notice-inverted-to-fg-4-base);
  --ks-color-notice-inverted-to-fg-5: var(--ks-color-notice-inverted-to-fg-5-base);
  --ks-color-notice-inverted-to-fg-6: var(--ks-color-notice-inverted-to-fg-6-base);
  --ks-color-notice-inverted-to-fg-7: var(--ks-color-notice-inverted-to-fg-7-base);
  --ks-color-notice-inverted-to-fg-8: var(--ks-color-notice-inverted-to-fg-8-base);
  --ks-color-notice-inverted-to-fg-9: var(--ks-color-notice-inverted-to-fg-9-base);
  --ks-color-negative: var(--ks-color-negative-base);
  --ks-color-negative-alpha-1: var(--ks-color-negative-alpha-1-base);
  --ks-color-negative-alpha-2: var(--ks-color-negative-alpha-2-base);
  --ks-color-negative-alpha-3: var(--ks-color-negative-alpha-3-base);
  --ks-color-negative-alpha-4: var(--ks-color-negative-alpha-4-base);
  --ks-color-negative-alpha-5: var(--ks-color-negative-alpha-5-base);
  --ks-color-negative-alpha-6: var(--ks-color-negative-alpha-6-base);
  --ks-color-negative-alpha-7: var(--ks-color-negative-alpha-7-base);
  --ks-color-negative-alpha-8: var(--ks-color-negative-alpha-8-base);
  --ks-color-negative-alpha-9: var(--ks-color-negative-alpha-9-base);
  --ks-color-negative-to-bg-1: var(--ks-color-negative-to-bg-1-base);
  --ks-color-negative-to-bg-2: var(--ks-color-negative-to-bg-2-base);
  --ks-color-negative-to-bg-3: var(--ks-color-negative-to-bg-3-base);
  --ks-color-negative-to-bg-4: var(--ks-color-negative-to-bg-4-base);
  --ks-color-negative-to-bg-5: var(--ks-color-negative-to-bg-5-base);
  --ks-color-negative-to-bg-6: var(--ks-color-negative-to-bg-6-base);
  --ks-color-negative-to-bg-7: var(--ks-color-negative-to-bg-7-base);
  --ks-color-negative-to-bg-8: var(--ks-color-negative-to-bg-8-base);
  --ks-color-negative-to-bg-9: var(--ks-color-negative-to-bg-9-base);
  --ks-color-negative-to-fg-1: var(--ks-color-negative-to-fg-1-base);
  --ks-color-negative-to-fg-2: var(--ks-color-negative-to-fg-2-base);
  --ks-color-negative-to-fg-3: var(--ks-color-negative-to-fg-3-base);
  --ks-color-negative-to-fg-4: var(--ks-color-negative-to-fg-4-base);
  --ks-color-negative-to-fg-5: var(--ks-color-negative-to-fg-5-base);
  --ks-color-negative-to-fg-6: var(--ks-color-negative-to-fg-6-base);
  --ks-color-negative-to-fg-7: var(--ks-color-negative-to-fg-7-base);
  --ks-color-negative-to-fg-8: var(--ks-color-negative-to-fg-8-base);
  --ks-color-negative-to-fg-9: var(--ks-color-negative-to-fg-9-base);
  --ks-color-negative-inverted: var(--ks-color-negative-inverted-base);
  --ks-color-negative-inverted-alpha-1: var(--ks-color-negative-inverted-alpha-1-base);
  --ks-color-negative-inverted-alpha-2: var(--ks-color-negative-inverted-alpha-2-base);
  --ks-color-negative-inverted-alpha-3: var(--ks-color-negative-inverted-alpha-3-base);
  --ks-color-negative-inverted-alpha-4: var(--ks-color-negative-inverted-alpha-4-base);
  --ks-color-negative-inverted-alpha-5: var(--ks-color-negative-inverted-alpha-5-base);
  --ks-color-negative-inverted-alpha-6: var(--ks-color-negative-inverted-alpha-6-base);
  --ks-color-negative-inverted-alpha-7: var(--ks-color-negative-inverted-alpha-7-base);
  --ks-color-negative-inverted-alpha-8: var(--ks-color-negative-inverted-alpha-8-base);
  --ks-color-negative-inverted-alpha-9: var(--ks-color-negative-inverted-alpha-9-base);
  --ks-color-negative-inverted-to-bg-1: var(--ks-color-negative-inverted-to-bg-1-base);
  --ks-color-negative-inverted-to-bg-2: var(--ks-color-negative-inverted-to-bg-2-base);
  --ks-color-negative-inverted-to-bg-3: var(--ks-color-negative-inverted-to-bg-3-base);
  --ks-color-negative-inverted-to-bg-4: var(--ks-color-negative-inverted-to-bg-4-base);
  --ks-color-negative-inverted-to-bg-5: var(--ks-color-negative-inverted-to-bg-5-base);
  --ks-color-negative-inverted-to-bg-6: var(--ks-color-negative-inverted-to-bg-6-base);
  --ks-color-negative-inverted-to-bg-7: var(--ks-color-negative-inverted-to-bg-7-base);
  --ks-color-negative-inverted-to-bg-8: var(--ks-color-negative-inverted-to-bg-8-base);
  --ks-color-negative-inverted-to-bg-9: var(--ks-color-negative-inverted-to-bg-9-base);
  --ks-color-negative-inverted-to-fg-1: var(--ks-color-negative-inverted-to-fg-1-base);
  --ks-color-negative-inverted-to-fg-2: var(--ks-color-negative-inverted-to-fg-2-base);
  --ks-color-negative-inverted-to-fg-3: var(--ks-color-negative-inverted-to-fg-3-base);
  --ks-color-negative-inverted-to-fg-4: var(--ks-color-negative-inverted-to-fg-4-base);
  --ks-color-negative-inverted-to-fg-5: var(--ks-color-negative-inverted-to-fg-5-base);
  --ks-color-negative-inverted-to-fg-6: var(--ks-color-negative-inverted-to-fg-6-base);
  --ks-color-negative-inverted-to-fg-7: var(--ks-color-negative-inverted-to-fg-7-base);
  --ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-inverted-to-fg-8-base);
  --ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
  --ks-color-secondary: var(--ks-color-secondary-base);
  --ks-color-secondary-alpha-1: var(--ks-color-secondary-alpha-1-base);
  --ks-color-secondary-alpha-2: var(--ks-color-secondary-alpha-2-base);
  --ks-color-secondary-alpha-3: var(--ks-color-secondary-alpha-3-base);
  --ks-color-secondary-alpha-4: var(--ks-color-secondary-alpha-4-base);
  --ks-color-secondary-alpha-5: var(--ks-color-secondary-alpha-5-base);
  --ks-color-secondary-alpha-6: var(--ks-color-secondary-alpha-6-base);
  --ks-color-secondary-alpha-7: var(--ks-color-secondary-alpha-7-base);
  --ks-color-secondary-alpha-8: var(--ks-color-secondary-alpha-8-base);
  --ks-color-secondary-alpha-9: var(--ks-color-secondary-alpha-9-base);
  --ks-color-secondary-to-bg-1: var(--ks-color-secondary-to-bg-1-base);
  --ks-color-secondary-to-bg-2: var(--ks-color-secondary-to-bg-2-base);
  --ks-color-secondary-to-bg-3: var(--ks-color-secondary-to-bg-3-base);
  --ks-color-secondary-to-bg-4: var(--ks-color-secondary-to-bg-4-base);
  --ks-color-secondary-to-bg-5: var(--ks-color-secondary-to-bg-5-base);
  --ks-color-secondary-to-bg-6: var(--ks-color-secondary-to-bg-6-base);
  --ks-color-secondary-to-bg-7: var(--ks-color-secondary-to-bg-7-base);
  --ks-color-secondary-to-bg-8: var(--ks-color-secondary-to-bg-8-base);
  --ks-color-secondary-to-bg-9: var(--ks-color-secondary-to-bg-9-base);
  --ks-color-secondary-to-fg-1: var(--ks-color-secondary-to-fg-1-base);
  --ks-color-secondary-to-fg-2: var(--ks-color-secondary-to-fg-2-base);
  --ks-color-secondary-to-fg-3: var(--ks-color-secondary-to-fg-3-base);
  --ks-color-secondary-to-fg-4: var(--ks-color-secondary-to-fg-4-base);
  --ks-color-secondary-to-fg-5: var(--ks-color-secondary-to-fg-5-base);
  --ks-color-secondary-to-fg-6: var(--ks-color-secondary-to-fg-6-base);
  --ks-color-secondary-to-fg-7: var(--ks-color-secondary-to-fg-7-base);
  --ks-color-secondary-to-fg-8: var(--ks-color-secondary-to-fg-8-base);
  --ks-color-secondary-to-fg-9: var(--ks-color-secondary-to-fg-9-base);
  --ks-color-secondary-inverted: var(--ks-color-secondary-inverted-base);
  --ks-color-secondary-inverted-alpha-1: var(--ks-color-secondary-inverted-alpha-1-base);
  --ks-color-secondary-inverted-alpha-2: var(--ks-color-secondary-inverted-alpha-2-base);
  --ks-color-secondary-inverted-alpha-3: var(--ks-color-secondary-inverted-alpha-3-base);
  --ks-color-secondary-inverted-alpha-4: var(--ks-color-secondary-inverted-alpha-4-base);
  --ks-color-secondary-inverted-alpha-5: var(--ks-color-secondary-inverted-alpha-5-base);
  --ks-color-secondary-inverted-alpha-6: var(--ks-color-secondary-inverted-alpha-6-base);
  --ks-color-secondary-inverted-alpha-7: var(--ks-color-secondary-inverted-alpha-7-base);
  --ks-color-secondary-inverted-alpha-8: var(--ks-color-secondary-inverted-alpha-8-base);
  --ks-color-secondary-inverted-alpha-9: var(--ks-color-secondary-inverted-alpha-9-base);
  --ks-color-secondary-inverted-to-bg-1: var(--ks-color-secondary-inverted-to-bg-1-base);
  --ks-color-secondary-inverted-to-bg-2: var(--ks-color-secondary-inverted-to-bg-2-base);
  --ks-color-secondary-inverted-to-bg-3: var(--ks-color-secondary-inverted-to-bg-3-base);
  --ks-color-secondary-inverted-to-bg-4: var(--ks-color-secondary-inverted-to-bg-4-base);
  --ks-color-secondary-inverted-to-bg-5: var(--ks-color-secondary-inverted-to-bg-5-base);
  --ks-color-secondary-inverted-to-bg-6: var(--ks-color-secondary-inverted-to-bg-6-base);
  --ks-color-secondary-inverted-to-bg-7: var(--ks-color-secondary-inverted-to-bg-7-base);
  --ks-color-secondary-inverted-to-bg-8: var(--ks-color-secondary-inverted-to-bg-8-base);
  --ks-color-secondary-inverted-to-bg-9: var(--ks-color-secondary-inverted-to-bg-9-base);
  --ks-color-secondary-inverted-to-fg-1: var(--ks-color-secondary-inverted-to-fg-1-base);
  --ks-color-secondary-inverted-to-fg-2: var(--ks-color-secondary-inverted-to-fg-2-base);
  --ks-color-secondary-inverted-to-fg-3: var(--ks-color-secondary-inverted-to-fg-3-base);
  --ks-color-secondary-inverted-to-fg-4: var(--ks-color-secondary-inverted-to-fg-4-base);
  --ks-color-secondary-inverted-to-fg-5: var(--ks-color-secondary-inverted-to-fg-5-base);
  --ks-color-secondary-inverted-to-fg-6: var(--ks-color-secondary-inverted-to-fg-6-base);
  --ks-color-secondary-inverted-to-fg-7: var(--ks-color-secondary-inverted-to-fg-7-base);
  --ks-color-secondary-inverted-to-fg-8: var(--ks-color-secondary-inverted-to-fg-8-base);
  --ks-color-secondary-inverted-to-fg-9: var(--ks-color-secondary-inverted-to-fg-9-base);
  --ks-text-color-default: var(--ks-text-color-default-base);
  --ks-text-color-default-interactive: var(--ks-text-color-default-interactive-base);
  --ks-text-color-default-interactive-hover: var(--ks-text-color-default-interactive-hover-base);
  --ks-text-color-default-interactive-active: var(--ks-text-color-default-interactive-active-base);
  --ks-text-color-default-interactive-selected: var(--ks-text-color-default-interactive-selected-base);
  --ks-text-color-default-inverted: var(--ks-text-color-default-inverted-base);
  --ks-text-color-default-inverted-interactive: var(--ks-text-color-default-inverted-interactive-base);
  --ks-text-color-default-inverted-interactive-hover: var(--ks-text-color-default-inverted-interactive-hover-base);
  --ks-text-color-default-inverted-interactive-active: var(--ks-text-color-default-inverted-interactive-active-base);
  --ks-text-color-default-inverted-interactive-selected: var(--ks-text-color-default-inverted-interactive-selected-base);
  --ks-text-color-copy: var(--ks-text-color-copy-base);
  --ks-text-color-copy-interactive: var(--ks-text-color-copy-interactive-base);
  --ks-text-color-copy-interactive-hover: var(--ks-text-color-copy-interactive-hover-base);
  --ks-text-color-copy-interactive-active: var(--ks-text-color-copy-interactive-active-base);
  --ks-text-color-copy-interactive-selected: var(--ks-text-color-copy-interactive-selected-base);
  --ks-text-color-copy-inverted: var(--ks-text-color-copy-inverted-base);
  --ks-text-color-copy-inverted-interactive: var(--ks-text-color-copy-inverted-interactive-base);
  --ks-text-color-copy-inverted-interactive-hover: var(--ks-text-color-copy-inverted-interactive-hover-base);
  --ks-text-color-copy-inverted-interactive-active: var(--ks-text-color-copy-inverted-interactive-active-base);
  --ks-text-color-copy-inverted-interactive-selected: var(--ks-text-color-copy-inverted-interactive-selected-base);
  --ks-text-color-display: var(--ks-text-color-display-base);
  --ks-text-color-display-interactive: var(--ks-text-color-display-interactive-base);
  --ks-text-color-display-interactive-hover: var(--ks-text-color-display-interactive-hover-base);
  --ks-text-color-display-interactive-active: var(--ks-text-color-display-interactive-active-base);
  --ks-text-color-display-interactive-selected: var(--ks-text-color-display-interactive-selected-base);
  --ks-text-color-display-inverted: var(--ks-text-color-display-inverted-base);
  --ks-text-color-display-inverted-interactive: var(--ks-text-color-display-inverted-interactive-base);
  --ks-text-color-display-inverted-interactive-hover: var(--ks-text-color-display-inverted-interactive-hover-base);
  --ks-text-color-display-inverted-interactive-active: var(--ks-text-color-display-inverted-interactive-active-base);
  --ks-text-color-display-inverted-interactive-selected: var(--ks-text-color-display-inverted-interactive-selected-base);
  --ks-text-color-interface: var(--ks-text-color-interface-base);
  --ks-text-color-interface-interactive: var(--ks-text-color-interface-interactive-base);
  --ks-text-color-interface-interactive-hover: var(--ks-text-color-interface-interactive-hover-base);
  --ks-text-color-interface-interactive-active: var(--ks-text-color-interface-interactive-active-base);
  --ks-text-color-interface-interactive-selected: var(--ks-text-color-interface-interactive-selected-base);
  --ks-text-color-interface-inverted: var(--ks-text-color-interface-inverted-base);
  --ks-text-color-interface-inverted-interactive: var(--ks-text-color-interface-inverted-interactive-base);
  --ks-text-color-interface-inverted-interactive-hover: var(--ks-text-color-interface-inverted-interactive-hover-base);
  --ks-text-color-interface-inverted-interactive-active: var(--ks-text-color-interface-inverted-interactive-active-base);
  --ks-text-color-interface-inverted-interactive-selected: var(--ks-text-color-interface-inverted-interactive-selected-base);
  --ks-text-color-card: var(--ks-text-color-card-base);
  --ks-text-color-card-interactive: var(--ks-text-color-card-interactive-base);
  --ks-text-color-card-interactive-hover: var(--ks-text-color-card-interactive-hover-base);
  --ks-text-color-card-interactive-active: var(--ks-text-color-card-interactive-active-base);
  --ks-text-color-card-interactive-selected: var(--ks-text-color-card-interactive-selected-base);
  --ks-text-color-card-inverted: var(--ks-text-color-card-inverted-base);
  --ks-text-color-card-inverted-interactive: var(--ks-text-color-card-inverted-interactive-base);
  --ks-text-color-card-inverted-interactive-hover: var(--ks-text-color-card-inverted-interactive-hover-base);
  --ks-text-color-card-inverted-interactive-active: var(--ks-text-color-card-inverted-interactive-active-base);
  --ks-text-color-card-inverted-interactive-selected: var(--ks-text-color-card-inverted-interactive-selected-base);
  --ks-text-color-primary: var(--ks-text-color-primary-base);
  --ks-text-color-primary-interactive: var(--ks-text-color-primary-interactive-base);
  --ks-text-color-primary-interactive-hover: var(--ks-text-color-primary-interactive-hover-base);
  --ks-text-color-primary-interactive-active: var(--ks-text-color-primary-interactive-active-base);
  --ks-text-color-primary-interactive-selected: var(--ks-text-color-primary-interactive-selected-base);
  --ks-text-color-primary-inverted: var(--ks-text-color-primary-inverted-base);
  --ks-text-color-primary-inverted-interactive: var(--ks-text-color-primary-inverted-interactive-base);
  --ks-text-color-primary-inverted-interactive-hover: var(--ks-text-color-primary-inverted-interactive-hover-base);
  --ks-text-color-primary-inverted-interactive-active: var(--ks-text-color-primary-inverted-interactive-active-base);
  --ks-text-color-primary-inverted-interactive-selected: var(--ks-text-color-primary-inverted-interactive-selected-base);
  --ks-text-color-positive: var(--ks-text-color-positive-base);
  --ks-text-color-positive-interactive: var(--ks-text-color-positive-interactive-base);
  --ks-text-color-positive-interactive-hover: var(--ks-text-color-positive-interactive-hover-base);
  --ks-text-color-positive-interactive-active: var(--ks-text-color-positive-interactive-active-base);
  --ks-text-color-positive-interactive-selected: var(--ks-text-color-positive-interactive-selected-base);
  --ks-text-color-positive-inverted: var(--ks-text-color-positive-inverted-base);
  --ks-text-color-positive-inverted-interactive: var(--ks-text-color-positive-inverted-interactive-base);
  --ks-text-color-positive-inverted-interactive-hover: var(--ks-text-color-positive-inverted-interactive-hover-base);
  --ks-text-color-positive-inverted-interactive-active: var(--ks-text-color-positive-inverted-interactive-active-base);
  --ks-text-color-positive-inverted-interactive-selected: var(--ks-text-color-positive-inverted-interactive-selected-base);
  --ks-text-color-informative: var(--ks-text-color-informative-base);
  --ks-text-color-informative-interactive: var(--ks-text-color-informative-interactive-base);
  --ks-text-color-informative-interactive-hover: var(--ks-text-color-informative-interactive-hover-base);
  --ks-text-color-informative-interactive-active: var(--ks-text-color-informative-interactive-active-base);
  --ks-text-color-informative-interactive-selected: var(--ks-text-color-informative-interactive-selected-base);
  --ks-text-color-informative-inverted: var(--ks-text-color-informative-inverted-base);
  --ks-text-color-informative-inverted-interactive: var(--ks-text-color-informative-inverted-interactive-base);
  --ks-text-color-informative-inverted-interactive-hover: var(--ks-text-color-informative-inverted-interactive-hover-base);
  --ks-text-color-informative-inverted-interactive-active: var(--ks-text-color-informative-inverted-interactive-active-base);
  --ks-text-color-informative-inverted-interactive-selected: var(--ks-text-color-informative-inverted-interactive-selected-base);
  --ks-text-color-notice: var(--ks-text-color-notice-base);
  --ks-text-color-notice-interactive: var(--ks-text-color-notice-interactive-base);
  --ks-text-color-notice-interactive-hover: var(--ks-text-color-notice-interactive-hover-base);
  --ks-text-color-notice-interactive-active: var(--ks-text-color-notice-interactive-active-base);
  --ks-text-color-notice-interactive-selected: var(--ks-text-color-notice-interactive-selected-base);
  --ks-text-color-notice-inverted: var(--ks-text-color-notice-inverted-base);
  --ks-text-color-notice-inverted-interactive: var(--ks-text-color-notice-inverted-interactive-base);
  --ks-text-color-notice-inverted-interactive-hover: var(--ks-text-color-notice-inverted-interactive-hover-base);
  --ks-text-color-notice-inverted-interactive-active: var(--ks-text-color-notice-inverted-interactive-active-base);
  --ks-text-color-notice-inverted-interactive-selected: var(--ks-text-color-notice-inverted-interactive-selected-base);
  --ks-text-color-negative: var(--ks-text-color-negative-base);
  --ks-text-color-negative-interactive: var(--ks-text-color-negative-interactive-base);
  --ks-text-color-negative-interactive-hover: var(--ks-text-color-negative-interactive-hover-base);
  --ks-text-color-negative-interactive-active: var(--ks-text-color-negative-interactive-active-base);
  --ks-text-color-negative-interactive-selected: var(--ks-text-color-negative-interactive-selected-base);
  --ks-text-color-negative-inverted: var(--ks-text-color-negative-inverted-base);
  --ks-text-color-negative-inverted-interactive: var(--ks-text-color-negative-inverted-interactive-base);
  --ks-text-color-negative-inverted-interactive-hover: var(--ks-text-color-negative-inverted-interactive-hover-base);
  --ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-inverted-interactive-active-base);
  --ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
  --ks-text-color-secondary: var(--ks-text-color-secondary-base);
  --ks-text-color-secondary-interactive: var(--ks-text-color-secondary-interactive-base);
  --ks-text-color-secondary-interactive-hover: var(--ks-text-color-secondary-interactive-hover-base);
  --ks-text-color-secondary-interactive-active: var(--ks-text-color-secondary-interactive-active-base);
  --ks-text-color-secondary-interactive-selected: var(--ks-text-color-secondary-interactive-selected-base);
  --ks-text-color-secondary-inverted: var(--ks-text-color-secondary-inverted-base);
  --ks-text-color-secondary-inverted-interactive: var(--ks-text-color-secondary-inverted-interactive-base);
  --ks-text-color-secondary-inverted-interactive-hover: var(--ks-text-color-secondary-inverted-interactive-hover-base);
  --ks-text-color-secondary-inverted-interactive-active: var(--ks-text-color-secondary-inverted-interactive-active-base);
  --ks-text-color-secondary-inverted-interactive-selected: var(--ks-text-color-secondary-inverted-interactive-selected-base);
}

[ks-theme=telekom] [ks-inverted=true] {
  --ks-background-color-accent: var(--ks-background-color-accent-inverted-base);
  --ks-background-color-accent-inverted: var(--ks-background-color-accent-base);
  --ks-background-color-bold: var(--ks-background-color-bold-inverted-base);
  --ks-background-color-bold-inverted: var(--ks-background-color-bold-base);
  --ks-background-color-clear: var(--ks-background-color-clear-inverted-base);
  --ks-background-color-clear-inverted: var(--ks-background-color-clear-base);
  --ks-background-color-clear-interactive: var(--ks-background-color-clear-inverted-interactive-base);
  --ks-background-color-clear-inverted-interactive: var(--ks-background-color-clear-interactive-base);
  --ks-background-color-clear-interactive-hover: var(--ks-background-color-clear-inverted-interactive-hover-base);
  --ks-background-color-clear-inverted-interactive-hover: var(--ks-background-color-clear-interactive-hover-base);
  --ks-background-color-clear-interactive-active: var(--ks-background-color-clear-inverted-interactive-active-base);
  --ks-background-color-clear-inverted-interactive-active: var(--ks-background-color-clear-interactive-active-base);
  --ks-background-color-clear-interactive-selected: var(--ks-background-color-clear-inverted-interactive-selected-base);
  --ks-background-color-clear-inverted-interactive-selected: var(--ks-background-color-clear-interactive-selected-base);
  --ks-background-color-default: var(--ks-background-color-default-inverted-base);
  --ks-background-color-default-inverted: var(--ks-background-color-default-base);
  --ks-background-color-interface: var(--ks-background-color-interface-inverted-base);
  --ks-background-color-interface-inverted: var(--ks-background-color-interface-base);
  --ks-background-color-interface-interactive: var(--ks-background-color-interface-inverted-interactive-base);
  --ks-background-color-interface-inverted-interactive: var(--ks-background-color-interface-interactive-base);
  --ks-background-color-interface-interactive-disabled: var(--ks-background-color-interface-inverted-interactive-disabled-base);
  --ks-background-color-interface-inverted-interactive-disabled: var(--ks-background-color-interface-interactive-disabled-base);
  --ks-background-color-interface-interactive-hover: var(--ks-background-color-interface-inverted-interactive-hover-base);
  --ks-background-color-interface-inverted-interactive-hover: var(--ks-background-color-interface-interactive-hover-base);
  --ks-background-color-interface-interactive-active: var(--ks-background-color-interface-inverted-interactive-active-base);
  --ks-background-color-interface-inverted-interactive-active: var(--ks-background-color-interface-interactive-active-base);
  --ks-background-color-interface-interactive-selected: var(--ks-background-color-interface-inverted-interactive-selected-base);
  --ks-background-color-interface-inverted-interactive-selected: var(--ks-background-color-interface-interactive-selected-base);
  --ks-background-color-card: var(--ks-background-color-card-inverted-base);
  --ks-background-color-card-inverted: var(--ks-background-color-card-base);
  --ks-background-color-card-interactive: var(--ks-background-color-card-inverted-interactive-base);
  --ks-background-color-card-inverted-interactive: var(--ks-background-color-card-interactive-base);
  --ks-background-color-card-interactive-disabled: var(--ks-background-color-card-inverted-interactive-disabled-base);
  --ks-background-color-card-inverted-interactive-disabled: var(--ks-background-color-card-interactive-disabled-base);
  --ks-background-color-card-interactive-hover: var(--ks-background-color-card-inverted-interactive-hover-base);
  --ks-background-color-card-inverted-interactive-hover: var(--ks-background-color-card-interactive-hover-base);
  --ks-background-color-card-interactive-active: var(--ks-background-color-card-inverted-interactive-active-base);
  --ks-background-color-card-inverted-interactive-active: var(--ks-background-color-card-interactive-active-base);
  --ks-background-color-card-interactive-selected: var(--ks-background-color-card-inverted-interactive-selected-base);
  --ks-background-color-card-inverted-interactive-selected: var(--ks-background-color-card-interactive-selected-base);
  --ks-background-color-primary: var(--ks-background-color-primary-inverted-base);
  --ks-background-color-primary-inverted: var(--ks-background-color-primary-base);
  --ks-background-color-primary-interactive: var(--ks-background-color-primary-inverted-interactive-base);
  --ks-background-color-primary-inverted-interactive: var(--ks-background-color-primary-interactive-base);
  --ks-background-color-primary-interactive-hover: var(--ks-background-color-primary-inverted-interactive-hover-base);
  --ks-background-color-primary-inverted-interactive-hover: var(--ks-background-color-primary-interactive-hover-base);
  --ks-background-color-primary-interactive-active: var(--ks-background-color-primary-inverted-interactive-active-base);
  --ks-background-color-primary-inverted-interactive-active: var(--ks-background-color-primary-interactive-active-base);
  --ks-background-color-primary-interactive-selected: var(--ks-background-color-primary-inverted-interactive-selected-base);
  --ks-background-color-primary-inverted-interactive-selected: var(--ks-background-color-primary-interactive-selected-base);
  --ks-background-color-primary-translucent: var(--ks-background-color-primary-inverted-translucent-base);
  --ks-background-color-primary-inverted-translucent: var(--ks-background-color-primary-translucent-base);
  --ks-background-color-positive: var(--ks-background-color-positive-inverted-base);
  --ks-background-color-positive-inverted: var(--ks-background-color-positive-base);
  --ks-background-color-positive-interactive: var(--ks-background-color-positive-inverted-interactive-base);
  --ks-background-color-positive-inverted-interactive: var(--ks-background-color-positive-interactive-base);
  --ks-background-color-positive-interactive-hover: var(--ks-background-color-positive-inverted-interactive-hover-base);
  --ks-background-color-positive-inverted-interactive-hover: var(--ks-background-color-positive-interactive-hover-base);
  --ks-background-color-positive-interactive-active: var(--ks-background-color-positive-inverted-interactive-active-base);
  --ks-background-color-positive-inverted-interactive-active: var(--ks-background-color-positive-interactive-active-base);
  --ks-background-color-positive-interactive-selected: var(--ks-background-color-positive-inverted-interactive-selected-base);
  --ks-background-color-positive-inverted-interactive-selected: var(--ks-background-color-positive-interactive-selected-base);
  --ks-background-color-positive-translucent: var(--ks-background-color-positive-inverted-translucent-base);
  --ks-background-color-positive-inverted-translucent: var(--ks-background-color-positive-translucent-base);
  --ks-background-color-informative: var(--ks-background-color-informative-inverted-base);
  --ks-background-color-informative-inverted: var(--ks-background-color-informative-base);
  --ks-background-color-informative-interactive: var(--ks-background-color-informative-inverted-interactive-base);
  --ks-background-color-informative-inverted-interactive: var(--ks-background-color-informative-interactive-base);
  --ks-background-color-informative-interactive-hover: var(--ks-background-color-informative-inverted-interactive-hover-base);
  --ks-background-color-informative-inverted-interactive-hover: var(--ks-background-color-informative-interactive-hover-base);
  --ks-background-color-informative-interactive-active: var(--ks-background-color-informative-inverted-interactive-active-base);
  --ks-background-color-informative-inverted-interactive-active: var(--ks-background-color-informative-interactive-active-base);
  --ks-background-color-informative-interactive-selected: var(--ks-background-color-informative-inverted-interactive-selected-base);
  --ks-background-color-informative-inverted-interactive-selected: var(--ks-background-color-informative-interactive-selected-base);
  --ks-background-color-informative-translucent: var(--ks-background-color-informative-inverted-translucent-base);
  --ks-background-color-informative-inverted-translucent: var(--ks-background-color-informative-translucent-base);
  --ks-background-color-notice: var(--ks-background-color-notice-inverted-base);
  --ks-background-color-notice-inverted: var(--ks-background-color-notice-base);
  --ks-background-color-notice-interactive: var(--ks-background-color-notice-inverted-interactive-base);
  --ks-background-color-notice-inverted-interactive: var(--ks-background-color-notice-interactive-base);
  --ks-background-color-notice-interactive-hover: var(--ks-background-color-notice-inverted-interactive-hover-base);
  --ks-background-color-notice-inverted-interactive-hover: var(--ks-background-color-notice-interactive-hover-base);
  --ks-background-color-notice-interactive-active: var(--ks-background-color-notice-inverted-interactive-active-base);
  --ks-background-color-notice-inverted-interactive-active: var(--ks-background-color-notice-interactive-active-base);
  --ks-background-color-notice-interactive-selected: var(--ks-background-color-notice-inverted-interactive-selected-base);
  --ks-background-color-notice-inverted-interactive-selected: var(--ks-background-color-notice-interactive-selected-base);
  --ks-background-color-notice-translucent: var(--ks-background-color-notice-inverted-translucent-base);
  --ks-background-color-notice-inverted-translucent: var(--ks-background-color-notice-translucent-base);
  --ks-background-color-negative: var(--ks-background-color-negative-inverted-base);
  --ks-background-color-negative-inverted: var(--ks-background-color-negative-base);
  --ks-background-color-negative-interactive: var(--ks-background-color-negative-inverted-interactive-base);
  --ks-background-color-negative-inverted-interactive: var(--ks-background-color-negative-interactive-base);
  --ks-background-color-negative-interactive-hover: var(--ks-background-color-negative-inverted-interactive-hover-base);
  --ks-background-color-negative-inverted-interactive-hover: var(--ks-background-color-negative-interactive-hover-base);
  --ks-background-color-negative-interactive-active: var(--ks-background-color-negative-inverted-interactive-active-base);
  --ks-background-color-negative-inverted-interactive-active: var(--ks-background-color-negative-interactive-active-base);
  --ks-background-color-negative-interactive-selected: var(--ks-background-color-negative-inverted-interactive-selected-base);
  --ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-interactive-selected-base);
  --ks-background-color-negative-translucent: var(--ks-background-color-negative-inverted-translucent-base);
  --ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-translucent-base);
  --ks-background-color-secondary: var(--ks-background-color-secondary-inverted-base);
  --ks-background-color-secondary-inverted: var(--ks-background-color-secondary-base);
  --ks-background-color-secondary-interactive: var(--ks-background-color-secondary-inverted-interactive-base);
  --ks-background-color-secondary-inverted-interactive: var(--ks-background-color-secondary-interactive-base);
  --ks-background-color-secondary-interactive-hover: var(--ks-background-color-secondary-inverted-interactive-hover-base);
  --ks-background-color-secondary-inverted-interactive-hover: var(--ks-background-color-secondary-interactive-hover-base);
  --ks-background-color-secondary-interactive-active: var(--ks-background-color-secondary-inverted-interactive-active-base);
  --ks-background-color-secondary-inverted-interactive-active: var(--ks-background-color-secondary-interactive-active-base);
  --ks-background-color-secondary-interactive-selected: var(--ks-background-color-secondary-inverted-interactive-selected-base);
  --ks-background-color-secondary-inverted-interactive-selected: var(--ks-background-color-secondary-interactive-selected-base);
  --ks-background-color-secondary-translucent: var(--ks-background-color-secondary-inverted-translucent-base);
  --ks-background-color-secondary-inverted-translucent: var(--ks-background-color-secondary-translucent-base);
  --ks-border-color-accent: var(--ks-border-color-accent-inverted-base);
  --ks-border-color-accent-inverted: var(--ks-border-color-accent-base);
  --ks-border-color-clear: var(--ks-border-color-clear-inverted-base);
  --ks-border-color-clear-inverted: var(--ks-border-color-clear-base);
  --ks-border-color-clear-interactive: var(--ks-border-color-clear-inverted-interactive-base);
  --ks-border-color-clear-inverted-interactive: var(--ks-border-color-clear-interactive-base);
  --ks-border-color-clear-interactive-hover: var(--ks-border-color-clear-inverted-interactive-hover-base);
  --ks-border-color-clear-inverted-interactive-hover: var(--ks-border-color-clear-interactive-hover-base);
  --ks-border-color-clear-interactive-active: var(--ks-border-color-clear-inverted-interactive-active-base);
  --ks-border-color-clear-inverted-interactive-active: var(--ks-border-color-clear-interactive-active-base);
  --ks-border-color-clear-interactive-selected: var(--ks-border-color-clear-inverted-interactive-selected-base);
  --ks-border-color-clear-inverted-interactive-selected: var(--ks-border-color-clear-interactive-selected-base);
  --ks-border-color-default: var(--ks-border-color-default-inverted-base);
  --ks-border-color-default-inverted: var(--ks-border-color-default-base);
  --ks-border-color-interface: var(--ks-border-color-interface-inverted-base);
  --ks-border-color-interface-inverted: var(--ks-border-color-interface-base);
  --ks-border-color-interface-interactive: var(--ks-border-color-interface-inverted-interactive-base);
  --ks-border-color-interface-inverted-interactive: var(--ks-border-color-interface-interactive-base);
  --ks-border-color-interface-interactive-disabled: var(--ks-border-color-interface-inverted-interactive-disabled-base);
  --ks-border-color-interface-inverted-interactive-disabled: var(--ks-border-color-interface-interactive-disabled-base);
  --ks-border-color-interface-interactive-hover: var(--ks-border-color-interface-inverted-interactive-hover-base);
  --ks-border-color-interface-inverted-interactive-hover: var(--ks-border-color-interface-interactive-hover-base);
  --ks-border-color-interface-interactive-active: var(--ks-border-color-interface-inverted-interactive-active-base);
  --ks-border-color-interface-inverted-interactive-active: var(--ks-border-color-interface-interactive-active-base);
  --ks-border-color-interface-interactive-selected: var(--ks-border-color-interface-inverted-interactive-selected-base);
  --ks-border-color-interface-inverted-interactive-selected: var(--ks-border-color-interface-interactive-selected-base);
  --ks-border-color-card: var(--ks-border-color-card-inverted-base);
  --ks-border-color-card-inverted: var(--ks-border-color-card-base);
  --ks-border-color-card-interactive: var(--ks-border-color-card-inverted-interactive-base);
  --ks-border-color-card-inverted-interactive: var(--ks-border-color-card-interactive-base);
  --ks-border-color-card-interactive-disabled: var(--ks-border-color-card-inverted-interactive-disabled-base);
  --ks-border-color-card-inverted-interactive-disabled: var(--ks-border-color-card-interactive-disabled-base);
  --ks-border-color-card-interactive-hover: var(--ks-border-color-card-inverted-interactive-hover-base);
  --ks-border-color-card-inverted-interactive-hover: var(--ks-border-color-card-interactive-hover-base);
  --ks-border-color-card-interactive-active: var(--ks-border-color-card-inverted-interactive-active-base);
  --ks-border-color-card-inverted-interactive-active: var(--ks-border-color-card-interactive-active-base);
  --ks-border-color-card-interactive-selected: var(--ks-border-color-card-inverted-interactive-selected-base);
  --ks-border-color-card-inverted-interactive-selected: var(--ks-border-color-card-interactive-selected-base);
  --ks-border-color-primary: var(--ks-border-color-primary-inverted-base);
  --ks-border-color-primary-inverted: var(--ks-border-color-primary-base);
  --ks-border-color-primary-interactive: var(--ks-border-color-primary-inverted-interactive-base);
  --ks-border-color-primary-inverted-interactive: var(--ks-border-color-primary-interactive-base);
  --ks-border-color-primary-interactive-hover: var(--ks-border-color-primary-inverted-interactive-hover-base);
  --ks-border-color-primary-inverted-interactive-hover: var(--ks-border-color-primary-interactive-hover-base);
  --ks-border-color-primary-interactive-active: var(--ks-border-color-primary-inverted-interactive-active-base);
  --ks-border-color-primary-inverted-interactive-active: var(--ks-border-color-primary-interactive-active-base);
  --ks-border-color-primary-interactive-selected: var(--ks-border-color-primary-inverted-interactive-selected-base);
  --ks-border-color-primary-inverted-interactive-selected: var(--ks-border-color-primary-interactive-selected-base);
  --ks-border-color-primary-translucent: var(--ks-border-color-primary-inverted-translucent-base);
  --ks-border-color-primary-inverted-translucent: var(--ks-border-color-primary-translucent-base);
  --ks-border-color-positive: var(--ks-border-color-positive-inverted-base);
  --ks-border-color-positive-inverted: var(--ks-border-color-positive-base);
  --ks-border-color-positive-interactive: var(--ks-border-color-positive-inverted-interactive-base);
  --ks-border-color-positive-inverted-interactive: var(--ks-border-color-positive-interactive-base);
  --ks-border-color-positive-interactive-hover: var(--ks-border-color-positive-inverted-interactive-hover-base);
  --ks-border-color-positive-inverted-interactive-hover: var(--ks-border-color-positive-interactive-hover-base);
  --ks-border-color-positive-interactive-active: var(--ks-border-color-positive-inverted-interactive-active-base);
  --ks-border-color-positive-inverted-interactive-active: var(--ks-border-color-positive-interactive-active-base);
  --ks-border-color-positive-interactive-selected: var(--ks-border-color-positive-inverted-interactive-selected-base);
  --ks-border-color-positive-inverted-interactive-selected: var(--ks-border-color-positive-interactive-selected-base);
  --ks-border-color-positive-translucent: var(--ks-border-color-positive-inverted-translucent-base);
  --ks-border-color-positive-inverted-translucent: var(--ks-border-color-positive-translucent-base);
  --ks-border-color-informative: var(--ks-border-color-informative-inverted-base);
  --ks-border-color-informative-inverted: var(--ks-border-color-informative-base);
  --ks-border-color-informative-interactive: var(--ks-border-color-informative-inverted-interactive-base);
  --ks-border-color-informative-inverted-interactive: var(--ks-border-color-informative-interactive-base);
  --ks-border-color-informative-interactive-hover: var(--ks-border-color-informative-inverted-interactive-hover-base);
  --ks-border-color-informative-inverted-interactive-hover: var(--ks-border-color-informative-interactive-hover-base);
  --ks-border-color-informative-interactive-active: var(--ks-border-color-informative-inverted-interactive-active-base);
  --ks-border-color-informative-inverted-interactive-active: var(--ks-border-color-informative-interactive-active-base);
  --ks-border-color-informative-interactive-selected: var(--ks-border-color-informative-inverted-interactive-selected-base);
  --ks-border-color-informative-inverted-interactive-selected: var(--ks-border-color-informative-interactive-selected-base);
  --ks-border-color-informative-translucent: var(--ks-border-color-informative-inverted-translucent-base);
  --ks-border-color-informative-inverted-translucent: var(--ks-border-color-informative-translucent-base);
  --ks-border-color-notice: var(--ks-border-color-notice-inverted-base);
  --ks-border-color-notice-inverted: var(--ks-border-color-notice-base);
  --ks-border-color-notice-interactive: var(--ks-border-color-notice-inverted-interactive-base);
  --ks-border-color-notice-inverted-interactive: var(--ks-border-color-notice-interactive-base);
  --ks-border-color-notice-interactive-hover: var(--ks-border-color-notice-inverted-interactive-hover-base);
  --ks-border-color-notice-inverted-interactive-hover: var(--ks-border-color-notice-interactive-hover-base);
  --ks-border-color-notice-interactive-active: var(--ks-border-color-notice-inverted-interactive-active-base);
  --ks-border-color-notice-inverted-interactive-active: var(--ks-border-color-notice-interactive-active-base);
  --ks-border-color-notice-interactive-selected: var(--ks-border-color-notice-inverted-interactive-selected-base);
  --ks-border-color-notice-inverted-interactive-selected: var(--ks-border-color-notice-interactive-selected-base);
  --ks-border-color-notice-translucent: var(--ks-border-color-notice-inverted-translucent-base);
  --ks-border-color-notice-inverted-translucent: var(--ks-border-color-notice-translucent-base);
  --ks-border-color-negative: var(--ks-border-color-negative-inverted-base);
  --ks-border-color-negative-inverted: var(--ks-border-color-negative-base);
  --ks-border-color-negative-interactive: var(--ks-border-color-negative-inverted-interactive-base);
  --ks-border-color-negative-inverted-interactive: var(--ks-border-color-negative-interactive-base);
  --ks-border-color-negative-interactive-hover: var(--ks-border-color-negative-inverted-interactive-hover-base);
  --ks-border-color-negative-inverted-interactive-hover: var(--ks-border-color-negative-interactive-hover-base);
  --ks-border-color-negative-interactive-active: var(--ks-border-color-negative-inverted-interactive-active-base);
  --ks-border-color-negative-inverted-interactive-active: var(--ks-border-color-negative-interactive-active-base);
  --ks-border-color-negative-interactive-selected: var(--ks-border-color-negative-inverted-interactive-selected-base);
  --ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-interactive-selected-base);
  --ks-border-color-negative-translucent: var(--ks-border-color-negative-inverted-translucent-base);
  --ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-translucent-base);
  --ks-border-color-secondary: var(--ks-border-color-secondary-inverted-base);
  --ks-border-color-secondary-inverted: var(--ks-border-color-secondary-base);
  --ks-border-color-secondary-interactive: var(--ks-border-color-secondary-inverted-interactive-base);
  --ks-border-color-secondary-inverted-interactive: var(--ks-border-color-secondary-interactive-base);
  --ks-border-color-secondary-interactive-hover: var(--ks-border-color-secondary-inverted-interactive-hover-base);
  --ks-border-color-secondary-inverted-interactive-hover: var(--ks-border-color-secondary-interactive-hover-base);
  --ks-border-color-secondary-interactive-active: var(--ks-border-color-secondary-inverted-interactive-active-base);
  --ks-border-color-secondary-inverted-interactive-active: var(--ks-border-color-secondary-interactive-active-base);
  --ks-border-color-secondary-interactive-selected: var(--ks-border-color-secondary-inverted-interactive-selected-base);
  --ks-border-color-secondary-inverted-interactive-selected: var(--ks-border-color-secondary-interactive-selected-base);
  --ks-border-color-secondary-translucent: var(--ks-border-color-secondary-inverted-translucent-base);
  --ks-border-color-secondary-inverted-translucent: var(--ks-border-color-secondary-translucent-base);
  --ks-color-fg: var(--ks-color-fg-inverted-base);
  --ks-color-fg-inverted: var(--ks-color-fg-base);
  --ks-color-fg-alpha-1: var(--ks-color-fg-inverted-alpha-1-base);
  --ks-color-fg-inverted-alpha-1: var(--ks-color-fg-alpha-1-base);
  --ks-color-fg-alpha-2: var(--ks-color-fg-inverted-alpha-2-base);
  --ks-color-fg-inverted-alpha-2: var(--ks-color-fg-alpha-2-base);
  --ks-color-fg-alpha-3: var(--ks-color-fg-inverted-alpha-3-base);
  --ks-color-fg-inverted-alpha-3: var(--ks-color-fg-alpha-3-base);
  --ks-color-fg-alpha-4: var(--ks-color-fg-inverted-alpha-4-base);
  --ks-color-fg-inverted-alpha-4: var(--ks-color-fg-alpha-4-base);
  --ks-color-fg-alpha-5: var(--ks-color-fg-inverted-alpha-5-base);
  --ks-color-fg-inverted-alpha-5: var(--ks-color-fg-alpha-5-base);
  --ks-color-fg-alpha-6: var(--ks-color-fg-inverted-alpha-6-base);
  --ks-color-fg-inverted-alpha-6: var(--ks-color-fg-alpha-6-base);
  --ks-color-fg-alpha-7: var(--ks-color-fg-inverted-alpha-7-base);
  --ks-color-fg-inverted-alpha-7: var(--ks-color-fg-alpha-7-base);
  --ks-color-fg-alpha-8: var(--ks-color-fg-inverted-alpha-8-base);
  --ks-color-fg-inverted-alpha-8: var(--ks-color-fg-alpha-8-base);
  --ks-color-fg-alpha-9: var(--ks-color-fg-inverted-alpha-9-base);
  --ks-color-fg-inverted-alpha-9: var(--ks-color-fg-alpha-9-base);
  --ks-color-fg-to-bg-1: var(--ks-color-fg-inverted-to-bg-1-base);
  --ks-color-fg-inverted-to-bg-1: var(--ks-color-fg-to-bg-1-base);
  --ks-color-fg-to-bg-2: var(--ks-color-fg-inverted-to-bg-2-base);
  --ks-color-fg-inverted-to-bg-2: var(--ks-color-fg-to-bg-2-base);
  --ks-color-fg-to-bg-3: var(--ks-color-fg-inverted-to-bg-3-base);
  --ks-color-fg-inverted-to-bg-3: var(--ks-color-fg-to-bg-3-base);
  --ks-color-fg-to-bg-4: var(--ks-color-fg-inverted-to-bg-4-base);
  --ks-color-fg-inverted-to-bg-4: var(--ks-color-fg-to-bg-4-base);
  --ks-color-fg-to-bg-5: var(--ks-color-fg-inverted-to-bg-5-base);
  --ks-color-fg-inverted-to-bg-5: var(--ks-color-fg-to-bg-5-base);
  --ks-color-fg-to-bg-6: var(--ks-color-fg-inverted-to-bg-6-base);
  --ks-color-fg-inverted-to-bg-6: var(--ks-color-fg-to-bg-6-base);
  --ks-color-fg-to-bg-7: var(--ks-color-fg-inverted-to-bg-7-base);
  --ks-color-fg-inverted-to-bg-7: var(--ks-color-fg-to-bg-7-base);
  --ks-color-fg-to-bg-8: var(--ks-color-fg-inverted-to-bg-8-base);
  --ks-color-fg-inverted-to-bg-8: var(--ks-color-fg-to-bg-8-base);
  --ks-color-fg-to-bg-9: var(--ks-color-fg-inverted-to-bg-9-base);
  --ks-color-fg-inverted-to-bg-9: var(--ks-color-fg-to-bg-9-base);
  --ks-color-bg: var(--ks-color-bg-inverted-base);
  --ks-color-bg-inverted: var(--ks-color-bg-base);
  --ks-color-bg-alpha-1: var(--ks-color-bg-inverted-alpha-1-base);
  --ks-color-bg-inverted-alpha-1: var(--ks-color-bg-alpha-1-base);
  --ks-color-bg-alpha-2: var(--ks-color-bg-inverted-alpha-2-base);
  --ks-color-bg-inverted-alpha-2: var(--ks-color-bg-alpha-2-base);
  --ks-color-bg-alpha-3: var(--ks-color-bg-inverted-alpha-3-base);
  --ks-color-bg-inverted-alpha-3: var(--ks-color-bg-alpha-3-base);
  --ks-color-bg-alpha-4: var(--ks-color-bg-inverted-alpha-4-base);
  --ks-color-bg-inverted-alpha-4: var(--ks-color-bg-alpha-4-base);
  --ks-color-bg-alpha-5: var(--ks-color-bg-inverted-alpha-5-base);
  --ks-color-bg-inverted-alpha-5: var(--ks-color-bg-alpha-5-base);
  --ks-color-bg-alpha-6: var(--ks-color-bg-inverted-alpha-6-base);
  --ks-color-bg-inverted-alpha-6: var(--ks-color-bg-alpha-6-base);
  --ks-color-bg-alpha-7: var(--ks-color-bg-inverted-alpha-7-base);
  --ks-color-bg-inverted-alpha-7: var(--ks-color-bg-alpha-7-base);
  --ks-color-bg-alpha-8: var(--ks-color-bg-inverted-alpha-8-base);
  --ks-color-bg-inverted-alpha-8: var(--ks-color-bg-alpha-8-base);
  --ks-color-bg-alpha-9: var(--ks-color-bg-inverted-alpha-9-base);
  --ks-color-bg-inverted-alpha-9: var(--ks-color-bg-alpha-9-base);
  --ks-color-bg-to-fg-1: var(--ks-color-bg-inverted-to-fg-1-base);
  --ks-color-bg-inverted-to-fg-1: var(--ks-color-bg-to-fg-1-base);
  --ks-color-bg-to-fg-2: var(--ks-color-bg-inverted-to-fg-2-base);
  --ks-color-bg-inverted-to-fg-2: var(--ks-color-bg-to-fg-2-base);
  --ks-color-bg-to-fg-3: var(--ks-color-bg-inverted-to-fg-3-base);
  --ks-color-bg-inverted-to-fg-3: var(--ks-color-bg-to-fg-3-base);
  --ks-color-bg-to-fg-4: var(--ks-color-bg-inverted-to-fg-4-base);
  --ks-color-bg-inverted-to-fg-4: var(--ks-color-bg-to-fg-4-base);
  --ks-color-bg-to-fg-5: var(--ks-color-bg-inverted-to-fg-5-base);
  --ks-color-bg-inverted-to-fg-5: var(--ks-color-bg-to-fg-5-base);
  --ks-color-bg-to-fg-6: var(--ks-color-bg-inverted-to-fg-6-base);
  --ks-color-bg-inverted-to-fg-6: var(--ks-color-bg-to-fg-6-base);
  --ks-color-bg-to-fg-7: var(--ks-color-bg-inverted-to-fg-7-base);
  --ks-color-bg-inverted-to-fg-7: var(--ks-color-bg-to-fg-7-base);
  --ks-color-bg-to-fg-8: var(--ks-color-bg-inverted-to-fg-8-base);
  --ks-color-bg-inverted-to-fg-8: var(--ks-color-bg-to-fg-8-base);
  --ks-color-bg-to-fg-9: var(--ks-color-bg-inverted-to-fg-9-base);
  --ks-color-bg-inverted-to-fg-9: var(--ks-color-bg-to-fg-9-base);
  --ks-color-primary: var(--ks-color-primary-inverted-base);
  --ks-color-primary-inverted: var(--ks-color-primary-base);
  --ks-color-primary-alpha-1: var(--ks-color-primary-inverted-alpha-1-base);
  --ks-color-primary-inverted-alpha-1: var(--ks-color-primary-alpha-1-base);
  --ks-color-primary-alpha-2: var(--ks-color-primary-inverted-alpha-2-base);
  --ks-color-primary-inverted-alpha-2: var(--ks-color-primary-alpha-2-base);
  --ks-color-primary-alpha-3: var(--ks-color-primary-inverted-alpha-3-base);
  --ks-color-primary-inverted-alpha-3: var(--ks-color-primary-alpha-3-base);
  --ks-color-primary-alpha-4: var(--ks-color-primary-inverted-alpha-4-base);
  --ks-color-primary-inverted-alpha-4: var(--ks-color-primary-alpha-4-base);
  --ks-color-primary-alpha-5: var(--ks-color-primary-inverted-alpha-5-base);
  --ks-color-primary-inverted-alpha-5: var(--ks-color-primary-alpha-5-base);
  --ks-color-primary-alpha-6: var(--ks-color-primary-inverted-alpha-6-base);
  --ks-color-primary-inverted-alpha-6: var(--ks-color-primary-alpha-6-base);
  --ks-color-primary-alpha-7: var(--ks-color-primary-inverted-alpha-7-base);
  --ks-color-primary-inverted-alpha-7: var(--ks-color-primary-alpha-7-base);
  --ks-color-primary-alpha-8: var(--ks-color-primary-inverted-alpha-8-base);
  --ks-color-primary-inverted-alpha-8: var(--ks-color-primary-alpha-8-base);
  --ks-color-primary-alpha-9: var(--ks-color-primary-inverted-alpha-9-base);
  --ks-color-primary-inverted-alpha-9: var(--ks-color-primary-alpha-9-base);
  --ks-color-primary-to-bg-1: var(--ks-color-primary-inverted-to-bg-1-base);
  --ks-color-primary-inverted-to-bg-1: var(--ks-color-primary-to-bg-1-base);
  --ks-color-primary-to-bg-2: var(--ks-color-primary-inverted-to-bg-2-base);
  --ks-color-primary-inverted-to-bg-2: var(--ks-color-primary-to-bg-2-base);
  --ks-color-primary-to-bg-3: var(--ks-color-primary-inverted-to-bg-3-base);
  --ks-color-primary-inverted-to-bg-3: var(--ks-color-primary-to-bg-3-base);
  --ks-color-primary-to-bg-4: var(--ks-color-primary-inverted-to-bg-4-base);
  --ks-color-primary-inverted-to-bg-4: var(--ks-color-primary-to-bg-4-base);
  --ks-color-primary-to-bg-5: var(--ks-color-primary-inverted-to-bg-5-base);
  --ks-color-primary-inverted-to-bg-5: var(--ks-color-primary-to-bg-5-base);
  --ks-color-primary-to-bg-6: var(--ks-color-primary-inverted-to-bg-6-base);
  --ks-color-primary-inverted-to-bg-6: var(--ks-color-primary-to-bg-6-base);
  --ks-color-primary-to-bg-7: var(--ks-color-primary-inverted-to-bg-7-base);
  --ks-color-primary-inverted-to-bg-7: var(--ks-color-primary-to-bg-7-base);
  --ks-color-primary-to-bg-8: var(--ks-color-primary-inverted-to-bg-8-base);
  --ks-color-primary-inverted-to-bg-8: var(--ks-color-primary-to-bg-8-base);
  --ks-color-primary-to-bg-9: var(--ks-color-primary-inverted-to-bg-9-base);
  --ks-color-primary-inverted-to-bg-9: var(--ks-color-primary-to-bg-9-base);
  --ks-color-primary-to-fg-1: var(--ks-color-primary-inverted-to-fg-1-base);
  --ks-color-primary-inverted-to-fg-1: var(--ks-color-primary-to-fg-1-base);
  --ks-color-primary-to-fg-2: var(--ks-color-primary-inverted-to-fg-2-base);
  --ks-color-primary-inverted-to-fg-2: var(--ks-color-primary-to-fg-2-base);
  --ks-color-primary-to-fg-3: var(--ks-color-primary-inverted-to-fg-3-base);
  --ks-color-primary-inverted-to-fg-3: var(--ks-color-primary-to-fg-3-base);
  --ks-color-primary-to-fg-4: var(--ks-color-primary-inverted-to-fg-4-base);
  --ks-color-primary-inverted-to-fg-4: var(--ks-color-primary-to-fg-4-base);
  --ks-color-primary-to-fg-5: var(--ks-color-primary-inverted-to-fg-5-base);
  --ks-color-primary-inverted-to-fg-5: var(--ks-color-primary-to-fg-5-base);
  --ks-color-primary-to-fg-6: var(--ks-color-primary-inverted-to-fg-6-base);
  --ks-color-primary-inverted-to-fg-6: var(--ks-color-primary-to-fg-6-base);
  --ks-color-primary-to-fg-7: var(--ks-color-primary-inverted-to-fg-7-base);
  --ks-color-primary-inverted-to-fg-7: var(--ks-color-primary-to-fg-7-base);
  --ks-color-primary-to-fg-8: var(--ks-color-primary-inverted-to-fg-8-base);
  --ks-color-primary-inverted-to-fg-8: var(--ks-color-primary-to-fg-8-base);
  --ks-color-primary-to-fg-9: var(--ks-color-primary-inverted-to-fg-9-base);
  --ks-color-primary-inverted-to-fg-9: var(--ks-color-primary-to-fg-9-base);
  --ks-color-link: var(--ks-color-link-inverted-base);
  --ks-color-link-inverted: var(--ks-color-link-base);
  --ks-color-link-alpha-1: var(--ks-color-link-inverted-alpha-1-base);
  --ks-color-link-inverted-alpha-1: var(--ks-color-link-alpha-1-base);
  --ks-color-link-alpha-2: var(--ks-color-link-inverted-alpha-2-base);
  --ks-color-link-inverted-alpha-2: var(--ks-color-link-alpha-2-base);
  --ks-color-link-alpha-3: var(--ks-color-link-inverted-alpha-3-base);
  --ks-color-link-inverted-alpha-3: var(--ks-color-link-alpha-3-base);
  --ks-color-link-alpha-4: var(--ks-color-link-inverted-alpha-4-base);
  --ks-color-link-inverted-alpha-4: var(--ks-color-link-alpha-4-base);
  --ks-color-link-alpha-5: var(--ks-color-link-inverted-alpha-5-base);
  --ks-color-link-inverted-alpha-5: var(--ks-color-link-alpha-5-base);
  --ks-color-link-alpha-6: var(--ks-color-link-inverted-alpha-6-base);
  --ks-color-link-inverted-alpha-6: var(--ks-color-link-alpha-6-base);
  --ks-color-link-alpha-7: var(--ks-color-link-inverted-alpha-7-base);
  --ks-color-link-inverted-alpha-7: var(--ks-color-link-alpha-7-base);
  --ks-color-link-alpha-8: var(--ks-color-link-inverted-alpha-8-base);
  --ks-color-link-inverted-alpha-8: var(--ks-color-link-alpha-8-base);
  --ks-color-link-alpha-9: var(--ks-color-link-inverted-alpha-9-base);
  --ks-color-link-inverted-alpha-9: var(--ks-color-link-alpha-9-base);
  --ks-color-link-to-bg-1: var(--ks-color-link-inverted-to-bg-1-base);
  --ks-color-link-inverted-to-bg-1: var(--ks-color-link-to-bg-1-base);
  --ks-color-link-to-bg-2: var(--ks-color-link-inverted-to-bg-2-base);
  --ks-color-link-inverted-to-bg-2: var(--ks-color-link-to-bg-2-base);
  --ks-color-link-to-bg-3: var(--ks-color-link-inverted-to-bg-3-base);
  --ks-color-link-inverted-to-bg-3: var(--ks-color-link-to-bg-3-base);
  --ks-color-link-to-bg-4: var(--ks-color-link-inverted-to-bg-4-base);
  --ks-color-link-inverted-to-bg-4: var(--ks-color-link-to-bg-4-base);
  --ks-color-link-to-bg-5: var(--ks-color-link-inverted-to-bg-5-base);
  --ks-color-link-inverted-to-bg-5: var(--ks-color-link-to-bg-5-base);
  --ks-color-link-to-bg-6: var(--ks-color-link-inverted-to-bg-6-base);
  --ks-color-link-inverted-to-bg-6: var(--ks-color-link-to-bg-6-base);
  --ks-color-link-to-bg-7: var(--ks-color-link-inverted-to-bg-7-base);
  --ks-color-link-inverted-to-bg-7: var(--ks-color-link-to-bg-7-base);
  --ks-color-link-to-bg-8: var(--ks-color-link-inverted-to-bg-8-base);
  --ks-color-link-inverted-to-bg-8: var(--ks-color-link-to-bg-8-base);
  --ks-color-link-to-bg-9: var(--ks-color-link-inverted-to-bg-9-base);
  --ks-color-link-inverted-to-bg-9: var(--ks-color-link-to-bg-9-base);
  --ks-color-link-to-fg-1: var(--ks-color-link-inverted-to-fg-1-base);
  --ks-color-link-inverted-to-fg-1: var(--ks-color-link-to-fg-1-base);
  --ks-color-link-to-fg-2: var(--ks-color-link-inverted-to-fg-2-base);
  --ks-color-link-inverted-to-fg-2: var(--ks-color-link-to-fg-2-base);
  --ks-color-link-to-fg-3: var(--ks-color-link-inverted-to-fg-3-base);
  --ks-color-link-inverted-to-fg-3: var(--ks-color-link-to-fg-3-base);
  --ks-color-link-to-fg-4: var(--ks-color-link-inverted-to-fg-4-base);
  --ks-color-link-inverted-to-fg-4: var(--ks-color-link-to-fg-4-base);
  --ks-color-link-to-fg-5: var(--ks-color-link-inverted-to-fg-5-base);
  --ks-color-link-inverted-to-fg-5: var(--ks-color-link-to-fg-5-base);
  --ks-color-link-to-fg-6: var(--ks-color-link-inverted-to-fg-6-base);
  --ks-color-link-inverted-to-fg-6: var(--ks-color-link-to-fg-6-base);
  --ks-color-link-to-fg-7: var(--ks-color-link-inverted-to-fg-7-base);
  --ks-color-link-inverted-to-fg-7: var(--ks-color-link-to-fg-7-base);
  --ks-color-link-to-fg-8: var(--ks-color-link-inverted-to-fg-8-base);
  --ks-color-link-inverted-to-fg-8: var(--ks-color-link-to-fg-8-base);
  --ks-color-link-to-fg-9: var(--ks-color-link-inverted-to-fg-9-base);
  --ks-color-link-inverted-to-fg-9: var(--ks-color-link-to-fg-9-base);
  --ks-color-positive: var(--ks-color-positive-inverted-base);
  --ks-color-positive-inverted: var(--ks-color-positive-base);
  --ks-color-positive-alpha-1: var(--ks-color-positive-inverted-alpha-1-base);
  --ks-color-positive-inverted-alpha-1: var(--ks-color-positive-alpha-1-base);
  --ks-color-positive-alpha-2: var(--ks-color-positive-inverted-alpha-2-base);
  --ks-color-positive-inverted-alpha-2: var(--ks-color-positive-alpha-2-base);
  --ks-color-positive-alpha-3: var(--ks-color-positive-inverted-alpha-3-base);
  --ks-color-positive-inverted-alpha-3: var(--ks-color-positive-alpha-3-base);
  --ks-color-positive-alpha-4: var(--ks-color-positive-inverted-alpha-4-base);
  --ks-color-positive-inverted-alpha-4: var(--ks-color-positive-alpha-4-base);
  --ks-color-positive-alpha-5: var(--ks-color-positive-inverted-alpha-5-base);
  --ks-color-positive-inverted-alpha-5: var(--ks-color-positive-alpha-5-base);
  --ks-color-positive-alpha-6: var(--ks-color-positive-inverted-alpha-6-base);
  --ks-color-positive-inverted-alpha-6: var(--ks-color-positive-alpha-6-base);
  --ks-color-positive-alpha-7: var(--ks-color-positive-inverted-alpha-7-base);
  --ks-color-positive-inverted-alpha-7: var(--ks-color-positive-alpha-7-base);
  --ks-color-positive-alpha-8: var(--ks-color-positive-inverted-alpha-8-base);
  --ks-color-positive-inverted-alpha-8: var(--ks-color-positive-alpha-8-base);
  --ks-color-positive-alpha-9: var(--ks-color-positive-inverted-alpha-9-base);
  --ks-color-positive-inverted-alpha-9: var(--ks-color-positive-alpha-9-base);
  --ks-color-positive-to-bg-1: var(--ks-color-positive-inverted-to-bg-1-base);
  --ks-color-positive-inverted-to-bg-1: var(--ks-color-positive-to-bg-1-base);
  --ks-color-positive-to-bg-2: var(--ks-color-positive-inverted-to-bg-2-base);
  --ks-color-positive-inverted-to-bg-2: var(--ks-color-positive-to-bg-2-base);
  --ks-color-positive-to-bg-3: var(--ks-color-positive-inverted-to-bg-3-base);
  --ks-color-positive-inverted-to-bg-3: var(--ks-color-positive-to-bg-3-base);
  --ks-color-positive-to-bg-4: var(--ks-color-positive-inverted-to-bg-4-base);
  --ks-color-positive-inverted-to-bg-4: var(--ks-color-positive-to-bg-4-base);
  --ks-color-positive-to-bg-5: var(--ks-color-positive-inverted-to-bg-5-base);
  --ks-color-positive-inverted-to-bg-5: var(--ks-color-positive-to-bg-5-base);
  --ks-color-positive-to-bg-6: var(--ks-color-positive-inverted-to-bg-6-base);
  --ks-color-positive-inverted-to-bg-6: var(--ks-color-positive-to-bg-6-base);
  --ks-color-positive-to-bg-7: var(--ks-color-positive-inverted-to-bg-7-base);
  --ks-color-positive-inverted-to-bg-7: var(--ks-color-positive-to-bg-7-base);
  --ks-color-positive-to-bg-8: var(--ks-color-positive-inverted-to-bg-8-base);
  --ks-color-positive-inverted-to-bg-8: var(--ks-color-positive-to-bg-8-base);
  --ks-color-positive-to-bg-9: var(--ks-color-positive-inverted-to-bg-9-base);
  --ks-color-positive-inverted-to-bg-9: var(--ks-color-positive-to-bg-9-base);
  --ks-color-positive-to-fg-1: var(--ks-color-positive-inverted-to-fg-1-base);
  --ks-color-positive-inverted-to-fg-1: var(--ks-color-positive-to-fg-1-base);
  --ks-color-positive-to-fg-2: var(--ks-color-positive-inverted-to-fg-2-base);
  --ks-color-positive-inverted-to-fg-2: var(--ks-color-positive-to-fg-2-base);
  --ks-color-positive-to-fg-3: var(--ks-color-positive-inverted-to-fg-3-base);
  --ks-color-positive-inverted-to-fg-3: var(--ks-color-positive-to-fg-3-base);
  --ks-color-positive-to-fg-4: var(--ks-color-positive-inverted-to-fg-4-base);
  --ks-color-positive-inverted-to-fg-4: var(--ks-color-positive-to-fg-4-base);
  --ks-color-positive-to-fg-5: var(--ks-color-positive-inverted-to-fg-5-base);
  --ks-color-positive-inverted-to-fg-5: var(--ks-color-positive-to-fg-5-base);
  --ks-color-positive-to-fg-6: var(--ks-color-positive-inverted-to-fg-6-base);
  --ks-color-positive-inverted-to-fg-6: var(--ks-color-positive-to-fg-6-base);
  --ks-color-positive-to-fg-7: var(--ks-color-positive-inverted-to-fg-7-base);
  --ks-color-positive-inverted-to-fg-7: var(--ks-color-positive-to-fg-7-base);
  --ks-color-positive-to-fg-8: var(--ks-color-positive-inverted-to-fg-8-base);
  --ks-color-positive-inverted-to-fg-8: var(--ks-color-positive-to-fg-8-base);
  --ks-color-positive-to-fg-9: var(--ks-color-positive-inverted-to-fg-9-base);
  --ks-color-positive-inverted-to-fg-9: var(--ks-color-positive-to-fg-9-base);
  --ks-color-informative: var(--ks-color-informative-inverted-base);
  --ks-color-informative-inverted: var(--ks-color-informative-base);
  --ks-color-informative-alpha-1: var(--ks-color-informative-inverted-alpha-1-base);
  --ks-color-informative-inverted-alpha-1: var(--ks-color-informative-alpha-1-base);
  --ks-color-informative-alpha-2: var(--ks-color-informative-inverted-alpha-2-base);
  --ks-color-informative-inverted-alpha-2: var(--ks-color-informative-alpha-2-base);
  --ks-color-informative-alpha-3: var(--ks-color-informative-inverted-alpha-3-base);
  --ks-color-informative-inverted-alpha-3: var(--ks-color-informative-alpha-3-base);
  --ks-color-informative-alpha-4: var(--ks-color-informative-inverted-alpha-4-base);
  --ks-color-informative-inverted-alpha-4: var(--ks-color-informative-alpha-4-base);
  --ks-color-informative-alpha-5: var(--ks-color-informative-inverted-alpha-5-base);
  --ks-color-informative-inverted-alpha-5: var(--ks-color-informative-alpha-5-base);
  --ks-color-informative-alpha-6: var(--ks-color-informative-inverted-alpha-6-base);
  --ks-color-informative-inverted-alpha-6: var(--ks-color-informative-alpha-6-base);
  --ks-color-informative-alpha-7: var(--ks-color-informative-inverted-alpha-7-base);
  --ks-color-informative-inverted-alpha-7: var(--ks-color-informative-alpha-7-base);
  --ks-color-informative-alpha-8: var(--ks-color-informative-inverted-alpha-8-base);
  --ks-color-informative-inverted-alpha-8: var(--ks-color-informative-alpha-8-base);
  --ks-color-informative-alpha-9: var(--ks-color-informative-inverted-alpha-9-base);
  --ks-color-informative-inverted-alpha-9: var(--ks-color-informative-alpha-9-base);
  --ks-color-informative-to-bg-1: var(--ks-color-informative-inverted-to-bg-1-base);
  --ks-color-informative-inverted-to-bg-1: var(--ks-color-informative-to-bg-1-base);
  --ks-color-informative-to-bg-2: var(--ks-color-informative-inverted-to-bg-2-base);
  --ks-color-informative-inverted-to-bg-2: var(--ks-color-informative-to-bg-2-base);
  --ks-color-informative-to-bg-3: var(--ks-color-informative-inverted-to-bg-3-base);
  --ks-color-informative-inverted-to-bg-3: var(--ks-color-informative-to-bg-3-base);
  --ks-color-informative-to-bg-4: var(--ks-color-informative-inverted-to-bg-4-base);
  --ks-color-informative-inverted-to-bg-4: var(--ks-color-informative-to-bg-4-base);
  --ks-color-informative-to-bg-5: var(--ks-color-informative-inverted-to-bg-5-base);
  --ks-color-informative-inverted-to-bg-5: var(--ks-color-informative-to-bg-5-base);
  --ks-color-informative-to-bg-6: var(--ks-color-informative-inverted-to-bg-6-base);
  --ks-color-informative-inverted-to-bg-6: var(--ks-color-informative-to-bg-6-base);
  --ks-color-informative-to-bg-7: var(--ks-color-informative-inverted-to-bg-7-base);
  --ks-color-informative-inverted-to-bg-7: var(--ks-color-informative-to-bg-7-base);
  --ks-color-informative-to-bg-8: var(--ks-color-informative-inverted-to-bg-8-base);
  --ks-color-informative-inverted-to-bg-8: var(--ks-color-informative-to-bg-8-base);
  --ks-color-informative-to-bg-9: var(--ks-color-informative-inverted-to-bg-9-base);
  --ks-color-informative-inverted-to-bg-9: var(--ks-color-informative-to-bg-9-base);
  --ks-color-informative-to-fg-1: var(--ks-color-informative-inverted-to-fg-1-base);
  --ks-color-informative-inverted-to-fg-1: var(--ks-color-informative-to-fg-1-base);
  --ks-color-informative-to-fg-2: var(--ks-color-informative-inverted-to-fg-2-base);
  --ks-color-informative-inverted-to-fg-2: var(--ks-color-informative-to-fg-2-base);
  --ks-color-informative-to-fg-3: var(--ks-color-informative-inverted-to-fg-3-base);
  --ks-color-informative-inverted-to-fg-3: var(--ks-color-informative-to-fg-3-base);
  --ks-color-informative-to-fg-4: var(--ks-color-informative-inverted-to-fg-4-base);
  --ks-color-informative-inverted-to-fg-4: var(--ks-color-informative-to-fg-4-base);
  --ks-color-informative-to-fg-5: var(--ks-color-informative-inverted-to-fg-5-base);
  --ks-color-informative-inverted-to-fg-5: var(--ks-color-informative-to-fg-5-base);
  --ks-color-informative-to-fg-6: var(--ks-color-informative-inverted-to-fg-6-base);
  --ks-color-informative-inverted-to-fg-6: var(--ks-color-informative-to-fg-6-base);
  --ks-color-informative-to-fg-7: var(--ks-color-informative-inverted-to-fg-7-base);
  --ks-color-informative-inverted-to-fg-7: var(--ks-color-informative-to-fg-7-base);
  --ks-color-informative-to-fg-8: var(--ks-color-informative-inverted-to-fg-8-base);
  --ks-color-informative-inverted-to-fg-8: var(--ks-color-informative-to-fg-8-base);
  --ks-color-informative-to-fg-9: var(--ks-color-informative-inverted-to-fg-9-base);
  --ks-color-informative-inverted-to-fg-9: var(--ks-color-informative-to-fg-9-base);
  --ks-color-notice: var(--ks-color-notice-inverted-base);
  --ks-color-notice-inverted: var(--ks-color-notice-base);
  --ks-color-notice-alpha-1: var(--ks-color-notice-inverted-alpha-1-base);
  --ks-color-notice-inverted-alpha-1: var(--ks-color-notice-alpha-1-base);
  --ks-color-notice-alpha-2: var(--ks-color-notice-inverted-alpha-2-base);
  --ks-color-notice-inverted-alpha-2: var(--ks-color-notice-alpha-2-base);
  --ks-color-notice-alpha-3: var(--ks-color-notice-inverted-alpha-3-base);
  --ks-color-notice-inverted-alpha-3: var(--ks-color-notice-alpha-3-base);
  --ks-color-notice-alpha-4: var(--ks-color-notice-inverted-alpha-4-base);
  --ks-color-notice-inverted-alpha-4: var(--ks-color-notice-alpha-4-base);
  --ks-color-notice-alpha-5: var(--ks-color-notice-inverted-alpha-5-base);
  --ks-color-notice-inverted-alpha-5: var(--ks-color-notice-alpha-5-base);
  --ks-color-notice-alpha-6: var(--ks-color-notice-inverted-alpha-6-base);
  --ks-color-notice-inverted-alpha-6: var(--ks-color-notice-alpha-6-base);
  --ks-color-notice-alpha-7: var(--ks-color-notice-inverted-alpha-7-base);
  --ks-color-notice-inverted-alpha-7: var(--ks-color-notice-alpha-7-base);
  --ks-color-notice-alpha-8: var(--ks-color-notice-inverted-alpha-8-base);
  --ks-color-notice-inverted-alpha-8: var(--ks-color-notice-alpha-8-base);
  --ks-color-notice-alpha-9: var(--ks-color-notice-inverted-alpha-9-base);
  --ks-color-notice-inverted-alpha-9: var(--ks-color-notice-alpha-9-base);
  --ks-color-notice-to-bg-1: var(--ks-color-notice-inverted-to-bg-1-base);
  --ks-color-notice-inverted-to-bg-1: var(--ks-color-notice-to-bg-1-base);
  --ks-color-notice-to-bg-2: var(--ks-color-notice-inverted-to-bg-2-base);
  --ks-color-notice-inverted-to-bg-2: var(--ks-color-notice-to-bg-2-base);
  --ks-color-notice-to-bg-3: var(--ks-color-notice-inverted-to-bg-3-base);
  --ks-color-notice-inverted-to-bg-3: var(--ks-color-notice-to-bg-3-base);
  --ks-color-notice-to-bg-4: var(--ks-color-notice-inverted-to-bg-4-base);
  --ks-color-notice-inverted-to-bg-4: var(--ks-color-notice-to-bg-4-base);
  --ks-color-notice-to-bg-5: var(--ks-color-notice-inverted-to-bg-5-base);
  --ks-color-notice-inverted-to-bg-5: var(--ks-color-notice-to-bg-5-base);
  --ks-color-notice-to-bg-6: var(--ks-color-notice-inverted-to-bg-6-base);
  --ks-color-notice-inverted-to-bg-6: var(--ks-color-notice-to-bg-6-base);
  --ks-color-notice-to-bg-7: var(--ks-color-notice-inverted-to-bg-7-base);
  --ks-color-notice-inverted-to-bg-7: var(--ks-color-notice-to-bg-7-base);
  --ks-color-notice-to-bg-8: var(--ks-color-notice-inverted-to-bg-8-base);
  --ks-color-notice-inverted-to-bg-8: var(--ks-color-notice-to-bg-8-base);
  --ks-color-notice-to-bg-9: var(--ks-color-notice-inverted-to-bg-9-base);
  --ks-color-notice-inverted-to-bg-9: var(--ks-color-notice-to-bg-9-base);
  --ks-color-notice-to-fg-1: var(--ks-color-notice-inverted-to-fg-1-base);
  --ks-color-notice-inverted-to-fg-1: var(--ks-color-notice-to-fg-1-base);
  --ks-color-notice-to-fg-2: var(--ks-color-notice-inverted-to-fg-2-base);
  --ks-color-notice-inverted-to-fg-2: var(--ks-color-notice-to-fg-2-base);
  --ks-color-notice-to-fg-3: var(--ks-color-notice-inverted-to-fg-3-base);
  --ks-color-notice-inverted-to-fg-3: var(--ks-color-notice-to-fg-3-base);
  --ks-color-notice-to-fg-4: var(--ks-color-notice-inverted-to-fg-4-base);
  --ks-color-notice-inverted-to-fg-4: var(--ks-color-notice-to-fg-4-base);
  --ks-color-notice-to-fg-5: var(--ks-color-notice-inverted-to-fg-5-base);
  --ks-color-notice-inverted-to-fg-5: var(--ks-color-notice-to-fg-5-base);
  --ks-color-notice-to-fg-6: var(--ks-color-notice-inverted-to-fg-6-base);
  --ks-color-notice-inverted-to-fg-6: var(--ks-color-notice-to-fg-6-base);
  --ks-color-notice-to-fg-7: var(--ks-color-notice-inverted-to-fg-7-base);
  --ks-color-notice-inverted-to-fg-7: var(--ks-color-notice-to-fg-7-base);
  --ks-color-notice-to-fg-8: var(--ks-color-notice-inverted-to-fg-8-base);
  --ks-color-notice-inverted-to-fg-8: var(--ks-color-notice-to-fg-8-base);
  --ks-color-notice-to-fg-9: var(--ks-color-notice-inverted-to-fg-9-base);
  --ks-color-notice-inverted-to-fg-9: var(--ks-color-notice-to-fg-9-base);
  --ks-color-negative: var(--ks-color-negative-inverted-base);
  --ks-color-negative-inverted: var(--ks-color-negative-base);
  --ks-color-negative-alpha-1: var(--ks-color-negative-inverted-alpha-1-base);
  --ks-color-negative-inverted-alpha-1: var(--ks-color-negative-alpha-1-base);
  --ks-color-negative-alpha-2: var(--ks-color-negative-inverted-alpha-2-base);
  --ks-color-negative-inverted-alpha-2: var(--ks-color-negative-alpha-2-base);
  --ks-color-negative-alpha-3: var(--ks-color-negative-inverted-alpha-3-base);
  --ks-color-negative-inverted-alpha-3: var(--ks-color-negative-alpha-3-base);
  --ks-color-negative-alpha-4: var(--ks-color-negative-inverted-alpha-4-base);
  --ks-color-negative-inverted-alpha-4: var(--ks-color-negative-alpha-4-base);
  --ks-color-negative-alpha-5: var(--ks-color-negative-inverted-alpha-5-base);
  --ks-color-negative-inverted-alpha-5: var(--ks-color-negative-alpha-5-base);
  --ks-color-negative-alpha-6: var(--ks-color-negative-inverted-alpha-6-base);
  --ks-color-negative-inverted-alpha-6: var(--ks-color-negative-alpha-6-base);
  --ks-color-negative-alpha-7: var(--ks-color-negative-inverted-alpha-7-base);
  --ks-color-negative-inverted-alpha-7: var(--ks-color-negative-alpha-7-base);
  --ks-color-negative-alpha-8: var(--ks-color-negative-inverted-alpha-8-base);
  --ks-color-negative-inverted-alpha-8: var(--ks-color-negative-alpha-8-base);
  --ks-color-negative-alpha-9: var(--ks-color-negative-inverted-alpha-9-base);
  --ks-color-negative-inverted-alpha-9: var(--ks-color-negative-alpha-9-base);
  --ks-color-negative-to-bg-1: var(--ks-color-negative-inverted-to-bg-1-base);
  --ks-color-negative-inverted-to-bg-1: var(--ks-color-negative-to-bg-1-base);
  --ks-color-negative-to-bg-2: var(--ks-color-negative-inverted-to-bg-2-base);
  --ks-color-negative-inverted-to-bg-2: var(--ks-color-negative-to-bg-2-base);
  --ks-color-negative-to-bg-3: var(--ks-color-negative-inverted-to-bg-3-base);
  --ks-color-negative-inverted-to-bg-3: var(--ks-color-negative-to-bg-3-base);
  --ks-color-negative-to-bg-4: var(--ks-color-negative-inverted-to-bg-4-base);
  --ks-color-negative-inverted-to-bg-4: var(--ks-color-negative-to-bg-4-base);
  --ks-color-negative-to-bg-5: var(--ks-color-negative-inverted-to-bg-5-base);
  --ks-color-negative-inverted-to-bg-5: var(--ks-color-negative-to-bg-5-base);
  --ks-color-negative-to-bg-6: var(--ks-color-negative-inverted-to-bg-6-base);
  --ks-color-negative-inverted-to-bg-6: var(--ks-color-negative-to-bg-6-base);
  --ks-color-negative-to-bg-7: var(--ks-color-negative-inverted-to-bg-7-base);
  --ks-color-negative-inverted-to-bg-7: var(--ks-color-negative-to-bg-7-base);
  --ks-color-negative-to-bg-8: var(--ks-color-negative-inverted-to-bg-8-base);
  --ks-color-negative-inverted-to-bg-8: var(--ks-color-negative-to-bg-8-base);
  --ks-color-negative-to-bg-9: var(--ks-color-negative-inverted-to-bg-9-base);
  --ks-color-negative-inverted-to-bg-9: var(--ks-color-negative-to-bg-9-base);
  --ks-color-negative-to-fg-1: var(--ks-color-negative-inverted-to-fg-1-base);
  --ks-color-negative-inverted-to-fg-1: var(--ks-color-negative-to-fg-1-base);
  --ks-color-negative-to-fg-2: var(--ks-color-negative-inverted-to-fg-2-base);
  --ks-color-negative-inverted-to-fg-2: var(--ks-color-negative-to-fg-2-base);
  --ks-color-negative-to-fg-3: var(--ks-color-negative-inverted-to-fg-3-base);
  --ks-color-negative-inverted-to-fg-3: var(--ks-color-negative-to-fg-3-base);
  --ks-color-negative-to-fg-4: var(--ks-color-negative-inverted-to-fg-4-base);
  --ks-color-negative-inverted-to-fg-4: var(--ks-color-negative-to-fg-4-base);
  --ks-color-negative-to-fg-5: var(--ks-color-negative-inverted-to-fg-5-base);
  --ks-color-negative-inverted-to-fg-5: var(--ks-color-negative-to-fg-5-base);
  --ks-color-negative-to-fg-6: var(--ks-color-negative-inverted-to-fg-6-base);
  --ks-color-negative-inverted-to-fg-6: var(--ks-color-negative-to-fg-6-base);
  --ks-color-negative-to-fg-7: var(--ks-color-negative-inverted-to-fg-7-base);
  --ks-color-negative-inverted-to-fg-7: var(--ks-color-negative-to-fg-7-base);
  --ks-color-negative-to-fg-8: var(--ks-color-negative-inverted-to-fg-8-base);
  --ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-to-fg-8-base);
  --ks-color-negative-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
  --ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-to-fg-9-base);
  --ks-color-secondary: var(--ks-color-secondary-inverted-base);
  --ks-color-secondary-inverted: var(--ks-color-secondary-base);
  --ks-color-secondary-alpha-1: var(--ks-color-secondary-inverted-alpha-1-base);
  --ks-color-secondary-inverted-alpha-1: var(--ks-color-secondary-alpha-1-base);
  --ks-color-secondary-alpha-2: var(--ks-color-secondary-inverted-alpha-2-base);
  --ks-color-secondary-inverted-alpha-2: var(--ks-color-secondary-alpha-2-base);
  --ks-color-secondary-alpha-3: var(--ks-color-secondary-inverted-alpha-3-base);
  --ks-color-secondary-inverted-alpha-3: var(--ks-color-secondary-alpha-3-base);
  --ks-color-secondary-alpha-4: var(--ks-color-secondary-inverted-alpha-4-base);
  --ks-color-secondary-inverted-alpha-4: var(--ks-color-secondary-alpha-4-base);
  --ks-color-secondary-alpha-5: var(--ks-color-secondary-inverted-alpha-5-base);
  --ks-color-secondary-inverted-alpha-5: var(--ks-color-secondary-alpha-5-base);
  --ks-color-secondary-alpha-6: var(--ks-color-secondary-inverted-alpha-6-base);
  --ks-color-secondary-inverted-alpha-6: var(--ks-color-secondary-alpha-6-base);
  --ks-color-secondary-alpha-7: var(--ks-color-secondary-inverted-alpha-7-base);
  --ks-color-secondary-inverted-alpha-7: var(--ks-color-secondary-alpha-7-base);
  --ks-color-secondary-alpha-8: var(--ks-color-secondary-inverted-alpha-8-base);
  --ks-color-secondary-inverted-alpha-8: var(--ks-color-secondary-alpha-8-base);
  --ks-color-secondary-alpha-9: var(--ks-color-secondary-inverted-alpha-9-base);
  --ks-color-secondary-inverted-alpha-9: var(--ks-color-secondary-alpha-9-base);
  --ks-color-secondary-to-bg-1: var(--ks-color-secondary-inverted-to-bg-1-base);
  --ks-color-secondary-inverted-to-bg-1: var(--ks-color-secondary-to-bg-1-base);
  --ks-color-secondary-to-bg-2: var(--ks-color-secondary-inverted-to-bg-2-base);
  --ks-color-secondary-inverted-to-bg-2: var(--ks-color-secondary-to-bg-2-base);
  --ks-color-secondary-to-bg-3: var(--ks-color-secondary-inverted-to-bg-3-base);
  --ks-color-secondary-inverted-to-bg-3: var(--ks-color-secondary-to-bg-3-base);
  --ks-color-secondary-to-bg-4: var(--ks-color-secondary-inverted-to-bg-4-base);
  --ks-color-secondary-inverted-to-bg-4: var(--ks-color-secondary-to-bg-4-base);
  --ks-color-secondary-to-bg-5: var(--ks-color-secondary-inverted-to-bg-5-base);
  --ks-color-secondary-inverted-to-bg-5: var(--ks-color-secondary-to-bg-5-base);
  --ks-color-secondary-to-bg-6: var(--ks-color-secondary-inverted-to-bg-6-base);
  --ks-color-secondary-inverted-to-bg-6: var(--ks-color-secondary-to-bg-6-base);
  --ks-color-secondary-to-bg-7: var(--ks-color-secondary-inverted-to-bg-7-base);
  --ks-color-secondary-inverted-to-bg-7: var(--ks-color-secondary-to-bg-7-base);
  --ks-color-secondary-to-bg-8: var(--ks-color-secondary-inverted-to-bg-8-base);
  --ks-color-secondary-inverted-to-bg-8: var(--ks-color-secondary-to-bg-8-base);
  --ks-color-secondary-to-bg-9: var(--ks-color-secondary-inverted-to-bg-9-base);
  --ks-color-secondary-inverted-to-bg-9: var(--ks-color-secondary-to-bg-9-base);
  --ks-color-secondary-to-fg-1: var(--ks-color-secondary-inverted-to-fg-1-base);
  --ks-color-secondary-inverted-to-fg-1: var(--ks-color-secondary-to-fg-1-base);
  --ks-color-secondary-to-fg-2: var(--ks-color-secondary-inverted-to-fg-2-base);
  --ks-color-secondary-inverted-to-fg-2: var(--ks-color-secondary-to-fg-2-base);
  --ks-color-secondary-to-fg-3: var(--ks-color-secondary-inverted-to-fg-3-base);
  --ks-color-secondary-inverted-to-fg-3: var(--ks-color-secondary-to-fg-3-base);
  --ks-color-secondary-to-fg-4: var(--ks-color-secondary-inverted-to-fg-4-base);
  --ks-color-secondary-inverted-to-fg-4: var(--ks-color-secondary-to-fg-4-base);
  --ks-color-secondary-to-fg-5: var(--ks-color-secondary-inverted-to-fg-5-base);
  --ks-color-secondary-inverted-to-fg-5: var(--ks-color-secondary-to-fg-5-base);
  --ks-color-secondary-to-fg-6: var(--ks-color-secondary-inverted-to-fg-6-base);
  --ks-color-secondary-inverted-to-fg-6: var(--ks-color-secondary-to-fg-6-base);
  --ks-color-secondary-to-fg-7: var(--ks-color-secondary-inverted-to-fg-7-base);
  --ks-color-secondary-inverted-to-fg-7: var(--ks-color-secondary-to-fg-7-base);
  --ks-color-secondary-to-fg-8: var(--ks-color-secondary-inverted-to-fg-8-base);
  --ks-color-secondary-inverted-to-fg-8: var(--ks-color-secondary-to-fg-8-base);
  --ks-color-secondary-to-fg-9: var(--ks-color-secondary-inverted-to-fg-9-base);
  --ks-color-secondary-inverted-to-fg-9: var(--ks-color-secondary-to-fg-9-base);
  --ks-text-color-default: var(--ks-text-color-default-inverted-base);
  --ks-text-color-default-inverted: var(--ks-text-color-default-base);
  --ks-text-color-default-interactive: var(--ks-text-color-default-inverted-interactive-base);
  --ks-text-color-default-inverted-interactive: var(--ks-text-color-default-interactive-base);
  --ks-text-color-default-interactive-hover: var(--ks-text-color-default-inverted-interactive-hover-base);
  --ks-text-color-default-inverted-interactive-hover: var(--ks-text-color-default-interactive-hover-base);
  --ks-text-color-default-interactive-active: var(--ks-text-color-default-inverted-interactive-active-base);
  --ks-text-color-default-inverted-interactive-active: var(--ks-text-color-default-interactive-active-base);
  --ks-text-color-default-interactive-selected: var(--ks-text-color-default-inverted-interactive-selected-base);
  --ks-text-color-default-inverted-interactive-selected: var(--ks-text-color-default-interactive-selected-base);
  --ks-text-color-copy: var(--ks-text-color-copy-inverted-base);
  --ks-text-color-copy-inverted: var(--ks-text-color-copy-base);
  --ks-text-color-copy-interactive: var(--ks-text-color-copy-inverted-interactive-base);
  --ks-text-color-copy-inverted-interactive: var(--ks-text-color-copy-interactive-base);
  --ks-text-color-copy-interactive-hover: var(--ks-text-color-copy-inverted-interactive-hover-base);
  --ks-text-color-copy-inverted-interactive-hover: var(--ks-text-color-copy-interactive-hover-base);
  --ks-text-color-copy-interactive-active: var(--ks-text-color-copy-inverted-interactive-active-base);
  --ks-text-color-copy-inverted-interactive-active: var(--ks-text-color-copy-interactive-active-base);
  --ks-text-color-copy-interactive-selected: var(--ks-text-color-copy-inverted-interactive-selected-base);
  --ks-text-color-copy-inverted-interactive-selected: var(--ks-text-color-copy-interactive-selected-base);
  --ks-text-color-display: var(--ks-text-color-display-inverted-base);
  --ks-text-color-display-inverted: var(--ks-text-color-display-base);
  --ks-text-color-display-interactive: var(--ks-text-color-display-inverted-interactive-base);
  --ks-text-color-display-inverted-interactive: var(--ks-text-color-display-interactive-base);
  --ks-text-color-display-interactive-hover: var(--ks-text-color-display-inverted-interactive-hover-base);
  --ks-text-color-display-inverted-interactive-hover: var(--ks-text-color-display-interactive-hover-base);
  --ks-text-color-display-interactive-active: var(--ks-text-color-display-inverted-interactive-active-base);
  --ks-text-color-display-inverted-interactive-active: var(--ks-text-color-display-interactive-active-base);
  --ks-text-color-display-interactive-selected: var(--ks-text-color-display-inverted-interactive-selected-base);
  --ks-text-color-display-inverted-interactive-selected: var(--ks-text-color-display-interactive-selected-base);
  --ks-text-color-interface: var(--ks-text-color-interface-inverted-base);
  --ks-text-color-interface-inverted: var(--ks-text-color-interface-base);
  --ks-text-color-interface-interactive: var(--ks-text-color-interface-inverted-interactive-base);
  --ks-text-color-interface-inverted-interactive: var(--ks-text-color-interface-interactive-base);
  --ks-text-color-interface-interactive-hover: var(--ks-text-color-interface-inverted-interactive-hover-base);
  --ks-text-color-interface-inverted-interactive-hover: var(--ks-text-color-interface-interactive-hover-base);
  --ks-text-color-interface-interactive-active: var(--ks-text-color-interface-inverted-interactive-active-base);
  --ks-text-color-interface-inverted-interactive-active: var(--ks-text-color-interface-interactive-active-base);
  --ks-text-color-interface-interactive-selected: var(--ks-text-color-interface-inverted-interactive-selected-base);
  --ks-text-color-interface-inverted-interactive-selected: var(--ks-text-color-interface-interactive-selected-base);
  --ks-text-color-card: var(--ks-text-color-card-inverted-base);
  --ks-text-color-card-inverted: var(--ks-text-color-card-base);
  --ks-text-color-card-interactive: var(--ks-text-color-card-inverted-interactive-base);
  --ks-text-color-card-inverted-interactive: var(--ks-text-color-card-interactive-base);
  --ks-text-color-card-interactive-hover: var(--ks-text-color-card-inverted-interactive-hover-base);
  --ks-text-color-card-inverted-interactive-hover: var(--ks-text-color-card-interactive-hover-base);
  --ks-text-color-card-interactive-active: var(--ks-text-color-card-inverted-interactive-active-base);
  --ks-text-color-card-inverted-interactive-active: var(--ks-text-color-card-interactive-active-base);
  --ks-text-color-card-interactive-selected: var(--ks-text-color-card-inverted-interactive-selected-base);
  --ks-text-color-card-inverted-interactive-selected: var(--ks-text-color-card-interactive-selected-base);
  --ks-text-color-primary: var(--ks-text-color-primary-inverted-base);
  --ks-text-color-primary-inverted: var(--ks-text-color-primary-base);
  --ks-text-color-primary-interactive: var(--ks-text-color-primary-inverted-interactive-base);
  --ks-text-color-primary-inverted-interactive: var(--ks-text-color-primary-interactive-base);
  --ks-text-color-primary-interactive-hover: var(--ks-text-color-primary-inverted-interactive-hover-base);
  --ks-text-color-primary-inverted-interactive-hover: var(--ks-text-color-primary-interactive-hover-base);
  --ks-text-color-primary-interactive-active: var(--ks-text-color-primary-inverted-interactive-active-base);
  --ks-text-color-primary-inverted-interactive-active: var(--ks-text-color-primary-interactive-active-base);
  --ks-text-color-primary-interactive-selected: var(--ks-text-color-primary-inverted-interactive-selected-base);
  --ks-text-color-primary-inverted-interactive-selected: var(--ks-text-color-primary-interactive-selected-base);
  --ks-text-color-positive: var(--ks-text-color-positive-inverted-base);
  --ks-text-color-positive-inverted: var(--ks-text-color-positive-base);
  --ks-text-color-positive-interactive: var(--ks-text-color-positive-inverted-interactive-base);
  --ks-text-color-positive-inverted-interactive: var(--ks-text-color-positive-interactive-base);
  --ks-text-color-positive-interactive-hover: var(--ks-text-color-positive-inverted-interactive-hover-base);
  --ks-text-color-positive-inverted-interactive-hover: var(--ks-text-color-positive-interactive-hover-base);
  --ks-text-color-positive-interactive-active: var(--ks-text-color-positive-inverted-interactive-active-base);
  --ks-text-color-positive-inverted-interactive-active: var(--ks-text-color-positive-interactive-active-base);
  --ks-text-color-positive-interactive-selected: var(--ks-text-color-positive-inverted-interactive-selected-base);
  --ks-text-color-positive-inverted-interactive-selected: var(--ks-text-color-positive-interactive-selected-base);
  --ks-text-color-informative: var(--ks-text-color-informative-inverted-base);
  --ks-text-color-informative-inverted: var(--ks-text-color-informative-base);
  --ks-text-color-informative-interactive: var(--ks-text-color-informative-inverted-interactive-base);
  --ks-text-color-informative-inverted-interactive: var(--ks-text-color-informative-interactive-base);
  --ks-text-color-informative-interactive-hover: var(--ks-text-color-informative-inverted-interactive-hover-base);
  --ks-text-color-informative-inverted-interactive-hover: var(--ks-text-color-informative-interactive-hover-base);
  --ks-text-color-informative-interactive-active: var(--ks-text-color-informative-inverted-interactive-active-base);
  --ks-text-color-informative-inverted-interactive-active: var(--ks-text-color-informative-interactive-active-base);
  --ks-text-color-informative-interactive-selected: var(--ks-text-color-informative-inverted-interactive-selected-base);
  --ks-text-color-informative-inverted-interactive-selected: var(--ks-text-color-informative-interactive-selected-base);
  --ks-text-color-notice: var(--ks-text-color-notice-inverted-base);
  --ks-text-color-notice-inverted: var(--ks-text-color-notice-base);
  --ks-text-color-notice-interactive: var(--ks-text-color-notice-inverted-interactive-base);
  --ks-text-color-notice-inverted-interactive: var(--ks-text-color-notice-interactive-base);
  --ks-text-color-notice-interactive-hover: var(--ks-text-color-notice-inverted-interactive-hover-base);
  --ks-text-color-notice-inverted-interactive-hover: var(--ks-text-color-notice-interactive-hover-base);
  --ks-text-color-notice-interactive-active: var(--ks-text-color-notice-inverted-interactive-active-base);
  --ks-text-color-notice-inverted-interactive-active: var(--ks-text-color-notice-interactive-active-base);
  --ks-text-color-notice-interactive-selected: var(--ks-text-color-notice-inverted-interactive-selected-base);
  --ks-text-color-notice-inverted-interactive-selected: var(--ks-text-color-notice-interactive-selected-base);
  --ks-text-color-negative: var(--ks-text-color-negative-inverted-base);
  --ks-text-color-negative-inverted: var(--ks-text-color-negative-base);
  --ks-text-color-negative-interactive: var(--ks-text-color-negative-inverted-interactive-base);
  --ks-text-color-negative-inverted-interactive: var(--ks-text-color-negative-interactive-base);
  --ks-text-color-negative-interactive-hover: var(--ks-text-color-negative-inverted-interactive-hover-base);
  --ks-text-color-negative-inverted-interactive-hover: var(--ks-text-color-negative-interactive-hover-base);
  --ks-text-color-negative-interactive-active: var(--ks-text-color-negative-inverted-interactive-active-base);
  --ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-interactive-active-base);
  --ks-text-color-negative-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
  --ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-interactive-selected-base);
  --ks-text-color-secondary: var(--ks-text-color-secondary-inverted-base);
  --ks-text-color-secondary-inverted: var(--ks-text-color-secondary-base);
  --ks-text-color-secondary-interactive: var(--ks-text-color-secondary-inverted-interactive-base);
  --ks-text-color-secondary-inverted-interactive: var(--ks-text-color-secondary-interactive-base);
  --ks-text-color-secondary-interactive-hover: var(--ks-text-color-secondary-inverted-interactive-hover-base);
  --ks-text-color-secondary-inverted-interactive-hover: var(--ks-text-color-secondary-interactive-hover-base);
  --ks-text-color-secondary-interactive-active: var(--ks-text-color-secondary-inverted-interactive-active-base);
  --ks-text-color-secondary-inverted-interactive-active: var(--ks-text-color-secondary-interactive-active-base);
  --ks-text-color-secondary-interactive-selected: var(--ks-text-color-secondary-inverted-interactive-selected-base);
  --ks-text-color-secondary-inverted-interactive-selected: var(--ks-text-color-secondary-interactive-selected-base);
}

@media (min-width: 36em) {
  :root [ks-theme=telekom] {
    --ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-phone);
    --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-phone);
    --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-phone);
    --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-phone);
    --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-phone);
    --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-phone);
    --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-phone);
    --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-phone);
  }
}
@media (min-width: 48em) {
  :root [ks-theme=telekom] {
    --ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-tablet);
    --ks-font-size-copy-bp-factor: var(--ks-font-size-copy-bp-factor-tablet);
    --ks-font-size-interface-bp-factor: var(--ks-font-size-interface-bp-factor-tablet);
    --ks-font-size-mono-bp-factor: var(--ks-font-size-mono-bp-factor-tablet);
    --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-tablet);
    --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-tablet);
    --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-tablet);
    --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-tablet);
    --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-tablet);
    --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-tablet);
    --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-tablet);
  }
}
@media (min-width: 62em) {
  :root [ks-theme=telekom] {
    --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-laptop);
    --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-laptop);
    --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-laptop);
    --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-laptop);
    --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-laptop);
    --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-laptop);
    --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-laptop);
  }
}
@media (min-width: 75em) {
  :root [ks-theme=telekom] {
    --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-desktop);
    --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-desktop);
    --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-desktop);
    --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-desktop);
    --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-desktop);
    --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-desktop);
    --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-desktop);
  }
}