#map{height:60vh;width:100%}.weather-country-map{height:70vh!important}.weather-map-container{padding:8px;position:relative}.legend{background:hsla(0,0%,100%,.401);border-radius:5px;bottom:30px;box-shadow:0 0 5px rgba(0,0,0,.3);font-size:12px;left:10px;line-height:14px;padding:10px;position:absolute}.darkmode .legend,.legend-cloud{background:#00000054}.legend div{align-items:center;display:flex}.legend span{display:inline-block;height:10px;margin-right:5px;width:20px}.leaflet-bar{background:#fff;padding:5px}.leaflet-bar button{background:gray;color:#fff;display:block;margin-bottom:5px;width:150px}#weather-map-overlay{align-items:center;animation:overlay 2s linear infinite;background-color:#000;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1000}.open-map{color:#fff;cursor:default;font-size:2rem}@keyframes overlay{0%{opacity:.2}50%{opacity:.6}to{opacity:.2}}@media (max-width:760px){#map{height:45vh;width:100%}.weather-country-map{height:55vh!important}.weather-map-container{padding:0}.legend{bottom:10px;left:4px}.leaflet-left .leaflet-control{margin-left:4px!important}.leaflet-bottom .leaflet-control{margin-bottom:4px!important}.legend span{display:inline-block;height:6px;margin-right:3px;width:14px}.legend div,.legend span,.legend strong{font-size:1rem}.leaflet-bar button{font-size:1rem;width:100px}.open-map{font-size:1.5rem}}.tooltip{display:inline-block;position:relative}.tooltip .tooltipText{background-color:#181a1b;border-radius:6px;bottom:100%;color:#fff;left:50%;min-width:120px;opacity:0;padding:5px 0;position:absolute;text-align:center;transform:translate(-50%);transition:.2s ease-in-out;visibility:hidden;z-index:1}.tooltip .tooltip_bottom{bottom:-100%}.tooltip:hover .tooltip_bottom{bottom:calc(-100% - 5px)!important}.tooltip:hover .tooltipText{bottom:calc(100% + 5px);opacity:1;visibility:visible}@media (max-width:760px){.uvTooltip{transform:translate(-90%)!important}}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;-webkit-transition:.4s;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:300;src:url(https://cdn.jsdelivr.net/gh/Rumir125/novo-vrijeme-public-files/public/fonts/poppins-v21-latin_latin-ext-300.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:500;src:url(https://cdn.jsdelivr.net/gh/Rumir125/novo-vrijeme-public-files/public/fonts/poppins-v21-latin_latin-ext-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:600;src:url(https://cdn.jsdelivr.net/gh/Rumir125/novo-vrijeme-public-files/public/fonts/poppins-v21-latin_latin-ext-600.woff2) format("woff2")}:root{--orange-color:#f66335;--dark-color:#1b1f29;--border:hsla(0,0%,100%,.25);--background:hsla(0,0%,100%,.1);--box_shadow:rgba(3,46,87,.3);--rain-color:#0854e0;--temp-color:#bf3131;--primary-color:#7dade4}html{font-size:10px}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{color-scheme:light dark;min-height:100vh;width:100%}.container,body{align-items:center;display:flex;flex-direction:column}.container{backdrop-filter:blur(.5rem);border-radius:1rem;border-top-left-radius:1rem;border-top-right-radius:1rem;box-shadow:0 1.8rem 3.7rem var(--box_shadow);height:auto;justify-content:center;margin:1rem auto 5rem;max-width:1440px;width:66vw}@media (max-width:760px){.container{border-radius:0;margin-top:1rem;width:100%}}.error{font-size:2rem;letter-spacing:.1rem;margin:4rem 0 5rem;text-align:center;text-transform:inherit}.desc,.error,.weather{color:var(--dark-color);font-weight:600}.desc,.weather{font-size:1.4rem;letter-spacing:.2rem;line-height:2rem;text-transform:uppercase}.weather{margin:1rem 0}.temp_container{color:var(--temp-color);flex:1;margin-left:5px}.temp_container_title{align-self:center;flex:1;flex-wrap:nowrap}.temp_container_mob{color:var(--temp-color);display:none;white-space:nowrap}.rain_container{color:var(--rain-color);flex:1;margin-left:5px;span{font-size:1.2rem}}.wind_container{margin-left:5px;span{font-size:1.2rem}}.wind_container_mob{display:none;min-height:20px;white-space:nowrap}.rain_container_title{align-self:center;flex:1;flex-wrap:nowrap}.rain_container_mob{color:var(--rain-color);display:none;min-height:20px;white-space:nowrap}.hour_container_mob{align-self:center;flex:1;flex-wrap:nowrap;overflow:hidden;p{overflow:hidden;text-overflow:ellipsis}}@media (max-width:760px){.temp_container,.temp_container_title{display:none}.temp_container_mob{display:block}.rain_container,.rain_container_title,.wind_container{display:none}.rain_container_mob,.wind_container_mob{display:block;font-size:12px!important}}.temp_container div:first-child{border-right:.1rem solid var(--border)}.temp_container .title{color:var(--dark-color);font-size:1.6rem;font-weight:600}.temp_container .temp{color:var(--orange-color);font-size:1.6rem;font-weight:600}p{font-size:15px}.daily-info-container{align-items:center;background-size:cover;border-bottom:.5px solid #5f5d5d;cursor:pointer;display:flex;padding:15px}.daily-info-container:hover{background-color:#7dade4}.main-logo{height:60px;width:60px}.title{align-items:center;color:var(--clr-dark);color:var(--clr-gray);display:flex;flex-direction:column;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:2.6rem;font-weight:600;height:auto;justify-content:center;margin-top:1rem;padding:8px 8px 0;text-align:center}@media (max-width:760px){.main-logo{height:60px;width:60px}.title{font-size:2rem;margin-top:0;padding:7px 7px 0}}#poSatima{white-space:nowrap}#slogan{align-items:center;color:#4b4848ec;display:flex;flex-direction:column;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:.8rem;font-weight:100;justify-content:center}#ten-days div:last-child{border-bottom:none;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}@media (max-width:375px){#ten-days p{font-size:13px}#ten-days span{font-size:10px}}.times_container{align-self:center;column-gap:8px;display:flex;flex:1;flex-wrap:nowrap}.icons_container{column-gap:8px;display:flex;max-width:170px}@media (max-width:760px){.icons_container,.times_container{column-gap:4px}}.precipitation_amount_container{color:var(--rain-color);flex:1}.wind_container{flex:1}#body_wrapper{display:flex;flex-direction:column;min-height:89.6vh;position:relative;width:100vw}#body_id{overflow-x:hidden!important;position:relative}.page_link_wrapper{border-bottom:1px solid gray;border-top:1px solid gray;display:flex;overflow-x:auto;width:100%}.page_link_wrapper a:last-child{border-right:none}.current_temp_link_wrapper a:last-child{border-bottom-right-radius:1rem}.current_temp_link_wrapper a:first-child{border-bottom-left-radius:1rem}@media (max-width:760px){.page_link_wrapper a{border-radius:0!important}}.page_link{border:none;border-right:1px solid gray;color:#000;cursor:pointer;flex:1;font-size:2rem;min-width:fit-content;padding:5px;text-align:center;text-decoration:none}.page_link:hover{background-image:linear-gradient(#1470b8,#3ea6f6)}@media (max-width:375px){.page_link,.selected_data{font-size:1.6rem!important}}::placeholder{color:#6c6c6c!important;opacity:1}::-ms-input-placeholder{color:#6c6c6c!important}.selected_data{background-image:linear-gradient(#1470b8,#3ea6f6);color:#fff;font-size:2.1rem;font-weight:600}.brand-div{display:flex;width:100vw}.brand-name{background-image:linear-gradient(#1470b8,#3ea6f6);color:#faf6f6;display:flex;font-size:12px;font-weight:700;justify-content:center;letter-spacing:3px;padding:1px;width:100%}@media (max-width:760px){.brand-div{width:100%}}.uvIndex{color:#ff4500}.wind-arrow__arrow{width:25px}.arrow-img{content:url(/svg/general/arrow-icon-up.svg);height:20px;width:20px}@media (max-width:375px){.arrow-img{height:16px;width:16px}.wind-arrow__arrow{width:20px}}*,:after,:before{box-sizing:border-box}:root{--clr-light:var(--background);--clr-dark:#181a1b;--clr-primary:#000;--clr-secondary:#fff;--clr-accent:#050505;--clr-gray:#5f5d5d;--foreground:var(--clr-dark);--background:var(--clr-light);--border-color:#ccbfbf}.svg-icon,.svg-icon svg{stroke:var(--dark-color);fill:var(--dark-color)}.darkmode .svg-icon{stroke:var(--clr-secondary);fill:var(--clr-secondary)}.darkmode .svg-icon svg{fill:var(--dark-color)}.darkmode .svg-icon svg,.stroke-icon{stroke:var(--dark-color)}.darkmode .stroke-icon{stroke:var(--clr-secondary)}.darkmode{--clr-light:#fafafa;--clr-dark:#181a1b;--clr-primary:#000;--clr-secondary:#fff;--clr-accent:#611d0b;--foreground:var(--clr-light);--background:var(--clr-dark)}.darkmode .container{border:.5px solid gray}.darkmode .arrow-img{content:url(/svg/general/arrow-icon-up-white.svg)}.darkmode .error,.darkmode .page_link,.darkmode h1{color:var(--clr-secondary)}.container{background:var(--background);color:var(--foreground);a{color:var(--foreground)}.selected_data{color:#fff}}.subtitle{max-width:600px}.btn{border-radius:5px;line-height:1;padding:1em 2em;text-decoration:none;text-transform:uppercase}.btn-secondary{background:var(--foreground);color:var(--background)}.btn-accent{background:var(--clr-accent);color:var(--foreground)}.btn:after{border:2px solid var(--foreground);border-radius:inherit;content:"";height:100%;width:100%;z-index:-1}.intro>*{grid-column:2/3}.satellite-image{display:flex;justify-content:center;margin-bottom:16px;min-height:200px;padding:0 16px;position:relative;width:100%}.satellite-image img{width:100%}.satellite-image__buttons-container{padding:0 16px 8px;width:100%}.satellite-image__buttons-container button{background:linear-gradient(#1470b8,#3ea6f6);border:2px solid transparent;border-radius:2px;cursor:pointer;font-size:1.6rem;margin:0 4px;padding:4px}.satellite-image__button-active{border:2px solid #fff!important}@media (max-width:760px){.satellite-image{padding:0 4px}.satellite-image img{width:100%}.satellite-image__buttons-container{padding:0 0 8px;width:100%}}footer{align-items:flex-end;color:#fff;display:flex;flex:1;width:100%}.button-back{background-image:linear-gradient(#1470b8,#3ea6f6);border:.5 solid var(--background);border-radius:.5rem;color:#fff;cursor:pointer;font-size:16px;margin-left:1rem;margin-top:.5rem;padding:5px 0;width:100px}@media (max-width:375px){#city-info{p{font-size:12px}}}.info-titles_container{display:flex;padding:8px 16px;width:100%}.hour-info-row{align-items:center;border-bottom:1px solid gray;display:flex;padding:8px 16px}@media (max-width:760px){.hour-info-row,.info-titles_container{padding:8px 12px}.weather_icon{height:30px!important;width:30px!important}}@media (max-width:425px){.hour-info-row,.info-titles_container{padding:8px}}.weather_icon{height:36px;width:36px}.suggestions-container{column-gap:2px;display:flex}.suggestions-container img{height:36px;width:36px}@media (max-width:760px){.suggestions-container img{height:30px;width:30px}}.darkmode .dugi-rukav{content:url(https://cdn.jsdelivr.net/gh/Rumir125/novo-vrijeme-public-files/public/png/dugi-rukav-white.png)}.darkmode .jakna{content:url(https://cdn.jsdelivr.net/gh/Rumir125/novo-vrijeme-public-files/public/png/jakna-white.png)}.darkmode .kacket{content:url(https://cdn.jsdelivr.net/gh/Rumir125/novo-vrijeme-public-files/public/png/kacket-white.png)}.darkmode .kisobran{content:url(https://cdn.jsdelivr.net/gh/Rumir125/novo-vrijeme-public-files/public/png/kisobran-white.png)}.darkmode .naocale{content:url(https://cdn.jsdelivr.net/gh/Rumir125/novo-vrijeme-public-files/public/png/naocale-white.png)}.darkmode .sal{content:url(https://cdn.jsdelivr.net/gh/Rumir125/novo-vrijeme-public-files/public/png/sal-white.png)}.darkmode .t-shirt{content:url(https://cdn.jsdelivr.net/gh/Rumir125/novo-vrijeme-public-files/public/png/t-shirt-white.png)}.darkmode .tanka-jakna{content:url(https://cdn.jsdelivr.net/gh/Rumir125/novo-vrijeme-public-files/public/png/tanka-jakna-white.png)}.extra-info-item{align-items:center;border-bottom:1px solid gray;display:flex;font-weight:700;justify-content:space-between;padding:16px;width:100%}.extra-info-item div{column-gap:8px;display:flex}@media (max-width:760px){.extra-info-item{padding:8px}.extra-info-container{padding-bottom:100px}}.container>div:last-child{border-bottom:none}.extra-info-title_container{border-bottom:1px solid gray;text-align:center;width:100%}.extra-info-title{font-size:2rem;margin:2rem}.uvContainer{flex:0.4}.icon-container,.icon-container svg{height:36px;width:36px}.search-results-list{list-style-type:none;width:100%}.search-results-list li{padding:16px}.search-results-list a{text-decoration:none}.search-results-list li:hover{background-color:#7dade4}.search-results-list a:first-child li{border-top-left-radius:1rem;border-top-right-radius:1rem}.search-results-list a:last-child li{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.search-results-list a:not(:last-child) li{border-bottom:1px solid gray}@media (max-width:760px){.search-results-list li{padding:16px 8px}.search-results-list li:hover{background-color:#7dade4;border-radius:0!important}}.learn-more{stroke:var(--clr-primary)}.darkmode .learn-more{stroke:var(--clr-secondary)}.click-here-text{color:#1470b8;cursor:pointer;font-size:13px;text-decoration:underline;white-space:nowrap}.darkmode .click-here-text{color:#fff}.chart{align-items:flex-start;padding:24px}.canvas-wrapper{min-width:100%;width:100%}.graph-title{font-size:1.9rem;margin:auto}@media (max-width:760px){.chart{padding:24px 0 8px}.canvas-wrapper{min-width:660px}.graph-title{font-size:1.7rem}}#satelitte-loader{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.satelitte-loader__hidden{display:none!important}.notification-container{align-items:center;background-color:#f1c21b;border-bottom:1px solid;display:flex;flex-direction:column;justify-content:center;left:0;padding:16px;position:fixed;top:0;width:100vw;z-index:100}.notification-text{font-size:2rem;margin-right:36px;text-align:justify}.warning-sign{height:48px;width:48px}@media (max-width:760px){.notification-text{color:var(--clr-primary)!important;font-size:1.5rem;margin-right:30px}.warning-sign{height:32px;width:32px}.notification-container{padding:8px}}.pollutant-info-container{display:flex;font-size:15px;justify-content:space-between}.close-icon{cursor:pointer;height:36px;width:36px}.navbar-close-icon{cursor:pointer;height:42px;width:42px}@media (max-width:760px){.close-icon{height:30px;width:30px}}.darkmode .close-icon{fill:#fff!important}.snowflake{animation:snowfall 1.2s linear infinite}@keyframes snowfall{0%{opacity:1;transform:translateY(-10px)}70%{opacity:1}to{opacity:0;transform:translateY(10px)}}#weather-graph-hand-swipe,.swipe-right{display:none}@media (max-width:760px){.swipe-right{align-items:center;animation:swipe 1.5s linear infinite;background-color:#000;bottom:0;display:flex;justify-content:center;padding:8px;pointer-events:none;position:absolute;right:0;width:100%}.swipe-right span{color:#fff;font-size:16px}#weather-graph-hand-swipe{animation:swipe 1.5s linear infinite;display:block;position:absolute;right:0}}@keyframes swipe{0%{opacity:0}50%{opacity:.5}to{opacity:0}}#global-swipe-down{display:none}#global-swipe-down img{content:url(/svg/general/down-arrow.svg)}.darkmode #global-swipe-down img{content:url(/svg/general/down-arrow-white.svg)}@media (max-width:760px){#global-swipe-down{animation:swipe 1.5s linear infinite;bottom:10px;display:flex;justify-content:center;left:0;position:fixed;width:100%;z-index:1}}.unselectable{-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.modal-overlay{background-color:hsla(0,12%,97%,.25);display:none;height:100%;min-height:100vh;min-width:100vw;position:absolute;top:0;z-index:10}.pollutant-item-container{border:1px solid gray;flex:1;font-size:1.5rem;padding:4px;p{text-align:center}}.popup{background-color:#dcdada;border-radius:8px;border-radius:1.5rem;color:var(--foreground);display:flex;flex-direction:column;height:auto;left:20vw;max-height:600px;outline:1px solid #5f5d5d;overflow:auto;padding:24px;position:fixed;top:50px;width:60vw;z-index:10}@media (max-width:760px){.popup{border-radius:0;height:100vh;left:0;max-height:100vh;overflow-y:hidden;padding:16px;top:0;width:100%}}.error-popup{background-color:#dcdada;border-radius:8px;border-radius:1.5rem;color:var(--foreground);display:flex;flex-direction:column;height:auto;left:20vw;max-height:600px;outline:1px solid #5f5d5d;overflow:auto;padding:24px;position:fixed;top:30vh;width:60vw;z-index:10}@media (max-width:760px){.error-popup{left:10vw;width:80vw}}.error-popup-title{font-size:2.2rem;text-align:center}.error-popup-subtitle{font-size:1.7rem;text-align:center}.error-popup-close{font-size:1.7rem;width:100%}.darkmode .error-popup,.darkmode .popup{background-color:var(--background)}@media (max-width:425px){.popup{padding:12px}}.forecast-wrapper{border-bottom:1px solid gray;padding:8px;width:100%}.forecast-summary-button{column-gap:8px;display:flex;justify-content:center}.forecast-summary-button button{background-image:linear-gradient(#1470b8,#3ea6f6);border:1px solid #000;border-radius:4px;color:#fff;font-size:14px;margin-top:4px;padding:4px 8px}.forecast-summary-button button:hover{opacity:.8}.darkmode .forecast-summary-button button{border-color:#fff}#forecast-text-result{display:flex;height:80px;justify-content:center;width:100%}#summary-warning-change{color:red;font-size:1.2rem;visibility:hidden}@media (max-width:1024px){#forecast-text-result{height:100px}}@media (max-width:760px){#forecast-text-result{height:150px}.forecast-summary-button button{width:100%}}@media (max-width:425px){#forecast-text-result{height:175px}}@media (max-width:375px){#forecast-text-result{height:130px}#forecast-text-result p{font-size:13px}}.btn-disabled{background-color:gray;background-image:var(--clr-gray)!important;opacity:1!important}.section-container-title{font-size:1.9rem;white-space:nowrap}@media (max-width:760px){.section-container-title{font-size:1.6rem}}@media (max-width:375px){.section-container-title{font-size:1.3rem}}.three-days-title{display:flex;font-size:2.5rem;justify-content:center;margin:3rem 1rem 2rem;text-align:center}.three-days-summary-container p,.three-days-title{color:var(--clr-dark)}.darkmode .three-days-summary-container p,.darkmode .three-days-title{color:#fff}.country-regions-forecast-container{margin:8px;padding:8px}.country-regions-forecast-container__title{font-size:2rem;font-weight:700}@media (max-width:375px){.country-regions-forecast-container__title{font-size:1.7rem}.three-days-title{font-size:2rem}}.basic-ad{display:flex!important;justify-content:center;max-width:100vw!important}.basic-ad>div{width:66vw!important}.basic-ad #aswift_1,.basic-ad #aswift_2,.basic-ad #aswift_3{width:100%!important}@media (max-width:760px){.basic-ad>div{margin-left:2vw!important}.basic-ad iframe,.basic-ad>div{width:94vw!important}.basic-ad{max-width:94vw!important}}.pc-only-ad{display:block!important}.mobile-only-ad{display:none!important}.normal-ad{padding:8px;width:100%}@media (max-width:760px){.pc-only-ad{display:none!important}.mobile-only-ad{display:inline-block!important}.current-page-top-view-wrapper{width:100%}}.ad-container{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;margin:1rem auto 2rem;max-width:1440px;width:66vw}@media (max-width:760px){.ad-container{border-radius:0;margin-top:1rem;width:100%}}.privacy-policy{color:var(--clr-dark)}.darkmode .privacy-policy{color:var(--clr-secondary)}.horizontal-ad{margin:0!important}.horizontal-ad>.normal-ad{display:flex;justify-content:center;padding:0!important}.weather-country-map-city-container{align-items:center;display:flex;flex-direction:column;text-align:center}.weather-country-map-city__name{color:#333;font-size:1.2rem;white-space:nowrap}.weather-country-map-city__icon{height:24px;width:24px}.weather-country-map-city__temp{font-size:1.2rem}.leaflet-popup-content{margin:8px 16px 8px 8px!important}@media (max-width:760px){.weather-country-map-city__temp{font-size:1.1rem}}#gps-fail-modal{background-color:hsla(0,12%,97%,.25);display:none;height:100%;min-height:100vh;min-width:100vw;position:absolute;top:0;z-index:10}.gps-button-container{display:flex;justify-content:center;width:100%}.gps-button{align-items:center;background-image:linear-gradient(#1470b8,#3ea6f6);border:1px solid #000;border-radius:4px;color:#fff;column-gap:2px;cursor:pointer;display:flex;padding:4px 8px}.darkmode .gps-button{border-color:#fff}.gps-button>span{font-size:1.5rem;text-align:center}.gps-button:hover{opacity:.8}.news-title{color:#000;font-size:4rem;padding-top:3rem}.news-country,.news-title{display:flex;justify-content:center;text-align:center}.news-country{align-items:center;color:#fff;flex:1;flex-direction:column;margin-top:20px;row-gap:16px;width:100%}.news-country a{background-image:linear-gradient(#1470b8,#3ea6f6);border:.5 solid var(--background);border-radius:1rem;color:inherit;font-size:20px;list-style-type:none;padding:10px 50px;text-decoration:none;white-space:nowrap;width:400px}@media (max-width:760px){.news-country a{font-size:15px;width:90%}.news-title{font-size:2.5rem}}.darkmode .news-title{color:#fff}.navBar{display:flex;justify-content:center;padding-bottom:2px;padding-top:2px;width:100%}.darkmode .navBar{background:var(--background)}@media (max-width:760px){.navDiv{padding:0 8px;width:100vw!important}}.navDiv{align-items:center;display:flex;height:75px;justify-content:space-between;max-width:1440px;padding:0 8px;width:100%}.logoDiv{display:flex;flex-direction:column;justify-content:center;margin-top:.5rem;text-align:center;width:55px}.logoDiv p{color:#000;font-size:1rem;height:15px;white-space:nowrap}.logoDiv span{color:var(--temp-color)!important}.alogo{display:flex;justify-content:center}.nav-wrapper{column-gap:4px;display:flex;justify-content:flex-end}@media (max-width:760px){.nav-wrapper{flex:1;max-width:calc(100% - 70px)}.form_wrapper{flex:1}}.nav-wrapper:has(.input_box:focus),.nav-wrapper:has(li){flex:1;transition:.3s}.form_wrapper:has(.input_box:focus),.form_wrapper:has(li){flex:1}.form_wrapper{display:flex;max-width:calc(100% - 70px);transition:.3s}.search_box{align-items:center;backdrop-filter:blur(.4rem) saturate(220%);border:1px solid gray;border-radius:1rem;display:flex;padding:.5rem 1rem;position:relative;width:100%;z-index:1}.search_box,.search_box input{background:var(--clr-secondary)}.search_box input{border:0;color:var(--dark-color);flex:1;font-size:1.8rem;max-width:calc(100% - 35px);outline:none}.search_box input::placeholder{color:var(--dark-color)}.search_box button{background:var(--clr-secondary);border:0;border-radius:50%;cursor:pointer;height:3rem;width:3rem}.search_box .icon{color:var(--dark-color);height:3rem;padding:.1rem;width:3rem}.search-close{display:none}@media (max-width:760px){.result-box,.search_box{width:100%}.result-box{border:1px solid gray;border-radius:0!important;left:-81px!important;width:100vw!important}.search-close{align-items:center;background-color:var(--clr-secondary);border:1px solid gray;border-bottom:none;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;height:43px;justify-content:center;position:absolute;right:0;top:-43px;width:75px}}.darkmode .search-close{background-color:var(--clr-dark)}.result-box{background:#fff;border-radius:1.5rem;box-shadow:0 1.8rem 3.7rem var(--box_shadow);color:var(--clr-dark);flex-direction:column;left:0;position:absolute;top:41px;width:100%;z-index:1}.result-box ul{margin-top:0}.result-box ul li{cursor:pointer;font-size:1.8rem;font-weight:300;list-style:none;padding:10px}.result-box ul li:hover{background:#7dade4}.result-box ul li:last-child:hover{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.result-box ul li:first-child:hover{border-top-left-radius:8px;border-top-right-radius:8px}.darkmode .result-box{background-color:var(--clr-dark);color:var(--clr-secondary)}#cities-list-wrapper{max-height:310px;overflow:auto}.dark-mode-toggle{background:transparent;border:2px solid;border-radius:5px;color:var(--foreground);cursor:pointer;display:flex;height:30px;justify-content:flex-end;padding:4px;width:30px}.darkModeText{color:#5f5d5d;position:absolute;right:20px;top:38px;white-space:nowrap;width:100px;z-index:-1}.darkModeText p{font-size:11px}.darkModeText span{font-size:16px;font-weight:500}.darkmode .darkModeText{color:#fff;z-index:0}#menu-dropdown{background-color:hsla(0,12%,97%,.25);width:100vw}#menu-dropdown,.menu-container{height:100vh;position:fixed;right:0;top:0;z-index:1}.menu-container{background-color:#fff;border-left:1px solid gray;padding:16px 0;transition:.3s;width:0}@media (max-width:760px){.menu-container{width:0}}.darkmode .menu-container{background-color:var(--background)}.menu-wrapper{align-items:center;display:flex;justify-content:center}.menu-country-item{color:var(--clr-dark);cursor:pointer;font-size:16px;&:hover{color:var(--rain-color)}}.darkmode .menu-country-item{color:#fff;&:hover{color:var(--rain-color)}}.in-menu-list{display:none;grid-template-columns:1fr 1fr;overflow:auto}@media (max-width:760px){.menu-bottom{height:100px;width:100%}}.in-menu-dropdown{color:var(--clr-dark);cursor:pointer;display:flex;justify-content:space-between;user-select:none}.darkmode .in-menu-dropdown{color:var(--clr-secondary)}.chevron-up{transform:rotate(180deg)}.chevron-down{transform:rotate(0deg)}.menu-icon path{fill:#000}.darkmode .menu-icon path{fill:#fff}#menu-button{cursor:pointer}.search-subtitle{color:#5f5d5d;font-size:1.3rem}.darkmode .search-subtitle{color:#ddd}.recent-items-location{align-items:center;display:flex;justify-content:space-between}.trash-icon{content:url(/svg/general/delete.svg)}.darkmode .trash-icon{content:url(/svg/general/delete-white.svg)}.delete-recent-item{padding:0 6px}.forecast-summary-nav{color:var(--dark-color);display:flex;justify-content:space-between;margin:8px 0 0}.darkmode .forecast-summary-nav{color:#fff}.credits-link{color:var(--background);cursor:pointer;display:flex;justify-content:space-between;text-decoration:none}.credits-link p{color:var(--clr-dark);font-size:2rem}.darkmode .credits-link p{color:var(--clr-secondary)}.menu-items-container{height:90vh;overflow:auto}.menu-items-container>.menu-item:last-child{border-bottom:none!important}.menu-item{border-bottom:1px solid var(--border-color);padding:8px 0}#temp-details-modal{background-color:hsla(0,12%,97%,.25);display:none;height:100%;min-height:100vh;min-width:100vw;position:absolute;top:0;z-index:10}#modal-date{font-size:xx-large;margin:0 8px 8px;text-align:center;width:200px}@media (max-width:760px){#modal-date{margin:0}}@media (max-width:375px){#modal-date{font-size:2.5rem;width:175px}}#sunsetInfo{margin-bottom:8px}@media (max-width:375px){#sunsetInfo{margin-bottom:8px;p{font-size:12px}}}.modal-titles-placeholder{border-bottom:2px solid gray;display:flex;margin-bottom:8px}@media (max-width:375px){#hourList p,.modal-titles-placeholder p{font-size:13px}#hourList span{font-size:10px}}.extra-info-item-modal{padding:8px}.extra-info-item-modal img{height:30px;width:30px}.modal-arrow{fill:#3ea6f6}.darkmode .modal-arrow{fill:#fff}@keyframes changemodalday{0%{opacity:0}50%{opacity:.5}to{opacity:0}}.hand-swipe-right{display:none}@media (max-width:760px){.hand-swipe-right{align-items:flex-end;animation:changemodalday 1.5s linear infinite;display:flex;height:100vh;justify-content:space-between;left:0;padding-bottom:33%;pointer-events:none;position:absolute;top:0;width:100vw;z-index:100000}}#meteo-alarm-modal{background-color:hsla(0,12%,97%,.25);display:none;height:100%;min-height:100vh;min-width:100vw;position:absolute;top:0;z-index:10}.meteo-alarm-map-region-name{font-size:1.5rem}.meteo-alarm-map-region-icon{height:20px;width:25px}.meteo-alarm-map-button{background-color:transparent;border-radius:4px;color:var(--clr-dark);cursor:pointer;font-size:2rem;padding:4px 16px}.meteo-alarm-map-button__active{background-image:linear-gradient(#1470b8,#3ea6f6);color:#fff}.darkmode .meteo-alarm-map-button{color:#fff}.meteo-alarm-map-container-tomorrow-active .meteo-alarm-map__tomorrow{display:block}.meteo-alarm-map-container-tomorrow-active .meteo-alarm-map__today{display:none}.meteo-alarm-map-container-today-active .meteo-alarm-map__today{display:block}.meteo-alarm-map-container-today-active .meteo-alarm-map__tomorrow{display:none}.meteo-alarm-map-region__no-warning{fill:#eae5df}.darkmode .meteo-alarm-map-region__no-warning{fill:#6d6a6a}.meteo-alarm-map-container-tomorrow-active .meteo-alarm-map-tomorrow-region__yellow{fill:#fcdb22}.meteo-alarm-map-container-tomorrow-active .meteo-alarm-map-tomorrow-region__orange{fill:orange}.meteo-alarm-map-container-tomorrow-active .meteo-alarm-map-tomorrow-region__red{fill:red}.meteo-alarm-map-container-today-active .meteo-alarm-map-today-region__yellow{fill:#fcdb22}.meteo-alarm-map-container-today-active .meteo-alarm-map-today-region__orange{fill:orange}.meteo-alarm-map-container-today-active .meteo-alarm-map-today-region__red{fill:red}@media (max-width:760px){.meteo-alarm-map-region-name{font-size:1rem}.meteo-alarm-map-region-icon{height:11px;width:14px}.meteo-alarm-map-button{font-size:1.5rem;padding:2px 8px}}@media (max-width:375px){.meteo-alarm-map-region-name{font-size:.8rem}.meteo-alarm-map-region-icon{height:9px;width:12px}}.meteo-alarm-container{align-items:center;background-color:#8dbcdf;border-radius:4px;cursor:pointer;margin:4px 0;padding:8px 16px}.meteo-alarm-container,.meteo-alarm-wrapper{column-gap:8px;display:flex;justify-content:center}.meteo-alarm-wrapper{flex-wrap:wrap;padding:0 8px}.meteo-alarm-title-container{background-color:#8dbcdf;border-bottom:1px solid gray;padding:8px 16px}.meteo-alarm-title-container h3{font-size:large;text-align:center;width:100%}@media (max-width:760px){.meteo-alarm-container{border-bottom:1px solid gray;border-radius:0;margin:0;width:100%!important}.meteo-alarm-wrapper{margin-bottom:0;padding:0;row-gap:0;width:100%}.meteo-alarm-title-container{margin-bottom:0}}.h2-title{align-items:center;column-gap:2px;display:flex;justify-content:center;text-align:center}.h3-title{font-size:14px;text-align:center}@media (max-width:760px){.h3-title{font-size:13px}}#show h2{color:var(--dark-color);font-size:2rem;font-weight:600;letter-spacing:.18rem;text-transform:capitalize}#show img{filter:drop-shadow(0 1.8rem 3.7rem var(--shadow))}#show h1{color:var(--dark-color);font-size:6rem;font-weight:600}.darkmode #show h2{color:var(--clr-secondary)!important;-webkit-color:var(--clr-secondary)!important}.container #show h2{color:var(--foreground)}.darkmode .location-pin{content:url(/svg/general/location-pin-white.svg)}.container .location-pin{color:var(--foreground)}.footer .location-pin,.location-pin{content:url(/svg/general/location-pin.svg)}.main-weather-extra-info-item-container{align-items:center;display:flex;flex-direction:column;row-gap:4px;p{white-space:nowrap}}.uvIndexText{border-radius:4px;max-width:120px;overflow:hidden;padding:0 6px;text-overflow:ellipsis}@media (max-width:760px){.uvIndexText{max-width:82px}}@media (max-width:375px){.uvIndexText{max-width:78px}}.main-img-container{background-color:#aecde4;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100vw;z-index:-1}.darkmode .main-img-container{background-color:var(--background)}.klima-body{align-items:center;color:var(--clr-dark);flex-direction:column;line-height:1.8;padding:1% 18%}.klima-body,.klima-title{display:flex;justify-content:center;text-align:center}.klima-title{font-size:3rem;margin-top:3rem}.klima-body a{color:inherit;font-size:13px;text-decoration:none}.klima-body h2{font-size:2.2rem;margin-bottom:2rem;margin-top:3rem}.klima-body h4{font-size:16px;font-weight:400}.klima-body table{font-size:15px;margin-top:3rem;width:100%}.klima-body th{font-size:22px;font-weight:600}.klima-body td,.klima-body th{border:1px solid;border-radius:5px}.darkmode .klima-body,.darkmode .klima-body h3,.darkmode .klima-body p{color:var(--clr-secondary)}@media (max-width:760px){.klima-body{padding:5px 30px}.klima-body h4{padding-top:15px}}.footer-container{background-image:linear-gradient(#1470b8,#3ea6f6);flex:1;padding-top:30px}.social-icons{display:flex;justify-content:center}.social-icons a{border-radius:50%;margin:2px;padding:7px;text-decoration:none}.social-icons i:hover{color:#000;transition:.3s}.social-icons i:hover a{background-color:var(--background);transition:.3s}.social-icons a i{color:#fffcfc;font-size:2.2rem;opacity:.9}.footer-nav{margin:30px 0}.footer-nav ul{display:flex;justify-content:center;list-style-type:none}.footer-nav ul li{justify-content:space-evenly;text-align:center}.footer-nav ul li a{color:#fff;font-size:1.3em;margin:10px;opacity:.8;text-decoration:none;transition:.3s}.footer-nav ul li a:hover{color:#000}.footer-bottom{display:flex;justify-content:center;width:100%}.footer-bottom a{color:inherit}.footer-bottom a:hover{color:#000;transition:.3s}@media (max-width:425px){.footer-nav ul li a{font-size:1.1rem}}@media (max-width:376px){.footer-nav ul li a{font-size:1rem}}.credits-title{color:var(--clr-dark);display:flex;font-size:4rem;justify-content:center;margin-top:3rem}.darkmode .credits,.darkmode .credits h2{color:var(--clr-secondary)}.credits{color:var(--clr-dark);display:flex;flex-direction:column;justify-content:center;margin-top:1rem;padding:16px;text-align:center;width:100%}.credits p{font-size:1.5rem}.credits a{color:blue}.credits-icons{column-gap:4px;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:16px;row-gap:4px}.credits-icon-container{align-items:center;display:flex;flex-direction:column;justify-content:space-between;max-width:120px;min-width:120px;row-gap:2px}.credits-icon-container p{font-size:1rem}.credits-icon-container a{text-decoration:none}.credits-icon-container .credits-icon{max-height:32px;max-width:32px}@media (max-width:760px){.credits-icons{justify-content:space-around}}.contact-us-title{display:flex;font-size:4rem;justify-content:center;margin-top:3rem}.darkmode .contact-us,.darkmode .contact-us h2,.darkmode .contact-us h3{color:var(--clr-secondary)}.contact-us{color:var(--clr-dark);display:flex;flex-direction:column;justify-content:center;margin-top:1rem;padding:30px 80px;text-align:center;width:100%}.contact-us h3{color:#0e0d0d;font-size:28px;padding:30px 0}.contact-us span{font-weight:700}.contact-us p{padding:5px 0}.contact-us h2{padding-bottom:30px}.contact-us H4{color:#0a4597;font-size:23px;font-weight:400;padding-top:70px}@media (max-width:760px){.contact-us{padding:20px 30px}}.pure-material-progress-circular{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:50%;box-sizing:border-box;color:rgb(var(--pure-material-primary-rgb,33,150,243));font-size:16px;height:3em;overflow:hidden;padding:.25em;width:3em}.pure-material-progress-circular::-webkit-progress-bar{background-color:transparent}.pure-material-progress-circular:indeterminate{animation:pure-material-progress-circular 6s cubic-bezier(.3,.6,1,1) infinite;-webkit-mask-image:linear-gradient(transparent 50%,#000 0),linear-gradient(90deg,transparent 50%,#000 0);mask-image:linear-gradient(transparent 50%,#000 0),linear-gradient(90deg,transparent 50%,#000 0)}.pure-material-progress-circular:indeterminate,:-ms-lang(x){animation:none}.pure-material-progress-circular:indeterminate::-webkit-progress-value,.pure-material-progress-circular:indeterminate:before{animation:pure-material-progress-circular-pseudo .75s linear infinite alternate;background-color:transparent;border:.25em solid transparent;border-radius:50%;border-top-color:currentcolor;box-sizing:border-box;content:"";display:block;height:100%;margin-bottom:.25em;width:100%!important}.pure-material-progress-circular:indeterminate::-moz-progress-bar{animation:pure-material-progress-circular-pseudo .75s linear infinite alternate;background-color:transparent;border:.25em solid transparent;border-radius:50%;border-top-color:currentcolor;box-sizing:border-box;height:100%;width:100%}.pure-material-progress-circular:indeterminate::-ms-fill{animation-name:-ms-ring}@keyframes pure-material-progress-circular{0%{transform:rotate(0deg)}12.5%{animation-timing-function:linear;transform:rotate(180deg)}25%{transform:rotate(630deg)}37.5%{animation-timing-function:linear;transform:rotate(810deg)}50%{transform:rotate(1260deg)}62.5%{animation-timing-function:linear;transform:rotate(4turn)}75%{transform:rotate(1890deg)}87.5%{animation-timing-function:linear;transform:rotate(2070deg)}to{transform:rotate(7turn)}}@keyframes pure-material-progress-circular-pseudo{0%{transform:rotate(-30deg)}29.4%{border-left-color:transparent}29.41%{border-left-color:currentColor}64.7%{border-bottom-color:transparent}64.71%{border-bottom-color:currentColor}to{border-bottom-color:currentColor;border-left-color:currentColor;transform:rotate(225deg)}}#pollution-modal{background-color:hsla(0,12%,97%,.25);display:none;height:100%;min-height:100vh;min-width:100vw;position:absolute;top:0;z-index:10}.pollution-modal-popup{background-color:#dcdada;border-radius:8px;border-radius:1.5rem;color:var(--foreground);display:flex;flex-direction:column;height:auto;left:20vw;max-height:600px;outline:1px solid #5f5d5d;overflow:auto;padding:24px;position:fixed;top:50px;width:60vw;z-index:10}.pollution-modal-popup-text-container{align-items:center;display:flex;flex-direction:column}#pollution-container{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px;width:100%}@media (max-width:760px){.pollution-modal-popup{border-radius:0;display:flex;height:100vh;left:0;max-height:100vh;padding:16px 16px 100px;top:0;width:100%}#pollution-container p{font-size:12px}.pollution-modal-popup-text-container>div p{font-size:3rem!important}}.pollution-modal-popup-text-container{flex:1}.air-quality-info{align-items:center;border-radius:8px;color:#fff;column-gap:16px;display:flex;flex:1;flex-direction:column;justify-content:center;margin-bottom:20px;margin-top:16px;overflow:hidden;padding:12px;text-align:center;width:100%}.air-quality-stations-container{padding:8px;width:100%}.darkmode .pollution-modal-popup{background-color:var(--background)}.darkmode #pollution-container img{content:url(/svg/general/pollution-white.svg)}.about-us-title{display:flex;font-size:4rem;justify-content:center;margin-top:3rem}.darkmode .about-us,.darkmode .about-us h2{color:var(--clr-secondary)}.about-us{color:var(--clr-dark);display:flex;flex-direction:column;justify-content:center;margin-top:1rem;padding:30px 80px;text-align:center;width:100%}.about-us h2{color:#0e0d0d;font-size:28px;padding:30px 0}.about-us span{font-weight:700}.about-us p{padding:5px 0}.about-us H4{color:#0a4597;font-size:23px;font-weight:400;padding-top:70px}@media (max-width:760px){.about-us{padding:20px 30px}}