html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}

html{-webkit-text-size-adjust:100%}html,body{height:100%;font-size:62.5%}@media screen and (max-width: 691.2px){html,body{font-size:40%}}svg{width:100%;height:100%}body{font-family:"Inter"}#root{height:100%}.flex{display:flex}.flex-column{flex-direction:column}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.Icon{display:inline-block}

.TextInput{width:100%;outline:0;border:0;font-size:2rem}

.TextInputContainer{padding:1rem 2rem;border:1px solid #DFE1E5;border-radius:24px;box-shadow:0 2px 8px 1px rgba(64,60,67,0.24)}.TextInputContainer__noRoundBottomCorners{border-bottom-left-radius:0;border-bottom-right-radius:0}

.DropdownItem{display:flex;justify-content:space-between;padding:1rem 2rem;background-color:white}.DropdownItem_country{color:#777777}.DropdownItem__selected{background-color:lightblue}

.Dropdown{box-sizing:border-box;position:absolute;width:100%;overflow:overlay;z-index:1;border:1px solid #DFE1E5;border-top-width:0;border-bottom-left-radius:24px;border-bottom-right-radius:24px;box-shadow:0 9px 8px -3px rgba(64,60,67,0.24),8px 0 8px -7px rgba(64,60,67,0.24),-8px 0 8px -7px rgba(64,60,67,0.24);font-size:2rem}

.DropdownSearch{position:relative}

.ImperialSystemToggle_container{display:flex;align-items:center}.ImperialSystemToggle_text{font-size:2.4rem;margin-right:1rem}.ImperialSystemToggle{position:relative;display:inline-block;width:5.2rem;height:3rem}.ImperialSystemToggle_checkbox{width:0;height:0;opacity:0}.ImperialSystemToggle_checkbox:checked{background-color:#2196F3}.ImperialSystemToggle_slider{position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer;border-radius:3rem;background-color:#CCC;transition-property:background-color;transition-duration:.4s}.ImperialSystemToggle_slider:before{position:absolute;left:0.346rem;bottom:0.346rem;content:"";width:2.253rem;height:2.253rem;border-radius:50%;background-color:white;transition-property:transform;transition-duration:.4s}.ImperialSystemToggle_checkbox:checked+.ImperialSystemToggle_slider{background-color:#2196F3}.ImperialSystemToggle_checkbox:checked+.ImperialSystemToggle_slider:before{transform:translateX(2.253rem)}.ImperialSystemToggle_checkbox:focus+.ImperialSystemToggle_slider{box-shadow:0 0 1px #2196F3}

.SelectedCoordinates{display:flex;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid #ccc;vertical-align:bottom}.SelectedCoordinates_city{display:inline-block;text-overflow:ellipsis;font-size:3rem;font-weight:600;white-space:nowrap;overflow:hidden}

.SelectedWeatherInfo{display:flex;justify-content:space-between;align-items:center;padding:2rem 0;border-bottom:1px solid #ddd}.SelectedWeatherInfo_city{word-break:break-word;max-width:100%;margin-bottom:2rem;font-size:3rem;color:black}.SelectedWeatherInfo_temperature{display:inline-block;margin-right:2rem;font-size:8rem}.SelectedWeatherInfo_details{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;margin-right:3rem;font-size:2rem}.SelectedWeatherInfo_icon{width:10rem;height:10rem}.SelectedWeatherInfo_description{font-size:2rem;font-weight:600}

.DailyForecast{border-top:1px solid #ddd;padding:1rem 0;font-size:2rem}.DailyForecast .WeatherIcon{width:4.5rem;height:4.5rem}.DailyForecast_row{margin-bottom:1rem}.DailyForecast_row:last-child{margin-bottom:0}.DailyForecast_row *{display:inline-block;vertical-align:middle}.DailyForecast_weekday{text-align:left}.DailyForecast_icon{text-align:center}.DailyForecast_weekday,.DailyForecast_icon{width:35%}.DailyForecast_maxTemp,.DailyForecast_minTemp{width:15%;text-align:right}

.HourlyForecastItem{display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;border-radius:10px;font-size:2rem;cursor:pointer}.HourlyForecastItem_icon{width:6rem;height:6rem}.HourlyForecastItem_day{margin-bottom:1rem}.HourlyForecastItem_temperature{margin-top:1rem}.HourlyForecastItem__selected{background-color:lightblue}

.HourlyForecast{display:flex;justify-content:space-between;padding:2rem 0}

.WeatherInfo_container{display:flex;justify-content:center;align-items:center;margin-top:5rem}.WeatherInfo{width:100%}

.Loader{width:5rem;height:5rem;fill:gray;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

.App_container{height:100%}.App{width:691.2px;margin-top:4rem;padding-left:4rem;padding-right:4rem;box-sizing:border-box}@media screen and (max-width: 691.2px){.App{width:100%}}