:root{--font-mono:var(--font-monospace-code);--font-sans:var(--font-system-ui);--font-monospace-code:Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,Cascadia Code,Menlo,Consolas,DejaVu Sans Mono,monospace;--font-system-ui:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--shadow-4:0 -2px 5px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 2px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 9px 9px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 16px 16px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%));--red-8:#e03131;--lime-10:#4c7a0b;--indigo-11:#283a94;--pink-8:#c2255c;--gray-1:#f1f3f5;--gray-11:#0d0f12;--yellow-5:#fcc419;--shadow-color:220 3% 15%;--shadow-strength:1%;--inner-shadow-3:inset 0 2px 8px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-highlight:inset 0 -.5px 0 0 #fff,inset 0 .5px 0 0 rgba(0,0,0,.067)}/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:after,:before{box-sizing:border-box}html{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body,html{height:100%;margin:0;padding:0}hr{color:inherit;height:0}abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}.visually-hidden,.visually-hidden-until-focused:not(:focus){border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}ol[role=list],ul[role=list]{list-style:none}a:focus,button:focus,input:focus,summary:focus{outline:2px dotted currentColor}@supports selector(:focus-visible){a:active,a:focus,a:hover,button:active,button:focus,button:hover,input:active,input:focus,input:hover,summary:active,summary:focus,summary:hover{outline:0}a:focus-visible{outline:var(--outline-width,3px) var(--outline-style,solid) var(--outline-color,currentColor);outline-offset:var(--outline-offset,3px)}button:focus-visible{outline:var(--outline-width,3px) var(--outline-style,solid) var(--outline-color,currentColor);outline-offset:var(--outline-offset,3px)}input:focus-visible{outline:var(--outline-width,3px) var(--outline-style,solid) var(--outline-color,currentColor);outline-offset:var(--outline-offset,3px)}summary:focus-visible{outline:var(--outline-width,3px) var(--outline-style,solid) var(--outline-color,currentColor);outline-offset:var(--outline-offset,3px)}}.button,button,input[type=button],input[type=reset],input[type=submit]{background-color:var(--button-background-color);border:1px solid;border-color:var(--button-border-color);border-radius:var(--border-radius-m);box-shadow:var(--shadow-4);color:var(--button-color);cursor:pointer;font-weight:700;padding:.6em 1em .4em}button:not(.does-not-exist):where(a){-webkit-text-decoration:none;text-decoration:none}.button:not(does-not-exist):where(a){-webkit-text-decoration:none;text-decoration:none}input[type=button]:where(a){-webkit-text-decoration:none;text-decoration:none}input[type=reset]:where(a){-webkit-text-decoration:none;text-decoration:none}input[type=submit]:where(a){-webkit-text-decoration:none;text-decoration:none}button:not(.does-not-exist):focus-visible{background-color:var(--button-background-active,var(--button-color));border-color:var(--button-border-color-active,var(--button-border-color));color:var(--button-color-active,var(--button-background-color))}.button:not(does-not-exist):focus-visible{background-color:var(--button-background-active,var(--button-color));border-color:var(--button-border-color-active,var(--button-border-color));color:var(--button-color-active,var(--button-background-color))}input[type=button]:focus-visible{background-color:var(--button-background-active,var(--button-color));border-color:var(--button-border-color-active,var(--button-border-color));color:var(--button-color-active,var(--button-background-color))}input[type=reset]:focus-visible{background-color:var(--button-background-active,var(--button-color));border-color:var(--button-border-color-active,var(--button-border-color));color:var(--button-color-active,var(--button-background-color))}input[type=submit]:focus-visible{background-color:var(--button-background-active,var(--button-color));border-color:var(--button-border-color-active,var(--button-border-color));color:var(--button-color-active,var(--button-background-color))}.button:not(does-not-exist):hover,button:not(.does-not-exist):hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{background-color:var(--button-background-active,var(--button-color));border-color:var(--button-border-color-active,var(--button-border-color));color:var(--button-color-active,var(--button-background-color))}.button:not(does-not-exist):active,button:not(.does-not-exist):active,input[type=button]:active,input[type=reset]:active,input[type=submit]:active{box-shadow:var(--inner-shadow-3)}button:not(.does-not-exist):where(.button--ghost){background-color:transparent;color:var(--button-border-color)}.button:not(does-not-exist):where(.button--ghost){background-color:transparent;color:var(--button-border-color)}input[type=button]:where(.button--ghost){background-color:transparent;color:var(--button-border-color)}input[type=reset]:where(.button--ghost){background-color:transparent;color:var(--button-border-color)}input[type=submit]:where(.button--ghost){background-color:transparent;color:var(--button-border-color)}button:not(.does-not-exist):where(.button--warn){--button-background-color:var(--warn-color);--button-border-color:var(--warn-color)}.button:not(does-not-exist):where(.button--warn){--button-background-color:var(--warn-color);--button-border-color:var(--warn-color)}input[type=button]:where(.button--warn){--button-background-color:var(--warn-color);--button-border-color:var(--warn-color)}input[type=reset]:where(.button--warn){--button-background-color:var(--warn-color);--button-border-color:var(--warn-color)}input[type=submit]:where(.button--warn){--button-background-color:var(--warn-color);--button-border-color:var(--warn-color)}button:not(.does-not-exist):where(.button--ok){--button-background-color:var(--ok-color);--button-border-color:var(--ok-color)}.button:not(does-not-exist):where(.button--ok){--button-background-color:var(--ok-color);--button-border-color:var(--ok-color)}input[type=button]:where(.button--ok){--button-background-color:var(--ok-color);--button-border-color:var(--ok-color)}input[type=reset]:where(.button--ok){--button-background-color:var(--ok-color);--button-border-color:var(--ok-color)}input[type=submit]:where(.button--ok){--button-background-color:var(--ok-color);--button-border-color:var(--ok-color)}.button[disabled]:not(does-not-exist),button[disabled]:not(.does-not-exist),input[disabled][type=button],input[disabled][type=reset],input[disabled][type=submit]{cursor:not-allowed;opacity:.7}body{accent-color:var(--theme-accent-color)}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{border-radius:5px;color:var(--theme-text-color);padding:.5rem}textarea{width:100%}.unstyled-list{margin:0;padding:0}ol,ul{margin:1.5em 0 0 1.5em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:0}dt{font-weight:700}dd{margin:0}embed,iframe,img,object{max-width:100%}img{display:block;font-style:italic;height:auto}table{margin:0 0 1.5em;width:100%}cite,dfn,em,i{font-style:italic}:root{--red:var(--red-8);--green:var(--lime-10);--blue:var(--indigo-11);--pink:var(--pink-8);--off-white:var(--gray-1);--off-black:var(--gray-11);--black:var(--black) --body-background:var(--off-white);--text-color:var(--off-black);--heading-color:var(--blue);--link-color:var(--pink);--link-color-active:var(--blue);--button-color:var(--off-black);--button-background-color:var(--yellow-5);--button-border-color:var(--black);--header-footer-background-color:var(--blue);--header-footer-color:var(--off-white);--ok-color:var(--green);--warn-color:var(--red)}*{transition:color,background-color,border-color .5s ease}:root{--content-padding:var(--space-2xs);--max-width-xxl:120rem;--max-width-xl:90rem;--max-width-l:80rem;--max-width-m:70rem;--max-width-s:50rem;--default-line-height:1.5;--reduced-line-height:1.1;--max-text-length:60ch;--max-heading-length:40ch;--border-radius-s:3px;--border-radius-m:6px;--border-radius-l:12px;--space-3xs:clamp(4px,3.6px + .125vw,5px);--space-2xs:clamp(8px,7.2px + .25vw,10px);--space-xs:clamp(12px,10.8px + .375vw,15px);--space-s:clamp(16px,14.4px + .5vw,20px);--space-m:clamp(24px,21.6px + .75vw,30px);--space-l:clamp(32px,28.8px + 1vw,40px);--space-xl:clamp(48px,43.2px + 1.5vw,60px);--space-2xl:clamp(64px,57.6px + 2vw,80px);--space-3xl:clamp(96px,86.4px + 3vw,120px);--space-3xs-2xs:clamp(4px,1.6px + .75vw,10px);--space-2xs-xs:clamp(8px,5.2px + .875vw,15px);--space-xs-s:clamp(12px,8.8px + 1vw,20px);--space-s-m:clamp(16px,10.4px + 1.75vw,30px);--space-m-l:clamp(24px,17.6px + 2vw,40px);--space-l-xl:clamp(32px,20.8px + 3.5vw,60px);--space-xl-2xl:clamp(48px,35.2px + 4vw,80px);--space-2xl-3xl:clamp(64px,41.6px + 7vw,120px);--space-s-l:clamp(16px,6.4px + 3vw,40px)}@supports (top:1vi){:root{--space-s-l:clamp(16px,6.4px + 3vi,40px);--space-2xl-3xl:clamp(64px,41.6px + 7vi,120px);--space-xl-2xl:clamp(48px,35.2px + 4vi,80px);--space-l-xl:clamp(32px,20.8px + 3.5vi,60px);--space-m-l:clamp(24px,17.6px + 2vi,40px);--space-s-m:clamp(16px,10.4px + 1.75vi,30px);--space-xs-s:clamp(12px,8.8px + 1vi,20px);--space-2xs-xs:clamp(8px,5.2px + .875vi,15px);--space-3xs-2xs:clamp(4px,1.6px + .75vi,10px);--space-3xl:clamp(96px,86.4px + 3vi,120px);--space-2xl:clamp(64px,57.6px + 2vi,80px);--space-xl:clamp(48px,43.2px + 1.5vi,60px);--space-l:clamp(32px,28.8px + 1vi,40px);--space-m:clamp(24px,21.6px + .75vi,30px);--space-s:clamp(16px,14.4px + .5vi,20px);--space-xs:clamp(12px,10.8px + .375vi,15px);--space-2xs:clamp(8px,7.2px + .25vi,10px);--space-3xs:clamp(4px,3.6px + .125vi,5px)}}.background-glass{backdrop-filter:blur(5.5px);-webkit-backdrop-filter:blur(5.5px);background:#ffffff12;border-radius:16px;box-shadow:1px 1px 10px 2px #0000006a;box-shadow:0 4px 30px #0000001a}body{margin-top:10px;min-height:100vh;overflow-x:hidden}.site-wrapper{align-items:center;background-color:var(--background-color);display:flex;flex-direction:column;justify-content:center;min-height:80dvh;position:center center}.container{box-sizing:border-box;display:grid;grid-template-areas:"site-header__topInfo" "searchSection" "site-content" "site-footer";grid-template-rows:7rem 10px 1fr 3rem;height:50%;min-height:40dvh;width:80vw;--content-padding:1rem}.site-header__topInfo{grid-area:site-header__topInfo}.searchSection,.site-header__topInfo{padding-bottom:var(--content-padding);padding-top:var(--content-padding)}.site-content{align-items:center;grid-area:site-content;justify-items:center;margin-left:auto;margin-right:auto;place-items:center;width:100%}.site-footer{gap:1rem;grid-area:site-footer;padding-bottom:var(--content-padding);padding-top:var(--content-padding)}.content-display{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:0;min-width:0}.content-width{margin-left:auto;margin-right:auto;width:100%}.content-width:where(.content-width--s){max-width:var(--max-width-s)}.content-width:where(.content-width--m){max-width:var(--max-width-m)}.content-width:where(.content-width--l){max-width:var(--max-width-l)}.custom-width{margin-left:50%;translate:-50%;width:100vw}.custom-width:where(.custom-width--s){max-width:var(--max-width-s)}.custom-width:where(.custom-width--m){max-width:var(--max-width-m)}.custom-width:where(.custom-width--l){max-width:var(--max-width-l)}.custom-width:where(.custom-width--xl){max-width:var(--max-width-xl)}.custom-width:where(.custom-width--full){max-width:100vw;max-width:100vi}a{color:var(--link-color);text-decoration-thickness:.1em}a:focus-visible,a:hover{color:var(--link-color-active);text-decoration-thickness:.15em}:root{--heading-font:var(--font-mono);--body-font:var(--font-sans);--step--2:clamp(.6944rem,.6533rem + .206vw,.8rem);--step--1:clamp(.8333rem,.7683rem + .3252vw,1rem);--step-0:clamp(1rem,.9024rem + .4878vw,1.25rem);--step-1:clamp(1.2rem,1.0585rem + .7073vw,1.5625rem);--step-2:clamp(1.44rem,1.2398rem + 1.0012vw,1.9531rem);--step-3:clamp(1.728rem,1.4496rem + 1.392vw,2.4414rem);--step-4:clamp(2.0736rem,1.6919rem + 1.9086vw,3.0518rem);--step-5:clamp(2.4883rem,1.9707rem + 2.5881vw,3.8147rem)}@supports (top:1vi){:root{--step-5:clamp(2.4883rem,1.9707rem + 2.5881vi,3.8147rem);--step-4:clamp(2.0736rem,1.6919rem + 1.9086vi,3.0518rem);--step-3:clamp(1.728rem,1.4496rem + 1.392vi,2.4414rem);--step-2:clamp(1.44rem,1.2398rem + 1.0012vi,1.9531rem);--step-1:clamp(1.2rem,1.0585rem + .7073vi,1.5625rem);--step-0:clamp(1rem,.9024rem + .4878vi,1.25rem);--step--1:clamp(.8333rem,.7683rem + .3252vi,1rem);--step--2:clamp(.6944rem,.6533rem + .206vi,.8rem)}}body{color:var(--text-color);font-family:var(--body-font);font-size:var(--step-0);line-height:var(--default-line-height)}.h1,.h2,.h3,.h4,.h5,.h6,h1:not(.does-not-exist),h2:not(.does-not-exist),h3:not(.does-not-exist),h4:not(.does-not-exist),h5:not(.does-not-exist),h6:not(.does-not-exist){color:var(--heading-color);font-family:var(--heading-font);letter-spacing:-.02em;max-width:var(--max-heading-length)}:where(h1:not(.does-not-exist),button,input,label,legend,summary){line-height:var(--reduced-line-height)}:where(h2:not(.does-not-exist),button,input,label,legend,summary){line-height:var(--reduced-line-height)}:where(h3:not(.does-not-exist),button,input,label,legend,summary){line-height:var(--reduced-line-height)}:where(h4:not(.does-not-exist),button,input,label,legend,summary){line-height:var(--reduced-line-height)}:where(h5:not(.does-not-exist),button,input,label,legend,summary){line-height:var(--reduced-line-height)}:where(h6:not(.does-not-exist),button,input,label,legend,summary){line-height:var(--reduced-line-height)}:where(button,input,label,legend,summary,.h1){line-height:var(--reduced-line-height)}:where(button,input,label,legend,summary,.h2){line-height:var(--reduced-line-height)}:where(button,input,label,legend,summary,.h3){line-height:var(--reduced-line-height)}:where(button,input,label,legend,summary,.h4){line-height:var(--reduced-line-height)}:where(button,input,label,legend,summary,.h5){line-height:var(--reduced-line-height)}:where(button,input,label,legend,summary,.h6){line-height:var(--reduced-line-height)}main :where(p){max-width:var(--max-text-length)}.h1,h1{font-size:var(--step-5)}.h2,h2{font-size:var(--step-4)}.h3,h3{font-size:var(--step-3)}.h4,h4{font-size:var(--step-2)}.h5,h5{font-size:var(--step-1)}.h6,h6{font-size:var(--step-0)}small{font-size:var(--step--1)}.h1,.h2,.h3,.h4,.h5,.h6,blockquote,h1:not(.does-not-exist),h2:not(.does-not-exist),h3:not(.does-not-exist),h4:not(.does-not-exist),h5:not(.does-not-exist),h6:not(.does-not-exist){text-wrap:balance}html{hanging-punctuation:first allow-end last}html input,html textarea{hanging-punctuation:none}.canvas{background-image:url(image.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.site-header{align-items:center;display:grid;grid-template-areas:"site-logo top-info";grid-template-columns:max(270px,min(2vw,320px)) minmax(0,2fr);grid-gap:1rem;gap:1rem;padding:max(.5rem,min(2vw,1rem))}.site-logo{grid-area:site-logo;padding:1rem;width:auto}.site-logo h1{color:var(--black);font-size:max(1.25rem,min(2.5vw,var(--step-3)));font-weight:900;line-height:var(--reduced-line-height)}.top-info{display:flex;flex-wrap:wrap;gap:max(.5rem,min(2vw,1rem));grid-area:top-info;justify-content:space-between;min-width:0}.top-info>.top-info{flex:1 2 auto;min-width:0;width:80%}@media (max-width:1100px){.site-header{grid-template-areas:"site-logo top-info";grid-template-columns:1fr minmax(0,2fr);row-gap:.75rem}.site-logo,.top-info{align-items:center;justify-content:center}}@media (max-width:800px){.site-header{grid-template-areas:"site-logo" "top-info";grid-template-columns:1fr;row-gap:.75rem}.site-logo,.top-info{align-items:center;justify-content:center;width:100%}}.top-info{box-sizing:border-box;display:grid;grid-template-areas:"dateInfo settingBtn";grid-template-columns:minmax(320px,4fr) minmax(220px,1fr);grid-gap:max(1rem,min(2vw,2rem));align-items:center;container-type:inline-size;gap:max(1rem,min(2vw,2rem));padding-left:1rem;padding-right:1rem}.top-info>*{min-width:0}.dateInfo{display:grid;grid-area:dateInfo;grid-auto-rows:auto;grid-template-areas:"date date" "local-time city-time";grid-template-columns:repeat(2,1fr);grid-gap:.5rem;gap:.5rem}.date{grid-area:date}.date,.local-time{align-items:center;display:flex;justify-content:center}.local-time{grid-area:local-time}.city-time{align-items:center;display:flex;grid-area:city-time;justify-content:center}@container (width <= 900px){.dateInfo{grid-template-areas:"date date" "local-time city-time";grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.settingBtn{display:grid;grid-area:settingBtn;grid-auto-rows:auto;grid-template-areas:"temperature " "temperature";grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:1rem;gap:1rem;min-width:0}.temperature{align-items:center;display:flex;gap:.5rem;grid-area:temperature;justify-content:center;min-height:0;min-width:0}.temperature .temp-btn{background:var(--btn-bg,#f6f6f6);border:1px solid var(--border,#ccc);border-radius:.5rem;cursor:pointer;min-width:0;padding:.5rem .75rem}.temperature .temp-btn[aria-pressed=false]{opacity:.8}.temperature .temp-btn[aria-pressed=true]{background-color:#ffd500;border:1px solid #ffd500;color:#000;opacity:1;transform:scale(1.1)}.temperature .temp-btn:focus-visible,.temperature .temp-btn:hover{transform:scale(1.1)}.temperature-celcius,.temperature-farenhite{align-items:center;display:flex;justify-content:center;min-height:0;min-width:0}@media (max-width:1000px){.top-info{gap:1rem;grid-template-areas:"dateInfo settingBtn";grid-template-columns:minmax(280px,1.4fr) minmax(200px,1fr)}.settingBtn{gap:.5rem;min-width:0;width:100%}.install-btn,.temperature,.theme{min-width:0;width:80%}}@media (max-width:810px){.top-info{gap:.5rem;grid-template-areas:"dateInfo" "settingBtn";grid-template-columns:1fr;width:100%}.settingBtn{align-items:center;gap:.5rem;grid-template-areas:"temperature " "temperature";grid-template-columns:1fr 1fr;width:100%}.temperature{justify-content:center;min-width:0;width:90%}.install-btn{display:block;width:100%}.installBtn{min-width:0;width:100%}}.searchSection{display:grid;grid-template-columns:minmax(200px,1fr) max(80px,min(20%,150px));grid-gap:max(.5rem,min(2vw,1rem));align-items:center;gap:max(.5rem,min(2vw,1rem));padding:max(.5rem,min(2vw,1rem))}.searchInput{min-width:0;outline:none}.searchBtn,.searchInput{border:none;padding:1rem;width:100%}.searchBtn{cursor:pointer}@media (max-width:640px){.searchSection{grid-template-columns:1fr}.searchBtn{width:100%}}.main-content{display:grid;grid-template-areas:"searchSection searchSection" "weatherSection  weatherForcast" "weatherSection weatherForcast";grid-template-columns:minmax(240px,3fr) minmax(340px,2fr);grid-template-rows:auto minmax(0,1fr) minmax(0,1fr);grid-gap:max(.3rem,min(2vw,1rem));gap:max(.3rem,min(2vw,1rem));height:calc(70dvh - var(--headerH, 0px) - var(--footerH, 0px));width:100%}.weatherForcast,.weatherSection{box-sizing:border-box;min-height:0;min-width:0;overflow:auto}.searchSection{grid-area:searchSection;justify-content:flex-start;min-height:0;min-width:0;width:100%}.weatherSection{align-items:center;display:flex;flex-direction:column;grid-area:weatherSection;justify-content:flex-start}.weatherForcast{grid-area:weatherForcast}@media (max-width:1000px){.main-content{gap:.5rem;grid-template-areas:"weatherSection weatherSection" "weatherForcast weatherForcast";grid-template-columns:1fr 1fr;width:100%}.weatherForcast,.weatherSection{min-height:0;min-width:0}}@media (max-width:600px){.main-content{gap:.5rem;grid-template-areas:"weatherSection" "weatherForcast";grid-template-columns:auto;width:100%}.weatherForcast,.weatherSection{min-height:0;min-width:0}}.site-footer{align-items:center;backdrop-filter:blur(5.5px);-webkit-backdrop-filter:blur(5.5px);background:#ffffff12;border-radius:16px;box-shadow:1px 1px 10px 2px #0000006a;box-shadow:0 4px 30px #0000001a;display:flex;justify-content:center;margin-top:.5rem;min-height:0;min-width:0;padding:max(.5rem,min(2vw,1rem))}.site-footer p{box-sizing:border-box;color:var(--black);cursor:pointer;font-weight:200;line-height:1rem;padding-left:max(.3rem,min(0vw,0rem));padding-right:max(.3rem,min(0vw,0rem));text-align:center}.weather-alert{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:0;min-width:0}.weatherForcast>*{min-width:0}.weather-info{display:grid;grid-template-areas:"info icon" "info alert";grid-template-columns:1fr 1fr;--alert-row-h:50px;align-items:center;grid-template-rows:1fr var(--alert-row-h);justify-content:center}.weather-info,.weather-info>*{min-height:0;min-width:0}.icon{grid-area:icon;height:50%;margin-left:80px;min-height:0;min-width:0;top:2rem;width:50%}.icon,.icon img{align-items:center;display:flex;justify-content:center;margin-top:0}.icon img{height:90%;margin-bottom:1rem;width:90%}.info{grid-area:info;padding-left:2rem}.alert{align-items:center;border-top:1px solid var(--border,#000);display:flex;grid-area:alert;height:auto;justify-content:center;margin-left:30px;margin-top:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:wrap;width:70%}.alert p{font-size:15px;margin-top:0;min-height:0;min-width:0}@media (prefers-color-scheme:dark){:root{--shadow-color:220 40% 2%;--shadow-strength:25%;--inner-shadow-highlight:inset 0 -.5px 0 0 hsla(0,0%,100%,.067),inset 0 .5px 0 0 rgba(0,0,0,.467)}}