.leaflet-control-locate-location-arrow {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 4px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/><line x1="2" y1="12" x2="6" y2="12"/><line x1="18" y1="12" x2="22" y2="12"/><line x1="12" y1="2" x2="12" y2="6"/><line x1="12" y1="18" x2="12" y2="22"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.leaflet-control-locate a {
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.leaflet-control-locate a .leaflet-control-locate-spinner {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 4px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="black" d="M304 48a48 48 0 1 1-96 0 48 48 0 1 1 96 0zm-48 368a48 48 0 1 0 0 96 48 48 0 0 0 0-96zm208-208a48 48 0 1 0 0 96 48 48 0 0 0 0-96zM96 256a48 48 0 1 0-96 0 48 48 0 0 0 96 0zm13 99a48 48 0 1 0 0 96 48 48 0 0 0 0-96zm294 0a48 48 0 1 0 0 96 48 48 0 0 0 0-96zM109 61a48 48 0 1 0 0 96 48 48 0 0 0 0-96z"/></svg>');
  animation: leaflet-control-locate-spin 2s linear infinite;
}
.leaflet-control-locate.active a {
  background-color: rgba(32, 116, 182, 0.15);
}
.leaflet-control-locate.active a:hover {
  background-color: rgba(32, 116, 182, 0.25);
}
.leaflet-control-locate.following a {
  background-color: rgba(252, 132, 40, 0.2);
}
.leaflet-control-locate.following a:hover {
  background-color: rgba(252, 132, 40, 0.3);
}

.leaflet-control-locate-circle,
.leaflet-control-locate-circle-hidden {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.leaflet-touch .leaflet-bar .leaflet-locate-text-active {
  width: 100%;
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 10px;
}
.leaflet-touch .leaflet-bar .leaflet-locate-text-active .leaflet-locate-icon {
  padding: 0 5px 0 0;
}

.leaflet-control-locate-location circle {
  display: none !important;
}

@keyframes leaflet-control-locate-throb {
  0% {
    stroke-width: 1;
  }
  50% {
    stroke-width: 3;
    transform: scale(0.8, 0.8);
  }
  100% {
    stroke-width: 1;
  }
}
@keyframes leaflet-control-locate-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=L.Control.Locate.css.map */
