:root {
  --theme-color: #1e293b;
  --theme-color-light: #1e293b10;
  --background-color: #ffffff;
  --title-font-size: 36px;
  --title-font-weight: 900;
  --primary-font-family: "Inter";
  --secondary-font-family: "Inter";
  --sidebar-width: 300px;
  --map-radius: 10px;

  
}

html.carta-map-embed,
body.carta-map-embed {
  height: 100svh !important;
  overscroll-behavior-y: none;
  overflow: hidden;
}

body.carta-map-embed {
  padding-bottom: env(safe-area-inset-bottom);
}

.carta-map .map__container {
  font-family: var(--secondary-font-family, "Inter");
  height: 100svh !important;
}

.carta-map .map__container h1,
.carta-map .map__container h2,
.carta-map .map__container h3,
.carta-map .map__container h4,
.carta-map .map__container h5,
.carta-map .map__container h6,
.carta-map-drawer h1,
.carta-map-drawer h2,
.carta-map-drawer h3,
.carta-map-drawer h4,
.carta-map-drawer h5,
.carta-map-drawer h6 {
  font-family: var(--primary-font-family, "Inter");
}

.carta-map .map__wrapper {
  
  background-color: transparent
}

.carta-map .map__information {
  color: var(--theme-color);
}

.carta-map .map__information button {
  color: var(--theme-color);
  background-color: white
}

.carta-map .map__information .map__information__panel {
  color: var(--theme-color);
  background-color: white
}

.carta-map .map__sidebar {
  
  background-color: var(--background-color, white);
  border-radius: var(--map-radius, 16px);
}
.carta-map .map__sidebar,
.carta-map .map__sidebar > * {
  font-family: var(--secondary-font-family);
  color: var(--theme-color);
}

.carta-map .map__sidebar__listing,
.carta-map-drawer .map__sidebar__listing {
  font-family: var(--secondary-font-family);
  color: var(--theme-color);
  font-size: 1rem;
}

.carta-map .map__sidebar__toggle {
  
  color: var(--theme-color);
  background-color: white
}

.carta-map .map__popup {
  --background-color: #ffffff;
  --text-color: #000000;
  --text-size: 16px;
  --spacing: 16px;
  --link-color: #2563eb;
  --title-size: 24px;
  --title-color: #000000;
  --radius: 8px;

  background: var(--background-color);
  color: var(--text-color);
  border-radius: var(--radius);
  overflow: hidden;
}

.carta-map .map__popup__body {
  padding: var(--spacing, 16px)
}

.carta-map .map__popup a {
  color: var(--link-color);
}

.carta-map .map__popup__title {
  color: var(--title-color, #000000);
  font-family: var(--primary-font-family, "Inter");
  font-size: var(--title-size, 36px);
  font-weight: bold;
}

.carta-map .map__popup__content {
  font-family: var(--secondary-font-family, "Inter");
  font-size: var(--text-size, 16px);
}

text-[length:var(--text-size)] wysiwyg-a:text-[color:var(--link-color)] {}

.carta-map .map__pills {
  color: var(--theme-color);
  background-color: white
}

.carta-map .map__marker__label {
  --background-color: #ffffff;
  --text-color: #000000;
  --radius: 8px;

  background: var(--background-color);
  color: var(--text-color);
  border-radius: var(--radius);
}

.carta-map .mapboxgl-popup-content {
  background-color: #ffffff;
  color: #000000;
  font-family: var(--secondary-font-family, "Inter");
  padding-bottom: 10px !important;
}

.carta-map .mapboxgl-popup-tip {
  border-top-color: #ffffff !important;
}

.carta-map .map__title,
.carta-map-drawer .map__title {
  font-family: var(--primary-font-family);
  font-size: var(--title-font-size);
  font-weight: var(--title-font-weight);
  line-height: var(--title-font-size);
  color: var(--theme-color);
}

.carta-map .map__description,
.carta-map-drawer .map__description {
  color: var(--theme-color);
}