/* Badewiese Live-Map zoom/pan v1.0.0 */

.bw-live-map-shell{
  position:relative;
  overscroll-behavior:contain;
}

.bw-live-map-shell.bw-live-map-zoomed{
  cursor:grab;
}

.bw-live-map-shell.bw-live-map-panning{
  cursor:grabbing;
}

.bw-live-map-zoom-controls{
  position:absolute;
  top:10px;
  right:10px;
  z-index:30;

  display:flex;
  align-items:center;

  overflow:hidden;

  border:1px solid #ffffff55;
  border-radius:6px;

  background:#111e;
  box-shadow:0 2px 8px #0009;

  pointer-events:auto;
}

.bw-live-map-zoom-controls button{
  min-width:34px;
  height:32px;

  padding:0 8px;

  border:0;
  border-right:1px solid #ffffff2c;

  background:#20221de8;
  color:#fff;

  font-size:.82rem;
  font-weight:700;
  line-height:32px;

  cursor:pointer;
}

.bw-live-map-zoom-controls button:last-child{
  border-right:0;
}

.bw-live-map-zoom-controls button:hover{
  background:#3a3d32f2;
}

#bw-live-map-zoom-reset{
  min-width:62px;
  font-size:.72rem;
  color:#f2dc73;
}

@media(max-width:768px){
  .bw-live-map-zoom-controls{
    top:6px;
    right:6px;
  }

  .bw-live-map-zoom-controls button{
    min-width:30px;
    height:29px;
    line-height:29px;
  }

  #bw-live-map-zoom-reset{
    min-width:55px;
  }
}