.ipctimeline-narrative-text-header-wrapper {
  grid-area: ipctimeline-narrative-text-header-wrapper;
}

.ipctimeline-map-header {
  grid-area: ipctimeline-map-header;
}

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

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

.ipctimeline-slider-wrapper {
  grid-area: ipctimeline-slider-wrapper;
}

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

.ipctimeline-app-wrapper {
  display: grid;
  padding: 16px;
  grid-template-columns: 78% 22%;
  grid-template-rows: auto auto 1fr auto auto;
  grid-template-areas:
    "ipctimeline-narrative-text-header-wrapper ipctimeline-narrative-text-header-wrapper"
    "ipctimeline-map-header ipctimeline-map-header"
    "ipctimeline-map ipctimeline-legend-wrapper"
    "ipctimeline-slider-wrapper ipctimeline-legend-wrapper"
    "ipctimeline-disclaimer ipctimeline-disclaimer";
}

.standard-viz-app-wrapper-full-screen {
  grid-template-columns: 1fr;
  grid-template-rows: 0px 0px 1fr auto 0px 0px;
  grid-template-areas:
    "ipctimeline-narrative-text-header-wrapper"
    "ipctimeline-map-header"
    "ipctimeline-map"
    "ipctimeline-slider-wrapper"
    "ipctimeline-legend-wrapper"
    "ipctimeline-disclaimer";
}

.standard-viz-app-wrapper-full-screen>.ipctimeline-narrative-text-header-wrapper,
.standard-viz-app-wrapper-full-screen>.ipctimeline-map-header,
.standard-viz-app-wrapper-full-screen>.ipctimeline-legend-wrapper,
.standard-viz-app-wrapper-full-screen>.ipctimeline-disclaimer {
  visibility: hidden;
}

@media (max-width: 1023px) {
  .ipctimeline-app-wrapper {
    grid-template-columns: auto;
    grid-template-rows: auto auto 1fr auto auto;
    grid-template-areas:
      "ipctimeline-narrative-text-header-wrapper"
      "ipctimeline-map-header"
      "ipctimeline-map"
      "ipctimeline-legend-wrapper"
      "ipctimeline-slider-wrapper"
      "ipctimeline-disclaimer";
  }
}

.ipctimeline-narrative-text-header-wrapper {
  padding-bottom: 16px;
}