/* Entry point for the app stylesheet */
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  background: #f8fafc;
  color: #0f172a;
}

html, body {
  height: 100%;
}

#app, main, .page {
  margin: 0;
  padding: 0;
}

img, svg, video, canvas, audio, iframe, embed, object {
  display: block;
  max-width: 100%;
}

/* Leaflet paints into a canvas (or svg) inside an absolutely-positioned,
 * zero-width pane. The `max-width: 100%` above resolves against that zero
 * width and collapses the element to 0px, so the map renders tiles and nothing
 * else — every marker is drawn, and none is visible. */
.leaflet-container img,
.leaflet-container canvas,
.leaflet-container svg {
  max-width: none;
}

button, input, select, textarea {
  font: inherit;
}