/* MeatDrop editable style file: map */
/* MeatDrop map.css - compact Tailwind-style icon dock. Edit this file in Meat Drop -> Style Files. */
html body .meatdrop-map-app .md-map-mode-pills.md-bottom-mode-tabs,
html body .md-map-mode-pills.md-bottom-mode-tabs{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:14px!important;
  transform:translateX(-50%)!important;
  width:auto!important;
  max-width:calc(100vw - 20px)!important;
  min-width:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:6px!important;
  border-radius:9999px!important;
  background:rgba(7,18,14,.82)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  z-index:2147482200!important;
  overflow:visible!important;
}
html body .meatdrop-map-app .md-map-mode-pills.md-bottom-mode-tabs button,
html body .md-map-mode-pills.md-bottom-mode-tabs button{
  all:unset!important;
  box-sizing:border-box!important;
  position:relative!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  border-radius:9999px!important;
  background:transparent!important;
  color:#fff!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease!important;
}
html body .meatdrop-map-app .md-map-mode-pills.md-bottom-mode-tabs button:hover,
html body .meatdrop-map-app .md-map-mode-pills.md-bottom-mode-tabs button:focus-visible,
html body .meatdrop-map-app .md-map-mode-pills.md-bottom-mode-tabs button.is-active,
html body .md-map-mode-pills.md-bottom-mode-tabs button:hover,
html body .md-map-mode-pills.md-bottom-mode-tabs button:focus-visible,
html body .md-map-mode-pills.md-bottom-mode-tabs button.is-active{
  background:#f4c76c!important;
  color:#07120e!important;
  border-color:rgba(244,199,108,.92)!important;
  transform:translateY(-1px)!important;
  outline:0!important;
}
html body .meatdrop-map-app .md-map-mode-pills.md-bottom-mode-tabs .md-mode-icon,
html body .md-map-mode-pills.md-bottom-mode-tabs .md-mode-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  box-shadow:none!important;
}
html body .meatdrop-map-app .md-map-mode-pills.md-bottom-mode-tabs .md-mode-icon svg,
html body .md-map-mode-pills.md-bottom-mode-tabs .md-mode-icon svg{
  width:27px!important;
  height:27px!important;
  display:block!important;
  fill:currentColor!important;
  stroke:none!important;
}
html body .meatdrop-map-app .md-map-mode-pills.md-bottom-mode-tabs .md-mode-icon svg *,
html body .md-map-mode-pills.md-bottom-mode-tabs .md-mode-icon svg *{
  fill:currentColor!important;
  stroke:none!important;
}
html body .meatdrop-map-app .md-map-mode-pills.md-bottom-mode-tabs button>strong,
html body .meatdrop-map-app .md-map-mode-pills.md-bottom-mode-tabs button>small,
html body .md-map-mode-pills.md-bottom-mode-tabs button>strong,
html body .md-map-mode-pills.md-bottom-mode-tabs button>small{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
html body .meatdrop-map-app .md-map-mode-pills.md-bottom-mode-tabs button::after,
html body .md-map-mode-pills.md-bottom-mode-tabs button::after{
  content:attr(aria-label);
  position:absolute!important;
  left:50%!important;
  bottom:calc(100% + 10px)!important;
  transform:translateX(-50%) translateY(5px)!important;
  opacity:0!important;
  pointer-events:none!important;
  max-width:230px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  background:#07120e!important;
  color:#fff!important;
  border:1px solid rgba(244,199,108,.28)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.24)!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  line-height:1!important;
  white-space:nowrap!important;
  transition:opacity .16s ease,transform .16s ease!important;
}
html body .meatdrop-map-app .md-map-mode-pills.md-bottom-mode-tabs button:hover::after,
html body .meatdrop-map-app .md-map-mode-pills.md-bottom-mode-tabs button:focus-visible::after,
html body .md-map-mode-pills.md-bottom-mode-tabs button:hover::after,
html body .md-map-mode-pills.md-bottom-mode-tabs button:focus-visible::after{
  opacity:1!important;
  transform:translateX(-50%) translateY(0)!important;
}
html body .meatdrop-map-app .md-map-marker,
html body .meatdrop-map-app .md-price-marker,
html body .meatdrop-map-app .md-marker,
html body .meatdrop-map-app [class*="marker"]{
  animation:none!important;
  transition:none!important;
  box-shadow:0 7px 16px rgba(0,0,0,.14)!important;
}
html body .meatdrop-map-app .md-deal-marker-badge,
html body .meatdrop-map-app .md-marker-deal-badge,
html body .meatdrop-map-app .md-deal-pulse,
html body .meatdrop-map-app [class*="deal-pulse"]{
  animation:none!important;
  box-shadow:none!important;
}
@media(max-width:640px){
  html body .meatdrop-map-app .md-map-mode-pills.md-bottom-mode-tabs,
  html body .md-map-mode-pills.md-bottom-mode-tabs{gap:5px!important;padding:5px!important;bottom:10px!important;}
  html body .meatdrop-map-app .md-map-mode-pills.md-bottom-mode-tabs button,
  html body .md-map-mode-pills.md-bottom-mode-tabs button{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;}
  html body .meatdrop-map-app .md-map-mode-pills.md-bottom-mode-tabs .md-mode-icon svg,
  html body .md-map-mode-pills.md-bottom-mode-tabs .md-mode-icon svg{width:25px!important;height:25px!important;}
}