/* Dark liquid glass for the address panels over each map. */
html body #main-content .contact-page-map-card.contact-page-map-card--glass {
  isolation: isolate;
  overflow: hidden;
  color: #f5f5f7 !important;
  background: linear-gradient(135deg, rgba(29,29,31,.94), rgba(20,20,22,.97)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 24px !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.18), inset 0 -1px 1px rgba(0,0,0,.32), 0 16px 42px rgba(0,0,0,.25) !important;
  -webkit-backdrop-filter: blur(24px) saturate(155%) !important;
  backdrop-filter: blur(24px) saturate(155%) !important;
}
html body #main-content .contact-page-map-card.contact-page-map-card--glass::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at 0% 0%, rgba(255,255,255,.055), transparent 62%) !important;
}
html body #main-content .contact-page-map-card--glass h3,
html body #main-content .contact-page-map-card--glass b,
html body #main-content .contact-page-map-card--glass a {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html body #main-content .contact-page-map-card--glass p,
html body #main-content .contact-page-map-card--glass .contact-page-map-contact {
  color: #e2e5e9 !important;
  -webkit-text-fill-color: #e2e5e9 !important;
}
html body #main-content .contact-page-map-card--glass .contact-page-map-direction {
  background: linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.07)) !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.16);
}
html body #main-content .contact-page-map-card--glass .contact-page-map-direction span { color: #fff !important; -webkit-text-fill-color: #fff !important; }
html body #main-content .contact-page-map-card--glass a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html body #main-content .contact-page-map-card.contact-page-map-card--glass { background: #1d1d1f !important; }
}
@media (prefers-reduced-transparency: reduce) {
  html body #main-content .contact-page-map-card.contact-page-map-card--glass {
    background: #1d1d1f !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}

/* A single left-to-right light sweep on the directions buttons. */
html body #main-content .contact-page-map-card--glass .contact-page-map-direction {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
html body #main-content .contact-page-map-card--glass .contact-page-map-direction::after {
  content: "";
  position: absolute;
  top: -40%;
  bottom: -40%;
  left: 0;
  width: 45%;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.26), transparent);
  transform: translateX(-160%) skewX(-20deg);
  opacity: 0;
  z-index: 0;
}
html body #main-content .contact-page-map-card--glass .contact-page-map-direction > span,
html body #main-content .contact-page-map-card--glass .contact-page-map-direction > b {
  position: relative;
  z-index: 1;
}
@media (hover: hover) {
  html body #main-content .contact-page-map-card--glass .contact-page-map-direction:hover::after {
    animation: location-direction-shine 700ms cubic-bezier(.22,.61,.36,1) both;
  }
}
html body #main-content .contact-page-map-card--glass .contact-page-map-direction:focus-visible::after {
  animation: location-direction-shine 700ms cubic-bezier(.22,.61,.36,1) both;
}
@keyframes location-direction-shine {
  0% { opacity: 0; transform: translateX(-160%) skewX(-20deg); }
  15%, 75% { opacity: 1; }
  100% { opacity: 0; transform: translateX(340%) skewX(-20deg); }
}
@media (prefers-reduced-motion: reduce) {
  html body #main-content .contact-page-map-card--glass .contact-page-map-direction::after {
    animation: none !important;
  }
}

html body #main-content .contact-page-map-card--glass .contact-page-map-direction,
html body #main-content .contact-page-map-card--glass .contact-page-map-direction span { text-transform: none !important; }
