*,*: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;padding:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}#root,#__next{isolation:isolate}:root{--card-bg: #212939;--accent-clr: #5a7fe7;--primary-txt: #f2f5f8;--secondary-txt: #b4b8bf}@font-face{font-family:Poppins;src:url(/weather-app/assets/poppins-regular-Dnwp-796.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/weather-app/assets/poppins-bold-B0VBYP6l.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}body{font-family:Poppins,sans-serif}h2{font-size:1.125rem}h2,p{color:var(--primary-txt)}html{background:#0c375a}html,body{height:100%}main{background-image:url(/weather-app/assets/map-DaX-WzOu.webp);background-size:cover;background-position:center;background-repeat:no-repeat;height:100svh;width:100%;padding:1rem}.dashboard{display:flex;justify-content:center;min-height:100vh}main.dashboard{height:auto;min-height:100vh;display:flex}.dashboard-container{max-width:600px;flex:1;display:flex;flex-direction:column}.dashboard-content-info{display:flex;flex-direction:column;gap:2rem}@media (width >= 1110px){.dashboard-container{max-width:1110px}.dashboard-content-info{display:grid;grid-template-columns:300px 1fr;grid-template-rows:auto 1fr;grid-template-areas:"top-left top-right" "bottom-left bottom-right";gap:2rem}.current{grid-area:top-left}.hourly{grid-area:top-right}.other{grid-area:bottom-left}.daily{grid-area:bottom-right}}.home{display:flex;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.home form{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.home input{color:var(--primary-txt);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='256'%20height='256'%20viewBox='0%200%20256%20256'%3e%3cpath%20fill='%23b4b8bf'%20d='m229.66%20218.34l-50.07-50.06a88.11%2088.11%200%201%200-11.31%2011.31l50.06%2050.07a8%208%200%200%200%2011.32-11.32M40%20112a72%2072%200%201%201%2072%2072a72.08%2072.08%200%200%201-72-72'%20stroke-width='6.5'%20stroke='%23b4b8bf'/%3e%3c/svg%3e");background-position:1.125rem center;background-size:1.35rem 1.35rem;background-color:var(--card-bg);background-repeat:no-repeat;border-radius:25px;border:none;padding:1rem 3rem .75rem 4rem}.home input:focus{outline:2px solid var(--secondary-txt)}.home button{font-size:.875rem;color:var(--primary-txt);border:none;border-radius:25px;background-color:#0c375a;padding:.45rem 1rem .25rem}.checkbox-apple{position:relative;width:50px;height:25px;-webkit-user-select:none;user-select:none}.checkbox-apple label{position:absolute;top:0;left:0;width:50px;height:25px;border-radius:50px;background:var(--card-bg);cursor:pointer;transition:all .3s ease}.checkbox-apple label:after{content:"";position:absolute;top:1px;left:1px;width:23px;height:23px;border-radius:50%;background-color:#fff;transition:all .3s ease}.checkbox-apple label span{position:absolute;top:50%;transform:translateY(-45%);font-size:.75rem;font-weight:600;color:var(--secondary-txt);transition:color .3s ease}.checkbox-apple label .celsius{left:6px}.checkbox-apple label .fahrenheit{right:6px}.checkbox-apple input[type=checkbox]:checked+label:after{transform:translate(25px)}.checkbox-apple input[type=checkbox]:checked+label .fahrenheit{color:var(--card-bg);z-index:1}.checkbox-apple input[type=checkbox]:not(:checked)+label .celsius{color:var(--card-bg);z-index:1}.checkbox-apple input[type=checkbox]{opacity:0;width:0;height:0}.searchbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:2rem}.searchbar input{font-size:.875rem;color:var(--primary-txt);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='256'%20height='256'%20viewBox='0%200%20256%20256'%3e%3cpath%20fill='%23b4b8bf'%20d='m229.66%20218.34l-50.07-50.06a88.11%2088.11%200%201%200-11.31%2011.31l50.06%2050.07a8%208%200%200%200%2011.32-11.32M40%20112a72%2072%200%201%201%2072%2072a72.08%2072.08%200%200%201-72-72'%20stroke-width='6.5'%20stroke='%23b4b8bf'/%3e%3c/svg%3e");background-position:1rem center;background-size:1rem 1rem;background-color:var(--card-bg);background-repeat:no-repeat;border-radius:25px;border:none;padding:.5rem 1rem .5rem 3rem}.searchbar input:focus{outline:2px solid var(--secondary-txt)}.current-city{display:flex;flex-direction:column;gap:1rem;background-color:var(--card-bg);padding:1rem 1.5rem;border-radius:15px}.current-city img{width:35px;height:35px}.current-city__row{display:flex;justify-content:space-between}.current-city__condition-container{display:flex;align-items:center;gap:1rem}.current-city__wind{display:flex;align-items:center;gap:.75rem}.current-city__wind img{width:25px;height:25px}.current-city__wind p{font-size:1rem}.current-city__temp{font-size:2.5rem;font-weight:700;line-height:1.2}.currenty-city__info{text-align:right}.current-city__city{font-size:1.25rem}.current-city__time,.current-city__condition,.current-city__third-row{font-size:.75rem}.hourly{display:flex;flex-wrap:wrap;gap:.75rem}.hourly img{width:30px;height:30px}.hourly__cards{display:flex;flex-direction:column;align-items:center;gap:1rem;background-color:var(--card-bg);border-radius:15px;padding:.75rem}.hourly__time{border-bottom:solid 1px black}.hourly__time p{font-size:.85rem;padding-bottom:.25rem}.hourly__condition{display:flex;flex-direction:column;align-items:center;gap:.25rem}.hourly__condition-desc{font-size:.75rem}.hourly__temp{font-weight:700}@media (width >= 1110px){.hourly{justify-content:space-between}}.daily{display:flex;flex-direction:column;gap:.5rem}.daily img{width:25px;height:25px}.daily__cards{display:grid;grid-template-columns:70px 50px auto;align-items:center;background-color:var(--card-bg);border-radius:15px;padding:.75rem 1rem;gap:1rem}.daily__day{font-size:1rem;font-weight:700;text-align:left}.daily__condition{display:flex;align-items:center;gap:.75rem}.daily__condition img{width:25px;height:25px}.daily__condition p{font-size:.75rem}.daily__condition-desc{display:none}.show{display:block}.hide{display:none}.daily__temp-range{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.daily__temp-bar-container{position:relative;width:100%;max-width:200px;height:4px;background-color:#030616;border-radius:2px;overflow:hidden}.daily__temp-bar{position:absolute;top:0;height:4px;background-color:var(--accent-clr);border-radius:2px;transition:left .4s ease,width .4s ease}.daily__temp-range p{font-size:.75rem;font-weight:700}@media (width >= 600px){.daily__condition{margin-left:1.5rem}.daily__condition-desc{display:block}}@media (width >= 1110px){.daily__temp-bar-container{max-width:300px}.daily{justify-content:space-between}}.other-cities{display:flex;flex-direction:column;gap:.75rem}.other-cities img{width:30px;height:30px}.other-cities__card{display:flex;justify-content:space-between;align-items:center;flex-grow:1;background-color:var(--card-bg);border-radius:15px;padding:.75rem}.other-cities__location{display:flex;flex-direction:column}.other-cities__condition-temp{display:flex;flex-direction:column;gap:.75rem}.other-cities__condition-temp p{font-weight:700}.other-cities__location p:nth-of-type(1){font-size:.85rem;color:var(--secondary-txt)}.other-cities__location p:nth-of-type(2){font-size:1.25rem;font-weight:700}.other-cities__location p:nth-of-type(3){font-size:.75rem}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;background:var(--card-bg);border-radius:15px}.dashboard-content{flex:1;display:flex;flex-direction:column}.loading-dashboard{flex:1;display:flex;justify-content:center;align-items:center;background-color:var(--card-bg);border-radius:15px;min-height:0}