*{padding:0}*,body{margin:0}body{display:flex;font-family:"Fira Sans",sans-serif;height:100vh;width:100vw;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button:focus{outline:0}.visible{display:flex!important}#app{display:flex;max-width:80vw;margin-top:10px}#weatherList{overflow:auto;font-size:14px;display:flex;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;cursor:pointer}.navigationColumn{display:flex;align-items:center;min-width:50px;z-index:1}#navColumnLeft{margin-right:-50px;background:linear-gradient(90deg,hsla(0,0%,56.5%,.3757878151260504),hsla(0,0%,100%,0) 10%)}#navColumnRight{display:none;margin-left:-50px;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.896796218487395));justify-content:flex-end}#navColumnLeft button{border-radius:0 60px 60px 0}#navColumnRight button{border-radius:60px 0 0 60px}.navigationColumn button{display:none;background-color:rgba(66,66,66,.3);border:none;color:#fff;cursor:pointer}.navigationColumn button:hover{background-color:rgba(66,66,66,.4)}.navigationColumn button img{width:32px;height:48px}.columnWrapper{display:flex;flex-direction:column;justify-content:space-between;min-width:70px;font-size:12px;border-right:1px solid hsla(0,0%,53.3%,.2)}.columnLabelsWrapper{border:none}.columnDay{height:30px}.columnHour{height:40px;font-weight:700;font-size:16px}.columnForecast{height:80px}.columnTemperatureChart{display:flex;height:180px}.columnRains{height:50px}.columnWindDirection{height:80px;background-color:#ebebeb;border-bottom:none}.columnWindSpeed{height:60px;background-color:#ebebeb;margin-top:-1px}.columnPressureChart{display:flex;height:100px}.forecastImage{width:32px}.windDirectionImage{margin-bottom:8px}.windSpeedValue{font-size:14px;margin-top:4px}.chartRainsWrapper{height:50px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.chartRains{width:100%;background-color:#3cf;max-height:30px}.columnElement{flex-direction:column;color:#1e1e1e}.columnElement,.columnLabelElement{display:flex;justify-content:center;align-items:center}.columnLabelElement{color:#888;border-bottom:1px solid hsla(0,0%,53.3%,.2);border-right:none;font-size:10px;font-weight:400;width:70px;text-align:center;background-color:#fff}.chartLineWrapper{position:relative;display:flex;align-items:center}.chart{position:absolute;left:0}.chartPath{fill:none}.chartPathTemperature{stroke:#ffd200;stroke-width:2px}.chartPathPressure,.chartPoint{stroke:#000;stroke-width:1px}.chartPoint{fill:#fff}.chartLabel{text-anchor:middle}.chartLabelTemperature{font-size:18px}.chartLabelPressure{font-size:12px}@media (hover:none) and (pointer:coarse){.columnWrapper{scroll-snap-align:start}#app{max-width:100vw}}#weatherList::-webkit-scrollbar{height:2px;background:#f1f1f1}#weatherList::-webkit-scrollbar-track{background:#f1f1f1}#weatherList::-webkit-scrollbar-thumb{background:#888}#weatherList::-webkit-scrollbar-thumb:hover{background:#555}
/*# sourceMappingURL=main.fc08a226.chunk.css.map */