.ipctimeline-logos-container {
  grid-area: ipctimeline-logos-container;
}

.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;
  grid-template-columns: 1fr 300px;
  grid-template-rows: auto auto auto auto 1fr auto;
  grid-template-areas:
    "ipctimeline-logos-container ipctimeline-logos-container"
    "ipctimeline-narrative-text-header-wrapper ipctimeline-narrative-text-header-wrapper"
    "ipctimeline-map-header ipctimeline-legend-wrapper"
    "ipctimeline-slider-wrapper ipctimeline-legend-wrapper"
    "ipctimeline-map ipctimeline-legend-wrapper"
    "ipctimeline-disclaimer ipctimeline-disclaimer";
}

.ipctimeline-subtitle-wrapper {
  display: flex;
  justify-content: space-between;
}

.ipctimeline-reported-date {
  font-size: var(--font_size_regular);
}

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

.ipctimeline-slider-wrapper {
  padding-top: 0px;
  margin-top: -6px;
}

.ipctimeline-app-wrapper .ipctimeline-slider-wrapper .cd-h-timeline__container {
  height: 65px;
}

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

@container standard-visualization-container (max-width: 540px) {
  .ipctimeline-subtitle-wrapper {
    flex-direction: column;
  }
  .ipctimeline-subtitle-wrapper .standard-viz-reported-date-wrapper {
    margin-top: 8px;
  }
}