.leaflet-control-opacity-slider {
    background-color: white; /* Add a white background color */
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Add a subtle box shadow */
    margin-bottom: 10px; /* Add some space at the bottom */
}

#markers_popup_photos {
  max-width: 30vw;
  max-height: 30vh;
}

.timeline-toggle-btn {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}

.timeline-toggle-btn:hover,
.timeline-toggle-btn:focus {
  background-color: #f4f4f4;
}