/* Add CSS styles here! */
body {
  font-family: sans-serif;
}
#exifWindow {
  overflow: auto;
  max-height: 60vh;
  width: 50vh;
}
.thumbFrame {
  cursor: pointer;
}
.gallery > .galleryList {
  display: flex;
  flex-wrap: wrap;
  margin: 0px;
}

.SlidingLeftPanel {
  position: fixed;
  left: 0px;
  top: 0px;
  padding: 0px;
  width: fit-content;
  height: 100vh;
  border: solid 1px;
  /* transition: width 1s ease-in-out; */
}
.SlidingLeftPanelInner {
  position: relative;
  height: 100%;
  width: fit-content;
  transition: width 0.2s ease-in-out, overflow 0.5s 0.5s;
  /* transition: width 1s ease-in-out; */
}
.SlidingLeftPanelToggle {
  position: absolute;
  top: 50vh;
  right: 0px;
  background-color: rgba(255, 255, 255, 1);
}
.SlidingLeftPanelChildren {
  height: 100%;
  padding-right: 30pt;
  border: solid 1px;
  max-width: calc(100% - 30px);
}
.SlidingLeftPanelShowing {
  width: 99vw;
  background-color: white;
}
.SlidingLeftPanelNotShowing {
  width: 30px;
  overflow: hidden;
  background-color: rgba(200, 200, 200, 0.6);
}

.map-container {
  width: 98vw;
  height: 50vh;
  z-index: 2;
}