.mapboxgl-ctrl-lnglat {
  background: rgb(0 0 0 / 40%);
  color: white;
  line-height: 2em;
  padding: 0 10px;
}

.mapboxgl-ctrl-bottom-left {
  display: flex;
  bottom: 0;
  left: 2px;
}

.mapboxgl-popup-content {
  box-shadow: 0 0 20px #999;
}

#geolocate-info {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -10;
}

// 自定义图层控制器样式
.mapboxgl-ctrl button.-active svg {
  color: #4264fb;
}

.mapboxgl-ctrl .mapboxgl-ctrl-layer-button .mapboxgl-ctrl-icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="m13.387 3.425l6.365 4.243a1 1 0 0 1 0 1.664l-6.365 4.244a2.5 2.5 0 0 1-2.774 0L4.248 9.332a1 1 0 0 1 0-1.664l6.365-4.243a2.5 2.5 0 0 1 2.774 0Zm6.639 8.767a2.002 2.002 0 0 1-.577.598l-6.05 4.084a2.5 2.5 0 0 1-2.798 0l-6.05-4.084a2 2 0 0 1-.779-2.29l6.841 4.56a2.5 2.5 0 0 0 2.613.098l.16-.098l6.841-4.56a1.996 1.996 0 0 1-.201 1.692Zm0 3.25a2.002 2.002 0 0 1-.577.598l-6.05 4.084a2.5 2.5 0 0 1-2.798 0l-6.05-4.084a2 2 0 0 1-.779-2.29l6.841 4.56a2.5 2.5 0 0 0 2.613.098l.16-.098l6.841-4.56a1.996 1.996 0 0 1-.201 1.692Z"%2F%3E%3C%2Fsvg%3E') !important;
}

.mapboxgl-ctrl-layer-button {
  position: relative;
}

.mapboxgl-ctrl-layer-wrap {
  display: none;
  justify-items: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 40px;
  padding: 10px;
  border-radius: 3px;
  box-shadow: 0 0 3px #333;
  background-color: #fff;
}

.mapboxgl-ctrl-layer {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  border: 2px solid #fff;
  position: relative;
}

.mapboxgl-ctrl-layer.active {
  border-color: #3385ff;
}

.mapboxgl-ctrl-layer img {
  width: 100%;
  height: 100%;
}

.mapboxgl-ctrl-layer span {
  display: inline-flex;
  justify-content: center;
  background-color: rgb(0 0 0 / 60%);
  color: white;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.mapboxgl-ctrl-layer-button.-active .mapboxgl-ctrl-layer-wrap {
  display: flex;
}
