.container.svelte-1bf2o3e{width:40%;margin:0 auto;padding:2rem;background:#272727;border-radius:10px}.header.svelte-1bf2o3e{display:flex;justify-content:center;align-items:center}input.svelte-1bf2o3e{flex:1;background:#1e1e1e;color:#fff;border:none;outline:none;padding:.6rem;border-radius:.5rem;line-height:1.5rem}input.svelte-1bf2o3e::placeholder{color:#fff;letter-spacing:.1rem}.search-form.svelte-1bf2o3e{position:relative;display:flex;width:100%}.search-form.svelte-1bf2o3e button:where(.svelte-1bf2o3e){position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;cursor:pointer}.weather.svelte-1bf2o3e{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.1rem;margin-top:3rem}.weather.svelte-1bf2o3e h1:where(.svelte-1bf2o3e){font-size:2rem;letter-spacing:.3rem}.weather.svelte-1bf2o3e i.fa-temperature-half:where(.svelte-1bf2o3e){color:tomato}.weather-info.svelte-1bf2o3e{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;margin-top:3rem}.weather-info.svelte-1bf2o3e .card:where(.svelte-1bf2o3e){display:flex;background:#1e1e1e;padding:1rem;border-radius:.1rem}.weather-info.svelte-1bf2o3e .card:where(.svelte-1bf2o3e) i:where(.svelte-1bf2o3e){font-size:1.5rem;margin-right:1rem}.weather-info.svelte-1bf2o3e .card:where(.svelte-1bf2o3e) i.fa-droplet:where(.svelte-1bf2o3e){color:#1e90ff}.weather-info.svelte-1bf2o3e .card:where(.svelte-1bf2o3e) i.fa-wind:where(.svelte-1bf2o3e){color:#00ced1}.weather-info.svelte-1bf2o3e .card:where(.svelte-1bf2o3e) i.fa-sun:where(.svelte-1bf2o3e){color:gold}.weather-info.svelte-1bf2o3e .card:where(.svelte-1bf2o3e) i.fa-moon:where(.svelte-1bf2o3e){color:orange}.weather-info.svelte-1bf2o3e .card:where(.svelte-1bf2o3e) p:where(.svelte-1bf2o3e){font:2rem}.weather-type.svelte-1bf2o3e{background:#1e1e1e;display:inline-block;padding:.5rem 1rem;border-radius:.3rem}.temperature.svelte-1bf2o3e{font-size:4rem}.min-max.svelte-1bf2o3e{display:flex;justify-content:center;flex-wrap:wrap}.min-max.svelte-1bf2o3e p:where(.svelte-1bf2o3e){font-size:1rem;margin:.5rem}.error-message.svelte-1bf2o3e{font-size:1rem;margin-top:2rem;text-align:center}.error-smiley.svelte-1bf2o3e{font-size:5rem;text-align:center}.sr-only.svelte-1bf2o3e{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width: 900px){.container.svelte-1bf2o3e{width:90%;margin:0 auto;padding:1rem}.header.svelte-1bf2o3e{flex-direction:column}}@media (max-width: 500px){.weather-info.svelte-1bf2o3e{grid-template-columns:none}.error-smiley.svelte-1bf2o3e{font-size:3rem}}