@layer base;:root{--ui-font-family: system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, "Helvetica Neue", sans-serif;--ui-font-family-monospace: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--ui-border-radius: .25rem;--ui-surface: #ffffff;--ui-background-0: #f8f1f6;--ui-background-1: #e8e0e8;--ui-background-3: #e5e7eb;--ui-primary: #9f86ff;--ui-secondary: #cbbeff;--ui-hover: rgb(220, 218, 245);--ui-primary-text: #0c4047;--ui-skim: rgba(23, 23, 23, .5);--ui-card-border: rgba(23, 23, 23, .05);--ui-txt: #333;--ui-link-txt: #0172ad;--ui-transition: .2s ease-in-out;--ui-icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--ui-icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E")}@media only screen and (prefers-color-scheme: dark){:root{--ui-surface: #000;--ui-background-0: rgb(28, 27, 29);--ui-background-1: rgb(33, 31, 33);--ui-txt: #f0f1f3;--ui-link-txt: #01aaff;--ui-primary: rgb(103, 80, 164);--ui-secondary: rgba(103, 80, 164, .6);--ui-hover: rgba(103, 80, 164, .2);--ui-primary-text: #79c0ff}}@layer base{*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}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}#root,#__next{isolation:isolate}}a{color:var(--ui-link-txt)}body{font-family:var(--ui-font-family);background-color:var(--ui-background-0);position:relative;color:var(--ui-txt)}h1,h2,h3,h4,h5,h6{color:var(--ui-primary-text)}article{border-radius:1em;background-color:var(--ui-surface);padding:1em;box-shadow:0 0 0 1px var(--ui-card-border)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--ui-skim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:0;box-sizing:unset}.modal>article{max-width:800px;margin-inline:auto;margin-top:20%}.list{display:flex;flex-direction:row;justify-content:space-around}.pad{padding:1em}.show-only-sm{display:block}.show-only-lg{display:none}@media (min-width: 1120px){.show-only-sm{display:none}.show-only-lg{display:block}}.inline-svg{width:1.2em;height:1.2em;margin-inline:.5em;color:var(--ui-txt)}._loader-circle_l5s4i_1{width:40px;height:40px;border:3px solid #ff9900;border-radius:50%;border-top-color:transparent;animation:_rotate_l5s4i_1 1s infinite linear}@keyframes _rotate_l5s4i_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._location-loader_15ntx_1{display:grid}._location-loader_15ntx_1>div{grid-column:1;grid-row:1;width:unset;height:unset}._location-loader_15ntx_1>svg{grid-column:1;grid-row:1;padding:.25em;width:3em;height:3em}.sun{width:2.5em;height:2.5em;background:#fdda3f;border-radius:50%;position:relative;transform:scale(1);animation:pulse 2s infinite}.cloud{width:1em;height:1em;background:#e9e9e9;border-radius:0% 20% 20% 0%;position:relative}.cloud.animated{transform:translate(0);animation:shake 4s infinite linear}.cloud.with-shadow .shadow{position:absolute;z-index:10;width:50px;left:0;height:35px;top:-2px}.cloud.with-shadow:before{z-index:15;border-right:2px solid rgba(208,208,208,.1)}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit!important}.cloud:before{width:150%;height:150%;background:tomato;bottom:0;left:-75%}.cloud:after{width:100%;height:100%;background:orange;right:-30%}.rain-drop{width:1em;height:1em;background:#01e5ff;border-radius:50%;position:relative}.rain-drop:after{content:"";position:absolute;top:-10%;left:50%;width:50%;height:50%;border-radius:2px;background:inherit;transform:translate(-50%) rotate(45deg)}.lightning{width:0px;height:1em;position:relative}.lightning:before,.lightning:after{content:"";position:absolute;height:0;width:0;border-right:1.5em solid transparent;border-bottom:2em solid transparent;border-top:2em solid #ffae46;border-left:1.5em solid #ffae46}.lightning:before{transform:rotate(180deg);top:-2.8em;left:-2.2em}.moon{width:2.5em;height:2.5em;position:relative}.moon .moon-color{background-color:#cadcfc;width:100%;height:100%;position:relative;border-radius:50%;overflow:hidden}.moon .moon-mask{position:absolute;top:-25%;left:45%;width:100%;height:100%;border-radius:50%;background:var(--ui-background-0)}.snowflake{height:1em;width:.2em;background:#bebebe;position:relative}.snowflake:before,.snowflake:after{content:"";position:absolute;width:inherit;height:inherit;background:inherit;left:0}.snowflake:before{transform:rotate(60deg)}.snowflake:after{transform:rotate(-60deg)}.mist{width:2.5em;height:2.5em;clip-path:inset(0 15px 0 10px)}.mist .mist-line{position:relative;$cnt: 0px;@for $i from 1 through 5{&:nth-child(#{$i}) {top: -($cnt);} $cnt: $cnt + .3rem;}}.mist .mist-line:after{content:"";display:table;clear:both}.mist .mist-line>div{width:1.625rem;height:1rem;border-radius:50%;float:left;border:.3rem solid #e3e3e3;margin-left:-7px}.mist .mist-line>div:nth-child(2n){clip-path:inset(0 0 50% 0);margin-top:4px}.mist .mist-line>div:nth-child(odd){clip-path:inset(50% 0 0 0)}.rain-drop-animated{animation:drop 1s infinite}.snowflakes-animated{animation:drop 2s infinite}.icon-container{width:3em;height:3em;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.icon-container.mostly-sunny .cloud{transform:scale(.7);position:absolute;bottom:10%;left:12%;background-color:#fff}.icon-container.partly-cloudy .cloud{position:absolute;bottom:10%;background-color:#fff}.icon-container.mostly-cloudy .cloud,.icon-container.cloudy .cloud{transform:scale(1.2) translate(4px) translateY(5px)}.icon-container.mostly-cloudy .sun-container,.icon-container.cloudy .sun-container{transform:scale(.4);position:absolute;top:-6%;left:30%}.icon-container.rain .cloud,.icon-container.thunder .cloud,.icon-container.snowy .cloud,.icon-container.shower .cloud{transform:scale(1.2) translate(4px)}.icon-container.rain .snowflakes-container,.icon-container.thunder .snowflakes-container,.icon-container.snowy .snowflakes-container,.icon-container.shower .snowflakes-container{position:absolute}.icon-container.rain .snowflakes-container .snowflake,.icon-container.thunder .snowflakes-container .snowflake,.icon-container.snowy .snowflakes-container .snowflake,.icon-container.shower .snowflakes-container .snowflake{transform:scale(.8)}.icon-container.rain .snowflakes-container:first-child,.icon-container.thunder .snowflakes-container:first-child,.icon-container.snowy .snowflakes-container:first-child,.icon-container.shower .snowflakes-container:first-child{top:2.2em;left:20%}.icon-container.rain .snowflakes-container:nth-child(2),.icon-container.thunder .snowflakes-container:nth-child(2),.icon-container.snowy .snowflakes-container:nth-child(2),.icon-container.shower .snowflakes-container:nth-child(2){top:2em;left:55%;animation-delay:.2s}.icon-container.rain .rain-drop-container,.icon-container.thunder .rain-drop-container,.icon-container.snowy .rain-drop-container,.icon-container.shower .rain-drop-container{position:absolute}.icon-container.rain .rain-drop-container .rain-drop,.icon-container.thunder .rain-drop-container .rain-drop,.icon-container.snowy .rain-drop-container .rain-drop,.icon-container.shower .rain-drop-container .rain-drop{transform:scale(.25)}.icon-container.rain .rain-drop-container:first-child,.icon-container.thunder .rain-drop-container:first-child,.icon-container.snowy .rain-drop-container:first-child,.icon-container.shower .rain-drop-container:first-child{top:1.5em;left:15%}.icon-container.rain .rain-drop-container:nth-child(2),.icon-container.thunder .rain-drop-container:nth-child(2),.icon-container.snowy .rain-drop-container:nth-child(2),.icon-container.shower .rain-drop-container:nth-child(2){top:1.8em;left:33%;animation-delay:.3s}.icon-container.rain .rain-drop-container:nth-child(3),.icon-container.thunder .rain-drop-container:nth-child(3),.icon-container.snowy .rain-drop-container:nth-child(3),.icon-container.shower .rain-drop-container:nth-child(3){top:1.5em;left:55%;animation-delay:.6s}.icon-container.shower .sun-container{transform:scale(.4);position:absolute;top:-12%;left:30%}.icon-container.thunder .lightning{transform:scale(.2);left:-.5em;top:.5em;opacity:0;animation:flash 4s infinite}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(10px)}75%{transform:translate(-10px)}to{transform:translate(0)}}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #ffda3fb3}70%{transform:scale(1);box-shadow:0 0 0 10px #ffda3f00}to{transform:scale(.95);box-shadow:0 0 #ffda3f00}}@keyframes drop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(5px)}}@keyframes flash{0%{opacity:0}20%{opacity:1}25%{opacity:0}30%{opacity:1}60%{opacity:0}to{opacity:0}}.grid-item{display:flex;gap:1em}.grid-item.align-items{align-items:center}.grid-item-day{width:52px}.grid-item-day.text-align-end{text-align:end}.grid-item-icon{width:50px}.grid-item-range{flex:1;display:flex}.timeline{width:1em;height:inherit}.grid-item:first-of-type .timeline{border-top-left-radius:var(--ui-border-radius);border-top-right-radius:var(--ui-border-radius)}.grid-item:last-of-type .timeline{border-bottom-left-radius:var(--ui-border-radius);border-bottom-right-radius:var(--ui-border-radius)}.grid-item-card{background-color:var(--ui-primary);border-radius:.8em;padding-inline:.5em;padding-block:.2em;display:flex;flex-direction:row;justify-content:space-between}.grid-item-status{width:100px;text-wrap:nowrap;overflow:hidden}.timeline-sun{background-color:gold}.timeline-almost-sun{background-color:#f9e79f}.timeline-clear{background-color:#191970}.timeline-cloudy{background-color:#c4c4c4}.timeline-light-rain{background-color:#8eacbb}.timeline-rain{background-color:#4a6f8a}.timeline-overcast{background-color:#8c9ba5}.timeline-partial-sunny{background-color:#e6d7a1}.timeline-snow{background-color:#fff}.timeline-thunder{background-color:#3a3a45}.detail-item{display:flex;flex-direction:column;border-radius:1em;padding:1em;background-color:var(--ui-background-0);align-items:center;text-align:center;max-width:8rem}.detail-item .detail-value{font-size:1.5rem;font-weight:700}@media (min-width: 1120px){.detail-item .detail-value{font-size:2rem}}.now-card{background-color:unset;box-shadow:unset;padding:unset}.now-card .main{display:flex;flex-direction:row;justify-content:space-between}.now-card .main .primary{display:flex;flex-direction:row;font-size:3em;font-weight:700;font-family:var(--ui-font-family-monospace);color:var(--ui-primary-text)}.now-card .main .secondary{text-align:end;line-height:normal;display:flex;flex-direction:column;gap:1em}.now-card .main .secondary div:first-child{color:var(--ui-primary-text)}@media (min-width: 1120px){.now-card .main .secondary{padding-right:3em}}.chart-container{min-width:100%;min-height:200px}.location-forecast{display:grid;gap:1em;align-items:center;grid-template-areas:"header" "now" "hourly" "daily" "details" "rain";min-width:0;width:100%;max-width:1024px}.location-forecast .header{background-color:var(--ui-background-1);border-radius:1em;padding-inline:3em;padding-block:.5em;background-image:var(--ui-icon-search);background-size:2em auto;background-repeat:no-repeat;background-position:center left;background-position-x:.5em;cursor:pointer;display:flex;flex-direction:row;gap:1em;align-items:center}.location-forecast .now-card{grid-area:now}.location-forecast .hourly-card{grid-area:hourly;min-width:0}.location-forecast .daily-card{grid-area:daily}.location-forecast .rain-card{grid-area:rain}.location-forecast .header{grid-area:header}.location-forecast .details-card{grid-area:details}.location-forecast .empty{display:flex;flex:1;width:90vw;height:90vh;align-items:center;justify-content:center;font-size:2em}@media (min-width: 780px){.location-forecast{grid-template-columns:1fr 1fr;grid-template-areas:"header header" "now   hourly" "daily hourly" "daily details" "rain  rain"}}@media (min-width: 1120px){.location-forecast{margin-inline:auto}.location-forecast .header{background-color:unset;border-radius:unset;padding-inline:unset;padding-block:unset;background-image:unset;cursor:unset}.location-forecast .empty{width:70vw;height:70vh}}.location-context{display:flex;flex-direction:column;gap:1em;justify-content:center;align-items:center;flex:1;height:100%}.location-context>:first-child{width:3em;height:3em;border-width:.2em}.location-context>div{font-size:2em}._search-btn_14lux_1{background-color:var(--ui-primary);border-radius:1em;padding-block:.5em;padding-inline-start:1em;padding-inline-end:1em;text-align:start;border:none;height:56px;cursor:pointer;transition:box-shadow .2s linear;display:flex;align-items:center;gap:.5em}._search-btn_14lux_1 img{width:1.2em;height:1.2em;font-weight:700}._search-btn_14lux_1:hover{box-shadow:0 1px 2px #00000080,#00000080 0 1px 3px 1px}.error-content,.welcome-content{display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center;gap:2em}.welcome-content>h1{line-height:normal;text-align:center}.welcome-description{text-align:center;max-width:800px}nav{padding-top:2em;background-color:var(--ui-background-1);position:absolute;height:100vh;width:100%;display:flex;flex-direction:column;padding-inline:1em;gap:.5em;z-index:1;transform:translate(-100%);transition:transform var(--ui-transition)}nav.active{display:flex;transform:translate(0)}nav .button{display:flex;align-items:center;height:44px;padding-inline:1em;border-radius:2em;cursor:pointer}nav .button.selected{background-color:var(--ui-secondary)}nav .button:hover{background-color:var(--ui-hover)}nav .button:hover.selected{background-color:var(--ui-secondary)}.layout{height:100vh;display:flex}.layout>main{flex:1}@media (min-width: 1120px){.layout{display:flex}main{width:100%}nav{position:initial;display:flex;width:14em;border-top-right-radius:1em;border-bottom-right-radius:1em;transform:translate(0)}}._search-box_1k4n8_1{padding-block:2em;display:flex;flex-direction:column;gap:1em;width:100%}._search-box_1k4n8_1 ._search-box-results_1k4n8_8 ul{list-style-type:none;list-style-position:unset}._search-box_1k4n8_1 ._search-box-results_1k4n8_8 li{display:flex;height:44px;padding-inline:1em;border-radius:2em;align-items:center;color:var(--ui-txt)}._search-box_1k4n8_1 ._search-box-results_1k4n8_8 li:hover{background-color:var(--ui-hover);cursor:pointer}._search-box_1k4n8_1>input{width:100%;border-color:transparent;padding-inline:1em;padding-block:.5em;font-size:1.5em;line-height:2em;font-weight:500;box-sizing:border-box}._large_1k4n8_39>input{border-radius:2em}._search-box_1k4n8_1>input:focus{outline:2px solid black}.search-box-large{display:none}.search-box-small{display:flex;flex-direction:column;align-items:end}.search-box-small .close-button{display:block;border:none;width:2em;height:2em;background-image:var(--ui-icon-close);background-position:center;background-size:auto 2em;background-repeat:no-repeat;background-color:transparent;cursor:pointer;opacity:.2;transition:opacity .5s linear}.search-box-small .close-button:hover{opacity:1}@media (min-width: 1120px){.search-box-small{display:none}.search-box-large{display:flex}}