@font-face{font-family:ubuntu;src:url(../../static/media/Ubuntu-Regular.1cbb1b79a23478cc89ad.ttf)}:root{--card-border-radius:20px;--background-color:#16161a;--border-color:hsla(0,0%,100%,.5);--text-color:#fff}*{color:#fff;color:var(--text-color);font-family:ubuntu;margin:0;padding:0}@media only screen and (min-width:769px){.search_container{width:40vw}.header .popup{width:37vw}.weather .main{font-size:min(2vw,30px);height:600px;width:500px}.weather .main #temp{font-size:180px}.weather .main #graphic img{height:125px}.weather .side{height:600px;width:800px}.weather #daily{flex-wrap:nowrap}.weather #daily .day{font-size:min(1.7vw,25px)}.weather #daily .day p:last-child{font-size:min(2.5vw,28px)}.weather #daily .day img{margin-bottom:auto;margin-top:auto;max-width:100px;width:7vw}.weather #hourly{flex-wrap:nowrap}.weather #hourly .hour img{margin-bottom:auto;margin-top:auto;max-width:90px;width:5.5vw}.weather .main #location{font-size:min(2.5vw,32px)}}@media only screen and (max-width:768px){.search_container{width:80vw}.header .popup{width:75%}.weather{flex-direction:column}.weather .main{font-size:20px;height:450px;width:100%}.weather .main #temp{font-size:150px}.weather .main #details{font-size:20px}.weather .main #graphic img{height:100px}.weather .side{width:100%}.weather #daily{flex-wrap:wrap}.weather #daily .day{font-size:22px}.weather #daily .day p:last-child{font-size:28px}.weather #daily .day img{margin-bottom:10px;margin-top:10px;width:100px}.weather #hourly{flex-wrap:wrap}.weather #hourly .hour img{margin-bottom:15px;margin-top:15px;width:90px}}body{background-color:#16161a;background-color:var(--background-color)}.header{flex-direction:column;padding:20px 20px 0}.header,.search_container{align-items:center;display:flex;justify-content:center}.search_container{border:1px solid hsla(0,0%,100%,.5);border:1px solid var(--border-color);border-radius:40px;box-sizing:border-box;height:50px}.search_container input{background-color:initial;border:none;border-radius:40px 0 0 40px;font-size:20px;height:100%;outline:none;padding-left:20px;width:100%}.search_container img{background-color:initial;height:60%;margin-right:15px}.input_focused,.search_container:hover{background-color:#333;border:1px solid transparent}.header .popup{background-color:#333;border-radius:10px;box-sizing:border-box;font-size:20px;list-style:none;overflow:hidden;position:absolute;top:75px}.header .popup li{padding:20px}.header .popup .entry:hover{background-color:#555;cursor:pointer}.header .switcher_container{align-items:flex-end;display:flex;height:50px;justify-content:center;width:100%}.switcher_container .group{align-items:center;display:flex;font-size:25px;gap:10px;justify-content:center;letter-spacing:3px}.switcher_container .switch{align-items:center;border:1px solid hsla(0,0%,100%,.75);border-radius:30px;display:flex;height:22px;justify-content:flex-start;padding:5px;width:55px}.switcher_container .switch:hover{cursor:pointer}.switcher_container .ball{background-color:#fff;border-radius:30px;height:22px;width:22px}.switcher_container .active{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:activate_switch;animation-name:activate_switch}.switcher_container .disactive{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:disactivate_switch;animation-name:disactivate_switch}.switcher_container .active .ball{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:activate_ball;animation-name:activate_ball}.switcher_container .inactive .ball{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:disactivate_ball;animation-name:disactivate_ball}@-webkit-keyframes activate_switch{0%{background-color:initial;border:1px solid hsla(0,0%,100%,.75)}to{background-color:#555;border:1px solid #555}}@keyframes activate_switch{0%{background-color:initial;border:1px solid hsla(0,0%,100%,.75)}to{background-color:#555;border:1px solid #555}}@-webkit-keyframes disactivate_switch{0%{background-color:#555;border:1px solid #555}to{background-color:initial;border:1px solid hsla(0,0%,100%,.75)}}@keyframes disactivate_switch{0%{background-color:#555;border:1px solid #555}to{background-color:initial;border:1px solid hsla(0,0%,100%,.75)}}@-webkit-keyframes activate_ball{0%{margin-left:0}to{margin-left:33px}}@keyframes activate_ball{0%{margin-left:0}to{margin-left:33px}}@-webkit-keyframes disactivate_ball{0%{margin-left:33px}to{margin-left:0}}@keyframes disactivate_ball{0%{margin-left:33px}to{margin-left:0}}.weather{gap:20px;min-height:72vh}.weather,.weather .main{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:20px}.weather .main{border:1px solid hsla(0,0%,100%,.5);border:1px solid var(--border-color);border-radius:20px;border-radius:var(--card-border-radius);flex-direction:column}.weather .main #details{display:flex;flex-direction:column;gap:10px;list-style:none}.weather .main #graphic{align-items:center;display:flex;gap:40px;justify-content:center;padding-top:10px}.weather .main #desc{margin-top:auto}.weather .main #location{align-items:center;display:flex;gap:10px;justify-content:center}.weather .main #location img{height:30px}.weather .side{box-sizing:border-box;display:flex;flex-direction:column;gap:20px}.weather .side>div{height:50%}.weather #daily{box-sizing:border-box;display:flex;gap:20px;overflow:hidden}.weather #daily .day{align-items:center;flex:1 1;flex-direction:column;justify-content:center;padding-bottom:30px;padding-top:30px}.weather #daily .day,.weather #hourly{border:1px solid hsla(0,0%,100%,.5);border:1px solid var(--border-color);border-radius:20px;border-radius:var(--card-border-radius);box-sizing:border-box;display:flex}.weather #hourly{-webkit-column-gap:20px;column-gap:20px;font-size:25px;overflow:hidden;padding:50px 20px;row-gap:50px}.weather #hourly .hour{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.weather #hourly .hour p:last-child{font-size:30px}.footer{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;font-size:25px;gap:10px;justify-content:center;padding:10px}.footer img{height:40px}.loading{align-items:center;display:flex;justify-content:center}
/*# sourceMappingURL=main.72efddac.css.map*/