@layer unset,global,components,conditionals,override;@layer global{@font-face{font-family:Bricolage Grotesque;font-weight:700;src:url(/assets/BricolageGrotesque-Bold-C2jlrK5H.ttf)}@font-face{font-family:DM Sans;font-style:italic;font-weight:600;src:url(/assets/DMSans-SemiBoldItalic-BOHRATwS.ttf)}@font-face{font-family:DM Sans;font-weight:300;src:url(/assets/DMSans-Light-ChpXioKr.ttf)}@font-face{font-family:DM Sans;font-weight:500;src:url(/assets/DMSans-Medium-DAepoDOk.ttf)}@font-face{font-family:DM Sans;font-weight:600;src:url(/assets/DMSans-SemiBold-nZ-L2Rm7.ttf)}@font-face{font-family:DM Sans;font-weight:700;src:url(/assets/DMSans-Bold-YaffUiOa.ttf)}@keyframes icon-loading{0%{rotate:0deg}to{rotate:360deg}}:root{--color-orange: 28, 100%, 52%;--color-blue-light: 233, 67%, 56%;--color-blue-dark: 248, 70%, 36%;--color-neutral-1: 0, 0%, 100%;--color-neutral-2: 250, 6%, 84%;--color-neutral-3: 240, 6%, 70%;--color-neutral-4: 243, 23%, 30%;--color-neutral-5: 243, 23%, 24%;--color-neutral-6: 243, 27%, 20%;--color-neutral-7: 243, 96%, 9%;--radius-1: 4px;--radius-2: 6px;--radius-3: 8px;--radius-4: 10px;--radius-5: 12px;--radius-6: 16px;--radius-7: 20px;--radius-8: 24px;--spacing-1: 2px;--spacing-2: 4px;--spacing-3: 6px;--spacing-4: 8px;--spacing-5: 10px;--spacing-6: 12px;--spacing-7: 16px;--spacing-8: 20px;--spacing-9: 24px;--spacing-10: 32px;--spacing-11: 40px;--spacing-12: 48px;--spacing-13: 64px;--spacing-14: 80px;--spacing-15: 96px;--spacing-16: 112px;--spacing-17: 128px;--spacing-18: 140px;--text-preset-1: 600 italic 6rem / 1 "DM Sans";--text-preset-2: 700 3.25rem / 1.2 "Bricolage Grotesque";--text-preset-3: 300 2rem / 1 "DM Sans";--text-preset-4: 700 1.75rem / 1.2 "DM Sans";--text-preset-5: 600 1.25rem / 1.2 "DM Sans";--text-preset-6: 500 1.25rem / 1.2 "DM Sans";--text-preset-7: 500 1.125rem / 1.2 "DM Sans";--text-preset-8: 500 1rem / 1.2 "DM Sans";--text-preset-9: 500 .875rem / 1.2 "DM Sans"}select:not([multiple]):is(:not([size]),[size="1"]){align-items:center;appearance:base-select;background:hsl(var(--color-neutral-4));border-radius:var(--radius-3);cursor:default;display:flex;font:var(--text-preset-8);gap:var(--spacing-6);height:2.25rem;justify-content:space-between;padding-inline:var(--spacing-7);transition:filter .15s;-webkit-user-select:none;user-select:none}select:not([multiple]):is(:not([size]),[size="1"]):hover,select:not([multiple]):is(:not([size]),[size="1"]):open{filter:brightness(1.2)}select:not([multiple]):is(:not([size]),[size="1"])::picker-icon{content: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")}select:not([multiple]):is(:not([size]),[size="1"]):open::picker-icon{rotate:180deg}select:not([multiple]):is(:not([size]),[size="1"])::picker(select){appearance:base-select;background:hsl(var(--color-neutral-6));border:1px solid hsl(var(--color-neutral-4));border-radius:var(--radius-5);display:grid;gap:var(--spacing-2);margin-block:var(--spacing-5);padding:var(--spacing-4)}select:not([multiple]):is(:not([size]),[size="1"]):not(:open)::picker(select){display:none!important}select:not([multiple]):is(:not([size]),[size="1"])>option{border-radius:var(--radius-3);height:2.5rem;padding-inline:var(--spacing-4)}select:not([multiple]):is(:not([size]),[size="1"])>option:hover,select:not([multiple]):is(:not([size]),[size="1"])>option:focus-visible{background:hsl(var(--color-neutral-5))}[role=listbox]{cursor:default;-webkit-user-select:none;user-select:none}[role=menu]{background-color:hsl(var(--color-neutral-6));border:1px solid hsl(var(--color-neutral-4));border-radius:var(--radius-5);box-sizing:border-box;color:hsl(var(--color-neutral-1));cursor:default;display:grid;font:var(--text-preset-8);gap:var(--spacing-2);max-width:13.375rem;padding:var(--spacing-4);-webkit-user-select:none;user-select:none;width:calc(100vw - (2 * var(--spacing-5)))}[role=menu] [role=separator]{border-top:1px solid hsl(var(--color-neutral-4))}[role=menu] [role=group][aria-labelledby] :first-child{color:hsl(var(--color-neutral-3));font:var(--text-preset-9);margin-block:var(--spacing-4);padding-inline:var(--spacing-4)}[role=menuitem]{align-content:center}[role=menuitemradio],[role=menuitemcheckbox]{align-items:center;display:flex;gap:var(--spacing-5);justify-content:space-between}:is([role=menuitemradio],[role=menuitemcheckbox]).checked:after{content: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")}[role=menuitem],[role=menuitemradio],[role=menuitemcheckbox]{border-radius:var(--radius-3);height:2.5rem;outline:unset;padding-inline:var(--spacing-4)}:is([role=menuitem],[role=menuitemradio],[role=menuitemcheckbox]):hover,:is([role=menuitem],[role=menuitemradio],[role=menuitemcheckbox]):focus-visible{background:hsl(var(--color-neutral-5))}svg{fill:currentColor;vertical-align:middle}:has(>.visually-hidden){position:relative}}@layer components{:root{background:hsl(var(--color-neutral-7));color:hsl(var(--color-neutral-1));scrollbar-color:hsl(var(--color-neutral-4)) transparent;scrollbar-gutter:stable}body{margin:auto;max-width:1340px;padding:var(--spacing-12)}main{display:grid;gap:var(--spacing-12);margin-inline:auto}#banner{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-13);-webkit-user-select:none;user-select:none}@scope (&){#banner button{align-items:center;anchor-name:--menu-units;background:hsl(var(--color-neutral-6));border-radius:var(--radius-3);display:flex;font:var(--text-preset-8);gap:var(--spacing-5);height:2.625rem;padding-inline:var(--spacing-7);transition:background .15s}#banner button:hover,#banner button:has(+[role=menu]:popover-open){background:hsl(var(--color-neutral-5))}#banner button:has(+[role=menu]:popover-open) .icon-chevron{rotate:180deg}#banner [role=menu]{position-anchor:--menu-units;position-area:bottom span-left;top:var(--spacing-4)}}#search{display:grid;gap:var(--spacing-13);font:var(--text-preset-6);justify-self:center;-webkit-user-select:none;user-select:none}@scope (&){#search .title{font:var(--text-preset-2);text-align:center}#search form{color:hsl(var(--color-neutral-2));display:grid;gap:var(--spacing-7);grid:auto / 1fr auto;height:3.5rem;justify-self:center;max-width:41rem;width:100%}#search button.clear{align-self:center;place-self:center end;position:absolute;position-anchor:--input-search;position-area:center;translate:calc(-1 * var(--spacing-9))}input[name=location]:placeholder-shown~:is(#search button.clear){display:none}#search button[type=submit]{background:hsl(var(--color-blue-light));border-radius:var(--radius-5);padding-inline:var(--spacing-9);transition:background .15s}#search button[type=submit]:hover{background:hsl(var(--color-blue-dark))}#search svg.icon-search{aspect-ratio:1;height:1.25rem;inset:0;place-self:center start;pointer-events:none;position:absolute;position-area:center;position-anchor:--input-search;translate:var(--spacing-9)}#search [role=combobox]{anchor-name:--input-search;background:hsl(var(--color-neutral-6));border-radius:var(--radius-5);box-sizing:border-box;min-width:0;padding-inline:calc(var(--spacing-9) + 1.25rem + var(--spacing-7)) calc(var(--spacing-9) + 1.5rem + var(--spacing-7))}#search [role=listbox]{background:hsl(var(--color-neutral-6));border-radius:var(--radius-5);box-sizing:border-box;color:hsl(var(--color-neutral-1));display:grid;font:var(--text-preset-8);inset-block:var(--spacing-5);max-height:calc(100% - 2 * var(--spacing-5));overflow:auto;padding:var(--spacing-4);position:fixed;position-anchor:--input-search;position-area:bottom center;scroll-padding:var(--spacing-4);scrollbar-color:hsl(var(--color-neutral-4)) transparent;scrollbar-width:thin;width:100%}#search [role=listbox] [role=option]{align-content:center;border-radius:var(--radius-3);padding:var(--spacing-5) var(--spacing-4)}#search [role=listbox] [role=option]:hover,#search [role=listbox] [role=option][data-active]{background:hsl(var(--color-neutral-5))}}#view{display:grid;gap:var(--spacing-10);grid:"details hourly" 1fr "daily   hourly" / 1fr}@scope (&){#view [role=region].details{container:details / inline-size;cursor:default;display:grid;gap:var(--spacing-10);grid:1fr auto / auto;grid-area:details;scroll-margin:var(--spacing-7);-webkit-user-select:none;user-select:none}#view [role=region].details div.overview{anchor-name:--details;background:url(/assets/bg-today-large-CqYszFxp.svg) center / cover;border-radius:var(--radius-7);box-sizing:border-box;display:grid;font:var(--text-preset-7);gap:var(--spacing-6);grid:"location weather" "date     weather" / 1fr auto;padding:var(--spacing-9)}@media(max-width:820px){#view [role=region].details div.overview{grid:"location" "date" "weather"}#view [role=region].details div.overview p.location,#view [role=region].details div.overview p.date{place-self:center;text-align:center}}#view [role=region].details div.weather{align-items:center;display:flex;gap:var(--spacing-6);grid-area:weather;place-self:center}#view [role=region].details p.location{font:var(--text-preset-4);grid-area:location;place-self:end start;outline:unset}#view [role=region].details p.date{grid-area:date;opacity:.8;place-self:start}#view [role=region].details p.temperature{font:var(--text-preset-1)}#view [role=region].details dl{display:flex;flex-flow:wrap;gap:var(--spacing-9)}@container details (width < 684px){#view [role=region].details dl{justify-content:center}}#view [role=region].details dl>div{align-content:space-between;background:hsl(var(--color-neutral-6));border:1px solid hsl(var(--color-neutral-4));border-radius:var(--radius-5);box-sizing:border-box;display:grid;flex:1;height:7.375rem;justify-items:start;padding:var(--spacing-8)}@container details (max-width: 448px){#view [role=region].details dl>div{width:calc((100% - var(--spacing-9)) / 2)!important}}#view [role=region].details dt{color:hsl(var(--color-neutral-2));font:var(--text-preset-7);width:max-content}#view [role=region].details dd{font:var(--text-preset-3)}#view [role=region].details img.condition{aspect-ratio:1;height:7.5rem}#view [role=region].daily{cursor:default;display:grid;gap:var(--spacing-8);grid-area:daily;-webkit-user-select:none;user-select:none}#view [role=region].daily .title{font:var(--text-preset-5);width:max-content}#view [role=region].daily ul{display:flex;gap:var(--spacing-7)}#view [role=region].daily ul>li{background:hsl(var(--color-neutral-6));border:1px solid hsl(var(--color-neutral-4));border-radius:var(--radius-5);box-sizing:border-box;column-gap:var(--spacing-7);display:grid;flex:1;font:var(--text-preset-8);grid:"day       day" "condition condition" 1fr "maximum   minimum";height:10.3125rem;justify-items:center;padding:var(--spacing-7)}#view [role=region].daily p.day{font:var(--text-preset-7);grid-area:day}#view [role=region].daily img.condition{align-self:center;aspect-ratio:1;grid-area:condition;height:3.75rem}#view [role=region].daily p.maximum{grid-area:maximum;justify-self:start}#view [role=region].daily p.minimum{color:hsl(var(--color-neutral-2));grid-area:minimum;justify-self:end}#view [role=region].hourly{background:hsl(var(--color-neutral-6));border-radius:var(--radius-7);box-sizing:border-box;cursor:default;display:grid;gap:var(--spacing-7);grid:auto 1fr / 1fr auto;grid-area:hourly;height:43rem;padding:var(--spacing-9);-webkit-user-select:none;user-select:none;width:24rem}#view [role=region].hourly .title{align-self:center;font:var(--text-preset-5);width:max-content}#view [role=region].hourly select{justify-content:center}#view [role=region].hourly select::picker(select){position-area:bottom span-left}#view [role=region].hourly ul{border-radius:var(--radius-3);display:grid;gap:var(--spacing-7);grid-column:span 2;overflow:auto;scrollbar-width:thin}#view [role=region].hourly ul>li{align-items:center;background:hsl(var(--color-neutral-5));border:1px solid hsl(var(--color-neutral-4));border-radius:inherit;box-sizing:border-box;display:grid;gap:var(--spacing-4);grid:"condition hour temperature" / auto 1fr auto;height:3.75rem;padding-inline:var(--spacing-7)}#view [role=region].hourly p.hour{font:var(--text-preset-6);grid-area:hour;justify-self:start}#view [role=region].hourly img.condition{aspect-ratio:1;grid-area:condition;height:2.5rem;justify-self:start}#view [role=region].hourly p.temperature{font:var(--text-preset-8);grid-area:temperature}#view [role=alert]{font:var(--text-preset-4);grid-area:1 / 1 / -1 / -1;opacity:0;place-self:center;pointer-events:none;text-align:center;-webkit-user-select:none;user-select:none}#view [role=alert]:not(:empty){opacity:1}#view [role=status].loading{background:hsl(var(--color-neutral-6));border-radius:var(--radius-7);box-shadow:0 0 0 1px hsl(var(--color-neutral-7));color:hsl(var(--color-neutral-2));cursor:default;display:grid;font:var(--text-preset-7);gap:var(--spacing-6);inset:anchor(inside);opacity:0;padding:var(--spacing-9);place-content:center;pointer-events:none;position:fixed;position-anchor:--details;-webkit-user-select:none;user-select:none}#view [role=status].loading:not(:empty){opacity:1}#view [role=status].loading:not(:empty):before{animation:icon-loading 1s steps(8) infinite;aspect-ratio:1;background: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='M9.25%201.5c0%20.719-.563%201.25-1.25%201.25-.719%200-1.25-.531-1.25-1.25C6.75.812%207.281.25%208%20.25c.688%200%201.25.563%201.25%201.25ZM8%2013.25c.688%200%201.25.563%201.25%201.25%200%20.719-.563%201.25-1.25%201.25-.719%200-1.25-.531-1.25-1.25%200-.688.531-1.25%201.25-1.25ZM15.75%208c0%20.719-.563%201.25-1.25%201.25-.719%200-1.25-.531-1.25-1.25%200-.688.531-1.25%201.25-1.25.688%200%201.25.563%201.25%201.25Zm-13%200c0%20.719-.563%201.25-1.25%201.25C.781%209.25.25%208.719.25%208c0-.688.531-1.25%201.25-1.25.688%200%201.25.563%201.25%201.25Zm.625-5.844c.719%200%201.25.563%201.25%201.25%200%20.719-.531%201.25-1.25%201.25-.688%200-1.25-.531-1.25-1.25%200-.687.563-1.25%201.25-1.25Zm9.219%209.219c.687%200%201.25.531%201.25%201.25%200%20.688-.563%201.25-1.25%201.25-.719%200-1.25-.563-1.25-1.25%200-.719.531-1.25%201.25-1.25Zm-9.219%200c.719%200%201.25.531%201.25%201.25%200%20.688-.531%201.25-1.25%201.25-.688%200-1.25-.563-1.25-1.25%200-.719.563-1.25%201.25-1.25Z'/%3e%3c/svg%3e") center / cover;content:"";height:3rem;justify-self:center}}#error{align-items:center;flex-flow:column;gap:var(--spacing-9);justify-content:center}#error:not([hidden]){display:flex}#error:before{aspect-ratio:1;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='18'%20height='18'%20fill='none'%20viewBox='0%200%2018%2018'%3e%3cpath%20fill='%23ACACB7'%20d='M9%20.531c4.781%200%208.719%203.938%208.719%208.719%200%204.816-3.938%208.719-8.719%208.719A8.717%208.717%200%200%201%20.281%209.25C.281%204.469%204.184.531%209%20.531Zm4.957%203.762c-2.566-2.566-6.574-2.707-9.316-.563l9.879%209.88c2.144-2.743%202.003-6.75-.563-9.317Zm-9.95%209.95c2.567%202.566%206.575%202.706%209.317.562l-9.879-9.88c-2.144%202.743-2.004%206.75.563%209.317Z'/%3e%3c/svg%3e") center / cover;content:"";width:42px}#error strong{color:hsl(var(--color-neutral-1));font:var(--text-preset-2);width:fit-content}p:has(>:is(#error strong)){outline:unset;text-align:center}#error p:last-of-type{color:hsl(var(--color-neutral-2));font:var(--text-preset-6);max-width:32rem;text-align:center}#error button{align-items:center;background:hsl(var(--color-neutral-6));border-radius:var(--radius-3);display:flex;font:var(--text-preset-8);gap:var(--spacing-5);height:2.625rem;padding-inline:var(--spacing-7);transition:background .15s}#error button:hover{background:hsl(var(--color-neutral-5))}}@layer conditionals{@media(max-width:1436px){body{max-width:920px}#view{grid:"details" "daily" "hourly"}[role=region].details div.overview{min-height:18rem}[role=region].details dl>div{flex:none;width:calc((920px - 3 * var(--spacing-9)) / 4)}[role=region].daily ul{flex-flow:wrap}[role=region].daily ul>li{flex:none;width:calc((920px - 6 * var(--spacing-7)) / 7)}[role=region].hourly{width:100%}}@media(max-width:600px){body{padding:var(--spacing-7)}#search form{grid:repeat(2,3.5rem) / auto;height:unset}[role=region].daily ul{display:grid;grid-template-columns:repeat(auto-fit,calc((920px - 6 * var(--spacing-7)) / 7));justify-content:center}}@media(max-width:500px){[role=region].details p.date{font-size:1rem}[role=region].details img.condition{height:5rem}[role=region].details p.temperature{font-size:4rem}[role=region].details dl{justify-items:center}}@media(max-width:400px){header#banner img.logo{height:2rem}[role=region].details dt{font-size:.9rem}[role=region].details dd{font-size:1.5rem}[role=region].hourly{grid:auto auto 1fr / auto}[role=region].hourly ul{grid-column:unset}}}@layer override{[hidden]{display:none}[popover]:not(:popover-open){display:none}.contents{display:contents}.visually-hidden{clip-path:inset(50%);height:1px;inset:0;overflow:clip;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap;width:1px}}@layer unset{h1,h2,h3,h4,h5,h6,p{margin:unset}ol,ul,menu{margin:unset;padding:unset}dl,dt,dd{margin:unset}button{background:unset;border:unset;color:unset;font:unset;padding:unset}input{background:unset;border:unset;color:unset;font:unset;padding:unset}input::placeholder{color:unset;font:unset}select{border:unset;color:unset;font:unset;padding:unset}select::picker-icon{margin:unset}select::picker(select){color:unset}option{color:unset;font:unset;outline:unset}option::checkmark{content:unset}[popover]{border:unset;color:unset;margin:unset}}