*{box-sizing:border-box;padding:0;margin:0}.forecast24Hours{display:block;padding:10px;border-radius:5px;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.forecast24Hours h1{font-size:16px;margin-bottom:5px;margin-left:5px;opacity:.8}.forecast24HoursContent{display:flex;gap:10px;overflow:hidden}.forecast24HoursItem{flex:0 0 auto;min-width:65px;text-align:center;background-color:rgba(0,0,0,.5);border-radius:10px;padding:8px}.forecastTimeAndTemp{font-size:14px}.iconW50{width:51.5px;height:51.5px}.iconW40{width:40px;height:40px}.forecastRainChance{margin-top:-5px;font-size:14px;color:rgb(1,213,250)}.forecastFuture{display:block;padding:10px;border-radius:5px;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.forecastFuture h1{font-size:16px;padding-bottom:5px;margin-left:5px;opacity:.8}.forecastFutureItem{display:flex;text-align:center;align-items:center;height:60px;background-color:rgba(0,0,0,.5);margin-bottom:10px;border-radius:10px;justify-content:space-between}.forecastFutureItem:last-child{margin-bottom:0}.forecastDay{width:60px;text-align:left;margin-left:15px}.forecastTemp{display:flex;width:200px}.forecastMinTemp{opacity:.6;font-size:16px}.iconW30{width:30px;height:30px}.forecastMaxTemp{font-size:16px;margin-right:15px}.line{position:relative;border-radius:10px;width:90px;height:4px;margin:auto;background:gray;opacity:.6}.tempIndicator{position:absolute;top:-3px;width:10px;height:10px;border-radius:50%;background-color:white;transform:translateX(-50%);box-shadow:0 0 4px rgba(0,0,0,.3)}.gradient-cold{background:linear-gradient(90deg,rgb(0,79,250),rgb(0,181,253))}.gradient-mild{background:linear-gradient(90deg,rgb(0,181,253),rgb(255,238,0))}.gradient-something-hot{background:linear-gradient(90deg,rgb(0,181,253),rgb(255,238,0),orange)}.gradient-hot{background:linear-gradient(90deg,orange,red)}.gradient-warm-hot{background:linear-gradient(90deg,rgb(255,238,0),orange,red)}.gradient-warm-hot-lite{background:linear-gradient(90deg,rgb(255,238,0),orange)}.forecastIndexUvContent{border-radius:10px;width:185px;height:185px;background-color:rgba(0,0,0,.5);color:#fff}.numberAndLineUv{display:flex}.uvNumber{margin-top:15px;font-size:20px;font-weight:700;padding-left:15px;margin-bottom:15px}.lineUv{position:relative;border-radius:10px;width:120px;height:4px;margin:auto;opacity:.6;background:linear-gradient(90deg,green,yellow,orange,red,purple)}.uvIndicator{position:absolute;top:-3px;width:10px;height:10px;border-radius:50%;background-color:white;box-shadow:0 0 4px rgba(0,0,0,.3);transform:translateX(-50%)}.uvText{font-weight:400;font-size:14px;padding-left:15px;padding-right:15px;opacity:.75}@media (max-width:450px){.uvNumber{font-size:18px}.lineUv{width:100px}.uvText{font-size:12px}}.forecastMoonContent{background-color:rgba(0,0,0,.5);width:95%;margin:10px auto auto;border-radius:10px;height:185px;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.moonDataContent{display:flex;padding-left:15px}.moonData{display:block;width:50%;margin:auto}.moonIcon{width:50%;display:flex;text-align:center;align-items:center}.moonImage{margin:auto;width:125px;height:125px}.pressureGaugeContainer{display:flex;flex-direction:column;align-items:center}.gaugeBackground{position:relative;width:120px;height:60px;border-top-left-radius:120px;border-top-right-radius:120px;overflow:hidden;margin-top:20px;border:4px solid #fff;border-bottom:none}.needleLine{position:absolute;bottom:15px;left:50%;width:2px;height:38px;background-color:#ffffff91;transform-origin:bottom center;transition:transform .4s ease}.pressureValue{position:absolute;top:15px;left:50%;transform:translateX(-50%);text-align:center;color:#fff;font-weight:700}.pressureValue p{margin:0;font-size:16px}.pressureValue span{font-size:12px;opacity:.8}.gaugeLabels{width:100%;display:flex;justify-content:space-between;padding:0 25px;font-size:14px;color:white;margin-top:5px;opacity:.75}.forecastSensationContent{border-radius:10px;width:185px;height:185px;background-color:rgba(0,0,0,.5);color:#fff}.forecastIcon{width:45px;height:45px}.forecastTitle{display:flex;align-items:center}.forecastTitle h1{font-size:12px}.sensationTemp{margin-top:15px;font-size:20px;font-weight:700;padding-left:15px;margin-bottom:15px}.sensationText{font-weight:400;font-size:14px;padding-left:15px;padding-right:15px;opacity:.75}@media (max-width:450px){.sensationTemp{font-size:18px}.sensationText{font-size:12px}}.forecastWindContent{background-color:rgba(0,0,0,.5);width:95%;margin:10px auto auto;border-radius:10px;height:185px;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.forecastTitle h1{font-size:16px;opacity:.75;font-weight:400}.windDataContent{display:flex;padding-left:15px}.windData{display:block;width:50%;margin:auto}.windDataItem{display:flex;text-align:left;align-items:center;border-bottom:1px solid #fff;justify-content:space-between;font-size:14px;height:35px}.windDataItem p:last-child{opacity:.75}.windDataItem:last-child{border-bottom:1px solid transparent}.windDataIcon{width:50%;display:flex;text-align:left;align-items:center}.compassContainer{position:relative;width:125px;height:125px;margin:auto}.compassBase{width:100%;height:100%}.cardinal{position:absolute;color:white;font-weight:700;font-size:14px;opacity:.8}.north{top:5px}.north,.south{left:50%;transform:translateX(-50%)}.south{bottom:5px}.east{right:5px}.east,.west{top:50%;transform:translateY(-50%)}.west{left:5px}@media (max-width:450px){.windDataItem{font-size:12px}}.headerContent{align-items:right;margin-bottom:5vh;display:block;position:absolute;top:0;left:0;z-index:10}.headerContent,.toggleLenguage{height:80px;width:100vw;display:flex;justify-content:right}.toggleLenguage{align-items:center;margin-right:20px}.toggleContent{display:flex;width:80px;height:40px;border:3.5px solid rgb(1,117,138);border-radius:15px}.toggleContent button{width:40px;border:none;background:transparent;font-size:bold;color:white;background:rgb(1,117,138)}.toggleContent button p{font-weight:700}.changeLenguageActive{color:black!important}.spanish{border-top-left-radius:8px;border-bottom-left-radius:8px}.english{border-top-right-radius:8px;border-bottom-right-radius:8px}@media (max-width:470px){.headerContent{height:40px;display:none}.toggleLenguage{height:40px;margin-right:0;margin-top:17.5px}.toggleContent{border:none}.toggleContent button{background:transparent}}body{display:flex;justify-content:center;align-items:center;height:100vh;margin:0;background-color:#ececec}.weatherContent{width:450px;height:680px;border-radius:20px;position:relative}.isDay,.weatherContent{box-shadow:0 0 10px 2px rgb(139,139,139)}.isDay{background:linear-gradient(180deg,rgb(1,213,250),rgb(0,86,156))}.isNight{background:linear-gradient(180deg,rgb(1,117,138),rgb(0,47,83));box-shadow:0 0 10px 2px rgb(139,139,139)}.searchInition{margin:auto;display:block;text-align:center;color:#fff;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.searchDataImage{height:300px;width:300px;margin-top:75px}.searchInition h1{margin-top:20px;font-size:26px;color:#fff;font-weight:700}.searchInition p{font-size:20px;opacity:.9;width:325px;margin:5px auto auto}.searchError{margin:auto;display:block;text-align:center;color:#fff;justify-content:center}.searchDataError,.searchImageError{height:300px;width:300px;margin-top:75px}.searchError h1{margin-top:20px;font-size:26px;color:#fff;font-weight:700}.searchError p{font-size:20px;opacity:.9;width:325px;margin:5px auto auto}.loaderContent{display:flex;width:150px;color:#fff;margin:100px auto auto}.loader{width:auto;text-align:center}.loaderAnimation{width:50px;height:50px;border:5px solid;border-color:#fff #fff transparent;border-radius:50%;animation:loader 1s linear infinite}.loaderText{width:auto;font-size:20px;font-weight:700;margin:auto}@keyframes loader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:450px){.weatherContent{width:100vw;height:100vh;border-radius:0}}.searchContainer{position:relative;z-index:10}.searchForm{display:flex;justify-content:center;padding-top:20px}.searchButton{width:35px;height:35px;background:white;border:none;border-radius:0 6px 6px 0}.searchImage{width:15px;height:15px}.inputForm{width:250px;border:none;outline:none;padding:15px;height:35px;border-radius:6px 0 0 6px;font-size:16px}.suggestionsList{background-color:white;border-radius:6px 6px 6px 6px;max-height:150px;overflow-y:auto;box-shadow:0 4px 6px rgba(0,0,0,.1);list-style:none;width:285px;border:none;margin:5px auto auto;position:absolute;left:50%;transform:translateX(-50%);top:54px;font-size:16px}.suggestionsList li{padding:10px 12px;cursor:pointer;transition:background-color .2s ease}.suggestionsList li:hover{background-color:#e7e7e7}.suggestionsList::-webkit-scrollbar{display:none}.weatherMainData{-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.weatherImageContainer{display:flex;justify-content:center;align-items:center;height:100px}.weatherImage{width:100px;height:100px}.weatherInformation{display:block;font-size:24px}.cityName,.weatherInformation{margin:auto;text-align:center;color:#fff}.cityName{font-size:20px;font-weight:700}.weatherTemp{font-size:30px;font-weight:700}.weatherCondition{font-size:16px;opacity:.9;margin-bottom:2.5px}.maxAndMinTemp{font-size:16px;opacity:.9;display:flex;align-items:center;justify-content:center;margin:auto auto 2.5px}.maxAndMinTemp p{width:125px}.sunriseAndSunsetContent{display:flex;width:90%;font-size:14px;opacity:.9;justify-content:space-between;margin:-5px auto auto}.sunContent{width:50%;display:flex;align-items:center}.sunriseAndSunsetContent .sunContent:first-child{justify-content:flex-start;text-align:left}.sunriseAndSunsetContent .sunContent:last-child{justify-content:flex-end;text-align:right}.sunIcon{width:35px;height:35px}.weatherMainDetails{border-top:3.5px solid #fff;border-radius:20px;backdrop-filter:blur(50px);background-color:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(50px);padding:10px 0;height:390px;overflow:hidden}.weatherDetails{width:90%;margin:5px auto auto;overflow-y:auto;height:350px}.weatherDetails::-webkit-scrollbar{width:5px}.weatherDetails::-webkit-scrollbar-thumb{background:#ffffffbf;border-radius:10px;opacity:.75}.littleWeatherDetails{width:95%;margin:auto;display:flex;gap:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeOutScale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.fade-in{animation:fadeInScale .3s ease-out forwards}.fade-out{animation:fadeOutScale .3s ease-in forwards}@media (max-width:450px){.weatherMainDetails{height:60vh}.weatherDetails{height:56vh}}