.token-display-sm-regular {
  font-size: var(--token-font-size-800, 2rem);
  font-style: normal;
  font-weight: var(--token-font-weight-regular, 400);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-1100, var(--token-scale-1100, 44px));
  text-transform: none;
  text-decoration: none;
}

.token-display-sm-light {
  font-size: var(--token-font-size-800, 2rem);
  font-style: normal;
  font-weight: var(--token-font-weight-light, 300);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-1100, var(--token-scale-1100, 44px));
  text-transform: none;
  text-decoration: none;
}

.token-display-lg-regular {
  font-size: var(--token-font-size-900, 2.25rem);
  font-style: normal;
  font-weight: var(--token-font-weight-regular, 400);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-1200, var(--token-scale-1200, 48px));
  text-transform: none;
  text-decoration: none;
}

.token-display-lg-light {
  font-size: var(--token-font-size-900, 2.25rem);
  font-style: normal;
  font-weight: var(--token-font-weight-light, 300);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-1200, var(--token-scale-1200, 48px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h1-regular {
  font-size: var(--token-font-size-700, 1.75rem);
  font-style: normal;
  font-weight: var(--token-font-weight-regular, 400);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-900, var(--token-scale-900, 36px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h1-medium {
  font-size: var(--token-font-size-700, 1.75rem);
  font-style: normal;
  font-weight: var(--token-font-weight-medium, 500);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-900, var(--token-scale-900, 36px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h1-semi-bold {
  font-size: var(--token-font-size-700, 1.75rem);
  font-style: normal;
  font-weight: var(--token-font-weight-semi-bold, 600);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-900, var(--token-scale-900, 36px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h1-bold {
  font-size: var(--token-font-size-700, 1.75rem);
  font-style: normal;
  font-weight: var(--token-font-weight-bold, 700);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-900, var(--token-scale-900, 36px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h2-regular {
  font-size: var(--token-font-size-650, 1.625rem);
  font-style: normal;
  font-weight: var(--token-font-weight-regular, 400);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-900, var(--token-scale-900, 36px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h2-medium {
  font-size: var(--token-font-size-650, 1.625rem);
  font-style: normal;
  font-weight: var(--token-font-weight-medium, 500);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-900, var(--token-scale-900, 36px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h2-semi-bold {
  font-size: var(--token-font-size-650, 1.625rem);
  font-style: normal;
  font-weight: var(--token-font-weight-semi-bold, 600);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-900, var(--token-scale-900, 36px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h2-bold {
  font-size: var(--token-font-size-650, 1.625rem);
  font-style: normal;
  font-weight: var(--token-font-weight-bold, 700);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-900, var(--token-scale-900, 36px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h3-regular {
  font-size: var(--token-font-size-600, 1.5rem);
  font-style: normal;
  font-weight: var(--token-font-weight-regular, 400);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-800, var(--token-scale-800, 32px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h3-medium {
  font-size: var(--token-font-size-600, 1.5rem);
  font-style: normal;
  font-weight: var(--token-font-weight-medium, 500);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-800, var(--token-scale-800, 32px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h3-semi-bold {
  font-size: var(--token-font-size-600, 1.5rem);
  font-style: normal;
  font-weight: var(--token-font-weight-semi-bold, 600);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-800, var(--token-scale-800, 32px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h3-bold {
  font-size: var(--token-font-size-600, 1.5rem);
  font-style: normal;
  font-weight: var(--token-font-weight-bold, 700);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-800, var(--token-scale-800, 32px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h4-regular {
  font-size: var(--token-font-size-550, 1.375rem);
  font-style: normal;
  font-weight: var(--token-font-weight-regular, 400);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h4-medium {
  font-size: var(--token-font-size-550, 1.375rem);
  font-style: normal;
  font-weight: var(--token-font-weight-medium, 500);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h4-semi-bold {
  font-size: var(--token-font-size-550, 1.375rem);
  font-style: normal;
  font-weight: var(--token-font-weight-semi-bold, 600);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h4-bold {
  font-size: var(--token-font-size-550, 1.375rem);
  font-style: normal;
  font-weight: var(--token-font-weight-bold, 700);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h5-regular {
  font-size: var(--token-font-size-500, 1.25rem);
  font-style: normal;
  font-weight: var(--token-font-weight-regular, 400);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h5-medium {
  font-size: var(--token-font-size-500, 1.25rem);
  font-style: normal;
  font-weight: var(--token-font-weight-medium, 500);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h5-semi-bold {
  font-size: var(--token-font-size-500, 1.25rem);
  font-style: normal;
  font-weight: var(--token-font-weight-semi-bold, 600);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h5-bold {
  font-size: var(--token-font-size-500, 1.25rem);
  font-style: normal;
  font-weight: var(--token-font-weight-bold, 700);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h6-regular {
  font-size: var(--token-font-size-450, 1.125rem);
  font-style: normal;
  font-weight: var(--token-font-weight-regular, 400);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h6-medium {
  font-size: var(--token-font-size-450, 1.125rem);
  font-style: normal;
  font-weight: var(--token-font-weight-medium, 500);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h6-semi-bold {
  font-size: var(--token-font-size-450, 1.125rem);
  font-style: normal;
  font-weight: var(--token-font-weight-semi-bold, 600);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
  text-transform: none;
  text-decoration: none;
}

.token-heading-h6-bold {
  font-size: var(--token-font-size-450, 1.125rem);
  font-style: normal;
  font-weight: var(--token-font-weight-bold, 700);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
  text-transform: none;
  text-decoration: none;
}

.token-body-action-lg {
  font-size: var(--token-font-size-500, 1.25rem);
  font-style: normal;
  font-weight: var(--token-font-weight-medium, 500);
  letter-spacing: var(--token-font-letter-spacing-1, 1%);
  line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
  text-transform: none;
  text-decoration: none;
}

.token-body-action-md {
  font-size: var(--token-font-size-400, 1rem);
  font-style: normal;
  font-weight: var(--token-font-weight-medium, 500);
  letter-spacing: var(--token-font-letter-spacing-1, 1%);
  line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
  text-transform: none;
  text-decoration: none;
}

.token-body-action-sm {
  font-size: var(--token-font-size-350, 0.875rem);
  font-style: normal;
  font-weight: var(--token-font-weight-medium, 500);
  letter-spacing: var(--token-font-letter-spacing-1, 1%);
  line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
  text-transform: none;
  text-decoration: none;
}

.token-body-action-xs {
  font-size: var(--token-font-size-300, 0.75rem);
  font-style: normal;
  font-weight: var(--token-font-weight-medium, 500);
  letter-spacing: var(--token-font-letter-spacing-1, 1%);
  line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
  text-transform: none;
  text-decoration: none;
}

.token-body-lg-regular {
  font-size: var(--token-font-size-400, 1rem);
  font-style: normal;
  font-weight: var(--token-font-weight-regular, 400);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
  text-transform: none;
  text-decoration: none;
}

.token-body-lg-medium {
  font-size: var(--token-font-size-400, 1rem);
  font-style: normal;
  font-weight: var(--token-font-weight-medium, 500);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
  text-transform: none;
  text-decoration: none;
}

.token-body-lg-semi-bold {
  font-size: var(--token-font-size-400, 1rem);
  font-style: normal;
  font-weight: var(--token-font-weight-semi-bold, 600);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
  text-transform: none;
  text-decoration: none;
}

.token-body-lg-bold {
  font-size: var(--token-font-size-400, 1rem);
  font-style: normal;
  font-weight: var(--token-font-weight-bold, 700);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
  text-transform: none;
  text-decoration: none;
}

.token-body-md-regular {
  font-size: var(--token-font-size-350, 0.875rem);
  font-style: normal;
  font-weight: var(--token-font-weight-regular, 400);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
  text-transform: none;
  text-decoration: none;
}

.token-body-md-medium {
  font-size: var(--token-font-size-350, 0.875rem);
  font-style: normal;
  font-weight: var(--token-font-weight-medium, 500);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
  text-transform: none;
  text-decoration: none;
}

.token-body-md-semi-bold {
  font-size: var(--token-font-size-350, 0.875rem);
  font-style: normal;
  font-weight: var(--token-font-weight-semi-bold, 600);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
  text-transform: none;
  text-decoration: none;
}

.token-body-md-bold {
  font-size: var(--token-font-size-350, 0.875rem);
  font-style: normal;
  font-weight: var(--token-font-weight-bold, 700);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
  text-transform: none;
  text-decoration: none;
}

.token-body-sm-regular {
  font-size: var(--token-font-size-300, 0.75rem);
  font-style: normal;
  font-weight: var(--token-font-weight-regular, 400);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
  text-transform: none;
  text-decoration: none;
}

.token-body-sm-medium {
  font-size: var(--token-font-size-300, 0.75rem);
  font-style: normal;
  font-weight: var(--token-font-weight-medium, 500);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
  text-transform: none;
  text-decoration: none;
}

.token-body-sm-semi-bold {
  font-size: var(--token-font-size-300, 0.75rem);
  font-style: normal;
  font-weight: var(--token-font-weight-semi-bold, 600);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
  text-transform: none;
  text-decoration: none;
}

.token-body-sm-bold {
  font-size: var(--token-font-size-300, 0.75rem);
  font-style: normal;
  font-weight: var(--token-font-weight-bold, 700);
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
  line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
  text-transform: none;
  text-decoration: none;
}

.token-overline-regular {
  font-size: var(--token-font-size-300, 0.75rem);
  font-style: normal;
  font-weight: var(--token-font-weight-regular, 400);
  letter-spacing: var(--token-font-letter-spacing-2, 1.5%);
  line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
  text-transform: uppercase;
  text-decoration: none;
}

.token-overline-medium {
  font-size: var(--token-font-size-300, 0.75rem);
  font-style: normal;
  font-weight: var(--token-font-weight-medium, 500);
  letter-spacing: var(--token-font-letter-spacing-2, 1.5%);
  line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
  text-transform: uppercase;
  text-decoration: none;
}

.token-overline-semi-bold {
  font-size: var(--token-font-size-300, 0.75rem);
  font-style: normal;
  font-weight: var(--token-font-weight-semi-bold, 600);
  letter-spacing: var(--token-font-letter-spacing-2, 1.5%);
  line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
  text-transform: uppercase;
  text-decoration: none;
}

.token-overline-bold {
  font-size: var(--token-font-size-300, 0.75rem);
  font-style: normal;
  font-weight: var(--token-font-weight-bold, 700);
  letter-spacing: var(--token-font-letter-spacing-2, 1.5%);
  line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
  text-transform: uppercase;
  text-decoration: none;
}

.token-primitives-neutral-100 {
  --color: var(--token-primitives-neutral-100, #f3f3f3);
  color: var(--token-primitives-neutral-100, #f3f3f3);
}

.token-primitives-neutral-200 {
  --color: var(--token-primitives-neutral-200, #eae9e9);
  color: var(--token-primitives-neutral-200, #eae9e9);
}

.token-primitives-neutral-300 {
  --color: var(--token-primitives-neutral-300, #e0e0e0);
  color: var(--token-primitives-neutral-300, #e0e0e0);
}

.token-primitives-neutral-400 {
  --color: var(--token-primitives-neutral-400, #d5d5d5);
  color: var(--token-primitives-neutral-400, #d5d5d5);
}

.token-primitives-neutral-500 {
  --color: var(--token-primitives-neutral-500, #a2a2a2);
  color: var(--token-primitives-neutral-500, #a2a2a2);
}

.token-primitives-neutral-600 {
  --color: var(--token-primitives-neutral-600, #8c8c8c);
  color: var(--token-primitives-neutral-600, #8c8c8c);
}

.token-primitives-neutral-700 {
  --color: var(--token-primitives-neutral-700, #777777);
  color: var(--token-primitives-neutral-700, #777777);
}

.token-primitives-neutral-800 {
  --color: var(--token-primitives-neutral-800, #626262);
  color: var(--token-primitives-neutral-800, #626262);
}

.token-primitives-neutral-900 {
  --color: var(--token-primitives-neutral-900, #4e4e4e);
  color: var(--token-primitives-neutral-900, #4e4e4e);
}

.token-primitives-neutral-1000 {
  --color: var(--token-primitives-neutral-1000, #3b3b3b);
  color: var(--token-primitives-neutral-1000, #3b3b3b);
}

.token-primitives-neutral-1100 {
  --color: var(--token-primitives-neutral-1100, #292929);
  color: var(--token-primitives-neutral-1100, #292929);
}

.token-primitives-neutral-1200 {
  --color: var(--token-primitives-neutral-1200, #242424);
  color: var(--token-primitives-neutral-1200, #242424);
}

.token-primitives-base-white {
  --color: var(--token-primitives-base-white, #ffffff);
  color: var(--token-primitives-base-white, #ffffff);
}

.token-primitives-base-black {
  --color: var(--token-primitives-base-black, #111111);
  color: var(--token-primitives-base-black, #111111);
}

.token-primitives-red-100 {
  --color: var(--token-primitives-red-100, #fde1e1);
  color: var(--token-primitives-red-100, #fde1e1);
}

.token-primitives-red-200 {
  --color: var(--token-primitives-red-200, #ffd9d9);
  color: var(--token-primitives-red-200, #ffd9d9);
}

.token-primitives-red-300 {
  --color: var(--token-primitives-red-300, #fcc1c1);
  color: var(--token-primitives-red-300, #fcc1c1);
}

.token-primitives-red-400 {
  --color: var(--token-primitives-red-400, #faa1a1);
  color: var(--token-primitives-red-400, #faa1a1);
}

.token-primitives-red-500 {
  --color: var(--token-primitives-red-500, #f97d7d);
  color: var(--token-primitives-red-500, #f97d7d);
}

.token-primitives-red-600 {
  --color: var(--token-primitives-red-600, #f85151);
  color: var(--token-primitives-red-600, #f85151);
}

.token-primitives-red-700 {
  --color: var(--token-primitives-red-700, #e52929);
  color: var(--token-primitives-red-700, #e52929);
}

.token-primitives-red-800 {
  --color: var(--token-primitives-red-800, #bf2222);
  color: var(--token-primitives-red-800, #bf2222);
}

.token-primitives-red-900 {
  --color: var(--token-primitives-red-900, #991b1b);
  color: var(--token-primitives-red-900, #991b1b);
}

.token-primitives-red-1000 {
  --color: var(--token-primitives-red-1000, #761515);
  color: var(--token-primitives-red-1000, #761515);
}

.token-primitives-red-1100 {
  --color: var(--token-primitives-red-1100, #540f0f);
  color: var(--token-primitives-red-1100, #540f0f);
}

.token-primitives-red-1200 {
  --color: var(--token-primitives-red-1200, #330909);
  color: var(--token-primitives-red-1200, #330909);
}

.token-primitives-pumpkin-100 {
  --color: var(--token-primitives-pumpkin-100, #ffe0db);
  color: var(--token-primitives-pumpkin-100, #ffe0db);
}

.token-primitives-pumpkin-200 {
  --color: var(--token-primitives-pumpkin-200, #ffd6d0);
  color: var(--token-primitives-pumpkin-200, #ffd6d0);
}

.token-primitives-pumpkin-300 {
  --color: var(--token-primitives-pumpkin-300, #fbbdb1);
  color: var(--token-primitives-pumpkin-300, #fbbdb1);
}

.token-primitives-pumpkin-400 {
  --color: var(--token-primitives-pumpkin-400, #f9947c);
  color: var(--token-primitives-pumpkin-400, #f9947c);
}

.token-primitives-pumpkin-500 {
  --color: var(--token-primitives-pumpkin-500, #f75d07);
  color: var(--token-primitives-pumpkin-500, #f75d07);
}

.token-primitives-pumpkin-600 {
  --color: var(--token-primitives-pumpkin-600, #da5206);
  color: var(--token-primitives-pumpkin-600, #da5206);
}

.token-primitives-pumpkin-700 {
  --color: var(--token-primitives-pumpkin-700, #bd4705);
  color: var(--token-primitives-pumpkin-700, #bd4705);
}

.token-primitives-pumpkin-800 {
  --color: var(--token-primitives-pumpkin-800, #9f3c05);
  color: var(--token-primitives-pumpkin-800, #9f3c05);
}

.token-primitives-pumpkin-900 {
  --color: var(--token-primitives-pumpkin-900, #803004);
  color: var(--token-primitives-pumpkin-900, #803004);
}

.token-primitives-pumpkin-1000 {
  --color: var(--token-primitives-pumpkin-1000, #602403);
  color: var(--token-primitives-pumpkin-1000, #602403);
}

.token-primitives-pumpkin-1100 {
  --color: var(--token-primitives-pumpkin-1100, #401802);
  color: var(--token-primitives-pumpkin-1100, #401802);
}

.token-primitives-pumpkin-1200 {
  --color: var(--token-primitives-pumpkin-1200, #210c01);
  color: var(--token-primitives-pumpkin-1200, #210c01);
}

.token-primitives-orange-100 {
  --color: var(--token-primitives-orange-100, #ffe8db);
  color: var(--token-primitives-orange-100, #ffe8db);
}

.token-primitives-orange-200 {
  --color: var(--token-primitives-orange-200, #ffe0d0);
  color: var(--token-primitives-orange-200, #ffe0d0);
}

.token-primitives-orange-300 {
  --color: var(--token-primitives-orange-300, #ffcfb1);
  color: var(--token-primitives-orange-300, #ffcfb1);
}

.token-primitives-orange-400 {
  --color: var(--token-primitives-orange-400, #ffb37b);
  color: var(--token-primitives-orange-400, #ffb37b);
}

.token-primitives-orange-500 {
  --color: var(--token-primitives-orange-500, #ff9400);
  color: var(--token-primitives-orange-500, #ff9400);
}

.token-primitives-orange-600 {
  --color: var(--token-primitives-orange-600, #e18300);
  color: var(--token-primitives-orange-600, #e18300);
}

.token-primitives-orange-700 {
  --color: var(--token-primitives-orange-700, #c37100);
  color: var(--token-primitives-orange-700, #c37100);
}

.token-primitives-orange-800 {
  --color: var(--token-primitives-orange-800, #a45f00);
  color: var(--token-primitives-orange-800, #a45f00);
}

.token-primitives-orange-900 {
  --color: var(--token-primitives-orange-900, #844d00);
  color: var(--token-primitives-orange-900, #844d00);
}

.token-primitives-orange-1000 {
  --color: var(--token-primitives-orange-1000, #633a00);
  color: var(--token-primitives-orange-1000, #633a00);
}

.token-primitives-orange-1100 {
  --color: var(--token-primitives-orange-1100, #422700);
  color: var(--token-primitives-orange-1100, #422700);
}

.token-primitives-orange-1200 {
  --color: var(--token-primitives-orange-1200, #221400);
  color: var(--token-primitives-orange-1200, #221400);
}

.token-primitives-yellow-100 {
  --color: var(--token-primitives-yellow-100, #fff3d5);
  color: var(--token-primitives-yellow-100, #fff3d5);
}

.token-primitives-yellow-200 {
  --color: var(--token-primitives-yellow-200, #fff0c7);
  color: var(--token-primitives-yellow-200, #fff0c7);
}

.token-primitives-yellow-300 {
  --color: var(--token-primitives-yellow-300, #ffebb1);
  color: var(--token-primitives-yellow-300, #ffebb1);
}

.token-primitives-yellow-400 {
  --color: var(--token-primitives-yellow-400, #ffe07b);
  color: var(--token-primitives-yellow-400, #ffe07b);
}

.token-primitives-yellow-500 {
  --color: var(--token-primitives-yellow-500, #ffd600);
  color: var(--token-primitives-yellow-500, #ffd600);
}

.token-primitives-yellow-600 {
  --color: var(--token-primitives-yellow-600, #f9bd0a);
  color: var(--token-primitives-yellow-600, #f9bd0a);
}

.token-primitives-yellow-700 {
  --color: var(--token-primitives-yellow-700, #df9c00);
  color: var(--token-primitives-yellow-700, #df9c00);
}

.token-primitives-yellow-800 {
  --color: var(--token-primitives-yellow-800, #ba8200);
  color: var(--token-primitives-yellow-800, #ba8200);
}

.token-primitives-yellow-900 {
  --color: var(--token-primitives-yellow-900, #966503);
  color: var(--token-primitives-yellow-900, #966503);
}

.token-primitives-yellow-1000 {
  --color: var(--token-primitives-yellow-1000, #704b02);
  color: var(--token-primitives-yellow-1000, #704b02);
}

.token-primitives-yellow-1100 {
  --color: var(--token-primitives-yellow-1100, #533802);
  color: var(--token-primitives-yellow-1100, #533802);
}

.token-primitives-yellow-1200 {
  --color: var(--token-primitives-yellow-1200, #2c1e02);
  color: var(--token-primitives-yellow-1200, #2c1e02);
}

.token-primitives-lime-100 {
  --color: var(--token-primitives-lime-100, #ebfcd4);
  color: var(--token-primitives-lime-100, #ebfcd4);
}

.token-primitives-lime-200 {
  --color: var(--token-primitives-lime-200, #e4f7cb);
  color: var(--token-primitives-lime-200, #e4f7cb);
}

.token-primitives-lime-300 {
  --color: var(--token-primitives-lime-300, #d3efb2);
  color: var(--token-primitives-lime-300, #d3efb2);
}

.token-primitives-lime-400 {
  --color: var(--token-primitives-lime-400, #bbe77d);
  color: var(--token-primitives-lime-400, #bbe77d);
}

.token-primitives-lime-500 {
  --color: var(--token-primitives-lime-500, #a0df18);
  color: var(--token-primitives-lime-500, #a0df18);
}

.token-primitives-lime-600 {
  --color: var(--token-primitives-lime-600, #8dc515);
  color: var(--token-primitives-lime-600, #8dc515);
}

.token-primitives-lime-700 {
  --color: var(--token-primitives-lime-700, #7aab12);
  color: var(--token-primitives-lime-700, #7aab12);
}

.token-primitives-lime-800 {
  --color: var(--token-primitives-lime-800, #678f0f);
  color: var(--token-primitives-lime-800, #678f0f);
}

.token-primitives-lime-900 {
  --color: var(--token-primitives-lime-900, #53730c);
  color: var(--token-primitives-lime-900, #53730c);
}

.token-primitives-lime-1000 {
  --color: var(--token-primitives-lime-1000, #3e5709);
  color: var(--token-primitives-lime-1000, #3e5709);
}

.token-primitives-lime-1100 {
  --color: var(--token-primitives-lime-1100, #2a3a06);
  color: var(--token-primitives-lime-1100, #2a3a06);
}

.token-primitives-lime-1200 {
  --color: var(--token-primitives-lime-1200, #151e03);
  color: var(--token-primitives-lime-1200, #151e03);
}

.token-primitives-green-100 {
  --color: var(--token-primitives-green-100, #e2f9e4);
  color: var(--token-primitives-green-100, #e2f9e4);
}

.token-primitives-green-200 {
  --color: var(--token-primitives-green-200, #d1f7d4);
  color: var(--token-primitives-green-200, #d1f7d4);
}

.token-primitives-green-300 {
  --color: var(--token-primitives-green-300, #b3ebb7);
  color: var(--token-primitives-green-300, #b3ebb7);
}

.token-primitives-green-400 {
  --color: var(--token-primitives-green-400, #7fe089);
  color: var(--token-primitives-green-400, #7fe089);
}

.token-primitives-green-500 {
  --color: var(--token-primitives-green-500, #23d643);
  color: var(--token-primitives-green-500, #23d643);
}

.token-primitives-green-600 {
  --color: var(--token-primitives-green-600, #1fbd3b);
  color: var(--token-primitives-green-600, #1fbd3b);
}

.token-primitives-green-700 {
  --color: var(--token-primitives-green-700, #1ba433);
  color: var(--token-primitives-green-700, #1ba433);
}

.token-primitives-green-800 {
  --color: var(--token-primitives-green-800, #178a2b);
  color: var(--token-primitives-green-800, #178a2b);
}

.token-primitives-green-900 {
  --color: var(--token-primitives-green-900, #126f23);
  color: var(--token-primitives-green-900, #126f23);
}

.token-primitives-green-1000 {
  --color: var(--token-primitives-green-1000, #0e531a);
  color: var(--token-primitives-green-1000, #0e531a);
}

.token-primitives-green-1100 {
  --color: var(--token-primitives-green-1100, #093811);
  color: var(--token-primitives-green-1100, #093811);
}

.token-primitives-green-1200 {
  --color: var(--token-primitives-green-1200, #051d09);
  color: var(--token-primitives-green-1200, #051d09);
}

.token-primitives-teal-100 {
  --color: var(--token-primitives-teal-100, #d5f9f1);
  color: var(--token-primitives-teal-100, #d5f9f1);
}

.token-primitives-teal-200 {
  --color: var(--token-primitives-teal-200, #c7f1e8);
  color: var(--token-primitives-teal-200, #c7f1e8);
}

.token-primitives-teal-300 {
  --color: var(--token-primitives-teal-300, #b1e7dd);
  color: var(--token-primitives-teal-300, #b1e7dd);
}

.token-primitives-teal-400 {
  --color: var(--token-primitives-teal-400, #7bdbca);
  color: var(--token-primitives-teal-400, #7bdbca);
}

.token-primitives-teal-500 {
  --color: var(--token-primitives-teal-500, #00cfb7);
  color: var(--token-primitives-teal-500, #00cfb7);
}

.token-primitives-teal-600 {
  --color: var(--token-primitives-teal-600, #00b7a2);
  color: var(--token-primitives-teal-600, #00b7a2);
}

.token-primitives-teal-700 {
  --color: var(--token-primitives-teal-700, #009e8c);
  color: var(--token-primitives-teal-700, #009e8c);
}

.token-primitives-teal-800 {
  --color: var(--token-primitives-teal-800, #008576);
  color: var(--token-primitives-teal-800, #008576);
}

.token-primitives-teal-900 {
  --color: var(--token-primitives-teal-900, #006b5f);
  color: var(--token-primitives-teal-900, #006b5f);
}

.token-primitives-teal-1000 {
  --color: var(--token-primitives-teal-1000, #005147);
  color: var(--token-primitives-teal-1000, #005147);
}

.token-primitives-teal-1100 {
  --color: var(--token-primitives-teal-1100, #003630);
  color: var(--token-primitives-teal-1100, #003630);
}

.token-primitives-teal-1200 {
  --color: var(--token-primitives-teal-1200, #001c19);
  color: var(--token-primitives-teal-1200, #001c19);
}

.token-primitives-aqua-100 {
  --color: var(--token-primitives-aqua-100, #d9f5ff);
  color: var(--token-primitives-aqua-100, #d9f5ff);
}

.token-primitives-aqua-200 {
  --color: var(--token-primitives-aqua-200, #cbeffc);
  color: var(--token-primitives-aqua-200, #cbeffc);
}

.token-primitives-aqua-300 {
  --color: var(--token-primitives-aqua-300, #b3e9fc);
  color: var(--token-primitives-aqua-300, #b3e9fc);
}

.token-primitives-aqua-400 {
  --color: var(--token-primitives-aqua-400, #80defa);
  color: var(--token-primitives-aqua-400, #80defa);
}

.token-primitives-aqua-500 {
  --color: var(--token-primitives-aqua-500, #27d3f9);
  color: var(--token-primitives-aqua-500, #27d3f9);
}

.token-primitives-aqua-600 {
  --color: var(--token-primitives-aqua-600, #22bbdc);
  color: var(--token-primitives-aqua-600, #22bbdc);
}

.token-primitives-aqua-700 {
  --color: var(--token-primitives-aqua-700, #1ea2bf);
  color: var(--token-primitives-aqua-700, #1ea2bf);
}

.token-primitives-aqua-800 {
  --color: var(--token-primitives-aqua-800, #1988a0);
  color: var(--token-primitives-aqua-800, #1988a0);
}

.token-primitives-aqua-900 {
  --color: var(--token-primitives-aqua-900, #146d81);
  color: var(--token-primitives-aqua-900, #146d81);
}

.token-primitives-aqua-1000 {
  --color: var(--token-primitives-aqua-1000, #0f5261);
  color: var(--token-primitives-aqua-1000, #0f5261);
}

.token-primitives-aqua-1100 {
  --color: var(--token-primitives-aqua-1100, #0a3741);
  color: var(--token-primitives-aqua-1100, #0a3741);
}

.token-primitives-aqua-1200 {
  --color: var(--token-primitives-aqua-1200, #051c21);
  color: var(--token-primitives-aqua-1200, #051c21);
}

.token-primitives-blue-100 {
  --color: var(--token-primitives-blue-100, #e9ecfc);
  color: var(--token-primitives-blue-100, #e9ecfc);
}

.token-primitives-blue-200 {
  --color: var(--token-primitives-blue-200, #e4e8ff);
  color: var(--token-primitives-blue-200, #e4e8ff);
}

.token-primitives-blue-300 {
  --color: var(--token-primitives-blue-300, #d0d7fa);
  color: var(--token-primitives-blue-300, #d0d7fa);
}

.token-primitives-blue-400 {
  --color: var(--token-primitives-blue-400, #b5c0f7);
  color: var(--token-primitives-blue-400, #b5c0f7);
}

.token-primitives-blue-500 {
  --color: var(--token-primitives-blue-500, #94a5f4);
  color: var(--token-primitives-blue-500, #94a5f4);
}

.token-primitives-blue-600 {
  --color: var(--token-primitives-blue-600, #6986f2);
  color: var(--token-primitives-blue-600, #6986f2);
}

.token-primitives-blue-700 {
  --color: var(--token-primitives-blue-700, #105cef);
  color: var(--token-primitives-blue-700, #105cef);
}

.token-primitives-blue-800 {
  --color: var(--token-primitives-blue-800, #0f54da);
  color: var(--token-primitives-blue-800, #0f54da);
}

.token-primitives-blue-900 {
  --color: var(--token-primitives-blue-900, #0d4bc3);
  color: var(--token-primitives-blue-900, #0d4bc3);
}

.token-primitives-blue-1000 {
  --color: var(--token-primitives-blue-1000, #0b41a9);
  color: var(--token-primitives-blue-1000, #0b41a9);
}

.token-primitives-blue-1100 {
  --color: var(--token-primitives-blue-1100, #09358a);
  color: var(--token-primitives-blue-1100, #09358a);
}

.token-primitives-blue-1200 {
  --color: var(--token-primitives-blue-1200, #072561);
  color: var(--token-primitives-blue-1200, #072561);
}

.token-primitives-indigo-100 {
  --color: var(--token-primitives-indigo-100, #ebe8ff);
  color: var(--token-primitives-indigo-100, #ebe8ff);
}

.token-primitives-indigo-200 {
  --color: var(--token-primitives-indigo-200, #e6e2fe);
  color: var(--token-primitives-indigo-200, #e6e2fe);
}

.token-primitives-indigo-300 {
  --color: var(--token-primitives-indigo-300, #d3d1f2);
  color: var(--token-primitives-indigo-300, #d3d1f2);
}

.token-primitives-indigo-400 {
  --color: var(--token-primitives-indigo-400, #bab5eb);
  color: var(--token-primitives-indigo-400, #bab5eb);
}

.token-primitives-indigo-500 {
  --color: var(--token-primitives-indigo-500, #9d95e4);
  color: var(--token-primitives-indigo-500, #9d95e4);
}

.token-primitives-indigo-600 {
  --color: var(--token-primitives-indigo-600, #786bdd);
  color: var(--token-primitives-indigo-600, #786bdd);
}

.token-primitives-indigo-700 {
  --color: var(--token-primitives-indigo-700, #411bd5);
  color: var(--token-primitives-indigo-700, #411bd5);
}

.token-primitives-indigo-800 {
  --color: var(--token-primitives-indigo-800, #3b19c3);
  color: var(--token-primitives-indigo-800, #3b19c3);
}

.token-primitives-indigo-900 {
  --color: var(--token-primitives-indigo-900, #3516ae);
  color: var(--token-primitives-indigo-900, #3516ae);
}

.token-primitives-indigo-1000 {
  --color: var(--token-primitives-indigo-1000, #2e1397);
  color: var(--token-primitives-indigo-1000, #2e1397);
}

.token-primitives-indigo-1100 {
  --color: var(--token-primitives-indigo-1100, #26107b);
  color: var(--token-primitives-indigo-1100, #26107b);
}

.token-primitives-indigo-1200 {
  --color: var(--token-primitives-indigo-1200, #1a0b57);
  color: var(--token-primitives-indigo-1200, #1a0b57);
}

.token-primitives-violet-100 {
  --color: var(--token-primitives-violet-100, #ece6ff);
  color: var(--token-primitives-violet-100, #ece6ff);
}

.token-primitives-violet-200 {
  --color: var(--token-primitives-violet-200, #e5defc);
  color: var(--token-primitives-violet-200, #e5defc);
}

.token-primitives-violet-300 {
  --color: var(--token-primitives-violet-300, #dcd1fb);
  color: var(--token-primitives-violet-300, #dcd1fb);
}

.token-primitives-violet-400 {
  --color: var(--token-primitives-violet-400, #c9b6f9);
  color: var(--token-primitives-violet-400, #c9b6f9);
}

.token-primitives-violet-500 {
  --color: var(--token-primitives-violet-500, #b396f6);
  color: var(--token-primitives-violet-500, #b396f6);
}

.token-primitives-violet-600 {
  --color: var(--token-primitives-violet-600, #9a6cf4);
  color: var(--token-primitives-violet-600, #9a6cf4);
}

.token-primitives-violet-700 {
  --color: var(--token-primitives-violet-700, #7c20f2);
  color: var(--token-primitives-violet-700, #7c20f2);
}

.token-primitives-violet-800 {
  --color: var(--token-primitives-violet-800, #711ddd);
  color: var(--token-primitives-violet-800, #711ddd);
}

.token-primitives-violet-900 {
  --color: var(--token-primitives-violet-900, #651ac5);
  color: var(--token-primitives-violet-900, #651ac5);
}

.token-primitives-violet-1000 {
  --color: var(--token-primitives-violet-1000, #5817ab);
  color: var(--token-primitives-violet-1000, #5817ab);
}

.token-primitives-violet-1100 {
  --color: var(--token-primitives-violet-1100, #48128c);
  color: var(--token-primitives-violet-1100, #48128c);
}

.token-primitives-violet-1200 {
  --color: var(--token-primitives-violet-1200, #330d63);
  color: var(--token-primitives-violet-1200, #330d63);
}

.token-primitives-purple-100 {
  --color: var(--token-primitives-purple-100, #f5eafd);
  color: var(--token-primitives-purple-100, #f5eafd);
}

.token-primitives-purple-200 {
  --color: var(--token-primitives-purple-200, #f2e2ff);
  color: var(--token-primitives-purple-200, #f2e2ff);
}

.token-primitives-purple-300 {
  --color: var(--token-primitives-purple-300, #e9d3fa);
  color: var(--token-primitives-purple-300, #e9d3fa);
}

.token-primitives-purple-400 {
  --color: var(--token-primitives-purple-400, #deb9f8);
  color: var(--token-primitives-purple-400, #deb9f8);
}

.token-primitives-purple-500 {
  --color: var(--token-primitives-purple-500, #d29bf6);
  color: var(--token-primitives-purple-500, #d29bf6);
}

.token-primitives-purple-600 {
  --color: var(--token-primitives-purple-600, #c575f3);
  color: var(--token-primitives-purple-600, #c575f3);
}

.token-primitives-purple-700 {
  --color: var(--token-primitives-purple-700, #b73cf1);
  color: var(--token-primitives-purple-700, #b73cf1);
}

.token-primitives-purple-800 {
  --color: var(--token-primitives-purple-800, #a737dc);
  color: var(--token-primitives-purple-800, #a737dc);
}

.token-primitives-purple-900 {
  --color: var(--token-primitives-purple-900, #9531c5);
  color: var(--token-primitives-purple-900, #9531c5);
}

.token-primitives-purple-1000 {
  --color: var(--token-primitives-purple-1000, #812aaa);
  color: var(--token-primitives-purple-1000, #812aaa);
}

.token-primitives-purple-1100 {
  --color: var(--token-primitives-purple-1100, #6a238b);
  color: var(--token-primitives-purple-1100, #6a238b);
}

.token-primitives-purple-1200 {
  --color: var(--token-primitives-purple-1200, #4b1862);
  color: var(--token-primitives-purple-1200, #4b1862);
}

.token-primitives-magenta-100 {
  --color: var(--token-primitives-magenta-100, #ffecfb);
  color: var(--token-primitives-magenta-100, #ffecfb);
}

.token-primitives-magenta-200 {
  --color: var(--token-primitives-magenta-200, #ffe5fa);
  color: var(--token-primitives-magenta-200, #ffe5fa);
}

.token-primitives-magenta-300 {
  --color: var(--token-primitives-magenta-300, #f9d4f1);
  color: var(--token-primitives-magenta-300, #f9d4f1);
}

.token-primitives-magenta-400 {
  --color: var(--token-primitives-magenta-400, #f6bcea);
  color: var(--token-primitives-magenta-400, #f6bcea);
}

.token-primitives-magenta-500 {
  --color: var(--token-primitives-magenta-500, #f39fe3);
  color: var(--token-primitives-magenta-500, #f39fe3);
}

.token-primitives-magenta-600 {
  --color: var(--token-primitives-magenta-600, #f07cdb);
  color: var(--token-primitives-magenta-600, #f07cdb);
}

.token-primitives-magenta-700 {
  --color: var(--token-primitives-magenta-700, #ed4ad3);
  color: var(--token-primitives-magenta-700, #ed4ad3);
}

.token-primitives-magenta-800 {
  --color: var(--token-primitives-magenta-800, #d844c1);
  color: var(--token-primitives-magenta-800, #d844c1);
}

.token-primitives-magenta-900 {
  --color: var(--token-primitives-magenta-900, #c13cac);
  color: var(--token-primitives-magenta-900, #c13cac);
}

.token-primitives-magenta-1000 {
  --color: var(--token-primitives-magenta-1000, #a83495);
  color: var(--token-primitives-magenta-1000, #a83495);
}

.token-primitives-magenta-1100 {
  --color: var(--token-primitives-magenta-1100, #892b7a);
  color: var(--token-primitives-magenta-1100, #892b7a);
}

.token-primitives-magenta-1200 {
  --color: var(--token-primitives-magenta-1200, #611e56);
  color: var(--token-primitives-magenta-1200, #611e56);
}

.token-primitives-pink-100 {
  --color: var(--token-primitives-pink-100, #fdeaee);
  color: var(--token-primitives-pink-100, #fdeaee);
}

.token-primitives-pink-200 {
  --color: var(--token-primitives-pink-200, #ffe3e9);
  color: var(--token-primitives-pink-200, #ffe3e9);
}

.token-primitives-pink-300 {
  --color: var(--token-primitives-pink-300, #fad3dc);
  color: var(--token-primitives-pink-300, #fad3dc);
}

.token-primitives-pink-400 {
  --color: var(--token-primitives-pink-400, #f8b9c9);
  color: var(--token-primitives-pink-400, #f8b9c9);
}

.token-primitives-pink-500 {
  --color: var(--token-primitives-pink-500, #f69bb3);
  color: var(--token-primitives-pink-500, #f69bb3);
}

.token-primitives-pink-600 {
  --color: var(--token-primitives-pink-600, #f3759a);
  color: var(--token-primitives-pink-600, #f3759a);
}

.token-primitives-pink-700 {
  --color: var(--token-primitives-pink-700, #f13b7d);
  color: var(--token-primitives-pink-700, #f13b7d);
}

.token-primitives-pink-800 {
  --color: var(--token-primitives-pink-800, #dc3672);
  color: var(--token-primitives-pink-800, #dc3672);
}

.token-primitives-pink-900 {
  --color: var(--token-primitives-pink-900, #c53066);
  color: var(--token-primitives-pink-900, #c53066);
}

.token-primitives-pink-1000 {
  --color: var(--token-primitives-pink-1000, #aa2a58);
  color: var(--token-primitives-pink-1000, #aa2a58);
}

.token-primitives-pink-1100 {
  --color: var(--token-primitives-pink-1100, #8b2248);
  color: var(--token-primitives-pink-1100, #8b2248);
}

.token-primitives-pink-1200 {
  --color: var(--token-primitives-pink-1200, #621833);
  color: var(--token-primitives-pink-1200, #621833);
}

.token-semantics-primary-100 {
  --color: var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc));
  color: var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc));
}

.token-semantics-primary-200 {
  --color: var(--token-semantics-primary-200, var(--token-primitives-blue-200, #e4e8ff));
  color: var(--token-semantics-primary-200, var(--token-primitives-blue-200, #e4e8ff));
}

.token-semantics-primary-300 {
  --color: var(--token-semantics-primary-300, var(--token-primitives-blue-300, #d0d7fa));
  color: var(--token-semantics-primary-300, var(--token-primitives-blue-300, #d0d7fa));
}

.token-semantics-primary-400 {
  --color: var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7));
  color: var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7));
}

.token-semantics-primary-500 {
  --color: var(--token-semantics-primary-500, var(--token-primitives-blue-500, #94a5f4));
  color: var(--token-semantics-primary-500, var(--token-primitives-blue-500, #94a5f4));
}

.token-semantics-primary-600 {
  --color: var(--token-semantics-primary-600, var(--token-primitives-blue-600, #6986f2));
  color: var(--token-semantics-primary-600, var(--token-primitives-blue-600, #6986f2));
}

.token-semantics-primary-700 {
  --color: var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef));
  color: var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef));
}

.token-semantics-primary-800 {
  --color: var(--token-semantics-primary-800, var(--token-primitives-blue-800, #0f54da));
  color: var(--token-semantics-primary-800, var(--token-primitives-blue-800, #0f54da));
}

.token-semantics-primary-900 {
  --color: var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3));
  color: var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3));
}

.token-semantics-primary-1000 {
  --color: var(--token-semantics-primary-1000, var(--token-primitives-blue-1000, #0b41a9));
  color: var(--token-semantics-primary-1000, var(--token-primitives-blue-1000, #0b41a9));
}

.token-semantics-primary-1100 {
  --color: var(--token-semantics-primary-1100, var(--token-primitives-blue-1100, #09358a));
  color: var(--token-semantics-primary-1100, var(--token-primitives-blue-1100, #09358a));
}

.token-semantics-primary-1200 {
  --color: var(--token-semantics-primary-1200, var(--token-primitives-blue-1200, #072561));
  color: var(--token-semantics-primary-1200, var(--token-primitives-blue-1200, #072561));
}

.token-semantics-primary-base {
  --color: var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)));
  color: var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)));
}

.token-semantics-info-100 {
  --color: var(--token-semantics-info-100, var(--token-primitives-blue-100, #e9ecfc));
  color: var(--token-semantics-info-100, var(--token-primitives-blue-100, #e9ecfc));
}

.token-semantics-info-200 {
  --color: var(--token-semantics-info-200, var(--token-primitives-blue-200, #e4e8ff));
  color: var(--token-semantics-info-200, var(--token-primitives-blue-200, #e4e8ff));
}

.token-semantics-info-300 {
  --color: var(--token-semantics-info-300, var(--token-primitives-blue-300, #d0d7fa));
  color: var(--token-semantics-info-300, var(--token-primitives-blue-300, #d0d7fa));
}

.token-semantics-info-400 {
  --color: var(--token-semantics-info-400, var(--token-primitives-blue-400, #b5c0f7));
  color: var(--token-semantics-info-400, var(--token-primitives-blue-400, #b5c0f7));
}

.token-semantics-info-500 {
  --color: var(--token-semantics-info-500, var(--token-primitives-blue-500, #94a5f4));
  color: var(--token-semantics-info-500, var(--token-primitives-blue-500, #94a5f4));
}

.token-semantics-info-600 {
  --color: var(--token-semantics-info-600, var(--token-primitives-blue-600, #6986f2));
  color: var(--token-semantics-info-600, var(--token-primitives-blue-600, #6986f2));
}

.token-semantics-info-700 {
  --color: var(--token-semantics-info-700, var(--token-primitives-blue-700, #105cef));
  color: var(--token-semantics-info-700, var(--token-primitives-blue-700, #105cef));
}

.token-semantics-info-800 {
  --color: var(--token-semantics-info-800, var(--token-primitives-blue-800, #0f54da));
  color: var(--token-semantics-info-800, var(--token-primitives-blue-800, #0f54da));
}

.token-semantics-info-900 {
  --color: var(--token-semantics-info-900, var(--token-primitives-blue-900, #0d4bc3));
  color: var(--token-semantics-info-900, var(--token-primitives-blue-900, #0d4bc3));
}

.token-semantics-info-1000 {
  --color: var(--token-semantics-info-1000, var(--token-primitives-blue-1000, #0b41a9));
  color: var(--token-semantics-info-1000, var(--token-primitives-blue-1000, #0b41a9));
}

.token-semantics-info-1100 {
  --color: var(--token-semantics-info-1100, var(--token-primitives-blue-1100, #09358a));
  color: var(--token-semantics-info-1100, var(--token-primitives-blue-1100, #09358a));
}

.token-semantics-info-1200 {
  --color: var(--token-semantics-info-1200, var(--token-primitives-blue-1200, #072561));
  color: var(--token-semantics-info-1200, var(--token-primitives-blue-1200, #072561));
}

.token-semantics-info-base {
  --color: var(--token-semantics-info-base, var(--token-semantics-info-700, var(--token-primitives-blue-700, #105cef)));
  color: var(--token-semantics-info-base, var(--token-semantics-info-700, var(--token-primitives-blue-700, #105cef)));
}

.token-semantics-success-100 {
  --color: var(--token-semantics-success-100, var(--token-primitives-green-100, #e2f9e4));
  color: var(--token-semantics-success-100, var(--token-primitives-green-100, #e2f9e4));
}

.token-semantics-success-200 {
  --color: var(--token-semantics-success-200, var(--token-primitives-green-200, #d1f7d4));
  color: var(--token-semantics-success-200, var(--token-primitives-green-200, #d1f7d4));
}

.token-semantics-success-300 {
  --color: var(--token-semantics-success-300, var(--token-primitives-green-300, #b3ebb7));
  color: var(--token-semantics-success-300, var(--token-primitives-green-300, #b3ebb7));
}

.token-semantics-success-400 {
  --color: var(--token-semantics-success-400, var(--token-primitives-green-400, #7fe089));
  color: var(--token-semantics-success-400, var(--token-primitives-green-400, #7fe089));
}

.token-semantics-success-500 {
  --color: var(--token-semantics-success-500, var(--token-primitives-green-500, #23d643));
  color: var(--token-semantics-success-500, var(--token-primitives-green-500, #23d643));
}

.token-semantics-success-600 {
  --color: var(--token-semantics-success-600, var(--token-primitives-green-600, #1fbd3b));
  color: var(--token-semantics-success-600, var(--token-primitives-green-600, #1fbd3b));
}

.token-semantics-success-700 {
  --color: var(--token-semantics-success-700, var(--token-primitives-green-700, #1ba433));
  color: var(--token-semantics-success-700, var(--token-primitives-green-700, #1ba433));
}

.token-semantics-success-800 {
  --color: var(--token-semantics-success-800, var(--token-primitives-green-800, #178a2b));
  color: var(--token-semantics-success-800, var(--token-primitives-green-800, #178a2b));
}

.token-semantics-success-900 {
  --color: var(--token-semantics-success-900, var(--token-primitives-green-900, #126f23));
  color: var(--token-semantics-success-900, var(--token-primitives-green-900, #126f23));
}

.token-semantics-success-1000 {
  --color: var(--token-semantics-success-1000, var(--token-primitives-green-1000, #0e531a));
  color: var(--token-semantics-success-1000, var(--token-primitives-green-1000, #0e531a));
}

.token-semantics-success-1100 {
  --color: var(--token-semantics-success-1100, var(--token-primitives-green-1100, #093811));
  color: var(--token-semantics-success-1100, var(--token-primitives-green-1100, #093811));
}

.token-semantics-success-1200 {
  --color: var(--token-semantics-success-1200, var(--token-primitives-green-1200, #051d09));
  color: var(--token-semantics-success-1200, var(--token-primitives-green-1200, #051d09));
}

.token-semantics-success-base {
  --color: var(--token-semantics-success-base, var(--token-semantics-success-700, var(--token-primitives-green-700, #1ba433)));
  color: var(--token-semantics-success-base, var(--token-semantics-success-700, var(--token-primitives-green-700, #1ba433)));
}

.token-semantics-danger-100 {
  --color: var(--token-semantics-danger-100, var(--token-primitives-red-100, #fde1e1));
  color: var(--token-semantics-danger-100, var(--token-primitives-red-100, #fde1e1));
}

.token-semantics-danger-200 {
  --color: var(--token-semantics-danger-200, var(--token-primitives-red-200, #ffd9d9));
  color: var(--token-semantics-danger-200, var(--token-primitives-red-200, #ffd9d9));
}

.token-semantics-danger-300 {
  --color: var(--token-semantics-danger-300, var(--token-primitives-red-300, #fcc1c1));
  color: var(--token-semantics-danger-300, var(--token-primitives-red-300, #fcc1c1));
}

.token-semantics-danger-400 {
  --color: var(--token-semantics-danger-400, var(--token-primitives-red-400, #faa1a1));
  color: var(--token-semantics-danger-400, var(--token-primitives-red-400, #faa1a1));
}

.token-semantics-danger-500 {
  --color: var(--token-semantics-danger-500, var(--token-primitives-red-500, #f97d7d));
  color: var(--token-semantics-danger-500, var(--token-primitives-red-500, #f97d7d));
}

.token-semantics-danger-600 {
  --color: var(--token-semantics-danger-600, var(--token-primitives-red-600, #f85151));
  color: var(--token-semantics-danger-600, var(--token-primitives-red-600, #f85151));
}

.token-semantics-danger-700 {
  --color: var(--token-semantics-danger-700, var(--token-primitives-red-700, #e52929));
  color: var(--token-semantics-danger-700, var(--token-primitives-red-700, #e52929));
}

.token-semantics-danger-800 {
  --color: var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222));
  color: var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222));
}

.token-semantics-danger-900 {
  --color: var(--token-semantics-danger-900, var(--token-primitives-red-900, #991b1b));
  color: var(--token-semantics-danger-900, var(--token-primitives-red-900, #991b1b));
}

.token-semantics-danger-1000 {
  --color: var(--token-semantics-danger-1000, var(--token-primitives-red-1000, #761515));
  color: var(--token-semantics-danger-1000, var(--token-primitives-red-1000, #761515));
}

.token-semantics-danger-1100 {
  --color: var(--token-semantics-danger-1100, var(--token-primitives-red-1100, #540f0f));
  color: var(--token-semantics-danger-1100, var(--token-primitives-red-1100, #540f0f));
}

.token-semantics-danger-1200 {
  --color: var(--token-semantics-danger-1200, var(--token-primitives-red-1200, #330909));
  color: var(--token-semantics-danger-1200, var(--token-primitives-red-1200, #330909));
}

.token-semantics-danger-base {
  --color: var(--token-semantics-danger-base, var(--token-semantics-danger-700, var(--token-primitives-red-700, #e52929)));
  color: var(--token-semantics-danger-base, var(--token-semantics-danger-700, var(--token-primitives-red-700, #e52929)));
}

.token-semantics-warning-100 {
  --color: var(--token-semantics-warning-100, var(--token-primitives-yellow-100, #fff3d5));
  color: var(--token-semantics-warning-100, var(--token-primitives-yellow-100, #fff3d5));
}

.token-semantics-warning-200 {
  --color: var(--token-semantics-warning-200, var(--token-primitives-yellow-200, #fff0c7));
  color: var(--token-semantics-warning-200, var(--token-primitives-yellow-200, #fff0c7));
}

.token-semantics-warning-300 {
  --color: var(--token-semantics-warning-300, var(--token-primitives-yellow-300, #ffebb1));
  color: var(--token-semantics-warning-300, var(--token-primitives-yellow-300, #ffebb1));
}

.token-semantics-warning-400 {
  --color: var(--token-semantics-warning-400, var(--token-primitives-yellow-400, #ffe07b));
  color: var(--token-semantics-warning-400, var(--token-primitives-yellow-400, #ffe07b));
}

.token-semantics-warning-500 {
  --color: var(--token-semantics-warning-500, var(--token-primitives-yellow-500, #ffd600));
  color: var(--token-semantics-warning-500, var(--token-primitives-yellow-500, #ffd600));
}

.token-semantics-warning-600 {
  --color: var(--token-semantics-warning-600, var(--token-primitives-yellow-600, #f9bd0a));
  color: var(--token-semantics-warning-600, var(--token-primitives-yellow-600, #f9bd0a));
}

.token-semantics-warning-700 {
  --color: var(--token-semantics-warning-700, var(--token-primitives-yellow-700, #df9c00));
  color: var(--token-semantics-warning-700, var(--token-primitives-yellow-700, #df9c00));
}

.token-semantics-warning-800 {
  --color: var(--token-semantics-warning-800, var(--token-primitives-yellow-800, #ba8200));
  color: var(--token-semantics-warning-800, var(--token-primitives-yellow-800, #ba8200));
}

.token-semantics-warning-900 {
  --color: var(--token-semantics-warning-900, var(--token-primitives-yellow-900, #966503));
  color: var(--token-semantics-warning-900, var(--token-primitives-yellow-900, #966503));
}

.token-semantics-warning-1000 {
  --color: var(--token-semantics-warning-1000, var(--token-primitives-yellow-1000, #704b02));
  color: var(--token-semantics-warning-1000, var(--token-primitives-yellow-1000, #704b02));
}

.token-semantics-warning-1100 {
  --color: var(--token-semantics-warning-1100, var(--token-primitives-yellow-1100, #533802));
  color: var(--token-semantics-warning-1100, var(--token-primitives-yellow-1100, #533802));
}

.token-semantics-warning-1200 {
  --color: var(--token-semantics-warning-1200, var(--token-primitives-yellow-1200, #2c1e02));
  color: var(--token-semantics-warning-1200, var(--token-primitives-yellow-1200, #2c1e02));
}

.token-semantics-warning-base {
  --color: var(--token-semantics-warning-base, var(--token-semantics-warning-500, var(--token-primitives-yellow-500, #ffd600)));
  color: var(--token-semantics-warning-base, var(--token-semantics-warning-500, var(--token-primitives-yellow-500, #ffd600)));
}

.token-text-default {
  --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
  color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
}

.token-text-subtle {
  --color: var(--token-text-subtle, var(--token-primitives-neutral-1000, #3b3b3b));
  color: var(--token-text-subtle, var(--token-primitives-neutral-1000, #3b3b3b));
}

.token-text-subtlest {
  --color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));
  color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));
}

.token-text-primary {
  --color: var(--token-text-primary, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)));
  color: var(--token-text-primary, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)));
}

.token-text-disabled {
  --color: var(--token-text-disabled, var(--token-primitives-neutral-500, #a2a2a2));
  color: var(--token-text-disabled, var(--token-primitives-neutral-500, #a2a2a2));
}

.token-text-danger {
  --color: var(--token-text-danger, var(--token-semantics-danger-900, var(--token-primitives-red-900, #991b1b)));
  color: var(--token-text-danger, var(--token-semantics-danger-900, var(--token-primitives-red-900, #991b1b)));
}

.token-text-info {
  --color: var(--token-text-info, var(--token-semantics-info-900, var(--token-primitives-blue-900, #0d4bc3)));
  color: var(--token-text-info, var(--token-semantics-info-900, var(--token-primitives-blue-900, #0d4bc3)));
}

.token-text-warning {
  --color: var(--token-text-warning, var(--token-semantics-warning-1000, var(--token-primitives-yellow-1000, #704b02)));
  color: var(--token-text-warning, var(--token-semantics-warning-1000, var(--token-primitives-yellow-1000, #704b02)));
}

.token-text-success {
  --color: var(--token-text-success, var(--token-semantics-success-900, var(--token-primitives-green-900, #126f23)));
  color: var(--token-text-success, var(--token-semantics-success-900, var(--token-primitives-green-900, #126f23)));
}

.token-text-link-default {
  --color: var(--token-text-link-default, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)));
  color: var(--token-text-link-default, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)));
}

.token-text-link-press {
  --color: var(--token-text-link-press, var(--token-semantics-primary-1100, var(--token-primitives-blue-1100, #09358a)));
  color: var(--token-text-link-press, var(--token-semantics-primary-1100, var(--token-primitives-blue-1100, #09358a)));
}

.token-text-link-visited {
  --color: var(--token-text-link-visited, var(--token-semantics-primary-1100, var(--token-primitives-blue-1100, #09358a)));
  color: var(--token-text-link-visited, var(--token-semantics-primary-1100, var(--token-primitives-blue-1100, #09358a)));
}

.token-text-inverse {
  --color: var(--token-text-inverse, var(--token-primitives-base-white, #ffffff));
  color: var(--token-text-inverse, var(--token-primitives-base-white, #ffffff));
}

.token-text-select {
  --color: var(--token-text-select, var(--token-semantics-primary-800, var(--token-primitives-blue-800, #0f54da)));
  color: var(--token-text-select, var(--token-semantics-primary-800, var(--token-primitives-blue-800, #0f54da)));
}

.token-text-extended-pumpkin {
  --color: var(--token-text-extended-pumpkin, var(--token-primitives-pumpkin-900, #803004));
  color: var(--token-text-extended-pumpkin, var(--token-primitives-pumpkin-900, #803004));
}

.token-text-extended-orange {
  --color: var(--token-text-extended-orange, var(--token-primitives-orange-900, #844d00));
  color: var(--token-text-extended-orange, var(--token-primitives-orange-900, #844d00));
}

.token-text-extended-lime {
  --color: var(--token-text-extended-lime, var(--token-primitives-lime-1000, #3e5709));
  color: var(--token-text-extended-lime, var(--token-primitives-lime-1000, #3e5709));
}

.token-text-extended-teal {
  --color: var(--token-text-extended-teal, var(--token-primitives-teal-900, #006b5f));
  color: var(--token-text-extended-teal, var(--token-primitives-teal-900, #006b5f));
}

.token-text-extended-aqua {
  --color: var(--token-text-extended-aqua, var(--token-primitives-aqua-900, #146d81));
  color: var(--token-text-extended-aqua, var(--token-primitives-aqua-900, #146d81));
}

.token-text-extended-indigo {
  --color: var(--token-text-extended-indigo, var(--token-primitives-indigo-900, #3516ae));
  color: var(--token-text-extended-indigo, var(--token-primitives-indigo-900, #3516ae));
}

.token-text-extended-violet {
  --color: var(--token-text-extended-violet, var(--token-primitives-violet-900, #651ac5));
  color: var(--token-text-extended-violet, var(--token-primitives-violet-900, #651ac5));
}

.token-text-extended-purple {
  --color: var(--token-text-extended-purple, var(--token-primitives-purple-1000, #812aaa));
  color: var(--token-text-extended-purple, var(--token-primitives-purple-1000, #812aaa));
}

.token-text-extended-magenta {
  --color: var(--token-text-extended-magenta, var(--token-primitives-magenta-1100, #892b7a));
  color: var(--token-text-extended-magenta, var(--token-primitives-magenta-1100, #892b7a));
}

.token-text-extended-pink {
  --color: var(--token-text-extended-pink, var(--token-primitives-pink-1000, #aa2a58));
  color: var(--token-text-extended-pink, var(--token-primitives-pink-1000, #aa2a58));
}

.token-bg-primary-base-default {
  --background-color: var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))));
  background-color: var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))));
}

.token-bg-primary-base-press {
  --background-color: var(--token-bg-primary-base-press, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)));
  background-color: var(--token-bg-primary-base-press, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)));
}

.token-bg-primary-subtle-default {
  --background-color: var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc)));
  background-color: var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc)));
}

.token-bg-primary-subtle-press {
  --background-color: var(--token-bg-primary-subtle-press, var(--token-semantics-primary-300, var(--token-primitives-blue-300, #d0d7fa)));
  background-color: var(--token-bg-primary-subtle-press, var(--token-semantics-primary-300, var(--token-primitives-blue-300, #d0d7fa)));
}

.token-bg-danger-base-default {
  --background-color: var(--token-bg-danger-base-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222)));
  background-color: var(--token-bg-danger-base-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222)));
}

.token-bg-danger-base-press {
  --background-color: var(--token-bg-danger-base-press, var(--token-semantics-danger-1000, var(--token-primitives-red-1000, #761515)));
  background-color: var(--token-bg-danger-base-press, var(--token-semantics-danger-1000, var(--token-primitives-red-1000, #761515)));
}

.token-bg-danger-subtle-default {
  --background-color: var(--token-bg-danger-subtle-default, var(--token-semantics-danger-100, var(--token-primitives-red-100, #fde1e1)));
  background-color: var(--token-bg-danger-subtle-default, var(--token-semantics-danger-100, var(--token-primitives-red-100, #fde1e1)));
}

.token-bg-danger-subtle-press {
  --background-color: var(--token-bg-danger-subtle-press, var(--token-semantics-danger-300, var(--token-primitives-red-300, #fcc1c1)));
  background-color: var(--token-bg-danger-subtle-press, var(--token-semantics-danger-300, var(--token-primitives-red-300, #fcc1c1)));
}

.token-bg-success-base-default {
  --background-color: var(--token-bg-success-base-default, var(--token-semantics-success-900, var(--token-primitives-green-900, #126f23)));
  background-color: var(--token-bg-success-base-default, var(--token-semantics-success-900, var(--token-primitives-green-900, #126f23)));
}

.token-bg-success-base-press {
  --background-color: var(--token-bg-success-base-press, var(--token-semantics-success-1100, var(--token-primitives-green-1100, #093811)));
  background-color: var(--token-bg-success-base-press, var(--token-semantics-success-1100, var(--token-primitives-green-1100, #093811)));
}

.token-bg-success-subtle-default {
  --background-color: var(--token-bg-success-subtle-default, var(--token-semantics-success-100, var(--token-primitives-green-100, #e2f9e4)));
  background-color: var(--token-bg-success-subtle-default, var(--token-semantics-success-100, var(--token-primitives-green-100, #e2f9e4)));
}

.token-bg-success-subtle-press {
  --background-color: var(--token-bg-success-subtle-press, var(--token-semantics-success-300, var(--token-primitives-green-300, #b3ebb7)));
  background-color: var(--token-bg-success-subtle-press, var(--token-semantics-success-300, var(--token-primitives-green-300, #b3ebb7)));
}

.token-bg-info-base-default {
  --background-color: var(--token-bg-info-base-default, var(--token-semantics-info-900, var(--token-primitives-blue-900, #0d4bc3)));
  background-color: var(--token-bg-info-base-default, var(--token-semantics-info-900, var(--token-primitives-blue-900, #0d4bc3)));
}

.token-bg-info-base-press {
  --background-color: var(--token-bg-info-base-press, var(--token-semantics-info-1100, var(--token-primitives-blue-1100, #09358a)));
  background-color: var(--token-bg-info-base-press, var(--token-semantics-info-1100, var(--token-primitives-blue-1100, #09358a)));
}

.token-bg-info-subtle-default {
  --background-color: var(--token-bg-info-subtle-default, var(--token-semantics-info-100, var(--token-primitives-blue-100, #e9ecfc)));
  background-color: var(--token-bg-info-subtle-default, var(--token-semantics-info-100, var(--token-primitives-blue-100, #e9ecfc)));
}

.token-bg-info-subtle-press {
  --background-color: var(--token-bg-info-subtle-press, var(--token-semantics-info-300, var(--token-primitives-blue-300, #d0d7fa)));
  background-color: var(--token-bg-info-subtle-press, var(--token-semantics-info-300, var(--token-primitives-blue-300, #d0d7fa)));
}

.token-bg-warning-base-default {
  --background-color: var(--token-bg-warning-base-default, var(--token-semantics-warning-500, var(--token-primitives-yellow-500, #ffd600)));
  background-color: var(--token-bg-warning-base-default, var(--token-semantics-warning-500, var(--token-primitives-yellow-500, #ffd600)));
}

.token-bg-warning-base-press {
  --background-color: var(--token-bg-warning-base-press, var(--token-semantics-warning-700, var(--token-primitives-yellow-700, #df9c00)));
  background-color: var(--token-bg-warning-base-press, var(--token-semantics-warning-700, var(--token-primitives-yellow-700, #df9c00)));
}

.token-bg-warning-subtle-default {
  --background-color: var(--token-bg-warning-subtle-default, var(--token-semantics-warning-200, var(--token-primitives-yellow-200, #fff0c7)));
  background-color: var(--token-bg-warning-subtle-default, var(--token-semantics-warning-200, var(--token-primitives-yellow-200, #fff0c7)));
}

.token-bg-warning-subtle-press {
  --background-color: var(--token-bg-warning-subtle-press, var(--token-semantics-warning-400, var(--token-primitives-yellow-400, #ffe07b)));
  background-color: var(--token-bg-warning-subtle-press, var(--token-semantics-warning-400, var(--token-primitives-yellow-400, #ffe07b)));
}

.token-bg-body {
  --background-color: var(--token-bg-body, var(--token-primitives-base-white, #ffffff));
  background-color: var(--token-bg-body, var(--token-primitives-base-white, #ffffff));
}

.token-bg-neutral-subtle-default {
  --background-color: var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-200, #eae9e9));
  background-color: var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-200, #eae9e9));
}

.token-bg-neutral-subtle-press {
  --background-color: var(--token-bg-neutral-subtle-press, var(--token-primitives-neutral-400, #d5d5d5));
  background-color: var(--token-bg-neutral-subtle-press, var(--token-primitives-neutral-400, #d5d5d5));
}

.token-bg-neutral-base-default {
  --background-color: var(--token-bg-neutral-base-default, var(--token-primitives-neutral-500, #a2a2a2));
  background-color: var(--token-bg-neutral-base-default, var(--token-primitives-neutral-500, #a2a2a2));
}

.token-bg-neutral-base-press {
  --background-color: var(--token-bg-neutral-base-press, var(--token-primitives-neutral-700, #777777));
  background-color: var(--token-bg-neutral-base-press, var(--token-primitives-neutral-700, #777777));
}

.token-bg-neutral-subtlest-default {
  --background-color: var(--token-bg-neutral-subtlest-default, var(--token-primitives-base-white, #ffffff));
  background-color: var(--token-bg-neutral-subtlest-default, var(--token-primitives-base-white, #ffffff));
}

.token-bg-neutral-subtlest-press {
  --background-color: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #eae9e9));
  background-color: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #eae9e9));
}

.token-bg-neutral-bold-default {
  --background-color: var(--token-bg-neutral-bold-default, var(--token-primitives-neutral-1000, #3b3b3b));
  background-color: var(--token-bg-neutral-bold-default, var(--token-primitives-neutral-1000, #3b3b3b));
}

.token-bg-neutral-bold-press {
  --background-color: var(--token-bg-neutral-bold-press, var(--token-primitives-neutral-1200, #242424));
  background-color: var(--token-bg-neutral-bold-press, var(--token-primitives-neutral-1200, #242424));
}

.token-bg-neutral-boldest-default {
  --background-color: var(--token-bg-neutral-boldest-default, var(--token-primitives-neutral-1200, #242424));
  background-color: var(--token-bg-neutral-boldest-default, var(--token-primitives-neutral-1200, #242424));
}

.token-bg-neutral-boldest-press {
  --background-color: var(--token-bg-neutral-boldest-press, var(--token-primitives-base-black, #111111));
  background-color: var(--token-bg-neutral-boldest-press, var(--token-primitives-base-black, #111111));
}

.token-bg-surface-default {
  --background-color: var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));
  background-color: var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));
}

.token-bg-surface-inverse {
  --background-color: var(--token-bg-surface-inverse, var(--token-primitives-base-white, #ffffff));
  background-color: var(--token-bg-surface-inverse, var(--token-primitives-base-white, #ffffff));
}

.token-bg-input-default {
  --background-color: var(--token-bg-input-default, var(--token-primitives-base-white, #ffffff));
  background-color: var(--token-bg-input-default, var(--token-primitives-base-white, #ffffff));
}

.token-bg-input-read-only {
  --background-color: var(--token-bg-input-read-only, var(--token-primitives-neutral-100, #f3f3f3));
  background-color: var(--token-bg-input-read-only, var(--token-primitives-neutral-100, #f3f3f3));
}

.token-bg-input-press {
  --background-color: var(--token-bg-input-press, var(--token-primitives-neutral-200, #eae9e9));
  background-color: var(--token-bg-input-press, var(--token-primitives-neutral-200, #eae9e9));
}

.token-bg-input-disabled {
  --background-color: var(--token-bg-input-disabled, var(--token-primitives-neutral-100, #f3f3f3));
  background-color: var(--token-bg-input-disabled, var(--token-primitives-neutral-100, #f3f3f3));
}

.token-bg-input-bold-default {
  --background-color: var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #eae9e9));
  background-color: var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #eae9e9));
}

.token-bg-input-bold-press {
  --background-color: var(--token-bg-input-bold-press, var(--token-primitives-neutral-400, #d5d5d5));
  background-color: var(--token-bg-input-bold-press, var(--token-primitives-neutral-400, #d5d5d5));
}

.token-bg-input-bold-read-only {
  --background-color: var(--token-bg-input-bold-read-only, var(--token-primitives-neutral-300, #e0e0e0));
  background-color: var(--token-bg-input-bold-read-only, var(--token-primitives-neutral-300, #e0e0e0));
}

.token-bg-input-bold-disabled {
  --background-color: var(--token-bg-input-bold-disabled, var(--token-primitives-neutral-300, #e0e0e0));
  background-color: var(--token-bg-input-bold-disabled, var(--token-primitives-neutral-300, #e0e0e0));
}

.token-bg-select-default {
  --background-color: var(--token-bg-select-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc)));
  background-color: var(--token-bg-select-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc)));
}

.token-bg-select-press {
  --background-color: var(--token-bg-select-press, var(--token-semantics-primary-300, var(--token-primitives-blue-300, #d0d7fa)));
  background-color: var(--token-bg-select-press, var(--token-semantics-primary-300, var(--token-primitives-blue-300, #d0d7fa)));
}

.token-bg-extended-pumpkin-base-default {
  --background-color: var(--token-bg-extended-pumpkin-base-default, var(--token-primitives-pumpkin-700, #bd4705));
  background-color: var(--token-bg-extended-pumpkin-base-default, var(--token-primitives-pumpkin-700, #bd4705));
}

.token-bg-extended-pumpkin-base-press {
  --background-color: var(--token-bg-extended-pumpkin-base-press, var(--token-primitives-pumpkin-900, #803004));
  background-color: var(--token-bg-extended-pumpkin-base-press, var(--token-primitives-pumpkin-900, #803004));
}

.token-bg-extended-pumpkin-subtle-default {
  --background-color: var(--token-bg-extended-pumpkin-subtle-default, var(--token-primitives-pumpkin-100, #ffe0db));
  background-color: var(--token-bg-extended-pumpkin-subtle-default, var(--token-primitives-pumpkin-100, #ffe0db));
}

.token-bg-extended-pumpkin-subtle-press {
  --background-color: var(--token-bg-extended-pumpkin-subtle-press, var(--token-primitives-pumpkin-300, #fbbdb1));
  background-color: var(--token-bg-extended-pumpkin-subtle-press, var(--token-primitives-pumpkin-300, #fbbdb1));
}

.token-bg-extended-orange-base-default {
  --background-color: var(--token-bg-extended-orange-base-default, var(--token-primitives-orange-800, #a45f00));
  background-color: var(--token-bg-extended-orange-base-default, var(--token-primitives-orange-800, #a45f00));
}

.token-bg-extended-orange-base-press {
  --background-color: var(--token-bg-extended-orange-base-press, var(--token-primitives-orange-1000, #633a00));
  background-color: var(--token-bg-extended-orange-base-press, var(--token-primitives-orange-1000, #633a00));
}

.token-bg-extended-orange-subtle-default {
  --background-color: var(--token-bg-extended-orange-subtle-default, var(--token-primitives-orange-100, #ffe8db));
  background-color: var(--token-bg-extended-orange-subtle-default, var(--token-primitives-orange-100, #ffe8db));
}

.token-bg-extended-orange-subtle-press {
  --background-color: var(--token-bg-extended-orange-subtle-press, var(--token-primitives-orange-300, #ffcfb1));
  background-color: var(--token-bg-extended-orange-subtle-press, var(--token-primitives-orange-300, #ffcfb1));
}

.token-bg-extended-lime-base-default {
  --background-color: var(--token-bg-extended-lime-base-default, var(--token-primitives-lime-900, #53730c));
  background-color: var(--token-bg-extended-lime-base-default, var(--token-primitives-lime-900, #53730c));
}

.token-bg-extended-lime-base-press {
  --background-color: var(--token-bg-extended-lime-base-press, var(--token-primitives-lime-1100, #2a3a06));
  background-color: var(--token-bg-extended-lime-base-press, var(--token-primitives-lime-1100, #2a3a06));
}

.token-bg-extended-lime-subtle-default {
  --background-color: var(--token-bg-extended-lime-subtle-default, var(--token-primitives-lime-100, #ebfcd4));
  background-color: var(--token-bg-extended-lime-subtle-default, var(--token-primitives-lime-100, #ebfcd4));
}

.token-bg-extended-lime-subtle-press {
  --background-color: var(--token-bg-extended-lime-subtle-press, var(--token-primitives-lime-300, #d3efb2));
  background-color: var(--token-bg-extended-lime-subtle-press, var(--token-primitives-lime-300, #d3efb2));
}

.token-bg-extended-teal-base-default {
  --background-color: var(--token-bg-extended-teal-base-default, var(--token-primitives-teal-800, #008576));
  background-color: var(--token-bg-extended-teal-base-default, var(--token-primitives-teal-800, #008576));
}

.token-bg-extended-teal-base-press {
  --background-color: var(--token-bg-extended-teal-base-press, var(--token-primitives-teal-1000, #005147));
  background-color: var(--token-bg-extended-teal-base-press, var(--token-primitives-teal-1000, #005147));
}

.token-bg-extended-teal-subtle-default {
  --background-color: var(--token-bg-extended-teal-subtle-default, var(--token-primitives-teal-100, #d5f9f1));
  background-color: var(--token-bg-extended-teal-subtle-default, var(--token-primitives-teal-100, #d5f9f1));
}

.token-bg-extended-teal-subtle-press {
  --background-color: var(--token-bg-extended-teal-subtle-press, var(--token-primitives-teal-300, #b1e7dd));
  background-color: var(--token-bg-extended-teal-subtle-press, var(--token-primitives-teal-300, #b1e7dd));
}

.token-bg-extended-aqua-base-default {
  --background-color: var(--token-bg-extended-aqua-base-default, var(--token-primitives-aqua-900, #146d81));
  background-color: var(--token-bg-extended-aqua-base-default, var(--token-primitives-aqua-900, #146d81));
}

.token-bg-extended-aqua-base-press {
  --background-color: var(--token-bg-extended-aqua-base-press, var(--token-primitives-aqua-1100, #0a3741));
  background-color: var(--token-bg-extended-aqua-base-press, var(--token-primitives-aqua-1100, #0a3741));
}

.token-bg-extended-aqua-subtle-default {
  --background-color: var(--token-bg-extended-aqua-subtle-default, var(--token-primitives-aqua-100, #d9f5ff));
  background-color: var(--token-bg-extended-aqua-subtle-default, var(--token-primitives-aqua-100, #d9f5ff));
}

.token-bg-extended-aqua-subtle-press {
  --background-color: var(--token-bg-extended-aqua-subtle-press, var(--token-primitives-aqua-300, #b3e9fc));
  background-color: var(--token-bg-extended-aqua-subtle-press, var(--token-primitives-aqua-300, #b3e9fc));
}

.token-bg-extended-indigo-base-default {
  --background-color: var(--token-bg-extended-indigo-base-default, var(--token-primitives-indigo-700, #411bd5));
  background-color: var(--token-bg-extended-indigo-base-default, var(--token-primitives-indigo-700, #411bd5));
}

.token-bg-extended-indigo-base-press {
  --background-color: var(--token-bg-extended-indigo-base-press, var(--token-primitives-indigo-900, #3516ae));
  background-color: var(--token-bg-extended-indigo-base-press, var(--token-primitives-indigo-900, #3516ae));
}

.token-bg-extended-indigo-subtle-default {
  --background-color: var(--token-bg-extended-indigo-subtle-default, var(--token-primitives-indigo-100, #ebe8ff));
  background-color: var(--token-bg-extended-indigo-subtle-default, var(--token-primitives-indigo-100, #ebe8ff));
}

.token-bg-extended-indigo-subtle-press {
  --background-color: var(--token-bg-extended-indigo-subtle-press, var(--token-primitives-indigo-300, #d3d1f2));
  background-color: var(--token-bg-extended-indigo-subtle-press, var(--token-primitives-indigo-300, #d3d1f2));
}

.token-bg-extended-violet-base-default {
  --background-color: var(--token-bg-extended-violet-base-default, var(--token-primitives-violet-700, #7c20f2));
  background-color: var(--token-bg-extended-violet-base-default, var(--token-primitives-violet-700, #7c20f2));
}

.token-bg-extended-violet-base-press {
  --background-color: var(--token-bg-extended-violet-base-press, var(--token-primitives-violet-900, #651ac5));
  background-color: var(--token-bg-extended-violet-base-press, var(--token-primitives-violet-900, #651ac5));
}

.token-bg-extended-violet-subtle-default {
  --background-color: var(--token-bg-extended-violet-subtle-default, var(--token-primitives-violet-100, #ece6ff));
  background-color: var(--token-bg-extended-violet-subtle-default, var(--token-primitives-violet-100, #ece6ff));
}

.token-bg-extended-violet-subtle-press {
  --background-color: var(--token-bg-extended-violet-subtle-press, var(--token-primitives-violet-300, #dcd1fb));
  background-color: var(--token-bg-extended-violet-subtle-press, var(--token-primitives-violet-300, #dcd1fb));
}

.token-bg-extended-purple-base-default {
  --background-color: var(--token-bg-extended-purple-base-default, var(--token-primitives-purple-800, #a737dc));
  background-color: var(--token-bg-extended-purple-base-default, var(--token-primitives-purple-800, #a737dc));
}

.token-bg-extended-purple-base-press {
  --background-color: var(--token-bg-extended-purple-base-press, var(--token-primitives-purple-1000, #812aaa));
  background-color: var(--token-bg-extended-purple-base-press, var(--token-primitives-purple-1000, #812aaa));
}

.token-bg-extended-purple-subtle-default {
  --background-color: var(--token-bg-extended-purple-subtle-default, var(--token-primitives-purple-100, #f5eafd));
  background-color: var(--token-bg-extended-purple-subtle-default, var(--token-primitives-purple-100, #f5eafd));
}

.token-bg-extended-purple-subtle-press {
  --background-color: var(--token-bg-extended-purple-subtle-press, var(--token-primitives-purple-300, #e9d3fa));
  background-color: var(--token-bg-extended-purple-subtle-press, var(--token-primitives-purple-300, #e9d3fa));
}

.token-bg-extended-magenta-base-default {
  --background-color: var(--token-bg-extended-magenta-base-default, var(--token-primitives-magenta-900, #c13cac));
  background-color: var(--token-bg-extended-magenta-base-default, var(--token-primitives-magenta-900, #c13cac));
}

.token-bg-extended-magenta-base-press {
  --background-color: var(--token-bg-extended-magenta-base-press, var(--token-primitives-magenta-1100, #892b7a));
  background-color: var(--token-bg-extended-magenta-base-press, var(--token-primitives-magenta-1100, #892b7a));
}

.token-bg-extended-magenta-subtle-default {
  --background-color: var(--token-bg-extended-magenta-subtle-default, var(--token-primitives-magenta-100, #ffecfb));
  background-color: var(--token-bg-extended-magenta-subtle-default, var(--token-primitives-magenta-100, #ffecfb));
}

.token-bg-extended-magenta-subtle-press {
  --background-color: var(--token-bg-extended-magenta-subtle-press, var(--token-primitives-magenta-300, #f9d4f1));
  background-color: var(--token-bg-extended-magenta-subtle-press, var(--token-primitives-magenta-300, #f9d4f1));
}

.token-bg-extended-pink-base-default {
  --background-color: var(--token-bg-extended-pink-base-default, var(--token-primitives-pink-900, #c53066));
  background-color: var(--token-bg-extended-pink-base-default, var(--token-primitives-pink-900, #c53066));
}

.token-bg-extended-pink-base-press {
  --background-color: var(--token-bg-extended-pink-base-press, var(--token-primitives-pink-1100, #8b2248));
  background-color: var(--token-bg-extended-pink-base-press, var(--token-primitives-pink-1100, #8b2248));
}

.token-bg-extended-pink-subtle-default {
  --background-color: var(--token-bg-extended-pink-subtle-default, var(--token-primitives-pink-100, #fdeaee));
  background-color: var(--token-bg-extended-pink-subtle-default, var(--token-primitives-pink-100, #fdeaee));
}

.token-bg-extended-pink-subtle-press {
  --background-color: var(--token-bg-extended-pink-subtle-press, var(--token-primitives-pink-300, #fad3dc));
  background-color: var(--token-bg-extended-pink-subtle-press, var(--token-primitives-pink-300, #fad3dc));
}

.token-icon-default {
  --color: var(--token-icon-default, var(--token-primitives-neutral-1200, #242424));
  color: var(--token-icon-default, var(--token-primitives-neutral-1200, #242424));
}

.token-icon-subtle {
  --color: var(--token-icon-subtle, var(--token-primitives-neutral-1000, #3b3b3b));
  color: var(--token-icon-subtle, var(--token-primitives-neutral-1000, #3b3b3b));
}

.token-icon-subtlest {
  --color: var(--token-icon-subtlest, var(--token-primitives-neutral-800, #626262));
  color: var(--token-icon-subtlest, var(--token-primitives-neutral-800, #626262));
}

.token-icon-disabled {
  --color: var(--token-icon-disabled, var(--token-primitives-neutral-500, #a2a2a2));
  color: var(--token-icon-disabled, var(--token-primitives-neutral-500, #a2a2a2));
}

.token-icon-primary {
  --color: var(--token-icon-primary, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)));
  color: var(--token-icon-primary, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)));
}

.token-icon-select {
  --color: var(--token-icon-select, var(--token-semantics-primary-800, var(--token-primitives-blue-800, #0f54da)));
  color: var(--token-icon-select, var(--token-semantics-primary-800, var(--token-primitives-blue-800, #0f54da)));
}

.token-icon-info {
  --color: var(--token-icon-info, var(--token-semantics-info-900, var(--token-primitives-blue-900, #0d4bc3)));
  color: var(--token-icon-info, var(--token-semantics-info-900, var(--token-primitives-blue-900, #0d4bc3)));
}

.token-icon-success {
  --color: var(--token-icon-success, var(--token-semantics-success-900, var(--token-primitives-green-900, #126f23)));
  color: var(--token-icon-success, var(--token-semantics-success-900, var(--token-primitives-green-900, #126f23)));
}

.token-icon-danger {
  --color: var(--token-icon-danger, var(--token-semantics-danger-900, var(--token-primitives-red-900, #991b1b)));
  color: var(--token-icon-danger, var(--token-semantics-danger-900, var(--token-primitives-red-900, #991b1b)));
}

.token-icon-warning {
  --color: var(--token-icon-warning, var(--token-semantics-warning-1000, var(--token-primitives-yellow-1000, #704b02)));
  color: var(--token-icon-warning, var(--token-semantics-warning-1000, var(--token-primitives-yellow-1000, #704b02)));
}

.token-icon-inverse {
  --color: var(--token-icon-inverse, var(--token-primitives-base-white, #ffffff));
  color: var(--token-icon-inverse, var(--token-primitives-base-white, #ffffff));
}

.token-icon-link-default {
  --color: var(--token-icon-link-default, var(--token-text-link-default, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))));
  color: var(--token-icon-link-default, var(--token-text-link-default, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))));
}

.token-icon-link-press {
  --color: var(--token-icon-link-press, var(--token-text-link-press, var(--token-semantics-primary-1100, var(--token-primitives-blue-1100, #09358a))));
  color: var(--token-icon-link-press, var(--token-text-link-press, var(--token-semantics-primary-1100, var(--token-primitives-blue-1100, #09358a))));
}

.token-icon-link-visited {
  --color: var(--token-icon-link-visited, var(--token-text-link-visited, var(--token-semantics-primary-1100, var(--token-primitives-blue-1100, #09358a))));
  color: var(--token-icon-link-visited, var(--token-text-link-visited, var(--token-semantics-primary-1100, var(--token-primitives-blue-1100, #09358a))));
}

.token-icon-extended-pumpkin {
  --color: var(--token-icon-extended-pumpkin, var(--token-primitives-pumpkin-900, #803004));
  color: var(--token-icon-extended-pumpkin, var(--token-primitives-pumpkin-900, #803004));
}

.token-icon-extended-orange {
  --color: var(--token-icon-extended-orange, var(--token-primitives-orange-900, #844d00));
  color: var(--token-icon-extended-orange, var(--token-primitives-orange-900, #844d00));
}

.token-icon-extended-lime {
  --color: var(--token-icon-extended-lime, var(--token-primitives-lime-1000, #3e5709));
  color: var(--token-icon-extended-lime, var(--token-primitives-lime-1000, #3e5709));
}

.token-icon-extended-teal {
  --color: var(--token-icon-extended-teal, var(--token-primitives-teal-900, #006b5f));
  color: var(--token-icon-extended-teal, var(--token-primitives-teal-900, #006b5f));
}

.token-icon-extended-aqua {
  --color: var(--token-icon-extended-aqua, var(--token-primitives-aqua-900, #146d81));
  color: var(--token-icon-extended-aqua, var(--token-primitives-aqua-900, #146d81));
}

.token-icon-extended-indigo {
  --color: var(--token-icon-extended-indigo, var(--token-primitives-indigo-900, #3516ae));
  color: var(--token-icon-extended-indigo, var(--token-primitives-indigo-900, #3516ae));
}

.token-icon-extended-violet {
  --color: var(--token-icon-extended-violet, var(--token-primitives-violet-900, #651ac5));
  color: var(--token-icon-extended-violet, var(--token-primitives-violet-900, #651ac5));
}

.token-icon-extended-purple {
  --color: var(--token-icon-extended-purple, var(--token-primitives-purple-1000, #812aaa));
  color: var(--token-icon-extended-purple, var(--token-primitives-purple-1000, #812aaa));
}

.token-icon-extended-magenta {
  --color: var(--token-icon-extended-magenta, var(--token-primitives-magenta-1100, #892b7a));
  color: var(--token-icon-extended-magenta, var(--token-primitives-magenta-1100, #892b7a));
}

.token-icon-extended-pink {
  --color: var(--token-icon-extended-pink, var(--token-primitives-pink-1000, #aa2a58));
  color: var(--token-icon-extended-pink, var(--token-primitives-pink-1000, #aa2a58));
}

.token-state-disabled {
  --color: var(--token-state-disabled, rgba(255, 255, 255, 0.6));
  color: var(--token-state-disabled, rgba(255, 255, 255, 0.6));
}

.token-state-press {
  --color: var(--token-state-press, rgba(36, 36, 36, 0.08));
  color: var(--token-state-press, rgba(36, 36, 36, 0.08));
}

.token-border-default {
  --border-color: var(--token-border-default, var(--token-primitives-neutral-400, #d5d5d5));
  border-color: var(--token-border-default, var(--token-primitives-neutral-400, #d5d5d5));
}

.token-border-boldest {
  --border-color: var(--token-border-boldest, var(--token-primitives-neutral-1200, #242424));
  border-color: var(--token-border-boldest, var(--token-primitives-neutral-1200, #242424));
}

.token-border-subtle {
  --border-color: var(--token-border-subtle, var(--token-primitives-neutral-100, #f3f3f3));
  border-color: var(--token-border-subtle, var(--token-primitives-neutral-100, #f3f3f3));
}

.token-border-subtlest {
  --border-color: var(--token-border-subtlest, var(--token-primitives-base-white, #ffffff));
  border-color: var(--token-border-subtlest, var(--token-primitives-base-white, #ffffff));
}

.token-border-primary {
  --border-color: var(--token-border-primary, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))));
  border-color: var(--token-border-primary, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))));
}

.token-border-success {
  --border-color: var(--token-border-success, var(--token-semantics-success-900, var(--token-primitives-green-900, #126f23)));
  border-color: var(--token-border-success, var(--token-semantics-success-900, var(--token-primitives-green-900, #126f23)));
}

.token-border-warning {
  --border-color: var(--token-border-warning, var(--token-semantics-warning-900, var(--token-primitives-yellow-900, #966503)));
  border-color: var(--token-border-warning, var(--token-semantics-warning-900, var(--token-primitives-yellow-900, #966503)));
}

.token-border-disabled {
  --border-color: var(--token-border-disabled, var(--token-primitives-neutral-300, #e0e0e0));
  border-color: var(--token-border-disabled, var(--token-primitives-neutral-300, #e0e0e0));
}

.token-border-focus-0 {
  --border-color: var(--token-border-focus-0, none);
  border-color: var(--token-border-focus-0, none);
}

.token-border-focus-default {
  --border-color: var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));
  border-color: var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));
}

.token-border-focus-error {
  --border-color: var(--token-border-focus-error, var(--token-primitives-red-400, #faa1a1));
  border-color: var(--token-border-focus-error, var(--token-primitives-red-400, #faa1a1));
}

.token-border-danger-default {
  --border-color: var(--token-border-danger-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222)));
  border-color: var(--token-border-danger-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222)));
}

.token-border-danger-press {
  --border-color: var(--token-border-danger-press, var(--token-semantics-danger-1000, var(--token-primitives-red-1000, #761515)));
  border-color: var(--token-border-danger-press, var(--token-semantics-danger-1000, var(--token-primitives-red-1000, #761515)));
}

.token-border-input-default {
  --border-color: var(--token-border-input-default, var(--token-primitives-neutral-600, #8c8c8c));
  border-color: var(--token-border-input-default, var(--token-primitives-neutral-600, #8c8c8c));
}

.token-border-input-press {
  --border-color: var(--token-border-input-press, var(--token-primitives-neutral-800, #626262));
  border-color: var(--token-border-input-press, var(--token-primitives-neutral-800, #626262));
}

.token-border-input-read-only {
  --border-color: var(--token-border-input-read-only, var(--token-primitives-neutral-800, #626262));
  border-color: var(--token-border-input-read-only, var(--token-primitives-neutral-800, #626262));
}

.token-border-style-none {
  --border-style: var(--token-border-style-none, none);
  border-style: var(--token-border-style-none, none);
}

.token-border-style-solid {
  --border-style: var(--token-border-style-solid, solid);
  border-style: var(--token-border-style-solid, solid);
}

.token-border-style-dashed {
  --border-style: var(--token-border-style-dashed, dashed);
  border-style: var(--token-border-style-dashed, dashed);
}

.token-border-style-dotted {
  --border-style: var(--token-border-style-dotted, dotted);
  border-style: var(--token-border-style-dotted, dotted);
}

.token-border-size-0 {
  --border-width: var(--token-border-size-0, var(--token-scale-0, 0px));
  border-width: var(--token-border-size-0, var(--token-scale-0, 0px));
}

.token-border-size-025 {
  --border-width: var(--token-border-size-025, var(--token-scale-025, 1px));
  border-width: var(--token-border-size-025, var(--token-scale-025, 1px));
}

.token-border-size-050 {
  --border-width: var(--token-border-size-050, var(--token-scale-050, 2px));
  border-width: var(--token-border-size-050, var(--token-scale-050, 2px));
}

.token-border-size-075 {
  --border-width: var(--token-border-size-075, var(--token-scale-075, 3px));
  border-width: var(--token-border-size-075, var(--token-scale-075, 3px));
}

.token-border-radius-0 {
  --border-radius: var(--token-border-radius-0, var(--token-scale-0, 0px));
  border-radius: var(--token-border-radius-0, var(--token-scale-0, 0px));
}

.token-border-radius-100 {
  --border-radius: var(--token-border-radius-100, var(--token-scale-100, 4px));
  border-radius: var(--token-border-radius-100, var(--token-scale-100, 4px));
}

.token-border-radius-200 {
  --border-radius: var(--token-border-radius-200, var(--token-scale-200, 8px));
  border-radius: var(--token-border-radius-200, var(--token-scale-200, 8px));
}

.token-border-radius-300 {
  --border-radius: var(--token-border-radius-300, var(--token-scale-300, 12px));
  border-radius: var(--token-border-radius-300, var(--token-scale-300, 12px));
}

.token-border-radius-400 {
  --border-radius: var(--token-border-radius-400, var(--token-scale-400, 16px));
  border-radius: var(--token-border-radius-400, var(--token-scale-400, 16px));
}

.token-border-radius-500 {
  --border-radius: var(--token-border-radius-500, var(--token-scale-500, 20px));
  border-radius: var(--token-border-radius-500, var(--token-scale-500, 20px));
}

.token-border-radius-800 {
  --border-radius: var(--token-border-radius-800, var(--token-scale-800, 32px));
  border-radius: var(--token-border-radius-800, var(--token-scale-800, 32px));
}

.token-border-radius-1000 {
  --border-radius: var(--token-border-radius-1000, var(--token-scale-1000, 40px));
  border-radius: var(--token-border-radius-1000, var(--token-scale-1000, 40px));
}

.token-border-radius-full {
  --border-radius: var(--token-border-radius-full, 999px);
  border-radius: var(--token-border-radius-full, 999px);
}

.token-border-radius-025 {
  --border-radius: var(--token-border-radius-025, var(--token-scale-050, 2px));
  border-radius: var(--token-border-radius-025, var(--token-scale-050, 2px));
}

.token-font-weight-thin {
  font-weight: var(--token-font-weight-thin, 100);
}

.token-font-weight-extra-light {
  font-weight: var(--token-font-weight-extra-light, 200);
}

.token-font-weight-light {
  font-weight: var(--token-font-weight-light, 300);
}

.token-font-weight-regular {
  font-weight: var(--token-font-weight-regular, 400);
}

.token-font-weight-medium {
  font-weight: var(--token-font-weight-medium, 500);
}

.token-font-weight-semi-bold {
  font-weight: var(--token-font-weight-semi-bold, 600);
}

.token-font-weight-bold {
  font-weight: var(--token-font-weight-bold, 700);
}

.token-font-weight-extra-bold {
  font-weight: var(--token-font-weight-extra-bold, 800);
}

.token-font-weight-black {
  font-weight: var(--token-font-weight-black, 900);
}

.token-font-size-275 {
  font-size: var(--token-font-size-275, 0.6875rem);
}

.token-font-size-300 {
  font-size: var(--token-font-size-300, 0.75rem);
}

.token-font-size-350 {
  font-size: var(--token-font-size-350, 0.875rem);
}

.token-font-size-400 {
  font-size: var(--token-font-size-400, 1rem);
}

.token-font-size-450 {
  font-size: var(--token-font-size-450, 1.125rem);
}

.token-font-size-500 {
  font-size: var(--token-font-size-500, 1.25rem);
}

.token-font-size-550 {
  font-size: var(--token-font-size-550, 1.375rem);
}

.token-font-size-600 {
  font-size: var(--token-font-size-600, 1.5rem);
}

.token-font-size-650 {
  font-size: var(--token-font-size-650, 1.625rem);
}

.token-font-size-700 {
  font-size: var(--token-font-size-700, 1.75rem);
}

.token-font-size-800 {
  font-size: var(--token-font-size-800, 2rem);
}

.token-font-size-900 {
  font-size: var(--token-font-size-900, 2.25rem);
}

.token-font-letter-spacing-0 {
  letter-spacing: var(--token-font-letter-spacing-0, 0%);
}

.token-font-letter-spacing-1 {
  letter-spacing: var(--token-font-letter-spacing-1, 1%);
}

.token-font-letter-spacing-2 {
  letter-spacing: var(--token-font-letter-spacing-2, 1.5%);
}

.token-font-line-height-300 {
  line-height: var(--token-font-line-height-300, var(--token-scale-300, 12px));
}

.token-font-line-height-400 {
  line-height: var(--token-font-line-height-400, var(--token-scale-400, 16px));
}

.token-font-line-height-500 {
  line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
}

.token-font-line-height-600 {
  line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
}

.token-font-line-height-700 {
  line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
}

.token-font-line-height-800 {
  line-height: var(--token-font-line-height-800, var(--token-scale-800, 32px));
}

.token-font-line-height-900 {
  line-height: var(--token-font-line-height-900, var(--token-scale-900, 36px));
}

.token-font-line-height-1100 {
  line-height: var(--token-font-line-height-1100, var(--token-scale-1100, 44px));
}

.token-font-line-height-1200 {
  line-height: var(--token-font-line-height-1200, var(--token-scale-1200, 48px));
}

.token-font-line-height-full {
  line-height: var(--token-font-line-height-full, 100%);
}

.token-gap-0 {
  gap: var(--token-space-0, var(--token-scale-0, 0px));
}

.token-margin-0 {
  --margin-top: var(--token-space-0, var(--token-scale-0, 0px));
  --margin-end: var(--token-space-0, var(--token-scale-0, 0px));
  --margin-bottom: var(--token-space-0, var(--token-scale-0, 0px));
  --margin-start: var(--token-space-0, var(--token-scale-0, 0px));
  margin-block-start: var(--token-space-0, var(--token-scale-0, 0px));
  margin-inline-end: var(--token-space-0, var(--token-scale-0, 0px));
  margin-block-end: var(--token-space-0, var(--token-scale-0, 0px));
  margin-inline-start: var(--token-space-0, var(--token-scale-0, 0px));
}

.token-margin-top-0 {
  --margin-top: var(--token-space-0, var(--token-scale-0, 0px));
  margin-block-start: var(--token-space-0, var(--token-scale-0, 0px));
}

.token-margin-end-0 {
  --margin-end: var(--token-space-0, var(--token-scale-0, 0px));
  margin-inline-end: var(--token-space-0, var(--token-scale-0, 0px));
}

.token-margin-bottom-0 {
  --margin-bottom: var(--token-space-0, var(--token-scale-0, 0px));
  margin-block-end: var(--token-space-0, var(--token-scale-0, 0px));
}

.token-margin-start-0 {
  --margin-start: var(--token-space-0, var(--token-scale-0, 0px));
  margin-inline-start: var(--token-space-0, var(--token-scale-0, 0px));
}

.token-padding-0 {
  --padding-top: var(--token-space-0, var(--token-scale-0, 0px));
  --padding-end: var(--token-space-0, var(--token-scale-0, 0px));
  --padding-bottom: var(--token-space-0, var(--token-scale-0, 0px));
  --padding-start: var(--token-space-0, var(--token-scale-0, 0px));
  padding-block-start: var(--token-space-0, var(--token-scale-0, 0px));
  padding-inline-end: var(--token-space-0, var(--token-scale-0, 0px));
  padding-block-end: var(--token-space-0, var(--token-scale-0, 0px));
  padding-inline-start: var(--token-space-0, var(--token-scale-0, 0px));
}

.token-padding-top-0 {
  --padding-top: var(--token-space-0, var(--token-scale-0, 0px));
  padding-block-start: var(--token-space-0, var(--token-scale-0, 0px));
}

.token-padding-end-0 {
  --padding-end: var(--token-space-0, var(--token-scale-0, 0px));
  padding-inline-end: var(--token-space-0, var(--token-scale-0, 0px));
}

.token-padding-bottom-0 {
  --padding-bottom: var(--token-space-0, var(--token-scale-0, 0px));
  padding-block-end: var(--token-space-0, var(--token-scale-0, 0px));
}

.token-padding-start-0 {
  --padding-start: var(--token-space-0, var(--token-scale-0, 0px));
  padding-inline-start: var(--token-space-0, var(--token-scale-0, 0px));
}

.token-gap-100 {
  gap: var(--token-space-100, var(--token-scale-100, 4px));
}

.token-margin-100 {
  --margin-top: var(--token-space-100, var(--token-scale-100, 4px));
  --margin-end: var(--token-space-100, var(--token-scale-100, 4px));
  --margin-bottom: var(--token-space-100, var(--token-scale-100, 4px));
  --margin-start: var(--token-space-100, var(--token-scale-100, 4px));
  margin-block-start: var(--token-space-100, var(--token-scale-100, 4px));
  margin-inline-end: var(--token-space-100, var(--token-scale-100, 4px));
  margin-block-end: var(--token-space-100, var(--token-scale-100, 4px));
  margin-inline-start: var(--token-space-100, var(--token-scale-100, 4px));
}

.token-margin-top-100 {
  --margin-top: var(--token-space-100, var(--token-scale-100, 4px));
  margin-block-start: var(--token-space-100, var(--token-scale-100, 4px));
}

.token-margin-end-100 {
  --margin-end: var(--token-space-100, var(--token-scale-100, 4px));
  margin-inline-end: var(--token-space-100, var(--token-scale-100, 4px));
}

.token-margin-bottom-100 {
  --margin-bottom: var(--token-space-100, var(--token-scale-100, 4px));
  margin-block-end: var(--token-space-100, var(--token-scale-100, 4px));
}

.token-margin-start-100 {
  --margin-start: var(--token-space-100, var(--token-scale-100, 4px));
  margin-inline-start: var(--token-space-100, var(--token-scale-100, 4px));
}

.token-padding-100 {
  --padding-top: var(--token-space-100, var(--token-scale-100, 4px));
  --padding-end: var(--token-space-100, var(--token-scale-100, 4px));
  --padding-bottom: var(--token-space-100, var(--token-scale-100, 4px));
  --padding-start: var(--token-space-100, var(--token-scale-100, 4px));
  padding-block-start: var(--token-space-100, var(--token-scale-100, 4px));
  padding-inline-end: var(--token-space-100, var(--token-scale-100, 4px));
  padding-block-end: var(--token-space-100, var(--token-scale-100, 4px));
  padding-inline-start: var(--token-space-100, var(--token-scale-100, 4px));
}

.token-padding-top-100 {
  --padding-top: var(--token-space-100, var(--token-scale-100, 4px));
  padding-block-start: var(--token-space-100, var(--token-scale-100, 4px));
}

.token-padding-end-100 {
  --padding-end: var(--token-space-100, var(--token-scale-100, 4px));
  padding-inline-end: var(--token-space-100, var(--token-scale-100, 4px));
}

.token-padding-bottom-100 {
  --padding-bottom: var(--token-space-100, var(--token-scale-100, 4px));
  padding-block-end: var(--token-space-100, var(--token-scale-100, 4px));
}

.token-padding-start-100 {
  --padding-start: var(--token-space-100, var(--token-scale-100, 4px));
  padding-inline-start: var(--token-space-100, var(--token-scale-100, 4px));
}

.token-gap-150 {
  gap: var(--token-space-150, var(--token-scale-150, 6px));
}

.token-margin-150 {
  --margin-top: var(--token-space-150, var(--token-scale-150, 6px));
  --margin-end: var(--token-space-150, var(--token-scale-150, 6px));
  --margin-bottom: var(--token-space-150, var(--token-scale-150, 6px));
  --margin-start: var(--token-space-150, var(--token-scale-150, 6px));
  margin-block-start: var(--token-space-150, var(--token-scale-150, 6px));
  margin-inline-end: var(--token-space-150, var(--token-scale-150, 6px));
  margin-block-end: var(--token-space-150, var(--token-scale-150, 6px));
  margin-inline-start: var(--token-space-150, var(--token-scale-150, 6px));
}

.token-margin-top-150 {
  --margin-top: var(--token-space-150, var(--token-scale-150, 6px));
  margin-block-start: var(--token-space-150, var(--token-scale-150, 6px));
}

.token-margin-end-150 {
  --margin-end: var(--token-space-150, var(--token-scale-150, 6px));
  margin-inline-end: var(--token-space-150, var(--token-scale-150, 6px));
}

.token-margin-bottom-150 {
  --margin-bottom: var(--token-space-150, var(--token-scale-150, 6px));
  margin-block-end: var(--token-space-150, var(--token-scale-150, 6px));
}

.token-margin-start-150 {
  --margin-start: var(--token-space-150, var(--token-scale-150, 6px));
  margin-inline-start: var(--token-space-150, var(--token-scale-150, 6px));
}

.token-padding-150 {
  --padding-top: var(--token-space-150, var(--token-scale-150, 6px));
  --padding-end: var(--token-space-150, var(--token-scale-150, 6px));
  --padding-bottom: var(--token-space-150, var(--token-scale-150, 6px));
  --padding-start: var(--token-space-150, var(--token-scale-150, 6px));
  padding-block-start: var(--token-space-150, var(--token-scale-150, 6px));
  padding-inline-end: var(--token-space-150, var(--token-scale-150, 6px));
  padding-block-end: var(--token-space-150, var(--token-scale-150, 6px));
  padding-inline-start: var(--token-space-150, var(--token-scale-150, 6px));
}

.token-padding-top-150 {
  --padding-top: var(--token-space-150, var(--token-scale-150, 6px));
  padding-block-start: var(--token-space-150, var(--token-scale-150, 6px));
}

.token-padding-end-150 {
  --padding-end: var(--token-space-150, var(--token-scale-150, 6px));
  padding-inline-end: var(--token-space-150, var(--token-scale-150, 6px));
}

.token-padding-bottom-150 {
  --padding-bottom: var(--token-space-150, var(--token-scale-150, 6px));
  padding-block-end: var(--token-space-150, var(--token-scale-150, 6px));
}

.token-padding-start-150 {
  --padding-start: var(--token-space-150, var(--token-scale-150, 6px));
  padding-inline-start: var(--token-space-150, var(--token-scale-150, 6px));
}

.token-gap-200 {
  gap: var(--token-space-200, var(--token-scale-200, 8px));
}

.token-margin-200 {
  --margin-top: var(--token-space-200, var(--token-scale-200, 8px));
  --margin-end: var(--token-space-200, var(--token-scale-200, 8px));
  --margin-bottom: var(--token-space-200, var(--token-scale-200, 8px));
  --margin-start: var(--token-space-200, var(--token-scale-200, 8px));
  margin-block-start: var(--token-space-200, var(--token-scale-200, 8px));
  margin-inline-end: var(--token-space-200, var(--token-scale-200, 8px));
  margin-block-end: var(--token-space-200, var(--token-scale-200, 8px));
  margin-inline-start: var(--token-space-200, var(--token-scale-200, 8px));
}

.token-margin-top-200 {
  --margin-top: var(--token-space-200, var(--token-scale-200, 8px));
  margin-block-start: var(--token-space-200, var(--token-scale-200, 8px));
}

.token-margin-end-200 {
  --margin-end: var(--token-space-200, var(--token-scale-200, 8px));
  margin-inline-end: var(--token-space-200, var(--token-scale-200, 8px));
}

.token-margin-bottom-200 {
  --margin-bottom: var(--token-space-200, var(--token-scale-200, 8px));
  margin-block-end: var(--token-space-200, var(--token-scale-200, 8px));
}

.token-margin-start-200 {
  --margin-start: var(--token-space-200, var(--token-scale-200, 8px));
  margin-inline-start: var(--token-space-200, var(--token-scale-200, 8px));
}

.token-padding-200 {
  --padding-top: var(--token-space-200, var(--token-scale-200, 8px));
  --padding-end: var(--token-space-200, var(--token-scale-200, 8px));
  --padding-bottom: var(--token-space-200, var(--token-scale-200, 8px));
  --padding-start: var(--token-space-200, var(--token-scale-200, 8px));
  padding-block-start: var(--token-space-200, var(--token-scale-200, 8px));
  padding-inline-end: var(--token-space-200, var(--token-scale-200, 8px));
  padding-block-end: var(--token-space-200, var(--token-scale-200, 8px));
  padding-inline-start: var(--token-space-200, var(--token-scale-200, 8px));
}

.token-padding-top-200 {
  --padding-top: var(--token-space-200, var(--token-scale-200, 8px));
  padding-block-start: var(--token-space-200, var(--token-scale-200, 8px));
}

.token-padding-end-200 {
  --padding-end: var(--token-space-200, var(--token-scale-200, 8px));
  padding-inline-end: var(--token-space-200, var(--token-scale-200, 8px));
}

.token-padding-bottom-200 {
  --padding-bottom: var(--token-space-200, var(--token-scale-200, 8px));
  padding-block-end: var(--token-space-200, var(--token-scale-200, 8px));
}

.token-padding-start-200 {
  --padding-start: var(--token-space-200, var(--token-scale-200, 8px));
  padding-inline-start: var(--token-space-200, var(--token-scale-200, 8px));
}

.token-gap-250 {
  gap: var(--token-space-250, var(--token-scale-250, 10px));
}

.token-margin-250 {
  --margin-top: var(--token-space-250, var(--token-scale-250, 10px));
  --margin-end: var(--token-space-250, var(--token-scale-250, 10px));
  --margin-bottom: var(--token-space-250, var(--token-scale-250, 10px));
  --margin-start: var(--token-space-250, var(--token-scale-250, 10px));
  margin-block-start: var(--token-space-250, var(--token-scale-250, 10px));
  margin-inline-end: var(--token-space-250, var(--token-scale-250, 10px));
  margin-block-end: var(--token-space-250, var(--token-scale-250, 10px));
  margin-inline-start: var(--token-space-250, var(--token-scale-250, 10px));
}

.token-margin-top-250 {
  --margin-top: var(--token-space-250, var(--token-scale-250, 10px));
  margin-block-start: var(--token-space-250, var(--token-scale-250, 10px));
}

.token-margin-end-250 {
  --margin-end: var(--token-space-250, var(--token-scale-250, 10px));
  margin-inline-end: var(--token-space-250, var(--token-scale-250, 10px));
}

.token-margin-bottom-250 {
  --margin-bottom: var(--token-space-250, var(--token-scale-250, 10px));
  margin-block-end: var(--token-space-250, var(--token-scale-250, 10px));
}

.token-margin-start-250 {
  --margin-start: var(--token-space-250, var(--token-scale-250, 10px));
  margin-inline-start: var(--token-space-250, var(--token-scale-250, 10px));
}

.token-padding-250 {
  --padding-top: var(--token-space-250, var(--token-scale-250, 10px));
  --padding-end: var(--token-space-250, var(--token-scale-250, 10px));
  --padding-bottom: var(--token-space-250, var(--token-scale-250, 10px));
  --padding-start: var(--token-space-250, var(--token-scale-250, 10px));
  padding-block-start: var(--token-space-250, var(--token-scale-250, 10px));
  padding-inline-end: var(--token-space-250, var(--token-scale-250, 10px));
  padding-block-end: var(--token-space-250, var(--token-scale-250, 10px));
  padding-inline-start: var(--token-space-250, var(--token-scale-250, 10px));
}

.token-padding-top-250 {
  --padding-top: var(--token-space-250, var(--token-scale-250, 10px));
  padding-block-start: var(--token-space-250, var(--token-scale-250, 10px));
}

.token-padding-end-250 {
  --padding-end: var(--token-space-250, var(--token-scale-250, 10px));
  padding-inline-end: var(--token-space-250, var(--token-scale-250, 10px));
}

.token-padding-bottom-250 {
  --padding-bottom: var(--token-space-250, var(--token-scale-250, 10px));
  padding-block-end: var(--token-space-250, var(--token-scale-250, 10px));
}

.token-padding-start-250 {
  --padding-start: var(--token-space-250, var(--token-scale-250, 10px));
  padding-inline-start: var(--token-space-250, var(--token-scale-250, 10px));
}

.token-gap-300 {
  gap: var(--token-space-300, var(--token-scale-300, 12px));
}

.token-margin-300 {
  --margin-top: var(--token-space-300, var(--token-scale-300, 12px));
  --margin-end: var(--token-space-300, var(--token-scale-300, 12px));
  --margin-bottom: var(--token-space-300, var(--token-scale-300, 12px));
  --margin-start: var(--token-space-300, var(--token-scale-300, 12px));
  margin-block-start: var(--token-space-300, var(--token-scale-300, 12px));
  margin-inline-end: var(--token-space-300, var(--token-scale-300, 12px));
  margin-block-end: var(--token-space-300, var(--token-scale-300, 12px));
  margin-inline-start: var(--token-space-300, var(--token-scale-300, 12px));
}

.token-margin-top-300 {
  --margin-top: var(--token-space-300, var(--token-scale-300, 12px));
  margin-block-start: var(--token-space-300, var(--token-scale-300, 12px));
}

.token-margin-end-300 {
  --margin-end: var(--token-space-300, var(--token-scale-300, 12px));
  margin-inline-end: var(--token-space-300, var(--token-scale-300, 12px));
}

.token-margin-bottom-300 {
  --margin-bottom: var(--token-space-300, var(--token-scale-300, 12px));
  margin-block-end: var(--token-space-300, var(--token-scale-300, 12px));
}

.token-margin-start-300 {
  --margin-start: var(--token-space-300, var(--token-scale-300, 12px));
  margin-inline-start: var(--token-space-300, var(--token-scale-300, 12px));
}

.token-padding-300 {
  --padding-top: var(--token-space-300, var(--token-scale-300, 12px));
  --padding-end: var(--token-space-300, var(--token-scale-300, 12px));
  --padding-bottom: var(--token-space-300, var(--token-scale-300, 12px));
  --padding-start: var(--token-space-300, var(--token-scale-300, 12px));
  padding-block-start: var(--token-space-300, var(--token-scale-300, 12px));
  padding-inline-end: var(--token-space-300, var(--token-scale-300, 12px));
  padding-block-end: var(--token-space-300, var(--token-scale-300, 12px));
  padding-inline-start: var(--token-space-300, var(--token-scale-300, 12px));
}

.token-padding-top-300 {
  --padding-top: var(--token-space-300, var(--token-scale-300, 12px));
  padding-block-start: var(--token-space-300, var(--token-scale-300, 12px));
}

.token-padding-end-300 {
  --padding-end: var(--token-space-300, var(--token-scale-300, 12px));
  padding-inline-end: var(--token-space-300, var(--token-scale-300, 12px));
}

.token-padding-bottom-300 {
  --padding-bottom: var(--token-space-300, var(--token-scale-300, 12px));
  padding-block-end: var(--token-space-300, var(--token-scale-300, 12px));
}

.token-padding-start-300 {
  --padding-start: var(--token-space-300, var(--token-scale-300, 12px));
  padding-inline-start: var(--token-space-300, var(--token-scale-300, 12px));
}

.token-gap-400 {
  gap: var(--token-space-400, var(--token-scale-400, 16px));
}

.token-margin-400 {
  --margin-top: var(--token-space-400, var(--token-scale-400, 16px));
  --margin-end: var(--token-space-400, var(--token-scale-400, 16px));
  --margin-bottom: var(--token-space-400, var(--token-scale-400, 16px));
  --margin-start: var(--token-space-400, var(--token-scale-400, 16px));
  margin-block-start: var(--token-space-400, var(--token-scale-400, 16px));
  margin-inline-end: var(--token-space-400, var(--token-scale-400, 16px));
  margin-block-end: var(--token-space-400, var(--token-scale-400, 16px));
  margin-inline-start: var(--token-space-400, var(--token-scale-400, 16px));
}

.token-margin-top-400 {
  --margin-top: var(--token-space-400, var(--token-scale-400, 16px));
  margin-block-start: var(--token-space-400, var(--token-scale-400, 16px));
}

.token-margin-end-400 {
  --margin-end: var(--token-space-400, var(--token-scale-400, 16px));
  margin-inline-end: var(--token-space-400, var(--token-scale-400, 16px));
}

.token-margin-bottom-400 {
  --margin-bottom: var(--token-space-400, var(--token-scale-400, 16px));
  margin-block-end: var(--token-space-400, var(--token-scale-400, 16px));
}

.token-margin-start-400 {
  --margin-start: var(--token-space-400, var(--token-scale-400, 16px));
  margin-inline-start: var(--token-space-400, var(--token-scale-400, 16px));
}

.token-padding-400 {
  --padding-top: var(--token-space-400, var(--token-scale-400, 16px));
  --padding-end: var(--token-space-400, var(--token-scale-400, 16px));
  --padding-bottom: var(--token-space-400, var(--token-scale-400, 16px));
  --padding-start: var(--token-space-400, var(--token-scale-400, 16px));
  padding-block-start: var(--token-space-400, var(--token-scale-400, 16px));
  padding-inline-end: var(--token-space-400, var(--token-scale-400, 16px));
  padding-block-end: var(--token-space-400, var(--token-scale-400, 16px));
  padding-inline-start: var(--token-space-400, var(--token-scale-400, 16px));
}

.token-padding-top-400 {
  --padding-top: var(--token-space-400, var(--token-scale-400, 16px));
  padding-block-start: var(--token-space-400, var(--token-scale-400, 16px));
}

.token-padding-end-400 {
  --padding-end: var(--token-space-400, var(--token-scale-400, 16px));
  padding-inline-end: var(--token-space-400, var(--token-scale-400, 16px));
}

.token-padding-bottom-400 {
  --padding-bottom: var(--token-space-400, var(--token-scale-400, 16px));
  padding-block-end: var(--token-space-400, var(--token-scale-400, 16px));
}

.token-padding-start-400 {
  --padding-start: var(--token-space-400, var(--token-scale-400, 16px));
  padding-inline-start: var(--token-space-400, var(--token-scale-400, 16px));
}

.token-gap-500 {
  gap: var(--token-space-500, var(--token-scale-500, 20px));
}

.token-margin-500 {
  --margin-top: var(--token-space-500, var(--token-scale-500, 20px));
  --margin-end: var(--token-space-500, var(--token-scale-500, 20px));
  --margin-bottom: var(--token-space-500, var(--token-scale-500, 20px));
  --margin-start: var(--token-space-500, var(--token-scale-500, 20px));
  margin-block-start: var(--token-space-500, var(--token-scale-500, 20px));
  margin-inline-end: var(--token-space-500, var(--token-scale-500, 20px));
  margin-block-end: var(--token-space-500, var(--token-scale-500, 20px));
  margin-inline-start: var(--token-space-500, var(--token-scale-500, 20px));
}

.token-margin-top-500 {
  --margin-top: var(--token-space-500, var(--token-scale-500, 20px));
  margin-block-start: var(--token-space-500, var(--token-scale-500, 20px));
}

.token-margin-end-500 {
  --margin-end: var(--token-space-500, var(--token-scale-500, 20px));
  margin-inline-end: var(--token-space-500, var(--token-scale-500, 20px));
}

.token-margin-bottom-500 {
  --margin-bottom: var(--token-space-500, var(--token-scale-500, 20px));
  margin-block-end: var(--token-space-500, var(--token-scale-500, 20px));
}

.token-margin-start-500 {
  --margin-start: var(--token-space-500, var(--token-scale-500, 20px));
  margin-inline-start: var(--token-space-500, var(--token-scale-500, 20px));
}

.token-padding-500 {
  --padding-top: var(--token-space-500, var(--token-scale-500, 20px));
  --padding-end: var(--token-space-500, var(--token-scale-500, 20px));
  --padding-bottom: var(--token-space-500, var(--token-scale-500, 20px));
  --padding-start: var(--token-space-500, var(--token-scale-500, 20px));
  padding-block-start: var(--token-space-500, var(--token-scale-500, 20px));
  padding-inline-end: var(--token-space-500, var(--token-scale-500, 20px));
  padding-block-end: var(--token-space-500, var(--token-scale-500, 20px));
  padding-inline-start: var(--token-space-500, var(--token-scale-500, 20px));
}

.token-padding-top-500 {
  --padding-top: var(--token-space-500, var(--token-scale-500, 20px));
  padding-block-start: var(--token-space-500, var(--token-scale-500, 20px));
}

.token-padding-end-500 {
  --padding-end: var(--token-space-500, var(--token-scale-500, 20px));
  padding-inline-end: var(--token-space-500, var(--token-scale-500, 20px));
}

.token-padding-bottom-500 {
  --padding-bottom: var(--token-space-500, var(--token-scale-500, 20px));
  padding-block-end: var(--token-space-500, var(--token-scale-500, 20px));
}

.token-padding-start-500 {
  --padding-start: var(--token-space-500, var(--token-scale-500, 20px));
  padding-inline-start: var(--token-space-500, var(--token-scale-500, 20px));
}

.token-gap-600 {
  gap: var(--token-space-600, var(--token-scale-600, 24px));
}

.token-margin-600 {
  --margin-top: var(--token-space-600, var(--token-scale-600, 24px));
  --margin-end: var(--token-space-600, var(--token-scale-600, 24px));
  --margin-bottom: var(--token-space-600, var(--token-scale-600, 24px));
  --margin-start: var(--token-space-600, var(--token-scale-600, 24px));
  margin-block-start: var(--token-space-600, var(--token-scale-600, 24px));
  margin-inline-end: var(--token-space-600, var(--token-scale-600, 24px));
  margin-block-end: var(--token-space-600, var(--token-scale-600, 24px));
  margin-inline-start: var(--token-space-600, var(--token-scale-600, 24px));
}

.token-margin-top-600 {
  --margin-top: var(--token-space-600, var(--token-scale-600, 24px));
  margin-block-start: var(--token-space-600, var(--token-scale-600, 24px));
}

.token-margin-end-600 {
  --margin-end: var(--token-space-600, var(--token-scale-600, 24px));
  margin-inline-end: var(--token-space-600, var(--token-scale-600, 24px));
}

.token-margin-bottom-600 {
  --margin-bottom: var(--token-space-600, var(--token-scale-600, 24px));
  margin-block-end: var(--token-space-600, var(--token-scale-600, 24px));
}

.token-margin-start-600 {
  --margin-start: var(--token-space-600, var(--token-scale-600, 24px));
  margin-inline-start: var(--token-space-600, var(--token-scale-600, 24px));
}

.token-padding-600 {
  --padding-top: var(--token-space-600, var(--token-scale-600, 24px));
  --padding-end: var(--token-space-600, var(--token-scale-600, 24px));
  --padding-bottom: var(--token-space-600, var(--token-scale-600, 24px));
  --padding-start: var(--token-space-600, var(--token-scale-600, 24px));
  padding-block-start: var(--token-space-600, var(--token-scale-600, 24px));
  padding-inline-end: var(--token-space-600, var(--token-scale-600, 24px));
  padding-block-end: var(--token-space-600, var(--token-scale-600, 24px));
  padding-inline-start: var(--token-space-600, var(--token-scale-600, 24px));
}

.token-padding-top-600 {
  --padding-top: var(--token-space-600, var(--token-scale-600, 24px));
  padding-block-start: var(--token-space-600, var(--token-scale-600, 24px));
}

.token-padding-end-600 {
  --padding-end: var(--token-space-600, var(--token-scale-600, 24px));
  padding-inline-end: var(--token-space-600, var(--token-scale-600, 24px));
}

.token-padding-bottom-600 {
  --padding-bottom: var(--token-space-600, var(--token-scale-600, 24px));
  padding-block-end: var(--token-space-600, var(--token-scale-600, 24px));
}

.token-padding-start-600 {
  --padding-start: var(--token-space-600, var(--token-scale-600, 24px));
  padding-inline-start: var(--token-space-600, var(--token-scale-600, 24px));
}

.token-gap-700 {
  gap: var(--token-space-700, var(--token-scale-700, 28px));
}

.token-margin-700 {
  --margin-top: var(--token-space-700, var(--token-scale-700, 28px));
  --margin-end: var(--token-space-700, var(--token-scale-700, 28px));
  --margin-bottom: var(--token-space-700, var(--token-scale-700, 28px));
  --margin-start: var(--token-space-700, var(--token-scale-700, 28px));
  margin-block-start: var(--token-space-700, var(--token-scale-700, 28px));
  margin-inline-end: var(--token-space-700, var(--token-scale-700, 28px));
  margin-block-end: var(--token-space-700, var(--token-scale-700, 28px));
  margin-inline-start: var(--token-space-700, var(--token-scale-700, 28px));
}

.token-margin-top-700 {
  --margin-top: var(--token-space-700, var(--token-scale-700, 28px));
  margin-block-start: var(--token-space-700, var(--token-scale-700, 28px));
}

.token-margin-end-700 {
  --margin-end: var(--token-space-700, var(--token-scale-700, 28px));
  margin-inline-end: var(--token-space-700, var(--token-scale-700, 28px));
}

.token-margin-bottom-700 {
  --margin-bottom: var(--token-space-700, var(--token-scale-700, 28px));
  margin-block-end: var(--token-space-700, var(--token-scale-700, 28px));
}

.token-margin-start-700 {
  --margin-start: var(--token-space-700, var(--token-scale-700, 28px));
  margin-inline-start: var(--token-space-700, var(--token-scale-700, 28px));
}

.token-padding-700 {
  --padding-top: var(--token-space-700, var(--token-scale-700, 28px));
  --padding-end: var(--token-space-700, var(--token-scale-700, 28px));
  --padding-bottom: var(--token-space-700, var(--token-scale-700, 28px));
  --padding-start: var(--token-space-700, var(--token-scale-700, 28px));
  padding-block-start: var(--token-space-700, var(--token-scale-700, 28px));
  padding-inline-end: var(--token-space-700, var(--token-scale-700, 28px));
  padding-block-end: var(--token-space-700, var(--token-scale-700, 28px));
  padding-inline-start: var(--token-space-700, var(--token-scale-700, 28px));
}

.token-padding-top-700 {
  --padding-top: var(--token-space-700, var(--token-scale-700, 28px));
  padding-block-start: var(--token-space-700, var(--token-scale-700, 28px));
}

.token-padding-end-700 {
  --padding-end: var(--token-space-700, var(--token-scale-700, 28px));
  padding-inline-end: var(--token-space-700, var(--token-scale-700, 28px));
}

.token-padding-bottom-700 {
  --padding-bottom: var(--token-space-700, var(--token-scale-700, 28px));
  padding-block-end: var(--token-space-700, var(--token-scale-700, 28px));
}

.token-padding-start-700 {
  --padding-start: var(--token-space-700, var(--token-scale-700, 28px));
  padding-inline-start: var(--token-space-700, var(--token-scale-700, 28px));
}

.token-gap-800 {
  gap: var(--token-space-800, var(--token-scale-800, 32px));
}

.token-margin-800 {
  --margin-top: var(--token-space-800, var(--token-scale-800, 32px));
  --margin-end: var(--token-space-800, var(--token-scale-800, 32px));
  --margin-bottom: var(--token-space-800, var(--token-scale-800, 32px));
  --margin-start: var(--token-space-800, var(--token-scale-800, 32px));
  margin-block-start: var(--token-space-800, var(--token-scale-800, 32px));
  margin-inline-end: var(--token-space-800, var(--token-scale-800, 32px));
  margin-block-end: var(--token-space-800, var(--token-scale-800, 32px));
  margin-inline-start: var(--token-space-800, var(--token-scale-800, 32px));
}

.token-margin-top-800 {
  --margin-top: var(--token-space-800, var(--token-scale-800, 32px));
  margin-block-start: var(--token-space-800, var(--token-scale-800, 32px));
}

.token-margin-end-800 {
  --margin-end: var(--token-space-800, var(--token-scale-800, 32px));
  margin-inline-end: var(--token-space-800, var(--token-scale-800, 32px));
}

.token-margin-bottom-800 {
  --margin-bottom: var(--token-space-800, var(--token-scale-800, 32px));
  margin-block-end: var(--token-space-800, var(--token-scale-800, 32px));
}

.token-margin-start-800 {
  --margin-start: var(--token-space-800, var(--token-scale-800, 32px));
  margin-inline-start: var(--token-space-800, var(--token-scale-800, 32px));
}

.token-padding-800 {
  --padding-top: var(--token-space-800, var(--token-scale-800, 32px));
  --padding-end: var(--token-space-800, var(--token-scale-800, 32px));
  --padding-bottom: var(--token-space-800, var(--token-scale-800, 32px));
  --padding-start: var(--token-space-800, var(--token-scale-800, 32px));
  padding-block-start: var(--token-space-800, var(--token-scale-800, 32px));
  padding-inline-end: var(--token-space-800, var(--token-scale-800, 32px));
  padding-block-end: var(--token-space-800, var(--token-scale-800, 32px));
  padding-inline-start: var(--token-space-800, var(--token-scale-800, 32px));
}

.token-padding-top-800 {
  --padding-top: var(--token-space-800, var(--token-scale-800, 32px));
  padding-block-start: var(--token-space-800, var(--token-scale-800, 32px));
}

.token-padding-end-800 {
  --padding-end: var(--token-space-800, var(--token-scale-800, 32px));
  padding-inline-end: var(--token-space-800, var(--token-scale-800, 32px));
}

.token-padding-bottom-800 {
  --padding-bottom: var(--token-space-800, var(--token-scale-800, 32px));
  padding-block-end: var(--token-space-800, var(--token-scale-800, 32px));
}

.token-padding-start-800 {
  --padding-start: var(--token-space-800, var(--token-scale-800, 32px));
  padding-inline-start: var(--token-space-800, var(--token-scale-800, 32px));
}

.token-gap-900 {
  gap: var(--token-space-900, var(--token-scale-900, 36px));
}

.token-margin-900 {
  --margin-top: var(--token-space-900, var(--token-scale-900, 36px));
  --margin-end: var(--token-space-900, var(--token-scale-900, 36px));
  --margin-bottom: var(--token-space-900, var(--token-scale-900, 36px));
  --margin-start: var(--token-space-900, var(--token-scale-900, 36px));
  margin-block-start: var(--token-space-900, var(--token-scale-900, 36px));
  margin-inline-end: var(--token-space-900, var(--token-scale-900, 36px));
  margin-block-end: var(--token-space-900, var(--token-scale-900, 36px));
  margin-inline-start: var(--token-space-900, var(--token-scale-900, 36px));
}

.token-margin-top-900 {
  --margin-top: var(--token-space-900, var(--token-scale-900, 36px));
  margin-block-start: var(--token-space-900, var(--token-scale-900, 36px));
}

.token-margin-end-900 {
  --margin-end: var(--token-space-900, var(--token-scale-900, 36px));
  margin-inline-end: var(--token-space-900, var(--token-scale-900, 36px));
}

.token-margin-bottom-900 {
  --margin-bottom: var(--token-space-900, var(--token-scale-900, 36px));
  margin-block-end: var(--token-space-900, var(--token-scale-900, 36px));
}

.token-margin-start-900 {
  --margin-start: var(--token-space-900, var(--token-scale-900, 36px));
  margin-inline-start: var(--token-space-900, var(--token-scale-900, 36px));
}

.token-padding-900 {
  --padding-top: var(--token-space-900, var(--token-scale-900, 36px));
  --padding-end: var(--token-space-900, var(--token-scale-900, 36px));
  --padding-bottom: var(--token-space-900, var(--token-scale-900, 36px));
  --padding-start: var(--token-space-900, var(--token-scale-900, 36px));
  padding-block-start: var(--token-space-900, var(--token-scale-900, 36px));
  padding-inline-end: var(--token-space-900, var(--token-scale-900, 36px));
  padding-block-end: var(--token-space-900, var(--token-scale-900, 36px));
  padding-inline-start: var(--token-space-900, var(--token-scale-900, 36px));
}

.token-padding-top-900 {
  --padding-top: var(--token-space-900, var(--token-scale-900, 36px));
  padding-block-start: var(--token-space-900, var(--token-scale-900, 36px));
}

.token-padding-end-900 {
  --padding-end: var(--token-space-900, var(--token-scale-900, 36px));
  padding-inline-end: var(--token-space-900, var(--token-scale-900, 36px));
}

.token-padding-bottom-900 {
  --padding-bottom: var(--token-space-900, var(--token-scale-900, 36px));
  padding-block-end: var(--token-space-900, var(--token-scale-900, 36px));
}

.token-padding-start-900 {
  --padding-start: var(--token-space-900, var(--token-scale-900, 36px));
  padding-inline-start: var(--token-space-900, var(--token-scale-900, 36px));
}

.token-gap-1000 {
  gap: var(--token-space-1000, var(--token-scale-1000, 40px));
}

.token-margin-1000 {
  --margin-top: var(--token-space-1000, var(--token-scale-1000, 40px));
  --margin-end: var(--token-space-1000, var(--token-scale-1000, 40px));
  --margin-bottom: var(--token-space-1000, var(--token-scale-1000, 40px));
  --margin-start: var(--token-space-1000, var(--token-scale-1000, 40px));
  margin-block-start: var(--token-space-1000, var(--token-scale-1000, 40px));
  margin-inline-end: var(--token-space-1000, var(--token-scale-1000, 40px));
  margin-block-end: var(--token-space-1000, var(--token-scale-1000, 40px));
  margin-inline-start: var(--token-space-1000, var(--token-scale-1000, 40px));
}

.token-margin-top-1000 {
  --margin-top: var(--token-space-1000, var(--token-scale-1000, 40px));
  margin-block-start: var(--token-space-1000, var(--token-scale-1000, 40px));
}

.token-margin-end-1000 {
  --margin-end: var(--token-space-1000, var(--token-scale-1000, 40px));
  margin-inline-end: var(--token-space-1000, var(--token-scale-1000, 40px));
}

.token-margin-bottom-1000 {
  --margin-bottom: var(--token-space-1000, var(--token-scale-1000, 40px));
  margin-block-end: var(--token-space-1000, var(--token-scale-1000, 40px));
}

.token-margin-start-1000 {
  --margin-start: var(--token-space-1000, var(--token-scale-1000, 40px));
  margin-inline-start: var(--token-space-1000, var(--token-scale-1000, 40px));
}

.token-padding-1000 {
  --padding-top: var(--token-space-1000, var(--token-scale-1000, 40px));
  --padding-end: var(--token-space-1000, var(--token-scale-1000, 40px));
  --padding-bottom: var(--token-space-1000, var(--token-scale-1000, 40px));
  --padding-start: var(--token-space-1000, var(--token-scale-1000, 40px));
  padding-block-start: var(--token-space-1000, var(--token-scale-1000, 40px));
  padding-inline-end: var(--token-space-1000, var(--token-scale-1000, 40px));
  padding-block-end: var(--token-space-1000, var(--token-scale-1000, 40px));
  padding-inline-start: var(--token-space-1000, var(--token-scale-1000, 40px));
}

.token-padding-top-1000 {
  --padding-top: var(--token-space-1000, var(--token-scale-1000, 40px));
  padding-block-start: var(--token-space-1000, var(--token-scale-1000, 40px));
}

.token-padding-end-1000 {
  --padding-end: var(--token-space-1000, var(--token-scale-1000, 40px));
  padding-inline-end: var(--token-space-1000, var(--token-scale-1000, 40px));
}

.token-padding-bottom-1000 {
  --padding-bottom: var(--token-space-1000, var(--token-scale-1000, 40px));
  padding-block-end: var(--token-space-1000, var(--token-scale-1000, 40px));
}

.token-padding-start-1000 {
  --padding-start: var(--token-space-1000, var(--token-scale-1000, 40px));
  padding-inline-start: var(--token-space-1000, var(--token-scale-1000, 40px));
}

.token-gap-1200 {
  gap: var(--token-space-1200, var(--token-scale-1200, 48px));
}

.token-margin-1200 {
  --margin-top: var(--token-space-1200, var(--token-scale-1200, 48px));
  --margin-end: var(--token-space-1200, var(--token-scale-1200, 48px));
  --margin-bottom: var(--token-space-1200, var(--token-scale-1200, 48px));
  --margin-start: var(--token-space-1200, var(--token-scale-1200, 48px));
  margin-block-start: var(--token-space-1200, var(--token-scale-1200, 48px));
  margin-inline-end: var(--token-space-1200, var(--token-scale-1200, 48px));
  margin-block-end: var(--token-space-1200, var(--token-scale-1200, 48px));
  margin-inline-start: var(--token-space-1200, var(--token-scale-1200, 48px));
}

.token-margin-top-1200 {
  --margin-top: var(--token-space-1200, var(--token-scale-1200, 48px));
  margin-block-start: var(--token-space-1200, var(--token-scale-1200, 48px));
}

.token-margin-end-1200 {
  --margin-end: var(--token-space-1200, var(--token-scale-1200, 48px));
  margin-inline-end: var(--token-space-1200, var(--token-scale-1200, 48px));
}

.token-margin-bottom-1200 {
  --margin-bottom: var(--token-space-1200, var(--token-scale-1200, 48px));
  margin-block-end: var(--token-space-1200, var(--token-scale-1200, 48px));
}

.token-margin-start-1200 {
  --margin-start: var(--token-space-1200, var(--token-scale-1200, 48px));
  margin-inline-start: var(--token-space-1200, var(--token-scale-1200, 48px));
}

.token-padding-1200 {
  --padding-top: var(--token-space-1200, var(--token-scale-1200, 48px));
  --padding-end: var(--token-space-1200, var(--token-scale-1200, 48px));
  --padding-bottom: var(--token-space-1200, var(--token-scale-1200, 48px));
  --padding-start: var(--token-space-1200, var(--token-scale-1200, 48px));
  padding-block-start: var(--token-space-1200, var(--token-scale-1200, 48px));
  padding-inline-end: var(--token-space-1200, var(--token-scale-1200, 48px));
  padding-block-end: var(--token-space-1200, var(--token-scale-1200, 48px));
  padding-inline-start: var(--token-space-1200, var(--token-scale-1200, 48px));
}

.token-padding-top-1200 {
  --padding-top: var(--token-space-1200, var(--token-scale-1200, 48px));
  padding-block-start: var(--token-space-1200, var(--token-scale-1200, 48px));
}

.token-padding-end-1200 {
  --padding-end: var(--token-space-1200, var(--token-scale-1200, 48px));
  padding-inline-end: var(--token-space-1200, var(--token-scale-1200, 48px));
}

.token-padding-bottom-1200 {
  --padding-bottom: var(--token-space-1200, var(--token-scale-1200, 48px));
  padding-block-end: var(--token-space-1200, var(--token-scale-1200, 48px));
}

.token-padding-start-1200 {
  --padding-start: var(--token-space-1200, var(--token-scale-1200, 48px));
  padding-inline-start: var(--token-space-1200, var(--token-scale-1200, 48px));
}

.token-gap-050 {
  gap: var(--token-space-050, var(--token-scale-050, 2px));
}

.token-margin-050 {
  --margin-top: var(--token-space-050, var(--token-scale-050, 2px));
  --margin-end: var(--token-space-050, var(--token-scale-050, 2px));
  --margin-bottom: var(--token-space-050, var(--token-scale-050, 2px));
  --margin-start: var(--token-space-050, var(--token-scale-050, 2px));
  margin-block-start: var(--token-space-050, var(--token-scale-050, 2px));
  margin-inline-end: var(--token-space-050, var(--token-scale-050, 2px));
  margin-block-end: var(--token-space-050, var(--token-scale-050, 2px));
  margin-inline-start: var(--token-space-050, var(--token-scale-050, 2px));
}

.token-margin-top-050 {
  --margin-top: var(--token-space-050, var(--token-scale-050, 2px));
  margin-block-start: var(--token-space-050, var(--token-scale-050, 2px));
}

.token-margin-end-050 {
  --margin-end: var(--token-space-050, var(--token-scale-050, 2px));
  margin-inline-end: var(--token-space-050, var(--token-scale-050, 2px));
}

.token-margin-bottom-050 {
  --margin-bottom: var(--token-space-050, var(--token-scale-050, 2px));
  margin-block-end: var(--token-space-050, var(--token-scale-050, 2px));
}

.token-margin-start-050 {
  --margin-start: var(--token-space-050, var(--token-scale-050, 2px));
  margin-inline-start: var(--token-space-050, var(--token-scale-050, 2px));
}

.token-padding-050 {
  --padding-top: var(--token-space-050, var(--token-scale-050, 2px));
  --padding-end: var(--token-space-050, var(--token-scale-050, 2px));
  --padding-bottom: var(--token-space-050, var(--token-scale-050, 2px));
  --padding-start: var(--token-space-050, var(--token-scale-050, 2px));
  padding-block-start: var(--token-space-050, var(--token-scale-050, 2px));
  padding-inline-end: var(--token-space-050, var(--token-scale-050, 2px));
  padding-block-end: var(--token-space-050, var(--token-scale-050, 2px));
  padding-inline-start: var(--token-space-050, var(--token-scale-050, 2px));
}

.token-padding-top-050 {
  --padding-top: var(--token-space-050, var(--token-scale-050, 2px));
  padding-block-start: var(--token-space-050, var(--token-scale-050, 2px));
}

.token-padding-end-050 {
  --padding-end: var(--token-space-050, var(--token-scale-050, 2px));
  padding-inline-end: var(--token-space-050, var(--token-scale-050, 2px));
}

.token-padding-bottom-050 {
  --padding-bottom: var(--token-space-050, var(--token-scale-050, 2px));
  padding-block-end: var(--token-space-050, var(--token-scale-050, 2px));
}

.token-padding-start-050 {
  --padding-start: var(--token-space-050, var(--token-scale-050, 2px));
  padding-inline-start: var(--token-space-050, var(--token-scale-050, 2px));
}

.token-shadow-1 {
  --box-shadow: var(--token-shadow-1, rgba(0, 0, 0, 0.04));
  box-shadow: var(--token-shadow-1, rgba(0, 0, 0, 0.04));
}

.token-shadow-2 {
  --box-shadow: var(--token-shadow-2, rgba(0, 0, 0, 0.05));
  box-shadow: var(--token-shadow-2, rgba(0, 0, 0, 0.05));
}

.token-shadow-3 {
  --box-shadow: var(--token-shadow-3, rgba(0, 0, 0, 0.07));
  box-shadow: var(--token-shadow-3, rgba(0, 0, 0, 0.07));
}

.token-shadow-4 {
  --box-shadow: var(--token-shadow-4, rgba(0, 0, 0, 0.08));
  box-shadow: var(--token-shadow-4, rgba(0, 0, 0, 0.08));
}

.token-shadow-5 {
  --box-shadow: var(--token-shadow-5, rgba(0, 0, 0, 0.12));
  box-shadow: var(--token-shadow-5, rgba(0, 0, 0, 0.12));
}

.token-shadow-6 {
  --box-shadow: var(--token-shadow-6, rgba(0, 0, 0, 0.16));
  box-shadow: var(--token-shadow-6, rgba(0, 0, 0, 0.16));
}

.token-shadow-7 {
  --box-shadow: var(--token-shadow-7, rgba(0, 0, 0, 0.18));
  box-shadow: var(--token-shadow-7, rgba(0, 0, 0, 0.18));
}

.token-elevation-1 {
  --box-shadow: var(--token-elevation-1, 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px 3px 9px 0px rgba(0, 0, 0, 0.07));
  box-shadow: var(--token-elevation-1, 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px 3px 9px 0px rgba(0, 0, 0, 0.07));
}

.token-elevation-2 {
  --box-shadow: var(--token-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08));
  box-shadow: var(--token-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08));
}

.token-elevation-3 {
  --box-shadow: var(--token-elevation-3, 0px 2px 7px 0px rgba(0, 0, 0, 0.05), 0px 6px 32px 0px rgba(0, 0, 0, 0.16));
  box-shadow: var(--token-elevation-3, 0px 2px 7px 0px rgba(0, 0, 0, 0.05), 0px 6px 32px 0px rgba(0, 0, 0, 0.16));
}

.token-elevation-4 {
  --box-shadow: var(--token-elevation-4, 0px 3px 12px 0px rgba(0, 0, 0, 0.12), 0px 15px 48px 0px rgba(0, 0, 0, 0.18));
  box-shadow: var(--token-elevation-4, 0px 3px 12px 0px rgba(0, 0, 0, 0.12), 0px 15px 48px 0px rgba(0, 0, 0, 0.18));
}

.token-transition-curve-linear {
  transition: var(--token-transition-curve-linear, linear);
}

.token-transition-curve-quick {
  transition: var(--token-transition-curve-quick, cubic-bezier(0, 0, 0.2, 1));
}

.token-transition-curve-smooth {
  transition: var(--token-transition-curve-smooth, cubic-bezier(0.25, 1, 0.5, 1));
}

.token-transition-curve-spring {
  transition: var(--token-transition-curve-spring, cubic-bezier(0.16, 1, 0.3, 1));
}

.token-transition-curve-base {
  transition: var(--token-transition-curve-base, cubic-bezier(0.4, 0, 1, 1));
}

.token-transition-curve-expressive {
  transition: var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));
}

.token-transition-curve-bounce {
  transition: var(--token-transition-curve-bounce, cubic-bezier(0.47, 0, 0.23, 1.38));
}

.token-transition-time-0 {
  transition: var(--token-transition-time-0, 0ms);
}

.token-transition-time-100 {
  transition: var(--token-transition-time-100, 100ms);
}

.token-transition-time-150 {
  transition: var(--token-transition-time-150, 150ms);
}

.token-transition-time-200 {
  transition: var(--token-transition-time-200, 200ms);
}

.token-transition-time-250 {
  transition: var(--token-transition-time-250, 250ms);
}

.token-transition-time-300 {
  transition: var(--token-transition-time-300, 300ms);
}

.token-transition-time-350 {
  transition: var(--token-transition-time-350, 350ms);
}

.token-transition-time-500 {
  transition: var(--token-transition-time-500, 500ms);
}

.token-transition-time-1000 {
  transition: var(--token-transition-time-1000, 1000ms);
}

.token-transition-time-1500 {
  transition: var(--token-transition-time-1500, 1500ms);
}

.token-z-index-0 {
  z-index: var(--token-z-index-0, 0);
}

.token-z-index-100 {
  z-index: var(--token-z-index-100, 100);
}

.token-z-index-200 {
  z-index: var(--token-z-index-200, 200);
}

.token-z-index-300 {
  z-index: var(--token-z-index-300, 300);
}

.token-z-index-400 {
  z-index: var(--token-z-index-400, 400);
}

.token-z-index-500 {
  z-index: var(--token-z-index-500, 500);
}

.token-z-index-bottom {
  z-index: var(--token-z-index-bottom, -99999);
}

.token-z-index-top {
  z-index: var(--token-z-index-top, 99999);
}

.token-rectangular-2xs {
  --border-radius: var(--token-rectangular-2xs, var(--token-border-radius-0, var(--token-scale-0, 0px)));
  border-radius: var(--token-rectangular-2xs, var(--token-border-radius-0, var(--token-scale-0, 0px)));
}

.token-rectangular-xs {
  --border-radius: var(--token-rectangular-xs, var(--token-border-radius-0, var(--token-scale-0, 0px)));
  border-radius: var(--token-rectangular-xs, var(--token-border-radius-0, var(--token-scale-0, 0px)));
}

.token-rectangular-sm {
  --border-radius: var(--token-rectangular-sm, var(--token-border-radius-0, var(--token-scale-0, 0px)));
  border-radius: var(--token-rectangular-sm, var(--token-border-radius-0, var(--token-scale-0, 0px)));
}

.token-rectangular-md {
  --border-radius: var(--token-rectangular-md, var(--token-border-radius-0, var(--token-scale-0, 0px)));
  border-radius: var(--token-rectangular-md, var(--token-border-radius-0, var(--token-scale-0, 0px)));
}

.token-rectangular-lg {
  --border-radius: var(--token-rectangular-lg, var(--token-border-radius-0, var(--token-scale-0, 0px)));
  border-radius: var(--token-rectangular-lg, var(--token-border-radius-0, var(--token-scale-0, 0px)));
}

.token-rectangular-xl {
  --border-radius: var(--token-rectangular-xl, var(--token-border-radius-0, var(--token-scale-0, 0px)));
  border-radius: var(--token-rectangular-xl, var(--token-border-radius-0, var(--token-scale-0, 0px)));
}

.token-rectangular-2xl {
  --border-radius: var(--token-rectangular-2xl, var(--token-border-radius-0, var(--token-scale-0, 0px)));
  border-radius: var(--token-rectangular-2xl, var(--token-border-radius-0, var(--token-scale-0, 0px)));
}

.token-round-2xs {
  --border-radius: var(--token-round-2xs, var(--token-border-radius-full, 999px));
  border-radius: var(--token-round-2xs, var(--token-border-radius-full, 999px));
}

.token-round-xs {
  --border-radius: var(--token-round-xs, var(--token-border-radius-full, 999px));
  border-radius: var(--token-round-xs, var(--token-border-radius-full, 999px));
}

.token-round-sm {
  --border-radius: var(--token-round-sm, var(--token-border-radius-full, 999px));
  border-radius: var(--token-round-sm, var(--token-border-radius-full, 999px));
}

.token-round-md {
  --border-radius: var(--token-round-md, var(--token-border-radius-full, 999px));
  border-radius: var(--token-round-md, var(--token-border-radius-full, 999px));
}

.token-round-lg {
  --border-radius: var(--token-round-lg, var(--token-border-radius-300, var(--token-scale-300, 12px)));
  border-radius: var(--token-round-lg, var(--token-border-radius-300, var(--token-scale-300, 12px)));
}

.token-round-xl {
  --border-radius: var(--token-round-xl, var(--token-border-radius-400, var(--token-scale-400, 16px)));
  border-radius: var(--token-round-xl, var(--token-border-radius-400, var(--token-scale-400, 16px)));
}

.token-round-2xl {
  --border-radius: var(--token-round-2xl, var(--token-border-radius-1000, var(--token-scale-1000, 40px)));
  border-radius: var(--token-round-2xl, var(--token-border-radius-1000, var(--token-scale-1000, 40px)));
}

.token-soft-2xs {
  --border-radius: var(--token-soft-2xs, var(--token-border-radius-100, var(--token-scale-100, 4px)));
  border-radius: var(--token-soft-2xs, var(--token-border-radius-100, var(--token-scale-100, 4px)));
}

.token-soft-xs {
  --border-radius: var(--token-soft-xs, var(--token-border-radius-200, var(--token-scale-200, 8px)));
  border-radius: var(--token-soft-xs, var(--token-border-radius-200, var(--token-scale-200, 8px)));
}

.token-soft-sm {
  --border-radius: var(--token-soft-sm, var(--token-border-radius-300, var(--token-scale-300, 12px)));
  border-radius: var(--token-soft-sm, var(--token-border-radius-300, var(--token-scale-300, 12px)));
}

.token-soft-md {
  --border-radius: var(--token-soft-md, var(--token-border-radius-400, var(--token-scale-400, 16px)));
  border-radius: var(--token-soft-md, var(--token-border-radius-400, var(--token-scale-400, 16px)));
}

.token-soft-lg {
  --border-radius: var(--token-soft-lg, var(--token-border-radius-200, var(--token-scale-200, 8px)));
  border-radius: var(--token-soft-lg, var(--token-border-radius-200, var(--token-scale-200, 8px)));
}

.token-soft-xl {
  --border-radius: var(--token-soft-xl, var(--token-border-radius-200, var(--token-scale-200, 8px)));
  border-radius: var(--token-soft-xl, var(--token-border-radius-200, var(--token-scale-200, 8px)));
}

.token-soft-2xl {
  --border-radius: var(--token-soft-2xl, var(--token-border-radius-400, var(--token-scale-400, 16px)));
  border-radius: var(--token-soft-2xl, var(--token-border-radius-400, var(--token-scale-400, 16px)));
}

.token-no-margin {
  --margin-top: var(--token-space-0, var(--token-scale-0, 0px));
  --margin-end: var(--token-space-0, var(--token-scale-0, 0px));
  --margin-bottom: var(--token-space-0, var(--token-scale-0, 0px));
  --margin-start: var(--token-space-0, var(--token-scale-0, 0px));
  margin-block-start: var(--token-space-0, var(--token-scale-0, 0px));
  margin-inline-end: var(--token-space-0, var(--token-scale-0, 0px));
  margin-block-end: var(--token-space-0, var(--token-scale-0, 0px));
  margin-inline-start: var(--token-space-0, var(--token-scale-0, 0px));
}

.token-margin {
  --margin-top: var(--token-space-400, var(--token-scale-400, 16px));
  --margin-end: var(--token-space-400, var(--token-scale-400, 16px));
  --margin-bottom: var(--token-space-400, var(--token-scale-400, 16px));
  --margin-start: var(--token-space-400, var(--token-scale-400, 16px));
  margin-block-start: var(--token-space-400, var(--token-scale-400, 16px));
  margin-inline-end: var(--token-space-400, var(--token-scale-400, 16px));
  margin-block-end: var(--token-space-400, var(--token-scale-400, 16px));
  margin-inline-start: var(--token-space-400, var(--token-scale-400, 16px));
}

.token-margin-top {
  --margin-top: var(--token-space-400, var(--token-scale-400, 16px));
  margin-block-start: var(--token-space-400, var(--token-scale-400, 16px));
}

.token-margin-end {
  --margin-end: var(--token-space-400, var(--token-scale-400, 16px));
  margin-inline-end: var(--token-space-400, var(--token-scale-400, 16px));
}

.token-margin-bottom {
  --margin-bottom: var(--token-space-400, var(--token-scale-400, 16px));
  margin-block-end: var(--token-space-400, var(--token-scale-400, 16px));
}

.token-margin-start {
  --margin-start: var(--token-space-400, var(--token-scale-400, 16px));
  margin-inline-start: var(--token-space-400, var(--token-scale-400, 16px));
}

.token-margin-vertical {
  --margin-top: var(--token-space-400, var(--token-scale-400, 16px));
  --margin-bottom: var(--token-space-400, var(--token-scale-400, 16px));
  margin-block-start: var(--token-space-400, var(--token-scale-400, 16px));
  margin-block-end: var(--token-space-400, var(--token-scale-400, 16px));
}

.token-margin-horizontal {
  --margin-start: var(--token-space-400, var(--token-scale-400, 16px));
  --margin-end: var(--token-space-400, var(--token-scale-400, 16px));
  margin-inline-start: var(--token-space-400, var(--token-scale-400, 16px));
  margin-inline-end: var(--token-space-400, var(--token-scale-400, 16px));
}

.token-no-padding {
  --padding-top: var(--token-space-0, var(--token-scale-0, 0px));
  --padding-end: var(--token-space-0, var(--token-scale-0, 0px));
  --padding-bottom: var(--token-space-0, var(--token-scale-0, 0px));
  --padding-start: var(--token-space-0, var(--token-scale-0, 0px));
  padding-block-start: var(--token-space-0, var(--token-scale-0, 0px));
  padding-inline-end: var(--token-space-0, var(--token-scale-0, 0px));
  padding-block-end: var(--token-space-0, var(--token-scale-0, 0px));
  padding-inline-start: var(--token-space-0, var(--token-scale-0, 0px));
}

.token-padding {
  --padding-top: var(--token-space-400, var(--token-scale-400, 16px));
  --padding-end: var(--token-space-400, var(--token-scale-400, 16px));
  --padding-bottom: var(--token-space-400, var(--token-scale-400, 16px));
  --padding-start: var(--token-space-400, var(--token-scale-400, 16px));
  padding-block-start: var(--token-space-400, var(--token-scale-400, 16px));
  padding-inline-end: var(--token-space-400, var(--token-scale-400, 16px));
  padding-block-end: var(--token-space-400, var(--token-scale-400, 16px));
  padding-inline-start: var(--token-space-400, var(--token-scale-400, 16px));
}

.token-padding-top {
  --padding-top: var(--token-space-400, var(--token-scale-400, 16px));
  padding-block-start: var(--token-space-400, var(--token-scale-400, 16px));
}

.token-padding-end {
  --padding-end: var(--token-space-400, var(--token-scale-400, 16px));
  padding-inline-end: var(--token-space-400, var(--token-scale-400, 16px));
}

.token-padding-bottom {
  --padding-bottom: var(--token-space-400, var(--token-scale-400, 16px));
  padding-block-end: var(--token-space-400, var(--token-scale-400, 16px));
}

.token-padding-start {
  --padding-start: var(--token-space-400, var(--token-scale-400, 16px));
  padding-inline-start: var(--token-space-400, var(--token-scale-400, 16px));
}

.token-padding-vertical {
  --padding-top: var(--token-space-400, var(--token-scale-400, 16px));
  --padding-bottom: var(--token-space-400, var(--token-scale-400, 16px));
  padding-block-start: var(--token-space-400, var(--token-scale-400, 16px));
  padding-block-end: var(--token-space-400, var(--token-scale-400, 16px));
}

.token-padding-horizontal {
  --padding-start: var(--token-space-400, var(--token-scale-400, 16px));
  --padding-end: var(--token-space-400, var(--token-scale-400, 16px));
  padding-inline-start: var(--token-space-400, var(--token-scale-400, 16px));
  padding-inline-end: var(--token-space-400, var(--token-scale-400, 16px));
}