:root{color:#ffffffde;--gradient: linear-gradient( 180deg, rgba(2, 0, 36, 1) 0%, rgba(17, 16, 95, 1) 17%, rgba(28, 28, 136, 1) 29%, rgba(20, 51, 136, 1) 46%, rgba(12, 74, 136, 1) 65%, rgba(9, 108, 165, 1) 73%, rgba(6, 141, 194, 1) 85% )}*{list-style:none;box-sizing:border-box;padding:0;margin:0;border:0}body{min-height:100vh;background:var(--gradient);color:#fff;list-style:none}::-webkit-scrollbar{background-color:#000;width:10px}::-webkit-scrollbar-thumb{background:var(--gradient);border-radius:0}.weather__form{width:30%;display:flex;justify-content:center;align-items:center;height:2rem;margin:2rem}.weather__form--input,.weather--search{color:#fff;border:1px solid white;height:100%;background-color:transparent}.weather--search:active{border-color:#ade6b4}.weather__form--input{width:200px;padding:0rem 0rem 0rem 1rem;border-radius:1rem 0rem 0rem 1rem;outline:0}.weather--search{width:40px;border-left:0px;border-radius:0rem 1rem 1rem 0rem;cursor:pointer;z-index:10;transition:background-color .3s ease}.weather--search:hover{background-color:#73d5ff}.weather--search:active{background-color:#fff}.modal{width:300px;height:100px;background-color:transparent;border:1px solid wheat;border-radius:2rem;display:flex;align-items:center;justify-content:center;text-align:center}.weather{width:100%;height:100%;display:flex;padding-top:2rem;align-items:center;flex-direction:column}.weather__current{width:80%;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#21222421;border:1px solid rgba(240,248,255,.833);border-radius:2rem;gap:1rem;padding:1rem;-webkit-box-shadow:2px 2px 5px 0px rgb(16,8,61);-moz-box-shadow:2px 2px 5px 0px rgb(10,10,59);box-shadow:2px 2px 5px #0e0e2e}.weather__location{font-size:x-large}.weather__summary{display:grid;grid-template-columns:4fr 1fr;gap:10rem;justify-content:center;align-items:center}.weather__temperature{font-size:xx-large;font-weight:bolder;margin:0}.weather__condition{font-size:x-large;font-weight:400;margin:0}.weather__icon{display:flex;align-items:center;justify-content:left;width:6rem;height:6rem}.weather__icon img{width:100%;position:relative;left:-10px}.weather__additional{display:grid;grid-template-columns:3fr 1fr;justify-content:space-evenly;column-gap:8rem}.weather__info{margin:1rem 0rem}.forecast--week{width:80%;display:flex;align-items:center;justify-content:center;gap:1rem;border:1px solid rgba(217,213,213,.504);margin:2rem;border-radius:2rem;padding:1rem;-webkit-user-select:none;user-select:none}.forecast__day{width:14%;display:flex;justify-content:center;align-items:center;flex-direction:column;border:1px solid wheat;padding:1rem;border-radius:1rem;background-color:#453f3f38;gap:1rem}.forecast__temperatures{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.forecast__icon{width:6rem;height:6rem}.forecast--hours{max-width:80%;height:250px;display:flex;justify-content:left;align-items:space-between;margin:20px 0;border:1px solid rgba(255,255,255,.676);border-radius:2rem;background-color:#f0f8ff11;-webkit-user-select:none;user-select:none}.card-wrapper{width:90%;display:flex;justify-content:center;align-items:center;margin:20px}.forecast-swiper-wrapper{width:100%}.forecast__hour{display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.676);border-radius:1rem;gap:1rem}.forecast__hour--img{display:flex;justify-content:center;align-items:center;width:80%}.none{display:none;border:0px}@media (max-width: 1286px){.forecast__day,.forecast--hour{padding:.5rem;gap:.5rem}.forecast__icon{width:100%;height:5rem;object-fit:contain}}@media (max-width: 1050px){.forecast__day{width:auto}.weather__current{width:90%;padding:1rem 4rem}.forecast--week{width:90%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,auto)}.forecast--hours{max-width:90%}}@media (max-width: 600px){.weather__current{width:95%;text-align:center}.weather__summary,.weather__additional{display:block}.forecast--week{width:95%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,auto)}.forecast--hours{max-width:95%}}@media (max-width: 574px){.forecast--week{width:95%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,auto)}.forecast__icon--hours{width:90%}}@media (max-width: 278px){.forecast--week{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(4,auto)}}