@font-face{font-display:swap;font-family:Questrial;font-style:normal;font-weight:400;src:url(/static/media/Questrial-Regular.469241a451371bdd2ade.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/Inter-Regular.ab945c53cca7263f39f9.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/static/media/Inter-Medium.2e49fa70be6011988c79.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/static/media/Inter-SemiBold.3752195ecfc6873de6cf.woff2) format("woff2")}body{font-family:Inter;font-size:16px;font-weight:400;line-height:24px}body .weather-app .weather-info-wrap .info-inner-wrap .weather-info-head.scrolled h3,body h1,body h2,body h3,body h4,body h5,body h6{color:#fff;font-family:Questrial;font-weight:400}body .weather-app .weather-info-wrap .info-inner-wrap .weather-info-head.scrolled h3 *,body h1 *,body h2 *,body h3 *,body h4 *,body h5 *,body h6 *{font-family:inherit;font-weight:inherit}body header.header .header-inner-wrap .app-heading .logo-label,body input,body p,body select option,body textarea,body ul li{font-family:Inter;font-weight:400}body button{cursor:pointer;font-weight:400;text-decoration:none}body button *{font-family:inherit;font-weight:inherit}body .weather-app .weather-info-wrap .info-inner-wrap .weather-info-head.scrolled h3,body h1,body h2,body h3,body h4,body h5,body h6,body header.header .header-inner-wrap .app-heading .logo-label,body p{padding:0}body .weather-app .weather-info-wrap .info-inner-wrap .weather-info-head.scrolled h3,body a,body button,body h1,body h2,body h3,body h4,body h5,body h6,body header.header .header-inner-wrap .app-heading .logo-label,body p{font-style:normal;margin:0}body a{cursor:pointer}body a,body a:hover{text-decoration:none}body h1{font-size:56px;letter-spacing:.56px;line-height:63px}@media screen and (max-width:767px){body h1{font-size:48px;letter-spacing:.48px;line-height:54px}}body h2{font-size:48px;letter-spacing:.48px;line-height:54px}@media screen and (max-width:767px){body h2{font-size:35px;letter-spacing:.35px;line-height:40px}}body h3{font-size:35px;letter-spacing:.35px;line-height:40px}@media screen and (max-width:767px){body h3{font-size:32px;letter-spacing:.32px;line-height:36px}}body h4{font-size:32px;letter-spacing:.32px;line-height:36px}@media screen and (max-width:767px){body h4{font-size:24px;letter-spacing:.24px;line-height:27px}}body .weather-app .weather-info-wrap .info-inner-wrap .weather-info-head.scrolled h3,body h5{font-size:24px;letter-spacing:.24px;line-height:27px}@media screen and (max-width:767px){body .weather-app .weather-info-wrap .info-inner-wrap .weather-info-head.scrolled h3,body h5{font-size:18px;letter-spacing:.2px;line-height:24px}}body h6{font-size:18px;letter-spacing:.2px;line-height:24px}@media screen and (max-width:767px){body h6{font-size:16px;letter-spacing:.15px;line-height:20px}}body header.header .header-inner-wrap .app-heading .logo-label,body p{color:#fff9;font-size:16px;font-weight:400;line-height:24px}@media screen and (max-width:767px){body header.header .header-inner-wrap .app-heading .logo-label,body p{font-size:14px;line-height:20px}}body li{font-size:20px;font-weight:400;line-height:24px}@media screen and (max-width:767px){body li{font-size:16px;line-height:20px}}body input,body select option,body textarea{font-family:Inter;font-size:16px;line-height:18px;outline:none}@media screen and (max-width:543px){body input,body select option,body textarea{font-size:14px;line-height:16px}}body button{font-family:Inter;font-size:20px;font-weight:700;line-height:1;text-align:center}*,html{box-sizing:border-box;scroll-behavior:smooth}body{background-color:#0c0921;margin:0;padding:0;scroll-behavior:smooth}body ol,body ul{list-style-type:none;margin:0;padding:0}body ol:after,body ol:before,body ul:after,body ul:before{display:none}body .container{margin-left:auto;margin-right:auto;max-width:1199px;padding-left:20px;padding-right:20px}@media screen and (max-width:1199px){body .container{max-width:901px}}@media screen and (max-width:991px){body .container{max-width:707px}}@media screen and (max-width:767px){body .container{max-width:503px}}@media screen and (max-width:543px){body .container{max-width:100%}}body .safe-area{margin-left:auto;margin-right:auto;max-width:100%;width:850px}@media screen and (max-width:991px){body .safe-area{width:550px}}@media screen and (max-width:767px){body .safe-area{width:400px}}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#8774f8}::-webkit-scrollbar-thumb{background:#4333ff99}::-webkit-scrollbar-thumb:hover{background:#4333ffd9}body .extra-light{font-weight:200}body .light{font-weight:300}body .regular{font-weight:400}body .medium{font-weight:500}body .semi-bold{font-weight:600}body .bold{font-weight:700}body .text-center{text-align:center}body form.form-wrap{align-items:center;border:1.5px solid #8774f8;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:50px;margin-left:auto;margin-right:auto;max-width:100%;width:550px}@media screen and (max-width:767px){body form.form-wrap{margin-bottom:30px}}body form.form-wrap input,body form.form-wrap select{height:45px;max-width:calc(100% - 50px)}@media screen and (max-width:767px){body form.form-wrap input,body form.form-wrap select{height:40px}}body form.form-wrap input,body form.form-wrap select,body form.form-wrap textarea{background-color:initial;border:none;border-radius:5px;color:#fff;outline:none;padding:0 22px;transition:all .55s ease}@media screen and (max-width:767px){body form.form-wrap input,body form.form-wrap select,body form.form-wrap textarea{padding:0 20px}}body form.form-wrap input:focus,body form.form-wrap input:focus-visible,body form.form-wrap input:hover,body form.form-wrap input:visited,body form.form-wrap select:focus,body form.form-wrap select:focus-visible,body form.form-wrap select:hover,body form.form-wrap select:visited,body form.form-wrap textarea:focus,body form.form-wrap textarea:focus-visible,body form.form-wrap textarea:hover,body form.form-wrap textarea:visited{outline:none;transition:all .55s ease}body form.form-wrap input::placeholder,body form.form-wrap select::placeholder,body form.form-wrap textarea::placeholder{color:#fff9}body form.form-wrap select{-webkit-appearance:none;appearance:none;background-image:url(/static/media/expand-more.96c65dc30b4e574a7041.svg);background-position:right 22px center;background-repeat:no-repeat;padding-right:45px}@media screen and (max-width:767px){body form.form-wrap select{background-position:right 20px center}}body form.form-wrap button{background-color:#8774f8;border:none;cursor:pointer;padding:12px 16px;transition:all .55s ease}@media screen and (max-width:767px){body form.form-wrap button{padding:10px 12px}}body form.form-wrap button:hover{transition:all .55s ease}body header.header{background-color:#0c0921;padding:20px 0 30px;position:-webkit-sticky;position:sticky;top:0}@media screen and (max-width:767px){body header.header{padding:10px 0 20px}}body header.header .header-inner-wrap .app-heading{align-items:center;display:flex;gap:8px;justify-content:center}body header.header .header-inner-wrap .app-heading .logo{height:55px;width:auto}body header.header .header-inner-wrap .app-heading .logo-label{align-items:flex-start;color:#fff;display:flex;flex-direction:column;line-height:.9;line-height:1}body #root{display:flex;flex-direction:column;min-height:100vh}body .weather-app{background-color:#0c0921;flex-grow:1;padding:15px 0 35px}body .weather-app .weather-info-wrap .info-inner-wrap .weather-info-head{align-items:center;background-color:#0c0921;display:flex;flex-direction:column;gap:30px;justify-content:center;margin:0 -10px 50px;text-align:center;transition:all .55s ease;width:calc(100% + 20px)}@media screen and (max-width:767px){body .weather-app .weather-info-wrap .info-inner-wrap .weather-info-head{margin:0 -10px 30px}}body .weather-app .weather-info-wrap .info-inner-wrap .weather-info-head.scrolled{flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:20px 10px;position:-webkit-sticky;position:sticky;top:90px;transition:all .55s ease}@media screen and (max-width:767px){body .weather-app .weather-info-wrap .info-inner-wrap .weather-info-head.scrolled{gap:20px;margin-bottom:35px;padding:15px 10px;top:80px}}body .weather-app .weather-info-wrap .info-inner-wrap .weather-info-head.scrolled h3{transition:all .55s ease}body .weather-app .weather-info-wrap .info-inner-wrap .weather-info-head.scrolled .temperature-toggler label span{font-size:0;line-height:0;opacity:0;transition:all .75s ease;visibility:hidden;width:0}body .weather-app .weather-info-wrap .info-inner-wrap .weather-info-head h3{cursor:pointer;position:relative;text-transform:capitalize;transition:all .75s ease;transition:all .55s ease}body .weather-app .weather-info-wrap .info-inner-wrap .weather-info-head h3:after{background-color:#8774f8;bottom:0;content:"";height:2px;left:0;position:absolute;transition:all .55s ease;width:0}body .weather-app .weather-info-wrap .info-inner-wrap .weather-info-head h3:hover{color:#8774f8;transition:all .55s ease}body .weather-app .weather-info-wrap .info-inner-wrap .weather-info-head h3:hover:after{right:0;transition:all .55s ease;width:100%}body .weather-app .weather-info-wrap .info-inner-wrap .weather-info-head .temperature-toggler{align-items:center;border:1.5px solid #8774f8;border-radius:100px;display:flex;justify-content:center;padding:4px}body .weather-app .weather-info-wrap .info-inner-wrap .weather-info-head .temperature-toggler input[type=radio]{display:none}body .weather-app .weather-info-wrap .info-inner-wrap .weather-info-head .temperature-toggler label{border:none;border-radius:100px;color:#fff;cursor:pointer;font-size:14px;line-height:1;padding:8px 16px;transition:all .55s ease}@media screen and (max-width:767px){body .weather-app .weather-info-wrap .info-inner-wrap .weather-info-head .temperature-toggler label{font-size:12px;padding:6px 12px}}body .weather-app .weather-info-wrap .info-inner-wrap .weather-info-head .temperature-toggler label.active{background-color:#8774f8;transition:all .75s ease}body .weather-app .weather-info-wrap .info-inner-wrap .weather-info-head .temperature-toggler label span{transition:all .55s ease}body .weather-app .weather-info-wrap .info-inner-wrap .date-based-list{display:flex;flex-direction:column;gap:50px}@media screen and (max-width:767px){body .weather-app .weather-info-wrap .info-inner-wrap .date-based-list{gap:30px}}body .weather-app .weather-info-wrap .info-inner-wrap .date-based-list .date-list-itm .date-heading{margin-bottom:10px}body .weather-app .weather-info-wrap .info-inner-wrap .date-based-list .date-list-itm .weather-card-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(4,1fr)}@media screen and (max-width:991px){body .weather-app .weather-info-wrap .info-inner-wrap .date-based-list .date-list-itm .weather-card-grid{gap:20px;grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:767px){body .weather-app .weather-info-wrap .info-inner-wrap .date-based-list .date-list-itm .weather-card-grid{gap:15px;grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:310px){body .weather-app .weather-info-wrap .info-inner-wrap .date-based-list .date-list-itm .weather-card-grid{grid-template-columns:repeat(1,1fr)}}body .weather-app .weather-info-wrap .info-inner-wrap .date-based-list .date-list-itm .weather-card-grid .weather-card{align-items:center;border:1.5px solid #8774f8;border-radius:5px;display:flex;flex-direction:column;padding:20px 10px 10px;transition:all .55s ease}body .weather-app .weather-info-wrap .info-inner-wrap .date-based-list .date-list-itm .weather-card-grid .weather-card:hover{box-shadow:0 7px 29px 0 #64646f80;cursor:default;transition:all .55s ease}body .weather-app .weather-info-wrap .info-inner-wrap .date-based-list .date-list-itm .weather-card-grid .weather-card .date-temp{align-items:center;column-gap:20px;display:flex;justify-content:space-between;margin-bottom:25px;row-gap:10px}@media screen and (max-width:767px){body .weather-app .weather-info-wrap .info-inner-wrap .date-based-list .date-list-itm .weather-card-grid .weather-card .date-temp{flex-direction:column;margin-bottom:35px}}body .weather-app .weather-info-wrap .info-inner-wrap .date-based-list .date-list-itm .weather-card-grid .weather-card .date-temp h6{font-size:16px}@media screen and (max-width:767px){body .weather-app .weather-info-wrap .info-inner-wrap .date-based-list .date-list-itm .weather-card-grid .weather-card .date-temp h6{font-size:18px}}body .weather-app .weather-info-wrap .info-inner-wrap .date-based-list .date-list-itm .weather-card-grid .weather-card .date-temp h6.date{color:#ffffff4d}body .weather-app .weather-info-wrap .info-inner-wrap .date-based-list .date-list-itm .weather-card-grid .weather-card .date-temp h6.temp{color:#fffc}body .weather-app .weather-info-wrap .info-inner-wrap .date-based-list .date-list-itm .weather-card-grid .weather-card .desc{text-align:center;text-transform:capitalize}body footer.footer{margin-top:auto;padding:10px 0}body footer.footer .footer-inner-wrap{align-items:center;column-gap:20px;display:flex;justify-content:center;row-gap:15px}body footer.footer .footer-inner-wrap .social-icon{align-items:center;display:flex}body footer.footer .footer-inner-wrap .social-icon img{height:20px;width:auto}
/*# sourceMappingURL=main.607cf361.css.map*/