html,
body {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

/* styles are here instead of the component due to
https://github.com/sveltejs/svelte/issues/5988 */
main {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.mapAreaWrapper {
  height: 100%;
  width: 100%;
  position: relative;
}
div.leafletMapWrapper,
div.leafletMapWrapper div.map {
  width: 100%;
  height: 100%;
  position: relative;
}