/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html {

}
.mapboxgl-popup {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  will-change: transform;
  pointer-events: none;
}
.mapboxgl-popup-anchor-top, .mapboxgl-popup-anchor-top-left, .mapboxgl-popup-anchor-top-right {
  flex-direction: column;
}
.mapboxgl-popup-anchor-bottom, .mapboxgl-popup-anchor-bottom-left, .mapboxgl-popup-anchor-bottom-right {
  flex-direction: column-reverse;
}
.mapboxgl-popup-anchor-left {
  flex-direction: row;
}
.mapboxgl-popup-anchor-right {
  flex-direction: row-reverse;
}
.mapboxgl-popup-tip {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  z-index: 1;
}
.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
  align-self: center;
  border-top: none;
  border-bottom-color: #fff;
}
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
  align-self: flex-start;
  border-top: none;
  border-left: none;
  border-bottom-color: #fff;
}
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
  align-self: flex-end;
  border-top: none;
  border-right: none;
  border-bottom-color: #fff;
}
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  align-self: center;
  border-bottom: none;
  border-top-color: #fff;
}
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
  align-self: flex-start;
  border-bottom: none;
  border-left: none;
  border-top-color: #fff;
}
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
  align-self: flex-end;
  border-bottom: none;
  border-right: none;
  border-top-color: #fff;
}
.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
  align-self: center;
  border-left: none;
  border-right-color: #fff;
}
.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  align-self: center;
  border-right: none;
  border-left-color: #fff;
}
.mapboxgl-popup-close-button {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  border-radius: 0 3px 0 0;
  cursor: pointer;
  background-color: transparent;
}
.mapboxgl-popup-close-button:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.mapboxgl-popup-content {
  position: relative;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  padding: 10px 10px 15px;
  pointer-events: auto;
}
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {
  border-top-left-radius: 0;
}
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {
  border-top-right-radius: 0;
}
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {
  border-bottom-left-radius: 0;
}
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {
  border-bottom-right-radius: 0;
}

.leaflet-popup-pane {
  z-index: 8;
}
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}
.leaflet-control, .leaflet-popup-pane {
  cursor: auto;
}






.leaflet-popup {
  position: absolute;
  text-align: center;
  pointer-events: none;
}
.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  pointer-events: all;
}
.leaflet-popup-content {
  padding: 10px 10px 15px;
  margin: 0;
  line-height: inherit;
}
.leaflet-popup-close-button+.leaflet-popup-content-wrapper .leaflet-popup-content {
  padding-top: 15px;
}
.leaflet-popup-tip-container {
  width: 20px;
  height: 20px;
  margin: 0 auto;
  position: relative;
}
.leaflet-popup-tip {
  width: 0;
  height: 0;
  margin: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  box-shadow: none;
}
.leaflet-popup-close-button {
  text-indent: -999em;
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: all;
}
.leaflet-popup-close-button:hover {
  background-color: #f8f8f8;
}
.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}


.leaflet-bar a, .leaflet-control-layers-toggle, .leaflet-popup-close-button, .map-tooltip.closable .close, .mapbox-button-icon:before, .mapbox-icon {
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  vertical-align: middle;
  background-repeat: no-repeat;
}

.leaflet-popup-close-button, .map-tooltip.closable .close {
  background-position: -3px -55px;
  width: 20px;
  height: 20px;
  border-radius: 0 3px 0 0;
}

.leaflet-popup-content-wrapper, .map-legends, .map-tooltip {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}


.leaflet-popup-content .marker-title {
  font-weight: 700;
}














.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 2rem;
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  color: var(--typo);
  box-shadow: var(--depth-3);
  width: calc(100vw - 2rem);
  max-width: 900px;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  max-height: calc(100vh - 2rem);
  overflow: auto;
  z-index: 1500;
  opacity: 0;
  border: 5px solid red;
}
.popup.open {
  opacity: 1;
  transform: translate(-50%, -50%);
  -webkit-user-select: auto;
  user-select: auto;
  pointer-events: auto;
}

.popup__content {
  text-align: left !important;
}

.popup__content p {
  margin: 0;
}
.popup__content p.script {
  font-size: 1.75em;
}
.popup__content b, .popup__content p, .popup__content strong {
  color: var(--typo);
}
.popup__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.5rem;
  height: 2.5rem;
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  cursor: pointer;
}
.popup__close:hover {
  background: rgba(0, 0, 0, 0.2);
}
.popup__close:active {
  background: rgba(0, 0, 0, 0.3);
}
.popup__close:after, .popup__close:before {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 80%;
  height: 2px;
  background: red;
}
.popup__close:before {
  transform: rotate(45deg);
}
.popup__close:after {
  transform: rotate(-45deg);
}