From 22af0ae516c1d8dc8a8f3b23804ee3ea9efe86b0 Mon Sep 17 00:00:00 2001 From: James Mockett <1166188+jamesmockett@users.noreply.github.com> Date: Mon, 4 Mar 2024 17:13:52 +0000 Subject: [PATCH] Relocate presets under typography key --- libs/@guardian/design-tokens/src/tokens.json | 1748 +++++------ libs/@guardian/design-tokens/tokens.d.ts | 2730 +++++++++--------- libs/@guardian/design-tokens/tokens.js | 2724 ++++++++--------- libs/@guardian/design-tokens/variables.css | 1340 ++++----- 4 files changed, 4289 insertions(+), 4253 deletions(-) diff --git a/libs/@guardian/design-tokens/src/tokens.json b/libs/@guardian/design-tokens/src/tokens.json index 82c9dd8cc..c1bcf1e2d 100644 --- a/libs/@guardian/design-tokens/src/tokens.json +++ b/libs/@guardian/design-tokens/src/tokens.json @@ -727,881 +727,881 @@ "fontWeight": "{typography.fontWeight.bold}" } } - } - }, - "presets": { - "$type": "typography", - "headlineBold14": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.14}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } - }, - "headlineBold17": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.17}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } - }, - "headlineBold20": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.20}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } - }, - "headlineBold24": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.24}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } - }, - "headlineBold28": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.28}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } - }, - "headlineBold34": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.34}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } - }, - "headlineBold42": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.42}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } - }, - "headlineBold50": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.50}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } - }, - "headlineBold70": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.70}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } - }, - "headlineLight14": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.14}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.light}", - "fontStyle": "normal" - } - }, - "headlineLight17": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.17}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.light}", - "fontStyle": "normal" - } - }, - "headlineLight20": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.20}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.light}", - "fontStyle": "normal" - } - }, - "headlineLight24": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.24}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.light}", - "fontStyle": "normal" - } - }, - "headlineLight28": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.28}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.light}", - "fontStyle": "normal" - } - }, - "headlineLight34": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.34}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.light}", - "fontStyle": "normal" - } - }, - "headlineLight42": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.42}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.light}", - "fontStyle": "normal" - } - }, - "headlineLight50": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.50}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.light}", - "fontStyle": "normal" - } - }, - "headlineLight70": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.70}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.light}", - "fontStyle": "normal" - } - }, - "headlineLightItalic14": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.14}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.light}", - "fontStyle": "italic" - } - }, - "headlineLightItalic17": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.17}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.light}", - "fontStyle": "italic" - } - }, - "headlineLightItalic20": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.20}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.light}", - "fontStyle": "italic" - } - }, - "headlineLightItalic24": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.24}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.light}", - "fontStyle": "italic" - } - }, - "headlineLightItalic28": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.28}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.light}", - "fontStyle": "italic" - } - }, - "headlineLightItalic34": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.34}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.light}", - "fontStyle": "italic" - } - }, - "headlineLightItalic42": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.42}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.light}", - "fontStyle": "italic" - } - }, - "headlineLightItalic50": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.50}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.light}", - "fontStyle": "italic" - } - }, - "headlineLightItalic70": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.70}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.light}", - "fontStyle": "italic" - } - }, - "headlineMedium14": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.14}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.medium}", - "fontStyle": "normal" - } - }, - "headlineMedium17": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.17}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.medium}", - "fontStyle": "normal" - } - }, - "headlineMedium20": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.20}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.medium}", - "fontStyle": "normal" - } - }, - "headlineMedium24": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.24}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.medium}", - "fontStyle": "normal" - } - }, - "headlineMedium28": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.28}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.medium}", - "fontStyle": "normal" - } - }, - "headlineMedium34": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.34}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.medium}", - "fontStyle": "normal" - } - }, - "headlineMedium42": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.42}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.medium}", - "fontStyle": "normal" - } - }, - "headlineMedium50": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.50}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.medium}", - "fontStyle": "normal" - } - }, - "headlineMedium70": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.70}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.medium}", - "fontStyle": "normal" - } - }, - "headlineMediumItalic14": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.14}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.medium}", - "fontStyle": "italic" - } - }, - "headlineMediumItalic17": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.17}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.medium}", - "fontStyle": "italic" - } - }, - "headlineMediumItalic20": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.20}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.medium}", - "fontStyle": "italic" - } - }, - "headlineMediumItalic24": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.24}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.medium}", - "fontStyle": "italic" - } - }, - "headlineMediumItalic28": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.28}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.medium}", - "fontStyle": "italic" - } - }, - "headlineMediumItalic34": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.34}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.medium}", - "fontStyle": "italic" - } - }, - "headlineMediumItalic42": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.42}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.medium}", - "fontStyle": "italic" - } - }, - "headlineMediumItalic50": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.50}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.medium}", - "fontStyle": "italic" - } - }, - "headlineMediumItalic70": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.70}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "italic" - } - }, - "kicker14": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.14}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } - }, - "kicker17": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.17}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } - }, - "kicker20": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.20}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } - }, - "kicker24": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.24}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } - }, - "kicker34": { - "$value": { - "fontFamily": "{typography.fontFamily.headline}", - "fontSize": "{typography.fontSize.34}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } - }, - "article15": { - "$value": { - "fontFamily": "{typography.fontFamily.body}", - "fontSize": "{typography.fontSize.15}", - "lineHeight": "{typography.lineHeight.loose}", - "fontWeight": "{typography.fontWeight.regular}", - "fontStyle": "normal" - } - }, - "article17": { - "$value": { - "fontFamily": "{typography.fontFamily.body}", - "fontSize": "{typography.fontSize.17}", - "lineHeight": "{typography.lineHeight.loose}", - "fontWeight": "{typography.fontWeight.regular}", - "fontStyle": "normal" - } - }, - "articleBold15": { - "$value": { - "fontFamily": "{typography.fontFamily.body}", - "fontSize": "{typography.fontSize.15}", - "lineHeight": "{typography.lineHeight.loose}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } - }, - "articleBold17": { - "$value": { - "fontFamily": "{typography.fontFamily.body}", - "fontSize": "{typography.fontSize.17}", - "lineHeight": "{typography.lineHeight.loose}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } - }, - "articleBoldItalic15": { - "$value": { - "fontFamily": "{typography.fontFamily.body}", - "fontSize": "{typography.fontSize.15}", - "lineHeight": "{typography.lineHeight.loose}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "italic" - } - }, - "articleBoldItalic17": { - "$value": { - "fontFamily": "{typography.fontFamily.body}", - "fontSize": "{typography.fontSize.17}", - "lineHeight": "{typography.lineHeight.loose}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "italic" - } - }, - "articleItalic15": { - "$value": { - "fontFamily": "{typography.fontFamily.body}", - "fontSize": "{typography.fontSize.15}", - "lineHeight": "{typography.lineHeight.loose}", - "fontWeight": "{typography.fontWeight.regular}", - "fontStyle": "italic" - } - }, - "articleItalic17": { - "$value": { - "fontFamily": "{typography.fontFamily.body}", - "fontSize": "{typography.fontSize.17}", - "lineHeight": "{typography.lineHeight.loose}", - "fontWeight": "{typography.fontWeight.regular}", - "fontStyle": "italic" - } - }, - "textEgyptian14": { - "$value": { - "fontFamily": "{typography.fontFamily.body}", - "fontSize": "{typography.fontSize.14}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.regular}", - "fontStyle": "normal" - } - }, - "textEgyptian15": { - "$value": { - "fontFamily": "{typography.fontFamily.body}", - "fontSize": "{typography.fontSize.15}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.regular}", - "fontStyle": "normal" - } - }, - "textEgyptian17": { - "$value": { - "fontFamily": "{typography.fontFamily.body}", - "fontSize": "{typography.fontSize.17}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.regular}", - "fontStyle": "normal" - } - }, - "textEgyptianBold14": { - "$value": { - "fontFamily": "{typography.fontFamily.body}", - "fontSize": "{typography.fontSize.14}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } - }, - "textEgyptianBold15": { - "$value": { - "fontFamily": "{typography.fontFamily.body}", - "fontSize": "{typography.fontSize.15}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } - }, - "textEgyptianBold17": { - "$value": { - "fontFamily": "{typography.fontFamily.body}", - "fontSize": "{typography.fontSize.17}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } - }, - "textEgyptianBoldItalic14": { - "$value": { - "fontFamily": "{typography.fontFamily.body}", - "fontSize": "{typography.fontSize.14}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "italic" - } - }, - "textEgyptianBoldItalic15": { - "$value": { - "fontFamily": "{typography.fontFamily.body}", - "fontSize": "{typography.fontSize.15}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "italic" - } - }, - "textEgyptianBoldItalic17": { - "$value": { - "fontFamily": "{typography.fontFamily.body}", - "fontSize": "{typography.fontSize.17}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "italic" - } - }, - "textEgyptianItalic14": { - "$value": { - "fontFamily": "{typography.fontFamily.body}", - "fontSize": "{typography.fontSize.14}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.regular}", - "fontStyle": "italic" - } - }, - "textEgyptianItalic15": { - "$value": { - "fontFamily": "{typography.fontFamily.body}", - "fontSize": "{typography.fontSize.15}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.regular}", - "fontStyle": "italic" - } - }, - "textEgyptianItalic17": { - "$value": { - "fontFamily": "{typography.fontFamily.body}", - "fontSize": "{typography.fontSize.17}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.regular}", - "fontStyle": "italic" - } - }, - "textSans12": { - "$value": { - "fontFamily": "{typography.fontFamily.textSans}", - "fontSize": "{typography.fontSize.12}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.regular}", - "fontStyle": "normal" - } - }, - "textSans14": { - "$value": { - "fontFamily": "{typography.fontFamily.textSans}", - "fontSize": "{typography.fontSize.12}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.regular}", - "fontStyle": "normal" - } - }, - "textSans15": { - "$value": { - "fontFamily": "{typography.fontFamily.textSans}", - "fontSize": "{typography.fontSize.12}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.regular}", - "fontStyle": "normal" - } - }, - "textSans17": { - "$value": { - "fontFamily": "{typography.fontFamily.textSans}", - "fontSize": "{typography.fontSize.12}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.regular}", - "fontStyle": "normal" - } - }, - "textSans20": { - "$value": { - "fontFamily": "{typography.fontFamily.textSans}", - "fontSize": "{typography.fontSize.12}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.regular}", - "fontStyle": "normal" - } - }, - "textSans24": { - "$value": { - "fontFamily": "{typography.fontFamily.textSans}", - "fontSize": "{typography.fontSize.12}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.regular}", - "fontStyle": "normal" - } - }, - "textSans28": { - "$value": { - "fontFamily": "{typography.fontFamily.textSans}", - "fontSize": "{typography.fontSize.12}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.regular}", - "fontStyle": "normal" - } - }, - "textSans34": { - "$value": { - "fontFamily": "{typography.fontFamily.textSans}", - "fontSize": "{typography.fontSize.12}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.regular}", - "fontStyle": "normal" - } - }, - "textSansBold12": { - "$value": { - "fontFamily": "{typography.fontFamily.textSans}", - "fontSize": "{typography.fontSize.12}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } - }, - "textSansBold14": { - "$value": { - "fontFamily": "{typography.fontFamily.textSans}", - "fontSize": "{typography.fontSize.12}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } - }, - "textSansBold15": { - "$value": { - "fontFamily": "{typography.fontFamily.textSans}", - "fontSize": "{typography.fontSize.12}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } - }, - "textSansBold17": { - "$value": { - "fontFamily": "{typography.fontFamily.textSans}", - "fontSize": "{typography.fontSize.12}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } - }, - "textSansBold20": { - "$value": { - "fontFamily": "{typography.fontFamily.textSans}", - "fontSize": "{typography.fontSize.12}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } - }, - "textSansBold24": { - "$value": { - "fontFamily": "{typography.fontFamily.textSans}", - "fontSize": "{typography.fontSize.12}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } - }, - "textSansBold28": { - "$value": { - "fontFamily": "{typography.fontFamily.textSans}", - "fontSize": "{typography.fontSize.12}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } - }, - "textSansBold34": { - "$value": { - "fontFamily": "{typography.fontFamily.textSans}", - "fontSize": "{typography.fontSize.12}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } - }, - "textSansItalic12": { - "$value": { - "fontFamily": "{typography.fontFamily.textSans}", - "fontSize": "{typography.fontSize.12}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.regular}", - "fontStyle": "italic" - } - }, - "textSansItalic14": { - "$value": { - "fontFamily": "{typography.fontFamily.textSans}", - "fontSize": "{typography.fontSize.12}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.regular}", - "fontStyle": "Italic" - } - }, - "textSansItalic15": { - "$value": { - "fontFamily": "{typography.fontFamily.textSans}", - "fontSize": "{typography.fontSize.12}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.regular}", - "fontStyle": "italic" - } - }, - "textSansItalic17": { - "$value": { - "fontFamily": "{typography.fontFamily.textSans}", - "fontSize": "{typography.fontSize.12}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.regular}", - "fontStyle": "italic" - } - }, - "textSansItalic20": { - "$value": { - "fontFamily": "{typography.fontFamily.textSans}", - "fontSize": "{typography.fontSize.12}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.regular}", - "fontStyle": "italic" - } - }, - "textSansItalic24": { - "$value": { - "fontFamily": "{typography.fontFamily.textSans}", - "fontSize": "{typography.fontSize.12}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.regular}", - "fontStyle": "italic" - } - }, - "textSansItalic28": { - "$value": { - "fontFamily": "{typography.fontFamily.textSans}", - "fontSize": "{typography.fontSize.12}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.regular}", - "fontStyle": "italic" - } - }, - "textSansItalic34": { - "$value": { - "fontFamily": "{typography.fontFamily.textSans}", - "fontSize": "{typography.fontSize.12}", - "lineHeight": "{typography.lineHeight.regular}", - "fontWeight": "{typography.fontWeight.regular}", - "fontStyle": "italic" - } - }, - "titlepiece42": { - "$value": { - "fontFamily": "{typography.fontFamily.titlepiece}", - "fontSize": "{typography.fontSize.42}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } - }, - "titlepiece50": { - "$value": { - "fontFamily": "{typography.fontFamily.titlepiece}", - "fontSize": "{typography.fontSize.50}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" - } }, - "titlepiece70": { - "$value": { - "fontFamily": "{typography.fontFamily.titlepiece}", - "fontSize": "{typography.fontSize.70}", - "lineHeight": "{typography.lineHeight.tight}", - "fontWeight": "{typography.fontWeight.bold}", - "fontStyle": "normal" + "presets": { + "$type": "typography", + "headlineBold14": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.14}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "headlineBold17": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.17}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "headlineBold20": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.20}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "headlineBold24": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.24}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "headlineBold28": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.28}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "headlineBold34": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.34}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "headlineBold42": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.42}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "headlineBold50": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.50}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "headlineBold70": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.70}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "headlineLight14": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.14}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.light}", + "fontStyle": "normal" + } + }, + "headlineLight17": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.17}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.light}", + "fontStyle": "normal" + } + }, + "headlineLight20": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.20}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.light}", + "fontStyle": "normal" + } + }, + "headlineLight24": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.24}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.light}", + "fontStyle": "normal" + } + }, + "headlineLight28": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.28}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.light}", + "fontStyle": "normal" + } + }, + "headlineLight34": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.34}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.light}", + "fontStyle": "normal" + } + }, + "headlineLight42": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.42}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.light}", + "fontStyle": "normal" + } + }, + "headlineLight50": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.50}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.light}", + "fontStyle": "normal" + } + }, + "headlineLight70": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.70}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.light}", + "fontStyle": "normal" + } + }, + "headlineLightItalic14": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.14}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.light}", + "fontStyle": "italic" + } + }, + "headlineLightItalic17": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.17}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.light}", + "fontStyle": "italic" + } + }, + "headlineLightItalic20": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.20}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.light}", + "fontStyle": "italic" + } + }, + "headlineLightItalic24": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.24}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.light}", + "fontStyle": "italic" + } + }, + "headlineLightItalic28": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.28}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.light}", + "fontStyle": "italic" + } + }, + "headlineLightItalic34": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.34}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.light}", + "fontStyle": "italic" + } + }, + "headlineLightItalic42": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.42}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.light}", + "fontStyle": "italic" + } + }, + "headlineLightItalic50": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.50}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.light}", + "fontStyle": "italic" + } + }, + "headlineLightItalic70": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.70}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.light}", + "fontStyle": "italic" + } + }, + "headlineMedium14": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.14}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.medium}", + "fontStyle": "normal" + } + }, + "headlineMedium17": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.17}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.medium}", + "fontStyle": "normal" + } + }, + "headlineMedium20": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.20}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.medium}", + "fontStyle": "normal" + } + }, + "headlineMedium24": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.24}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.medium}", + "fontStyle": "normal" + } + }, + "headlineMedium28": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.28}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.medium}", + "fontStyle": "normal" + } + }, + "headlineMedium34": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.34}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.medium}", + "fontStyle": "normal" + } + }, + "headlineMedium42": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.42}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.medium}", + "fontStyle": "normal" + } + }, + "headlineMedium50": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.50}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.medium}", + "fontStyle": "normal" + } + }, + "headlineMedium70": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.70}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.medium}", + "fontStyle": "normal" + } + }, + "headlineMediumItalic14": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.14}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.medium}", + "fontStyle": "italic" + } + }, + "headlineMediumItalic17": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.17}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.medium}", + "fontStyle": "italic" + } + }, + "headlineMediumItalic20": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.20}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.medium}", + "fontStyle": "italic" + } + }, + "headlineMediumItalic24": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.24}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.medium}", + "fontStyle": "italic" + } + }, + "headlineMediumItalic28": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.28}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.medium}", + "fontStyle": "italic" + } + }, + "headlineMediumItalic34": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.34}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.medium}", + "fontStyle": "italic" + } + }, + "headlineMediumItalic42": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.42}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.medium}", + "fontStyle": "italic" + } + }, + "headlineMediumItalic50": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.50}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.medium}", + "fontStyle": "italic" + } + }, + "headlineMediumItalic70": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.70}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "italic" + } + }, + "kicker14": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.14}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "kicker17": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.17}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "kicker20": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.20}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "kicker24": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.24}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "kicker34": { + "$value": { + "fontFamily": "{typography.fontFamily.headline}", + "fontSize": "{typography.fontSize.34}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "article15": { + "$value": { + "fontFamily": "{typography.fontFamily.body}", + "fontSize": "{typography.fontSize.15}", + "lineHeight": "{typography.lineHeight.loose}", + "fontWeight": "{typography.fontWeight.regular}", + "fontStyle": "normal" + } + }, + "article17": { + "$value": { + "fontFamily": "{typography.fontFamily.body}", + "fontSize": "{typography.fontSize.17}", + "lineHeight": "{typography.lineHeight.loose}", + "fontWeight": "{typography.fontWeight.regular}", + "fontStyle": "normal" + } + }, + "articleBold15": { + "$value": { + "fontFamily": "{typography.fontFamily.body}", + "fontSize": "{typography.fontSize.15}", + "lineHeight": "{typography.lineHeight.loose}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "articleBold17": { + "$value": { + "fontFamily": "{typography.fontFamily.body}", + "fontSize": "{typography.fontSize.17}", + "lineHeight": "{typography.lineHeight.loose}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "articleBoldItalic15": { + "$value": { + "fontFamily": "{typography.fontFamily.body}", + "fontSize": "{typography.fontSize.15}", + "lineHeight": "{typography.lineHeight.loose}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "italic" + } + }, + "articleBoldItalic17": { + "$value": { + "fontFamily": "{typography.fontFamily.body}", + "fontSize": "{typography.fontSize.17}", + "lineHeight": "{typography.lineHeight.loose}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "italic" + } + }, + "articleItalic15": { + "$value": { + "fontFamily": "{typography.fontFamily.body}", + "fontSize": "{typography.fontSize.15}", + "lineHeight": "{typography.lineHeight.loose}", + "fontWeight": "{typography.fontWeight.regular}", + "fontStyle": "italic" + } + }, + "articleItalic17": { + "$value": { + "fontFamily": "{typography.fontFamily.body}", + "fontSize": "{typography.fontSize.17}", + "lineHeight": "{typography.lineHeight.loose}", + "fontWeight": "{typography.fontWeight.regular}", + "fontStyle": "italic" + } + }, + "textEgyptian14": { + "$value": { + "fontFamily": "{typography.fontFamily.body}", + "fontSize": "{typography.fontSize.14}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.regular}", + "fontStyle": "normal" + } + }, + "textEgyptian15": { + "$value": { + "fontFamily": "{typography.fontFamily.body}", + "fontSize": "{typography.fontSize.15}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.regular}", + "fontStyle": "normal" + } + }, + "textEgyptian17": { + "$value": { + "fontFamily": "{typography.fontFamily.body}", + "fontSize": "{typography.fontSize.17}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.regular}", + "fontStyle": "normal" + } + }, + "textEgyptianBold14": { + "$value": { + "fontFamily": "{typography.fontFamily.body}", + "fontSize": "{typography.fontSize.14}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "textEgyptianBold15": { + "$value": { + "fontFamily": "{typography.fontFamily.body}", + "fontSize": "{typography.fontSize.15}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "textEgyptianBold17": { + "$value": { + "fontFamily": "{typography.fontFamily.body}", + "fontSize": "{typography.fontSize.17}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "textEgyptianBoldItalic14": { + "$value": { + "fontFamily": "{typography.fontFamily.body}", + "fontSize": "{typography.fontSize.14}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "italic" + } + }, + "textEgyptianBoldItalic15": { + "$value": { + "fontFamily": "{typography.fontFamily.body}", + "fontSize": "{typography.fontSize.15}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "italic" + } + }, + "textEgyptianBoldItalic17": { + "$value": { + "fontFamily": "{typography.fontFamily.body}", + "fontSize": "{typography.fontSize.17}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "italic" + } + }, + "textEgyptianItalic14": { + "$value": { + "fontFamily": "{typography.fontFamily.body}", + "fontSize": "{typography.fontSize.14}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.regular}", + "fontStyle": "italic" + } + }, + "textEgyptianItalic15": { + "$value": { + "fontFamily": "{typography.fontFamily.body}", + "fontSize": "{typography.fontSize.15}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.regular}", + "fontStyle": "italic" + } + }, + "textEgyptianItalic17": { + "$value": { + "fontFamily": "{typography.fontFamily.body}", + "fontSize": "{typography.fontSize.17}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.regular}", + "fontStyle": "italic" + } + }, + "textSans12": { + "$value": { + "fontFamily": "{typography.fontFamily.textSans}", + "fontSize": "{typography.fontSize.12}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.regular}", + "fontStyle": "normal" + } + }, + "textSans14": { + "$value": { + "fontFamily": "{typography.fontFamily.textSans}", + "fontSize": "{typography.fontSize.12}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.regular}", + "fontStyle": "normal" + } + }, + "textSans15": { + "$value": { + "fontFamily": "{typography.fontFamily.textSans}", + "fontSize": "{typography.fontSize.12}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.regular}", + "fontStyle": "normal" + } + }, + "textSans17": { + "$value": { + "fontFamily": "{typography.fontFamily.textSans}", + "fontSize": "{typography.fontSize.12}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.regular}", + "fontStyle": "normal" + } + }, + "textSans20": { + "$value": { + "fontFamily": "{typography.fontFamily.textSans}", + "fontSize": "{typography.fontSize.12}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.regular}", + "fontStyle": "normal" + } + }, + "textSans24": { + "$value": { + "fontFamily": "{typography.fontFamily.textSans}", + "fontSize": "{typography.fontSize.12}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.regular}", + "fontStyle": "normal" + } + }, + "textSans28": { + "$value": { + "fontFamily": "{typography.fontFamily.textSans}", + "fontSize": "{typography.fontSize.12}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.regular}", + "fontStyle": "normal" + } + }, + "textSans34": { + "$value": { + "fontFamily": "{typography.fontFamily.textSans}", + "fontSize": "{typography.fontSize.12}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.regular}", + "fontStyle": "normal" + } + }, + "textSansBold12": { + "$value": { + "fontFamily": "{typography.fontFamily.textSans}", + "fontSize": "{typography.fontSize.12}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "textSansBold14": { + "$value": { + "fontFamily": "{typography.fontFamily.textSans}", + "fontSize": "{typography.fontSize.12}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "textSansBold15": { + "$value": { + "fontFamily": "{typography.fontFamily.textSans}", + "fontSize": "{typography.fontSize.12}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "textSansBold17": { + "$value": { + "fontFamily": "{typography.fontFamily.textSans}", + "fontSize": "{typography.fontSize.12}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "textSansBold20": { + "$value": { + "fontFamily": "{typography.fontFamily.textSans}", + "fontSize": "{typography.fontSize.12}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "textSansBold24": { + "$value": { + "fontFamily": "{typography.fontFamily.textSans}", + "fontSize": "{typography.fontSize.12}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "textSansBold28": { + "$value": { + "fontFamily": "{typography.fontFamily.textSans}", + "fontSize": "{typography.fontSize.12}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "textSansBold34": { + "$value": { + "fontFamily": "{typography.fontFamily.textSans}", + "fontSize": "{typography.fontSize.12}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "textSansItalic12": { + "$value": { + "fontFamily": "{typography.fontFamily.textSans}", + "fontSize": "{typography.fontSize.12}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.regular}", + "fontStyle": "italic" + } + }, + "textSansItalic14": { + "$value": { + "fontFamily": "{typography.fontFamily.textSans}", + "fontSize": "{typography.fontSize.12}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.regular}", + "fontStyle": "Italic" + } + }, + "textSansItalic15": { + "$value": { + "fontFamily": "{typography.fontFamily.textSans}", + "fontSize": "{typography.fontSize.12}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.regular}", + "fontStyle": "italic" + } + }, + "textSansItalic17": { + "$value": { + "fontFamily": "{typography.fontFamily.textSans}", + "fontSize": "{typography.fontSize.12}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.regular}", + "fontStyle": "italic" + } + }, + "textSansItalic20": { + "$value": { + "fontFamily": "{typography.fontFamily.textSans}", + "fontSize": "{typography.fontSize.12}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.regular}", + "fontStyle": "italic" + } + }, + "textSansItalic24": { + "$value": { + "fontFamily": "{typography.fontFamily.textSans}", + "fontSize": "{typography.fontSize.12}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.regular}", + "fontStyle": "italic" + } + }, + "textSansItalic28": { + "$value": { + "fontFamily": "{typography.fontFamily.textSans}", + "fontSize": "{typography.fontSize.12}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.regular}", + "fontStyle": "italic" + } + }, + "textSansItalic34": { + "$value": { + "fontFamily": "{typography.fontFamily.textSans}", + "fontSize": "{typography.fontSize.12}", + "lineHeight": "{typography.lineHeight.regular}", + "fontWeight": "{typography.fontWeight.regular}", + "fontStyle": "italic" + } + }, + "titlepiece42": { + "$value": { + "fontFamily": "{typography.fontFamily.titlepiece}", + "fontSize": "{typography.fontSize.42}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "titlepiece50": { + "$value": { + "fontFamily": "{typography.fontFamily.titlepiece}", + "fontSize": "{typography.fontSize.50}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } + }, + "titlepiece70": { + "$value": { + "fontFamily": "{typography.fontFamily.titlepiece}", + "fontSize": "{typography.fontSize.70}", + "lineHeight": "{typography.lineHeight.tight}", + "fontWeight": "{typography.fontWeight.bold}", + "fontStyle": "normal" + } } } } diff --git a/libs/@guardian/design-tokens/tokens.d.ts b/libs/@guardian/design-tokens/tokens.d.ts index 1f479695d..ca50c4813 100644 --- a/libs/@guardian/design-tokens/tokens.d.ts +++ b/libs/@guardian/design-tokens/tokens.d.ts @@ -141,1435 +141,1435 @@ export declare const tokens: { readonly '500': '#58D08B'; }; }; - readonly presets: { - readonly article15: { - readonly fontFamily: readonly [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '15px'; - readonly lineHeight: 1.4; - readonly fontWeight: 400; - readonly fontStyle: 'normal'; - }; - readonly article17: { - readonly fontFamily: readonly [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '17px'; - readonly lineHeight: 1.4; - readonly fontWeight: 400; - readonly fontStyle: 'normal'; - }; - readonly articleBold15: { - readonly fontFamily: readonly [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '15px'; - readonly lineHeight: 1.4; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; - }; - readonly articleBold17: { - readonly fontFamily: readonly [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '17px'; - readonly lineHeight: 1.4; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; - }; - readonly articleBoldItalic15: { - readonly fontFamily: readonly [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '15px'; - readonly lineHeight: 1.4; - readonly fontWeight: 700; - readonly fontStyle: 'italic'; - }; - readonly articleBoldItalic17: { - readonly fontFamily: readonly [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '17px'; - readonly lineHeight: 1.4; - readonly fontWeight: 700; - readonly fontStyle: 'italic'; + readonly size: { + readonly icon: { + readonly medium: '30px'; + readonly small: '26px'; + readonly xSmall: '20px'; }; - readonly articleItalic15: { - readonly fontFamily: readonly [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '15px'; - readonly lineHeight: 1.4; - readonly fontWeight: 400; - readonly fontStyle: 'italic'; + readonly medium: '44px'; + readonly small: '36px'; + readonly xSmall: '24px'; + }; + readonly space: { + readonly '0': '2px'; + readonly '1': '4px'; + readonly '2': '8px'; + readonly '3': '12px'; + readonly '4': '16px'; + readonly '5': '20px'; + readonly '6': '24px'; + readonly '8': '32px'; + readonly '9': '36px'; + readonly '10': '40px'; + readonly '12': '48px'; + readonly '14': '56px'; + readonly '16': '64px'; + readonly '18': '72px'; + readonly '24': '96px'; + }; + readonly typography: { + readonly body: { + readonly medium: { + readonly fontFamily: readonly [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '17px'; + readonly lineHeight: 1.4; + readonly fontWeight: 400; + }; + readonly small: { + readonly fontFamily: readonly [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '15px'; + readonly lineHeight: 1.4; + readonly fontWeight: 400; + }; + readonly xSmall: { + readonly fontFamily: readonly [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '14px'; + readonly lineHeight: 1.4; + readonly fontWeight: 400; + }; }; - readonly articleItalic17: { - readonly fontFamily: readonly [ + readonly fontFamily: { + readonly body: readonly [ 'GuardianTextEgyptian', 'Guardian Text Egyptian Web', 'Georgia', 'serif', ]; - readonly fontSize: '17px'; - readonly lineHeight: 1.4; - readonly fontWeight: 400; - readonly fontStyle: 'italic'; - }; - readonly headlineBold14: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '14px'; - readonly lineHeight: 1.15; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; - }; - readonly headlineBold17: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '17px'; - readonly lineHeight: 1.15; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; - }; - readonly headlineBold20: { - readonly fontFamily: readonly [ + readonly headline: readonly [ 'GH Guardian Headline', 'Guardian Egyptian Web', 'Georgia', 'serif', ]; - readonly fontSize: '20px'; - readonly lineHeight: 1.15; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; - }; - readonly headlineBold24: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', + readonly textSans: readonly [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', ]; - readonly fontSize: '24px'; - readonly lineHeight: 1.15; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; - }; - readonly headlineBold28: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', + readonly titlepiece: readonly [ + 'GT Guardian Titlepiece', 'Georgia', 'serif', ]; - readonly fontSize: '28px'; - readonly lineHeight: 1.15; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; }; - readonly headlineBold34: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '34px'; - readonly lineHeight: 1.15; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; + readonly fontSize: { + readonly '12': '12px'; + readonly '14': '14px'; + readonly '15': '15px'; + readonly '17': '17px'; + readonly '20': '20px'; + readonly '24': '24px'; + readonly '28': '28px'; + readonly '34': '34px'; + readonly '42': '42px'; + readonly '50': '50px'; + readonly '70': '70px'; }; - readonly headlineBold42: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '42px'; - readonly lineHeight: 1.15; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; + readonly fontWeight: { + readonly bold: 700; + readonly light: 300; + readonly medium: 500; + readonly regular: 400; }; - readonly headlineBold50: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '50px'; - readonly lineHeight: 1.15; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; + readonly headline: { + readonly large: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '42px'; + readonly lineHeight: 1.15; + readonly fontWeight: 500; + }; + readonly medium: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '34px'; + readonly lineHeight: 1.15; + readonly fontWeight: 500; + }; + readonly small: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '28px'; + readonly lineHeight: 1.15; + readonly fontWeight: 500; + }; + readonly xLarge: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '50px'; + readonly lineHeight: 1.15; + readonly fontWeight: 500; + }; + readonly xSmall: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '24px'; + readonly lineHeight: 1.15; + readonly fontWeight: 500; + }; + readonly xxSmall: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '20px'; + readonly lineHeight: 1.15; + readonly fontWeight: 500; + }; + readonly xxxSmall: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '17px'; + readonly lineHeight: 1.15; + readonly fontWeight: 500; + }; }; - readonly headlineBold70: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '70px'; - readonly lineHeight: 1.15; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; + readonly lineHeight: { + readonly loose: 1.4; + readonly regular: 1.3; + readonly tight: 1.15; }; - readonly headlineLight14: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '14px'; - readonly lineHeight: 1.15; - readonly fontWeight: 300; - readonly fontStyle: 'normal'; - }; - readonly headlineLight17: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '17px'; - readonly lineHeight: 1.15; - readonly fontWeight: 300; - readonly fontStyle: 'normal'; - }; - readonly headlineLight20: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '20px'; - readonly lineHeight: 1.15; - readonly fontWeight: 300; - readonly fontStyle: 'normal'; - }; - readonly headlineLight24: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '24px'; - readonly lineHeight: 1.15; - readonly fontWeight: 300; - readonly fontStyle: 'normal'; - }; - readonly headlineLight28: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '28px'; - readonly lineHeight: 1.15; - readonly fontWeight: 300; - readonly fontStyle: 'normal'; - }; - readonly headlineLight34: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '34px'; - readonly lineHeight: 1.15; - readonly fontWeight: 300; - readonly fontStyle: 'normal'; - }; - readonly headlineLight42: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '42px'; - readonly lineHeight: 1.15; - readonly fontWeight: 300; - readonly fontStyle: 'normal'; - }; - readonly headlineLight50: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '50px'; - readonly lineHeight: 1.15; - readonly fontWeight: 300; - readonly fontStyle: 'normal'; - }; - readonly headlineLight70: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '70px'; - readonly lineHeight: 1.15; - readonly fontWeight: 300; - readonly fontStyle: 'normal'; - }; - readonly headlineLightItalic14: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '14px'; - readonly lineHeight: 1.15; - readonly fontWeight: 300; - readonly fontStyle: 'italic'; - }; - readonly headlineLightItalic17: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '17px'; - readonly lineHeight: 1.15; - readonly fontWeight: 300; - readonly fontStyle: 'italic'; - }; - readonly headlineLightItalic20: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '20px'; - readonly lineHeight: 1.15; - readonly fontWeight: 300; - readonly fontStyle: 'italic'; - }; - readonly headlineLightItalic24: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '24px'; - readonly lineHeight: 1.15; - readonly fontWeight: 300; - readonly fontStyle: 'italic'; - }; - readonly headlineLightItalic28: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '28px'; - readonly lineHeight: 1.15; - readonly fontWeight: 300; - readonly fontStyle: 'italic'; - }; - readonly headlineLightItalic34: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '34px'; - readonly lineHeight: 1.15; - readonly fontWeight: 300; - readonly fontStyle: 'italic'; - }; - readonly headlineLightItalic42: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '42px'; - readonly lineHeight: 1.15; - readonly fontWeight: 300; - readonly fontStyle: 'italic'; - }; - readonly headlineLightItalic50: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '50px'; - readonly lineHeight: 1.15; - readonly fontWeight: 300; - readonly fontStyle: 'italic'; - }; - readonly headlineLightItalic70: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '70px'; - readonly lineHeight: 1.15; - readonly fontWeight: 300; - readonly fontStyle: 'italic'; - }; - readonly headlineMedium14: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '14px'; - readonly lineHeight: 1.15; - readonly fontWeight: 500; - readonly fontStyle: 'normal'; - }; - readonly headlineMedium17: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '17px'; - readonly lineHeight: 1.15; - readonly fontWeight: 500; - readonly fontStyle: 'normal'; - }; - readonly headlineMedium20: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '20px'; - readonly lineHeight: 1.15; - readonly fontWeight: 500; - readonly fontStyle: 'normal'; - }; - readonly headlineMedium24: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '24px'; - readonly lineHeight: 1.15; - readonly fontWeight: 500; - readonly fontStyle: 'normal'; - }; - readonly headlineMedium28: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '28px'; - readonly lineHeight: 1.15; - readonly fontWeight: 500; - readonly fontStyle: 'normal'; - }; - readonly headlineMedium34: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '34px'; - readonly lineHeight: 1.15; - readonly fontWeight: 500; - readonly fontStyle: 'normal'; - }; - readonly headlineMedium42: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '42px'; - readonly lineHeight: 1.15; - readonly fontWeight: 500; - readonly fontStyle: 'normal'; - }; - readonly headlineMedium50: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '50px'; - readonly lineHeight: 1.15; - readonly fontWeight: 500; - readonly fontStyle: 'normal'; - }; - readonly headlineMedium70: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '70px'; - readonly lineHeight: 1.15; - readonly fontWeight: 500; - readonly fontStyle: 'normal'; - }; - readonly headlineMediumItalic14: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '14px'; - readonly lineHeight: 1.15; - readonly fontWeight: 500; - readonly fontStyle: 'italic'; - }; - readonly headlineMediumItalic17: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '17px'; - readonly lineHeight: 1.15; - readonly fontWeight: 500; - readonly fontStyle: 'italic'; - }; - readonly headlineMediumItalic20: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '20px'; - readonly lineHeight: 1.15; - readonly fontWeight: 500; - readonly fontStyle: 'italic'; - }; - readonly headlineMediumItalic24: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '24px'; - readonly lineHeight: 1.15; - readonly fontWeight: 500; - readonly fontStyle: 'italic'; - }; - readonly headlineMediumItalic28: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '28px'; - readonly lineHeight: 1.15; - readonly fontWeight: 500; - readonly fontStyle: 'italic'; - }; - readonly headlineMediumItalic34: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '34px'; - readonly lineHeight: 1.15; - readonly fontWeight: 500; - readonly fontStyle: 'italic'; - }; - readonly headlineMediumItalic42: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '42px'; - readonly lineHeight: 1.15; - readonly fontWeight: 500; - readonly fontStyle: 'italic'; - }; - readonly headlineMediumItalic50: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '50px'; - readonly lineHeight: 1.15; - readonly fontWeight: 500; - readonly fontStyle: 'italic'; - }; - readonly headlineMediumItalic70: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '70px'; - readonly lineHeight: 1.15; - readonly fontWeight: 700; - readonly fontStyle: 'italic'; - }; - readonly kicker14: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '14px'; - readonly lineHeight: 1.15; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; - }; - readonly kicker17: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '17px'; - readonly lineHeight: 1.15; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; - }; - readonly kicker20: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '20px'; - readonly lineHeight: 1.15; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; - }; - readonly kicker24: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '24px'; - readonly lineHeight: 1.15; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; - }; - readonly kicker34: { - readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '34px'; - readonly lineHeight: 1.15; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; - }; - readonly textEgyptian14: { - readonly fontFamily: readonly [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '14px'; - readonly lineHeight: 1.3; - readonly fontWeight: 400; - readonly fontStyle: 'normal'; - }; - readonly textEgyptian15: { - readonly fontFamily: readonly [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '15px'; - readonly lineHeight: 1.3; - readonly fontWeight: 400; - readonly fontStyle: 'normal'; - }; - readonly textEgyptian17: { - readonly fontFamily: readonly [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '17px'; - readonly lineHeight: 1.3; - readonly fontWeight: 400; - readonly fontStyle: 'normal'; - }; - readonly textEgyptianBold14: { - readonly fontFamily: readonly [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '14px'; - readonly lineHeight: 1.3; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; - }; - readonly textEgyptianBold15: { - readonly fontFamily: readonly [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '15px'; - readonly lineHeight: 1.3; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; - }; - readonly textEgyptianBold17: { - readonly fontFamily: readonly [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '17px'; - readonly lineHeight: 1.3; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; - }; - readonly textEgyptianBoldItalic14: { - readonly fontFamily: readonly [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '14px'; - readonly lineHeight: 1.3; - readonly fontWeight: 700; - readonly fontStyle: 'italic'; - }; - readonly textEgyptianBoldItalic15: { - readonly fontFamily: readonly [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '15px'; - readonly lineHeight: 1.3; - readonly fontWeight: 700; - readonly fontStyle: 'italic'; - }; - readonly textEgyptianBoldItalic17: { - readonly fontFamily: readonly [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '17px'; - readonly lineHeight: 1.3; - readonly fontWeight: 700; - readonly fontStyle: 'italic'; - }; - readonly textEgyptianItalic14: { - readonly fontFamily: readonly [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '14px'; - readonly lineHeight: 1.3; - readonly fontWeight: 400; - readonly fontStyle: 'italic'; - }; - readonly textEgyptianItalic15: { - readonly fontFamily: readonly [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '15px'; - readonly lineHeight: 1.3; - readonly fontWeight: 400; - readonly fontStyle: 'italic'; - }; - readonly textEgyptianItalic17: { - readonly fontFamily: readonly [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly fontSize: '17px'; - readonly lineHeight: 1.3; - readonly fontWeight: 400; - readonly fontStyle: 'italic'; - }; - readonly textSans12: { - readonly fontFamily: readonly [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ]; - readonly fontSize: '12px'; - readonly lineHeight: 1.3; - readonly fontWeight: 400; - readonly fontStyle: 'normal'; - }; - readonly textSans14: { - readonly fontFamily: readonly [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ]; - readonly fontSize: '12px'; - readonly lineHeight: 1.3; - readonly fontWeight: 400; - readonly fontStyle: 'normal'; - }; - readonly textSans15: { - readonly fontFamily: readonly [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ]; - readonly fontSize: '12px'; - readonly lineHeight: 1.3; - readonly fontWeight: 400; - readonly fontStyle: 'normal'; - }; - readonly textSans17: { - readonly fontFamily: readonly [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ]; - readonly fontSize: '12px'; - readonly lineHeight: 1.3; - readonly fontWeight: 400; - readonly fontStyle: 'normal'; - }; - readonly textSans20: { - readonly fontFamily: readonly [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ]; - readonly fontSize: '12px'; - readonly lineHeight: 1.3; - readonly fontWeight: 400; - readonly fontStyle: 'normal'; - }; - readonly textSans24: { - readonly fontFamily: readonly [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ]; - readonly fontSize: '12px'; - readonly lineHeight: 1.3; - readonly fontWeight: 400; - readonly fontStyle: 'normal'; - }; - readonly textSans28: { - readonly fontFamily: readonly [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ]; - readonly fontSize: '12px'; - readonly lineHeight: 1.3; - readonly fontWeight: 400; - readonly fontStyle: 'normal'; - }; - readonly textSans34: { - readonly fontFamily: readonly [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ]; - readonly fontSize: '12px'; - readonly lineHeight: 1.3; - readonly fontWeight: 400; - readonly fontStyle: 'normal'; - }; - readonly textSansBold12: { - readonly fontFamily: readonly [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ]; - readonly fontSize: '12px'; - readonly lineHeight: 1.3; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; - }; - readonly textSansBold14: { - readonly fontFamily: readonly [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ]; - readonly fontSize: '12px'; - readonly lineHeight: 1.3; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; - }; - readonly textSansBold15: { - readonly fontFamily: readonly [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ]; - readonly fontSize: '12px'; - readonly lineHeight: 1.3; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; - }; - readonly textSansBold17: { - readonly fontFamily: readonly [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ]; - readonly fontSize: '12px'; - readonly lineHeight: 1.3; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; - }; - readonly textSansBold20: { - readonly fontFamily: readonly [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ]; - readonly fontSize: '12px'; - readonly lineHeight: 1.3; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; - }; - readonly textSansBold24: { - readonly fontFamily: readonly [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ]; - readonly fontSize: '12px'; - readonly lineHeight: 1.3; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; - }; - readonly textSansBold28: { - readonly fontFamily: readonly [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ]; - readonly fontSize: '12px'; - readonly lineHeight: 1.3; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; - }; - readonly textSansBold34: { - readonly fontFamily: readonly [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ]; - readonly fontSize: '12px'; - readonly lineHeight: 1.3; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; - }; - readonly textSansItalic12: { - readonly fontFamily: readonly [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ]; - readonly fontSize: '12px'; - readonly lineHeight: 1.3; - readonly fontWeight: 400; - readonly fontStyle: 'italic'; - }; - readonly textSansItalic14: { - readonly fontFamily: readonly [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ]; - readonly fontSize: '12px'; - readonly lineHeight: 1.3; - readonly fontWeight: 400; - readonly fontStyle: 'Italic'; - }; - readonly textSansItalic15: { - readonly fontFamily: readonly [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ]; - readonly fontSize: '12px'; - readonly lineHeight: 1.3; - readonly fontWeight: 400; - readonly fontStyle: 'italic'; - }; - readonly textSansItalic17: { - readonly fontFamily: readonly [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ]; - readonly fontSize: '12px'; - readonly lineHeight: 1.3; - readonly fontWeight: 400; - readonly fontStyle: 'italic'; - }; - readonly textSansItalic20: { - readonly fontFamily: readonly [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ]; - readonly fontSize: '12px'; - readonly lineHeight: 1.3; - readonly fontWeight: 400; - readonly fontStyle: 'italic'; - }; - readonly textSansItalic24: { - readonly fontFamily: readonly [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ]; - readonly fontSize: '12px'; - readonly lineHeight: 1.3; - readonly fontWeight: 400; - readonly fontStyle: 'italic'; - }; - readonly textSansItalic28: { - readonly fontFamily: readonly [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ]; - readonly fontSize: '12px'; - readonly lineHeight: 1.3; - readonly fontWeight: 400; - readonly fontStyle: 'italic'; - }; - readonly textSansItalic34: { - readonly fontFamily: readonly [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ]; - readonly fontSize: '12px'; - readonly lineHeight: 1.3; - readonly fontWeight: 400; - readonly fontStyle: 'italic'; - }; - readonly titlepiece42: { - readonly fontFamily: readonly [ - 'GT Guardian Titlepiece', - 'Georgia', - 'serif', - ]; - readonly fontSize: '42px'; - readonly lineHeight: 1.15; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; - }; - readonly titlepiece50: { - readonly fontFamily: readonly [ - 'GT Guardian Titlepiece', - 'Georgia', - 'serif', - ]; - readonly fontSize: '50px'; - readonly lineHeight: 1.15; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; - }; - readonly titlepiece70: { - readonly fontFamily: readonly [ - 'GT Guardian Titlepiece', - 'Georgia', - 'serif', - ]; - readonly fontSize: '70px'; - readonly lineHeight: 1.15; - readonly fontWeight: 700; - readonly fontStyle: 'normal'; - }; - }; - readonly size: { - readonly icon: { - readonly medium: '30px'; - readonly small: '26px'; - readonly xSmall: '20px'; - }; - readonly medium: '44px'; - readonly small: '36px'; - readonly xSmall: '24px'; - }; - readonly space: { - readonly '0': '2px'; - readonly '1': '4px'; - readonly '2': '8px'; - readonly '3': '12px'; - readonly '4': '16px'; - readonly '5': '20px'; - readonly '6': '24px'; - readonly '8': '32px'; - readonly '9': '36px'; - readonly '10': '40px'; - readonly '12': '48px'; - readonly '14': '56px'; - readonly '16': '64px'; - readonly '18': '72px'; - readonly '24': '96px'; - }; - readonly typography: { - readonly body: { - readonly medium: { + readonly presets: { + readonly article15: { + readonly fontFamily: readonly [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '15px'; + readonly lineHeight: 1.4; + readonly fontWeight: 400; + readonly fontStyle: 'normal'; + }; + readonly article17: { + readonly fontFamily: readonly [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '17px'; + readonly lineHeight: 1.4; + readonly fontWeight: 400; + readonly fontStyle: 'normal'; + }; + readonly articleBold15: { + readonly fontFamily: readonly [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '15px'; + readonly lineHeight: 1.4; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; + }; + readonly articleBold17: { + readonly fontFamily: readonly [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '17px'; + readonly lineHeight: 1.4; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; + }; + readonly articleBoldItalic15: { + readonly fontFamily: readonly [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '15px'; + readonly lineHeight: 1.4; + readonly fontWeight: 700; + readonly fontStyle: 'italic'; + }; + readonly articleBoldItalic17: { + readonly fontFamily: readonly [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '17px'; + readonly lineHeight: 1.4; + readonly fontWeight: 700; + readonly fontStyle: 'italic'; + }; + readonly articleItalic15: { + readonly fontFamily: readonly [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '15px'; + readonly lineHeight: 1.4; + readonly fontWeight: 400; + readonly fontStyle: 'italic'; + }; + readonly articleItalic17: { + readonly fontFamily: readonly [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '17px'; + readonly lineHeight: 1.4; + readonly fontWeight: 400; + readonly fontStyle: 'italic'; + }; + readonly headlineBold14: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '14px'; + readonly lineHeight: 1.15; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; + }; + readonly headlineBold17: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '17px'; + readonly lineHeight: 1.15; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; + }; + readonly headlineBold20: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '20px'; + readonly lineHeight: 1.15; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; + }; + readonly headlineBold24: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '24px'; + readonly lineHeight: 1.15; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; + }; + readonly headlineBold28: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '28px'; + readonly lineHeight: 1.15; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; + }; + readonly headlineBold34: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '34px'; + readonly lineHeight: 1.15; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; + }; + readonly headlineBold42: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '42px'; + readonly lineHeight: 1.15; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; + }; + readonly headlineBold50: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '50px'; + readonly lineHeight: 1.15; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; + }; + readonly headlineBold70: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '70px'; + readonly lineHeight: 1.15; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; + }; + readonly headlineLight14: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '14px'; + readonly lineHeight: 1.15; + readonly fontWeight: 300; + readonly fontStyle: 'normal'; + }; + readonly headlineLight17: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '17px'; + readonly lineHeight: 1.15; + readonly fontWeight: 300; + readonly fontStyle: 'normal'; + }; + readonly headlineLight20: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '20px'; + readonly lineHeight: 1.15; + readonly fontWeight: 300; + readonly fontStyle: 'normal'; + }; + readonly headlineLight24: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '24px'; + readonly lineHeight: 1.15; + readonly fontWeight: 300; + readonly fontStyle: 'normal'; + }; + readonly headlineLight28: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '28px'; + readonly lineHeight: 1.15; + readonly fontWeight: 300; + readonly fontStyle: 'normal'; + }; + readonly headlineLight34: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '34px'; + readonly lineHeight: 1.15; + readonly fontWeight: 300; + readonly fontStyle: 'normal'; + }; + readonly headlineLight42: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '42px'; + readonly lineHeight: 1.15; + readonly fontWeight: 300; + readonly fontStyle: 'normal'; + }; + readonly headlineLight50: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '50px'; + readonly lineHeight: 1.15; + readonly fontWeight: 300; + readonly fontStyle: 'normal'; + }; + readonly headlineLight70: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '70px'; + readonly lineHeight: 1.15; + readonly fontWeight: 300; + readonly fontStyle: 'normal'; + }; + readonly headlineLightItalic14: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '14px'; + readonly lineHeight: 1.15; + readonly fontWeight: 300; + readonly fontStyle: 'italic'; + }; + readonly headlineLightItalic17: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '17px'; + readonly lineHeight: 1.15; + readonly fontWeight: 300; + readonly fontStyle: 'italic'; + }; + readonly headlineLightItalic20: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '20px'; + readonly lineHeight: 1.15; + readonly fontWeight: 300; + readonly fontStyle: 'italic'; + }; + readonly headlineLightItalic24: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '24px'; + readonly lineHeight: 1.15; + readonly fontWeight: 300; + readonly fontStyle: 'italic'; + }; + readonly headlineLightItalic28: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '28px'; + readonly lineHeight: 1.15; + readonly fontWeight: 300; + readonly fontStyle: 'italic'; + }; + readonly headlineLightItalic34: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '34px'; + readonly lineHeight: 1.15; + readonly fontWeight: 300; + readonly fontStyle: 'italic'; + }; + readonly headlineLightItalic42: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '42px'; + readonly lineHeight: 1.15; + readonly fontWeight: 300; + readonly fontStyle: 'italic'; + }; + readonly headlineLightItalic50: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '50px'; + readonly lineHeight: 1.15; + readonly fontWeight: 300; + readonly fontStyle: 'italic'; + }; + readonly headlineLightItalic70: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '70px'; + readonly lineHeight: 1.15; + readonly fontWeight: 300; + readonly fontStyle: 'italic'; + }; + readonly headlineMedium14: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '14px'; + readonly lineHeight: 1.15; + readonly fontWeight: 500; + readonly fontStyle: 'normal'; + }; + readonly headlineMedium17: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '17px'; + readonly lineHeight: 1.15; + readonly fontWeight: 500; + readonly fontStyle: 'normal'; + }; + readonly headlineMedium20: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '20px'; + readonly lineHeight: 1.15; + readonly fontWeight: 500; + readonly fontStyle: 'normal'; + }; + readonly headlineMedium24: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '24px'; + readonly lineHeight: 1.15; + readonly fontWeight: 500; + readonly fontStyle: 'normal'; + }; + readonly headlineMedium28: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '28px'; + readonly lineHeight: 1.15; + readonly fontWeight: 500; + readonly fontStyle: 'normal'; + }; + readonly headlineMedium34: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '34px'; + readonly lineHeight: 1.15; + readonly fontWeight: 500; + readonly fontStyle: 'normal'; + }; + readonly headlineMedium42: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '42px'; + readonly lineHeight: 1.15; + readonly fontWeight: 500; + readonly fontStyle: 'normal'; + }; + readonly headlineMedium50: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '50px'; + readonly lineHeight: 1.15; + readonly fontWeight: 500; + readonly fontStyle: 'normal'; + }; + readonly headlineMedium70: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '70px'; + readonly lineHeight: 1.15; + readonly fontWeight: 500; + readonly fontStyle: 'normal'; + }; + readonly headlineMediumItalic14: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '14px'; + readonly lineHeight: 1.15; + readonly fontWeight: 500; + readonly fontStyle: 'italic'; + }; + readonly headlineMediumItalic17: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '17px'; + readonly lineHeight: 1.15; + readonly fontWeight: 500; + readonly fontStyle: 'italic'; + }; + readonly headlineMediumItalic20: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '20px'; + readonly lineHeight: 1.15; + readonly fontWeight: 500; + readonly fontStyle: 'italic'; + }; + readonly headlineMediumItalic24: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '24px'; + readonly lineHeight: 1.15; + readonly fontWeight: 500; + readonly fontStyle: 'italic'; + }; + readonly headlineMediumItalic28: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '28px'; + readonly lineHeight: 1.15; + readonly fontWeight: 500; + readonly fontStyle: 'italic'; + }; + readonly headlineMediumItalic34: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '34px'; + readonly lineHeight: 1.15; + readonly fontWeight: 500; + readonly fontStyle: 'italic'; + }; + readonly headlineMediumItalic42: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '42px'; + readonly lineHeight: 1.15; + readonly fontWeight: 500; + readonly fontStyle: 'italic'; + }; + readonly headlineMediumItalic50: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '50px'; + readonly lineHeight: 1.15; + readonly fontWeight: 500; + readonly fontStyle: 'italic'; + }; + readonly headlineMediumItalic70: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '70px'; + readonly lineHeight: 1.15; + readonly fontWeight: 700; + readonly fontStyle: 'italic'; + }; + readonly kicker14: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '14px'; + readonly lineHeight: 1.15; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; + }; + readonly kicker17: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '17px'; + readonly lineHeight: 1.15; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; + }; + readonly kicker20: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '20px'; + readonly lineHeight: 1.15; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; + }; + readonly kicker24: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '24px'; + readonly lineHeight: 1.15; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; + }; + readonly kicker34: { + readonly fontFamily: readonly [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '34px'; + readonly lineHeight: 1.15; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; + }; + readonly textEgyptian14: { + readonly fontFamily: readonly [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '14px'; + readonly lineHeight: 1.3; + readonly fontWeight: 400; + readonly fontStyle: 'normal'; + }; + readonly textEgyptian15: { + readonly fontFamily: readonly [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '15px'; + readonly lineHeight: 1.3; + readonly fontWeight: 400; + readonly fontStyle: 'normal'; + }; + readonly textEgyptian17: { + readonly fontFamily: readonly [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '17px'; + readonly lineHeight: 1.3; + readonly fontWeight: 400; + readonly fontStyle: 'normal'; + }; + readonly textEgyptianBold14: { + readonly fontFamily: readonly [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '14px'; + readonly lineHeight: 1.3; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; + }; + readonly textEgyptianBold15: { + readonly fontFamily: readonly [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '15px'; + readonly lineHeight: 1.3; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; + }; + readonly textEgyptianBold17: { + readonly fontFamily: readonly [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '17px'; + readonly lineHeight: 1.3; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; + }; + readonly textEgyptianBoldItalic14: { + readonly fontFamily: readonly [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '14px'; + readonly lineHeight: 1.3; + readonly fontWeight: 700; + readonly fontStyle: 'italic'; + }; + readonly textEgyptianBoldItalic15: { + readonly fontFamily: readonly [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '15px'; + readonly lineHeight: 1.3; + readonly fontWeight: 700; + readonly fontStyle: 'italic'; + }; + readonly textEgyptianBoldItalic17: { + readonly fontFamily: readonly [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '17px'; + readonly lineHeight: 1.3; + readonly fontWeight: 700; + readonly fontStyle: 'italic'; + }; + readonly textEgyptianItalic14: { + readonly fontFamily: readonly [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '14px'; + readonly lineHeight: 1.3; + readonly fontWeight: 400; + readonly fontStyle: 'italic'; + }; + readonly textEgyptianItalic15: { + readonly fontFamily: readonly [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '15px'; + readonly lineHeight: 1.3; + readonly fontWeight: 400; + readonly fontStyle: 'italic'; + }; + readonly textEgyptianItalic17: { + readonly fontFamily: readonly [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ]; + readonly fontSize: '17px'; + readonly lineHeight: 1.3; + readonly fontWeight: 400; + readonly fontStyle: 'italic'; + }; + readonly textSans12: { + readonly fontFamily: readonly [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ]; + readonly fontSize: '12px'; + readonly lineHeight: 1.3; + readonly fontWeight: 400; + readonly fontStyle: 'normal'; + }; + readonly textSans14: { + readonly fontFamily: readonly [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ]; + readonly fontSize: '12px'; + readonly lineHeight: 1.3; + readonly fontWeight: 400; + readonly fontStyle: 'normal'; + }; + readonly textSans15: { + readonly fontFamily: readonly [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ]; + readonly fontSize: '12px'; + readonly lineHeight: 1.3; + readonly fontWeight: 400; + readonly fontStyle: 'normal'; + }; + readonly textSans17: { + readonly fontFamily: readonly [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ]; + readonly fontSize: '12px'; + readonly lineHeight: 1.3; + readonly fontWeight: 400; + readonly fontStyle: 'normal'; + }; + readonly textSans20: { + readonly fontFamily: readonly [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ]; + readonly fontSize: '12px'; + readonly lineHeight: 1.3; + readonly fontWeight: 400; + readonly fontStyle: 'normal'; + }; + readonly textSans24: { + readonly fontFamily: readonly [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ]; + readonly fontSize: '12px'; + readonly lineHeight: 1.3; + readonly fontWeight: 400; + readonly fontStyle: 'normal'; + }; + readonly textSans28: { + readonly fontFamily: readonly [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ]; + readonly fontSize: '12px'; + readonly lineHeight: 1.3; + readonly fontWeight: 400; + readonly fontStyle: 'normal'; + }; + readonly textSans34: { + readonly fontFamily: readonly [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ]; + readonly fontSize: '12px'; + readonly lineHeight: 1.3; + readonly fontWeight: 400; + readonly fontStyle: 'normal'; + }; + readonly textSansBold12: { + readonly fontFamily: readonly [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ]; + readonly fontSize: '12px'; + readonly lineHeight: 1.3; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; + }; + readonly textSansBold14: { + readonly fontFamily: readonly [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ]; + readonly fontSize: '12px'; + readonly lineHeight: 1.3; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; + }; + readonly textSansBold15: { + readonly fontFamily: readonly [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ]; + readonly fontSize: '12px'; + readonly lineHeight: 1.3; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; + }; + readonly textSansBold17: { + readonly fontFamily: readonly [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ]; + readonly fontSize: '12px'; + readonly lineHeight: 1.3; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; + }; + readonly textSansBold20: { + readonly fontFamily: readonly [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ]; + readonly fontSize: '12px'; + readonly lineHeight: 1.3; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; + }; + readonly textSansBold24: { readonly fontFamily: readonly [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', ]; - readonly fontSize: '17px'; - readonly lineHeight: 1.4; + readonly fontSize: '12px'; + readonly lineHeight: 1.3; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; + }; + readonly textSansBold28: { + readonly fontFamily: readonly [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ]; + readonly fontSize: '12px'; + readonly lineHeight: 1.3; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; + }; + readonly textSansBold34: { + readonly fontFamily: readonly [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ]; + readonly fontSize: '12px'; + readonly lineHeight: 1.3; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; + }; + readonly textSansItalic12: { + readonly fontFamily: readonly [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ]; + readonly fontSize: '12px'; + readonly lineHeight: 1.3; readonly fontWeight: 400; + readonly fontStyle: 'italic'; }; - readonly small: { + readonly textSansItalic14: { readonly fontFamily: readonly [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', ]; - readonly fontSize: '15px'; - readonly lineHeight: 1.4; + readonly fontSize: '12px'; + readonly lineHeight: 1.3; readonly fontWeight: 400; + readonly fontStyle: 'Italic'; }; - readonly xSmall: { + readonly textSansItalic15: { readonly fontFamily: readonly [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', ]; - readonly fontSize: '14px'; - readonly lineHeight: 1.4; + readonly fontSize: '12px'; + readonly lineHeight: 1.3; readonly fontWeight: 400; + readonly fontStyle: 'italic'; }; - }; - readonly fontFamily: { - readonly body: readonly [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly headline: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ]; - readonly textSans: readonly [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ]; - readonly titlepiece: readonly [ - 'GT Guardian Titlepiece', - 'Georgia', - 'serif', - ]; - }; - readonly fontSize: { - readonly '12': '12px'; - readonly '14': '14px'; - readonly '15': '15px'; - readonly '17': '17px'; - readonly '20': '20px'; - readonly '24': '24px'; - readonly '28': '28px'; - readonly '34': '34px'; - readonly '42': '42px'; - readonly '50': '50px'; - readonly '70': '70px'; - }; - readonly fontWeight: { - readonly bold: 700; - readonly light: 300; - readonly medium: 500; - readonly regular: 400; - }; - readonly headline: { - readonly large: { + readonly textSansItalic17: { readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', ]; - readonly fontSize: '42px'; - readonly lineHeight: 1.15; - readonly fontWeight: 500; + readonly fontSize: '12px'; + readonly lineHeight: 1.3; + readonly fontWeight: 400; + readonly fontStyle: 'italic'; }; - readonly medium: { + readonly textSansItalic20: { readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', ]; - readonly fontSize: '34px'; - readonly lineHeight: 1.15; - readonly fontWeight: 500; + readonly fontSize: '12px'; + readonly lineHeight: 1.3; + readonly fontWeight: 400; + readonly fontStyle: 'italic'; }; - readonly small: { + readonly textSansItalic24: { readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', ]; - readonly fontSize: '28px'; - readonly lineHeight: 1.15; - readonly fontWeight: 500; + readonly fontSize: '12px'; + readonly lineHeight: 1.3; + readonly fontWeight: 400; + readonly fontStyle: 'italic'; }; - readonly xLarge: { + readonly textSansItalic28: { readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', ]; - readonly fontSize: '50px'; - readonly lineHeight: 1.15; - readonly fontWeight: 500; + readonly fontSize: '12px'; + readonly lineHeight: 1.3; + readonly fontWeight: 400; + readonly fontStyle: 'italic'; }; - readonly xSmall: { + readonly textSansItalic34: { readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ]; + readonly fontSize: '12px'; + readonly lineHeight: 1.3; + readonly fontWeight: 400; + readonly fontStyle: 'italic'; + }; + readonly titlepiece42: { + readonly fontFamily: readonly [ + 'GT Guardian Titlepiece', 'Georgia', 'serif', ]; - readonly fontSize: '24px'; + readonly fontSize: '42px'; readonly lineHeight: 1.15; - readonly fontWeight: 500; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; }; - readonly xxSmall: { + readonly titlepiece50: { readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', + 'GT Guardian Titlepiece', 'Georgia', 'serif', ]; - readonly fontSize: '20px'; + readonly fontSize: '50px'; readonly lineHeight: 1.15; - readonly fontWeight: 500; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; }; - readonly xxxSmall: { + readonly titlepiece70: { readonly fontFamily: readonly [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', + 'GT Guardian Titlepiece', 'Georgia', 'serif', ]; - readonly fontSize: '17px'; + readonly fontSize: '70px'; readonly lineHeight: 1.15; - readonly fontWeight: 500; + readonly fontWeight: 700; + readonly fontStyle: 'normal'; }; }; - readonly lineHeight: { - readonly loose: 1.4; - readonly regular: 1.3; - readonly tight: 1.15; - }; readonly textDecorationThickness: { readonly '2': '2px'; readonly '3': '3px'; diff --git a/libs/@guardian/design-tokens/tokens.js b/libs/@guardian/design-tokens/tokens.js index bf6c0c0ec..4f5dcff51 100644 --- a/libs/@guardian/design-tokens/tokens.js +++ b/libs/@guardian/design-tokens/tokens.js @@ -141,1418 +141,1418 @@ export const tokens = { 500: '#58D08B', }, }, - presets: { - article15: { - fontFamily: [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '15px', - lineHeight: 1.4, - fontWeight: 400, - fontStyle: 'normal', - }, - article17: { - fontFamily: [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '17px', - lineHeight: 1.4, - fontWeight: 400, - fontStyle: 'normal', - }, - articleBold15: { - fontFamily: [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '15px', - lineHeight: 1.4, - fontWeight: 700, - fontStyle: 'normal', - }, - articleBold17: { - fontFamily: [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '17px', - lineHeight: 1.4, - fontWeight: 700, - fontStyle: 'normal', - }, - articleBoldItalic15: { - fontFamily: [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '15px', - lineHeight: 1.4, - fontWeight: 700, - fontStyle: 'italic', - }, - articleBoldItalic17: { - fontFamily: [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '17px', - lineHeight: 1.4, - fontWeight: 700, - fontStyle: 'italic', + size: { + icon: { + medium: '30px', + small: '26px', + xSmall: '20px', }, - articleItalic15: { - fontFamily: [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '15px', - lineHeight: 1.4, - fontWeight: 400, - fontStyle: 'italic', + medium: '44px', + small: '36px', + xSmall: '24px', + }, + space: { + 0: '2px', + 1: '4px', + 2: '8px', + 3: '12px', + 4: '16px', + 5: '20px', + 6: '24px', + 8: '32px', + 9: '36px', + 10: '40px', + 12: '48px', + 14: '56px', + 16: '64px', + 18: '72px', + 24: '96px', + }, + typography: { + body: { + medium: { + fontFamily: [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '17px', + lineHeight: 1.4, + fontWeight: 400, + }, + small: { + fontFamily: [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '15px', + lineHeight: 1.4, + fontWeight: 400, + }, + xSmall: { + fontFamily: [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '14px', + lineHeight: 1.4, + fontWeight: 400, + }, }, - articleItalic17: { - fontFamily: [ + fontFamily: { + body: [ 'GuardianTextEgyptian', 'Guardian Text Egyptian Web', 'Georgia', 'serif', ], - fontSize: '17px', - lineHeight: 1.4, - fontWeight: 400, - fontStyle: 'italic', - }, - headlineBold14: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '14px', - lineHeight: 1.15, - fontWeight: 700, - fontStyle: 'normal', - }, - headlineBold17: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '17px', - lineHeight: 1.15, - fontWeight: 700, - fontStyle: 'normal', - }, - headlineBold20: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '20px', - lineHeight: 1.15, - fontWeight: 700, - fontStyle: 'normal', - }, - headlineBold24: { - fontFamily: [ + headline: [ 'GH Guardian Headline', 'Guardian Egyptian Web', 'Georgia', 'serif', ], - fontSize: '24px', - lineHeight: 1.15, - fontWeight: 700, - fontStyle: 'normal', - }, - headlineBold28: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', + textSans: [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', ], - fontSize: '28px', - lineHeight: 1.15, - fontWeight: 700, - fontStyle: 'normal', + titlepiece: ['GT Guardian Titlepiece', 'Georgia', 'serif'], }, - headlineBold34: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '34px', - lineHeight: 1.15, - fontWeight: 700, - fontStyle: 'normal', + fontSize: { + 12: '12px', + 14: '14px', + 15: '15px', + 17: '17px', + 20: '20px', + 24: '24px', + 28: '28px', + 34: '34px', + 42: '42px', + 50: '50px', + 70: '70px', }, - headlineBold42: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '42px', - lineHeight: 1.15, - fontWeight: 700, - fontStyle: 'normal', + fontWeight: { + bold: 700, + light: 300, + medium: 500, + regular: 400, }, - headlineBold50: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '50px', - lineHeight: 1.15, - fontWeight: 700, - fontStyle: 'normal', + headline: { + large: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '42px', + lineHeight: 1.15, + fontWeight: 500, + }, + medium: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '34px', + lineHeight: 1.15, + fontWeight: 500, + }, + small: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '28px', + lineHeight: 1.15, + fontWeight: 500, + }, + xLarge: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '50px', + lineHeight: 1.15, + fontWeight: 500, + }, + xSmall: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '24px', + lineHeight: 1.15, + fontWeight: 500, + }, + xxSmall: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '20px', + lineHeight: 1.15, + fontWeight: 500, + }, + xxxSmall: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '17px', + lineHeight: 1.15, + fontWeight: 500, + }, }, - headlineBold70: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '70px', - lineHeight: 1.15, - fontWeight: 700, - fontStyle: 'normal', + lineHeight: { + loose: 1.4, + regular: 1.3, + tight: 1.15, }, - headlineLight14: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '14px', - lineHeight: 1.15, - fontWeight: 300, - fontStyle: 'normal', - }, - headlineLight17: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '17px', - lineHeight: 1.15, - fontWeight: 300, - fontStyle: 'normal', - }, - headlineLight20: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '20px', - lineHeight: 1.15, - fontWeight: 300, - fontStyle: 'normal', - }, - headlineLight24: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '24px', - lineHeight: 1.15, - fontWeight: 300, - fontStyle: 'normal', - }, - headlineLight28: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '28px', - lineHeight: 1.15, - fontWeight: 300, - fontStyle: 'normal', - }, - headlineLight34: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '34px', - lineHeight: 1.15, - fontWeight: 300, - fontStyle: 'normal', - }, - headlineLight42: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '42px', - lineHeight: 1.15, - fontWeight: 300, - fontStyle: 'normal', - }, - headlineLight50: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '50px', - lineHeight: 1.15, - fontWeight: 300, - fontStyle: 'normal', - }, - headlineLight70: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '70px', - lineHeight: 1.15, - fontWeight: 300, - fontStyle: 'normal', - }, - headlineLightItalic14: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '14px', - lineHeight: 1.15, - fontWeight: 300, - fontStyle: 'italic', - }, - headlineLightItalic17: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '17px', - lineHeight: 1.15, - fontWeight: 300, - fontStyle: 'italic', - }, - headlineLightItalic20: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '20px', - lineHeight: 1.15, - fontWeight: 300, - fontStyle: 'italic', - }, - headlineLightItalic24: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '24px', - lineHeight: 1.15, - fontWeight: 300, - fontStyle: 'italic', - }, - headlineLightItalic28: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '28px', - lineHeight: 1.15, - fontWeight: 300, - fontStyle: 'italic', - }, - headlineLightItalic34: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '34px', - lineHeight: 1.15, - fontWeight: 300, - fontStyle: 'italic', - }, - headlineLightItalic42: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '42px', - lineHeight: 1.15, - fontWeight: 300, - fontStyle: 'italic', - }, - headlineLightItalic50: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '50px', - lineHeight: 1.15, - fontWeight: 300, - fontStyle: 'italic', - }, - headlineLightItalic70: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '70px', - lineHeight: 1.15, - fontWeight: 300, - fontStyle: 'italic', - }, - headlineMedium14: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '14px', - lineHeight: 1.15, - fontWeight: 500, - fontStyle: 'normal', - }, - headlineMedium17: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '17px', - lineHeight: 1.15, - fontWeight: 500, - fontStyle: 'normal', - }, - headlineMedium20: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '20px', - lineHeight: 1.15, - fontWeight: 500, - fontStyle: 'normal', - }, - headlineMedium24: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '24px', - lineHeight: 1.15, - fontWeight: 500, - fontStyle: 'normal', - }, - headlineMedium28: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '28px', - lineHeight: 1.15, - fontWeight: 500, - fontStyle: 'normal', - }, - headlineMedium34: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '34px', - lineHeight: 1.15, - fontWeight: 500, - fontStyle: 'normal', - }, - headlineMedium42: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '42px', - lineHeight: 1.15, - fontWeight: 500, - fontStyle: 'normal', - }, - headlineMedium50: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '50px', - lineHeight: 1.15, - fontWeight: 500, - fontStyle: 'normal', - }, - headlineMedium70: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '70px', - lineHeight: 1.15, - fontWeight: 500, - fontStyle: 'normal', - }, - headlineMediumItalic14: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '14px', - lineHeight: 1.15, - fontWeight: 500, - fontStyle: 'italic', - }, - headlineMediumItalic17: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '17px', - lineHeight: 1.15, - fontWeight: 500, - fontStyle: 'italic', - }, - headlineMediumItalic20: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '20px', - lineHeight: 1.15, - fontWeight: 500, - fontStyle: 'italic', - }, - headlineMediumItalic24: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '24px', - lineHeight: 1.15, - fontWeight: 500, - fontStyle: 'italic', - }, - headlineMediumItalic28: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '28px', - lineHeight: 1.15, - fontWeight: 500, - fontStyle: 'italic', - }, - headlineMediumItalic34: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '34px', - lineHeight: 1.15, - fontWeight: 500, - fontStyle: 'italic', - }, - headlineMediumItalic42: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '42px', - lineHeight: 1.15, - fontWeight: 500, - fontStyle: 'italic', - }, - headlineMediumItalic50: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '50px', - lineHeight: 1.15, - fontWeight: 500, - fontStyle: 'italic', - }, - headlineMediumItalic70: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '70px', - lineHeight: 1.15, - fontWeight: 700, - fontStyle: 'italic', - }, - kicker14: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '14px', - lineHeight: 1.15, - fontWeight: 700, - fontStyle: 'normal', - }, - kicker17: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '17px', - lineHeight: 1.15, - fontWeight: 700, - fontStyle: 'normal', - }, - kicker20: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '20px', - lineHeight: 1.15, - fontWeight: 700, - fontStyle: 'normal', - }, - kicker24: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '24px', - lineHeight: 1.15, - fontWeight: 700, - fontStyle: 'normal', - }, - kicker34: { - fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '34px', - lineHeight: 1.15, - fontWeight: 700, - fontStyle: 'normal', - }, - textEgyptian14: { - fontFamily: [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '14px', - lineHeight: 1.3, - fontWeight: 400, - fontStyle: 'normal', - }, - textEgyptian15: { - fontFamily: [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '15px', - lineHeight: 1.3, - fontWeight: 400, - fontStyle: 'normal', - }, - textEgyptian17: { - fontFamily: [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '17px', - lineHeight: 1.3, - fontWeight: 400, - fontStyle: 'normal', - }, - textEgyptianBold14: { - fontFamily: [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '14px', - lineHeight: 1.3, - fontWeight: 700, - fontStyle: 'normal', - }, - textEgyptianBold15: { - fontFamily: [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '15px', - lineHeight: 1.3, - fontWeight: 700, - fontStyle: 'normal', - }, - textEgyptianBold17: { - fontFamily: [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '17px', - lineHeight: 1.3, - fontWeight: 700, - fontStyle: 'normal', - }, - textEgyptianBoldItalic14: { - fontFamily: [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '14px', - lineHeight: 1.3, - fontWeight: 700, - fontStyle: 'italic', - }, - textEgyptianBoldItalic15: { - fontFamily: [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '15px', - lineHeight: 1.3, - fontWeight: 700, - fontStyle: 'italic', - }, - textEgyptianBoldItalic17: { - fontFamily: [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '17px', - lineHeight: 1.3, - fontWeight: 700, - fontStyle: 'italic', - }, - textEgyptianItalic14: { - fontFamily: [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '14px', - lineHeight: 1.3, - fontWeight: 400, - fontStyle: 'italic', - }, - textEgyptianItalic15: { - fontFamily: [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '15px', - lineHeight: 1.3, - fontWeight: 400, - fontStyle: 'italic', - }, - textEgyptianItalic17: { - fontFamily: [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ], - fontSize: '17px', - lineHeight: 1.3, - fontWeight: 400, - fontStyle: 'italic', - }, - textSans12: { - fontFamily: [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ], - fontSize: '12px', - lineHeight: 1.3, - fontWeight: 400, - fontStyle: 'normal', - }, - textSans14: { - fontFamily: [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ], - fontSize: '12px', - lineHeight: 1.3, - fontWeight: 400, - fontStyle: 'normal', - }, - textSans15: { - fontFamily: [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ], - fontSize: '12px', - lineHeight: 1.3, - fontWeight: 400, - fontStyle: 'normal', - }, - textSans17: { - fontFamily: [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ], - fontSize: '12px', - lineHeight: 1.3, - fontWeight: 400, - fontStyle: 'normal', - }, - textSans20: { - fontFamily: [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ], - fontSize: '12px', - lineHeight: 1.3, - fontWeight: 400, - fontStyle: 'normal', - }, - textSans24: { - fontFamily: [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ], - fontSize: '12px', - lineHeight: 1.3, - fontWeight: 400, - fontStyle: 'normal', - }, - textSans28: { - fontFamily: [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ], - fontSize: '12px', - lineHeight: 1.3, - fontWeight: 400, - fontStyle: 'normal', - }, - textSans34: { - fontFamily: [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ], - fontSize: '12px', - lineHeight: 1.3, - fontWeight: 400, - fontStyle: 'normal', - }, - textSansBold12: { - fontFamily: [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ], - fontSize: '12px', - lineHeight: 1.3, - fontWeight: 700, - fontStyle: 'normal', - }, - textSansBold14: { - fontFamily: [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ], - fontSize: '12px', - lineHeight: 1.3, - fontWeight: 700, - fontStyle: 'normal', - }, - textSansBold15: { - fontFamily: [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ], - fontSize: '12px', - lineHeight: 1.3, - fontWeight: 700, - fontStyle: 'normal', - }, - textSansBold17: { - fontFamily: [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ], - fontSize: '12px', - lineHeight: 1.3, - fontWeight: 700, - fontStyle: 'normal', - }, - textSansBold20: { - fontFamily: [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ], - fontSize: '12px', - lineHeight: 1.3, - fontWeight: 700, - fontStyle: 'normal', - }, - textSansBold24: { - fontFamily: [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ], - fontSize: '12px', - lineHeight: 1.3, - fontWeight: 700, - fontStyle: 'normal', - }, - textSansBold28: { - fontFamily: [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ], - fontSize: '12px', - lineHeight: 1.3, - fontWeight: 700, - fontStyle: 'normal', - }, - textSansBold34: { - fontFamily: [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ], - fontSize: '12px', - lineHeight: 1.3, - fontWeight: 700, - fontStyle: 'normal', - }, - textSansItalic12: { - fontFamily: [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ], - fontSize: '12px', - lineHeight: 1.3, - fontWeight: 400, - fontStyle: 'italic', - }, - textSansItalic14: { - fontFamily: [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ], - fontSize: '12px', - lineHeight: 1.3, - fontWeight: 400, - fontStyle: 'Italic', - }, - textSansItalic15: { - fontFamily: [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ], - fontSize: '12px', - lineHeight: 1.3, - fontWeight: 400, - fontStyle: 'italic', - }, - textSansItalic17: { - fontFamily: [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ], - fontSize: '12px', - lineHeight: 1.3, - fontWeight: 400, - fontStyle: 'italic', - }, - textSansItalic20: { - fontFamily: [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ], - fontSize: '12px', - lineHeight: 1.3, - fontWeight: 400, - fontStyle: 'italic', - }, - textSansItalic24: { - fontFamily: [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ], - fontSize: '12px', - lineHeight: 1.3, - fontWeight: 400, - fontStyle: 'italic', - }, - textSansItalic28: { - fontFamily: [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ], - fontSize: '12px', - lineHeight: 1.3, - fontWeight: 400, - fontStyle: 'italic', - }, - textSansItalic34: { - fontFamily: [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ], - fontSize: '12px', - lineHeight: 1.3, - fontWeight: 400, - fontStyle: 'italic', - }, - titlepiece42: { - fontFamily: ['GT Guardian Titlepiece', 'Georgia', 'serif'], - fontSize: '42px', - lineHeight: 1.15, - fontWeight: 700, - fontStyle: 'normal', - }, - titlepiece50: { - fontFamily: ['GT Guardian Titlepiece', 'Georgia', 'serif'], - fontSize: '50px', - lineHeight: 1.15, - fontWeight: 700, - fontStyle: 'normal', - }, - titlepiece70: { - fontFamily: ['GT Guardian Titlepiece', 'Georgia', 'serif'], - fontSize: '70px', - lineHeight: 1.15, - fontWeight: 700, - fontStyle: 'normal', - }, - }, - size: { - icon: { - medium: '30px', - small: '26px', - xSmall: '20px', - }, - medium: '44px', - small: '36px', - xSmall: '24px', - }, - space: { - 0: '2px', - 1: '4px', - 2: '8px', - 3: '12px', - 4: '16px', - 5: '20px', - 6: '24px', - 8: '32px', - 9: '36px', - 10: '40px', - 12: '48px', - 14: '56px', - 16: '64px', - 18: '72px', - 24: '96px', - }, - typography: { - body: { - medium: { + presets: { + article15: { + fontFamily: [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '15px', + lineHeight: 1.4, + fontWeight: 400, + fontStyle: 'normal', + }, + article17: { + fontFamily: [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '17px', + lineHeight: 1.4, + fontWeight: 400, + fontStyle: 'normal', + }, + articleBold15: { + fontFamily: [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '15px', + lineHeight: 1.4, + fontWeight: 700, + fontStyle: 'normal', + }, + articleBold17: { + fontFamily: [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '17px', + lineHeight: 1.4, + fontWeight: 700, + fontStyle: 'normal', + }, + articleBoldItalic15: { + fontFamily: [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '15px', + lineHeight: 1.4, + fontWeight: 700, + fontStyle: 'italic', + }, + articleBoldItalic17: { + fontFamily: [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '17px', + lineHeight: 1.4, + fontWeight: 700, + fontStyle: 'italic', + }, + articleItalic15: { + fontFamily: [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '15px', + lineHeight: 1.4, + fontWeight: 400, + fontStyle: 'italic', + }, + articleItalic17: { + fontFamily: [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '17px', + lineHeight: 1.4, + fontWeight: 400, + fontStyle: 'italic', + }, + headlineBold14: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '14px', + lineHeight: 1.15, + fontWeight: 700, + fontStyle: 'normal', + }, + headlineBold17: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '17px', + lineHeight: 1.15, + fontWeight: 700, + fontStyle: 'normal', + }, + headlineBold20: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '20px', + lineHeight: 1.15, + fontWeight: 700, + fontStyle: 'normal', + }, + headlineBold24: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '24px', + lineHeight: 1.15, + fontWeight: 700, + fontStyle: 'normal', + }, + headlineBold28: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '28px', + lineHeight: 1.15, + fontWeight: 700, + fontStyle: 'normal', + }, + headlineBold34: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '34px', + lineHeight: 1.15, + fontWeight: 700, + fontStyle: 'normal', + }, + headlineBold42: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '42px', + lineHeight: 1.15, + fontWeight: 700, + fontStyle: 'normal', + }, + headlineBold50: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '50px', + lineHeight: 1.15, + fontWeight: 700, + fontStyle: 'normal', + }, + headlineBold70: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '70px', + lineHeight: 1.15, + fontWeight: 700, + fontStyle: 'normal', + }, + headlineLight14: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '14px', + lineHeight: 1.15, + fontWeight: 300, + fontStyle: 'normal', + }, + headlineLight17: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '17px', + lineHeight: 1.15, + fontWeight: 300, + fontStyle: 'normal', + }, + headlineLight20: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '20px', + lineHeight: 1.15, + fontWeight: 300, + fontStyle: 'normal', + }, + headlineLight24: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '24px', + lineHeight: 1.15, + fontWeight: 300, + fontStyle: 'normal', + }, + headlineLight28: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '28px', + lineHeight: 1.15, + fontWeight: 300, + fontStyle: 'normal', + }, + headlineLight34: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '34px', + lineHeight: 1.15, + fontWeight: 300, + fontStyle: 'normal', + }, + headlineLight42: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '42px', + lineHeight: 1.15, + fontWeight: 300, + fontStyle: 'normal', + }, + headlineLight50: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '50px', + lineHeight: 1.15, + fontWeight: 300, + fontStyle: 'normal', + }, + headlineLight70: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '70px', + lineHeight: 1.15, + fontWeight: 300, + fontStyle: 'normal', + }, + headlineLightItalic14: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '14px', + lineHeight: 1.15, + fontWeight: 300, + fontStyle: 'italic', + }, + headlineLightItalic17: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '17px', + lineHeight: 1.15, + fontWeight: 300, + fontStyle: 'italic', + }, + headlineLightItalic20: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '20px', + lineHeight: 1.15, + fontWeight: 300, + fontStyle: 'italic', + }, + headlineLightItalic24: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '24px', + lineHeight: 1.15, + fontWeight: 300, + fontStyle: 'italic', + }, + headlineLightItalic28: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '28px', + lineHeight: 1.15, + fontWeight: 300, + fontStyle: 'italic', + }, + headlineLightItalic34: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '34px', + lineHeight: 1.15, + fontWeight: 300, + fontStyle: 'italic', + }, + headlineLightItalic42: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '42px', + lineHeight: 1.15, + fontWeight: 300, + fontStyle: 'italic', + }, + headlineLightItalic50: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '50px', + lineHeight: 1.15, + fontWeight: 300, + fontStyle: 'italic', + }, + headlineLightItalic70: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '70px', + lineHeight: 1.15, + fontWeight: 300, + fontStyle: 'italic', + }, + headlineMedium14: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '14px', + lineHeight: 1.15, + fontWeight: 500, + fontStyle: 'normal', + }, + headlineMedium17: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '17px', + lineHeight: 1.15, + fontWeight: 500, + fontStyle: 'normal', + }, + headlineMedium20: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '20px', + lineHeight: 1.15, + fontWeight: 500, + fontStyle: 'normal', + }, + headlineMedium24: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '24px', + lineHeight: 1.15, + fontWeight: 500, + fontStyle: 'normal', + }, + headlineMedium28: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '28px', + lineHeight: 1.15, + fontWeight: 500, + fontStyle: 'normal', + }, + headlineMedium34: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '34px', + lineHeight: 1.15, + fontWeight: 500, + fontStyle: 'normal', + }, + headlineMedium42: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '42px', + lineHeight: 1.15, + fontWeight: 500, + fontStyle: 'normal', + }, + headlineMedium50: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '50px', + lineHeight: 1.15, + fontWeight: 500, + fontStyle: 'normal', + }, + headlineMedium70: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '70px', + lineHeight: 1.15, + fontWeight: 500, + fontStyle: 'normal', + }, + headlineMediumItalic14: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '14px', + lineHeight: 1.15, + fontWeight: 500, + fontStyle: 'italic', + }, + headlineMediumItalic17: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '17px', + lineHeight: 1.15, + fontWeight: 500, + fontStyle: 'italic', + }, + headlineMediumItalic20: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '20px', + lineHeight: 1.15, + fontWeight: 500, + fontStyle: 'italic', + }, + headlineMediumItalic24: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '24px', + lineHeight: 1.15, + fontWeight: 500, + fontStyle: 'italic', + }, + headlineMediumItalic28: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '28px', + lineHeight: 1.15, + fontWeight: 500, + fontStyle: 'italic', + }, + headlineMediumItalic34: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '34px', + lineHeight: 1.15, + fontWeight: 500, + fontStyle: 'italic', + }, + headlineMediumItalic42: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '42px', + lineHeight: 1.15, + fontWeight: 500, + fontStyle: 'italic', + }, + headlineMediumItalic50: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '50px', + lineHeight: 1.15, + fontWeight: 500, + fontStyle: 'italic', + }, + headlineMediumItalic70: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '70px', + lineHeight: 1.15, + fontWeight: 700, + fontStyle: 'italic', + }, + kicker14: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '14px', + lineHeight: 1.15, + fontWeight: 700, + fontStyle: 'normal', + }, + kicker17: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '17px', + lineHeight: 1.15, + fontWeight: 700, + fontStyle: 'normal', + }, + kicker20: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '20px', + lineHeight: 1.15, + fontWeight: 700, + fontStyle: 'normal', + }, + kicker24: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '24px', + lineHeight: 1.15, + fontWeight: 700, + fontStyle: 'normal', + }, + kicker34: { + fontFamily: [ + 'GH Guardian Headline', + 'Guardian Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '34px', + lineHeight: 1.15, + fontWeight: 700, + fontStyle: 'normal', + }, + textEgyptian14: { + fontFamily: [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '14px', + lineHeight: 1.3, + fontWeight: 400, + fontStyle: 'normal', + }, + textEgyptian15: { + fontFamily: [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '15px', + lineHeight: 1.3, + fontWeight: 400, + fontStyle: 'normal', + }, + textEgyptian17: { + fontFamily: [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '17px', + lineHeight: 1.3, + fontWeight: 400, + fontStyle: 'normal', + }, + textEgyptianBold14: { + fontFamily: [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '14px', + lineHeight: 1.3, + fontWeight: 700, + fontStyle: 'normal', + }, + textEgyptianBold15: { + fontFamily: [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '15px', + lineHeight: 1.3, + fontWeight: 700, + fontStyle: 'normal', + }, + textEgyptianBold17: { + fontFamily: [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '17px', + lineHeight: 1.3, + fontWeight: 700, + fontStyle: 'normal', + }, + textEgyptianBoldItalic14: { + fontFamily: [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '14px', + lineHeight: 1.3, + fontWeight: 700, + fontStyle: 'italic', + }, + textEgyptianBoldItalic15: { + fontFamily: [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '15px', + lineHeight: 1.3, + fontWeight: 700, + fontStyle: 'italic', + }, + textEgyptianBoldItalic17: { + fontFamily: [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '17px', + lineHeight: 1.3, + fontWeight: 700, + fontStyle: 'italic', + }, + textEgyptianItalic14: { + fontFamily: [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '14px', + lineHeight: 1.3, + fontWeight: 400, + fontStyle: 'italic', + }, + textEgyptianItalic15: { + fontFamily: [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '15px', + lineHeight: 1.3, + fontWeight: 400, + fontStyle: 'italic', + }, + textEgyptianItalic17: { + fontFamily: [ + 'GuardianTextEgyptian', + 'Guardian Text Egyptian Web', + 'Georgia', + 'serif', + ], + fontSize: '17px', + lineHeight: 1.3, + fontWeight: 400, + fontStyle: 'italic', + }, + textSans12: { + fontFamily: [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ], + fontSize: '12px', + lineHeight: 1.3, + fontWeight: 400, + fontStyle: 'normal', + }, + textSans14: { + fontFamily: [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ], + fontSize: '12px', + lineHeight: 1.3, + fontWeight: 400, + fontStyle: 'normal', + }, + textSans15: { + fontFamily: [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ], + fontSize: '12px', + lineHeight: 1.3, + fontWeight: 400, + fontStyle: 'normal', + }, + textSans17: { + fontFamily: [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ], + fontSize: '12px', + lineHeight: 1.3, + fontWeight: 400, + fontStyle: 'normal', + }, + textSans20: { + fontFamily: [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ], + fontSize: '12px', + lineHeight: 1.3, + fontWeight: 400, + fontStyle: 'normal', + }, + textSans24: { + fontFamily: [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ], + fontSize: '12px', + lineHeight: 1.3, + fontWeight: 400, + fontStyle: 'normal', + }, + textSans28: { + fontFamily: [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ], + fontSize: '12px', + lineHeight: 1.3, + fontWeight: 400, + fontStyle: 'normal', + }, + textSans34: { + fontFamily: [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ], + fontSize: '12px', + lineHeight: 1.3, + fontWeight: 400, + fontStyle: 'normal', + }, + textSansBold12: { + fontFamily: [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ], + fontSize: '12px', + lineHeight: 1.3, + fontWeight: 700, + fontStyle: 'normal', + }, + textSansBold14: { + fontFamily: [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ], + fontSize: '12px', + lineHeight: 1.3, + fontWeight: 700, + fontStyle: 'normal', + }, + textSansBold15: { + fontFamily: [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ], + fontSize: '12px', + lineHeight: 1.3, + fontWeight: 700, + fontStyle: 'normal', + }, + textSansBold17: { + fontFamily: [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ], + fontSize: '12px', + lineHeight: 1.3, + fontWeight: 700, + fontStyle: 'normal', + }, + textSansBold20: { + fontFamily: [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ], + fontSize: '12px', + lineHeight: 1.3, + fontWeight: 700, + fontStyle: 'normal', + }, + textSansBold24: { fontFamily: [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', ], - fontSize: '17px', - lineHeight: 1.4, - fontWeight: 400, + fontSize: '12px', + lineHeight: 1.3, + fontWeight: 700, + fontStyle: 'normal', }, - small: { + textSansBold28: { fontFamily: [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', ], - fontSize: '15px', - lineHeight: 1.4, - fontWeight: 400, + fontSize: '12px', + lineHeight: 1.3, + fontWeight: 700, + fontStyle: 'normal', }, - xSmall: { + textSansBold34: { fontFamily: [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', ], - fontSize: '14px', - lineHeight: 1.4, + fontSize: '12px', + lineHeight: 1.3, + fontWeight: 700, + fontStyle: 'normal', + }, + textSansItalic12: { + fontFamily: [ + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', + ], + fontSize: '12px', + lineHeight: 1.3, fontWeight: 400, + fontStyle: 'italic', }, - }, - fontFamily: { - body: [ - 'GuardianTextEgyptian', - 'Guardian Text Egyptian Web', - 'Georgia', - 'serif', - ], - headline: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', - ], - textSans: [ - 'GuardianTextSans', - 'Guardian Text Sans Web', - 'Helvetica Neue', - 'Helvetica', - 'Arial', - 'Lucida Grande', - 'sans-serif', - ], - titlepiece: ['GT Guardian Titlepiece', 'Georgia', 'serif'], - }, - fontSize: { - 12: '12px', - 14: '14px', - 15: '15px', - 17: '17px', - 20: '20px', - 24: '24px', - 28: '28px', - 34: '34px', - 42: '42px', - 50: '50px', - 70: '70px', - }, - fontWeight: { - bold: 700, - light: 300, - medium: 500, - regular: 400, - }, - headline: { - large: { + textSansItalic14: { fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', ], - fontSize: '42px', - lineHeight: 1.15, - fontWeight: 500, + fontSize: '12px', + lineHeight: 1.3, + fontWeight: 400, + fontStyle: 'Italic', }, - medium: { + textSansItalic15: { fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', ], - fontSize: '34px', - lineHeight: 1.15, - fontWeight: 500, + fontSize: '12px', + lineHeight: 1.3, + fontWeight: 400, + fontStyle: 'italic', }, - small: { + textSansItalic17: { fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', ], - fontSize: '28px', - lineHeight: 1.15, - fontWeight: 500, + fontSize: '12px', + lineHeight: 1.3, + fontWeight: 400, + fontStyle: 'italic', }, - xLarge: { + textSansItalic20: { fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', ], - fontSize: '50px', - lineHeight: 1.15, - fontWeight: 500, + fontSize: '12px', + lineHeight: 1.3, + fontWeight: 400, + fontStyle: 'italic', }, - xSmall: { + textSansItalic24: { fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', ], - fontSize: '24px', - lineHeight: 1.15, - fontWeight: 500, + fontSize: '12px', + lineHeight: 1.3, + fontWeight: 400, + fontStyle: 'italic', }, - xxSmall: { + textSansItalic28: { fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', ], - fontSize: '20px', - lineHeight: 1.15, - fontWeight: 500, + fontSize: '12px', + lineHeight: 1.3, + fontWeight: 400, + fontStyle: 'italic', }, - xxxSmall: { + textSansItalic34: { fontFamily: [ - 'GH Guardian Headline', - 'Guardian Egyptian Web', - 'Georgia', - 'serif', + 'GuardianTextSans', + 'Guardian Text Sans Web', + 'Helvetica Neue', + 'Helvetica', + 'Arial', + 'Lucida Grande', + 'sans-serif', ], - fontSize: '17px', + fontSize: '12px', + lineHeight: 1.3, + fontWeight: 400, + fontStyle: 'italic', + }, + titlepiece42: { + fontFamily: ['GT Guardian Titlepiece', 'Georgia', 'serif'], + fontSize: '42px', lineHeight: 1.15, - fontWeight: 500, + fontWeight: 700, + fontStyle: 'normal', + }, + titlepiece50: { + fontFamily: ['GT Guardian Titlepiece', 'Georgia', 'serif'], + fontSize: '50px', + lineHeight: 1.15, + fontWeight: 700, + fontStyle: 'normal', + }, + titlepiece70: { + fontFamily: ['GT Guardian Titlepiece', 'Georgia', 'serif'], + fontSize: '70px', + lineHeight: 1.15, + fontWeight: 700, + fontStyle: 'normal', }, - }, - lineHeight: { - loose: 1.4, - regular: 1.3, - tight: 1.15, }, textDecorationThickness: { 2: '2px', diff --git a/libs/@guardian/design-tokens/variables.css b/libs/@guardian/design-tokens/variables.css index 543dea9b4..7d722f9cd 100644 --- a/libs/@guardian/design-tokens/variables.css +++ b/libs/@guardian/design-tokens/variables.css @@ -105,1399 +105,1435 @@ --source-palette-sport-800: #f1f8fc; --source-palette-success-400: #22874d; --source-palette-success-500: #58d08b; - --source-presets-article15-font-family: var( + --source-size-icon-medium: 1.875rem; + --source-size-icon-small: 1.625rem; + --source-size-icon-xSmall: 1.25rem; + --source-size-medium: 2.75rem; + --source-size-small: 2.25rem; + --source-size-xSmall: 1.5rem; + --source-space-0: 0.125rem; + --source-space-1: 0.25rem; + --source-space-2: 0.5rem; + --source-space-3: 0.75rem; + --source-space-4: 1rem; + --source-space-5: 1.25rem; + --source-space-6: 1.5rem; + --source-space-8: 2rem; + --source-space-9: 2.25rem; + --source-space-10: 2.5rem; + --source-space-12: 3rem; + --source-space-14: 3.5rem; + --source-space-16: 4rem; + --source-space-18: 4.5rem; + --source-space-24: 6rem; + --source-typography-body-medium-font-family: var( --source-typography-fontFamily-body ); - --source-presets-article15-font-size: var(--source-typography-fontSize-15); - --source-presets-article15-font-style: normal; - --source-presets-article15-font-weight: var( + --source-typography-body-medium-font-size: var( + --source-typography-fontSize-17 + ); + --source-typography-body-medium-font-weight: var( --source-typography-fontWeight-regular ); - --source-presets-article15-line-height: var( + --source-typography-body-medium-line-height: var( --source-typography-lineHeight-loose ); - --source-presets-article17-font-family: var( + --source-typography-body-small-font-family: var( --source-typography-fontFamily-body ); - --source-presets-article17-font-size: var(--source-typography-fontSize-17); - --source-presets-article17-font-style: normal; - --source-presets-article17-font-weight: var( + --source-typography-body-small-font-size: var( + --source-typography-fontSize-15 + ); + --source-typography-body-small-font-weight: var( --source-typography-fontWeight-regular ); - --source-presets-article17-line-height: var( + --source-typography-body-small-line-height: var( --source-typography-lineHeight-loose ); - --source-presets-articleBold15-font-family: var( + --source-typography-body-xSmall-font-family: var( --source-typography-fontFamily-body ); - --source-presets-articleBold15-font-size: var( + --source-typography-body-xSmall-font-size: var( + --source-typography-fontSize-14 + ); + --source-typography-body-xSmall-font-weight: var( + --source-typography-fontWeight-regular + ); + --source-typography-body-xSmall-line-height: var( + --source-typography-lineHeight-loose + ); + --source-typography-fontFamily-body: GuardianTextEgyptian, + 'Guardian Text Egyptian Web', Georgia, serif; + --source-typography-fontFamily-headline: 'GH Guardian Headline', + 'Guardian Egyptian Web', Georgia, serif; + --source-typography-fontFamily-textSans: GuardianTextSans, + 'Guardian Text Sans Web', 'Helvetica Neue', Helvetica, Arial, + 'Lucida Grande', sans-serif; + --source-typography-fontFamily-titlepiece: 'GT Guardian Titlepiece', Georgia, + serif; + --source-typography-fontSize-12: 0.75rem; + --source-typography-fontSize-14: 0.875rem; + --source-typography-fontSize-15: 0.9375rem; + --source-typography-fontSize-17: 1.0625rem; + --source-typography-fontSize-20: 1.25rem; + --source-typography-fontSize-24: 1.5rem; + --source-typography-fontSize-28: 1.75rem; + --source-typography-fontSize-34: 2.125rem; + --source-typography-fontSize-42: 2.625rem; + --source-typography-fontSize-50: 3.125rem; + --source-typography-fontSize-70: 4.375rem; + --source-typography-fontWeight-bold: 700; + --source-typography-fontWeight-light: 300; + --source-typography-fontWeight-medium: 500; + --source-typography-fontWeight-regular: 400; + --source-typography-headline-large-font-family: var( + --source-typography-fontFamily-headline + ); + --source-typography-headline-large-font-size: var( + --source-typography-fontSize-42 + ); + --source-typography-headline-large-font-weight: var( + --source-typography-fontWeight-medium + ); + --source-typography-headline-large-line-height: var( + --source-typography-lineHeight-tight + ); + --source-typography-headline-medium-font-family: var( + --source-typography-fontFamily-headline + ); + --source-typography-headline-medium-font-size: var( + --source-typography-fontSize-34 + ); + --source-typography-headline-medium-font-weight: var( + --source-typography-fontWeight-medium + ); + --source-typography-headline-medium-line-height: var( + --source-typography-lineHeight-tight + ); + --source-typography-headline-small-font-family: var( + --source-typography-fontFamily-headline + ); + --source-typography-headline-small-font-size: var( + --source-typography-fontSize-28 + ); + --source-typography-headline-small-font-weight: var( + --source-typography-fontWeight-medium + ); + --source-typography-headline-small-line-height: var( + --source-typography-lineHeight-tight + ); + --source-typography-headline-xLarge-font-family: var( + --source-typography-fontFamily-headline + ); + --source-typography-headline-xLarge-font-size: var( + --source-typography-fontSize-50 + ); + --source-typography-headline-xLarge-font-weight: var( + --source-typography-fontWeight-medium + ); + --source-typography-headline-xLarge-line-height: var( + --source-typography-lineHeight-tight + ); + --source-typography-headline-xSmall-font-family: var( + --source-typography-fontFamily-headline + ); + --source-typography-headline-xSmall-font-size: var( + --source-typography-fontSize-24 + ); + --source-typography-headline-xSmall-font-weight: var( + --source-typography-fontWeight-medium + ); + --source-typography-headline-xSmall-line-height: var( + --source-typography-lineHeight-tight + ); + --source-typography-headline-xxSmall-font-family: var( + --source-typography-fontFamily-headline + ); + --source-typography-headline-xxSmall-font-size: var( + --source-typography-fontSize-20 + ); + --source-typography-headline-xxSmall-font-weight: var( + --source-typography-fontWeight-medium + ); + --source-typography-headline-xxSmall-line-height: var( + --source-typography-lineHeight-tight + ); + --source-typography-headline-xxxSmall-font-family: var( + --source-typography-fontFamily-headline + ); + --source-typography-headline-xxxSmall-font-size: var( + --source-typography-fontSize-17 + ); + --source-typography-headline-xxxSmall-font-weight: var( + --source-typography-fontWeight-medium + ); + --source-typography-headline-xxxSmall-line-height: var( + --source-typography-lineHeight-tight + ); + --source-typography-lineHeight-loose: 1.4; + --source-typography-lineHeight-regular: 1.3; + --source-typography-lineHeight-tight: 1.15; + --source-typography-presets-article15-font-family: var( + --source-typography-fontFamily-body + ); + --source-typography-presets-article15-font-size: var( + --source-typography-fontSize-15 + ); + --source-typography-presets-article15-font-style: normal; + --source-typography-presets-article15-font-weight: var( + --source-typography-fontWeight-regular + ); + --source-typography-presets-article15-line-height: var( + --source-typography-lineHeight-loose + ); + --source-typography-presets-article17-font-family: var( + --source-typography-fontFamily-body + ); + --source-typography-presets-article17-font-size: var( + --source-typography-fontSize-17 + ); + --source-typography-presets-article17-font-style: normal; + --source-typography-presets-article17-font-weight: var( + --source-typography-fontWeight-regular + ); + --source-typography-presets-article17-line-height: var( + --source-typography-lineHeight-loose + ); + --source-typography-presets-articleBold15-font-family: var( + --source-typography-fontFamily-body + ); + --source-typography-presets-articleBold15-font-size: var( --source-typography-fontSize-15 ); - --source-presets-articleBold15-font-style: normal; - --source-presets-articleBold15-font-weight: var( + --source-typography-presets-articleBold15-font-style: normal; + --source-typography-presets-articleBold15-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-articleBold15-line-height: var( + --source-typography-presets-articleBold15-line-height: var( --source-typography-lineHeight-loose ); - --source-presets-articleBold17-font-family: var( + --source-typography-presets-articleBold17-font-family: var( --source-typography-fontFamily-body ); - --source-presets-articleBold17-font-size: var( + --source-typography-presets-articleBold17-font-size: var( --source-typography-fontSize-17 ); - --source-presets-articleBold17-font-style: normal; - --source-presets-articleBold17-font-weight: var( + --source-typography-presets-articleBold17-font-style: normal; + --source-typography-presets-articleBold17-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-articleBold17-line-height: var( + --source-typography-presets-articleBold17-line-height: var( --source-typography-lineHeight-loose ); - --source-presets-articleBoldItalic15-font-family: var( + --source-typography-presets-articleBoldItalic15-font-family: var( --source-typography-fontFamily-body ); - --source-presets-articleBoldItalic15-font-size: var( + --source-typography-presets-articleBoldItalic15-font-size: var( --source-typography-fontSize-15 ); - --source-presets-articleBoldItalic15-font-style: italic; - --source-presets-articleBoldItalic15-font-weight: var( + --source-typography-presets-articleBoldItalic15-font-style: italic; + --source-typography-presets-articleBoldItalic15-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-articleBoldItalic15-line-height: var( + --source-typography-presets-articleBoldItalic15-line-height: var( --source-typography-lineHeight-loose ); - --source-presets-articleBoldItalic17-font-family: var( + --source-typography-presets-articleBoldItalic17-font-family: var( --source-typography-fontFamily-body ); - --source-presets-articleBoldItalic17-font-size: var( + --source-typography-presets-articleBoldItalic17-font-size: var( --source-typography-fontSize-17 ); - --source-presets-articleBoldItalic17-font-style: italic; - --source-presets-articleBoldItalic17-font-weight: var( + --source-typography-presets-articleBoldItalic17-font-style: italic; + --source-typography-presets-articleBoldItalic17-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-articleBoldItalic17-line-height: var( + --source-typography-presets-articleBoldItalic17-line-height: var( --source-typography-lineHeight-loose ); - --source-presets-articleItalic15-font-family: var( + --source-typography-presets-articleItalic15-font-family: var( --source-typography-fontFamily-body ); - --source-presets-articleItalic15-font-size: var( + --source-typography-presets-articleItalic15-font-size: var( --source-typography-fontSize-15 ); - --source-presets-articleItalic15-font-style: italic; - --source-presets-articleItalic15-font-weight: var( + --source-typography-presets-articleItalic15-font-style: italic; + --source-typography-presets-articleItalic15-font-weight: var( --source-typography-fontWeight-regular ); - --source-presets-articleItalic15-line-height: var( + --source-typography-presets-articleItalic15-line-height: var( --source-typography-lineHeight-loose ); - --source-presets-articleItalic17-font-family: var( + --source-typography-presets-articleItalic17-font-family: var( --source-typography-fontFamily-body ); - --source-presets-articleItalic17-font-size: var( + --source-typography-presets-articleItalic17-font-size: var( --source-typography-fontSize-17 ); - --source-presets-articleItalic17-font-style: italic; - --source-presets-articleItalic17-font-weight: var( + --source-typography-presets-articleItalic17-font-style: italic; + --source-typography-presets-articleItalic17-font-weight: var( --source-typography-fontWeight-regular ); - --source-presets-articleItalic17-line-height: var( + --source-typography-presets-articleItalic17-line-height: var( --source-typography-lineHeight-loose ); - --source-presets-headlineBold14-font-family: var( + --source-typography-presets-headlineBold14-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineBold14-font-size: var( + --source-typography-presets-headlineBold14-font-size: var( --source-typography-fontSize-14 ); - --source-presets-headlineBold14-font-style: normal; - --source-presets-headlineBold14-font-weight: var( + --source-typography-presets-headlineBold14-font-style: normal; + --source-typography-presets-headlineBold14-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-headlineBold14-line-height: var( + --source-typography-presets-headlineBold14-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineBold17-font-family: var( + --source-typography-presets-headlineBold17-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineBold17-font-size: var( + --source-typography-presets-headlineBold17-font-size: var( --source-typography-fontSize-17 ); - --source-presets-headlineBold17-font-style: normal; - --source-presets-headlineBold17-font-weight: var( + --source-typography-presets-headlineBold17-font-style: normal; + --source-typography-presets-headlineBold17-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-headlineBold17-line-height: var( + --source-typography-presets-headlineBold17-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineBold20-font-family: var( + --source-typography-presets-headlineBold20-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineBold20-font-size: var( + --source-typography-presets-headlineBold20-font-size: var( --source-typography-fontSize-20 ); - --source-presets-headlineBold20-font-style: normal; - --source-presets-headlineBold20-font-weight: var( + --source-typography-presets-headlineBold20-font-style: normal; + --source-typography-presets-headlineBold20-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-headlineBold20-line-height: var( + --source-typography-presets-headlineBold20-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineBold24-font-family: var( + --source-typography-presets-headlineBold24-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineBold24-font-size: var( + --source-typography-presets-headlineBold24-font-size: var( --source-typography-fontSize-24 ); - --source-presets-headlineBold24-font-style: normal; - --source-presets-headlineBold24-font-weight: var( + --source-typography-presets-headlineBold24-font-style: normal; + --source-typography-presets-headlineBold24-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-headlineBold24-line-height: var( + --source-typography-presets-headlineBold24-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineBold28-font-family: var( + --source-typography-presets-headlineBold28-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineBold28-font-size: var( + --source-typography-presets-headlineBold28-font-size: var( --source-typography-fontSize-28 ); - --source-presets-headlineBold28-font-style: normal; - --source-presets-headlineBold28-font-weight: var( + --source-typography-presets-headlineBold28-font-style: normal; + --source-typography-presets-headlineBold28-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-headlineBold28-line-height: var( + --source-typography-presets-headlineBold28-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineBold34-font-family: var( + --source-typography-presets-headlineBold34-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineBold34-font-size: var( + --source-typography-presets-headlineBold34-font-size: var( --source-typography-fontSize-34 ); - --source-presets-headlineBold34-font-style: normal; - --source-presets-headlineBold34-font-weight: var( + --source-typography-presets-headlineBold34-font-style: normal; + --source-typography-presets-headlineBold34-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-headlineBold34-line-height: var( + --source-typography-presets-headlineBold34-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineBold42-font-family: var( + --source-typography-presets-headlineBold42-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineBold42-font-size: var( + --source-typography-presets-headlineBold42-font-size: var( --source-typography-fontSize-42 ); - --source-presets-headlineBold42-font-style: normal; - --source-presets-headlineBold42-font-weight: var( + --source-typography-presets-headlineBold42-font-style: normal; + --source-typography-presets-headlineBold42-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-headlineBold42-line-height: var( + --source-typography-presets-headlineBold42-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineBold50-font-family: var( + --source-typography-presets-headlineBold50-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineBold50-font-size: var( + --source-typography-presets-headlineBold50-font-size: var( --source-typography-fontSize-50 ); - --source-presets-headlineBold50-font-style: normal; - --source-presets-headlineBold50-font-weight: var( + --source-typography-presets-headlineBold50-font-style: normal; + --source-typography-presets-headlineBold50-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-headlineBold50-line-height: var( + --source-typography-presets-headlineBold50-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineBold70-font-family: var( + --source-typography-presets-headlineBold70-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineBold70-font-size: var( + --source-typography-presets-headlineBold70-font-size: var( --source-typography-fontSize-70 ); - --source-presets-headlineBold70-font-style: normal; - --source-presets-headlineBold70-font-weight: var( + --source-typography-presets-headlineBold70-font-style: normal; + --source-typography-presets-headlineBold70-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-headlineBold70-line-height: var( + --source-typography-presets-headlineBold70-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineLight14-font-family: var( + --source-typography-presets-headlineLight14-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineLight14-font-size: var( + --source-typography-presets-headlineLight14-font-size: var( --source-typography-fontSize-14 ); - --source-presets-headlineLight14-font-style: normal; - --source-presets-headlineLight14-font-weight: var( + --source-typography-presets-headlineLight14-font-style: normal; + --source-typography-presets-headlineLight14-font-weight: var( --source-typography-fontWeight-light ); - --source-presets-headlineLight14-line-height: var( + --source-typography-presets-headlineLight14-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineLight17-font-family: var( + --source-typography-presets-headlineLight17-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineLight17-font-size: var( + --source-typography-presets-headlineLight17-font-size: var( --source-typography-fontSize-17 ); - --source-presets-headlineLight17-font-style: normal; - --source-presets-headlineLight17-font-weight: var( + --source-typography-presets-headlineLight17-font-style: normal; + --source-typography-presets-headlineLight17-font-weight: var( --source-typography-fontWeight-light ); - --source-presets-headlineLight17-line-height: var( + --source-typography-presets-headlineLight17-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineLight20-font-family: var( + --source-typography-presets-headlineLight20-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineLight20-font-size: var( + --source-typography-presets-headlineLight20-font-size: var( --source-typography-fontSize-20 ); - --source-presets-headlineLight20-font-style: normal; - --source-presets-headlineLight20-font-weight: var( + --source-typography-presets-headlineLight20-font-style: normal; + --source-typography-presets-headlineLight20-font-weight: var( --source-typography-fontWeight-light ); - --source-presets-headlineLight20-line-height: var( + --source-typography-presets-headlineLight20-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineLight24-font-family: var( + --source-typography-presets-headlineLight24-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineLight24-font-size: var( + --source-typography-presets-headlineLight24-font-size: var( --source-typography-fontSize-24 ); - --source-presets-headlineLight24-font-style: normal; - --source-presets-headlineLight24-font-weight: var( + --source-typography-presets-headlineLight24-font-style: normal; + --source-typography-presets-headlineLight24-font-weight: var( --source-typography-fontWeight-light ); - --source-presets-headlineLight24-line-height: var( + --source-typography-presets-headlineLight24-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineLight28-font-family: var( + --source-typography-presets-headlineLight28-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineLight28-font-size: var( + --source-typography-presets-headlineLight28-font-size: var( --source-typography-fontSize-28 ); - --source-presets-headlineLight28-font-style: normal; - --source-presets-headlineLight28-font-weight: var( + --source-typography-presets-headlineLight28-font-style: normal; + --source-typography-presets-headlineLight28-font-weight: var( --source-typography-fontWeight-light ); - --source-presets-headlineLight28-line-height: var( + --source-typography-presets-headlineLight28-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineLight34-font-family: var( + --source-typography-presets-headlineLight34-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineLight34-font-size: var( + --source-typography-presets-headlineLight34-font-size: var( --source-typography-fontSize-34 ); - --source-presets-headlineLight34-font-style: normal; - --source-presets-headlineLight34-font-weight: var( + --source-typography-presets-headlineLight34-font-style: normal; + --source-typography-presets-headlineLight34-font-weight: var( --source-typography-fontWeight-light ); - --source-presets-headlineLight34-line-height: var( + --source-typography-presets-headlineLight34-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineLight42-font-family: var( + --source-typography-presets-headlineLight42-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineLight42-font-size: var( + --source-typography-presets-headlineLight42-font-size: var( --source-typography-fontSize-42 ); - --source-presets-headlineLight42-font-style: normal; - --source-presets-headlineLight42-font-weight: var( + --source-typography-presets-headlineLight42-font-style: normal; + --source-typography-presets-headlineLight42-font-weight: var( --source-typography-fontWeight-light ); - --source-presets-headlineLight42-line-height: var( + --source-typography-presets-headlineLight42-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineLight50-font-family: var( + --source-typography-presets-headlineLight50-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineLight50-font-size: var( + --source-typography-presets-headlineLight50-font-size: var( --source-typography-fontSize-50 ); - --source-presets-headlineLight50-font-style: normal; - --source-presets-headlineLight50-font-weight: var( + --source-typography-presets-headlineLight50-font-style: normal; + --source-typography-presets-headlineLight50-font-weight: var( --source-typography-fontWeight-light ); - --source-presets-headlineLight50-line-height: var( + --source-typography-presets-headlineLight50-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineLight70-font-family: var( + --source-typography-presets-headlineLight70-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineLight70-font-size: var( + --source-typography-presets-headlineLight70-font-size: var( --source-typography-fontSize-70 ); - --source-presets-headlineLight70-font-style: normal; - --source-presets-headlineLight70-font-weight: var( + --source-typography-presets-headlineLight70-font-style: normal; + --source-typography-presets-headlineLight70-font-weight: var( --source-typography-fontWeight-light ); - --source-presets-headlineLight70-line-height: var( + --source-typography-presets-headlineLight70-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineLightItalic14-font-family: var( + --source-typography-presets-headlineLightItalic14-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineLightItalic14-font-size: var( + --source-typography-presets-headlineLightItalic14-font-size: var( --source-typography-fontSize-14 ); - --source-presets-headlineLightItalic14-font-style: italic; - --source-presets-headlineLightItalic14-font-weight: var( + --source-typography-presets-headlineLightItalic14-font-style: italic; + --source-typography-presets-headlineLightItalic14-font-weight: var( --source-typography-fontWeight-light ); - --source-presets-headlineLightItalic14-line-height: var( + --source-typography-presets-headlineLightItalic14-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineLightItalic17-font-family: var( + --source-typography-presets-headlineLightItalic17-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineLightItalic17-font-size: var( + --source-typography-presets-headlineLightItalic17-font-size: var( --source-typography-fontSize-17 ); - --source-presets-headlineLightItalic17-font-style: italic; - --source-presets-headlineLightItalic17-font-weight: var( + --source-typography-presets-headlineLightItalic17-font-style: italic; + --source-typography-presets-headlineLightItalic17-font-weight: var( --source-typography-fontWeight-light ); - --source-presets-headlineLightItalic17-line-height: var( + --source-typography-presets-headlineLightItalic17-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineLightItalic20-font-family: var( + --source-typography-presets-headlineLightItalic20-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineLightItalic20-font-size: var( + --source-typography-presets-headlineLightItalic20-font-size: var( --source-typography-fontSize-20 ); - --source-presets-headlineLightItalic20-font-style: italic; - --source-presets-headlineLightItalic20-font-weight: var( + --source-typography-presets-headlineLightItalic20-font-style: italic; + --source-typography-presets-headlineLightItalic20-font-weight: var( --source-typography-fontWeight-light ); - --source-presets-headlineLightItalic20-line-height: var( + --source-typography-presets-headlineLightItalic20-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineLightItalic24-font-family: var( + --source-typography-presets-headlineLightItalic24-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineLightItalic24-font-size: var( + --source-typography-presets-headlineLightItalic24-font-size: var( --source-typography-fontSize-24 ); - --source-presets-headlineLightItalic24-font-style: italic; - --source-presets-headlineLightItalic24-font-weight: var( + --source-typography-presets-headlineLightItalic24-font-style: italic; + --source-typography-presets-headlineLightItalic24-font-weight: var( --source-typography-fontWeight-light ); - --source-presets-headlineLightItalic24-line-height: var( + --source-typography-presets-headlineLightItalic24-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineLightItalic28-font-family: var( + --source-typography-presets-headlineLightItalic28-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineLightItalic28-font-size: var( + --source-typography-presets-headlineLightItalic28-font-size: var( --source-typography-fontSize-28 ); - --source-presets-headlineLightItalic28-font-style: italic; - --source-presets-headlineLightItalic28-font-weight: var( + --source-typography-presets-headlineLightItalic28-font-style: italic; + --source-typography-presets-headlineLightItalic28-font-weight: var( --source-typography-fontWeight-light ); - --source-presets-headlineLightItalic28-line-height: var( + --source-typography-presets-headlineLightItalic28-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineLightItalic34-font-family: var( + --source-typography-presets-headlineLightItalic34-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineLightItalic34-font-size: var( + --source-typography-presets-headlineLightItalic34-font-size: var( --source-typography-fontSize-34 ); - --source-presets-headlineLightItalic34-font-style: italic; - --source-presets-headlineLightItalic34-font-weight: var( + --source-typography-presets-headlineLightItalic34-font-style: italic; + --source-typography-presets-headlineLightItalic34-font-weight: var( --source-typography-fontWeight-light ); - --source-presets-headlineLightItalic34-line-height: var( + --source-typography-presets-headlineLightItalic34-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineLightItalic42-font-family: var( + --source-typography-presets-headlineLightItalic42-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineLightItalic42-font-size: var( + --source-typography-presets-headlineLightItalic42-font-size: var( --source-typography-fontSize-42 ); - --source-presets-headlineLightItalic42-font-style: italic; - --source-presets-headlineLightItalic42-font-weight: var( + --source-typography-presets-headlineLightItalic42-font-style: italic; + --source-typography-presets-headlineLightItalic42-font-weight: var( --source-typography-fontWeight-light ); - --source-presets-headlineLightItalic42-line-height: var( + --source-typography-presets-headlineLightItalic42-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineLightItalic50-font-family: var( + --source-typography-presets-headlineLightItalic50-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineLightItalic50-font-size: var( + --source-typography-presets-headlineLightItalic50-font-size: var( --source-typography-fontSize-50 ); - --source-presets-headlineLightItalic50-font-style: italic; - --source-presets-headlineLightItalic50-font-weight: var( + --source-typography-presets-headlineLightItalic50-font-style: italic; + --source-typography-presets-headlineLightItalic50-font-weight: var( --source-typography-fontWeight-light ); - --source-presets-headlineLightItalic50-line-height: var( + --source-typography-presets-headlineLightItalic50-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineLightItalic70-font-family: var( + --source-typography-presets-headlineLightItalic70-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineLightItalic70-font-size: var( + --source-typography-presets-headlineLightItalic70-font-size: var( --source-typography-fontSize-70 ); - --source-presets-headlineLightItalic70-font-style: italic; - --source-presets-headlineLightItalic70-font-weight: var( + --source-typography-presets-headlineLightItalic70-font-style: italic; + --source-typography-presets-headlineLightItalic70-font-weight: var( --source-typography-fontWeight-light ); - --source-presets-headlineLightItalic70-line-height: var( + --source-typography-presets-headlineLightItalic70-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineMedium14-font-family: var( + --source-typography-presets-headlineMedium14-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineMedium14-font-size: var( + --source-typography-presets-headlineMedium14-font-size: var( --source-typography-fontSize-14 ); - --source-presets-headlineMedium14-font-style: normal; - --source-presets-headlineMedium14-font-weight: var( + --source-typography-presets-headlineMedium14-font-style: normal; + --source-typography-presets-headlineMedium14-font-weight: var( --source-typography-fontWeight-medium ); - --source-presets-headlineMedium14-line-height: var( + --source-typography-presets-headlineMedium14-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineMedium17-font-family: var( + --source-typography-presets-headlineMedium17-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineMedium17-font-size: var( + --source-typography-presets-headlineMedium17-font-size: var( --source-typography-fontSize-17 ); - --source-presets-headlineMedium17-font-style: normal; - --source-presets-headlineMedium17-font-weight: var( + --source-typography-presets-headlineMedium17-font-style: normal; + --source-typography-presets-headlineMedium17-font-weight: var( --source-typography-fontWeight-medium ); - --source-presets-headlineMedium17-line-height: var( + --source-typography-presets-headlineMedium17-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineMedium20-font-family: var( + --source-typography-presets-headlineMedium20-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineMedium20-font-size: var( + --source-typography-presets-headlineMedium20-font-size: var( --source-typography-fontSize-20 ); - --source-presets-headlineMedium20-font-style: normal; - --source-presets-headlineMedium20-font-weight: var( + --source-typography-presets-headlineMedium20-font-style: normal; + --source-typography-presets-headlineMedium20-font-weight: var( --source-typography-fontWeight-medium ); - --source-presets-headlineMedium20-line-height: var( + --source-typography-presets-headlineMedium20-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineMedium24-font-family: var( + --source-typography-presets-headlineMedium24-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineMedium24-font-size: var( + --source-typography-presets-headlineMedium24-font-size: var( --source-typography-fontSize-24 ); - --source-presets-headlineMedium24-font-style: normal; - --source-presets-headlineMedium24-font-weight: var( + --source-typography-presets-headlineMedium24-font-style: normal; + --source-typography-presets-headlineMedium24-font-weight: var( --source-typography-fontWeight-medium ); - --source-presets-headlineMedium24-line-height: var( + --source-typography-presets-headlineMedium24-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineMedium28-font-family: var( + --source-typography-presets-headlineMedium28-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineMedium28-font-size: var( + --source-typography-presets-headlineMedium28-font-size: var( --source-typography-fontSize-28 ); - --source-presets-headlineMedium28-font-style: normal; - --source-presets-headlineMedium28-font-weight: var( + --source-typography-presets-headlineMedium28-font-style: normal; + --source-typography-presets-headlineMedium28-font-weight: var( --source-typography-fontWeight-medium ); - --source-presets-headlineMedium28-line-height: var( + --source-typography-presets-headlineMedium28-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineMedium34-font-family: var( + --source-typography-presets-headlineMedium34-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineMedium34-font-size: var( + --source-typography-presets-headlineMedium34-font-size: var( --source-typography-fontSize-34 ); - --source-presets-headlineMedium34-font-style: normal; - --source-presets-headlineMedium34-font-weight: var( + --source-typography-presets-headlineMedium34-font-style: normal; + --source-typography-presets-headlineMedium34-font-weight: var( --source-typography-fontWeight-medium ); - --source-presets-headlineMedium34-line-height: var( + --source-typography-presets-headlineMedium34-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineMedium42-font-family: var( + --source-typography-presets-headlineMedium42-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineMedium42-font-size: var( + --source-typography-presets-headlineMedium42-font-size: var( --source-typography-fontSize-42 ); - --source-presets-headlineMedium42-font-style: normal; - --source-presets-headlineMedium42-font-weight: var( + --source-typography-presets-headlineMedium42-font-style: normal; + --source-typography-presets-headlineMedium42-font-weight: var( --source-typography-fontWeight-medium ); - --source-presets-headlineMedium42-line-height: var( + --source-typography-presets-headlineMedium42-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineMedium50-font-family: var( + --source-typography-presets-headlineMedium50-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineMedium50-font-size: var( + --source-typography-presets-headlineMedium50-font-size: var( --source-typography-fontSize-50 ); - --source-presets-headlineMedium50-font-style: normal; - --source-presets-headlineMedium50-font-weight: var( + --source-typography-presets-headlineMedium50-font-style: normal; + --source-typography-presets-headlineMedium50-font-weight: var( --source-typography-fontWeight-medium ); - --source-presets-headlineMedium50-line-height: var( + --source-typography-presets-headlineMedium50-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineMedium70-font-family: var( + --source-typography-presets-headlineMedium70-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineMedium70-font-size: var( + --source-typography-presets-headlineMedium70-font-size: var( --source-typography-fontSize-70 ); - --source-presets-headlineMedium70-font-style: normal; - --source-presets-headlineMedium70-font-weight: var( + --source-typography-presets-headlineMedium70-font-style: normal; + --source-typography-presets-headlineMedium70-font-weight: var( --source-typography-fontWeight-medium ); - --source-presets-headlineMedium70-line-height: var( + --source-typography-presets-headlineMedium70-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineMediumItalic14-font-family: var( + --source-typography-presets-headlineMediumItalic14-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineMediumItalic14-font-size: var( + --source-typography-presets-headlineMediumItalic14-font-size: var( --source-typography-fontSize-14 ); - --source-presets-headlineMediumItalic14-font-style: italic; - --source-presets-headlineMediumItalic14-font-weight: var( + --source-typography-presets-headlineMediumItalic14-font-style: italic; + --source-typography-presets-headlineMediumItalic14-font-weight: var( --source-typography-fontWeight-medium ); - --source-presets-headlineMediumItalic14-line-height: var( + --source-typography-presets-headlineMediumItalic14-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineMediumItalic17-font-family: var( + --source-typography-presets-headlineMediumItalic17-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineMediumItalic17-font-size: var( + --source-typography-presets-headlineMediumItalic17-font-size: var( --source-typography-fontSize-17 ); - --source-presets-headlineMediumItalic17-font-style: italic; - --source-presets-headlineMediumItalic17-font-weight: var( + --source-typography-presets-headlineMediumItalic17-font-style: italic; + --source-typography-presets-headlineMediumItalic17-font-weight: var( --source-typography-fontWeight-medium ); - --source-presets-headlineMediumItalic17-line-height: var( + --source-typography-presets-headlineMediumItalic17-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineMediumItalic20-font-family: var( + --source-typography-presets-headlineMediumItalic20-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineMediumItalic20-font-size: var( + --source-typography-presets-headlineMediumItalic20-font-size: var( --source-typography-fontSize-20 ); - --source-presets-headlineMediumItalic20-font-style: italic; - --source-presets-headlineMediumItalic20-font-weight: var( + --source-typography-presets-headlineMediumItalic20-font-style: italic; + --source-typography-presets-headlineMediumItalic20-font-weight: var( --source-typography-fontWeight-medium ); - --source-presets-headlineMediumItalic20-line-height: var( + --source-typography-presets-headlineMediumItalic20-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineMediumItalic24-font-family: var( + --source-typography-presets-headlineMediumItalic24-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineMediumItalic24-font-size: var( + --source-typography-presets-headlineMediumItalic24-font-size: var( --source-typography-fontSize-24 ); - --source-presets-headlineMediumItalic24-font-style: italic; - --source-presets-headlineMediumItalic24-font-weight: var( + --source-typography-presets-headlineMediumItalic24-font-style: italic; + --source-typography-presets-headlineMediumItalic24-font-weight: var( --source-typography-fontWeight-medium ); - --source-presets-headlineMediumItalic24-line-height: var( + --source-typography-presets-headlineMediumItalic24-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineMediumItalic28-font-family: var( + --source-typography-presets-headlineMediumItalic28-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineMediumItalic28-font-size: var( + --source-typography-presets-headlineMediumItalic28-font-size: var( --source-typography-fontSize-28 ); - --source-presets-headlineMediumItalic28-font-style: italic; - --source-presets-headlineMediumItalic28-font-weight: var( + --source-typography-presets-headlineMediumItalic28-font-style: italic; + --source-typography-presets-headlineMediumItalic28-font-weight: var( --source-typography-fontWeight-medium ); - --source-presets-headlineMediumItalic28-line-height: var( + --source-typography-presets-headlineMediumItalic28-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineMediumItalic34-font-family: var( + --source-typography-presets-headlineMediumItalic34-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineMediumItalic34-font-size: var( + --source-typography-presets-headlineMediumItalic34-font-size: var( --source-typography-fontSize-34 ); - --source-presets-headlineMediumItalic34-font-style: italic; - --source-presets-headlineMediumItalic34-font-weight: var( + --source-typography-presets-headlineMediumItalic34-font-style: italic; + --source-typography-presets-headlineMediumItalic34-font-weight: var( --source-typography-fontWeight-medium ); - --source-presets-headlineMediumItalic34-line-height: var( + --source-typography-presets-headlineMediumItalic34-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineMediumItalic42-font-family: var( + --source-typography-presets-headlineMediumItalic42-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineMediumItalic42-font-size: var( + --source-typography-presets-headlineMediumItalic42-font-size: var( --source-typography-fontSize-42 ); - --source-presets-headlineMediumItalic42-font-style: italic; - --source-presets-headlineMediumItalic42-font-weight: var( + --source-typography-presets-headlineMediumItalic42-font-style: italic; + --source-typography-presets-headlineMediumItalic42-font-weight: var( --source-typography-fontWeight-medium ); - --source-presets-headlineMediumItalic42-line-height: var( + --source-typography-presets-headlineMediumItalic42-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineMediumItalic50-font-family: var( + --source-typography-presets-headlineMediumItalic50-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineMediumItalic50-font-size: var( + --source-typography-presets-headlineMediumItalic50-font-size: var( --source-typography-fontSize-50 ); - --source-presets-headlineMediumItalic50-font-style: italic; - --source-presets-headlineMediumItalic50-font-weight: var( + --source-typography-presets-headlineMediumItalic50-font-style: italic; + --source-typography-presets-headlineMediumItalic50-font-weight: var( --source-typography-fontWeight-medium ); - --source-presets-headlineMediumItalic50-line-height: var( + --source-typography-presets-headlineMediumItalic50-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-headlineMediumItalic70-font-family: var( + --source-typography-presets-headlineMediumItalic70-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-headlineMediumItalic70-font-size: var( + --source-typography-presets-headlineMediumItalic70-font-size: var( --source-typography-fontSize-70 ); - --source-presets-headlineMediumItalic70-font-style: italic; - --source-presets-headlineMediumItalic70-font-weight: var( + --source-typography-presets-headlineMediumItalic70-font-style: italic; + --source-typography-presets-headlineMediumItalic70-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-headlineMediumItalic70-line-height: var( + --source-typography-presets-headlineMediumItalic70-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-kicker14-font-family: var( + --source-typography-presets-kicker14-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-kicker14-font-size: var(--source-typography-fontSize-14); - --source-presets-kicker14-font-style: normal; - --source-presets-kicker14-font-weight: var( + --source-typography-presets-kicker14-font-size: var( + --source-typography-fontSize-14 + ); + --source-typography-presets-kicker14-font-style: normal; + --source-typography-presets-kicker14-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-kicker14-line-height: var( + --source-typography-presets-kicker14-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-kicker17-font-family: var( + --source-typography-presets-kicker17-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-kicker17-font-size: var(--source-typography-fontSize-17); - --source-presets-kicker17-font-style: normal; - --source-presets-kicker17-font-weight: var( + --source-typography-presets-kicker17-font-size: var( + --source-typography-fontSize-17 + ); + --source-typography-presets-kicker17-font-style: normal; + --source-typography-presets-kicker17-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-kicker17-line-height: var( + --source-typography-presets-kicker17-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-kicker20-font-family: var( + --source-typography-presets-kicker20-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-kicker20-font-size: var(--source-typography-fontSize-20); - --source-presets-kicker20-font-style: normal; - --source-presets-kicker20-font-weight: var( + --source-typography-presets-kicker20-font-size: var( + --source-typography-fontSize-20 + ); + --source-typography-presets-kicker20-font-style: normal; + --source-typography-presets-kicker20-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-kicker20-line-height: var( + --source-typography-presets-kicker20-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-kicker24-font-family: var( + --source-typography-presets-kicker24-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-kicker24-font-size: var(--source-typography-fontSize-24); - --source-presets-kicker24-font-style: normal; - --source-presets-kicker24-font-weight: var( + --source-typography-presets-kicker24-font-size: var( + --source-typography-fontSize-24 + ); + --source-typography-presets-kicker24-font-style: normal; + --source-typography-presets-kicker24-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-kicker24-line-height: var( + --source-typography-presets-kicker24-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-kicker34-font-family: var( + --source-typography-presets-kicker34-font-family: var( --source-typography-fontFamily-headline ); - --source-presets-kicker34-font-size: var(--source-typography-fontSize-34); - --source-presets-kicker34-font-style: normal; - --source-presets-kicker34-font-weight: var( + --source-typography-presets-kicker34-font-size: var( + --source-typography-fontSize-34 + ); + --source-typography-presets-kicker34-font-style: normal; + --source-typography-presets-kicker34-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-kicker34-line-height: var( + --source-typography-presets-kicker34-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-textEgyptian14-font-family: var( + --source-typography-presets-textEgyptian14-font-family: var( --source-typography-fontFamily-body ); - --source-presets-textEgyptian14-font-size: var( + --source-typography-presets-textEgyptian14-font-size: var( --source-typography-fontSize-14 ); - --source-presets-textEgyptian14-font-style: normal; - --source-presets-textEgyptian14-font-weight: var( + --source-typography-presets-textEgyptian14-font-style: normal; + --source-typography-presets-textEgyptian14-font-weight: var( --source-typography-fontWeight-regular ); - --source-presets-textEgyptian14-line-height: var( + --source-typography-presets-textEgyptian14-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textEgyptian15-font-family: var( + --source-typography-presets-textEgyptian15-font-family: var( --source-typography-fontFamily-body ); - --source-presets-textEgyptian15-font-size: var( + --source-typography-presets-textEgyptian15-font-size: var( --source-typography-fontSize-15 ); - --source-presets-textEgyptian15-font-style: normal; - --source-presets-textEgyptian15-font-weight: var( + --source-typography-presets-textEgyptian15-font-style: normal; + --source-typography-presets-textEgyptian15-font-weight: var( --source-typography-fontWeight-regular ); - --source-presets-textEgyptian15-line-height: var( + --source-typography-presets-textEgyptian15-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textEgyptian17-font-family: var( + --source-typography-presets-textEgyptian17-font-family: var( --source-typography-fontFamily-body ); - --source-presets-textEgyptian17-font-size: var( + --source-typography-presets-textEgyptian17-font-size: var( --source-typography-fontSize-17 ); - --source-presets-textEgyptian17-font-style: normal; - --source-presets-textEgyptian17-font-weight: var( + --source-typography-presets-textEgyptian17-font-style: normal; + --source-typography-presets-textEgyptian17-font-weight: var( --source-typography-fontWeight-regular ); - --source-presets-textEgyptian17-line-height: var( + --source-typography-presets-textEgyptian17-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textEgyptianBold14-font-family: var( + --source-typography-presets-textEgyptianBold14-font-family: var( --source-typography-fontFamily-body ); - --source-presets-textEgyptianBold14-font-size: var( + --source-typography-presets-textEgyptianBold14-font-size: var( --source-typography-fontSize-14 ); - --source-presets-textEgyptianBold14-font-style: normal; - --source-presets-textEgyptianBold14-font-weight: var( + --source-typography-presets-textEgyptianBold14-font-style: normal; + --source-typography-presets-textEgyptianBold14-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-textEgyptianBold14-line-height: var( + --source-typography-presets-textEgyptianBold14-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textEgyptianBold15-font-family: var( + --source-typography-presets-textEgyptianBold15-font-family: var( --source-typography-fontFamily-body ); - --source-presets-textEgyptianBold15-font-size: var( + --source-typography-presets-textEgyptianBold15-font-size: var( --source-typography-fontSize-15 ); - --source-presets-textEgyptianBold15-font-style: normal; - --source-presets-textEgyptianBold15-font-weight: var( + --source-typography-presets-textEgyptianBold15-font-style: normal; + --source-typography-presets-textEgyptianBold15-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-textEgyptianBold15-line-height: var( + --source-typography-presets-textEgyptianBold15-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textEgyptianBold17-font-family: var( + --source-typography-presets-textEgyptianBold17-font-family: var( --source-typography-fontFamily-body ); - --source-presets-textEgyptianBold17-font-size: var( + --source-typography-presets-textEgyptianBold17-font-size: var( --source-typography-fontSize-17 ); - --source-presets-textEgyptianBold17-font-style: normal; - --source-presets-textEgyptianBold17-font-weight: var( + --source-typography-presets-textEgyptianBold17-font-style: normal; + --source-typography-presets-textEgyptianBold17-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-textEgyptianBold17-line-height: var( + --source-typography-presets-textEgyptianBold17-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textEgyptianBoldItalic14-font-family: var( + --source-typography-presets-textEgyptianBoldItalic14-font-family: var( --source-typography-fontFamily-body ); - --source-presets-textEgyptianBoldItalic14-font-size: var( + --source-typography-presets-textEgyptianBoldItalic14-font-size: var( --source-typography-fontSize-14 ); - --source-presets-textEgyptianBoldItalic14-font-style: italic; - --source-presets-textEgyptianBoldItalic14-font-weight: var( + --source-typography-presets-textEgyptianBoldItalic14-font-style: italic; + --source-typography-presets-textEgyptianBoldItalic14-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-textEgyptianBoldItalic14-line-height: var( + --source-typography-presets-textEgyptianBoldItalic14-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textEgyptianBoldItalic15-font-family: var( + --source-typography-presets-textEgyptianBoldItalic15-font-family: var( --source-typography-fontFamily-body ); - --source-presets-textEgyptianBoldItalic15-font-size: var( + --source-typography-presets-textEgyptianBoldItalic15-font-size: var( --source-typography-fontSize-15 ); - --source-presets-textEgyptianBoldItalic15-font-style: italic; - --source-presets-textEgyptianBoldItalic15-font-weight: var( + --source-typography-presets-textEgyptianBoldItalic15-font-style: italic; + --source-typography-presets-textEgyptianBoldItalic15-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-textEgyptianBoldItalic15-line-height: var( + --source-typography-presets-textEgyptianBoldItalic15-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textEgyptianBoldItalic17-font-family: var( + --source-typography-presets-textEgyptianBoldItalic17-font-family: var( --source-typography-fontFamily-body ); - --source-presets-textEgyptianBoldItalic17-font-size: var( + --source-typography-presets-textEgyptianBoldItalic17-font-size: var( --source-typography-fontSize-17 ); - --source-presets-textEgyptianBoldItalic17-font-style: italic; - --source-presets-textEgyptianBoldItalic17-font-weight: var( + --source-typography-presets-textEgyptianBoldItalic17-font-style: italic; + --source-typography-presets-textEgyptianBoldItalic17-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-textEgyptianBoldItalic17-line-height: var( + --source-typography-presets-textEgyptianBoldItalic17-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textEgyptianItalic14-font-family: var( + --source-typography-presets-textEgyptianItalic14-font-family: var( --source-typography-fontFamily-body ); - --source-presets-textEgyptianItalic14-font-size: var( + --source-typography-presets-textEgyptianItalic14-font-size: var( --source-typography-fontSize-14 ); - --source-presets-textEgyptianItalic14-font-style: italic; - --source-presets-textEgyptianItalic14-font-weight: var( + --source-typography-presets-textEgyptianItalic14-font-style: italic; + --source-typography-presets-textEgyptianItalic14-font-weight: var( --source-typography-fontWeight-regular ); - --source-presets-textEgyptianItalic14-line-height: var( + --source-typography-presets-textEgyptianItalic14-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textEgyptianItalic15-font-family: var( + --source-typography-presets-textEgyptianItalic15-font-family: var( --source-typography-fontFamily-body ); - --source-presets-textEgyptianItalic15-font-size: var( + --source-typography-presets-textEgyptianItalic15-font-size: var( --source-typography-fontSize-15 ); - --source-presets-textEgyptianItalic15-font-style: italic; - --source-presets-textEgyptianItalic15-font-weight: var( + --source-typography-presets-textEgyptianItalic15-font-style: italic; + --source-typography-presets-textEgyptianItalic15-font-weight: var( --source-typography-fontWeight-regular ); - --source-presets-textEgyptianItalic15-line-height: var( + --source-typography-presets-textEgyptianItalic15-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textEgyptianItalic17-font-family: var( + --source-typography-presets-textEgyptianItalic17-font-family: var( --source-typography-fontFamily-body ); - --source-presets-textEgyptianItalic17-font-size: var( + --source-typography-presets-textEgyptianItalic17-font-size: var( --source-typography-fontSize-17 ); - --source-presets-textEgyptianItalic17-font-style: italic; - --source-presets-textEgyptianItalic17-font-weight: var( + --source-typography-presets-textEgyptianItalic17-font-style: italic; + --source-typography-presets-textEgyptianItalic17-font-weight: var( --source-typography-fontWeight-regular ); - --source-presets-textEgyptianItalic17-line-height: var( + --source-typography-presets-textEgyptianItalic17-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textSans12-font-family: var( + --source-typography-presets-textSans12-font-family: var( --source-typography-fontFamily-textSans ); - --source-presets-textSans12-font-size: var(--source-typography-fontSize-12); - --source-presets-textSans12-font-style: normal; - --source-presets-textSans12-font-weight: var( + --source-typography-presets-textSans12-font-size: var( + --source-typography-fontSize-12 + ); + --source-typography-presets-textSans12-font-style: normal; + --source-typography-presets-textSans12-font-weight: var( --source-typography-fontWeight-regular ); - --source-presets-textSans12-line-height: var( + --source-typography-presets-textSans12-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textSans14-font-family: var( + --source-typography-presets-textSans14-font-family: var( --source-typography-fontFamily-textSans ); - --source-presets-textSans14-font-size: var(--source-typography-fontSize-12); - --source-presets-textSans14-font-style: normal; - --source-presets-textSans14-font-weight: var( + --source-typography-presets-textSans14-font-size: var( + --source-typography-fontSize-12 + ); + --source-typography-presets-textSans14-font-style: normal; + --source-typography-presets-textSans14-font-weight: var( --source-typography-fontWeight-regular ); - --source-presets-textSans14-line-height: var( + --source-typography-presets-textSans14-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textSans15-font-family: var( + --source-typography-presets-textSans15-font-family: var( --source-typography-fontFamily-textSans ); - --source-presets-textSans15-font-size: var(--source-typography-fontSize-12); - --source-presets-textSans15-font-style: normal; - --source-presets-textSans15-font-weight: var( + --source-typography-presets-textSans15-font-size: var( + --source-typography-fontSize-12 + ); + --source-typography-presets-textSans15-font-style: normal; + --source-typography-presets-textSans15-font-weight: var( --source-typography-fontWeight-regular ); - --source-presets-textSans15-line-height: var( + --source-typography-presets-textSans15-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textSans17-font-family: var( + --source-typography-presets-textSans17-font-family: var( --source-typography-fontFamily-textSans ); - --source-presets-textSans17-font-size: var(--source-typography-fontSize-12); - --source-presets-textSans17-font-style: normal; - --source-presets-textSans17-font-weight: var( + --source-typography-presets-textSans17-font-size: var( + --source-typography-fontSize-12 + ); + --source-typography-presets-textSans17-font-style: normal; + --source-typography-presets-textSans17-font-weight: var( --source-typography-fontWeight-regular ); - --source-presets-textSans17-line-height: var( + --source-typography-presets-textSans17-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textSans20-font-family: var( + --source-typography-presets-textSans20-font-family: var( --source-typography-fontFamily-textSans ); - --source-presets-textSans20-font-size: var(--source-typography-fontSize-12); - --source-presets-textSans20-font-style: normal; - --source-presets-textSans20-font-weight: var( + --source-typography-presets-textSans20-font-size: var( + --source-typography-fontSize-12 + ); + --source-typography-presets-textSans20-font-style: normal; + --source-typography-presets-textSans20-font-weight: var( --source-typography-fontWeight-regular ); - --source-presets-textSans20-line-height: var( + --source-typography-presets-textSans20-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textSans24-font-family: var( + --source-typography-presets-textSans24-font-family: var( --source-typography-fontFamily-textSans ); - --source-presets-textSans24-font-size: var(--source-typography-fontSize-12); - --source-presets-textSans24-font-style: normal; - --source-presets-textSans24-font-weight: var( + --source-typography-presets-textSans24-font-size: var( + --source-typography-fontSize-12 + ); + --source-typography-presets-textSans24-font-style: normal; + --source-typography-presets-textSans24-font-weight: var( --source-typography-fontWeight-regular ); - --source-presets-textSans24-line-height: var( + --source-typography-presets-textSans24-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textSans28-font-family: var( + --source-typography-presets-textSans28-font-family: var( --source-typography-fontFamily-textSans ); - --source-presets-textSans28-font-size: var(--source-typography-fontSize-12); - --source-presets-textSans28-font-style: normal; - --source-presets-textSans28-font-weight: var( + --source-typography-presets-textSans28-font-size: var( + --source-typography-fontSize-12 + ); + --source-typography-presets-textSans28-font-style: normal; + --source-typography-presets-textSans28-font-weight: var( --source-typography-fontWeight-regular ); - --source-presets-textSans28-line-height: var( + --source-typography-presets-textSans28-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textSans34-font-family: var( + --source-typography-presets-textSans34-font-family: var( --source-typography-fontFamily-textSans ); - --source-presets-textSans34-font-size: var(--source-typography-fontSize-12); - --source-presets-textSans34-font-style: normal; - --source-presets-textSans34-font-weight: var( + --source-typography-presets-textSans34-font-size: var( + --source-typography-fontSize-12 + ); + --source-typography-presets-textSans34-font-style: normal; + --source-typography-presets-textSans34-font-weight: var( --source-typography-fontWeight-regular ); - --source-presets-textSans34-line-height: var( + --source-typography-presets-textSans34-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textSansBold12-font-family: var( + --source-typography-presets-textSansBold12-font-family: var( --source-typography-fontFamily-textSans ); - --source-presets-textSansBold12-font-size: var( + --source-typography-presets-textSansBold12-font-size: var( --source-typography-fontSize-12 ); - --source-presets-textSansBold12-font-style: normal; - --source-presets-textSansBold12-font-weight: var( + --source-typography-presets-textSansBold12-font-style: normal; + --source-typography-presets-textSansBold12-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-textSansBold12-line-height: var( + --source-typography-presets-textSansBold12-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textSansBold14-font-family: var( + --source-typography-presets-textSansBold14-font-family: var( --source-typography-fontFamily-textSans ); - --source-presets-textSansBold14-font-size: var( + --source-typography-presets-textSansBold14-font-size: var( --source-typography-fontSize-12 ); - --source-presets-textSansBold14-font-style: normal; - --source-presets-textSansBold14-font-weight: var( + --source-typography-presets-textSansBold14-font-style: normal; + --source-typography-presets-textSansBold14-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-textSansBold14-line-height: var( + --source-typography-presets-textSansBold14-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textSansBold15-font-family: var( + --source-typography-presets-textSansBold15-font-family: var( --source-typography-fontFamily-textSans ); - --source-presets-textSansBold15-font-size: var( + --source-typography-presets-textSansBold15-font-size: var( --source-typography-fontSize-12 ); - --source-presets-textSansBold15-font-style: normal; - --source-presets-textSansBold15-font-weight: var( + --source-typography-presets-textSansBold15-font-style: normal; + --source-typography-presets-textSansBold15-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-textSansBold15-line-height: var( + --source-typography-presets-textSansBold15-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textSansBold17-font-family: var( + --source-typography-presets-textSansBold17-font-family: var( --source-typography-fontFamily-textSans ); - --source-presets-textSansBold17-font-size: var( + --source-typography-presets-textSansBold17-font-size: var( --source-typography-fontSize-12 ); - --source-presets-textSansBold17-font-style: normal; - --source-presets-textSansBold17-font-weight: var( + --source-typography-presets-textSansBold17-font-style: normal; + --source-typography-presets-textSansBold17-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-textSansBold17-line-height: var( + --source-typography-presets-textSansBold17-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textSansBold20-font-family: var( + --source-typography-presets-textSansBold20-font-family: var( --source-typography-fontFamily-textSans ); - --source-presets-textSansBold20-font-size: var( + --source-typography-presets-textSansBold20-font-size: var( --source-typography-fontSize-12 ); - --source-presets-textSansBold20-font-style: normal; - --source-presets-textSansBold20-font-weight: var( + --source-typography-presets-textSansBold20-font-style: normal; + --source-typography-presets-textSansBold20-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-textSansBold20-line-height: var( + --source-typography-presets-textSansBold20-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textSansBold24-font-family: var( + --source-typography-presets-textSansBold24-font-family: var( --source-typography-fontFamily-textSans ); - --source-presets-textSansBold24-font-size: var( + --source-typography-presets-textSansBold24-font-size: var( --source-typography-fontSize-12 ); - --source-presets-textSansBold24-font-style: normal; - --source-presets-textSansBold24-font-weight: var( + --source-typography-presets-textSansBold24-font-style: normal; + --source-typography-presets-textSansBold24-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-textSansBold24-line-height: var( + --source-typography-presets-textSansBold24-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textSansBold28-font-family: var( + --source-typography-presets-textSansBold28-font-family: var( --source-typography-fontFamily-textSans ); - --source-presets-textSansBold28-font-size: var( + --source-typography-presets-textSansBold28-font-size: var( --source-typography-fontSize-12 ); - --source-presets-textSansBold28-font-style: normal; - --source-presets-textSansBold28-font-weight: var( + --source-typography-presets-textSansBold28-font-style: normal; + --source-typography-presets-textSansBold28-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-textSansBold28-line-height: var( + --source-typography-presets-textSansBold28-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textSansBold34-font-family: var( + --source-typography-presets-textSansBold34-font-family: var( --source-typography-fontFamily-textSans ); - --source-presets-textSansBold34-font-size: var( + --source-typography-presets-textSansBold34-font-size: var( --source-typography-fontSize-12 ); - --source-presets-textSansBold34-font-style: normal; - --source-presets-textSansBold34-font-weight: var( + --source-typography-presets-textSansBold34-font-style: normal; + --source-typography-presets-textSansBold34-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-textSansBold34-line-height: var( + --source-typography-presets-textSansBold34-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textSansItalic12-font-family: var( + --source-typography-presets-textSansItalic12-font-family: var( --source-typography-fontFamily-textSans ); - --source-presets-textSansItalic12-font-size: var( + --source-typography-presets-textSansItalic12-font-size: var( --source-typography-fontSize-12 ); - --source-presets-textSansItalic12-font-style: italic; - --source-presets-textSansItalic12-font-weight: var( + --source-typography-presets-textSansItalic12-font-style: italic; + --source-typography-presets-textSansItalic12-font-weight: var( --source-typography-fontWeight-regular ); - --source-presets-textSansItalic12-line-height: var( + --source-typography-presets-textSansItalic12-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textSansItalic14-font-family: var( + --source-typography-presets-textSansItalic14-font-family: var( --source-typography-fontFamily-textSans ); - --source-presets-textSansItalic14-font-size: var( + --source-typography-presets-textSansItalic14-font-size: var( --source-typography-fontSize-12 ); - --source-presets-textSansItalic14-font-style: Italic; - --source-presets-textSansItalic14-font-weight: var( + --source-typography-presets-textSansItalic14-font-style: Italic; + --source-typography-presets-textSansItalic14-font-weight: var( --source-typography-fontWeight-regular ); - --source-presets-textSansItalic14-line-height: var( + --source-typography-presets-textSansItalic14-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textSansItalic15-font-family: var( + --source-typography-presets-textSansItalic15-font-family: var( --source-typography-fontFamily-textSans ); - --source-presets-textSansItalic15-font-size: var( + --source-typography-presets-textSansItalic15-font-size: var( --source-typography-fontSize-12 ); - --source-presets-textSansItalic15-font-style: italic; - --source-presets-textSansItalic15-font-weight: var( + --source-typography-presets-textSansItalic15-font-style: italic; + --source-typography-presets-textSansItalic15-font-weight: var( --source-typography-fontWeight-regular ); - --source-presets-textSansItalic15-line-height: var( + --source-typography-presets-textSansItalic15-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textSansItalic17-font-family: var( + --source-typography-presets-textSansItalic17-font-family: var( --source-typography-fontFamily-textSans ); - --source-presets-textSansItalic17-font-size: var( + --source-typography-presets-textSansItalic17-font-size: var( --source-typography-fontSize-12 ); - --source-presets-textSansItalic17-font-style: italic; - --source-presets-textSansItalic17-font-weight: var( + --source-typography-presets-textSansItalic17-font-style: italic; + --source-typography-presets-textSansItalic17-font-weight: var( --source-typography-fontWeight-regular ); - --source-presets-textSansItalic17-line-height: var( + --source-typography-presets-textSansItalic17-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textSansItalic20-font-family: var( + --source-typography-presets-textSansItalic20-font-family: var( --source-typography-fontFamily-textSans ); - --source-presets-textSansItalic20-font-size: var( + --source-typography-presets-textSansItalic20-font-size: var( --source-typography-fontSize-12 ); - --source-presets-textSansItalic20-font-style: italic; - --source-presets-textSansItalic20-font-weight: var( + --source-typography-presets-textSansItalic20-font-style: italic; + --source-typography-presets-textSansItalic20-font-weight: var( --source-typography-fontWeight-regular ); - --source-presets-textSansItalic20-line-height: var( + --source-typography-presets-textSansItalic20-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textSansItalic24-font-family: var( + --source-typography-presets-textSansItalic24-font-family: var( --source-typography-fontFamily-textSans ); - --source-presets-textSansItalic24-font-size: var( + --source-typography-presets-textSansItalic24-font-size: var( --source-typography-fontSize-12 ); - --source-presets-textSansItalic24-font-style: italic; - --source-presets-textSansItalic24-font-weight: var( + --source-typography-presets-textSansItalic24-font-style: italic; + --source-typography-presets-textSansItalic24-font-weight: var( --source-typography-fontWeight-regular ); - --source-presets-textSansItalic24-line-height: var( + --source-typography-presets-textSansItalic24-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textSansItalic28-font-family: var( + --source-typography-presets-textSansItalic28-font-family: var( --source-typography-fontFamily-textSans ); - --source-presets-textSansItalic28-font-size: var( + --source-typography-presets-textSansItalic28-font-size: var( --source-typography-fontSize-12 ); - --source-presets-textSansItalic28-font-style: italic; - --source-presets-textSansItalic28-font-weight: var( + --source-typography-presets-textSansItalic28-font-style: italic; + --source-typography-presets-textSansItalic28-font-weight: var( --source-typography-fontWeight-regular ); - --source-presets-textSansItalic28-line-height: var( + --source-typography-presets-textSansItalic28-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-textSansItalic34-font-family: var( + --source-typography-presets-textSansItalic34-font-family: var( --source-typography-fontFamily-textSans ); - --source-presets-textSansItalic34-font-size: var( + --source-typography-presets-textSansItalic34-font-size: var( --source-typography-fontSize-12 ); - --source-presets-textSansItalic34-font-style: italic; - --source-presets-textSansItalic34-font-weight: var( + --source-typography-presets-textSansItalic34-font-style: italic; + --source-typography-presets-textSansItalic34-font-weight: var( --source-typography-fontWeight-regular ); - --source-presets-textSansItalic34-line-height: var( + --source-typography-presets-textSansItalic34-line-height: var( --source-typography-lineHeight-regular ); - --source-presets-titlepiece42-font-family: var( + --source-typography-presets-titlepiece42-font-family: var( --source-typography-fontFamily-titlepiece ); - --source-presets-titlepiece42-font-size: var(--source-typography-fontSize-42); - --source-presets-titlepiece42-font-style: normal; - --source-presets-titlepiece42-font-weight: var( - --source-typography-fontWeight-bold - ); - --source-presets-titlepiece42-line-height: var( - --source-typography-lineHeight-tight - ); - --source-presets-titlepiece50-font-family: var( - --source-typography-fontFamily-titlepiece + --source-typography-presets-titlepiece42-font-size: var( + --source-typography-fontSize-42 ); - --source-presets-titlepiece50-font-size: var(--source-typography-fontSize-50); - --source-presets-titlepiece50-font-style: normal; - --source-presets-titlepiece50-font-weight: var( + --source-typography-presets-titlepiece42-font-style: normal; + --source-typography-presets-titlepiece42-font-weight: var( --source-typography-fontWeight-bold ); - --source-presets-titlepiece50-line-height: var( + --source-typography-presets-titlepiece42-line-height: var( --source-typography-lineHeight-tight ); - --source-presets-titlepiece70-font-family: var( + --source-typography-presets-titlepiece50-font-family: var( --source-typography-fontFamily-titlepiece ); - --source-presets-titlepiece70-font-size: var(--source-typography-fontSize-70); - --source-presets-titlepiece70-font-style: normal; - --source-presets-titlepiece70-font-weight: var( - --source-typography-fontWeight-bold - ); - --source-presets-titlepiece70-line-height: var( - --source-typography-lineHeight-tight - ); - --source-size-icon-medium: 1.875rem; - --source-size-icon-small: 1.625rem; - --source-size-icon-xSmall: 1.25rem; - --source-size-medium: 2.75rem; - --source-size-small: 2.25rem; - --source-size-xSmall: 1.5rem; - --source-space-0: 0.125rem; - --source-space-1: 0.25rem; - --source-space-2: 0.5rem; - --source-space-3: 0.75rem; - --source-space-4: 1rem; - --source-space-5: 1.25rem; - --source-space-6: 1.5rem; - --source-space-8: 2rem; - --source-space-9: 2.25rem; - --source-space-10: 2.5rem; - --source-space-12: 3rem; - --source-space-14: 3.5rem; - --source-space-16: 4rem; - --source-space-18: 4.5rem; - --source-space-24: 6rem; - --source-typography-body-medium-font-family: var( - --source-typography-fontFamily-body - ); - --source-typography-body-medium-font-size: var( - --source-typography-fontSize-17 - ); - --source-typography-body-medium-font-weight: var( - --source-typography-fontWeight-regular - ); - --source-typography-body-medium-line-height: var( - --source-typography-lineHeight-loose - ); - --source-typography-body-small-font-family: var( - --source-typography-fontFamily-body - ); - --source-typography-body-small-font-size: var( - --source-typography-fontSize-15 - ); - --source-typography-body-small-font-weight: var( - --source-typography-fontWeight-regular - ); - --source-typography-body-small-line-height: var( - --source-typography-lineHeight-loose - ); - --source-typography-body-xSmall-font-family: var( - --source-typography-fontFamily-body - ); - --source-typography-body-xSmall-font-size: var( - --source-typography-fontSize-14 - ); - --source-typography-body-xSmall-font-weight: var( - --source-typography-fontWeight-regular - ); - --source-typography-body-xSmall-line-height: var( - --source-typography-lineHeight-loose - ); - --source-typography-fontFamily-body: GuardianTextEgyptian, - 'Guardian Text Egyptian Web', Georgia, serif; - --source-typography-fontFamily-headline: 'GH Guardian Headline', - 'Guardian Egyptian Web', Georgia, serif; - --source-typography-fontFamily-textSans: GuardianTextSans, - 'Guardian Text Sans Web', 'Helvetica Neue', Helvetica, Arial, - 'Lucida Grande', sans-serif; - --source-typography-fontFamily-titlepiece: 'GT Guardian Titlepiece', Georgia, - serif; - --source-typography-fontSize-12: 0.75rem; - --source-typography-fontSize-14: 0.875rem; - --source-typography-fontSize-15: 0.9375rem; - --source-typography-fontSize-17: 1.0625rem; - --source-typography-fontSize-20: 1.25rem; - --source-typography-fontSize-24: 1.5rem; - --source-typography-fontSize-28: 1.75rem; - --source-typography-fontSize-34: 2.125rem; - --source-typography-fontSize-42: 2.625rem; - --source-typography-fontSize-50: 3.125rem; - --source-typography-fontSize-70: 4.375rem; - --source-typography-fontWeight-bold: 700; - --source-typography-fontWeight-light: 300; - --source-typography-fontWeight-medium: 500; - --source-typography-fontWeight-regular: 400; - --source-typography-headline-large-font-family: var( - --source-typography-fontFamily-headline - ); - --source-typography-headline-large-font-size: var( - --source-typography-fontSize-42 - ); - --source-typography-headline-large-font-weight: var( - --source-typography-fontWeight-medium - ); - --source-typography-headline-large-line-height: var( - --source-typography-lineHeight-tight - ); - --source-typography-headline-medium-font-family: var( - --source-typography-fontFamily-headline - ); - --source-typography-headline-medium-font-size: var( - --source-typography-fontSize-34 - ); - --source-typography-headline-medium-font-weight: var( - --source-typography-fontWeight-medium - ); - --source-typography-headline-medium-line-height: var( - --source-typography-lineHeight-tight - ); - --source-typography-headline-small-font-family: var( - --source-typography-fontFamily-headline - ); - --source-typography-headline-small-font-size: var( - --source-typography-fontSize-28 - ); - --source-typography-headline-small-font-weight: var( - --source-typography-fontWeight-medium - ); - --source-typography-headline-small-line-height: var( - --source-typography-lineHeight-tight - ); - --source-typography-headline-xLarge-font-family: var( - --source-typography-fontFamily-headline - ); - --source-typography-headline-xLarge-font-size: var( + --source-typography-presets-titlepiece50-font-size: var( --source-typography-fontSize-50 ); - --source-typography-headline-xLarge-font-weight: var( - --source-typography-fontWeight-medium - ); - --source-typography-headline-xLarge-line-height: var( - --source-typography-lineHeight-tight - ); - --source-typography-headline-xSmall-font-family: var( - --source-typography-fontFamily-headline - ); - --source-typography-headline-xSmall-font-size: var( - --source-typography-fontSize-24 - ); - --source-typography-headline-xSmall-font-weight: var( - --source-typography-fontWeight-medium - ); - --source-typography-headline-xSmall-line-height: var( - --source-typography-lineHeight-tight - ); - --source-typography-headline-xxSmall-font-family: var( - --source-typography-fontFamily-headline - ); - --source-typography-headline-xxSmall-font-size: var( - --source-typography-fontSize-20 - ); - --source-typography-headline-xxSmall-font-weight: var( - --source-typography-fontWeight-medium + --source-typography-presets-titlepiece50-font-style: normal; + --source-typography-presets-titlepiece50-font-weight: var( + --source-typography-fontWeight-bold ); - --source-typography-headline-xxSmall-line-height: var( + --source-typography-presets-titlepiece50-line-height: var( --source-typography-lineHeight-tight ); - --source-typography-headline-xxxSmall-font-family: var( - --source-typography-fontFamily-headline + --source-typography-presets-titlepiece70-font-family: var( + --source-typography-fontFamily-titlepiece ); - --source-typography-headline-xxxSmall-font-size: var( - --source-typography-fontSize-17 + --source-typography-presets-titlepiece70-font-size: var( + --source-typography-fontSize-70 ); - --source-typography-headline-xxxSmall-font-weight: var( - --source-typography-fontWeight-medium + --source-typography-presets-titlepiece70-font-style: normal; + --source-typography-presets-titlepiece70-font-weight: var( + --source-typography-fontWeight-bold ); - --source-typography-headline-xxxSmall-line-height: var( + --source-typography-presets-titlepiece70-line-height: var( --source-typography-lineHeight-tight ); - --source-typography-lineHeight-loose: 1.4; - --source-typography-lineHeight-regular: 1.3; - --source-typography-lineHeight-tight: 1.15; --source-typography-textDecorationThickness-2: 0.125rem; --source-typography-textDecorationThickness-3: 0.1875rem; --source-typography-textDecorationThickness-4: 0.25rem;