/* GENERATED by packages/ui/scripts/foundation/generate.ts from src/foundation/figma-snapshot.json and src/foundation/code-owned-tokens.ts.
 * Do not edit. Run: pnpm --filter @legend/ui generate:foundation */

:root {
  --primitive-dimension-0-507: 0.507;
  --primitive-color-c084fc: #c084fc;
  --primitive-font-family-geist: var(--font-geist-family), Inter, ui-sans-serif, system-ui;
  --primitive-font-family-akira-expanded: var(--font-akira-family), Impact, sans-serif;
  --primitive-font-family-geist-mono: var(--font-geist-mono), ui-monospace, SFMono-Regular;
  --primitive-color-0a0a0a: #0a0a0a;
  --primitive-color-141414: #141414;
  --primitive-color-1f1f1f: #1f1f1f;
  --primitive-color-292929: #292929;
  --primitive-color-333333: #333333;
  --primitive-color-3d3d3d: #3d3d3d;
  --primitive-color-474747: #474747;
  --primitive-color-525252: #525252;
  --primitive-color-666666: #666666;
  --primitive-color-858585: #858585;
  --primitive-color-a3a3a3: #a3a3a3;
  --primitive-color-c2c2c2: #c2c2c2;
  --primitive-color-000000-opacity-4: rgb(0 0 0 / 0.04);
  --primitive-color-000000-opacity-8: rgb(0 0 0 / 0.08);
  --primitive-color-000000-opacity-16: rgb(0 0 0 / 0.16);
  --primitive-color-000000-opacity-24: rgb(0 0 0 / 0.24);
  --primitive-color-f5f5f5: #f5f5f5;
  --primitive-color-ebebeb: #ebebeb;
  --primitive-color-e0e0e0: #e0e0e0;
  --primitive-color-d6d6d6: #d6d6d6;
  --primitive-color-cccccc: #cccccc;
  --primitive-color-b8b8b8: #b8b8b8;
  --primitive-color-7a7a7a: #7a7a7a;
  --primitive-color-5c5c5c: #5c5c5c;
  --primitive-color-ffffff-opacity-4: rgb(255 255 255 / 0.04);
  --primitive-color-ffffff-opacity-8: rgb(255 255 255 / 0.08);
  --primitive-color-ffffff-opacity-16: rgb(255 255 255 / 0.16);
  --primitive-color-ffffff-opacity-24: rgb(255 255 255 / 0.24);
  --primitive-color-ffa318: #ffa318;
  --primitive-color-ffa318-opacity-20: rgb(255 163 24 / 0.2);
  --primitive-color-ffa318-opacity-25: rgb(255 163 24 / 0.25);
  --primitive-color-c77700: #c77700;
  --primitive-color-c77700-opacity-20: rgb(199 119 0 / 0.2);
  --primitive-color-c77700-opacity-25: rgb(199 119 0 / 0.25);
  --primitive-color-754600: #754600;
  --primitive-color-754600-opacity-25: rgb(117 70 0 / 0.25);
  --primitive-color-1f1200: #1f1200;
  --primitive-color-1f1200-opacity-25: rgb(31 18 0 / 0.25);
  --primitive-color-ff7300: #ff7300;
  --primitive-color-ad4e00: #ad4e00;
  --primitive-color-5c2900: #5c2900;
  --primitive-dimension-0: 0;
  --primitive-dimension-2: 2;
  --primitive-dimension-4: 4;
  --primitive-dimension-6: 6;
  --primitive-dimension-8: 8;
  --primitive-dimension-10: 10;
  --primitive-dimension-12: 12;
  --primitive-dimension-16: 16;
  --primitive-dimension-20: 20;
  --primitive-dimension-24: 24;
  --primitive-dimension-40: 40;
  --primitive-dimension-100: 100;
  --primitive-color-ffae34: #ffae34;
  --primitive-color-e69316: #e69316;
  --primitive-color-4d3107: #4d3107;
  --primitive-color-402906: #402906;
  --primitive-color-332105: #332105;
  --primitive-color-30d158: #30d158;
  --primitive-color-49d76c: #49d76c;
  --primitive-color-2bbc4f: #2bbc4f;
  --primitive-color-0e3f1a: #0e3f1a;
  --primitive-color-0c3416: #0c3416;
  --primitive-color-0a2a12: #0a2a12;
  --primitive-color-ff4245: #ff4245;
  --primitive-color-ff595b: #ff595b;
  --primitive-color-e63b3e: #e63b3e;
  --primitive-color-4d1415: #4d1415;
  --primitive-color-401111: #401111;
  --primitive-color-330d0e: #330d0e;
  --primitive-color-000000-opacity-0: rgb(0 0 0 / 0);
  --primitive-dimension-3: 3;
  --primitive-dimension-5: 5;
  --primitive-dimension-14: 14;
  --primitive-dimension-18: 18;
  --primitive-dimension-21: 21;
  --primitive-dimension-22: 22;
  --primitive-dimension-33: 33;
  --primitive-dimension-37: 37;
  --primitive-dimension-44: 44;
  --primitive-dimension-45: 45;
  --primitive-dimension-48: 48;
  --primitive-dimension-7: 7;
  --primitive-color-ffa318-opacity-0: rgb(255 163 24 / 0);
  --primitive-color-ffa318-opacity-40: rgb(255 163 24 / 0.4);
  --primitive-color-ffa318-opacity-60: rgb(255 163 24 / 0.6);
  --primitive-color-ffa318-opacity-30: rgb(255 163 24 / 0.3);
  --primitive-color-404040: #404040;
  --primitive-font-weight-400: 400;
  --primitive-font-weight-600: 600;
  --primitive-dimension-13: 13;
  --primitive-dimension-15-6: 15.6;
  --primitive-font-weight-500: 500;
  --primitive-color-ff9230: #ff9230;
  --primitive-color-0091ff: #0091ff;
  --primitive-dimension-1: 1;
  --primitive-dimension-32: 32;
  --primitive-dimension-36: 36;
  --primitive-dimension-72: 72;
  --primitive-dimension-52: 52;
  --primitive-dimension-999: 999;
  --primitive-dimension-64: 64;
  --primitive-dimension-240: 240;
  --primitive-dimension-760: 760;
  --primitive-dimension-402: 402;
  --primitive-dimension-276: 276;
  --primitive-color-212121: #212121;
  --primitive-color-000000-opacity-60: rgb(0 0 0 / 0.6);
  --primitive-dimension-negative-1: -1;
  --primitive-color-000000-opacity-80: rgb(0 0 0 / 0.8);
  --primitive-color-e6e6e6-opacity-25: rgb(230 230 230 / 0.25);
  --primitive-dimension-3-5: 3.5;
  --primitive-color-c2c2c2-opacity-78-54684: rgb(194 194 194 / 0.7855);
  --primitive-color-c2c2c2-opacity-60-601354: rgb(194 194 194 / 0.606);
  --primitive-color-c2c2c2-opacity-45-794672: rgb(194 194 194 / 0.4579);
  --primitive-color-c2c2c2-opacity-33-77186: rgb(194 194 194 / 0.3377);
  --primitive-color-c2c2c2-opacity-24-192491: rgb(194 194 194 / 0.2419);
  --primitive-color-c2c2c2-opacity-16-731288: rgb(194 194 194 / 0.1673);
  --primitive-color-c2c2c2-opacity-11-078872: rgb(194 194 194 / 0.1108);
  --primitive-color-c2c2c2-opacity-6-942625: rgb(194 194 194 / 0.0694);
  --primitive-color-c2c2c2-opacity-4-0477153: rgb(194 194 194 / 0.0405);
  --primitive-color-c2c2c2-opacity-2-1383343: rgb(194 194 194 / 0.0214);
  --primitive-color-c2c2c2-opacity-0-9792432: rgb(194 194 194 / 0.0098);
  --primitive-color-c2c2c2-opacity-0-35777087: rgb(194 194 194 / 0.0036);
  --primitive-color-c2c2c2-opacity-0-086553686: rgb(194 194 194 / 0.0009);
  --primitive-color-c2c2c2-opacity-0-007650338: rgb(194 194 194 / 0.0001);
  --primitive-color-c2c2c2-opacity-0: rgb(194 194 194 / 0);
  --primitive-dimension-28: 28;
  --primitive-color-c2c2c2-opacity-79-780996: rgb(194 194 194 / 0.7978);
  --primitive-color-c2c2c2-opacity-62-66545: rgb(194 194 194 / 0.6267);
  --primitive-color-c2c2c2-opacity-48-348364: rgb(194 194 194 / 0.4835);
  --primitive-color-c2c2c2-opacity-36-535448: rgb(194 194 194 / 0.3654);
  --primitive-color-c2c2c2-opacity-26-94353: rgb(194 194 194 / 0.2694);
  --primitive-color-c2c2c2-opacity-19-30101: rgb(194 194 194 / 0.193);
  --primitive-color-c2c2c2-opacity-13-348389: rgb(194 194 194 / 0.1335);
  --primitive-color-c2c2c2-opacity-8-8388346: rgb(194 194 194 / 0.0884);
  --primitive-color-c2c2c2-opacity-5-5388957: rgb(194 194 194 / 0.0554);
  --primitive-color-c2c2c2-opacity-3-2293078: rgb(194 194 194 / 0.0323);
  --primitive-color-c2c2c2-opacity-1-7059844: rgb(194 194 194 / 0.0171);
  --primitive-color-c2c2c2-opacity-0-78125: rgb(194 194 194 / 0.0078);
  --primitive-color-c2c2c2-opacity-0-28543319: rgb(194 194 194 / 0.0029);
  --primitive-color-c2c2c2-opacity-0-069053395: rgb(194 194 194 / 0.0007);
  --primitive-dimension-29: 29;
  --primitive-dimension-6-16: 6.16;
  --primitive-dimension-7-04: 7.04;
  --primitive-dimension-8-8: 8.8;
  --primitive-dimension-10-56: 10.56;
  --primitive-dimension-14-08: 14.08;
  --primitive-color-ffa318-precision-2: #ffa318;
  --primitive-color-8c8c8c: #8c8c8c;
  --primitive-color-ab4f17: #ab4f17;
  --primitive-dimension-80: 80;
  --primitive-dimension-56: 56;
  --primitive-dimension-27: 27;
  --primitive-dimension-14-4: 14.4;
  --primitive-color-ffa318-opacity-90: rgb(255 163 24 / 0.9);
  --primitive-color-ffa318-opacity-12: rgb(255 163 24 / 0.12);
  --primitive-color-30d158-opacity-90: rgb(48 209 88 / 0.9);
  --primitive-color-30d158-opacity-12: rgb(48 209 88 / 0.12);
  --primitive-color-ff4245-opacity-90: rgb(255 66 69 / 0.9);
  --primitive-color-ff4245-opacity-12: rgb(255 66 69 / 0.12);
  --primitive-dimension-112: 112;
  --primitive-color-ffa318-opacity-18: rgb(255 163 24 / 0.18);
  --primitive-color-30d158-opacity-18: rgb(48 209 88 / 0.18);
  --primitive-color-ff4245-opacity-18: rgb(255 66 69 / 0.18);
  --primitive-dimension-200: 200;
  --primitive-dimension-1-5: 1.5;
  --primitive-color-f5f5f5-opacity-18: rgb(245 245 245 / 0.18);
  --primitive-dimension-2-5: 2.5;
  --primitive-color-31d158: #31d158;
  --primitive-color-ff4246: #ff4246;
  --primitive-color-7a7a7a-opacity-18: rgb(122 122 122 / 0.18);
  --primitive-color-ffffff-opacity-14: rgb(255 255 255 / 0.14);
  --primitive-dimension-0-3: 0.3;
  --primitive-dimension-0-42857143: 0.4286;
  --primitive-dimension-9: 9;
  --primitive-dimension-4-8: 4.8;
  --primitive-dimension-1-1066667: 1.1067;
  --primitive-dimension-2-6666667: 2.6667;
  --primitive-dimension-1-66: 1.66;
  --primitive-dimension-negative-4-8: -4.8;
  --primitive-dimension-7-2: 7.2;
  --primitive-dimension-10-285714: 10.2857;
  --primitive-dimension-negative-7-2: -7.2;
  --primitive-dimension-8-4: 8.4;
  --primitive-dimension-negative-8-4: -8.4;
  --primitive-dimension-9-6: 9.6;
  --primitive-dimension-13-714286: 13.7143;
  --primitive-dimension-negative-9-6: -9.6;
  --primitive-dimension-17-142857: 17.1429;
  --primitive-dimension-negative-12: -12;
  --primitive-color-6f6f6f: #6f6f6f;
  --primitive-color-1e1e1e: #1e1e1e;
  --primitive-dimension-140: 140;
  --primitive-dimension-26: 26;
  --primitive-dimension-203: 203;
  --primitive-dimension-0-25: 0.25;
  --primitive-dimension-0-4: 0.4;
  --primitive-dimension-41: 41;
  --primitive-dimension-65: 65;
  --primitive-color-ffa318-opacity-16: rgb(255 163 24 / 0.16);
  --primitive-color-ff4245-opacity-16: rgb(255 66 69 / 0.16);
  --primitive-color-ff4245-opacity-0: rgb(255 66 69 / 0);
  --primitive-color-0091ff-opacity-16: rgb(0 145 255 / 0.16);
  --primitive-color-0091ff-opacity-0: rgb(0 145 255 / 0);
  --primitive-color-30d158-opacity-16: rgb(48 209 88 / 0.16);
  --primitive-color-30d158-opacity-0: rgb(48 209 88 / 0);
  --primitive-color-f5f5f5-opacity-16: rgb(245 245 245 / 0.16);
  --primitive-color-f5f5f5-opacity-0: rgb(245 245 245 / 0);
  --primitive-opacity-percentage-25: 25%;
  --primitive-opacity-percentage-40: 40%;
  --primitive-font-style-regular: 'Regular';
  --primitive-dimension-5-3333335: 5.3333;
  --primitive-dimension-10-666667: 10.6667;
  --primitive-dimension-1-3333334: 1.3333;
  --primitive-dimension-0-70710677: 0.7071;
  --primitive-dimension-0-16666667: 0.1667;
  --primitive-dimension-50: 50;
  --primitive-dimension-40-8: 40.8;
  --primitive-dimension-46-8: 46.8;
  --primitive-dimension-27-2: 27.2;
  --primitive-dimension-30-973333: 30.9733;
  --primitive-color-30d158-opacity-30: rgb(48 209 88 / 0.3);
  --primitive-color-30d158-opacity-20: rgb(48 209 88 / 0.2);
  --primitive-color-30d158-opacity-5: rgb(48 209 88 / 0.05);
  --primitive-color-30d158-opacity-1: rgb(48 209 88 / 0.01);
  --primitive-color-30d158-opacity-50: rgb(48 209 88 / 0.5);
  --primitive-dimension-1-6: 1.6;
  --primitive-color-ff4245-opacity-1: rgb(255 66 69 / 0.01);
  --primitive-color-ff4245-opacity-5: rgb(255 66 69 / 0.05);
  --primitive-color-ff4245-opacity-20: rgb(255 66 69 / 0.2);
  --primitive-color-ff4245-opacity-30: rgb(255 66 69 / 0.3);
  --primitive-color-ff4245-opacity-50: rgb(255 66 69 / 0.5);
  --primitive-dimension-188: 188;
  --primitive-dimension-370: 370;
  --primitive-dimension-68: 68;
  --primitive-color-000000-opacity-40: rgb(0 0 0 / 0.4);
  --primitive-color-b8b8b8-opacity-8: rgb(184 184 184 / 0.08);
  --primitive-color-b8b8b8-opacity-0: rgb(184 184 184 / 0);
  --primitive-color-b8b8b8-opacity-24: rgb(184 184 184 / 0.24);
  --primitive-scale-0-94: 0.94;
  --primitive-opacity-fraction-0-5: 0.5;
  --primitive-duration-milliseconds-250: 250ms;
  --primitive-duration-milliseconds-140: 140ms;
  --primitive-dimension-negative-4: -4;
  --primitive-spring-bounce-0: 0;
  --primitive-color-525252-opacity-65: rgb(82 82 82 / 0.65);
  --primitive-color-1a1a1a: #1a1a1a;
  --primitive-color-30d158-10: rgb(48 209 88 / 0.1);
  --primitive-duration-150: 150ms;
}

/* GENERATED by packages/ui/scripts/foundation/generate.ts from src/foundation/figma-snapshot.json and src/foundation/code-owned-tokens.ts and src/foundation/name-overrides.json.
 * Do not edit. Run: pnpm --filter @legend/ui generate:foundation */

:root {
  --color-data-visualization-series-purple: var(--primitive-color-c084fc);
  --color-feed-copy-action-surface: var(--primitive-color-292929);
  --color-action-brand-primary: var(--primitive-color-ffa318);
  --color-action-brand-primary-hover: var(--primitive-color-ffae34);
  --color-action-brand-primary-pressed: var(--primitive-color-e69316);
  --color-action-brand-secondary: var(--primitive-color-332105);
  --color-action-brand-secondary-hover: var(--primitive-color-402906);
  --color-action-brand-secondary-pressed: var(--primitive-color-4d3107);
  --color-action-brand-secondary-foreground: var(--primitive-color-ffa318);
  --color-action-brand-secondary-foreground-pressed: var(--primitive-color-ffae34);
  --color-action-disabled: var(--primitive-color-141414);
  --color-action-disabled-foreground: var(--primitive-color-7a7a7a);
  --color-action-negative-primary: var(--primitive-color-ff4245);
  --color-action-negative-primary-hover: var(--primitive-color-ff595b);
  --color-action-negative-primary-pressed: var(--primitive-color-e63b3e);
  --color-action-negative-secondary: var(--primitive-color-330d0e);
  --color-action-negative-secondary-hover: var(--primitive-color-401111);
  --color-action-negative-secondary-pressed: var(--primitive-color-4d1415);
  --color-action-negative-secondary-foreground: var(--primitive-color-ff4245);
  --color-action-negative-secondary-foreground-pressed: var(--primitive-color-ff595b);
  --color-action-positive-primary: var(--primitive-color-30d158);
  --color-action-positive-primary-hover: var(--primitive-color-49d76c);
  --color-action-positive-primary-pressed: var(--primitive-color-2bbc4f);
  --color-action-positive-secondary: var(--primitive-color-0a2a12);
  --color-action-positive-secondary-hover: var(--primitive-color-0c3416);
  --color-action-positive-secondary-pressed: var(--primitive-color-0e3f1a);
  --color-action-positive-secondary-foreground: var(--primitive-color-30d158);
  --color-action-positive-secondary-foreground-pressed: var(--primitive-color-49d76c);
  --color-action-primary-foreground: var(--primitive-color-0a0a0a);
  --color-chart-negative-fill-0: var(--primitive-color-ff4245-opacity-0);
  --color-chart-negative-fill-1: var(--primitive-color-ff4245-opacity-1);
  --color-chart-negative-fill-2: var(--primitive-color-ff4245-opacity-5);
  --color-chart-negative-fill-3: var(--primitive-color-ff4245-opacity-12);
  --color-chart-negative-fill-4: var(--primitive-color-ff4245-opacity-20);
  --color-chart-negative-fill-5: var(--primitive-color-ff4245-opacity-30);
  --color-chart-negative-pulse: var(--primitive-color-ff4245-opacity-50);
  --color-chart-positive-fill-0: var(--primitive-color-30d158-opacity-30);
  --color-chart-positive-fill-1: var(--primitive-color-30d158-opacity-20);
  --color-chart-positive-fill-2: var(--primitive-color-30d158-opacity-12);
  --color-chart-positive-fill-3: var(--primitive-color-30d158-opacity-5);
  --color-chart-positive-fill-4: var(--primitive-color-30d158-opacity-1);
  --color-chart-positive-fill-5: var(--primitive-color-30d158-opacity-0);
  --color-chart-positive-pulse: var(--primitive-color-30d158-opacity-50);
  --color-chart-sparkline-positive-line-fade-end: var(--primitive-color-30d158);
  --color-chart-sparkline-positive-line-fade-start: var(--primitive-color-30d158-10);
  --color-indicator-foreground-on-brand: var(--primitive-color-0a0a0a);
  --color-relationship-copy-active: var(--primitive-color-ffa318);
  --color-relationship-copy-inactive: var(--primitive-color-b8b8b8);
  --color-selection-border-rest: var(--primitive-color-292929);
  --color-selection-border-selected: var(--primitive-color-000000-opacity-0);
  --color-selection-foreground: var(--primitive-color-f5f5f5);
  --color-selection-foreground-disabled: var(--primitive-color-7a7a7a);
  --color-selection-surface-disabled: var(--primitive-color-141414);
  --color-selection-surface-hover: var(--primitive-color-1f1f1f);
  --color-selection-surface-pressed: var(--primitive-color-292929);
  --color-selection-surface-rest: var(--primitive-color-000000-opacity-0);
  --color-selection-surface-selected: var(--primitive-color-292929);
  --color-selection-surface-selected-disabled: var(--primitive-color-1f1f1f);
  --color-selection-surface-selected-hover: var(--primitive-color-333333);
  --color-selection-surface-selected-pressed: var(--primitive-color-404040);
  --color-status-brand-foreground: var(--primitive-color-ffa318);
  --color-status-brand-surface: var(--primitive-color-332105);
  --color-status-information-foreground: var(--primitive-color-b8b8b8);
  --color-status-negative-foreground: var(--primitive-color-ff4245);
  --color-status-negative-surface: var(--primitive-color-330d0e);
  --color-status-neutral-foreground: var(--primitive-color-b8b8b8);
  --color-status-neutral-surface: var(--primitive-color-292929);
  --color-status-positive-foreground: var(--primitive-color-30d158);
  --color-status-positive-surface: var(--primitive-color-0a2a12);
  --color-status-warning-foreground: var(--primitive-color-ff9230);
  --color-trade-side-long-foreground: var(--primitive-color-30d158);
  --color-trade-side-long-surface: var(--primitive-color-0a2a12);
  --color-trade-side-neutral-foreground: var(--primitive-color-b8b8b8);
  --color-trade-side-neutral-surface: var(--primitive-color-292929);
  --color-trade-side-short-foreground: var(--primitive-color-ff4245);
  --color-trade-side-short-surface: var(--primitive-color-330d0e);
  --color-content-icon-disabled: var(--primitive-color-6f6f6f);
  --color-content-icon-secondary: var(--primitive-color-b8b8b8);
  --color-control-border-subtle: var(--primitive-color-292929);
  --color-control-border-transparent: var(--primitive-color-000000-opacity-0);
  --color-control-border: var(--primitive-color-292929);
  --color-control-brand: var(--primitive-color-ffa318);
  --color-control-canvas: var(--primitive-color-0a0a0a);
  --color-control-clear: var(--primitive-color-000000-opacity-0);
  --color-control-disabled: var(--primitive-color-7a7a7a);
  --color-control-green: var(--primitive-color-30d158);
  --color-control-green-surface: var(--primitive-color-0a2a12);
  --color-control-handle: var(--primitive-color-c77700);
  --color-control-hover: var(--primitive-color-1f1f1f);
  --color-control-muted: var(--primitive-color-b8b8b8);
  --color-control-pressed: var(--primitive-color-292929);
  --color-control-red: var(--primitive-color-ff4245);
  --color-control-red-surface: var(--primitive-color-330d0e);
  --color-control-selected: var(--primitive-color-332105);
  --color-control-selected-hover: var(--primitive-color-402906);
  --color-control-selected-pressed: var(--primitive-color-4d3107);
  --color-control-subtle: var(--primitive-color-a3a3a3);
  --color-control-surface: var(--primitive-color-141414);
  --color-control-text: var(--primitive-color-f5f5f5);
  --color-control-track: var(--primitive-color-333333);
  --color-control-input-border-editing: var(--primitive-color-ffa318);
  --color-control-navigation: var(--primitive-color-212121);
  --color-control-navigation-disabled: var(--primitive-color-0a0a0a);
  --color-control-navigation-hover: var(--primitive-color-1f1f1f);
  --color-control-navigation-loading: var(--primitive-color-212121);
  --color-control-navigation-open: var(--primitive-color-292929);
  --color-control-navigation-pressed: var(--primitive-color-292929);
  --color-control-navigation-border: var(--primitive-color-333333);
  --color-control-navigation-border-disabled: var(--primitive-color-292929);
  --color-control-navigation-border-hover: var(--primitive-color-525252);
  --color-control-navigation-border-loading: var(--primitive-color-333333);
  --color-control-navigation-border-open: var(--primitive-color-525252);
  --color-control-navigation-border-pressed: var(--primitive-color-666666);
  --color-control-on-canvas: var(--primitive-color-0a0a0a);
  --color-control-on-panel: var(--primitive-color-212121);
  --color-control-on-panel-disabled: var(--primitive-color-0a0a0a);
  --color-control-on-panel-hover: var(--primitive-color-212121);
  --color-control-on-panel-open: var(--primitive-color-292929);
  --color-control-on-panel-pressed: var(--primitive-color-292929);
  --color-control-on-panel-border: var(--primitive-color-333333);
  --color-control-on-panel-border-disabled: var(--primitive-color-292929);
  --color-control-on-panel-border-hover: var(--primitive-color-525252);
  --color-control-on-panel-border-open: var(--primitive-color-525252);
  --color-control-on-panel-border-pressed: var(--primitive-color-666666);
  --radius-control-shape-square: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --color-control-surface-disabled: var(--primitive-color-141414);
  --color-control-surface-enclosed: var(--primitive-color-0a0a0a);
  --color-control-surface-hover-subtle: var(--primitive-color-1f1f1f);
  --color-control-surface-pressed-subtle: var(--primitive-color-292929);
  --color-control-surface-transparent: var(--primitive-color-000000-opacity-0);
  --color-control-unit-prefix: var(--primitive-color-754600);
  --color-control-unit-prefix-disabled: var(--primitive-color-292929);
  --color-control-unit-prefix-foreground: var(--primitive-color-f5f5f5);
  --color-control-unit-prefix-foreground-disabled: var(--primitive-color-7a7a7a);
  --color-data-visualization-price-falling: var(--primitive-color-ff4246);
  --color-data-visualization-price-rising: var(--primitive-color-31d158);
  --color-elevation-floating-surface-0: var(--primitive-color-000000-opacity-80);
  --color-elevation-floating-surface-1: var(--primitive-color-e6e6e6-opacity-25);
  --color-elevation-overlapping-identity-0: var(--primitive-color-000000-opacity-60);
  --color-feedback-account-health-score: var(--primitive-color-292929);
  --color-feedback-banner-border-brand-end: var(--primitive-color-ffa318-opacity-0);
  --color-feedback-banner-border-brand-start: var(--primitive-color-ffa318-precision-2);
  --color-feedback-banner-border-error-end: var(--primitive-color-ff4245-opacity-0);
  --color-feedback-banner-border-error-start: var(--primitive-color-ff4245);
  --color-feedback-banner-border-information-end: var(--primitive-color-b8b8b8-opacity-0);
  --color-feedback-banner-border-information-start: var(--primitive-color-b8b8b8-opacity-24);
  --color-feedback-banner-border-neutral-end: var(--primitive-color-f5f5f5-opacity-0);
  --color-feedback-banner-border-neutral-start: var(--primitive-color-f5f5f5);
  --color-feedback-banner-border-success-end: var(--primitive-color-30d158-opacity-0);
  --color-feedback-banner-border-success-start: var(--primitive-color-30d158);
  --color-feedback-banner-border-warning-end: var(--primitive-color-ffa318-opacity-0);
  --color-feedback-banner-border-warning-start: var(--primitive-color-ffa318-precision-2);
  --color-feedback-banner-brand-end: var(--primitive-color-ffa318-opacity-0);
  --color-feedback-banner-brand-start: var(--primitive-color-ffa318-opacity-16);
  --color-feedback-banner-error-end: var(--primitive-color-ff4245-opacity-0);
  --color-feedback-banner-error-start: var(--primitive-color-ff4245-opacity-16);
  --color-feedback-banner-information-end: var(--primitive-color-b8b8b8-opacity-0);
  --color-feedback-banner-information-start: var(--primitive-color-b8b8b8-opacity-8);
  --color-feedback-banner-neutral-end: var(--primitive-color-f5f5f5-opacity-0);
  --color-feedback-banner-neutral-start: var(--primitive-color-f5f5f5-opacity-16);
  --color-feedback-banner-success-end: var(--primitive-color-30d158-opacity-0);
  --color-feedback-banner-success-start: var(--primitive-color-30d158-opacity-16);
  --color-feedback-banner-warning-end: var(--primitive-color-ffa318-opacity-0);
  --color-feedback-banner-warning-start: var(--primitive-color-ffa318-opacity-16);
  --color-feedback-border-error: var(--primitive-color-ff4245);
  --color-identity-avatar-fallback: var(--primitive-color-1a1a1a);
  --color-identity-avatar-fallback-foreground: var(--primitive-color-b8b8b8);
  --color-identity-symbol: var(--primitive-color-292929);
  --color-keyboard-hint-label: var(--primitive-color-b8b8b8);
  --color-keyboard-key: var(--primitive-color-292929);
  --color-keyboard-key-foreground: var(--primitive-color-f5f5f5);
  --color-media-scrim-attachment: var(--primitive-color-000000-opacity-40);
  --color-media-scrim-failed-upload: var(--primitive-color-ff4245-opacity-30);
  --color-navigation-surface-selected: var(--primitive-color-141414);
  --color-navigation-surface-selected-hover: var(--primitive-color-1f1f1f);
  --color-navigation-surface-selected-pressed: var(--primitive-color-292929);
  --color-range-gradient-shared-end: var(--primitive-color-ffa318-opacity-40);
  --color-range-gradient-start: var(--primitive-color-ffa318-opacity-0);
  --color-rank-bronze: var(--primitive-color-ab4f17);
  --color-rank-gold: var(--primitive-color-ffa318-precision-2);
  --color-rank-silver: var(--primitive-color-8c8c8c);
  --radius-control-capsule: calc(var(--primitive-dimension-999) / 16 * 1rem);
  --radius-control-field: calc(var(--primitive-dimension-4) / 16 * 1rem);
  --radius-control-menu: calc(var(--primitive-dimension-8) / 16 * 1rem);
  --radius-control-square: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --radius-control-tag: calc(var(--primitive-dimension-2) / 16 * 1rem);
  --radius-menu-web-rounded: calc(var(--primitive-dimension-8) / 16 * 1rem);
  --radius-navigation-item-corner-radius: calc(var(--primitive-dimension-4) / 16 * 1rem);
  --radius-selection-rounded: calc(var(--primitive-dimension-999) / 16 * 1rem);
  --radius-status-tag-rounded: calc(var(--primitive-dimension-2) / 16 * 1rem);
  --radius-surface-square: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --color-surface-raised: var(--primitive-color-212121);
  --color-surface-scrim: var(--primitive-color-000000-opacity-60);
  --color-surface-control-disabled: var(--primitive-color-1e1e1e);
  --color-surface-control-translucent: var(--primitive-color-ffffff-opacity-8);
  --color-surface-control-translucent-pressed: var(--primitive-color-ffffff-opacity-14);
  --color-surface-identity-overflow: var(--primitive-color-212121);
  --radius-surface-0: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --radius-surface-1: calc(var(--primitive-dimension-1) / 16 * 1rem);
  --radius-surface-10: calc(var(--primitive-dimension-10) / 16 * 1rem);
  --radius-surface-12: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --radius-surface-16: calc(var(--primitive-dimension-16) / 16 * 1rem);
  --radius-surface-18: calc(var(--primitive-dimension-18) / 16 * 1rem);
  --radius-surface-2: calc(var(--primitive-dimension-2) / 16 * 1rem);
  --radius-surface-2-5: calc(var(--primitive-dimension-2-5) / 16 * 1rem);
  --radius-surface-20: calc(var(--primitive-dimension-20) / 16 * 1rem);
  --radius-surface-22: calc(var(--primitive-dimension-22) / 16 * 1rem);
  --radius-surface-24: calc(var(--primitive-dimension-24) / 16 * 1rem);
  --radius-surface-26: calc(var(--primitive-dimension-26) / 16 * 1rem);
  --radius-surface-28: calc(var(--primitive-dimension-28) / 16 * 1rem);
  --radius-surface-3: calc(var(--primitive-dimension-3) / 16 * 1rem);
  --radius-surface-4: calc(var(--primitive-dimension-4) / 16 * 1rem);
  --radius-surface-6: calc(var(--primitive-dimension-6) / 16 * 1rem);
  --radius-surface-8: calc(var(--primitive-dimension-8) / 16 * 1rem);
  --radius-surface-999: calc(var(--primitive-dimension-999) / 16 * 1rem);
  --radius-surface-circle: calc(var(--primitive-dimension-999) / 16 * 1rem);
  --color-surface-on-panel-hover: var(--primitive-color-212121);
  --color-surface-on-panel-pressed: var(--primitive-color-292929);
  --color-chat-field-surface: var(--primitive-color-212121);
  --shadow-floating-surface:
    var(--elevation-floating-surface-0-offset-x) var(--elevation-floating-surface-0-offset-y)
      var(--elevation-floating-surface-0-radius) var(--elevation-floating-surface-0-spread)
      var(--color-elevation-floating-surface-0),
    inset var(--elevation-floating-surface-1-offset-x) var(--elevation-floating-surface-1-offset-y)
      var(--elevation-floating-surface-1-radius) var(--elevation-floating-surface-1-spread)
      var(--color-elevation-floating-surface-1);
  --shadow-overlapping-identity: var(--elevation-overlapping-identity-0-offset-x)
    var(--elevation-overlapping-identity-0-offset-y) var(--elevation-overlapping-identity-0-radius)
    var(--elevation-overlapping-identity-0-spread) var(--color-elevation-overlapping-identity-0);
}

:root {
  --space-marketing-cta-word-gap: calc(var(--primitive-dimension-0-507) * 1em);
  --layout-input-multiline-minimum-height: calc(var(--primitive-dimension-112) / 16 * 1rem);
  --identity-photo-picker-size: calc(var(--primitive-dimension-112) / 16 * 1rem);
  --action-layout-minimum-height: calc(var(--primitive-dimension-32) / 16 * 1rem);
  --action-layout-padding-block: calc(var(--primitive-dimension-6) / 16 * 1rem);
  --action-toolbar-minimum-height: calc(var(--primitive-dimension-28) / 16 * 1rem);
  --action-toolbar-padding-block: calc(var(--primitive-dimension-4) / 16 * 1rem);
  --border-control: calc(var(--primitive-dimension-1) / 16 * 1rem);
  --border-width: calc(var(--primitive-dimension-1) / 16 * 1rem);
  --control-border-width: calc(var(--primitive-dimension-1) / 16 * 1rem);
  --control-border-width-alt: calc(var(--primitive-dimension-1) / 16 * 1rem);
  --control-compact-action-height: calc(var(--primitive-dimension-32) / 16 * 1rem);
  --control-compact-icon-action-height: calc(var(--primitive-dimension-32) / 16 * 1rem);
  --control-compact-icon-action-width: calc(var(--primitive-dimension-32) / 16 * 1rem);
  --control-compact-tab-height: calc(var(--primitive-dimension-28) / 16 * 1rem);
  --control-content-two-line-gap: calc(var(--primitive-dimension-4) / 16 * 1rem);
  --control-font-action: var(--primitive-font-family-akira-expanded);
  --control-font-label: var(--primitive-font-family-geist);
  --control-font-number: var(--primitive-font-family-geist-mono);
  --control-icon-action-small-target-size: calc(var(--primitive-dimension-24) / 16 * 1rem);
  --control-input-leading-accessory-width: calc(var(--primitive-dimension-28) / 16 * 1rem);
  --control-inset-two-line-horizontal: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --control-inset-two-line-vertical: calc(var(--primitive-dimension-8) / 16 * 1rem);
  --control-navigation-deposit-padding-bottom: calc(var(--primitive-dimension-7) / 16 * 1rem);
  --control-navigation-deposit-padding-top: calc(var(--primitive-dimension-9) / 16 * 1rem);
  --control-selection-indicator-inner-size: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --control-selection-indicator-outer-size: calc(var(--primitive-dimension-20) / 16 * 1rem);
  --control-selection-option-minimum-height: calc(var(--primitive-dimension-56) / 16 * 1rem);
  --control-selection-visual-minimum-height: calc(var(--primitive-dimension-32) / 16 * 1rem);
  --control-size-balance-minimum-width: calc(var(--primitive-dimension-112) / 16 * 1rem);
  --control-size-navigation-minimum-height: calc(var(--primitive-dimension-48) / 16 * 1rem);
  --control-size-two-line-minimum-height: calc(var(--primitive-dimension-48) / 16 * 1rem);
  --control-toolbar-diameter: calc(var(--primitive-dimension-40) / 16 * 1rem);
  --control-touch-minimum-size: calc(var(--primitive-dimension-44) / 16 * 1rem);
  --control-unit-prefix-asset-artwork-size: calc(var(--primitive-dimension-14) / 16 * 1rem);
  --control-unit-prefix-currency-artwork-size: calc(var(--primitive-dimension-13) / 16 * 1rem);
  --control-unit-prefix-surface-size: calc(var(--primitive-dimension-20) / 16 * 1rem);
  --control-unit-prefix-touch-target: calc(var(--primitive-dimension-44) / 16 * 1rem);
  --elevation-floating-surface-0-offset-x: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --elevation-floating-surface-0-offset-y: calc(var(--primitive-dimension-8) / 16 * 1rem);
  --elevation-floating-surface-0-radius: calc(var(--primitive-dimension-20) / 16 * 1rem);
  --elevation-floating-surface-0-spread: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --elevation-floating-surface-1-offset-x: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --elevation-floating-surface-1-offset-y: calc(var(--primitive-dimension-1) / 16 * 1rem);
  --elevation-floating-surface-1-radius: calc(var(--primitive-dimension-1) / 16 * 1rem);
  --elevation-floating-surface-1-spread: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --elevation-overlapping-identity-0-offset-x: calc(
    var(--primitive-dimension-negative-1) / 16 * 1rem
  );
  --elevation-overlapping-identity-0-offset-y: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --elevation-overlapping-identity-0-radius: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --elevation-overlapping-identity-0-spread: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --feedback-progress-stroke-width: calc(var(--primitive-dimension-2) / 16 * 1rem);
  --feedback-progress-web-size: calc(var(--primitive-dimension-16) / 16 * 1rem);
  --font-family-action-filled: var(--primitive-font-family-akira-expanded);
  --font-family-action-quiet: var(--primitive-font-family-geist);
  --font-family-control: var(--primitive-font-family-geist);
  --font-family-heading: var(--primitive-font-family-akira-expanded);
  --font-family-navigation: var(--primitive-font-family-geist);
  --icon-action-small-artwork-size: calc(var(--primitive-dimension-14) / 16 * 1rem);
  --icon-action-leading-size: calc(var(--primitive-dimension-16) / 16 * 1rem);
  --icon-navigation-size: calc(var(--primitive-dimension-24) / 16 * 1rem);
  --icon-size-compact: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --icon-stroke-width: calc(var(--primitive-dimension-1-5) * 1px);
  --icon-toolbar-size: calc(var(--primitive-dimension-24) / 16 * 1rem);
  --icon-utility-size: calc(var(--primitive-dimension-16) / 16 * 1rem);
  --identity-asset-compact-size: calc(var(--primitive-dimension-21) / 16 * 1rem);
  --identity-asset-default-size: calc(var(--primitive-dimension-32) / 16 * 1rem);
  --identity-asset-size: calc(var(--primitive-dimension-24) / 16 * 1rem);
  --identity-indicator-cutout-gap-ratio: var(--primitive-dimension-0-16666667);
  --identity-indicator-diameter-ratio: var(--primitive-dimension-0-3);
  --identity-indicator-maximum-diameter: calc(var(--primitive-dimension-16) / 16 * 1rem);
  --identity-indicator-minimum-diameter: calc(var(--primitive-dimension-8) / 16 * 1rem);
  --identity-indicator-perimeter-factor: var(--primitive-dimension-0-70710677);
  --identity-last-active-cutout-gap: calc(var(--primitive-dimension-2-6666667) / 16 * 1rem);
  --identity-presence-border: calc(var(--primitive-dimension-2) / 16 * 1rem);
  --identity-presence-size-16: calc(var(--primitive-dimension-6) / 16 * 1rem);
  --identity-presence-size-24: calc(var(--primitive-dimension-6) / 16 * 1rem);
  --identity-presence-size-28: calc(var(--primitive-dimension-6-16) / 16 * 1rem);
  --identity-presence-size-32: calc(var(--primitive-dimension-7-04) / 16 * 1rem);
  --identity-presence-size-40: calc(var(--primitive-dimension-8-8) / 16 * 1rem);
  --identity-presence-size-48: calc(var(--primitive-dimension-10-56) / 16 * 1rem);
  --identity-presence-size-64: calc(var(--primitive-dimension-14-08) / 16 * 1rem);
  --identity-prospective-opacity: var(--primitive-dimension-0-4);
  --identity-rank-badge-size: calc(var(--primitive-dimension-24) / 16 * 1rem);
  --identity-size-compact: calc(var(--primitive-dimension-24) / 16 * 1rem);
  --identity-size-header: calc(var(--primitive-dimension-48) / 16 * 1rem);
  --identity-size-inline: calc(var(--primitive-dimension-16) / 16 * 1rem);
  --identity-size-large: calc(var(--primitive-dimension-64) / 16 * 1rem);
  --identity-size-list: calc(var(--primitive-dimension-28) / 16 * 1rem);
  --identity-size-row: calc(var(--primitive-dimension-32) / 16 * 1rem);
  --identity-size-small: calc(var(--primitive-dimension-40) / 16 * 1rem);
  --identity-stack-chart-count-gap: calc(var(--primitive-dimension-3) / 16 * 1rem);
  --identity-stack-chart-diameter: calc(var(--primitive-dimension-28) / 16 * 1rem);
  --identity-stack-chart-inset: calc(var(--primitive-dimension-2) / 16 * 1rem);
  --identity-stack-chart-item-spacing: calc(var(--primitive-dimension-negative-8-4) / 16 * 1rem);
  --identity-stack-chart-overlap: calc(var(--primitive-dimension-8-4) / 16 * 1rem);
  --identity-stack-chart-trailing-inset: calc(var(--primitive-dimension-4) / 16 * 1rem);
  --identity-stack-compact-count-gap: calc(var(--primitive-dimension-3) / 16 * 1rem);
  --identity-stack-compact-diameter: calc(var(--primitive-dimension-24) / 16 * 1rem);
  --identity-stack-compact-inset: calc(var(--primitive-dimension-2) / 16 * 1rem);
  --identity-stack-compact-item-spacing: calc(var(--primitive-dimension-negative-7-2) / 16 * 1rem);
  --identity-stack-compact-overlap: calc(var(--primitive-dimension-7-2) / 16 * 1rem);
  --identity-stack-compact-trailing-inset: calc(var(--primitive-dimension-4) / 16 * 1rem);
  --identity-stack-count-font-ratio: var(--primitive-dimension-0-42857143);
  --identity-stack-count-gap-ratio: var(--primitive-dimension-1-5);
  --identity-stack-inline-count-gap: calc(var(--primitive-dimension-1-66) / 16 * 1rem);
  --identity-stack-inline-diameter: calc(var(--primitive-dimension-16) / 16 * 1rem);
  --identity-stack-inline-inset: calc(var(--primitive-dimension-1-1066667) / 16 * 1rem);
  --identity-stack-inline-item-spacing: calc(var(--primitive-dimension-negative-4-8) / 16 * 1rem);
  --identity-stack-inline-overlap: calc(var(--primitive-dimension-4-8) / 16 * 1rem);
  --identity-stack-inline-trailing-inset: calc(var(--primitive-dimension-2-6666667) / 16 * 1rem);
  --identity-stack-large-count-gap: calc(var(--primitive-dimension-3) / 16 * 1rem);
  --identity-stack-large-diameter: calc(var(--primitive-dimension-40) / 16 * 1rem);
  --identity-stack-large-inset: calc(var(--primitive-dimension-2) / 16 * 1rem);
  --identity-stack-large-item-spacing: calc(var(--primitive-dimension-negative-12) / 16 * 1rem);
  --identity-stack-large-overlap: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --identity-stack-large-trailing-inset: calc(var(--primitive-dimension-4) / 16 * 1rem);
  --identity-stack-overlap: calc(var(--primitive-dimension-8) / 16 * 1rem);
  --identity-stack-overlap-ratio: var(--primitive-dimension-0-3);
  --identity-stack-row-count-gap: calc(var(--primitive-dimension-3) / 16 * 1rem);
  --identity-stack-row-diameter: calc(var(--primitive-dimension-32) / 16 * 1rem);
  --identity-stack-row-inset: calc(var(--primitive-dimension-2) / 16 * 1rem);
  --identity-stack-row-item-spacing: calc(var(--primitive-dimension-negative-9-6) / 16 * 1rem);
  --identity-stack-row-overlap: calc(var(--primitive-dimension-9-6) / 16 * 1rem);
  --identity-stack-row-trailing-inset: calc(var(--primitive-dimension-4) / 16 * 1rem);
  --identity-stack-width-three: calc(var(--primitive-dimension-80) / 16 * 1rem);
  --indicator-count-height: calc(var(--primitive-dimension-20) / 16 * 1rem);
  --indicator-count-minimum-width: calc(var(--primitive-dimension-20) / 16 * 1rem);
  --indicator-count-padding: calc(var(--primitive-dimension-4) / 16 * 1rem);
  --interaction-press-duration-milliseconds: var(--primitive-duration-milliseconds-250);
  --interaction-press-maximum-inset: calc(var(--primitive-dimension-8) / 16 * 1rem);
  --interaction-press-minimum-duration-milliseconds: var(--primitive-duration-milliseconds-140);
  --interaction-press-opacity: var(--primitive-opacity-fraction-0-5);
  --interaction-press-scale: var(--primitive-scale-0-94);
  --interaction-press-spring-bounce: var(--primitive-spring-bounce-0);
  --keyboard-key-minimum-width: calc(var(--primitive-dimension-20) / 16 * 1rem);
  --layout-avatar-large: calc(var(--primitive-dimension-64) / 16 * 1rem);
  --layout-avatar-small: calc(var(--primitive-dimension-40) / 16 * 1rem);
  --layout-control-compact-width: calc(var(--primitive-dimension-32) / 16 * 1rem);
  --layout-control-drag-width: calc(var(--primitive-dimension-36) / 16 * 1rem);
  --layout-dimension-1: calc(var(--primitive-dimension-1) / 16 * 1rem);
  --layout-dimension-1-3333333333333333: calc(var(--primitive-dimension-1-3333334) / 16 * 1rem);
  --layout-dimension-1-5: calc(var(--primitive-dimension-1-5) / 16 * 1rem);
  --layout-dimension-1-6: calc(var(--primitive-dimension-1-6) / 16 * 1rem);
  --layout-dimension-10: calc(var(--primitive-dimension-10) / 16 * 1rem);
  --layout-dimension-10-666666666666666: calc(var(--primitive-dimension-10-666667) / 16 * 1rem);
  --layout-dimension-12: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --layout-dimension-14: calc(var(--primitive-dimension-14) / 16 * 1rem);
  --layout-dimension-140: calc(var(--primitive-dimension-140) / 16 * 1rem);
  --layout-dimension-16: calc(var(--primitive-dimension-16) / 16 * 1rem);
  --layout-dimension-18: calc(var(--primitive-dimension-18) / 16 * 1rem);
  --layout-dimension-188: calc(var(--primitive-dimension-188) / 16 * 1rem);
  --layout-dimension-2: calc(var(--primitive-dimension-2) / 16 * 1rem);
  --layout-dimension-2-6666666666666665: calc(var(--primitive-dimension-2-6666667) / 16 * 1rem);
  --layout-dimension-20: calc(var(--primitive-dimension-20) / 16 * 1rem);
  --layout-dimension-22: calc(var(--primitive-dimension-22) / 16 * 1rem);
  --layout-dimension-24: calc(var(--primitive-dimension-24) / 16 * 1rem);
  --layout-dimension-27-199999809265137: calc(var(--primitive-dimension-27-2) / 16 * 1rem);
  --layout-dimension-28: calc(var(--primitive-dimension-28) / 16 * 1rem);
  --layout-dimension-3: calc(var(--primitive-dimension-3) / 16 * 1rem);
  --layout-dimension-30-97333335876465: calc(var(--primitive-dimension-30-973333) / 16 * 1rem);
  --layout-dimension-32: calc(var(--primitive-dimension-32) / 16 * 1rem);
  --layout-dimension-36: calc(var(--primitive-dimension-36) / 16 * 1rem);
  --layout-dimension-370: calc(var(--primitive-dimension-370) / 16 * 1rem);
  --layout-dimension-4: calc(var(--primitive-dimension-4) / 16 * 1rem);
  --layout-dimension-40: calc(var(--primitive-dimension-40) / 16 * 1rem);
  --layout-dimension-40-79999923706055: calc(var(--primitive-dimension-40-8) / 16 * 1rem);
  --layout-dimension-44: calc(var(--primitive-dimension-44) / 16 * 1rem);
  --layout-dimension-46-79999923706055: calc(var(--primitive-dimension-46-8) / 16 * 1rem);
  --layout-dimension-48: calc(var(--primitive-dimension-48) / 16 * 1rem);
  --layout-dimension-5-333333333333333: calc(var(--primitive-dimension-5-3333335) / 16 * 1rem);
  --layout-dimension-50: calc(var(--primitive-dimension-50) / 16 * 1rem);
  --layout-dimension-52: calc(var(--primitive-dimension-52) / 16 * 1rem);
  --layout-dimension-56: calc(var(--primitive-dimension-56) / 16 * 1rem);
  --layout-dimension-6: calc(var(--primitive-dimension-6) / 16 * 1rem);
  --layout-dimension-64: calc(var(--primitive-dimension-64) / 16 * 1rem);
  --layout-dimension-65: calc(var(--primitive-dimension-65) / 16 * 1rem);
  --layout-dimension-68: calc(var(--primitive-dimension-68) / 16 * 1rem);
  --layout-dimension-7: calc(var(--primitive-dimension-7) / 16 * 1rem);
  --layout-dimension-8: calc(var(--primitive-dimension-8) / 16 * 1rem);
  --layout-dimension-80: calc(var(--primitive-dimension-80) / 16 * 1rem);
  --layout-divider: calc(var(--primitive-dimension-1) / 16 * 1rem);
  --layout-icon-target: calc(var(--primitive-dimension-44) / 16 * 1rem);
  --layout-input-growth-web-maximum-height: calc(var(--primitive-dimension-200) / 16 * 1rem);
  --layout-modal-width: calc(var(--primitive-dimension-760) / 16 * 1rem);
  --layout-navigation-item-compact-height: calc(var(--primitive-dimension-44) / 16 * 1rem);
  --layout-navigation-item-standard-height: calc(var(--primitive-dimension-56) / 16 * 1rem);
  --layout-navigation-item-width: calc(var(--primitive-dimension-56) / 16 * 1rem);
  --layout-navigation-row: calc(var(--primitive-dimension-40) / 16 * 1rem);
  --layout-overlap-compact: calc(var(--primitive-dimension-negative-4) / 16 * 1rem);
  --layout-profile-panel: calc(var(--primitive-dimension-276) / 16 * 1rem);
  --layout-profile-width: calc(var(--primitive-dimension-402) / 16 * 1rem);
  --layout-rail-width: calc(var(--primitive-dimension-240) / 16 * 1rem);
  --layout-space-0: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --layout-space-1: calc(var(--primitive-dimension-1) / 16 * 1rem);
  --layout-space-10: calc(var(--primitive-dimension-10) / 16 * 1rem);
  --layout-space-12: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --layout-space-14: calc(var(--primitive-dimension-14) / 16 * 1rem);
  --layout-space-16: calc(var(--primitive-dimension-16) / 16 * 1rem);
  --layout-space-18: calc(var(--primitive-dimension-18) / 16 * 1rem);
  --layout-space-2: calc(var(--primitive-dimension-2) / 16 * 1rem);
  --layout-space-20: calc(var(--primitive-dimension-20) / 16 * 1rem);
  --layout-space-24: calc(var(--primitive-dimension-24) / 16 * 1rem);
  --layout-space-28: calc(var(--primitive-dimension-28) / 16 * 1rem);
  --layout-space-29: calc(var(--primitive-dimension-29) / 16 * 1rem);
  --layout-space-3: calc(var(--primitive-dimension-3) / 16 * 1rem);
  --layout-space-32: calc(var(--primitive-dimension-32) / 16 * 1rem);
  --layout-space-36: calc(var(--primitive-dimension-36) / 16 * 1rem);
  --layout-space-4: calc(var(--primitive-dimension-4) / 16 * 1rem);
  --layout-space-40: calc(var(--primitive-dimension-40) / 16 * 1rem);
  --layout-space-41: calc(var(--primitive-dimension-41) / 16 * 1rem);
  --layout-space-48: calc(var(--primitive-dimension-48) / 16 * 1rem);
  --layout-space-6: calc(var(--primitive-dimension-6) / 16 * 1rem);
  --layout-space-64: calc(var(--primitive-dimension-64) / 16 * 1rem);
  --layout-space-8: calc(var(--primitive-dimension-8) / 16 * 1rem);
  --layout-toolbar-height: calc(var(--primitive-dimension-44) / 16 * 1rem);
  --media-buffer-opacity: var(--primitive-opacity-percentage-40);
  --media-track-opacity: var(--primitive-opacity-percentage-25);
  --size-control-compact: calc(var(--primitive-dimension-32) / 16 * 1rem);
  --size-control-embedded: calc(var(--primitive-dimension-22) / 16 * 1rem);
  --size-control-grip: calc(var(--primitive-dimension-4) / 16 * 1rem);
  --size-control-inline-thumb: calc(var(--primitive-dimension-16) / 16 * 1rem);
  --size-control-inline-thumb-web-current: calc(var(--primitive-dimension-18) / 16 * 1rem);
  --size-control-menu-web: calc(var(--primitive-dimension-40) / 16 * 1rem);
  --size-control-metadata: calc(var(--primitive-dimension-24) / 16 * 1rem);
  --size-control-metadata-compact: calc(var(--primitive-dimension-20) / 16 * 1rem);
  --size-control-toolbar: calc(var(--primitive-dimension-28) / 16 * 1rem);
  --size-control-touch: calc(var(--primitive-dimension-44) / 16 * 1rem);
  --size-control-track: calc(var(--primitive-dimension-36) / 16 * 1rem);
  --size-field-action-gap: calc(var(--primitive-dimension-4) / 16 * 1rem);
  --size-field-action-height: calc(var(--primitive-dimension-32) / 16 * 1rem);
  --size-field-action-loading-indicator-size: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --size-field-action-padding-block: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --size-field-action-padding-inline: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --size-field-action-web-width: calc(var(--primitive-dimension-72) / 16 * 1rem);
  --space-control-block-7: calc(var(--primitive-dimension-7) / 16 * 1rem);
  --space-control-block-extra-tight: calc(var(--primitive-dimension-2) / 16 * 1rem);
  --space-control-block-hairline: calc(var(--primitive-dimension-1) / 16 * 1rem);
  --space-control-block-none: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --space-control-block-small: calc(var(--primitive-dimension-5) / 16 * 1rem);
  --space-control-block-standard: calc(var(--primitive-dimension-8) / 16 * 1rem);
  --space-control-block-tight: calc(var(--primitive-dimension-3) / 16 * 1rem);
  --space-control-content-gap-compact: calc(var(--primitive-dimension-4) / 16 * 1rem);
  --space-control-content-gap: calc(var(--primitive-dimension-8) / 16 * 1rem);
  --space-control-content-gap-none: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --space-control-gap-compact: calc(var(--primitive-dimension-4) / 16 * 1rem);
  --space-control-gap-extra-tight: calc(var(--primitive-dimension-2) / 16 * 1rem);
  --space-control-gap-none: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --space-control-gap-regular: calc(var(--primitive-dimension-6) / 16 * 1rem);
  --space-control-gap-standard: calc(var(--primitive-dimension-8) / 16 * 1rem);
  --space-control-inline-comfortable: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --space-control-inline-compact: calc(var(--primitive-dimension-4) / 16 * 1rem);
  --space-control-inline-large: calc(var(--primitive-dimension-16) / 16 * 1rem);
  --space-control-inline-regular: calc(var(--primitive-dimension-6) / 16 * 1rem);
  --space-control-inline-relaxed: calc(var(--primitive-dimension-10) / 16 * 1rem);
  --space-control-inline-standard: calc(var(--primitive-dimension-8) / 16 * 1rem);
  --space-control-inset-comfortable: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --space-control-inset: calc(var(--primitive-dimension-8) / 16 * 1rem);
  --space-control-inset-extra-large: calc(var(--primitive-dimension-24) / 16 * 1rem);
  --space-documentation-gap-comfortable: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --space-documentation-gap-extra-large: calc(var(--primitive-dimension-20) / 16 * 1rem);
  --space-documentation-gap-large: calc(var(--primitive-dimension-16) / 16 * 1rem);
  --space-documentation-gap-large-touch: calc(var(--primitive-dimension-48) / 16 * 1rem);
  --space-documentation-gap-none: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --space-documentation-gap-section: calc(var(--primitive-dimension-24) / 16 * 1rem);
  --space-documentation-gap-standard: calc(var(--primitive-dimension-8) / 16 * 1rem);
  --type-control-compact-label-font-size: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --type-control-compact-label-line-height: calc(var(--primitive-dimension-16) / 16 * 1rem);
  --type-control-label-font-size: calc(var(--primitive-dimension-14) / 16 * 1rem);
  --type-control-label-line-height: calc(var(--primitive-dimension-20) / 16 * 1rem);
  --typography-body-compact-font-family: var(--primitive-font-family-geist);
  --typography-body-compact-font-size: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --typography-body-compact-font-weight: var(--primitive-font-weight-400);
  --typography-body-compact-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-body-compact-line-height: calc(var(--primitive-dimension-16) / 16 * 1rem);
  --typography-body-font-family: var(--primitive-font-family-geist);
  --typography-body-font-size: calc(var(--primitive-dimension-14) / 16 * 1rem);
  --typography-body-font-weight: var(--primitive-font-weight-400);
  --typography-body-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-body-line-height: calc(var(--primitive-dimension-18) / 16 * 1rem);
  --typography-body-expanded-font-family: var(--primitive-font-family-geist);
  --typography-body-expanded-font-size: calc(var(--primitive-dimension-18) / 16 * 1rem);
  --typography-body-expanded-font-weight: var(--primitive-font-weight-400);
  --typography-body-expanded-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-body-expanded-line-height: calc(var(--primitive-dimension-24) / 16 * 1rem);
  --typography-body-large-font-family: var(--primitive-font-family-geist);
  --typography-body-large-font-size: calc(var(--primitive-dimension-16) / 16 * 1rem);
  --typography-body-large-font-weight: var(--primitive-font-weight-400);
  --typography-body-large-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-body-large-line-height: calc(var(--primitive-dimension-21) / 16 * 1rem);
  --typography-body-selected-font-family: var(--primitive-font-family-geist);
  --typography-body-selected-font-size: calc(var(--primitive-dimension-16) / 16 * 1rem);
  --typography-body-selected-font-weight: var(--primitive-font-weight-600);
  --typography-body-selected-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-body-selected-line-height: calc(var(--primitive-dimension-21) / 16 * 1rem);
  --typography-button-filled-web-font-family: var(--primitive-font-family-akira-expanded);
  --typography-button-filled-web-font-size: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --typography-button-filled-web-font-weight: var(--primitive-font-weight-400);
  --typography-button-filled-web-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-button-filled-web-line-height: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --typography-button-text-web-font-family: var(--primitive-font-family-geist);
  --typography-button-text-web-font-size: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --typography-button-text-web-font-weight: var(--primitive-font-weight-600);
  --typography-button-text-web-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-button-text-web-line-height: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --typography-caption-web-font-family: var(--primitive-font-family-geist);
  --typography-caption-web-font-size: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --typography-caption-web-font-weight: var(--primitive-font-weight-400);
  --typography-caption-web-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-caption-web-line-height: calc(var(--primitive-dimension-14-4) / 16 * 1rem);
  --typography-display-brand-font-family: var(--primitive-font-family-akira-expanded);
  --typography-display-brand-font-size: calc(var(--primitive-dimension-36) / 16 * 1rem);
  --typography-display-brand-font-weight: var(--primitive-font-weight-400);
  --typography-display-brand-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-display-brand-line-height: calc(var(--primitive-dimension-36) / 16 * 1rem);
  --typography-display-interface-font-family: var(--primitive-font-family-geist);
  --typography-display-interface-font-size: calc(var(--primitive-dimension-40) / 16 * 1rem);
  --typography-display-interface-font-weight: var(--primitive-font-weight-600);
  --typography-display-interface-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-display-interface-line-height: calc(var(--primitive-dimension-40) / 16 * 1rem);
  --typography-field-action-compact-font-family: var(--primitive-font-family-geist);
  --typography-field-action-compact-font-size: calc(var(--primitive-dimension-13) / 16 * 1rem);
  --typography-field-action-compact-font-weight: var(--primitive-font-weight-400);
  --typography-field-action-compact-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-field-action-compact-line-height: calc(var(--primitive-dimension-15-6) / 16 * 1rem);
  --typography-heading-font-family: var(--primitive-font-family-akira-expanded);
  --typography-heading-font-size: calc(var(--primitive-dimension-16) / 16 * 1rem);
  --typography-heading-font-weight: var(--primitive-font-weight-400);
  --typography-heading-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-heading-line-height: calc(var(--primitive-dimension-20) / 16 * 1rem);
  --typography-heading-large-font-family: var(--primitive-font-family-akira-expanded);
  --typography-heading-large-font-size: calc(var(--primitive-dimension-24) / 16 * 1rem);
  --typography-heading-large-font-weight: var(--primitive-font-weight-400);
  --typography-heading-large-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-heading-large-line-height: calc(var(--primitive-dimension-24) / 16 * 1rem);
  --typography-heading-medium-font-family: var(--primitive-font-family-akira-expanded);
  --typography-heading-medium-font-size: calc(var(--primitive-dimension-20) / 16 * 1rem);
  --typography-heading-medium-font-weight: var(--primitive-font-weight-400);
  --typography-heading-medium-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-heading-medium-line-height: calc(var(--primitive-dimension-24) / 16 * 1rem);
  --typography-heading-small-font-family: var(--primitive-font-family-akira-expanded);
  --typography-heading-small-font-size: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --typography-heading-small-font-weight: var(--primitive-font-weight-400);
  --typography-heading-small-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-heading-small-line-height: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --typography-label-compact-font-family: var(--primitive-font-family-geist);
  --typography-label-compact-font-size: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --typography-label-compact-font-weight: var(--primitive-font-weight-400);
  --typography-label-compact-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-label-compact-line-height: calc(var(--primitive-dimension-16) / 16 * 1rem);
  --typography-label-font-family: var(--primitive-font-family-geist);
  --typography-label-font-size: calc(var(--primitive-dimension-14) / 16 * 1rem);
  --typography-label-font-weight: var(--primitive-font-weight-400);
  --typography-label-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-label-line-height: calc(var(--primitive-dimension-20) / 16 * 1rem);
  --typography-label-display-font-family: var(--primitive-font-family-geist);
  --typography-label-display-font-size: calc(var(--primitive-dimension-22) / 16 * 1rem);
  --typography-label-display-font-weight: var(--primitive-font-weight-600);
  --typography-label-display-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-label-display-line-height: calc(var(--primitive-dimension-32) / 16 * 1rem);
  --typography-label-large-font-family: var(--primitive-font-family-geist);
  --typography-label-large-font-size: calc(var(--primitive-dimension-16) / 16 * 1rem);
  --typography-label-large-font-weight: var(--primitive-font-weight-600);
  --typography-label-large-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-label-large-line-height: calc(var(--primitive-dimension-16) / 16 * 1rem);
  --typography-label-selected-font-family: var(--primitive-font-family-geist);
  --typography-label-selected-font-size: calc(var(--primitive-dimension-14) / 16 * 1rem);
  --typography-label-selected-font-weight: var(--primitive-font-weight-600);
  --typography-label-selected-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-label-selected-line-height: calc(var(--primitive-dimension-20) / 16 * 1rem);
  --typography-number-compact-font-family: var(--primitive-font-family-geist-mono);
  --typography-number-compact-font-size: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --typography-number-compact-font-weight: var(--primitive-font-weight-500);
  --typography-number-compact-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-number-compact-line-height: calc(var(--primitive-dimension-16) / 16 * 1rem);
  --typography-number-font-family: var(--primitive-font-family-geist-mono);
  --typography-number-font-size: calc(var(--primitive-dimension-16) / 16 * 1rem);
  --typography-number-font-weight: var(--primitive-font-weight-500);
  --typography-number-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-number-line-height: calc(var(--primitive-dimension-16) / 16 * 1rem);
  --typography-number-dense-font-family: var(--primitive-font-family-geist-mono);
  --typography-number-dense-font-size: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --typography-number-dense-font-weight: var(--primitive-font-weight-500);
  --typography-number-dense-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-number-dense-line-height: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --typography-number-headline-font-family: var(--primitive-font-family-geist-mono);
  --typography-number-headline-font-size: calc(var(--primitive-dimension-24) / 16 * 1rem);
  --typography-number-headline-font-weight: var(--primitive-font-weight-500);
  --typography-number-headline-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-number-headline-line-height: calc(var(--primitive-dimension-24) / 16 * 1rem);
  --typography-number-large-font-family: var(--primitive-font-family-geist-mono);
  --typography-number-large-font-size: calc(var(--primitive-dimension-22) / 16 * 1rem);
  --typography-number-large-font-weight: var(--primitive-font-weight-500);
  --typography-number-large-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-number-large-line-height: calc(var(--primitive-dimension-24) / 16 * 1rem);
  --typography-number-metadata-font-size: calc(var(--primitive-dimension-10) / 16 * 1rem);
  --typography-number-metadata-line-height: calc(var(--primitive-dimension-10) / 16 * 1rem);
  --typography-number-small-font-family: var(--primitive-font-family-geist-mono);
  --typography-number-small-font-size: calc(var(--primitive-dimension-14) / 16 * 1rem);
  --typography-number-small-font-weight: var(--primitive-font-weight-500);
  --typography-number-small-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-number-small-line-height: calc(var(--primitive-dimension-14) / 16 * 1rem);
  --typography-stack-count-chart: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --typography-stack-count-compact: calc(var(--primitive-dimension-10-285714) / 16 * 1rem);
  --typography-stack-count-inline: calc(var(--primitive-dimension-9) / 16 * 1rem);
  --typography-stack-count-large: calc(var(--primitive-dimension-17-142857) / 16 * 1rem);
  --typography-stack-count-minimum: calc(var(--primitive-dimension-9) / 16 * 1rem);
  --typography-stack-count-row: calc(var(--primitive-dimension-13-714286) / 16 * 1rem);
  --typography-subheading-compact-font-family: var(--primitive-font-family-geist);
  --typography-subheading-compact-font-size: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --typography-subheading-compact-font-weight: var(--primitive-font-weight-600);
  --typography-subheading-compact-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-subheading-compact-line-height: calc(var(--primitive-dimension-12) / 16 * 1rem);
  --typography-subheading-font-family: var(--primitive-font-family-geist);
  --typography-subheading-font-size: calc(var(--primitive-dimension-16) / 16 * 1rem);
  --typography-subheading-font-weight: var(--primitive-font-weight-600);
  --typography-subheading-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-subheading-line-height: calc(var(--primitive-dimension-16) / 16 * 1rem);
  --typography-subheading-large-font-family: var(--primitive-font-family-geist);
  --typography-subheading-large-font-size: calc(var(--primitive-dimension-20) / 16 * 1rem);
  --typography-subheading-large-font-weight: var(--primitive-font-weight-600);
  --typography-subheading-large-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-subheading-large-line-height: calc(var(--primitive-dimension-20) / 16 * 1rem);
  --typography-subheading-small-font-family: var(--primitive-font-family-geist);
  --typography-subheading-small-font-size: calc(var(--primitive-dimension-14) / 16 * 1rem);
  --typography-subheading-small-font-weight: var(--primitive-font-weight-600);
  --typography-subheading-small-letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
  --typography-subheading-small-line-height: calc(var(--primitive-dimension-14) / 16 * 1rem);
  --interaction-color-transition-duration: var(--primitive-duration-150);
}

:root {
  --field-action-label-font-family: var(--typography-field-action-compact-font-family);
  --field-action-label-font-size: var(--typography-field-action-compact-font-size);
  --field-action-label-font-weight: var(--typography-field-action-compact-font-weight);
  --field-action-label-letter-spacing: var(--typography-field-action-compact-letter-spacing);
  --field-action-label-line-height: var(--typography-field-action-compact-line-height);
  --identity-stack-chart-count-font-size: var(--typography-stack-count-chart);
  --identity-stack-compact-count-font-size: var(--typography-stack-count-compact);
  --identity-stack-inline-count-font-size: var(--typography-stack-count-inline);
  --identity-stack-large-count-font-size: var(--typography-stack-count-large);
  --identity-stack-row-count-font-size: var(--typography-stack-count-row);
  --text-body-expanded-font-family: var(--typography-body-expanded-font-family);
  --text-body-expanded-font-size: var(--typography-body-expanded-font-size);
  --text-body-expanded-font-weight: var(--typography-body-expanded-font-weight);
  --text-body-expanded-letter-spacing: var(--typography-body-expanded-letter-spacing);
  --text-body-expanded-line-height: var(--typography-body-expanded-line-height);
  --text-body-selected-font-family: var(--typography-body-selected-font-family);
  --text-body-selected-font-size: var(--typography-body-selected-font-size);
  --text-body-selected-font-weight: var(--typography-body-selected-font-weight);
  --text-body-selected-letter-spacing: var(--typography-body-selected-letter-spacing);
  --text-body-selected-line-height: var(--typography-body-selected-line-height);
  --text-caption-web-font-family: var(--typography-caption-web-font-family);
  --text-caption-web-font-size: var(--typography-caption-web-font-size);
  --text-caption-web-font-weight: var(--typography-caption-web-font-weight);
  --text-caption-web-letter-spacing: var(--typography-caption-web-letter-spacing);
  --text-caption-web-line-height: var(--typography-caption-web-line-height);
  --text-display-brand-font-family: var(--typography-display-brand-font-family);
  --text-display-brand-font-size: var(--typography-display-brand-font-size);
  --text-display-brand-font-weight: var(--typography-display-brand-font-weight);
  --text-display-brand-letter-spacing: var(--typography-display-brand-letter-spacing);
  --text-display-brand-line-height: var(--typography-display-brand-line-height);
  --text-display-interface-font-family: var(--typography-display-interface-font-family);
  --text-display-interface-font-size: var(--typography-display-interface-font-size);
  --text-display-interface-font-weight: var(--typography-display-interface-font-weight);
  --text-display-interface-letter-spacing: var(--typography-display-interface-letter-spacing);
  --text-display-interface-line-height: var(--typography-display-interface-line-height);
  --text-heading-medium-font-family: var(--typography-heading-medium-font-family);
  --text-heading-medium-font-size: var(--typography-heading-medium-font-size);
  --text-heading-medium-font-weight: var(--typography-heading-medium-font-weight);
  --text-heading-medium-letter-spacing: var(--typography-heading-medium-letter-spacing);
  --text-heading-medium-line-height: var(--typography-heading-medium-line-height);
  --text-heading-small-font-family: var(--typography-heading-small-font-family);
  --text-heading-small-font-size: var(--typography-heading-small-font-size);
  --text-heading-small-font-weight: var(--typography-heading-small-font-weight);
  --text-heading-small-letter-spacing: var(--typography-heading-small-letter-spacing);
  --text-heading-small-line-height: var(--typography-heading-small-line-height);
  --text-number-headline-font-family: var(--typography-number-headline-font-family);
  --text-number-headline-font-size: var(--typography-number-headline-font-size);
  --text-number-headline-font-weight: var(--typography-number-headline-font-weight);
  --text-number-headline-letter-spacing: var(--typography-number-headline-letter-spacing);
  --text-number-headline-line-height: var(--typography-number-headline-line-height);
  --text-subheading-compact-font-family: var(--typography-subheading-compact-font-family);
  --text-subheading-compact-font-size: var(--typography-subheading-compact-font-size);
  --text-subheading-compact-font-weight: var(--typography-subheading-compact-font-weight);
  --text-subheading-compact-letter-spacing: var(--typography-subheading-compact-letter-spacing);
  --text-subheading-compact-line-height: var(--typography-subheading-compact-line-height);
  --text-subheading-font-family: var(--typography-subheading-font-family);
  --text-subheading-font-size: var(--typography-subheading-font-size);
  --text-subheading-font-weight: var(--typography-subheading-font-weight);
  --text-subheading-letter-spacing: var(--typography-subheading-letter-spacing);
  --text-subheading-line-height: var(--typography-subheading-line-height);
  --text-subheading-large-font-family: var(--typography-subheading-large-font-family);
  --text-subheading-large-font-size: var(--typography-subheading-large-font-size);
  --text-subheading-large-font-weight: var(--typography-subheading-large-font-weight);
  --text-subheading-large-letter-spacing: var(--typography-subheading-large-letter-spacing);
  --text-subheading-large-line-height: var(--typography-subheading-large-line-height);
  --text-subheading-small-font-family: var(--typography-subheading-small-font-family);
  --text-subheading-small-font-size: var(--typography-subheading-small-font-size);
  --text-subheading-small-font-weight: var(--typography-subheading-small-font-weight);
  --text-subheading-small-letter-spacing: var(--typography-subheading-small-letter-spacing);
  --text-subheading-small-line-height: var(--typography-subheading-small-line-height);
}

/* GENERATED by packages/ui/scripts/foundation/generate.ts from src/foundation/code-semantic-themes.json and src/foundation/figma-snapshot.json.
 * Code-owned color modes. Do not edit. Run: pnpm --filter @legend/ui generate:foundation */

:root {
  --color-control-favorite-inactive: var(--primitive-color-7a7a7a);
  --color-activity-heatmap-level-1: var(--primitive-color-ffa318-opacity-30);
  --color-activity-heatmap-level-2: var(--primitive-color-ffa318-opacity-60);
  --color-activity-heatmap-level-3: var(--primitive-color-ffa318-opacity-90);
  --color-activity-heatmap-level-4: var(--primitive-color-ffa318);
  --color-chart-projection-line: var(--primitive-color-f5f5f5);
  --color-selection-option-surface-rest: var(--primitive-color-ffffff-opacity-4);
  --color-selection-option-surface-hover: var(--primitive-color-ffffff-opacity-8);
  --color-selection-option-surface-pressed: var(--primitive-color-ffffff-opacity-16);
  --color-selection-option-surface-selected: var(--primitive-color-ffffff-opacity-8);
  --color-selection-option-surface-selected-hover: var(--primitive-color-ffffff-opacity-8);
  --color-selection-option-surface-selected-pressed: var(--primitive-color-ffffff-opacity-16);
  --color-selection-option-surface-disabled: var(--primitive-color-ffffff-opacity-4);
  --color-selection-option-surface-selected-disabled: var(--primitive-color-ffffff-opacity-8);
  --color-selection-option-border-rest: var(--primitive-color-3d3d3d);
  --color-selection-option-border-selected: var(--primitive-color-a3a3a3);
  --color-selection-option-foreground: var(--primitive-color-f5f5f5);
  --color-selection-option-foreground-muted: var(--primitive-color-a3a3a3);
  --color-selection-option-foreground-disabled: var(--primitive-color-7a7a7a);
  --color-content-text-primary: var(--primitive-color-f5f5f5);
  --color-content-text-body: var(--primitive-color-b8b8b8);
  --color-content-text-secondary: var(--primitive-color-a3a3a3);
  --color-chat-message-timestamp-foreground: var(--primitive-color-7a7a7a);
  --color-content-text-brand: var(--primitive-color-ffa318);
  --color-share-frame-light-surface: var(--primitive-color-f5f5f5);
  --color-share-frame-light-foreground: var(--primitive-color-0a0a0a);
  --color-share-frame-light-border: var(--primitive-color-000000-opacity-16);
  --color-progress-position-marker: var(--primitive-color-f5f5f5);
  --color-progress-neutral-fill: var(--primitive-color-ffffff-opacity-24);
  --color-media-crop-guide: var(--primitive-color-ffffff-opacity-24);
  --color-chart-pnl-pulse-positive-rest: var(--primitive-color-49d76c);
  --color-chart-pnl-pulse-negative-rest: var(--primitive-color-ff595b);
  --color-checkbox-validation-border: var(--primitive-color-ff4245);
  --color-checkbox-validation-selected-surface: var(--primitive-color-ff4245);
  --color-checkbox-validation-hover-surface: var(--primitive-color-ff4245-opacity-12);
  --color-focus-marker-high: var(--primitive-color-f5f5f5);
  --color-focus-marker-low: var(--primitive-color-0a0a0a);
  --color-content-surface-fixed-dark: var(--primitive-color-141414);
  --color-content-on-dark-text-secondary: var(--primitive-color-a3a3a3);
  --color-content-border-fixed-dark: var(--primitive-color-292929);
  --color-content-on-dark-text-primary: var(--primitive-color-f5f5f5);
  --color-content-on-dark-text-body: var(--primitive-color-b8b8b8);
  --color-control-tab-count-surface-brand-inactive: var(--primitive-color-ffffff-opacity-16);
  --color-dialog-content-surface: var(--primitive-color-0a0a0a);
  --color-dialog-content-border: var(--primitive-color-ffffff-opacity-8);
  --color-content-divider: var(--primitive-color-ffffff-opacity-8);
  --color-marketing-footer-image-scrim: var(--primitive-color-000000-opacity-80);
  --color-marketing-cta-border: var(--primitive-color-f5f5f5);
  --color-status-live-pulse: var(--primitive-color-30d158-opacity-50);
  --color-dialog-drag-handle: var(--primitive-color-a3a3a3);
  --color-media-annotation-surface: var(--primitive-color-000000-opacity-60);
  --color-media-annotation-foreground: var(--primitive-color-f5f5f5);
  --color-chart-friend-order-foreground: var(--primitive-color-f5f5f5);
  --color-scroll-control-shadow: var(--primitive-color-000000-opacity-60);
  --color-chart-entry-price-line: var(--primitive-color-ffa318);
  --color-chart-trailing-order-line: var(--primitive-color-ff9230);
  --color-content-surface-subtle: var(--primitive-color-ffffff-opacity-4);
  --color-content-surface-canvas: var(--primitive-color-0a0a0a);
  --color-feedback-account-health-unfilled: var(--primitive-color-ffffff-opacity-16);
}

[data-theme='dark'] {
  --color-control-favorite-inactive: var(--primitive-color-7a7a7a);
  --color-activity-heatmap-level-1: var(--primitive-color-ffa318-opacity-30);
  --color-activity-heatmap-level-2: var(--primitive-color-ffa318-opacity-60);
  --color-activity-heatmap-level-3: var(--primitive-color-ffa318-opacity-90);
  --color-activity-heatmap-level-4: var(--primitive-color-ffa318);
  --color-chart-projection-line: var(--primitive-color-f5f5f5);
  --color-selection-option-surface-rest: var(--primitive-color-ffffff-opacity-4);
  --color-selection-option-surface-hover: var(--primitive-color-ffffff-opacity-8);
  --color-selection-option-surface-pressed: var(--primitive-color-ffffff-opacity-16);
  --color-selection-option-surface-selected: var(--primitive-color-ffffff-opacity-8);
  --color-selection-option-surface-selected-hover: var(--primitive-color-ffffff-opacity-8);
  --color-selection-option-surface-selected-pressed: var(--primitive-color-ffffff-opacity-16);
  --color-selection-option-surface-disabled: var(--primitive-color-ffffff-opacity-4);
  --color-selection-option-surface-selected-disabled: var(--primitive-color-ffffff-opacity-8);
  --color-selection-option-border-rest: var(--primitive-color-3d3d3d);
  --color-selection-option-border-selected: var(--primitive-color-a3a3a3);
  --color-selection-option-foreground: var(--primitive-color-f5f5f5);
  --color-selection-option-foreground-muted: var(--primitive-color-a3a3a3);
  --color-selection-option-foreground-disabled: var(--primitive-color-7a7a7a);
  --color-content-text-primary: var(--primitive-color-f5f5f5);
  --color-content-text-body: var(--primitive-color-b8b8b8);
  --color-content-text-secondary: var(--primitive-color-a3a3a3);
  --color-chat-message-timestamp-foreground: var(--primitive-color-7a7a7a);
  --color-content-text-brand: var(--primitive-color-ffa318);
  --color-share-frame-light-surface: var(--primitive-color-f5f5f5);
  --color-share-frame-light-foreground: var(--primitive-color-0a0a0a);
  --color-share-frame-light-border: var(--primitive-color-000000-opacity-16);
  --color-progress-position-marker: var(--primitive-color-f5f5f5);
  --color-progress-neutral-fill: var(--primitive-color-ffffff-opacity-24);
  --color-media-crop-guide: var(--primitive-color-ffffff-opacity-24);
  --color-chart-pnl-pulse-positive-rest: var(--primitive-color-49d76c);
  --color-chart-pnl-pulse-negative-rest: var(--primitive-color-ff595b);
  --color-checkbox-validation-border: var(--primitive-color-ff4245);
  --color-checkbox-validation-selected-surface: var(--primitive-color-ff4245);
  --color-checkbox-validation-hover-surface: var(--primitive-color-ff4245-opacity-12);
  --color-focus-marker-high: var(--primitive-color-f5f5f5);
  --color-focus-marker-low: var(--primitive-color-0a0a0a);
  --color-content-surface-fixed-dark: var(--primitive-color-141414);
  --color-content-on-dark-text-secondary: var(--primitive-color-a3a3a3);
  --color-content-border-fixed-dark: var(--primitive-color-292929);
  --color-content-on-dark-text-primary: var(--primitive-color-f5f5f5);
  --color-content-on-dark-text-body: var(--primitive-color-b8b8b8);
  --color-control-tab-count-surface-brand-inactive: var(--primitive-color-ffffff-opacity-16);
  --color-dialog-content-surface: var(--primitive-color-0a0a0a);
  --color-dialog-content-border: var(--primitive-color-ffffff-opacity-8);
  --color-content-divider: var(--primitive-color-ffffff-opacity-8);
  --color-marketing-footer-image-scrim: var(--primitive-color-000000-opacity-80);
  --color-marketing-cta-border: var(--primitive-color-f5f5f5);
  --color-status-live-pulse: var(--primitive-color-30d158-opacity-50);
  --color-dialog-drag-handle: var(--primitive-color-a3a3a3);
  --color-media-annotation-surface: var(--primitive-color-000000-opacity-60);
  --color-media-annotation-foreground: var(--primitive-color-f5f5f5);
  --color-chart-friend-order-foreground: var(--primitive-color-f5f5f5);
  --color-scroll-control-shadow: var(--primitive-color-000000-opacity-60);
  --color-chart-entry-price-line: var(--primitive-color-ffa318);
  --color-chart-trailing-order-line: var(--primitive-color-ff9230);
  --color-content-surface-subtle: var(--primitive-color-ffffff-opacity-4);
  --color-content-surface-canvas: var(--primitive-color-0a0a0a);
  --color-feedback-account-health-unfilled: var(--primitive-color-ffffff-opacity-16);
}

/* GENERATED by packages/ui/scripts/foundation/generate.ts from src/foundation/figma-snapshot.json and src/foundation/code-owned-tokens.ts, src/foundation/name-overrides.json, and src/foundation/code-typography.json.
 * Do not edit. Run: pnpm --filter @legend/ui generate:foundation */

.typo-heading-large {
  font-family: var(--typography-heading-large-font-family);
  font-size: var(--typography-heading-large-font-size);
  font-weight: var(--typography-heading-large-font-weight);
  line-height: var(--typography-heading-large-line-height);
  letter-spacing: var(--typography-heading-large-letter-spacing);
}

.typo-body-large {
  font-family: var(--typography-body-large-font-family);
  font-size: var(--typography-body-large-font-size);
  font-weight: var(--typography-body-large-font-weight);
  line-height: var(--typography-body-large-line-height);
  letter-spacing: var(--typography-body-large-letter-spacing);
}

.typo-body {
  font-family: var(--typography-body-font-family);
  font-size: var(--typography-body-font-size);
  font-weight: var(--typography-body-font-weight);
  line-height: var(--typography-body-line-height);
  letter-spacing: var(--typography-body-letter-spacing);
}

.typo-body-compact {
  font-family: var(--typography-body-compact-font-family);
  font-size: var(--typography-body-compact-font-size);
  font-weight: var(--typography-body-compact-font-weight);
  line-height: var(--typography-body-compact-line-height);
  letter-spacing: var(--typography-body-compact-letter-spacing);
}

.typo-number {
  font-family: var(--typography-number-font-family);
  font-size: var(--typography-number-font-size);
  font-weight: var(--typography-number-font-weight);
  line-height: var(--typography-number-line-height);
  letter-spacing: var(--typography-number-letter-spacing);
  font-feature-settings: 'ss09' on;
}

.typo-number-small {
  font-family: var(--typography-number-small-font-family);
  font-size: var(--typography-number-small-font-size);
  font-weight: var(--typography-number-small-font-weight);
  line-height: var(--typography-number-small-line-height);
  letter-spacing: var(--typography-number-small-letter-spacing);
  font-feature-settings: 'ss09' on;
}

.typo-number-dense {
  font-family: var(--typography-number-dense-font-family);
  font-size: var(--typography-number-dense-font-size);
  font-weight: var(--typography-number-dense-font-weight);
  line-height: var(--typography-number-dense-line-height);
  letter-spacing: var(--typography-number-dense-letter-spacing);
  font-feature-settings: 'ss09' on;
}

.typo-button-filled-web {
  font-family: var(--typography-button-filled-web-font-family);
  font-size: var(--typography-button-filled-web-font-size);
  font-weight: var(--typography-button-filled-web-font-weight);
  line-height: var(--typography-button-filled-web-line-height);
  letter-spacing: var(--typography-button-filled-web-letter-spacing);
  text-transform: uppercase;
}

.typo-label-large {
  font-family: var(--typography-label-large-font-family);
  font-size: var(--typography-label-large-font-size);
  font-weight: var(--typography-label-large-font-weight);
  line-height: var(--typography-label-large-line-height);
  letter-spacing: var(--typography-label-large-letter-spacing);
}

.typo-field-action-compact {
  font-family: var(--field-action-label-font-family);
  font-size: var(--field-action-label-font-size);
  font-weight: var(--field-action-label-font-weight);
  line-height: var(--field-action-label-line-height);
  letter-spacing: var(--field-action-label-letter-spacing);
}

.typo-button-text-web {
  font-family: var(--typography-button-text-web-font-family);
  font-size: var(--typography-button-text-web-font-size);
  font-weight: var(--typography-button-text-web-font-weight);
  line-height: var(--typography-button-text-web-line-height);
  letter-spacing: var(--typography-button-text-web-letter-spacing);
}

.typo-label {
  font-family: var(--typography-label-font-family);
  font-size: var(--typography-label-font-size);
  font-weight: var(--typography-label-font-weight);
  line-height: var(--typography-label-line-height);
  letter-spacing: var(--typography-label-letter-spacing);
}

.typo-label-selected {
  font-family: var(--typography-label-selected-font-family);
  font-size: var(--typography-label-selected-font-size);
  font-weight: var(--typography-label-selected-font-weight);
  line-height: var(--typography-label-selected-line-height);
  letter-spacing: var(--typography-label-selected-letter-spacing);
}

.typo-label-compact {
  font-family: var(--typography-label-compact-font-family);
  font-size: var(--typography-label-compact-font-size);
  font-weight: var(--typography-label-compact-font-weight);
  line-height: var(--typography-label-compact-line-height);
  letter-spacing: var(--typography-label-compact-letter-spacing);
}

.typo-number-compact {
  font-family: var(--typography-number-compact-font-family);
  font-size: var(--typography-number-compact-font-size);
  font-weight: var(--typography-number-compact-font-weight);
  line-height: var(--typography-number-compact-line-height);
  letter-spacing: var(--typography-number-compact-letter-spacing);
  font-feature-settings: 'ss09' on;
}

.typo-heading {
  font-family: var(--typography-heading-font-family);
  font-size: var(--typography-heading-font-size);
  font-weight: var(--typography-heading-font-weight);
  line-height: var(--typography-heading-line-height);
  letter-spacing: var(--typography-heading-letter-spacing);
}

.typo-label-display {
  font-family: var(--typography-label-display-font-family);
  font-size: var(--typography-label-display-font-size);
  font-weight: var(--typography-label-display-font-weight);
  line-height: var(--typography-label-display-line-height);
  letter-spacing: var(--typography-label-display-letter-spacing);
}

.typo-number-large {
  font-family: var(--typography-number-large-font-family);
  font-size: var(--typography-number-large-font-size);
  font-weight: var(--typography-number-large-font-weight);
  line-height: var(--typography-number-large-line-height);
  letter-spacing: var(--typography-number-large-letter-spacing);
  font-feature-settings: 'ss09' on;
}

.typo-display-interface {
  font-family: var(--text-display-interface-font-family);
  font-size: var(--text-display-interface-font-size);
  font-weight: var(--text-display-interface-font-weight);
  line-height: var(--text-display-interface-line-height);
  letter-spacing: var(--text-display-interface-letter-spacing);
}

.typo-display-brand {
  font-family: var(--text-display-brand-font-family);
  font-size: var(--text-display-brand-font-size);
  font-weight: var(--text-display-brand-font-weight);
  line-height: var(--text-display-brand-line-height);
  letter-spacing: var(--text-display-brand-letter-spacing);
}

.typo-heading-medium {
  font-family: var(--text-heading-medium-font-family);
  font-size: var(--text-heading-medium-font-size);
  font-weight: var(--text-heading-medium-font-weight);
  line-height: var(--text-heading-medium-line-height);
  letter-spacing: var(--text-heading-medium-letter-spacing);
}

.typo-heading-small {
  font-family: var(--text-heading-small-font-family);
  font-size: var(--text-heading-small-font-size);
  font-weight: var(--text-heading-small-font-weight);
  line-height: var(--text-heading-small-line-height);
  letter-spacing: var(--text-heading-small-letter-spacing);
}

.typo-subheading-large {
  font-family: var(--text-subheading-large-font-family);
  font-size: var(--text-subheading-large-font-size);
  font-weight: var(--text-subheading-large-font-weight);
  line-height: var(--text-subheading-large-line-height);
  letter-spacing: var(--text-subheading-large-letter-spacing);
}

.typo-subheading {
  font-family: var(--text-subheading-font-family);
  font-size: var(--text-subheading-font-size);
  font-weight: var(--text-subheading-font-weight);
  line-height: var(--text-subheading-line-height);
  letter-spacing: var(--text-subheading-letter-spacing);
}

.typo-subheading-small {
  font-family: var(--text-subheading-small-font-family);
  font-size: var(--text-subheading-small-font-size);
  font-weight: var(--text-subheading-small-font-weight);
  line-height: var(--text-subheading-small-line-height);
  letter-spacing: var(--text-subheading-small-letter-spacing);
}

.typo-subheading-compact {
  font-family: var(--text-subheading-compact-font-family);
  font-size: var(--text-subheading-compact-font-size);
  font-weight: var(--text-subheading-compact-font-weight);
  line-height: var(--text-subheading-compact-line-height);
  letter-spacing: var(--text-subheading-compact-letter-spacing);
}

.typo-body-expanded {
  font-family: var(--text-body-expanded-font-family);
  font-size: var(--text-body-expanded-font-size);
  font-weight: var(--text-body-expanded-font-weight);
  line-height: var(--text-body-expanded-line-height);
  letter-spacing: var(--text-body-expanded-letter-spacing);
}

.typo-body-selected {
  font-family: var(--text-body-selected-font-family);
  font-size: var(--text-body-selected-font-size);
  font-weight: var(--text-body-selected-font-weight);
  line-height: var(--text-body-selected-line-height);
  letter-spacing: var(--text-body-selected-letter-spacing);
}

.typo-caption-web {
  font-family: var(--text-caption-web-font-family);
  font-size: var(--text-caption-web-font-size);
  font-weight: var(--text-caption-web-font-weight);
  line-height: var(--text-caption-web-line-height);
  letter-spacing: var(--text-caption-web-letter-spacing);
}

.typo-number-headline {
  font-family: var(--text-number-headline-font-family);
  font-size: var(--text-number-headline-font-size);
  font-weight: var(--text-number-headline-font-weight);
  line-height: var(--text-number-headline-line-height);
  letter-spacing: var(--text-number-headline-letter-spacing);
  font-feature-settings: 'ss09' on;
}

.typo-number-stack-inline {
  font-family: var(--font-geist-mono), ui-monospace, SFMono-Regular;
  font-size: var(--identity-stack-inline-count-font-size);
  font-weight: 500;
  line-height: 1rem;
  letter-spacing: 0;
  font-feature-settings: 'ss09' on;
}

.typo-number-stack-compact {
  font-family: var(--font-geist-mono), ui-monospace, SFMono-Regular;
  font-size: var(--identity-stack-compact-count-font-size);
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: 0;
  font-feature-settings: 'ss09' on;
}

.typo-number-stack-chart {
  font-family: var(--font-geist-mono), ui-monospace, SFMono-Regular;
  font-size: var(--identity-stack-chart-count-font-size);
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: 0;
  font-feature-settings: 'ss09' on;
}

.typo-number-stack-row {
  font-family: var(--font-geist-mono), ui-monospace, SFMono-Regular;
  font-size: var(--identity-stack-row-count-font-size);
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0;
  font-feature-settings: 'ss09' on;
}

.typo-number-stack-large {
  font-family: var(--font-geist-mono), ui-monospace, SFMono-Regular;
  font-size: var(--identity-stack-large-count-font-size);
  font-weight: 500;
  line-height: 2.5rem;
  letter-spacing: 0;
  font-feature-settings: 'ss09' on;
}

.typo-number-metadata {
  font-family: var(--typography-number-compact-font-family);
  font-size: var(--typography-number-metadata-font-size);
  font-weight: var(--typography-number-compact-font-weight);
  line-height: var(--typography-number-metadata-line-height);
  letter-spacing: 0;
  font-feature-settings: 'ss09' on;
}

.typo-caption-compact {
  font-family: var(--primitive-font-family-geist);
  font-size: calc(var(--primitive-dimension-10) / 16 * 1rem);
  font-weight: var(--primitive-font-weight-400);
  line-height: calc(var(--primitive-dimension-12) / 16 * 1rem);
  letter-spacing: calc(var(--primitive-dimension-0) / 16 * 1rem);
}