body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;background-color:#fff}.index-wrapper{width:100vw;max-width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5{margin:0}a{color:inherit;text-decoration:inherit}.app-wrapper{width:100%;max-width:600px;border-radius:10px;border:1px solid #c8c8c8}.app-safe-area{width:calc(100% - 40px);height:calc(100% - 40px);padding:20px}.grey{color:#787878}.center{align-items:center;justify-content:center}.attributions-wrapper,.center{display:flex;flex-direction:column}.attributions-wrapper{width:100%;max-width:600px;margin-top:5px;font-size:12px;align-items:flex-end;justify-content:flex-start}.attributions-wrapper a:hover{color:#1da1f2}@media screen and (max-width:500px){.app-wrapper{height:100%}.attributions-wrapper{margin-top:0;font-size:10px}.app-safe-area{width:calc(100% - 20px);height:calc(100% - 20px);padding:10px}}.header-wrapper{text-transform:capitalize;width:calc(100% - 20px);margin:10px;min-height:110px}.header-wrapper h1{font-weight:500;font-size:24px;margin:10px 0}.header-wrapper h2{font-weight:500;font-size:16px;margin:2px 0}@media screen and (max-width:500px){.header-wrapper{width:calc(100% - 10px);margin:5px;min-height:90px}.header-wrapper h1{font-size:18px;margin:5px 0}.header-wrapper h2{font-size:12px;margin:2px 0}}.daychart-wrapper{width:100%;height:150px;flex-direction:row}.daily-wrapper,.daychart-wrapper{display:flex;align-items:center;justify-content:space-evenly}.daily-wrapper{font-size:14px;width:60px;height:120px;flex-direction:column;cursor:pointer;-webkit-transition:.3s;transition:.3s;border-radius:10px}.daily-wrapper:hover{background-color:rgba(0,0,0,.1)}.daily-temp-high,.daily-temp-low{margin:0 5px}.daily-temp-low{color:#a0a0a0}.daily-icon{width:50px;height:50px;object-fit:cover}@media screen and (max-width:500px){.daily-icon{width:25px;height:25px}.daily-wrapper{width:10%;font-size:10px}.daily-temp{font-size:10px}.daily-temp-high,.daily-temp-low{margin:0 2px}}.hour-chart-wrapper{margin:0 10px;width:calc(100% - 20px);overflow:hidden;height:150px}.hour-chart-wrapper svg{-webkit-transition:.5s;transition:.5s;-webkit-transform:translateX(0);transform:translateX(0)}.hour-chart-switcher-wrapper{width:100%;height:40px;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end}.hour-chart-switcher-button,.hour-chart-switcher-button-active{padding:5px 15px;font-size:12px;font-weight:700;text-align:center;border-radius:5px;cursor:pointer;text-transform:capitalize;-webkit-transition:.3s;transition:.3s}.hour-chart-switcher-button{color:#787878}.hour-chart-switcher-button-active{background-color:rgba(0,0,0,.3);color:#fff}.hour-chart-switcher-button:hover{background-color:rgba(0,0,0,.1)}.hour-chart-switcher-button-active:hover{background-color:rgba(0,0,0,.3)}@media screen and (max-width:500px){.hour-chart-switcher-wrapper{justify-content:center}.hour-chart-switcher-button,.hour-chart-switcher-button-active{padding:5px 10px;font-size:10px;font-weight:500}}.selected-summary-wrapper{width:100%;margin:20px 0;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start}.selected-summary-left-wrapper,.selected-summary-right-wrapper{width:50%;height:100%;display:flex}.selected-summary-left-wrapper{flex-direction:row;align-items:flex-start;justify-content:center}.selected-summary-right-wrapper{flex-direction:column;align-items:center;justify-content:flex-start;font-weight:500}.selected-summary-right-item{margin-bottom:5px}.selected-summary-icon{width:80px;height:80px;object-fit:cover}.selected-summary-temperature{font-size:80px;line-height:80px}.unit-switcher-wrapper{-webkit-transform:translateY(0);transform:translateY(0)}.unit-switcher-button-inactive{color:rgba(0,0,0,.3);cursor:pointer}.unit-switcher-button-active{color:#000;cursor:auto}@media screen and (max-width:500px){.selected-summary-temperature{font-size:40px;line-height:40px}.selected-summary-icon{width:40px;height:40px}.unit-switcher-button-active,.unit-switcher-button-inactive{font-size:12px}.selected-summary-right-item{font-size:10px;margin-bottom:1px}}.loading-wrapper{width:100%;height:100%;flex-direction:column}.loading-text-wrapper,.loading-wrapper{display:flex;align-items:center;justify-content:center}.loading-text-wrapper{flex-direction:row;font-weight:700;text-transform:uppercase;font-size:24px}.loading-span{-webkit-animation-name:text-jump;animation-name:text-jump;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes text-jump{0%{-webkit-transform:translateY(0);transform:translateY(0)}10%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}20%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes text-jump{0%{-webkit-transform:translateY(0);transform:translateY(0)}10%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}20%{-webkit-transform:translateY(0);transform:translateY(0)}}.loading-timeout-active,.loading-timeout-inactive{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;-webkit-transition:1s;transition:1s;margin:50px 0}.loading-timeout-inactive{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.loading-timeout-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.loading-timeout-message{font-size:16px;text-transform:none;width:80%}.loading-refresher{text-transform:capitalize;font-size:16px;cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-weight:700}.loading-refresher:hover{color:#1da1f2}
/*# sourceMappingURL=main.576ce7f7.chunk.css.map */