:root, [data-theme-name="domain-2022"] {
  --space-none: 0px;
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-s: 12px;
  --space-m: 16px;
  --space-l: 24px;
  --space-xl: 32px;
  --space-xxl: 64px;
  --border-radius-outer: 12px;
  --border-radius-inner: 8px;
  --border-radius-mini: 4px;
  --type-mini-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-mini-weight: 400;
  --type-mini-size: 12px;
  --type-mini-line-height: 16px;
  --type-mini-bold-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-mini-bold-weight: 700;
  --type-mini-bold-size: 12px;
  --type-mini-bold-line-height: 16px;
  --type-caption-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-caption-weight: 400;
  --type-caption-size: 14px;
  --type-caption-line-height: 20px;
  --type-caption-bold-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-caption-bold-weight: 700;
  --type-caption-bold-size: 14px;
  --type-caption-bold-line-height: 20px;
  --type-body-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-body-weight: 400;
  --type-body-size: 16px;
  --type-body-line-height: 24px;
  --type-body-bold-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-body-bold-weight: 700;
  --type-body-bold-size: 16px;
  --type-body-bold-line-height: 24px;
  --type-lead-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-lead-weight: 400;
  --type-lead-size: 18px;
  --type-lead-line-height: 24px;
  --type-overline-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-overline-weight: 700;
  --type-overline-size: 12px;
  --type-overline-line-height: 16px;
  --type-overline-text-transform: uppercase;
  --type-display-small-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-display-small-weight: 400;
  --type-display-small-size: 20px;
  --type-display-small-line-height: 24px;
  --type-subheading-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-subheading-weight: 400;
  --type-subheading-size: 16px;
  --type-subheading-line-height: 20px;
  --type-display-medium-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-display-medium-weight: 400;
  --type-display-medium-size: 24px;
  --type-display-medium-line-height: 28px;
  --type-heading-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-heading-weight: 400;
  --type-heading-size: 22px;
  --type-heading-line-height: 24px;
  --type-pageheading-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-pageheading-weight: 400;
  --type-pageheading-size: 28px;
  --type-pageheading-line-height: 32px;
  --type-display-large-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-display-large-weight: 400;
  --type-display-large-size: 32px;
  --type-display-large-line-height: 36px;
  --type-callout-family: 'Georgia', serif;
  --type-callout-weight: 400;
  --type-callout-size: 18px;
  --type-callout-line-height: 24px;
  --type-code-family: 'Courier New', monospace;
  --type-code-weight: 700;
  --type-code-size: 18px;
  --type-code-line-height: 24px;
  --color-neutral-heavy-default: #131212;
  --color-neutral-heavy-hover: #1d1d1c;
  --color-neutral-heavy-pressed: #0d0b0b;
  --color-neutral-heavy-selected: #070607;
  --color-neutral-heavy-disabled: #d2d2d0;
  --color-neutral-medium-default: #524c47;
  --color-neutral-medium-hover: #6c625c;
  --color-neutral-medium-pressed: #3e3936;
  --color-neutral-medium-selected: #2d2927;
  --color-neutral-medium-disabled: #d2d2d0;
  --color-neutral-base-default: #7c7c7b;
  --color-neutral-base-hover: #939493;
  --color-neutral-base-pressed: #646463;
  --color-neutral-base-selected: #4c4d4c;
  --color-neutral-base-disabled: #d2d2d0;
  --color-neutral-trim-default: #e1e1df;
  --color-neutral-trim-hover: #c1c1bf;
  --color-neutral-trim-pressed: #abacaa;
  --color-neutral-trim-selected: #7c7c7b;
  --color-neutral-trim-disabled: #f1f2f0;
  --color-neutral-subdued-default: #f8f6f1;
  --color-neutral-subdued-hover: #f1f2f0;
  --color-neutral-subdued-pressed: #ebebe9;
  --color-neutral-subdued-selected: #f1f2f0;
  --color-neutral-subdued-disabled: #f1f2f0;
  --color-neutral-background-default: #fdfcfb;
  --color-neutral-background-hover: #f6f7f5;
  --color-neutral-background-pressed: #ebebe9;
  --color-neutral-background-selected: #f6f7f5;
  --color-neutral-background-disabled: #f1f2f0;
  --color-neutral-surface-default: #FFFFFF;
  --color-neutral-surface-hover: #fbfcf9;
  --color-neutral-surface-pressed: #f6f7f5;
  --color-neutral-surface-selected: #fbfcf9;
  --color-neutral-surface-disabled: #f6f7f5;
  --color-interactive-heavy-default: #0f4b19;
  --color-interactive-heavy-hover: #0b2514;
  --color-interactive-heavy-pressed: #060f0a;
  --color-interactive-heavy-selected: #0b2514;
  --color-interactive-heavy-disabled: #d2d2d0;
  --color-interactive-medium-default: #066414;
  --color-interactive-medium-hover: #0f3518;
  --color-interactive-medium-pressed: #0b2514;
  --color-interactive-medium-selected: #0f3518;
  --color-interactive-medium-disabled: #d2d2d0;
  --color-interactive-base-default: #008a08;
  --color-interactive-base-hover: #066414;
  --color-interactive-base-pressed: #0f4b19;
  --color-interactive-base-selected: #066414;
  --color-interactive-base-disabled: #d2d2d0;
  --color-interactive-trim-default: #b7eba7;
  --color-interactive-trim-hover: #f4fbee;
  --color-interactive-trim-pressed: #98e084;
  --color-interactive-trim-selected: #008a08;
  --color-interactive-trim-disabled: #f1f2f0;
  --color-interactive-subdued-default: #f4fbee;
  --color-interactive-subdued-hover: #e8f7df;
  --color-interactive-subdued-pressed: #d4f2c7;
  --color-interactive-subdued-selected: #e8f7df;
  --color-interactive-subdued-disabled: #f1f2f0;
  --color-interactive-background-default: #f7fcf1;
  --color-interactive-background-hover: #f4fbee;
  --color-interactive-background-pressed: #e8f7df;
  --color-interactive-background-selected: #f4fbee;
  --color-interactive-background-disabled: #f1f2f0;
  --color-interactive-surface-default: #FFFFFF;
  --color-interactive-surface-hover: #f7fcf1;
  --color-interactive-surface-pressed: #f7fcf1;
  --color-interactive-surface-selected: #f4fbee;
  --color-interactive-surface-disabled: #f6f7f5;
  --color-primary-heavy-default: #0f4b19;
  --color-primary-heavy-hover: #0b2514;
  --color-primary-heavy-pressed: #060f0a;
  --color-primary-heavy-selected: #0b2514;
  --color-primary-heavy-disabled: #d2d2d0;
  --color-primary-medium-default: #007e0c;
  --color-primary-medium-hover: #0f4b19;
  --color-primary-medium-pressed: #0b2514;
  --color-primary-medium-selected: #0f4b19;
  --color-primary-medium-disabled: #d2d2d0;
  --color-primary-base-default: #0EA800;
  --color-primary-base-hover: #007e0c;
  --color-primary-base-pressed: #066414;
  --color-primary-base-selected: #007e0c;
  --color-primary-base-disabled: #d2d2d0;
  --color-primary-trim-default: #d4f2c7;
  --color-primary-trim-hover: #b7eba7;
  --color-primary-trim-pressed: #3bbb29;
  --color-primary-trim-selected: #6bd057;
  --color-primary-trim-disabled: #f1f2f0;
  --color-primary-subdued-default: #f4fbee;
  --color-primary-subdued-hover: #e8f7df;
  --color-primary-subdued-pressed: #d4f2c7;
  --color-primary-subdued-selected: #e8f7df;
  --color-primary-subdued-disabled: #f1f2f0;
  --color-primary-background-default: #f7fcf1;
  --color-primary-background-hover: #f4fbee;
  --color-primary-background-pressed: #e8f7df;
  --color-primary-background-selected: #f4fbee;
  --color-primary-background-disabled: #f1f2f0;
  --color-primary-surface-default: #FFFFFF;
  --color-primary-surface-hover: #f7fcf1;
  --color-primary-surface-pressed: #f4fbee;
  --color-primary-surface-selected: #f7fcf1;
  --color-primary-surface-disabled: #f6f7f5;
  --color-secondary-heavy-default: #2d2927;
  --color-secondary-heavy-hover: #141212;
  --color-secondary-heavy-pressed: #070706;
  --color-secondary-heavy-selected: #141212;
  --color-secondary-heavy-disabled: #d2d2d0;
  --color-secondary-medium-default: #524c47;
  --color-secondary-medium-hover: #2d2927;
  --color-secondary-medium-pressed: #141212;
  --color-secondary-medium-selected: #2d2927;
  --color-secondary-medium-disabled: #d2d2d0;
  --color-secondary-base-default: #867a70;
  --color-secondary-base-hover: #524c47;
  --color-secondary-base-pressed: #3e3936;
  --color-secondary-base-selected: #524c47;
  --color-secondary-base-disabled: #d2d2d0;
  --color-secondary-trim-default: #efebdb;
  --color-secondary-trim-hover: #e1d0bc;
  --color-secondary-trim-pressed: #bca899;
  --color-secondary-trim-selected: #d1bdab;
  --color-secondary-trim-disabled: #f1f2f0;
  --color-secondary-subdued-default: #f4f2e7;
  --color-secondary-subdued-hover: #efebdb;
  --color-secondary-subdued-pressed: #e9e0cd;
  --color-secondary-subdued-selected: #efebdb;
  --color-secondary-subdued-disabled: #f1f2f0;
  --color-secondary-background-default: #fdfcfb;
  --color-secondary-background-hover: #f8f6f1;
  --color-secondary-background-pressed: #efebdb;
  --color-secondary-background-selected: #f8f6f1;
  --color-secondary-background-disabled: #f1f2f0;
  --color-secondary-surface-default: #FFFFFF;
  --color-secondary-surface-hover: #fdfcfb;
  --color-secondary-surface-pressed: #f8f6f1;
  --color-secondary-surface-selected: #fdfcfb;
  --color-secondary-surface-disabled: #f6f7f5;
  --color-info-heavy-default: #122E54;
  --color-info-heavy-hover: #0B1422;
  --color-info-heavy-pressed: #05080E;
  --color-info-heavy-selected: #0B1422;
  --color-info-heavy-disabled: #d2d2d0;
  --color-info-medium-default: #0053AE;
  --color-info-medium-hover: #122E54;
  --color-info-medium-pressed: #0B1422;
  --color-info-medium-selected: #122E54;
  --color-info-medium-disabled: #d2d2d0;
  --color-info-base-default: #147AE2;
  --color-info-base-hover: #0053AE;
  --color-info-base-pressed: #0C407F;
  --color-info-base-selected: #0053AE;
  --color-info-base-disabled: #d2d2d0;
  --color-info-trim-default: #C8DFFF;
  --color-info-trim-hover: #ADD1FF;
  --color-info-trim-pressed: #5CA5FF;
  --color-info-trim-selected: #88BDFF;
  --color-info-trim-disabled: #f1f2f0;
  --color-info-subdued-default: #F6F8FF;
  --color-info-subdued-hover: #ECF2FF;
  --color-info-subdued-pressed: #DEEBFF;
  --color-info-subdued-selected: #ECF2FF;
  --color-info-subdued-disabled: #f1f2f0;
  --color-info-background-default: #F9FAFF;
  --color-info-background-hover: #F6F8FF;
  --color-info-background-pressed: #ECF2FF;
  --color-info-background-selected: #F6F8FF;
  --color-info-background-disabled: #f1f2f0;
  --color-info-surface-default: #FFFFFF;
  --color-info-surface-hover: #F9FAFF;
  --color-info-surface-pressed: #F6F8FF;
  --color-info-surface-selected: #F9FAFF;
  --color-info-surface-disabled: #f6f7f5;
  --color-success-heavy-default: #0f4b19;
  --color-success-heavy-hover: #0b2514;
  --color-success-heavy-pressed: #060f0a;
  --color-success-heavy-selected: #0b2514;
  --color-success-heavy-disabled: #d2d2d0;
  --color-success-medium-default: #007e0c;
  --color-success-medium-hover: #0f4b19;
  --color-success-medium-pressed: #0b2514;
  --color-success-medium-selected: #0f4b19;
  --color-success-medium-disabled: #d2d2d0;
  --color-success-base-default: #0EA800;
  --color-success-base-hover: #007e0c;
  --color-success-base-pressed: #066414;
  --color-success-base-selected: #007e0c;
  --color-success-base-disabled: #d2d2d0;
  --color-success-trim-default: #d4f2c7;
  --color-success-trim-hover: #b7eba7;
  --color-success-trim-pressed: #3bbb29;
  --color-success-trim-selected: #6bd057;
  --color-success-trim-disabled: #f1f2f0;
  --color-success-subdued-default: #f4fbee;
  --color-success-subdued-hover: #e8f7df;
  --color-success-subdued-pressed: #d4f2c7;
  --color-success-subdued-selected: #e8f7df;
  --color-success-subdued-disabled: #f1f2f0;
  --color-success-background-default: #f7fcf1;
  --color-success-background-hover: #f4fbee;
  --color-success-background-pressed: #e8f7df;
  --color-success-background-selected: #f4fbee;
  --color-success-background-disabled: #f1f2f0;
  --color-success-surface-default: #FFFFFF;
  --color-success-surface-hover: #f7fcf1;
  --color-success-surface-pressed: #f4fbee;
  --color-success-surface-selected: #f7fcf1;
  --color-success-surface-disabled: #f6f7f5;
  --color-warning-heavy-default: #551b00;
  --color-warning-heavy-hover: #320000;
  --color-warning-heavy-pressed: #1b0000;
  --color-warning-heavy-selected: #320000;
  --color-warning-heavy-disabled: #d2d2d0;
  --color-warning-medium-default: #824700;
  --color-warning-medium-hover: #551b00;
  --color-warning-medium-pressed: #320000;
  --color-warning-medium-selected: #551b00;
  --color-warning-medium-disabled: #d2d2d0;
  --color-warning-base-default: #bb7c00;
  --color-warning-base-hover: #824700;
  --color-warning-base-pressed: #6b3000;
  --color-warning-base-selected: #824700;
  --color-warning-base-disabled: #d2d2d0;
  --color-warning-trim-default: #ffd89b;
  --color-warning-trim-hover: #ffc463;
  --color-warning-trim-pressed: #d7970f;
  --color-warning-trim-selected: #efae37;
  --color-warning-trim-disabled: #f1f2f0;
  --color-warning-subdued-default: #fff7ea;
  --color-warning-subdued-hover: #ffefd6;
  --color-warning-subdued-pressed: #ffe6c1;
  --color-warning-subdued-selected: #ffefd6;
  --color-warning-subdued-disabled: #f1f2f0;
  --color-warning-background-default: #fff9f0;
  --color-warning-background-hover: #fff7ea;
  --color-warning-background-pressed: #ffefd6;
  --color-warning-background-selected: #fff7ea;
  --color-warning-background-disabled: #f1f2f0;
  --color-warning-surface-default: #FFFFFF;
  --color-warning-surface-hover: #fff9f0;
  --color-warning-surface-pressed: #fff7ea;
  --color-warning-surface-selected: #fff9f0;
  --color-warning-surface-disabled: #f6f7f5;
  --color-critical-heavy-default: #4a2222;
  --color-critical-heavy-hover: #240d0d;
  --color-critical-heavy-pressed: #110504;
  --color-critical-heavy-selected: #240d0d;
  --color-critical-heavy-disabled: #d2d2d0;
  --color-critical-medium-default: #844342;
  --color-critical-medium-hover: #4a2222;
  --color-critical-medium-pressed: #240d0d;
  --color-critical-medium-selected: #4a2222;
  --color-critical-medium-disabled: #d2d2d0;
  --color-critical-base-default: #cb6e6c;
  --color-critical-base-hover: #844342;
  --color-critical-base-pressed: #653131;
  --color-critical-base-selected: #844342;
  --color-critical-base-disabled: #d2d2d0;
  --color-critical-trim-default: #ffd3cf;
  --color-critical-trim-hover: #ffbeba;
  --color-critical-trim-pressed: #ec8683;
  --color-critical-trim-selected: #ffa19d;
  --color-critical-trim-disabled: #f1f2f0;
  --color-critical-subdued-default: #fff6f5;
  --color-critical-subdued-hover: #ffefed;
  --color-critical-subdued-pressed: #ffe3e1;
  --color-critical-subdued-selected: #ffefed;
  --color-critical-subdued-disabled: #f1f2f0;
  --color-critical-background-default: #fff8f7;
  --color-critical-background-hover: #fff6f5;
  --color-critical-background-pressed: #ffefed;
  --color-critical-background-selected: #fff6f5;
  --color-critical-background-disabled: #f1f2f0;
  --color-critical-surface-default: #FFFFFF;
  --color-critical-surface-hover: #fff8f7;
  --color-critical-surface-pressed: #fff6f5;
  --color-critical-surface-selected: #fff8f7;
  --color-critical-surface-disabled: #f6f7f5;
  --color-accent-one-heavy-default: #3b244c;
  --color-accent-one-heavy-hover: #1c0e26;
  --color-accent-one-heavy-pressed: #0d0513;
  --color-accent-one-heavy-selected: #1c0e26;
  --color-accent-one-heavy-disabled: #d2d2d0;
  --color-accent-one-medium-default: #6c4588;
  --color-accent-one-medium-hover: #3b244c;
  --color-accent-one-medium-pressed: #1c0e26;
  --color-accent-one-medium-selected: #3b244c;
  --color-accent-one-medium-disabled: #d2d2d0;
  --color-accent-one-base-default: #a872cf;
  --color-accent-one-base-hover: #6c4588;
  --color-accent-one-base-pressed: #523469;
  --color-accent-one-base-selected: #6c4588;
  --color-accent-one-base-disabled: #d2d2d0;
  --color-accent-one-trim-default: #f2d2ff;
  --color-accent-one-trim-hover: #eabfff;
  --color-accent-one-trim-pressed: #c48bef;
  --color-accent-one-trim-selected: #daa5ff;
  --color-accent-one-trim-disabled: #f1f2f0;
  --color-accent-one-subdued-default: #fcf7ff;
  --color-accent-one-subdued-hover: #f9edff;
  --color-accent-one-subdued-pressed: #f7e3ff;
  --color-accent-one-subdued-selected: #f9edff;
  --color-accent-one-subdued-disabled: #f1f2f0;
  --color-accent-one-background-default: #fcf9ff;
  --color-accent-one-background-hover: #fcf7ff;
  --color-accent-one-background-pressed: #f9edff;
  --color-accent-one-background-selected: #fcf7ff;
  --color-accent-one-background-disabled: #f1f2f0;
  --color-accent-one-surface-default: #FFFFFF;
  --color-accent-one-surface-hover: #fcf9ff;
  --color-accent-one-surface-pressed: #fcf7ff;
  --color-accent-one-surface-selected: #fcf9ff;
  --color-accent-one-surface-disabled: #f6f7f5;
  --color-accent-two-heavy-default: #163230;
  --color-accent-two-heavy-hover: #0C1514;
  --color-accent-two-heavy-pressed: #050808;
  --color-accent-two-heavy-selected: #0C1514;
  --color-accent-two-heavy-disabled: #d2d2d0;
  --color-accent-two-medium-default: #0D605B;
  --color-accent-two-medium-hover: #163230;
  --color-accent-two-medium-pressed: #0C1514;
  --color-accent-two-medium-selected: #163230;
  --color-accent-two-medium-disabled: #d2d2d0;
  --color-accent-two-base-default: #109991;
  --color-accent-two-base-hover: #0D605B;
  --color-accent-two-base-pressed: #174845;
  --color-accent-two-base-selected: #0D605B;
  --color-accent-two-base-disabled: #d2d2d0;
  --color-accent-two-trim-default: #C3E4E0;
  --color-accent-two-trim-hover: #A6D8D2;
  --color-accent-two-trim-pressed: #4EB2AB;
  --color-accent-two-trim-selected: #7CC7C0;
  --color-accent-two-trim-disabled: #f1f2f0;
  --color-accent-two-subdued-default: #F4F9F8;
  --color-accent-two-subdued-hover: #E9F4F2;
  --color-accent-two-subdued-pressed: #DBEEEB;
  --color-accent-two-subdued-selected: #E9F4F2;
  --color-accent-two-subdued-disabled: #f1f2f0;
  --color-accent-two-background-default: #F7FBF9;
  --color-accent-two-background-hover: #F4F9F8;
  --color-accent-two-background-pressed: #E9F4F2;
  --color-accent-two-background-selected: #F4F9F8;
  --color-accent-two-background-disabled: #f1f2f0;
  --color-accent-two-surface-default: #FFFFFF;
  --color-accent-two-surface-hover: #F7FBF9;
  --color-accent-two-surface-pressed: #F4F9F8;
  --color-accent-two-surface-selected: #F7FBF9;
  --color-accent-two-surface-disabled: #f6f7f5;
  --color-accent-three-heavy-default: #122E54;
  --color-accent-three-heavy-hover: #0B1422;
  --color-accent-three-heavy-pressed: #05080E;
  --color-accent-three-heavy-selected: #0B1422;
  --color-accent-three-heavy-disabled: #d2d2d0;
  --color-accent-three-medium-default: #0053AE;
  --color-accent-three-medium-hover: #122E54;
  --color-accent-three-medium-pressed: #0B1422;
  --color-accent-three-medium-selected: #122E54;
  --color-accent-three-medium-disabled: #d2d2d0;
  --color-accent-three-base-default: #147AE2;
  --color-accent-three-base-hover: #0053AE;
  --color-accent-three-base-pressed: #0C407F;
  --color-accent-three-base-selected: #0053AE;
  --color-accent-three-base-disabled: #d2d2d0;
  --color-accent-three-trim-default: #C8DFFF;
  --color-accent-three-trim-hover: #ADD1FF;
  --color-accent-three-trim-pressed: #5CA5FF;
  --color-accent-three-trim-selected: #88BDFF;
  --color-accent-three-trim-disabled: #f1f2f0;
  --color-accent-three-subdued-default: #F6F8FF;
  --color-accent-three-subdued-hover: #ECF2FF;
  --color-accent-three-subdued-pressed: #DEEBFF;
  --color-accent-three-subdued-selected: #ECF2FF;
  --color-accent-three-subdued-disabled: #f1f2f0;
  --color-accent-three-background-default: #F9FAFF;
  --color-accent-three-background-hover: #F6F8FF;
  --color-accent-three-background-pressed: #ECF2FF;
  --color-accent-three-background-selected: #F6F8FF;
  --color-accent-three-background-disabled: #f1f2f0;
  --color-accent-three-surface-default: #FFFFFF;
  --color-accent-three-surface-hover: #F9FAFF;
  --color-accent-three-surface-pressed: #F6F8FF;
  --color-accent-three-surface-selected: #F9FAFF;
  --color-accent-three-surface-disabled: #f6f7f5;
  --color-accent-four-heavy-default: #551b00;
  --color-accent-four-heavy-hover: #320000;
  --color-accent-four-heavy-pressed: #1b0000;
  --color-accent-four-heavy-selected: #320000;
  --color-accent-four-heavy-disabled: #d2d2d0;
  --color-accent-four-medium-default: #824700;
  --color-accent-four-medium-hover: #551b00;
  --color-accent-four-medium-pressed: #320000;
  --color-accent-four-medium-selected: #551b00;
  --color-accent-four-medium-disabled: #d2d2d0;
  --color-accent-four-base-default: #bb7c00;
  --color-accent-four-base-hover: #824700;
  --color-accent-four-base-pressed: #6b3000;
  --color-accent-four-base-selected: #824700;
  --color-accent-four-base-disabled: #d2d2d0;
  --color-accent-four-trim-default: #ffd89b;
  --color-accent-four-trim-hover: #ffc463;
  --color-accent-four-trim-pressed: #d7970f;
  --color-accent-four-trim-selected: #efae37;
  --color-accent-four-trim-disabled: #f1f2f0;
  --color-accent-four-subdued-default: #fff7ea;
  --color-accent-four-subdued-hover: #ffefd6;
  --color-accent-four-subdued-pressed: #ffe6c1;
  --color-accent-four-subdued-selected: #ffefd6;
  --color-accent-four-subdued-disabled: #f1f2f0;
  --color-accent-four-background-default: #fff9f0;
  --color-accent-four-background-hover: #fff7ea;
  --color-accent-four-background-pressed: #ffefd6;
  --color-accent-four-background-selected: #fff7ea;
  --color-accent-four-background-disabled: #f1f2f0;
  --color-accent-four-surface-default: #FFFFFF;
  --color-accent-four-surface-hover: #fff9f0;
  --color-accent-four-surface-pressed: #fff7ea;
  --color-accent-four-surface-selected: #fff9f0;
  --color-accent-four-surface-disabled: #f6f7f5;
  --color-accent-five-heavy-default: #4a2222;
  --color-accent-five-heavy-hover: #240d0d;
  --color-accent-five-heavy-pressed: #110504;
  --color-accent-five-heavy-selected: #240d0d;
  --color-accent-five-heavy-disabled: #d2d2d0;
  --color-accent-five-medium-default: #844342;
  --color-accent-five-medium-hover: #4a2222;
  --color-accent-five-medium-pressed: #240d0d;
  --color-accent-five-medium-selected: #4a2222;
  --color-accent-five-medium-disabled: #d2d2d0;
  --color-accent-five-base-default: #cb6e6c;
  --color-accent-five-base-hover: #844342;
  --color-accent-five-base-pressed: #653131;
  --color-accent-five-base-selected: #844342;
  --color-accent-five-base-disabled: #d2d2d0;
  --color-accent-five-trim-default: #ffd3cf;
  --color-accent-five-trim-hover: #ffbeba;
  --color-accent-five-trim-pressed: #ec8683;
  --color-accent-five-trim-selected: #ffa19d;
  --color-accent-five-trim-disabled: #f1f2f0;
  --color-accent-five-subdued-default: #fff6f5;
  --color-accent-five-subdued-hover: #ffefed;
  --color-accent-five-subdued-pressed: #ffe3e1;
  --color-accent-five-subdued-selected: #ffefed;
  --color-accent-five-subdued-disabled: #f1f2f0;
  --color-accent-five-background-default: #fff8f7;
  --color-accent-five-background-hover: #fff6f5;
  --color-accent-five-background-pressed: #ffefed;
  --color-accent-five-background-selected: #fff6f5;
  --color-accent-five-background-disabled: #f1f2f0;
  --color-accent-five-surface-default: #FFFFFF;
  --color-accent-five-surface-hover: #fff8f7;
  --color-accent-five-surface-pressed: #fff6f5;
  --color-accent-five-surface-selected: #fff8f7;
  --color-accent-five-surface-disabled: #f6f7f5;
  --shadow-elevation-1-key-color: rgba(19, 18, 18, 0.07);
  --shadow-elevation-1-key-x: 0;
  --shadow-elevation-1-key-y: 1px;
  --shadow-elevation-1-key-radius: 2px;
  --shadow-elevation-1-ambient-color: rgba(19, 18, 18, 0.05);
  --shadow-elevation-1-ambient-x: 0;
  --shadow-elevation-1-ambient-y: 1px;
  --shadow-elevation-1-ambient-radius: 4px;
  --shadow-elevation-2-key-color: rgba(19, 18, 18, 0.06);
  --shadow-elevation-2-key-x: 0;
  --shadow-elevation-2-key-y: 1px;
  --shadow-elevation-2-key-radius: 4px;
  --shadow-elevation-2-ambient-color: rgba(19, 18, 18, 0.05);
  --shadow-elevation-2-ambient-x: 0;
  --shadow-elevation-2-ambient-y: 2px;
  --shadow-elevation-2-ambient-radius: 8px;
  --shadow-elevation-3-key-color: rgba(19, 18, 18, 0.05);
  --shadow-elevation-3-key-x: 0;
  --shadow-elevation-3-key-y: 2px;
  --shadow-elevation-3-key-radius: 8px;
  --shadow-elevation-3-ambient-color: rgba(19, 18, 18, 0.05);
  --shadow-elevation-3-ambient-x: 0;
  --shadow-elevation-3-ambient-y: 4px;
  --shadow-elevation-3-ambient-radius: 12px;
  --shadow-elevation-4-key-color: rgba(19, 18, 18, 0.06);
  --shadow-elevation-4-key-x: 0;
  --shadow-elevation-4-key-y: 2px;
  --shadow-elevation-4-key-radius: 8px;
  --shadow-elevation-4-ambient-color: rgba(19, 18, 18, 0.06);
  --shadow-elevation-4-ambient-x: 0;
  --shadow-elevation-4-ambient-y: 8px;
  --shadow-elevation-4-ambient-radius: 16px;
}

/* dark colors */
[data-theme="dark"], [data-theme-name="domain-2022"][data-theme="dark"] {
  --color-neutral-heavy-default: #FFFFFF;
  --color-neutral-heavy-hover: #f6f7f5;
  --color-neutral-heavy-pressed: #f1f2f0;
  --color-neutral-heavy-selected: #f6f7f5;
  --color-neutral-heavy-disabled: #2a2a29;
  --color-neutral-medium-default: #d2d2d0;
  --color-neutral-medium-hover: #ebebe9;
  --color-neutral-medium-pressed: #f1f2f0;
  --color-neutral-medium-selected: #e1e1df;
  --color-neutral-medium-disabled: #2a2a29;
  --color-neutral-base-default: #939493;
  --color-neutral-base-hover: #c1c1bf;
  --color-neutral-base-pressed: #d2d2d0;
  --color-neutral-base-selected: #abacaa;
  --color-neutral-base-disabled: #2a2a29;
  --color-neutral-trim-default: #393a39;
  --color-neutral-trim-hover: #4c4d4c;
  --color-neutral-trim-pressed: #646463;
  --color-neutral-trim-selected: #939493;
  --color-neutral-trim-disabled: #2a2a29;
  --color-neutral-subdued-default: #1d1d1c;
  --color-neutral-subdued-hover: #2a2a29;
  --color-neutral-subdued-pressed: #393a39;
  --color-neutral-subdued-selected: #2a2a29;
  --color-neutral-subdued-disabled: #0d0b0b;
  --color-neutral-background-default: #070607;
  --color-neutral-background-hover: #050505;
  --color-neutral-background-pressed: #050505;
  --color-neutral-background-selected: #050505;
  --color-neutral-background-disabled: #000000;
  --color-neutral-surface-default: #131212;
  --color-neutral-surface-hover: #1d1d1c;
  --color-neutral-surface-pressed: #2a2a29;
  --color-neutral-surface-selected: #1d1d1c;
  --color-neutral-surface-disabled: #070607;
  --color-interactive-heavy-default: #f7fcf1;
  --color-interactive-heavy-hover: #f4fbee;
  --color-interactive-heavy-pressed: #e8f7df;
  --color-interactive-heavy-selected: #f4fbee;
  --color-interactive-heavy-disabled: #2a2a29;
  --color-interactive-medium-default: #6bd057;
  --color-interactive-medium-hover: #b7eba7;
  --color-interactive-medium-pressed: #d4f2c7;
  --color-interactive-medium-selected: #98e084;
  --color-interactive-medium-disabled: #2a2a29;
  --color-interactive-base-default: #0EA800;
  --color-interactive-base-hover: #6bd057;
  --color-interactive-base-pressed: #98e084;
  --color-interactive-base-selected: #6bd057;
  --color-interactive-base-disabled: #2a2a29;
  --color-interactive-trim-default: #0f4b19;
  --color-interactive-trim-hover: #008a08;
  --color-interactive-trim-pressed: #0f3518;
  --color-interactive-trim-selected: #0EA800;
  --color-interactive-trim-disabled: #2a2a29;
  --color-interactive-subdued-default: #0b2514;
  --color-interactive-subdued-hover: #0f4b19;
  --color-interactive-subdued-pressed: #066414;
  --color-interactive-subdued-selected: #0f4b19;
  --color-interactive-subdued-disabled: #0d0b0b;
  --color-interactive-background-default: #060f0a;
  --color-interactive-background-hover: #040907;
  --color-interactive-background-pressed: #040907;
  --color-interactive-background-selected: #040907;
  --color-interactive-background-disabled: #000000;
  --color-interactive-surface-default: #1d1d1c;
  --color-interactive-surface-hover: #08170f;
  --color-interactive-surface-pressed: #08170f;
  --color-interactive-surface-selected: #0f3518;
  --color-interactive-surface-disabled: #070607;
  --color-primary-heavy-default: #f7fcf1;
  --color-primary-heavy-hover: #f4fbee;
  --color-primary-heavy-pressed: #e8f7df;
  --color-primary-heavy-selected: #f4fbee;
  --color-primary-heavy-disabled: #2a2a29;
  --color-primary-medium-default: #6bd057;
  --color-primary-medium-hover: #b7eba7;
  --color-primary-medium-pressed: #d4f2c7;
  --color-primary-medium-selected: #b7eba7;
  --color-primary-medium-disabled: #2a2a29;
  --color-primary-base-default: #0EA800;
  --color-primary-base-hover: #6bd057;
  --color-primary-base-pressed: #98e084;
  --color-primary-base-selected: #6bd057;
  --color-primary-base-disabled: #2a2a29;
  --color-primary-trim-default: #066414;
  --color-primary-trim-hover: #007e0c;
  --color-primary-trim-pressed: #008a08;
  --color-primary-trim-selected: #007e0c;
  --color-primary-trim-disabled: #2a2a29;
  --color-primary-subdued-default: #0f3518;
  --color-primary-subdued-hover: #0f4b19;
  --color-primary-subdued-pressed: #066414;
  --color-primary-subdued-selected: #0f4b19;
  --color-primary-subdued-disabled: #0d0b0b;
  --color-primary-background-default: #060f0a;
  --color-primary-background-hover: #040907;
  --color-primary-background-pressed: #040907;
  --color-primary-background-selected: #040907;
  --color-primary-background-disabled: #000000;
  --color-primary-surface-default: #131212;
  --color-primary-surface-hover: #08170f;
  --color-primary-surface-pressed: #0b2514;
  --color-primary-surface-selected: #08170f;
  --color-primary-surface-disabled: #070607;
  --color-secondary-heavy-default: #fdfcfb;
  --color-secondary-heavy-hover: #f8f6f1;
  --color-secondary-heavy-pressed: #f4f2e7;
  --color-secondary-heavy-selected: #f8f6f1;
  --color-secondary-heavy-disabled: #2a2a29;
  --color-secondary-medium-default: #e1d0bc;
  --color-secondary-medium-hover: #e9e0cd;
  --color-secondary-medium-pressed: #efebdb;
  --color-secondary-medium-selected: #e9e0cd;
  --color-secondary-medium-disabled: #2a2a29;
  --color-secondary-base-default: #a19185;
  --color-secondary-base-hover: #d1bdab;
  --color-secondary-base-pressed: #e1d0bc;
  --color-secondary-base-selected: #d1bdab;
  --color-secondary-base-disabled: #2a2a29;
  --color-secondary-trim-default: #3e3936;
  --color-secondary-trim-hover: #524c47;
  --color-secondary-trim-pressed: #6c625c;
  --color-secondary-trim-selected: #524c47;
  --color-secondary-trim-disabled: #2a2a29;
  --color-secondary-subdued-default: #1e1c1b;
  --color-secondary-subdued-hover: #2d2927;
  --color-secondary-subdued-pressed: #3e3936;
  --color-secondary-subdued-selected: #2d2927;
  --color-secondary-subdued-disabled: #0d0b0b;
  --color-secondary-background-default: #070706;
  --color-secondary-background-hover: #050505;
  --color-secondary-background-pressed: #050505;
  --color-secondary-background-selected: #050505;
  --color-secondary-background-disabled: #000000;
  --color-secondary-surface-default: #131212;
  --color-secondary-surface-hover: #1e1c1b;
  --color-secondary-surface-pressed: #2d2927;
  --color-secondary-surface-selected: #1e1c1b;
  --color-secondary-surface-disabled: #070607;
  --color-info-heavy-default: #F9FAFF;
  --color-info-heavy-hover: #F6F8FF;
  --color-info-heavy-pressed: #ECF2FF;
  --color-info-heavy-selected: #F6F8FF;
  --color-info-heavy-disabled: #2a2a29;
  --color-info-medium-default: #C8DFFF;
  --color-info-medium-hover: #DEEBFF;
  --color-info-medium-pressed: #ECF2FF;
  --color-info-medium-selected: #DEEBFF;
  --color-info-medium-disabled: #2a2a29;
  --color-info-base-default: #147AE2;
  --color-info-base-hover: #88BDFF;
  --color-info-base-pressed: #ADD1FF;
  --color-info-base-selected: #88BDFF;
  --color-info-base-disabled: #2a2a29;
  --color-info-trim-default: #0C407F;
  --color-info-trim-hover: #0053AE;
  --color-info-trim-pressed: #006BE0;
  --color-info-trim-selected: #0053AE;
  --color-info-trim-disabled: #2a2a29;
  --color-info-subdued-default: #102037;
  --color-info-subdued-hover: #122E54;
  --color-info-subdued-pressed: #0C407F;
  --color-info-subdued-selected: #122E54;
  --color-info-subdued-disabled: #0d0b0b;
  --color-info-background-default: #05080E;
  --color-info-background-hover: #030509;
  --color-info-background-pressed: #030509;
  --color-info-background-selected: #030509;
  --color-info-background-disabled: #000000;
  --color-info-surface-default: #131212;
  --color-info-surface-hover: #0B1422;
  --color-info-surface-pressed: #102037;
  --color-info-surface-selected: #0B1422;
  --color-info-surface-disabled: #070607;
  --color-success-heavy-default: #f7fcf1;
  --color-success-heavy-hover: #f4fbee;
  --color-success-heavy-pressed: #e8f7df;
  --color-success-heavy-selected: #f4fbee;
  --color-success-heavy-disabled: #2a2a29;
  --color-success-medium-default: #b7eba7;
  --color-success-medium-hover: #d4f2c7;
  --color-success-medium-pressed: #e8f7df;
  --color-success-medium-selected: #d4f2c7;
  --color-success-medium-disabled: #2a2a29;
  --color-success-base-default: #0EA800;
  --color-success-base-hover: #6bd057;
  --color-success-base-pressed: #98e084;
  --color-success-base-selected: #6bd057;
  --color-success-base-disabled: #2a2a29;
  --color-success-trim-default: #066414;
  --color-success-trim-hover: #007e0c;
  --color-success-trim-pressed: #008a08;
  --color-success-trim-selected: #007e0c;
  --color-success-trim-disabled: #2a2a29;
  --color-success-subdued-default: #0f3518;
  --color-success-subdued-hover: #0f4b19;
  --color-success-subdued-pressed: #066414;
  --color-success-subdued-selected: #0f4b19;
  --color-success-subdued-disabled: #0d0b0b;
  --color-success-background-default: #060f0a;
  --color-success-background-hover: #040907;
  --color-success-background-pressed: #040907;
  --color-success-background-selected: #040907;
  --color-success-background-disabled: #000000;
  --color-success-surface-default: #131212;
  --color-success-surface-hover: #08170f;
  --color-success-surface-pressed: #007e0c;
  --color-success-surface-selected: #08170f;
  --color-success-surface-disabled: #070607;
  --color-warning-heavy-default: #fff9f0;
  --color-warning-heavy-hover: #fff7ea;
  --color-warning-heavy-pressed: #ffefd6;
  --color-warning-heavy-selected: #fff7ea;
  --color-warning-heavy-disabled: #2a2a29;
  --color-warning-medium-default: #ffd89b;
  --color-warning-medium-hover: #ffe6c1;
  --color-warning-medium-pressed: #ffefd6;
  --color-warning-medium-selected: #ffe6c1;
  --color-warning-medium-disabled: #2a2a29;
  --color-warning-base-default: #bb7c00;
  --color-warning-base-hover: #efae37;
  --color-warning-base-pressed: #ffc463;
  --color-warning-base-selected: #efae37;
  --color-warning-base-disabled: #2a2a29;
  --color-warning-trim-default: #6b3000;
  --color-warning-trim-hover: #824700;
  --color-warning-trim-pressed: #9e6100;
  --color-warning-trim-selected: #824700;
  --color-warning-trim-disabled: #2a2a29;
  --color-warning-subdued-default: #450900;
  --color-warning-subdued-hover: #551b00;
  --color-warning-subdued-pressed: #6b3000;
  --color-warning-subdued-selected: #551b00;
  --color-warning-subdued-disabled: #0d0b0b;
  --color-warning-background-default: #1b0000;
  --color-warning-background-hover: #140000;
  --color-warning-background-pressed: #140000;
  --color-warning-background-selected: #140000;
  --color-warning-background-disabled: #000000;
  --color-warning-surface-default: #131212;
  --color-warning-surface-hover: #250000;
  --color-warning-surface-pressed: #320000;
  --color-warning-surface-selected: #250000;
  --color-warning-surface-disabled: #070607;
  --color-critical-heavy-default: #fff8f7;
  --color-critical-heavy-hover: #fff6f5;
  --color-critical-heavy-pressed: #ffefed;
  --color-critical-heavy-selected: #fff6f5;
  --color-critical-heavy-disabled: #2a2a29;
  --color-critical-medium-default: #ffd3cf;
  --color-critical-medium-hover: #ffe3e1;
  --color-critical-medium-pressed: #ffefed;
  --color-critical-medium-selected: #ffe3e1;
  --color-critical-medium-disabled: #2a2a29;
  --color-critical-base-default: #cb6e6c;
  --color-critical-base-hover: #ffa19d;
  --color-critical-base-pressed: #ffbeba;
  --color-critical-base-selected: #ffa19d;
  --color-critical-base-disabled: #2a2a29;
  --color-critical-trim-default: #653131;
  --color-critical-trim-hover: #844342;
  --color-critical-trim-pressed: #a75856;
  --color-critical-trim-selected: #844342;
  --color-critical-trim-disabled: #2a2a29;
  --color-critical-subdued-default: #351716;
  --color-critical-subdued-hover: #4a2222;
  --color-critical-subdued-pressed: #653131;
  --color-critical-subdued-selected: #4a2222;
  --color-critical-subdued-disabled: #0d0b0b;
  --color-critical-background-default: #110504;
  --color-critical-background-hover: #0c0303;
  --color-critical-background-pressed: #0c0303;
  --color-critical-background-selected: #0c0303;
  --color-critical-background-disabled: #000000;
  --color-critical-surface-default: #131212;
  --color-critical-surface-hover: #240d0d;
  --color-critical-surface-pressed: #351716;
  --color-critical-surface-selected: #240d0d;
  --color-critical-surface-disabled: #070607;
  --color-accent-one-heavy-default: #fcf9ff;
  --color-accent-one-heavy-hover: #fcf7ff;
  --color-accent-one-heavy-pressed: #f9edff;
  --color-accent-one-heavy-selected: #fcf7ff;
  --color-accent-one-heavy-disabled: #2a2a29;
  --color-accent-one-medium-default: #f2d2ff;
  --color-accent-one-medium-hover: #f7e3ff;
  --color-accent-one-medium-pressed: #f9edff;
  --color-accent-one-medium-selected: #f7e3ff;
  --color-accent-one-medium-disabled: #2a2a29;
  --color-accent-one-base-default: #a872cf;
  --color-accent-one-base-hover: #daa5ff;
  --color-accent-one-base-pressed: #eabfff;
  --color-accent-one-base-selected: #daa5ff;
  --color-accent-one-base-disabled: #2a2a29;
  --color-accent-one-trim-default: #523469;
  --color-accent-one-trim-hover: #6c4588;
  --color-accent-one-trim-pressed: #8a5bac;
  --color-accent-one-trim-selected: #6c4588;
  --color-accent-one-trim-disabled: #2a2a29;
  --color-accent-one-subdued-default: #2a1838;
  --color-accent-one-subdued-hover: #3b244c;
  --color-accent-one-subdued-pressed: #523469;
  --color-accent-one-subdued-selected: #3b244c;
  --color-accent-one-subdued-disabled: #0d0b0b;
  --color-accent-one-background-default: #0d0513;
  --color-accent-one-background-hover: #08030d;
  --color-accent-one-background-pressed: #08030d;
  --color-accent-one-background-selected: #08030d;
  --color-accent-one-background-disabled: #000000;
  --color-accent-one-surface-default: #131212;
  --color-accent-one-surface-hover: #1c0e26;
  --color-accent-one-surface-pressed: #2a1838;
  --color-accent-one-surface-selected: #1c0e26;
  --color-accent-one-surface-disabled: #070607;
  --color-accent-two-heavy-default: #F7FBF9;
  --color-accent-two-heavy-hover: #F4F9F8;
  --color-accent-two-heavy-pressed: #E9F4F2;
  --color-accent-two-heavy-selected: #F4F9F8;
  --color-accent-two-heavy-disabled: #2a2a29;
  --color-accent-two-medium-default: #C3E4E0;
  --color-accent-two-medium-hover: #DBEEEB;
  --color-accent-two-medium-pressed: #E9F4F2;
  --color-accent-two-medium-selected: #DBEEEB;
  --color-accent-two-medium-disabled: #2a2a29;
  --color-accent-two-base-default: #109991;
  --color-accent-two-base-hover: #7CC7C0;
  --color-accent-two-base-pressed: #A6D8D2;
  --color-accent-two-base-selected: #7CC7C0;
  --color-accent-two-base-disabled: #2a2a29;
  --color-accent-two-trim-default: #174845;
  --color-accent-two-trim-hover: #0D605B;
  --color-accent-two-trim-pressed: #007C76;
  --color-accent-two-trim-selected: #0D605B;
  --color-accent-two-trim-disabled: #2a2a29;
  --color-accent-two-subdued-default: #122321;
  --color-accent-two-subdued-hover: #163230;
  --color-accent-two-subdued-pressed: #174845;
  --color-accent-two-subdued-selected: #163230;
  --color-accent-two-subdued-disabled: #0d0b0b;
  --color-accent-two-background-default: #050808;
  --color-accent-two-background-hover: #040505;
  --color-accent-two-background-pressed: #040505;
  --color-accent-two-background-selected: #040505;
  --color-accent-two-background-disabled: #000000;
  --color-accent-two-surface-default: #131212;
  --color-accent-two-surface-hover: #0C1514;
  --color-accent-two-surface-pressed: #122321;
  --color-accent-two-surface-selected: #0C1514;
  --color-accent-two-surface-disabled: #070607;
  --color-accent-three-heavy-default: #F9FAFF;
  --color-accent-three-heavy-hover: #F6F8FF;
  --color-accent-three-heavy-pressed: #ECF2FF;
  --color-accent-three-heavy-selected: #F6F8FF;
  --color-accent-three-heavy-disabled: #2a2a29;
  --color-accent-three-medium-default: #C8DFFF;
  --color-accent-three-medium-hover: #DEEBFF;
  --color-accent-three-medium-pressed: #ECF2FF;
  --color-accent-three-medium-selected: #DEEBFF;
  --color-accent-three-medium-disabled: #2a2a29;
  --color-accent-three-base-default: #147AE2;
  --color-accent-three-base-hover: #88BDFF;
  --color-accent-three-base-pressed: #ADD1FF;
  --color-accent-three-base-selected: #88BDFF;
  --color-accent-three-base-disabled: #2a2a29;
  --color-accent-three-trim-default: #0C407F;
  --color-accent-three-trim-hover: #0053AE;
  --color-accent-three-trim-pressed: #006BE0;
  --color-accent-three-trim-selected: #0053AE;
  --color-accent-three-trim-disabled: #2a2a29;
  --color-accent-three-subdued-default: #102037;
  --color-accent-three-subdued-hover: #122E54;
  --color-accent-three-subdued-pressed: #0C407F;
  --color-accent-three-subdued-selected: #122E54;
  --color-accent-three-subdued-disabled: #0d0b0b;
  --color-accent-three-background-default: #05080E;
  --color-accent-three-background-hover: #030509;
  --color-accent-three-background-pressed: #030509;
  --color-accent-three-background-selected: #030509;
  --color-accent-three-background-disabled: #000000;
  --color-accent-three-surface-default: #131212;
  --color-accent-three-surface-hover: #0B1422;
  --color-accent-three-surface-pressed: #102037;
  --color-accent-three-surface-selected: #0B1422;
  --color-accent-three-surface-disabled: #070607;
  --color-accent-four-heavy-default: #fff9f0;
  --color-accent-four-heavy-hover: #fff7ea;
  --color-accent-four-heavy-pressed: #ffefd6;
  --color-accent-four-heavy-selected: #fff7ea;
  --color-accent-four-heavy-disabled: #2a2a29;
  --color-accent-four-medium-default: #ffd89b;
  --color-accent-four-medium-hover: #ffe6c1;
  --color-accent-four-medium-pressed: #ffefd6;
  --color-accent-four-medium-selected: #ffe6c1;
  --color-accent-four-medium-disabled: #2a2a29;
  --color-accent-four-base-default: #bb7c00;
  --color-accent-four-base-hover: #efae37;
  --color-accent-four-base-pressed: #ffc463;
  --color-accent-four-base-selected: #efae37;
  --color-accent-four-base-disabled: #2a2a29;
  --color-accent-four-trim-default: #6b3000;
  --color-accent-four-trim-hover: #824700;
  --color-accent-four-trim-pressed: #bb7c00;
  --color-accent-four-trim-selected: #824700;
  --color-accent-four-trim-disabled: #2a2a29;
  --color-accent-four-subdued-default: #450900;
  --color-accent-four-subdued-hover: #551b00;
  --color-accent-four-subdued-pressed: #6b3000;
  --color-accent-four-subdued-selected: #551b00;
  --color-accent-four-subdued-disabled: #0d0b0b;
  --color-accent-four-background-default: #1b0000;
  --color-accent-four-background-hover: #140000;
  --color-accent-four-background-pressed: #140000;
  --color-accent-four-background-selected: #140000;
  --color-accent-four-background-disabled: #000000;
  --color-accent-four-surface-default: #131212;
  --color-accent-four-surface-hover: #250000;
  --color-accent-four-surface-pressed: #320000;
  --color-accent-four-surface-selected: #250000;
  --color-accent-four-surface-disabled: #070607;
  --color-accent-five-heavy-default: #fff8f7;
  --color-accent-five-heavy-hover: #fff6f5;
  --color-accent-five-heavy-pressed: #ffefed;
  --color-accent-five-heavy-selected: #fff6f5;
  --color-accent-five-heavy-disabled: #2a2a29;
  --color-accent-five-medium-default: #ffd3cf;
  --color-accent-five-medium-hover: #ffe3e1;
  --color-accent-five-medium-pressed: #ffefed;
  --color-accent-five-medium-selected: #ffe3e1;
  --color-accent-five-medium-disabled: #2a2a29;
  --color-accent-five-base-default: #cb6e6c;
  --color-accent-five-base-hover: #ffa19d;
  --color-accent-five-base-pressed: #ffbeba;
  --color-accent-five-base-selected: #ffa19d;
  --color-accent-five-base-disabled: #2a2a29;
  --color-accent-five-trim-default: #653131;
  --color-accent-five-trim-hover: #844342;
  --color-accent-five-trim-pressed: #a75856;
  --color-accent-five-trim-selected: #844342;
  --color-accent-five-trim-disabled: #2a2a29;
  --color-accent-five-subdued-default: #351716;
  --color-accent-five-subdued-hover: #4a2222;
  --color-accent-five-subdued-pressed: #653131;
  --color-accent-five-subdued-selected: #4a2222;
  --color-accent-five-subdued-disabled: #0d0b0b;
  --color-accent-five-background-default: #110504;
  --color-accent-five-background-hover: #0c0303;
  --color-accent-five-background-pressed: #0c0303;
  --color-accent-five-background-selected: #0c0303;
  --color-accent-five-background-disabled: #000000;
  --color-accent-five-surface-default: #131212;
  --color-accent-five-surface-hover: #240d0d;
  --color-accent-five-surface-pressed: #351716;
  --color-accent-five-surface-selected: #240d0d;
  --color-accent-five-surface-disabled: #070607;
  --shadow-elevation-1-key-color: rgba(7, 6, 7, 0.05);
  --shadow-elevation-1-key-x: 0;
  --shadow-elevation-1-key-y: 1px;
  --shadow-elevation-1-key-radius: 2px;
  --shadow-elevation-1-ambient-color: rgba(7, 6, 7, 0.05);
  --shadow-elevation-1-ambient-x: 0;
  --shadow-elevation-1-ambient-y: 1px;
  --shadow-elevation-1-ambient-radius: 4px;
  --shadow-elevation-2-key-color: rgba(7, 6, 7, 0.04);
  --shadow-elevation-2-key-x: 0;
  --shadow-elevation-2-key-y: 1px;
  --shadow-elevation-2-key-radius: 4px;
  --shadow-elevation-2-ambient-color: rgba(7, 6, 7, 0.03);
  --shadow-elevation-2-ambient-x: 0;
  --shadow-elevation-2-ambient-y: 2px;
  --shadow-elevation-2-ambient-radius: 8px;
  --shadow-elevation-3-key-color: rgba(7, 6, 7, 0.04);
  --shadow-elevation-3-key-x: 0;
  --shadow-elevation-3-key-y: 2px;
  --shadow-elevation-3-key-radius: 8px;
  --shadow-elevation-3-ambient-color: rgba(7, 6, 7, 0.03);
  --shadow-elevation-3-ambient-x: 0;
  --shadow-elevation-3-ambient-y: 4px;
  --shadow-elevation-3-ambient-radius: 12px;
  --shadow-elevation-4-key-color: rgba(7, 6, 7, 0.05);
  --shadow-elevation-4-key-x: 0;
  --shadow-elevation-4-key-y: 2px;
  --shadow-elevation-4-key-radius: 8px;
  --shadow-elevation-4-ambient-color: rgba(7, 6, 7, 0.04);
  --shadow-elevation-4-ambient-x: 0;
  --shadow-elevation-4-ambient-y: 8px;
  --shadow-elevation-4-ambient-radius: 16px;
}

/* "regular" spacing and typography */
@media only screen and (min-width: 624px) {
 :root, [data-theme-name="domain-2022"] {
  --space-none: 0px;
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-s: 12px;
  --space-m: 24px;
  --space-l: 28px;
  --space-xl: 36px;
  --space-xxl: 72px;
  --type-mini-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-mini-weight: 400;
  --type-mini-size: 12px;
  --type-mini-line-height: 16px;
  --type-mini-bold-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-mini-bold-weight: 700;
  --type-mini-bold-size: 12px;
  --type-mini-bold-line-height: 16px;
  --type-caption-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-caption-weight: 400;
  --type-caption-size: 16px;
  --type-caption-line-height: 24px;
  --type-caption-bold-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-caption-bold-weight: 700;
  --type-caption-bold-size: 16px;
  --type-caption-bold-line-height: 24px;
  --type-body-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-body-weight: 400;
  --type-body-size: 18px;
  --type-body-line-height: 28px;
  --type-body-bold-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-body-bold-weight: 700;
  --type-body-bold-size: 18px;
  --type-body-bold-line-height: 28px;
  --type-lead-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-lead-weight: 400;
  --type-lead-size: 22px;
  --type-lead-line-height: 32px;
  --type-overline-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-overline-weight: 700;
  --type-overline-size: 14px;
  --type-overline-line-height: 20px;
  --type-overline-text-transform: uppercase;
  --type-display-small-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-display-small-weight: 400;
  --type-display-small-size: 24px;
  --type-display-small-line-height: 32px;
  --type-subheading-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-subheading-weight: 400;
  --type-subheading-size: 18px;
  --type-subheading-line-height: 24px;
  --type-display-medium-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-display-medium-weight: 400;
  --type-display-medium-size: 28px;
  --type-display-medium-line-height: 32px;
  --type-heading-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-heading-weight: 400;
  --type-heading-size: 26px;
  --type-heading-line-height: 32px;
  --type-pageheading-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-pageheading-weight: 400;
  --type-pageheading-size: 32px;
  --type-pageheading-line-height: 36px;
  --type-display-large-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-display-large-weight: 400;
  --type-display-large-size: 36px;
  --type-display-large-line-height: 40px;
  --type-callout-family: 'Georgia', serif;
  --type-callout-weight: 400;
  --type-callout-size: 24px;
  --type-callout-line-height: 32px;
  --type-code-family: 'Courier New', monospace;
  --type-code-weight: 700;
  --type-code-size: 18px;
  --type-code-line-height: 24px;
  }
}

/* "large" spacing and typography */
@media only screen and (min-width: 1021px) {
 :root, [data-theme-name="domain-2022"] {
  --space-none: 0px;
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-s: 16px;
  --space-m: 24px;
  --space-l: 32px;
  --space-xl: 40px;
  --space-xxl: 80px;
  --type-mini-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-mini-weight: 400;
  --type-mini-size: 12px;
  --type-mini-line-height: 16px;
  --type-mini-bold-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-mini-bold-weight: 700;
  --type-mini-bold-size: 12px;
  --type-mini-bold-line-height: 16px;
  --type-caption-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-caption-weight: 400;
  --type-caption-size: 16px;
  --type-caption-line-height: 24px;
  --type-caption-bold-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-caption-bold-weight: 700;
  --type-caption-bold-size: 16px;
  --type-caption-bold-line-height: 24px;
  --type-body-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-body-weight: 400;
  --type-body-size: 18px;
  --type-body-line-height: 28px;
  --type-body-bold-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-body-bold-weight: 700;
  --type-body-bold-size: 18px;
  --type-body-bold-line-height: 28px;
  --type-lead-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-lead-weight: 400;
  --type-lead-size: 24px;
  --type-lead-line-height: 32px;
  --type-overline-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-overline-weight: 700;
  --type-overline-size: 14px;
  --type-overline-line-height: 16px;
  --type-overline-text-transform: uppercase;
  --type-display-small-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-display-small-weight: 700;
  --type-display-small-size: 24px;
  --type-display-small-line-height: 32px;
  --type-subheading-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-subheading-weight: 400;
  --type-subheading-size: 18px;
  --type-subheading-line-height: 24px;
  --type-display-medium-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-display-medium-weight: 400;
  --type-display-medium-size: 32px;
  --type-display-medium-line-height: 40px;
  --type-heading-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-heading-weight: 400;
  --type-heading-size: 28px;
  --type-heading-line-height: 32px;
  --type-pageheading-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-pageheading-weight: 400;
  --type-pageheading-size: 40px;
  --type-pageheading-line-height: 48px;
  --type-display-large-family: 'F37 Bolton', Helvetica, Arial, sans-serif;
  --type-display-large-weight: 400;
  --type-display-large-size: 64px;
  --type-display-large-line-height: 72px;
  --type-callout-family: 'Georgia', serif;
  --type-callout-weight: 400;
  --type-callout-size: 26px;
  --type-callout-line-height: 36px;
  --type-code-family: 'Courier New', monospace;
  --type-code-weight: 700;
  --type-code-size: 18px;
  --type-code-line-height: 24px;
  }
}