.app-main-container{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative}.app-main-container>h1{width:660px;height:26px;font-size:22px;padding-left:10px;margin:50px 0 0}.loader-wrapper{z-index:4;width:100vw;height:100vh;opacity:.5;display:flex;align-items:center;justify-content:center}.loader-wrapper,.not-wrapper{position:fixed;background-color:#000}.not-wrapper{opacity:0;top:-70px;width:200px;opacity:.5;border-radius:5px;text-align:center;padding:5px 10px;color:#fff;z-index:5;-webkit-animation:notAnim 2s ease-in-out;animation:notAnim 2s ease-in-out;will-change:opacity,top}@-webkit-keyframes notAnim{0%{opacity:0;top:-60px}20%{opacity:.5;top:0}80%{opacity:.5;top:0}to{opacity:0;top:-60px}}@keyframes notAnim{0%{opacity:0;top:-60px}20%{opacity:.5;top:0}80%{opacity:.5;top:0}to{opacity:0;top:-60px}}@media (max-width:670px){.app-main-container>h1{width:100%;padding-left:20px}}.header-cont{position:fixed;top:0;z-index:3;display:flex;justify-content:center;width:100vw;height:40px;background-color:#359ffb}.header-cont__wrapper{height:100%;width:660px;justify-content:space-between}.header-cont__form,.header-cont__wrapper{display:flex;flex-direction:row;align-items:center}.header-cont__form{width:100%}.current-location{margin-left:10px;width:30px;height:30px;cursor:pointer}.current-location>img{width:100%;height:100%}.header-cont__city{outline:none;height:30px;border:1px solid #fff;border-radius:5px;padding:0 10px;width:190px}.header-cont__city::-webkit-input-placeholder{color:#359ffb}.header-cont__city:-ms-input-placeholder{color:#359ffb}.header-cont__city::-ms-input-placeholder{color:#359ffb}.header-cont__city::placeholder{color:#359ffb}.lang-cont{width:30px;height:30px;display:flex;align-items:center;border-radius:50%;position:relative;cursor:pointer}.lang-cont>a{height:100%;width:100%;position:absolute;border-radius:50%}.lang-cont>a>img{height:100%}@media (max-width:670px){.header-cont{padding:0 10px}}.weather-cont{width:660px;position:relative}.tabs-wrapper{width:100%}@media (max-width:670px){.weather-cont{width:100%;height:1229px;padding:0 10px}.tabs-wrapper{width:calc(100% - 20px);position:absolute;top:0;overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;height:130px}.tabs-wrapper::-webkit-scrollbar{display:none}}.tabs-container{width:100%;height:115px;display:flex;flex-direction:row;justify-content:space-between}@media (max-width:670px){.tabs-container{width:660px}}.tab-container{width:214px;height:105px;background-color:#fff;margin-top:10px;padding:6px 0 6px 10px;border-radius:5px;cursor:pointer;transition:box-shadow .2s;display:flex;flex-direction:row;position:relative;z-index:2;will-change:height;transition:height .4s ease-in-out}.tab-container.loading{padding:0;cursor:default}.tab-container.selected{height:125px;cursor:default}.tab-container:not(.selected):not(.loading):hover{box-shadow:0 5px 21px -8px #000}.tab-content{max-height:93px;width:120px;display:flex;flex-direction:column;overflow:hidden}.tab-content__day{font-size:13px;line-height:15px;color:#777}.tab-content__temp{height:46px;display:flex;flex-direction:row;margin-top:11px}.tab-content__temp-d,.tab-content__temp-n{position:relative;width:50%;height:30px}.tab-visual{max-height:93px;margin:0 5px;flex:1 0 auto;display:flex;flex-direction:column}.tab-visual__icon{text-align:center;flex:1 0 auto}.tab-visual__icon>img{width:90%}.tab-visual__text{margin-top:6px;font-size:13px;color:#08d;flex:0 0 16px;flex-direction:row}.tab-visual__text,.value-box{text-align:center;display:flex;justify-content:center}.value-box{width:100%;height:30px;font-weight:500;font-size:22px;align-items:center;will-change:transform;transition:transform .4s ease-in-out}.animated-cont{display:flex;flex-direction:row}.marquee-cont{width:100%;overflow:hidden;display:flex;font-size:17px;line-height:19px;height:19px;white-space:nowrap;font-weight:500}.info-cont{margin-top:10px;background-color:#ebedee;position:relative}.info-cont,.info-main{width:100%;display:flex;flex-direction:column}.info-main{background-color:#fff;border-radius:5px}.info-main.loading{width:100%;height:399px}.info-additional{background-color:#fff;border-radius:5px;width:100%;height:215px;margin-top:20px}@media (max-width:670px){.info-cont{margin:0;position:absolute;top:125px;width:calc(100% - 20px)}.info-main{width:100%;height:100%;overflow-x:scroll}.info-main::-webkit-scrollbar{display:none}.info-main-wrapper{width:660px;display:flex;flex-direction:column}}.times-cont{width:100%;display:flex;flex-direction:row;margin-bottom:5px}.times-time{flex:1 1 21px;width:82.5px;height:32px;padding-top:11px;font-size:15px;text-align:center}.times-time>span{font-weight:700}.icons-cont{width:100%;height:84px;margin-bottom:5px;padding-top:4px;display:flex;flex-direction:row}.icon-cont{flex:1 1 80px;max-width:82.5px;display:flex;justify-content:center;position:relative}.anim-cont{position:absolute;width:auto;height:auto;will-change:opacity}.anim-cont>img{width:75px}.value-boxes-cont{width:100%;height:95px;display:flex;flex-direction:row}.value-boxes-cont>div{position:relative;flex:1 1 100%;max-width:82.5px}.wind-cont{width:100%;margin-top:12px;position:relative}.wind-cont-header{font-size:15px;line-height:22px;padding-bottom:7px}.wind-cont-header>span{padding:0 15px}.wind-cont-speeds{height:33px}.wind-cont-directions{margin-top:7px}.wind-cont-directions,.wind-cont-speeds{width:100%;display:flex;flex-direction:row}.wind-dir,.wind-speed{flex:1 1 100%;max-width:82.5px;height:100%}.wind-dir,.wind-speed,.wind-speed>div{display:flex;justify-content:center;align-items:center}.wind-speed>div{width:60px;height:28px;transform:skew(-12deg)}.wind-dir>div{font-size:13px;color:#777}.precipitations-cont{width:100%;height:69px;margin-top:12px;display:flex;flex-direction:column}.precipitations-cont-header{width:100%;height:29px;font-size:15px;line-height:22px;padding-bottom:7px}.precipitations-cont-header>span{padding:0 15px}.precipitations-cont-mount{width:100%;height:100%;display:flex;flex-direction:row}.precipitations-cont-mount>div{flex:1 1 100%;max-width:82.5px;height:100%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:5px;font-size:15px;will-change:color;transition:color .4s ease-in-out}.additional-cont{width:100%;margin-top:20px;border-radius:5px;padding-bottom:20px;background-color:#fff}.additional-cont-title{margin:0 15px;height:40px;font-size:17px;font-weight:500;border-bottom:1px solid #ebedee;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex:1 1 40px}.title__button{flex:1 1 40px;color:#08d;opacity:0;will-change:opacity}.title__button.visited{opacity:1}.title__button>a{cursor:pointer;will-change:color}.title__button>a:hover{color:red}.title__button:last-child{text-align:end}.additional-cont-wrapper{width:100%;display:flex;flex-direction:column}.additional-cont-date{width:100%;font-size:16px;padding-top:5px;padding-left:15px}.additional-cont-date>span:first-child{font-weight:500}.additional-cont-date>span:last-child{color:#777}@media (max-width:670px){.additional-cont-wrapper{overflow-x:scroll}.additional-cont-wrapper::-webkit-scrollbar{display:none}.wrapper-scroll{width:660px}.title__button>a:hover{color:#08d}}.footer-cont{width:100%;height:40px;margin-top:46px;background-color:#359ffb;display:flex;justify-content:center;position:relative}.footer-content{width:330px;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;color:#ebedee;font-size:14px}.footer-content>a{width:30px;display:flex;align-items:center}.footer-content>a>img{width:100%}@media (max-width:670px){.footer-content{width:100%;padding:0 10px}}@media (min-width:330px){.footer-content{width:330px;padding:0 10px}}.loader-cont{position:fixed;z-index:4;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.loader-cont>img{width:100px;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite}@-webkit-keyframes rotation{0%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.5) rotate(180deg)}to{transform:scale(1) rotate(180deg)}}@keyframes rotation{0%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.5) rotate(180deg)}to{transform:scale(1) rotate(180deg)}}
/*# sourceMappingURL=main.536afa07.chunk.css.map */