@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap");

:root,
:host,
.terra-theme-horizon {
  color-scheme: normal light;

  --terra-color-nasa-red: hsla(3, 91%, 59%, 1);
  --terra-color-nasa-blue: hsla(217, 78%, 50%, 1);
  --terra-color-carbon-black: hsla(0, 0%, 0%, 1);
  --terra-color-spacesuit-white: hsla(0, 0%, 100%, 1);

  --terra-color-nasa-red-shade: hsla(3, 87%, 39%, 1);
  --terra-color-nasa-red-tint: hsla(2, 93%, 65%, 1);
  --terra-color-nasa-blue-shade: hsla(218, 86%, 31%, 1);
  --terra-color-nasa-blue-tint: hsla(212, 100%, 58%, 1);

  --terra-color-international-orange: hsla(23, 83%, 53%, 1);
  --terra-color-active-green: hsla(145, 67%, 57%, 1);

  --terra-color-carbon-90: hsla(240, 8%, 10%, 1);
  --terra-color-carbon-80: hsla(240, 4%, 19%, 1);
  --terra-color-carbon-70: hsla(240, 2%, 27%, 1);
  --terra-color-carbon-60: hsla(240, 2%, 35%, 1);
  --terra-color-carbon-50: hsla(240, 1%, 47%, 1);
  --terra-color-carbon-40: hsla(240, 2%, 59%, 1);
  --terra-color-carbon-30: hsla(240, 1%, 73%, 1);
  --terra-color-carbon-20: hsla(0, 0%, 82%, 1);
  --terra-color-carbon-10: hsla(0, 0%, 89%, 1);
  --terra-color-carbon-5: hsla(0, 0%, 96%, 1);
  --terra-color-white: hsla(0, 0%, 100%, 1);
  --terra-color-black: hsla(0, 0%, 0%, 1);

  --terra-color-red-50: hsla(3, 100%, 96%, 1);
  --terra-color-red-100: hsla(3, 100%, 90%, 1);
  --terra-color-red-200: hsla(3, 83%, 77%, 1);
  --terra-color-red-300: hsla(2, 94%, 73%, 1);
  --terra-color-red-400: hsla(2, 93%, 65%, 1);
  --terra-color-red-500: hsla(3, 91%, 59%, 1);
  --terra-color-red-600: hsla(3, 89%, 48%, 1);
  --terra-color-red-700: hsla(3, 87%, 39%, 1);
  --terra-color-red-800: hsla(3, 85%, 31%, 1);
  --terra-color-red-900: hsla(3, 85%, 24%, 1);
  --terra-color-red-950: hsla(3, 81%, 14%, 1);

  --terra-color-orange-50: hsla(23, 100%, 94%, 1);
  --terra-color-orange-100: hsla(23, 97%, 87%, 1);
  --terra-color-orange-200: hsla(24, 93%, 78%, 1);
  --terra-color-orange-300: hsla(23, 90%, 70%, 1);
  --terra-color-orange-400: hsla(23, 86%, 61%, 1);
  --terra-color-orange-500: hsla(23, 83%, 53%, 1);
  --terra-color-orange-600: hsla(23, 80%, 45%, 1);
  --terra-color-orange-700: hsla(23, 78%, 36%, 1);
  --terra-color-orange-800: hsla(23, 76%, 27%, 1);
  --terra-color-orange-900: hsla(23, 73%, 19%, 1);
  --terra-color-orange-950: hsla(23, 69%, 10%, 1);

  --terra-color-green-50: hsla(147, 84%, 94%, 1);
  --terra-color-green-100: hsla(149, 66%, 90%, 1);
  --terra-color-green-200: hsla(149, 66%, 81%, 1);
  --terra-color-green-300: hsla(147, 66%, 73%, 1);
  --terra-color-green-400: hsla(146, 66%, 65%, 1);
  --terra-color-green-500: hsla(145, 67%, 57%, 1);
  --terra-color-green-600: hsla(145, 65%, 46%, 1);
  --terra-color-green-700: hsla(145, 63%, 37%, 1);
  --terra-color-green-800: hsla(145, 61%, 31%, 1);
  --terra-color-green-900: hsla(144, 58%, 22%, 1);
  --terra-color-green-950: hsla(144, 57%, 13%, 1);

  --terra-color-chartreuse-50: hsla(127, 100%, 93%, 1);
  --terra-color-chartreuse-100: hsla(127, 100%, 88%, 1);
  --terra-color-chartreuse-200: hsla(127, 100%, 81%, 1);
  --terra-color-chartreuse-300: hsla(127, 100%, 75%, 1);
  --terra-color-chartreuse-400: hsla(127, 100%, 68%, 1);
  --terra-color-chartreuse-500: hsla(127, 100%, 61%, 1);
  --terra-color-chartreuse-600: hsla(127, 67%, 51%, 1);
  --terra-color-chartreuse-700: hsla(127, 64%, 41%, 1);
  --terra-color-chartreuse-800: hsla(127, 64%, 32%, 1);
  --terra-color-chartreuse-900: hsla(127, 64%, 22%, 1);
  --terra-color-chartreuse-950: hsla(128, 65%, 12%, 1);

  --terra-color-blue-50: hsla(218, 86%, 94%, 1);
  --terra-color-blue-100: hsla(217, 84%, 88%, 1);
  --terra-color-blue-200: hsla(217, 84%, 78%, 1);
  --terra-color-blue-300: hsla(217, 81%, 69%, 1);
  --terra-color-blue-400: hsla(219, 94%, 62%, 1);
  --terra-color-blue-500: hsla(217, 78%, 50%, 1);
  --terra-color-blue-600: hsla(217, 76%, 42%, 1);
  --terra-color-blue-700: hsla(217, 74%, 35%, 1);
  --terra-color-blue-800: hsla(218, 72%, 27%, 1);
  --terra-color-blue-900: hsla(218, 71%, 19%, 1);
  --terra-color-blue-950: hsla(218, 68%, 11%, 1);
  --terra-color-blue-hds-extended-350: hsla(212, 100%, 58%, 1);
  --terra-color-blue-hds-extended-750: hsla(218, 86%, 31%, 1);

  --terra-color-neutral-0: hsla(0, 0%, 100%, 1);
  --terra-color-neutral-50: hsla(0, 0%, 96%, 1);
  --terra-color-neutral-100: hsla(0, 0%, 89%, 1);
  --terra-color-neutral-200: hsla(0, 0%, 82%, 1);
  --terra-color-neutral-300: hsla(240, 1%, 73%, 1);
  --terra-color-neutral-400: hsla(240, 2%, 59%, 1);
  --terra-color-neutral-500: hsla(240, 1%, 47%, 1);
  --terra-color-neutral-600: hsla(240, 2%, 35%, 1);
  --terra-color-neutral-700: hsla(240, 2%, 27%, 1);
  --terra-color-neutral-800: hsla(240, 4%, 19%, 1);
  --terra-color-neutral-900: hsla(240, 8%, 10%, 1);
  --terra-color-neutral-950: hsla(0, 0%, 0%, 1);
  --terra-color-neutral-white: hsla(0, 0%, 100%, 1);
  --terra-color-neutral-black: hsla(0, 0%, 0%, 1);

  --terra-color-blue-functional-link-default: hsla(217, 78%, 50%, 1);
  --terra-color-blue-functional-link-hover: hsla(217, 78%, 46%, 1);
  --terra-color-blue-functional-link-on-secondary-default: hsla(
    217,
    78%,
    46%,
    1
  );
  --terra-color-blue-functional-link-on-secondary-hover: hsla(217, 78%, 41%, 1);
  --terra-color-blue-functional-link-on-tertiary-default: hsla(
    217,
    78%,
    41%,
    1
  );
  --terra-color-blue-functional-link-inverse-on-secondary-default: hsla(
    219,
    100%,
    68%,
    1
  );
  --terra-color-blue-functional-link-inverse-on-secondary-hover: hsla(
    213,
    100%,
    75%,
    1
  );
  --terra-color-blue-functional-link-inverse-on-tertiary-default: hsla(
    213,
    100%,
    75%,
    1
  );
  --terra-color-blue-functional-link-inverse-on-tertiary-hover: hsla(
    213,
    100%,
    83%,
    1
  );
  --terra-color-blue-functional-link-inverse-default: hsla(219, 94%, 62%, 1);
  --terra-color-blue-functional-link-on-tertiary-hover: hsla(218, 79%, 34%, 1);
  --terra-color-blue-functional-link-inverse-hover: hsla(219, 100%, 68%, 1);

  --terra-color-bg-surface-neutral-base: var(--terra-color-neutral-0);
  --terra-color-bg-surface-neutral-primary: var(--terra-color-neutral-50);
  --terra-color-bg-surface-neutral-secondary: var(--terra-color-neutral-100);
  --terra-color-bg-surface-neutral-tertiary: var(--terra-color-neutral-200);
  --terra-color-bg-surface-neutral-inverse-primary: var(
    --terra-color-neutral-900
  );
  --terra-color-bg-surface-neutral-inverse-secondary: var(
    --terra-color-neutral-800
  );
  --terra-color-bg-surface-neutral-inverse-tertiary: var(
    --terra-color-neutral-700
  );

  --terra-color-bg-surface-interactive-default: var(--terra-color-neutral-0);
  --terra-color-bg-surface-interactive-hover: var(--terra-color-neutral-50);
  --terra-color-bg-surface-interactive-disabled: var(--terra-color-neutral-100);
  --terra-color-bg-surface-interactive-active: var(--terra-color-neutral-400);

  --terra-color-bg-surface-brand-primary: var(--terra-color-nasa-blue);
  --terra-color-bg-surface-brand-secondary: var(--terra-color-blue-200);
  --terra-color-bg-surface-brand-tertiary: var(--terra-color-blue-50);

  --terra-color-bg-surface-brand-selected-default: var(--terra-color-blue-500);
  --terra-color-bg-surface-brand-selected-hover: var(--terra-color-blue-600);
  --terra-color-bg-surface-brand-selected-active: var(--terra-color-blue-800);
  --terra-color-bg-surface-brand-selected-disabled: var(--terra-color-blue-700);

  --terra-color-bg-default-subtle: var(--terra-color-neutral-200);
  --terra-color-bg-default-bold: var(--terra-color-neutral-300);
  --terra-color-bg-success-subtle: var(--terra-color-green-100);
  --terra-color-bg-success-bold: var(--terra-color-green-600);
  --terra-color-bg-warning-subtle: var(--terra-color-orange-100);
  --terra-color-bg-warning-bold: var(--terra-color-orange-500);
  --terra-color-bg-error-subtle: var(--terra-color-red-100);
  --terra-color-bg-error-bold: var(--terra-color-red-600);
  --terra-color-bg-info-subtle: var(--terra-color-blue-100);
  --terra-color-bg-info-bold: var(--terra-color-blue-500);

  --terra-color-action-primary-default: var(--terra-color-blue-500);
  --terra-color-action-primary-hover: var(--terra-color-blue-600);
  --terra-color-action-primary-active: var(--terra-color-blue-700);
  --terra-color-action-primary-disabled: var(--terra-color-blue-100);
  --terra-color-action-secondary-default: var(--terra-color-neutral-200);
  --terra-color-action-secondary-hover: var(--terra-color-neutral-300);
  --terra-color-action-secondary-active: var(--terra-color-neutral-400);
  --terra-color-action-secondary-disabled: var(--terra-color-neutral-100);
  --terra-color-action-cta-default: var(--terra-color-chartreuse-500);
  --terra-color-action-cta-hover: var(--terra-color-chartreuse-600);
  --terra-color-action-cta-active: var(--terra-color-chartreuse-700);
  --terra-color-action-cta-disabled: var(--terra-color-chartreuse-100);
  --terra-color-action-success-default: var(--terra-color-green-500);
  --terra-color-action-success-hover: var(--terra-color-green-600);
  --terra-color-action-success-active: var(--terra-color-green-700);
  --terra-color-action-success-disabed: var(--terra-color-green-100);
  --terra-color-action-warning-default: var(--terra-color-orange-500);
  --terra-color-action-warning-hover: var(--terra-color-orange-600);
  --terra-color-action-warning-active: var(--terra-color-orange-700);
  --terra-color-action-warning-disabled: var(--terra-color-orange-100);
  --terra-color-action-error-default: var(--terra-color-red-600);
  --terra-color-action-error-hover: var(--terra-color-red-700);
  --terra-color-action-error-active: var(--terra-color-red-800);
  --terra-color-action-error-disabled: var(--terra-color-red-100);
  --terra-color-action-info-default: var(--terra-color-blue-500);
  --terra-color-action-info-hover: var(--terra-color-blue-600);
  --terra-color-action-info-active: var(--terra-color-blue-700);
  --terra-color-action-info-disabled: var(--terra-color-blue-100);

  --terra-text-primary: var(--terra-color-neutral-900);
  --terra-text-secondary: var(--terra-color-neutral-700);
  --terra-text-tertiary: var(--terra-color-neutral-500);
  --terra-text-primary-inverse: var(--terra-color-neutral-0);
  --terra-text-secondary-inverse: var(--terra-color-neutral-100);
  --terra-text-tertiary-inverse: var(--terra-color-neutral-300);

  --terra-text-link-default: var(--terra-color-blue-functional-link-default);
  --terra-text-link-hover: var(--terra-color-blue-functional-link-hover);
  --terra-text-link-on-secondary-default: var(
    --terra-color-blue-functional-link-on-secondary-default
  );
  --terra-text-link-on-secondary-hover: var(
    --terra-color-blue-functional-link-on-secondary-hover
  );
  --terra-text-link-on-tertiary-default: var(
    --terra-color-blue-functional-link-on-tertiary-default
  );
  --terra-text-link-on-tertiary-hover: var(
    --terra-color-blue-functional-link-on-tertiary-hover
  );
  --terra-text-link-inverse-default: var(
    --terra-color-blue-functional-link-inverse-default
  );
  --terra-text-link-inverse-hover: var(
    --terra-color-blue-functional-link-inverse-hover
  );
  --terra-text-link-inverse-on-secondary-default: var(
    --terra-color-blue-functional-link-inverse-on-secondary-default
  );
  --terra-text-link-inverse-on-secondary-hover: var(
    --terra-color-blue-functional-link-inverse-on-secondary-hover
  );
  --terra-text-link-inverse-on-tertiary-default: var(
    --terra-color-blue-functional-link-inverse-on-tertiary-default
  );
  --terra-text-link-inverse-on-tertiary-hover: var(
    --terra-color-blue-functional-link-inverse-on-tertiary-hover
  );

  --terra-text-brand-on-brand-primary: var(--terra-color-white);
  --terra-text-brand-on-brand-inverse: var(--terra-color-blue-600);
  --terra-text-brand-on-primary: var(--terra-color-blue-500);
  --terra-text-brand-on-secondary: var(--terra-color-blue-500);
  --terra-text-brand-on-tertiary: var(--terra-color-blue-600);
  --terra-text-brand-on-primary-inverse: var(--terra-color-blue-400);
  --terra-text-brand-on-secondary-inverse: var(--terra-color-blue-300);
  --terra-text-brand-on-tertiary-inverse: var(--terra-color-blue-200);

  --terra-text-interactive-default: var(--terra-color-neutral-700);
  --terra-text-interactive-hover: var(--terra-color-neutral-900);
  --terra-text-interactive-active: var(--terra-color-neutral-900);
  --terra-text-interactive-disabled: var(--terra-color-neutral-500);
  --terra-text-interactive-selected: var(--terra-color-neutral-white);
  --terra-text-interactive-brand-selected: var(--terra-color-blue-500);

  --terra-text-on-success: var(--terra-color-green-900);
  --terra-text-on-warning: var(--terra-color-orange-900);
  --terra-text-on-error: var(--terra-color-red-900);
  --terra-text-on-info: var(--terra-color-blue-800);
  --terra-text-on-default: var(--terra-color-neutral-700);
  --terra-text-on-semantic: var(--terra-color-neutral-white);
  --terra-text-on-semantic-inverse: var(--terra-color-neutral-black);

  --terra-text-on-action-primary: var(--terra-text-on-semantic);
  --terra-text-on-action-secondary: var(--terra-text-on-semantic-inverse);
  --terra-text-on-action-cta: var(--terra-text-on-semantic-inverse);
  --terra-text-on-action-success: var(--terra-text-on-semantic-inverse);
  --terra-text-on-action-warning: var(--terra-text-on-semantic-inverse);
  --terra-text-on-action-error: var(--terra-text-on-semantic);
  --terra-text-on-action-info: var(--terra-text-on-semantic);
  --terra-text-on-action-disabled: var(--terra-color-neutral-400);

  --terra-border-neutral-light: var(--terra-color-neutral-100);
  --terra-border-neutral-default: var(--terra-color-neutral-300);
  --terra-border-neutral-strong: var(--terra-color-neutral-400);
  --terra-border-neutral-inverse-light: var(--terra-color-neutral-700);
  --terra-border-neutral-inverse-default: var(--terra-color-neutral-400);
  --terra-border-neutral-inverse-strong: var(--terra-color-neutral-300);

  --terra-border-interactive-hover: var(--terra-color-neutral-400);
  --terra-border-interactive-disabled: var(--terra-color-neutral-300);
  --terra-border-interactive-active: var(--terra-color-neutral-500);
  --terra-border-interactive-focus-ring: var(--terra-color-blue-500);

  --terra-border-brand-selected-default: var(--terra-color-blue-500);
  --terra-border-brand-selected-hover: var(--terra-color-blue-600);
  --terra-border-brand-selected-active: var(--terra-color-blue-800);
  --terra-border-brand-selected-disabled: var(--terra-color-blue-700);

  --terra-border-success: var(--terra-color-green-800);
  --terra-border-warning: var(--terra-color-orange-700);
  --terra-border-error: var(--terra-color-red-700);
  --terra-border-info: var(--terra-color-blue-700);

  --terra-border-action-secondary-default: var(
    --terra-color-action-secondary-default
  );
  --terra-border-action-secondary-hover: var(
    --terra-color-action-secondary-hover
  );
  --terra-border-action-secondary-active: var(
    --terra-color-action-secondary-active
  );
  --terra-border-action-secondary-disabled: var(
    --terra-color-action-secondary-disabled
  );
  --terra-border-action-primary-default: var(
    --terra-color-action-primary-default
  );
  --terra-border-action-primary-hover: var(--terra-color-action-primary-hover);
  --terra-border-action-primary-active: var(
    --terra-color-action-primary-active
  );
  --terra-border-action-primary-disabled: var(
    --terra-color-action-primary-disabled
  );
  --terra-border-action-cta-default: var(--terra-color-action-cta-default);
  --terra-border-action-cta-hover: var(--terra-color-action-cta-hover);
  --terra-border-action-cta-active: var(--terra-color-action-cta-active);
  --terra-border-action-cta-disabled: var(--terra-color-action-cta-disabled);
  --terra-border-action-success-default: var(
    --terra-color-action-success-default
  );
  --terra-border-action-success-hover: var(--terra-color-action-success-hover);
  --terra-border-action-success-active: var(
    --terra-color-action-success-active
  );
  --terra-border-action-success-disabled: var(
    --terra-color-action-success-disabed
  );
  --terra-border-action-warning-default: var(
    --terra-color-action-warning-default
  );
  --terra-border-action-warning-hover: var(--terra-color-action-warning-hover);
  --terra-border-action-warning-active: var(
    --terra-color-action-warning-active
  );
  --terra-border-action-warning-disabled: var(
    --terra-color-action-warning-disabled
  );
  --terra-border-action-error-default: var(--terra-color-action-error-default);
  --terra-border-action-error-hover: var(--terra-color-action-error-hover);
  --terra-border-action-error-active: var(--terra-color-action-error-active);
  --terra-border-action-error-disabled: var(
    --terra-color-action-error-disabled
  );
  --terra-border-action-info-default: var(--terra-color-action-info-default);
  --terra-border-action-info-hover: var(--terra-color-action-info-hover);
  --terra-border-action-info-active: var(--terra-color-action-info-active);
  --terra-border-action-info-disabled: var(--terra-color-action-info-disabled);

  --terra-container-dialog-bg: var(--terra-color-bg-surface-neutral-base);
  --terra-container-dialog-border: var(--terra-border-neutral-default);
  --terra-container-menu-bg: var(--terra-color-bg-surface-neutral-base);
  --terra-container-menu-border: var(--terra-border-neutral-default);
  --terra-container-panel-bg: var(--terra-color-bg-surface-neutral-base);
  --terra-container-panel-border: var(--terra-border-neutral-default);

  --terra-menu-item-background-hover: var(
    --terra-color-bg-surface-interactive-hover
  );
  --terra-menu-item-background-disabled: var(
    --terra-color-bg-surface-interactive-disabled
  );
  --terra-menu-item-background-active: var(
    --terra-color-bg-surface-interactive-active
  );
  --terra-menu-item-background-selected: var(
    --terra-color-bg-surface-brand-selected-default
  );
  --terra-menu-item-text-default: var(--terra-text-interactive-default);
  --terra-menu-item-text-hover: var(--terra-text-interactive-hover);
  --terra-menu-item-text-disabled: var(--terra-text-interactive-disabled);
  --terra-menu-item-text-active: var(--terra-text-interactive-active);
  --terra-menu-item-text-selected: var(--terra-text-interactive-selected);

  --terra-input-background-default: var(--terra-color-bg-surface-neutral-base);
  --terra-input-background-hover: var(
    --terra-color-bg-surface-interactive-hover
  );
  --terra-input-background-disabled: var(
    --terra-color-bg-surface-interactive-disabled
  );
  --terra-input-background-focus: var(
    --terra-color-bg-surface-interactive-focus
  );
  --terra-input-background-error: var(--terra-color-red-50);
  --terra-input-border-default: var(--terra-border-neutral-default);
  --terra-input-border-hover: var(--terra-border-interactive-hover);
  --terra-input-border-disabled: var(--terra-border-interactive-disabled);
  --terra-input-border-focus: var(--terra-border-interactive-focus-ring);
  --terra-input-border-error: var(--terra-border-action-error-default);
  --terra-input-text-default: var(--terra-text-secondary);
  --terra-input-text-hover: var(--terra-text-primary);
  --terra-input-text-focus: var(--terra-text-primary);
  --terra-input-text-disabled: var(--terra-text-tertiary);
  --terra-input-text-placeholder: var(--terra-text-tertiary);
  --terra-input-icon-default: var(--terra-text-secondary);
  --terra-input-icon-hover: var(--terra-text-primary);

  --terra-tab-text-default: var(--terra-text-interactive-default);
  --terra-tab-text-hover: var(--terra-text-interactive-hover);
  --terra-tab-text-disabled: var(--terra-text-interactive-disabled);
  --terra-tab-text-active: var(--terra-text-interactive-active);
  --terra-tab-text-selected: var(--terra-text-interactive-brand-selected);
  --terra-tab-indicator-selected: var(--terra-text-interactive-brand-selected);
  --terra-tab-track-color: var(--terra-color-carbon-20);

  --terra-control-bg-default: var(--terra-color-bg-surface-interactive-default);
  --terra-control-bg-hover: var(--terra-color-bg-surface-interactive-hover);
  --terra-control-bg-disabled: var(
    --terra-color-bg-surface-interactive-disabled
  );
  --terra-control-bg-active: var(--terra-color-bg-surface-interactive-active);
  --terra-control-bg-selected: var(
    --terra-color-bg-surface-brand-selected-default
  );
  --terra-control-bg-selected-hover: var(
    --terra-color-bg-surface-brand-selected-hover
  );
  --terra-control-bg-selected-disabled: var(
    --terra-color-bg-surface-brand-selected-disabled
  );
  --terra-control-bg-selected-active: var(
    --terra-color-bg-surface-brand-selected-active
  );
  --terra-control-border-default: var(--terra-border-neutral-default);
  --terra-control-border-hover: var(--terra-border-interactive-hover);
  --terra-control-border-disabled: var(--terra-border-interactive-disabled);
  --terra-control-border-active: var(--terra-border-interactive-active);
  --terra-control-border-focus: var(--terra-border-interactive-focus-ring);
  --terra-control-border-selected: var(--terra-border-brand-selected-default);
  --terra-control-border-selected-hover: var(
    --terra-border-brand-selected-hover
  );
  --terra-control-border-selected-disabled: var(
    --terra-border-brand-selected-disabled
  );
  --terra-control-border-selected-active: var(
    --terra-border-brand-selected-active
  );
  --terra-control-icon-selected: var(--terra-color-neutral-white);
  --terra-control-icon-selected-hover: var(--terra-color-carbon-20);
  --terra-control-icon-selected-disabled: var(--terra-color-carbon-20);
  --terra-control-icon-selected-active: var(--terra-color-carbon-40);

  --terra-breadcrumb-text-default: var(--terra-text-interactive-default);
  --terra-breadcrumb-text-hover: var(--terra-text-interactive-hover);
  --terra-breadcrumb-text-visited: var(--terra-text-tertiary);
  --terra-breadcrumb-text-current: var(--terra-text-interactive-active);

  --terra-border-radius-small: 0.125rem;
  --terra-border-radius-medium: 0.25rem;
  --terra-border-radius-large: 0.5rem;
  --terra-border-radius-x-large: 1rem;
  --terra-border-radius-circle: 50%;

  --terra-shadow-x-small: 0 1px 2px hsl(240 3.8% 46.1% / 6%);
  --terra-shadow-small: 0 1px 2px hsl(240 3.8% 46.1% / 12%);
  --terra-shadow-medium: 0 2px 4px hsl(240 3.8% 46.1% / 12%);
  --terra-shadow-large: 0 2px 8px hsl(240 3.8% 46.1% / 12%);
  --terra-shadow-x-large: 0 4px 16px hsl(240 3.8% 46.1% / 12%);

  --terra-spacing-3x-small: 0.125rem;
  --terra-spacing-2x-small: 0.25rem;
  --terra-spacing-x-small: 0.5rem;
  --terra-spacing-small: 0.75rem;
  --terra-spacing-medium: 1rem;
  --terra-spacing-large: 1.25rem;
  --terra-spacing-x-large: 1.75rem;
  --terra-spacing-2x-large: 2.25rem;
  --terra-spacing-3x-large: 3rem;
  --terra-spacing-4x-large: 4.5rem;

  --terra-transition-x-slow: 1000ms;
  --terra-transition-slow: 500ms;
  --terra-transition-medium: 250ms;
  --terra-transition-fast: 150ms;
  --terra-transition-x-fast: 50ms;

  --terra-font-family--inter: "Inter", sans-serif;
  --terra-font-family--public-sans: "Public Sans", sans-serif;
  --terra-font-family--dm-mono: "DM Mono", monospace;

  --terra-font-color-primary: var(--terra-color-carbon-90);
  --terra-font-color-secondary: var(--terra-color-carbon-70);
  --terra-font-color-tertiary: var(--terra-color-carbon-50);

  --terra-font-size-2x-small: 0.625rem;
  --terra-font-size-x-small: 0.75rem;
  --terra-font-size-small: 0.875rem;
  --terra-font-size-medium: 1rem;
  --terra-font-size-large: 1.25rem;
  --terra-font-size-x-large: 1.5rem;
  --terra-font-size-2x-large: 2.25rem;
  --terra-font-size-3x-large: 3rem;
  --terra-font-size-4x-large: 4.5rem;

  --terra-font-weight-light: 300;
  --terra-font-weight-normal: 400;
  --terra-font-weight-semibold: 600;
  --terra-font-weight-bold: 700;

  --terra-letter-spacing-denser: -0.03em;
  --terra-letter-spacing-dense: -0.015em;
  --terra-letter-spacing-normal: normal;
  --terra-letter-spacing-loose: 0.075em;
  --terra-letter-spacing-looser: 0.15em;

  --terra-line-height-denser: 1;
  --terra-line-height-dense: 1.4;
  --terra-line-height-normal: 1.8;
  --terra-line-height-loose: 2.2;
  --terra-line-height-looser: 2.6;

  --terra-focus-ring-color: var(--terra-border-interactive-focus-ring);
  --terra-focus-ring-style: solid;
  --terra-focus-ring-width: 3px;
  --terra-focus-ring: var(--terra-focus-ring-style)
    var(--terra-focus-ring-width) var(--terra-focus-ring-color);
  --terra-focus-ring-offset: 1px;

  --terra-z-index-drawer: 700;
  --terra-z-index-dialog: 1000;
  --terra-z-index-dropdown: 900;
  --terra-z-index-toast: 950;
  --terra-z-index-tooltip: 1000;

  --terra-link-text-decoration: underline;
  --terra-link-text-decoration-style: dotted;
  --terra-link-underline-offset: 2px;

  --terra-container-dialog-border-radius: var(--terra-border-radius-medium);
  --terra-container-dialog-border-width: 1px;
  --terra-container-dialog-header-border-color: var(
    --terra-border-neutral-default
  );
  --terra-container-dialog-header-border-style: solid;
  --terra-container-dialog-footer-border-color: var(
    --terra-border-neutral-default
  );
  --terra-container-dialog-footer-border-style: none;
  --terra-container-menu-border-radius: var(--terra-border-radius-medium);
  --terra-container-menu-border-width: 1px;
  --terra-container-panel-border-radius: var(--terra-border-radius-medium);
  --terra-container-panel-border-width: 1px;

  --terra-input-help-text-font-size-small: var(--terra-font-size-x-small);
  --terra-input-help-text-font-size-medium: var(--terra-font-size-small);
  --terra-input-help-text-font-size-large: var(--terra-font-size-medium);
  --terra-input-help-text-color: var(--terra-text-secondary);

  --terra-alert-line-height: var(--terra-line-height-normal);
  --terra-alert-filled-background-color-information: var(
    --terra-color-bg-info-bold
  );
  --terra-alert-filled-background-color-success: var(
    --terra-color-bg-success-bold
  );
  --terra-alert-filled-background-color-neutral: var(
    --terra-color-bg-default-bold
  );
  --terra-alert-filled-background-color-warning: var(
    --terra-color-bg-warning-bold
  );
  --terra-alert-filled-background-color-danger: var(
    --terra-color-bg-error-bold
  );
  --terra-alert-filled-color-information: var(--terra-text-on-semantic);
  --terra-alert-filled-color-success: var(--terra-text-on-semantic-inverse);
  --terra-alert-filled-color-neutral: var(--terra-text-on-semantic-inverse);
  --terra-alert-filled-color-warning: var(--terra-text-on-semantic-inverse);
  --terra-alert-filled-color-danger: var(--terra-text-on-semantic);
  --terra-alert-filled-icon-color-information: var(--terra-text-on-semantic);
  --terra-alert-filled-icon-color-success: var(
    --terra-text-on-semantic-inverse
  );
  --terra-alert-filled-icon-color-neutral: var(
    --terra-text-on-semantic-inverse
  );
  --terra-alert-filled-icon-color-warning: var(
    --terra-text-on-semantic-inverse
  );
  --terra-alert-filled-icon-color-danger: var(--terra-text-on-semantic);

  --terra-alert-subtle-background-color-information: var(
    --terra-color-bg-info-subtle
  );
  --terra-alert-subtle-background-color-success: var(
    --terra-color-bg-success-subtle
  );
  --terra-alert-subtle-background-color-neutral: var(
    --terra-color-bg-default-subtle
  );
  --terra-alert-subtle-background-color-warning: var(
    --terra-color-bg-warning-subtle
  );
  --terra-alert-subtle-background-color-danger: var(
    --terra-color-bg-error-subtle
  );
  --terra-alert-subtle-color-information: var(--terra-text-on-info);
  --terra-alert-subtle-color-success: var(--terra-text-on-success);
  --terra-alert-subtle-color-neutral: var(--terra-text-on-default);
  --terra-alert-subtle-color-warning: var(--terra-text-on-warning);
  --terra-alert-subtle-color-danger: var(--terra-text-on-error);

  --terra-alert-white-background-color: var(
    --terra-color-bg-surface-neutral-base
  );
  --terra-alert-white-color: var(--terra-text-secondary);

  --terra-accordion-background-color: var(--terra-container-menu-bg);
  --terra-accordion-border-color: var(--terra-border-neutral-default);
  --terra-accordion-border-width: 1px;
  --terra-accordion-border-radius: var(--terra-border-radius-large);
  --terra-accordion-content-color: var(--terra-text-secondary);
  --terra-accordion-summary-background-color: var(
    --terra-color-bg-surface-neutral-primary
  );
  --terra-accordion-summary-background-color-hover: var(
    --terra-color-bg-surface-neutral-secondary
  );
  --terra-accordion-summary-border-color: var(--terra-border-neutral-default);
  --terra-accordion-summary-padding: var(--terra-spacing-small)
    var(--terra-spacing-medium);
  --terra-accordion-summary-font-size: var(--terra-font-size-small);
  --terra-accordion-summary-font-weight: var(--terra-font-weight-semibold);
  --terra-accordion-summary-color: var(--terra-text-primary);
  --terra-accordion-content-padding: var(--terra-spacing-medium);
  --terra-accordion-transition: background-color var(--terra-transition-fast);

  --terra-avatar-size-small: 2rem;
  --terra-avatar-size-medium: 2.5rem;
  --terra-avatar-size-large: 3.5rem;

  --terra-avatar-background-color: var(--terra-color-carbon-40);
  --terra-avatar-color: var(--terra-color-spacesuit-white);

  --terra-avatar-font-family: var(--terra-font-family--inter);
  --terra-avatar-font-weight: var(--terra-font-weight-normal);

  --terra-badge-background-color-information: var(--terra-color-bg-info-bold);
  --terra-badge-background-color-success: var(--terra-color-bg-success-bold);
  --terra-badge-background-color-neutral: var(--terra-color-bg-default-bold);
  --terra-badge-background-color-warning: var(--terra-color-bg-warning-bold);
  --terra-badge-background-color-danger: var(--terra-color-bg-error-bold);
  --terra-badge-color-information: var(--terra-text-on-semantic);
  --terra-badge-color-success: var(--terra-text-on-semantic-inverse);
  --terra-badge-color-neutral: var(--terra-text-on-semantic-inverse);
  --terra-badge-color-warning: var(--terra-text-on-semantic-inverse);
  --terra-badge-color-danger: var(--terra-text-on-semantic);

  --terra-banner-line-height: var(--terra-line-height-normal);

  --terra-button-border-width: 1px;
  --terra-button-font-size-small: var(--terra-font-size-x-small);
  --terra-button-font-size-medium: var(--terra-font-size-small);
  --terra-button-font-size-large: var(--terra-font-size-medium);
  --terra-button-height-small: 1.875rem;
  --terra-button-height-medium: 2.25rem;
  --terra-button-height-large: 3rem;

  --terra-button-color-default: var(--terra-text-on-action-secondary);
  --terra-button-color-primary: var(--terra-text-on-action-primary);
  --terra-button-color-cta: var(--terra-text-on-action-cta);
  --terra-button-color-success: var(--terra-text-on-action-success);
  --terra-button-color-warning: var(--terra-text-on-action-warning);
  --terra-button-color-danger: var(--terra-text-on-action-error);
  --terra-button-outline-text-color: var(--terra-text-primary);

  --terra-button-text-text-color: var(--terra-text-link-default);
  --terra-button-text-text-color-hover: var(--terra-text-link-hover);
  --terra-button-text-text-color-active: var(--terra-text-link-default);
  --terra-button-text-text-color-disabled: var(
    --terra-color-action-primary-disabled
  );
  --terra-button-page-link-text-color: var(--terra-text-primary);

  --terra-caption-font-family: var(--terra-font-family--public-sans);
  --terra-caption-font-size: var(--terra-font-size-small);
  --terra-caption-font-weight: var(--terra-font-weight-normal);
  --terra-caption-line-height: var(--terra-line-height-normal);
  --terra-caption-color: var(--terra-text-tertiary);
  --terra-caption-credit-color: var(--terra-text-secondary);

  --terra-card-background-color: var(--terra-container-panel-bg);

  --terra-checkbox-size-small: 0.875rem;
  --terra-checkbox-size-medium: 1.125rem;
  --terra-checkbox-size-large: 1.375rem;

  --terra-checkbox-background-color: var(--terra-control-bg-default);
  --terra-checkbox-background-color-hover: var(--terra-control-bg-hover);
  --terra-checkbox-background-color-active: var(--terra-control-bg-active);
  --terra-checkbox-background-color-checked: var(--terra-control-bg-selected);
  --terra-checkbox-background-color-checked-hover: var(
    --terra-control-bg-selected-hover
  );
  --terra-checkbox-background-color-disabled: var(--terra-control-bg-disabled);
  --terra-checkbox-border-color: var(--terra-control-border-default);
  --terra-checkbox-border-color-hover: var(--terra-control-border-hover);
  --terra-checkbox-border-color-active: var(--terra-control-border-active);
  --terra-checkbox-border-color-checked: var(--terra-control-border-selected);
  --terra-checkbox-border-color-checked-hover: var(
    --terra-control-border-selected-hover
  );
  --terra-checkbox-border-color-disabled: var(--terra-control-border-disabled);
  --terra-checkbox-border-width: 1px;
  --terra-checkbox-border-radius: 2px;
  --terra-checkbox-icon-color: var(--terra-control-icon-selected);
  --terra-checkbox-label-color: var(--terra-text-secondary);
  --terra-checkbox-label-font-family: var(--terra-font-family--inter);
  --terra-checkbox-label-font-size: var(--terra-font-size-small);
  --terra-checkbox-label-font-weight: var(--terra-font-weight-normal);

  --terra-checkbox-focus-ring-color: var(--terra-focus-ring-color);
  --terra-checkbox-focus-ring-width: var(--terra-focus-ring-width);
  --terra-checkbox-focus-ring-offset: var(--terra-focus-ring-offset);

  --terra-chip-height-small: 1.375rem;
  --terra-chip-height-medium: 1.875rem;
  --terra-chip-height-large: 2.5rem;

  --terra-chip-padding-small: var(--terra-spacing-x-small);
  --terra-chip-padding-medium: var(--terra-spacing-small);
  --terra-chip-padding-large: var(--terra-spacing-medium);
  --terra-chip-margin: var(--terra-spacing-2x-small);

  --terra-chip-border-width: 1.5px;

  --terra-chip-font-family: var(--terra-font-family--inter);
  --terra-chip-font-weight: var(--terra-font-weight-bold);

  --terra-chip-background-color: var(--terra-color-neutral-0);
  --terra-chip-border-color: var(--terra-color-bg-info-bold);
  --terra-chip-color: var(--terra-text-secondary);
  --terra-chip-color-hover: var(--terra-text-primary);
  --terra-chip-icon-color: var(--terra-text-secondary);
  --terra-chip-icon-color-hover: var(--terra-text-primary);

  --terra-chip-transition: fill var(--terra-transition-fast);

  --terra-data-grid-active-color: var(--terra-color-nasa-blue);
  --terra-data-grid-background-color: var(--terra-input-background-default);
  --terra-data-grid-foreground-color: var(--terra-text-primary);
  --terra-data-grid-secondary-foreground-color: var(--terra-text-secondary);
  --terra-data-grid-disabled-foreground-color: var(
    --terra-text-on-action-disabled
  );

  --terra-data-grid-border-color: var(--terra-border-neutral-default);
  --terra-data-grid-secondary-border-color: var(--terra-border-neutral-light);
  --terra-data-grid-input-border-color: var(--terra-border-neutral-default);
  --terra-data-grid-input-border-color-invalid: var(
    --terra-border-error-primary
  );
  --terra-data-grid-input-disabled-border-color: var(
    --terra-border-action-disabled
  );

  --terra-data-grid-header-background-color: var(
    --terra-color-bg-surface-neutral-primary
  );
  --terra-data-grid-tooltip-background-color: var(
    --terra-color-bg-surface-neutral-inverse-primary
  );
  --terra-data-grid-odd-row-background-color: var(--terra-color-neutral-50);
  --terra-data-grid-control-panel-background-color: var(
    --terra-color-bg-surface-neutral-primary
  );
  --terra-data-grid-subheader-background-color: var(
    --terra-color-bg-surface-neutral-secondary
  );
  --terra-data-grid-panel-background-color: var(
    --terra-color-bg-surface-neutral-primary
  );
  --terra-data-grid-menu-background-color: var(
    --terra-color-bg-surface-neutral-primary
  );
  --terra-data-grid-input-disabled-background-color: var(
    --terra-input-background-disabled
  );
  --terra-data-grid-checkbox-background-color: var(
    --terra-checkbox-background-color
  );
  --terra-data-grid-chip-background-color: var(--terra-chip-background-color);

  --terra-data-grid-row-hover-color: var(--terra-color-bg-info-subtle);
  --terra-data-grid-column-hover-color: var(
    --terra-color-bg-surface-brand-tertiary
  );
  --terra-data-grid-selected-row-background-color: hsla(212, 100%, 58%, 0.2);
  --terra-data-grid-range-selection-background-color: hsla(212, 100%, 58%, 0.2);
  --terra-data-grid-range-selection-background-color-2: hsla(
    212,
    100%,
    58%,
    0.36
  );
  --terra-data-grid-range-selection-background-color-3: hsla(
    212,
    100%,
    58%,
    0.49
  );
  --terra-data-grid-range-selection-background-color-4: hsla(
    212,
    100%,
    58%,
    0.59
  );
  --terra-data-grid-range-selection-border-color: var(--terra-color-nasa-blue);
  --terra-data-grid-input-focus-border-color: var(--terra-focus-ring-color);

  --terra-data-grid-invalid-color: var(--terra-color-nasa-red);
  --terra-data-grid-checkbox-unchecked-color: var(--terra-color-carbon-50);
  --terra-data-grid-checkbox-checked-color: var(--terra-color-nasa-blue);

  --terra-data-grid-advanced-filter-join-pill-color: var(
    --terra-color-nasa-red-tint
  );
  --terra-data-grid-advanced-filter-column-pill-color: var(
    --terra-color-active-green
  );
  --terra-data-grid-advanced-filter-option-pill-color: var(
    --terra-color-international-orange
  );
  --terra-data-grid-advanced-filter-value-pill-color: var(
    --terra-color-nasa-blue-tint
  );

  --terra-data-grid-find-match-color: var(--terra-color-carbon-90);
  --terra-data-grid-find-match-background-color: #ffff00;
  --terra-data-grid-find-active-match-color: var(--terra-color-carbon-90);
  --terra-data-grid-find-active-match-background-color: #ffa500;

  --terra-data-grid-filter-panel-apply-button-color: var(
    --terra-text-on-action-primary
  );
  --terra-data-grid-filter-panel-apply-button-background-color: var(
    --terra-color-action-primary-default
  );
  --terra-data-grid-selected-tab-underline-color: var(
    --terra-tab-indicator-selected
  );

  --terra-data-grid-font-family: var(--terra-font-family--inter);
  --terra-data-grid-font-size: var(--terra-font-size-small);
  --terra-data-grid-icon-font-family: agGridAlpine;

  --terra-data-grid-grid-size: var(--terra-spacing-x-small);
  --terra-data-grid-icon-size: var(--terra-icon-small);
  --terra-data-grid-row-height: calc(var(--terra-data-grid-grid-size) * 7);
  --terra-data-grid-header-height: calc(var(--terra-data-grid-grid-size) * 8);
  --terra-data-grid-list-item-height: calc(
    var(--terra-data-grid-grid-size) * 4
  );
  --terra-data-grid-cell-horizontal-padding: calc(
    var(--terra-data-grid-grid-size) * 3
  );
  --terra-data-grid-cell-widget-spacing: calc(
    var(--terra-data-grid-grid-size) * 2
  );
  --terra-data-grid-widget-container-vertical-padding: calc(
    var(--terra-data-grid-grid-size) * 2
  );
  --terra-data-grid-widget-container-horizontal-padding: calc(
    var(--terra-data-grid-grid-size) * 2
  );
  --terra-data-grid-widget-vertical-spacing: calc(
    var(--terra-data-grid-grid-size) * 1.5
  );
  --terra-data-grid-column-select-indent-size: var(--terra-data-grid-icon-size);
  --terra-data-grid-set-filter-indent-size: var(--terra-data-grid-icon-size);
  --terra-data-grid-advanced-filter-builder-indent-size: calc(
    var(--terra-data-grid-icon-size) + var(--terra-data-grid-grid-size) * 2
  );
  --terra-data-grid-toggle-button-height: 18px;
  --terra-data-grid-toggle-button-width: 28px;
  --terra-data-grid-tab-min-width: 240px;
  --terra-data-grid-side-bar-panel-width: 250px;

  --terra-data-grid-borders: solid 1px;
  --terra-data-grid-border-radius: var(--terra-border-radius-medium);
  --terra-data-grid-borders-side-button: none;
  --terra-data-grid-side-button-selected-background-color: transparent;
  --terra-data-grid-header-column-resize-handle-display: block;
  --terra-data-grid-header-column-resize-handle-width: 2px;
  --terra-data-grid-header-column-resize-handle-height: 30%;

  --terra-data-grid-card-shadow: var(--terra-shadow-small);
  --terra-data-grid-popup-shadow: var(--terra-shadow-small);

  --terra-data-grid-selected-tab-underline-width: 2px;
  --terra-data-grid-selected-tab-underline-transition-speed: var(
    --terra-transition-medium
  );

  --terra-data-grid-height: 400px;

  --terra-date-picker-sidebar-background-color: var(
    --terra-color-bg-surface-neutral-primary
  );
  --terra-date-picker-time-panel-background-color: var(
    --terra-color-bg-surface-neutral-primary
  );
  --terra-data-picker-preset-background-hover: var(
    --terra-menu-item-background-hover
  );
  --terra-date-picker-preset-background-focus: var(
    --terra-menu-item-background-active
  );
  --terra-date-picker-preset-background-selected: var(
    --terra-menu-item-background-selected
  );
  --terra-date-picker-preset-color: var(--terra-menu-item-text);
  --terra-date-picker-preset-color-hover: var(--terra-menu-item-text-hover);
  --terra-date-picker-preset-color-focus: var(--terra-menu-item-text-active);
  --terra-date-picker-preset-color-selected: var(
    --terra-menu-item-text-selected
  );
  --terra-date-picker-spinner-background-color: transparent;
  --terra-date-picker-spinner-background-color-hover: var(
    --terra-menu-item-background-hover
  );
  --terra-date-picker-spinner-background-color-active: var(
    --terra-menu-item-background-active
  );
  --terra-date-picker-spinner-color: var(--terra-menu-item-text);
  --terra-date-picker-spinner-color-hover: var(--terra-menu-item-text-hover);
  --terra-date-picker-weekday-color: var(--terra-text-tertiary);
  --terra-date-picker-day-background-color-hover: var(
    --terra-menu-item-background-hover
  );
  --terra-date-picker-day-background-color-active: var(
    --terra-menu-item-background-active
  );
  --terra-date-picker-day-background-color-selected: var(
    --terra-menu-item-background-selected
  );
  --terra-date-picker-day-color: var(--terra-menu-item-text);
  --terra-date-picker-day-color-hover: var(--terra-menu-item-text-hover);
  --terra-date-picker-day-color-active: var(--terra-menu-item-text-active);
  --terra-date-picker-day-color-selected: var(--terra-menu-item-text-selected);
  --terra-date-picker-day-color-disabled: var(--terra-menu-item-text-disabled);
  --terra-date-picker-day-in-range-background-color: var(
    --terra-color-bg-surface-brand-secondary
  );
  --terra-date-picker-day-in-range-background-color-hover: var(
    --terra-menu-item-background-hover
  );
  --terra-date-picker-day-in-range-color: var(
    --terra-text-brand-on-brand-inverse
  );
  --terra-date-picker-day-in-range-color-hover: var(
    --terra-menu-item-text-hover
  );

  --terra-data-subsetter-background-color: var(
    --terra-color-bg-surface-neutral-base
  );

  --terra-dialog-background-color: var(--terra-color-bg-surface-neutral-base);

  --terra-subsetter-history-header-background: var(
    --terra-color-nasa-blue-shade
  );
  --terra-subsetter-history-header-text: var(--terra-color-spacesuit-white);
  --terra-subsetter-history-panel-background: var(
    --terra-color-bg-surface-neutral-primary
  );
  --terra-subsetter-history-panel-border: var(--terra-border-neutral-default);
  --terra-subsetter-history-panel-shadow: var(--terra-shadow-medium);
  --terra-history-item-background: var(
    --terra-color-bg-surface-neutral-secondary
  );
  --terra-history-item-border: var(--terra-border-neutral-default);
  --terra-history-item-text: var(--terra-text-secondary);
  --terra-history-item-progress-background: var(
    --terra-color-bg-surface-neutral-inverse-tertiary
  );
  --terra-history-item-progress-bar-fill: var(--terra-color-bg-success-bold);

  --terra-file-upload-dropzone-background-color: var(
    --terra-input-background-default
  );
  --terra-file-upload-dropzone-background-color-hover: hsla(
    212,
    100%,
    58%,
    0.05
  );
  --terra-file-upload-dropzone-background-color-disabled: var(
    --terra-input-background-disabled
  );
  --terra-file-upload-dropzone-border-color: var(--terra-input-border-default);
  --terra-file-upload-dropzone-border-color-hover: var(
    --terra-input-border-focus
  );
  --terra-file-upload-dropzone-border-color-focus: var(
    --terra-input-border-focus
  );
  --terra-file-upload-dropzone-border-color-disabled: var(
    --terra-input-border-disabled
  );

  --terra-icon-small: 1.2rem;
  --terra-icon-medium: 1.75rem;
  --terra-icon-large: 2.2rem;
  --terra-icon-x-large: 3rem;

  --terra-input-height-small: 1.875rem;
  --terra-input-height-medium: 2.5rem;
  --terra-input-height-large: 3.125rem;
  --terra-input-font-family: var(--terra-font-family--public-sans);
  --terra-input-font-size: var(--terra-font-size-small);
  --terra-input-font-weight: var(--terra-font-weight-normal);
  --terra-input-line-height: var(--terra-line-height-denser);
  --terra-input-border-width: 1px;
  --terra-input-border-radius: var(--terra-border-radius-medium);
  --terra-input-required-content: "*";
  --terra-input-required-content-offset: -2px;
  --terra-input-required-content-color: var(--terra-color-nasa-red);
  --terra-input-border-radius-small: var(--terra-border-radius-medium);
  --terra-input-border-radius-medium: var(--terra-border-radius-medium);
  --terra-input-border-radius-large: var(--terra-border-radius-medium);
  --terra-input-font-weight: var(--terra-font-weight-normal);
  --terra-input-font-size-small: var(--terra-font-size-small);
  --terra-input-font-size-medium: var(--terra-font-size-medium);
  --terra-input-font-size-large: var(--terra-font-size-large);
  --terra-input-letter-spacing: var(--terra-letter-spacing-normal);
  --terra-input-spacing-small: var(--terra-spacing-small);
  --terra-input-spacing-medium: var(--terra-spacing-medium);
  --terra-input-spacing-large: var(--terra-spacing-large);
  --terra-input-focus-ring-offset: 0;
  --terra-input-filled-background-color: var(--terra-color-neutral-100);
  --terra-input-filled-background-color-hover: var(--terra-color-neutral-200);
  --terra-input-filled-background-color-focus: var(--terra-color-neutral-200);
  --terra-input-filled-background-color-disabled: var(
    --terra-color-neutral-200
  );
  --terra-input-filled-color: var(--terra-color-neutral-800);
  --terra-input-filled-color-hover: var(--terra-color-neutral-900);
  --terra-input-filled-color-focus: var(--terra-color-neutral-900);
  --terra-input-filled-color-disabled: var(--terra-color-neutral-400);

  --terra-input-label-font-family: var(--terra-font-family--inter);
  --terra-input-label-font-size: var(--terra-font-size-small);
  --terra-input-label-color: var(--terra-text-primary);
  --terra-input-label-line-weight: var(--terra-font-weight-semibold);
  --terra-input-label-line-height: var(--terra-line-height-looser);

  --terra-loader-size-small: 30px;
  --terra-loader-size-medium: 52px;
  --terra-loader-size-large: 100px;
  --terra-loader-stroke-width-small: 3.5px;
  --terra-loader-stroke-width-medium: 3.5px;
  --terra-loader-stroke-width-large: 2.5px;

  --terra-loader-track-color: var(--terra-color-neutral-300);
  --terra-loader-progress-color: var(--terra-color-nasa-blue);
  --terra-loader-planet-color: var(--terra-color-neutral-300);
  --terra-loader-moon-color: var(--terra-color-nasa-blue);

  --terra-loader-text-letter-spacing: var(--terra-letter-spacing-loose);
  --terra-loader-text-padding: var(--terra-spacing-2x-small);

  --terra-map-background-color: var(--terra-container-panel-bg);
  --terra-map-border-color: var(--terra-container-panel-border);

  --terra-menu-item-font-family: var(--terra-font-family--inter);

  --terra-options-item-text: var(--terra-menu-item-text);
  --terra-options-item-text-hover: var(--terra-menu-item-text-hover);
  --terra-options-item-text-selected: var(--terra-menu-item-text-selected);
  --terra-options-item-background-hover: var(
    --terra-menu-item-background-hover
  );
  --terra-options-item-background-selected: var(
    --terra-menu-item-background-selected
  );

  --terra-overlay-background-color: hsl(240 3.8% 46.1% / 33%);

  --terra-pagination-button-color: var(--terra-text-primary);
  --terra-pagination-button-color-hover: var(--terra-text-secondary);
  --terra-pagination-button-color-current: var(--terra-color-neutral-950);

  --terra-pagination-icon-button-background-color: transparent;
  --terra-pagination-icon-button-border-color: var(
    --terra-border-neutral-default
  );
  --terra-pagination-icon-button-background-color-hover: var(
    --terra-color-neutral-100
  );
  --terra-pagination-icon-button-border-color-hover: var(
    --terra-border-neutral-strong
  );
  --terra-pagination-icon-button-background-color-disabled: var(transparent);
  --terra-pagination-icon-button-border-color-disabled: var(
    --terra-border-action-disabled
  );
  --terra-pagination-icon-button-icon-color-disabled: var(
    --terra-text-on-action-disabled
  );

  --terra-popup-background-color: var(--terra-container-panel-bg);
  --terra-popup-border-color: var(--terra-container-panel-border);
  --terra-popup-color: var(--terra-text-primary);
  --terra-popup-arrow-size: 6px;
  --terra-popup-arrow-color: var(--terra-container-panel-bg);
  --terra-popup-padding: var(--terra-spacing-medium);

  --terra-progress-bar-background-color: var(--terra-color-neutral-200);

  --terra-radio-size-small: 0.875rem;
  --terra-radio-size-medium: 1.125rem;
  --terra-radio-size-large: 1.375rem;

  --terra-radio-background-color: var(--terra-control-bg-default);
  --terra-radio-background-color-hover: var(--terra-control-bg-hover);
  --terra-radio-background-color-active: var(--terra-control-bg-active);
  --terra-radio-background-color-checked: var(--terra-control-bg-selected);
  --terra-radio-background-color-checked-hover: var(
    --terra-control-bg-selected-hover
  );
  --terra-radio-background-color-disabled: var(--terra-control-bg-disabled);
  --terra-radio-border-color: var(--terra-control-border-default);
  --terra-radio-border-color-hover: var(--terra-control-border-hover);
  --terra-radio-border-color-active: var(--terra-control-border-active);
  --terra-radio-border-color-checked: var(--terra-control-border-selected);
  --terra-radio-border-color-checked-hover: var(
    --terra-control-border-selected-hover
  );
  --terra-radio-border-color-disabled: var(--terra-control-border-disabled);
  --terra-radio-border-width: 1px;
  --terra-radio-icon-color: var(--terra-control-icon-selected);
  --terra-radio-label-color: var(--terra-text-secondary);
  --terra-radio-label-font-family: var(--terra-font-family--inter);
  --terra-radio-label-font-size: var(--terra-font-size-small);
  --terra-radio-label-font-weight: var(--terra-font-weight-normal);

  --terra-radio-focus-ring-color: var(--terra-color-nasa-blue);
  --terra-radio-focus-ring-width: var(--terra-focus-ring-width);
  --terra-radio-focus-ring-offset: var(--terra-focus-ring-offset);

  --terra-scroll-hint-ring-color: var(--terra-color-nasa-red);
  --terra-scroll-hint-icon-background-color: var(
    --terra-color-bg-surface-neutral-inverse-primary
  );
  --terra-scroll-hint-icon-color: var(--terra-text-primary-inverse);
  --terra-scroll-hint-text-color: var(--terra-text-primary);

  --terra-scroll-hint-inverse-background-color: var(
    --terra-color-bg-surface-neutral-primary
  );
  --terra-scroll-hint-inverse-icon-color: var(--terra-text-primary);
  --terra-scroll-hint-inverse-text-color: var(--terra-text-primary-inverse);

  --terra-site-header-background: var(--terra-color-carbon-black);
  --terra-site-header-text: var(--terra-color-spacesuit-white);

  --terra-site-navigation-background: var(--terra-color-carbon-black);

  --terra-skeleton-background-color: var(--terra-color-neutral-400);
  --terra-skeleton-sheen-color: var(--terra-color-neutral-500);
  --terra-skeleton-border-radius: var(--terra-border-radius-medium);
  --terra-skeleton-margin-bottom: var(--terra-spacing-small);
  --terra-skeleton-min-height: var(--terra-spacing-medium);

  --terra-slider-track-background-color: var(--terra-control-bg-default);
  --terra-slider-track-border-color: var(--terra-control-border-default);
  --terra-slider-connect-color: var(--terra-control-bg-selected);

  --terra-slider-handle-background-color: var(--terra-control-icon-selected);
  --terra-slider-handle-background-color-hover: var(
    --terra-control-icon-selected-hover
  );
  --terra-slider-handle-background-color-active: var(
    --terra-control-icon-selected-active
  );
  --terra-slider-handle-border-color: var(--terra-control-border-selected);

  --terra-slider-label-color: var(--terra-text-secondary);
  --terra-slider-range-color: var(--terra-text-secondary);

  --terra-spatial-picker-icon-color: var(--terra-input-icon-default);
  --terra-spatial-picker-icon-color-hover: var(--terra-input-icon-hover);

  --terra-status-indicator-font-family: var(--terra-font-family--inter);
  --terra-status-indicator-font-size: var(--terra-font-size-small);
  --terra-status-indicator-font-weight: var(--terra-font-weight-normal);
  --terra-status-indicator-label-color: var(--terra-text-secondary);
  --terra-status-indicator-dot-color-active: var(--terra-color-active-green);
  --terra-status-indicator-dot-color-completed: var(--terra-color-carbon-40);
  --terra-status-indicator-dot-color-testing: var(
    --terra-color-international-orange
  );
  --terra-status-indicator-dot-color-future: var(--terra-color-nasa-blue);

  --terra-stepper-complete-color: var(--terra-color-blue-400);
  --terra-stepper-current-color: var(--terra-color-nasa-blue);
  --terra-stepper-upcoming-color: var(--terra-color-neutral-200);
  --terra-stepper-background-color: var(--terra-color-neutral-200);

  --terra-tab-font-family: var(--terra-font-family--inter);
  --terra-tab-font-size-large: var(--terra-font-size-medium);
  --terra-tab-font-size-small: var(--terra-font-size-small);
  --terra-tab-font-weight-normal: var(--terra-font-weight-normal);
  --terra-tab-font-weight-active: var(--terra-font-weight-bold);

  --terra-tab-padding-large: var(--terra-spacing-small)
    var(--terra-spacing-medium);
  --terra-tab-padding-small: var(--terra-spacing-2x-small)
    var(--terra-spacing-small);
  --terra-tab-padding-closable: var(--terra-spacing-2x-small);

  --terra-tab-close-button-padding: var(--terra-spacing-2x-small);
  --terra-tab-close-button-margin: var(--terra-spacing-2x-small);

  --terra-tab-opacity-disabled: 0.5;

  --terra-tab-focus-ring-offset: 2px;

  --terra-tabs-indicator-width: 2px;
  --terra-tabs-track-width: 1px;

  --terra-tabs-scroll-button-width: var(--terra-spacing-x-large);

  --terra-tag-font-family: var(--terra-font-family--inter);
  --terra-tag-font-size-small: var(--terra-font-size-x-small);
  --terra-tag-font-size-medium: var(--terra-font-size-small);
  --terra-tag-font-size-large: var(--terra-font-size-medium);
  --terra-tag-font-weight: var(--terra-font-weight-normal);
  --terra-tag-font-weight-urgent: var(--terra-font-weight-bold, 700);

  --terra-tag-icon-size-small: 1.25rem;
  --terra-tag-icon-size-medium: 1.5rem;
  --terra-tag-icon-size-large: 1.75rem;
  --terra-tag-icon-inner-size-small: 0.75rem;
  --terra-tag-icon-inner-size-medium: 0.875rem;
  --terra-tag-icon-inner-size-large: 1rem;
  --terra-tag-icon-border-color: var(--terra-color-carbon-40);

  --terra-tag-color: var(--terra-text-secondary);
  --terra-tag-background-color: transparent;
  --terra-tag-border-color: var(--terra-border-neutral-default);
  --terra-tag-color-hover: var(--terra-text-tertiary);
  --terra-tag-background-color-hover: var(
    --terra-color-bg-surface-neutral-tertiary
  );
  --terra-tag-border-color-hover: var(--terra-border-neutral-strong);

  --terra-tag-urgent-color: var(--terra-color-spacesuit-white);
  --terra-tag-urgent-background-color: var(--terra-color-bg-error-bold);

  --terra-tag-padding-small: 0.25rem 0.5rem;
  --terra-tag-padding-medium: var(--terra-spacing-x-small, 0.5rem)
    var(--terra-spacing-small, 0.75rem);
  --terra-tag-padding-large: 0.625rem 1rem;

  --terra-toggle-size-small: 0.875rem;
  --terra-toggle-size-medium: 1.125rem;
  --terra-toggle-size-large: 1.375rem;

  --terra-toggle-background-color-off: var(--terra-control-bg-active);
  --terra-toggle-background-color-on: var(--terra-control-bg-selected);
  --terra-toggle-border-color-off: var(--terra-control-border-default);
  --terra-toggle-border-color-on: var(--terra-control-border-selected);
  --terra-toggle-thumb-background-color: var(--terra-control-icon-selected);
  --terra-toggle-thumb-border-color-off: var(--terra-control-border-default);
  --terra-toggle-thumb-border-color-on: var(--terra-control-border-selected);
  --terra-toggle-thumb-background-color-hover: var(
    --terra-control-icon-selected-hover
  );
  --terra-toggle-thumb-background-color-active: var(
    --terra-control-icon-selected-active
  );
  --terra-toggle-label-color: var(--terra-text-secondary);

  --terra-toggle-focus-ring-color: var(--terra-color-nasa-blue);

  --terra-tooltip-border-radius: var(--terra-border-radius-medium);
  --terra-tooltip-background-color: var(
    --terra-color-bg-surface-neutral-inverse-primary
  );
  --terra-tooltip-color: var(--terra-text-primary-inverse);
  --terra-tooltip-font-family: var(--terra-font-family--public-sans);
  --terra-tooltip-font-weight: var(--terra-font-weight-normal);
  --terra-tooltip-font-size: var(--terra-font-size-small);
  --terra-tooltip-line-height: var(--terra-line-height-normal);
  --terra-tooltip-padding: var(--terra-spacing-2x-small)
    var(--terra-spacing-x-small);
  --terra-tooltip-arrow-size: 6px;

  --terra-popover-border-radius: var(--terra-container-panel-border-radius);
  --terra-popover-background-color: var(--terra-container-panel-bg);
  --terra-popover-border-color: var(--terra-container-panel-border);
  --terra-popover-color: var(--terra-text-secondary);
  --terra-popover-font-family: var(--terra-font-family--public-sans);
  --terra-popover-font-weight: var(--terra-font-weight-normal);
  --terra-popover-font-size: var(--terra-font-size-small);
  --terra-popover-line-height: var(--terra-line-height-normal);
  --terra-popover-padding: var(--terra-spacing-medium);
  --terra-popover-shadow: var(--terra-shadow-medium);
  --terra-popover-arrow-size: var(--terra-tooltip-arrow-size);
}

:host,
.terra-theme-dark {
  color-scheme: dark;

  --terra-color-red-50: hsla(2, 44%, 12%, 1);
  --terra-color-red-100: hsla(3, 67%, 20%, 1);
  --terra-color-red-200: hsla(3, 56%, 29%, 1);
  --terra-color-red-300: hsla(3, 63%, 38%, 1);
  --terra-color-red-400: hsla(3, 68%, 47%, 1);
  --terra-color-red-500: hsla(3, 75%, 56%, 1);
  --terra-color-red-600: hsla(3, 79%, 64%, 1);
  --terra-color-red-700: hsla(3, 84%, 73%, 1);
  --terra-color-red-800: hsla(3, 90%, 81%, 1);
  --terra-color-red-900: hsla(3, 100%, 91%, 1);
  --terra-color-red-950: hsla(3, 100%, 95%, 1);

  --terra-color-orange-50: hsla(24, 45%, 11%, 1);
  --terra-color-orange-100: hsla(22, 50%, 19%, 1);
  --terra-color-orange-200: hsla(24, 56%, 27%, 1);
  --terra-color-orange-300: hsla(23, 60%, 35%, 1);
  --terra-color-orange-400: hsla(23, 65%, 43%, 1);
  --terra-color-orange-500: hsla(23, 70%, 50%, 1);
  --terra-color-orange-600: hsla(23, 67%, 58%, 1);
  --terra-color-orange-700: hsla(23, 63%, 66%, 1);
  --terra-color-orange-800: hsla(23, 60%, 74%, 1);
  --terra-color-orange-900: hsla(22, 56%, 82%, 1);
  --terra-color-orange-950: hsla(23, 53%, 88%, 1);

  --terra-color-green-50: hsla(148, 49%, 11%, 1);
  --terra-color-green-100: hsla(147, 51%, 15%, 1);
  --terra-color-green-200: hsla(147, 53%, 24%, 1);
  --terra-color-green-300: hsla(146, 60%, 33%, 1);
  --terra-color-green-400: hsla(146, 58%, 40%, 1);
  --terra-color-green-500: hsla(145, 61%, 48%, 1);
  --terra-color-green-600: hsla(145, 65%, 57%, 1);
  --terra-color-green-700: hsla(146, 68%, 65%, 1);
  --terra-color-green-800: hsla(146, 72%, 73%, 1);
  --terra-color-green-900: hsla(146, 74%, 82%, 1);
  --terra-color-green-950: hsla(146, 77%, 88%, 1);

  --terra-color-chartreuse-50: hsla(128, 49%, 10%, 1);
  --terra-color-chartreuse-100: hsla(127, 51%, 15%, 1);
  --terra-color-chartreuse-200: hsla(127, 53%, 24%, 1);
  --terra-color-chartreuse-300: hsla(127, 56%, 32%, 1);
  --terra-color-chartreuse-400: hsla(127, 58%, 40%, 1);
  --terra-color-chartreuse-500: hsla(127, 61%, 51%, 1);
  --terra-color-chartreuse-600: hsla(127, 65%, 57%, 1);
  --terra-color-chartreuse-700: hsla(127, 68%, 65%, 1);
  --terra-color-chartreuse-800: hsla(127, 72%, 73%, 1);
  --terra-color-chartreuse-900: hsla(127, 74%, 82%, 1);
  --terra-color-chartreuse-950: hsla(127, 77%, 88%, 1);

  --terra-color-blue-50: hsla(215, 60%, 11%, 1);
  --terra-color-blue-100: hsla(216, 62%, 19%, 1);
  --terra-color-blue-200: hsla(215, 65%, 27%, 1);
  --terra-color-blue-300: hsla(216, 67%, 36%, 1);
  --terra-color-blue-400: hsla(217, 63%, 44%, 1);
  --terra-color-blue-500: hsla(217, 70%, 53%, 1);
  --terra-color-blue-600: hsla(217, 74%, 61%, 1);
  --terra-color-blue-700: hsla(217, 75%, 68%, 1);
  --terra-color-blue-800: hsla(217, 77%, 76%, 1);
  --terra-color-blue-900: hsla(217, 81%, 84%, 1);
  --terra-color-blue-950: hsla(217, 82%, 91%, 1);
  --terra-color-blue-hds-extended-350: hsla(217, 86%, 31%, 1);
  --terra-color-blue-hds-extended-750: hsla(218, 75%, 62%, 1);

  --terra-color-neutral-0: hsla(0, 0%, 0%, 1);
  --terra-color-neutral-50: hsla(240, 8%, 10%, 1);
  --terra-color-neutral-100: hsla(240, 4%, 19%, 1);
  --terra-color-neutral-200: hsla(240, 2%, 27%, 1);
  --terra-color-neutral-300: hsla(240, 2%, 35%, 1);
  --terra-color-neutral-400: hsla(240, 1%, 47%, 1);
  --terra-color-neutral-500: hsla(240, 2%, 59%, 1);
  --terra-color-neutral-600: hsla(240, 1%, 73%, 1);
  --terra-color-neutral-700: hsla(0, 0%, 82%, 1);
  --terra-color-neutral-800: hsla(0, 0%, 89%, 1);
  --terra-color-neutral-900: hsla(0, 0%, 96%, 1);
  --terra-color-neutral-950: hsla(0, 0%, 100%, 1);
  --terra-color-neutral-white: hsla(0, 0%, 100%, 1);
  --terra-color-neutral-black: hsla(0, 0%, 0%, 1);

  --terra-color-blue-functional-link-default: hsla(219, 94%, 62%, 1);
  --terra-color-blue-functional-link-hover: hsla(219, 100%, 68%, 1);
  --terra-color-blue-functional-link-on-secondary-default: hsla(
    219,
    100%,
    68%,
    1
  );
  --terra-color-blue-functional-link-on-secondary-hover: hsla(
    213,
    100%,
    75%,
    1
  );
  --terra-color-blue-functional-link-on-tertiary-default: hsla(
    213,
    100%,
    75%,
    1
  );
  --terra-color-blue-functional-link-inverse-on-secondary-default: hsla(
    217,
    78%,
    46%,
    1
  );
  --terra-color-blue-functional-link-inverse-on-secondary-hover: hsla(
    217,
    78%,
    41%,
    1
  );
  --terra-color-blue-functional-link-inverse-on-tertiary-default: hsla(
    217,
    78%,
    41%,
    1
  );
  --terra-color-blue-functional-link-inverse-on-tertiary-hover: hsla(
    218,
    79%,
    34%,
    1
  );
  --terra-color-blue-functional-link-inverse-default: hsla(217, 78%, 50%, 1);
  --terra-color-blue-functional-link-on-tertiary-hover: hsla(213, 100%, 83%, 1);
  --terra-color-blue-functional-link-inverse-hover: hsla(217, 78%, 46%, 1);

  --terra-color-bg-surface-neutral-base: var(--terra-color-neutral-0);
  --terra-color-bg-surface-neutral-primary: var(--terra-color-neutral-50);
  --terra-color-bg-surface-neutral-secondary: var(--terra-color-neutral-100);
  --terra-color-bg-surface-neutral-tertiary: var(--terra-color-neutral-200);
  --terra-color-bg-surface-neutral-inverse-primary: var(
    --terra-color-neutral-900
  );
  --terra-color-bg-surface-neutral-inverse-secondary: var(
    --terra-color-neutral-800
  );
  --terra-color-bg-surface-neutral-inverse-tertiary: var(
    --terra-color-neutral-700
  );

  --terra-color-bg-surface-interactive-default: var(--terra-color-neutral-100);
  --terra-color-bg-surface-interactive-hover: var(--terra-color-neutral-200);
  --terra-color-bg-surface-interactive-disabled: var(--terra-color-neutral-300);
  --terra-color-bg-surface-interactive-active: var(--terra-color-neutral-400);

  --terra-color-bg-surface-brand-primary: var(--terra-color-nasa-blue);
  --terra-color-bg-surface-brand-secondary: var(--terra-color-blue-800);
  --terra-color-bg-surface-brand-tertiary: var(--terra-color-blue-900);

  --terra-color-bg-surface-brand-selected-default: var(--terra-color-blue-500);
  --terra-color-bg-surface-brand-selected-hover: var(--terra-color-blue-400);
  --terra-color-bg-surface-brand-selected-active: var(--terra-color-blue-200);
  --terra-color-bg-surface-brand-selected-disabled: var(--terra-color-blue-300);

  --terra-color-bg-default-subtle: var(--terra-color-neutral-200);
  --terra-color-bg-default-bold: var(--terra-color-neutral-300);
  --terra-color-bg-success-subtle: var(--terra-color-green-200);
  --terra-color-bg-success-bold: var(--terra-color-green-300);
  --terra-color-bg-warning-subtle: var(--terra-color-orange-200);
  --terra-color-bg-warning-bold: var(--terra-color-orange-600);
  --terra-color-bg-error-subtle: var(--terra-color-red-200);
  --terra-color-bg-error-bold: var(--terra-color-red-400);
  --terra-color-bg-info-subtle: var(--terra-color-blue-200);
  --terra-color-bg-info-bold: var(--terra-color-blue-400);

  --terra-color-action-primary-default: var(--terra-color-blue-400);
  --terra-color-action-primary-hover: var(--terra-color-blue-500);
  --terra-color-action-primary-active: var(--terra-color-blue-600);
  --terra-color-action-primary-disabled: var(--terra-color-blue-200);
  --terra-color-action-secondary-default: var(--terra-color-neutral-500);
  --terra-color-action-secondary-hover: var(--terra-color-neutral-600);
  --terra-color-action-secondary-active: var(--terra-color-neutral-700);
  --terra-color-action-secondary-disabled: var(--terra-color-neutral-200);
  --terra-color-action-cta-default: var(--terra-color-chartreuse-500);
  --terra-color-action-cta-hover: var(--terra-color-chartreuse-600);
  --terra-color-action-cta-active: var(--terra-color-chartreuse-700);
  --terra-color-action-cta-disabled: var(--terra-color-chartreuse-200);
  --terra-color-action-success-default: var(--terra-color-green-500);
  --terra-color-action-success-hover: var(--terra-color-green-600);
  --terra-color-action-success-active: var(--terra-color-green-700);
  --terra-color-action-success-disabed: var(--terra-color-green-200);
  --terra-color-action-warning-default: var(--terra-color-orange-500);
  --terra-color-action-warning-hover: var(--terra-color-orange-600);
  --terra-color-action-warning-active: var(--terra-color-orange-700);
  --terra-color-action-warning-disabled: var(--terra-color-orange-200);
  --terra-color-action-error-default: var(--terra-color-red-500);
  --terra-color-action-error-hover: var(--terra-color-red-600);
  --terra-color-action-error-active: var(--terra-color-red-700);
  --terra-color-action-error-disabled: var(--terra-color-red-200);
  --terra-color-action-info-default: var(--terra-color-blue-400);
  --terra-color-action-info-hover: var(--terra-color-blue-500);
  --terra-color-action-info-active: var(--terra-color-blue-600);
  --terra-color-action-info-disabled: var(--terra-color-blue-200);

  --terra-text-primary: var(--terra-color-neutral-900);
  --terra-text-secondary: var(--terra-color-neutral-700);
  --terra-text-tertiary: var(--terra-color-neutral-500);
  --terra-text-primary-inverse: var(--terra-color-neutral-0);
  --terra-text-secondary-inverse: var(--terra-color-neutral-100);
  --terra-text-tertiary-inverse: var(--terra-color-neutral-300);

  --terra-text-link-default: var(--terra-color-blue-functional-link-default);
  --terra-text-link-hover: var(--terra-color-blue-functional-link-hover);
  --terra-text-link-on-secondary-default: var(
    --terra-color-blue-functional-link-on-secondary-default
  );
  --terra-text-link-on-secondary-hover: var(
    --terra-color-blue-functional-link-on-secondary-hover
  );
  --terra-text-link-on-tertiary-default: var(
    --terra-color-blue-functional-link-on-tertiary-default
  );
  --terra-text-link-on-tertiary-hover: var(
    --terra-color-blue-functional-link-on-tertiary-hover
  );
  --terra-text-link-inverse-default: var(
    --terra-color-blue-functional-link-inverse-default
  );
  --terra-text-link-inverse-hover: var(
    --terra-color-blue-functional-link-inverse-hover
  );
  --terra-text-link-inverse-on-secondary-default: var(
    --terra-color-blue-functional-link-inverse-on-secondary-default
  );
  --terra-text-link-inverse-on-secondary-hover: var(
    --terra-color-blue-functional-link-inverse-on-secondary-hover
  );
  --terra-text-link-inverse-on-tertiary-default: var(
    --terra-color-blue-functional-link-inverse-on-tertiary-default
  );
  --terra-text-link-inverse-on-tertiary-hover: var(
    --terra-color-blue-functional-link-inverse-on-tertiary-hover
  );

  --terra-text-brand-on-brand-primary: var(--terra-color-white);
  --terra-text-brand-on-brand-inverse: var(--terra-color-blue-300);
  --terra-text-brand-on-primary: var(--terra-color-blue-600);
  --terra-text-brand-on-secondary: var(--terra-color-blue-700);
  --terra-text-brand-on-tertiary: var(--terra-color-blue-800);
  --terra-text-brand-on-primary-inverse: var(--terra-color-blue-400);
  --terra-text-brand-on-secondary-inverse: var(--terra-color-blue-400);
  --terra-text-brand-on-tertiary-inverse: var(--terra-color-blue-300);

  --terra-text-interactive-default: var(--terra-color-neutral-700);
  --terra-text-interactive-hover: var(--terra-color-neutral-900);
  --terra-text-interactive-active: var(--terra-color-neutral-900);
  --terra-text-interactive-disabled: var(--terra-color-neutral-400);
  --terra-text-interactive-selected: var(--terra-color-neutral-white);
  --terra-text-interactive-brand-selected: var(--terra-color-blue-700);

  --terra-text-on-success: var(--terra-color-green-800);
  --terra-text-on-warning: var(--terra-color-orange-900);
  --terra-text-on-error: var(--terra-color-red-800);
  --terra-text-on-info: var(--terra-color-blue-800);
  --terra-text-on-default: var(--terra-color-neutral-700);
  --terra-text-on-semantic: var(--terra-color-neutral-white);
  --terra-text-on-semantic-inverse: var(--terra-color-neutral-black);

  --terra-text-on-action-primary: var(--terra-text-on-semantic);
  --terra-text-on-action-secondary: var(--terra-text-on-semantic-inverse);
  --terra-text-on-action-cta: var(--terra-text-on-semantic-inverse);
  --terra-text-on-action-success: var(--terra-text-on-semantic-inverse);
  --terra-text-on-action-warning: var(--terra-text-on-semantic-inverse);
  --terra-text-on-action-error: var(--terra-text-on-semantic-inverse);
  --terra-text-on-action-info: var(--terra-text-on-semantic);
  --terra-text-on-action-disabled: var(--terra-color-neutral-400);

  --terra-border-neutral-light: var(--terra-color-neutral-100);
  --terra-border-neutral-default: var(--terra-color-neutral-300);
  --terra-border-neutral-strong: var(--terra-color-neutral-400);
  --terra-border-neutral-inverse-light: var(--terra-color-neutral-700);
  --terra-border-neutral-inverse-default: var(--terra-color-neutral-400);
  --terra-border-neutral-inverse-strong: var(--terra-color-neutral-300);

  --terra-border-interactive-hover: var(--terra-color-neutral-400);
  --terra-border-interactive-disabled: var(--terra-color-neutral-400);
  --terra-border-interactive-active: var(--terra-color-neutral-500);
  --terra-border-interactive-focus-ring: var(--terra-color-blue-500);

  --terra-border-brand-selected-default: var(--terra-color-blue-500);
  --terra-border-brand-selected-hover: var(--terra-color-blue-400);
  --terra-border-brand-selected-active: var(--terra-color-blue-200);
  --terra-border-brand-selected-disabled: var(--terra-color-blue-300);

  --terra-border-success: var(--terra-color-green-700);
  --terra-border-warning: var(--terra-color-orange-700);
  --terra-border-error: var(--terra-color-red-700);
  --terra-border-info: var(--terra-color-blue-700);

  --terra-border-action-secondary-default: var(
    --terra-color-action-secondary-default
  );
  --terra-border-action-secondary-hover: var(
    --terra-color-action-secondary-hover
  );
  --terra-border-action-secondary-active: var(
    --terra-color-action-secondary-active
  );
  --terra-border-action-secondary-disabled: var(
    --terra-color-action-secondary-disabled
  );
  --terra-border-action-primary-default: var(
    --terra-color-action-primary-default
  );
  --terra-border-action-primary-hover: var(--terra-color-action-primary-hover);
  --terra-border-action-primary-active: var(
    --terra-color-action-primary-active
  );
  --terra-border-action-primary-disabled: var(
    --terra-color-action-primary-disabled
  );
  --terra-border-action-cta-default: var(--terra-color-action-cta-default);
  --terra-border-action-cta-hover: var(--terra-color-action-cta-hover);
  --terra-border-action-cta-active: var(--terra-color-action-cta-active);
  --terra-border-action-cta-disabled: var(--terra-color-action-cta-disabled);
  --terra-border-action-success-default: var(--terra-color-action-cta-default);
  --terra-border-action-success-hover: var(--terra-color-action-success-hover);
  --terra-border-action-success-active: var(
    --terra-color-action-success-active
  );
  --terra-border-action-success-disabled: var(
    --terra-color-action-success-disabed
  );
  --terra-border-action-warning-default: var(
    --terra-color-action-warning-default
  );
  --terra-border-action-warning-hover: var(--terra-color-action-warning-hover);
  --terra-border-action-warning-active: var(
    --terra-color-action-warning-active
  );
  --terra-border-action-warning-disabled: var(
    --terra-color-action-warning-disabled
  );
  --terra-border-action-error-default: var(--terra-color-action-error-default);
  --terra-border-action-error-hover: var(--terra-color-action-error-hover);
  --terra-border-action-error-active: var(--terra-color-action-error-active);
  --terra-border-action-error-disabled: var(
    --terra-color-action-error-disabled
  );
  --terra-border-action-info-default: var(--terra-color-action-info-default);
  --terra-border-action-info-hover: var(--terra-color-action-info-hover);
  --terra-border-action-info-active: var(--terra-color-action-info-active);
  --terra-border-action-info-disabled: var(--terra-color-action-info-disabled);

  --terra-container-dialog-bg: var(--terra-color-bg-surface-neutral-primary);
  --terra-container-dialog-border: var(--terra-border-neutral-default);
  --terra-container-menu-bg: var(--terra-color-bg-surface-neutral-secondary);
  --terra-container-menu-border: var(--terra-border-neutral-default);
  --terra-container-panel-bg: var(--terra-color-bg-surface-neutral-base);
  --terra-container-panel-border: var(--terra-border-neutral-default);

  --terra-menu-item-background-hover: var(
    --terra-color-bg-surface-interactive-hover
  );
  --terra-menu-item-background-disabled: var(
    --terra-color-bg-surface-interactive-disabled
  );
  --terra-menu-item-background-active: var(
    --terra-color-bg-surface-interactive-active
  );
  --terra-menu-item-background-selected: var(
    --terra-color-bg-surface-brand-selected-default
  );
  --terra-menu-item-text-default: var(--terra-text-interactive-default);
  --terra-menu-item-text-hover: var(--terra-text-interactive-hover);
  --terra-menu-item-text-disabled: var(--terra-text-interactive-disabled);
  --terra-menu-item-text-active: var(--terra-text-interactive-active);
  --terra-menu-item-text-selected: var(--terra-text-interactive-selected);

  --terra-input-background-default: var(
    --terra-color-bg-surface-neutral-secondary
  );
  --terra-input-background-hover: var(
    --terra-color-bg-surface-interactive-hover
  );
  --terra-input-background-disabled: var(
    --terra-color-bg-surface-interactive-disabled
  );
  --terra-input-background-focus: var(
    --terra-color-bg-surface-interactive-focus
  );
  --terra-input-background-error: var(--terra-color-red-50);
  --terra-input-border-default: var(--terra-border-neutral-default);
  --terra-input-border-hover: var(--terra-border-interactive-hover);
  --terra-input-border-disabled: var(--terra-border-interactive-disabled);
  --terra-input-border-focus: var(--terra-border-interactive-focus-ring);
  --terra-input-border-error: var(--terra-border-action-error-default);
  --terra-input-text-default: var(--terra-text-secondary);
  --terra-input-text-hover: var(--terra-text-primary);
  --terra-input-text-disabled: var(--terra-text-tertiary);
  --terra-input-text-placeholder: var(--terra-text-tertiary);
  --terra-input-icon-default: var(--terra-text-tertiary);
  --terra-input-icon-hover: var(--terra-text-secondary);

  --terra-tab-text-default: var(--terra-text-interactive-default);
  --terra-tab-text-hover: var(--terra-text-interactive-hover);
  --terra-tab-text-disabled: var(--terra-text-interactive-disabled);
  --terra-tab-text-active: var(--terra-text-interactive-active);
  --terra-tab-text-selected: var(--terra-text-interactive-brand-selected);
  --terra-tab-text-indicator-selected: var(
    --terra-text-interactive-brand-selected
  );
  --terra-tab-track-color: var(--terra-color-carbon-60);

  --terra-control-bg-default: var(--terra-color-bg-surface-interactive-default);
  --terra-control-bg-hover: var(--terra-color-bg-surface-interactive-hover);
  --terra-control-bg-disabled: var(
    --terra-color-bg-surface-interactive-disabled
  );
  --terra-control-bg-active: var(--terra-color-bg-surface-interactive-active);
  --terra-control-bg-selected: var(
    --terra-color-bg-surface-brand-selected-default
  );
  --terra-control-bg-selected-hover: var(
    --terra-color-bg-surface-brand-selected-hover
  );
  --terra-control-bg-selected-disabled: var(
    --terra-color-bg-surface-brand-selected-disabled
  );
  --terra-control-bg-selected-active: var(
    --terra-color-bg-surface-brand-selected-active
  );
  --terra-control-border-default: var(--terra-border-neutral-default);
  --terra-control-border-hover: var(--terra-border-interactive-hover);
  --terra-control-border-disabled: var(--terra-border-interactive-disabled);
  --terra-control-border-active: var(--terra-border-interactive-active);
  --terra-control-border-focus: var(--terra-border-interactive-focus-ring);
  --terra-control-border-selected: var(--terra-border-brand-selected-default);
  --terra-control-border-selected-hover: var(
    --terra-border-brand-selected-hover
  );
  --terra-control-border-selected-disabled: var(
    --terra-border-brand-selected-disabled
  );
  --terra-control-border-selected-active: var(
    --terra-border-brand-selected-active
  );
  --terra-control-icon-selected: var(--terra-color-neutral-white);
  --terra-control-icon-selected-hover: var(--terra-color-carbon-20);
  --terra-control-icon-selected-disabled: var(--terra-color-carbon-20);
  --terra-control-icon-selected-active: var(--terra-color-carbon-40);

  --terra-breadcrumb-text-default: var(--terra-text-interactive-default);
  --terra-breadcrumb-text-hover: var(--terra-text-interactive-hover);
  --terra-breadcrumb-text-visited: var(--terra-text-tertiary);
  --terra-breadcrumb-text-current: var(--terra-text-interactive-active);

  --terra-alert-filled-color-information: var(--terra-text-on-semantic);
  --terra-alert-filled-color-success: var(--terra-text-on-semantic);
  --terra-alert-filled-color-neutral: var(--terra-text-on-semantic);
  --terra-alert-filled-color-warning: var(--terra-text-on-semantic);
  --terra-alert-filled-color-danger: var(--terra-text-on-semantic);
  --terra-alert-filled-icon-color-information: var(--terra-text-on-semantic);
  --terra-alert-filled-icon-color-success: var(--terra-text-on-semantic);
  --terra-alert-filled-icon-color-neutral: var(--terra-text-on-semantic);
  --terra-alert-filled-icon-color-warning: var(--terra-text-on-semantic);
  --terra-alert-filled-icon-color-danger: var(--terra-text-on-semantic);

  --terra-alert-white-background-color: var(
    --terra-color-bg-surface-neutral-secondary
  );
  --terra-alert-white-color: var(--terra-color-carbon-5);

  --terra-badge-color-information: var(--terra-text-on-semantic);
  --terra-badge-color-success: var(--terra-text-on-semantic);
  --terra-badge-color-neutral: var(--terra-text-on-semantic);
  --terra-badge-color-warning: var(--terra-text-on-semantic);
  --terra-badge-color-danger: var(--terra-text-on-semantic);

  --terra-status-indicator-label-color: var(--terra-text-secondary);

  --terra-toggle-label-color: var(--terra-text-secondary);

  --terra-date-picker-time-panel-background-color: var(
    --terra-color-bg-surface-neutral-primary
  );
  --terra-date-picker-sidebar-background-color: var(
    --terra-color-bg-surface-neutral-primary
  );
}

@media (prefers-color-scheme: dark) {
  body.terra-prefers-color-scheme :root,
  body.terra-prefers-color-scheme :host,
  body.terra-prefers-color-scheme,
  html.terra-prefers-color-scheme :root,
  html.terra-prefers-color-scheme :host,
  html.terra-prefers-color-scheme {
    color-scheme: dark;

    --terra-color-red-50: hsla(2, 44%, 12%, 1);
    --terra-color-red-100: hsla(3, 67%, 20%, 1);
    --terra-color-red-200: hsla(3, 56%, 29%, 1);
    --terra-color-red-300: hsla(3, 63%, 38%, 1);
    --terra-color-red-400: hsla(3, 68%, 47%, 1);
    --terra-color-red-500: hsla(3, 75%, 56%, 1);
    --terra-color-red-600: hsla(3, 79%, 64%, 1);
    --terra-color-red-700: hsla(3, 84%, 73%, 1);
    --terra-color-red-800: hsla(3, 90%, 81%, 1);
    --terra-color-red-900: hsla(3, 100%, 91%, 1);
    --terra-color-red-950: hsla(3, 100%, 95%, 1);

    --terra-color-orange-50: hsla(24, 45%, 11%, 1);
    --terra-color-orange-100: hsla(22, 50%, 19%, 1);
    --terra-color-orange-200: hsla(24, 56%, 27%, 1);
    --terra-color-orange-300: hsla(23, 60%, 35%, 1);
    --terra-color-orange-400: hsla(23, 65%, 43%, 1);
    --terra-color-orange-500: hsla(23, 70%, 50%, 1);
    --terra-color-orange-600: hsla(23, 67%, 58%, 1);
    --terra-color-orange-700: hsla(23, 63%, 66%, 1);
    --terra-color-orange-800: hsla(23, 60%, 74%, 1);
    --terra-color-orange-900: hsla(22, 56%, 82%, 1);
    --terra-color-orange-950: hsla(23, 53%, 88%, 1);

    --terra-color-green-50: hsla(148, 49%, 11%, 1);
    --terra-color-green-100: hsla(147, 51%, 15%, 1);
    --terra-color-green-200: hsla(147, 53%, 24%, 1);
    --terra-color-green-300: hsla(146, 60%, 33%, 1);
    --terra-color-green-400: hsla(146, 58%, 40%, 1);
    --terra-color-green-500: hsla(145, 61%, 48%, 1);
    --terra-color-green-600: hsla(145, 65%, 57%, 1);
    --terra-color-green-700: hsla(146, 68%, 65%, 1);
    --terra-color-green-800: hsla(146, 72%, 73%, 1);
    --terra-color-green-900: hsla(146, 74%, 82%, 1);
    --terra-color-green-950: hsla(146, 77%, 88%, 1);

    --terra-color-chartreuse-50: hsla(128, 49%, 10%, 1);
    --terra-color-chartreuse-100: hsla(127, 51%, 15%, 1);
    --terra-color-chartreuse-200: hsla(127, 53%, 24%, 1);
    --terra-color-chartreuse-300: hsla(127, 56%, 32%, 1);
    --terra-color-chartreuse-400: hsla(127, 58%, 40%, 1);
    --terra-color-chartreuse-500: hsla(127, 61%, 51%, 1);
    --terra-color-chartreuse-600: hsla(127, 65%, 57%, 1);
    --terra-color-chartreuse-700: hsla(127, 68%, 65%, 1);
    --terra-color-chartreuse-800: hsla(127, 72%, 73%, 1);
    --terra-color-chartreuse-900: hsla(127, 74%, 82%, 1);
    --terra-color-chartreuse-950: hsla(127, 77%, 88%, 1);

    --terra-color-blue-50: hsla(215, 60%, 11%, 1);
    --terra-color-blue-100: hsla(216, 62%, 19%, 1);
    --terra-color-blue-200: hsla(215, 65%, 27%, 1);
    --terra-color-blue-300: hsla(216, 67%, 36%, 1);
    --terra-color-blue-400: hsla(217, 63%, 44%, 1);
    --terra-color-blue-500: hsla(217, 70%, 53%, 1);
    --terra-color-blue-600: hsla(217, 74%, 61%, 1);
    --terra-color-blue-700: hsla(217, 75%, 68%, 1);
    --terra-color-blue-800: hsla(217, 77%, 76%, 1);
    --terra-color-blue-900: hsla(217, 81%, 84%, 1);
    --terra-color-blue-950: hsla(217, 82%, 91%, 1);
    --terra-color-blue-hds-extended-350: hsla(217, 86%, 31%, 1);
    --terra-color-blue-hds-extended-750: hsla(218, 75%, 62%, 1);

    --terra-color-neutral-0: hsla(0, 0%, 0%, 1);
    --terra-color-neutral-50: hsla(240, 8%, 10%, 1);
    --terra-color-neutral-100: hsla(240, 4%, 19%, 1);
    --terra-color-neutral-200: hsla(240, 2%, 27%, 1);
    --terra-color-neutral-300: hsla(240, 2%, 35%, 1);
    --terra-color-neutral-400: hsla(240, 1%, 47%, 1);
    --terra-color-neutral-500: hsla(240, 2%, 59%, 1);
    --terra-color-neutral-600: hsla(240, 1%, 73%, 1);
    --terra-color-neutral-700: hsla(0, 0%, 82%, 1);
    --terra-color-neutral-800: hsla(0, 0%, 89%, 1);
    --terra-color-neutral-900: hsla(0, 0%, 96%, 1);
    --terra-color-neutral-950: hsla(0, 0%, 100%, 1);
    --terra-color-neutral-white: hsla(0, 0%, 100%, 1);
    --terra-color-neutral-black: hsla(0, 0%, 0%, 1);

    --terra-color-blue-functional-link-default: hsla(219, 94%, 62%, 1);
    --terra-color-blue-functional-link-hover: hsla(219, 100%, 68%, 1);
    --terra-color-blue-functional-link-on-secondary-default: hsla(
      219,
      100%,
      68%,
      1
    );
    --terra-color-blue-functional-link-on-secondary-hover: hsla(
      213,
      100%,
      75%,
      1
    );
    --terra-color-blue-functional-link-on-tertiary-default: hsla(
      213,
      100%,
      75%,
      1
    );
    --terra-color-blue-functional-link-inverse-on-secondary-default: hsla(
      217,
      78%,
      46%,
      1
    );
    --terra-color-blue-functional-link-inverse-on-secondary-hover: hsla(
      217,
      78%,
      41%,
      1
    );
    --terra-color-blue-functional-link-inverse-on-tertiary-default: hsla(
      217,
      78%,
      41%,
      1
    );
    --terra-color-blue-functional-link-inverse-on-tertiary-hover: hsla(
      218,
      79%,
      34%,
      1
    );
    --terra-color-blue-functional-link-inverse-default: hsla(217, 78%, 50%, 1);
    --terra-color-blue-functional-link-on-tertiary-hover: hsla(
      213,
      100%,
      83%,
      1
    );
    --terra-color-blue-functional-link-inverse-hover: hsla(217, 78%, 46%, 1);

    --terra-color-bg-surface-neutral-base: var(--terra-color-neutral-0);
    --terra-color-bg-surface-neutral-primary: var(--terra-color-neutral-50);
    --terra-color-bg-surface-neutral-secondary: var(--terra-color-neutral-100);
    --terra-color-bg-surface-neutral-tertiary: var(--terra-color-neutral-200);
    --terra-color-bg-surface-neutral-inverse-primary: var(
      --terra-color-neutral-900
    );
    --terra-color-bg-surface-neutral-inverse-secondary: var(
      --terra-color-neutral-800
    );
    --terra-color-bg-surface-neutral-inverse-tertiary: var(
      --terra-color-neutral-700
    );

    --terra-color-bg-surface-interactive-default: var(
      --terra-color-neutral-100
    );
    --terra-color-bg-surface-interactive-hover: var(--terra-color-neutral-200);
    --terra-color-bg-surface-interactive-disabled: var(
      --terra-color-neutral-300
    );
    --terra-color-bg-surface-interactive-active: var(--terra-color-neutral-400);

    --terra-color-bg-surface-brand-primary: var(--terra-color-nasa-blue);
    --terra-color-bg-surface-brand-secondary: var(--terra-color-blue-800);
    --terra-color-bg-surface-brand-tertiary: var(--terra-color-blue-900);

    --terra-color-bg-surface-brand-selected-default: var(
      --terra-color-blue-500
    );
    --terra-color-bg-surface-brand-selected-hover: var(--terra-color-blue-400);
    --terra-color-bg-surface-brand-selected-active: var(--terra-color-blue-200);
    --terra-color-bg-surface-brand-selected-disabled: var(
      --terra-color-blue-300
    );

    --terra-color-bg-default-subtle: var(--terra-color-neutral-200);
    --terra-color-bg-default-bold: var(--terra-color-neutral-300);
    --terra-color-bg-success-subtle: var(--terra-color-green-200);
    --terra-color-bg-success-bold: var(--terra-color-green-300);
    --terra-color-bg-warning-subtle: var(--terra-color-orange-200);
    --terra-color-bg-warning-bold: var(--terra-color-orange-600);
    --terra-color-bg-error-subtle: var(--terra-color-red-200);
    --terra-color-bg-error-bold: var(--terra-color-red-400);
    --terra-color-bg-info-subtle: var(--terra-color-blue-200);
    --terra-color-bg-info-bold: var(--terra-color-blue-400);

    --terra-color-action-primary-default: var(--terra-color-blue-400);
    --terra-color-action-primary-hover: var(--terra-color-blue-500);
    --terra-color-action-primary-active: var(--terra-color-blue-600);
    --terra-color-action-primary-disabled: var(--terra-color-blue-200);
    --terra-color-action-secondary-default: var(--terra-color-neutral-500);
    --terra-color-action-secondary-hover: var(--terra-color-neutral-600);
    --terra-color-action-secondary-active: var(--terra-color-neutral-700);
    --terra-color-action-secondary-disabled: var(--terra-color-neutral-200);
    --terra-color-action-cta-default: var(--terra-color-chartreuse-500);
    --terra-color-action-cta-hover: var(--terra-color-chartreuse-600);
    --terra-color-action-cta-active: var(--terra-color-chartreuse-700);
    --terra-color-action-cta-disabled: var(--terra-color-chartreuse-200);
    --terra-color-action-success-default: var(--terra-color-green-500);
    --terra-color-action-success-hover: var(--terra-color-green-600);
    --terra-color-action-success-active: var(--terra-color-green-700);
    --terra-color-action-success-disabed: var(--terra-color-green-200);
    --terra-color-action-warning-default: var(--terra-color-orange-500);
    --terra-color-action-warning-hover: var(--terra-color-orange-600);
    --terra-color-action-warning-active: var(--terra-color-orange-700);
    --terra-color-action-warning-disabled: var(--terra-color-orange-200);
    --terra-color-action-error-default: var(--terra-color-red-500);
    --terra-color-action-error-hover: var(--terra-color-red-600);
    --terra-color-action-error-active: var(--terra-color-red-700);
    --terra-color-action-error-disabled: var(--terra-color-red-200);
    --terra-color-action-info-default: var(--terra-color-blue-400);
    --terra-color-action-info-hover: var(--terra-color-blue-500);
    --terra-color-action-info-active: var(--terra-color-blue-600);
    --terra-color-action-info-disabled: var(--terra-color-blue-200);

    --terra-text-primary: var(--terra-color-neutral-900);
    --terra-text-secondary: var(--terra-color-neutral-700);
    --terra-text-tertiary: var(--terra-color-neutral-500);
    --terra-text-primary-inverse: var(--terra-color-neutral-0);
    --terra-text-secondary-inverse: var(--terra-color-neutral-100);
    --terra-text-tertiary-inverse: var(--terra-color-neutral-300);

    --terra-text-link-default: var(--terra-color-blue-functional-link-default);
    --terra-text-link-hover: var(--terra-color-blue-functional-link-hover);
    --terra-text-link-on-secondary-default: var(
      --terra-color-blue-functional-link-on-secondary-default
    );
    --terra-text-link-on-secondary-hover: var(
      --terra-color-blue-functional-link-on-secondary-hover
    );
    --terra-text-link-on-tertiary-default: var(
      --terra-color-blue-functional-link-on-tertiary-default
    );
    --terra-text-link-on-tertiary-hover: var(
      --terra-color-blue-functional-link-on-tertiary-hover
    );
    --terra-text-link-inverse-default: var(
      --terra-color-blue-functional-link-inverse-default
    );
    --terra-text-link-inverse-hover: var(
      --terra-color-blue-functional-link-inverse-hover
    );
    --terra-text-link-inverse-on-secondary-default: var(
      --terra-color-blue-functional-link-inverse-on-secondary-default
    );
    --terra-text-link-inverse-on-secondary-hover: var(
      --terra-color-blue-functional-link-inverse-on-secondary-hover
    );
    --terra-text-link-inverse-on-tertiary-default: var(
      --terra-color-blue-functional-link-inverse-on-tertiary-default
    );
    --terra-text-link-inverse-on-tertiary-hover: var(
      --terra-color-blue-functional-link-inverse-on-tertiary-hover
    );

    --terra-text-brand-on-brand-primary: var(--terra-color-white);
    --terra-text-brand-on-brand-inverse: var(--terra-color-blue-300);
    --terra-text-brand-on-primary: var(--terra-color-blue-600);
    --terra-text-brand-on-secondary: var(--terra-color-blue-700);
    --terra-text-brand-on-tertiary: var(--terra-color-blue-800);
    --terra-text-brand-on-primary-inverse: var(--terra-color-blue-400);
    --terra-text-brand-on-secondary-inverse: var(--terra-color-blue-400);
    --terra-text-brand-on-tertiary-inverse: var(--terra-color-blue-300);

    --terra-text-interactive-default: var(--terra-color-neutral-700);
    --terra-text-interactive-hover: var(--terra-color-neutral-900);
    --terra-text-interactive-active: var(--terra-color-neutral-900);
    --terra-text-interactive-disabled: var(--terra-color-neutral-400);
    --terra-text-interactive-selected: var(--terra-color-neutral-white);
    --terra-text-interactive-brand-selected: var(--terra-color-blue-700);

    --terra-text-on-success: var(--terra-color-green-800);
    --terra-text-on-warning: var(--terra-color-orange-900);
    --terra-text-on-error: var(--terra-color-red-800);
    --terra-text-on-info: var(--terra-color-blue-800);
    --terra-text-on-default: var(--terra-color-neutral-700);
    --terra-text-on-semantic: var(--terra-color-neutral-white);
    --terra-text-on-semantic-inverse: var(--terra-color-neutral-black);

    --terra-text-on-action-primary: var(--terra-text-on-semantic);
    --terra-text-on-action-secondary: var(--terra-text-on-semantic-inverse);
    --terra-text-on-action-cta: var(--terra-text-on-semantic-inverse);
    --terra-text-on-action-success: var(--terra-text-on-semantic-inverse);
    --terra-text-on-action-warning: var(--terra-text-on-semantic-inverse);
    --terra-text-on-action-error: var(--terra-text-on-semantic-inverse);
    --terra-text-on-action-info: var(--terra-text-on-semantic);
    --terra-text-on-action-disabled: var(--terra-color-neutral-400);

    --terra-border-neutral-light: var(--terra-color-neutral-100);
    --terra-border-neutral-default: var(--terra-color-neutral-300);
    --terra-border-neutral-strong: var(--terra-color-neutral-400);
    --terra-border-neutral-inverse-light: var(--terra-color-neutral-700);
    --terra-border-neutral-inverse-default: var(--terra-color-neutral-400);
    --terra-border-neutral-inverse-strong: var(--terra-color-neutral-300);

    --terra-border-interactive-hover: var(--terra-color-neutral-400);
    --terra-border-interactive-disabled: var(--terra-color-neutral-400);
    --terra-border-interactive-active: var(--terra-color-neutral-500);
    --terra-border-interactive-focus-ring: var(--terra-color-blue-500);

    --terra-border-brand-selected-default: var(--terra-color-blue-500);
    --terra-border-brand-selected-hover: var(--terra-color-blue-400);
    --terra-border-brand-selected-active: var(--terra-color-blue-200);
    --terra-border-brand-selected-disabled: var(--terra-color-blue-300);

    --terra-border-success: var(--terra-color-green-700);
    --terra-border-warning: var(--terra-color-orange-700);
    --terra-border-error: var(--terra-color-red-700);
    --terra-border-info: var(--terra-color-blue-700);

    --terra-border-action-secondary-default: var(
      --terra-color-action-secondary-default
    );
    --terra-border-action-secondary-hover: var(
      --terra-color-action-secondary-hover
    );
    --terra-border-action-secondary-active: var(
      --terra-color-action-secondary-active
    );
    --terra-border-action-secondary-disabled: var(
      --terra-color-action-secondary-disabled
    );
    --terra-border-action-primary-default: var(
      --terra-color-action-primary-default
    );
    --terra-border-action-primary-hover: var(
      --terra-color-action-primary-hover
    );
    --terra-border-action-primary-active: var(
      --terra-color-action-primary-active
    );
    --terra-border-action-primary-disabled: var(
      --terra-color-action-primary-disabled
    );
    --terra-border-action-cta-default: var(--terra-color-action-cta-default);
    --terra-border-action-cta-hover: var(--terra-color-action-cta-hover);
    --terra-border-action-cta-active: var(--terra-color-action-cta-active);
    --terra-border-action-cta-disabled: var(--terra-color-action-cta-disabled);
    --terra-border-action-success-default: var(
      --terra-color-action-cta-default
    );
    --terra-border-action-success-hover: var(
      --terra-color-action-success-hover
    );
    --terra-border-action-success-active: var(
      --terra-color-action-success-active
    );
    --terra-border-action-success-disabled: var(
      --terra-color-action-success-disabed
    );
    --terra-border-action-warning-default: var(
      --terra-color-action-warning-default
    );
    --terra-border-action-warning-hover: var(
      --terra-color-action-warning-hover
    );
    --terra-border-action-warning-active: var(
      --terra-color-action-warning-active
    );
    --terra-border-action-warning-disabled: var(
      --terra-color-action-warning-disabled
    );
    --terra-border-action-error-default: var(
      --terra-color-action-error-default
    );
    --terra-border-action-error-hover: var(--terra-color-action-error-hover);
    --terra-border-action-error-active: var(--terra-color-action-error-active);
    --terra-border-action-error-disabled: var(
      --terra-color-action-error-disabled
    );
    --terra-border-action-info-default: var(--terra-color-action-info-default);
    --terra-border-action-info-hover: var(--terra-color-action-info-hover);
    --terra-border-action-info-active: var(--terra-color-action-info-active);
    --terra-border-action-info-disabled: var(
      --terra-color-action-info-disabled
    );

    --terra-container-dialog-bg: var(--terra-color-bg-surface-neutral-primary);
    --terra-container-dialog-border: var(--terra-border-neutral-default);
    --terra-container-menu-bg: var(--terra-color-bg-surface-neutral-secondary);
    --terra-container-menu-border: var(--terra-border-neutral-default);
    --terra-container-panel-bg: var(--terra-color-bg-surface-neutral-base);
    --terra-container-panel-border: var(--terra-border-neutral-default);

    --terra-menu-item-background-hover: var(
      --terra-color-bg-surface-interactive-hover
    );
    --terra-menu-item-background-disabled: var(
      --terra-color-bg-surface-interactive-disabled
    );
    --terra-menu-item-background-active: var(
      --terra-color-bg-surface-interactive-active
    );
    --terra-menu-item-background-selected: var(
      --terra-color-bg-surface-brand-selected-default
    );
    --terra-menu-item-text-default: var(--terra-text-interactive-default);
    --terra-menu-item-text-hover: var(--terra-text-interactive-hover);
    --terra-menu-item-text-disabled: var(--terra-text-interactive-disabled);
    --terra-menu-item-text-active: var(--terra-text-interactive-active);
    --terra-menu-item-text-selected: var(--terra-text-interactive-selected);

    --terra-input-background-default: var(
      --terra-color-bg-surface-neutral-secondary
    );
    --terra-input-background-hover: var(
      --terra-color-bg-surface-interactive-hover
    );
    --terra-input-background-disabled: var(
      --terra-color-bg-surface-interactive-disabled
    );
    --terra-input-background-focus: var(
      --terra-color-bg-surface-interactive-focus
    );
    --terra-input-background-error: var(--terra-color-red-50);
    --terra-input-border-default: var(--terra-border-neutral-default);
    --terra-input-border-hover: var(--terra-border-interactive-hover);
    --terra-input-border-disabled: var(--terra-border-interactive-disabled);
    --terra-input-border-focus: var(--terra-border-interactive-focus-ring);
    --terra-input-border-error: var(--terra-border-action-error-default);
    --terra-input-text-default: var(--terra-text-secondary);
    --terra-input-text-hover: var(--terra-text-primary);
    --terra-input-text-disabled: var(--terra-text-tertiary);
    --terra-input-text-placeholder: var(--terra-text-tertiary);
    --terra-input-icon-default: var(--terra-text-tertiary);
    --terra-input-icon-hover: var(--terra-text-secondary);

    --terra-tab-text-default: var(--terra-text-interactive-default);
    --terra-tab-text-hover: var(--terra-text-interactive-hover);
    --terra-tab-text-disabled: var(--terra-text-interactive-disabled);
    --terra-tab-text-active: var(--terra-text-interactive-active);
    --terra-tab-text-selected: var(--terra-text-interactive-brand-selected);
    --terra-tab-text-indicator-selected: var(
      --terra-text-interactive-brand-selected
    );
    --terra-tab-track-color: var(--terra-color-carbon-60);

    --terra-control-bg-default: var(
      --terra-color-bg-surface-interactive-default
    );
    --terra-control-bg-hover: var(--terra-color-bg-surface-interactive-hover);
    --terra-control-bg-disabled: var(
      --terra-color-bg-surface-interactive-disabled
    );
    --terra-control-bg-active: var(--terra-color-bg-surface-interactive-active);
    --terra-control-bg-selected: var(
      --terra-color-bg-surface-brand-selected-default
    );
    --terra-control-bg-selected-hover: var(
      --terra-color-bg-surface-brand-selected-hover
    );
    --terra-control-bg-selected-disabled: var(
      --terra-color-bg-surface-brand-selected-disabled
    );
    --terra-control-bg-selected-active: var(
      --terra-color-bg-surface-brand-selected-active
    );
    --terra-control-border-default: var(--terra-border-neutral-default);
    --terra-control-border-hover: var(--terra-border-interactive-hover);
    --terra-control-border-disabled: var(--terra-border-interactive-disabled);
    --terra-control-border-active: var(--terra-border-interactive-active);
    --terra-control-border-focus: var(--terra-border-interactive-focus-ring);
    --terra-control-border-selected: var(--terra-border-brand-selected-default);
    --terra-control-border-selected-hover: var(
      --terra-border-brand-selected-hover
    );
    --terra-control-border-selected-disabled: var(
      --terra-border-brand-selected-disabled
    );
    --terra-control-border-selected-active: var(
      --terra-border-brand-selected-active
    );
    --terra-control-icon-selected: var(--terra-color-neutral-white);
    --terra-control-icon-selected-hover: var(--terra-color-carbon-20);
    --terra-control-icon-selected-disabled: var(--terra-color-carbon-20);
    --terra-control-icon-selected-active: var(--terra-color-carbon-40);

    --terra-breadcrumb-text-default: var(--terra-text-interactive-default);
    --terra-breadcrumb-text-hover: var(--terra-text-interactive-hover);
    --terra-breadcrumb-text-visited: var(--terra-text-tertiary);
    --terra-breadcrumb-text-current: var(--terra-text-interactive-active);

    --terra-alert-filled-color-information: var(--terra-text-on-semantic);
    --terra-alert-filled-color-success: var(--terra-text-on-semantic);
    --terra-alert-filled-color-neutral: var(--terra-text-on-semantic);
    --terra-alert-filled-color-warning: var(--terra-text-on-semantic);
    --terra-alert-filled-color-danger: var(--terra-text-on-semantic);
    --terra-alert-filled-icon-color-information: var(--terra-text-on-semantic);
    --terra-alert-filled-icon-color-success: var(--terra-text-on-semantic);
    --terra-alert-filled-icon-color-neutral: var(--terra-text-on-semantic);
    --terra-alert-filled-icon-color-warning: var(--terra-text-on-semantic);
    --terra-alert-filled-icon-color-danger: var(--terra-text-on-semantic);

    --terra-alert-white-background-color: var(
      --terra-color-bg-surface-neutral-secondary
    );
    --terra-alert-white-color: var(--terra-color-carbon-5);

    --terra-badge-color-information: var(--terra-text-on-semantic);
    --terra-badge-color-success: var(--terra-text-on-semantic);
    --terra-badge-color-neutral: var(--terra-text-on-semantic);
    --terra-badge-color-warning: var(--terra-text-on-semantic);
    --terra-badge-color-danger: var(--terra-text-on-semantic);

    --terra-status-indicator-label-color: var(--terra-text-secondary);

    --terra-toggle-label-color: var(--terra-text-secondary);

    --terra-date-picker-time-panel-background-color: var(
      --terra-color-bg-surface-neutral-primary
    );
    --terra-date-picker-sidebar-background-color: var(
      --terra-color-bg-surface-neutral-primary
    );
  }
}

terra-site-header {
  display: block;
  background-color: var(--terra-site-header-background);
  color: var(--terra-site-header-text);
  height: 88px;
}

.terra-toast-stack {
  position: fixed;
  top: 0;
  inset-inline-end: 0;
  z-index: var(--terra-z-index-toast);
  width: 28rem;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  padding: var(--terra-spacing-medium);
  box-sizing: border-box;
}

.terra-toast-stack terra-alert,
.terra-toast-stack terra-toast {
  display: block;
  margin-bottom: var(--terra-spacing-medium);
}

.terra-toast-stack terra-alert:last-child,
.terra-toast-stack terra-toast:last-child {
  margin-bottom: 0;
}

.terra-toast-stack terra-alert::part(base),
.terra-toast-stack terra-toast::part(base) {
  box-shadow: var(--terra-shadow-large);
}