/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@keyframes gradient_transition_fix_1{0%{opacity:0}99%{opacity:0}to{opacity:1}}@keyframes gradient_transition_fix_2{0%{opacity:0}99%{opacity:0}to{opacity:1}}*{transition:all .5s ease-in,scale .2s}.app-container{transition:height 0s}button:hover,button:active{transition:unset}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.app-container{display:flex;flex-direction:column;width:100%;height:100%;min-height:100vh;--color-primary: rgb(223, 245, 254);--color-component: white;--color-trims: rgb(230, 230, 230);--color-secondary: lightgrey;--color-text-primary: black;--color-text-secondary: grey;background-color:var(--color-primary);color:var(--color-text-primary)}.app-container.light .wrapper-fade:before{animation:gradient_transition_fix_1 .5s}.app-container.dark{--color-primary: black;--color-component: rgb(35, 35, 35);--color-trims: rgb(230, 230, 230);--color-secondary: lightgrey;--color-text-primary: white;--color-text-secondary: grey}.app-container.dark .wrapper-fade:before{animation:gradient_transition_fix_2 .5s}.app-container.dark img{filter:invert(100%) sepia(1) brightness(140%)}.app-container.dark .precip-icon{filter:grayscale(1) brightness(140%)}.app-container.dark .NavBar .theme-toggle-icon{transform:rotate(225deg)}.app-container.dark .Geo button,.app-container.dark .Geo input{filter:invert(100%) sepia(1)}.component{background-color:var(--color-component);border-radius:25px;padding:25px 20px;margin:5px;--border-rad: 15px}.component p{margin:0;color:var(--color-text-secondary)}.component input{outline:none;border:solid 1px var(--color-trims);border-radius:var(--border-rad);padding:10px 20px}.component button{padding:10px;background-color:var(--color-secondary);border-radius:var(--border-rad);border:none}.component button:hover{filter:brightness(90%)}.component button:active{filter:brightness(80%)}.component .label{color:var(--color-text-primary)}.component .word-and-value{display:flex;flex-direction:row;justify-content:center}.component .word-and-value .value{padding-left:.3rem;padding-right:0;font-weight:600;color:var(--color-text-primary)}.component .freezing{position:relative}.component .freezing:before{position:absolute;content:"";background-image:url(/assets/111_snowflake-Exi1Uhdm.svg);background-size:15px;background-repeat:no-repeat;background-position:center top;width:100%;height:100%}.NavBar{margin-top:0;margin-bottom:0;border-radius:unset;padding-bottom:0;display:flex;justify-content:space-between;align-items:center}.NavBar button{color:var(--color-text-primary)}.NavBar .loc-toggle-button{display:flex;justify-content:center;align-items:center;background-color:unset}.NavBar .loc-toggle-icon{--size: 25px;width:var(--size);height:var(--size)}.NavBar .refresh-button{background-color:unset}.NavBar .refresh-icon{--size: 25px;width:var(--size);height:var(--size)}.NavBar .theme-toggle-button{position:absolute;left:50%;right:50%;display:flex;justify-content:center;align-items:center;padding:0;background-color:unset}.NavBar .theme-toggle-button:hover,.NavBar .theme-toggle-button:active{background-color:unset;filter:unset}.NavBar .theme-toggle-icon{--size: 50px;width:var(--size);height:var(--size);transform:rotate(45deg)}.NavBar .theme-toggle-icon:hover{scale:1.2}.Geo{display:flex;flex-direction:column;--geo-gap: 10px;margin-top:0;border-top-left-radius:unset;border-top-right-radius:unset}.Geo input,.Geo button{margin-bottom:var(--geo-gap)}.Geo button:hover{filter:brightness(90%)}.Geo button:active{filter:brightness(80%)}.Geo .loc-search{display:flex;align-items:center;justify-content:space-between;gap:var(--geo-gap)}.Geo .loc-search .loc-box{width:100%}.Geo .coord-search{display:flex;align-items:center;justify-content:space-between;gap:var(--geo-gap)}.Geo .coord-search div{display:flex;flex-direction:column;align-content:center;justify-items:space-between;min-width:0;width:60%}.Geo .coord-search .lat-box,.Geo .coord-search .lon-box{flex-grow:1}.Geo .loc-display{font-size:small;font-weight:600}.Geo .coord-display{color:var(--color-text-secondary);font-size:small;font-weight:300}.Geo-collapsed{padding-top:10px}.Geo-collapsed .loc-search,.Geo-collapsed .coord-search,.Geo-collapsed .current-loc-button{display:none}.Header{background-color:unset;display:flex;justify-content:space-between;align-items:center;height:80px;overflow-y:hidden;scrollbar-width:none}.Header div{display:flex;align-items:center}.Header div .current-temp{font-size:65px;padding-right:15px}.Header div .header-info{display:flex;flex-direction:column;align-items:flex-start;font-size:small;font-weight:600}.Header .weather-icon{width:100px}.Header .weather-icon img{width:100%}.H-For{padding-top:10px;padding-bottom:10px}.H-For .wrapper-fade{position:relative}.H-For .wrapper-fade .overflow-container{display:flex;overflow-x:scroll}.H-For .wrapper-fade:before{content:"";position:absolute;z-index:1;width:100%;height:100%;background:#fff0;background:linear-gradient(90deg,var(--color-component) 0%,rgba(0,0,0,0) 2%,rgba(0,0,0,0) 98%,var(--color-component) 100%);pointer-events:none}.H-For .forecast-container{padding:15px 8.7px;display:grid;grid-template-columns:repeat(1,auto);grid-template-rows:repeat(4,25px);justify-items:center;align-items:center;text-wrap:nowrap}.H-For .forecast-container .time{text-wrap:nowrap;font-size:12px;color:var(--color-text-secondary)}.H-For .forecast-container .weather-icon{justify-self:center;--size: 25px;height:var(--size);width:var(--size)}.H-For .forecast-container .weather-icon img{width:100%;height:100%}.H-For .forecast-container .precip-container{display:flex;font-size:12px;color:var(--color-text-secondary)}.H-For .forecast-container .precip-container .precip-icon{color:#3eb5fa;--size: 10px;height:var(--size);width:var(--size);padding-right:3px;overflow:visible}.MD-For .wrapper-fade{position:relative}.MD-For .wrapper-fade .overflow-container{max-height:258.4px;display:flex;flex-direction:column-reverse;overflow-y:scroll;scrollbar-width:none}.MD-For .wrapper-fade:before{content:"";position:absolute;z-index:1;width:100%;height:100%;background:#fff0;background:linear-gradient(0deg,var(--color-component) 0%,rgba(0,0,0,0) 4%,rgba(0,0,0,0) 96%,var(--color-component) 100%);pointer-events:none}.MD-For .forecast-container{display:grid;grid-template-columns:4fr repeat(3,.6fr);grid-template-rows:repeat(1,25px);align-items:center;text-wrap:nowrap;column-gap:16px;padding-bottom:5px}.MD-For .forecast-container .precip-container{display:flex;font-size:12px;color:var(--color-text-secondary);justify-self:start}.MD-For .forecast-container .precip-container .precip-icon{color:#3eb5fa;--size: 10px;height:var(--size);width:var(--size);padding-right:3px;overflow:visible}.MD-For .forecast-container .precip-container .precip{min-width:30px}.MD-For .forecast-container .weather-icon{justify-self:center;--size: 25px;height:var(--size);width:var(--size)}.MD-For .forecast-container .weather-icon img{width:100%;height:100%}.MD-For .forecast-container .temperatures{justify-self:end;text-align:center;min-width:66px}.MD-For .past-day{filter:grayscale(1) opacity(.4)}.SS{display:flex;justify-content:space-around}.SS div{display:flex;flex-direction:column;align-items:center;--icon-size: 100px}.SS div p{color:var(--color-text-secondary)}.SS div .time{color:var(--color-text-primary);margin-bottom:7px}.SS div .sunrise-icon,.SS div .sunset-icon{width:var(--icon-size)}.SS div .sunrise-icon img,.SS div .sunset-icon img{width:100%}.D-prim{display:flex;justify-content:space-around}.D-prim div{display:flex;align-items:center;flex-direction:column;width:100%}.D-prim .humid-container{border-left:solid 1px var(--color-trims);border-right:solid 1px var(--color-trims)}.D-prim .icon{--icon-size: 35px;height:var(--icon-size);margin-bottom:7px}.D-prim .icon img{height:100%;width:100%}.D-sec{margin-bottom:10vh}.D-sec div{display:flex;justify-content:space-between;padding:1px 5px}.D-sec div .label{color:var(--color-text-primary)}.D-sec div .icon{--icon-size: 21px;width:var(--icon-size);height:var(--icon-size);margin-right:15px}.D-sec div .icon img{height:100%;width:100%}.D-sec div div{display:flex;align-items:center}@media screen and (min-width: 650px){.app-container{display:flex;align-items:center}.component{width:600px}.Geo .coord-search div{flex-direction:initial;gap:var(--geo-gap);width:100%}}
