/**
 * Do not edit directly
 * Generated on Fri, 06 Mar 2026 10:45:42 GMT
 */

:root, [ks-theme] {
  --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-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-8-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-7-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-bg-base);
  --ks-background-color-card-interactive-disabled-base: var(--ks-color-bg-alpha-7-base);
  --ks-background-color-card-interactive-hover-base: var(--ks-color-bg-alpha-9-base);
  --ks-background-color-card-interactive-active-base: var(--ks-color-bg-alpha-9-base);
  --ks-background-color-card-interactive-selected-base: var(--ks-color-bg-base);
  --ks-background-color-card-inverted-base: var(--ks-color-fg-inverted-to-bg-9-base);
  --ks-background-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-to-bg-9-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-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-alpha-8-base);
  --ks-border-color-default-inverted-base: var(--ks-color-fg-inverted-alpha-8-base);
  --ks-border-color-interface-base: var(--ks-color-primary-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-primary-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-8-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-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.1;
  --ks-box-shadow-opacity-card-hover: 0.2;
  --ks-box-shadow-opacity-card-inverted: 0.1;
  --ks-box-shadow-opacity-card-inverted-hover: 0.2;
  --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(6,8,31,var(--ks-box-shadow-opacity-control));
  --ks-box-shadow-color-control-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-control-hover));
  --ks-box-shadow-color-control-inverted: rgba(6,8,31,var(--ks-box-shadow-opacity-control-inverted));
  --ks-box-shadow-color-control-inverted-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-control-inverted-hover));
  --ks-box-shadow-color-card: rgba(6,8,31,var(--ks-box-shadow-opacity-card));
  --ks-box-shadow-color-card-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-card-hover));
  --ks-box-shadow-color-card-inverted: rgba(6,8,31,var(--ks-box-shadow-opacity-card-inverted));
  --ks-box-shadow-color-card-inverted-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-card-inverted-hover));
  --ks-box-shadow-color-surface: rgba(6,8,31,var(--ks-box-shadow-opacity-surface));
  --ks-box-shadow-color-surface-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-surface-hover));
  --ks-box-shadow-color-surface-inverted: rgba(6,8,31,var(--ks-box-shadow-opacity-surface-inverted));
  --ks-box-shadow-color-surface-inverted-hover: rgba(6,8,31,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: #06081f;
  --ks-color-fg-alpha-1-base: rgba(6,8,31,.95);
  --ks-color-fg-alpha-2-base: rgba(6,8,31,.87);
  --ks-color-fg-alpha-3-base: rgba(6,8,31,.76);
  --ks-color-fg-alpha-4-base: rgba(6,8,31,.63);
  --ks-color-fg-alpha-5-base: rgba(6,8,31,.5);
  --ks-color-fg-alpha-6-base: rgba(6,8,31,.37);
  --ks-color-fg-alpha-7-base: rgba(6,8,31,.24);
  --ks-color-fg-alpha-8-base: rgba(6,8,31,.13);
  --ks-color-fg-alpha-9-base: rgba(6,8,31,.05);
  --ks-color-fg-to-bg-1-base: #12142a;
  --ks-color-fg-to-bg-2-base: #26283c;
  --ks-color-fg-to-bg-3-base: #424355;
  --ks-color-fg-to-bg-4-base: #626372;
  --ks-color-fg-to-bg-5-base: #83848f;
  --ks-color-fg-to-bg-6-base: #a3a4ac;
  --ks-color-fg-to-bg-7-base: #c3c4c9;
  --ks-color-fg-to-bg-8-base: #dfdfe2;
  --ks-color-fg-to-bg-9-base: #f3f3f4;
  --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: #e0e2e6;
  --ks-color-fg-inverted-to-bg-3-base: #c5c9d1;
  --ks-color-fg-inverted-to-bg-4-base: #a6acb8;
  --ks-color-fg-inverted-to-bg-5-base: #87909f;
  --ks-color-fg-inverted-to-bg-6-base: #687385;
  --ks-color-fg-inverted-to-bg-7-base: #49566c;
  --ks-color-fg-inverted-to-bg-8-base: #2e3d57;
  --ks-color-fg-inverted-to-bg-9-base: #1b2b48;
  --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: #f3f3f4;
  --ks-color-bg-to-fg-2-base: #dfdfe2;
  --ks-color-bg-to-fg-3-base: #c3c4c9;
  --ks-color-bg-to-fg-4-base: #a3a4ac;
  --ks-color-bg-to-fg-5-base: #83848f;
  --ks-color-bg-to-fg-6-base: #626372;
  --ks-color-bg-to-fg-7-base: #424355;
  --ks-color-bg-to-fg-8-base: #26283c;
  --ks-color-bg-to-fg-9-base: #12142a;
  --ks-color-bg-inverted-base: #0f203e;
  --ks-color-bg-inverted-alpha-1-base: rgba(15,32,62,.95);
  --ks-color-bg-inverted-alpha-2-base: rgba(15,32,62,.87);
  --ks-color-bg-inverted-alpha-3-base: rgba(15,32,62,.76);
  --ks-color-bg-inverted-alpha-4-base: rgba(15,32,62,.63);
  --ks-color-bg-inverted-alpha-5-base: rgba(15,32,62,.5);
  --ks-color-bg-inverted-alpha-6-base: rgba(15,32,62,.37);
  --ks-color-bg-inverted-alpha-7-base: rgba(15,32,62,.24);
  --ks-color-bg-inverted-alpha-8-base: rgba(15,32,62,.13);
  --ks-color-bg-inverted-alpha-9-base: rgba(15,32,62,.05);
  --ks-color-bg-inverted-to-fg-1-base: #1b2b48;
  --ks-color-bg-inverted-to-fg-2-base: #2e3d57;
  --ks-color-bg-inverted-to-fg-3-base: #49566c;
  --ks-color-bg-inverted-to-fg-4-base: #687385;
  --ks-color-bg-inverted-to-fg-5-base: #87909f;
  --ks-color-bg-inverted-to-fg-6-base: #a6acb8;
  --ks-color-bg-inverted-to-fg-7-base: #c5c9d1;
  --ks-color-bg-inverted-to-fg-8-base: #e0e2e6;
  --ks-color-bg-inverted-to-fg-9-base: #f3f4f5;
  --ks-color-transparent-base: rgba(0,0,0,0);
  --ks-color-primary-base: #3065c0;
  --ks-color-primary-alpha-1-base: rgba(48,101,192,.95);
  --ks-color-primary-alpha-2-base: rgba(48,101,192,.87);
  --ks-color-primary-alpha-3-base: rgba(48,101,192,.76);
  --ks-color-primary-alpha-4-base: rgba(48,101,192,.63);
  --ks-color-primary-alpha-5-base: rgba(48,101,192,.5);
  --ks-color-primary-alpha-6-base: rgba(48,101,192,.37);
  --ks-color-primary-alpha-7-base: rgba(48,101,192,.24);
  --ks-color-primary-alpha-8-base: rgba(48,101,192,.13);
  --ks-color-primary-alpha-9-base: rgba(48,101,192,.05);
  --ks-color-primary-to-bg-1-base: #3a6dc3;
  --ks-color-primary-to-bg-2-base: #4b79c8;
  --ks-color-primary-to-bg-3-base: #628acf;
  --ks-color-primary-to-bg-4-base: #7d9ed7;
  --ks-color-primary-to-bg-5-base: #98b2e0;
  --ks-color-primary-to-bg-6-base: #b2c6e8;
  --ks-color-primary-to-bg-7-base: #cddaf0;
  --ks-color-primary-to-bg-8-base: #e4ebf7;
  --ks-color-primary-to-bg-9-base: #f5f7fc;
  --ks-color-primary-to-fg-1-base: #2e60b8;
  --ks-color-primary-to-fg-2-base: #2b59ab;
  --ks-color-primary-to-fg-3-base: #264f99;
  --ks-color-primary-to-fg-4-base: #204384;
  --ks-color-primary-to-fg-5-base: #1b3770;
  --ks-color-primary-to-fg-6-base: #162a5b;
  --ks-color-primary-to-fg-7-base: #101e46;
  --ks-color-primary-to-fg-8-base: #0b1434;
  --ks-color-primary-to-fg-9-base: #080d27;
  --ks-color-primary-inverted-base: #3065c0;
  --ks-color-primary-inverted-alpha-1-base: rgba(48,101,192,.95);
  --ks-color-primary-inverted-alpha-2-base: rgba(48,101,192,.87);
  --ks-color-primary-inverted-alpha-3-base: rgba(48,101,192,.76);
  --ks-color-primary-inverted-alpha-4-base: rgba(48,101,192,.63);
  --ks-color-primary-inverted-alpha-5-base: rgba(48,101,192,.5);
  --ks-color-primary-inverted-alpha-6-base: rgba(48,101,192,.37);
  --ks-color-primary-inverted-alpha-7-base: rgba(48,101,192,.24);
  --ks-color-primary-inverted-alpha-8-base: rgba(48,101,192,.13);
  --ks-color-primary-inverted-alpha-9-base: rgba(48,101,192,.05);
  --ks-color-primary-inverted-to-bg-1-base: #2e62ba;
  --ks-color-primary-inverted-to-bg-2-base: #2c5caf;
  --ks-color-primary-inverted-to-bg-3-base: #2854a1;
  --ks-color-primary-inverted-to-bg-4-base: #244b90;
  --ks-color-primary-inverted-to-bg-5-base: #20437f;
  --ks-color-primary-inverted-to-bg-6-base: #1b3a6e;
  --ks-color-primary-inverted-to-bg-7-base: #17315d;
  --ks-color-primary-inverted-to-bg-8-base: #13294f;
  --ks-color-primary-inverted-to-bg-9-base: #112345;
  --ks-color-primary-inverted-to-fg-1-base: #3a6dc3;
  --ks-color-primary-inverted-to-fg-2-base: #4b79c8;
  --ks-color-primary-inverted-to-fg-3-base: #628acf;
  --ks-color-primary-inverted-to-fg-4-base: #7d9ed7;
  --ks-color-primary-inverted-to-fg-5-base: #98b2e0;
  --ks-color-primary-inverted-to-fg-6-base: #b2c6e8;
  --ks-color-primary-inverted-to-fg-7-base: #cddaf0;
  --ks-color-primary-inverted-to-fg-8-base: #e4ebf7;
  --ks-color-primary-inverted-to-fg-9-base: #f5f7fc;
  --ks-color-link-base: #3065c0;
  --ks-color-link-alpha-1-base: rgba(48,101,192,.95);
  --ks-color-link-alpha-2-base: rgba(48,101,192,.87);
  --ks-color-link-alpha-3-base: rgba(48,101,192,.76);
  --ks-color-link-alpha-4-base: rgba(48,101,192,.63);
  --ks-color-link-alpha-5-base: rgba(48,101,192,.5);
  --ks-color-link-alpha-6-base: rgba(48,101,192,.37);
  --ks-color-link-alpha-7-base: rgba(48,101,192,.24);
  --ks-color-link-alpha-8-base: rgba(48,101,192,.13);
  --ks-color-link-alpha-9-base: rgba(48,101,192,.05);
  --ks-color-link-to-bg-1-base: #3a6dc3;
  --ks-color-link-to-bg-2-base: #4b79c8;
  --ks-color-link-to-bg-3-base: #628acf;
  --ks-color-link-to-bg-4-base: #7d9ed7;
  --ks-color-link-to-bg-5-base: #98b2e0;
  --ks-color-link-to-bg-6-base: #b2c6e8;
  --ks-color-link-to-bg-7-base: #cddaf0;
  --ks-color-link-to-bg-8-base: #e4ebf7;
  --ks-color-link-to-bg-9-base: #f5f7fc;
  --ks-color-link-to-fg-1-base: #2e60b8;
  --ks-color-link-to-fg-2-base: #2b59ab;
  --ks-color-link-to-fg-3-base: #264f99;
  --ks-color-link-to-fg-4-base: #204384;
  --ks-color-link-to-fg-5-base: #1b3770;
  --ks-color-link-to-fg-6-base: #162a5b;
  --ks-color-link-to-fg-7-base: #101e46;
  --ks-color-link-to-fg-8-base: #0b1434;
  --ks-color-link-to-fg-9-base: #080d27;
  --ks-color-link-inverted-base: #98b2e0;
  --ks-color-link-inverted-alpha-1-base: rgba(152,178,224,.95);
  --ks-color-link-inverted-alpha-2-base: rgba(152,178,224,.87);
  --ks-color-link-inverted-alpha-3-base: rgba(152,178,224,.76);
  --ks-color-link-inverted-alpha-4-base: rgba(152,178,224,.63);
  --ks-color-link-inverted-alpha-5-base: rgba(152,178,224,.5);
  --ks-color-link-inverted-alpha-6-base: rgba(152,178,224,.37);
  --ks-color-link-inverted-alpha-7-base: rgba(152,178,224,.24);
  --ks-color-link-inverted-alpha-8-base: rgba(152,178,224,.13);
  --ks-color-link-inverted-alpha-9-base: rgba(152,178,224,.05);
  --ks-color-link-inverted-to-bg-1-base: #91abd8;
  --ks-color-link-inverted-to-bg-2-base: #869fcb;
  --ks-color-link-inverted-to-bg-3-base: #778fb9;
  --ks-color-link-inverted-to-bg-4-base: #657ca4;
  --ks-color-link-inverted-to-bg-5-base: #54698f;
  --ks-color-link-inverted-to-bg-6-base: #42567a;
  --ks-color-link-inverted-to-bg-7-base: #304365;
  --ks-color-link-inverted-to-bg-8-base: #213353;
  --ks-color-link-inverted-to-bg-9-base: #162746;
  --ks-color-link-inverted-to-fg-1-base: #9db6e2;
  --ks-color-link-inverted-to-fg-2-base: #a5bce4;
  --ks-color-link-inverted-to-fg-3-base: #b1c4e7;
  --ks-color-link-inverted-to-fg-4-base: #beceeb;
  --ks-color-link-inverted-to-fg-5-base: #ccd9f0;
  --ks-color-link-inverted-to-fg-6-base: #d9e3f4;
  --ks-color-link-inverted-to-fg-7-base: #e6edf8;
  --ks-color-link-inverted-to-fg-8-base: #f2f5fb;
  --ks-color-link-inverted-to-fg-9-base: #fafbfd;
  --ks-color-positive-base: #23831b;
  --ks-color-positive-alpha-1-base: rgba(35,131,27,.95);
  --ks-color-positive-alpha-2-base: rgba(35,131,27,.87);
  --ks-color-positive-alpha-3-base: rgba(35,131,27,.76);
  --ks-color-positive-alpha-4-base: rgba(35,131,27,.63);
  --ks-color-positive-alpha-5-base: rgba(35,131,27,.5);
  --ks-color-positive-alpha-6-base: rgba(35,131,27,.37);
  --ks-color-positive-alpha-7-base: rgba(35,131,27,.24);
  --ks-color-positive-alpha-8-base: rgba(35,131,27,.13);
  --ks-color-positive-alpha-9-base: rgba(35,131,27,.05);
  --ks-color-positive-to-bg-1-base: #2e8926;
  --ks-color-positive-to-bg-2-base: #409339;
  --ks-color-positive-to-bg-3-base: #58a152;
  --ks-color-positive-to-bg-4-base: #74b16f;
  --ks-color-positive-to-bg-5-base: #91c18d;
  --ks-color-positive-to-bg-6-base: #aed1ab;
  --ks-color-positive-to-bg-7-base: #cae1c8;
  --ks-color-positive-to-bg-8-base: #e2efe1;
  --ks-color-positive-to-bg-9-base: #f4f9f4;
  --ks-color-positive-to-fg-1-base: #227d1b;
  --ks-color-positive-to-fg-2-base: #1f731c;
  --ks-color-positive-to-fg-3-base: #1c651c;
  --ks-color-positive-to-fg-4-base: #18551c;
  --ks-color-positive-to-fg-5-base: #15461d;
  --ks-color-positive-to-fg-6-base: #11361e;
  --ks-color-positive-to-fg-7-base: #0d261e;
  --ks-color-positive-to-fg-8-base: #0a181e;
  --ks-color-positive-to-fg-9-base: #070e1f;
  --ks-color-positive-inverted-base: #6edb64;
  --ks-color-positive-inverted-alpha-1-base: rgba(110,219,100,.95);
  --ks-color-positive-inverted-alpha-2-base: rgba(110,219,100,.87);
  --ks-color-positive-inverted-alpha-3-base: rgba(110,219,100,.76);
  --ks-color-positive-inverted-alpha-4-base: rgba(110,219,100,.63);
  --ks-color-positive-inverted-alpha-5-base: rgba(110,219,100,.5);
  --ks-color-positive-inverted-alpha-6-base: rgba(110,219,100,.37);
  --ks-color-positive-inverted-alpha-7-base: rgba(110,219,100,.24);
  --ks-color-positive-inverted-alpha-8-base: rgba(110,219,100,.13);
  --ks-color-positive-inverted-alpha-9-base: rgba(110,219,100,.05);
  --ks-color-positive-inverted-to-bg-1-base: #69d262;
  --ks-color-positive-inverted-to-bg-2-base: #62c35f;
  --ks-color-positive-inverted-to-bg-3-base: #57ae5b;
  --ks-color-positive-inverted-to-bg-4-base: #4b9656;
  --ks-color-positive-inverted-to-bg-5-base: #3f7e51;
  --ks-color-positive-inverted-to-bg-6-base: #32654c;
  --ks-color-positive-inverted-to-bg-7-base: #264d47;
  --ks-color-positive-inverted-to-bg-8-base: #1b3843;
  --ks-color-positive-inverted-to-bg-9-base: #142940;
  --ks-color-positive-inverted-to-fg-1-base: #75dd6c;
  --ks-color-positive-inverted-to-fg-2-base: #81e078;
  --ks-color-positive-inverted-to-fg-3-base: #91e489;
  --ks-color-positive-inverted-to-fg-4-base: #a4e89d;
  --ks-color-positive-inverted-to-fg-5-base: #b7edb2;
  --ks-color-positive-inverted-to-fg-6-base: #c9f2c6;
  --ks-color-positive-inverted-to-fg-7-base: #dcf6da;
  --ks-color-positive-inverted-to-fg-8-base: #ecfaeb;
  --ks-color-positive-inverted-to-fg-9-base: #f8fdf7;
  --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: #5fb9d2;
  --ks-color-informative-to-fg-2-base: #58aac3;
  --ks-color-informative-to-fg-3-base: #4d95ae;
  --ks-color-informative-to-fg-4-base: #417d95;
  --ks-color-informative-to-fg-5-base: #35657d;
  --ks-color-informative-to-fg-6-base: #294d65;
  --ks-color-informative-to-fg-7-base: #1d354c;
  --ks-color-informative-to-fg-8-base: #122037;
  --ks-color-informative-to-fg-9-base: #0b1128;
  --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: #016d8b;
  --ks-color-informative-inverted-to-bg-2-base: #026684;
  --ks-color-informative-inverted-to-bg-3-base: #045e7c;
  --ks-color-informative-inverted-to-bg-4-base: #065371;
  --ks-color-informative-inverted-to-bg-5-base: #084967;
  --ks-color-informative-inverted-to-bg-6-base: #093e5c;
  --ks-color-informative-inverted-to-bg-7-base: #0b3351;
  --ks-color-informative-inverted-to-bg-8-base: #0d2b49;
  --ks-color-informative-inverted-to-bg-9-base: #0e2442;
  --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: #edd352;
  --ks-color-notice-to-fg-2-base: #d9c24e;
  --ks-color-notice-to-fg-3-base: #bfab48;
  --ks-color-notice-to-fg-4-base: #9f8f41;
  --ks-color-notice-to-fg-5-base: #80733a;
  --ks-color-notice-to-fg-6-base: #605733;
  --ks-color-notice-to-fg-7-base: #403b2c;
  --ks-color-notice-to-fg-8-base: #262426;
  --ks-color-notice-to-fg-9-base: #121322;
  --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: #f35a52;
  --ks-color-notice-inverted-to-bg-2-base: #e05550;
  --ks-color-notice-inverted-to-bg-3-base: #c54e4e;
  --ks-color-notice-inverted-to-bg-4-base: #a6464b;
  --ks-color-notice-inverted-to-bg-5-base: #873f49;
  --ks-color-notice-inverted-to-bg-6-base: #683746;
  --ks-color-notice-inverted-to-bg-7-base: #492f43;
  --ks-color-notice-inverted-to-bg-8-base: #2e2841;
  --ks-color-notice-inverted-to-bg-9-base: #1b233f;
  --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: #f31954;
  --ks-color-negative-to-fg-2-base: #df1850;
  --ks-color-negative-to-fg-3-base: #c3164a;
  --ks-color-negative-to-fg-4-base: #a31342;
  --ks-color-negative-to-fg-5-base: #83113b;
  --ks-color-negative-to-fg-6-base: #620f34;
  --ks-color-negative-to-fg-7-base: #420c2c;
  --ks-color-negative-to-fg-8-base: #260a26;
  --ks-color-negative-to-fg-9-base: #120922;
  --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: #c81d48;
  --ks-color-negative-inverted-to-bg-2-base: #b91d47;
  --ks-color-negative-inverted-to-bg-3-base: #a31e46;
  --ks-color-negative-inverted-to-bg-4-base: #8a1e44;
  --ks-color-negative-inverted-to-bg-5-base: #711f43;
  --ks-color-negative-inverted-to-bg-6-base: #571f42;
  --ks-color-negative-inverted-to-bg-7-base: #3e1f40;
  --ks-color-negative-inverted-to-bg-8-base: #28203f;
  --ks-color-negative-inverted-to-bg-9-base: #19203f;
  --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-depth-modal: 1000;
  --ks-spacing-xxs: var(--ks-spacing-xxs-base);
  --ks-spacing-xxs-base: 0.3366rem;
  --ks-spacing-xxs-bp-factor-phone: 1.225;
  --ks-spacing-xxs-bp-factor-tablet: 1.5006;
  --ks-spacing-xxs-bp-factor-laptop: 1.8383;
  --ks-spacing-xxs-bp-factor-desktop: 2.2519;
  --ks-spacing-xxs-bp-factor-tv: 2.7585;
  --ks-spacing-xs: var(--ks-spacing-xs-base);
  --ks-spacing-xs-base: 0.4628rem;
  --ks-spacing-xs-bp-factor-phone: 1.225;
  --ks-spacing-xs-bp-factor-tablet: 1.5006;
  --ks-spacing-xs-bp-factor-laptop: 1.8383;
  --ks-spacing-xs-bp-factor-desktop: 2.2519;
  --ks-spacing-xs-bp-factor-tv: 2.7585;
  --ks-spacing-s: var(--ks-spacing-s-base);
  --ks-spacing-s-base: 0.6364rem;
  --ks-spacing-s-bp-factor-phone: 1.225;
  --ks-spacing-s-bp-factor-tablet: 1.5006;
  --ks-spacing-s-bp-factor-laptop: 1.8383;
  --ks-spacing-s-bp-factor-desktop: 2.2519;
  --ks-spacing-s-bp-factor-tv: 2.7585;
  --ks-spacing-m: var(--ks-spacing-m-base);
  --ks-spacing-m-base: 0.875rem;
  --ks-spacing-m-bp-factor-phone: 1.225;
  --ks-spacing-m-bp-factor-tablet: 1.5006;
  --ks-spacing-m-bp-factor-laptop: 1.8383;
  --ks-spacing-m-bp-factor-desktop: 2.2519;
  --ks-spacing-m-bp-factor-tv: 2.7585;
  --ks-spacing-l: var(--ks-spacing-l-base);
  --ks-spacing-l-base: 1.2031rem;
  --ks-spacing-l-bp-factor-phone: 1.225;
  --ks-spacing-l-bp-factor-tablet: 1.5006;
  --ks-spacing-l-bp-factor-laptop: 1.8383;
  --ks-spacing-l-bp-factor-desktop: 2.2519;
  --ks-spacing-l-bp-factor-tv: 2.7585;
  --ks-spacing-xl: var(--ks-spacing-xl-base);
  --ks-spacing-xl-base: 1.6543rem;
  --ks-spacing-xl-bp-factor-phone: 1.225;
  --ks-spacing-xl-bp-factor-tablet: 1.5006;
  --ks-spacing-xl-bp-factor-laptop: 1.8383;
  --ks-spacing-xl-bp-factor-desktop: 2.2519;
  --ks-spacing-xl-bp-factor-tv: 2.7585;
  --ks-spacing-xxl: var(--ks-spacing-xxl-base);
  --ks-spacing-xxl-base: 2.2747rem;
  --ks-spacing-xxl-bp-factor-phone: 1.225;
  --ks-spacing-xxl-bp-factor-tablet: 1.5006;
  --ks-spacing-xxl-bp-factor-laptop: 1.8383;
  --ks-spacing-xxl-bp-factor-desktop: 2.2519;
  --ks-spacing-xxl-bp-factor-tv: 2.7585;
  --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-alpha-3-base);
  --ks-text-color-default-interactive-base: var(--ks-color-link-base);
  --ks-text-color-default-interactive-hover-base: var(--ks-color-link-alpha-4-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-alpha-2-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-alpha-4-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-2-base);
  --ks-text-color-interface-interactive-base: var(--ks-color-fg-alpha-4-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-to-bg-5-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-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-medium) 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: Montserrat, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
  --ks-font-family-copy: 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-interface: 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;
  --ks-font-size-display-bp-factor-tablet: 1.125;
  --ks-font-size-display-bp-factor-laptop: 1.25;
  --ks-font-size-display-bp-factor-desktop: 1.35;
  --ks-font-size-display-xxs-base: 0.512rem;
  --ks-font-size-display-xs-base: 0.64rem;
  --ks-font-size-display-s-base: 0.8rem;
  --ks-font-size-display-m-base: 1rem;
  --ks-font-size-display-l-base: 1.25rem;
  --ks-font-size-display-xl-base: 1.5625rem;
  --ks-font-size-display-xxl-base: 1.9531rem;
  --ks-font-size-copy-bp-factor-tablet: 1.125;
  --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.15;
  --ks-line-height-display-xs: 1.15;
  --ks-line-height-display-s: 1.15;
  --ks-line-height-display-m: 1.15;
  --ks-line-height-display-l: 1.15;
  --ks-line-height-display-xl: 1.15;
  --ks-line-height-display-xxl: 1.15;
  --ks-line-height-copy-xxs: 1.5;
  --ks-line-height-copy-xs: 1.5;
  --ks-line-height-copy-s: 1.5;
  --ks-line-height-copy-m: 1.5;
  --ks-line-height-copy-l: 1.5;
  --ks-line-height-copy-xl: 1.5;
  --ks-line-height-copy-xxl: 1.5;
  --ks-line-height-interface-xxs: 1.5;
  --ks-line-height-interface-xs: 1.5;
  --ks-line-height-interface-s: 1.5;
  --ks-line-height-interface-m: 1.5;
  --ks-line-height-interface-l: 1.5;
  --ks-line-height-interface-xl: 1.5;
  --ks-line-height-interface-xxl: 1.5;
  --ks-line-height-mono-xxs: 1.5;
  --ks-line-height-mono-xs: 1.5;
  --ks-line-height-mono-s: 1.5;
  --ks-line-height-mono-m: 1.5;
  --ks-line-height-mono-l: 1.5;
  --ks-line-height-mono-xl: 1.5;
  --ks-line-height-mono-xxl: 1.5;
  --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","tv":"122em"}';
}
:root, [ks-theme], [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-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-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-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-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-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-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-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);
}
@media (min-width: 36em) {
  :root {
    --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-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-font-size-display-bp-factor: var(--ks-font-size-display-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-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-desktop);
    --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);
  }
}
@media (min-width: 122em) {
  :root {
    --ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-tv);
    --ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-tv);
    --ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-tv);
    --ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-tv);
    --ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-tv);
    --ks-spacing-xl-bp-factor: var(--ks-spacing-xl-bp-factor-tv);
    --ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-tv);
  }
}