.tx-map {
  overflow: hidden;
  background: var(--tx-forest-950);
  border-radius: var(--tx-radius-md);
}


/* v1.19.1 — draggable bottom edge for Destination + Route maps */
.tx-map-resize-handle {
  position: absolute;
  z-index: 12;
  left: 0;
  right: 0;
  bottom: 0;
  height: 14px;
  display: grid;
  place-items: center;
  cursor: ns-resize;
  touch-action: none;
  user-select: none;
  background:
    linear-gradient(
      to bottom,
      transparent,
      rgba(20, 38, 31, .12)
    );
}

.tx-map-resize-handle::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: rgba(255, 253, 248, .72);
  opacity: 0;
  transition: opacity .14s ease;
}

.tx-map-resize-handle span {
  position: relative;
  width: 54px;
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 253, 248, .88);
  box-shadow: 0 1px 4px rgba(0, 0, 0, .22);
  opacity: .62;
  transition:
    opacity .14s ease,
    transform .14s ease;
}

.tx-map-resize-handle:hover::before,
.tx-map-resize-handle:focus-visible::before,
.tx-map-resize-handle.resizing::before {
  opacity: 1;
}

.tx-map-resize-handle:hover span,
.tx-map-resize-handle:focus-visible span,
.tx-map-resize-handle.resizing span {
  opacity: 1;
  transform: scaleX(1.18);
}

.tx-map-resize-handle:focus-visible {
  outline: 2px solid rgba(180, 134, 62, .95);
  outline-offset: -2px;
}

.destination-gps-map.map-resizing,
.route-live-map.map-resizing {
  cursor: ns-resize !important;
}


/* v1.19.2 */
.route-map-card.map-resizing,
.route-photo-rail.map-resizing {
  cursor: ns-resize !important;
}