          width: 1100px;
        }
      }
    </style>
  </head>

  <body>
    <demo-dom-swapper>
      <main>
        <div class="example-container">
          <h1>calcite-shell</h1>

          <style>
            #viewDiv,
            #viewDiv2 {
              padding: 0;
              margin: 0;
              height: 100%;
              width: 100%;
            }
          </style>

          <script>
            require(["esri/Map", "esri/views/MapView"], function (Map, MapView) {
              const m