*, *::before, *::after {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

#map {
  width: 100%;
  height: 100%;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
}