/* Ethos DS v2 — generated from tokens.json */
:root, [data-theme="light"] {
  --ethos-color-paper-500: #efeee0;
  --ethos-color-paper-600: #d5d4cd;
  --ethos-color-paper-700: #cbcbc2;
  --ethos-color-paper-800: #c1c0b6;
  --ethos-color-paper-900: #b4b3aa;
  --ethos-color-ink-300: #424242;
  --ethos-color-ink-400: #383832;
  --ethos-color-ink-500: #333330;
  --ethos-color-ink-600: #2d2d29;
  --ethos-color-ink-700: #232320;
  --ethos-color-ink-800: #1e1e1b;
  --ethos-color-ink-900: #161617;
  --ethos-color-text-on-paper: #1f2126;
  --ethos-color-text-on-ink: #c1c0b6;
  --ethos-color-indigo: #1f21b6;
  --ethos-color-sky: #2e7bc3;
  --ethos-color-navy: #173a5b;
  --ethos-color-green: #127f31;
  --ethos-color-red: #b72b38;
  --ethos-color-amber-light: #cc9a1a;
  --ethos-color-amber-dark: #c29010;
  --ethos-color-amber-active: #d48806;
  --ethos-color-gold-1: #a0690c;
  --ethos-color-gold-2: #ce870e;
  --ethos-color-purple-1: #69429c;
  --ethos-color-purple-2: #9e72d8;
  --ethos-color-purple-haze: #7e51b9;
  --ethos-color-blue-1: #3d79b1;
  --ethos-color-blue-2: #6496c5;
  --ethos-color-award-gold: #c78007;
  --ethos-color-award-silver: #646464;
  --ethos-color-award-bronze: #be5521;
  --ethos-color-rank-silver: #65645d;
  --ethos-color-rank-silver-light: #c1c0b6;
  --ethos-color-rank-bronze: #673a25;
  --ethos-color-rank-bronze-light: #b65326;
  --ethos-bg-base: #c1c0b6;
  --ethos-bg-container: #cbcbc2;
  --ethos-bg-elevated: #d5d4cd;
  --ethos-bg-sunken: #b4b3aa;
  --ethos-bg-alert: #d5d4cd;
  --ethos-bg-spotlight: #000000;
  --ethos-bg-mask: #00000073;
  --ethos-bg-perk: #161617;
  --ethos-bg-self-row: #a9a9c0;
  --ethos-text-default: rgba(31,33,38,1);
  --ethos-text-body: rgba(31,33,38,0.85);
  --ethos-text-muted: rgba(31,33,38,0.65);
  --ethos-text-faint: rgba(31,33,38,0.45);
  --ethos-text-placeholder: #1f212640;
  --ethos-text-on-primary: #c1c0b6;
  --ethos-text-on-danger: #ffffff;
  --ethos-text-on-spotlight: #c1c0b6;
  --ethos-primary-default: #1f21b6;
  --ethos-primary-bg: #1f21b61a;
  --ethos-primary-bg-hover: #1f21b614;
  --ethos-primary-dark: #173a5b;
  --ethos-primary-link: #1f21b6;
  --ethos-success-default: #127f31;
  --ethos-success-bg: #afc0ac;
  --ethos-danger-default: #b72b38;
  --ethos-danger-bg: #cf132226;
  --ethos-danger-bg-hover: #ccafaa;
  --ethos-warning-default: #cc9a1a;
  --ethos-warning-active: #d48806;
  --ethos-info-default: #1f21b6;
  --ethos-border-default: #00000000;
  --ethos-border-split: #0000000f;
  --ethos-border-control: rgba(31,33,38,1);
  --ethos-xp-orange: #d46b08;
  --ethos-xp-streak: #ad4e00;
  --ethos-trade-up: #2a8945;
  --ethos-trade-down: #b9534b;
  --ethos-trade-accent: #703f00;
  --ethos-trade-trust: #1f21b6;
  --ethos-trade-banner-bg: #c2b09b;
  --ethos-level-untrusted: #b72b38;
  --ethos-level-questionable: #cc9a1a;
  --ethos-level-neutral: #1f2126;
  --ethos-level-known: #41517a;
  --ethos-level-established: #2f4290;
  --ethos-level-reputable: #1f21b6;
  --ethos-level-exemplary: #37874e;
  --ethos-level-distinguished: #127f31;
  --ethos-level-revered: #836da6;
  --ethos-level-renowned: #7a5eaf;
  --ethos-market-volatile: #b2474f;
  --ethos-market-normal: #138585;
  --color-raw-paper-500: var(--ethos-color-paper-500);
  --color-raw-paper-600: var(--ethos-color-paper-600);
  --color-raw-paper-700: var(--ethos-color-paper-700);
  --color-raw-paper-800: var(--ethos-color-paper-800);
  --color-raw-paper-900: var(--ethos-color-paper-900);
  --color-raw-ink-300: var(--ethos-color-ink-300);
  --color-raw-ink-400: var(--ethos-color-ink-400);
  --color-raw-ink-500: var(--ethos-color-ink-500);
  --color-raw-ink-600: var(--ethos-color-ink-600);
  --color-raw-ink-700: var(--ethos-color-ink-700);
  --color-raw-ink-800: var(--ethos-color-ink-800);
  --color-raw-ink-900: var(--ethos-color-ink-900);
  --color-raw-text-on-paper: var(--ethos-color-text-on-paper);
  --color-raw-text-on-ink: var(--ethos-color-text-on-ink);
  --color-raw-indigo: var(--ethos-color-indigo);
  --color-raw-sky: var(--ethos-color-sky);
  --color-raw-navy: var(--ethos-color-navy);
  --color-raw-green: var(--ethos-color-green);
  --color-raw-red: var(--ethos-color-red);
  --color-raw-amber-light: var(--ethos-color-amber-light);
  --color-raw-amber-dark: var(--ethos-color-amber-dark);
  --color-raw-amber-active: var(--ethos-color-amber-active);
  --color-raw-gold-1: var(--ethos-color-gold-1);
  --color-raw-gold-2: var(--ethos-color-gold-2);
  --color-raw-purple-1: var(--ethos-color-purple-1);
  --color-raw-purple-2: var(--ethos-color-purple-2);
  --color-raw-purple-haze: var(--ethos-color-purple-haze);
  --color-raw-blue-1: var(--ethos-color-blue-1);
  --color-raw-blue-2: var(--ethos-color-blue-2);
  --color-raw-award-gold: var(--ethos-color-award-gold);
  --color-raw-award-silver: var(--ethos-color-award-silver);
  --color-raw-award-bronze: var(--ethos-color-award-bronze);
  --color-raw-rank-silver: var(--ethos-color-rank-silver);
  --color-raw-rank-silver-light: var(--ethos-color-rank-silver-light);
  --color-raw-rank-bronze: var(--ethos-color-rank-bronze);
  --color-raw-rank-bronze-light: var(--ethos-color-rank-bronze-light);
  --color-base: var(--ethos-bg-base);
  --color-container: var(--ethos-bg-container);
  --color-elevated: var(--ethos-bg-elevated);
  --color-sunken: var(--ethos-bg-sunken);
  --color-alert: var(--ethos-bg-alert);
  --color-spotlight: var(--ethos-bg-spotlight);
  --color-mask: var(--ethos-bg-mask);
  --color-perk: var(--ethos-bg-perk);
  --color-self-row: var(--ethos-bg-self-row);
  --color-text: var(--ethos-text-default);
  --color-text-body: var(--ethos-text-body);
  --color-text-muted: var(--ethos-text-muted);
  --color-text-faint: var(--ethos-text-faint);
  --color-text-placeholder: var(--ethos-text-placeholder);
  --color-text-on-primary: var(--ethos-text-on-primary);
  --color-text-on-danger: var(--ethos-text-on-danger);
  --color-text-on-spotlight: var(--ethos-text-on-spotlight);
  --color-primary: var(--ethos-primary-default);
  --color-primary-bg: var(--ethos-primary-bg);
  --color-primary-bg-hover: var(--ethos-primary-bg-hover);
  --color-primary-dark: var(--ethos-primary-dark);
  --color-primary-link: var(--ethos-primary-link);
  --color-success: var(--ethos-success-default);
  --color-success-bg: var(--ethos-success-bg);
  --color-danger: var(--ethos-danger-default);
  --color-danger-bg: var(--ethos-danger-bg);
  --color-danger-bg-hover: var(--ethos-danger-bg-hover);
  --color-warning: var(--ethos-warning-default);
  --color-warning-active: var(--ethos-warning-active);
  --color-info: var(--ethos-info-default);
  --color-border-default: var(--ethos-border-default);
  --color-border-split: var(--ethos-border-split);
  --color-border-control: var(--ethos-border-control);
  --color-xp-orange: var(--ethos-xp-orange);
  --color-xp-streak: var(--ethos-xp-streak);
  --color-trade-up: var(--ethos-trade-up);
  --color-trade-down: var(--ethos-trade-down);
  --color-trade-accent: var(--ethos-trade-accent);
  --color-trade-trust: var(--ethos-trade-trust);
  --color-trade-banner-bg: var(--ethos-trade-banner-bg);
  --color-level-untrusted: var(--ethos-level-untrusted);
  --color-level-questionable: var(--ethos-level-questionable);
  --color-level-neutral: var(--ethos-level-neutral);
  --color-level-known: var(--ethos-level-known);
  --color-level-established: var(--ethos-level-established);
  --color-level-reputable: var(--ethos-level-reputable);
  --color-level-exemplary: var(--ethos-level-exemplary);
  --color-level-distinguished: var(--ethos-level-distinguished);
  --color-level-revered: var(--ethos-level-revered);
  --color-level-renowned: var(--ethos-level-renowned);
  --color-market-volatile: var(--ethos-market-volatile);
  --color-market-normal: var(--ethos-market-normal);
  --ethos-color-green-deep: #135200;
  --ethos-shadow-action: 0px 27px 36.4px 0px rgba(0,0,0,0.12);
  --ethos-shadow-card: 0px 8px 24px rgba(0,0,0,0.15);
  --ethos-shadow-sheet: 0px -20px 36.4px 0px rgba(0,0,0,0.35);
  --ethos-shadow-drawer: 0px 27px 36.4px 0px rgba(0,0,0,0.35);
  --ethos-shadow-subtle: 0px 2px 8px rgba(0,0,0,0.08);
  --shadow-action: 0px 27px 36.4px 0px rgba(0,0,0,0.12);
  --shadow-card: 0px 8px 24px rgba(0,0,0,0.15);
  --shadow-sheet: 0px -20px 36.4px 0px rgba(0,0,0,0.35);
  --shadow-drawer: 0px 27px 36.4px 0px rgba(0,0,0,0.35);
  --shadow-subtle: 0px 2px 8px rgba(0,0,0,0.08);
}
[data-theme="dark"] {
  --ethos-color-gold-1: #c16e15;
  --ethos-color-gold-2: #f6a70c;
  --ethos-bg-base: #232320;
  --ethos-bg-container: #2d2d29;
  --ethos-bg-elevated: #333330;
  --ethos-bg-sunken: #1e1e1b;
  --ethos-bg-alert: #383832;
  --ethos-bg-spotlight: #424242;
  --ethos-bg-self-row: #2d3d48;
  --ethos-text-default: rgba(193,192,182,1);
  --ethos-text-body: rgba(193,192,182,0.85);
  --ethos-text-muted: rgba(193,192,182,0.65);
  --ethos-text-faint: rgba(239,238,224,0.45);
  --ethos-text-placeholder: #efeee040;
  --ethos-text-on-primary: #232320;
  --ethos-text-on-spotlight: #ffffff;
  --ethos-primary-default: #2e7bc3;
  --ethos-primary-bg-hover: #1f21b61a;
  --ethos-primary-link: #2e7bc3;
  --ethos-success-bg: #29392a;
  --ethos-danger-bg: #b72b3826;
  --ethos-danger-bg-hover: #422d2b;
  --ethos-warning-default: #c29010;
  --ethos-info-default: #1b69b1;
  --ethos-border-split: #ffffff0f;
  --ethos-border-control: rgba(193,192,182,0.85);
  --ethos-xp-orange: #d87a16;
  --ethos-xp-streak: #fa8c16;
  --ethos-trade-accent: #fda301;
  --ethos-trade-trust: #3d8bd4;
  --ethos-trade-banner-bg: #1e1e1b;
  --ethos-level-questionable: #c29010;
  --ethos-level-neutral: #c1c0b6;
  --ethos-level-known: #7c8da8;
  --ethos-level-established: #4e86b9;
  --ethos-level-reputable: #2e7bc3;
  --ethos-level-exemplary: #427b56;
  --color-raw-paper-500: var(--ethos-color-paper-500);
  --color-raw-paper-600: var(--ethos-color-paper-600);
  --color-raw-paper-700: var(--ethos-color-paper-700);
  --color-raw-paper-800: var(--ethos-color-paper-800);
  --color-raw-paper-900: var(--ethos-color-paper-900);
  --color-raw-ink-300: var(--ethos-color-ink-300);
  --color-raw-ink-400: var(--ethos-color-ink-400);
  --color-raw-ink-500: var(--ethos-color-ink-500);
  --color-raw-ink-600: var(--ethos-color-ink-600);
  --color-raw-ink-700: var(--ethos-color-ink-700);
  --color-raw-ink-800: var(--ethos-color-ink-800);
  --color-raw-ink-900: var(--ethos-color-ink-900);
  --color-raw-text-on-paper: var(--ethos-color-text-on-paper);
  --color-raw-text-on-ink: var(--ethos-color-text-on-ink);
  --color-raw-indigo: var(--ethos-color-indigo);
  --color-raw-sky: var(--ethos-color-sky);
  --color-raw-navy: var(--ethos-color-navy);
  --color-raw-green: var(--ethos-color-green);
  --color-raw-red: var(--ethos-color-red);
  --color-raw-amber-light: var(--ethos-color-amber-light);
  --color-raw-amber-dark: var(--ethos-color-amber-dark);
  --color-raw-amber-active: var(--ethos-color-amber-active);
  --color-raw-gold-1: var(--ethos-color-gold-1);
  --color-raw-gold-2: var(--ethos-color-gold-2);
  --color-raw-purple-1: var(--ethos-color-purple-1);
  --color-raw-purple-2: var(--ethos-color-purple-2);
  --color-raw-purple-haze: var(--ethos-color-purple-haze);
  --color-raw-blue-1: var(--ethos-color-blue-1);
  --color-raw-blue-2: var(--ethos-color-blue-2);
  --color-raw-award-gold: var(--ethos-color-award-gold);
  --color-raw-award-silver: var(--ethos-color-award-silver);
  --color-raw-award-bronze: var(--ethos-color-award-bronze);
  --color-raw-rank-silver: var(--ethos-color-rank-silver);
  --color-raw-rank-silver-light: var(--ethos-color-rank-silver-light);
  --color-raw-rank-bronze: var(--ethos-color-rank-bronze);
  --color-raw-rank-bronze-light: var(--ethos-color-rank-bronze-light);
  --color-base: var(--ethos-bg-base);
  --color-container: var(--ethos-bg-container);
  --color-elevated: var(--ethos-bg-elevated);
  --color-sunken: var(--ethos-bg-sunken);
  --color-alert: var(--ethos-bg-alert);
  --color-spotlight: var(--ethos-bg-spotlight);
  --color-mask: var(--ethos-bg-mask);
  --color-perk: var(--ethos-bg-perk);
  --color-self-row: var(--ethos-bg-self-row);
  --color-text: var(--ethos-text-default);
  --color-text-body: var(--ethos-text-body);
  --color-text-muted: var(--ethos-text-muted);
  --color-text-faint: var(--ethos-text-faint);
  --color-text-placeholder: var(--ethos-text-placeholder);
  --color-text-on-primary: var(--ethos-text-on-primary);
  --color-text-on-danger: var(--ethos-text-on-danger);
  --color-text-on-spotlight: var(--ethos-text-on-spotlight);
  --color-primary: var(--ethos-primary-default);
  --color-primary-bg: var(--ethos-primary-bg);
  --color-primary-bg-hover: var(--ethos-primary-bg-hover);
  --color-primary-dark: var(--ethos-primary-dark);
  --color-primary-link: var(--ethos-primary-link);
  --color-success: var(--ethos-success-default);
  --color-success-bg: var(--ethos-success-bg);
  --color-danger: var(--ethos-danger-default);
  --color-danger-bg: var(--ethos-danger-bg);
  --color-danger-bg-hover: var(--ethos-danger-bg-hover);
  --color-warning: var(--ethos-warning-default);
  --color-warning-active: var(--ethos-warning-active);
  --color-info: var(--ethos-info-default);
  --color-border-default: var(--ethos-border-default);
  --color-border-split: var(--ethos-border-split);
  --color-border-control: var(--ethos-border-control);
  --color-xp-orange: var(--ethos-xp-orange);
  --color-xp-streak: var(--ethos-xp-streak);
  --color-trade-up: var(--ethos-trade-up);
  --color-trade-down: var(--ethos-trade-down);
  --color-trade-accent: var(--ethos-trade-accent);
  --color-trade-trust: var(--ethos-trade-trust);
  --color-trade-banner-bg: var(--ethos-trade-banner-bg);
  --color-level-untrusted: var(--ethos-level-untrusted);
  --color-level-questionable: var(--ethos-level-questionable);
  --color-level-neutral: var(--ethos-level-neutral);
  --color-level-known: var(--ethos-level-known);
  --color-level-established: var(--ethos-level-established);
  --color-level-reputable: var(--ethos-level-reputable);
  --color-level-exemplary: var(--ethos-level-exemplary);
  --color-level-distinguished: var(--ethos-level-distinguished);
  --color-level-revered: var(--ethos-level-revered);
  --color-level-renowned: var(--ethos-level-renowned);
  --color-market-volatile: var(--ethos-market-volatile);
  --color-market-normal: var(--ethos-market-normal);
  --ethos-shadow-action: 0px 27px 36.4px 0px rgba(0,0,0,0.35);
  --ethos-shadow-card: 0px 8px 24px rgba(0,0,0,0.3);
}
:root {
  --ethos-space-0: 0px;
  --ethos-space-1: 4px;
  --ethos-space-2: 8px;
  --ethos-space-3: 12px;
  --ethos-space-4: 16px;
  --ethos-space-5: 20px;
  --ethos-space-6: 24px;
  --ethos-space-8: 32px;
  --ethos-space-10: 40px;
  --ethos-space-12: 48px;
  --ethos-space-0-5: 2px;
  --ethos-space-section-gap-mobile: 8px;
  --ethos-size-avatar-sm: 20px;
  --ethos-size-avatar-md: 40px;
  --ethos-size-avatar-lg: 50px;
  --ethos-size-control-sm: 24px;
  --ethos-size-control-md: 32px;
  --ethos-size-control-lg: 40px;
  --ethos-size-highlight-card-md: 125px;
  --ethos-size-highlight-card-xl: 153px;
  --ethos-size-badge-dot: 10px;
  --ethos-breakpoint-xs: 480px;
  --ethos-breakpoint-sm: 576px;
  --ethos-breakpoint-md: 768px;
  --ethos-breakpoint-lg: 992px;
  --ethos-breakpoint-xl: 1200px;
  --ethos-breakpoint-xxl: 1600px;
  --spacing: 4px;
  --size-avatar-sm: 20px;
  --size-avatar-md: 40px;
  --size-avatar-lg: 50px;
  --size-control-sm: 24px;
  --size-control-md: 32px;
  --size-control-lg: 40px;
  --size-highlight-card-md: 125px;
  --size-highlight-card-xl: 153px;
  --size-badge-dot: 10px;
  --breakpoint-xs: 480px;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1600px;
  --ethos-radius-xs: 2px;
  --ethos-radius-sm: 4px;
  --ethos-radius-md: 6px;
  --ethos-radius-lg: 8px;
  --ethos-radius-full: 9999px;
  --ethos-radius-xl: 12px;
  --ethos-radius-2xl: 16px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-full: 9999px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --ethos-motion-duration-fast: 100ms;
  --ethos-motion-duration-mid: 200ms;
  --ethos-motion-duration-slow: 300ms;
  --ethos-motion-duration-none: 0ms;
  --ethos-motion-easing-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --duration-fast: 100ms;
  --duration-mid: 200ms;
  --duration-slow: 300ms;
  --duration-none: 0ms;
  --ease-inOut: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ethos-gradient-gold: linear-gradient(75deg, #A0690C 16.87%, #CE870E 67.11%);
  --ethos-gradient-gold-secondary: linear-gradient(73deg, #A0690C 23.34%, #CE870E 87.03%);
  --ethos-gradient-purple: linear-gradient(90deg, #69429C, #9E72D8);
  --ethos-gradient-blue: linear-gradient(90deg, #3D79B1, #6496C5);
  --ethos-gradient-green: linear-gradient(90deg, #127F31, #135200);
  --ethos-gradient-rank-silver: linear-gradient(64deg, #65645D 27.53%, #C1C0B6 86.18%);
  --ethos-gradient-rank-bronze: linear-gradient(63deg, #673A25 11.83%, #B65326 94.78%);
  --background-image-gold: linear-gradient(75deg, #A0690C 16.87%, #CE870E 67.11%);
  --background-image-gold-secondary: linear-gradient(73deg, #A0690C 23.34%, #CE870E 87.03%);
  --background-image-purple: linear-gradient(90deg, #69429C, #9E72D8);
  --background-image-blue: linear-gradient(90deg, #3D79B1, #6496C5);
  --background-image-green: linear-gradient(90deg, #127F31, #135200);
  --background-image-rank-silver: linear-gradient(64deg, #65645D 27.53%, #C1C0B6 86.18%);
  --background-image-rank-bronze: linear-gradient(63deg, #673A25 11.83%, #B65326 94.78%);
  --av: 40px;
  --ethos-font-weight-regular: 400;
  --ethos-font-weight-medium: 500;
  --ethos-font-weight-semibold: 600;
  --ethos-font-weight-bold: 700;
  --ethos-font-weight-extrabold: 800;
  --font-weight-weight-regular: 400;
  --font-weight-weight-medium: 500;
  --font-weight-weight-semibold: 600;
  --font-weight-weight-bold: 700;
  --font-weight-weight-extrabold: 800;
  --ethos-font-line-height-base: 1.25;
  --ethos-font-line-height-tooltip: 1.75;
  --ethos-font-line-height-tight: 1;
  --font-ethos-font-family-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-ethos-font-family-display: Queens, Georgia, serif;
  --font-ethos-font-family-mono: "IBM Plex Mono", SFMono-Regular, Menlo, monospace;
  --text-ethos-font-size-xxs: 400 10px/14px inherit;
  --text-ethos-font-size-sm: 400 12px/20px inherit;
  --text-ethos-font-size-md: 400 14px/22px inherit;
  --text-ethos-font-size-lg: 400 16px/24px inherit;
  --text-ethos-font-size-xl: 400 18px/26px inherit;
  --text-ethos-font-size-h4: 400 20px/28px inherit;
  --text-ethos-font-size-h3: 400 24px/32px inherit;
  --text-ethos-font-size-h2: 400 30px/38px inherit;
  --text-ethos-font-size-h1: 400 38px/46px inherit;
  --text-ethos-font-display-xs: 400 22px/28px inherit;
  --text-ethos-font-display-sm: 400 28px/34px inherit;
  --text-ethos-font-display-md: 400 32px/40px inherit;
  --text-ethos-font-display-lg: 400 40px/48px inherit;
  --text-ethos-font-display-xl: 400 48px/56px inherit;
  --text-ethos-font-display-2xl: 400 56px/64px inherit;
  --text-ethos-font-display-3xl: 400 68px/76px inherit;
  --text-ethos-font-display-hero: 400 76px/53px inherit;
  --text-text-xxs: 400 10px/14px inherit;
  --text-text-sm: 400 12px/20px inherit;
  --text-text-md: 400 14px/22px inherit;
  --text-text-lg: 400 16px/24px inherit;
  --text-text-xl: 400 18px/26px inherit;
  --text-text-h4: 400 20px/28px inherit;
  --text-text-h3: 400 24px/32px inherit;
  --text-text-h2: 400 30px/38px inherit;
  --text-text-h1: 400 38px/46px inherit;
  --text-text-display-xs: 400 22px/28px inherit;
  --text-text-display-sm: 400 28px/34px inherit;
  --text-text-display-md: 400 32px/40px inherit;
  --text-text-display-lg: 400 40px/48px inherit;
  --text-text-display-xl: 400 48px/56px inherit;
  --text-text-display-2xl: 400 56px/64px inherit;
  --text-text-display-3xl: 400 68px/76px inherit;
  --text-text-display-hero: 400 76px/53px inherit;
  --text-body: 400 12px/20px var(--font-ethos-font-family-sans); /* From `body` in _ds_bundle.css. */
}
.ethos-font-size-xxs {
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
  letter-spacing: 0;
}
.ethos-font-size-sm {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
}
.ethos-font-size-md {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  letter-spacing: 0;
}
.ethos-font-size-lg {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
}
.ethos-font-size-xl {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: 0;
}
.ethos-font-size-h4 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0;
}
.ethos-font-size-h3 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  letter-spacing: 0;
}
.ethos-font-size-h2 {
  font-size: 30px;
  line-height: 38px;
  font-weight: 400;
  letter-spacing: 0;
}
.ethos-font-size-h1 {
  font-size: 38px;
  line-height: 46px;
  font-weight: 400;
  letter-spacing: 0;
}
.ethos-font-display-xs {
  font-size: 22px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0;
}
.ethos-font-display-sm {
  font-size: 28px;
  line-height: 34px;
  font-weight: 400;
  letter-spacing: 0;
}
.ethos-font-display-md {
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
  letter-spacing: 0;
}
.ethos-font-display-lg {
  font-size: 40px;
  line-height: 48px;
  font-weight: 400;
  letter-spacing: 0;
}
.ethos-font-display-xl {
  font-size: 48px;
  line-height: 56px;
  font-weight: 400;
  letter-spacing: 0;
}
.ethos-font-display-2xl {
  font-size: 56px;
  line-height: 64px;
  font-weight: 400;
  letter-spacing: 0;
}
.ethos-font-display-3xl {
  font-size: 68px;
  line-height: 76px;
  font-weight: 400;
  letter-spacing: 0;
}
.ethos-font-display-hero {
  font-size: 76px;
  line-height: 53px;
  font-weight: 400;
  letter-spacing: 0;
}
.text-xxs {
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
  letter-spacing: 0;
}
.text-sm {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
}
.text-md {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  letter-spacing: 0;
}
.text-lg {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
}
.text-xl {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: 0;
}
.text-h4 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0;
}
.text-h3 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  letter-spacing: 0;
}
.text-h2 {
  font-size: 30px;
  line-height: 38px;
  font-weight: 400;
  letter-spacing: 0;
}
.text-h1 {
  font-size: 38px;
  line-height: 46px;
  font-weight: 400;
  letter-spacing: 0;
}
.text-display-xs {
  font-size: 22px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0;
}
.text-display-sm {
  font-size: 28px;
  line-height: 34px;
  font-weight: 400;
  letter-spacing: 0;
}
.text-display-md {
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
  letter-spacing: 0;
}
.text-display-lg {
  font-size: 40px;
  line-height: 48px;
  font-weight: 400;
  letter-spacing: 0;
}
.text-display-xl {
  font-size: 48px;
  line-height: 56px;
  font-weight: 400;
  letter-spacing: 0;
}
.text-display-2xl {
  font-size: 56px;
  line-height: 64px;
  font-weight: 400;
  letter-spacing: 0;
}
.text-display-3xl {
  font-size: 68px;
  line-height: 76px;
  font-weight: 400;
  letter-spacing: 0;
}
.text-display-hero {
  font-size: 76px;
  line-height: 53px;
  font-weight: 400;
  letter-spacing: 0;
}
.body {
  font-family: var(--font-ethos-font-family-sans);
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
}