preview-head.html

<link
  rel="preload stylesheet"
  as="style"
  href="https://altinncdn.no/fonts/inter/v4.1/inter.css"
  integrity="sha384-OcHzc/By/OPw9uJREawUCjP2inbOGKtKb4A/I2iXxmknUfog2H8Adx71tWVZRscD"
  crossorigin="anonymous"
/>

<script>
  document.documentElement.setAttribute('lang', 'no');
</script>

<style>
  * {
    font-feature-settings: 'cv05' 1;
  }
  html {
    font-family: 'Inter', sans-serif;
  }
  .sbdocs-wrapper {
    padding-bottom: 10rem !important;
  }

  .docs-story {
    background-color: var(--ds-color-neutral-background-default);
  }

  html {
    height: 100%;
  }

  body {
    background-color: var(--ds-color-neutral-background-default);
  }
</style>

<style>
  @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

  [data-typography='secondary'] {
    font-family: var(--ds-font-family), monospace;
  }
</style>