@transferwise/components 46.165.4 → 46.166.0

package/build/styles/props/neptune-tokens.css

@@ -91,6 +91,10 @@
   --space-medium: 32px;
   --space-large: 40px;
   --space-x-large: 56px;
+}
+
+/* Deprecated — do not use */
+:root {
   --font-size-12: 0.75rem;
   --font-size-14: 0.875rem;
   --font-size-16: 1rem;
@@ -102,6 +106,13 @@
   --font-size-28: 1.75rem;
   --font-size-30: 1.875rem;
   --font-size-32: 2rem;
+  --font-size-40: 2.5rem;
+  --font-size-48: 3rem;
+  --font-size-52: 3.25rem;
+  --font-size-56: 3.5rem;
+  --font-size-60: 3.75rem;
+  --font-size-64: 4rem;
+  --font-size-100: 6.25rem;
   --letter-spacing-xxs: 0.005em;
   --letter-spacing-xs: 0.01em;
   --letter-spacing-sm: 0.0125em;
@@ -129,18 +140,809 @@
   --line-height-42: 2.625rem;
   --line-height-48: 3rem;
   --line-height-title: 1.2;
-  --line-height-body: 1.5;
   --line-height-control: 1.2;
+  --line-height-body: 1.5;
   --font-weight-light: 300;
   --font-weight-regular: 400;
   --font-weight-medium: 500;
   --font-weight-semi-bold: 600;
   --font-weight-bold: 700;
+  --font-weight-heavy: 800;
   --font-weight-black: 900;
-  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
-  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
+  --font-family-regular: Inter, Helvetica, Arial, sans-serif;
+  --font-family-display: 'Wise Sans', Inter, sans-serif;
+}
+
+:root,
+:lang(en) {
+  --wds-font-family-display: 'Wise Sans', Inter, Rubik, 'Noto Sans SC', 'Zen Kaku Gothic Antique', 'Noto Sans KR', 'Noto Sans Thai', 'Noto Sans Hebrew', sans-serif;
+  --wds-font-family-display-number: 'Wise Sans', Inter, sans-serif;
+  --wds-font-family-regular: Inter, Vazirmatn, 'Noto Sans SC', 'Zen Kaku Gothic Antique', 'Noto Sans KR', 'Noto Sans Thai', 'Noto Sans Hebrew', Helvetica, Arial, sans-serif;
+
+  --wds-font-weight-display-large: 800;
+  --wds-font-size-display-large: 4rem;
+  --wds-line-height-display-large: 0.85;
+  --wds-letter-spacing-display-large: 0;
+
+  --wds-font-weight-display-medium: 800;
+  --wds-font-size-display-medium: 3.25rem;
+  --wds-line-height-display-medium: 0.8115;
+  --wds-letter-spacing-display-medium: 0;
+
+  --wds-font-weight-display-small: 800;
+  --wds-font-size-display-small: 2.5rem;
+  --wds-line-height-display-small: 0.85;
+  --wds-letter-spacing-display-small: 0;
+
+  --wds-font-weight-display-number-small: 600;
+  --wds-font-size-display-number-small: 2.5rem;
+  --wds-line-height-display-number-small: 1.1;
+  --wds-letter-spacing-display-number-small: -0.022em;
+
+  --wds-font-weight-display-number-medium: 800;
+  --wds-font-size-display-number-medium: 3.25rem;
+  --wds-line-height-display-number-medium: 0.8462;
+  --wds-letter-spacing-display-number-medium: 0;
+
+  --wds-font-weight-display-number-large: 800;
+  --wds-font-size-display-number-large: 6.25rem;
+  --wds-line-height-display-number-large: 0.85;
+  --wds-letter-spacing-display-number-large: 0;
+
+  --wds-font-weight-title-screen: 600;
+  --wds-font-size-title-screen: 1.875rem;
+  --wds-line-height-title-screen: 1.15;
+  --wds-letter-spacing-title-screen: -0.021em;
+  --wds-paragraph-spacing-title-screen: 0.5rem;
+
+  --wds-font-weight-title-section: 600;
+  --wds-font-size-title-section: 1.625rem;
+  --wds-line-height-title-section: 1.22;
+  --wds-letter-spacing-title-section: -0.02em;
+  --wds-paragraph-spacing-title-section: 0.5rem;
+
+  --wds-font-weight-title-subsection: 600;
+  --wds-font-size-title-subsection: 1.375rem;
+  --wds-line-height-title-subsection: 1.25;
+  --wds-letter-spacing-title-subsection: -0.018em;
+  --wds-paragraph-spacing-title-subsection: 0.5rem;
+
+  --wds-font-weight-title-body: 600;
+  --wds-font-size-title-body: 1.125rem;
+  --wds-line-height-title-body: 1.35;
+  --wds-letter-spacing-title-body: -0.014em;
+  --wds-paragraph-spacing-title-body: 0.5rem;
+
+  --wds-font-weight-title-group: 500;
+  --wds-font-size-title-group: 0.875rem;
+  --wds-line-height-title-group: 1.4;
+  --wds-letter-spacing-title-group: -0.018em;
+  --wds-paragraph-spacing-title-group: 0.5rem;
+
+  --wds-font-weight-body-large-regular: 400;
+  --wds-font-weight-body-large-bold: 600;
+  --wds-font-size-body-large: 1rem;
+  --wds-line-height-body-large: 1.5;
+  --wds-letter-spacing-body-large: -0.011em;
+  --wds-paragraph-spacing-body-large: 0.5rem;
+
+  --wds-font-weight-body-regular: 400;
+  --wds-font-weight-body-bold: 600;
+  --wds-font-size-body: 0.875rem;
+  --wds-line-height-body: 1.55;
+  --wds-letter-spacing-body: -0.006em;
+  --wds-paragraph-spacing-body: 0.5rem;
+
+  --wds-font-weight-nav-regular: 400;
+  --wds-font-weight-nav-bold: 600;
+  --wds-font-size-nav: 0.75rem;
+  --wds-line-height-nav: 1.5;
+  --wds-letter-spacing-nav: 0;
+}
+
+:lang(ar) {
+  --wds-font-family-display: Rubik, 'Wise Sans', Inter, 'Noto Sans SC', 'Zen Kaku Gothic Antique', 'Noto Sans KR', 'Noto Sans Thai', 'Noto Sans Hebrew', sans-serif;
+  --wds-font-family-display-number: 'Wise Sans Numeric', Rubik, sans-serif;
+  --wds-font-family-regular: Vazirmatn, Inter, 'Noto Sans SC', 'Zen Kaku Gothic Antique', 'Noto Sans KR', 'Noto Sans Thai', 'Noto Sans Hebrew', Helvetica, Arial, sans-serif;
+
+  --wds-font-weight-display-large: 900;
+  --wds-font-size-display-large: 4rem;
+  --wds-line-height-display-large: 1.45;
+  --wds-letter-spacing-display-large: 0;
+
+  --wds-font-weight-display-medium: 900;
+  --wds-font-size-display-medium: 3.25rem;
+  --wds-line-height-display-medium: 1.45;
+  --wds-letter-spacing-display-medium: 0;
+
+  --wds-font-weight-display-small: 900;
+  --wds-font-size-display-small: 2.5rem;
+  --wds-line-height-display-small: 1.45;
+  --wds-letter-spacing-display-small: 0;
+
+  --wds-font-weight-display-number-small: 600;
+  --wds-font-size-display-number-small: 2.5rem;
+  --wds-line-height-display-number-small: 1.24;
+  --wds-letter-spacing-display-number-small: 0;
+
+  --wds-font-weight-display-number-medium: 800;
+  --wds-font-size-display-number-medium: 3.25rem;
+  --wds-line-height-display-number-medium: 0.846;
+  --wds-letter-spacing-display-number-medium: 0;
+
+  --wds-font-weight-display-number-large: 800;
+  --wds-font-size-display-number-large: 6.25rem;
+  --wds-line-height-display-number-large: 0.85;
+  --wds-letter-spacing-display-number-large: 0;
+
+  --wds-font-weight-title-screen: 600;
+  --wds-font-size-title-screen: 1.875rem;
+  --wds-line-height-title-screen: 1.6;
+  --wds-letter-spacing-title-screen: 0;
+  --wds-paragraph-spacing-title-screen: 0.875rem;
+
+  --wds-font-weight-title-section: 600;
+  --wds-font-size-title-section: 1.625rem;
+  --wds-line-height-title-section: 1.6;
+  --wds-letter-spacing-title-section: 0;
+  --wds-paragraph-spacing-title-section: 0.875rem;
+
+  --wds-font-weight-title-subsection: 600;
+  --wds-font-size-title-subsection: 1.375rem;
+  --wds-line-height-title-subsection: 1.6;
+  --wds-letter-spacing-title-subsection: 0;
+  --wds-paragraph-spacing-title-subsection: 0.875rem;
+
+  --wds-font-weight-title-body: 600;
+  --wds-font-size-title-body: 1.1875rem;
+  --wds-line-height-title-body: 1.6;
+  --wds-letter-spacing-title-body: 0;
+  --wds-paragraph-spacing-title-body: 0.875rem;
+
+  --wds-font-weight-title-group: 500;
+  --wds-font-size-title-group: 0.9375rem;
+  --wds-line-height-title-group: 1.6;
+  --wds-letter-spacing-title-group: 0;
+  --wds-paragraph-spacing-title-group: 0.875rem;
+
+  --wds-font-weight-body-large-regular: 300;
+  --wds-font-weight-body-large-bold: 600;
+  --wds-font-size-body-large: 1.0625rem;
+  --wds-line-height-body-large: 1.6;
+  --wds-letter-spacing-body-large: 0;
+  --wds-paragraph-spacing-body-large: 0.875rem;
+
+  --wds-font-weight-body-regular: 300;
+  --wds-font-weight-body-bold: 600;
+  --wds-font-size-body: 0.9375rem;
+  --wds-line-height-body: 1.65;
+  --wds-letter-spacing-body: 0;
+  --wds-paragraph-spacing-body: 0.875rem;
+
+  --wds-font-weight-nav-regular: 300;
+  --wds-font-weight-nav-bold: 600;
+  --wds-font-size-nav: 0.8125rem;
+  --wds-line-height-nav: 1.65;
+  --wds-letter-spacing-nav: 0;
+}
+
+:lang(fr),
+:lang(de),
+:lang(es),
+:lang(pt),
+:lang(it),
+:lang(nl),
+:lang(pl),
+:lang(ro),
+:lang(cs),
+:lang(hu),
+:lang(tr),
+:lang(id) {
+  --wds-font-family-display: 'Wise Sans', Inter, Rubik, 'Noto Sans SC', 'Zen Kaku Gothic Antique', 'Noto Sans KR', 'Noto Sans Thai', 'Noto Sans Hebrew', sans-serif;
+  --wds-font-family-display-number: 'Wise Sans', Inter, sans-serif;
+  --wds-font-family-regular: Inter, Vazirmatn, 'Noto Sans SC', 'Zen Kaku Gothic Antique', 'Noto Sans KR', 'Noto Sans Thai', 'Noto Sans Hebrew', Helvetica, Arial, sans-serif;
+
+  --wds-font-weight-display-large: 800;
+  --wds-font-size-display-large: 4rem;
+  --wds-line-height-display-large: 1.05;
+  --wds-letter-spacing-display-large: 0;
+
+  --wds-font-weight-display-medium: 800;
+  --wds-font-size-display-medium: 3.25rem;
+  --wds-line-height-display-medium: 1.05;
+  --wds-letter-spacing-display-medium: 0;
+
+  --wds-font-weight-display-small: 800;
+  --wds-font-size-display-small: 2.5rem;
+  --wds-line-height-display-small: 1.05;
+  --wds-letter-spacing-display-small: 0;
+
+  --wds-font-weight-display-number-small: 600;
+  --wds-font-size-display-number-small: 2.5rem;
+  --wds-line-height-display-number-small: 1.1;
+  --wds-letter-spacing-display-number-small: -0.022em;
+
+  --wds-font-weight-display-number-medium: 800;
+  --wds-font-size-display-number-medium: 3.25rem;
+  --wds-line-height-display-number-medium: 0.8462;
+  --wds-letter-spacing-display-number-medium: 0;
+
+  --wds-font-weight-display-number-large: 800;
+  --wds-font-size-display-number-large: 6.25rem;
+  --wds-line-height-display-number-large: 0.85;
+  --wds-letter-spacing-display-number-large: 0;
+
+  --wds-font-weight-title-screen: 600;
+  --wds-font-size-title-screen: 1.875rem;
+  --wds-line-height-title-screen: 1.15;
+  --wds-letter-spacing-title-screen: -0.021em;
+  --wds-paragraph-spacing-title-screen: 0.5rem;
+
+  --wds-font-weight-title-section: 600;
+  --wds-font-size-title-section: 1.625rem;
+  --wds-line-height-title-section: 1.22;
+  --wds-letter-spacing-title-section: -0.02em;
+  --wds-paragraph-spacing-title-section: 0.5rem;
+
+  --wds-font-weight-title-subsection: 600;
+  --wds-font-size-title-subsection: 1.375rem;
+  --wds-line-height-title-subsection: 1.25;
+  --wds-letter-spacing-title-subsection: -0.018em;
+  --wds-paragraph-spacing-title-subsection: 0.5rem;
+
+  --wds-font-weight-title-body: 600;
+  --wds-font-size-title-body: 1.125rem;
+  --wds-line-height-title-body: 1.35;
+  --wds-letter-spacing-title-body: -0.014em;
+  --wds-paragraph-spacing-title-body: 0.5rem;
+
+  --wds-font-weight-title-group: 500;
+  --wds-font-size-title-group: 0.875rem;
+  --wds-line-height-title-group: 1.4;
+  --wds-letter-spacing-title-group: -0.018em;
+  --wds-paragraph-spacing-title-group: 0.5rem;
+
+  --wds-font-weight-body-large-regular: 400;
+  --wds-font-weight-body-large-bold: 600;
+  --wds-font-size-body-large: 1rem;
+  --wds-line-height-body-large: 1.5;
+  --wds-letter-spacing-body-large: -0.011em;
+  --wds-paragraph-spacing-body-large: 0.5rem;
+
+  --wds-font-weight-body-regular: 400;
+  --wds-font-weight-body-bold: 600;
+  --wds-font-size-body: 0.875rem;
+  --wds-line-height-body: 1.55;
+  --wds-letter-spacing-body: -0.006em;
+  --wds-paragraph-spacing-body: 0.5rem;
+
+  --wds-font-weight-nav-regular: 400;
+  --wds-font-weight-nav-bold: 600;
+  --wds-font-size-nav: 0.75rem;
+  --wds-line-height-nav: 1.5;
+  --wds-letter-spacing-nav: 0;
+}
+
+:lang(el),
+:lang(ru),
+:lang(uk) {
+  --wds-font-family-display: 'Wise Sans', Inter, Rubik, 'Noto Sans SC', 'Zen Kaku Gothic Antique', 'Noto Sans KR', 'Noto Sans Thai', 'Noto Sans Hebrew', sans-serif;
+  --wds-font-family-display-number: 'Wise Sans', Inter, sans-serif;
+  --wds-font-family-regular: Inter, Vazirmatn, 'Noto Sans SC', 'Zen Kaku Gothic Antique', 'Noto Sans KR', 'Noto Sans Thai', 'Noto Sans Hebrew', Helvetica, Arial, sans-serif;
+
+  --wds-font-weight-display-large: 800;
+  --wds-font-size-display-large: 3.75rem;
+  --wds-line-height-display-large: 1.2;
+  --wds-letter-spacing-display-large: 0;
+
+  --wds-font-weight-display-medium: 800;
+  --wds-font-size-display-medium: 3rem;
+  --wds-line-height-display-medium: 1.2;
+  --wds-letter-spacing-display-medium: 0;
+
+  --wds-font-weight-display-small: 800;
+  --wds-font-size-display-small: 2.5rem;
+  --wds-line-height-display-small: 1.2;
+  --wds-letter-spacing-display-small: 0;
+
+  --wds-font-weight-display-number-small: 600;
+  --wds-font-size-display-number-small: 2.5rem;
+  --wds-line-height-display-number-small: 1.1;
+  --wds-letter-spacing-display-number-small: -0.022em;
+
+  --wds-font-weight-display-number-medium: 800;
+  --wds-font-size-display-number-medium: 3.25rem;
+  --wds-line-height-display-number-medium: 0.8462;
+  --wds-letter-spacing-display-number-medium: 0;
+
+  --wds-font-weight-display-number-large: 800;
+  --wds-font-size-display-number-large: 6.25rem;
+  --wds-line-height-display-number-large: 0.85;
+  --wds-letter-spacing-display-number-large: 0;
+
+  --wds-font-weight-title-screen: 600;
+  --wds-font-size-title-screen: 1.875rem;
+  --wds-line-height-title-screen: 1.15;
+  --wds-letter-spacing-title-screen: -0.021em;
+  --wds-paragraph-spacing-title-screen: 0.5rem;
+
+  --wds-font-weight-title-section: 600;
+  --wds-font-size-title-section: 1.625rem;
+  --wds-line-height-title-section: 1.22;
+  --wds-letter-spacing-title-section: -0.02em;
+  --wds-paragraph-spacing-title-section: 0.5rem;
+
+  --wds-font-weight-title-subsection: 600;
+  --wds-font-size-title-subsection: 1.375rem;
+  --wds-line-height-title-subsection: 1.25;
+  --wds-letter-spacing-title-subsection: -0.018em;
+  --wds-paragraph-spacing-title-subsection: 0.5rem;
+
+  --wds-font-weight-title-body: 600;
+  --wds-font-size-title-body: 1.125rem;
+  --wds-line-height-title-body: 1.35;
+  --wds-letter-spacing-title-body: -0.014em;
+  --wds-paragraph-spacing-title-body: 0.5rem;
+
+  --wds-font-weight-title-group: 500;
+  --wds-font-size-title-group: 0.875rem;
+  --wds-line-height-title-group: 1.4;
+  --wds-letter-spacing-title-group: -0.018em;
+  --wds-paragraph-spacing-title-group: 0.5rem;
+
+  --wds-font-weight-body-large-regular: 400;
+  --wds-font-weight-body-large-bold: 600;
+  --wds-font-size-body-large: 1rem;
+  --wds-line-height-body-large: 1.5;
+  --wds-letter-spacing-body-large: -0.011em;
+  --wds-paragraph-spacing-body-large: 0.5rem;
+
+  --wds-font-weight-body-regular: 400;
+  --wds-font-weight-body-bold: 600;
+  --wds-font-size-body: 0.875rem;
+  --wds-line-height-body: 1.55;
+  --wds-letter-spacing-body: -0.006em;
+  --wds-paragraph-spacing-body: 0.5rem;
+
+  --wds-font-weight-nav-regular: 400;
+  --wds-font-weight-nav-bold: 600;
+  --wds-font-size-nav: 0.75rem;
+  --wds-line-height-nav: 1.5;
+  --wds-letter-spacing-nav: 0;
+}
+
+:lang(ja) {
+  --wds-font-family-display: 'Zen Kaku Gothic Antique', 'Wise Sans', Inter, Rubik, 'Noto Sans SC', 'Noto Sans KR', 'Noto Sans Thai', 'Noto Sans Hebrew', sans-serif;
+  --wds-font-family-display-number: 'Wise Sans Numeric', 'Zen Kaku Gothic Antique', sans-serif;
+  --wds-font-family-regular: 'Zen Kaku Gothic Antique', Inter, Vazirmatn, 'Noto Sans SC', 'Noto Sans KR', 'Noto Sans Thai', 'Noto Sans Hebrew', Helvetica, Arial, sans-serif;
+
+  --wds-font-weight-display-large: 900;
+  --wds-font-size-display-large: 3.5rem;
+  --wds-line-height-display-large: 1.2;
+  --wds-letter-spacing-display-large: 0;
+
+  --wds-font-weight-display-medium: 900;
+  --wds-font-size-display-medium: 3rem;
+  --wds-line-height-display-medium: 1.2;
+  --wds-letter-spacing-display-medium: 0;
+
+  --wds-font-weight-display-small: 900;
+  --wds-font-size-display-small: 2.5rem;
+  --wds-line-height-display-small: 1.2;
+  --wds-letter-spacing-display-small: 0;
+
+  --wds-font-weight-display-number-small: 900;
+  --wds-font-size-display-number-small: 2.5rem;
+  --wds-line-height-display-number-small: 1.2;
+  --wds-letter-spacing-display-number-small: 0;
+
+  --wds-font-weight-display-number-medium: 900;
+  --wds-font-size-display-number-medium: 3.25rem;
+  --wds-line-height-display-number-medium: 0.8;
+  --wds-letter-spacing-display-number-medium: 0;
+
+  --wds-font-weight-display-number-large: 900;
+  --wds-font-size-display-number-large: 6.25rem;
+  --wds-line-height-display-number-large: 0.8;
+  --wds-letter-spacing-display-number-large: 0;
+
+  --wds-font-weight-title-screen: 700;
+  --wds-font-size-title-screen: 1.875rem;
+  --wds-line-height-title-screen: 1.1333;
+  --wds-letter-spacing-title-screen: 0;
+  --wds-paragraph-spacing-title-screen: 0.5rem;
+
+  --wds-font-weight-title-section: 700;
+  --wds-font-size-title-section: 1.625rem;
+  --wds-line-height-title-section: 1.2308;
+  --wds-letter-spacing-title-section: 0;
+  --wds-paragraph-spacing-title-section: 0.5rem;
+
+  --wds-font-weight-title-subsection: 700;
+  --wds-font-size-title-subsection: 1.375rem;
+  --wds-line-height-title-subsection: 1.2727;
+  --wds-letter-spacing-title-subsection: 0;
+  --wds-paragraph-spacing-title-subsection: 0.5rem;
+
+  --wds-font-weight-title-body: 700;
+  --wds-font-size-title-body: 1.125rem;
+  --wds-line-height-title-body: 1.3333;
+  --wds-letter-spacing-title-body: 0;
+  --wds-paragraph-spacing-title-body: 0.5rem;
+
+  --wds-font-weight-title-group: 700;
+  --wds-font-size-title-group: 0.875rem;
+  --wds-line-height-title-group: 1.4286;
+  --wds-letter-spacing-title-group: 0;
+  --wds-paragraph-spacing-title-group: 0;
+
+  --wds-font-weight-body-large-regular: 400;
+  --wds-font-weight-body-large-bold: 700;
+  --wds-font-size-body-large: 1rem;
+  --wds-line-height-body-large: 1.5;
+  --wds-letter-spacing-body-large: 0;
+  --wds-paragraph-spacing-body-large: 0.5rem;
+
+  --wds-font-weight-body-regular: 400;
+  --wds-font-weight-body-bold: 700;
+  --wds-font-size-body: 0.875rem;
+  --wds-line-height-body: 1.5714;
+  --wds-letter-spacing-body: 0;
+  --wds-paragraph-spacing-body: 0.5rem;
+
+  --wds-font-weight-nav-regular: 500;
+  --wds-font-weight-nav-bold: 700;
+  --wds-font-size-nav: 0.75rem;
+  --wds-line-height-nav: 1.5;
+  --wds-letter-spacing-nav: 0;
+}
+
+:lang(zh-CN),
+:lang(zh-HK) {
+  --wds-font-family-display: 'Noto Sans SC', 'Wise Sans', Inter, Rubik, 'Zen Kaku Gothic Antique', 'Noto Sans KR', 'Noto Sans Thai', 'Noto Sans Hebrew', sans-serif;
+  --wds-font-family-display-number: 'Wise Sans Numeric', 'Noto Sans SC', sans-serif;
+  --wds-font-family-regular: 'Noto Sans SC', Inter, Vazirmatn, 'Zen Kaku Gothic Antique', 'Noto Sans KR', 'Noto Sans Thai', 'Noto Sans Hebrew', Helvetica, Arial, sans-serif;
+
+  --wds-font-weight-display-large: 700;
+  --wds-font-size-display-large: 3.5rem;
+  --wds-line-height-display-large: 1.2;
+  --wds-letter-spacing-display-large: 0;
+
+  --wds-font-weight-display-medium: 700;
+  --wds-font-size-display-medium: 3rem;
+  --wds-line-height-display-medium: 1.2;
+  --wds-letter-spacing-display-medium: 0;
+
+  --wds-font-weight-display-small: 700;
+  --wds-font-size-display-small: 2.5rem;
+  --wds-line-height-display-small: 1.2;
+  --wds-letter-spacing-display-small: 0;
+
+  --wds-font-weight-display-number-small: 700;
+  --wds-font-size-display-number-small: 2.5rem;
+  --wds-line-height-display-number-small: 1.2;
+  --wds-letter-spacing-display-number-small: 0;
+
+  --wds-font-weight-display-number-medium: 800;
+  --wds-font-size-display-number-medium: 3.25rem;
+  --wds-line-height-display-number-medium: 0.8462;
+  --wds-letter-spacing-display-number-medium: 0;
+
+  --wds-font-weight-display-number-large: 800;
+  --wds-font-size-display-number-large: 6.25rem;
+  --wds-line-height-display-number-large: 0.85;
+  --wds-letter-spacing-display-number-large: 0;
+
+  --wds-font-weight-title-screen: 700;
+  --wds-font-size-title-screen: 1.875rem;
+  --wds-line-height-title-screen: 1.1333;
+  --wds-letter-spacing-title-screen: 0;
+  --wds-paragraph-spacing-title-screen: 0.5rem;
+
+  --wds-font-weight-title-section: 700;
+  --wds-font-size-title-section: 1.625rem;
+  --wds-line-height-title-section: 1.2308;
+  --wds-letter-spacing-title-section: 0;
+  --wds-paragraph-spacing-title-section: 0.5rem;
+
+  --wds-font-weight-title-subsection: 700;
+  --wds-font-size-title-subsection: 1.375rem;
+  --wds-line-height-title-subsection: 1.2727;
+  --wds-letter-spacing-title-subsection: 0;
+  --wds-paragraph-spacing-title-subsection: 0.5rem;
+
+  --wds-font-weight-title-body: 700;
+  --wds-font-size-title-body: 1.125rem;
+  --wds-line-height-title-body: 1.3333;
+  --wds-letter-spacing-title-body: 0;
+  --wds-paragraph-spacing-title-body: 0.5rem;
+
+  --wds-font-weight-title-group: 700;
+  --wds-font-size-title-group: 0.875rem;
+  --wds-line-height-title-group: 1.4286;
+  --wds-letter-spacing-title-group: 0;
+  --wds-paragraph-spacing-title-group: 0;
+
+  --wds-font-weight-body-large-regular: 400;
+  --wds-font-weight-body-large-bold: 700;
+  --wds-font-size-body-large: 1rem;
+  --wds-line-height-body-large: 1.5;
+  --wds-letter-spacing-body-large: 0;
+  --wds-paragraph-spacing-body-large: 0.5rem;
+
+  --wds-font-weight-body-regular: 400;
+  --wds-font-weight-body-bold: 700;
+  --wds-font-size-body: 0.875rem;
+  --wds-line-height-body: 1.5714;
+  --wds-letter-spacing-body: 0;
+  --wds-paragraph-spacing-body: 0.5rem;
+
+  --wds-font-weight-nav-regular: 500;
+  --wds-font-weight-nav-bold: 700;
+  --wds-font-size-nav: 0.75rem;
+  --wds-line-height-nav: 1.5;
+  --wds-letter-spacing-nav: 0;
 }
 
+:lang(th) {
+  --wds-font-family-display: 'Noto Sans Thai', 'Wise Sans', Inter, Rubik, 'Noto Sans SC', 'Zen Kaku Gothic Antique', 'Noto Sans KR', 'Noto Sans Hebrew', sans-serif;
+  --wds-font-family-display-number: 'Wise Sans Numeric', 'Noto Sans Thai', sans-serif;
+  --wds-font-family-regular: 'Noto Sans Thai', Inter, Vazirmatn, 'Noto Sans SC', 'Zen Kaku Gothic Antique', 'Noto Sans KR', 'Noto Sans Hebrew', Helvetica, Arial, sans-serif;
+
+  --wds-font-weight-display-large: 700;
+  --wds-font-size-display-large: 3.5rem;
+  --wds-line-height-display-large: 1.3036;
+  --wds-letter-spacing-display-large: 0;
+
+  --wds-font-weight-display-medium: 700;
+  --wds-font-size-display-medium: 3rem;
+  --wds-line-height-display-medium: 1.2917;
+  --wds-letter-spacing-display-medium: 0;
+
+  --wds-font-weight-display-small: 700;
+  --wds-font-size-display-small: 2.5rem;
+  --wds-line-height-display-small: 1.3;
+  --wds-letter-spacing-display-small: 0;
+
+  --wds-font-weight-display-number-small: 700;
+  --wds-font-size-display-number-small: 2.5rem;
+  --wds-line-height-display-number-small: 1.3;
+  --wds-letter-spacing-display-number-small: 0;
+
+  --wds-font-weight-display-number-medium: 800;
+  --wds-font-size-display-number-medium: 3.25rem;
+  --wds-line-height-display-number-medium: 0.8462;
+  --wds-letter-spacing-display-number-medium: 0;
+
+  --wds-font-weight-display-number-large: 800;
+  --wds-font-size-display-number-large: 6.25rem;
+  --wds-line-height-display-number-large: 0.85;
+  --wds-letter-spacing-display-number-large: 0;
+
+  --wds-font-weight-title-screen: 700;
+  --wds-font-size-title-screen: 1.875rem;
+  --wds-line-height-title-screen: 1.1333;
+  --wds-letter-spacing-title-screen: 0;
+  --wds-paragraph-spacing-title-screen: 0.5rem;
+
+  --wds-font-weight-title-section: 700;
+  --wds-font-size-title-section: 1.625rem;
+  --wds-line-height-title-section: 1.2308;
+  --wds-letter-spacing-title-section: 0;
+  --wds-paragraph-spacing-title-section: 0.5rem;
+
+  --wds-font-weight-title-subsection: 700;
+  --wds-font-size-title-subsection: 1.375rem;
+  --wds-line-height-title-subsection: 1.2727;
+  --wds-letter-spacing-title-subsection: 0;
+  --wds-paragraph-spacing-title-subsection: 0.5rem;
+
+  --wds-font-weight-title-body: 700;
+  --wds-font-size-title-body: 1.125rem;
+  --wds-line-height-title-body: 1.3333;
+  --wds-letter-spacing-title-body: 0;
+  --wds-paragraph-spacing-title-body: 0.5rem;
+
+  --wds-font-weight-title-group: 700;
+  --wds-font-size-title-group: 0.875rem;
+  --wds-line-height-title-group: 1.4286;
+  --wds-letter-spacing-title-group: 0;
+  --wds-paragraph-spacing-title-group: 0;
+
+  --wds-font-weight-body-large-regular: 400;
+  --wds-font-weight-body-large-bold: 700;
+  --wds-font-size-body-large: 1rem;
+  --wds-line-height-body-large: 1.5;
+  --wds-letter-spacing-body-large: 0;
+  --wds-paragraph-spacing-body-large: 0.5rem;
+
+  --wds-font-weight-body-regular: 400;
+  --wds-font-weight-body-bold: 700;
+  --wds-font-size-body: 0.875rem;
+  --wds-line-height-body: 1.5714;
+  --wds-letter-spacing-body: 0;
+  --wds-paragraph-spacing-body: 0.5rem;
+
+  --wds-font-weight-nav-regular: 500;
+  --wds-font-weight-nav-bold: 700;
+  --wds-font-size-nav: 0.75rem;
+  --wds-line-height-nav: 1.5;
+  --wds-letter-spacing-nav: 0;
+}
+
+:lang(ko) {
+  --wds-font-family-display: 'Noto Sans KR', 'Wise Sans', Inter, Rubik, 'Noto Sans SC', 'Zen Kaku Gothic Antique', 'Noto Sans Thai', 'Noto Sans Hebrew', sans-serif;
+  --wds-font-family-display-number: 'Wise Sans Numeric', 'Noto Sans KR', sans-serif;
+  --wds-font-family-regular: 'Noto Sans KR', Inter, Vazirmatn, 'Noto Sans SC', 'Zen Kaku Gothic Antique', 'Noto Sans Thai', 'Noto Sans Hebrew', Helvetica, Arial, sans-serif;
+
+  --wds-font-weight-display-large: 700;
+  --wds-font-size-display-large: 3.5rem;
+  --wds-line-height-display-large: 1.2;
+  --wds-letter-spacing-display-large: 0;
+
+  --wds-font-weight-display-medium: 700;
+  --wds-font-size-display-medium: 3rem;
+  --wds-line-height-display-medium: 1.2;
+  --wds-letter-spacing-display-medium: 0;
+
+  --wds-font-weight-display-small: 700;
+  --wds-font-size-display-small: 2.5rem;
+  --wds-line-height-display-small: 1.2;
+  --wds-letter-spacing-display-small: 0;
+
+  --wds-font-weight-display-number-small: 700;
+  --wds-font-size-display-number-small: 2.5rem;
+  --wds-line-height-display-number-small: 1.2;
+  --wds-letter-spacing-display-number-small: 0;
+
+  --wds-font-weight-display-number-medium: 800;
+  --wds-font-size-display-number-medium: 3.25rem;
+  --wds-line-height-display-number-medium: 0.8462;
+  --wds-letter-spacing-display-number-medium: 0;
+
+  --wds-font-weight-display-number-large: 800;
+  --wds-font-size-display-number-large: 6.25rem;
+  --wds-line-height-display-number-large: 0.85;
+  --wds-letter-spacing-display-number-large: 0;
+
+  --wds-font-weight-title-screen: 700;
+  --wds-font-size-title-screen: 1.875rem;
+  --wds-line-height-title-screen: 1.1333;
+  --wds-letter-spacing-title-screen: 0;
+  --wds-paragraph-spacing-title-screen: 0.5rem;
+
+  --wds-font-weight-title-section: 700;
+  --wds-font-size-title-section: 1.625rem;
+  --wds-line-height-title-section: 1.2308;
+  --wds-letter-spacing-title-section: 0;
+  --wds-paragraph-spacing-title-section: 0.5rem;
+
+  --wds-font-weight-title-subsection: 700;
+  --wds-font-size-title-subsection: 1.375rem;
+  --wds-line-height-title-subsection: 1.2727;
+  --wds-letter-spacing-title-subsection: 0;
+  --wds-paragraph-spacing-title-subsection: 0.5rem;
+
+  --wds-font-weight-title-body: 700;
+  --wds-font-size-title-body: 1.125rem;
+  --wds-line-height-title-body: 1.3333;
+  --wds-letter-spacing-title-body: 0;
+  --wds-paragraph-spacing-title-body: 0.5rem;
+
+  --wds-font-weight-title-group: 700;
+  --wds-font-size-title-group: 0.875rem;
+  --wds-line-height-title-group: 1.4286;
+  --wds-letter-spacing-title-group: 0;
+  --wds-paragraph-spacing-title-group: 0;
+
+  --wds-font-weight-body-large-regular: 400;
+  --wds-font-weight-body-large-bold: 700;
+  --wds-font-size-body-large: 1rem;
+  --wds-line-height-body-large: 1.5;
+  --wds-letter-spacing-body-large: 0;
+  --wds-paragraph-spacing-body-large: 0.5rem;
+
+  --wds-font-weight-body-regular: 400;
+  --wds-font-weight-body-bold: 700;
+  --wds-font-size-body: 0.875rem;
+  --wds-line-height-body: 1.5714;
+  --wds-letter-spacing-body: 0;
+  --wds-paragraph-spacing-body: 0.5rem;
+
+  --wds-font-weight-nav-regular: 500;
+  --wds-font-weight-nav-bold: 700;
+  --wds-font-size-nav: 0.75rem;
+  --wds-line-height-nav: 1.5;
+  --wds-letter-spacing-nav: 0;
+}
+
+:lang(he) {
+  --wds-font-family-display: 'Noto Sans Hebrew', 'Wise Sans', Inter, Rubik, 'Noto Sans SC', 'Zen Kaku Gothic Antique', 'Noto Sans KR', 'Noto Sans Thai', sans-serif;
+  --wds-font-family-display-number: 'Wise Sans Numeric', 'Noto Sans Hebrew', sans-serif;
+  --wds-font-family-regular: 'Noto Sans Hebrew', Inter, Vazirmatn, 'Noto Sans SC', 'Zen Kaku Gothic Antique', 'Noto Sans KR', 'Noto Sans Thai', Helvetica, Arial, sans-serif;
+
+  --wds-font-weight-display-large: 700;
+  --wds-font-size-display-large: 4rem;
+  --wds-line-height-display-large: 1.2031;
+  --wds-letter-spacing-display-large: 0;
+
+  --wds-font-weight-display-medium: 700;
+  --wds-font-size-display-medium: 3.25rem;
+  --wds-line-height-display-medium: 1.1923;
+  --wds-letter-spacing-display-medium: 0;
+
+  --wds-font-weight-display-small: 700;
+  --wds-font-size-display-small: 2.5rem;
+  --wds-line-height-display-small: 1.2;
+  --wds-letter-spacing-display-small: 0;
+
+  --wds-font-weight-display-number-small: 700;
+  --wds-font-size-display-number-small: 2.5rem;
+  --wds-line-height-display-number-small: 1.2;
+  --wds-letter-spacing-display-number-small: 0;
+
+  --wds-font-weight-display-number-medium: 800;
+  --wds-font-size-display-number-medium: 3.25rem;
+  --wds-line-height-display-number-medium: 0.8462;
+  --wds-letter-spacing-display-number-medium: 0;
+
+  --wds-font-weight-display-number-large: 800;
+  --wds-font-size-display-number-large: 6.25rem;
+  --wds-line-height-display-number-large: 0.85;
+  --wds-letter-spacing-display-number-large: 0;
+
+  --wds-font-weight-title-screen: 700;
+  --wds-font-size-title-screen: 1.875rem;
+  --wds-line-height-title-screen: 1.2;
+  --wds-letter-spacing-title-screen: 0;
+  --wds-paragraph-spacing-title-screen: 0.5rem;
+
+  --wds-font-weight-title-section: 700;
+  --wds-font-size-title-section: 1.625rem;
+  --wds-line-height-title-section: 1.2308;
+  --wds-letter-spacing-title-section: 0;
+  --wds-paragraph-spacing-title-section: 0.5rem;
+
+  --wds-font-weight-title-subsection: 700;
+  --wds-font-size-title-subsection: 1.375rem;
+  --wds-line-height-title-subsection: 1.2727;
+  --wds-letter-spacing-title-subsection: 0;
+  --wds-paragraph-spacing-title-subsection: 0.5rem;
+
+  --wds-font-weight-title-body: 700;
+  --wds-font-size-title-body: 1.125rem;
+  --wds-line-height-title-body: 1.3333;
+  --wds-letter-spacing-title-body: 0;
+  --wds-paragraph-spacing-title-body: 0.5rem;
+
+  --wds-font-weight-title-group: 700;
+  --wds-font-size-title-group: 0.875rem;
+  --wds-line-height-title-group: 1.4286;
+  --wds-letter-spacing-title-group: 0;
+  --wds-paragraph-spacing-title-group: 0;
+
+  --wds-font-weight-body-large-regular: 400;
+  --wds-font-weight-body-large-bold: 700;
+  --wds-font-size-body-large: 1rem;
+  --wds-line-height-body-large: 1.5;
+  --wds-letter-spacing-body-large: 0;
+  --wds-paragraph-spacing-body-large: 0.5rem;
+
+  --wds-font-weight-body-regular: 400;
+  --wds-font-weight-body-bold: 700;
+  --wds-font-size-body: 0.875rem;
+  --wds-line-height-body: 1.5714;
+  --wds-letter-spacing-body: 0;
+  --wds-paragraph-spacing-body: 0.5rem;
+
+  --wds-font-weight-nav-regular: 500;
+  --wds-font-weight-nav-bold: 700;
+  --wds-font-size-nav: 0.75rem;
+  --wds-line-height-nav: 1.5;
+  --wds-letter-spacing-nav: 0;
+}
+
+
 /* DEPRECATED, use neptune-tokens instead: https://transferwise.github.io/neptune-web/styles/tokens/Colors */
 :root {
   --color-primary: #37517e;