.map-controls-head{align-items:flex-start;display:flex;min-width:0}
#custom-period{grid-template-columns:72px 92px auto;width:min(270px,calc(100vw - 18px))}
#chart-window{font-size:8px;line-height:1.2;max-width:240px;white-space:nowrap}
#timeline-slider{background:linear-gradient(to right,var(--brand) 0 var(--observed-percent,100%),var(--forecast) var(--observed-percent,100%) var(--available-percent,100%),#d7dee7 var(--available-percent,100%) 100%)}
#forecast-update{background:var(--navy);bottom:calc(100% + 6px);box-shadow:0 5px 14px #10243a2e;color:#fff;font-size:10px;padding:6px 9px;position:absolute;right:0;white-space:nowrap}
#forecast-update:hover{background:var(--brand);color:#fff}
#forecast-update[hidden]{display:none}
@media (min-width:761px){
  .global-status{grid-template-columns:9px minmax(360px,460px);height:58px;min-width:378px}
  .global-status span{line-height:1.2}
  #panel{height:min(633px,calc(100% - 32px))}
  #panel-body{align-content:start;grid-template-rows:42px 34px 30px 36px 150px 228px 25px}
  .location-card{grid-template-rows:23px 42px 15px 42px}
  #place-name{line-height:19px;-webkit-line-clamp:2}
  .history-section{grid-template-rows:18px 190px 16px}
}
@media (min-width:761px) and (max-width:1100px){
  .global-status{grid-template-columns:9px minmax(210px,250px);min-width:228px}
}
@media (max-height:760px) and (min-width:761px){
  #panel{height:min(583px,calc(100% - 24px))}
  #panel-body{grid-template-rows:38px 32px 27px 34px 140px 198px 23px}
  .location-card{grid-template-rows:21px 38px 14px 40px;padding-block:8px}
  #place-name{line-height:18px}
  .history-section{grid-template-rows:16px 166px 16px}
}