% # we use a single png for all icon types
<meta charset="UTF-8" />

% # icon as inline SVG data URI
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiI+CiAgPCEtLSBPdXRlciByb3VuZGVkIHJlY3RhbmdsZSAoYm9yZGVyKSAtLT4KICA8cmVjdCB4PSIxNiIgeT0iMTYiIHdpZHRoPSIyMjQiIGhlaWdodD0iMjI0IiByeD0iMjQiIHJ5PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMWExYTFhIiBzdHJva2Utd2lkdGg9IjE0Ii8+CgogIDwhLS0gSW5uZXIgZGl2aWRlcnMgLS0+CiAgPGxpbmUgeDE9IjEyOCIgeTE9IjI4IiB4Mj0iMTI4IiB5Mj0iMjI4IiBzdHJva2U9IiMxYTFhMWEiIHN0cm9rZS13aWR0aD0iOCIvPgogIDxsaW5lIHgxPSIyOCIgeTE9IjEyOCIgeDI9IjIyOCIgeTI9IjEyOCIgc3Ryb2tlPSIjMWExYTFhIiBzdHJva2Utd2lkdGg9IjgiLz4KCiAgPCEtLSBUb3AtbGVmdDogTGluZSBjaGFydCAtLT4KICA8cG9seWxpbmUgcG9pbnRzPSI0OCwxMDUgNjgsODUgODIsOTUgMTAwLDYwIDExNSw3NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMWExYTFhIiBzdHJva2Utd2lkdGg9IjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgoKICA8IS0tIFRvcC1yaWdodDogU2NhdHRlciBwbG90IC0tPgogIDxjaXJjbGUgY3g9IjE1MCIgY3k9IjcwIiByPSI0LjUiIGZpbGw9IiMxYTFhMWEiLz4KICA8Y2lyY2xlIGN4PSIxNzAiIGN5PSI1NSIgcj0iNC41IiBmaWxsPSIjMWExYTFhIi8+CiAgPGNpcmNsZSBjeD0iMTYyIiBjeT0iODIiIHI9IjQuNSIgZmlsbD0iIzFhMWExYSIvPgogIDxjaXJjbGUgY3g9IjE4NSIgY3k9IjY1IiByPSI0LjUiIGZpbGw9IiMxYTFhMWEiLz4KICA8Y2lyY2xlIGN4PSIxOTUiIGN5PSI4NSIgcj0iNC41IiBmaWxsPSIjMWExYTFhIi8+CiAgPGNpcmNsZSBjeD0iMTc1IiBjeT0iOTgiIHI9IjQuNSIgZmlsbD0iIzFhMWExYSIvPgogIDxjaXJjbGUgY3g9IjIwNSIgY3k9IjcyIiByPSI0LjUiIGZpbGw9IiMxYTFhMWEiLz4KICA8Y2lyY2xlIGN4PSIxNDgiIGN5PSI5NSIgcj0iNC41IiBmaWxsPSIjMWExYTFhIi8+CiAgPGNpcmNsZSBjeD0iMTkwIiBjeT0iNTAiIHI9IjMuNSIgZmlsbD0iIzFhMWExYSIvPgogIDxjaXJjbGUgY3g9IjE1NSIgY3k9IjEwNSIgcj0iMy41IiBmaWxsPSIjMWExYTFhIi8+CiAgPGNpcmNsZSBjeD0iMjAwIiBjeT0iMTAwIiByPSIzLjUiIGZpbGw9IiMxYTFhMWEiLz4KICA8Y2lyY2xlIGN4PSIyMTAiIGN5PSI1NSIgcj0iMy41IiBmaWxsPSIjMWExYTFhIi8+CgogIDwhLS0gQm90dG9tLWxlZnQ6IEJhciBjaGFydCAtLT4KICA8cmVjdCB4PSI0MCIgeT0iMTk4IiB3aWR0aD0iMTQiIGhlaWdodD0iMTciIHJ4PSIxIiBmaWxsPSIjMWExYTFhIi8+CiAgPHJlY3QgeD0iNjAiIHk9IjE4NSIgd2lkdGg9IjE0IiBoZWlnaHQ9IjMwIiByeD0iMSIgZmlsbD0iIzFhMWExYSIvPgogIDxyZWN0IHg9IjgwIiB5PSIxNzAiIHdpZHRoPSIxNCIgaGVpZ2h0PSI0NSIgcng9IjEiIGZpbGw9IiMxYTFhMWEiLz4KICA8cmVjdCB4PSIxMDAiIHk9IjE1NSIgd2lkdGg9IjE0IiBoZWlnaHQ9IjYwIiByeD0iMSIgZmlsbD0iIzFhMWExYSIvPgoKICA8IS0tIEJvdHRvbS1yaWdodDogR3JpZC9kYXRhIHBsb3QgLS0+CiAgPCEtLSBHcmlkIGxpbmVzIC0tPgogIDxsaW5lIHgxPSIxNDUiIHkxPSIxNjUiIHgyPSIyMjAiIHkyPSIxNjUiIHN0cm9rZT0iIzFhMWExYSIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgPGxpbmUgeDE9IjE0NSIgeTE9IjE4NSIgeDI9IjIyMCIgeTI9IjE4NSIgc3Ryb2tlPSIjMWExYTFhIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8bGluZSB4MT0iMTQ1IiB5MT0iMjA1IiB4Mj0iMjIwIiB5Mj0iMjA1IiBzdHJva2U9IiMxYTFhMWEiIHN0cm9rZS13aWR0aD0iMiIvPgogIDxsaW5lIHgxPSIxNjUiIHkxPSIxNDUiIHgyPSIxNjUiIHkyPSIyMjAiIHN0cm9rZT0iIzFhMWExYSIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgPGxpbmUgeDE9IjE4NSIgeTE9IjE0NSIgeDI9IjE4NSIgeTI9IjIyMCIgc3Ryb2tlPSIjMWExYTFhIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8bGluZSB4MT0iMjA1IiB5MT0iMTQ1IiB4Mj0iMjA1IiB5Mj0iMjIwIiBzdHJva2U9IiMxYTFhMWEiIHN0cm9rZS13aWR0aD0iMiIvPgogIDwhLS0gRGF0YSBwb2ludHMgb24gZ3JpZCAtLT4KICA8Y2lyY2xlIGN4PSIxNjUiIGN5PSIxNjUiIHI9IjUiIGZpbGw9IiMxYTFhMWEiLz4KICA8Y2lyY2xlIGN4PSIyMDUiIGN5PSIxODUiIHI9IjUiIGZpbGw9IiMxYTFhMWEiLz4KICA8Y2lyY2xlIGN4PSIxODUiIGN5PSIyMDUiIHI9IjUiIGZpbGw9IiMxYTFhMWEiLz4KICA8Y2lyY2xlIGN4PSIxNjUiIGN5PSIyMDUiIHI9IjUiIGZpbGw9IiMxYTFhMWEiLz4KPC9zdmc+Cg=="/>
<link rel="apple-touch-icon" href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiI+CiAgPCEtLSBPdXRlciByb3VuZGVkIHJlY3RhbmdsZSAoYm9yZGVyKSAtLT4KICA8cmVjdCB4PSIxNiIgeT0iMTYiIHdpZHRoPSIyMjQiIGhlaWdodD0iMjI0IiByeD0iMjQiIHJ5PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMWExYTFhIiBzdHJva2Utd2lkdGg9IjE0Ii8+CgogIDwhLS0gSW5uZXIgZGl2aWRlcnMgLS0+CiAgPGxpbmUgeDE9IjEyOCIgeTE9IjI4IiB4Mj0iMTI4IiB5Mj0iMjI4IiBzdHJva2U9IiMxYTFhMWEiIHN0cm9rZS13aWR0aD0iOCIvPgogIDxsaW5lIHgxPSIyOCIgeTE9IjEyOCIgeDI9IjIyOCIgeTI9IjEyOCIgc3Ryb2tlPSIjMWExYTFhIiBzdHJva2Utd2lkdGg9IjgiLz4KCiAgPCEtLSBUb3AtbGVmdDogTGluZSBjaGFydCAtLT4KICA8cG9seWxpbmUgcG9pbnRzPSI0OCwxMDUgNjgsODUgODIsOTUgMTAwLDYwIDExNSw3NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMWExYTFhIiBzdHJva2Utd2lkdGg9IjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgoKICA8IS0tIFRvcC1yaWdodDogU2NhdHRlciBwbG90IC0tPgogIDxjaXJjbGUgY3g9IjE1MCIgY3k9IjcwIiByPSI0LjUiIGZpbGw9IiMxYTFhMWEiLz4KICA8Y2lyY2xlIGN4PSIxNzAiIGN5PSI1NSIgcj0iNC41IiBmaWxsPSIjMWExYTFhIi8+CiAgPGNpcmNsZSBjeD0iMTYyIiBjeT0iODIiIHI9IjQuNSIgZmlsbD0iIzFhMWExYSIvPgogIDxjaXJjbGUgY3g9IjE4NSIgY3k9IjY1IiByPSI0LjUiIGZpbGw9IiMxYTFhMWEiLz4KICA8Y2lyY2xlIGN4PSIxOTUiIGN5PSI4NSIgcj0iNC41IiBmaWxsPSIjMWExYTFhIi8+CiAgPGNpcmNsZSBjeD0iMTc1IiBjeT0iOTgiIHI9IjQuNSIgZmlsbD0iIzFhMWExYSIvPgogIDxjaXJjbGUgY3g9IjIwNSIgY3k9IjcyIiByPSI0LjUiIGZpbGw9IiMxYTFhMWEiLz4KICA8Y2lyY2xlIGN4PSIxNDgiIGN5PSI5NSIgcj0iNC41IiBmaWxsPSIjMWExYTFhIi8+CiAgPGNpcmNsZSBjeD0iMTkwIiBjeT0iNTAiIHI9IjMuNSIgZmlsbD0iIzFhMWExYSIvPgogIDxjaXJjbGUgY3g9IjE1NSIgY3k9IjEwNSIgcj0iMy41IiBmaWxsPSIjMWExYTFhIi8+CiAgPGNpcmNsZSBjeD0iMjAwIiBjeT0iMTAwIiByPSIzLjUiIGZpbGw9IiMxYTFhMWEiLz4KICA8Y2lyY2xlIGN4PSIyMTAiIGN5PSI1NSIgcj0iMy41IiBmaWxsPSIjMWExYTFhIi8+CgogIDwhLS0gQm90dG9tLWxlZnQ6IEJhciBjaGFydCAtLT4KICA8cmVjdCB4PSI0MCIgeT0iMTk4IiB3aWR0aD0iMTQiIGhlaWdodD0iMTciIHJ4PSIxIiBmaWxsPSIjMWExYTFhIi8+CiAgPHJlY3QgeD0iNjAiIHk9IjE4NSIgd2lkdGg9IjE0IiBoZWlnaHQ9IjMwIiByeD0iMSIgZmlsbD0iIzFhMWExYSIvPgogIDxyZWN0IHg9IjgwIiB5PSIxNzAiIHdpZHRoPSIxNCIgaGVpZ2h0PSI0NSIgcng9IjEiIGZpbGw9IiMxYTFhMWEiLz4KICA8cmVjdCB4PSIxMDAiIHk9IjE1NSIgd2lkdGg9IjE0IiBoZWlnaHQ9IjYwIiByeD0iMSIgZmlsbD0iIzFhMWExYSIvPgoKICA8IS0tIEJvdHRvbS1yaWdodDogR3JpZC9kYXRhIHBsb3QgLS0+CiAgPCEtLSBHcmlkIGxpbmVzIC0tPgogIDxsaW5lIHgxPSIxNDUiIHkxPSIxNjUiIHgyPSIyMjAiIHkyPSIxNjUiIHN0cm9rZT0iIzFhMWExYSIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgPGxpbmUgeDE9IjE0NSIgeTE9IjE4NSIgeDI9IjIyMCIgeTI9IjE4NSIgc3Ryb2tlPSIjMWExYTFhIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8bGluZSB4MT0iMTQ1IiB5MT0iMjA1IiB4Mj0iMjIwIiB5Mj0iMjA1IiBzdHJva2U9IiMxYTFhMWEiIHN0cm9rZS13aWR0aD0iMiIvPgogIDxsaW5lIHgxPSIxNjUiIHkxPSIxNDUiIHgyPSIxNjUiIHkyPSIyMjAiIHN0cm9rZT0iIzFhMWExYSIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgPGxpbmUgeDE9IjE4NSIgeTE9IjE0NSIgeDI9IjE4NSIgeTI9IjIyMCIgc3Ryb2tlPSIjMWExYTFhIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8bGluZSB4MT0iMjA1IiB5MT0iMTQ1IiB4Mj0iMjA1IiB5Mj0iMjIwIiBzdHJva2U9IiMxYTFhMWEiIHN0cm9rZS13aWR0aD0iMiIvPgogIDwhLS0gRGF0YSBwb2ludHMgb24gZ3JpZCAtLT4KICA8Y2lyY2xlIGN4PSIxNjUiIGN5PSIxNjUiIHI9IjUiIGZpbGw9IiMxYTFhMWEiLz4KICA8Y2lyY2xlIGN4PSIyMDUiIGN5PSIxODUiIHI9IjUiIGZpbGw9IiMxYTFhMWEiLz4KICA8Y2lyY2xlIGN4PSIxODUiIGN5PSIyMDUiIHI9IjUiIGZpbGw9IiMxYTFhMWEiLz4KICA8Y2lyY2xlIGN4PSIxNjUiIGN5PSIyMDUiIHI9IjUiIGZpbGw9IiMxYTFhMWEiLz4KPC9zdmc+Cg=="/>

<link
  href="https://fonts.googleapis.com/css?family=Inter:400,500,600,700|Inconsolata|Karla|Rubik&display=swap"
  rel="stylesheet"
/>
<link rel="stylesheet" href="{{ cdn_base }}/report/index.css" />
<link rel="stylesheet" href="{{ cdn_base }}/report/tailwind.css" />
<script>
  // analytics config
  window.dpAppRunner = false;
  window.dpLocal = true;

  /* construct the view */
  const htmlHeader = `<style type="text/css">{{ !css_header }}</style>`;
  window.reportProps = { htmlHeader, isLightProse: {{is_light_prose}}, isOrg: false, mode: "VIEW", reportWidthClass: "{{ report_width_class }}" };

  if (!window.dpAppRunner) {
      // pass app data via props if in local (static) mode, otherwise this data is fetched from the server
      window.reportProps["appData"] = { data: { result: {{!app_data}} }};
  }
</script>
<script type="module">
  import { mountReport } from "{{ cdn_base }}/report/index.es.js";
  mountReport(window.reportProps);
</script>