.map-stop-popup .leaflet-popup-content,
.map-stop-popup .leaflet-popup-scrolled {
  max-height: min(560px, calc(100vh - 110px)) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #9db8af transparent;
}

.map-stop-popup .leaflet-popup-content::-webkit-scrollbar,
.map-stop-popup .leaflet-popup-scrolled::-webkit-scrollbar {
  width: 7px;
}

.map-stop-popup .leaflet-popup-content::-webkit-scrollbar-track,
.map-stop-popup .leaflet-popup-scrolled::-webkit-scrollbar-track {
  background: transparent;
}

.map-stop-popup .leaflet-popup-content::-webkit-scrollbar-thumb,
.map-stop-popup .leaflet-popup-scrolled::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: #9db8af;
  background-clip: padding-box;
}

.map-stop-popup .leaflet-popup-content::-webkit-scrollbar-thumb:hover,
.map-stop-popup .leaflet-popup-scrolled::-webkit-scrollbar-thumb:hover {
  background: #6f9388;
  background-clip: padding-box;
}

.map-stop-popup-redesigned .map-stop-popup-title {
  position: sticky;
  z-index: 3;
  top: 0;
}

@media (max-width: 600px) {
  .map-stop-popup .leaflet-popup-content,
  .map-stop-popup .leaflet-popup-scrolled {
    max-height: min(470px, calc(100vh - 90px)) !important;
  }
}