body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Baloo\ 2;padding:0}@font-face{font-family:Baloo;font-weight:700;src:local("Baloo"),url(/static/media/baloo-2-v16-latin-600.bc36cd9356de53c4ad17.ttf) format("truetype")}.App{align-items:center;cursor:context-menu;display:flex;font-family:Baloo;height:100vh;justify-content:center;text-align:center;width:100vw}::-webkit-scrollbar{display:block;height:10px;width:12px}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece{background-color:#00000000}::-webkit-scrollbar-thumb{background-color:#6416be57;border-radius:24px}.css-1h9z7r5-MuiButtonBase-root-MuiTab-root,.css-ahj2mt-MuiTypography-root,.css-x4ypk3,.css-zcbmsk-MuiButtonBase-root-MuiButton-root{font-family:Baloo}.loader{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;aspect-ratio:1;-webkit-transform:rotate(0deg) translateY(-45px);transform:rotate(0deg) translateY(-45px);width:10px}.loader,.loader:before{background:#fff;border-radius:50%;position:absolute}.loader:before{content:"";-webkit-filter:blur(10px);filter:blur(10px);inset:-5px;z-index:-1}.loader:after{aspect-ratio:1;background:conic-gradient(#fff,#f6f6f6,#f5f3f3,transparent 65%);border-radius:50%;content:"";left:50%;-webkit-mask:radial-gradient(transparent 39px,#fff 40px);mask:radial-gradient(transparent 39px,#fff 40px);position:absolute;top:0;translate:-50% 0;width:100px}@-webkit-keyframes spin{to{-webkit-transform:rotate(-1turn) translateY(-45px);transform:rotate(-1turn) translateY(-45px)}}@keyframes spin{to{-webkit-transform:rotate(-1turn) translateY(-45px);transform:rotate(-1turn) translateY(-45px)}}.welcomeSearchBox{align-items:center;display:flex;flex-direction:column}.welcomeH1{color:#caa7e9;font-family:Baloo;font-size:56px;font-weight:600;margin-bottom:12px;margin-top:-12px;text-shadow:2px 2px 0 #957dad,4px 4px 0 #ee4b2b,8px 8px 0 #391204,10px 10px 0 #553c9a}.searchBox{align-items:center;background-color:#160e2a6b;border-radius:32px;box-shadow:0 0 18px 6px #fdfdfdad;display:flex;flex-direction:column;height:50vh;justify-content:center;max-width:620px;position:relative;width:40vw}.searchBox h1{color:#fff;font-size:48px;font-weight:800;margin-bottom:32px;margin-top:0}.inputFieldBox{flex-direction:column;height:20vh}.inputFieldBox,.searchBtns{display:flex;justify-content:space-around}.cityNavDiv{color:#fff;height:60vh;max-height:60vh;padding-left:20px;top:15vh;width:180px}.cityNavDiv,.multiNav{display:flex;flex-direction:column;justify-content:center;left:10vw;position:absolute}.multiNav{align-items:center;height:80vh;max-height:80vh;overflow-y:auto;top:5vh}.cityNavDivMulti{color:#fff;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin-top:5vh;padding-left:20px;position:relative;width:180px}.addIconDiv,.currentNavDiv{display:flex}.addIconDiv{align-items:center;justify-content:center;width:140px}.removeAnimation{-webkit-animation:shaking .35s infinite;animation:shaking .35s infinite}@-webkit-keyframes shaking{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}50%{-webkit-transform:rotate(0eg);transform:rotate(0eg)}75%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes shaking{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}50%{-webkit-transform:rotate(0eg);transform:rotate(0eg)}75%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.wrapper{background-color:#160e2a6b;border-radius:32px;box-shadow:0 0 18px 6px #fdfdfdad;flex-direction:column;height:90vh;max-width:620px;width:40vw}.circle,.wrapper{align-items:center;display:flex;position:relative}.circle{background:#d6e3f6;border-radius:50%;box-shadow:-3px -3px 7px #ffffffa6,3px 3px 5px rgba(94,104,121,.712);height:220px;justify-content:center;width:220px}.circle:after{background-color:initial;border-radius:50%;box-shadow:inset -3px -3px 7px #ffffffb0,inset 3px 3px 5px rgba(94,104,121,.671);content:"";height:90%;position:absolute;width:90%}.currentDataBox{align-items:center;color:#fff;display:flex;justify-content:space-around;margin-top:5vh;max-width:620px;width:40vw}.circleBox{margin-left:3vw;margin-top:5vh}.tempDescrBox{align-items:center;display:flex;flex-direction:column;height:50vh;justify-content:center;margin-right:2vw;width:20vw}.tempDescrBox h1{font-size:54px;margin:-40px 0}.tempDescrBox h2{margin:0}.currentTempH1{font-size:86px!important;margin:0}.descriptionP{color:#ffffff85;margin:12px 0 6px 12px;width:-webkit-max-content;width:max-content}.whiteColor{color:#fff}.todayContainer{display:flex;justify-content:center}.todayDataDiv{align-items:center;background:#ffffff4f;border-radius:24px;display:flex;flex-direction:column;margin-top:5vh;position:absolute}.sunDiv{display:flex;justify-content:space-between;margin-top:12px;width:200px}.sunDiv h3{margin:-6px 0 0}.sunImg{width:45px}.calendarBtn{color:"#827d7d";left:12px;position:absolute;top:12px}.cityNameSpan{cursor:pointer;font-size:56px;font-weight:800}.weatherImg{border-radius:100%;height:200px;object-fit:cover;width:200px}.weatherBG{height:150px;object-fit:cover;width:150px}.weatherIcon{width:42px}.countryFlagImg{cursor:pointer;position:absolute;right:16px;top:16px;width:42px}.cityInfoBox{display:flex;flex-direction:column;padding:8px}.cityInfoBox>span{color:#7a208a;font-family:Baloo}.dailyForecastTab,.hourlyForecastTab,.weeklyForecastTab{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#7e63c5db;border-radius:32px;bottom:0;box-shadow:4px 4px 4px #fff,-4px -4px 20px #fff,inset -4px -4px 20px #fff,inset 4px 4px 20px #fff;display:flex;height:20vh;justify-content:center;left:0;max-width:570px;opacity:.9;padding:24px;position:absolute;width:37vw}.dailyForecastTab span,.hourlyForecastTab span,.weeklyForecastTab span{background:#ffffff63;border:1px solid #e6dede;border-radius:56px;color:#fff;display:flex;flex-direction:column;justify-content:center;margin-left:16px;margin-right:16px;padding:8px;position:relative}.weeklyForecastTab p{cursor:context-menu;margin:0;width:52px}.weeklyForecastTab span{margin-left:8px!important;margin-right:8px!important;padding:6px!important}.dailyForecastTab span{flex-direction:row!important;margin-left:4px!important;margin-right:4px!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dailyForecastTabBox{height:26vh;margin-top:-18px;max-width:570px;overflow-y:auto;width:37vw}.dailyTabBox{align-items:center;display:flex;height:100%;justify-content:space-around}.dailyTabBox div>span{align-items:center!important;display:flex;flex-direction:row!important;justify-content:center!important;margin:4px!important;min-width:155px}.dailyTabDescription{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.hourlyForecastDiv{display:flex;max-width:35vw;overflow-x:auto;padding:8px;width:35vw}.hourlyForecastDiv span{margin-left:4px;margin-right:4px;padding:4px!important}.hourlyForecastDiv span:first-child{background:#ceadff}.hourlyForecastDiv span time{width:46px}.nowSpan{border:none!important;margin:0!important;padding:0!important}.tabsBox{height:35vh;margin-top:0}.moreForecastTab{flex-wrap:wrap;justify-content:center;max-width:700px;opacity:1;padding:4px;width:45vw}.moreForecastTab,.moreForecastTab span{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.moreForecastTab span{align-items:center;background:#ffffff63;border:1px solid #fff;border-radius:24px;color:#fff;flex-direction:column;font-family:Baloo;margin:8px;padding:6px;width:100px}.moreForecastTab p{cursor:context-menu;margin:0}.moreForecastTab span p:first-child{font-weight:600;margin-bottom:4px}.moreForecastTabDiv{display:flex}.moreForecastTabDiv p:first-child{font-weight:lighter!important;margin-right:12px}.moreForecastCloseBtn{position:absolute;right:24px;top:8px}.moreForcastTabH1{color:#fff;font-family:Baloo;margin:4px 0 0;text-align:center}.compass{align-items:center;border-radius:50%;box-shadow:0 0 15px rgba(0,0,0,.2);display:flex;height:180px;justify-content:center;margin:2px auto auto;position:relative;width:180px}.compass>.arrow{border-color:transparent transparent #f02222;border-style:solid;border-width:0 3px 120px 2px;bottom:30px;height:0;position:absolute;right:88px;width:0}.compass>.compass-circle{background:url(/static/media/compass.90b5489998260259f5b3.png) 50% no-repeat;background-size:contain;height:100%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:-webkit-transform .1s ease-out;transition:transform .1s ease-out;transition:transform .1s ease-out,-webkit-transform .1s ease-out;width:100%}.historyHeader{align-items:center;display:flex;font-family:Baloo;justify-content:space-between;left:5%;position:absolute;top:12px;width:55%;z-index:1}.historyChart{background-color:#ffffff38;border-radius:32px;box-shadow:0 0 18px 6px #fdfdfdad;font-family:Baloo;margin-top:5vh}.backBtn{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.datepickerBoxH1{color:#fff;cursor:context-menu;font-family:Baloo;font-size:38px;font-weight:800;margin:0}.closeBtn{position:absolute;right:16px;top:10px}.datepickerDiv{align-items:center;display:flex;flex-direction:column;height:35vh;justify-content:space-around;max-width:500px;width:32vw}.datepickerFields{display:flex;justify-content:space-between;max-width:470px;width:30vw}.datepickerFields>span{color:#fff;font-size:36px}.historyHeaderH2{color:#fff;font-family:Baloo;font-weight:800;position:relative}.historyNavDiv{color:#fff;height:90vh;justify-content:center;right:3vw;top:5vh;width:140px}.chartParameterNav,.historyNavDiv{display:flex;flex-direction:column;position:absolute}.chartParameterNav{left:3vw;top:30vh;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dayHistoryDiv{align-items:center;background-color:#160e2a6b;border-radius:32px;box-shadow:0 0 18px 6px #fdfdfdad;display:flex;height:90vh;justify-content:center;margin-left:3vw;position:relative;width:80vw}.dayBackBtn{left:5vw;position:absolute;top:5vh}.highcharts-credits{display:none!important}.highcharts-container{font-family:Baloo!important;height:600px!important;width:1100px!important}.highcharts-background{fill:#ffffff00}.highcharts-axis-title,.highcharts-legend-item text,.highcharts-xaxis-labels text,.highcharts-yaxis-labels text{fill:#fff!important;color:#fff!important;font-family:Baloo!important}.highcharts-title{fill:#9c27b0!important;color:#9c27b0!important;font-size:24px!important}.highcharts-legend-item,.highcharts-title{font-family:Baloo!important}.highcharts-axis-line,.highcharts-tick{stroke:#fff}.highcharts-subtitle{fill:#dbd8d8!important;font-family:Baloo!important}.imprintBox{align-items:center;background-color:#160e2a6b;border-radius:32px;box-shadow:0 0 18px 6px #fdfdfdad;color:#fff;display:flex;flex-direction:column;height:50vh;justify-content:center;max-width:620px;position:relative;width:30vw}h1,p{margin:0 0 8px}.welcomeAnimationBox{align-items:center;display:flex;font-family:Baloo;justify-content:center}.logoH1{-webkit-animation:pushLogo 1s;animation:pushLogo 1s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-background-clip:text;background-clip:text;bottom:12px;color:transparent;font-family:Baloo;font-size:46px;font-weight:800;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:24px;margin:0;position:absolute;text-shadow:0 0 0 #b393d3,0 0 0 #b393d3,0 0 10px #b393d3,0 0 6px #b393d3;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:120}@-webkit-keyframes pushLogo{0%{bottom:45vh;left:45vw;-webkit-transform:scale(5);transform:scale(5)}to{bottom:12px;left:24px}}@keyframes pushLogo{0%{bottom:45vh;left:45vw;-webkit-transform:scale(5);transform:scale(5)}to{bottom:12px;left:24px}}body{-webkit-animation:fadeIn 1s ease-out 1;animation:fadeIn 1s ease-out 1;background:radial-gradient(#6316be,#1f1013);font-weight:100;height:100vh;margin:0;overflow-y:hidden}.light{background-color:#fff;bottom:0;box-shadow:0 0 20px 2px #e9f1f1;left:0;margin:auto;opacity:.75;opacity:0;position:absolute;right:0;top:100vh;width:0}.x1{-webkit-animation:floatUp 4s linear infinite;animation:floatUp 4s linear infinite;-webkit-transform:scale(1);transform:scale(1)}.x2{-webkit-animation:floatUp 7s linear infinite;animation:floatUp 7s linear infinite;left:15%;-webkit-transform:scale(1.6);transform:scale(1.6)}.x3{-webkit-animation:floatUp 2.5s linear infinite;animation:floatUp 2.5s linear infinite;left:-15%;-webkit-transform:scale(.5);transform:scale(.5)}.x4{-webkit-animation:floatUp 4.5s linear infinite;animation:floatUp 4.5s linear infinite;left:-34%;-webkit-transform:scale(1.2);transform:scale(1.2)}.x5{-webkit-animation:floatUp 8s linear infinite;animation:floatUp 8s linear infinite;left:-57%;-webkit-transform:scale(2.2);transform:scale(2.2)}.x6{-webkit-animation:floatUp 3s linear infinite;animation:floatUp 3s linear infinite;left:-81%;-webkit-transform:scale(.8);transform:scale(.8)}.x7{-webkit-animation:floatUp 5.3s linear infinite;animation:floatUp 5.3s linear infinite;left:37%;-webkit-transform:scale(3.2);transform:scale(3.2)}.x8{-webkit-animation:floatUp 4.7s linear infinite;animation:floatUp 4.7s linear infinite;left:62%;-webkit-transform:scale(1.7);transform:scale(1.7)}.x9{-webkit-animation:floatUp 4.1s linear infinite;animation:floatUp 4.1s linear infinite;left:85%;-webkit-transform:scale(.9);transform:scale(.9)}@-webkit-keyframes floatUp{0%{opacity:0;top:-100vh}25%{opacity:1}50%{opacity:.8;top:0}75%{opacity:1}to{opacity:0;top:100vh}}@keyframes floatUp{0%{opacity:0;top:-100vh}25%{opacity:1}50%{opacity:.8;top:0}75%{opacity:1}to{opacity:0;top:100vh}}
/*# sourceMappingURL=main.1a338fde.css.map*/