@import-normalize;*{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}body{margin:0;padding:8px;font-size:12px;color:#999;background:#f4f4f4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif}@media (prefers-color-scheme: dark){body.mobile{color:#c6c6c6;background:#000}}.Forecast{flex-basis:50%;padding:15px;display:flex;align-items:center;justify-content:flex-start}@media (min-width: 421px){.Forecast{justify-content:center}}@media (max-width: 420px){.Forecast{flex-wrap:wrap;justify-content:center;padding-bottom:10px}}.Forecast .ForecastIcon{flex-basis:35px}.Forecast .ForecastIcon img{display:block}.Forecast .ForecastMain{color:#404040;font-weight:700;text-transform:uppercase;padding:0 15px 0 8px}@media (max-width: 420px){.Forecast .ForecastMain{padding-right:0}}.Forecast .ForecastMain>span{display:block;font-size:10px;line-height:11px;margin-bottom:4px}.Forecast .ForecastMain>span:last-of-type{font-size:28px;line-height:21px;margin:0}.Forecast .ForecastMain .unit{position:absolute;display:inline-block;font-size:10px;line-height:10px;margin:-1px 0 0 1px;text-transform:uppercase}@media (max-width: 420px){.Forecast .ForecastExtras{width:100%;display:flex;justify-content:center;margin-top:10px}}.Forecast .ForecastExtras .temperature{margin:0 0 5px}@media (max-width: 420px){.Forecast .ForecastExtras .temperature{margin:0 15px 0 0}}.Forecast .ForecastExtras .icon{display:inline-block;width:15px;text-align:center;margin-right:5px;vertical-align:middle}@media (prefers-color-scheme: dark){body.mobile .Forecast .ForecastMain{color:#c6c6c6}body.mobile .Forecast .ForecastExtras .icon svg path.umbrella{fill:#c6c6c6}}h1{font-size:13px;text-transform:uppercase;margin:0 0 4px 8px;color:#404040}.forecast-container{display:flex;align-items:stretch;border-radius:4px;box-shadow:0 2px 4px #0000000d;border:solid 1px #f0f0f0;background:#fff}.forecast-container .Forecast:first-child{border-right:solid 1px #f0f0f0}@media (prefers-color-scheme: dark){body.mobile h1{color:#c6c6c6}body.mobile .forecast-container{box-shadow:0 2px 4px #000;background:#1f1f1f;border:solid 1px #333333}body.mobile .forecast-container .Forecast:first-child{border-right:solid 1px #333333}}