margin: var(--space-2);
  margin-top: var(--space-3);
  margin-bottom: 0;
}
h2.preview-only + p {
  margin: var(--space-1) var(--space-2);
}
</style>
</head>
<body>

  <h2 class="preview-only">A simple mobile Stepper</h2>
  <p>Use the browser back button to go to the previous view.</p>



  <div class="stepper simple">
    <section [hidden]="currentPage > 0"> 
      <div class="top-bar">
        Step 1
      </div>
      <div class="content">Here is some content ...</div>
      <div class="bottom-bar">
    