@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Laila:wght@300;400;500;600;700&family=Merienda:wght@300;400;500;600;700;800;900&family=Volkhov:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);header.main-header{align-items:center;background:#fff;box-shadow:0 3px 5px rgba(0,0,0,.3);display:flex;gap:.3rem;justify-content:space-between;padding:.3rem 1rem}header.main-header .option,header.main-header button{background:transparent;border:none;min-width:1.5rem;padding:.1rem}header.main-header .hamburger-initiater button{align-items:center;display:flex;font-size:1.8rem;justify-content:center}header.main-header .logo-container{align-items:center;display:flex}header.main-header .logo-container img{max-width:3rem;width:100%}header.main-header .logo-container .name-container{margin-left:.5rem}header.main-header .logo-container .name-container h2,header.main-header .logo-container .name-container h3{font-size:.9rem;font-weight:500}header.main-header .logo-container .name-container h3{font-size:.7rem}header.main-header .main-options{align-items:center;display:flex;flex:1 1;gap:.3rem;justify-content:flex-end}header.main-header .main-options .bell button{font-size:1rem;padding:.3rem}header.main-header .main-options button{align-items:center;display:flex;justify-content:center}.notification-container{background-color:#fff;border-radius:8px;box-shadow:0 0 15px rgba(0,0,0,.3);color:#000;display:flex;flex-direction:column;gap:1rem;height:min(30rem,50vh);max-width:25rem;min-width:30%;overflow-y:auto;padding:.5rem;width:min(80%,25rem)}.notification-container .notification{padding:.3rem}.notification-container .notification .sub-text{color:#495461}@media(min-width:768px){header.main-header{align-items:center;box-shadow:0 3px 5px rgba(0,0,0,.3);display:flex;gap:.3rem;justify-content:space-between;padding:.3rem 1rem}header.main-header .option,header.main-header button{background:transparent;border:none;min-width:2.5rem;padding:.3rem}header.main-header .hamburger-initiater button{align-items:center;display:flex;font-size:1.8rem;justify-content:center}header.main-header .logo-container{align-items:center;display:flex}header.main-header .logo-container img{max-width:3rem;width:100%}header.main-header .logo-container .name-container{margin-left:.5rem}header.main-header .logo-container .name-container h2,header.main-header .logo-container .name-container h3{font-size:.9rem;font-weight:500}header.main-header .logo-container .name-container h3{font-size:.7rem}header.main-header .main-options{align-items:center;display:flex;flex:1 1;gap:.3rem;justify-content:flex-end}header.main-header .main-options .bell button{font-size:1rem;padding:.3rem}header.main-header .main-options button{align-items:center;display:flex;justify-content:center}}footer{background-image:linear-gradient(180deg,#05175f 13.85%,rgba(79,3,115,.99) 78.02%);color:#fff;display:flex;flex-direction:column;font-family:Laila,sans-serif;gap:1rem;margin-top:4rem;padding:2rem 0}footer .copy-text,footer .top{margin:0 auto;width:80%}footer .top{grid-gap:2rem;border-bottom:1px solid rgba(240,101,72,.5);display:grid;gap:2rem;grid-template-columns:auto;padding-bottom:1rem}footer .top .get-in-touch{display:flex;flex-direction:column;gap:1rem}footer .top .get-in-touch .title{font-family:Inter,sans-serif;font-size:1.3rem;font-weight:500}footer .top .get-in-touch .description{color:#cbcbcb}footer .top .get-in-touch .links-container{display:flex;gap:1rem;margin-top:1rem}footer .top .get-in-touch .links-container .link{color:#fff;font-size:1.5rem}footer .top .logo-container{align-items:center;align-self:flex-start;display:flex;gap:1rem;justify-content:center}footer .top .logo-container .title{font-size:1.5rem;font-weight:700}footer .top .logo-container .logo{height:4rem;width:10rem}footer .top .logo-container .logo img{object-fit:contain;width:100%}footer .top .internal-links{display:flex;flex-direction:column;gap:1rem}footer .top .internal-links .title{font-family:Inter,sans-serif;font-size:1.3rem;font-weight:500}footer .top .internal-links .links{display:flex;flex-wrap:wrap;gap:1rem}footer .top .internal-links .links .link{color:#fff}footer .copy-text{color:#bababa;font-family:Laila,sans-serif;font-weight:500;text-align:center}footer .copy-text .bold{color:#fff}@media(min-width:768px){footer{padding:3rem 0;position:relative;z-index:1000}footer .get-in-touch .links-container .link:hover,footer .internal-links .links .link:hover{color:#2cdab0}footer .copy-text,footer .top{width:80%}footer .top{grid-template-columns:repeat(3,1fr)}footer .top .get-in-touch{grid-column-start:1;grid-row-start:1}footer .top .logo-container{flex-direction:column-reverse}footer .copy-text{font-family:Laila,sans-serif;font-weight:500;text-align:center}.message-box-container.shown{width:40%}.message-box-container .message-box-initiater{font-size:2rem;height:3.5rem;width:3.5rem}.message-box-container .message-box{height:50vh}.message-box-container .message-box .form form button.submit:hover{-webkit-transform:translate(5px,-5px);transform:translate(5px,-5px)}}@media(min-width:1024px){.message-box-container.shown{width:40%}.message-box-container .message-box{height:50vh}}@media(min-width:1360px){.message-box-container.shown{width:30%}.message-box-container .message-box{height:75vh}}@media(min-width:1680px){.message-box-container.shown{width:25%}.message-box-container .message-box{height:70vh}}nav.side-nav-container{background:#fff;box-shadow:0 0 5px rgba(0,0,0,.3);height:100%;left:0;position:fixed;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:all .4s cubic-bezier(.075,.82,.165,1);width:70%;z-index:999}nav.side-nav-container.nav-open{-webkit-transform:none;transform:none}nav.side-nav-container .side-nav .links-container{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}nav.side-nav-container .side-nav .links-container .link{color:#05175f;padding:1rem;text-decoration:none;transition:all .4s cubic-bezier(.075,.82,.165,1)}nav.side-nav-container .side-nav .links-container .link.active{background-color:#05175f;color:#fff}nav.side-nav-container .side-nav .links-container .link .link-name{padding-left:.3rem}@media(min-width:1024px){nav.side-nav-container{height:100vh;position:-webkit-sticky;position:sticky;top:0;-webkit-transform:none;transform:none;width:100%}nav.side-nav-container .side-nav .links-container{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}nav.side-nav-container .side-nav .links-container .link{color:#05175f;padding:1rem;text-decoration:none;transition:all .4s cubic-bezier(.075,.82,.165,1)}nav.side-nav-container .side-nav .links-container .link:hover{background-color:#bbb}nav.side-nav-container .side-nav .links-container .link.active{background-color:#05175f;color:#fff}nav.side-nav-container .side-nav .links-container .link .link-name{padding-left:.3rem}}.sensor-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.sensor-container .sensor{box-shadow:0 0 15px rgba(0,0,0,.3);text-decoration:none}.sensor-container .sensor .image-container{height:15rem;overflow:hidden}.sensor-container .sensor .image-container img{height:100%;object-fit:cover;width:100%}.sensor-container .sensor .data-container{display:flex;padding:1rem 0}.sensor-container .sensor .data-container .data-left-container{flex:1 1}.sensor-container .sensor .data-container .data-left-container p.heading{font-size:1.3rem;font-weight:500}.sensor-container .sensor .data-container .data-left-container p.sub-heading{font-weight:500;text-transform:capitalize}.sensor-container .sensor .data-container .data-right-container p.temperature{font-size:1.3rem}@media(min-width:768px){.sensor-container{align-items:start;grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.sensor-container{grid-template-columns:repeat(3,1fr)}}.api-container .api-header{display:flex;flex-direction:column;gap:.5rem;position:relative}.api-container .api-header .header-left{flex:1 1}.api-container .api-header .header-left .api-method{background-color:#2cdab0;border-radius:5px;color:#fff;font-size:.8rem;margin-right:min(2vw,2rem);padding:.3rem;text-transform:uppercase}.api-container .api-header .header-left .api-title{font-weight:500}.api-container .api-header .header-right{display:flex;gap:1rem;justify-content:flex-end}.api-container .api-header .header-right .api-url{color:#2cdab0;cursor:pointer;font-size:.8rem}.api-container .api-header .header-right .api-url .url{background-color:transparent;border:none;cursor:pointer;font-size:.8rem;margin-right:.5rem;width:-webkit-min-content;width:min-content}.api-container .api-header .header-right .extras{min-width:2vw}.api-container .api-header .header-right .extras .icon{color:#05175f}.api-container .main-api-content{font-size:.8rem}.api-container .title{font-weight:600;margin-top:1rem}.api-container .url-example{font-size:.8rem;text-decoration:underline}.api-container .api-response{background-color:rgba(44,218,176,.1);color:#2cdab0;padding:.3rem}.export-options-container{background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,.3);display:flex;flex-direction:column;padding:.3rem}.export-options-container .export-option{background-color:transparent;border:none;color:#05175f;cursor:pointer;min-width:5vw;padding:.3rem 1rem}.export-options-container .export-option:hover{background-color:#0b2b6d;color:#fff}@media(min-width:768px){.api-container .api-header{flex-direction:row}}.ant-spin-nested-loading>div>.ant-spin{max-height:none!important}.Login{background:linear-gradient(101.62deg,#05175f 13.85%,rgba(79,3,115,.99) 78.02%)}.Login main.login{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;width:100%}.Login main.login .login-container{-webkit-animation:comeHere .4s;animation:comeHere .4s;background:#fff;margin:0 auto;padding:3rem 0 4rem;position:relative;width:90%}.Login main.login .login-container .tag{background-color:#05175f;border-radius:20px;color:#fff;padding:.3rem 1rem;position:absolute;right:1rem;top:1rem}.Login main.login .login-container .image-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.Login main.login .login-container .image-container .logo-container{width:5rem}.Login main.login .login-container .image-container .logo-container img{width:100%}.Login main.login .login-container .image-container .name-container h1.title{font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:600}.Login main.login .login-container .welcome-back{margin-bottom:1rem}.Login main.login .login-container .welcome-back h2.title{font-size:1rem;font-weight:500;text-align:center}.Login main.login .login-container .welcome-back p.text{color:#868686;font-size:.8rem;text-align:center}.Login main.login .login-container .welcome-back p.text span{color:#05175f;font-weight:600}.Login main.login .login-container .login-form form{display:flex;flex-direction:column;gap:1rem;margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Login main.login .login-container .login-form form .input-container{border:1px solid #868686;display:flex;margin:0 auto;padding:5px 8px;width:90%}.Login main.login .login-container .login-form form .input-container label{color:#868686}.Login main.login .login-container .login-form form .input-container input{border:none;width:100%}.Login main.login .login-container .login-form form .button-container{align-items:center;display:flex;justify-content:center}.Login main.login .login-container .login-form form .button-container button{background:#f06548;border:none;color:#fff;cursor:pointer;padding:.5rem 2rem;transition:background .2s cubic-bezier(.215,.61,.355,1)}.Login main.login .login-container .login-form form .button-container button:hover{background:#f06548}@-webkit-keyframes comeHere{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes comeHere{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@media(min-width:768px){.Login main.login .login-container{width:50%}.Login main.login .login-container .image-container .name-container h1.title{font-size:1.5rem}.Login main.login .login-container .welcome-back h2.title{font-size:1.3rem}.Login main.login .login-container .welcome-back p.text{font-size:1rem}}.profile-container{background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:2rem;padding:1rem}.profile-container .profile-image-container{display:flex;flex:2 1;flex-direction:column;gap:1rem;margin:0 auto}.profile-container .profile-image-container .profile-image{border-radius:50%;overflow:hidden}.profile-container .profile-details-container{flex:8 1}.profile-container .profile-details-container form{width:100%}.profile-container .profile-details-container .detail-group{align-items:center;display:flex;gap:1rem;justify-content:center}.profile-container .profile-details-container .detail{flex:1 1;margin-bottom:1rem}.profile-container .profile-details-container .detail .title{font-weight:500}.profile-container .profile-details-container .detail input{border:1px solid #000;border-radius:8px;padding:.5rem 1rem;width:100%}.profile-container .profile-details-container .detail input:disabled{background-color:transparent;border-color:transparent}.profile-container .profile-details-container .button-container{align-items:center;display:flex;gap:1rem;justify-content:center;margin:1rem 0}.profile-container .profile-details-container .button-container .button{align-items:center;display:flex;font-size:1rem;gap:1rem;justify-content:center;min-width:10rem}@media(min-width:1360px){.profile-container{align-items:stretch;flex-direction:row;gap:max(5rem,10vw);padding:3rem}.profile-container .profile-image-container{flex:4 1}.profile-container .profile-image-container .profile-image{height:10rem;width:10rem}}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.only-tablet{display:none}.app{background-color:#fcfcfc}.main-content{margin-top:1rem}.main-content .content-header{align-items:start;display:flex;flex-direction:column;margin:1rem auto;width:90%}.main-content .content-header .page-title{flex:1 1}.main-content .content-header .page-title sub{color:#495461;font-size:.8rem;font-weight:400}.main-content .content-header .organization-title{color:#2cdab0;font-size:1.2rem;font-weight:500}.main-content .content-header .button{justify-self:flex-end}.main-content .main-container{margin:0 auto;width:90%}.button{background:transparent;padding:1rem 1.5rem;text-decoration:none;transition:all .4s cubic-bezier(.075,.82,.165,1)}.button:enabled{cursor:pointer}.button:disabled{cursor:not-allowed}.button.button-primary{background-color:#05175f;border:1px solid #05175f;border-radius:8px;color:#fff;padding:.5rem 1rem}.button.button-primary:hover{box-shadow:0 0 8px #05175f}.button.button-secondary{border:1px solid #05175f;border-radius:8px;color:#05175f;padding:.5rem 1rem}.button.button-regular{border:1px solid #05175f;border-radius:8px;color:#05175f}.button.button-regular:enabled{background-color:#05175f;color:#fff}.button.button-simple{background-color:transparent;border:none;bottom:0;padding:.3rem;position:absolute;right:.3rem}.overlay-loader-container{align-items:center;-webkit-animation:opaqueUp .4s;animation:opaqueUp .4s;background-color:rgba(0,0,0,.45);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999999}.overlay-loader-container .overlay-loader{align-items:center;-webkit-animation:scaleUp .4s;animation:scaleUp .4s;background-color:#fff;border-radius:5px;box-shadow:0 0 30px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem}.embed-loader-container{align-items:center;-webkit-animation:opaqueUp .4s;animation:opaqueUp .4s;background-color:transparent;display:flex;height:-webkit-fill-available;justify-content:center;width:100%}.embed-loader-container .embed-loader{align-items:center;-webkit-animation:scaleUp .4s;animation:scaleUp .4s;background-color:#fff;border-radius:5px;box-shadow:0 0 30px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem}.embed-loading-container-outer{height:50vh;width:100%}@-webkit-keyframes opaqueUp{0%{opacity:0}to{opacity:1}}@keyframes opaqueUp{0%{opacity:0}to{opacity:1}}@-webkit-keyframes scaleUp{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleUp{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@media(min-width:768px){.only-tablet{display:block}}@media(min-width:1024px){.only-mobile{display:none}.main-content{width:90%}.app{display:grid;grid-template-columns:15% 85%}.app .main-header{grid-column:1/-1}.app nav.side-nav-container{grid-column:1/2}.app .main-content{grid-column:2/3}.app footer{grid-column:1/-1}}.main-content.sensor{background-color:#fff;border-bottom-left-radius:60px;border-bottom-right-radius:60px;overflow:hidden;padding:1rem}.main-content.sensor .header .title{font-family:Volkhov,sans-serif;font-size:2rem;font-weight:700;margin:0 0 1rem;text-align:center}.main-content.sensor .cards-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(1,auto)}.main-content.sensor .cards-container .weather-card{box-shadow:20px 20px 150px 0 hsla(0,1%,48%,.25);margin:0 auto;transition:all .4s cubic-bezier(.23,1,.32,1);width:80%}.main-content.sensor .cards-container .weather-card:hover{-webkit-transform:translateY(-2%);transform:translateY(-2%)}.main-content.sensor .cards-container .weather-card .ant-card-cover .image-container,.main-content.sensor .cards-container .weather-card .ant-card-cover .image-container img{width:100%}.main-content.sensor .graphs-container{grid-row-gap:3rem;grid-column-gap:10%;-webkit-column-gap:10%;column-gap:10%;display:grid;grid-template-columns:repeat(1,1fr);margin:2rem 0;row-gap:3rem}.main-content.sensor .graphs-container .child{border-radius:30px;box-shadow:20px 20px 150px 0 hsla(0,0%,9%,.25);min-height:20vh;overflow:hidden}.main-content.sensor .graphs-container .child.graph{background:#fff;display:flex;flex-direction:column;min-height:60vh;padding:1rem}.main-content.sensor .graphs-container .child.graph iframe{flex:1 1}.main-content.sensor .graphs-container .child.graph .select{align-self:flex-end;padding:0 1rem 1rem}.main-content.sensor .graphs-container .child.graph .select .range{margin-right:.5rem}.main-content.sensor .graphs-container .child.aqi{height:70vh}.main-content.sensor .graphs-container .info-small{background-color:#2cdab0;border-radius:5px;bottom:.3rem;color:#fff;padding:.5rem 1.5rem .5rem .5rem;position:fixed;right:.3rem}.main-content.sensor .graphs-container .info-small .exit{font-size:1rem;position:absolute;right:1px;top:1px}.main-content.sensor .graphs-container .sensor-summary{text-align:center}.main-content.sensor .graphs-container .sensor-summary .location{font-size:1.5rem;font-weight:600;margin-top:-.5rem;text-align:center}.main-content.sensor .graphs-container .sensor-summary .timezone-offset{align-items:center;display:flex;font-size:1rem;gap:.3rem;justify-content:center;margin-bottom:1rem;margin-left:auto}.main-content.sensor .graphs-container .sensor-summary .timezone-offset .image-container{height:.8rem}.main-content.sensor .graphs-container .sensor-summary .timezone-offset .image-container img{height:100%;vertical-align:top}.main-content.sensor .graphs-container .sensor-summary .sensor-summary-inner{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.main-content.sensor .graphs-container .sensor-summary .sensor-summary-inner .sensor-info .value{display:block;font-size:1.3rem;font-weight:600;text-transform:capitalize}.main-content.sensor .graphs-container .sensor-summary .sensor-summary-inner .lat-lon-container{align-items:center;display:flex;flex-direction:column;gap:.3rem}.main-content.sensor .graphs-container .sensor-summary .sensor-summary-inner .lat-lon-container .icon{color:#05175f;font-size:2rem;text-align:center}.main-content.sensor .graphs-container .sensor-summary .sensor-summary-inner .lat-lon-container .lat-lon-data{font-size:1.3rem;font-weight:500}.main-content.sensor .graphs-container .weather-summary{padding-bottom:0}.main-content.sensor .graphs-container .weather-summary .image-container-particular{height:5rem;margin-top:1rem;width:100%}.main-content.sensor .graphs-container .weather-summary .image-container-particular img{height:100%;object-fit:cover;width:100%}.main-content.sensor .weather-summary-container{color:#000;display:flex;flex-direction:column;gap:.5rem}.main-content.sensor .weather-summary-container:hover{color:#000}.main-content.sensor .weather-summary-container .location-container{display:flex;font-size:1.1rem;justify-content:flex-start}.main-content.sensor .weather-summary-container .location-container .district:after{content:">";margin-left:.3rem}.main-content.sensor .weather-summary-container .location-container .city{font-weight:600;margin-left:.3rem}.main-content.sensor .weather-summary-container .location-container .timezone-offset{align-self:flex-start;display:flex;font-size:.8rem;gap:.3rem;justify-self:flex-end;margin-left:auto}.main-content.sensor .weather-summary-container .location-container .timezone-offset .image-container{height:.7rem}.main-content.sensor .weather-summary-container .location-container .timezone-offset .image-container img{height:100%}.main-content.sensor .weather-summary-container .time{bottom:-1rem;color:#495461;font-size:.75rem;font-weight:400;left:0;line-height:1;position:absolute}.main-content.sensor .weather-summary-container.child .time{left:auto;right:0}.main-content.sensor .weather-summary-container .summary{grid-row-gap:1rem;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:repeat(2,auto);position:relative;row-gap:1rem}.main-content.sensor .weather-summary-container .summary .aqi-box{grid-column-gap:.5rem;grid-row-gap:0;-webkit-column-gap:.5rem;column-gap:.5rem;display:grid;grid-template-columns:-webkit-min-content auto;grid-template-columns:min-content auto;row-gap:0}.main-content.sensor .weather-summary-container .summary .aqi-box .value{font-family:Laila,sans-serif;font-size:1.8rem;font-weight:700;grid-row:1/3;line-height:1.6;white-space:nowrap}.main-content.sensor .weather-summary-container .summary .aqi-box .lable{color:#444}.main-content.sensor .weather-summary-container .summary .aqi-box .time{position:static}.main-content.sensor .weather-summary-container .summary .temperature{font-family:Laila,sans-serif;font-size:1.5rem;font-weight:600}.main-content.sensor .weather-summary-container .summary .temperature span{color:#444;font-size:medium;font-weight:400;vertical-align:top}.main-content.sensor .weather-summary-container .summary .weather-element{grid-row-gap:.3rem;grid-column-gap:.5rem;align-items:center;-webkit-column-gap:.5rem;column-gap:.5rem;display:grid;grid-template-columns:-webkit-min-content auto;grid-template-columns:min-content auto;row-gap:.3rem}.main-content.sensor .weather-summary-container .summary .weather-element .lable{color:#444;font-weight:300;grid-column:1/3;margin:0;text-transform:uppercase}.main-content.sensor .weather-summary-container .summary .weather-element .lable.capitalize{text-transform:capitalize}.main-content.sensor .weather-summary-container .summary .weather-element .circle{border-radius:50%;height:1rem;width:1rem}.main-content.sensor .weather-summary-container .summary .weather-element .circle.circle-red{background-color:#f95f5f}.main-content.sensor .weather-summary-container .summary .weather-element .circle.circle-green{background-color:#0aaf9b}.main-content.sensor .weather-summary-container .summary .weather-element .circle.circle-blue{background-color:#30acf2}.main-content.sensor .weather-summary-container .summary .weather-element .circle.circle-yellow{background-color:#f1c40f}.main-content.sensor .weather-summary-container .summary .weather-element .value{font-family:Laila,sans-serif;font-size:1.5rem;font-weight:600;justify-self:flex-start;margin:0;white-space:nowrap}.main-content.sensor .weather-summary-container .summary .weather-element .value span{font-size:.8rem;font-weight:400;vertical-align:top}.main-content.sensor .weather-summary-container .buttons-container{display:flex;gap:1rem;justify-content:flex-end}.main-content.sensor .weather-summary-container .buttons-container .button{font-size:1rem;font-weight:500;margin-top:.5rem;padding:.5rem 1.7rem}@media(min-width:1024px){.main-content.sensor{border-bottom-left-radius:100px;border-bottom-right-radius:100px;padding:1rem 5%;width:100%}.main-content.sensor .graphs-container{grid-template-columns:repeat(2,1fr)}.main-content.sensor .graphs-container .graph{grid-column:1/-1}.home-main{border-bottom-left-radius:100px;border-bottom-right-radius:100px}.home-main .title .icon{margin-left:.5rem}.home-main .cards-container{-webkit-column-gap:calc(4rem + 4vw);column-gap:calc(4rem + 4vw);gap:calc(2rem + 2vw);grid-template-columns:repeat(2,1fr);margin:0 auto;width:min(900px,60%)}.home-main .cards-container .weather-card{width:100%}.weather-summary-container .summary{grid-template-columns:repeat(3,auto)}}.loading-graph-container{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center}.loading-graph-container .image-container{-webkit-animation:rotate 1s infinite;animation:rotate 1s infinite;height:5rem;width:5rem}.loading-graph-container .image-container img{width:100%}.loading-graph-container .text{font-size:1rem;text-align:center}.recharts-tooltip{background-color:#fff;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.3);min-width:10rem;padding:1rem}.recharts-tooltip .title{color:#8884d8;font-size:1.2rem}.recharts-tooltip .value{font-weight:600}.recharts-tooltip .date{font-size:.8rem;text-align:right}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.overlay-prompt{background-color:rgba(0,0,0,.3);height:100%;left:0;top:0}.download-prompt,.overlay-prompt{position:fixed;width:100%;z-index:9999}.download-prompt{align-items:start;background-color:#fff;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,.3);display:flex;flex-direction:column;justify-content:center;left:50%;padding:1rem;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.download-prompt .checkbox-group{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}@media(min-width:768px){.download-prompt{width:calc(15rem + 10vw)}}.message-page .page-header{display:flex;padding:.5rem 1rem}.message-page .page-header .right-container{grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:repeat(2,auto)}.message-page .page-header .right-container .image-container{align-self:center;border:1px solid green;border-radius:50%;grid-row:1/3;height:2rem;overflow:hidden;width:2rem}.message-page .page-header .right-container .image-container img{height:100%;object-fit:cover;width:100%}.message-page .page-header .right-container .title{font-weight:500}.message-page .page-header .right-container .dot:before{background-color:green;border-radius:50%;content:"";display:inline-block;font-size:.8rem;height:.8rem;margin-right:.5rem;width:.8rem}.message-page .page-body .message-box{align-items:stretch;-webkit-animation:open-up .4s;animation:open-up .4s;background-color:#05175f;border-radius:10px;display:flex;flex-direction:column;height:auto;justify-content:stretch;margin:0 auto;min-height:80vh}.message-page .page-body .message-box .title{padding:.3rem 1rem}.message-page .page-body .message-box .form,.message-page .page-body .message-box .messages{padding:.3rem}.message-page .page-body .message-box .messages{align-items:flex-end;background-color:#fff;box-shadow:inset -10px 10px 10px rgba(0,0,0,.1);color:#000;display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-x:hidden;overflow-y:auto}.message-page .page-body .message-box .messages .no-messages{background-color:#2cdab0;border-radius:10px;color:#fff;font-size:.8rem;margin:0 auto;padding:.3rem 1rem}.message-page .page-body .message-box .messages .message{grid-gap:.3rem;display:grid;gap:.3rem;grid-template-columns:auto 2rem;width:80%}.message-page .page-body .message-box .messages .message .text{border:1px solid #05175f;border-radius:10px}.message-page .page-body .message-box .messages .message .text .subject,.message-page .page-body .message-box .messages .message .text .text-message{padding:.3rem}.message-page .page-body .message-box .messages .message .text .subject{border-bottom:1px solid #000;font-size:.8rem}.message-page .page-body .message-box .messages .message .image-container{border:1px solid #05175f;border-radius:50%;height:2rem;overflow:hidden;width:2rem}.message-page .page-body .message-box .messages .message .image-container img{height:100%;object-fit:cover;width:100%}.message-page .page-body .message-box .messages .message .extra{background-color:#05175f;border-radius:8px;color:#fff;float:right;font-size:.8rem;grid-column:1/-1;justify-self:end;padding:2px .5rem;position:relative;text-transform:capitalize;top:-.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message-page .page-body .message-box .form .intro{font-size:.8rem;padding:.5rem;position:relative}.message-page .page-body .message-box .form .intro .exit{align-items:center;background-color:#fff;border:2px solid #05175f;border-radius:50%;cursor:pointer;display:flex;font-size:1rem;justify-content:center;position:absolute;right:0;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.message-page .page-body .message-box .form .intro .text{color:#fff}.message-page .page-body .message-box .form form{align-items:center;display:flex;justify-content:center;padding:.5rem 0 .5rem .5rem}.message-page .page-body .message-box .form form .inputs{display:flex;flex:1 1;flex-direction:column;gap:5px}.message-page .page-body .message-box .form form input,.message-page .page-body .message-box .form form textarea{border-radius:10px;flex:1 1;padding:.3rem;resize:none}.message-page .page-body .message-box .form form button.submit{background-color:transparent;border:none;color:#fff;cursor:pointer;font-size:1.3rem;padding:.3rem .8rem;transition:all .4s cubic-bezier(.075,.82,.165,1)}@-webkit-keyframes open-up{0%{opacity:0;-webkit-transform:translateY(110%);transform:translateY(110%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes open-up{0%{opacity:0;-webkit-transform:translateY(110%);transform:translateY(110%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media(min-width:768px){.message-box-initiater{font-size:2rem;height:3.5rem;width:3.5rem}.message-box .form form button.submit:hover{-webkit-transform:translate(5px,-5px);transform:translate(5px,-5px)}}@media(min-width:1024px){.message-page .page-body .message-box .messages{box-shadow:inset -10px 10px 10px rgba(0,0,0,.1)}.message-page .page-body .message-box .messages .no-messages{background-color:#2cdab0;border-radius:10px;color:#fff;font-size:.8rem;margin:0 auto;padding:.3rem 1rem}.message-page .page-body .message-box .messages .message{width:40%}.message-page .page-body .message-box .messages .message .extra{right:2rem}.message-page .page-body .message-box .form form{align-items:flex-end}}
/*# sourceMappingURL=main.a90211fb.css.map*/