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

.map-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--background-color-card);
}

/*
#top, #bottom {
  height: 64px;
  background-color: #f1f1f1; 
}
*/

#middle {
  flex-grow: 1;
  background-color: #e0e0e0;
}