.remotesensing-header {
  grid-area: remotesensing-header;
}

.remotesensing-map {
  grid-area: remotesensing-map;
}

.remotesensing-legend-wrapper {
  grid-area: remotesensing-legend;
}

.remotesensing-disclaimer {
  grid-area: remotesensing-disclaimer;
}

.remotesensing-source {
  grid-area: remotesensing-source;
}

.remotesensing-app-wrapper {
  display: grid;
  padding: 16px;
  grid-template-columns: 85% 15%;
  grid-template-rows: auto 1fr auto;
  grid-template-areas:
    "remotesensing-header remotesensing-header"
    "remotesensing-map remotesensing-legend"
    "remotesensing-disclaimer remotesensing-disclaimer"
    "remotesensing-source remotesensing-source"
  ;
}

.standard-viz-app-wrapper-full-screen {
  grid-template-columns: 85% 15%;
  grid-template-rows: auto 1fr 0px;
  grid-template-areas:
    "remotesensing-header remotesensing-header"
    "remotesensing-map remotesensing-legend"
    "remotesensing-disclaimer remotesensing-disclaimer"
    "remotesensing-source remotesensing-source"
  ;
}

.standard-viz-app-wrapper-full-screen>.remotesensing-source {
  visibility: hidden;
}

@media (max-width: 1023px) {
  .remotesensing-app-wrapper {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto 1fr auto;
    grid-template-areas:
      "remotesensing-header"
      "remotesensing-map"
      "remotesensing-legend"
      "remotesensing-disclaimer"
      "remotesensing-source"
    ;
  }

  .remotesensing-legend-image-wrapper {
    padding-left: 5px !important;
  }

  .remotesensing-legend-header-wrapper {
    padding-bottom: 0px !important;
  }

  .remotesensing-legend-image {
    max-width: 100%;
    height: auto;
  }
}

.remotesensing-viz-title {
  text-transform: none;
}

.remotesensing-legend-image-wrapper {
  padding-left: 20px;

}

.remotesensing-legend-image-header {
  font-size: 16px;
}

.remotesensing-popup {
  min-width: 280px;
  max-width: 300px !important;
}

.remotesensing-popup-chart {
  height: 170px;
}

#mapboxgl_dropdown_download_csv {
  display: none;
}

.standard-viz-ipc-map-dropdown-item {
  height: 22px;
}