.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)}}.AdSlot{bottom:0;max-width:320px;min-height:50px;width:100%}.AdSlot,.RemoveAds{left:50%;position:absolute;transform:translateX(-50%);z-index:3}.RemoveAds{appearance:none;background:rgba(0,0,0,.55);border:1px solid hsla(0,0%,100%,.3);border-radius:999px;bottom:62px;color:#fff;cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.03em;padding:7px 14px;white-space:nowrap}.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 .daily-quote{font-style:italic;line-height:1.35}.info .daily-quote,.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 .daily-quote,.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)}.monthly-splash{background-color:#05060a;bottom:0;left:0;opacity:1;overflow:hidden;position:absolute;right:0;top:0;transition:opacity .6s ease-out;z-index:20}.monthly-splash--fade-out{opacity:0}.monthly-splash__poster{background-position:50%;background-size:cover;bottom:0;left:0;opacity:1;position:absolute;right:0;top:0;transition:opacity .9s ease}.monthly-splash__poster--hidden{opacity:0;pointer-events:none}.monthly-splash__scrim{background:linear-gradient(180deg,rgba(0,0,0,.55) 0,rgba(0,0,0,.25) 35%,rgba(0,0,0,.35) 65%,rgba(0,0,0,.8));bottom:0;left:0;position:absolute;right:0;top:0}.monthly-splash__content{bottom:90px;color:#fff;left:0;padding:0 28px;position:absolute;right:0;text-align:center}.monthly-splash__genre{font-size:11px;letter-spacing:3px;opacity:.8;text-transform:uppercase}.monthly-splash__title{font-size:26px;font-weight:700;line-height:1.15;margin-top:8px;text-shadow:0 2px 12px rgba(0,0,0,.6)}.monthly-splash__tagline{font-size:13px;margin-top:10px;opacity:.85}.monthly-splash__quote{align-items:center;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;padding:0 36px;position:absolute;right:0;text-align:center;top:0;transition:opacity .9s ease}.monthly-splash__quote--visible{opacity:1}.monthly-splash__quote-mark{color:hsla(0,0%,100%,.35);font-family:Georgia,"Times New Roman",serif;font-size:64px;line-height:1;margin-bottom:4px}.monthly-splash__quote-text{font-size:17px;font-style:italic;font-weight:300;line-height:1.5;max-width:340px;text-shadow:0 2px 16px rgba(0,0,0,.5)}.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;z-index:0}.App__backdrop{background-position:50%;background-size:cover;bottom:-20px;filter:blur(18px) saturate(1.15);left:-20px;position:absolute;right:-20px;top:-20px;transform:scale(1.1);z-index:-3}.App__backdrop:after{--mood-rgb:var(--app-mood-bg-rgb,10,14,26);background:linear-gradient(180deg,rgba(var(--mood-rgb),.78),rgba(var(--mood-rgb),.55) 45%,rgba(41,122,249,.72));content:""}.App__backdrop:after,.App__vignette{bottom:0;left:0;position:absolute;right:0;top:0}.App__vignette{background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.35) 100%);pointer-events:none;z-index:-2}.App__grain{background-image:radial-gradient(hsla(0,0%,100%,.5) .5px,transparent 0),radial-gradient(hsla(0,0%,100%,.35) .5px,transparent 0);background-position:0 0,2px 3px;background-size:4px 4px,5px 5px;bottom:0;left:0;mix-blend-mode:overlay;opacity:.12;right:0;top:0;z-index:-1}.App__grain,.App__watermark{pointer-events:none;position:absolute}.App__watermark{background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:14px;height:56px;opacity:.5;right:14px;width:56px;z-index:1}.App__sound-hint{animation:app-sound-hint-pulse 1.4s ease-in-out infinite;background:rgba(0,0,0,.55);border:1px solid hsla(0,0%,100%,.6);border-radius:999px;bottom:130px;color:#fff;font-size:14px;font-weight:600;left:50%;letter-spacing:.04em;padding:10px 20px;pointer-events:none;position:absolute;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap;z-index:30}@keyframes app-sound-hint-pulse{0%,to{opacity:.6}50%{opacity:1}}.wrapper-temperature{margin-top:60px;position:relative;transform:translateY(20px)}.wrapper-temperature:after,.wrapper-temperature:before{background-image:repeating-linear-gradient(90deg,var(--app-accent,#297af9) 0,var(--app-accent,#297af9) 6px,transparent 0,transparent 14px);content:"";display:block;height:2px;left:50%;opacity:.55;position:absolute;transform:translateX(-50%);width:120px}.wrapper-temperature:before{top:-14px}.wrapper-temperature:after{bottom:-18px}.Home__marquee{align-items:center;color:var(--app-accent,#297af9);display:flex;font-size:11px;font-weight:600;justify-content:center;left:50%;letter-spacing:.12em;max-width:calc(100% - 130px);position:absolute;text-transform:uppercase;top:24px;transform:translateX(-50%);z-index:2}.Home__marquee-text{margin:0 8px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Home__marquee-dot{background:currentColor;border-radius:50%;flex-shrink:0;height:4px;width:4px}.Home__location-hint{appearance:none;background:rgba(0,0,0,.55);border:1px solid hsla(0,0%,100%,.25);border-radius:10px;bottom:8px;color:hsla(0,0%,100%,.85);cursor:pointer;font-family:inherit;font-size:11px;left:50%;line-height:1.5;max-width:260px;padding:8px 12px;position:absolute;text-align:center;transform:translateX(-50%);z-index:2}.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.741fd1fc.chunk.css.map */