@import"https://fonts.googleapis.com/css2?family=Chewy&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";:root{font-family:Chewy,serif;font-size:2rem}html{padding:.1rem;background:url(/assets/sky-UaeDSuCp.png);background-size:cover}@media only screen and (max-width: 767px){html{background:url(/assets/sky-mobile-4VXfmrVd.jpg);background-size:130%}}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--sunrise-color: #FFD89C;--morning-color: #FFC857;--afternoon-color: #FFAE42;--evening-color: #FF9F68;--sunset-color: #FF8000;--dusk-color: #D95D39;--shadow-color: rgb(50, 50, 50);--card-color: radial-gradient(circle, #FFC857 30%, #FF9F68 70%);--card-shadow: -2px 2px 2px var(--shadow-color), -4px 4px 6px var(--shadow-color);--card-radius: .7rem}.current-overview{display:flex;justify-content:space-around}h2{font-size:1.1rem;color:#fff;text-shadow:-3px 3px 3px var(--shadow-color),-5px 5px 5px var(--shadow-color)}.loading{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:1rem;gap:1rem;text-align:center}ul{list-style:none}button.save,button.image-reset{cursor:pointer}button.image-reset,button.save,button.saving,button.saved,button.error{border-radius:var(--card-radius);background-color:#fff}.invisible{visibility:hidden}button.saving{color:var(--evening-color)}button.saved{color:green}button.image-reset,button.error{color:red}@media only screen and (max-width: 600px){.loading{font-size:1rem}.smaller{font-size:.8rem}}.header{text-align:center;padding:.1rem 1rem 1rem;border-radius:var(--card-radius);margin:auto;margin-top:2rem;border:2px solid grey;box-shadow:var(--card-shadow);width:80%;justify-self:center;background:linear-gradient(to bottom,#007dd3,#5cb0df,#95bfd8);color:#fff;text-shadow:-3px 3px 3px var(--shadow-color),-5px 5px 5px var(--shadow-color);line-height:1.2}#title{text-decoration:none;color:inherit}.header #title{font-size:2rem}@media only screen and (max-width: 768px){.header{width:95%;margin-top:1rem}}@media only screen and (max-width: 650px){.header #title{font-size:1.6rem}}@media only screen and (max-width: 550px){.header #title{font-size:1.3rem}}@media only screen and (max-width: 380px){.header #title{font-size:1.2rem}.header{padding:.1rem .3rem 1rem}}#location{border-radius:.2rem;border:2px solid grey}.location{margin-top:-.45rem;margin-left:55%}.location input{text-indent:2.7ch;width:25ch;box-shadow:var(--card-shadow)}.location-button{position:absolute;width:1.5rem;height:1.5rem;border-style:none;background-color:inherit;margin-top:.2rem}.location ul{width:25ch}.location li{list-style:none;margin-left:3.7ch;font-size:.8rem;padding:4px}.location ul{margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px;cursor:pointer;margin-top:.2rem}.grid-row{width:50ch}.error{color:#f30;text-shadow:-1px 1px 1px var(--shadow-color),-3px 3px 3px var(--shadow-color)}.selected{border-bottom:2px solid var(--dusk-color);border-left:2px solid var(--dusk-color);border-radius:.5rem;width:fit-content;background-color:#ffd79c96}@media only screen and (max-width: 1500px){.location{margin-left:45%}}@media only screen and (max-width: 1280px){.location{margin-left:40%}}@media only screen and (max-width: 1120px){.location{margin-left:35%}}@media only screen and (max-width: 1015px){.location{margin-left:30%}}@media only screen and (max-width: 930px){.location{margin-left:30%}.location input,.location ul{width:20ch}}@media only screen and (max-width: 650px){.location{margin-left:20%}.location input{width:20ch}}@media only screen and (max-width: 550px){#location{font-size:.8rem;width:85%}.location{margin-left:12%;margin-top:-.65rem}.location ul{font-size:.6rem;width:25ch}.location li{margin-left:2.9ch;font-size:.65rem}}@media only screen and (max-width: 430px){#location{font-size:.7rem}.location input{text-indent:3ch}.location ul{width:20ch;margin-left:3ch}.location li{margin-left:.7ch;font-size:.55rem}}.nav-bar{font-family:Poppins,sans-serif;display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-right:.5rem}.nav-bar a{text-decoration:none;color:var(--morning-color);font-size:.8rem}.nav-bar a:hover{color:var(--evening-color);text-decoration:wavy underline}@media only screen and (max-width: 650px){.nav-bar a{font-size:.8rem}}@media only screen and (max-width: 550px){.nav-bar a{font-size:.7rem}}@media only screen and (max-width: 380px){.nav-bar a{font-size:.6rem}}.core-settings{display:flex;flex-direction:column;align-items:center;gap:.5rem}.settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));justify-items:center;gap:.5rem}.settings-menu button{gap:2rem;font-size:1.5rem;color:var(--sunrise-color);text-shadow:-2px 2px 2px var(--shadow-color),-4px 4px 4px var(--shadow-color);border:none;background:transparent;cursor:pointer}.settings-menu{display:flex;justify-content:center;align-items:center;gap:2rem;margin:1rem}.settings-menu .selected{color:var(--dusk-color);text-decoration:wavy underline;background-color:#fff6;padding:.5rem;background:#ffffffb3;padding:20px 40px;border-radius:50% 40%/40% 50%;box-shadow:0 0 20px #ffffff80,0 0 60px #fff6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.settings-menu button:hover{color:var(--evening-color);text-decoration:wavy underline}.login{margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.3rem;font-size:1.5rem;color:var(--sunrise-color);text-shadow:-2px 2px 2px var(--shadow-color),-4px 4px 4px var(--shadow-color)}.login a{color:var(--evening-color);text-decoration:none}.login a:hover{color:var(--evening-color);text-decoration:wavy underline}#first-hour,#last-hour{text-align:end}@media only screen and (max-width: 600px){.settings-menu button{font-size:1.2rem}.setting-group{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:.3rem}}.settings-card{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:350px;background:var(--card-color);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:.5rem;gap:.3rem;margin-bottom:1rem;height:700px}.settings-card *{border-radius:var(--card-radius);line-height:1rem}.settings-toggle{background:#add8e6}.settings-card .file-input{width:100%;padding:.4rem;color:transparent;margin-left:40%}.settings-card label{align-self:centre;margin-left:-3rem}.settings-card.disabled{background:#ccc;opacity:.9}.settings-card img{max-height:250px}.settings-card.disabled img{opacity:.5}.setting-group *{padding:0 1rem}.image-reset{position:absolute;width:1.3rem;height:1.3rem;line-height:1rem}.settings-card .value-metric{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.settings-card .value{text-align:end;width:3.5rem}.settings-card .detail{color:#708090;font-weight:100;font-style:italic;font-size:.8rem}.settings-card .disabled{color:#000;border:none;background:none}.settings-card button{line-height:inherit}.group{display:flex;gap:1rem}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}[type=checkbox]{visibility:hidden}.slider{position:absolute;height:1.05rem;width:1.9rem;cursor:pointer;background-color:#ccc;border-radius:1rem}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:1rem;box-shadow:var(--card-shadow)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}input[type=radio]:after{width:1rem;height:1rem;border-radius:100%;position:relative;top:-1px;left:1px;background-color:#d1d3d1;content:"";display:inline-block;visibility:visible;border:2px solid white;box-shadow:var(--card-shadow)}input[type=radio]:checked:after{width:1rem;height:1rem;border-radius:100%;position:relative;top:-3px;left:1px;background-color:var(--evening-color);content:"";display:inline-block;visibility:visible;border:2px solid white;box-shadow:var(--card-shadow)}input:checked+.slider{background:var(--card-color)}input+.slider{box-shadow:var(--card-shadow)}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.radio{width:1rem;height:1rem}.date-selector{display:flex;justify-content:space-around;background:radial-gradient(circle,#e3f2fdcc 15%,#bbdefb99 40%,#90caf966 80%);border-radius:.3rem}.date-selector button{border:none;background-color:inherit;cursor:pointer}.hidden{visibility:hidden}:root{--weather-card-width: 356px;background-color:#6495ed}.weather{display:grid;gap:1rem;grid-template-columns:repeat(3,25vw);justify-content:center;margin-bottom:2.2rem}.weather-icon{background-color:#add8e6;border-radius:.5rem;border:1px solid black}.forecast{background:var(--card-color);border-radius:var(--card-radius);padding:1rem;display:flex;flex-direction:column;margin:1rem 0;min-width:300px;height:715px;box-shadow:var(--card-shadow);width:95%;justify-self:center}.forecast span{text-align:center}.forecast img{display:inline;max-width:fit-content;align-self:center}.forecast tr{list-style:none;line-height:2.3ch;font-size:.8rem}.forecast .dog{border-radius:1rem;width:100%;border:2px solid;max-height:115px}.forecast .opaque{opacity:.15;border:none}.weather-images{display:grid;grid-template-columns:repeat(2,1fr);gap:.2rem;justify-items:center}.forecast .time{font-weight:700;font-size:1.2rem}.show{display:block}.hide{display:none}#weather-details-mobile{display:none;grid-column:span 3;margin:auto}.show-weather-details{display:none}.up,.down{width:30px;height:30px;display:none}.up{background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='20px'%20height='20px'%20viewBox='0%200%201024%201024'%20class='icon'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M903.232%20768l56.768-50.432L512%20256l-448%20461.568%2056.768%2050.432L512%20364.928z'%20fill='%23000000'%20/%3e%3c/svg%3e") no-repeat}.down{background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='20px'%20height='20px'%20viewBox='0%200%201024%201024'%20class='icon'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M903.232%20256l56.768%2050.432L512%20768%2064%20306.432%20120.768%20256%20512%20659.072z'%20fill='%23000000'%20/%3e%3c/svg%3e") no-repeat}.temp{display:none}.forecast tbody,.forecast th{text-align:initial}.forecast .table-header{text-align:center}.out-of-range *{visibility:hidden}.out-of-range{background:url(/favicon.png) center no-repeat;background-size:cover}@media only screen and (min-width: 768px){:root{--weather-card-width: 300px}.forecast{position:absolute;width:300px}.weather{display:block;position:relative;height:715px;width:80%;left:10%}.move-right,.move-left{font-size:.5rem;width:1rem;height:1rem;border-radius:.2rem;cursor:pointer;position:absolute;top:48%;box-shadow:-1px 1px 1px var(--shadow-color),-2px 2px 2px var(--shadow-color)}.move-left{left:-.5rem}.move-right{right:-.5rem}.left,.right{transition:.5s ease-in-out;scale:85%}.far-left{z-index:-3;box-shadow:unset}.left,.right{z-index:-1}.far-right{z-index:-3;box-shadow:unset}.left{left:calc(50% - var(--weather-card-width) / 2 * 3 + 5%)}.right{left:calc(50% + var(--weather-card-width) / 2 - 5%)}.center{transition:.5s ease-in-out;left:calc(50% - var(--weather-card-width) / 2);z-index:2}}@media only screen and (min-width: 850px){:root{--weather-card-width: 315px}.left{left:calc(50% - var(--weather-card-width) / 2 * 3 + 2%)}.right{left:calc(50% + var(--weather-card-width) / 2 - 2%)}}@media only screen and (min-width: 900px){:root{--weather-card-width: 315px}}@media only screen and (min-width: 950px){:root{--weather-card-width: 330px}}@media only screen and (min-width: 1050px){.forecast{width:var(--weather-card-width)}.left{left:calc(50% - var(--weather-card-width) / 2 * 3)}.right{left:calc(50% + var(--weather-card-width) / 2)}.center{left:calc(50% - var(--weather-card-width) / 2)}}@media only screen and (min-width: 1050px){:root{--weather-card-width: 360px}.left{left:calc(50% - var(--weather-card-width) / 2 * 3 - 3%)}.right{left:calc(50% + var(--weather-card-width) / 2 + 3%)}.center{left:calc(50% - var(--weather-card-width) / 2)}}@media only screen and (max-width: 767px){.move-right,.move-left{display:none}.up,.down{display:block}#weather-details-desktop{display:none}#weather-details-mobile,.time{display:block}.weather-overview{display:flex;flex-direction:column}.forecast{position:relative;padding:.5rem;margin:0;display:grid;align-items:center;grid-template-columns:75px 1fr 10px;grid-template-rows:180px;height:auto}.forecast .time{font-size:.9rem}.weather{gap:.3rem;grid-template-columns:1fr;margin-top:1rem;margin-bottom:1rem}.weather-icon{width:50px}.weather-images{margin:.2rem;grid-template-columns:repeat(4,1fr)}thead{columns:span 2}.forecast th,.forecast td{padding-left:1rem}.show-weather-details{display:block;width:40px;height:40px;border-radius:8px;background-color:inherit;border:1px solid;margin:0;padding:0}.temp{display:block;font-size:.65rem;font-style:italic}}@media only screen and (max-width: 630px){.weather-images{grid-template-columns:repeat(2,1fr)}.forecast .dog{width:57%}}@media only screen and (max-width: 550px){.weather-images{grid-template-columns:repeat(2,1fr)}.forecast .dog{width:65%}}@media only screen and (max-width: 500px){.forecast .dog{width:80%}}@media only screen and (max-width: 460px){.forecast .dog{width:90%}}@media only screen and (max-width: 410px){.forecast .dog{width:100%}}.current-conditions{background:var(--card-color);border-radius:var(--card-radius);padding:.5rem;text-align:center;display:flex;flex-direction:column;margin:1.5rem 0 1rem;min-width:300px;box-shadow:var(--card-shadow);max-width:95%}.current-conditions li img{max-width:fit-content;align-self:center}.current-conditions ul{margin:0;padding:0}.current-conditions li{list-style:none;line-height:2.3ch;font-size:.8rem}.current-conditions .time{font-weight:700;font-size:1.2rem}.current-conditions table,.current-conditions th,.current-conditions td{font-size:.8rem}.current-conditions tbody,.current-conditions th{text-align:initial}.current-conditions .table-header{text-align:center}th{font-weight:400}.table-header{font-weight:700;text-align:center}.sunrise,.sunset{border:2px solid grey;border-radius:var(--card-radius);padding:1rem;text-align:center;height:min-content;align-self:center;box-shadow:var(--card-shadow)}.sunrise{background:linear-gradient(to top right,var(--sunrise-color),var(--morning-color),var(--afternoon-color),var(--evening-color))}.sunset{background:linear-gradient(to bottom right,var(--evening-color),var(--afternoon-color),var(--sunset-color),var(--dusk-color))}@media only screen and (max-width: 850px){.sunrise,.sunset{font-size:.9rem;padding:.5rem}}@media only screen and (max-width: 750px){.sunrise,.sunset{font-size:.8rem;padding:.3rem;align-self:flex-start;margin-top:.5rem;position:absolute}.sunrise{left:.4rem}.sunset{right:.4rem}}@media only screen and (max-width: 400px){.sunrise,.sunset{font-size:.6rem;padding:.3rem}}.auth{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.auth p{text-align:center;color:var(--sunrise-color);text-shadow:var(--card-shadow)}.auth h1{font-size:1.5rem;color:var(--sunrise-color);text-shadow:-3px 3px 3px var(--shadow-color),-5px 5px 5px var(--shadow-color)}.auth input,.auth button{border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.auth button{background:var(--card-color);padding:.2rem .6rem}.auth input{text-indent:.5ch}.auth .error{text-align:center}.auth .success{color:#32cd32;text-shadow:var(--card-shadow)}.auth button.reset-password{background:none;color:var(--sunrise-color);font-size:.6rem;text-shadow:-3px 3px 3px var(--shadow-color),-5px 5px 5px var(--shadow-color);padding:0;margin-top:-.9rem;margin-left:4.5rem;box-shadow:none;border-top:0;border-left:0;border-right:0;border-style:dotted;border-color:var(--sunrise-color);height:35px;width:4rem}.auth button.reset-password:hover{border-style:none;text-decoration:wavy underline;cursor:pointer;color:var(--evening-color)}.auth ul{display:grid;grid-template-columns:repeat(3,1fr);font-size:.6rem;gap:1rem}.auth ul li{width:6rem}@media only screen and (max-width: 430px){.auth .auth-buttons{flex-direction:column}}@media only screen and (max-width: 768px){.auth ul{display:grid;grid-template-columns:repeat(2,1fr);font-size:.5rem;gap:1rem}}@media only screen and (max-width: 430px){.auth ul{display:grid;grid-template-columns:1fr;gap:.2rem}.auth ul li{width:10rem}.show-btn{position:absolute;bottom:1rem;left:33%}}