body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.Desktop{font-size:40px;font-weight:100;width:100%;height:100vh;text-align:center;display:flex;align-items:center;align-content:center;justify-content:center;overflow:hidden}*,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.Input{width:100%;background-color:#f6f1fb;color:#818282;height:53px;margin:10px 0;font-size:16px;border-radius:5px;font-weight:500;border:1px solid #f6f1fb;padding:0 15px}p{font-weight:600}.header-nav{display:flex;align-items:center;grid-gap:40px;gap:40px}.nav-item{color:#171717;text-decoration:none;font-size:calc(15px + .3vw);font-weight:600;cursor:pointer;padding:10px 5px}@media(min-width:2200px){.nav-item{font-size:calc(16px + .3vw)}}.nav-item:hover{color:#fff}.nav-item.active{color:#515151}.nav-item-dropdown-wrapper{position:relative}.dropdown-menu{display:none;position:absolute;top:100%;right:0;background-color:rgba(34,34,34,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);list-style:none;padding:17px 0 15px 15px;margin:0;min-width:260px;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;z-index:100}.dropdown-toggle .nav-text:after{content:"";display:inline-block;width:calc(6px + .3vw);height:calc(6px + .3vw);border-right:2px solid;border-bottom:2px solid;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-left:18px;margin-bottom:4px;transition:margin-bottom .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,margin-bottom .2s ease;transition:transform .2s ease,margin-bottom .2s ease,-webkit-transform .2s ease}.nav-item-dropdown-wrapper.open .dropdown-toggle .nav-text:after{-webkit-transform:rotate(225deg);transform:rotate(225deg);margin-bottom:1px}.nav-item-dropdown-wrapper.open .dropdown-menu{display:block}.dropdown-item{display:block;padding:5px 15px;color:#f5f5f5;text-decoration:none;font-size:calc(14px + .2vw)}.dropdown-item:hover{color:#f4800c}.Paragraph{font-size:21px;text-align:center}@media only screen and (max-width:320px){.Paragraph{font-size:16px}}.page-base{min-height:100dvh}.page-base,.page-baseDesk{flex-direction:column;background:linear-gradient(135deg,#f2f2f2,#fffbf4,#f9fff3,#fffef3,#fff8f4)}.page-baseDesk{display:flex;height:100vh;height:100dvh;min-height:100vh;overflow:hidden}.page-consumption-base{flex-direction:column;background:#fff;min-height:100dvh}.page-consumption-baseDesk{flex-direction:column;background:linear-gradient(135deg,#f2f2f2,#fffbf4,#f9fff3,#fffef3,#fff8f4);height:auto;min-height:100vh}.Splash{width:100%;height:100vh;background-attachment:fixed;background-image:url(/static/media/Background_login.7b392184.webp);background-position:50%;background-repeat:no-repeat;background-size:100%;display:flex;align-items:flex-end;align-content:center;justify-content:center;color:#fff;font-size:30px}.Splash .heading{color:#fff;font-size:36px;margin-bottom:50px}.HotWaterHeaderDesk,.MainHeaderDesk{width:100%;height:18vh;display:flex;justify-Content:space-between;align-Items:flex-end;padding-bottom:1vh;background:radial-gradient(circle at 20% 20%,#f8f413,transparent 35%),radial-gradient(circle at 80% 30%,#f85913,transparent 38%),radial-gradient(circle at 50% 80%,#fbdc4c,transparent 40%),radial-gradient(circle at 25% 75%,#f88a13,transparent 35%),linear-gradient(135deg,#fecc8a,#fbdc8a);background-size:230% 230%;-webkit-animation:softGradientMove 7s infinite alternate;animation:softGradientMove 7s infinite alternate}@-webkit-keyframes softGradientMove{0%{background-position:0 20%}50%{background-position:80% 60%}to{background-position:20% 100%}}.HotWaterHeaderDesk{background:radial-gradient(circle at 20% 20%,#f78306,transparent 35%),radial-gradient(circle at 80% 30%,#ce0b0e,transparent 38%),radial-gradient(circle at 50% 80%,#f56810,transparent 40%),radial-gradient(circle at 25% 75%,#f73325,transparent 35%),linear-gradient(135deg,#f6b36b,#f4a19b);background-size:230% 230%}.HotWaterHeader,.HotWaterHeaderDesk,.MainHeader{-webkit-animation:softGradientMove 7s infinite alternate;animation:softGradientMove 7s infinite alternate}.HotWaterHeader,.MainHeader{width:100%;height:14vh;display:flex;justify-Content:space-between;align-Items:flex-end;padding-bottom:16px;background:radial-gradient(circle at 20% 20%,#f8f413,transparent 35%),radial-gradient(circle at 80% 30%,#f85913,transparent 38%),radial-gradient(circle at 50% 80%,#fbdc4c,transparent 40%),radial-gradient(circle at 25% 75%,#f88a13,transparent 35%),linear-gradient(135deg,#fecc8a,#fbdc8a);background-size:230% 230%}.HotWaterHeader{background:radial-gradient(circle at 20% 20%,#f78306,transparent 35%),radial-gradient(circle at 80% 30%,#ce0b0e,transparent 38%),radial-gradient(circle at 50% 80%,#f56810,transparent 40%),radial-gradient(circle at 25% 75%,#f73325,transparent 35%),linear-gradient(135deg,#f6b36b,#f4a19b);background-size:230% 230%;-webkit-animation:softGradientMove 7s infinite alternate;animation:softGradientMove 7s infinite alternate}@keyframes softGradientMove{0%{background-position:0 20%}50%{background-position:80% 60%}to{background-position:20% 100%}}@media(min-width:767px){.DeskFooter{width:100%;height:6vh;display:flex;margin-top:auto;background:radial-gradient(circle at 20% 20%,#f8f413,transparent 35%),radial-gradient(circle at 80% 30%,#f85913,transparent 38%),radial-gradient(circle at 50% 80%,#fbdc4c,transparent 40%),radial-gradient(circle at 25% 75%,#f88a13,transparent 35%),linear-gradient(135deg,#fecc8a,#fbdc8a);background-size:230% 230%;-webkit-animation:softGradientMove 7s infinite alternate;animation:softGradientMove 7s infinite alternate}@-webkit-keyframes softGradientMove{0%{background-position:0 20%}50%{background-position:80% 60%}to{background-position:20% 100%}}@keyframes softGradientMove{0%{background-position:0 20%}50%{background-position:80% 60%}to{background-position:20% 100%}}}.greeting{font-size:26px;padding:0 2% 0 5%;line-Height:1}.greetingDesk,.pageKeyDesk{font-size:calc(24px + .3vw);padding:0 2% 5px 8%}@media(min-width:2200px){.greetingDesk,.pageKeyDesk{font-size:calc(28px + .3vw);padding:0 2% 5px 11.5%}}.pageKey-consumption{font-size:26px;padding:0 2% 0 3%;line-Height:1}.pageKey{font-size:26px;padding:0 2% 0 7%;line-Height:1}.LanguageToggle{flex-Shrink:0;padding-right:2%}.LanguageToggleDesk{flex-Shrink:0;padding-right:8%;padding-bottom:15px}@media(min-width:2200px){.LanguageToggleDesk{padding-right:11.5%}}.HeaderNavigation{flex-Shrink:0;margin-left:auto;padding-right:2%}.lang-toggle-btn{padding:2px 7px;font-size:calc(10px + .3vw);font-weight:600;background-color:transparent;border:2px solid #000;cursor:pointer;transition:all .2s ease-in-out}@media(min-width:2200px){.lang-toggle-btn{padding:5px 10px}}@media(max-width:767px){.lang-toggle-btn{padding:5px 10px;font-size:16px;font-weight:800;background-color:transparent;border:2px solid #000;cursor:pointer;transition:all .2s ease-in-out}}.lang-toggle-btn:hover{background-color:#000;color:#fff}.Header{width:100%;background:#fff;color:#000;display:flex;justify-content:center;align-items:center;align-content:center;border-radius:11px;padding:15px}.Header .icon-button{border:1px solid #ebeaec;font-size:20px;border-radius:50%;padding:10px;color:#3f414e}.Header .HeaderSectionOne{display:flex;align-items:flex-start;align-content:center;justify-content:flex-start;margin-bottom:10px}.Header .Year{display:flex;flex-direction:row;align-items:center;align-content:center;justify-content:center;margin:0 2%;font-size:21px;font-weight:600}.Header .Year p{margin:0 5px}.Header .Year svg{font-size:15px}.Header .HeaderSectionTwo{display:flex;flex-direction:row;justify-content:space-between;align-items:center;align-content:center;width:100%;padding:0}.Header .HeaderHead{font-size:21px;font-weight:600}.Header .SectionHead{font-size:14px;font-weight:600;margin:0;padding:5px}.Header .SectionPara{font-size:13px;font-weight:200;margin:0;padding:0 5px}.Header .Icon{margin:15px 0;padding:0 15px;cursor:pointer}.Header .Icon:not(.disabled){color:#2680eb}.Header .Icon svg{width:1.5em;height:1.5em}.ConsumptionsTitle{font-size:18px;font-weight:700;padding:15px 0 10px 5%}.ConsumptionsTitleDesk{font-size:24px;font-weight:600;padding:55px 0 10px 8%}@media(min-width:441px)and (max-width:1023px){.greeting{font-size:26px;padding:0 2% 0 9%}.LanguageToggle{padding-right:10%}.ConsumptionsTitle{font-size:calc(15px + .5vw);font-weight:600;padding:30px 0 25px 9%}}@media(min-width:2200px){.ConsumptionsTitleDesk{font-size:26px;font-weight:510;padding:75px 0 10px 11.5%}}.BaseContent{padding:0 2% 70px 3%;width:100%;height:auto}.BaseContentDesk{padding:0 2% 0 3%;width:100%;height:auto}@media(min-width:1024px)and (max-width:1200px){.BaseContentDesk{padding:0;width:100%;height:auto}}.Content{margin-top:20px;padding:10px;width:100%;height:auto;background:#fff;border-radius:20px}.Content.small-corner{margin-top:10px;border-radius:11px}.app-btn{width:100%;background-color:#fff;color:#000;font-size:16px;font-weight:500;text-align:center;margin:5px 0;height:50px}.app-btn:not(.round){border-radius:5px;border:0}.app-btn.round{border-radius:50px}.app-btn.Blue{background-color:#ffd200!important;color:#000!important;transition:all .3s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.app-btn.Blue:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.app-btn.Dotted{background-color:#eee!important;color:#000!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.app-btn.Dotted:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.ButtonDiv{max-width:400px;width:100%;margin:10px auto;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.ButtonDiv .ParagraphTwo{font-size:16px;margin:5px;text-align:center}@media only screen and (max-width:320px){.ButtonDiv .ParagraphTwo{font-size:14px}}@media(max-width:1023px){body,html{height:100vh;height:100dvh;margin:0;overflow-x:hidden}.bottom-nav{position:fixed;bottom:max(1px,env(safe-area-inset-bottom));left:3%;width:95%;height:50px;background-color:#fff;box-shadow:0 -2px 10px rgba(0,0,0,.05);display:flex;justify-content:space-around;align-items:center;z-index:1000;box-sizing:border-box;border-radius:16px}.nav-item{flex-direction:column;color:#404040;background:none;border:none;padding:0;cursor:pointer;flex-grow:1;height:100%;transition:color .2s ease;-webkit-tap-highlight-color:transparent!important;outline:none!important}.nav-icon-wrapper,.nav-item{display:flex;align-items:center;justify-content:center}.nav-icon-wrapper{width:20px;height:20px;margin-bottom:2px}.nav-text{font-size:10px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-weight:500}.nav-item.active{background:linear-gradient(135deg,#ffffbf,#ffff9f);border-radius:8px;color:#000!important;text-decoration:none!important}.nav-item.active a::selection{background:transparent!important;color:#000!important}.nav-item.active a::-moz-selection{background:transparent!important;color:#000!important}.nav-item.active a,.nav-item.active a:active,.nav-item.active a:focus{color:#000!important;-webkit-text-fill-color:#000!important;text-decoration:none!important;background:transparent!important;-webkit-tap-highlight-color:transparent!important;outline:none!important}.nav-item a{-webkit-user-select:none!important;-ms-user-select:none!important;user-select:none!important}}