* {
  margin: 0;
  padding: 0;
}

html {
  --width: 100%;
  --height: 100%;
}
html, body {
  width: var(--width);
  height: var(--height)
}
#map {
  width: var(--width);
  height: calc(var(--height));
  overflow: hidden;
}

#test {
  width: var(--width);
  height: calc(var(--height) / 2);
  overflow: hidden;
}

#map {
  background: #ccc;
}

.point {
  width: 150px;
  font-size: 12px;
  text-align: center;
  margin-bottom: 10px;
}

#theme {
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px;
}