*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{min-height:100%}body{line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}html{font-size:14px;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;scrollbar-width:thin;scrollbar-color:dark;color-scheme:dark}body{display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom);color:#fff;background-color:#1f1f1f;background-image:linear-gradient(180deg,transparent,#1f1f1f),linear-gradient(130deg,#de6a15,#980027 41.07%,#2b7e83 76.05%);background-size:100% 100vh;background-repeat:no-repeat}header.svelte-1klexjs{display:flex;align-items:stretch;justify-content:center;gap:10px;margin:20px 0}@media (min-width: 480px){header.svelte-1klexjs{margin:24px 0}}svg.svelte-1klexjs{display:flex;width:20px;height:20px;fill:#fff}button.svelte-1klexjs{padding:16px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:30px;cursor:pointer;font-size:16px;line-height:1;color:#fff;background:#1f1f1f80}@media (min-width: 480px){button.svelte-1klexjs{padding:20px}}@media (hover: hover){button.svelte-1klexjs:hover{background-color:#1f1f1fa6}}button.svelte-1klexjs:focus-visible{outline:1px solid #00b5f0}.select.svelte-1klexjs{position:relative;display:flex;align-items:center;gap:12px;padding:16px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:30px;cursor:pointer;font-size:16px;line-height:1;color:#fff;background:#1f1f1f80}@media (min-width: 480px){.select.svelte-1klexjs{padding:20px}}@media (hover: hover){.select.svelte-1klexjs:hover{background-color:#1f1f1fa6}}.select.svelte-1klexjs:has(select:where(.svelte-1klexjs):focus-visible){outline:1px solid #00b5f0}.select.svelte-1klexjs select:where(.svelte-1klexjs){position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:inherit}.loading.svelte-1klexjs{margin:36px auto 0;width:24px;height:24px;border:4px solid rgba(255,255,255,.5);border-top:4px solid #fff;border-radius:50%;animation:svelte-1klexjs-spin 1.5s linear infinite,svelte-1klexjs-fadein .75s}.weather.svelte-1klexjs{animation:svelte-1klexjs-fadein .75s}.error.svelte-1klexjs{display:flex;flex-direction:column;align-items:center;gap:16px}.alert.svelte-1klexjs{margin:0 12px 16px;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.25))}.alert.svelte-1klexjs h2:where(.svelte-1klexjs){font-size:14px;text-transform:uppercase;text-align:center;margin:8px 0}.alert.svelte-1klexjs p:where(.svelte-1klexjs){margin:0;text-align:center}.current.svelte-1klexjs{margin:0 auto 16px;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.5))}.current.svelte-1klexjs .icon:where(.svelte-1klexjs){display:flex;width:80px;height:80px;margin:auto}.current.svelte-1klexjs .temp:where(.svelte-1klexjs){font-weight:300;font-size:36px;text-align:center}.hourly.svelte-1klexjs{display:flex;width:100%;margin-bottom:24px;padding:16px 0;background-color:#1f1f1f1a;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);overflow-x:auto;scrollbar-width:thin;scrollbar-color:dark}.hourly.svelte-1klexjs .hour:where(.svelte-1klexjs){padding:0 12px;text-align:center}.hourly.svelte-1klexjs .hour.day:where(.svelte-1klexjs):not(:first-child){padding-left:24px;margin-left:12px;border-left:1px solid rgba(255,255,255,.2)}.hourly.svelte-1klexjs .hour:where(.svelte-1klexjs) .time:where(.svelte-1klexjs){font-size:12px;text-transform:capitalize}.hourly.svelte-1klexjs .hour:where(.svelte-1klexjs) .image:where(.svelte-1klexjs){display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:28px;min-height:60px}.hourly.svelte-1klexjs .hour:where(.svelte-1klexjs) .image:where(.svelte-1klexjs) img:where(.svelte-1klexjs){width:28px;height:28px}.hourly.svelte-1klexjs .hour:where(.svelte-1klexjs) .image:where(.svelte-1klexjs) .rain:where(.svelte-1klexjs){color:#00b5f0;font-size:12px}.hourly.svelte-1klexjs .hour:where(.svelte-1klexjs) .wind:where(.svelte-1klexjs){margin-top:4px;font-size:12px;color:#ffffffb3;white-space:nowrap}.daily.svelte-1klexjs{display:grid;grid-template-columns:repeat(7,auto);align-items:center;gap:16px 12px;margin:0 auto 32px;width:calc(100% - 24px);max-width:600px}.daily.svelte-1klexjs .header:where(.svelte-1klexjs){text-align:right;font-weight:300;font-size:12px;color:#ffffffb3}@media (min-width: 480px){.daily.svelte-1klexjs .day:where(.svelte-1klexjs) .short:where(.svelte-1klexjs){display:none}}.daily.svelte-1klexjs .day:where(.svelte-1klexjs) .long:where(.svelte-1klexjs){display:none}@media (min-width: 480px){.daily.svelte-1klexjs .day:where(.svelte-1klexjs) .long:where(.svelte-1klexjs){display:inline}}.daily.svelte-1klexjs .image:where(.svelte-1klexjs) img:where(.svelte-1klexjs){width:32px;height:32px;display:block;margin:0 auto}.daily.svelte-1klexjs .rain:where(.svelte-1klexjs){color:#00b5f0;font-size:12px;text-align:right}.daily.svelte-1klexjs .sun:where(.svelte-1klexjs){font-size:12px;text-align:right}.daily.svelte-1klexjs .wind:where(.svelte-1klexjs){color:#ffffffb3;font-size:12px;text-align:right}.daily.svelte-1klexjs .maxTemp:where(.svelte-1klexjs){text-align:right;font-size:16px}.daily.svelte-1klexjs .minTemp:where(.svelte-1klexjs){color:#ffffffb3;text-align:right;font-size:16px}.radar.svelte-1klexjs{margin-bottom:32px;padding-top:32px;border-top:1px solid rgba(255,255,255,.2)}.radar.svelte-1klexjs .inner:where(.svelte-1klexjs){max-width:600px;margin:0 auto;position:relative}.radar.svelte-1klexjs .inner:where(.svelte-1klexjs) .select:where(.svelte-1klexjs){position:absolute;top:0;left:0;padding:8px;margin:8px;border-radius:12px}@media (min-width: 480px){.radar.svelte-1klexjs .inner:where(.svelte-1klexjs) .select:where(.svelte-1klexjs){padding:12px}}.radar.svelte-1klexjs .inner:where(.svelte-1klexjs) img:where(.svelte-1klexjs){display:block;width:100%;height:auto;border-radius:12px}.radar.svelte-1klexjs .inner:where(.svelte-1klexjs) img:where(.svelte-1klexjs):not(:first-of-type){position:absolute;top:0;right:0;bottom:0;left:0;opacity:.7}@keyframes svelte-1klexjs-fadein{0%{opacity:0}to{opacity:1}}@keyframes svelte-1klexjs-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}