/* Keep the chart canvas inside the space left by the title and source. */
.slide-heading,.slide-source{flex-shrink:0}
.slide-body{flex:1 1 0}
.chart-region{height:100%;min-height:0;min-width:0;display:flex;flex-direction:column}
.chart-wrap{min-height:0;flex:1 1 0}
.chart{height:100%;width:100%;max-height:100%}
.mobile-chart-values{display:none}
#progress-fill{width:100%;transform-origin:left;transition:transform .35s}
@media(min-width:701px){
 .slide-body.split,.slide-body.map-layout{height:auto}
 .map-layout{grid-template-rows:minmax(0,1fr)}
 .map-column{min-height:0}
 .map-stage{min-height:100px}
 .map-sidebar{min-height:0;overflow:auto;padding-right:3px}
 .map-legend{flex-shrink:0}
}
@media(max-width:700px){
 .slide-body{flex:none}
 .chart-region{height:auto;min-width:0}
 .chart-wrap{overflow-x:auto;justify-content:flex-start;flex:none;width:100%;padding-bottom:9px;overscroll-behavior-x:contain}
 .chart{width:760px;min-width:760px;height:auto;max-height:none;flex-shrink:0}
 .mobile-chart-values{display:block;margin-top:12px;border-top:1px solid var(--line);padding-top:12px}
 .mobile-chart-values summary{color:var(--blue);cursor:pointer;font-size:14px;padding:5px 0;line-height:1.5}
 .mobile-chart-values table{border-collapse:collapse;width:100%;font-size:13px;font-variant-numeric:tabular-nums;margin-top:15px}
 .mobile-chart-values th,.mobile-chart-values td{text-align:right;padding:11px 5px;border-bottom:1px solid var(--line)}
 .mobile-chart-values th:first-child{text-align:left}
 .mobile-chart-values thead th{color:var(--blue);font-weight:500;vertical-align:bottom;font-size:12px}
 .mobile-chart-values tbody th{font-weight:400}
 .mobile-chart-values p{color:var(--muted);font-size:12px;line-height:1.6;margin-top:10px}
 .control-right .text-button{display:block;padding:6px;font-size:11px}
}
@media print{
 .chart-region{height:auto}
 .chart-wrap{height:360px;flex:none}
 .chart{height:100%;min-width:0;width:100%}
 .map-layout{height:500px!important}
 .map-sidebar{overflow:visible}
}