:root {
  --our-map-explore-hub-color: #ef665f;
}

html body main.app-shell section.map-stage.map-focus .mymappi-our-map-explore-hub-icon {
  display: grid !important;
  width: 44px !important;
  height: 52px !important;
  min-width: 44px;
  min-height: 44px;
  place-items: end center !important;
  border: 0 !important;
  border-radius: 14px !important;
  outline-offset: 3px !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent;
}

html body main.app-shell section.map-stage.map-focus .our-map-explore-hub-pin {
  --marker-color: var(--our-map-explore-hub-color);
  display: block !important;
  width: 30px !important;
  height: 45px !important;
  filter: drop-shadow(0 5px 6px rgba(91, 35, 36, 0.24)) !important;
  transform: translateZ(0) !important;
  transform-origin: 50% 92% !important;
  transition: filter 170ms ease, transform 170ms ease !important;
}

html body main.app-shell section.map-stage.map-focus .our-map-explore-hub-pin .memory-pin-svg {
  display: block !important;
  width: 30px !important;
  height: 45px !important;
  overflow: visible !important;
}

html body main.app-shell section.map-stage.map-focus .our-map-explore-hub-pin .memory-pin-presence {
  display: none !important;
}

html body main.app-shell section.map-stage.map-focus .our-map-explore-hub-pin .memory-pin-symbol {
  fill: #ffffff !important;
  stroke: rgba(82, 31, 34, 0.4) !important;
  stroke-width: 0.7px !important;
  paint-order: stroke fill !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

html body main.app-shell section.map-stage.map-focus .mymappi-our-map-explore-hub-icon:hover .our-map-explore-hub-pin,
html body main.app-shell section.map-stage.map-focus .mymappi-our-map-explore-hub-icon:focus-visible .our-map-explore-hub-pin {
  filter: drop-shadow(0 7px 8px rgba(91, 35, 36, 0.3)) !important;
  transform: translateY(-2px) translateZ(0) scale(1.04) !important;
}

html body main.app-shell section.map-stage.map-focus .mymappi-our-map-explore-hub-icon:focus-visible {
  outline: 3px solid rgba(6, 76, 84, 0.68) !important;
}

@media (prefers-reduced-motion: reduce) {
  html body main.app-shell section.map-stage.map-focus .our-map-explore-hub-pin {
    transition: none !important;
  }
}