html [data-theme=dark] .weather-form{background-color:#404040;box-shadow:0 4px 8px 0 #00000080}html [data-theme=dark] .weather-form__input{background-color:#333}html [data-theme=dark] .weather-form__input .MuiInputBase-input,html [data-theme=dark] .weather-form__input .MuiInputLabel-root{color:#fff}html [data-theme=dark] .weather-form__input .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,html [data-theme=dark] .weather-form__input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#fff}html [data-theme=dark] .weather-form__submit{background-color:#48494a;color:#fff}html [data-theme=dark] .weather-form__submit:hover{background-color:#7d7d7d}html .weather-form{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;margin:20px auto;max-width:500px;width:100%}html .weather-form__input{margin:10px;width:calc(100% - 40px)}html .weather-form__submit{background-color:#005a9c;border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;height:56px;margin-bottom:10px;padding:10px 20px;text-transform:uppercase;transition:background-color .3s ease;width:calc(100% - 40px)}html .weather-form__submit:hover{background-color:#004080}@media(min-width:480px){html .weather-form__input,html .weather-form__submit{height:56px;width:90%}}@media(min-width:768px){html .weather-form{align-items:baseline;flex-direction:row;justify-content:space-between;padding:20px}html .weather-form__input{flex:1 0 auto;margin-bottom:0;margin-right:10px;width:auto}html .weather-form__submit{flex:0 1 auto;padding:10px 25px;width:auto}}@media(min-width:1024px){html .weather-form__input{margin-right:20px}}html [data-theme=dark] .weather-card{background-color:#404040;box-shadow:0 4px 8px 0 #00000080;color:#fff}html [data-theme=dark] .weather-card__description,html [data-theme=dark] .weather-card__humidity,html [data-theme=dark] .weather-card__pressure,html [data-theme=dark] .weather-card__wind-direction,html [data-theme=dark] .weather-card__wind-speed{color:#fff}html .weather-card{border-radius:8px;box-shadow:0 4px 8px 0 #0003;margin:20px auto;max-width:inherit;overflow:hidden}html .weather-card__title{font-size:1.5rem;margin-bottom:.5rem;text-align:center}html .weather-card__details{align-items:flex-end;display:flex;flex-direction:column;justify-content:center;margin:1rem 0;text-align:center}html .weather-card__temperature{font-weight:700;order:1}html .weather-card__icon{margin-top:.5rem;order:2;width:50px}html .weather-card__description,html .weather-card__humidity,html .weather-card__pressure,html .weather-card__wind-direction,html .weather-card__wind-speed{color:#666;margin:.25rem 0;text-align:center}@media(min-width:480px){html .weather-card__details{flex-direction:row;justify-content:center}html .weather-card__temperature{margin-right:1rem;order:0}html .weather-card__icon{margin-top:0;order:0}}@media(min-width:768px){html .weather-card{max-width:500px;padding:1rem}html .weather-card__title{font-size:2rem}html .weather-card__icon{margin-left:1rem}}@media(min-width:1024px){html .weather-card{max-width:600px;padding:1.5rem}html .weather-card__title{font-size:2.5rem}html .weather-card__details{margin:1.5rem 0}}html [data-theme=dark] .last-viewed-cities{background-color:#404040;box-shadow:0 4px 8px 0 #00000080}html [data-theme=dark] .last-viewed-cities__text{color:#fff}html [data-theme=dark] .last-viewed-cities__item:hover{background-color:#7d7d7d;border-radius:4px}html .last-viewed-cities{background-color:#fff;border-radius:4px;box-shadow:0 4px 8px 0 #0003;list-style:none;margin-top:20px;padding:0}html .last-viewed-cities__item{border-bottom:#ddd;padding:10px 15px;transition:background-color .3s ease}html .last-viewed-cities__item:hover{background-color:#eaeaea}html .last-viewed-cities__text{color:#333;font-weight:700;text-align:center}@media(min-width:480px){html .last-viewed-cities__text{text-align:left}html .last-viewed-cities_item:last-child{border-bottom:none}}@media(min-width:768px){html .last-viewed-cities{border-radius:8px;margin:20px auto;max-width:500px}}@media(min-width:1024px){html .last-viewed-cities{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:600px}html .last-viewed-cities__item{border-bottom:#ddd;width:calc(50% - 10px)}html .last-viewed-cities__item:nth-child(odd){margin-right:20px}html .last-viewed-cities__item:nth-last-child(-n+2){border-bottom:none}}body{--text-color:#333;--card-shadow:0 4px 8px 0 #0003;background-image:url(/react-weather-app/static/media/background_light.c7a9e49b3eaadf53baf4.jpg)}[data-theme=dark],body{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;color:var(--text-color);transition:background-color .3s ease,color .3s ease,background-image .3s ease}[data-theme=dark]{--text-color:#fff;--card-shadow:0 4px 8px 0 #00000080;background-image:url(/react-weather-app/static/media/background_dark.62aa0e0b2ae1c839bcbc.jpg)}.app-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:20px auto;max-width:600px;padding:20px;transition:background-color .3s ease,color .3s ease;width:600px}@media(min-width:480px)and (max-width:768px){.app-container{align-items:space-around;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}}@media(min-width:768px){.app-container{align-items:space-around;display:flex;flex-direction:row;justify-content:center}}.app-container .theme-switch .MuiSwitch-track{background-color:#404040}.app-container .theme-switch .MuiSwitch-thumb{color:#404040}.app-container[data-theme=dark] .theme-switch .MuiSwitch-track{background-color:#fff}.app-container[data-theme=dark] .theme-switch .MuiSwitch-thumb{color:#fff}.app-container[data-theme=dark] .theme-switch .MuiSwitch-colorPrimary.Mui-checked .MuiTouchRipple-child,.app-container[data-theme=dark] .theme-switch .MuiSwitch-colorPrimary.Mui-checked .MuiTouchRipple-child:after{background-color:#fff}.app-container[data-theme=dark] .theme-switch .Mui-focusVisible{box-shadow:0 0 0 8px #fff9}
/*# sourceMappingURL=main.4c41f0f2.css.map*/