/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./components/map/mapbox-marker-styles.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Base marker styles */
.marker {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #3b82f6;
  border: 2px solid white;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  z-index: 900;
}

.anonymous-marker {
  background-image: url("https://zfqbhxyblzjzyliwiqfo.supabase.co/storage/v1/object/public/images/uploads/single/logo2v2-1748487882515-m3bly5.png");
  transform-origin: bottom center;
  transition: transform 0.2s ease;
  z-index: 900;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./components/map/tooltip-animations.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(10px);
  }
}

.tooltip-enter {
  animation: fadeIn 0.2s ease-out forwards;
}

.tooltip-exit {
  animation: fadeOut 0.2s ease-in forwards;
}

.marker-tooltip {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* Pulse animation for markers */
@keyframes pulse-glow {
  0% {
    box-shadow: 0 0 5px rgba(0, 182, 231, 0.5);
  }
  50% {
    box-shadow: 0 0 15px rgba(0, 182, 231, 0.8);
  }
  100% {
    box-shadow: 0 0 5px rgba(0, 182, 231, 0.5);
  }
}