$typographyScreenSmall: (
  detail-article-direct-opinion: (
    lineHeight: 1.2,
    letterSpacing: 0,
    fontFamily: "DN Serif Headline",
    fontSize: 20,
    fontStyle: italic,
    fontWeight: Regular
  ),
  detail-article-direkt: (
    lineHeight: 1.2,
    letterSpacing: 0,
    fontFamily: "DN Serif Headline",
    fontSize: 20,
    fontWeight: Bold
  ),
  detail-article-longread: (
    lineHeight: 1.1,
    letterSpacing: 0,
    fontFamily: "DN Serif Headline",
    fontSize: 32,
    fontWeight: Regular
  ),
  detail-article-longread-premium: (
    lineHeight: 1.1,
    letterSpacing: 0,
    fontFamily: "DN Serif Display",
    fontSize: 32,
    fontWeight: Bold
  ),
  detail-article-native: (
    lineHeight: 1.1,
    letterSpacing: 0,
    fontFamily: "DN Sans",
    fontSize: 26,
    fontWeight: Bold
  ),
  detail-article-opinion: (
    lineHeight: 1.1,
    letterSpacing: 0,
    fontFamily: "DN Serif Headline",
    fontSize: 26,
    fontStyle: italic,
    fontWeight: Regular
  ),
  detail-article-quote: (
    lineHeight: 1.2,
    letterSpacing: 0,
    fontFamily: "DN Serif Headline",
    fontSize: 20,
    fontWeight: Bold
  ),
  detail-article-standard: (
    lineHeight: 1.1,
    letterSpacing: 0,
    fontFamily: "DN Serif Headline",
    fontSize: 26,
    fontWeight: Bold
  ),
  detail-direkt-body: (
    lineHeight: 1.5,
    letterSpacing: 0,
    fontFamily: "DN Serif Text",
    fontSize: 18,
    fontWeight: Regular
  ),
  detail-direkt-header: (
    lineHeight: 1.1,
    letterSpacing: 0,
    fontFamily: "DN Serif Headline",
    fontSize: 32,
    fontWeight: Regular
  ),
  detail-direkt-header-v2: (
    lineHeight: 1.1,
    letterSpacing: 0,
    fontFamily: "DN Serif Headline",
    fontSize: 26,
    fontWeight: Bold
  ),
  detail-dropcap: (
    lineHeight: 1,
    letterSpacing: 0,
    fontFamily: "DN Serif Display",
    fontSize: 52,
    fontWeight: Bold
  ),
  detail-gameheader: (
    lineHeight: 1.1,
    letterSpacing: 0,
    fontFamily: "DN Sans",
    fontSize: 28,
    fontWeight: Bold
  ),
  detail-medryckare: (
    lineHeight: 1.4,
    letterSpacing: 0,
    fontFamily: "DN Serif Text",
    fontSize: 16,
    fontWeight: Regular
  ),
  detail-mellanrubrik: (
    lineHeight: 1.2,
    letterSpacing: 0,
    fontFamily: "DN Serif Headline",
    fontSize: 22,
    fontWeight: Bold
  ),
  detail-teaser-baotaxl: (
    lineHeight: 1.1,
    letterSpacing: 0,
    fontFamily: "DN Serif Headline",
    fontSize: 32,
    fontWeight: Bold
  ),
  detail-teaser-centrerad: (
    lineHeight: 1.1,
    letterSpacing: 0,
    fontFamily: "DN Serif Display",
    fontSize: 36,
    fontWeight: ExtraBold
  ),
  detail-teaser-large: (
    lineHeight: 1.1,
    letterSpacing: 0,
    fontFamily: "DN Serif Headline",
    fontSize: 26,
    fontWeight: Bold
  ),
  detail-teaser-large-compact: (
    lineHeight: 1.2,
    letterSpacing: 0,
    fontFamily: "DN Serif Headline",
    fontSize: 20,
    fontWeight: Bold
  ),
  detail-teaser-large-native: (
    lineHeight: 1.1,
    letterSpacing: 0,
    fontFamily: "DN Sans",
    fontSize: 26,
    fontWeight: Bold
  ),
  detail-teaser-large-opinion: (
    lineHeight: 1.1,
    letterSpacing: 0,
    fontFamily: "DN Serif Headline",
    fontSize: 22,
    fontStyle: italic,
    fontWeight: Regular
  ),
  detail-teaser-large-rightcol: (
    lineHeight: 1.2,
    letterSpacing: 0,
    fontFamily: "DN Serif Headline",
    fontSize: 22,
    fontWeight: Bold
  ),
  detail-teaser-list: (
    lineHeight: 1.2,
    letterSpacing: 0,
    fontFamily: "DN Serif Text",
    fontSize: 17,
    fontWeight: SemiBold
  ),
  detail-teaser-longlife: (
    lineHeight: 1.2,
    letterSpacing: 0,
    fontFamily: "DN Sans",
    fontSize: 20,
    fontWeight: Bold
  ),
  detail-teaser-standard: (
    lineHeight: 1.2,
    letterSpacing: 0,
    fontFamily: "DN Serif Headline",
    fontSize: 20,
    fontWeight: Bold
  ),
  detail-teaser-standard-compact: (
    lineHeight: 1.2,
    letterSpacing: 0,
    fontFamily: "DN Serif Headline",
    fontSize: 18,
    fontWeight: Bold
  ),
  detail-teaser-standard-compact-opinion: (
    lineHeight: 1.2,
    letterSpacing: 0,
    fontFamily: "DN Serif Headline",
    fontSize: 18,
    fontStyle: italic,
    fontWeight: Medium
  ),
  detail-teaser-standard-native: (
    lineHeight: 1.2,
    letterSpacing: 0,
    fontFamily: "DN Sans",
    fontSize: 20,
    fontWeight: Bold
  ),
  detail-teaser-standard-opinion: (
    lineHeight: 1.2,
    letterSpacing: 0,
    fontFamily: "DN Serif Headline",
    fontSize: 22,
    fontStyle: italic,
    fontWeight: Regular
  ),
  detail-teaser-storrubrik: (
    lineHeight: 1.1,
    letterSpacing: 0,
    fontFamily: "DN Serif Headline",
    fontSize: 26,
    fontWeight: Bold
  ),
  detail-teaser-storrubrik-opinion: (
    lineHeight: 1.1,
    letterSpacing: 0,
    fontFamily: "DN Serif Headline",
    fontSize: 26,
    fontStyle: italic,
    fontWeight: Regular
  ),
  detail-teaser-text-i-bild: (
    lineHeight: 1.1,
    letterSpacing: 0,
    fontFamily: "DN Serif Display",
    fontSize: 32,
    fontWeight: Regular
  ),
  detail-teaser-tipsa: (
    lineHeight: 1.2,
    letterSpacing: 0,
    fontFamily: "DN Serif Headline",
    fontSize: 18,
    fontWeight: Bold
  ),
  detail-teaser-twin: (
    lineHeight: 1.2,
    letterSpacing: 0,
    fontFamily: "DN Serif Headline",
    fontSize: 18,
    fontWeight: Bold
  ),
  detail-teaser-videostories: (
    lineHeight: 1.2,
    letterSpacing: 0,
    fontFamily: "DN Serif Headline",
    fontSize: 20,
    fontWeight: SemiBold
  ),
  expressive-body-lg: (
    lineHeight: 1.5,
    letterSpacing: 0,
    fontFamily: "DN Serif Text",
    fontSize: 17,
    fontWeight: Regular
  ),
  expressive-body-md: (
    lineHeight: 1.5,
    letterSpacing: 0,
    fontFamily: "DN Serif Text",
    fontSize: 16,
    fontWeight: Regular
  ),
  expressive-body-sm: (
    lineHeight: 1.5,
    letterSpacing: 0,
    fontFamily: "DN Serif Text",
    fontSize: 14,
    fontWeight: Regular
  ),
  expressive-heading-lg: (
    lineHeight: 1.1,
    letterSpacing: 0,
    fontFamily: "DN Serif Display",
    fontSize: 32,
    fontWeight: Bold
  ),
  expressive-heading-md: (
    lineHeight: 1.1,
    letterSpacing: 0,
    fontFamily: "DN Serif Headline",
    fontSize: 26,
    fontWeight: Bold
  ),
  expressive-heading-sm: (
    lineHeight: 1.1,
    letterSpacing: 0,
    fontFamily: "DN Serif Headline",
    fontSize: 20,
    fontWeight: Bold
  ),
  expressive-heading-xl: (
    lineHeight: 1.1,
    letterSpacing: 0,
    fontFamily: "DN Serif Display",
    fontSize: 36,
    fontWeight: Bold
  ),
  expressive-heading-xs: (
    lineHeight: 1.1,
    letterSpacing: 0,
    fontFamily: "DN Serif Headline",
    fontSize: 18,
    fontWeight: Bold
  ),
  expressive-heading-xxs: (
    lineHeight: 1.2,
    letterSpacing: 0,
    fontFamily: "DN Serif Headline",
    fontSize: 16,
    fontWeight: Bold
  ),
  expressive-ingress-md: (
    lineHeight: 1.5,
    letterSpacing: 0,
    fontFamily: "DN Serif Headline",
    fontSize: 20,
    fontWeight: SemiBold
  ),
  expressive-ingress-sm: (
    lineHeight: 1.5,
    letterSpacing: 0,
    fontFamily: "DN Serif Text",
    fontSize: 18,
    fontWeight: SemiBold
  ),
  functional-body-lg: (
    lineHeight: 1.5,
    letterSpacing: 0,
    fontFamily: "DN Sans",
    fontSize: 18,
    fontWeight: Regular
  ),
  functional-body-md: (
    lineHeight: 1.5,
    letterSpacing: 0,
    fontFamily: "DN Sans",
    fontSize: 16,
    fontWeight: Regular
  ),
  functional-body-sm: (
    lineHeight: 1.5,
    letterSpacing: 0,
    fontFamily: "DN Sans",
    fontSize: 14,
    fontWeight: Regular
  ),
  functional-heading-lg: (
    lineHeight: 1.1,
    letterSpacing: 0,
    fontFamily: "DN Sans",
    fontSize: 28,
    fontWeight: Bold
  ),
  functional-heading-md: (
    lineHeight: 1.1,
    letterSpacing: 0,
    fontFamily: "DN Sans",
    fontSize: 24,
    fontWeight: Bold
  ),
  functional-heading-sm: (
    lineHeight: 1.2,
    letterSpacing: 0,
    fontFamily: "DN Sans",
    fontSize: 20,
    fontWeight: Bold
  ),
  functional-heading-xl: (
    lineHeight: 1.1,
    letterSpacing: 0,
    fontFamily: "DN Sans",
    fontSize: 32,
    fontWeight: Bold
  ),
  functional-heading-xs: (
    lineHeight: 1.1,
    letterSpacing: 0,
    fontFamily: "DN Sans",
    fontSize: 18,
    fontWeight: Bold
  ),
  functional-heading-xxs: (
    lineHeight: 1.1,
    letterSpacing: 0,
    fontFamily: "DN Sans",
    fontSize: 16,
    fontWeight: Bold
  ),
  functional-ingress-md: (
    lineHeight: 1.5,
    letterSpacing: 0,
    fontFamily: "DN Sans",
    fontSize: 20,
    fontWeight: Bold
  ),
  functional-ingress-sm: (
    lineHeight: 1.5,
    letterSpacing: 0,
    fontFamily: "DN Sans",
    fontSize: 18,
    fontWeight: Bold
  ),
  functional-label-md: (
    lineHeight: 1.1,
    letterSpacing: 0,
    fontFamily: "DN Sans",
    fontSize: 16,
    fontWeight: Bold
  ),
  functional-label-sm: (
    lineHeight: 1.1,
    letterSpacing: 0.5,
    fontFamily: "DN Sans",
    fontSize: 12,
    textTransform: uppercase,
    fontWeight: Bold
  ),
  functional-meta-md: (
    lineHeight: 1.2,
    letterSpacing: 0,
    fontFamily: "DN Sans",
    fontSize: 12,
    fontWeight: Regular
  ),
  functional-meta-sm: (
    lineHeight: 1.2,
    letterSpacing: 0.2,
    fontFamily: "DN Sans",
    fontSize: 10,
    fontWeight: Regular
  )
);