.demo-map-container {
  width: 100%;
  height: 0;
  padding-bottom: 75%;
  border: 1px solid var(--vp-c-divider);
  position: relative;
  z-index: 1; /* just for demo, to prevent tooltips go out of container */
}

.demo-map-container-inner {
  width: 100%;
  height: 100%;
  position: absolute;

  & iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
  }
}

.mapcontent {
  overflow: hidden;

  & .dialog-header {
    color: #8300BF !important;
  }
}

.bottom-right-control {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.zoomOut,
.fitWindow {
  padding-left: 0px !important;
}