.clock{display:flex;padding:20px;flex-direction:row;align-items:center;justify-content:space-between}.clock__time{font-size:100px;line-height:90px;font-weight:300;color:#999}.clock__hours,.clock__minutes{color:#fff}.clock__seconds{font-size:40px;line-height:40px;font-weight:400}.clock__date{padding-left:20px;font-size:40px;line-height:42px;text-transform:uppercase;color:#999}.clock__day{color:#fff}.clock__year{color:#666}.forecast{overflow:auto}.forecast__list{position:relative}.forecast__gutter{position:absolute;top:25px;bottom:25px;left:117px;border-left:2px dashed #999}.forecast__label{margin:-20px -4px 0;padding:0 4px;position:absolute;font-family:roboto condensed,sans-serif;line-height:40px;background:#000}.forecast__label--time{left:20px;font-weight:300;color:#999}.forecast__label--sun{right:20px;font-weight:300}.forecast__label--sun svg{margin-right:5px;vertical-align:-5px}.forecast__label--condition{left:100px}.forecast__label--condition svg{vertical-align:-5px}.forecast__label--temperature{margin-left:165px;border-radius:10px;color:#fff}.forecast__date-break{position:absolute;left:122px;right:20px}.forecast__date-break:before{content:"";position:absolute;top:-4px;bottom:-4px;left:-1px;right:-1px;background:#000}.forecast__date-break:after{content:"";position:absolute;top:-1px;left:0;right:0;border-top:2px dashed #999}.forecast__day-after,.forecast__day-before{margin-right:-2px;padding:2px;position:absolute;right:0;font-size:17px;line-height:15px;text-transform:uppercase;color:#999}.forecast__day-before{margin-bottom:3px;bottom:100%}.forecast__day-after{top:4px}.forecast__chart{position:absolute;left:145px;top:25px}.forecast__chart-fill{fill:#222;stroke:none}.forecast__chart-line{fill:none;stroke:#999;stroke-width:2px;vector-effect:non-scaling-stroke}.weather{box-sizing:border-box;display:flex;flex-direction:column;height:100%}.weather__current{display:flex;padding-top:20px;flex:0 0 auto;justify-content:center;align-content:flex-end}.weather__icon{margin-right:20px;align-self:center}.weather__icon svg{display:block}.weather__temperature{font-family:roboto condensed,sans-serif;font-size:155px;line-height:126px;font-weight:300;color:#fff}.weather__temperature-unit{font-size:35px;line-height:41px}.weather__details{margin-left:20px;font-family:roboto condensed,sans-serif;font-weight:300;line-height:42px}.weather__details svg{margin-right:5px;vertical-align:-6px}.weather__condition{margin:20px;text-align:center}.weather__sun{margin-top:20px;margin-bottom:20px;text-align:center}.weather__sun svg{margin-left:40px;margin-right:10px;vertical-align:-5px}.weather__sun svg:first-child{margin-left:0}.weather__forecast{display:flex;flex:1 1 auto}.weather__forecast .forecast{flex:1 1 auto}.weather-summary__detail{margin-left:20px}.weather-summary__detail:first-child{margin-left:0}.weather-summary__detail svg{margin-right:5px}.weather-summary__unit{font-size:24px}.transportation{display:flex;flex-direction:column;height:100%}.transportation--trains{grid-template-rows:auto 1fr auto 0}.transportation--buses{grid-template-rows:auto 0 auto 1fr}.transportation__header{padding:10px 20px;flex:none;font-size:40px;line-height:42px;font-weight:400;text-transform:uppercase}.transportation__header:not(:first-child){border-top:1px solid #666}.transportation__header svg{margin-right:10px;vertical-align:-10px}.transportation__list{flex:1 1 100%;list-style-type:none;overflow-x:hidden;overflow-y:auto;transition:flex-basis .35s ease-in-out}.transportation--buses .transportation__list--trains,.transportation--trains .transportation__list--buses{flex-basis:0}.transportation__item{display:flex;align-items:center;padding:10px 20px}.transportation__time{display:inline-block;flex:0 0 88px;margin-top:-10px;margin-bottom:-10px;font-family:roboto condensed,sans-serif;line-height:40px;color:#fff}.transportation__item--severity-minor .transportation__time{color:#fff176}.transportation__item--severity-major .transportation__time{color:#ef5350}.transportation__item--severity-passed .transportation__time{color:#666}.transportation__scheduled-time{display:block}.transportation__time--deviation .transportation__scheduled-time{line-height:30px}.transportation__time-deviation{display:block;font-size:17px;line-height:15px}.transportation__means{flex:0 0 70px;font-family:roboto condensed,sans-serif;font-size:30px;line-height:35px;text-align:center}.transportation__number{display:inline-block;padding-left:5px;padding-right:5px;border-radius:10px}.transportation__item--bus .transportation__number{min-width:35px;border:2px solid}.transportation__means--oresundstag .transportation__number{color:#e83225}.transportation__means--pagatag .transportation__number{color:#ab47bc}.transportation__means--pagatag-express .transportation__number{padding-left:2px;padding-right:2px;background:#9c27b0;color:#000}.transportation__means--city-bus .transportation__number{color:#66bb6a}.transportation__means--regional-bus .transportation__number{color:#ffee58}.transportation__number svg{vertical-align:-10px}.transportation__towards{flex:1 1 auto;padding-left:8px;font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transportation__point{flex:0 0 50px;margin-left:5px;text-align:center;text-transform:uppercase;color:#999}.transportation__item--canceled .transportation__point{color:#ef5350}.calendar{box-sizing:border-box;display:grid;padding:20px;align-content:start;justify-content:center;width:100%;height:100%;overflow:hidden}.calendar__period-picker{display:flex;margin-top:20px;margin-bottom:20px;font-size:50px;font-weight:300;justify-content:space-between}.calendar__period{display:inline-block;text-align:center}.calendar__period--current{flex:0 0 auto;min-width:250px}.calendar__period--next,.calendar__period--prev{flex:0 0 60px;color:#999}.calendar__period--prev{margin-right:20px}.calendar__period--next{margin-left:20px}.calendar__period svg{vertical-align:-8px}.calendar__month{margin-top:10px;grid-row:2;grid-column:1;table-layout:fixed;border-collapse:initial;border-spacing:10px}.calendar__month--hidden{opacity:0;transform:scale(.7);pointer-events:none}.calendar__month td,.calendar__month th{padding:5px;width:50px;vertical-align:initial;text-align:center}.calendar__month th{font-weight:400}th.calendar__week-number{font-size:20px;width:35px;color:#999}td.calendar__day{color:#fff}td.calendar__day--other-month{color:#666}td.calendar__day--today{background:#eee;color:#000}.calendar__year{margin-top:10px;grid-row:2;grid-column:1;justify-self:center;table-layout:fixed;border-collapse:initial;border-spacing:10px}.calendar__year--hidden{opacity:0;transform:scale(1.4);pointer-events:none}.calendar__year td{width:120px;vertical-align:initial;text-align-last:center;font-weight:300}td.calendar__year-month--current{background:#eee;color:#000}.calendar__year-month button{padding:35px 10px;width:100%}.calendar__month,.calendar__year{transition:transform .25s ease-in-out,opacity .25s ease-in-out}.app{display:grid;flex:1 1 auto;margin-left:auto;margin-right:auto;grid-template-rows:auto 1fr auto;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.app--dev{max-width:600px;max-height:1024px;outline:5px dashed #080808}.app__clock{grid-row:1;border-bottom:1px solid #666}.app__main{position:relative;overflow:hidden;align-self:stretch;justify-self:stretch}.app__section{position:absolute;top:0;left:0;width:100%;height:100%;overflow:auto;transition:left .25s ease-in-out}.app__sections{grid-row:3;display:flex;flex-direction:row;justify-content:space-between;border-top:1px solid #666}.app__section-switch{margin-top:-1px;padding:16px 15px 20px;font-size:35px;font-family:roboto condensed,sans-serif;font-weight:300;text-align:left;border-top:4px solid hsla(0,0%,100%,0);color:#ccc;transition:color .25s ease-in-out,border-color .25s ease-in-out}.app__section-switch--active{border-top-color:#fff;color:#fff}.app__section-switch svg{vertical-align:-6px;opacity:.7;color:#ddd;transition:opacity .25s ease-in-out,color .25s ease-in-out}.app__section-switch--active svg{opacity:1}.app__transportation-health--poor svg{color:#fff176}.app__transpotration-health--severe svg{color:#ef5350}.app__fullscreen-toggle{padding:15px;position:absolute;top:0;right:0}*{margin:0;padding:0}body,html{height:100%}body{font-family:roboto,sans-serif;font-size:35px;background:#000;color:#ddd}#root{display:flex;align-items:center;justify-items:center;height:100%}button{font:inherit;border:none;outline:none;background:transparent;color:inherit}
/*# sourceMappingURL=main.d8c87748.chunk.css.map */