.lds-ring{color:#fff}.lds-ring,.lds-ring div{box-sizing:border-box}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid currentColor;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:currentColor transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.general-container{margin-inline:auto;border-radius:5px;box-shadow:1px 1px 5px #0000004d;-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);display:flex;flex-direction:column;gap:.3rem;padding:.8rem;width:90%;margin-bottom:2rem}.hourly-forecast{width:90%;margin-top:2rem}.hourly-forecast__heading{font-weight:500;padding-bottom:.8rem;border-bottom:2px solid rgb(96,96,96)}.hourly-forecast__details{font-size:1.1rem;display:flex;flex-direction:row;gap:.9rem;overflow-x:scroll;margin-top:.8rem}.hour-block{display:flex;flex-direction:column;gap:.3rem}.hour-block__temperature{padding-bottom:.2rem;text-align:center}.hour-block__hour{white-space:nowrap}.daily-forecast__heading{padding-bottom:.8rem;border-bottom:2px solid rgb(96,96,96)}.daily-forecast__day-one,.daily-forecast__day-two{border-bottom:2px solid rgb(96,96,96);display:flex;align-items:center;gap:.7rem}.daily-forecast__day-three{padding:0 0 .8rem;display:flex;align-items:center;gap:.7rem}.daily__day{padding-right:1.6rem}.container-box{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;padding:0 .8rem .8rem 0;margin-bottom:.5rem}.container-box__mini{padding:1.5rem 0 2rem;margin:.8rem .8rem 0;width:calc(100% - .8rem);justify-content:center;align-items:center;text-align:center}h1{font-weight:400;font-size:1.6rem;margin-top:.4rem}.start-screen{display:flex;flex-direction:column;padding:1rem;min-height:100vh}.start-screen__favorite-cities{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.top-menu{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.5rem}.top-menu__heading{font-size:2.7rem}.top-menu__edit{background-color:transparent;border:none;color:#f0f8ff;font-weight:700;font-size:1.1rem;font-family:Inter,sans-serif;cursor:pointer}.search-input{padding:.7rem;font-size:1.1rem;font-family:Inter,sans-serif;border-radius:7px;margin:.5rem 0 0}.favorite-city-container{display:flex;flex-direction:row;width:100%;border-radius:7px}.favorite-city-container__delete-button{display:flex;justify-content:center;align-items:center;width:17%;background-color:transparent;border:none;cursor:pointer}.delete-button-none{display:none}.favorite-city{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;border-radius:7px;background-size:cover;background-position-x:50%;background-position-y:25%;padding:1rem;width:100%;cursor:pointer}.favorite-city__name__city{font-size:1.5rem}.favorite-city__name__country{min-width:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.favorite-city__condition{display:flex;align-items:end;max-width:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.favorite-city__temperature{display:flex;justify-content:end;font-size:2.5rem;font-weight:300}.favorite-city__peak-temberatures{display:flex;justify-content:end;align-items:end}.delete-icon{color:#b21414;padding-right:.7rem}.search-container{background-color:#151111;border-bottom-left-radius:7px;border-bottom-right-radius:7px;position:absolute;transform:translateZ(100px);z-index:2;left:0;right:0}.search-container__location{border-top:.2px solid rgb(72,72,72);padding:.5rem;cursor:pointer}.search-container__location:hover{background-color:#494646}.search-container__location__name{font-size:1.2rem;margin-bottom:.2rem}.search-container-parent{background-color:transparent;position:relative}.search-container-parent-hidden{display:none}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}::-webkit-scrollbar{width:0}body{background-color:#39495e;display:flex;justify-content:center}.app{width:400px;background-color:#232222;color:#f8f4f4;text-shadow:1px 1px 5px #000;background:linear-gradient(0deg,#404547,#252e3a 51%);border-radius:10px}@media screen and (min-width:800px){.app{width:450px}}.loading{height:100vh;display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}.loading__message{color:#f0f8ff;font-size:1.2rem}.main-display{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:10px}.top-buttons{display:flex;flex-direction:row;justify-content:space-between;padding:1rem}.top-buttons__back,.top-buttons__favorite{background:transparent;border:none;cursor:pointer}.favorite-button-filled{fill:currentColor}.bottomIcons{width:2.5rem;color:#f8f4f4}.weather-main-data{text-align:center;margin-top:3rem}.weather-main-data__city-name{font-size:1.5rem;padding-bottom:1rem}.weather-main-data__temperature{font-size:3.3rem}.weather-main-data__condition{font-size:1.3rem;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.weather-main-data__peak-temberatures{display:flex;justify-content:center;gap:.5rem;margin-top:.2rem}