.layer-content{position:fixed;display:grid;grid-template-rows:auto auto;top:125px;left:calc(50% - 60px);z-index:1000;font-size:.75rem;line-height:1.2rem}body.layer-rainfall-rate-accessible-colours .layer-content{border:solid 1px #1d1d1d}@media(width < 720px){body.layer-rainfall-rate-accessible-colours .layer-content{line-height:1.08rem}}@media(width < 347px){body.layer-rainfall-rate-accessible-colours .layer-content{top:144px}}@media only screen and (min-width: 720px){.layer-content{top:65px;left:max(50% - 127px,330px);font-size:1.5rem;line-height:2.25rem !important}}@media only screen and (max-width: 719px){.layer-content{inset:0 !important;margin:125px auto 0;font-size:1.5rem;line-height:2.25rem !important;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}}@media only screen and (min-width: 1025px)and (min-height: 720px){.layer-content{top:215px}}.layer-content span{background:#1d1d1d;color:#fff;display:inline-block;text-align:center;min-width:48px;padding:0px 16px;font-size:16px}@media only screen and (max-width: 719px){.layer-content span{width:307px}}@media only screen and (max-width: 339px){.layer-content span{padding:0px;text-wrap:wrap;width:100vw}}@media only screen and (min-width: 720px){.layer-content span{min-width:92px;font-size:16px}}.new-maptimestatus{display:grid;margin-top:.5em;grid-template-columns:auto auto}.new-maptimestatus time{background:#1d1d1d;color:#fff;display:inline-block;text-align:center;min-width:48px;padding:0px 3px;font-weight:600;font-size:.75rem}@media only screen and (min-width: 720px){.new-maptimestatus time{min-width:92px;font-size:1em}}.new-maptimestatus .forecast-obs-marker{min-width:66px;background-color:#fff;color:#000;display:inline-block;text-align:center;font-size:1em;padding:0px 3px}.type-marker-observation .new-maptimestatus .forecast-obs-marker::before{content:"Observation"}.type-marker-forecast .new-maptimestatus .forecast-obs-marker::before{content:"Forecast"}.type-marker-forecasted .new-maptimestatus .forecast-obs-marker::before{content:"Forecasted"}@media only screen and (min-width: 720px){.new-maptimestatus .forecast-obs-marker{min-width:150px}}@media only screen and (max-width: 719px){.new-maptimestatus{display:none}}