body {
  margin: 0;
}

#panel_column {
  display: flex;
  max-width: 20rem;
  padding: 4px;
  position: absolute;
  pointer-events: none;
  flex-direction: column;
  font-size: larger;
  color: white;
}

#panel_column > * {
  margin: 4px;
  pointer-events: auto;
  background-color: darkgreen;
  padding: 8px;
}

details details {
  padding-top: 8px;
}

#option_panel {
  flex-wrap: wrap;
}

.field {
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
}

input[updated=false] {
  background-color: aqua;
}

#map {
  height: 100dvh;
  width: 100vw;
  position: absolute;
  z-index: -1;
}

#page {
  z-index: -2;
}

[hidden] {
  display: none !important;
}

img {
  max-width: 100%;
  height: auto;
}

* {
  box-sizing: border-box;
}

input,
select,
textarea,
button,
pre {
  font-size: inherit;
  text-wrap: wrap;
}

input[type=checkbox] {
  width: 1em;
  height: 1em;
}