.weather-grid{display:grid;grid-template-columns:1fr;padding-top:1rem}.location{border:1px solid var(--light-border-color);display:flex;flex-direction:column}.location-group{display:flex;flex-direction:column;gap:.25rem;background-color:#e4e4e4;border-radius:5px;border:solid 1px white;margin-bottom:.5rem;padding:.25rem 1rem .5rem 1.25rem}.location-name{font-size:14pt}.station-name{font-size:10pt;color:#676767}.alert,.product{margin:0 1rem .5rem;border:solid 1px lightgray;border-radius:5px;padding:.5rem;cursor:pointer}.alert,.product.hwo{color:#8b0000;background-color:#fcdfdf}.latest-weather{display:flex;flex-wrap:wrap;padding:.5rem 1rem 1rem;gap:1rem}.observation-group{display:flex;flex:1 1 fit-content;gap:1rem;max-width:450px}.current-icon{box-shadow:0 0 12px #9e9e9e;border:solid 1px white;border-radius:5px;width:136px;height:136px}.observation-overview{display:flex;flex-direction:column;gap:.25rem}.observation-details{display:grid;grid-template-columns:auto 1fr;column-gap:1.5rem;row-gap:3px;white-space:nowrap}.observation-details>.hidden{display:none}.current-desc{color:#5e5e5e;font-size:16pt}.static-detail-text{font-weight:500;color:#5e5e5e}.current-temps{display:flex;flex-direction:column}.current-temp-f{font-size:45pt;font-weight:700;line-height:.9}.current-temp-c{font-size:20pt}.forecast{display:flex;gap:3rem;border:1px solid var(--light-border-color);font-size:12pt;padding:1rem;margin-bottom:1rem;font-size:1rem;overflow-x:auto;overscroll-behavior-x:contain;max-width:100vw}.forecast-period{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:120px;gap:.5rem}.period-name{min-height:40px}.period-icon{box-shadow:0 0 12px #9e9e9e;border:solid 1px white;border-radius:5px;width:100px;height:100px}.period-temp{font-size:13pt;font-weight:700}.period-desc{color:#5e5e5e}.product-dialog{border:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px;height:80%;width:67ch;max-width:100vw;max-height:100vh;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden}.product-dialog::backdrop{background-color:#0009}.product-dialog .dialog-content{height:100%;display:flex;flex-direction:column}.product-dialog .close-button{position:relative;display:flex;align-items:center;border:none;cursor:pointer;font-size:10pt;box-shadow:0 0 12px var(--light-header-box-shadow);background-color:#fff;width:100%;height:2rem;-webkit-user-select:none;user-select:none}.product-dialog .close-button:active{box-shadow:none;border:1px solid #888;font-size:9pt}.product-dialog .close-button:active .close-icon{font-size:12pt}.dialog-title{text-align:center;pointer-events:none;font-weight:700;flex-grow:1}.close-icon{position:absolute;right:.5rem;font-size:15pt}.product-dialog .product-text{white-space:pre-wrap;font-family:monospace;font-size:10pt;padding:1rem;flex:1;overflow-y:scroll;overflow-x:auto}pre{font-family:monospace;font-size:min(10pt,100vw / 44);white-space:pre}.product-dialog .bottom-fade{position:absolute;bottom:0;left:0;right:1rem;height:2rem;pointer-events:none;background:linear-gradient(to bottom,#fff0,#fff);padding-bottom:1rem}@media (prefers-color-scheme: dark){.station,.location,.forecast{background-color:var(--dark-background-color);border-color:var(--dark-border-color)}}