.location_input.svelte-8epkzs.svelte-8epkzs{display:flex;align-items:center;border-radius:.5em;border:.1em solid transparent;padding:0 1em;background:linear-gradient(var(--primary-clr),var(--primary-clr)) padding-box,linear-gradient(to right,#fff,var(--secondary-clr)) border-box;position:relative;transition:.3s ease}.location_input.svelte-8epkzs.svelte-8epkzs:focus-within{border-color:#fff;border-image:none}.location_input.svelte-8epkzs input.svelte-8epkzs{padding:1em 0;width:100%;outline:none}.location_input.svelte-8epkzs button.svelte-8epkzs{padding:.2em;font-size:2em;cursor:pointer}.location_input.svelte-8epkzs input.svelte-8epkzs,.location_input.svelte-8epkzs button.svelte-8epkzs{color:#fff;background-color:transparent;border:none}.results.svelte-8epkzs.svelte-8epkzs{position:absolute;top:100%;left:0;right:0;z-index:9999;border-radius:inherit;margin-block:1em;background-color:var(--primary-clr)}.results.svelte-8epkzs button.svelte-8epkzs,.results.svelte-8epkzs p.svelte-8epkzs{border-radius:inherit;font-size:1rem;padding:1em;width:100%;text-align:left;outline:none;cursor:pointer}.results.svelte-8epkzs button.svelte-8epkzs:hover,.results.svelte-8epkzs button.svelte-8epkzs:focus,.results.svelte-8epkzs p.svelte-8epkzs:hover,.results.svelte-8epkzs p.svelte-8epkzs:focus{background-color:var(--secondary-clr)}section.svelte-15n3jr1.svelte-15n3jr1{max-width:unset}.weather-display.svelte-15n3jr1.svelte-15n3jr1{display:flex;justify-content:center;padding:0 2em 2em;border-radius:.5em;background-color:var(--primary-clr)}.weather-display.svelte-15n3jr1 img.svelte-15n3jr1{width:15em;height:auto;margin-bottom:-3em}.weather-display.svelte-15n3jr1 h2.svelte-15n3jr1{font-size:5em}.weather-display.svelte-15n3jr1 p.svelte-15n3jr1{font-size:1.5em;margin-bottom:2em}.weather-display.svelte-15n3jr1 p span.svelte-15n3jr1{font-size:1rem}@media screen and (min-width: 50em){.weather-display.svelte-15n3jr1>div.svelte-15n3jr1{width:100%;display:flex;flex-direction:row;align-items:center;gap:1em;padding-block:3em}.weather-display.svelte-15n3jr1>div div.svelte-15n3jr1{margin:2em 0}.weather-display.svelte-15n3jr1>div p.svelte-15n3jr1{margin:0}.weather-display.svelte-15n3jr1>div img.svelte-15n3jr1{width:20em}}.weather-display.svelte-15n3jr1 .unit-selector.svelte-15n3jr1{font-weight:700;border:none;border-radius:.3em;background-color:var(--secondary-clr);color:#fff;padding:.3em}.weather-display.svelte-15n3jr1 .unit-selector option.svelte-15n3jr1{background-color:var(--primary-clr)}