*{box-sizing:border-box}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}:root{--c-bg:#4b4b4b;--c-text:#1a1a1a;--c-text-opacity:#1a1a1a80;--pad:max(20px,4vmin)}body,html{background-color:#4b4b4b;background-color:var(--c-bg);font-family:Montserrat;font-size:max(1vw,1vh,20px);font-weight:600;margin:0;overflow:hidden;padding:0}.app-container{left:50%;overflow:auto;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.app,.app-container{height:100%;padding:max(20px,4vmin);padding:var(--pad)}.app{background-color:#fff;border-radius:12px;overflow-x:hidden;overflow-y:auto}.full{height:calc(100vh - max(20px, 4vmin)*5);height:calc(100vh - var(--pad)*5);width:calc(100vw - max(20px, 4vmin)*4);width:calc(100vw - var(--pad)*4)}.fill{height:100%;width:100%}.container{grid-gap:calc(max(20px, 4vmin)/2);grid-gap:calc(var(--pad)/2);display:grid;gap:calc(max(20px, 4vmin)/2);gap:calc(var(--pad)/2);grid-auto-flow:row;grid-template-areas:"main main sec sec sec3 sec3" "main main sec2 sec2 sec4 sec4" "main main th0 th1 th2 th3" "main main th4 th5 th6 see";grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr .45fr .45fr;min-height:0;min-width:0}.main{grid-area:main;margin-right:calc(max(20px, 4vmin)*.7);margin-right:calc(var(--pad)*.7)}.sec{grid-area:sec}.sec2{grid-area:sec2}.sec3{grid-area:sec3}.sec4{grid-area:sec4}.th0{grid-area:th0}.th1{grid-area:th1}.th2{grid-area:th2}.th3{grid-area:th3}.th4{grid-area:th4}.th5{grid-area:th5}.th6{grid-area:th6}.see{grid-area:see}.container>div,.glass{background:rgba(167,226,240,.161);border-radius:16px;box-shadow:0 4px 30px #0000001a;min-height:0;min-width:0;padding:20px}.small-glass{padding:5px!important}.container>div>h3{margin:0}.noblur{backdrop-filter:blur(12.3px);-webkit-backdrop-filter:blur(12.3px);background:#effcff29}.main{display:flex;flex-direction:column;justify-content:center;margin:calc(max(20px, 4vmin)*-1);margin:calc(var(--pad)*-1);margin-right:max(20px,4vmin);margin-right:var(--pad);padding:10px}header{display:flex;flex-direction:row;justify-content:space-around}.weather{align-items:center;display:flex;flex-direction:column;justify-content:center}.icon{margin-bottom:0;text-align:center}.icon>img{margin-bottom:-15%;margin-top:-20%;max-width:75%;width:100vw}.state{color:orange;display:flex;flex-direction:row;justify-content:center;width:100%}.state *{font-weight:400;margin:0}.state>h1{font-size:max(150pt,20vh);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;transform:scaleY(1.15)}.state>.operator{align-self:center;font-size:90pt}.state>.degree{font-size:40pt}.statistics{grid-gap:25px;display:grid;font-size:max(2vh,20px);font-weight:400;gap:25px;grid-template-columns:1fr 1fr;margin:0 auto;overflow:auto;padding:10px}.feels{position:relative;top:-20px}.dot{align-items:center;display:flex;flex-wrap:wrap}.dot *{margin-right:6px}.visible{overflow:visible}.aqi-container{position:absolute;visibility:hidden}.aqi:hover{cursor:copy}.aqi:hover>.aqi-container{display:flex;visibility:visible}.aqi:hover>.aqi-container>.aqi-stats{opacity:1;transition:.7s}.aqi-stats{grid-gap:15px;display:grid;font-size:18px;gap:15px;grid-template-columns:fit-content(100%) fit-content(100%);margin:0;opacity:0;padding:10px;position:relative;transition:.7s}.forecast-day{display:grid;font-weight:400;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) auto;height:calc(100% - 10px)}.forecast-detail{font-size:max(10px,.7vw)}.forecast-caption{color:#9e9e9e;min-height:0;min-width:0}.forecast-header{color:#000;font-size:max(30px,1.2vw)}.forecast-icon{position:relative}.forecast-icon>img{left:50%;position:absolute;transform:translate(-50%)}.forecast-night{align-content:center;flex-wrap:wrap;justify-content:center}.flex-row,.forecast-night{align-items:center;display:flex;flex-direction:row}.flex-col{flex:30% 1;flex-direction:column;height:85%;min-height:0;min-width:0}.flex-center,.flex-col{display:flex;justify-content:center}.flex-center{align-items:center;flex-direction:row}.forecast-month{color:#000000b3;margin-left:10px}.forecast-more{background:#9e9e9e29!important;border:1px solid #0000001a;cursor:pointer;transition:transform .2s}.forecast-more:hover{border:0;transform:scale(1.1)}.astro{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;justify-self:end;margin-top:auto!important}.sunpath{height:100%;min-height:0}.sunpos-grid{display:flex;flex-direction:column;height:100%}.sunpos-grid *{margin:0}.sun-switch{position:absolute}.select-btn{align-items:stretch;align-self:center;align-self:baseline;display:inline-flex;justify-content:space-evenly;position:relative}.select-btn .arrow-dwn{cursor:pointer;transition:.3s}.select-btn.open .arrow-dwn{transform:rotate(-180deg)}.select-btn .subnav-content{background-color:#ffffffe6;border-radius:32px;box-shadow:0 5px 5px #00000026;display:flex;flex-direction:column;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:calc(max(20px, 4vmin)*.5);padding:calc(var(--pad)*.5);position:absolute;top:150%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hidden{display:none;visibility:hidden}.select-btn.open .subnav-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.prevent-select{-webkit-user-select:none;user-select:none}.loader-container{left:50%;position:absolute;top:50%;transform:translate(-50%)}.container{opacity:1;transition:.7s}.mode-select{align-items:center;display:flex;flex-direction:row;justify-content:center}.mode-select>label{background:rgba(166,181,190,.315);border-radius:16px;border-radius:4px;box-shadow:0 4px 30px #0000001a;cursor:pointer;padding:5px}.query-input{border-radius:8px;font-size:max(14px,.7vw);padding:10px;width:20vw}.header-flex>span{max-width:30%}@media (max-width:1050px){.container{display:flex;flex-direction:column}.main{margin:0}.container>div{height:100%;width:100%}.container>div,.glass{padding:10px}.full{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.app{height:auto}.query-input{width:100%!important}}
/*# sourceMappingURL=main.853a29a8.css.map*/