.city-search-v2[data-astro-cid-xl54vfk5]{position:relative;width:100%}.input-container[data-astro-cid-xl54vfk5]{position:relative;display:flex;align-items:center}.search-icon[data-astro-cid-xl54vfk5]{position:absolute;left:1rem;color:var(--text-muted);pointer-events:none}.search-input[data-astro-cid-xl54vfk5]{width:100%;padding:.75rem 1rem .75rem 3rem;border-radius:1rem;border:1px solid rgba(0,0,0,.05);background-color:#fff;color:var(--text-main);outline:none;font-family:inherit;font-size:.95rem;transition:all .2s ease}.search-input[data-astro-cid-xl54vfk5]:focus{background-color:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #4243441a}.search-results[data-astro-cid-xl54vfk5]{position:absolute;top:110%;left:0;right:0;background:#ffffffe6;border:1px solid rgba(255,255,255,.5);border-radius:1rem;padding:.5rem;list-style:none;max-height:350px;overflow-y:auto;box-shadow:0 10px 25px -5px #0000001a;z-index:1001}.search-item[data-astro-cid-xl54vfk5]{border-radius:.6rem;overflow:hidden;margin-bottom:2px}.search-item[data-astro-cid-xl54vfk5]:last-child{margin-bottom:0}.result-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .2s ease;.city-name{font-weight:600;color:var(--text-main);font-size:.95rem}.flag-icon{width:24px;height:18px;border-radius:3px;object-fit:cover;box-shadow:0 1px 2px #0000001a}.city-info{display:flex;flex-direction:column;line-height:1.2}.city-subtext{font-size:.8rem;color:var(--text-muted)}}.search-item[data-astro-cid-xl54vfk5]:hover .result-item{background-color:#00000008}.blur-container[data-astro-cid-xl54vfk5]{position:fixed;inset:0;background:#ffffff80;backdrop-filter:blur(10px);z-index:100;width:100%;height:100vh;display:none}header[data-astro-cid-3ygxr2ea]{background-color:#fffc;position:sticky;top:0;z-index:1000;justify-content:space-between;backdrop-filter:blur(12px);border-bottom:1px solid rgb(226 232 240);padding:calc(var(--gap) / 2) 0;container-type:inline-size;container-name:header}.menu[data-astro-cid-3ygxr2ea]{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);transition:grid-template-columns .2s linear;&[data-astro-cid-3ygxr2ea]:has(#search-results:not([hidden])){grid-template-columns:0fr 1fr}}.logo[data-astro-cid-3ygxr2ea]{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-weight:800;font-size:1.25rem}.logo-icon-wrapper[data-astro-cid-3ygxr2ea]{background:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:.75rem;box-shadow:0 4px 12px #0000000d}.logo-icon[data-astro-cid-3ygxr2ea]{font-size:1.5rem}.search-wrapper[data-astro-cid-3ygxr2ea]{max-width:400px;justify-self:end;width:100%}@container header (width < 500px){.menu[data-astro-cid-3ygxr2ea]:has(:is(#search-results:not([hidden]),#city-search-input:focus)){grid-template-columns:0fr 1fr;gap:0}.logo[data-astro-cid-3ygxr2ea]{min-width:0}.search-wrapper[data-astro-cid-3ygxr2ea]{max-width:100%}}footer[data-astro-cid-lfgtkccs]{margin-top:4rem;background-color:#fff;border-top:1px solid rgb(226 232 240);padding:3rem 0 1.5rem}.footer-content[data-astro-cid-lfgtkccs]{grid-column:content;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;flex-wrap:wrap}.footer-brand[data-astro-cid-lfgtkccs]{display:flex;flex-direction:column;gap:.75rem;max-width:320px}.footer-logo[data-astro-cid-lfgtkccs]{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-weight:800;font-size:1.25rem;color:var(--text-color)}.footer-logo-icon-wrapper[data-astro-cid-lfgtkccs]{background:var(--bg-color);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:.75rem;box-shadow:0 4px 12px #0000000d}.footer-logo-icon[data-astro-cid-lfgtkccs]{font-size:1.5rem}.footer-description[data-astro-cid-lfgtkccs]{font-size:.875rem;color:var(--text-secondary-color);line-height:1.6}.footer-nav[data-astro-cid-lfgtkccs]{display:flex;flex-direction:column;gap:.75rem}.footer-nav[data-astro-cid-lfgtkccs] a[data-astro-cid-lfgtkccs]{text-decoration:none;color:var(--text-secondary-color);font-size:.9rem;transition:color .2s}.footer-nav[data-astro-cid-lfgtkccs] a[data-astro-cid-lfgtkccs]:hover{color:var(--main-color)}.footer-bottom[data-astro-cid-lfgtkccs]{grid-column:content;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgb(226 232 240)}.footer-bottom[data-astro-cid-lfgtkccs] p[data-astro-cid-lfgtkccs]{font-size:.8rem;color:var(--text-secondary-color);text-align:center}@media(max-width:500px){.footer-content[data-astro-cid-lfgtkccs]{flex-direction:column;align-items:center;text-align:center}.footer-brand[data-astro-cid-lfgtkccs],.footer-nav[data-astro-cid-lfgtkccs]{align-items:center}}:root{--main-color: #197fe6;--text-color: #0f172a;--water-color: #004b96;--text-secondary-color: #6b7280;--bg-color: #f1f5f9;--content-max-width: 1218px;--gap: clamp(1rem, 2vw, 3rem);--full: minmax(var(--gap), 1fr);--popout: var(--gap);--content: min(100% - var(--gap) * 2, var(--content-max-width));--min-size: 12;--max-size: 18;--container-min: 320;--container-max: 2400;--temp-main-color: oklch(from var(--main-color) l c h);--temp-neg-50-neg-41: oklch(.41 .232 290);--temp-neg-40-neg-31: oklch(.545 .273 290);--temp-neg-30-neg-21: oklch(.41 .269 270);--temp-neg-20-neg-11: oklch(.545 .252 270);--temp-neg-10-neg-1: oklch(.545 .163 252);--temp-0-9: oklch(.545 .175 140);--temp-10-19: oklch(.67 .16 57);--temp-20-29: oklch(.545 .212 31);--temp-30-39: oklch(.41 .16 31);--temp-40-49: oklch(.41 .164 8);--mobile-breakpoint: 780px;--main-color-10: oklch(from var(--main-color) 10% c h);--main-color-20: oklch(from var(--main-color) 20% c h);--main-color-30: oklch(from var(--main-color) 30% c h);--main-color-40: oklch(from var(--main-color) 40% c h);--main-color-50: oklch(from var(--main-color) 50% c h);--main-color-60: oklch(from var(--main-color) 60% c h);--main-color-70: oklch(from var(--main-color) 70% c h);--main-color-80: oklch(from var(--main-color) 80% c h);--main-color-90: oklch(from var(--main-color) 90% c h);--main-color-100: oklch(from var(--main-color) 100% c h)}body{font-family:system-ui,sans-serif;font-weight:400;color:var(--text-color);background-color:var(--bg-color)}*{box-sizing:border-box;margin:0;padding:0}footer,header,main{display:grid;--full: calc(50% - var(--content-max-width) / 2 - var(--gap));grid-template-columns:[full-start] var(--full) [popout-start] var(--popout) [content-start] 1fr 1fr 1fr [content-end] var(--popout) [popout-end] var(--full) [full-end];container:main / inline-size;>*{grid-column:content}}main{padding-top:var(--gap)}.full{grid-column:full;padding:0 max(50% - var(--content) / 2,var(--gap))}.popout{grid-column:popout;padding:var(--popout)}h1{--max-size: 128;--min-size: 30}h2{--max-size: 50;--min-size: 24}h3{--max-size: 30;--min-size: 18}h1,h2,h3{--font-size: calc( var(--min-size) * 1px + (var(--max-size) - var(--min-size)) * (100cqw - var(--container-min) * 1px) / (var(--container-max) - var(--container-min)) );font-size:clamp(var(--min-size) * 1px,var(--font-size),var(--max-size) * 1px);padding:var(--gap) 0;display:flex;align-items:center}.card{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);border:1px solid rgb(248 250 252);border-radius:1.25rem;&:hover{box-shadow:0 12px 20px -8px #0000001a}}.scroll-container{overflow-x:auto;grid-auto-flow:column;grid-auto-columns:1fr;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;-ms-overflow-style:none;scrollbar-width:none}.scroll-container::-webkit-scrollbar{display:none}.scroll-container>*{scroll-snap-align:start}.bg-white{background-color:#fff}.temp[data-temp-color="-5"]{color:var(--temp-neg-50-neg-41)}.temp[data-temp-color="-4"]{color:var(--temp-neg-40-neg-31)}.temp[data-temp-color="-3"]{color:var(--temp-neg-30-neg-21)}.temp[data-temp-color="-2"]{color:var(--temp-neg-20-neg-11)}.temp[data-temp-color="-1"]{color:var(--temp-neg-10-neg-1)}.temp[data-temp-color="0"]{color:var(--temp-0-9)}.temp[data-temp-color="1"]{color:var(--temp-10-19)}.temp[data-temp-color="2"]{color:var(--temp-20-29)}.temp[data-temp-color="3"]{color:var(--temp-30-39)}.temp[data-temp-color="4"]{color:var(--temp-40-49)}.temp{display:inline-flex;justify-content:center;font-weight:500;&:after{content:"°"}}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:9999px;background-color:var(--main-color);color:#fff;text-decoration:none;font-weight:600;transition:transform .2s;&:hover{transform:translateY(-2px)}}.first-letter{color:var(--main-color)}