@font-face{font-family:Bricolage Grotesque;src:url(/assets/BricolageGrotesque-VariableFont_opsz_wdth_wght-DcWnIxAz.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:DM Sans;src:url(/assets/DMSans-VariableFont_opsz_wght-D_B5dL4R.ttf) format("truetype");font-weight:300 700;font-display:swap}@font-face{font-family:DM Sans;src:url(/assets/DMSans-Italic-VariableFont_opsz_wght-CT59GZwy.ttf) format("truetype");font-style:italic;font-weight:300 700;font-display:swap}h1{font-family:Bricolage Grotesque,Arial,sans-serif;font-size:3rem;letter-spacing:.005em;text-align:center}header{display:flex;justify-content:space-between;align-items:center}header img{max-width:150px}.input-wrapper{position:relative}.input-with-suggestions ul.suggestions{list-style:none;padding-block:.5rem;padding-inline-start:0;background-color:#3d3b5e;margin-top:0;bottom:0;display:flex;flex-direction:column;gap:12px;cursor:pointer;position:absolute;top:100%;height:fit-content;max-height:250px;overflow:auto;width:calc(100% - 2px);border:solid 1px hsl(240,6%,70%)}.input-with-suggestions ul.suggestions li{padding-inline:1rem}.input-with-suggestions ul.suggestions li:hover{background-color:#312f4b}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon label.icon{cursor:pointer;position:absolute;left:1rem;z-index:100;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='21'%20height='21'%20fill='none'%20viewBox='0%200%2021%2021'%3e%3cpath%20fill='%23D4D3D9'%20d='M19.844%2018.82c.195.196.195.508%200%20.664l-.899.899c-.156.195-.468.195-.664%200l-4.726-4.727a.63.63%200%200%201-.117-.351v-.508c-1.446%201.21-3.282%201.953-5.313%201.953A8.119%208.119%200%200%201%200%208.625C0%204.172%203.633.5%208.125.5c4.453%200%208.125%203.672%208.125%208.125%200%202.031-.781%203.906-1.992%205.313h.508c.117%200%20.234.078.351.156l4.727%204.726ZM8.125%2014.875a6.243%206.243%200%200%200%206.25-6.25c0-3.438-2.813-6.25-6.25-6.25a6.243%206.243%200%200%200-6.25%206.25%206.219%206.219%200%200%200%206.25%206.25Z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:100%;height:1.15rem;aspect-ratio:1/1}.input-with-icon input{padding-left:calc(14px + 2rem)}input{cursor:pointer;background-color:#272541;color:#fff;border-color:transparent;font-size:1rem;letter-spacing:.5px;padding:14px;border-radius:10px}input::placeholder{color:#d5d4d9}input:focus-visible{outline:none}select{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,');background-repeat:no-repeat;background-position:right .75rem center;background-size:.65rem auto;border-radius:8px;font-size:.9rem;padding:.5rem 2rem .5rem 1rem;color:#fff;border:solid 1px hsl(243,23%,30%);background-color:#312f4b}select::placeholder{color:#d5d4d9}select:focus-visible{outline:none}select option{background-color:#3d3b5e}button{cursor:pointer;background-color:#4455da;color:#fff;border-color:transparent;font-size:1rem;letter-spacing:.5px;padding:14px;border-radius:10px}button:disabled{background-color:#272541}@media (min-width: 1024px){button[type=submit]{max-width:120px}}button[type=submit]:hover{background-color:#2d1c9c}.toggle-button-wrapper{position:relative}.toggle-button-wrapper button{background-color:#312f4b}.toggle-button-wrapper .options{position:absolute;z-index:100;min-width:200px;right:0;top:calc(100% + 1rem);display:flex;flex-direction:column;background-color:#272541;padding:6px;border:solid 2px hsl(243,23%,30%);border-radius:10px}.toggle-button-wrapper .options fieldset{border:none;padding:6px 0;margin-block:.25rem}.toggle-button-wrapper .options fieldset:not(:first-of-type){border-top:solid 2px hsl(243,23%,30%)}.toggle-button-wrapper .options fieldset>div{display:flex;flex-direction:column}.toggle-button-wrapper .options fieldset span{font-size:.8rem;color:#aeaeb7;display:block;padding-block:.25rem;padding-left:.5rem}.toggle-button-wrapper .options fieldset input[type=radio]{position:fixed;opacity:0;pointer-events:none}.toggle-button-wrapper .options fieldset input[type=radio]~label{border-radius:6px;padding:.5rem}.toggle-button-wrapper .options fieldset input[type=radio]:checked~label{display:flex;position:relative;background-color:#312f4b}.toggle-button-wrapper .options fieldset input[type=radio]:checked~label:after{content:"";position:absolute;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='14'%20height='11'%20fill='none'%20viewBox='0%200%2014%2011'%3e%3cpath%20fill='%23fff'%20d='M11.895%201.047c.136-.137.355-.137.464%200l.793.766c.11.136.11.355%200%20.464L4.95%2010.48a.315.315%200%200%201-.465%200L.82%206.844c-.11-.137-.11-.356%200-.465l.793-.793c.11-.11.328-.11.465%200l2.625%202.652%207.192-7.191Z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:100%;width:1rem;height:100%;right:.5rem;top:0}button.has-icon{position:relative;padding-block:8px;border-radius:6px}button.has-icon.cog{padding-left:2rem}button.has-icon.cog:before{content:"";position:absolute;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='none'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='%23fff'%20d='M14.125%207.406c.031.407.031.813%200%201.188l1%20.594a.74.74%200%200%201%20.344.843c-.344%201.313-1.063%202.5-2%203.469-.25.219-.625.281-.906.125l-1-.594c-.25.188-.72.469-1.032.594v1.156a.733.733%200%200%201-.562.719A7.765%207.765%200%200%201%206%2015.5c-.313-.063-.563-.406-.563-.719v-1.156a5.54%205.54%200%200%201-1.03-.594l-1%20.594c-.282.156-.657.094-.907-.125-.938-.969-1.656-2.156-2-3.469a.74.74%200%200%201%20.344-.844l1-.593c-.032-.156-.032-.406-.032-.594%200-.156%200-.406.032-.594l-1-.562A.74.74%200%200%201%20.5%206c.344-1.313%201.063-2.5%202-3.469.25-.219.625-.281.906-.125l1%20.594c.25-.188.719-.469%201.032-.594V1.25c0-.344.218-.625.562-.719a7.766%207.766%200%200%201%203.969%200c.312.063.562.406.562.719v1.156c.313.125.781.406%201.031.594l1-.594c.282-.156.657-.094.907.125.937.969%201.656%202.156%202%203.469a.74.74%200%200%201-.344.844l-1%20.562Zm-1.656%202c.25-1.312.25-1.469%200-2.781l1.375-.781c-.188-.563-.688-1.375-1.063-1.813l-1.375.782c-.969-.844-1.125-.938-2.375-1.375V1.843C8.75%201.812%208.281%201.75%208%201.75c-.313%200-.781.063-1.063.094v1.593c-1.25.438-1.375.532-2.375%201.376L3.188%204.03c-.468.532-.812%201.157-1.062%201.813l1.375.781c-.25%201.313-.25%201.469%200%202.781l-1.375.781c.188.563.688%201.376%201.063%201.813l1.374-.781c.97.844%201.125.937%202.375%201.375v1.594c.282.03.75.093%201.063.093.281%200%20.75-.062%201.031-.094v-1.593c1.25-.438%201.375-.531%202.375-1.375l1.375.781c.375-.438.875-1.25%201.063-1.813l-1.375-.78ZM8%205c1.625%200%203%201.375%203%203%200%201.656-1.375%203-3%203a3%203%200%200%201-3-3c0-1.625%201.344-3%203-3Zm0%204.5A1.5%201.5%200%200%200%209.5%208c0-.813-.688-1.5-1.5-1.5A1.5%201.5%200%200%200%206.5%208c0%20.844.656%201.5%201.5%201.5Z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:100%;height:1rem;aspect-ratio:1/1;left:.5rem}button.has-icon.arrow-down{padding-right:2rem}button.has-icon.arrow-down:after{content:"";position:absolute;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='13'%20height='8'%20fill='none'%20viewBox='0%200%2013%208'%3e%3cpath%20fill='%23fff'%20d='M6.309%207.484%201.105%202.316c-.175-.14-.175-.421%200-.597l.704-.668a.405.405%200%200%201%20.597%200l4.219%204.148%204.184-4.148c.175-.176.457-.176.597%200l.703.668c.176.176.176.457%200%20.597L6.906%207.484a.405.405%200%200%201-.597%200Z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:90%;height:1rem;aspect-ratio:1/1;right:.5rem}.card{background-color:#312f4b;border-radius:12px;padding:1rem;display:flex;flex-direction:column}form{max-width:650px;display:flex;margin-inline:auto;flex-wrap:wrap;gap:12px}form *{flex-grow:1}html{font-family:DM Sans,Arial,sans-serif;background-color:#03012d;color:#fff;display:flex;justify-content:center;font-size:18px}body{width:100%;max-width:1220px;padding:1rem;margin:0}.weather-result{display:flex;flex-direction:column}@media (min-width: 1024px){.weather-result{flex-direction:row;gap:2rem}}.extra-details{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media (min-width: 1024px){.extra-details{grid-template-columns:repeat(4,1fr)}}.extra-details>*{display:flex;flex-direction:column;gap:.75rem}.extra-details .title{color:#aeaeb7}.extra-details .value{color:#d5d4d9;font-size:1.75rem}.main-results{background-image:url(/assets/bg-today-small-DEQrvfY6.svg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:24px;padding:2rem 1rem;margin-block:2rem;text-align:center}@media (min-width: 1024px){.main-results{background-image:url(/assets/bg-today-large-CqYszFxp.svg);flex-direction:row;text-align:left;padding:5rem 2rem}}.main-results>div{flex-grow:1}.main-results .location{font-size:1.5rem;font-weight:700}.main-results .date{margin-block:1rem;color:#d5d4d9}.main-results .summary{display:flex;justify-content:space-around;align-items:center}@media (min-width: 1024px){.main-results .summary{justify-content:end;gap:2rem}}.main-results .summary img{height:100px}.main-results .summary .temperature{font-style:italic;font-weight:700;font-size:5rem}.daily-forecast{margin-top:2rem}.daily-forecast .cards-wrapper{margin-top:1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (min-width: 1024px){.daily-forecast .cards-wrapper{grid-template-columns:repeat(7,1fr)}}.daily-forecast .cards-wrapper .card{text-align:center;padding-inline:.5rem}@media (min-width: 1024px){.daily-forecast .cards-wrapper .card{padding-inline:1rem}}.daily-forecast .cards-wrapper .card img{margin-block:.5rem;max-width:4rem;width:100%;margin:auto}.daily-forecast .cards-wrapper .card .temperatures{display:flex;justify-content:space-between}.hourly-forecast{margin-top:2rem;background-color:#272541;padding-right:0;width:min(100% - 1rem,400px)}.hourly-forecast .controls-wrapper{display:flex;justify-content:space-between;align-items:center}.hourly-forecast .scroll-wrapper{max-height:30em;overflow:auto;padding-right:1rem}@media (min-width: 1024px){.hourly-forecast .scroll-wrapper{max-height:35.25em}}.hourly-forecast .scroll-wrapper::-webkit-scrollbar-track{background:transparent;margin-block:16px}.hourly-forecast .scroll-wrapper::-webkit-scrollbar-thumb{background:#272541}.hourly-forecast .scroll-wrapper{scrollbar-width:thin;scrollbar-color:hsl(243,27%,20%)}.hourly-forecast .scroll-wrapper .cards-wrapper{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.hourly-forecast .scroll-wrapper .cards-wrapper .card{border:solid 1px hsl(243,23%,30%);background-color:#312f4b;display:flex;flex-direction:row;justify-content:space-between;padding:.5rem 1rem .5rem .5rem;border-radius:8px}.hourly-forecast .scroll-wrapper .cards-wrapper .card>div{display:flex;align-items:center}.hourly-forecast .scroll-wrapper .cards-wrapper .card .image-wrapper{width:3rem;display:flex}.hourly-forecast .scroll-wrapper .cards-wrapper .card img{width:2.5rem;margin-right:1rem}