.forecast{align-items:center;border-right:1px solid hsla(0,0%,100%,.25);display:flex;flex-direction:column;padding-left:5px;padding-right:5px;position:relative;transform:scaleY(0);transform-origin:bottom center;transition:transform .3s cubic-bezier(.165,.84,.44,1);width:58px}.forecast.animate-in{transform:scaleY(1)}.forecast:last-child{border-right:0}.forecast__icon{height:40px;pointer-events:none;width:40px}.forecast__title{margin-bottom:20px;text-transform:capitalize}.forecast__icon,.forecast__temperature,.forecast__title{opacity:0;transform:translateY(-20px);transition:transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s ease-out}.forecast__temperature .temperature__unit-dot{border:1px solid;display:inline-block;height:2px;margin-left:2px;margin-top:4px;position:absolute;width:2px}.forecast__icon.animate-in,.forecast__temperature.animate-in,.forecast__title.animate-in{opacity:1;transform:translateY(0)}.rain{align-items:center;display:flex;justify-content:center;margin-left:-6px;opacity:0;transform:translateY(-20px);transition:transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s ease-out}.rain.animate-in{opacity:1;transform:translateY(0)}.rain__icon{height:24px;width:24px}.rain__icon svg{width:24px}.rain__probability{font-size:16px}.location{align-items:center;display:flex;font-size:18px;justify-content:center;margin-top:30px}.location__icon{fill:#fff;height:26px;margin-right:6px;opacity:0;transform:translateY(-20px);transition:transform .3s cubic-bezier(.68,-.55,.265,1.55),opacity .3s ease-out;will-change:transform,opacity}.location__icon.animate-in{opacity:1;transform:translateY(0)}.location__icon svg{width:14px}.location__text{opacity:0;transform:translateY(20px);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease-out .1s;will-change:transform,opacity}.location__text.animate-in{opacity:1;transform:translateY(0)}.current-condition{text-align:center}.temperature{align-items:center;display:flex;justify-content:center}.temperature__status{display:block;font-size:18px;opacity:0;position:absolute;text-align:center;transform:translateY(20px);transition:transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s ease-out;width:100%;will-change:transform,opacity}.temperature__status.animate-in{opacity:1;transform:translateY(-20px)}.temperature__unit-dot{border:2px solid #fff;border-radius:10px;height:10px;width:10px}.temperature__unit .temperature__unit-dot{border-radius:6px;height:6px;margin-left:-9px;margin-top:-59px;position:absolute;width:6px}.temperature__unit-letter{font-size:35px;font-weight:100;margin-left:7px;margin-top:-68px;position:absolute}.temperature__value{font-size:100px;opacity:0;transform:translateY(40px);transition:transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s ease-out;will-change:transform,opacity}.temperature__value.animate-in{opacity:1;transform:translateY(0)}.temperature__unit{cursor:pointer;display:flex;flex-direction:row;margin-left:24px;opacity:0;transform:translateY(20px);transition:transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s ease-out;will-change:transform,opacity}.temperature__unit.animate-in{opacity:1;transform:translateY(30px)}.navigation{align-items:center;display:flex;height:20px;justify-content:center;margin-bottom:20px;margin-top:10px;width:100%}.navigation__dot{background-color:transparent;border:1px solid #fff;border-radius:6px;height:6px;margin-left:4px;margin-right:4px;opacity:0;transform:translateY(-20px);transition:transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s ease-out,background-color .3s ease-out;width:6px}.navigation__dot.animate-in{opacity:1;transform:translateY(0)}.navigation.hourly .navigation__dot:first-child{background-color:#fff}.navigation.hourly .navigation__dot:last-child{background-color:transparent}.navigation.daily .navigation__dot:last-child{background-color:#fff}.gps-location,.navigation.daily .navigation__dot:first-child{background-color:transparent}.gps-location{border:none;cursor:pointer;fill:#fff;left:20px;opacity:0;position:absolute;top:20px;transform:translateY(-30px);transition:transform .2s cubic-bezier(.165,.84,.44,1),opacity .2s ease-out;width:45px;will-change:opacity,transform}.gps-location.animate-in{opacity:1;transform:translateY(0)}.gps-location.press{left:21px;opacity:.6;top:21px}.button-info{background-color:transparent;border:none;cursor:pointer;fill:#fff;opacity:0;position:absolute;right:20px;top:27px;transform:translateY(-30px);transition:transform .2s cubic-bezier(.165,.84,.44,1),opacity .2s ease-out;width:34px;will-change:opacity,transform}.button-info.animate-in{opacity:1;transform:translateY(0)}.button-info svg{width:100%}.date-current{align-items:center;color:hsla(0,0%,100%,.8);display:flex;font-size:18px;font-size:16px;justify-content:center;left:50%;position:absolute;text-align:center;transform:translate(-50%,80px);width:100%}.date-current__text{opacity:0;transform:translateY(-50px);transition:transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s ease-out .1s;will-change:opacity,transform}.date-current__text.animate-in{opacity:1;transform:translateY(0)}.refresh{align-items:center;display:flex;justify-content:center;left:50%;margin-top:-10px;opacity:0;position:absolute;text-align:center;transform:translate(-50%,140px);transition:transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s ease-out}.refresh__time{color:hsla(0,0%,100%,.8)}.refresh .button-refresh{background-color:transparent;border:none;cursor:pointer;padding:6px;width:35px;will-change:transform}.refresh .button-refresh svg{fill:#fff}.refresh .button-refresh.press{left:1px;opacity:.6;position:relative;top:1px}.refresh.animate-in{opacity:1;transform:translate(-50%,120px)}.fetching svg{animation:fetching .5s linear infinite normal both}@keyframes fetching{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}.button-close{background-color:transparent;border:none;color:#000;cursor:pointer;opacity:0;position:absolute;right:17px;top:24px;transform:translateY(-10px);transition:transform .2s cubic-bezier(.165,.84,.44,1),opacity .1s ease-out;will-change:transform,opacity}.button-close.animate-in{opacity:1;transform:translateY(0)}.info{background-color:transparent;box-sizing:border-box;color:transparent;height:100vh;line-height:1.4;overflow:hidden;padding:30px;pointer-events:none;position:absolute;transition:all .2s ease-out .05s;z-index:1}.info ul{list-style:none;margin:0;opacity:0;padding:0;transition:opacity .22s ease-out .15s}.info .link{color:#000;display:block;line-height:inherit;padding:6px 0;text-decoration:none;width:100%}.info .link:hover{color:#2a329e}.info .github{display:block;margin:50px auto 0;opacity:0;text-align:center;transition:opacity .22s ease-out .15s;width:100%}.info h2{font-size:20px;margin-top:50px}.info h1{font-size:22px;margin-top:30px}.info h1:first-of-type{margin-top:0}.info .details-list{opacity:0;transition:opacity .22s ease-out .15s}.info .details-list li{display:flex;justify-content:space-between;padding:4px 0}.info .details-list li span{font-weight:700}.info .location-search{opacity:0;transition:opacity .22s ease-out .15s}.info .location-search label{display:block;font-size:13px;margin-bottom:6px}.info .location-search input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-family:monospace;padding:8px;width:70%}.info .location-search button{border:1px solid #000;background:transparent;border-radius:4px;font-family:monospace;margin-left:6px;padding:8px 12px}.info .location-search .search-error{color:#c62828;font-size:13px}.info.animate-in{background-color:#fff;color:#000;overflow-y:auto;pointer-events:unset}.info.animate-in .details-list,.info.animate-in .github,.info.animate-in .location-search,.info.animate-in ul{opacity:1}.transition{background-color:#fff;border-radius:50px;height:50px;position:absolute;right:12px;top:12px;transform:scale(0);transform-origin:center center;transition:transform .3s ease-out;width:50px;will-change:transform}.transition.animate-in{transform:scale(36)}.ray--east:after,.ray--north:after,.ray--south:after,.ray--west:after{opacity:0;transform:translate(-50px) rotate(90deg);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease-out}.ray{height:var(--ray-thickness);left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center;width:var(--circle-radius)}.ray,.ray:after{margin:0 auto;position:absolute}.ray:after{background-color:var(--base-color);border-radius:var(--circle-radius);content:"";display:block;height:20px;transform-origin:0 0;width:var(--ray-thickness)}.ray--north{transform:translate(-50px,-50%) rotate(90deg)}.ray--west{transform:translate(-50px,-50%) rotate(135deg)}.ray--east{transform:translate(-50px,-50%) rotate(225deg)}.ray--south{transform:translate(-50px,-50%) rotate(-180deg)}.ray.animate-in.ray--east:after,.ray.animate-in.ray--north:after,.ray.animate-in.ray--south:after,.ray.animate-in.ray--west:after{opacity:1;transform:translate(-20px) rotate(90deg)}.ray.animate-out.ray--east:after,.ray.animate-out.ray--north:after,.ray.animate-out.ray--south:after,.ray.animate-out.ray--west:after{opacity:0}.rays{left:50px;position:absolute;top:50%;transform:translate(-50%,-50%)}.rays:last-child{left:50%;margin:0 auto;top:50%;transform:translate(-50px) rotate(180deg);transform-origin:center;width:100%}:root{--circle-radius:35px;--ray-thickness:4px;--base-color:#fff}.loader{color:var(--base-color);left:50%;position:relative;top:50%;transform:translate(-50%,-50%);opacity:1;transition:opacity .3s ease-out;will-change:opacity,transform}.loader.animate-out{opacity:0}.loader__circle{border:3px solid;border-radius:var(--circle-radius);height:var(--circle-radius);margin:0 auto;width:var(--circle-radius);position:relative;transform:translateY(-50px);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease-out;opacity:0}.loader__circle.animate-in{opacity:1;transform:translateY(0)}.loader__circle.animate-out{opacity:0}.start-rotation{animation:rotation 1s linear infinite normal both}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}.error{display:block;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:320px}.error a,body{color:#fff}body{background:#2a329e;font-family:monospace;font-size:16px;height:100vh;margin:0;overflow:hidden;padding:0;width:100%}a,button,input,label,select,textarea{-webkit-tap-highlight-color:transparent}.App{background:linear-gradient(180deg,#297af9,#333fb7);display:flex;flex-direction:column;height:100vh;justify-content:space-between;position:relative;overflow:hidden}.wrapper-temperature{margin-top:60px;position:relative;transform:translateY(20px)}.forecasts{cursor:-webkit-grab;cursor:-moz-grab;display:flex;flex-direction:column;margin-top:0}.forecasts__scroll-panel{align-items:baseline;align-self:center;background-color:rgba(0,0,0,.05);border-radius:6px;display:flex;justify-content:flex-start;overflow:hidden;width:342px}.forecasts .swiper-wrapper,.forecasts__period{align-items:flex-start;display:flex}.forecasts__period{flex-direction:row;justify-content:center;padding:10px 0}.forecasts__period.move-left,.forecasts__period.move-right{transition:transform .5s cubic-bezier(.86,0,.07,1)}.forecasts__period.move-left{transform:translateX(0)}.forecasts__period.move-right{transform:translateX(-350px)}.forecasts--daily{margin-bottom:20px}@media screen and (min-width:768px){#root{align-items:center;display:flex;height:100%;justify-content:center}.App{border-radius:10px;box-shadow:0 3px 20px 0 rgba(0,0,0,.06);height:667px;overflow:hidden;width:375px}}
/*# sourceMappingURL=main.03a464ad.chunk.css.map */